/* GENERAL */ .clear10pixels{position:relative; clear:both; height:10px; background:#000;} /* CORE SHAPE */ #topNav{width:100%; height:137px; background:#f4f5f7 url(/common/images/topNav/topNavRepeat.png) repeat-x 0 0; position:relative; z-index:1;} #topNav div.topNavInner{width:952px; height:125px; padding:0 35px 12px 35px; margin:0 auto; background:url(../images/topNav/topNavBG.png) no-repeat bottom left; position:relative;} #topNav div.topNavInner div.breadcrumbs{width:952px; height:16px; background-color:#e1e2e5; position:absolute; bottom:12px; left:35px;} #topNav div.topNavInner div.logo{position:absolute; top:0; left:375px; z-index:1; width:271px; height:119px;} #topNav div.topNavInner div.logo img{width:271px; height:119px;} #container{width:100%; height:auto; background-color:#f4f5f7; overflow:hidden;} .floral-top{width:559px; height:542px; background:url(../images/template/floral1.jpg) no-repeat; position:absolute; left:-539px; top:96px; z-index:2;} .floral-bottom{width:559px; height:443px; background:url(../images/template/floral2.jpg) no-repeat; position:absolute; right:-539px; bottom:0px;} #container #contentContainer{width:952px; height:auto; padding:0 35px; margin:0 auto; background:url(../images/template/contentContainerRepeat.png) repeat-y top left; position:relative;} #container #contentContainer .theFooter{clear:both;padding-top:20px;} #container #contentContainer #brandsFooter{position:relative; clear:both; width:952px; height:284px; padding-top:0; /* dp not us padding-top:18px here - it breaks ie6 */ /*background:url(../images/footers/brandFooterRepeat.png) repeat-x left 20px;*/ background:url(../images/footers/bg_footer.gif) left top repeat-x;}#leftNav{float:left; width:186px; height:auto; display:inline;} #container #contentContainer #innerContentContainer{width:752px; float:right; height:auto; /*overflow:auto;*/} #innerContentContainer .bannerHolder{display:block; background:url(../images/home/bg_banner.png) left bottom no-repeat; width:752px; height:317px;} #innerContentContainer #mainContent{width:552px; float:left;} #contentContainer #innerContentContainer div.wide{width:752px;} #innerContentContainer #rightContent{width:186px; float:left; display:inline; margin-left:14px;} #footer{width:100%; height:61px; background:url(../images/footers/footerRepeat.png) repeat-x 0 0;} #footer div.footerInner{width:952px; height:61px; padding:0 35px 0 35px; margin:0 auto 0 auto;} #footer div.footerInner p{padding:0; margin:0;} #footer div.footerInner div.footerLogo{float:left; width:129px; padding:5px 0 0 51px; display:inline;} #footer div.footerInner div.footerLogo img{width:90px; height:45px;} #footer div.footerInner div.footerMenu{width:550px; height:auto; margin:0 auto 0 auto; text-align:center;} #footer div.footerInner div.footerMenu ul{padding:14px 0 10px 0 ; margin:0; text-align:center;} #footer div.footerInner div.footerMenu ul li{display:inline; margin:0; font-size:70%; padding:0 8px 0 3px; vertical-align:middle; background:url(../images/footers/footerNavDivider.gif) no-repeat right 2px;} #footer div.footerInner div.footerMenu ul li.noBG{background:none;} #footer div.footerInner div.footerMenu ul li a, #footer div.footerInner div.footerMenu ul li a:active, #footer div.footerInner div.footerMenu ul li a:visited{color:#dcdcdc;} #footer div.footerInner div.footerMenu p{margin:0; font-size:70%; color:#dcdcdc; text-align:center;} #footer div.footerInner div.advert{float:right; width:180px; padding-top:10px;} #footer div.footerInner div.advert a, #footer div.footerInner div.advert a:active, #footer div.footerInner div.advert a:visited{color:#c4c4c3; text-decoration:none;} #footer div.footerInner div.advert p{margin-top:5px; font-size:70%; color:#c4c4c3; line-height:20px; vertical-align:bottom;} #footer div.footerInner div.advert p strong{font-weight:bold; color:#c4c4c3;} #footer div.footerInner div.advert p img{float:right; position:relative; top:-4px;} #brandsFooter {margin:auto;padding:auto;} #brandsFooter div.footerLogo {float:left;font-size:12px;width:85px;height:53px;margin:0 5px 10px 5px;} #brandsFooter div.footerLogo img {width:85px; height:53px;} #brandsFooter div.footerLogo img.grey{opacity:0.35;filter:alpha(opacity=35);} /* TOP Nav */ #topNav div.topNavInner div.xmasOrders{background:url(../images/topNav/noteBg.png) no-repeat top left; position:absolute; top:26px; left:63px; width:256px; height:32px; padding-top:11px; color:#000; font-size:10px; font-weight:normal; text-align:center; line-height:12px;} #topNav div.topNavInner div.xmasOrders a{background:url(../images/transBg.gif); position:absolute; top:0px; left:0px; width:256px; height:43px; display:block;} #topNav div.topNavInner div.xmasOrders strong{font-weight:bold;} #topNav div.topNavInner div.freeDelivery{background:url(../images/topNav/freeDelivery.png) no-repeat top left; position:absolute; top:70px; left:35px; width:265px; height:0px!important; padding:30px 0 0 0; margin:0; overflow:hidden;} /*#topNav div.topNavInner div.freeDelivery{background:url(../images/topNav/warehouse.png) no-repeat 0 0; position:absolute; top:70px; left:35px; width:339px; height:0px!important; padding:30px 0 0 0; margin:0; overflow:hidden;}*/ #topNav div.topNavInner div.topNavs{position:absolute; top:0; height:22px; width:250px;} #topNav div.topNavInner div.topNavs.topLeftNav{left:35px;} #topNav div.topNavInner div.topNavs.topRightNav{right:57px;} #topNav div.topNavInner div.topNavs ul{height:22px; margin:0; padding:0; width:315px;} #topNav div.topNavInner div.topNavs ul li{height:22px; font-size:70%; float:left;} #topNav div.topNavInner div.topNavs ul li.a1 a{width:50px;} #topNav div.topNavInner div.topNavs ul li.a2 a{width:55px;} #topNav div.topNavInner div.topNavs ul li.a3 a{width:40px;} #topNav div.topNavInner div.topNavs ul li.a4 a{width:71px; padding-right:9px; position:relative; text-align:left;} #topNav div.topNavInner div.topNavs ul li.a4 a img {position:absolute; top:3px; right:11px;} #topNav div.topNavInner div.topNavs ul li.b1 a{width:auto;} #topNav div.topNavInner div.topNavs ul li.b2 a{width:92px;} #topNav div.topNavInner div.topNavs ul li.b3 a{width:auto;} #topNav div.topNavInner div.topNavs ul li a{height:21px; line-height:21px; vertical-align:middle; padding:0 11px 1px 11px; text-decoration:none; display:block; text-align:center;} #topNav div.topNavInner div.topNavs ul li a:hover{padding-bottom:0; border-bottom:1px solid #bcccec; color:#dbdbdb; background:url(../images/topNav/topNavsHover.png) repeat-x top left;} #topNav div.topNavInner div.topNavs ul li a, #topNav div.topNavInner div.topNavs ul li a:active, #topNav div.topNavInner div.topNavs ul li a:visited{color:#bcbcbc;} #topNav div.topNavInner div.breadcrumbs ol{position:absolute; top:0; left:0; z-index:10; padding:0 0 0 12px; margin:0; height:16px;} #topNav div.topNavInner div.breadcrumbs ol li{color:#282828; font-weight:bold; display:inline; padding:0 4px 0 10px; margin:0; background:url(../images/breadcrumb.png) no-repeat 0 4px; height:16px; line-height:16px; font-size:70%; vertical-align:middle;} #topNav div.topNavInner div.breadcrumbs ol li.home, #topNav div.topNavInner div.breadcrumbs ol li.first{background:none; padding-left:0;} #topNav div.topNavInner div.breadcrumbs ol li a, #topNav div.topNavInner div.breadcrumbs ol li a:active, #topNav div.topNavInner div.breadcrumbs ol li a:visited{color:#282828; font-weight:normal;} #topNav div.topNavInner div.breadcrumbs ol li a:hover{color:#282828; text-decoration:underline;} #topNav div.topNavInner div.basket{width:330px; height:35px; position:absolute; top:64px; right:35px;} #topNav div.topNavInner div.basket p.freeDelPrompt{position:absolute; top:0px; left:0px; text-align:center; color:#c5b798; font-size:70%; font-weight:bold; width:130px; line-height:1.2; padding:0; margin:5px 0 5px 0;} #topNav div.topNavInner div.basket p.items,#topNav div.topNavInner div.basket p.total{position:absolute; top:0px; text-align:left; color:#424242; font-size:70%; width:77px; padding:0; margin:0;} #topNav div.topNavInner div.basket p.items{right:85px; width:71px;} #topNav div.topNavInner div.basket p.total{right:0px; width:85px;} #topNav div.topNavInner div.basket p strong{font-weight:bold;} #topNav div.topNavInner div.basket div.basketButtons{position:absolute; top:14px; right:0; width:156px; background-position:top left; background-repeat:no-repeat; height:19px;} #topNav div.topNavInner div.basket div.basketButtons a{color:#282828; display:block; float:left; font-size:70%; font-weight:bold; height:18px; text-decoration:none; line-height:18px; vertical-align:middle; padding:0 23px 1px 0; text-align:right;} #topNav div.topNavInner div.basket div.basketButtons a:hover{color:white;} #topNav div.topNavInner div.basket div.basketButtons a.viewBasket{width:48px; background-image:url(../images/topNav/basketButtonsView.png);} #topNav div.topNavInner div.basket div.basketButtons a.checkout{width:62px; background-image:url(../images/topNav/basketButtonsCheckout.png);} #topNav div.topNavInner div.basket div.basketButtons a:hover{background-position:bottom left; color:#bfceee; cursor:hand;} /* LEFT NAV */ #leftNav div.searchBox{width:186px; height:92px; background:url(../images/leftNav/searchBGRepeat.png) repeat-x left 21px; margin-bottom:12px;} #leftNav div.searchBox p.search{color:#424242; width:174px; height:21px; background:url(../images/leftNav/leftNavItemBGGrey.png) repeat-x 0 0; display:block; font-size:70%; line-height:21px; vertical-align:middle; padding:0 0 0px 12px; font-weight:bold; margin:0;} #leftNav div.searchBox input, #leftNav div.searchBox select{font-size:70%; color:#fff; background-color:#8e9db8; padding:2px 2px 2px 4px; border:1px solid #a5acb2; margin:12px 0 0 12px; width:154px; display:inline; float:left;} #leftNav div.searchBox select{width:111px; /*height:17px; */padding:1px 2px; margin-top:5px;} #leftNav div.brandBox{width:186px; background:url(../images/leftNav/searchBGRepeat.png) repeat-x left 21px; margin-bottom:12px; overflow:auto; padding-bottom:10px;} #leftNav div.brandBox p.brand{color:#424242; width:174px; height:21px; background:url(../images/leftNav/leftNavItemBGGrey.png) repeat-x 0 0; display:block; font-size:70%; line-height:21px; vertical-align:middle; padding:0 0 0px 12px; font-weight:bold; margin:0;} #leftNav div.brandBox select{font-size:70%; color:#fff; background-color:#8e9db8; padding:1px 2px 1px 4px; border:1px solid #a5acb2; margin:12px 0 0 12px; width:162px; display:inline; float:left;} #leftNav div.theNav{background: url(../images/leftNav/leftNavBG.png) no-repeat top left; height:auto; width:186px; padding-bottom:10px;} #leftNav div.theNav ul{height:auto; margin:0; padding:0; width:186px;} #leftNav div.theNav ul li{margin:0; padding:0 0 5px 0; width:186px; line-height:21px; vertical-align:middle; font-weight:bold;} #leftNav div.theNav ul li a{color:#424242; width:174px; height:21px; padding-left:12px; background:url(../images/leftNav/leftNavItemBGGrey.png) repeat-x 0 0; display:block; font-size:65%; text-decoration:none;} #leftNav div.theNav ul li a:hover{background-position:bottom left;} #leftNav div.theNav ul li.blue strong{color:white; background:url(../images/leftNav/leftNavItemBGBlue.png) repeat-x 0 0; font-size:75%; width:174px; height:21px; padding-left:12px; display:block;} #leftNav div.theNav ul li ul{height:auto; padding-top:5px;} #leftNav div.theNav ul li ul li{padding:0;} #leftNav div.theNav ul li.blue ul li a, #leftNav div.theNav ul li ul li a{font-size:65%; background:none; color:#424242;} #leftNav div.theNav ul li.blue ul li a:hover, #leftNav div.theNav ul li ul li a:hover, #leftNav div.theNav ul li ul li.on a, #leftNav div.theNav ul li ul li ul li.on a{background-color:#d4d4d7;} #leftNav div.theNav ul li ul li ul li.on a{background-color:#d4d4d7!important;} #leftNav div.theNav ul li ul li ul{height:auto; width:186px; padding:0;} #leftNav div.theNav ul li ul li ul li{width:186px;} #leftNav div.theNav ul li.blue ul li ul li a, #leftNav div.theNav ul li ul li ul li a{height:16px; line-height:16px; padding-left:25px; width:161px; background:url(../images/leftNav/subNavBullet.png) no-repeat 15px 6px; font-weight:normal;} #leftNav div.theNav ul li.blue ul li ul li a:hover, #leftNav div.theNav ul li ul li ul li a:hover{background-position:15px 6px;} #leftNav div.theNav div.brandImages{width:170px; height:100px; margin:5px 8px 0px 8px;} #leftNav div.secure{margin:12px 0 0 0; height:136px; background:url(../images/leftNav/secure.png) no-repeat top left; width:186px; height:0px!important; padding:136px 0 0 0; display:block; overflow:hidden;} #leftNav div.secure a{background:url(../images/leftNav/secure.png) no-repeat top left; width:186px; height:0px!important; padding:136px 0 0 0; display:block; overflow:hidden;} #leftNav div.giftFinder{margin:12px 0 0 0; height:169px; width:186px; background:url(../images/leftNav/giftIdeasBG.png) no-repeat left 49px;} #leftNav div.giftFinder h2{background:url(../images/leftNav/giftFinder.png) no-repeat top left; width:186px; height:0px!important; padding:49px 0 0 0; overflow:hidden; margin:0; cursor:hand;} #leftNav div.giftFinder ul{margin:0 0 0 12px; padding:0; width:162px; height:110px;} #leftNav div.giftFinder ul li{margin:0; padding:0 0 0 12px; width:150px; height:22px; line-height:22px; font-size:70%; font-weight:bold;} #leftNav div.giftFinder ul li a, #leftNav div.giftFinder ul li a:active, #leftNav div.giftFinder ul li a:visited{color:#424242;} /* ****************** RIGHT CONTENT ****************** */ /* ****************** PRODUCT BOX (SUBCAT/SEARCH/HOMEPAGE/RELATED/SPECIALS etc ****************** */ /* to have specific styles for different product boexs (where they otherwise show the same information) use a wrapper div and inheritance */ #innerContentContainer div.productRepeat{float:left; height:175px; position:relative;} #innerContentContainer div.productRepeat.brandRepeat{height:auto;} #innerContentContainer div.double{margin-top:10px;} #innerContentContainer div.double.noMargin{margin-top:0px;} #innerContentContainer div.double.brandDouble{margin-bottom:30px; border-bottom:1px solid #BFCEEE;} #innerContentContainer div.single div.productRepeat{width:162px; padding:0 6px 0 6px; border-bottom:1px solid #bfceee; height:295px;} #innerContentContainer div.double div.productRepeat{width:263px; padding-right:13px; border-bottom:1px solid #bfceee;} #innerContentContainer div.double div.productRepeat.brandRepeat{width:188px; padding:0 0 30px 0; text-align:center;} #innerContentContainer div.double div.clear{height:1px; background-color:white; position:relative; top:-1px;} #innerContentContainer div.double div.productRepeat.alt{padding-left:13px; padding-right:0px;} #innerContentContainer div.double div.productRepeat.alt.brandRepeat{padding:0;} #innerContentContainer div.triple div.productRepeat{width:242px; /*padding-left:8px; */} #innerContentContainer div.triple div.productRepeat.alt{padding-right:11px; padding-left:13px;} #innerContentContainer div.productRepeat h3{padding:0; font-size:70%; font-weight:bold; height:48px; line-height:1.2;} #innerContentContainer div.single div.productRepeat h3{position:absolute; top:18px; left:6px; width:162px; height:36px; text-align:center; margin:0;} #innerContentContainer div.productRepeat h3 a{color:#424242; text-decoration:none;} #innerContentContainer div.productRepeat h3 a strong{color:#8b9ab6;} #innerContentContainer div.productRepeat h3 a:hover, #innerContentContainer div.productRepeat h3 a:hover strong{text-decoration:underline;} #innerContentContainer div.productRepeat p{padding:0; font-size:70%; height:41px; line-height:1.2;} #innerContentContainer div.single div.productRepeat p.desc{position:absolute; top:202px; left:6px; margin:0; width:162px; text-align:center;} #innerContentContainer div.productRepeat p.hook{height:17px; line-height:17px; background:url(../images/productRepeaters/hookBG.png) repeat-x top left; color:white;} #innerContentContainer div.productRepeat p.hook.noHook{background:none;} #innerContentContainer div.single div.productRepeat p.hook{position:absolute; top:238px; left:6px; padding:0 5px 1px 5px; width:152px; margin:0; text-align:center;} #innerContentContainer div.double div.productRepeat p.hook{padding:0 0 1px 10px; width:154px;} #innerContentContainer div.triple div.productRepeat p.hook{padding:0 0 1px 5px; width:143px;} #innerContentContainer div.productRepeat div.priceBut{height:20px; padding-top:3px; background:url(../images/productRepeaters/priceBG.gif) repeat-x top left;} #innerContentContainer div.single div.productRepeat div.priceBut div.wrapper{background:url(../images/productRepeaters/alsoBoughtPriceBG.png) repeat-x top left; height:20px; width:162px; padding-top:3px;} #innerContentContainer div.single div.productRepeat div.priceBut div a{position:relative;} #innerContentContainer div.single div.productRepeat div.priceBut{background:none; padding-top:0; position:absolute; top:256px; left:6px; width:162px;} #innerContentContainer div.productRepeat p.price{font-size:80%; font-weight:bold; color:#8b9ab6; height:20px; line-height:20px; vertical-align:middle;} #innerContentContainer div.productRepeat p.price span{font-size:80%; font-weight:normal; color:#8b9ab6;} #innerContentContainer div.productRepeat p.price.was, #innerContentContainer div.productRepeat p.price.was span{color:#e9bc9b;} #innerContentContainer div.single div.productRepeat p.price{width:99px; padding-left:5px; float:left; margin:0; position:relative;} #innerContentContainer div.double div.productRepeat p.price{width:95px; padding-left:10px; float:left; margin:0;} #innerContentContainer div.triple div.productRepeat p.price{width:85px; padding-left:5px; float:left; margin:0;} #innerContentContainer div.double div.productRepeat.brandRepeat p.price{float:left; width:157px; padding:0 2px 0 5px;} #innerContentContainer div.double div.productRepeat.brandRepeat a.btn_view{float:right;} #innerContentContainer div.double div.productRepeat.brandRepeat a.btn_view{display:block; background:url(../images/brands/btn_view.gif) left top no-repeat; width:58px; height:0; padding-top:19px; overflow:hidden;} #innerContentContainer div.double div.productRepeat.brandRepeat a.btn_view:hover{background-position:left -19px;} #innerContentContainer div.double div.productRepeat h3, #innerContentContainer div.double div.productRepeat p, #innerContentContainer div.double div.productRepeat div.priceBut{/*width:164px; */margin:0 0 0 99px;} #innerContentContainer div.triple div.productRepeat h3, #innerContentContainer div.triple div.productRepeat p, #innerContentContainer div.triple div.productRepeat div.priceBut{width:148px; margin:0 0 0 94px;} #innerContentContainer div.double div.productRepeat h3, #innerContentContainer div.triple div.productRepeat h3{margin-top:20px;} #innerContentContainer div.double div.productRepeat h3, #innerContentContainer div.double div.productRepeat p{clear:both; margin:0;} #innerContentContainer div.double div.productRepeat div.priceBut{clear:both; margin:0 auto; padding:3px 0 0 0; text-align:left; width:164px;} #innerContentContainer div.productRepeat div.image{width:87px; height:116px; position:absolute; top:0; left:0;} #innerContentContainer div.single div.productRepeat div.image{position:absolute; top:58px; left:33px; width:107px; height:138px;} #innerContentContainer div.single div.productRepeat div.image div{padding:11px 10px 11px 10px; background:url(../images/productRepeaters/alsoBoughtBG.png); width:87px; height:116px;} #innerContentContainer div.single div.productRepeat div.image a{position:relative;} /*#innerContentContainer div.productRepeat div.image img{width:124px; height:165px;}*/ #innerContentContainer #rightContent div.productRepeat div.image img{width:87px; height:116px;} #innerContentContainer div.double div.productRepeat div.image{padding:30px 12px 29px 0;} #innerContentContainer div.double div.productRepeat.brandRepeat div.image{position:relative; left:auto; top:auto; padding:0; width:auto; height:199px;} #innerContentContainer div.triple div.productRepeat div.image{padding:30px 7px 29px 0;} /* ****************** PRODUCT PAGE ****************** */ #innerContentContainer #rightContent div.alsoBought{width:186px; height:888px; background:url(../images/product/rightNavBG.png) repeat-x 0 21px;} #innerContentContainer #rightContent div.alsoBought div.single{padding:0 6px; width:174px; height:888px;} #innerContentContainer #rightContent div.alsoBought div.clear{height:1px; background-color:#fff; position:relative; top:-1px;} #mainContent div.product{margin:10px 0 30px 0; width:552px; height:auto; background:url(../images/product/productPageBGTop.png) no-repeat 0 0; position:relative;} #mainContent div.product div.productImages{width:192px; height:304px; float:left; display:inline; padding:0; overflow:hidden;} #mainContent div.product div.mainImage{position:absolute; top:12px; left:17px; z-index:2;} #mainContent div.product div.mainImage img{width:180px; height:240px;} #mainContent div.product div.thumbs{background:url(../images/product/productPageBGBottom.png) no-repeat 5px 0; width:547px; height:118px; padding:0 0 0 5px; margin-top:-28px;} #mainContent div.product div.thumbImage{float:left; margin:9px; display:inline;} #mainContent div.product div.thumbImage a{width:75px; height:100px;} #mainContent div.product div.thumbImage img{width:75px; height:100px;} #mainContent div.product div.thumbImage.left{margin-right:26px;} #mainContent div.product div.thumbImage img.thumbEnlarged{position:absolute; top:12px; left:17px; z-index:1; width:0; height:0;} #mainContent div.product div.thumbImage:hover img.thumbEnlarged{z-index:3; height:240px; width:180px; border-width:0; /*padding-bottom:55px*/} #mainContent div.product div.enlargeImg{height:16px; font-size:60%; background:url(../images/product/magnify.png) no-repeat 0 0; line-height:16px; color:#8b9ab6; padding:0 0 0 18px; position:absolute; top:256px; left:25px;} #mainContent div.product div.productText{margin-left:204px; height:259px; width:336px;} #mainContent div.product div.productText div.brandImage{padding:4px 0; margin-left:98px;} #mainContent div.product div.productText div.brandImage img{width:139px; height:82px; display:block;} #mainContent div.product div.productText div.h1Container{height:35px;} #mainContent div.product div.productText h1{margin:0 0 0 34px; font-size:70%; color:#424242; line-height:1.2; padding:0 0 6px 0; border-bottom:1px solid #bfceee; width:302px;} #mainContent div.product div.productText h1 strong{color:#8b9ab6; display:block; font-size:110%;} #mainContent div.product div.productText ul{margin:0 0 0 34px; padding:13px 0 0 0; clear:both; font-size:70%; color:#424242; height:72px; width:302px;} #mainContent div.product div.productText p.hook{height:17px; line-height:17px; margin:0 0 0 34px; width:302px; color:#fff; font-size:70%; font-weight:bold;} #mainContent div.product div.pricingBox{margin-left:238px; width:302px; min-height:38px; height:auto !important; height:/**/38px; padding:13px 0 12px 0; position:relative; z-index:10;} #mainContent div.product div.pricingBox .creedImg{position:relative; top:4px; left:-34px; margin-bottom:-45px;} #mainContent div.product div.pricingBox p.thePrice{color:#8b9ab6; font-weight:bold; margin:0; width:115px; height:20px; float:left; font-size:110%;} #mainContent div.product div.pricingBox p.thePrice span{font-size:70%; color:#8b9ab6;} #mainContent div.product div.pricingBox p.thePrice.special{color:#e9bc9b;} #mainContent div.product div.pricingBox select{width:180px; padding:2px; float:right; margin:0 0 7px 0; font-size:70%;} #mainContent div.product div.pricingBox .qty{float:right; width:180px;} #mainContent div.product div.pricingBox div.qty p{font-size:70%; margin:1px 0; float:left; display:inline;} #mainContent div.product div.pricingBox div.qty p input{width:20px; text-align:center; font-size:100%!important; font-size /**/:70%;} #mainContent div.product div.pricingBox div.notifyControls{width:302px;} #mainContent div.product div.pricingBox div.notifyControls p{clear:both; position:relative; font-size:70%; color:#b63117; padding-top:5px; margin:0; width:302px; text-align:right;} #mainContent div.product div.pricingBox div.getMeFreeBanner{clear:both; position:relative; z-index:9; width:302px; height:17px; line-height:17px; vertical-align:middle; background:url(../images/product/getFreeBannerBG.png) repeat-x left 5px; padding:5px 0 5px 0; font-size:70%; color:white; text-align:center;} #mainContent div.product div.pricingBox div.getMeFreeBanner strong{font-weight:bold; color:#fff; line-height:17px;} #mainContent div.product div.thumbs div.stock{position:absolute; bottom:76px; right:10px; width:303px;} #mainContent div.product div.thumbs div.no_options{/*padding-top:38px*/} #mainContent div.product div.thumbs div.stock p{font-size:70%; margin:0; display:inline;} #mainContent div.product div.thumbs div.stock p strong span, #mainContent div.product div.thumbs div.stock p strong{font-weight:bold; color:#8b9ab6;} #mainContent div.product div.thumbs div.stock p strong span.red{color:#b63117;} #mainContent div.product div.free, #mainContent div.product div.specialBanner, #mainContent div.product div.newBanner{width:55px; height:42px; position:absolute; top:17px; left:204px;} #mainContent div.product div.free{top:39px;} #mainContent div.product div.free a{background:url(../images/product/freeGift.png) 0 0 no-repeat; width:55px; height:0!important; padding:42px 0 0 0; overflow:hidden; margin:0; cursor:hand; display:block;} #mainContent div.product div.specialBanner, #mainContent div.product div.newBanner{background:url(../images/product/specialsBanner.png) 0 0 no-repeat; height:0!important; padding:23px 0 0 0; overflow:hidden; margin:0; cursor:hand; display:block;} #mainContent div.product div.newBanner{background:url(../images/product/newBanner.png) 0 0 no-repeat; padding:22px 0 0 0;} #mainContent div.product div.buttons{/*width:540px; */padding-left:236px; height:auto; position:relative; top:-22px;} #mainContent div.product div.buttons_gift{padding-left:12px;} #mainContent div.product div.buttons a.button{padding:5px 0 5px 25px; width:75px; display:block; margin:0; float:left; font-size:60%; height:16px; line-height:16px; vertical-align:middle; background-repeat:no-repeat; background-position:5px 5px;} #mainContent div.product div.buttons a.emailFriend{background-image:url(../images/product/email.png);} #mainContent div.product div.buttons a.print{background-image:url(../images/product/print.png);} #mainContent div.product div.buttons a.bookmark{background-image:url(../images/product/bookmark.png);} #mainContent div.product div.buttons div.struct{width:226px; height:20px;} #mainContent div.product div.buttons div.freeGiftBox{float:right; padding-right:12px; top:-20px; width:302px; height:75px; background:url(../images/product/freeGiftBG.png) no-repeat top left; position:relative;} #mainContent div.product div.buttons div.freeGiftBox div.giftImage{position:absolute; top:12px; left:70px;} #mainContent div.product div.buttons div.freeGiftBox div.giftImage img{width:42px; height:56px;} #mainContent div.product div.buttons div.freeGiftBox h3{position:absolute; top:9px; left:139px; margin:0; line-height:1.1; width:162px;} #mainContent div.product div.buttons div.freeGiftBox h3 strong{display:block; color:#8b9ab6;} #mainContent div.product div.buttons div.freeGiftBox h3 a:hover, #mainContent div.product div.buttons div.freeGiftBox h3 a:hover strong{text-decoration:underline;} #mainContent div.product div.buttons div.freeGiftBox p{position:absolute; top:52px; left:139px; margin:0; font-size:70%; color:#8b9ab6;} #mainContent div.product div.buttons div.freeGiftBox p strong{font-weight:bold; color:#8b9ab6;} #mainContent div.getMeFreeBox{width:531px; margin:-30px 0 30px 9px; background:url(../images/product/freeReverseBG.png) repeat-x left 17px; height:142px;} #mainContent div.getMeFreeBox h2{width:422px; padding-left:109px; height:17px; line-height:17px; font-size:70%; vertical-align:middle; color:white; background:url(../images/product/freeReverseHeaderBG.png) no-repeat top left; margin:0;} #mainContent div.getMeFreeBox div.getMeFreeItem{width:132px; position:relative; float:left; height:125px;} #mainContent div.getMeFreeBox div.getMeFreeItem div.getMeFreeImage{padding:7px; width:42px; height:56px; position:absolute; left:38px; top:42px; background:url(../images/product/freeReverseImgBG.png);} #mainContent div.getMeFreeBox div.getMeFreeItem h3{position:absolute; top:8px; left:0px; margin:0; line-height:1.1; width:132px; text-align:center; font-size:65%;} #mainContent div.getMeFreeBox div.getMeFreeItem h3 strong{display:block; color:#8b9ab6;} #mainContent div.getMeFreeBox div.getMeFreeItem h3 a:hover, #mainContent div.getMeFreeBox div.getMeFreeItem h3 a:hover strong{text-decoration:underline;} #mainContent div.getMeFreeBox div.getMeFreeItem p{position:absolute; top:110px; left:16px; margin:0; line-height:1.1; width:100px; text-align:center; font-size:70%; font-weight:bold;} #mainContent div.details{width:552px; /*margin-top:25px; */background:url(../images/product/detailsBG.png) repeat-x left 31px;} #mainContent div.details div.detailsMenu{width:542px; height:19px; padding:6px 0 6px 10px; background:url(../images/product/detailsHeaderBG.png) repeat-x top left;} #mainContent div.details div.detailsMenu div.button19px{float:left; margin-right:10px;} .active{color:#8b9ab6;} #mainContent div.details div.detailsInner{padding:10px; width:532px;} #mainContent div.details div.detailsInner h2, #mainContent div.details div.detailsInner h3{margin:5px 0 5px 0; font-size:100%;} #mainContent div.details div.detailsInner, #mainContent div.details div.detailsInner p{font-size:70%; line-height:1.3; margin:5px 0 5px 0; text-align:justify;} #mainContent div.details div.detailsInner p{font-size:100%;} #mainContent div.details div.detailsInner.ingredients p{margin-bottom:8px;} #mainContent div.details div.detailsInner.ingredients p strong{font-weight:bold; color:#8b9ab6;} #mainContent div.details div.detailsInner div.spacer{height:142px; width:1px; float:right;} #mainContent div.details div.detailsInner hr{height:1px; background-color:#bfceee; width:532px; border:0; margin:20px 0 10px 0;} #mainContent div.details div.detailsInner ol li{font-size:70%; line-height:1.3;} #mainContent div.details div.detailsInner table{width:532px; /*font-size:70%; */} #mainContent div.details div.detailsInner table tr td, #mainContent div.details div.detailsInner table tr th{border-bottom:1px solid white; line-height:17px; vertical-align:middle;} #mainContent div.details div.detailsInner table tr th{font-weight:bold; color:#8b9ab6; width:160px;} /* reviews */ #mainContent div.details div.detailsInner div.custReviews hr{border-top:1px dotted #afafaf; background-color:white;} /* anthony nolan page */ .anthonyNolanBg{width:552px; height:138px; background:url(../images/custservice/anthonyNolanBg.png) no-repeat 0 0;} .anthonyNolanBg img{position:relative; top:40px; left:73px;} #mainContent div.details div.detailsInner div.review h3{font-weight:normal;} #mainContent div.details div.detailsInner div.review h3 strong{font-weight:bold;} #mainContent div.details div.detailsInner div.review p.reviewer{font-weight:bold; color:#8b9ab6;} #mainContent div.details div.detailsInner div.review p.reviewer strong{color:#424242;} #mainContent div.details div.detailsInner div.productTitle{clear:both; width:532px; height:17px; background:url(../images/home/mainHeading752pxBG.png) no-repeat top right; font-weight:bold; margin:10px 0 10px 0;} #mainContent div.details div.detailsInner div.productTitle h2{float:left; color:#424242; background-color:#ffffff; display:inline; padding:0 5px 0 0; margin:0; font-size:100%; line-height:25px; vertical-align:bottom;} #mainContent div.details div.detailsInner div.productTitle.grey{margin:3px 0 10px 0; background-image:url(../images/product/detailsTitleBG.png);} #mainContent div.details div.detailsInner div.productTitle.grey h2{background:url(../images/product/detailsTitleH2BG.png) repeat-x top left;} #mainContent div.details div.detailsInner .reviews div.productTitle.grey h2{margin-top:-7px;} #mainContent div.details div.detailsInner div.avgRatingBox{width:500px; height:19px; padding:10px 16px 10px 16px; background:url(../images/product/avgReviewBG.png) no-repeat top left; margin-bottom:10px;} #mainContent div.details div.detailsInner div.avgRatingBox h3{width:160px; float:left; margin:0; line-height:19px; vertical-align:middle;} #mainContent div.details div.detailsInner div.avgRatingBox p{float:left; font-weight:bold; color:#8b9ab6; line-height:19px; vertical-align:middle; margin:0;} #mainContent div.details div.detailsInner div.avgRatingBox div.button19px{float:right;} #mainContent div.details div.detailsInner div.button19px a{font-size:90%;} #mainContent div.details div.detailsInner div.writeReview{width:522px; /*height:286px; */background:url(../images/product/writeReviewTextBG.png) no-repeat top left; padding:5px 5px 5px 5px; position:relative; margin-bottom:10px;} #mainContent div.details div.detailsInner div.writeReview div.footer{position:absolute; bottom:-5px; height:5px; left:0; width:532px; background:url(../images/product/writeReviewTextBGFooter.png) no-repeat top left;} #mainContent div.details div.detailsInner div.writeReview.login div.footer{width:258px; background:url(../images/product/writeReviewBGFooter.png) no-repeat top left;} #mainContent div.details div.detailsInner div.writeReview h2{height:21px; line-height:21px; margin:0; padding-left:11px; /*font-size:70%; */} #mainContent div.details div.detailsInner div.writeReview fieldset{/*padding:30px 95px 0 55px; width:372px; */padding-top:10px; width:522px;} #mainContent div.details div.detailsInner div.writeReview.login{width:248px; min-height:200px; background:url(../images/product/writeReviewBG.png) no-repeat top left; float:left;} #mainContent div.details div.detailsInner div.writeReview.login.create{/*margin-left:16px; */float:right;} #mainContent div.details div.detailsInner div.writeReview.login fieldset{padding-top:0px; width:248px;} #mainContent div.details div.detailsInner div.writeReview fieldset p.error{background:#F8DEDE url(../images/checkout/smallError.png) no-repeat scroll 30px center; color:#FF0000 !important; padding:1px 0 2px 50px; text-align:left;} #mainContent div.details div.detailsInner div.writeReview fieldset div.button19px{float:right; margin-right:145px;} #mainContent div.details div.detailsInner div.writeReview fieldset div.button19px.login{margin-right:15px;} #mainContent div.details div.detailsInner div.writeReview.login fieldset p.forgotPW{padding-left:130px; margin-top:0px;} #mainContent div.details div.detailsInner div.writeReview.login fieldset p.forgotPW a{color:#8b9ab6;} #mainContent div.details div.detailsInner div.writeReview.login p{padding-left:10px;} #mainContent div.details div.detailsInner div.writeReview div.loginField{margin-bottom:10px; padding-top:2px; clear:both;} #mainContent div.details div.detailsInner div.writeReview div.loginField.noMargin{margin-bottom:0px;} #mainContent div.details div.detailsInner div.writeReview div.errorMsg{padding-left:170px; background-position:150px 1px ; clear:both;} #mainContent div.details div.detailsInner div.writeReview.login div.errorMsg{padding-left:130px; background-position:110px 1px ; clear:both;} #mainContent div.details div.detailsInner div.writeReview label{/*font-size:70%; */float:left; width:145px; vertical-align:middle; font-weight:bold; clear:both; line-height:14px; text-align:right; padding-right:5px; position:relative;} #mainContent div.details div.detailsInner div.writeReview.login label{width:95px; margin-left:10px;} #mainContent div.details div.detailsInner div.writeReview label span{color:#e00000;} #mainContent div.details div.detailsInner div.writeReview label.rating{line-height:18px;} #mainContent div.details div.detailsInner div.writeReview ul.starRating{margin-bottom:10px;} #mainContent div.details div.detailsInner div.writeReview input{width:225px;} #mainContent div.details div.detailsInner div.writeReview .radio input{width:14px;} #mainContent div.details div.detailsInner div.writeReview.login input{width:120px;} #mainContent div.details div.detailsInner div.writeReview textarea{width:225px; font-size:120%;} #mainContent div.details div.detailsInner div.writeReview textarea{height:120px;} #mainContent div.details div.detailsInner div.writeReview p.req{margin-left:150px; color:#e00000; padding-left:0!important;} #mainContent div.details div.detailsInner div.writeReview.login p.req{margin-left:115px;} #mainContent div.details div.detailsInner div.writeReview p.logout{margin-left:150px; padding:0!important;} #mainContent div.details div.detailsInner div.writeReview p.logout a, #mainContent div.details div.detailsInner div.writeReview p.logout a:visited, #mainContent div.details div.detailsInner div.writeReview p.logout a:active{text-decoration:underline; color:#8B9AB8; font-weight:bold;} #mainContent div.details div.detailsInner div.writeReview div.thankYou{padding:20px 0; margin:0 auto; width:200px; text-align:center;} #mainContent div.details div.detailsInner div.writeReview div.thankYou p{text-align:center;} #mainContent div.details div.detailsInner div.noReviews p{padding:10px 0 10px 20px;} /*styles for the star rater*/ #mainContent div.details div.detailsInner .starRating, .product .avg_bg{list-style:none; margin:0; padding:0; position:relative; background-repeat:repeat-x; background-position:0 0; /*overflow:hidden; */} #mainContent div.details div.detailsInner .starRating.starRatingSmall{width:75px; height:14px; background-image:url(../images/product/starSmall.png);} #mainContent div.details div.detailsInner .starRating.starRatingLarge, .product .avg_bg, .product .avg_bg .currentRating{float:left; width:90px; height:18px; background-image:url(../images/product/starLarge.png);} .product .avg_bg .currentRating{background-position:0 -18px;} .product .avg_rating{padding:0; width:302px; margin-left:34px; height:31px; line-height:2.7; font-size:11px; font-weight:bold; background:url(../images/product/avg_rating_bg.gif) 0 0 no-repeat;} .product .avg_rating p{margin:0; width:160px; float:left; color:#8b9ab6;} .product .avg_rating p.no_review{width:100%;} .product .avg_rating p.no_review a{/*color:inherit; */font-weight:normal;} .avg_rating .avg_bg{width:90px; float:left; text-indent:-9000px; margin:5px 7px 0 0; display:inline; overflow:hidden;} .avg_rating span{float:left; font-weight:normal; font-size:10px;} .avg_rating span a{color:#424242;} #mainContent div.details div.detailsInner .starRating li{padding:0px!important; margin:0px!important; background:none !important; float:left;} #mainContent div.details div.detailsInner .starRating.starRatingLarge li{width:18px; height:18px;} #mainContent div.details div.detailsInner .starRating li a{display:block; height:0!important; text-decoration:none; z-index:20; position:absolute; overflow:hidden; top:0;} #mainContent div.details div.detailsInner .starRating.starRatingLarge li a{width:18px; padding:18px 0 0 0;} #mainContent div.details div.detailsInner .starRating li a:hover{z-index:3; left:0px!important; border:none; background:url(../images/product/starLarge.png) left 18px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.oneStar{left:0px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.oneStar:hover{width:18px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.twoStar{left:18px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.twoStar:hover{width:36px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.threeStar{left:36px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.threeStar:hover{width:54px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.fourStar{left:54px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.fourStar:hover{width:72px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.fiveStar{left:72px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge a.fiveStar:hover{width:90px;} #mainContent div.details div.detailsInner .starRating .currentRating{position:absolute; height:0 !important; display:block; overflow:hidden; z-index:1; top:0; left:0;} #mainContent div.details div.detailsInner .starRating.starRatingSmall .currentRating{background:url(../images/product/starSmall.png) left 14px; padding:14px 0 0 0; width:75px;} #mainContent div.details div.detailsInner .starRating.starRatingLarge li.currentRating, #mainContent div.details div.detailsInner .starRating.starRatingLarge .currentRating{background:url(../images/product/starLarge.png) left 36px!important; padding:18px 0 0 0!important; width:90px;} /* product page - product guides tab */ .details .productGuidesBottom{position:relative; width:550px; float:left; left:0px; margin-bottom:10px; height:6px; background:url(../images/product/productGuidesBottom.png) no-repeat 0 0;} .details .productGuidesTop{position:relative; width:550px; float:left; left:0px; background:url(../images/product/productGuidesTop.png) no-repeat 0 0;} .details .productGuidesTop ul{position:relative; width:450px; float:left; padding-left:15px; /*left:15px; */ padding-bottom:10px; top:10px;} .details .productGuidesTop ul li{position:relative; width:180px; margin:0px; float:left; padding:0px 0 0 15px; list-style:none; height:17px; line-height:11px; background:url(../images/buyingGuides/buyingGuidesMenuBullet.gif) no-repeat 0 5px;} .details .productGuidesTop ul li a{font-size:10px; font-family:Tahoma; font-weight:bold; color:#282828; line-height:11px; display:block; margin:0px; padding:0px;} .details .productGuidesTop ul li a:hover{color:#8b9ab6; text-decoration:none;} .details .productGuidesTop .information{position:absolute; top:7px; right:5px; width:115px; height:100px; background:url(../images/product/productGuidesInformation.png) no-repeat 0 0;} .details .productGuidesTop .products{position:absolute; top:7px; right:5px; width:115px; height:100px; background:url(../images/product/productGuidesProducts.png) no-repeat 0 0;} .details .productGuidesTop .skin{position:absolute; top:7px; right:5px; width:115px; height:100px; background:url(../images/product/productGuidesSkinType.png) no-repeat 0 0;} /* ****************** HOME ******************** */ div.contentText{clear:both; padding-top:30px; font-size:70%!important; line-height:1.3;} div.contentText div.button19px a{font-size:90%;} div.contentText.noTopPadding{padding-top:0; padding-bottom:20px;} div.contentText.giftFinderIntro{padding:25px 0 25px 140px;} div.contentText h1, div.contentText h2, div.contentText h3{font-size:100%; font-weight:bold; margin:0px 0 15px 0; line-height:1;} div.contentText h2, div.contentText h3{margin:15px 0 5px 0;} div.contentText p{margin:0 0 5px 0; font-size:100%; line-height:1.3; text-align:justify;} div.contentText p strong{font-weight:bold;} div.contentText span{font-style:italic; display:inline-table; width:140px;} div.contentText div.returnsAddress{width:317px; height:124px; margin:20px auto; background:url(../images/custservice/returns_address_bg.png) 0 0 no-repeat;} div.contentText div.returnsAddress p{text-align:center; padding-top:8px; line-height:1.4;} div.contentText a, div.contentText a:visited, div.contentText a:active{color:#8b9ab6; font-weight:bold;} #innerContentContainer p strong{font-weight:bold;} div.mainHeading{clear:both; width:752px; height:17px; background:url(../images/home/mainHeading752pxBG.png) no-repeat top right; font-weight:bold; margin-bottom:10px;} div.mainHeadingGradient{clear:both; width:530px; height:17px; background:url(../images/buyingGuides/mainHeading752pxGradientBG.png) no-repeat top right; font-weight:bold; margin-bottom:20px;} #innerContentContainer #mainContent div.giftFinderOverview div.mainHeading{width:532px;} div.mainHeading.giftFinderSpecial{background:url(../images/giftFinder/mainHeadingGiftFinder.png) no-repeat top right;} div.mainHeading.giftFinderSpecial h2{background:none;} #rightContent div.mainHeading{width:182px;} #rightContent div.mainHeading{width:174px; background:url(../images/leftNav/leftNavItemBGGrey.png) repeat-x top left; color:#424242; display:block; font-size:70%; font-weight:bold; height:21px; padding:0 0 0 12px; margin:0;} #rightContent .shim div.mainHeading{width:174px!important;} #rightContent div.mainHeading h2{font-size:100%; background:none; padding:0; line-height:21px; vertical-align:middle;} div.mainHeading h1, div.mainHeading h2{color:#424242; background-color:#ffffff; display:inline; padding:0 5px 0 0; margin:0; font-size:70%; /*height:17px; */line-height:25px; vertical-align:bottom;} div.mainHeadingGradient h1, div.mainHeadingGradient h2{color:#424242; background:url(../images/buyingGuides/buyingGuideHeadingBg.gif) repeat-x 0 0; display:inline; padding:0 5px 0 5px; margin:0; font-size:70%; /*height:17px; */line-height:25px; vertical-align:bottom;} #innerContentContainer div.newReleasePanel{position:relative; width:728px; height:196px; padding:10px 12px 4px 12px; background:url(../images/home/newReleasePanelBG.png) no-repeat top left; margin-bottom:6px;} #rightContent div.newReleasePanel{position:relative; width:162px; height:745px; padding:12px 12px 13px 12px; background:url(../images/rightContent/rightColNewReleasesBG.png) no-repeat top left; margin-bottom:6px;} #innerContentContainer div.newReleasePanel div.brandBG{position:absolute; top:10px; left:12px;} #rightContent div.newReleasePanel div.brandBG{position:absolute; top:12px; left:12px;} #innerContentContainer div.newReleasePanel div.brandBG img{width:205px; height:196px;} #rightContent div.newReleasePanel div.brandBG img{width:162px; height:155px;} #innerContentContainer div.newReleasePanel div.products{position:absolute; right:19px; top:20px; width:508px; height:175px;} #rightContent div.newReleasePanel div.products{position:absolute; right:12px; top:167px; width:162px; height:590px;} #rightContent div.newReleasePanel div.products div.productRepeat{padding:0;} #rightContent div.newReleasePanel div.products div.productRepeat h3, #rightContent div.newReleasePanel div.products div.productRepeat p, #rightContent div.newReleasePanel div.products div.productRepeat div.priceBut{left:0;} #rightContent div.newReleasePanel div.products div.productRepeat div.image{left:27px;} #rightContent div.newReleasePanel div.products div.productRepeat div.priceBut, #rightContent div.newReleasePanel div.products div.productRepeat div.priceBut div.wrapper{/*width:152px*/} #rightContent div.newReleasePanel div.products div.productRepeat div.priceBut p.price{width:84px; padding-left:10px;} #rightContent div.newReleasePanel div.clear{width:186px; height:15px; background: url(../images/rightContent/rightColNewReleasesFootBG.png) no-repeat top left; position:absolute; left:0; bottom:0; z-index:100;} #innerContentContainer div.newReleasePanel div.brandBlurb{position:absolute; top:113px; left:12px; padding:5px 12px 0 12px; width:181px;} #rightContent div.newReleasePanel div.brandBlurb{position:absolute; top:90px; left:12px; padding:5px 10px 0 10px; width:142px;} #innerContentContainer div.newReleasePanel div.brandBlurb h3, #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb h3{font-size:70%; font-weight:bold; margin:0; padding:0;} #innerContentContainer div.newReleasePanel div.brandBlurb h3 a, #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb h3 a{color:white;} #innerContentContainer div.newReleasePanel div.brandBlurb p, #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb p{font-size:70%; color:white; margin:5px 0 0 0; padding:0; text-align:justify;} #innerContentContainer div.brandBlurb p strong{font-weight:bold; color:white;} #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb p{height:60px; padding-bottom:30px;} #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb p.fromPrice{height:25px; padding-bottom:0px;} #innerContentContainer div.newReleasePanel div.brandBlurb select{font-size:70%; color:white; background-color:#8e9db8; padding:2px 2px 2px 4px; border:1px solid #a5acb2; width:157px; margin:5px 0 0 0;} #innerContentContainer div.featuredBrandsContainer{width:752px; height:160px; margin-bottom:6px;} #rightContent div.featuredBrandsContainer{width:186px; height:632px; margin-bottom:0px; padding:0;} #innerContentContainer div.featuredBrandsContainer div.feat{width:346px; height:146px; padding:10px 12px 4px 12px; background:url(../images/home/featuredBrandBG.png) no-repeat top left; float:left; position:relative;} #innerContentContainer div.featuredBrandsContainer div.feat.right{margin-left:12px;} #rightContent div.featuredBrandsContainer div.feat{padding:12px!important; background:url(../images/rightContent/rightColFeatBrandBG.png) no-repeat top left; width:162px; height:292px; margin:0 0 4px 0!important;} #innerContentContainer div.featuredBrandsContainer div.feat div.featBrandFlash{width:180px; height:138px; position:absolute; top:10px; left:12px; text-align:center; padding-top:8px;} #rightContent div.featuredBrandsContainer div.feat div.featBrandFlash{position:absolute; top:12px; left:12px; width:162px;} #innerContentContainer div.featuredBrandsContainer div.feat div.brandBG, #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb{position:absolute; top:10px; right:12px; width:162px; height:146px;} #rightContent div.featuredBrandsContainer div.feat div.brandBG, #rightContent div.featuredBrandsContainer div.feat div.brandBlurb{top:158px; left:12px; width:162px; height:146px;} #innerContentContainer div.featuredBrandsContainer div.feat div.brandBlurb{width:140px; height:124px; padding:11px;} #innerContentContainer div.featuredProducts{width:728px; height:167px; padding:10px 12px 4px 12px; background:url(../images/home/featProdBoxBG.png) no-repeat top left; float:left; position:relative; margin-bottom:11px;} #innerContentContainer div.featuredProducts h2{font-size:65%; margin:12px 0 0 10px; /* see ie6 stylesheet margin:20px 0 0 10px; */width:275px;} #innerContentContainer div.featuredProducts h2 a, #innerContentContainer div.featuredProducts h2 a:active, #innerContentContainer div.featuredProducts h2 a:visited{color:#424242;} #innerContentContainer div.featuredProducts p{font-size:65%; margin:5px 0 0 10px; width:275px; line-height:1.2;} #innerContentContainer div.featuredProducts div.featProdImg{width:230px; height:105px; position:absolute; left:22px; bottom:5px;} #innerContentContainer div.featuredProducts div.featuredProductsList{position:absolute; top:31px; left:307px; width:259px; height:100px; z-index:100;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem{width:232px; height:19px; padding:0 14px 0 13px; display:block; z-index:0; border-bottom:1px solid white;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem a, #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem a:active, #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem a:visited{color:#424242; text-decoration:none;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem h3{height:20px; width:167px; float:left; line-height:19px; padding:0; margin:0; font-size:70%; font-weight:bold; display:block; cursor:hand;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem p{height:19px; line-height:19px; padding:0; margin:0; font-size:70%; color:#8b9ab6; width:65px; float:right; text-align:left; cursor:hand;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem img{position:absolute; left:260px; top:6px; z-index:0; padding-left:43px;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem.firstChild img{z-index:300;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem.firstChild{background:url(../images/home/indicatorArrow.png) no-repeat left top;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem, #innerContentContainer div.featuredProducts div.featuredProductsList:hover div.featProdItem, #innerContentContainer div.featuredProducts div.featuredProductsList.iehover div.featProdItem{background:none; background:url(../images/bullet.png) no-repeat 3px 8px;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem:hover, #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem.iehover{background:url(../images/home/indicatorArrow.png) no-repeat left top;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem.lastChild:hover{background:url(../images/home/indicatorArrowNoLine.png) no-repeat left top;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem:hover img, #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem.iehover img{z-index:500; height:116px; width:87px; border-width:0; left:260px;} #innerContentContainer div.featuredProducts div.featuredProductsList div.featProdItem img:hover{z-index:500; height:116px; width:87px; border-width:0;} /* ****************** MAIN CONTENT (pages with a rightcontentBar) ****************** */ #innerContentContainer #mainContent div.mainHeading{width:552px;} #innerContentContainer #mainContent .shim div.mainHeading{width:552px!important;} /* ****************** CATEGORIES ****************** */ #innerContentContainer #mainContent div.category{width:552px; height:153px; background:url(../images/cat/catItemBG.png) no-repeat top left; position:relative; margin-bottom:5px;} #innerContentContainer #mainContent div.category h2{font-size:70%; font-weight:bold; padding:0 12px 0 12px; margin:0; position:absolute; top:20px; left:200px; width:326px;} #innerContentContainer #mainContent div.category p{font-size:70%; line-height:1.2; padding:0 12px 0 12px; margin:0; position:absolute; top:40px; left:200px; width:326px; height:55px; overflow:hidden; text-align:justify;} #innerContentContainer #mainContent div.category div.hook{width:326px; font-size:70%; padding:0 12px 0 12px; margin:0; position:absolute; top:90px; left:200px; height:17px; line-height:17px; color:white; font-weight:bold; background:url(../images/cat/catHookBG.png) repeat-x top left;} #innerContentContainer #mainContent div.category div.categoryBoxImg{position:absolute; top:13px; left:15px; width:170px; height:120px;} #innerContentContainer #mainContent div.category p.price{top:113px; width:80px; text-align:left; left:380px; height:19px; line-height:19px; color:#8b9ab6; font-weight:normal; padding:0;} #innerContentContainer #mainContent div.category p.price strong{font-weight:bold; color:#8b9ab6;} /* ****************** BRANDS FOOTER ****************** */ #container #contentContainer #brandsFooter div.tripleBox{position:relative; width:316px; height:142px; margin-top:10px; padding:0 1px 0 1px; /*background:url(../images/footers/brandsFooterDivider.png) no-repeat top right; */float:left;}/* #container #contentContainer #brandsFooter div.tripleBox.right{background-position:top left;}*/ #container #contentContainer #brandsFooter div.tripleBox.middle{/*background:none; */padding:0;} #container #contentContainer #brandsFooter div.tripleBox.recommendFriend{background:url(../images/footers/bg_footerGiftWrap.png) right top no-repeat;} #container #contentContainer #brandsFooter div.tripleBox.right div.an{width:198px; height:113px; clear:both; position:absolute; top:25px; right:65px; z-index:5;} #container #contentContainer #brandsFooter div.tripleBox.right div.an img{width:158px; height:64px; margin:0;} /*#container #contentContainer #brandsFooter div.tripleBox.recommendFriend h2{margin:10px 0 0 63px; border:0; width:199px; float:left; display:inline; padding:18px 0 0 0; overflow:hidden; height:0px !important; background:url(../images/footers/recommendFriend.png) no-repeat top left;}*/ #container #contentContainer #brandsFooter div.tripleBox h2.ttl_giftWrapping{margin:0 0 0 23px; border:0; width:105px; float:left; display:inline; padding:19px 0 0 0; overflow:hidden; height:0px !important; background:url(../images/footers/ttl_giftWrapping.png) no-repeat left top;} /*#container #contentContainer #brandsFooter div.tripleBox.recommendFriend p{float:left; font-size:70%; width:166px; margin:8px 75px 0 75px; text-align:center; line-height:1.2; display:inline;}*/ #container #contentContainer #brandsFooter div.tripleBox.recommendFriend p{clear:left; float:left; font-size:12px; width:145px; margin:0; text-align:left; line-height:16px; display:inline; padding:0 0 19px 24px;} #container #contentContainer #brandsFooter p strong{font-weight:bold;} #container #contentContainer #brandsFooter div.tripleBox.recommendFriend a.btn_view{clear:left; display:block; background:url(../images/footers/btn_view.png) left top no-repeat; width:58px; height:0; padding-top:18px; overflow:hidden; margin:0 0 0 24px;} /*#container #contentContainer #brandsFooter div.tripleBox.middle h2{margin:10px 0 0 24px; border:0; width:122px; float:left; display:inline; padding:16px 0 0 0; overflow:hidden; height:0px !important; background:url(../images/footers/getLatest.png) no-repeat left top;}*/ #container #contentContainer #brandsFooter div.tripleBox.middle h2.ttl_emailSignUp{margin:0 0 0 23px; border:0; width:99px; float:left; display:inline; padding:19px 0 0 0; overflow:hidden; height:0px !important; background:url(../images/footers/ttl_emailSignUp.png) no-repeat left top;} #container #contentContainer #brandsFooter div.tripleBox.middle div.thanks h2{width:128px; margin:10px 94px 0 94px; padding:20px 0 0 0; background:url(../images/thankYouTrans.png) no-repeat left -15px;} #container #contentContainer #brandsFooter div.tripleBox.middle div.thanks p{margin-top:5px;} /*#container #contentContainer #brandsFooter div.tripleBox.middle p{clear:both; font-size:70%; width:268px; float:left; display:inline; margin:9px 24px 0 24px; text-align:center; line-height:1.2;}*/ #container #contentContainer #brandsFooter div.tripleBox.middle p{clear:both; font-size:12px; width:auto; float:left; display:inline; margin:0; text-align:left; line-height:normal; padding:3px 0 0 24px;} /*#container #contentContainer #brandsFooter div.tripleBox.middle fieldset{clear:both; float:left; display:inline; width:316px;} */ #container #contentContainer #brandsFooter div.tripleBox.middle fieldset{clear:both; float:left; display:inline; width:auto; padding:1px 0 0 0;} #container #contentContainer #brandsFooter div.tripleBox.middle input{width:174px; font-size:70%; border:1px solid #969696; background-color:#e0d8c8; margin:7px 0 0 24px; padding:2px; clear:both; /*float:left; */} #container #contentContainer #brandsFooter div.tripleBox.middle div.errorMsg{font-size:70%; padding:2px 0 2px 45px; background-position:25px 2px;} /*#container #contentContainer #brandsFooter div.tripleBox.right h2{z-index:10; border:0; width:127px; position:absolute; top:2px; left:9px; display:inline; padding:16px 0 0 0; overflow:hidden; height:0px !important; background:url(../images/footers/giftVouchersText2.png) no-repeat top left;}*/ #container #contentContainer #brandsFooter div.tripleBox.right h2.ttl_corporate{float:left; margin:0 0 0 23px; border:0; display:block; background:url(../images/footers/ttl_corporate.png) left top no-repeat; width:118px; height:0; padding-top:18px; overflow:hidden;} #container #contentContainer #brandsFooter div.tripleBox.right a.btn_contactUs{clear:left; display:block; background:url(../images/footers/btn_contactUs.png) left top no-repeat; width:88px; height:0; padding-top:18px; overflow:hidden; margin:0 0 0 24px;} /*#container #contentContainer #brandsFooter div.tripleBox.right h2{z-index:10; border:0; width:127px; position:absolute; top:2px; left:9px; display:inline; padding:16px 0 0 0; overflow:hidden; height:0px !important; background:url(../images/footers/giftVouchersText2.png) no-repeat top left;}*/ #container #contentContainer #brandsFooter div.tripleBox.right h2.ttl_corporate{float:left; margin:0 0 0 23px; border:0; display:block; background:url(../images/footers/ttl_corporate.png) left top no-repeat; width:118px; height:0; padding-top:19px; overflow:hidden;} #container #contentContainer #brandsFooter div.tripleBox.right a.btn_contactUs{clear:left; display:block; background:url(../images/footers/btn_contactUs.png) left top no-repeat; width:88px; height:0; padding-top:18px; overflow:hidden; margin:0 0 0 24px;} #container #contentContainer #brandsFooter div.tripleBox.right{background:url(../images/footers/bg_footerCorporate.png) right top no-repeat; margin:10px 0 0 0;} /*#container #contentContainer #brandsFooter div.tripleBox.right p{position:absolute; z-index:10; top:30px; left:10px; font-size:70%; line-height:1.2; width:95px;}*/ #container #contentContainer #brandsFooter div.tripleBox.right p{clear:left; float:left; font-size:12px; width:145px; margin:0; text-align:left; line-height:16px; display:inline; padding:0 0 19px 24px;} #container #contentContainer #brandsFooter div.tripleBox.right div img{width:198px; height:113px; clear:both; position:absolute; top:5px; right:5px; z-index:5; /*margin:2px 67px 0 74px; */;} #container #contentContainer #brandsFooter div.brandLogos{position:relative; width:952px; margin:0; padding:0; padding-top:5px; background:url(../images/footers/brandsFooterHorzRepeat.gif) repeat-x top left;} #container #contentContainer #brandsFooter div.brandLogos a{float:left; margin:0; border:0; display:inline; overflow:hidden; height:0px !important; background-position:top left; background-repeat:no-repeat; opacity:.30; filter:alpha(opacity=30); -moz-opacity:0.30;} #container #contentContainer #brandsFooter div.brandLogos a:hover{opacity:1; filter:alpha(opacity=199); -moz-opacity:1;} #container #contentContainer #brandsFooter div.brandLogos div.truefittHill a{background-image:url(../images/footers/truefittHill.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.shiseido a{background-image:url(../images/footers/shiseido.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.artOfShaving a{background-image:url(../images/footers/artShaving.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.polaar a{background-image:url(../images/footers/polaar.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.jackBlack a{background-image:url(../images/footers/jackBlack.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.karinHerzog a{background-image:url(../images/footers/karinHerzog.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.geofTrumper a{background-image:url(../images/footers/geofTrumper.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.refinery a{background-image:url(../images/footers/refinery.png); padding:70px 0 0 0; width:238px; margin:0;} #container #contentContainer #brandsFooter div.brandLogos div.acquaDiParma a{background-image:url(../images/footers/acquaDiParma.png); padding:70px 0 0 0; width:238px; margin:0;} /* ****************** FAQs ****************** */ #mainContent .faqMenu{width:518px; padding:0; margin:0; background:url(../images/custservice/faqListBG.png) no-repeat right -12px;} #mainContent .faqMenu li{width:518px; height:15px; line-height:15px; vertical-align:middle; background-image:none !important; margin:0; padding:3px 0;} #mainContent .faqMenu li a,#mainContent .faqMenu li a:active,#mainContent .faqMenu li a:visited{display:block; width:510px; padding:0 0 0 0px; height:15px; line-height:15px; vertical-align:middle; font-size:8pt; color:#424242;} #mainContent .faqMenu li a:hover{color:#8b9ab6; text-decoration:none;} #mainContent .faqMenu li a.active{color:#8b9ab6; font-weight:bold;} #mainContent .faqMenu li a strong{margin-right:5px;} #mainContent .faq{width:518px; padding:15px 0 15px 0;} #mainContent .faq h2{width:488px; height:20px; line-height:20px; padding:0 12px 6px 12px; vertical-align:middle; color:#424242; font-size:11px; margin:0; background:url(../images/custservice/faqHeader.png) repeat-x top left;} #mainContent .faq h2 div.button19px{float:right;} #mainContent .faq h2 div.button19px a.buttonCore{font-size:90%;} #mainContent .custservice.active{color:#bfceee;} #mainContent .faq h2.active div.button19px a.button19pxBlue{background-position:right bottom; color:#bfceee;} #mainContent .faq h2.active div.button19px a.button19pxBlue strong{background-position:left bottom; color:#bfceee;} #mainContent .faq h2 div.button19px a.button19pxBlue strong{color:#282828;} #mainContent .faq h2 div.button19px a:hover.button19pxBlue strong{color:#bfceee;} #mainContent .faq h2.active{background:url(../images/custservice/faqHeaderOn.png) repeat-x top left; color:#8b9ab6;} #mainContent .faq h2 strong{color:#8b9ab6;} #mainContent .faq p{width:480px; margin:0; padding:0px 12px 0px 20px; color:#666666;} #mainContent .faq p em{font-weight:bold; font-style:normal;} #mainContent .faq p a, .faq p a:active, .faq p a:visited{color:#8b9ab6;} /* ********************* SUBCAT/SEARCH ******************** */ #innerContentContainer #mainContent div.filter{width:752px; color:#8b9ab6; font-weight:bold; border-bottom:1px solid white;} #innerContentContainer #mainContent div.filter.subCat{height:32px; background:url(../images/search/subCatFilterBG.png) repeat-x top left;} #innerContentContainer #mainContent div.filter.newReleases{height:58px; background:url(../images/search/newReleaseFilterBG.png) repeat-x top left;} #innerContentContainer #mainContent div.filter.search{height:72px; background:url(../images/search/searchFilterBG.png) repeat-x top left;} #innerContentContainer #mainContent div.filter div.priceFilter{float:right; padding:7px 0 0 12px; width:190px; height:25px; background:url(../images/search/subcatDivider.png) no-repeat top left;} #innerContentContainer #mainContent div.filter.newReleases div.priceFilter{background:url(../images/search/newReleaseDivider.png) no-repeat top left; width:190px; height:52px;} #innerContentContainer #mainContent div.filter.search div.priceFilter{background:url(../images/search/searchDivider.png) no-repeat top left; width:160px; height:65px;} #innerContentContainer #mainContent div.filter.subCat div.brandFilter{float:left; padding:7px 10px 0 12px; height:25px; width:317px;} #innerContentContainer #mainContent div.filter.newReleases div.brandFilter{padding:7px 0px 0 112px; height:51px; width:227px; background:url(../images/search/newReleaseText.png) no-repeat top left; float:left;} #innerContentContainer #mainContent div.filter.search div.brandFilter{padding:7px 0px 0 12px; height:65px; width:368px; float:left;} #innerContentContainer #mainContent div.filter.newReleases.specials div.brandFilter{background:url(../images/search/specialsText.png) no-repeat top left;} #innerContentContainer #mainContent div.filter div.brandFilter select, #innerContentContainer #mainContent div.filter div.brandFilter input{width:120px; border:1px solid #a5acb2; padding:1px; font-weight:normal; color:#8b9ab6;} #innerContentContainer #mainContent div.filter.search div.brandFilter input, #innerContentContainer #mainContent div.filter.search div.brandFilter select{width:115px; margin:0 10px 4px 0; float:left; display:inline;} #innerContentContainer #mainContent div.filter.search div.brandFilter input{width:109px; padding:2px;} #innerContentContainer #mainContent div.filter div.brandFilter select.second{margin-top:5px;} #innerContentContainer #mainContent div.filter div.priceFilter select{width:130px; border:1px solid #a5acb2; padding:1px; background-color:#8b9ab6; color:white; font-weight:normal;} #innerContentContainer #mainContent div.filter label{color:#8b9ab6; font-size:70%;} #innerContentContainer #mainContent div.filter.newReleases div.brandFilter label{height:51px; line-height:44px; float:left; margin-right:9px;} #innerContentContainer #mainContent div.filter.search label{display:block; margin-bottom:3px;} #innerContentContainer #mainContent div.filter.search div.brandFilter p{padding-left:17px; margin-left:26px; float:left; line-height:10px; height:12px; vertical-align:middle; font-size:70%; background:url(../images/search/reset.png) no-repeat top left; display:inline;} #innerContentContainer #mainContent div.filter.search div.brandFilter p a, #innerContentContainer #mainContent div.filter.search div.brandFilter p a:visited, #innerContentContainer #mainContent div.filter.search div.brandFilter p a:active{color:#8b9ab6;} #innerContentContainer #mainContent div.filter input, #innerContentContainer #mainContent div.filter select{font-size:70%;} #innerContentContainer #mainContent div.noResults{width:752px; height:190px; background:url(../images/search/noResultsBG.png) no-repeat top left;} #innerContentContainer #mainContent div.noResults p{width:752px; padding-top:105px; text-align:center; font-size:70%; margin:0;} /*** WIDE VERSIONS ***/ #contentContainer #innerContentContainer div.wide div.mainHeading, #contentContainer #innerContentContainer div.wide div.filter.subCat, div.wide .recordNavigation, #contentContainer #innerContentContainer div.wide div.double.noMargin, div.wide div.contentText{width:752px;} div.filter.subCat h2{float:left; font-size: 11px; font-weight:bold; color: #8b9ab6; line-height:32px; padding-left:14px; margin:0;} #contentContainer #innerContentContainer div.wide div.double.noMargin{padding-top:10px;} #contentContainer #innerContentContainer div.wide div.productRepeat{width:184px; height:349px; padding:10px 0 0 0; margin-bottom:20px;} #contentContainer #innerContentContainer div.wide div.productRepeat div.image{width:100%; text-align:center; padding-top:0; top:10px;} #contentContainer #innerContentContainer div.wide div.productRepeat h3{margin:189px 0 8px; text-align:center; height:40px; padding:0 10px;} #contentContainer #innerContentContainer div.wide div.productRepeat p{height:36px; width:164px; margin:0 auto 7px; text-align:center;} #contentContainer #innerContentContainer div.wide div.productRepeat p.hook{height:17px; margin-bottom:0; width:164px; padding:0;} #contentContainer #innerContentContainer div.wide div.productRepeat div.priceBut{margin:0 auto 0 auto; width:94px; padding-right:70px;} #contentContainer #innerContentContainer div.wide div.productRepeat div.priceBut p{text-align:left; padding-left:5px; margin-bottom:0;} div.wide div.productRepeatButton{position:absolute; right:12px;} #contentContainer #innerContentContainer div.wide div.filter.search{width:752px; height:50px;} #contentContainer #innerContentContainer div.wide div.filter.search div.brandFilter{width:565px; height:43px;} #contentContainer #innerContentContainer div.wide div.filter.search div.button19px{float:left; display:inline;} #contentContainer #innerContentContainer div.wide div.filter.search div.priceFilter{height:43px;} #contentContainer #innerContentContainer div.wide div.filter.newReleases{width:752px;} #contentContainer #innerContentContainer div.wide div.filter.newReleases div.brandFilter{width:360px;} #contentContainer #innerContentContainer div.wide div.filter.newReleases div.brandFilter select{margin-top:13px;} #contentContainer #innerContentContainer div.wide div.filter.newReleases div.button19px{margin-top:8px;} #contentContainer #innerContentContainer div.wide div.filter.newReleases div.priceFilter{padding-top:19px; height:40px;} /* ********************* RECORD NAVIGATION ******************** */ .recordNavigation{position:relative; top:0px; width:552px; height:21px; text-align:center; margin:0; padding:0; border:0; background:url(../images/search/paginationBG.png) repeat-x top left; font-size:70%; font-weight:bold;} .newsList .recordNavigation{margin-left:5px; width:542px;} .noBack .recordNavigation{background:none;} .brandCat .recordNavigation{width:752px;} .recordNavigation a{color:#8b9ab6; padding:0 2px 0 2px;} .recordNavigation a:active, .recordNavigation a:visited{color:#8b9ab6;} .recordNavigation a:hover{color:#c5b798;} .recordNavigation a.navOn{text-decoration:underline;} .recordNavigation .middle{position:absolute; top:3px; left:0px; width:200px; margin:0 176px 0 176px;} .recordNavigation .viewAll{position:absolute; top:3px; left:466px; width:80px; text-align:right;} .brandCat .recordNavigation .viewAll{left:auto; right:12px;} .newsList .recordNavigation .viewAll{left:auto; right:12px;} a.recordNavFirst, a.recordNavFrwd1, a.recordNavBack1, a.recordNavLast{position:absolute; top:6px; height:0!important; padding:7px 0 0 0; overflow:hidden; background-repeat:no-repeat;} a.recordNavFirst{left:130px; width:15px; background-image:url(../images/search/dblArrwLeft.png);} a.recordNavFrwd1{left:384px; width:8px; background-image:url(../images/search/snglArrwRight.png);} a.recordNavBack1{left:160px; width:8px; background-image:url(../images/search/snglArrwLeft.png);} a.recordNavLast{left:407px; width:15px; background-image:url(../images/search/dblArrwRight.png);} .brandCat .recordNavigation .middle{left:70px;} .brandCat a.recordNavFirst{left:200px;} .brandCat a.recordNavFrwd1{left:454px;} .brandCat a.recordNavBack1{left:230px;} .brandCat a.recordNavLast{left:477px; width:15px; background-image:url(../images/search/dblArrwRight.png);} a:hover.recordNavFirst, a:hover.recordNavFrwd1, a:hover.recordNavBack1, a:hover.recordNavLast{background-position:0px -7px;} /***************** BRANDS *********************/ #innerContentContainer #mainContent div.brandsListItem{width:182px; height:259px; position:relative; display:inline; float:left; background:url(../images/brands/brandCatItemBG.png) no-repeat top left; margin-top:10px;} #innerContentContainer #mainContent div.brandsListItem.centre{margin:10px 3px 0 3px;} #innerContentContainer #mainContent div.brandsListItem img{padding:9px 6px 9px 6px;} #innerContentContainer #mainContent div.brandsListItem h2{margin:22px 11px 0 11px; color:#8b9ab6;} #innerContentContainer #mainContent div.brandsListItem p{margin:10px 11px 0 11px; font-size:65%; line-height:1.1; height:60px;} #innerContentContainer #mainContent div.contentText.brands{padding:30px 4px 0 4px;} #innerContentContainer #mainContent.brandCat{width:auto;} #innerContentContainer #mainContent div.brandCatHeader, #innerContentContainer #mainContent div.brandCatHeader1{display:block; width:752px; height:315px;} #innerContentContainer #mainContent div.brandCatHeader.rangeSubCat{height:auto;} #innerContentContainer #mainContent div.brandSubCatHeader{width:552px; height:134px; background:url(../images/brands/brandSubCatHeaderBG.png) no-repeat top left;} #innerContentContainer #mainContent div.brandLogo{padding:14px 49px 13px 49px; width:170px; height:100px; float:left;} #innerContentContainer #mainContent div.brandCatHeader div.brandImage, #innerContentContainer #mainContent div.brandSubCatHeader div.brandImage{float:right; width:281px; height:124px; padding:4px 3px 0 0 ;} #innerContentContainer #mainContent div.brandSubCatHeader div.brandLogo{padding:14px 49px 13px 49px;} #innerContentContainer #mainContent div.brandCatHeader div.text{padding:11px 12px 11px 12px; /*height:102px; overflow:hidden; */clear:both;} #innerContentContainer #mainContent div.brandCatHeader div.text h2{font-size:70%;} #innerContentContainer #mainContent div.brandCatHeader div.text p{font-size:70%; line-height:1.2; text-align:justify;} #innerContentContainer #mainContent .brandsCatDescHolder{border-top:1px solid #E1E2E5; border-bottom:1px solid #E1E2E5;margin-top:13px;} #innerContentContainer #mainContent .brandsCatDescHeader{position:relative; display:block; width:732px; height:41px; padding:0 10px; text-align:left; overflow:hidden; padding-top:9px;} #innerContentContainer #mainContent .brandsCatDescHeader h2#test1{float:left; font-family:"GillSansMT Light", "Gill Sans", sans-serif; font-size:24px; color:#292929; line-height:46px; margin:0; padding-top:1px;} #innerContentContainer #mainContent .brandsCatDescHeader h2#test2{float:left; font-family:"GillSansMT Light", "Gill Sans", sans-serif; font-size:27px; color:#292929; line-height:46px; margin:0; padding-top:1px;} #innerContentContainer #mainContent .brandsCatDescHeader a{position:absolute; right:0; top:0; display:block; background:url(../images/brands/btn_toggle.gif) left top no-repeat; width:140px; height:0; padding-top:48px; overflow:hidden;} #innerContentContainer #mainContent .brandsCatDescHeader a:hover{background-position:right top;} #innerContentContainer #mainContent .brandsCatDescHeader a.close{background-position:left -48px;} #innerContentContainer #mainContent .brandsCatDescHeader a.close:hover{background-position:right -48px;} #innerContentContainer #mainContent .brandsCatDesc{display:none;} #innerContentContainer #mainContent .brandsCatDesc1{display:block;} #innerContentContainer #mainContent .brandsCatDesc p{float:left; font-size:12px; color:#6a6a6a; line-height:14px; text-align:justify; width:475px; padding:5px 0 0 7px;} #innerContentContainer #mainContent p.intro{font-size:17.5px; color:#6a6a6a; line-height:19px; text-align:left; width:460px; padding:10px 0 3px 6px;} #innerContentContainer #mainContent .brandsCatDesc .brandsCatDescRight{float:right; display:inline; width:238px; border-top:1px solid #E1E2E5; border-bottom:1px solid #E1E2E5; padding: 3px 2px 8px 0; margin-top:19px;} #innerContentContainer #mainContent .brandsCatDesc .brandsCatDescRight p{font-family:Tahoma, Geneva, Verdana, sans-serif; font-size:24px; font-style:italic; color:#ffb500; width:auto; text-align:left; line-height:25px; margin:0; padding:0 28px 0 0;} #innerContentContainer #mainContent .brandsCatDesc .brandsCatDescRight img{clear:both; float:right; padding-top:33px;} #innerContentContainer #mainContent .brandsCatDesc .imageHolder{clear:both; padding:15px 0;} #innerContentContainer #mainContent .brandsCatDesc .imageHolder .right{float:right;} /*#innerContentContainer #mainContent .brandsCategories{display:block; padding-top:19px; height:180px;}*/ #innerContentContainer #mainContent .brandsCategories{position:relative; display:block; padding-top:15px; padding-bottom:8px; height:175px;} #innerContentContainer #mainContent .brandsCategories.level2{padding-top:6px; padding-bottom:0; height:auto;} #innerContentContainer #mainContent .brandsCategories .category1, #innerContentContainer #mainContent .brandsCategories .category2, #innerContentContainer #mainContent .brandsCategories .category3{float:left; display:block; width:240px; height:180px; padding-right:16px;} #innerContentContainer #mainContent .brandsCategories .category1{position:absolute; top:10px; left:0;} #innerContentContainer #mainContent .brandsCategories .category2{position:absolute; top:10px; left:255px;} #innerContentContainer #mainContent .brandsCategories .category3{position:absolute; top:10px; left:511px;} #innerContentContainer #mainContent .brandsCategories span.category1 , #innerContentContainer #mainContent .brandsCategories span.category2 , #innerContentContainer #mainContent .brandsCategories span.category3 {z-index: 200000;} /*#innerContentContainer #mainContent .brandsCategories .category1{background:url(../images/brands/colonia.jpg) left top no-repeat;} #innerContentContainer #mainContent .brandsCategories .category2{background:url(../images/brands/womens.jpg) left top no-repeat;} #innerContentContainer #mainContent .brandsCategories .category3{background:url(../images/brands/blumediterraneo.jpg) left top no-repeat; padding-right:0;} */ #innerContentContainer #mainContent .brandsCategories .category3{padding-right:0;} #innerContentContainer #mainContent .brandsCategories ul{padding:39px 0 0 12px;} #innerContentContainer #mainContent .brandsCategories ul li{background-position:left 7px; font-size:10px; font-weight:bold; color:#424242; line-height:18px; margin-bottom:0; padding:0 0 0 13px;} /*#innerContentContainer #mainContent .brandsCategories .category3 ul li{ background-image:url(../images/brands/bullet.png);} #innerContentContainer #mainContent .brandsCategories .category3 ul li a{color:#fff;} */ #innerContentContainer #mainContent .brandsCategories .category img{width:752px;} #innerContentContainer #mainContent .brandsCategories .category4, #innerContentContainer #mainContent .brandsCategories .category5, #innerContentContainer #mainContent .brandsCategories .category6{float:left; display:block; height:150px; padding-right:17px;} #innerContentContainer #mainContent .brandsCategories .category7{float:left; display:block; height:150px;} #innerContentContainer #mainContent div.brandsCatContainer{width:500px; padding:0 24px 0 28px; background:url(../images/brands/brandsByCatBG.png) no-repeat top left;} #innerContentContainer #mainContent div.brandsCatContainer h2{position:relative; left:-17px; color:#8b9ab6; padding-top:10px;} #innerContentContainer #mainContent div.brandsCatItem{width:107px; height:165px; padding:14px 9px 0 9px; float:left;} #innerContentContainer #mainContent div.brandsCatItem div.image{width:107px; height:138px;} #innerContentContainer #mainContent div.brandsCatItem div.image div{padding:11px 10px 11px 10px; width:87px; height:116px; background:url(../images/productRepeaters/alsoBoughtBG.png);} #innerContentContainer #mainContent div.brandsCatItem div.image a{position:relative;} #innerContentContainer #mainContent div.brandsCatItem div.image img{width:87px; height:116px;} #innerContentContainer #mainContent div.brandsCatItem h3{width:107px; text-align:center; margin:0; line-height:1.1;} /*** WIDE VERSION ***/ #contentContainer #innerContentContainer div.wide div.brandCatHeader{width:752px; background-image:url(../images/brands/brandCatHeaderWideBG.png);} #contentContainer #innerContentContainer div.wide div.brandSubCatHeader{width:752px; background-image:url(../images/brands/brandSubCatHeaderWideBG.png);} #contentContainer #innerContentContainer div.wide div.brandSubCatHeader div.brandLogo, #contentContainer #innerContentContainer div.wide div.brandCatHeader div.brandLogo{padding-left:102px; padding-right:102px;} #contentContainer #innerContentContainer div.wide div.brandSubCatHeader div.brandImage, #contentContainer #innerContentContainer div.wide div.brandCatHeader div.brandImage{width:375px;} #contentContainer #innerContentContainer div.wide div.brandSubCatHeader div.brandImage img, #contentContainer #innerContentContainer div.wide div.brandCatHeader div.brandImage img{float:right;} #contentContainer #innerContentContainer div.wide .recordNavigation .middle{width:260px; margin:0 200px;} #contentContainer #innerContentContainer div.wide a.recordNavFirst{left:150px;} #contentContainer #innerContentContainer div.wide a.recordNavFrwd1{left:475px;} #contentContainer #innerContentContainer div.wide a.recordNavBack1{left:180px;} #contentContainer #innerContentContainer div.wide a.recordNavLast{left:498px;} #contentContainer #innerContentContainer div.wide .recordNavigation .viewAll{left:650px;} /* CUSTOMER SERVICES */ #innerContentContainer #mainContent div.textNav{padding:7px 10px 1px 0px; height:77px; background:url(../images/custservice/navBG.jpg) no-repeat top left; /*text-align:center; */width:600px;} #innerContentContainer #mainContent div.textNav.aboutNav{padding-left:150px;height:48px; background:url(../images/custservice/aboutNavBG.jpg) no-repeat top left;} #innerContentContainer #mainContent div.textNav.customerServiceNav{padding:7px 10px 1px 25px; height:77px; background:url(../images/custservice/navBG.jpg) no-repeat top left; /*text-align:center; */width:600px;} #innerContentContainer #mainContent div.textNav.newsNav{/*height:57px;*/ height:47px; background:url(../images/custservice/newsNavBG.jpg) no-repeat top left; padding:7px 146px 1px 144px; width:280px!important;} #innerContentContainer #mainContent div.textNav.resourcesNav{height:50px; background:url(../images/custservice/resourcesNavBG.jpg) no-repeat top left; padding:4px 15px 1px 15px; width:522px;} #innerContentContainer #mainContent div.textNav div.button19px{float:left; margin:10px 20px 0 0 ; display:inline;} #innerContentContainer #mainContent div.textNav div.button19px2{float:left; margin:10px 10px 0 0 ; display:inline;} #innerContentContainer #mainContent div.textNav.resourcesNav div.button19px{margin-right:6px;} #innerContentContainer #mainContent div.textNav div.button19px2.custservice a strong{width:95px;} #innerContentContainer #mainContent div.textNav div.button19px2.contact a strong{width:55px;} #innerContentContainer #mainContent div.textNav div.button19px2.giftVouchers a strong{width:70px;} #innerContentContainer #mainContent div.textNav div.button19px2.delivery a strong{width:105px;} #innerContentContainer #mainContent div.textNav div.button19px2.faqs a strong{width:70px;} #innerContentContainer #mainContent div.textNav div.button19px2.returns a strong{width:97px;} #innerContentContainer #mainContent div.textNav div.button19px.custservice a strong{width:95px;} #innerContentContainer #mainContent div.textNav div.button19px.contact a strong{width:55px;} #innerContentContainer #mainContent div.textNav div.button19px.giftVouchers a strong{width:70px;} #innerContentContainer #mainContent div.textNav div.button19px.delivery a strong{width:105px;} #innerContentContainer #mainContent div.textNav div.button19px.faqs a strong{width:70px;} #innerContentContainer #mainContent div.textNav div.button19px.returns a strong{width:97px;} #innerContentContainer #mainContent div.textNav div.button19px.about a strong{width:107px;} #innerContentContainer #mainContent div.textNav div.button19px.history a strong{width:auto;} #innerContentContainer #mainContent div.textNav div.button19px.news a strong{width:auto;} #innerContentContainer #mainContent div.textNav div.button19px.press a strong{width:80px;} #innerContentContainer #mainContent div.textNav div.button19px.Brands a strong{width:36px;} #innerContentContainer #mainContent div.textNav div.button19px.Fragrances a strong{width:57px;} #innerContentContainer #mainContent div.textNav div.button19px.Gifts a strong{width:24px;} #innerContentContainer #mainContent div.textNav div.button19px.Hair_Care a strong{width:50px;} #innerContentContainer #mainContent div.textNav div.button19px.Mens_Lifestyle a strong{width:73px;} #innerContentContainer #mainContent div.textNav div.button19px.Skin_Care a strong{width:50px;} #innerContentContainer #mainContent div.textNav div.button19px.contact, #innerContentContainer #mainContent div.textNav div.button19px.returns, #innerContentContainer #mainContent div.textNav div.button19px.press, #innerContentContainer #mainContent div.textNav div.button19px.Skin_Care{margin-right:0;} #innerContentContainer #mainContent div.contentText.helpContent .xmasDelivery{position:relative; margin:0px auto 25px auto; width:440px; height:98px; background:url(../images/custservice/newYear08_bg.gif) no-repeat 0 0; padding:12px 0 0 0; text-align:center;} #innerContentContainer #mainContent div.contentText.helpContent .xmasDelivery h2{color:#fff; font-size:14px; font-weight:bold; margin:0 0 9px 0;} #innerContentContainer #mainContent div.contentText.helpContent .xmasDelivery p{color:#fff; font-size:11px; font-weight:normal; line-height:16px; text-align:center; width:400px; margin:31px auto 0 auto;} #innerContentContainer #mainContent div.contentText.helpContent .xmasDelivery p strong{color:#fff;} #innerContentContainer #mainContent div.contentText.helpContent .deliveryBox{float:right; margin-left:10px; width:244px; height:244px; background:url(../images/custservice/delivery.jpg) no-repeat 0 0;} #innerContentContainer #mainContent div.contentText.helpContent .contentBoxTop{position:relative; clear:both; width:480px; margin:20px auto 0 auto;} #innerContentContainer #mainContent div.contentText.helpContent .contentBoxTop h2{position:relative; width:480px; text-indent:15px; height:24px; margin:0px; line-height:24px; color:#424242; font-weight:bold; background:url(../images/custservice/contentBoxTop.gif) no-repeat 0 0;} #innerContentContainer #mainContent div.contentText.helpContent .contentBoxOuter{position:relative; width:460px; margin:0px auto; padding:10px; background:url(../images/custservice/contentBoxOuter.gif) no-repeat left bottom;} #innerContentContainer #mainContent div.contentText.helpContent .contentBoxOuter h3{color:#8b9ab6; font-weight:bold; margin:8px 0;} #innerContentContainer #mainContent div.contentText.helpContent .contentBoxOuter p{color:#424242; margin-bottom:5px;} #innerContentContainer #mainContent div.contentText.helpContent{padding-top:0;} #innerContentContainer #mainContent div.contentText.helpContent{padding:20px 17px 20px 17px; width:518px; background:url(../images/custservice/fadeBG.png) no-repeat top left;} #innerContentContainer #mainContent div.contentText.helpContent.termsPage, #innerContentContainer #mainContent div.contentText.helpContent.privacyPage{padding-top:0; background:none;} #innerContentContainer #mainContent div.contentText.helpContent h3{color:#8b9ab6;} #innerContentContainer #mainContent div.contentText.helpContent h2.first{margin-top:0;} #innerContentContainer #mainContent div.contentText.helpContent.termsPage h2{text-align:center; margin-top:0; text-decoration:underline; font-size:80%; margin:35px 0 20px 0;} #innerContentContainer #mainContent div.contactsPage strong.title{color:#8b9ab6; font-weight:bold;} #innerContentContainer #mainContent div.contactsPage a.email, #innerContentContainer #mainContent div.contactsPage a:active.email, #innerContentContainer #mainContent div.contactsPage a:visited.email{color:#424242; font-weight:normal;} #innerContentContainer #mainContent div.helpContent ol{font-size:70%; line-height:1.3;} #innerContentContainer #mainContent div.helpContent ol ol{font-size:100%;} #innerContentContainer #mainContent div.helpContent ol li{position:relative; padding-left:30px; font-weight:bold; font-size:11px; margin:5px 0 5px 0;} #innerContentContainer #mainContent div.helpContent.privacyPage ol li{font-weight:normal;} #innerContentContainer #mainContent div.helpContent ol li ol li{font-weight:normal; margin:2px 0 2px 0;} #innerContentContainer #mainContent div.helpContent ol li em{position:absolute; top:0; left:0; font-style:normal;} #innerContentContainer #mainContent div.helpContent ol li strong{font-weight:bold;} #innerContentContainer #mainContent div.contentText.giftWrapText{padding:20px 17px 20px 17px; width:461px!important; background:url(../images/custservice/fadeBG.png) repeat-x top left;clear:none!important} #innerContentContainer #mainContent div.brandsCatDesc1 div.brandsCatDescRight .giftWrapBanner1{float:right;} /* Generic Error Message Classes */ .fieldError{background:#f8dede; color:#ff0000;} .fieldError label{color:#ff0000!important;} fieldset .fieldError input, fieldset .fieldError select, fieldset .fieldError textarea{border-color:#ff0000!important;} fieldset .errorMsg{color:#ff0000!important; padding:1px 0 1px 20px; margin-top:1px; background:url(../images/checkout/smallError.png) no-repeat left; display:none;} fieldset .fieldError .errorMsg{display:block;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox{float:right; width:320px; padding:0; background: url(../images/custservice/contactBG.png) no-repeat top left; margin:0 0 0 20px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox div.enquiryBoxFooter{clear:both; height:5px; width:320px; background:url(../images/custservice/contactFoot.png) no-repeat top left;} #innerContentContainer #mainContent .contactsPage div.enquiryBox fieldset{padding:0 5px 0 5px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox div.contactField{padding:2px 0 3px 0;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox h2{padding:10px 5px 5px 16px; margin:0; font-size:11px; font-weight:bold;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox p{margin:5px 20px 5px 20px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox label{width:89px; text-align:left; float:left; margin:5px 0px 1px 15px; font-size:11px; font-weight:bold; padding-left:1px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox span{color:#ff0033; width:auto; padding:0 2px 0 2px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox input, .enquiryBox select{width:180px; font-size:11px; height:15px; margin-top:5px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox select{padding:2px; height:19px; width:226px; margin-top:5px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox textarea{width:180px; height:70px; font-size:11px; margin:5px 0 0 0;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox p.error{margin-bottom:5px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox .errorMsg{width:130px; /*height:15px; */margin-top:3px; margin-left:90px; font-size:11px;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox .thanks{width:220px; text-align:center; margin:0 auto;} #innerContentContainer #mainContent div.contactsPage div.enquiryBox p.required{float:left; color:#ff0033; font-size:11px; margin:5px 0 0 104px;} /******************** NEWS ****************** */ #innerContentContainer #mainContent .newsList{margin:0 0 15px 0; width:542px;} #innerContentContainer #mainContent .newsList.article{margin-top:20px;} #innerContentContainer #mainContent .newsList .newsItem{width:542px; height:150px; border-bottom:1px solid #bfceee; margin-top:20px;} #innerContentContainer #mainContent .newsList .testimonial{width:542px; height:auto; border-bottom:1px solid #bfceee;padding:5px 0 5px;} #innerContentContainer #mainContent .newsList .testimonialNoBorder{width:542px; height:auto; padding:5px 0 5px;} #innerContentContainer #mainContent .newsList .testimonial h2{} #innerContentContainer #mainContent .newsList .testimonial p, #innerContentContainer #mainContent .newsList .testimonialNoBorder p{font-size:70%;} #innerContentContainer #mainContent .newsList .testimonialWrapper{padding:0 0 10px 5px;} #innerContentContainer #mainContent .newsList .newsItem .newsBoxImg, #innerContentContainer #mainContent .newsImg{float:left; width:162px; height:114px; padding:12px 12px 9px 12px; display:inline; margin-right:15px; background:url(../images/news/imageBG.png) no-repeat top left;} #innerContentContainer #mainContent .newsList .newsItem h2, #mainContent .newsList .newsItem p{float:left; width:341px; display:inline; font-size:70%;} #innerContentContainer #mainContent .newsList .newsItem h2, #mainContent h1.newsTitle{height:15px; margin:0 0 0 0; font-weight:bold; font-size:70%;} #innerContentContainer #mainContent .newsList .newsItem .buttonSurround{width:341px; height:19px; background:url(../images/news/buttonFade.png) repeat-x top left; float:left;padding-left:423px;} #innerContentContainer #mainContent .newsList .newsItem .buttonSurroundPress{width:341px; height:19px; background:url(../images/news/buttonFade.png) repeat-x top left; padding-left:201px;} #innerContentContainer #mainContent div.newsText{font-size:70%; line-height:1.3;padding-left:5px;} #innerContentContainer #mainContent div.newsBack{width:135px; height:19px; background:url(../images/news/newsBackBG.png) no-repeat top left; float:right;} #innerContentContainer #mainContent .newsList .newsItem .buttonSurround .button19px, #innerContentContainer #mainContent div.newsBack .button19px{float:right; margin-right:10px; display:inline;} #innerContentContainer #mainContent h1.newsTitle{margin-left:0;} #innerContentContainer #mainContent .newsList .newsItem p{height:60px; margin:0 0 0 0; overflow:hidden;} #innerContentContainer #mainContent .newsList .newsItem p.date, #mainContent p.newsDate{height:20px; font-weight:bold; color:#8b9ab6; font-size:70%;} #innerContentContainer #mainContent .newsList .newsItem p.date a{color:#8b9ab6;} #innerContentContainer #mainContent .newsList h1{margin:5px; font-size:70%;} #innerContentContainer #mainContent p.newsDate{margin-left:0;} #innerContentContainer #mainContent div.newsList div.contentText{padding-top:0px;} #innerContentContainer #mainContent div.newsList div.contentText p{margin:5px;} #innerContentContainer #mainContent #resourcesSubNav{text-align:center; height:36px; background:url(../images/custservice/subNavBG.png) no-repeat top left;} #innerContentContainer #mainContent #resourcesSubNav ul{margin:0; padding:5px 0 5px 0;} #innerContentContainer #mainContent #resourcesSubNav ul li{font-size:70%; display:inline; padding-right:10px;} /* 404 and 500 **/ #innerContentContainer #mainContent div.errorPage h2{height:0px!important; padding:19px 0 0 0; overflow:hidden; margin:35px auto 35px auto;} #innerContentContainer #mainContent div.errorPage h2.notFound{width:506px; background:url(../images/errors/404.png) no-repeat top left;} #innerContentContainer #mainContent div.errorPage h2.error{width:429px; background:url(../images/errors/500.png) no-repeat top left;} #innerContentContainer #mainContent div.errorPage h3{margin:0 35px 5px 35px;} #innerContentContainer #mainContent div.errorPage p{font-size:70%; font-weight:bold; text-align:center; margin:0 35px 35px 35px;} #innerContentContainer #mainContent div.errorPage ul{margin:0 35px 35px 35px;} #innerContentContainer #mainContent div.errorPage ul li{font-size:70%; line-height:1.3;} #innerContentContainer #mainContent div.errorPage ul li a:active, #innerContentContainer #mainContent div.errorPage ul li a:visited, #innerContentContainer #mainContent div.errorPage ul li a{color:#8b9ab6; font-weight:bold;} #innerContentContainer #mainContent div.errorPage div.errorFade{width:552px; height:22px; background:url(../images/errors/errorFooterRepeat.png) repeat-x top left; margin-bottom:10px;} /* ************* GIFT FINDER ************* */ #innerContentContainer #mainContent div.tripleGift{width:174px; height:203px; background:url(../images/giftFinder/blueGiftBG.png) no-repeat top left; padding:1px 5px 0 5px; float:left; display:inline; margin-top:10px;} #innerContentContainer #mainContent div.tripleGift img{padding:0 2px 0 2px; width:170px; height:120px;} #innerContentContainer #mainContent div.tripleGift p{font-size:70%; color:#8b9ab6; font-weight:bold; text-align:center; margin-top:20px;} #innerContentContainer #mainContent div.tripleGift div.button19px{margin:12px 0 0 50px;} #innerContentContainer #mainContent div.doubleGift{width:266px; height:203px; padding:1px 5px 0 4px; float:left; display:inline; margin-top:10px;} #innerContentContainer #mainContent div.doubleGift.brown{background:url(../images/giftFinder/brownGiftBG.png) no-repeat top left;} #innerContentContainer #mainContent div.doubleGift.purple{background:url(../images/giftFinder/purpleGiftBG.png) no-repeat top left;} #innerContentContainer #mainContent div.doubleGift img{width:267px; height:119px;} #innerContentContainer #mainContent div.doubleGift p{font-size:70%; color:#8b9ab6; font-weight:bold; text-align:center; margin-top:20px;} #innerContentContainer #mainContent div.doubleGift.brown p{color:#7f6b66;} #innerContentContainer #mainContent div.doubleGift.purple p{color:#4c162c;} #innerContentContainer #mainContent div.doubleGift div.button19px{margin:12px 0 0 96px;} #innerContentContainer #mainContent div.giftFinderOverview{clear:both; padding:10px 10px 0 10px; width:532px; height:auto; background:url(../images/giftFinder/giftFinderTextBG.png) no-repeat left 10px;} /* ************* GIFT VOUCHERS ************* */ .giftVouchersContainer {background:url(../images/giftFinder/voucher_bg.png) repeat-x top left;} .giftVouchersContainer .header {padding:102px 0 0 0; margin:0 0 30px 0; background:url(../images/giftFinder/voucher_header.png) no-repeat center 34px;} .giftVouchersContainer .header h2 {font-size:16px; color:#8e9db8; text-align:center;} .giftVouchersContainer .content {padding:4px 20px; background:url(../images/giftFinder/gift_vouchers.jpg) no-repeat 214px top;} .giftVouchersContainer .content p {width:170px; line-height:22px; color:#8e9db8; font-size:13px;} .giftVouchersContainer .content ul {margin:40px 0 0 0 !important;} .giftVouchersContainer .content ul li {font-size:12px; line-height:22px;} .giftVouchersContainer .voucherForm {height:211px; padding:14px 30px 14px 24px; margin:30px 0 0 0; background:url(../images/giftFinder/voucher_form.jpg) no-repeat right top;} .giftVouchersContainer .voucherForm h3 {margin:0 0 10px 0; font-size:13px; color:#8f9db8;} .giftVouchersContainer .voucherForm .right {float:right;} .giftVouchersContainer .voucherForm .inputField {width:230px; margin:0;} .giftVouchersContainer .voucherForm .inputField label {display:block; margin:6px 0 4px 0; font-size:11px; font-weight:bold; color:#a3a29e;} .giftVouchersContainer .voucherForm .inputField span {font-size:11px; font-weight:normal; color:#a3a29e;} .giftVouchersContainer .voucherForm .inputField p {font-size:11px; font-weight:normal; color:#a3a29e;} .giftVouchersContainer .voucherForm .inputField input, .giftVouchersContainer .voucherForm .inputField select, .giftVouchersContainer .voucherForm .inputField textarea{width:230px;} .giftVouchersContainer .voucherForm .inputField textarea{height:100px;} .giftVouchersContainer .voucherForm span.star{color:red;} /* ************** PANELS **************** */ #innerContentContainer div.panel{float:left; background-position:top left; background-repeat:no-repeat; display:inline; margin-bottom:12px;} #innerContentContainer div.panel{height:122px; width:240px; margin-left:16px;} #innerContentContainer #rightContent div.panel{height:114px; width:186px; margin-left:0;} #innerContentContainer #rightContent div.panel.shavingTips{background-image:url(../images/panels/shavingSmall.png);} #innerContentContainer div.panel.shavingTips{background-image:url(../images/panels/shavingLarge.png); margin-left:0;} #innerContentContainer #rightContent div.panel.skinType{background-image:url(../images/panels/skinTypeSmall.png);} #innerContentContainer div.panel.skinType{background-image:url(../images/panels/skinTypeLarge.png);} #innerContentContainer #rightContent div.panel.dandruff{background-image:url(../images/panels/dandruffSmall.png);} #innerContentContainer div.panel.dandruff{background-image:url(../images/panels/dandruffLarge.png);} #innerContentContainer div.panel h2{height:0px!important; padding:26px 0 0 0; overflow:hidden; background-position:top left; background-repeat:no-repeat; margin:0 0 0 14px;} #innerContentContainer div.panel.shavingTips h2{width:101px; background-image:url(../images/panels/shavingTitle.png);} #innerContentContainer div.panel.skinType h2{width:158px; background-image:url(../images/panels/skinTypeTitle.png);} #innerContentContainer div.panel.dandruff h2{width:159px; background-image:url(../images/panels/dandruffTitle.png);} #innerContentContainer div.panel p{font-size:70%; margin:8px 0 8px 14px; line-height:1.3;} #innerContentContainer #rightContent div.panel p{margin:4px 0 8px 14px;} #innerContentContainer div.panel.shavingTips p{width:150px;} #innerContentContainer div.panel.skinType p{width:120px;} #innerContentContainer div.panel.dandruff p{width:100px;} #innerContentContainer div.panel a{font-size:70%; margin:0 0 0 14px; text-decoration:underline; font-weight:bold; clear:both;} /* ************ SITEMAP ************ */ #innerContentContainer #mainContent div.sitemapCol{width:276px; float:left;} #innerContentContainer #mainContent div.sitemapCol ul{margin-left:5px;} #innerContentContainer #mainContent div.sitemapCol ul li{font-size:11px;} #innerContentContainer #mainContent div.sitemapCol ul li a{font-size:11px;} /* ******************* Buying Guides ******************** */ /* buying guides menu */ #mainContent .buyingGuidesMenu{position:relative; width:550px; height:230px; background:url(../images/buyingGuides/menuBg.jpg) no-repeat 0 0;} #mainContent .buyingGuidesMenu ul{position:relative; margin-left:15px; padding-bottom:20px; top:10px;} #mainContent .buyingGuidesMenu ul li{position:relative; width:140px; margin:0px; padding:0px 0 0 15px; list-style:none; height:17px; line-height:11px; background:url(../images/buyingGuides/buyingGuidesMenuBullet.gif) no-repeat 0 5px;} #mainContent .buyingGuidesMenu ul li a{font-size:10px; font-family:Tahoma; font-weight:bold; color:#282828; line-height:11px; display:block; margin:0px; padding:0px;} #mainContent .buyingGuidesMenu ul li a:hover{color:#8b9ab6; text-decoration:none;} #mainContent .buyingGuidesMenu ul li a.on{color:#8b9ab6;} /* buying guides menu */ #mainContent .howToGuidesMenu{position:relative; width:550px; height:200px;} #mainContent .hair{background:url(../images/buyingGuides/hair.jpg) no-repeat 0 0;} #mainContent .skinCare{background:url(../images/buyingGuides/skinCare.jpg) no-repeat 0 0;} #mainContent .shaving{background:url(../images/buyingGuides/shaving.jpg) no-repeat 0 0;} #mainContent .howToGuidesMenu ul{position:relative; width:150px; float:left; padding-left:15px; /*left:15px; */ padding-bottom:20px; top:10px;} #mainContent .howToGuidesMenu ul li{position:relative; width:150px; margin:0px; padding:0px 0 0 15px; list-style:none; height:17px; line-height:11px; background:url(../images/buyingGuides/buyingGuidesMenuBullet.gif) no-repeat 0 5px;} #mainContent .howToGuidesMenu ul li a{font-size:10px; font-family:Tahoma; font-weight:bold; color:#282828; line-height:11px; display:block; margin:0px; padding:0px;} #mainContent .howToGuidesMenu ul li a:hover{color:#8b9ab6; text-decoration:none;} #mainContent .howToGuidesMenu ul li a.on{color:#8b9ab6;} #mainContent .howToGuidesMenu ul.wide li{width:200px;} /* buying guides content */ #mainContent .buyingGuideContent{position:relative; width:530px; padding:15px 10px 10px 10px; background:url(../images/buyingGuides/contentBg.jpg) no-repeat 0 0;} #mainContent .buyingGuideContent h3{font-size:11px; font-weight:bold; margin-bottom:15px;} #mainContent .buyingGuideContent h4{font-size:11px; font-weight:bold; padding-top:5px; /*font-style:normal; */} #mainContent .buyingGuideContent p{font-size:11px; line-height:14px; margin-bottom:15px;} #mainContent .buyingGuideContent a{color:#8b9ab6; font-weight:bold; text-decoration:underline;} #mainContent .buyingGuideContent table{width:400px; margin-left:10px; margin-bottom:10px;} #mainContent .buyingGuideContent table td{font-size:11px; padding:5px 5px;} #mainContent .buyingGuideContent table td.colOne{width:110px; font-weight:bold;} #mainContent .buyingGuideContent ul{position:relative; margin-left:20px; padding-bottom:15px;} #mainContent .buyingGuideContent ul li{position:relative; margin:0px; padding:0px 0 5px 15px; font-size:11px; list-style:none; line-height:16px; background:url(../images/buyingGuides/buyingGuidesMenuBullet.gif) no-repeat 0 5px;} #mainContent .buyingGuideContent ol{position:relative; margin-left:20px; padding-bottom:15px;} #mainContent .buyingGuideContent ol li{position:relative; margin:0px; padding:0px 0 0px 15px; font-size:11px; list-style:none; line-height:16px; background:url(../images/buyingGuides/buyingGuidesMenuBullet.gif) no-repeat 0 5px;} /* buying guides products */ #mainContent .buyingGuideContent .left{float:left; margin-right:10px;} #mainContent .buyingGuideContent .right{float:right; margin-left:10px;} #mainContent .buyingGuideContent .buyingGuidesProduct{position:relative; width:160px; text-align:center;} #mainContent .buyingGuideContent .buyingGuidesProduct h3{position:relative; width:160px; color:#8b9ab6; margin:0px; padding:0px;} #mainContent .buyingGuideContent .buyingGuidesProduct p{margin-bottom:5px; margin-top:2px;} #mainContent .buyingGuideContent .buyingGuidesProduct table.productImg{position:relative; width:109px; margin:0 auto; padding:0;} #mainContent .buyingGuideContent .buyingGuidesProduct table.productImg td{position:relative; vertical-align:middle; text-align:center; width:109px; height:140px; background:url(../images/buyingGuides/buyingGuidesProductBg.gif) no-repeat 0 0;} #mainContent .buyingGuideContent .buyingGuidesProduct .message{position:relative; width:154px; font-size:11px; padding:3px; color:#fff; background:url(../images/buyingGuides/buyingGuidesMessageBg.gif) repeat-x 0 0;} #mainContent .buyingGuideContent .buyingGuidesProduct .price{position:relative; height:30px; background:url(../images/buyingGuides/buyingGuidesMessageSubBg.gif) repeat-x 0 0;} #mainContent .buyingGuideContent .buyingGuidesProduct .price p{position:absolute; top:3px; left:10px; font-size:12px; font-weight:bold; color:#8b9ab6;} #mainContent .buyingGuideContent .buyingGuidesProduct .price a{position:absolute; top:4px; right:0px; text-align:left; text-indent:10px; width:55px; height:19px; line-height:19px; color:#282828; font-size:11px; font-weight:bold; background:url(../images/buttons/button55px.gif) no-repeat 0 0;} #mainContent .buyingGuideContent .buyingGuidesProduct .price a:hover{color:#8b9ab6; background-position:0 -19px; text-decoration:none;} #mainContent .buyingGuideContent .productsTable{position:relative; left:-10px; background:#f3f3f4; width:520px;} #mainContent .buyingGuideContent .productsTable td{border-bottom:1px solid #fff; border-right:1px solid #fff; padding:6px;} #mainContent .buyingGuideContent .productsTable td.colOne{color:#282828 ;} #mainContent .buyingGuideContent .productsTable a{color:#8b9ab6; font-weight:bold; text-decoration:underline;} /* ******************* BRANDS RANGE ******************** */ #innerContentContainer #mainContent div.brandsRange{width:544px; height:auto; padding:4px 4px 0px 4px; background:url(../images/brands/brandsRangeBG.png) no-repeat top left; float:left; position:relative; min-height:166px;} #innerContentContainer #mainContent div.brandsRange h2{font-size:70%; padding:20px 0 5px 10px; margin:0; width:252px; height:15px; background:url(../images/brands/rangeH2BG.png) no-repeat top right; color:#8b9ab6;} #innerContentContainer #mainContent div.brandsRange h2 a, #innerContentContainer #mainContent div.brandsRange h2 a:active, #innerContentContainer #mainContent div.brandsRange h2 a:visited{color:#424242;} #innerContentContainer #mainContent div.brandsRange div.rangeList{position:relative; width:269px; height:auto; z-index:100; background:url(../images/brands/brandsRangeRepeat.png) repeat-y top right;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem{width:232px; height:19px; padding:0 14px 0 23px; display:block; z-index:0; border-bottom:1px solid white;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem a, #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem a:active, #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem a:visited{color:#424242; text-decoration:none;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem h3{height:20px; width:165px; float:left; line-height:19px; padding:0; margin:0; font-size:70%; font-weight:bold; display:block; cursor:hand;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem p{height:19px; line-height:19px; padding:0; margin:0; font-size:70%; color:#8b9ab6; width:65px; float:right; text-align:left; cursor:hand;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem img{position:absolute; left:272px; top:-40px; z-index:0; /*padding-left:43px; */} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.firstChild img{z-index:300;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.firstChild{background:url(../images/brands/brandIndicatorArrow.png) no-repeat right top;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem, #innerContentContainer #mainContent div.brandsRange div.rangeList:hover div.rangeItem, #innerContentContainer #mainContent div.brandsRange div.rangeList.ieHover div.rangeItem{background:none; background:url(../images/bullet.png) no-repeat 13px 8px;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem:hover, #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.iehover{background:url(../images/brands/brandIndicatorArrow.png) no-repeat right top;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.lastChild:hover{border-bottom:0;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.lastChild:hover, #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.lastChild.iehover{background:url(../images/brands/brandIndicatorArrowNoLine.png) no-repeat right top;} #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem:hover img, #innerContentContainer #mainContent div.brandsRange div.rangeList div.rangeItem.iehover img{z-index:500; width:273px; height:166px; border-width:0; left:272px;} #innerContentContainer #mainContent div.brandsRangeFooter{clear:both; width:552px; height:4px; background:url(../images/brands/brandsRangeFooter.png) no-repeat top left; margin-bottom:11px;}