/* CSS DOCUMENT */ * { margin: 0; padding: 0;} html { min-height: 100%; margin-bottom: 1px; } img, a img { border: 0; } body { font-size: 12px; font-family: futura, helvetica, arial, sans-serif; text-align: center; color: #666; border-top: 1px solid #fff;} table, th, td { font-size: 12px; font-family: futura, helvetica, arial, sans-serif; color: #666;} a:link, a:visited { color: #597b94; text-decoration: underline;} a:hover { color: #999;} #skip { display: none; } /* HEADER */ #container { position: relative; width: 760px; margin: auto; text-align: left; } #header { position: relative; height: 55px; background: #000; border-bottom: 5px solid #597b94; z-index: 50;} #product #header { border-bottom: 5px solid #597b94;} #sub #header { border-bottom: 5px solid #597b94;} /* non holiday blue #header { position: relative; height: 55px; background: #000; border-bottom: 5px solid #b5b292; z-index: 50;} #product #header { border-bottom: 5px solid #537A97;} #sub #header { border-bottom: 5px solid #56732e;} */ .logo { position: absolute; top: 0; left: 0;} /* nav */ #nav { position: absolute; top: 29px; left: 230px; z-index: 50;} #nav li { position: relative; float: left; height: 26px; list-style: none; float: left; } #nav li a, #nav li div { position: relative; height: 26px; line-height: 26px; display: block; text-decoration:none; } #nav li a { cursor: pointer; color: #999; } #nav li strong { position: absolute; top: 0; left: 0; display: block; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); } #nav li.home, #nav li.home a, #nav li.home a strong { background-position: 0 0; width: 56px; } #nav li.products, #nav li.products a, #nav li.products a strong { background-position: -56px 0; width: 82px; } #nav li.about, #nav li.about a, #nav li.about a strong { background-position: -138px 0; width: 60px; } #nav li.skincare101, #nav li.skincare101 a, #nav li.skincare101 a strong { background-position: -198px 0; width: 105px; } #nav li.dopkit { margin-left: 30px;} #nav li.dopkit, #nav li.dopkit a, #nav li.dopkit a strong { background-position: -329px 0; width: 110px; } #nav li.checkout, #nav li.checkout a, #nav li.checkout a strong { background-position: -439px 0; width: 86px; } /* HOVER STATE */ #nav li.home, #nav li.home a:hover strong { background-position: 0 -26px; width: 56px; } #nav li.products, #nav li.products a:hover strong { background-position: -56px -26px; width: 82px; } #nav li.about, #nav li.about a:hover strong { background-position: -138px -26px; width: 60px; } #nav li.skincare101, #nav li.skincare101 a:hover strong { background-position: -198px -26px; width: 105px;} #nav li.dopkit, #nav li.dopkit a:hover strong { background-position: -329px -26px; width: 110px; } #nav li.checkout, #nav li.checkout a:hover strong { background-position: -439px -26px; width: 86px; } /* ON STATE */ #nav li.homeon, #nav li.homeon strong { background-position: 0 -52px; width: 56px; } #nav li.productson, #nav li.productson strong { background-position: -56px -52px; width: 82px; } #nav li.abouton, #nav li.abouton strong { background-position: -138px -52px; width: 60px; } #nav li.skincare101on, #nav li.skincare101on strong { background-position: -198px -52px; width: 105px; } #nav li.dopkiton, #nav li.dopkiton strong { background-position: -329px -52px; width: 110px; } #nav li.checkouton, #nav li.checkouton strong { background-position: -439px -52px; width: 86px; } #nav li ul li a:link, #nav li ul li a:visited { display: block; padding: 2px 5px 2px 10px; width: 90px; background: #b5b292 url(../images/bg_subnav.gif) no-repeat 50% 100%; color: #fff; text-decoration: none; font-size: 13px; height: 100%; } * html #nav li ul li a:link, #nav li ul li a:visited { width: 110px; w\idth: 90px;} #nav li ul li { height: auto; width: auto; } #nav li ul li a:hover { background: #9e9b79 url(../images/bg_subnav.gif) no-repeat 50% 100%; z-index: 50; } #nav ul { list-style: none; } /* all lists */ #nav li ul { display: none; position: absolute; top: 26px; left: 0px; z-index: 50; } /* second-level lists */ #nav li>ul { top: 26px; left: 0px; z-index: 50; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ /* lists nested under hovered list items */ #nav li:hover ul, #nav li.over ul { display: block; padding: 0px; z-index: 50; } .btn_freeshipping { position: absolute; top: 1px; right: 0; z-index: 60;} /* HOME page */ #h_img { float: left; width: 530px; height: 330px; z-index: 10; border-top: 1px solid #fff; z-index: 10;} #h_welcome { float: left; width: 230px; background: url(../images/line.gif) no-repeat bottom left; height: 331px; z-index: 10;} #h_welcome_inner { padding: 68px 0 0 0px; background: url(../images/bg.gif) repeat-x; } /* #h_welcome { float: left; width: 230px; background: url(../images/line.gif) no-repeat bottom left; height: 331px; z-index: 10;} #h_welcome_inner { padding: 40px 10px 0 20px; background: url(../images/bg.gif) repeat-x; } #h_welcome ul { padding: 0 0 10px; } #h_welcome li { list-style: none; background: url(../images/bullet.gif) no-repeat 0px 6px; padding-left: 10px;} #h_welcome p { padding: 0 0 10px;} #h_welcome span { text-transform: uppercase;} #h_welcome .more { margin: 20px 0 0; float: right;} */ #highlights p { float: left; margin: 0 0 10px;} #highlights p.h_testimonial { width: 224px; padding: 15px 15px 10px 0; font-size: 14px; line-height: 16px; background: url(../images/fade.gif) no-repeat top right;} #highlights p.h_travelkit { margin: 5px 0 0; } #highlights p.h_newsletter { position: relative; width: 248px; height: 120px; background: url(../images/related_newsletter.jpg) no-repeat 35px 10px;} #highlights p.h_newsletter input.email { position: absolute; top: 95px; left: 42px; width:110px; height: 16px; padding: 1px; border: 1px inset #999; font-size: 11px; font-family: futura, helvetica, arial, sans-serif; color: #666;} #highlights p.h_newsletter input.signup { position: absolute; top: 95px; left: 160px;} #footer { clear: both; height:30px; background: #000 url(../images/logo_urth_footer.gif) no-repeat top right; font-size: 11px; } #footer li { float: left; list-style: none; background: url(../images/bg_footerline.gif) no-repeat top right; padding-right: 1px; } #footer li.last { background: none;} #footer li a:link, #footer li a:visited { float: left; display: block; line-height: 30px; height: 30px; padding: 0 5px; text-decoration: none; color: #fff;} #footer li a:hover { background: #B5B292; } /* product page */ #s_main { background: url(../images/bg_fade.gif) repeat-x; border-top: 1px solid #fff; min-height: 460px; } * html #s_main { height: 460px;} #s_main p { padding: 0 0 15px;} #s_main p.alpha { padding: 15px 0; font-size: 11px; } #s_main p.backtotop { font-size: 11px; } #s_main ul.video { list-style: none; padding: 0 0 20px;} #s_main ul.video a:link, #s_main ul.video a:visited { position: relative;padding-left: 18px;background: url(../images/icon_video.gif) no-repeat 0 4px; } #s_main ul, #s_main ol { padding: 0 25px 20px;} #s_main ul li { padding: 0 0 5px;} #s_main ul.sitemap { padding: 10px 0px; float: left; display:inline; margin-right: 20px;} #s_main ul.sitemap ul { padding: 8px 20px;} #s_main ul.sitemap li { padding: 0 0 5px; list-style: none; font-weight: bold; font-size: 14px;} #s_main ul.sitemap li li { padding: 0 0 2px; list-style: disc; font-weight: normal; font-size: 13px;} #s_main ul.sitemap li li li { list-style: circle; font-size: 12px;} .bg_about { background: url(../images/bg_about.jpg) no-repeat bottom right;} .bg_contact { position: relative; background: url(../images/bg_contact.jpg) no-repeat bottom right; } .bg_wholesale { position: relative; background: url(../images/bg_wholesale.jpg) no-repeat 420px 80px; } .bg_newsletter { position: relative; background: url(../images/bg_newsletter.jpg) no-repeat bottom right; } #subnav { float: left; display:inline; width: 120px; margin: 41px 0 0 20px;} #s_main #subnav ul { padding: 0; } #s_main #subnav li { padding: 0 0 1px; background: url(../images/bg_subnav.gif) no-repeat bottom left; list-style: none;} #subnav li a:link, #subnav li a:visited { display: block; height: 28px; line-height: 28px; padding: 0 10px; background:#b5b292; color: #fff; text-decoration: none; font-size: 14px;} #subnav li a:hover { background:#9e9b79; } #subnav li.on a:link, #subnav li.on a:visited { background:#dfddcb; color: #9e9b79; } #subnav ul ul { padding: 5px 0; } #subnav li li { background: none;} #subnav li li a:link, #subnav li li a:visited, #subnav li.on li a:link, #subnav li.on li a:visited { display: block; height: auto; line-height: 16px; padding: 3px 5px 3px 15px; background:#fff; color: #9e9b79; text-decoration: none; font-size: 12px;} #subnav li li a:hover, #subnav li.on li a:hover { text-decoration: underline; } #product_content { float: left; width: 620px; margin: 60px 0 0; line-height: 14px; } #product_image { float: left; width: 270px; text-align: center;} .product_detail { float: left; width: 320px; color: #333;} .buyproduct { background: #f0f0f0; width: 320px; margin: 10px 0;} .buyproduct td { padding: 10px; font-size: 0px; color: #F0F0F0; } .buyproduct td strong { font-size: 16px; color: #333; } .buyproduct select { font-size: 11px; font-family: futura, helvetica, arial, sans-serif; color: #333; } .product_info { line-height: 16px; } #s_main .product_info ul { height: 30px; margin: 0 0 10px;padding: 0; font-size: 12px; text-transform: uppercase; font-weight: bold; background: url(../images/product_info_fade.gif) no-repeat bottom left; } #s_main .product_info li { float: left; list-style: none;padding: 0; background: url(../images/product_info_line.gif) no-repeat bottom right; padding-right: 2px;} #s_main .product_info li.on a:link, #s_main .product_info li.on a:visited { background: #fff; color: #666;} .product_info li a:link, .product_info li a:visited { float: left; height: 30px; line-height: 30px; display: block; padding: 0 10px; text-decoration:none; background: url(../images/product_info_bg.gif) repeat-x;} .product_info p { clear: both; } #related { height: 150px; margin: 0 0 20px;background: url(../images/bg_related.gif) no-repeat;font-size: 16px; color: #444; line-height: 20px;} #related p { float: left; display: inline; } #related p.one { margin: 15px 0 0; padding: 60px 0 30px 30px; width: 205px; background: url(../images/bg_related_one.jpg) no-repeat 50% 50%; } * html #related p.one { width: 220px; w\idth: 190px; } #related p.two { margin: 30px 0 0 40px; width: 225px; } #related p.three{ margin: 30px 0 0 35px; width: 215px; } .one2 { float: left; display: inline; margin: 30px 20px 0 20px; } .care { float: left; display: inline; width: 200px; margin: 45px 20px 0 20px; font-size: 12px; line-height: 14px;} .care img { float: left; display: inline; margin: 0 5px 0 0; } .chart { border: 1px solid #ddd; border-width: 1px 0 0 1px; margin: 0 0 15px;} .chart td, .chart th { border: 1px solid #ddd; border-width: 0 1px 1px 0; padding: 4px; vertical-align: top;} .chart th { background: #eee;} .logo_men, .logo_men2 { position: absolute; top: 124px; right: 30px;} .logo_men2 { top: 148px;} .award { position: absolute; top: 114px; right: 50px;} /* subpage */ #content { float: left; display: inline; width: 560px; margin: 44px 10px 10px 30px; padding-right: 20px; font-size: 13px; color: #333; line-height: 18px;} #content2 { margin: 44px 20px 0 10px; font-size: 13px; color: #333; line-height: 18px; min-height: 420px;} * html #content2 { height: 420px;} .forms { width: 400px; margin: 0 0 20px;} .forms td { padding: 5px; font-size: 14px; border-bottom: 1px solid #eee; vertical-align: top;} .forms td.reqd { background: #f0f0e9; border-top: 2px solid #fff;} .forms td span { font-size: 12px; color: #900; letter-spacing: 1px;} .forms input, .forms select, .forms textarea { padding: 2px; border: 1px inset #999; font-size: 14px; font-family: futura, helvetica, arial, sans-serif; color: #666;} .forms input.btn_subscribe { padding: 0; border: 0;} .forms input.inputError { border: 1px inset red;} .nl_promotion { border: 1px solid #56732e; background: #fff; padding: 10px 10px 5px; margin: 0 0 20px; font-size: 15px; line-height: 20px;} /* PRESS IMAGES =============================== */ .img_gallery a:link, .img_gallery a:visited { position: relative; display: block; float: left; display: inline; margin: 0 8px 8px 0; height: 100px; width: 100px; border: 1px solid #ddd; font-size: 12px; text-decoration: none; cursor: hand;} .img_gallery a span { position: absolute; top: 0; left: 0; display: block; height: 100px; width: 100px; background-position: 0 0; } .img_gallery a.hydra_08_08 span { background-image: url(../images/press_hydra_08_08.jpg); } .img_gallery a.alpha_08_01 span { background-image: url(../images/press_alpha_08_01.jpg); } .img_gallery a.zoo_07_12 span { background-image: url(../images/press_zoo_07_12.jpg); } .img_gallery a.axn_07_12 span { background-image: url(../images/press_axn_07_12.jpg); } .img_gallery a.gq_07_11 span { background-image: url(../images/press_gq_07_11.jpg); } .img_gallery a.forbes_07_11 span { background-image: url(../images/press_forbes_07_11.jpg); } .img_gallery a.espirit_07_11 span { background-image: url(../images/press_espirit_07_11.jpg); } .img_gallery a.frontiers_07_10 span { background-image: url(../images/press_frontiers_07_10.jpg); } .img_gallery a.mapmag_07_09 span { background-image: url(../images/press_mapmag_07_09.jpg); } .img_gallery a.easyjet_07_09 span { background-image: url(../images/press_easyjet_07_09.jpg); } .img_gallery a.maxim_07_09 span { background-image: url(../images/press_maxim_07_09.jpg); } .img_gallery a.instinct_07_07 span { background-image: url(../images/press_instinct_07_07.jpg); } .img_gallery a.eastwest_07_07 span { background-image: url(../images/press_eastwest_07_07.jpg); } .img_gallery a.virtuoso_07_07 span { background-image: url(../images/press_virtuoso_07_07.jpg); } .img_gallery a.endless_07_07 span { background-image: url(../images/press_endless_07_07.jpg); } .img_gallery a.independent_07_07 span { background-image: url(../images/press_independent_07_07.jpg); } .img_gallery a.telegraph_07_07 span { background-image: url(../images/press_telegraph_07_07.jpg); } .img_gallery a.blackmen_07_07 span { background-image: url(../images/press_blackmen_07_07.jpg); } .img_gallery a.boulevard span { background-image: url(../images/press_boulevard.jpg); } .img_gallery a.cybersocket span { background-image: url(../images/press_cybersocket.jpg); } .img_gallery a.thisnext span { background-image: url(../images/press_thisnext.jpg); } .img_gallery a.kristopher span { background-image: url(../images/press_kristopher.jpg); } .img_gallery a.instinct span { background-image: url(../images/press_instinct.jpg); } .img_gallery a.lnl span { background-image: url(../images/press_lnl.jpg); } .img_gallery a.ninefourfour span { background-image: url(../images/press_ninefourfour.jpg); } .img_gallery a.productdose span { background-image: url(../images/press_productdose.jpg); } .img_gallery a.inmag span { background-image: url(../images/press_inmag.jpg); } .img_gallery a.shavingstuff span { background-image: url(../images/press_shavingstuff.jpg); } .img_gallery a.uncrate span { background-image: url(../images/press_uncrate.jpg); } .img_gallery a.gorgeous span { background-image: url(../images/press_gorgeous.jpg); } .img_gallery a.starradio span { background-image: url(../images/press_starradio.jpg); } .img_gallery a.lbbj span { background-image: url(../images/press_lbbj.jpg); } .img_gallery a.skininc span { background-image: url(../images/press_skininc.jpg); } .img_gallery a.carefair span { background-image: url(../images/press_carefair.jpg); } .img_gallery a.shavestuff1 span { background-image: url(../images/press_shavestuff1.jpg); } .img_gallery a.shavestuff2 span { background-image: url(../images/press_shavestuff2.jpg); } .img_gallery a.menshealth_0703 span { background-image: url(../images/press_menshealth_0703.jpg); } .img_gallery a.ninefourfour_0704 span { background-image: url(../images/press_ninefourfour_0704.jpg); } .img_gallery a.dayspa_0704 span { background-image: url(../images/press_dayspa_0704.jpg); } .img_gallery a.fashiontribe_0704 span { background-image: url(../images/press_fashiontribe_0704.jpg); } .img_gallery a.menshealth_0705 span { background-image: url(../images/press_menshealth_0705.jpg); } .img_gallery a.menshealth_awd1 span { background-image: url(../images/press_menshealth_awd1.jpg); } .img_gallery a.londontimes span { background-image: url(../images/press_londontimes.jpg); } .img_gallery a.dnr span { background-image: url(../images/press_dnr.jpg); } .img_gallery a.frontier span { background-image: url(../images/ad_frontier.jpg); } .img_gallery a.radio_martha span { background-image: url(../images/ad_radio_martha.jpg); } .img_gallery a.jingleball span { background-image: url(../images/ad_jingleball.jpg); } .img_gallery a.wtb_me span { background-image: url(../images/wtb_me.jpg); } .img_gallery a.wtb_details span { background-image: url(../images/wtb_details.jpg); } .img_gallery a.wtb_breakers span { background-image: url(../images/wtb_breakers.jpg); } .img_gallery a.wtb_seaisland span { background-image: url(../images/wtb_seaisland.jpg); } .img_gallery a.wtb_kalianas span { background-image: url(../images/wtb_kalianas.jpg); } .img_gallery a.wtb_strictlymen span { background-image: url(../images/wtb_strictlymen.jpg); } .img_gallery a.wtb_groomlounge span { background-image: url(../images/wtb_groomlounge.jpg); } .img_gallery a.wtb_mankind span { background-image: url(../images/wtb_mankind.jpg); } .img_gallery a.wtb_blackbird span { background-image: url(../images/wtb_blackbird.jpg); } .img_gallery a.wtb_essence span { background-image: url(../images/wtb_essence.jpg); } .img_gallery a.wtb_fineshaving span { background-image: url(../images/wtb_fineshaving.jpg); } .img_gallery a.wtb_lodge span { background-image: url(../images/wtb_lodge.jpg); } .img_gallery a.wtb_exm span { background-image: url(../images/wtb_exm.jpg); } .img_gallery a.wtb_hotelhana span { background-image: url(../images/wtb_hotelhana.jpg); } .img_gallery a.wtb_osrow span { background-image: url(../images/wtb_osrow.jpg); } .img_gallery a.wtb_borgata span { background-image: url(../images/wtb_borgata.jpg); } .img_gallery a.wtb_buzzskin span { background-image: url(../images/wtb_buzzskin.jpg); } .img_gallery a.wtb_fez span { background-image: url(../images/wtb_fez.jpg); } .img_gallery a.wtb_skinreflections span { background-image: url(../images/wtb_skinreflections.jpg); } .img_gallery a.wtb_adamgrooming span { background-image: url(../images/wtb_adamgrooming.jpg); } .img_gallery a.wtb_momentum span { background-image: url(../images/wtb_momentum.jpg); } .img_gallery a.wtb_4men span { background-image: url(../images/wtb_4men.jpg); } .img_gallery a.wtb_skinandco span { background-image: url(../images/wtb_skinandco.jpg); } .img_gallery a.wtb_hislounge span { background-image: url(../images/wtb_hislounge.jpg); } .img_gallery a.wtb_viceroy span { background-image: url(../images/wtb_viceroy.jpg); } .img_gallery a.wtb_hairm span { background-image: url(../images/wtb_hairm.jpg); } .img_gallery a:hover span { background-position: 0 -170px;} .img_gallery a:hover { border: 1px solid #597b94; } #s_main .tips p { float: left; display: inline; width: 240px; min-height: 100px; margin: 0 8px 8px 0; padding: 8px; border: 1px solid #ddd; font-size: 12px; line-height: 14px;} * html #s_main .tips p { width: 260px; w\idth: 240px; height: 100px;} .tips p img { float: left; display: inline; margin: 0 8px 5px 0; } /* MISC*/ hr { background: #dcdcdc; color: #dcdcdc; margin: 0 0 20px; } a.arrow:link, a.arrow:visited, p.arrow a:link, p.arrow a:visited { background: url(../images/arrow.gif) no-repeat 0 7px; padding-left: 8px; text-align: left;} a.icon_pdf:link, a.icon_pdf:visited { background: url(../images/icon_pdf.gif) no-repeat bottom right; padding-right: 20px;} a.icon_quicktime:link, a.icon_quicktime:visited { background: url(../images/icon_quicktime.gif) no-repeat bottom right; padding-right: 20px;} input.btn { background: #5678a1 url(../images/bg_submit.gif) repeat-x; padding: 2px; text-decoration:none; color: #fff; font-size: 10px; font-weight: bold; font-family: trebuchet ms, arial, sans-serif; text-transform: uppercase; border: 0;} .clear { clear: both; font-size: 0px; height: 0px; line-height: 1px;} .float_r { float: right; margin: 0 0 5px 10px;} .float_l { float: left; margin: 5px 10px 5px 0;} sup {line-height: 0px; font-size: 7px;} blockquote {border-bottom: 1px solid #ccc; padding: 5px 0 15px; margin: 0 0 10px;} h1 { padding: 0 0 5px; font-size: 19px; line-height: 19px; font-weight: normal; text-transform: uppercase;} #sub h1 {text-transform: none; font-size: 22px; padding: 0 0 10px;} h2 { padding: 0 0 5px; font-size: 16px; text-transform: uppercase; font-weight: normal;} #subnav h2 { font-size: 16px; color: #9E9B79; font-weight: bold; letter-spacing: -1px; padding: 0 0 10px;} h3 { font-size: 13px; font-style: italic; color: #3c5881} #aOverlay { background: #9e9b79; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 900; display: none; cursor: pointer;} #aBox { position: absolute; z-index: 950; height: 42px; width: 42px; overflow: hidden; } #aBox div#aImgHolder { display: block; padding: 10px 0; background: #EEE; min-height: 32px; } #aBox img#aImg { display: block; margin: 0 10px; background: #EEE; } #aBox *:focus { -moz-outline: 0;; } #aBox a.aButton { float: right; background-color: transparent; background-image: url(../images/aBox-buttons.gif); text-decoration: none; width: 40px; height: 16px; cursor: pointer; border: 0; background-repeat: no-repeat; } #aBox a.aButton:hover { background-color: transparent; text-decoration: none; border: 0; } #aBox a.aButton:active { background-color: transparent; border: 0; } #aBox a#aCloseButton { width: 28px; height: 32px; } #aBox a#aCloseButton { background-position: 0 0; float: left; } #aBox a#aNextButton { background-position: -68px 0; } #aBox a#aPrevButton { background-position: -28px 0; } #aBox a#aCloseButton:hover { background-position: 0 -64px; } #aBox a#aNextButton:hover { background-position: -68px -64px; } #aBox a#aPrevButton:hover { background-position: -28px -64px; } #aBox a#aCloseButton:active { background-position: 0 -32px; } #aBox a#aNextButton:active { background-position: -68px -32px; } #aBox a#aPrevButton:active { background-position: -28px -32px; } #aBox div#aBoxMeta { position: absolute; left: 0; z-index: 960; background: #eee; padding: 0 10px; height: 0; overflow: hidden; } #aBox h1#aInfoTitle { color: #56732E; font-size: 16px; font-weight: bold; margin: 0 80px 0 32px; padding: 0 !important; } #aBox p#aCount { clear: right; float: right; text-align: center; width: 80px; margin: 0; color: #666; font-size: 11px; } #aBox p#aInfo { margin: 0 80px 0 32px; color: #666; font-size: 11px; } #aBox h1#aInfoTitle, #aBox p#aCount, #aBox p#aInfo { text-transform: none !important; } img#aLoadImg { position: absolute; top: -900em; left: -900em; border: 0; width: 32px; height: 32px; z-index: 999; }