/* Structure */ * { margin: 0; padding: 0; list-style: none; line-height: 1.1em; border: none; } body#page-background { background: url(/images/bg-body.png) left top repeat; font-family: Arial, Helvetica, sans-serif; font-size: .8em; } .page-center { width: 780px; margin: 0 auto; } #bg-page { background: url(/images/bg-page.png) center top repeat-y; float: left; width: 100%; min-width: 780px; } * html #bg-page{background-image:url(/images/bg-page-lq.png);} #bg-header { background: url(/images/bg-header.jpg) center top no-repeat; float: left; width: 100%; height: 110px; } #bg-header #logo { margin-left: 25px; float: left; } #bg-footer { background: url(/images/bg-footer.png) center top no-repeat; float: left; position: relative; width: 100%; min-width: 780px; padding-top: 77px; } * html #bg-footer{background-image:url(/images/bg-footer-lq.png)} #bg-footer .page-center { position:relative; } #btm-corner-img{ position: absolute; right:-10px; bottom:-90px; width:159px; height:133px; background:url(/images/image-flower2.png) no-repeat left top; } * html #btm-corner-img{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/image-flower2.png', sizingMethod="crop"); } #bg-content { background: url(/images/bg-content.jpg) center top no-repeat; float: left; width: 100%; } /* Main focus area */ #focus { float: left; width: 435px; padding: 25px 10px 0 25px; border-right: 1px solid black; } #focus h1 { color: #0b5558; font-size: 2em; padding-bottom: 15px; } #focus h2 { color: #0b5558; font-size: 1.6em; } #focus h3 { color: #000000; font-size: 1.4em; } #focus h4 { color: #0b5558; font-size: 1em; } #focus h5 { color: #000000; font-size: 1em; } #focus ul { margin: 0 0 15px 15px; } #focus ol { margin: 0 0 15px 10px; } #focus ul li { background: url(/images/bullet1.png) 0 0 no-repeat; padding-left: 10px; display: block; color: #0b5558; } #focus ul li li { list-style: circle; } #focus ol li { list-style: decimal outside; padding-left: 0; margin-left: 15px; color: #0b5558; } #focus blockquote { padding: 10px 0; color: #104747; font-style: italic; font-weight: 900; font-size: .9em; } #focus cite { margin: 15px 15px 0 0; text-align: right; clear: left; float: left; width: 100%; color: #6e0100; font-style: italic; font-weight: 900; } #focus dl { margin: 5px 0 10px 15px; } #focus dl dt { font-weight: 900; } #focus dl dd { padding: 0 0 10px 25px; } #focus pre { white-space: normal; } #focus p, #right-col p { padding-bottom: 15px; } #focus address { color: #fff; font-style: normal; font-weight: 900; margin-top: 15px; } #focus a, #right-col a { color: #0b5558; } #focus a:visited, #right-col a:visited { color: #0e3b3d; } #focus a:hover, #right-col a:hover { color: #20797d; } #focus a:active, #right-col a:active { color: #0e3b3d; } #focus img { padding: 5px; } #focus form div { background: url(/images/bg-fieldset.png) 0 0 no-repeat; width: 408px; padding-top: 30px; margin-bottom: 15px; } #focus fieldset { background: url(/images/bg-fieldset-bottom.png) bottom left no-repeat;padding: 0 10px 10px 10px; width: 388px; } #focus legend { float: left; font-size: 1.7em; font-weight: 900; margin: -30px 0 0 0; position: relative; color: #000; padding: 0 0 0 0; } #focus label { font-weight: 900; float: left; width: 100%; } #focus label span { color: red; } #focus fieldset table { width: 100%; } #focus table { margin: 0; } #focus th { } #focus td { vertical-align: top; padding: 0 0 0 5px; } #focus input, #focus textarea, #focus select { background: url(/images/bg-input.png) 0 0 no-repeat; border: 1px solid #103535; float: left; width: 100%; } #focus input.submit, #focus input.checkbox, #focus input.radio { width: auto; border: none; background: none; padding: 0; } hr { border: 0; height: 2px; color: #adbc85; background-color: #adbc85; margin: 5px 0 20px 0; } .btn-morenew { float: right; width: 93px; height: 12px; background: url(/images/btn-morenew.png) 0 0 no-repeat; text-indent: -9000px; overflow: hidden; margin: 10px; } /* Right Column */ #right-col { float: right; width: 160px; padding: 75px 10px 0 0; } #right-col h2 { color: #0b5558; font-size: 1.1em; margin-bottom: 15px; padding-left: 10px; } #right-col p { padding-left: 10px; } /* Breadcrumb */ #focus #breadcrumb { padding: 0 0 15px 0; margin: 0; float: left; width: 100%; } #focus #breadcrumb li { background: none; padding: 0 5px; margin: 0; float: left; color: #573312; border-left: 1px solid #573312; } #focus #breadcrumb li.home { padding-left: 0; border: none; } /* Top Navigation */ #bg-header ul { float: right; width: 350px; text-align: right; margin: 30px 30px 0 0; } #bg-header ul li { display: inline; color: #85bbbc; border-right: 1px solid #85bbbc; padding: 0 5px; } #bg-header a, #bg-header a:visited { color: #85bbbc; text-decoration: none; } #bg-header a:hover { text-decoration: underline; } #bg-header address { float: right; width: 250px; color: #807e7b; clear: right; font-style: normal; font-size: .9em; text-align: right; margin: 10px 50px 0 0; } /* Left Navigation */ #nav-left { float: left; margin: 0; padding: 0; width: 125px; } #nav-left li { margin: 0; padding: 0; float: left; clear: both; } #nav-left li a { margin: 0; padding: 0; float: left; width: 125px; height: 70px; text-indent: -9000px; overflow: hidden; } #nav-left li li { margin: 0; padding: 5px 0 0 0; float: none; } #nav-left li li a, #nav-left li #advanced-search { font-size: .9em; font-weight: 900; margin: 0; padding: 0; float: none; width: auto; height: auto; text-indent: 0; overflow: auto; color: #000; text-decoration: none; } #nav-left li li a:hover { text-decoration: underline; } #nav-left a#nav-herbs { background: url(/images/nav-herbs.jpg) 0 0 no-repeat; } #nav-left a#nav-store { background: url(/images/nav-store.jpg) 0 0 no-repeat; } #nav-left a#nav-treatments { background: url(/images/nav-treatments.jpg) 0 0 no-repeat; } #nav-left a#nav-testimonials { background: url(/images/nav-testimonials.jpg) 0 0 no-repeat; } /* Left Utility */ #utility { float: left; width: 125px; text-align: center; clear: left; padding: 20px 0 50px 0; } #utility form { float: left; clear: left; margin-bottom: 30px; width: 100%; } #utility input{ width: 100px; border: 1px solid black; margin-bottom: 5px; } #utility .os{ width:100px; margin:0 auto; overflow:hidden; border:1px solid gray; } @media all and (min-width: 0px){/*Fuzzy Specificity Hack*/ #utility .os { position:relative; height:1.2em; } #utility .os select { position:absolute; right:0; } } #utility input.submit { width: auto; border: none; } #utility label, #utility h3 { color: #0b5558; font-weight: 900; font-size: 1em; } #utility h3 { border-bottom: 1px solid black; } #utility p { padding: 0 10px 20px 10px; } /* Footer and Alternate Navigation */ #bg-footer ul { float: left; padding: 0 40px 10px 40px; color: #ced3b2; font-style: normal; text-align:center; } #bg-footer cite { float: left; color: #ced3b2; font-style: normal; text-align: center; width: 100%; } #bg-footer a { color: #ced3b2; text-decoration: none; } #bg-footer a:visited { color: #ced3b2; } #bg-footer a:hover { color: #ced3b2; text-decoration: underline; } #bg-footer a:active { color: #ced3b2; } #bg-footer ul li { display: inline; } #bg-footer ul li a{ padding: 0 10px; line-height:1.5em; background:url(/images/footer-li-a-bg.png) no-repeat right center; } /* Shopping Cart (checkout page) */ #focus form #cart { background: url(/images/bg-cart-top.png) 0 0 no-repeat; } #focus form #cart legend { color: #fff; padding-left: 10px; } #focus #cart fieldset { background: url(/images/bg-cart-bottom.png) bottom left no-repeat; padding: 0 0 15px 0; width: 408px; } #focus #cart fieldset th { color: #355555; } #cart .cell1 { padding: 5px 10px; text-align: left; } #cart .cell2 { padding: 5px 10px; text-align: center; } #cart .cell3 { padding: 5px 10px; text-align: right; } #focus #cart fieldset td.cell1 { background: url(/images/bg-cart-row.png) top left repeat-y; } #focus #cart fieldset td.cell2 { background: url(/images/bg-cart-row.png) center center repeat-y; } #focus #cart fieldset td.cell3 { background: url(/images/bg-cart-row.png) top right repeat-y; } #focus #cart fieldset .alt-color td.cell1 { background: url(/images/bg-cart-altrow.png) top left repeat-y; } #focus #cart fieldset .alt-color td.cell2 { background: url(/images/bg-cart-altrow.png) center center repeat-y; } #focus #cart fieldset .alt-color td.cell3 { background: url(/images/bg-cart-altrow.png) top right repeat-y; } #focus #cart fieldset .alt-header td.cell1 { background: url(/images/bg-cart-altheader.png) top left repeat-y; color: #355555; } #focus #cart fieldset .alt-header td.cell2 { background: url(/images/bg-cart-altheader.png) center center repeat-y; color: #355555; } #focus #cart fieldset .alt-header td.cell3 { background: url(/images/bg-cart-altheader.png) top right repeat-y; color: #355555; } #focus #cart fieldset .header td.cell1 { background: url(/images/bg-cart-header.png) top left repeat-y; color: #355555; } #focus #cart fieldset .header td.cell2 { background: url(/images/bg-cart-header.png) center center repeat-y; color: #355555; } #focus #cart fieldset .header td.cell3 { background: url(/images/bg-cart-header.png) top right repeat-y; color: #355555; } select#txtCardYear { width: 55px; } /* View Shopping Cart */ #focus form #view-cart { background: url(/images/bg-view-cart-top.png) 0 0 no-repeat; width: 550px; } #focus form #view-cart legend { color: #fff; padding-left: 10px; } #focus #view-cart fieldset { background: url(/images/bg-view-cart-bottom.png) bottom left no-repeat; padding: 0 0 5px 0; width: 550px; } #focus #view-cart fieldset table { width: 550px; } #focus #view-cart fieldset th { color: #355555; } #view-cart .cell1 { padding: 5px 10px; text-align: left; } #view-cart .cell2 { padding: 5px 10px; text-align: center; } #view-cart .cell2 input { width: 40px; float: none; } #view-cart .cell3 { padding: 5px 10px; text-align: right; } #view-cart .cell4 { padding: 5px 10px; text-align: center; } #focus #view-cart td { vertical-align: middle; } #focus #view-cart fieldset td.cell1 { background: url(/images/bg-cart-row.png) top left repeat-y; } #focus #view-cart fieldset td.cell1 img { float: left; border: 1px solid #103535; padding: 0; margin: 5px; } #focus #view-cart fieldset td.cell2 { background: url(/images/bg-cart-row.png) center center repeat-y; } #focus #view-cart fieldset td.cell3 { background: url(/images/bg-cart-row.png) center center repeat-y; } #focus #view-cart fieldset td.cell4 { background: url(/images/bg-cart-row.png) top right repeat-y; } #focus #view-cart fieldset .alt-color td.cell1 { background: url(/images/bg-cart-altrow.png) top left repeat-y; } #focus #view-cart fieldset .alt-color td.cell2 { background: url(/images/bg-cart-altrow.png) center center repeat-y; } #focus #view-cart fieldset .alt-color td.cell3 { background: url(/images/bg-cart-altrow.png) center center repeat-y; } #focus #view-cart fieldset .alt-color td.cell4 { background: url(/images/bg-cart-altrow.png) top right repeat-y; } #focus #view-cart fieldset .alt-header td.cell1 { background: url(/images/bg-cart-altheader.png) top left repeat-y; color: #355555; } #focus #view-cart fieldset .alt-header td.cell2 { background: url(/images/bg-cart-altheader.png) center center repeat-y; color: #355555; } #focus #view-cart fieldset .alt-header td.cell3 { background: url(/images/bg-cart-altheader.png) center center repeat-y; color: #355555; } #focus #view-cart fieldset .alt-header td.cell4 { background: url(/images/bg-cart-altheader.png) top right repeat-y; color: #355555; } #focus #view-cart fieldset .header td.cell1 { background: url(/images/bg-cart-header.png) top left repeat-y; color: #355555; } #focus #view-cart fieldset .header td.cell2 { background: url(/images/bg-cart-header.png) center center repeat-y; color: #355555; } #focus #view-cart fieldset .header td.cell3 { background: url(/images/bg-cart-header.png) center repeat-y; color: #355555; } #focus #view-cart fieldset .header td.cell4 { background: url(/images/bg-cart-header.png) top right repeat-y; color: #355555; } /* Product Listing */ #focus #productlist { float: left; width: 427px; margin: 0 0 15px 0; } #focus #productlist li { margin: 0; padding: 0 10px 3px 10px; float: left; width: 45%; background: url(/images/bullet2.png) 0 0 no-repeat; } #focus #productlist li a { color: #573312; text-decoration: none; } #focus #productlist li a:hover { text-decoration: underline; } #focus #newproducts { float: left; width: 407px; margin: 0 0 15px 0; } #focus #newproducts p { padding: 0 5px; text-align: left; } #focus #newproducts a { text-decoration: none; } #focus #newproducts dt { float: left; width: 402px; background: url(/images/bg-cart-top.png) 0 0 no-repeat; padding: 5px 0 0 5px; height: 30px; color: #fff; font-size: 1.5em; } #focus #newproducts dd { float: left; width: 407px; background: url(/images/bg-product.png) bottom left no-repeat; padding: 0; } #focus #newproducts dd ul { float: left; width: 100%; } #focus #newproducts dd ul { float: left; width: 100%; margin: 0; padding: 0 0 15px 2px; } #focus #newproducts dd ul li { float: left; width: 126px; margin: 3px; padding: 0; background: none; background: #e9cfb0; border: 1px solid #ccb6a0; height: 175px; text-align: center; } /* Product Listing (right column) */ #right-col #newproducts { float: left; width: 234px; margin-top: 20px; } #right-col #newproducts dt { float: left; width: 234px; background: url(/images/bg-rightcol-products-top.png) 0 0 no-repeat; padding: 5px 0 0 5px; height: 30px; color: #fff; font-size: 1.3em; } #right-col #newproducts dd { float: left; width: 234px; background: url(/images/bg-rightcol-products-bottom.png) bottom left no-repeat; padding: 0; } #right-col #newproducts dd ul { float: left; width: 100%; } #right-col #newproducts dd ul { float: left; width: 100%; margin: 0; padding: 0 0 15px 5px; } #right-col #newproducts dd ul li { float: left; width: 90px; margin: 5px; padding: 5px; background: none; background: #e9cfb0; border: 1px solid #ccb6a0; font-size: .8em; height: 13em; } #right-col #newproducts dd ul li img { width: 90px; } #right-col #newproducts dd ul li p { padding-left: 0; } /* Product Detail */ #product-detail { width: 100%; } #product-detail label { float: none; width: auto; } #product-detail td { vertical-align: middle; } #product-detail td.price { color: #0b5558; font-size: 1.5em; font-weight: 900; text-align: center; } #product-detail td.price span { color: #000; font-size: 1.6em; } /* Product Dosage */ #dosage { float: left; width: 273px; background: url(/images/bg-itemdetail-top.png) 0 0 no-repeat; margin-top: 20px; } #dosage div { float: left; width: 253px; background: url(/images/bg-itemdetail-bottom.png) bottom left no-repeat; margin: 0; padding: 10px; } #dosage ul li { background: url(/images/bullet3.png) 0 0 no-repeat; margin-bottom: 10px; color: #000; } #dosage ul li strong { color: #325454; font-weight: normal; } #dosage ul li span { color: #ff0000; } /* Order Recipt */ #recipt { float: left; width: 408px; background: url(/images/bg-recipt-top.png) 0 0 no-repeat; margin-top: 20px; } #recipt div { float: left; width: 388px; background: url(/images/bg-recipt-bottom.png) bottom left no-repeat; margin: 0; padding: 10px; } #recipt dl { float: left; width: 45%; padding: 0; margin: 0 0 20px 0; } #recipt dl dt, #recipt dl dd { padding: 0; margin: 0; } /* Slideshow */ #pnlSlideShowContainer { text-align: center; } #pnlSlideShowContainer img { float: none; padding: 10px; } /* Paging */ #paging { padding: 10px; } /* SPECIAL TEXT STYLE */ /* --- These classes NEED set-up with ".txt-" infront of them and will show in the RTE --- */ .txt-tiny { font-size:70%; } .txt-verylight { color:#DDDDDD; } .txt-light { color:#CCCCCC; } .txt-medium { color:#999999; } .txt-dark { color:#666666; } .txt-cyan { color: #0b5558; } .txt-brown { color: #573312; } .txt-verydark { color:#333333; } .txt-verylight-bg { color:#333333; background-color:#DDDDDD; padding:1%; } .txt-light-bg { color:#666666; background-color:#CCCCCC; padding:1%; } .txt-medium-bg { color:#FFFFFF; background-color:#999999; padding:1%; } .txt-dark-bg { color:#CCCCCC; background-color:#666666; padding:1%; } .txt-verydark-bg { color:#DDDDDD; background-color:#333333; padding:1%; } #security-metrics{ margin:10px 0 0 70px; width:100px; display:block; float:left }