body { text-align: center; /* IE5 - center */ /*font-family: Avenir,"Trebuchet MS",verdana,arial,helvetica,clean,sans-serif;*/ /* this section was in of old HTML files: */ font: Arial, Helvetica, sans-serif; background: #666666; margin: 0; padding: 0; color: #4a5571; background-image: url(../images/tile_taupe.gif); } .clear { clear: both; height: 0px; } /*h4 { color: #4a5571; font-family: Avenir,"Trebuchet MS",verdana,arial,helvetica,clean,sans-serif; font-size: 9pt; font-weight: bold; }*/ #page { width: 899px; margin-bottom: 28px; border: solid 0px black; background-color: #ffffff; margin-left: auto; /* center */ margin-right: auto; /* center */ text-align: left; } /* these next 2 sections set the background to white and a keyline around the page content body { background: white; background-image: none; } #page { border: solid 1px #999999; border-top: solid 0px white; } /* end keyline */ #page2 { margin-left: 0px; } #topSection { width: 849px; padding: 35px 25px 0px 25px; background-color: #ffffff; border: solid 0px black; } #mainContent { width: 849px; margin: 0px 0 20px 0; border: solid 0px black; min-height: 300px; line-height: normal; } #rightOfLogo { float: left; width: 800px; } a { color: #666666; text-decoration: underline; } a:hover { color: #999999; } .wgp_h1 { font-size: 18px; font-weight: normal; line-height: normal; } .wgp_h2 { font-size: 14px; font-weight: bold; line-height: normal; } #footer { width: 899px; background-color: #d7d3b7; padding: 20px 0 5px 0; } #navbar { width: 849px; border: solid 0px black; } #subscribe { height: 35px; } #footerLinks { } .where_block { float: left; width: 180px; padding: 10px; margin: 10px 6px 0px 5px; background-color: #eeeeee; height: 200px; /*border-right: solid 1px #333333;*/ font-size: 14px; } /* rounded corners */ .where_block { width: 200px; padding: 0px; } .where_block_top { width: 200px; height: 30px; background: transparent url(../images/where_box_top.gif) no-repeat scroll left top; } .where_block_middle { margin: 10px 10px 0 10px; height: 150px; } .where_block_bottom { width: 200px; height: 30px; background: transparent url(../images/where_box_bottom.gif) no-repeat scroll left top; } .where_bottomblock_top { width: 510px; height: 30px; background: transparent url(../images/where_bottombox_top.gif) no-repeat scroll left top; } .where_bottomblock_middle { margin: 10px 10px 0 10px; /*height: 150px;*/ } .where_bottomblock_bottom { width: 510px; height: 30px; background: transparent url(../images/where_bottombox_bottom.gif) no-repeat scroll left top; } .where_sttl { margin: 0 10px 10px 10px; padding-top: 10px; } /* end rounded corners */ .where_block a { font-weight: bold; color: #568a26; } .where_block a:hover { font-weight: bold; color: #75bd35; } .where_bottomblock { width: 510px; margin-left: auto; margin-right: auto; /*padding: 10px;*/ background-color: #eeeeee; font-size: 14px; /*border: solid 1px #333333;*/ } .where_bottomblock a { font-weight: bold; color: #568a26; } .where_bottomblock a:hover { font-weight: bold; color: #75bd35; } .where_sttl { font-weight: bold; font-size: 14px; padding-bottom: 0px; } #where_intro { font-size: 15px; line-height: normal; margin: 10px 0 10px 0; } /* products intro page */ #dept_outer { } #dept_outer a { color: #666666; text-decoration: none; } #dept_outer a:hover { color: #999999; } #dept_depts { float: left; width: 654px; margin-top: 24px; } .dept_row { width: 654px; height: 220px; } .dept_deptbox { width: 180px; height: 180px; } .dept_image { width: 180px; height: 110px; border: 0; } .dept_title { width: 180px; height: 32px; font-size: 20px; font-weight: bold; color: #666666; } .dept_sub { width: 180px; height: 38px; font-size: 11px; font-weight: normal; color: #4a5571; line-height: normal; vertical-align: top; } .dept_title a:hover { color: #999999; } .dept_sub a { color: #4a5571; } #dept_depts hr { width: 600px; margin-left: 27px; border: solid 1px #a7a7a7; } #dept_sidebar { float: left; width: 140px; border-left: solid 2px #a7a7a7; margin-top: 24px; } .dept_sidebar_box { float: left; width: 140px; height: 140px; margin-top: 10px; } .dept_sidebar_image { width: 140px; height: 100px; border: 0; } .dept_sidebar_title { width: 140px; height: 32px; font-size: 17px; font-weight: normal; color: #666666; text-align: center; } .dept_row_filler { width: 90px; } .subdept_title { font-size: 24px; color: #919191; font-weight: bold; margin: 0 0 20px 27px; } /* position papers */ .articlePart { border-top: solid 2px #aaaaaa; margin: 30px 0 10px 0; padding-top: 20px; } /* product page 1 */ .productImage { float: left; width: 290px; margin-bottom: 0px; border: solid 0px black; } .productCentreCol { float: left; width: 330px; /* 250 */ border: solid 0px black; font-size: 14px; } .productTitle { padding-top: 20px; margin-bottom: 20px; color: #666666; font-size: 18px; } .productDescription { color: #666666; margin-bottom: 20px; } .productTip { margin-bottom: 20px; color: #666666; float: left; } .productFindOut { font-weight: bold; margin-bottom: 20px; font-size: 15px; float: left; /*display: none; <<<====== */ } .productFindOut a { /*text-decoration: none;*/ text-decoration: underline; color: #437d40; } .buyNow { margin-bottom: 0px; } .productFanQuote { margin-bottom: 20px; color: #666666; } .FanQuoteText { float: right; width: 283px; /* 203 */ margin-top: 30px; } .productTipText { float: right; width: 283px; /* 203 */ margin-top: 30px; } .productRelatedProducts { float: right; width: 130px; padding: 20px 0 0 10px; border: solid 0px black; text-align: center; } .productsRPItem { margin: 20px 0 20px 0; border: solid 0px black; font-size: 12px; } .productsRPItem a { text-decoration: none; } .productsRPItem table { width: 130px; } .centredPPF { width: 800px; text-align: center; } .PPFIntro { font-size: 15px; } .productsPPF { width: 606px; border: solid 0px black; text-align: left; margin: 30px auto 0 auto; color: #666666; } .productsPPFItem { float: left; width: 190px; margin-right: 10px; font-size: 14px; } /* Buzz */ .buzzItem { font-size: 14px; margin-top: 20px; } /*.buzzItem img { max-width: 300px; height: auto; }*/ .buzzSeparator { height: 4px; background-color: #999999; } #buzzPrevious { float: left; width: 300px; font-weight: bold; font-size: 12px; } #buzzPrevious a { text-decoration: none; } #buzzNext { float: right; text-align: right; width: 300px; font-weight: bold; font-size: 12px; } #buzzNext a { text-decoration: none; } /* ingredients page */ .ingredientsProductTitle { padding-top: 10px; float: left; } .ingredientsCol { float: left; width: 750px; margin-left: 50px; font-size: 14px; } .positionPapersCol { float: right; width: 180px; margin-top: 20px; /*padding: 20px 0 5px 10px; border-left: solid 0px #eeeeee; border-right: none; border-top: none;*/ text-align: left; text-transform: lowercase; } .ingredientsBefore { float: left; width: 520px; } .ingredientsList { margin: 20px 0 20px 0; } .ingredientsList table { border-collapse: collapse; border: solid 1px #cccccc; } .ingredientsList td { vertical-align: top; border-bottom: solid 1px #cccccc; border: solid 1px #cccccc; padding: 5px; } .ingredientsList thead td { border-bottom: none; color: White; background-color: #75bd35; } .ingredientsListNoTable { margin: 20px 0 20px 0; width: 520px; line-height: 20px; border: solid 1px #cccccc; } .ingredientshdr { border-bottom: none; color: White; background-color: #75bd35; font-weight: bold; padding: 5px; } .ingredientsListByLine { padding: 5px; margin: 0; } .ingredientsList .colWII { width: 20%; } .ingredientsList .colWID { width: 20%; } .ingredientsList .colWWUII { width: 60%; } .ingredientsAfter { float: left; width: 520px; } #ingredientsBack { float: right; } .positionPaperHeading a { font-size: 12px; font-weight: bold; color: #568a26; } .positionPaperHeading a:hover { font-weight: bold; color: #75bd35; } .positionPaper { margin-top: 10px; font-size: 12px; } .positionPaper a { text-decoration: none; } .positionPaper ul { margin: 0; padding: 0 0 0 20px; } .positionPaper li { margin: 2px 0 2px 15px; list-style-image: url(../images/productListStyle_GreenArrow.gif); } .highlightedIngredient a { color: #568a26; } .highlightedIngredient a:hover { color: #75bd35; } /* Advocate sign up */ .qaBlock { float: left; width: 740px; margin-top: 5px; padding: 15px; border-top: 1px solid #cccccc; } .qa { width: 740px; float: left; margin-bottom: 20px; clear: both; border: 0px solid black; } .question { width: 150px; float: left; text-align: right; margin-right: 10px; border: 0px solid black; } .answer { float: left; border: 0px solid black; padding: 0; margin: 0; } .validator { float: left; margin-left: 5px; border: 0px solid black; } /* behind the bottle */ #btb-content-left { float: left; width: 177px; border: 0px solid black; } #btb-content-left li { font-size:13px; list-style: none outside none; font-family: Verdana, Arial, Helvetica; } #btb-content-left li a {font-size:12px;} #btb-content-left ul {padding: 0;} #btb-content-left ul li {padding-left:9px;} #btb-content-left ul li a {color:#6699cc;font-size:12px;font-weight: normal;line-height:17px; text-decoration: none} #btb-content-left ul li.on {background:transparent url(../images/leftnav-on.gif) no-repeat scroll 2px 5px;} #btb-content-left ul li.on a {color:#9ed324;font-weight: bold;} #btb-content-left ul li.subhead a {font-weight: bold;} #btb-content-left ul li.subhead {font-weight: bold;color:#888888;margin-top:20px;padding-bottom:7px;} #btb-content-left ul li#home-cleaning{margin-top:15px;} #btb-content-main { float: left; width: 672px; border: 0px solid black; font-size: 14px; } #btb-content img { float: right; margin: 10px 0 10px 20px; } #btb-content p { margin: 20px 0 20px 0; } #btb-content ul, #btb-content ol { margin: 0; padding: 0; } #btb-content li { list-style: none outside none; } #btb-content ul.bullets li { list-style-type: disc; margin-bottom: 5px; margin-left: 13px; } #btb-content ol li { margin-bottom: 10px; } #btb-content #founder-msg { font-style: italic; font-weight: bold; } #btb-content .caption { font-weight: bold; font-style: italic; font-size: 12px; margin-top: 0px; } #btb-content .block { float: left; width: 326px; } #btb-content .block-left { margin-right: 20px; } #btb-content #ingred-table-wrapper{width:672px} #btb-content #ingred-table-wrapper ul{border-width:0 0 1px 0; border-color:#e1e1e1; border-style:solid; margin-left:10px; padding-bottom:10px; margin-top:9px} #btb-content ul.ol-ingre-list{float:left; margin:20px 0 5px; padding:0; color:#333} #btb-content ul.ol-ingre-list li{margin:0; padding:0; list-style:none; float:left; list-style:none} #btb-content ul.ol-ingre-list li.col1{width:224px; font-weight:bold; padding-right:15px} #btb-content ul.ol-ingre-list li.col2{width:158px; padding-right:15px} #btb-content ul.ol-ingre-list li.col3{width:250px} #btb-content ul#ol-ingre-list-header{margin-bottom:5px; color:#69C; float:left; font-weight:bold; margin:0 0 5px 10px} #btb-content ul#ol-ingre-list-header li{color:#9ED324} #btb-content #ol-ingre-content{background:#f7f7f7 url(../images/btb_bg-table.gif) repeat-x scroll 0 0; clear:both; margin-top:15px; padding-top:6px; margin-bottom:20px} #btb-content #ingred-table-wrapper ul.last{border:0; padding-bottom:0px} #btb-content h2#hdr-natural-faq{margin:30px 0; color: #333; font-weight: bold; font-size: 1.4em} #btb-content p.q{font-weight:bold; margin:0} #btb-content p.a{padding: 0; margin-top:0} #btb-content p.q span, p.a span{font-weight:bold; color:#c9c9c9} #btb-content ul.list-numeric{margin-bottom:1em; margin-left:40px} #btb-content ul.list-numeric li{list-style:decimal outside; margin-bottom:10px} #btb-content ul.list-numeric li span{font-weight:bold} #btb-content a#natural-download{font-weight:bold; color:#69c; background:url(../images/arrow-blue.gif) 100% 50% no-repeat; padding:10px 20px 10px 0;} #btb-content a#natural-download:hover{color:#9cf}