body {/* background: #f3f8fb;*/ margin: 0; color: #333; font-family: helvetica, arial, sans-serif; line-height: 1.6; font-size: 75%; } a { text-decoration: none; color: #0078c9; } a:hover { text-decoration: underline; } div, ul, li, h1, h2, h3, h4 { background-repeat: no-repeat; background-position: top left; } h1, h2, h3, h4 { font-size: 1em; line-height: 1.4; margin: 0 0 1em; } p, blockquote, dl, dd, ul, ol, li { margin: 0 0 1em; padding: 0; } ul { list-style-type: none; } img, img a { border: 0; } hr, legend { display: none; } form { margin: 0; } fieldset { display: block; margin: 0; padding: 0; border: 0; } input, select, button { vertical-align: middle; font-size: 1em; } .Left { float: left; } .Right { float: right; } .ClearFix { clear: both; height: 0; font-size: 0; } .Center { text-align: center; } .More { background-image: url(img/matrix.more.png); display: block; height:8px; width:53px; } .Pro .More { background-image: url(img/matrix.more.pro.png); display: block; height:8px; width:53px; } .Invisible, .More span { display: none; } .Horizontal li { float: left; margin-right: 20px; } .BorderTop { border-top: 1px solid #5787a5; padding-top: 5px; } .Link { cursor: pointer; } .IframeFix { position: absolute; z-index: 998; background: #000; } .Arrowed { display: block; background: url(img/bg.arrow-li.gif) 100% 40% no-repeat; padding-right: 12px; text-transform: uppercase; color: #2B5269; } * html .Arrowed { background-position: 100% 40%; } .Arrows li { background: url(img/bg.arrow-li.gif) 0 .42em no-repeat; padding-left: 11px; } .Arrows a { color: #2b5269; font-weight: bold; text-transform: uppercase; } .scroll-up, .scroll-down { width: 26px; height: 20px; float: right; margin-left: 2px; } .scroll-up { background: url(img/icon.up.png); } .scroll-down { background: url(img/icon.down.png); } .FormTable { width: 100%; } .FormTable th { text-align: right; padding: 3px 10px; font-weight: normal; vertical-align: top; } .FormTable td { text-align: left; vertical-align: middle; } .FormTable td input { vertical-align: top; } .FormTable .TextInput { border: 1px solid #aeaeae; border-right-color: #d5d5d5; border-bottom-color: #d5d5d5; padding: 2px; width: 50%; } .FormTable .RadioButton { margin: 2px 2px 2px 0; } .FormTable input.Extension { width: 3em; } .FormTable #state { width: 2em; } .FormTable #zip { width: 7em; } .FormAction { text-align: right; margin: 0 1em 1em 0; } .Slideshow { overflow: hidden; width: 635px; } .Slideshow img { display: block; margin-bottom: 2em; } .SlideshowList { width: 9999px; } .SlideshowList li { float: left; text-align: center; width: 635px; } .Slideshow #dot-navigation { bottom: 10px; top: auto; display: none; } .Slideshow #carousel-left, .Slideshow #carousel-right { width: 26px; height: 20px; bottom: 10px; } .Slideshow #carousel-left { left: 24px; } .Slideshow #carousel-right { right: 75px; } * html .Slideshow { position: relative; } * html .Slideshow #carousel-left { left: 0; } * html .Slideshow #carousel-right { right: 0; } input.error { background: #fee; } label.error { color: #f00; font-weight: bold; font-size: .85em; float: right; padding: 1px 2px; margin: 3px 0 0; } #wrapper { width: 100%; } #layout { width: 100%; background-position: 50% 0px; padding-bottom: 170px; } #background { background-position: top left; background-repeat: repeat-x; } #page { width: 940px; margin: 0 auto; padding: 0 25px; } #header { position: relative; height: 41px; width: 940px; margin: 0 auto; z-index: 998;} #landing { min-height: 381px; background-position: 100% 100%; } #stage-wrapper { position: absolute; top: 0; left: 0; width: 100%; } #stage, #main { position: relative; } #logo { width: 81px; height: 52px; left: 0; top: 4px; position: absolute; z-index: 999; } #logo a { display: block; } #logo span { display: none; } #navigation { position: absolute; top: 3px; left: 104px; z-index:99; } #navigation li { float: left; position: relative; } #navigation span { display: none; } .Item { height: 38px; display: block; background: url(img/matrix.navigation.gif) top left no-repeat; } .Menu { position: absolute; display: none; z-index: 999; font-size: 0.923em; background: #f2fafd url(img/bg.drop-down.jpg) bottom left repeat; border: 1px solid #fff; border-top: 0; } .Hover .Menu { top: auto; left: auto; display: block; width: 145px; } #nav-products .Item { width: 100px; } #nav-ask-the-professionals .Item { width: 214px; background-position: -101px 0px; } #nav-about-us .Item { width: 94px; background-position: -315px 0px; } .Menu ul { margin-top: 3px; } .Menu li { display: block; float: none; margin-bottom: 0; width: 100%; } .Menu li a { display: block; padding: 3px 12px; text-transform: uppercase; color: #4d7083; font-weight: bold; } .Menu li a:hover { background: #6ba6ca; text-decoration: none; color: #fff; } .Menu img { margin: 10px 0 0 10px; } * html .Menu ul { zoom: 1; } #navigation .dhtml-menu { float: none; position: absolute; top: 38px; left: 0px; width: 430px; height: 200px; } .dhtml-window { position: relative; } .dhtml-viewport { position: absolute; overflow: hidden; opacity : 0; width: 145px; height: 200px; z-index: 999; } .dhtml-viewport .Menu { float: left; display: block; position: static; left: 0; top: 0;} .dhtml-wrapper { overflow: hidden; } #search { position: absolute; top: 3px; right: 0px; background: url(img/bg.widget.home.gif) 26px 10px no-repeat; } #search fieldset { width: 162px; height: 38px; position: relative; } #query { width: 88px; padding: 1px 6px; position: absolute; top: 11px; left: 29px; height: 14px; border: 0px; background: #0066A4; color: #fff; font-size: 9px; outline: none; } #submit { padding: 0; position: absolute; top: 12px; left: 136px; cursor: pointer; border: 0; width: 21px; height: 15px; } #search-information { color: #fff; padding-top: 4px; display: none; position: absolute; top: 25px; right: 2px; width: 134px; background: #0066A4; z-index: 99; } #search-information p { font-size: .92em; line-height: 1.2em; padding: 1em 12px; border: 1px dotted #fff; border-right: 0; border-left: 0; } #search-information h4 { color: #efeded; text-transform: uppercase; font-weight: bold; margin-bottom: .25em; margin: 0 0 .25em 12px; } #top-searches li { margin: 0; } #top-searches li a { display: block; padding: 1px 12px; font-weight: bold; color: #fff; font-size: .92em; } #top-searches li a:hover { background: #0167a5; color: #fff; text-decoration: none; } #lead { color: #2b5269; padding-top: 40px; margin-bottom: 34px; border-bottom: 1px solid #abcce1; padding-bottom: 1em; font: regular 1.1em "Helvetica Neue", Helvetica, arial, sans-serif; } #lead h1 { color: #002650; display: inline; text-transform: uppercase; } #landing { width: 470px; padding-right: 470px; } #left { width: 200px; margin-right: 29px; float: left; } #right { color: #2b5269; width: 241px; float: right; } #landing h2 { margin-bottom: .25em; } #landing h2 span { display: none; } #stay-in-touch { height: 48px; position: relative; margin-top: 12px; clear: both; } #stay-in-touch a { display: block; position: absolute; top: 18px; } #hdr-become-facebook-fan { background-image: url(img/hdr.become-facebook-fan.png); width: 174px; height: 24px; left: 18px; border-right: 1px dotted #fff; padding-right: 19px; } #hdr-follow-on-twitter { background-image: url(img/hdr.follow-on-twitter.png); width: 135px; height: 24px; left: 230px; } #carousel { background: url(img/toutbar.top.global.png); width: 939px; height: 127px; margin: -171px auto 0; position: relative; color: #fff; } * html #carousel { background-image: url(img/toutbar.top.global.gif); } #carousel-left, #carousel-right { position: absolute; background-position: 50% 67%; cursor: pointer; } #carousel #carousel-left, #carousel #carousel-right { width: 48px; height: 99px; top: 0; } #carousel-left { left: 0; background-image: url(img/icon.left.landing.png); } #carousel-right { right: 0; background-image: url(img/icon.right.landing.png); } * html #carousel-left { background-image: url(img/icon.left.landing.gif) !important; } * html #carousel-right { background-image: url(img/icon.right.landing.gif) !important; } #carousel-view { position: relative; overflow: hidden; width: 843px; height: 95px; margin-left: 50px; } #carousel-items { position: absolute; top: 6px; left: 12px; width: 843px; } #carousel ul { float: left; width: 843px; } #carousel li { width: 261px; margin: 9px 20px 0 0; float: left; } #carousel .Left { margin-right: 15px; width: 82px; } #carousel .Caption { width: 164px; float: left; } #carousel h3 { margin-top: 7px; margin-bottom: 0; } #carousel p { line-height: 1.25em; margin-bottom: .5em; } #carousel .More { height: 5px; width: 33px; background-position: 0 -8px; } #carousel .More:hover { background-position: 0 -29px; } #dot-navigation { position: absolute; top: 104px; } #dot-navigation .Dot { cursor: pointer; width: 11px; height: 11px; margin-right: 6px; background: url(img/matrix.dots.png) -11px 0px no-repeat; float: left; } #dot-navigation .Dot:hover, #dot-navigation .CurrentDot { background-position: 0px 0px; } #products { position: relative; } #products #carousel-left, #products #carousel-right { width: 26px; height: 20px; } #products #carousel-left { background: url(img/icon.left.landing.png); left: 17px; } #products #carousel-right { background: url(img/icon.right.landing.png); right: 17px; } #products #dot-navigation { top: 402px; } #products .Dot { background: url(img/matrix.dots-products.png) -12px 0px no-repeat; width: 12px; height: 12px; } #products .CurrentDot { background-position: 0px 0px; } #products-view { overflow: hidden; position: relative; width: 694px; height: 368px; } #products-listing { position: absolute; top: 0; left: 0; width: 9999px; background: url(img/hr.dotted-209.png) bottom right no-repeat; } #products ul { float: left; } #products li { float: left; text-align: center; width: 171px; } #products li img { margin-bottom: -75px; } #products li h4 { padding-right: 0; } #products li a { color: #2b5269; text-transform: uppercase; font-size: .85em; line-height: 1.25em; } #products li a:hover h4 { text-decoration: underline; } .legal-copy { font-size:0.7em; } /*ADDED FOR PRODUCT INGREDIENTS POP UP*/ #ingredients_list, #ingredients_list2{ width:94px; height:24px;} #ingredient_pop_up, #ingredient_pop_up2{display:none; width:385px; min-height:155px; background:rgba(122, 175, 207, 0.95) url(../img/ingredients_head.png) 0 10px no-repeat; padding:0 20px 20px 20px; -moz-box-shadow: 3px 3px 3px rgba(10, 10, 00, 0.4); -webkit-box-shadow: 3px 3px 3px rgba(10, 10, 10, 0.4);box-shadow: 3px 3px 3px rgba(10, 10, 10, 0.4); position:relative; top:60px; left:-240px; } .popup_head, .popup_head2{ width:420px; height:11px; background:url(../img/product_ingredient_window_bg.png) top repeat-x; text-transform:uppercase; font-size:.70em; vertical-align:middle; text-align:right; padding-right:5px; color:#386a88; margin-bottom:70px; margin-left:-20px; cursor:pointer !important;} #overlay, #overlay2{width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; display:none;} #like-products { border: 1px solid #5f8ca8; border-left: 0; border-right: 0; margin-top: 35px; } #like-products div { margin: 0 auto; width: 940px; } #like-products p { float: left; color: #2b5269; width: 100px; font-size: 1.11em; line-height: 1.35em; margin: 32px 38px 0 12px; } #like-products ul { float: left; width: 540px; margin: 22px 0 0; } #like-products li { width: 105px; position: relative; } #like-products li span { color: #2b5269; text-transform: none; font-size: .85em; line-height: 1.25em; text-align: left; margin: 16px 0 0 36px; display: block; } #like-products li img { float: left; } #all-products { padding-top: 25px; width: 1200px;} #all-products li { display: inline; float: left; width: 167px; margin-right: 91px; } #all-products .Last { margin-right: 0px; } #all-products .Last img, #all-products .Last img a { margin-left: -20px; } #all-products .Product { margin-bottom: 20px; padding-top: 20px;} #all-products hr { width: 167px; margin: 10px 0; } #all-products li .ImageHeader { height: 20px; width: 100%; margin-bottom: 17px; } #all-products { color: #2b5269; } #sub-products { border-bottom:1px solid #5888a6; border-top:1px solid #81aaba; position:absolute; top:500px; width:940px;} #sub-products ul {margin-left: 120px;} #sub-products li { display: inline; float: left; width: 237px; margin-right: 43px; padding-top: 30px;} #sub-products .Last { margin-right: 0px; } #sub-products .Product { margin-bottom: 20px; } #sub-products hr { width: 97px; margin: 17px 0; } #sub-products li .ImageHeader { height: 17px; width: 100%; margin-bottom: 17px; } #sub-products strong { color: #2b5269; } #about-us { margin-top: 1em; color: #2b5269; } #about-us .Left { width: 260px; } #about-us .Right { width: 680px; } #about-us .Right p { width: 565px; } #about-us .Arrows li { margin-right: 80px; } #sheckys { color:#0066a4; margin-top: 1em; } #sheckys .Left { width: 390px; } #sheckys .Right { } #sheckys .Right p { width: 565px; } #sheckys .Arrows li { margin-right: 80px; } #sheckys .shecky_image {float: right; background: url(img/sheckys_lockup.png) no-repeat; width:124px; height:316px; margin-top: 50px;} #sheckys .shecky_copy {float: left; width: 225px;} #sheckys .shecky_copy h1 {width: 265px;} #sheckys .calendar { color:#0066a4; margin-top: 1em; width: 475px; font-size: 1em; } #sheckys td {padding-right: 40px; padding-top: 3px; padding-bottom: 3px; padding-left: 15px; } #sheckys th {padding-right: 40px; padding-top: 3px; padding-bottom: 3px; text-align: left; color: #81c2ff; padding-left: 15px;} #sheckys table {margin-left: -15px;} #sheckys_logo {margin-left: 95px; margin-top: -20px;} #faq .Left { width: 214px; border-right: 1px solid #a1b5c0; } #faq .Left ul { width: 210px; line-height:1.2;} #faq .Left .scrollbar { margin-right: 2px; } #faq .Left .ImageHeader { height: 23px; } #faq .Left .scroll-down { margin-right: 15px; } #faq .Right { width: 700px; padding-left: 25px; position:relative; z-index:0; } #faq .Right hr { margin-left: -22px; } #faq-answer { width: 75%; } #frequently-asked-questions li { padding: 10px; margin: 0 10px 0 0; } #frequently-asked-questions a { color: #2b5269; text-decoration: underline; } #frequently-asked-questions .Selected { background: url(img/bg.selected-faq.png) 100% 50% no-repeat; } #frequently-asked-questions .Selected a { color: #fff; text-decoration: none; font-weight: bold; } #generic { margin-top: 1em; color: #2b5269; } #generic .Left { width: 600px; border-right: 1px solid #a2b5c0; padding-right: 27px; } #generic .Right { width: 285px; padding-left: 27px; } #generic .ScrollingContent { margin: 1em 30px; } #search-results { color: #2b5269; } #search-results hr { margin-top: 17px; margin-bottom: 17px;} #search-results h3 { margin: 2em 0 1.5em; } #search-results .Left { width: 263px; border-right: 1px solid #a2b4c0; margin-right: 25px; padding-right: 25px; } #search-results .Right { width: 263px; margin-right: 25px; } #search-results .Results a { color: #2b5269; text-decoration: underline; } #search-results .Results ul { width: 100%; } #search-results .Results li { clear: left; background: url(img/hr.dotted.png) bottom left repeat-x; margin: 0; padding: 1.5em 0 1.5em; } #search-results .Results li img { float: left; margin-right: 10px; } #search-results .Results li p { margin: 0; } #twitter { background: url(img/toutbar.bottom.global.png) 50% 0% no-repeat; width: 939px; height: 34px; position: relative; color: #16233c; margin: 0 auto 8px; } * html #twitter { background-image: url(img/toutbar.bottom.global.gif); } #reply-to { width: 120px; text-align: right; padding-top: 9px; text-transform: uppercase; font-size: .79em; } #follow a, #reply-to a { color: #fff; } #tweet { width: 625px; position: absolute; left: 140px; top: 7px; height: 20px; overflow: hidden; } #tweet a { color: #d1fce0; } #time-since-tweet { visibility: hidden; position: absolute; font-weight: bold; width: 43px; height: 20px; overflow: hidden; left: 770px; top: 7px; text-align: center; } #follow { position: absolute; width: 110px; top: 10px; right: 0; text-transform: uppercase; font-size: 9px; } #follow a { display: block; float: left; } #follow .Divide { padding-right: 7px; border-right: 1px dotted #a0aea1; margin-right: 6px; } #footer { margin: 0 auto; text-align: center; width: 100%; min-height: 213px; background-repeat: repeat-x; text-transform: uppercase; font-size: .65em; letter-spacing: .075em; min-width: 990px; } #footer li { display: inline; margin-right: 10px; vertical-align: bottom; } #footer, #footer a { color: #fff; } #footer a span { display: none; } #footer img { margin-bottom: -4px; } .Sparkle { position: absolute; z-index: 20; display: none; left: 52%; } #sparkle-0 { background-image: url(img/sparkles1.png); width: 499px; height: 257px; top: 145px; } #sparkle-1 { background-image: url(img/sparkles2.png); width: 499px; height: 219px; top: 178px; } #sparkle-2 { background-image: url(img/sparkles3.png); width: 274px; height: 118px; top: 215px; left: -9%; } .scroll-down, .scroll-up { opacity: .7; } .scroll-down.Link, .scroll-up.Link { opacity: 1; } .scrollbar { width: 2px; background: #000; position: absolute; right: 0px; top: 0px; display: none; } .Sidebar { width: 215px; float: left; padding-right: 12px; } .Sidebar .ImageHeader { margin-left: 5px; padding-bottom: 5px;} .Sidebar ul { margin: 20px 14px 20px 0; } .Sidebar li { margin-bottom: 2px; } .Sidebar .Nav li a { display: block; text-transform: uppercase; color: #678394; font-weight: bold; padding: 2px 8px 1px; } .Sidebar h4 { color: #678394; font-weight: bold; text-transform: uppercase; margin-bottom: 1em; } .Sidebar .Expanded { margin: 0 10px 1em 0; } .Sidebar .Expanded a { color: #2b5269; padding-left: 6px; } .Sidebar .Nav .Selected a, .Sidebar .Expanded .Selected a { color: #fff; background: #69a2c2; -moz-border-radius: 4px 3px; -webkit-border-radius: 4px 3px; } .Sidebar .Expanded .Selected a { padding: 2px 6px 1px; display: block; } .Global { background: url(img/bg.header.home.png) top left repeat-x; } .Global #background {background: url(img/bg.body.landing.jpg) top left repeat-x; min-height: 545px;} #wrapper .Global { background: url(img/bg.page.global.jpg) top left repeat-x; } .Global #footer { background-color: #f3f8fb; background-image: url(img/bg.footer.home.jpg); } .Global h2#section-header { width: 302px; height: 54px; } .Global #landing .More:hover { background-position: 0 -21px; } .Global #left { width: 152px; margin-right: 19px; } .Global #right { width: 299px;} .Global #layout { background-image: url(img/bg.page.global.jpg); } .Kids { background: #f3f8fb url(img/bg.header.home.png) top left repeat-x; } #wrapper .Kids { background: none; } .Kids #footer { background-color: #f3f8fb; background-image: url(img/bg.footer.kids.jpg); } .Kids h2#section-header { width: 302px; height: 54px; } .Kids #landing .More:hover { background-position: 0 -21px; } .Kids .More { background-image: url(img/matrix.more.kids.png); display: block; height:8px; width:53px; } .Kids #left { width: 152px; margin-right: 19px; } .Kids #right { width: 299px;} .Kids #background { background-position: top left; background-repeat: repeat-x; } .Kids #carousel { background: url(img/toutbar.top.kids.png); width: 939px; height: 127px; margin: -171px auto 0; position: relative; color: #005f93; } * html .Kids #carousel { background-image: url(img/toutbar.top.kids.gif); } .Kids #twitter { background: url(img/toutbar.bottom.kids.png) 50% 0% no-repeat; width: 939px; height: 34px; position: relative; color: #ffffff; margin: 0 auto 8px; } * html .Kids #twitter { background-image: url(img/toutbar.bottom.kids.gif); } .Kids #carousel h3 {color: #005f93;} .Kids #tweet {color: #263449;} .Kids #right {color: #006d9f;} .Kids #lead {color: #263242; } .Kids #lead h1 {color: #263242;} .Kids #stay-in-touch { height: 48px; position: relative; margin-top: 12px; clear: both; color: 0088bd;} .Kids #stay-in-touch a { display: block; position: absolute; top: 18px; color: 0088bd;} .Kids .More span { display: none;} .Kids #layout { background-image: url(img/bg.page.kids.jpg); } .Mens { background: #f3f8fb url(img/bg.header.home.png) top left repeat-x; } #wrapper .Mens { background: none; } .Mens #footer { background-color: #f3f8fb; background-image: url(img/bg.footer.mens.jpg); } .Mens h2#section-header { width: 302px; height: 54px; } .Mens #landing .More:hover { background-position: 0 -21px; } .Mens .More { background-image: url(img/matrix.more.men.png); display: block; height:8px; width:53px; } .Mens #left { width: 152px; margin-right: 19px; } .Mens #right { width: 299px;} .Mens #background { background-position: top left; background-repeat: repeat-x; } .Mens #carousel { background: url(img/toutbar.top.men.png); width: 939px; height: 127px; margin: -171px auto 0; position: relative; color: #545454; } * html .Mens #carousel { background-image: url(img/toutbar.top.men.gif); } .Mens #twitter { background: url(img/toutbar.bottom.men.png) 50% 0% no-repeat; width: 939px; height: 34px; position: relative; color: #545454; margin: 0 auto 8px; } * html .Mens #twitter { background-image: url(img/toutbar.bottom.men.gif); } .Mens #carousel h3 {color: #296689;} .Mens #tweet {color: #296689;} .Mens #right {color: #296689;} .Mens #lead {color: #ffffff; } .Mens #lead h1 {color: #ffffff;} .Mens #stay-in-touch { height: 48px; position: relative; margin-top: 12px; clear: both; color: 296689;} .Mens #stay-in-touch a { display: block; position: absolute; top: 18px; color: 296689;} .Mens #reply-to, .Mens #follow a, .Mens #reply-to a, .Mens #tweet, .Mens #tweet a, .Mens #follow, .Mens #follow a, .Mens #follow .Divide { color: 545454; } .Mens #follow .Divide { color: 545454; padding-right: 7px; border-right: 1px dotted #545454; margin-right: 6px; } .Mens .More span { display: none; } .Mens #layout { background-image: url(img/bg.page.mens.jpg); } .Skin { background: #f3f8fb url(img/bg.header.home.png) top left repeat-x; } #wrapper .Skin { background: none; } .Skin #footer { background-color: #f3f8fb; background-image: url(img/bg.footer.skin.jpg); } .Skin h2#section-header { width: 302px; height: 54px; } .Skin #landing .More:hover { background-position: 0 -21px; } .Skin .More { background-image: url(img/matrix.more.skin.png); display: block; height:8px; width:53px; } .Skin #left { width: 152px; margin-right: 19px; } .Skin #right { width: 299px;} .Skin #background { background-position: top left; background-repeat: repeat-x; } .Skin #carousel { background: url(img/toutbar.top.skin.png); width: 939px; height: 127px; margin: -171px auto 0; position: relative; color: #2b5269; } * html .Skin #carousel { background-image: url(img/toutbar.top.skin.gif); } .Skin #twitter { background: url(img/toutbar.bottom.skin.png) 50% 0% no-repeat; width: 939px; height: 34px; position: relative; color: #16233c; margin: 0 auto 8px; } * html .Skin #twitter { background-image: url(img/toutbar.bottom.skin.gif); } .Skin #carousel h3 {color: #2b5269;} .Skin #tweet {color: #1e2c41;} .Skin #right {color: #263449;} .Skin #lead {color: #396881; } .Skin #lead h1 {color: #263449;} .Skin #stay-in-touch { height: 48px; position: relative; margin-top: 12px; clear: both; color: 6e95ac;} .Skin #stay-in-touch a { display: block; position: absolute; top: 18px; color: 6e95ac;} .Skin .More span { display: none; } .Skin #layout { background-image: url(img/bg.page.skin.jpg); } .Pro { background: #f3f8fb url(img/bg.header.home.png) top left repeat-x; } #wrapper .Pro { background: none; } .Pro #footer { background-color: #f3f8fb; background-image: url(img/bg.footer.pro.jpg); color: #17476b; } .Pro #footer a {color: #17476b; } .Pro h2#section-header { width: 302px; height: 54px; } .Pro #landing .More:hover { background-position: 0 -21px; } .Skin .More { background-image: url(img/matrix.more.pro.png); display: block; height:8px; width:53px; } .Pro #left { width: 152px; margin-right: 19px; } .Pro #right { width: 299px;} .Pro #background { background-position: top left; background-repeat: repeat-x; } .Pro #carousel { background: url(img/toutbar.top.pro.png); width: 939px; height: 127px; margin: -171px auto 0; position: relative; color: #a4c4d6; } * html .Pro #carousel { background-image: url(img/toutbar.top.pro.gif); } .Pro #twitter { background: url(img/toutbar.bottom.pro.png) 50% 0% no-repeat; width: 939px; height: 34px; position: relative; color: #16233c; margin: 0 auto 8px; } * html .Pro #twitter { background-image: url(img/toutbar.bottom.pro.gif); } .Pro #carousel h3 {color: #fff;} .Pro #tweet {color: #00aeef;} .Pro #right {color: #ffffff;} .Pro #lead {color: #46ccfd; border-bottom: 1px dotted #08436D;} .Pro #lead h1 {color: #fff;} .Pro #stay-in-touch { background-image: url(img/hdr.stay-in-touch.pro.png); height: 48px; position: relative; margin-top: 12px; clear: both; color: #A4C4D6;} .Pro #stay-in-touch a { display: block; position: absolute; top: 18px; color: #A4C4D6;} .Pro #hdr-become-facebook-fan { background-image: url(img/hdr.pro.become-facebook-fan.png); width: 174px; height: 24px; left: 18px; border-right: 1px dotted #fff; padding-right: 19px; } .Pro #hdr-follow-on-twitter { background-image: url(img/hdr.pro.follow-on-twitter.png); width: 135px; height: 24px; left: 230px; } .Pro #layout { background-image: url(img/bg.page.pro.jpg); } .Landing { background: #fff url(img/bg.header.home.png) top left repeat-x; } #wrapper .Landing { background: none; } .Landing #background { background: #70a9cc url(img/bg.body.landing.jpg) top left repeat-x; min-height: 545px; } .Landing #footer, .Landing #footer a {/* background-color: #f3f8fb;*/ background-image: url(img/bg.footer.landing.jpg); color: #ffffff; } .Landing #page { padding-top: 28px; } .Landing #main { float: left; border-left: 1px solid #9fb3bf; padding: 20px 0 0 17px; color: #2b5269; } .Landing #main p { line-height: 1.4em; } .Landing #main h4 { text-transform: uppercase; margin-top:30px; padding-top: 15px; } .Landing #main #produts #products-view h4 { padding-right: 0; } .Landing #layout { padding-bottom: 52px; } .Landing hr { display: block; background: url(img/hr.dotted.png) top left no-repeat; width: 100%; height: 1px; border: 0; padding: 0; margin: 14px 0; } .Landing .Sidebar hr { margin: 10px 0; width: 88%; } .Landing #products ul {margin-left:10px; margin-top:15px; } .Landing .Sidebar { padding-top:19px; } .Detail #layout { padding-bottom: 1em; } .TwoColumn #main { width: 679px; padding-top: 40px; } .ThreeColumn #main { width: 471px; } .ThreeColumn #main .Left { width: 215px; padding-top: 8px; padding-bottom: 40px; margin-bottom: -85px; } .ThreeColumn #main .Right { width: 244px; margin-left: 12px; } .ThreeColumn #main .Right p { width: 95%; } .ThreeColumn .Horizontal li { text-align: center; } .ThreeColumn .Horizontal span { text-transform: uppercase; font-weight: bold; color: #2b5269; display: block; font-size: .85em; } .ThreeColumn .First { border-right: 1px solid #9FB3BF; margin-right: 18px; padding-right: 5px; width: 200px; padding-top: 0px;} .VideoColumn .Sidebar { width: 173px; padding-right: 24px; padding-top: 31px; } .VideoColumn .Sidebar hr { width: 100%; } .VideoColumn #main { width: 713px; padding: 0 0 0 24px; margin-top:38px; } .VideoColumn #main hr { margin-top: 24px; } .Videos li { text-align: center; margin-bottom: 2em; } .Videos a { text-transform: uppercase; color: #2b5269; font-weight: bold; font-size: .92em; } .Videos a:hover { text-decoration: none; } .Videos span { line-height: 1.4em; display: block; } .Videos a:hover span { text-decoration: underline; } .Videos hr { margin-bottom: 9px; } .Videos .ImageHeader { background-position: top left; background-repeat: no-repeat; width: 75px; height: 19px;} .ImageHeader { background-position: top left; background-repeat: no-repeat; } .ImageHeader span { display: none; } #hdr-professionals { background-image: url(img/hdr.professionals.png); height: 19px; width: 158px; margin-top: 20px; } #hdr-shampoo-conditioner { background-image: url(img/hdr.shampoo-conditioner.png); height: 43px; width: 144px; } #hdr-shampoo-and-conditioner { background-image: url(img/hdr.shampoo-and-conditioner.png); width: 290px; height: 23px; } #hdr-rosemary-and-mint { width: 232px; height: 23px; background-image:url(img/hdr.rosemary-and-mint.png); } #hdr-we-also-recommend { width: 202px; height: 72px; background:url(img/hdr.we-also-recommend.png) 20px 11px no-repeat; margin: 25px 25px 15px 15px; border-right: 1px solid #5f8ca8; float: left; } #hdr-all-products { width: 108px; height: 19px; background-image:url(img/hdr.all-products.png); margin-top: 25px; } #hdr-professionals-family { background-image: url(img/hdr.family.professionals.png); } #hdr-naturals-family { background-image: url(img/hdr.family.naturals.png); } #hdr-mens-family { background-image: url(img/hdr.family.mens.png); } #hdr-kids-family { background-image: url(img/hdr.family.kids.png); } #hdr-haircare-family { background-image: url(img/hdr.family.haircare.png); } #hdr-bodycare-family { background-image: url(img/hdr.family.bodycare.png); } #hdr-deodorant-family { background-image: url(img/hdr.family.deodorant.png); } #hdr-about-us { background-image: url(img/hdr.about-us.png); width: 112px; height: 19px; } #hdr-sheckys { background-image: url(img/hdr.sheckys.png); width: 255px; height: 23px; } #hdr-title-placeholder { background-image: url(img/hdr.title-placeholder.png); width: 300px; height: 23px; } #hdr-title-coupon { background-image: url(img/hd_get_coupon.png); width: 300px; height: 23px; } #hdr-search { background-image: url(img/hdr.search.png); width: 84px; height: 19px; } #hdr-products-results { background-image: url(img/hdr.products-h3.png); width: 84px; height: 9px; } #hdr-advice-results { background-image: url(img/hdr.advice-h3.png); width: 56px; height: 9px; } #hdr-articles-results { background-image: url(img/hdr.articles-h3.png); width: 73px; height: 9px; } #hdr-video { background-image: url(img/hdr.video.png); width: 75px; height: 19px; } #hdr-video-dr { background-image: url(img/drH_header.png); width:103px; height: 19px; } #hdr-television-spots { background-image: url(img/hdr.television-spots.png); width: 194px; height: 23px; } #hdr-faq { background-image: url(img/hdr.faq.png); width: 337px; height: 23px; position:relative; z-index:0; } #hdr-stay-in-touch { background-image: url(img/hdr.stay-in-touch.png); width: 182px; height: 9px; margin: 0 0 10px 8px; } .Pro #hdr-stay-in-touch { background-image: url(img/hdr.stay-in-touch.pro.png); width: 182px; height: 9px; margin: 0 0 10px 8px; } .TwoColumn #hdr-bliss { margin: 7px 30px 0 0; float: left; padding-bottom: 1em; } .Sidebar #hdr-shampoo-conditioner { margin: 20px 0; } .ac_over {background: #666; color:#000;} div.ac_results { background: #ffffff; width: 465px; color: #666;} div.ac_results .ac_odd { background: #ffffff;} div.ac_results .ac_even { background: #E0E0E0; padding: 12px 0 12px 0;} .Global #section-header, .Pro #section-header { width: 241px; height: 74px; } .Global #landing .More, .Pro #landing .More .Mens #landing .More{ height: 8px; width: 53px; } * html #main { position: static; } * html #landing { height: 381px; } * html #footer { height: 204px; } * html #carousel ul { margin-right: -20px; } * html #carousel li .Caption { width: 150px; } * html #query { top: 12px; } * html #search-information { left: 26px; } * html .Menu { z-index: 99999; zoom: 1; border: 0px; height: 90px; } * html .Menu li { display: inline; } * html .Hover .Menu { top: auto; left: auto; } * html .More { background: none !important; text-transform: uppercase !important; } * html .More span { display: inline !important; font-weight: bold !important; } * html #landing .More { color: #2b5269; font-size: 1em; } * html #carousel .More { color: #b6e3ff; font-size: .7em; } * html .Pro #landing .More { color: #01c9ff; } * html #top-searches li { float: left; width: 135px; } * html .Landing #background { height: 545px; } * html #like-products ul { width: 520px; } * html .Selected { zoom: 1; margin-bottom: 0; } * html .Nav li { zoom: 1; } * html hr { background-image: url(img/hr.dotted.gif) !important; } * html .FormTable input { vertical-align: middle; } * html label.error { float: none; display: block; } * html #search-results .Right { margin: 0 0 0 25px; } * html #dot-navigation .Dot { background-image: url(img/matrix.dots.gif); } *:first-child+html .Hover .Menu { top: auto; left: auto; } *:first-child+html .FormTable input { vertical-align: middle; } *:first-child+html label.error { float: none; display: block; } .Menu, #dhtml-viewport, #products-menu ul, #search-information { -webkit-box-shadow: 2px 2px 2px #666; -moz-box-shadow: 2px 2px 2px #666; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; } /* #carousel, #twitter { text-shadow: 1px 1px 1px #222; } */ #vid_botton ul{ margin:0px; } #vid_botton li {display: inline;padding-left: 8px;padding-right: 7px; display:inline; list-style:none;height:100px;} #vid_botton li.lines {display: inline;padding-left: 8px; padding-right: 7px; color:#2b5269;} #vid_botton li a{ color:#2b5269; font-family: Helvetica, sans-serif; font-size:12px; text-decoration:none;}