div.productsection { width:680px; margin:0 5px 10px 20px; float:left; display:inline; } div.singleproduct { width:680px; margin:0 5px 10px 20px; background:#fff url(/images/products/bg_products.jpg) no-repeat bottom; float:left; display:inline; } div#black.singleproduct { width:680px; margin:0 5px 10px 20px; background:url(/images/products/blonde/bg_blonde.jpg) no-repeat bottom #000; float:left; display:inline; } #blackHdr { margin:0; padding:0; border:0; min-height:136px !important; _height:136px; display:block; } #blackHdr p { margin:0; } .blackProducts { width:680px; margin:0; padding:0; border:0; background:url(/images/products/blonde/bg_blackproducts.jpg) no-repeat bottom #000; display:block; } a.blackProducts { border:0; } .whiteDescription { font-weight:normal; color:#fff; } div.navigation { width:155px; margin:60px 43px 0 15px; float:left; } div.navigation strong { font-size:120%; } div.pagecontent { min-height:434px; _height:434px; margin:0; padding:0; border:0; } div.pagecontent img { float:left; display:block; } div.pagecontent p { width:280px; min-height:191px; _height:191px; margin:82px 0 0 0; padding:0; border:0; float:left; } div.pagecontent p img { float:none; margin:0; } div.pagecontent a { width:68px; padding:0; border:0; float:left; } #back { margin:0 12px 0 0; } #next { margin:0 75px 0 0; } .productDetail { width:296px; margin:0; padding:0; border:0; float:left; } div.productDetail h1 { min-height:191px !important; _height:191px; font-weight:normal; font-size:1em; margin:82px 0 0 0; padding:0; border:0; } div.productsection p { padding:10px 0 0 300px; } div.products { margin-left:0px; } div.products_smooth { margin-left:-40px; } #overlay { display:block; position:absolute; left:80px; top:325px; } #overlay_smooth { display:block; position:absolute; left:80px; top:275px; } #overlay_therapy { display:block; position:absolute; left:480px; top:350px; } #overlay_color { display:block; position:absolute; left:400px; top:300px; } #overlay_classic { display:block; position:absolute; left:480px; top:280px; } #overlay_dandruff { display:block; position:absolute; left:480px; top:350px; } #links { margin-left:707px; background:url(/images/products/bg_links.gif) no-repeat; width:225px; height:429px; padding:20px 5px 0 5px; } #links img { padding-left:45px; margin-bottom:10px; } #links div { width:216px; height:112px; margin-bottom:5px; } #links p { position:relative; width:115px; margin:0; padding:0; } #links a { position:relative; } #links a img { border:0; padding:0; margin:0; } .navProdRange { list-style-position:none; margin:0; padding:0; border:0; } li.navProdRange { margin:0; padding:3px 0 0 0; border:0; } a.navProdRange { color:#49738b; text-decoration:none; } a.navProdRange:hover { text-decoration:underline; } .navProdBlack { list-style-position:none; margin:0; padding:0; border:0; } li.navProdBlack { margin:0; padding:3px 0 0 0; border:0; color:#fff; } a.navProdBlack { color:#fff; text-decoration:none; } a.navProdBlack:hover { color:#fff; text-decoration:underline; } /**************************** * PRODUCTS LANDING PAGE * ****************************/ a.productLink { text-decoration:none; color:#fff; } a.productLink:hover, a.productLink:active { text-decoration:underline; } .productsInner { width:928px; margin-left:20px; } div.lozenge { position:relative; width:225px; min-height:345px !important; _height:345px; float:left; } div.lozenge h3 { margin:234px; position:absolute; top:0; left:0; } div.lozenge p { width:198px; font-size:0.8em; color:#fff; margin:0; } #productsLook { background:url(/images/products/products-look.jpg) no-repeat top left #000; margin-right:3px; } #productsLook h3 { margin-left:31px; } #productsLook p { padding:292px 0 0 15px; } #productsColour { background:url(/images/products/products-colour.jpg) no-repeat top left #000; margin-right:3px; } #productsColour h3 { margin-left:115px; } #productsColour p { padding:280px 0 0 15px; } #productsSolutions { background:url(/images/products/products-solutions.jpg) no-repeat top left #000; margin-right:3px; } #productsSolutions h3 { margin-left:67px; } #productsSolutions p { padding:280px 0 0 15px; } #productsIssues { background:url(/images/products/products-issues.jpg) no-repeat top left #000; } #productsIssues h3 { margin-left:10px; } #productsIssues p { padding:280px 0 0 15px; } /* GBU PRODUCT TEASER CLASSES */ div.teaser-group2 {width: 220px; height: 425px; float:left; overflow: hidden;} div.teaser-group3 {width: 220px; height: 420px; float:left; overflow: hidden;} div.teaser-group { width:224px; min-height:429px; _height:429px; float:left; } div.teaser { width:224px; background:url(/images/products/bg-rteaser.gif) repeat-y top left; margin-bottom:3px; } div.teaser img { display:block; width:224px; } div.teaser div { width:224px; min-height:109px; _height:109px; } div.teaser h4 { font:bold 1.25em Georgia, "Times New Roman"; padding:15px 0 5px 0; } div.teaser a { text-decoration:none; } div.teaser small { display:block; font-size:0.75em; } div.teaser small a { color:#000; } #look { background:url(/images/products/btm-rteaser-look.jpg) no-repeat bottom left #fff; } #teaser-volume { background:url(/images/products/bg-teaser-volume.jpg) no-repeat bottom left; } #teaser-volume * { margin:0 85px 0 15px; } #teaser-volume * * { margin:0; } #teaser-volume h4 a { color:#6f2a8d; } #teaser-curls { background:url(/images/products/bg-teaser-curls.jpg) no-repeat bottom left; } #teaser-curls * { margin:0 10px 0 80px; } #teaser-curls * * { margin:0; } #teaser-curls h4 a { color:#af3d60; } #teaser-smooth { background:url(/images/products/bg-teaser-smooth.jpg) no-repeat bottom left; } #teaser-smooth * { margin:0 85px 0 15px; } #teaser-smooth * * { margin:0; } #teaser-smooth h4 a { color:#31832d; } #teaser-shine { background:url(/images/products/bg-teaser-shine.jpg) no-repeat bottom left; } #teaser-shine * { margin:0 85px 0 15px; } #teaser-shine * * { margin:0; } #teaser-shine h4 a { color: rgb(70, 161, 193); } #teaser-enhanced { background:url(/images/products/bg-teaser-enhanced.jpg) no-repeat bottom left; } #teaser-enhanced * { margin:0 10px 0 90px; } #teaser-enhanced * * { margin:0; } #teaser-enhanced h4 a { color:#74220b; } #colourTeaser { background:url(/images/products/btm-rteaser-colour.jpg) no-repeat bottom left #000;} #teaser-brunette { min-height:112px; _height:112px; background:url(/images/products/bg-teaser-brunette.jpg) no-repeat bottom left; } #teaser-brunette * { margin:0 10px 0 90px; } #teaser-brunette * * { margin:0; } #teaser-brunette h4 a { color:#88540c; } #teaser-radiant2 { min-height:113px; _height:113px; background:url(/images/products/bg-teaser-radiant2.jpg) no-repeat bottom left; } #teaser-radiant2 * { margin:0 85px 0 15px; } #teaser-radiant2 * * { margin:0; } #teaser-radiant2 h4 a { color:#a86e2a; } #teaser-blonde { min-height:112px; _height:112px; background:url(/images/products/bg-teaser-blonde.jpg) no-repeat bottom left; } #teaser-blonde * { margin:0 85px 0 15px; } #teaser-blonde * * { margin:0; } #teaser-blonde h4 a { color:#ffb000; } #simple { background:url(/images/products/btm-rteaser-simple.jpg) no-repeat bottom left #fff; height: 434px;} #teaser-antidandruff { background:url(/images/products/bg-teaser-dandruff.jpg) no-repeat bottom left; } #teaser-antidandruff * { margin:0 85px 0 15px; } #teaser-antidandruff * * { margin:0; } #teaser-antidandruff h4 a { color:#475290; } #teaser-classic { background:url(/images/products/bg-teaser-classic.jpg) no-repeat bottom left; } #teaser-classic * { margin:0 85px 0 15px; } #teaser-classic * * { margin:0; } #teaser-classic h4 a { color:#53a5eb; } #therapy { background:url(/images/products/btm-rteaser-therapy.jpg) no-repeat bottom left #fff; height: 434px;} #teaser-full { background:url(/images/products/bg-teaser-full.jpg) no-repeat bottom left; } #teaser-full * { margin:0 85px 0 15px; } #teaser-full * * { margin:0; } #teaser-full h4 a { color:#475290; } #teaser-radiant { background:url(/images/products/bg-teaser-radiant.jpg) no-repeat bottom left; } #teaser-radiant * { margin:0 10px 0 90px; } #teaser-radiant * * { margin:0; } #teaser-radiant h4 a { color:#a86e2a; } #teaser-antibreakage { background:url(/images/products/bg-teaser-breakage.jpg) no-repeat bottom left; } #teaser-antibreakage * { margin:0 85px 0 15px; } #teaser-antibreakage * * { margin:0; } #teaser-antibreakage h4 a { color:#be123a; } #teaser-repair { background:url(/images/products/bg-teaser-repair.jpg) no-repeat bottom left; } #teaser-repair * { margin:0 10px 0 110px; } #teaser-repair * * { margin:0; } #teaser-repair h4 a { color:#a86e2a; }