/* Global Styles */
html,body { background-color: #0097F8; margin: 0px 0px 0px 0px; background-image:url(https://www.naturalhormoneclinic.com/images/backgrounds/bgimg.jpg); background-repeat: no-repeat; background-position: center top; }
#page-content { width: 1003px; height: auto; margin-left: auto; margin-right: auto; }
h1 { color: #FFFFFF; font-weight: bold; font-style: normal; font-size: 1.5em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; line-height: 1.4; margin: 5px 0px 5px 0px; }
h2 { color: #FFFFFF; font-weight: bold; font-style: normal; font-size: 1.1em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; line-height: 1.4; margin: 5px 0px 5px 0px; }
p { color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; line-height: 1.4; margin: 0px 0px 8px 0px; }
.no-margins { margin: 0px 0px 0px 0px; }
.form-copy { color: #000000; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; }
.form-label { color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; }
.error-copy { color: red; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-top { vertical-align: top; }
a { color: #0097F8; text-decoration: none; }
a:hover { text-decoration: underline; }
/* Header Styles */
#header { width: 1003px; height: auto; background-color: #004d7b; }
#header-search-box { float: right; width: 340px; height: auto; vertical-align: bottom; margin-right: 5px; padding-top: 45px; }
.header-field-label { color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 0.9em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; }
#site-search-criteria { width: 175px; height: auto; }
.faded-form-copy { color: #9792A1; }
.sub-nav-menu { position: absolute; width: 215px; height: auto; background-color: #000000; }
.sub-nav-list { list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 8px 8px 23px; }
.sub-nav-list li { padding-top: 8px; line-height: 1.4; }
.sub-nav-list li a { color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; text-decoration: none; z-index: 10; }
.sub-nav-list li a:hover { color: yellow; }
/* Navigation Styles */
#navigation { width: 1003px; height: auto; background-color: #000000; text-align: center; padding: 20px 0px 20px 0px; }
#navigation ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none; }
#navigation ul li { display: inline; padding-left: 20px; padding-right: 20px; }
#navigation ul li.selected-nav { background-color: #da0800; padding: 20px 20px 20px 20px; }
#navigation a { text-decoration: none; color: #FFFFFF; font-weight: bold; font-style: normal; font-size: 1em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; }
#navigation a:hover { color: yellow; }
/* Body Styles */
#body-content { width: 1003px; height: auto; margin-top: 20px; background-color: #091318; }
#body-padding { padding: 20px 20px 20px 20px; }
#body-padding ul { list-style-image: url(https://www.naturalhormoneclinic.com/images/site-elements/marker1.gif); color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; }
#body-padding ul li { margin: 3px 0px 3px 0px; }
#body-padding ol { color: #FFFFFF; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; }
#body-padding ol li { margin: 3px 0px 3px 0px; }
/* Shopping Cart Styles */
#shoppingcarttable { width: 80%; height: auto; margin-left: auto; margin-right: auto; padding-top: 25px; }
.blackbg { background-color: black; }
.productcol { width: 50%; height: auto; text-align: center; }
.inversecopy { color: white; }
.pricecol { width: 12%; height: auto; text-align: center; }
.qtycol { width: 10%; height: auto; }
.updatecol { width: 16%; height: auto; }
#checkoutbtnbox { width: 150px; height: auto; margin-left: auto; margin-right: auto; padding-top: 20px; }
/* Checkout Page Styles */
#checkouttable { width: 500px; height: auto; margin-left: auto; margin-right: auto; margin-top: 15px; }
#specialinstructionbox { width: 345px; height: auto; margin-left: auto; margin-right: auto; }
#finalizeorderbtn { width: 110px; height: auto; margin-left: auto; margin-right: auto; }
.smallfrmfield { width: 70px; height: auto; }
.medfrmfield { width: 150px; height: auto; }
#billaddressrow1 { display: none; }
#billaddressrow2 { display: none; }
#billaddressrow3 { display: none; }
#billcityrow { display: none; }
#billstaterow { display: none; }
#billprovincerow { display: none; }
#billcountryrow { display: none; }
#billziprow { display: none; }
/* Pop-up window margins (payment options, credit card code, etc.) */
#popupmargins { padding: 15px 15px 15px 15px; }
#cardcodebox { width: 170px; height: 113px; margin-left: auto; margin-right: auto; padding: 10px 0px 10px 0px; }
#cardcodeimg { width: 170px; height: 113px; border-width: 0px 0px 0px 0px; }
#closewin { color: #FFFFFF; text-decoration: underline; }
/* Footer Styles */
#footer-content { width: 1003px; height: auto; background-color: #FFFFFF; }
#footer-content p { color: #000000; font-weight: normal; font-style: normal; font-size: 0.85em; font-family: arial,Arial,helvetica,Helvetica,verdana,Verdana,sans-serif; line-height: 1.4; margin: 0px 0px 0px 0px; }
#footer-padding { padding: 20px 8px 20px 8px; }