/* clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* global */ * { margin:0; padding:0; border:0; font-size:100%; } body { font-size:62.5%; font-family:arial,helvetica,sans-serif; color:#333; background:#161616; } ul li { list-style:none;} #container { width:980px; height:605px; background:#000000;} #header { /*height:35px; color:#fff; background:#666 url(../images/bg-header.gif) repeat-x 0 0; */} #header .inner { padding:10px 20px 0 14px;} #header a { color:#fff; } #header a:hover { color:#85bade; } #header ul li { float:left; font-size:1.1em; } #header ul li.home { padding-right:21px; background:transparent url(../images/diamond.gif) no-repeat 3em 0.2em;} #header ul li.crumb { padding-left:21px; background:transparent url(../images/diamond.gif) no-repeat 6px 0.2em;} #header ul.intnl { position: absolute; right: 14px; top: 10px; } #header ul.intnl li { padding-left:21px; } #header ul.intnl li.here { color:#85bade; } #content { height:540px; z-index:0; } #content #content-nav { float:left; width:220px; height:540px; background:#000; color:#fff; overflow:hidden; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; } #content #content-nav .inner { width:220px; } #content #content-nav ul { padding:49px 27px 0 0;} #content #content-nav ul li { margin-bottom:13px; padding-left:16px; font-size:1.2em; font-weight:bold; } #content #content-nav ul li a { color:#fff; text-decoration:none;} #content #content-nav ul li a:hover { color:#85bade; } #content #content-nav ul li.current { background:transparent url(../images/arrow.gif) no-repeat 6px 4px; } #content #content-nav ul li.current a { color:#85bade; } #content #content-nav ul li.visit { margin:2px 0 0 16px; padding:15px 0 15px 0; border-top:1px solid #a6a6a6;border-bottom:1px solid #a6a6a6;} #content #content-nav ul li.visit a { color:#a6a6a6; } #content #content-nav ul li.visit a:hover { color:#85bade; } /*new code added for dunhillvisit*/ #content #content-nav ul li.visitm { margin:2px 0 0 16px; padding:15px 0 0 0; } #content #content-nav ul li.visitm a { color:#a6a6a6; } #content #content-nav ul li.visitm a:hover { color:#85bade; } /*end of new code for dunhillvisit*/ #content #content-main { float:right; width:760px; height:540px; overflow:hidden; } #content #content-main a{ color:#fff; text-decoration:none; } #content #content-main a:hover { color:#85bade; } /*new code for dunhill logo*/ #content .logo { margin:180px 0 0 50px; } /*end of new code for dunhill logo*/ #footer { height:30px; background:#161616;} #footer .inner { padding:8px 20px 0 14px;} #footer p { float:left; color:#8E8E8E;} #footer a { color:#8E8E8E; text-decoration:none;} #footer a:hover { color:#85bade;} #footer ul { float:right;} #footer ul li { float:left; margin-left:8px; padding-left:8px; background:transparent url(../images/pipe.gif) no-repeat 0 2px; } #footer ul li.first { background:none; } /* backgrounds */ /*new bg class added*/ .dunhill { background:transparent url(../images/bg-dunhill0.jpg) no-repeat 0 0; } .bg-thrange { background:transparent url(../images/dunhill_therange.jpg) no-repeat 0 0; } .dunhill-home { background:transparent url(../images/dunhill_london_home_v1.jpg) no-repeat 0 0; } /*end of new bg class*/ .dunhill0 { background:transparent url(../images/bg-flag.jpg) no-repeat 0 0; } .bg-flag { background:transparent url(../images/bg-flag.jpg) no-repeat 0 0; } .splitter { background:#000 url(../images/bg-splitter.gif) no-repeat 0 100%; } .bg-splash { background:transparent url(../images/bg-splash.jpg) no-repeat 0 0; } .bg-range { background:transparent url(../images/bg-range.jpg) no-repeat 0 0; } .bg-advert { background:transparent url(../images/bg-advert.jpg) no-repeat 0 0; } /* pages/components */ #content-main img.bottle {float:left; margin:45px 0 0 102px;} #content-main img.range {float:left; margin:67px 0 0 32px;} #sample-form { float:right; width:454px; margin:90px 54px 0 0; display:inline; background:#000; color:#fff; overflow:hidden; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; } #sample-form .inner { margin:12px; padding:27px 27px 14px 27px; border:1px solid #fff; } #sample-form h3 { width:293px; height:12px; margin-bottom:29px; overflow:hidden; text-indent:-9999px; background:transparent url(../images/request-title.gif) no-repeat 79px 0; } #sample-form p { margin-bottom:23px; text-align:center;} #sample-form ul li { float:left; margin-right:13px; margin-bottom:12px;} #sample-form ul li.no-margin { margin:0 0 12px 0;} #sample-form ul li.button { float:right; width:200px; margin:10px 0 0 0; text-align:right; } #sample-form label { display:block;} #sample-form label.nb { display:inline; padding:0 10px 0 5px;} #sample-form input {padding:1px 0;} #sample-form input.textfield1 { width:21px; } #sample-form input.textfield2 { width:36px; } #sample-form input.textfield3 { width:56px; } #sample-form input.textfield4 { width:118px; } #sample-form input.textfield5 { width:154px; } #sample-form input.textfield6 { width:178px; } #sample-form select { width:178px; } .sample img.bottle {float:left; margin:44px 0 0 57px;} .splitter {position:relative;} .splitter .box { float:left; width:390px; height:130px; margin-top:185px; } .splitter .first { margin:185px 10px 0 97px; display:inline;} .splitter .inner { border:1px solid #424242; } .splitter .inner p { float:left; padding:7px 0 3px 10px;} .splitter .inner p a { color:#fff; font-size:1.2em; font-weight:bold; text-decoration:none; } .splitter .inner p a:hover { color:#85bade; } .splitter .inner img {float:left; clear:both;} .splitter #selfridges { display:none; width:503px; position:absolute; top:55px; left:242px; z-index:100; padding:9px 12px 12px 12px; border:1px solid #424242; background:#000 url(../images/img-self.jpg) no-repeat 12px 26px; } .splitter #selfridges p.close {margin:0; text-align:right; } .splitter #selfridges p.close img { cursor:pointer;} .splitter #selfridges .wrap {width:375px; margin:198px 0 0 115px;padding-bottom:18px; color:#fff; } .splitter #selfridges p.world {font-size:1.8em;} .splitter #selfridges p.jan { margin-bottom:6px; font-size:1.5em;} .splitter #selfridges p.henry { padding-top:7px; font-size:1.2em; border-top:1px solid #fff;} #info-col { float:right; width:260px; height:465px; margin:28px 14px 3px 0; overflow:hidden; font-size:1.2em; background:#000; color:#fff; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;} #info-col .inner { padding:8px 18px 0 20px; } #info-col p { margin-bottom:16px;} #info-col ul { width:180px; border-top:1px solid #ccc; } #info-col ul li { padding:7px 0 9px; border-bottom:1px solid #ccc;} #info-col .wrap { margin-bottom:8px; } #info-col .borders { width:180px; height:1px; overflow:hidden; border-top:1px solid #ccc; margin-bottom:2px; } /*New code added margin-bottom:2px;*/ #info-col h2 { margin:5px 0 12px 0; color:#85bade; } #info-col dl dt { color:#85bade; font-weight:bold;} #info-col dl dd { margin-bottom:16px;} #find-out { float:right; clear:both; width:260px; height:32px; margin-right:14px; font-size:1.2em; background:#000; color:#fff; filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85;} #find-out p { margin:8px 0 0 20px;} a.arrow-link { padding-right:15px; font-weight:bold; background:transparent url(../images/link-arrow.gif) no-repeat 100% 3px; } a.back-link { padding-left:10px; font-weight:bold; background:transparent url(../images/link-back.gif) no-repeat 0 3px; } .free-sample #sample-form { float:left; width:436px; margin:95px 0 0 12px; } .free-sample #sample-form .inner { padding:27px 18px 14px 18px;} p.back-tab { float:left; margin:90px 0 0 102px; padding:6px 18px 6px 14px; display:inline; background:#000; color:#fff; /* filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; */ } #more-box { float:left; height:349px; width:462px; margin-left:102px; display:inline; clear:both; color:#fff; background:#000; /* filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; */ } #more-box .inner { padding:56px 0 0 56px; } /* 'The Advertising' section */ ul#advert-links { width:760px; height:540px; position:relative; } ul#advert-links li { position:absolute; } ul#advert-links li a { text-indent:-9999px; overflow:hidden; } ul#advert-links li#link-tv { left:24px; top:248px; } ul#advert-links li#link-tv a { display:block; width:70px; height:9px; } ul#advert-links li#link-behind { left:160px; top:180px; } ul#advert-links li#link-behind a { display:block; width:135px; height:9px; } ul#advert-links li#link-print { left:382px; top:170px; } ul#advert-links li#link-print a { display:block; width:92px; height:9px; } ul#advert-links li#link-bio { left:570px; top:236px; } ul#advert-links li#link-bio a { display:block; width:78px; height:9px; } ul#advert-links li#link-qa { left:706px; top:268px; } ul#advert-links li#link-qa a { display:block; width:32px; height:9px; } .advert p.back-tab { margin:47px 0 0 62px; } .advert #more-box { height:395px; width:624px; margin-left:62px; overflow:hidden; } /*new code*/ .advert #rangebg{height:395px; width:624px; margin-left:62px; margin-top:104px;} /*end of new code*/ .advert #more-box .inner { padding:20px 17px 16px 17px; text-align:center; } .advert #more-box p.title { margin:10px 0 30px;} .advert #more-box p.title1 { margin:8px 0 30px;} /*New tag for more.htm heading */ .advert #more-box #img-print {margin-top:10px;} .advert #more-box ul#download { margin:9px 0 0 54px;} .advert #more-box ul#download li { float:left; margin-right:54px;} /*changed margin-right from 62px to 54px*/ .advert #more-box ul#download li.last { margin-right:0;} .advert #more-box #img-henry { float:left;} .advert #more-box #info { float:right; width:300px; margin-left:17px; overflow:auto; text-align:left; height:365px; } .advert #more-box #info p { margin-bottom:15px; font-size: 110%;} .advert #more-box #info p.title { margin:35px 0 48px 60px;} .advert #more-box #info h2 {font-size: 110%; margin-bottom: 10px; font-weight:bold; } .advert #more-box #info #pages div.page { height:auto;border:none;} /*new code for bio.htm page for main copy & header */ .advert #more-box #info #pages div.page h1{ font-size: 110%; margin-bottom: 10px; font-weight:bold; } .advert #more-box #info #pages div.page p { margin-bottom:15px; font-size: 110%;} /*end of new code for bio.htm page for main copy & header*/ .advert #more-box .paging a {float:left; padding:0 3px; text-transform:uppercase;} .advert #more-box .paging a:hover {color:#000 !important; background:#85bade;} .advert #more-box .paging a.current { color:#000 !important; background:#fff; } .advert #more-box .paging a.current:hover { background:#fff; } .advert #more-box .paging a.prev {float:left; margin-right:70px; padding-left:8px; background:transparent url(../images/arrow-small2.gif) no-repeat 0 3px;} .advert #more-box .paging a.next {float:right; margin-right:10px; padding-right:7px; background:transparent url(../images/arrow-small1.gif) no-repeat 100% 3px;} .advert #more-box .paging a.prev:hover { color:#85bade !important; background:transparent url(../images/arrow-small2.gif) no-repeat 0 3px; } .advert #more-box .paging a.next:hover { color:#85bade !important; background:transparent url(../images/arrow-small1.gif) no-repeat 100% 3px; } .advert a.arrow-small1 { padding-right:8px; background:transparent url(../images/arrow-small1.gif) no-repeat 100% 3px; } /*new class for more.htm page*/ .flmargin{margin-top:40px;} /*new code for flash class ends*/