/* Findus Go3 Styles Updated: Mon 15.01.08 Author: Dominic Hey ----------------------------------------------------*/ /** COLOURS Body Background: #fff Main Text: #5a7396 Links: #5a7396 /** /* GENERIC HEADER NAVIGATION-BAR MAIN-CONTENT BANNER FORMS TABLES FOOTER MISC */ /* =GENERIC ----------------------------------------------------*/ body { font-family:Verdana, sans-serif; background:#fff; color:#5a7396; } a, a:hover { text-decoration:none; color:#5a7396; } #wrapper { text-align:left; margin:0 auto; width:960px; } p { font-size:12px; line-height:normal; } a, li { line-height:normal; } em { font-style:italic; } input, select { font-size:11px; } /* =HEADER ----------------------------------------------------*/ #header { /*width:inherit;*/ height:131px; background:transparent url(../img/header_bg-btmStrip.png) bottom no-repeat; } #header h1 { float:left; position:relative; top:7px; left:1px; background:transparent url(../img/header_h1.png) no-repeat; width:300px; height:121px; } #header h2 { float:right; position:relative; top:1px; background:transparent url(../img/header_h2.png) no-repeat; width:408px; height:128px; } #header h1.multivitamin { float:left; position:relative; top:12px; left:2px; background:transparent url(../img/multivitamin-header_h1.jpg) no-repeat; width:300px; height:121px; } #header h2.multivitamin { float:right; position:relative; top:1px; background:transparent url(../img/multivitamin-header_h2.jpg) no-repeat; width:482px; height:128px; } /* =NAVIGATION-BAR ----------------------------------------------------*/ #nav-bar { border-top:1px solid #fff; height:132px; background:transparent url(../img/main-content_bg-topGrad.jpg) bottom no-repeat; } #nav-bar li { list-style-type:none; display:block; float:left; border-bottom:1px solid #fff; } #nav-bar a { font-size:16px; text-align:center; line-height:31px; text-decoration:none; display:block; } #nav-bar #active { color:#21326c; /*font-weight:bold;*/} #nav-bar a.home {width:78px;} #nav-bar a.home:hover { color:#273c83; background:transparent url(../img/nav-bar_bg-home.jpg) center no-repeat;} #nav-bar li a#active.home { background:transparent url(../img/nav-bar_bg-home.jpg) center no-repeat;} #nav-bar a.understanding {width:216px;} #nav-bar a.understanding:hover { background:transparent url(../img/nav-bar_bg-understanding.jpg) center no-repeat;} #nav-bar li a.understanding#active { background:transparent url(../img/nav-bar_bg-understanding.jpg) center no-repeat;} #nav-bar a.omega3 {width:144px;} #nav-bar a.omega3:hover { background:transparent url(../img/nav-bar_bg-omega3.jpg) center no-repeat;} #nav-bar li a#active.omega3 { background:transparent url(../img/nav-bar_bg-omega3.jpg) center no-repeat;} #nav-bar a.multivitamins {width:178px;} #nav-bar a.multivitamins:hover { background:transparent url(../img/nav-bar_bg-multivitamins.jpg) center no-repeat;} #nav-bar li a.multivitamins#active { background:transparent url(../img/nav-bar_bg-multivitamins.jpg) center no-repeat;} #nav-bar a.shop {width:140px;} #nav-bar a.shop:hover { background:transparent url(../img/nav-bar_bg-shop.jpg) center no-repeat;} #nav-bar li a.shop#active { background:transparent url(../img/nav-bar_bg-shop.jpg) center no-repeat;} #nav-bar a.support {width:146px;} #nav-bar a.support:hover { background:transparent url(../img/nav-bar_bg-support.jpg) center no-repeat;} #nav-bar li a.support#active { background:transparent url(../img/nav-bar_bg-support.jpg) center no-repeat;} /* =MAIN-CONTENT ----------------------------------------------------*/ #main-content { clear:both; background:transparent url(../img/main-content_bg-btmGrad.jpg) bottom no-repeat; /*margin-top:-103px; moves content up on top of bg gradient */ margin-top:-100px; } #main-content div#inner-content { padding:20px 0 0 15px; } #main-content.home div#inner-content { height:445px; margin-top:1px; } #main-content.understandingGo3 div#inner-content, #main-content.multivit div#inner-content, #main-content.supporting div#inner-content, #main-content.media-center div#inner-content { height:444px; } #main-content.omega3 div#inner-content { height:512px; /* 428px */ } #main-content.heritage div#inner-content { height:720px; } #main-content.science div#inner-content { height:1216px; } #main-content.scientificStudies div#inner-content { height:2074px; } #main-content.home div#inner-content, #main-content.shopping div#inner-content, #main-content.reshopping div#inner-content #main-content.offer div#inner-content{ padding:0; } #main-content.offer div#inner-content { height:510px; } #main-content.shopping div#inner-content { height:455px; } #main-content.basket div#inner-content { /* height:650px;*/ padding:0; } #main-content.basket2 div#inner-content { height:500px; padding:0; } #main-content.register-email div#inner-content{ height:510px; padding:0; } #main-content.register-address div#inner-content, #main-content.address-chooser div#inner-content, #main-content.register-login div#inner-content, #main-content.supporting-thanks div#inner-content, #main-content.thanks-order div#inner-content, #main-content.forgotten-password div#inner-content { height:447px; padding:0; } #main-content.confirm-order div#inner-content { height:570px; padding:0; } #main-content.admin div#inner-content { height:465px; padding:0; } #main-content.reshopping div#inner-content { height:562px; /*542px */ width: 1000px; } #main-content div.daveBack { background:transparent url(../img/main-content_bg-btmGrad_daveBack.jpg) bottom no-repeat;} #main-content div.daveFront { background:transparent url(../img/main-content_bg-btmGrad_daveFront.jpg) bottom no-repeat;} #main-content div.daveFront2 { background:transparent url(../img/main-content_bg-btmGrad.jpg) bottom no-repeat;} #main-content div.baby { background:transparent url(../img/main-content_bg-btmGrad_baby.jpg) bottom no-repeat; } #main-content div.grass { background:transparent url(../img/main-content_bg-btmGrad_grass.jpg) bottom no-repeat; } #main-content div.boyBall { background:transparent url(../img/main-content_bg-btmGrad_boyBall3.jpg) bottom no-repeat; } #main-content div.boyBall2 { background:transparent url(../img/main-content_bg-btmGrad_boyBall2.jpg) bottom no-repeat; } #main-content div.boyBall3 { background:transparent url(../img/main-content_bg-btmGrad_boyBall5.jpg) bottom no-repeat; } #main-content div.boyBall5 { background:transparent url(../img/main-content_bg-btmGrad_boyBallnew.jpg) bottom no-repeat; } #main-content div.girlKick { background:transparent url(../img/main-content_bg-btmGrad_girlKick.jpg) bottom no-repeat; } #main-content div.daveHeading { background:transparent url(../img/main-content_bg-btmGrad_daveHeading.jpg) bottom no-repeat; } #main-content div.girl { background:url(../img/main-content_bg-btmGrad_girl.jpg) bottom no-repeat;} #main-content div.boy-man { background:transparent url(../img/main-content_bg-btmGrad_boy-man.jpg) bottom no-repeat; } #main-content div.boysGroup { background:transparent url(../img/main-content_bg-btmGrad_boysGroup.jpg) bottom no-repeat; } #main-content div.boyKick { background:transparent url(../img/main-content_bg-btmGrad_boyKick.jpg) bottom no-repeat; } #main-content div.grass2 { background:transparent url(../img/main-content_bg-btmGrad_grass2.jpg) bottom no-repeat; } #main-content div.grassDaveFront { background:transparent url(../img/main-content_bg-btmGrad_grassDaveFront.jpg) bottom no-repeat; } #main-content div.offerImages { background:transparent url(../img/main-content_bg-btmGrad_freeOffer.jpg) bottom no-repeat;} #main-content.understandingGo3 { } #main-content.understandingGo3 h3 { background:transparent url(../img/main-content_understandingGo3-h3.png) no-repeat; width:367px; height:37px; margin-bottom:24px; } #main-content.understandingGo3 p { width:286px; margin-left:2px; margin-bottom:18px; } #main-content.understandingGo3 p.name { font-style:italic; text-align:right; } /*-*/ #main-content.omega3 h3 { background:transparent url(../img/main-content_omega3-h3.png) no-repeat; width:426px; height:48px; margin-bottom:12px; } #main-content.omega3 #leftColumn img { margin:20px 0 0 0; } #main-content.omega3 #leftColumn a { width:151px; height:20px; position:relative; left:24px; top:-48px; } #main-content.omega3 #leftColumn a.junior { /* position:relative; left:132px; */ } #main-content.omega3 #leftColumn a img { margin:0; } /*-*/ #main-content.heritage { } #main-content.heritage h3 { background:transparent url(../img/main-content_heritage-h3.png) no-repeat; width:407px; height:40px; margin:0 0 20px 0; } #main-content.heritage p { margin:0 0 18px 0; } #main-content.heritage a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:185px; height:24px; background:transparent url(../img/heritage_backToGo3-btn.png) no-repeat; padding:4px 0 0 24px; } #main-content.healthy a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:185px; height:24px; background:transparent url(../img/heritage_backToGo3-btn.png) no-repeat; padding:4px 0 0 24px; } /* #main-content.heritage a.back-btn:hover { color:#5f99e8; } */ #main-content.heritage a.scienceBehind { text-decoration:underline; color:#5f99e8; } #main-content.heritage div#heritage-content { float:left; width:705px; padding-right:15px; } #main-content.heritage div#heritage-content p.section1 { width:200px; margin:0 0 18px 10px; } #main-content.heritage div#heritage-content p.section2 { margin:0 0 0 242px; } #main-content.heritage div#heritage-content img.photo1 { float:right; clear:both; } #main-content.heritage div#heritage-content img.photo2 { float:left; } #main-content.heritage div#heritage-content h5.fishToOil { width:108px; height:13px; background:transparent url(../img/heritage_h5-fishToOil.png) no-repeat; margin:34px 0 16px 242px; } #main-content.heritage div#heritage-content h5.oilToOmega3 { clear:both; background:transparent url(../img/heritage_h5-oilToOmega3.png) no-repeat; width:223px; height:17px; margin:26px 0 10px 0; } #main-content.heritage div#heritage-content h5.omega3Today { background:transparent url(../img/heritage_h5-omega3Today.png) no-repeat; width:117px; height:17px; margin:26px 0 10px 0; } /*-*/ #main-content.science { } #main-content.science h3 { background:transparent url(../img/main-content_science-h3.png) no-repeat; width:496px; height:40px; /* actual image is 32px but this makes it consistent with scientificStudies h3 & faq h3 */ margin:0 0 20px 0; } #main-content.scientificStudies h3 { background:transparent url(../img/main-content_scientificStudies-h3.png) no-repeat; width:493px; height:40px; margin:0 0 20px 0; } #main-content.science div#science-content h5, #main-content.scientificStudies div#science-content h5 { padding-bottom:12px; } #main-content.science div#science-content p, #main-content.scientificStudies div#science-content p { padding-bottom:29px; } #main-content.understandingGo3 p.FDA, #main-content.science div#science-content p.FDA { border:1px solid #6c90b0; padding:6px; background:#ffffff; } #main-content.understandingGo3 p.FDA { position:relative; top:90px; font-size: 0.6em; } #main-content.science div#science-content h5.howItHelps { width:308px; height:17px; background:transparent url(../img/science_h5-howItHelps.png) no-repeat; } #main-content.science div#science-content h5.heartCirculation { width:157px; height:13px; background:transparent url(../img/science_h5-heartCirculation.png) no-repeat; } #main-content.science div#science-content h5.joints { width:40px; height:13px; background:transparent url(../img/science_h5-joints.png) no-repeat; } #main-content.science div#science-content h5.sharperEyesight { width:123px; height:17px; background:transparent url(../img/science_h5-sharperEyesight.png) no-repeat; } #main-content.science div#science-content h5.mentalActivity { width:113px; height:17px; background:transparent url(../img/science_h5-mentalActivity.png) no-repeat; } #main-content.science div#science-content h5.skin { width:30px; height:13px; background:transparent url(../img/science_h5-skin.png) no-repeat; } #main-content.science div#science-content h5.inFood { width:167px; height:17px; background:transparent url(../img/science_h5-inFood.png) no-repeat; } #main-content.science div#science-content h5.kidsOmega3 { width:137px; height:17px; background:transparent url(../img/science_h5-kidsOmega3.png) no-repeat; } #main-content.science div#science-content h5.adultsOmega3 { width:152px; height:17px; background:transparent url(../img/science_h5-adultsOmega3.png) no-repeat; } #main-content.science div#science-content a, #main-content.scientificStudies div#science-content a { text-decoration:underline; color:#5f99e8; } #main-content.scientificStudies div#science-content h5.heartCirculation { width:264px; height:17px; background:transparent url(../img/scientificStudies_h5-heart.png) no-repeat; } #main-content.scientificStudies div#science-content h5.joints { width:145px; height:17px; background:transparent url(../img/scientificStudies_h5-joints.png) no-repeat; } #main-content.scientificStudies div#science-content h5.mentalHealth { width:212px; height:17px; background:transparent url(../img/scientificStudies_h5-mental.png) no-repeat; } #main-content.scientificStudies div#science-content h5.kidsOmega3 { width:168px; height:17px; background:transparent url(../img/scientificStudies_h5-children.png) no-repeat; } #main-content.scientificStudies div#science-content h5.skin { width:136px; height:17px; background:transparent url(../img/scientificStudies_h5-skin.png) no-repeat; } /*-*/ #main-content.multivit h3 { background:transparent url(../img/main-content_multivit-h3.png) no-repeat; width:380px; height:37px; margin-bottom:10px; } #main-content.multivit #leftColumn img { margin:7px 0 0 0; } #main-content.multivit #leftColumn a { width:151px; height:20px; position:relative; left:104px; top:-30px; } #main-content.multivit #leftColumn a img { margin:0; } /*-*/ #main-content.yourDetails h2 { position:relative; background:transparent url(../img/shopForm_h2_yourDetails.png) no-repeat; width:232px; height:25px; } #main-content #leftColumn { width:465px; float:left; } #main-content #leftColumn p.quote { font-size:14px; font-weight:bold; } #main-content #rightColumn { width:448px; float:right; } #main-content #rightColumn p { width:440px; margin-left:3px; } #main-content #rightColumn .healthy { background:transparent url(../img/omega3_h4-healthy.png) no-repeat; width:215px; height:23px; margin:0 0 10px 0; } #main-content #rightColumn h4.traditionalTechnique { background:transparent url(../img/omega3_h4-traditional.png) no-repeat; width:175px; height:19px; margin:12px 0 10px 0; } #main-content #rightColumn h4.essential { background:transparent url(../img/multivit_h4-essential.png) no-repeat; width:327px; height:19px; margin:0 0 10px 0; } #main-content #rightColumn p.essential { width:290px; } #main-content #rightColumn h4.makingSure { background:transparent url(../img/multivit_h4-makingSure.png) no-repeat; width:249px; height:43px; margin:12px 0 10px 0; } #main-content #rightColumn p.makingSure { width:254px; } #main-content #rightColumn p.traditionalTechnique { width:228px; } #main-content #rightColumn.redLinkBanner { background:transparent url(../img/omega3_redLinkBanner_bg.jpg) bottom no-repeat; /*padding-bottom:32px;*/ padding:0 4px 55px 0; } #main-content #rightColumn.redLinkBanner a { /*width:124px; height:17px;*/ display:block; position:relative; /*top:24px;*/ top:46px; left:12px; margin:0 0 7px 0; } #main-content #rightColumn.orangeLinkBanner { background:transparent url(../img/multivitamin-orangeLinkBanner_bg.png) bottom no-repeat; /*background:transparent url(../img/multivitamin-header_h2.jpg) bottom no-repeat;*/ padding-bottom:44px; } #main-content #rightColumn.orangeLinkBanner a { width:124px; height:17px; position:relative; top:24px; left:12px; } #main-content #rightColumn.orangeLinkBanner a img { vertical-align:middle; } /*-*/ #main-content.shopping #product-wrapper .product { text-align:center; width:240px; height:374px; float:left; } #main-content.shopping #product-wrapper #originalProduct { background:transparent url(../img/shopping_bg_original.jpg) top no-repeat; } #main-content.shopping #product-wrapper #originalProduct p.price { color:#2f5099; } #main-content.shopping #product-wrapper #juniorProduct { background:transparent url(../img/shopping_bg_junior.jpg) top no-repeat; } #main-content.shopping #product-wrapper #juniorProduct p.price { color:#ad3a43; } #main-content.shopping #product-wrapper #vitaminProduct { background:transparent url(../img/shopping_bg_vitamins.jpg) top no-repeat; } #main-content.shopping #product-wrapper #vitaminProduct p.price { color:#f8910f; } #main-content.shopping #product-wrapper #valueProduct { background:transparent url(../img/shopping_bg_family.jpg) top no-repeat; } #main-content.shopping #product-wrapper #valueProduct p.price { color:#fff; } #main-content.shopping #product-wrapper p { padding: 8px 0 0 12px; } #main-content.shopping #product-wrapper p input { position: relative; top: 5px; left: 5px; } #main-content.shopping #product-wrapper div p.price { font-size:34px; font-weight:bold; position:relative; top:13px; left:-42px; } #main-content.shopping #product-wrapper label { font-size:11px; font-weight:bold; padding-right:6px; } #main-content.shopping #product-wrapper input.textField { width:60px; height:14px; } #main-content.shopping #product-wrapper a.popup { position:relative; font-size: 0.8em; text-decoration: underline; font-weight: bold; top: 5px; } #main-content.shopping #product-wrapper #originalProduct label { color:#2f5099; } #main-content.shopping #product-wrapper #juniorProduct label { color:#ad3a43; } #main-content.shopping #product-wrapper #vitaminProduct label { color:#f8981f; } #main-content.shopping #product-wrapper #valueProduct label { color:#5f99e8; } #main-content.shopping #product-wrapper p.submitBtn { clear:both; position:relative; top:44px; } div.shopping_prod_info { margin-top: 225px; } div.shopping_prod_info h5 { font-size: 0.67em; font-weight: bold; padding-left: 12px; } ul.shopping_prod_info_list { font-size: 0.67em; list-style-type: none; padding: 8px 0 0 13px; } ul.shopping_prod_info_list li { padding-left: 10px; } ul#original_prod_info_list li { background: url(../img/bullet_dark_blue_square.gif) no-repeat 0 5px; } ul#junior_prod_info_list li { background: url(../img/bullet_red_square.gif) no-repeat 0 5px; } ul#vitamin_prod_info_list li { background: url(../img/bullet_orange_square.gif) no-repeat 0 5px; } ul#family_prod_info_list li { background: url(../img/bullet_light_blue_square.gif) no-repeat 0 5px; } /*-*/ #main-content.reshopping h3 { background:transparent url(../img/main-content_reshopping-h3.png) no-repeat; width:582px; height:40px; margin:22px 0 9px 16px; } #main-content.reshopping p { padding:0 15px 15px 16px; } #main-content.reshopping p.finalPara { padding:0 15px 20px 16px; } #main-content.reshopping #product-wrapper { /*clear:both; height:380px; margin:0 0 0 -15px;*/ margin:0; } #main-content.reshopping #product-wrapper .product { width:240px; height:306px; float:left; } #main-content.reshopping #product-wrapper #originalProduct { background:transparent url(../img/reshopping_products-original-bg.jpg) top no-repeat; } #main-content.reshopping #product-wrapper #juniorProduct { background:transparent url(../img/reshopping_products-junior-bg.jpg) top no-repeat; } #main-content.reshopping #product-wrapper #vitaminProduct { background:transparent url(../img/reshopping_products-vitamin-bg.jpg) top no-repeat; } #main-content.reshopping #product-wrapper #valueProduct { background:transparent url(../img/reshopping_products-value-bg.jpg) top no-repeat; } #main-content.reshopping #product-wrapper p { padding:8px 0pt 0pt 12px; position: relative; top: 230px; } #main-content.reshopping #product-wrapper label { font-size:11px; font-weight:bold; padding-right:6px; } #main-content.reshopping #product-wrapper p input { position: relative; top: 5px; left: 5px; } #main-content.reshopping #product-wrapper input.textField { width:60px; height:14px; } #main-content.reshopping #product-wrapper a.popup { font-size:0.8em; font-weight:bold; position:relative; text-decoration:underline; top:245px; left: 30px; } #main-content.reshopping #product-wrapper #originalProduct label { color:#2f5099; } #main-content.reshopping #product-wrapper #juniorProduct label { color:#ad3a43; } #main-content.reshopping #product-wrapper #vitaminProduct label { color:#f8981f; } #main-content.reshopping #product-wrapper #valueProduct label { color:#5f99e8; } #main-content.reshopping #product-wrapper p.submitBtn { clear:both; position:relative; top:40px; } /*-*/ #main-content.basket #inner-content #basketForm { width:452px; padding:40px 0 0 269px; } #main-content.basket #inner-content #basketForm h4 { background:transparent url(../img/main-content_basket-h4.png) no-repeat; width:369px; height:27px; margin:0 0 0 10px; } #main-content.basket #inner-content #basketForm fieldset { /* background:transparent url(../img/basket_basketForm_form-bg.png) top no-repeat; height:188px; */ margin:5px 0 0 0; } #main-content.basket #inner-content #basketForm div.products { width:200px; height:100px; float:left; } #main-content.basket #inner-content #basketForm div#originalProduct p { font-weight:bold; position:relative; top:18px; left:84px; } #main-content.basket #inner-content #basketForm div#originalProduct input { width:50px; height:16px; position:relative; top:48px; left:12px; } #main-content.basket #inner-content #basketForm div#juniorProduct p { font-weight:bold; position:relative; top:18px; left:66px; } #main-content.basket #inner-content #basketForm div#juniorProduct input { width:50px; height:16px; position:relative; top:48px; left:3px; } #main-content.basket #inner-content #basketForm div#vitaminProduct p { font-weight:bold; width:86px; position:relative; top:8px; left:84px; } #main-content.basket #inner-content #basketForm div#vitaminProduct input { width:50px; height:16px; position:relative; top:34px; left:12px; } #main-content.basket #inner-content #basketForm div#familyProduct p { font-weight:bold; width:50px; position:relative; top:8px; left:162px; } #main-content.basket #inner-content #basketForm div#familyProduct input { width:50px; height:16px; position:relative; top:34px; left:3px; } #main-content.basket #inner-content #basketForm form p.basketTotal { font-size:14px; font-weight:bold; text-align:right; color:#273c83; clear:both; } #main-content.basket #inner-content #basketForm form div.subscription div.monthly, #main-content.basket #inner-content #basketForm form div.subscription div.agreeTerms { width:452px; clear:both; padding-top:10px; } #main-content.basket #inner-content #basketForm form div.subscription div.monthly p, #main-content.basket #inner-content #basketForm form div.subscription div.agreeTerms p { font-size:11px; float:right; width:425px; } #main-content.basket #inner-content #basketForm form div.subscription div.agreeTerms p { font-size:10px; color:#777; } #main-content.basket #inner-content #basketForm form div.subscription div.agreeTerms a { font-size:10px; text-decoration:underline; color:#5f99e8; } #main-content.basket #inner-content #basketForm form div.subscription input { clear:both; float:left; } #main-content.basket #inner-content #basketForm form p.buttons { float:right; padding-top:10px; } .button1 { float:left; } #main-content.basket #inner-content #basketForm form p.buttons #updateBasket { margin:0 0 6px 0; padding:0 16px 0 0; } table#basket { position: relative; right: 30px; } .lightGreyBG { background-color: #f1f4f7; } .basketThumbnail { margin: 0; padding: 0; position: relative; top: 8px; } p.basketProdName { width: 135px; font-size: 0.65em; font-weight: bold; position: relative; left: 5px; padding: 0; margin: 0; } p.basketProdName2 { width: 130px; font-size: 0.65em; font-weight: bold; position: relative; bottom: 20px; left: 5px; padding: 0; margin: 0; } p.basketProdName3 { width: 130px; font-size: 0.65em; font-weight: bold; position: relative; bottom: 10px; left: 5px; padding: 0; margin: 0; } input.remove_button { position: relative; bottom: 10px; left: 10px; } div.basketDropDown { position: relative; bottom: 15px; text-align: center; } td.borderLeft3 { border: 1px solid #c4c7ca; border-right: none; } td.borderLeft2 { border: 1px solid #c4c7ca; border-right: none; border-top: none; } td.borderRight3 { border: 1px solid #c4c7ca; } td.borderAll { border: 1px solid #c4c7ca; } td.borderBottom3 { border: 1px solid #c4c7ca; border-top: none; } td.borderTop3 { border: 1px solid #c4c7ca; border-bottom: none; } td.basketPriceCol span { position: relative; font-size: 0.7em; text-align: center; bottom: 15px; } td.basketPriceCol { text-align: center; } div#basketRecurringText { width: 500px; padding: 90px 0 0 260px; } div#basketRecurringText p { padding-bottom: 30px; } div#basketRecurringText input { margin-bottom: 10px; } /*-*/ #main-content.confirm-order #inner-content #content { width:666px; padding:50px 0 0 56px; } #main-content.confirm-order #inner-content #content h4 { background:transparent url(../img/main-content_confirm-order-h4.png) no-repeat; width:316px; height:25px; padding:0 0 16px 0; } #main-content.confirm-order #inner-content #content p { /*width:502px;*/ } #main-content.confirm-order #inner-content #content #orderDetails { width:336px; height:170px; float:left; background:transparent url(../img/confirm-order_order-details_bg.png) bottom left no-repeat; } #orderDetails1 { width:336px; float:left; background:transparent url(../img/confirm-order_order-details_bg.png) bottom left no-repeat; } #main-content.confirm-order #inner-content #content #orderDetails h5, #main-content.confirm-order #inner-content #content #yourDetails h5 { font-size:12px; font-weight:bold; color:#5b7ca5; padding:0 0 20px 0; } #main-content.confirm-order #inner-content #content #orderDetails div.productImage img { vertical-align:middle; } #main-content.confirm-order #inner-content #content #orderDetails div.productImage p { font-size:12px; font-weight:bold; display:inline; color:#273c83; } #main-content.confirm-order #inner-content #content #yourDetails { width:270px; /*height:170px;*/ float:left; } #main-content.confirm-order #inner-content #content #yourDetails h5 { font-size:12px; font-weight:bold; color:#5b7ca5; padding:0 0 20px 0; } #main-content.confirm-order #inner-content #content #yourDetails p { font-size:12px; font-weight:bold; color:#273c83; } #main-content.confirm-order #inner-content #content #yourDetails p.email { padding:0 0 20px 0; } #main-content.confirm-order #inner-content #content #orderTotals { clear:both; width:510px; height:60px; } #main-content.confirm-order #inner-content #content #orderTotals p { color:#273C83; } #main-content.confirm-order #inner-content #content #orderTotals p.buttons { position:relative; top:30px; left:228px; } #main-content.confirm-order #inner-content #content #orderTotals p.buttons #updateOrder { margin:0 0 6px 0; padding:0 20px 0 0; } #main-content.confirm-order #inner-content #content #orderTotals p.total { font-weight:bold; } /*-*/ #main-content.thanks-order #inner-content #content { width:600px; padding:50px 0 0 56px; } #main-content.thanks-order #inner-content #content h4 { background:transparent url(../img/main-content_thanks-order-h4.png) no-repeat; width:316px; height:25px; padding:0 0 28px 0; } #main-content.thanks-order p.main-text { width:450px; padding:0 0 20px 0; } /*-*/ #main-content.register-email #inner-content #basketForm { width:452px; padding:74px 0 0 270px; } #main-content.register-email #inner-content #basketForm h4 { width:340px; height:24px; margin:0 0 0 10px; padding:0 0 16px 0; } #main-content.register-email #inner-content #basketForm p.main-text { margin:0 0 0 10px; } /*-*/ #main-content.register-address #inner-content #basketForm { width:452px; padding:73px 0 0 300px; } #main-content.register-address #inner-content #basketForm h4 { background:transparent url(../img/main-content_registerAddress-h4.png) no-repeat; width:340px; height:24px; margin:0 0 0 10px; padding:0 0 30px 0; } #main-content.register-address #inner-content #basketForm p.main-text { font-size:11px; width:320px; margin:0 0 0 10px; padding:0 0 11px 0; } /*-*/ #main-content.address-chooser #inner-content #basketForm { padding:50px 0 0 55px; } #main-content.address-chooser #inner-content #basketForm h4 { background:transparent url(../img/main-content_addressChooser-h4.png) no-repeat; width:340px; height:24px; margin:0 0 0 10px; padding:0 0 16px 0; } #main-content.address-chooser #inner-content #basketForm #leftColumn { float:left; width:416px; } #main-content.address-chooser #inner-content #basketForm #rightColumn { float:left; width:360px; } #main-content.address-chooser #inner-content #basketForm #rightColumn p.main-text { font-size:11px; width:370px; padding:0 0 10px 0; } /*--*/ #main-content.register-login #inner-content #basketForm { /*width:452px;*/ padding:146px 0 0 267px; } #main-content.register-login #inner-content #basketForm #leftColumn { float:left; width:290px; } #main-content.register-login #inner-content #basketForm #rightColumn { float:right; width:314px; padding:0 0 0 5px; } #main-content.register-login #inner-content #basketForm #leftColumn h4 { background:transparent url(../img/main-content_register-login-right-h4.png) no-repeat; width:239px; height:25px; /*margin:0 0 0 10px;*/ padding:0 0 16px 0; } #main-content.register-login #inner-content #basketForm #rightColumn h4 { background:transparent url(../img/main-content_register-login-left-h4.png) no-repeat; width:239px; height:25px; /*margin:0 0 0 10px;*/ padding:0 0 16px 0; } #main-content.register-login #inner-content #basketForm #leftColumn p { width:254px; padding:0 0 16px 0; } #main-content.register-login #inner-content #basketForm #rightColumn p { width:254px; padding:0 0 16px 0; } #main-content.register-login #inner-content #basketForm #leftColumn p.forgottenPassword { text-align:right; margin:0 0 0 7px; } #main-content.register-login #inner-content #basketForm #leftColumn p.forgottenPassword a { text-decoration:underline; color:#5b7ca5; } #main-content.register-login #inner-content #basketForm #rightColumn p.forgottenPassword { text-align:left; margin:0 0 0 7px; padding:0 0 0 110px; } #main-content.register-login #inner-content #basketForm #rightColumn p.forgottenPassword a { text-decoration:underline; color:#5b7ca5; } #main-content.register-login #inner-content #basketForm #rightColumn p { /* width:290px;*/ margin:0; } /*-*/ #main-content.forgotten-password #inner-content #basketForm { padding:146px 0 0 300px; } #main-content.forgotten-password #inner-content #basketForm h4 { background:transparent url(../img/main-content_forgot_password-h4.png) no-repeat; width:340px; height:24px; /*margin:0 0 0 10px;*/ padding:0 0 16px 0; } #main-content.forgotten-password #inner-content #basketForm p.main-text { font-size:12px; width:450px; padding:0 0 10px 0; } #main-content.forgotten-password #inner-content #basketForm p.form-field { font-size:12px; font-weight:bold; padding:10px 0 11px 0; } #main-content.forgotten-password #inner-content #basketForm p.form-field label { padding:0 10px 0 0; } #main-content.forgotten-password #inner-content #basketForm p.form-field input { width:160px; } #main-content.forgotten-password #inner-content p.buttons { /*position:relative; top:0px; left:30px;*/ } /*-*/ /*#main-content.supporting #inner-content #signUp-bg { height:auto; background:transparent url(../img/supporting_signUp-bg.png) no-repeat; background:transparent url(../img/supporting_signUp-bg.png) bottom 5px 10px no-repeat; }*/ #main-content.supporting #leftColumn { width:520px; height:300px; float:left; } #main-content.supporting h3 { width:620px; height:48px; background:transparent url(../img/main-content_supporting-h3.png) no-repeat; margin:0 0 20px 0; } #main-content.supporting h4 { width:220px; height:27px; background:transparent url(../img/main-content_supporting-h4.png) no-repeat; margin:0 0 9px 0; } #main-content.supporting p.main-text { width:524px; height:auto; margin:0 0 17px 0; } #main-content.supporting #sign-up { height:110px; clear:both; padding-top:20px; width:auto; } #main-content.supporting #sign-up p.main-text { font-weight:bold; width:492px; height:auto; margin:0 0 17px 0; } /* #main-content.supporting #sign-up p.form-field { } */ #main-content.supporting p.disclaimer { font-size:10px; color:#778fad; width:650px; height:100px; clear:both; position:relative; top:15px; left:268px; } #main-content.supporting p.disclaimer a { font-size:10px; color:#778fad; text-decoration:underline; } #main-content.supporting #rightColumn.yellowLinkBanner { width:414px; height:280px; background:transparent url(../img/supporting_signUp-bg.jpg) top no-repeat; /*margin-top:72px; padding-bottom:32px;*/ } #main-content.supporting #rightColumn.yellowLinkBanner p.signUpBtn { width:110px; position:relative; top:249px; left:10px; } /*-*/ #main-content.supporting-thanks h3 { width:658px; height:48px; background:transparent url(../img/main-content_supporting-h3.png) no-repeat; margin:0 0 20px 0; } #main-content.supporting-thanks div { padding:15px 0 0 20px; } #main-content.supporting-thanks p.main-text { width:500px; padding:0 0 20px 0; } /*-*/ /*--*/ #main-content.admin #inner-content #content { padding:58px 0 0 32px; } #main-content.admin h4 { width:239px; height:25px; background:transparent url(../img/main-content_admin-h3.png) no-repeat; margin:0 0 20px 5px; } #main-content.admin p { width:546px; padding:0 0 22px 5px; } #main-content.admin p a { text-decoration:underline; color:#5f99e8; } #main-content.admin #lh-nav { float:left; width:174px; padding:10px 0 0 0; } #main-content.admin #lh-nav ul { font-size:12px; font-weight:bold; color:#fff; } #main-content.admin #lh-nav ul li { text-align:right; width:174px; height:24px; padding:5px 0 14px 0; } #main-content.admin #lh-nav ul li a { color:#fff; padding:0 12px 0 0; } #main-content.admin #lh-nav ul li a:hover { text-decoration:underline; } #main-content.admin #lh-nav ul li.dark-bg { background:transparent url(../img/admin_link-dark-bg.png) no-repeat; } #main-content.admin #lh-nav ul li.light-bg { background:transparent url(../img/admin_link-light-bg.png) no-repeat; } #main-content.admin #editPassword{ float:left; padding:10px 0 0 16px; } #main-content.admin #editAddress { float:left; padding:10px 0 0 60px; } #main-content.admin #editPassword table, #main-content.admin #editAddress table { font-size:12px; font-weight:bold; width:340px; } #main-content.admin #editPassword table td { padding:0 5px 16px 5px; } #main-content.admin #editAddress table td { padding:0 5px 11px 5px; } #main-content.admin #editPassword table td input.textField, #main-content.admin #editAddress table td input.textField, #main-content.admin #editAddress table td select.textField { width:155px; } #main-content.admin #editPassword table tr td.leftAlign, #main-content.admin #editAddress table tr td.leftAlign { text-align:left; } #main-content.admin #editPassword table tr td.leftAlign { color:#555; } #main-content.admin #editPassword table tr td.leftAlign span { font-weight:normal; } #main-content.admin #editPassword table tr td.rightAlign, #main-content.admin #editAddress table tr td.rightAlign { text-align:right; } #main-content.admin #editAddress table tr td .mandatory { font-size:11px; font-weight:normal; color:#5b7ca5; } #main-content.admin #orderHistory { width:468px; height:204px; float:left; border:1px solid #778fad; background:transparent url(../img/admin_order-history_tableBg.gif) top repeat-x; margin:10px 0 0 29px; overflow:auto; } #main-content.admin #orderHistory table { width:468px; width:452px; font-size:11px; line-height:normal; border-color:#778fad; /*border:1px solid #778fad;*/ border-collapse:collapse; /*border-spacing:0;*/ } #main-content.admin #orderHistory table tr.whiteBg { background:#ffffff; } #main-content.admin #orderHistory table tr.blueBg { background:#f1f4f7; } #main-content.admin #orderHistory table th { font-size:11px; font-weight:normal; text-align:center; background:#dde3ea; border-bottom:1px solid; padding:7px 0 7px 0; } #main-content.admin #orderHistory table td { padding:15px 0 14px 0; } #main-content.admin #orderHistory table .date { text-align:center; border-right:1px solid; } #main-content.admin #orderHistory table td.date { padding-left:6px; padding-right:6px; } #main-content.admin #orderHistory table th.order { text-align:center; border-right:1px solid; } #main-content.admin #orderHistory table td.order { text-align:left; font-weight:bold; border-right:1px solid; padding:0 6px 0 16px; } #main-content.admin #orderHistory table .order { border-right:1px solid; } #main-content.admin #orderHistory table .value { text-align:center; border-right:1px solid; } #main-content.admin #orderHistory table td.value { padding-left:6px; padding-right:6px; } #main-content.admin #orderHistory table .dispatched { text-align:center; border-left:1px solid; padding-left:6px; padding-right:6px; } #main-content.admin #content a.printBtn { width:76px; height:32px; position:relative; top:230px; left:-72px; } /*--*/ #main-content.media-center h3 { width:234px; height:32px; background:transparent url(../img/main-content_media-center-h3.png) no-repeat; margin:0 0 20px 0; } #main-content.media-center p { width:450px; padding:0 0 22px 0; } #main-content.news h3 { width:234px; height:32px; background:transparent url(../img/main-content_news-h3.png) no-repeat; margin:0 0 20px 0; } #main-content.news p { width:450px; padding:0 0 22px 0; } /* =BANNER ----------------------------------------------------*/ #banner { clear:both; } #banner .oneBanner { width:960px; height:109px; } #banner .daveAcademy { background:transparent url(../img/banner_daveAcademy-bg.jpg) no-repeat; float:left; } #banner .trioOnLeft { background:transparent url(../img/banner_trioOnLeft-bg.jpg) no-repeat; float:left; } #banner .daveOnLeft { background:transparent url(../img/banner_daveOnLeft-bg.jpg) no-repeat; float:left; } #banner .daveAcademy h4 { font-size:26px; font-weight:bold; line-height:normal; margin:18px 0 0 29px; } #banner .trioOnLeft h4 { width:296px; height:25px; background:transparent url(../img/banner_trioOnLeft-h4.png) no-repeat; margin:14px 0 0 160px; } #banner .trioOnLeft p { line-height:14px; color:#fff; width:760px; margin:8px 0 0 164px; } #banner .trioOnLeft p strong { color:#ffc300; } #banner .trioOnLeft a img { position:relative; left:782px; } #banner .daveOnLeft h4 { width:283px; height:29px; background:transparent url(../img/banner_withyouallway.png) no-repeat; margin:9px 0 0 197px; } #banner .daveOnLeft p { font-size:14px; line-height:17px; width:730px; margin:4px 0 0 200px; } #banner .daveOnLeft img { position:relative; top:8px; left:193px; } #banner .daveOnLeft a img { position:relative; top:-3px; left:742px; } #daveBackBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_daveBackBanner-bg.jpg) no-repeat; } #daveBackBanner h4 { width:231px; height:23px; background:transparent url(../img/leftBanner_withyouallway.png) no-repeat; margin:8px 0 0 120px; } #daveBackBanner p { line-height:15px; width:336px; margin:2px 0 0 122px; } #daveBackBanner a { width:237px; height:16px; position:relative; top:2px; left:232px; } #daveFrontBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_daveFrontBanner-bg.jpg) no-repeat; } #daveFrontBanner p { font-style:italic; text-align:right; margin:6px 37px 0 0; } #daveFrontBanner p.quote { font-style:normal; text-align:left; line-height:15px; width:318px; margin:22px 0 0 135px; } #babyBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_babyBanner-bg.jpg) no-repeat; } #babyBanner p { font-style:italic; text-align:right; margin:3px 20px 0 0; } #babyBanner p.quote { font-style:normal; text-align:left; line-height:15px; width:348px; margin:18px 0 0 108px; } #subscribeBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_subscribeBanner-bg.jpg) no-repeat; } #subscribeBanner h4 { width:252px; height:23px; background:transparent url(../img/banner_subscribeBanner-h4.png) no-repeat; margin:8px 0 0 16px; } #subscribeBanner p { line-height:15px; width:258px; margin:0 0 0 16px; } #subscribeBanner img { position:relative; top:4px; left:102px; } #buyBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_buyBanner-bg.jpg) no-repeat; } #buyBanner h4 { width:148px; height:18px; background: url(../img/banner_buyBanner-h4.png) no-repeat; margin:8px 0 0 224px; padding-bottom:3px; } #buyBanner p { line-height:15px; width:238px; margin:0 0 0 226px; } #buyBanner a { width:158px; height:16px; position:relative; top:6px; left:316px; } #buyBanner.multivitamin { width:480px; height:111px; float:left; background:transparent url(../img/banner_buyBanner-multivitamin-bg.jpg) no-repeat; } #buyBanner.multivitamin h4 { width:148px; height:18px; background: url(../img/banner_buyBanner-h4.png) no-repeat; margin:8px 0 0 157px; padding-bottom:3px; } #buyBanner.multivitamin p { line-height:15px; width:304px; margin:4px 0 0 160px; } #buyBanner.multivitamin a { width:158px; height:16px; position:relative; top:18px; left:316px; } #newsBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_news_bg.jpg) no-repeat; } #newsBanner h4 { width:252px; height:23px; margin:8px 0 0 16px; } #newsBanner p { line-height:15px; width:258px; margin:0 0 0 220px; } #newsBanner img { position:relative; top:21px; left:345px; } #understandingBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_understanding.jpg) no-repeat; } #understandingBanner h4 { width:252px; height:23px; margin:8px 0 0 16px; } #understandingBanner p { line-height:15px; width:316px; margin:4px 0 0 10px; color: #21326c; } #understandingBanner img { position:relative; top:14px; left:10px; } #withYouBanner { width:480px; height:111px; float:left; background:transparent url(../img/banner_with_you_all_the_way.png) no-repeat; } #withYouBanner p { line-height:15px; width:326px; margin:30px 0 0 40px; color: #21326c; position: relative; left: 35px; } #withYouBanner img { position:relative; top:4px; left:230px; } /* =FORMS ----------------------------------------------------*/ form#selectLanguage { width:300px; float:left; padding-bottom:10px; } form#selectLanguage label { font-size:12px; } form#selectLanguage #submit-lang { vertical-align:middle; } /*--*/ #main-content.supporting #sign-up table td { text-align:right; padding:0 0 8px 0; } #main-content.supporting #sign-up label, #main-content.supporting #sign-up input { display:block; width:214px; height:14px; float:left; /*display:block; width:214px; height:14px; float:left; margin-bottom:6px;*/ } #main-content.supporting #sign-up label { font-size:12px; /*font-weight:bold; line-height:14px; padding:2px 10px 10px 0;*/ font-weight:bold; text-align:right; line-height:14px; padding:2px 10px 10px 40px; } /*--*/ #main-content.register-email #inner-content #basketForm p.form-field { font-size:12px; font-weight:bold; text-align:right; width:308px; padding:0 0 11px 0; } #main-content.register-email #inner-content #basketForm p.form-field1 { padding:20px 0 0 0; } #main-content.register-email #inner-content #basketForm p.form-field2 { padding:8px 0 0 0; } #main-content.register-email #inner-content #basketForm input.textField { width:156px; height:12px; } #main-content.register-email #inner-content #basketForm p.buttons { position:relative; top:-36px; left:324px; } #main-content.register-email #inner-content #basketForm p.crm-optIn { font-size:11px; width:600px; position:relative; top:-20px; } #main-content.register-email #inner-content #basketForm p.crm-optIn input { vertical-align:middle; margin-right:4px; } /*--*/ #main-content.register-address #inner-content #basketForm p.form-field, #main-content.address-chooser #inner-content #basketForm #leftColumn p.form-field, #main-content.address-chooser #inner-content #basketForm #rightColumn p.form-field, #main-content.register-login #inner-content #basketForm #leftColumn p.form-field { font-size:12px; font-weight:bold; text-align:right; width:308px; padding:0 0 11px 0; } #main-content.address-chooser #inner-content #basketForm #leftColumn p.form-field { width:376px; } #main-content.register-login #inner-content #basketForm #leftColumn p.form-field { width:262px; } #main-content.address-chooser #inner-content #basketForm #leftColumn span { position:relative; left:20px; } #main-content.register-login #inner-content #basketForm #rightColumn p.form-field { font-size:12px; font-weight:bold; text-align:right; width:308px; padding:0 0 11px 0; } #main-content.address-chooser #inner-content #basketForm #rightColumn p.form-field { width:376px; } #main-content.register-login #inner-content #basketForm #rightColumn p.form-field { width:262px; } #main-content.address-chooser #inner-content #basketForm #rightColumn span { position:relative; left:225px; } #main-content.register-address #inner-content #basketForm input.textField, #main-content.address-chooser #inner-content #basketForm #rightColumn input.textField { width:200px; /*height:13px;*/ } #main-content.register-address #inner-content #basketForm input.postZip, #main-content.address-chooser #inner-content #basketForm #rightColumn input.postZip { width:100px; /*height:12px;*/ } #main-content.register-address #inner-content #basketForm select, #main-content.address-chooser #inner-content #basketForm #rightColumn select { width:156px; height:18px; } #main-content.address-chooser #inner-content #basketForm #leftColumn select { width:202px; height:18px; } #main-content.register-address #inner-content #basketForm p.mandatory { font-size:11px; position:relative; left:204px; } #main-content.address-chooser #inner-content #basketForm #rightColumn p.mandatory { font-size:11px; position:relative; left:204px; } #main-content.register-address #inner-content #basketForm p.buttons { position:relative; top:-42px; left:332px; } #main-content.address-chooser #inner-content #basketForm #rightColumn p.buttons { position:relative; top:20px; left:100px; } #main-content.register-login #inner-content #basketForm #leftColumn p.buttons { position:relative; left:80px; } #main-content.register-login #inner-content #basketForm #rightColumn p.buttons { position:relative; top:20px; left:100px; } /*--*/ #main-content.admin #inner-content #content fieldset div { float:left; width:390px; } /* =POPUP-WRAPPER ----------------------------------------------------*/ #popup-wrapper { width:682px; } #popup-wrapper #main-content { background:none; } #popup-wrapper #header { width:682px; height:55px; background:transparent url(../img/popup-productInfo_header-bg.png) bottom no-repeat; } #popup-wrapper #header h2 { float:left; position:relative; top:12px; left:21px; } #popup-wrapper.shipping #header h2 { width:342px; height:23px; background:transparent url(../img/popup-shipping_h2.png) no-repeat; } #popup-wrapper.original #header h2 { width:342px; height:23px; background:transparent url(../img/popup-original_h2.png) no-repeat; } #popup-wrapper.junior #header h2 { width:342px; height:23px; background:transparent url(../img/popup-junior_h2.png) no-repeat; } #popup-wrapper.vitaminKicks #header h2 { width:396px; height:22px; background:transparent url(../img/popup-vitaminKicks_h2.png) no-repeat; } #popup-wrapper #header a { position:relative; top:12px; } #popup-wrapper #header a img { width:117px; height:21px; } #popup-wrapper.original #header a { left:214px; } #popup-wrapper.junior #header a { left:213px; } #popup-wrapper.vitaminKicks #header a { left:160px; } #popup-wrapper #main-content { clear:both; margin:10px; padding-bottom:0; } #popup-wrapper #main-content #leftColumn { width:286px; float:left; } #popup-wrapper #main-content #leftColumn p { font-size:11px; color:#778fad; width:266px; margin-left:8px; padding-top:12px; } #popup-wrapper #main-content #rightColumn p { margin:0; } #popup-wrapper #main-content #rightColumn { width:360px; float:right; } #popup-wrapper #main-content #rightColumn ul { margin:8px 11px 0 13px; padding:0 0 12px 8px; } #popup-wrapper #main-content #rightColumn ul li { font-size:11px; font-weight:bold; line-height:13px; list-style-position:outside; margin:0; padding:0 0 3px 0; } #popup-wrapper.original #main-content #rightColumn ul li { color:#25427f; list-style-image:url(../img/popup_blueTick.png); } #popup-wrapper.junior #main-content #rightColumn ul li { color:#c61916; list-style-image:url(../img/popup_redTick.png); } #popup-wrapper.vitaminKicks #main-content #rightColumn ul li { color:#db7d21; list-style-image:url(../img/popup_orangeTick.png); } #popup-wrapper #main-content #rightColumn img { float:right; padding:0 0 8px 0; } #popup-wrapper #main-content #rightColumn p { font-size:11px; color:#5a7396; width:356px; clear:both; padding-bottom:12px; } #popup-wrapper #main-content #rightColumn p.FDA { width:336px; border:1px solid #778fad; padding:6px; margin:0 0 12px 0; } #popup-wrapper #main-content #rightColumn img.FDA { width:5px; height:8px; float:none; padding:0; } /*--*/ #popup-wrapper.links #header h2 { width:394px; height:24px; background:transparent url(../img/popup-links_h2.png) no-repeat; float:left; position:relative; top:66px; left:21px; } #popup-wrapper.links #header a { left:163px; } #popup-wrapper.privacy #header h2 { width:206px; height:24px; background:transparent url(../img/popup-privacy_h2.png) no-repeat; float:left; position:relative; top:66px; left:21px; padding-bottom:10px; } #popup-wrapper.privacy #header a { left:351px; } #popup-wrapper.terms #header h2 { width:279px; height:24px; background:transparent url(../img/popup-terms_h2.png) no-repeat; float:left; position:relative; top:66px; left:21px; } #popup-wrapper.terms #header a { left:278px; } #popup-wrapper.contact #header h2 { width:118px; height:24px; background:transparent url(../img/popup-contact_h2.png) no-repeat; float:left; position:relative; top:66px; left:21px; } #popup-wrapper.contact #header a { left:439px; } #popup-wrapper.links #main-content, #popup-wrapper.privacy #main-content, #popup-wrapper.terms #main-content, #popup-wrapper.contact #main-content { padding:40px 11px 0 11px; } #popup-wrapper.links #main-content p, #popup-wrapper.privacy #main-content p, #popup-wrapper.terms #main-content p, #popup-wrapper.contact #main-content p { padding:0 0 20px 0px; } #popup-wrapper.links #main-content ul, #popup-wrapper.privacy #main-content ul, #popup-wrapper.terms #main-content ul, #popup-wrapper.contact #main-content ul { list-style:square outside; font-size:12px; margin:0 0 0 30px; padding:0 0 20px 0px; } #popup-wrapper.links #main-content li, #popup-wrapper.privacy #main-content li, #popup-wrapper.terms #main-content li, #popup-wrapper.contact #main-content li { padding:0 0 6px 0px; } #popup-wrapper.links #main-content a, #popup-wrapper.privacy #main-content a, #popup-wrapper.terms #main-content a, #popup-wrapper.contact #main-content a { text-decoration:underline; color:#5f99e8; } /* =FOOTER ----------------------------------------------------*/ #footer { font-size:10px; float:right; width:100%; margin:0 0 10px 0; overflow:hidden; } #navlist { float:right; list-style-type:none; padding:7px 0 0 0; margin:0 8px 0 0; } #navlist li { border-right:1px solid #778fad; float:left; margin:0 -11px 0 11px; padding:0 3px; } #navlist li .media-center { font-weight:bold; color:#21326c; } #navlist li .news { font-weight:bold; color:#21326c; } #footer #login { float:left; margin:0 0 0 14px; padding:3px 0 0 0; } /* =MISC ----------------------------------------------------*/ #swf { width:620px; height:446px; float:right; display:inline; margin-top:-76px; } .hidden { position:absolute; left:0px; top:-4000px; width:1px; height:1px; overflow:hidden; } p.confirmMessage { position: relative; top: 80px; } div#selectLanguage { position: relative; bottom: 5px; padding: 0 10px 0 10px; display: inline; } #countyBlock { display: none; } .errorMessage { color: #f00; } .errorMessage2 { font-size:18px; font-weight:bold; color: #f00; margin:60px 0 0 20px; } table.adminAddressForm { width:340px; } /* fergal april 2008 */ span.omega3PagePrice { font-size: 0.8em; color: #5a7396; font-weight: bold; } table#productInfo { width: 500px; position: relative; top: 15px; } table#quantitySelect { width: 500px; position: relative; left: 40px; bottom: 15px; } table#quantitySelect tr td { height: 30px; } table#quantitySelect tr td span { margin-left: 15px; } table#basket { width: 370px; margin: 10px 0 0 30px; } table#basket tr.blueBg { background-color: #f1f4f7; } table#basket tr td.prodName, table#basket tr td.prodPrice { padding-left: 5px; font-size: 0.8em; font-weight: bold; } table#basket tr td.select { width: 45px; } table#basket tr.whiteBg { background-color: #fff; } table#shippingPrices tr td { font-size: 0.8em; padding: 5px 10px 5px 10px; } p.shippingLink { padding-bottom: 10px; } p.shippingLink a { text-decoration: underline; } div.agreeTerms { margin-top: 10px; } div.agreeTerms input { float: left; margin-bottom: 40px; } span#emptyBasket { color: #c00; font-weight: bold; font-size: 0.8em; margin: 20px 0 0 20px; } table#checkout tr td { font-size: 0.8em; font-weight: bold; } table#checkout tr td.multiply { padding: 0 10px 0 10px; } table#checkout tr td.price { padding-left: 10px; } span.mandatory { font-size: 0.8em; font-weight: bold; } img#offerTitle { margin-top: 20px; } img#btnFree { clear: both !important; } p.offerPageText { width: 395px; padding-top: 15px; } img#btnBuyNow { position: relative; top: 10px; left: 115px; } /****************************************************************** NEW CSS 20-6 *********************************************************************/ .ProdNamenew { width: 130px; font-size: 0.65em; position: relative; font-weight:bold; bottom: 20px; left: 5px; padding: 0; margin: 0; } .newboyimg { padding-left:250px; height:645px; } .shoppingbtn { width:500px; margin:0px; padding:0px; } /************************************** Faqs CSS 29-6 ****************************************************/ #nav-bar a.faq {width:58px;} #nav-bar a.faq:hover { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #nav-bar li a.faq#active { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #main-content.faq div#inner-content { height:2020px; } #main-content.science #lh-nav, #main-content.scientificStudies #lh-nav, #main-content.faq #lh-nav { float:left; width: 282px; } #main-content.science #lh-nav ul, #main-content.scientificStudies #lh-nav ul, #main-content.faq #lh-nav ul { clear:left; font-size:12px; font-weight:bold; } #main-content.faq { } #main-content.faq h3 { width:449px; height:40px; background:transparent url(../img/main-content_faq-h3.png) no-repeat; margin:0 0 20px 0; } #main-content.faq h5 { padding:0 0 12px 0; } #main-content.faq h5.safetyQ { width:276px; height:17px; background:transparent url(../img/faq_subHeader-safety.png) no-repeat; } #main-content.faq h5.omega3Q { width:436px; height:17px; background:transparent url(../img/faq_subHeader-omega3.png) no-repeat; } #main-content.faq h5.storageQ { width:630px; height:17px; background:transparent url(../img/faq_subHeader-storage.png) no-repeat; } #main-content.faq h5.ingredientsQ { width:370px; height:17px; background:transparent url(../img/faq_subHeader-ingredients.png) no-repeat; } #main-content.faq h5.orderQueryQ { width:373px; height:17px; background:transparent url(../img/faq_subHeader-orderQueries.png) no-repeat; } #main-content.faq h5.paymentQueryQ { width:239px; height:17px; background:transparent url(../img/faq_subHeader-paymentQueries.png) no-repeat; } #main-content.faq h6 { font-size:12px; font-weight:bold; padding:0 0 8px 0; } #main-content.faq p { padding:0 0 20px 0; } #main-content.faq a.links, #main-content.media-center a.links { color:#5f99e8; text-decoration:underline; } #main-content.science #lh-nav ul li, #main-content.scientificStudies #lh-nav ul li, #main-content.faq #lh-nav ul li { width:255px; height:24px; background:transparent url(../img/lh-nav_btn1.png) top left no-repeat; padding:3px 0 0 12px; } #main-content.science #lh-nav ul li.twoLines, #main-content.scientificStudies #lh-nav ul li.twoLines, #main-content.faq #lh-nav ul li.twoLines { width:255px; height:38px; background:transparent url(../img/lh-nav_btn2.png) top left no-repeat; } #main-content.scientificStudies #lh-nav ul li.threeLines, #main-content.faq #lh-nav ul li.threeLines { height:53px; background:transparent url(../img/lh-nav_btn3.png) top left no-repeat; } #main-content.science #lh-nav ul li a, #main-content.scientificStudies ul li a, #main-content.faq #lh-nav ul li a { line-height:15px; } #main-content.science a.back-btn, #main-content.scientificStudies a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:255px; height:24px; background:transparent url(../img/lh-nav_back-btn.png) no-repeat; padding:4px 0 2px 24px; } #main-content.science a.bibliography, #main-content.scientificStudies a.scientific, #main-content.faq a.productFAQ { font-size:12px; font-weight:bold; color:#fff; float:left; clear:both; width:255px; height:24px; background:transparent url(../img/lh-nav_fwd-btn.png) no-repeat; padding:4px 0 8px 24px; } #main-content.science div#science-content, #main-content.scientificStudies div#science-content, #main-content.faq div#faq-content { float:right; width:639px; padding-right:15px; } /********* NEW CSS 29-6 ***************/ .contain { width:624px; float:left; color:#5a7396; font-size:12px; } .contain ul { margin:0px; padding:0px; color:#5a7396; } .contain li { width:624px; float:left; color:#5a7396; font-size:12px; background:url(../images/dott.gif) no-repeat; padding-left:15px; background-position:5px 5px; padding-bottom:10px; } /****************************************tips********************************************/ #nav-bar a.tips {width:58px;} #nav-bar a.tips:hover { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #nav-bar li a.tips#active { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #main-content.tips div#inner-content { height:600px; } #main-content.science #lh-nav, #main-content.scientificStudies #lh-nav, #main-content.tips #lh-nav { float:left; width: 282px; } #main-content.science #lh-nav ul, #main-content.scientificStudies #lh-nav ul, #main-content.tips #lh-nav ul { clear:left; font-size:12px; font-weight:bold; } #main-content.tips { } #main-content.tips h3 { width:620px; height:40px; background:transparent url(../img/main-content_supporting-h3.png) no-repeat; margin:0 0 20px 0; } #main-content.tips h5 { padding:0 0 12px 0; } #main-content.tips h5.safetyQ { width:276px; height:17px; background:transparent url(../img/faq_subHeader-safety.png) no-repeat; } #main-content.tips h5.omega3Q { width:436px; height:17px; background:transparent url(../img/faq_subHeader-omega3.png) no-repeat; } #main-content.tips h5.storageQ { width:630px; height:17px; background:transparent url(../img/faq_subHeader-storage.png) no-repeat; } #main-content.tips h5.ingredientsQ { width:370px; height:17px; background:transparent url(../img/faq_subHeader-ingredients.png) no-repeat; } #main-content.tips h5.orderQueryQ { width:373px; height:17px; background:transparent url(../img/faq_subHeader-orderQueries.png) no-repeat; } #main-content.tips h5.paymentQueryQ { width:239px; height:17px; background:transparent url(../img/faq_subHeader-paymentQueries.png) no-repeat; } #main-content.tips h6 { font-size:12px; font-weight:bold; padding:0 0 8px 0; } #main-content.tips p { padding:0 0 20px 0; } #main-content.tips a.links, #main-content.media-center a.links { color:#5f99e8; text-decoration:underline; } #main-content.science #lh-nav ul li, #main-content.scientificStudies #lh-nav ul li, #main-content.tips #lh-nav ul li { width:255px; height:24px; background:transparent url(../img/lh-nav_btn1.png) top left no-repeat; padding:3px 0 0 12px; } #main-content.science #lh-nav ul li.twoLines, #main-content.scientificStudies #lh-nav ul li.twoLines, #main-content.tips #lh-nav ul li.twoLines { width:255px; height:38px; background:transparent url(../img/lh-nav_btn2.png) top left no-repeat; } #main-content.scientificStudies #lh-nav ul li.threeLines, #main-content.tips #lh-nav ul li.threeLines { height:53px; background:transparent url(../img/lh-nav_btn3.png) top left no-repeat; } #main-content.science #lh-nav ul li a, #main-content.scientificStudies ul li a, #main-content.tips #lh-nav ul li a { line-height:15px; } #main-content.science a.back-btn, #main-content.scientificStudies a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:255px; height:24px; background:transparent url(../img/lh-nav_back-btn.png) no-repeat; padding:4px 0 2px 24px; } #main-content.science a.bibliography, #main-content.scientificStudies a.scientific, #main-content.tips a.productFAQ { font-size:12px; font-weight:bold; color:#fff; float:left; clear:both; width:255px; height:24px; background:transparent url(../img/lh-nav_fwd-btn.png) no-repeat; padding:4px 0 8px 24px; } #main-content.science div#science-content, #main-content.scientificStudies div#science-content, #main-content.tips div#faq-content { float:right; width:639px; padding-right:15px; } /*********************************healthy tips***********************************/ #nav-bar a.healthy {width:58px;} #nav-bar a.healthy:hover { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #nav-bar li a.healthy#active { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #main-content.healthy div#inner-content { height:900px; } #main-content.science #lh-nav, #main-content.scientificStudies #lh-nav, #main-content.healthy #lh-nav { float:left; width: 282px; } #main-content.science #lh-nav ul, #main-content.scientificStudies #lh-nav ul, #main-content.healthy #lh-nav ul { clear:left; font-size:12px; font-weight:bold; } #main-content.healthy { } #main-content.healthy h3 { width:620px; height:40px; background:transparent url(../images/eat-healthy-tips.png) no-repeat; margin:0 0 20px 0; } #main-content.healthy h5 { padding:0 0 12px 0; } #main-content.healthy h5.safetyQ { width:276px; height:17px; background:transparent url(../img/faq_subHeader-safety.png) no-repeat; } #main-content.healthy h5.omega3Q { width:436px; height:17px; background:transparent url(../img/faq_subHeader-omega3.png) no-repeat; } #main-content.healthy h5.storageQ { width:630px; height:17px; background:transparent url(../img/faq_subHeader-storage.png) no-repeat; } #main-content.healthy h5.ingredientsQ { width:370px; height:17px; background:transparent url(../img/faq_subHeader-ingredients.png) no-repeat; } #main-content.healthy h5.orderQueryQ { width:373px; height:17px; background:transparent url(../img/faq_subHeader-orderQueries.png) no-repeat; } #main-content.healthy h5.paymentQueryQ { width:239px; height:17px; background:transparent url(../img/faq_subHeader-paymentQueries.png) no-repeat; } #main-content.healthy h6 { font-size:12px; font-weight:bold; padding:0 0 8px 0; } #main-content.healthy p { padding:0 0 20px 0; } #main-content.healthy a.links, #main-content.media-center a.links { color:#5f99e8; text-decoration:underline; } #main-content.science #lh-nav ul li, #main-content.scientificStudies #lh-nav ul li, #main-content.healthy #lh-nav ul li { width:255px; height:24px; background:transparent url(../img/lh-nav_btn1.png) top left no-repeat; padding:3px 0 0 12px; } #main-content.science #lh-nav ul li.twoLines, #main-content.scientificStudies #lh-nav ul li.twoLines, #main-content.healthy #lh-nav ul li.twoLines { width:255px; height:38px; background:transparent url(../img/lh-nav_btn2.png) top left no-repeat; } #main-content.scientificStudies #lh-nav ul li.threeLines, #main-content.healthy #lh-nav ul li.threeLines { height:53px; background:transparent url(../img/lh-nav_btn3.png) top left no-repeat; } #main-content.science #lh-nav ul li a, #main-content.scientificStudies ul li a, #main-content.healthy #lh-nav ul li a { line-height:15px; } #main-content.science a.back-btn, #main-content.scientificStudies a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:255px; height:24px; background:transparent url(../img/lh-nav_back-btn.png) no-repeat; padding:4px 0 2px 24px; } #main-content.science a.bibliography, #main-content.scientificStudies a.scientific, #main-content.healthy a.productFAQ { font-size:12px; font-weight:bold; color:#fff; float:left; clear:both; width:255px; height:24px; background:transparent url(../img/lh-nav_fwd-btn.png) no-repeat; padding:4px 0 8px 24px; } #main-content.science div#science-content, #main-content.scientificStudies div#science-content, #main-content.healthy div#faq-content { float:right; width:639px; padding-right:15px; } /****************************active***********************************/ #nav-bar a.active {width:58px;} #nav-bar a.active:hover { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #nav-bar li a.active#active { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #main-content.active div#inner-content { height:1200px; } #main-content.science #lh-nav, #main-content.scientificStudies #lh-nav, #main-content.active #lh-nav { float:left; width: 282px; } #main-content.science #lh-nav ul, #main-content.scientificStudies #lh-nav ul, #main-content.active #lh-nav ul { clear:left; font-size:12px; font-weight:bold; } #main-content.active { } #main-content.active h3 { width:620px; height:40px; background:transparent url(../images/be-active-tips.png) no-repeat; margin:0 0 20px 0; } #main-content.active h5 { padding:0 0 12px 0; } #main-content.active h5.safetyQ { width:276px; height:17px; background:transparent url(../img/faq_subHeader-safety.png) no-repeat; } #main-content.active h5.omega3Q { width:436px; height:17px; background:transparent url(../img/faq_subHeader-omega3.png) no-repeat; } #main-content.healthy h5.storageQ { width:630px; height:17px; background:transparent url(../img/faq_subHeader-storage.png) no-repeat; } #main-content.active h5.ingredientsQ { width:370px; height:17px; background:transparent url(../img/faq_subHeader-ingredients.png) no-repeat; } #main-content.active h5.orderQueryQ { width:373px; height:17px; background:transparent url(../img/faq_subHeader-orderQueries.png) no-repeat; } #main-content.active h5.paymentQueryQ { width:239px; height:17px; background:transparent url(../img/faq_subHeader-paymentQueries.png) no-repeat; } #main-content.active h6 { font-size:12px; font-weight:bold; padding:0 0 8px 0; } #main-content.active p { padding:0 0 20px 0; } #main-content.active a.links, #main-content.media-center a.links { color:#5f99e8; text-decoration:underline; } #main-content.science #lh-nav ul li, #main-content.scientificStudies #lh-nav ul li, #main-content.active #lh-nav ul li { width:255px; height:24px; background:transparent url(../img/lh-nav_btn1.png) top left no-repeat; padding:3px 0 0 12px; } #main-content.science #lh-nav ul li.twoLines, #main-content.scientificStudies #lh-nav ul li.twoLines, #main-content.active #lh-nav ul li.twoLines { width:255px; height:38px; background:transparent url(../img/lh-nav_btn2.png) top left no-repeat; } #main-content.scientificStudies #lh-nav ul li.threeLines, #main-content.active #lh-nav ul li.threeLines { height:53px; background:transparent url(../img/lh-nav_btn3.png) top left no-repeat; } #main-content.science #lh-nav ul li a, #main-content.scientificStudies ul li a, #main-content.healthy #lh-nav ul li a { line-height:15px; } #main-content.science a.back-btn, #main-content.scientificStudies a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:255px; height:24px; background:transparent url(../img/lh-nav_back-btn.png) no-repeat; padding:4px 0 2px 24px; } #main-content.science a.bibliography, #main-content.scientificStudies a.scientific, #main-content.active a.productFAQ { font-size:12px; font-weight:bold; color:#fff; float:left; clear:both; width:255px; height:24px; background:transparent url(../img/lh-nav_fwd-btn.png) no-repeat; padding:4px 0 8px 24px; } #main-content.science div#science-content, #main-content.scientificStudies div#science-content, #main-content.active div#faq-content { float:right; width:639px; padding-right:15px; } /************************************sharp******************************/ #nav-bar a.sharp {width:58px;} #nav-bar a.sharp:hover { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #nav-bar li a.sharp#active { background:transparent url(../img/nav-bar_bg-faq.jpg) center no-repeat;} #main-content.sharp div#inner-content { height:1100px; } #main-content.science #lh-nav, #main-content.scientificStudies #lh-nav, #main-content.sharp #lh-nav { float:left; width: 282px; } #main-content.science #lh-nav ul, #main-content.scientificStudies #lh-nav ul, #main-content.sharp #lh-nav ul { clear:left; font-size:12px; font-weight:bold; } #main-content.sharp { } #main-content.sharp h3 { width:620px; height:40px; background:transparent url(../images/stay-sharp-tips.png) no-repeat; margin:0 0 20px 0; } #main-content.sharp h5 { padding:0 0 12px 0; } #main-content.sharp h5.safetyQ { width:276px; height:17px; background:transparent url(../img/faq_subHeader-safety.png) no-repeat; } #main-content.sharp h5.omega3Q { width:436px; height:17px; background:transparent url(../img/faq_subHeader-omega3.png) no-repeat; } #main-content.sharp h5.storageQ { width:630px; height:17px; background:transparent url(../img/faq_subHeader-storage.png) no-repeat; } #main-content.sharp h5.ingredientsQ { width:370px; height:17px; background:transparent url(../img/faq_subHeader-ingredients.png) no-repeat; } #main-content.sharp h5.orderQueryQ { width:373px; height:17px; background:transparent url(../img/faq_subHeader-orderQueries.png) no-repeat; } #main-content.sharp h5.paymentQueryQ { width:239px; height:17px; background:transparent url(../img/faq_subHeader-paymentQueries.png) no-repeat; } #main-content.sharp h6 { font-size:12px; font-weight:bold; padding:0 0 8px 0; } #main-content.sharp p { padding:0 0 20px 0; } #main-content.sharp a.links, #main-content.media-center a.links { color:#5f99e8; text-decoration:underline; } #main-content.science #lh-nav ul li, #main-content.scientificStudies #lh-nav ul li, #main-content.sharp #lh-nav ul li { width:255px; height:24px; background:transparent url(../img/lh-nav_btn1.png) top left no-repeat; padding:3px 0 0 12px; } #main-content.science #lh-nav ul li.twoLines, #main-content.scientificStudies #lh-nav ul li.twoLines, #main-content.sharp #lh-nav ul li.twoLines { width:255px; height:38px; background:transparent url(../img/lh-nav_btn2.png) top left no-repeat; } #main-content.scientificStudies #lh-nav ul li.threeLines, #main-content.sharp #lh-nav ul li.threeLines { height:53px; background:transparent url(../img/lh-nav_btn3.png) top left no-repeat; } #main-content.science #lh-nav ul li a, #main-content.scientificStudies ul li a, #main-content.sharp #lh-nav ul li a { line-height:15px; } #main-content.science a.back-btn, #main-content.scientificStudies a.back-btn { font-size:12px; font-weight:bold; color:#fff; float:left; width:255px; height:24px; background:transparent url(../img/lh-nav_back-btn.png) no-repeat; padding:4px 0 2px 24px; } #main-content.science a.bibliography, #main-content.scientificStudies a.scientific, #main-content.sharp a.productFAQ { font-size:12px; font-weight:bold; color:#fff; float:left; clear:both; width:255px; height:24px; background:transparent url(../img/lh-nav_fwd-btn.png) no-repeat; padding:4px 0 8px 24px; } #main-content.science div#science-content, #main-content.scientificStudies div#science-content, #main-content.sharp div#faq-content { float:right; width:639px; padding-right:15px; }