/* * Web ../fonts from ../fontspring.com * * All OpenType features and all extended glyphs have been removed. * Fully installable ../fonts can be purchased at http://www.../fontspring.com * * The ../fonts included in this stylesheet are subject to the End User License you purchased * from ../fontspring. The ../fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying,reverse engineering,duplicating,or * distributing this font software. * * (c) 2010 ../fontspring * * * The ../fonts included are copyrighted by the vendor listed below. * * Vendor:fontsite Inc. * License URL:http://www.fontspring.com/fflicense/fontsite */ /*Clarendons*/ /* @font-face { font-family: 'Clarendon Medium'; src: url('../fonts/clarendon-medium-webfont.eot'); src: local('‚ò∫'),url('../fonts/clarendon-medium-webfont.woff') format('woff'),url('../fonts/clarendon-medium-webfont.ttf') format('truetype'),url('../fonts/clarendon-medium-webfont.svg#webfont2G48fP3N') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Clarendon Light'; src: url('../fonts/clarendon-light-webfont.eot'); src: local('‚ò∫'),url('../fonts/clarendon-light-webfont.woff') format('woff'),url('../fonts/clarendon-light-webfont.ttf') format('truetype'),url('../fonts/clarendon-light-webfont.svg#webfontqL1uPdPX') format('svg'); font-weight: normal; font-style: normal; }*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*------------------------------------------------------------------ eric meyer's reset ------------------------------------------------------------------*/ html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body{line-height:1;color:black;background:white;} ol,ul{list-style:none;} table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} blockquote:before,blockquote:after, q:before,q:after{content:"";} blockquote,q{quotes:"" "";} input::-moz-focus-inner{border:0;} /*------------------------------------------------------------------ end reset ------------------------------------------------------------------*/ /*------------------------------------------------------------------ type ------------------------------------------------------------------*/ h1,h2,h3{color:#ffffff;letter-spacing:-.03em;font-weight:normal;} h1{font-size:100px;} h2{font-size:80px;letter-spacing:-.03em;} h3{font-size:60px;margin:10px 0;} h4{font-size:50px;color:#ffffff;font-weight:normal;} h5{font-size:35px;color:#ffffff;font-weight:normal;} h6{color:#ffffff;font-size:21px;font-weight:normal;} p{font-size:13px;line-height:19px;} li{font-size:13px;} a{color:#e3be5a;text-decoration:none;} a:hover{color:#e3be5a;} h5 a,h5 a:hover{color:#ffffff;} .arrow{font-size:14px;padding:0 17px 0 0;background:url('../images/link_arrow_4.png') right 4px no-repeat;} .arrow:hover{background-position:right -31px;} a.external{padding-right:10px;} a.external:hover{text-decoration:underline;background:url('../images/out_arrow.png') no-repeat right 4px;} a.off{cursor:auto;} p a:hover,.section ul a:hover{text-decoration:underline;} .subHead{color:#777674;} h3.subHead{font-size:28px;margin:0;} h4.subHead{font-size:26px;} h5.subHead{font-size:19px;} /*selection color*/ ::-moz-selection{color:#ffffff;background:#e3be5a;} ::selection{color:#ffffff;background:#e3be5a;} h1,h2,h3,h4,h5{ font-family:'Century Gothic W01 Bold'; } /*------------------------------------------------------------------ basic layout ------------------------------------------------------------------*/ body{ background:#121211;color:#ffffff; font-family:'Century Gothic W01' , 'arial'; text-rendering:optimizeLegibility;letter-spacing:.01em; } .header { border-bottom: 1px solid #232321; background: url('../images/donq-bg-pattern.png') center -13px #111111; } .nav{width:960px;margin:0 auto;height:123px;} #main { border-bottom: 1px solid #1e1e1d; background: url('../images/content_bg_1500_56.jpg') no-repeat top center #121211;/* padding-bottom:42px;*/ opacity:0; } #content{width:960px;margin:0 auto;overflow:hidden;} .recipes_index #content{height:auto;} .col1,.col2,.col3{float:left;} .hidden{display:none;} #overlay_black{background:url("../images/about_bg_diagonal_lines.png") top left repeat-x #121211;width:100%;position:absolute;top:125px;left:0;display:none;z-index:9998;} #overlay_black.full{top:0;} /*------------------------------------------------------------------ header and nav ------------------------------------------------------------------*/ h1#siteTitle{float:left;} h1#siteTitle{ padding:0 16px; } h1#siteTitle a{ display:block; background:url('../images/donq-logo-main.png') no-repeat center top; background-size: 100% auto; box-sizing:border-box; -moz-box-sizing:border-box; width:73px; height:113px; margin-top:10px; text-indent:-9999em; margin-right:10px; } .nav ul{text-transform:uppercase;margin-top:81px;float:left;} .nav ul li{float:left;font-size:18px;letter-spacing:-.01em;} .nav ul li:hover a{color:#ffffff;} .nav ul li a { border-left: 1px solid #ffffff; padding: 0 10px; display: block; height: 15px; } .nav ul li.selected{border-bottom:5px solid #232321;} .nav ul li.selected a{color:#FFF;} .nav ul li:first-child a{border-left:0;} #wrapper.about li#aboutTopNav, #wrapper.rums li#rumsNav, #wrapper.recipes li#recipesTopNav, #wrapper.videos li#videosTopNav, #wrapper.events li#eventsTopNav, #wrapper.explorations li#explorationsTopNav, #wrapper.rum_finder li#finderTopNav{/*border-bottom:5px solid #232321;*/} #wrapper.about li#aboutTopNav a, #wrapper.rums li#rumsNav a, #wrapper.recipes li#recipesTopNav a, #wrapper.videos li#videosTopNav a, #wrapper.events li#eventsTopNav a, #wrapper.advice li#adviceTopNav a, #wrapper.explorations li#explorationsTopNav a, #wrapper.rum_finder li#finderTopNav a{color:#ffffff;} .home h1#siteTitle a{/*border-bottom:5px solid #232321;*/padding-bottom:18px;} .header .nav > ul > li > a{ font-size:15px; letter-spacing:.05em; width:100%; height: 11px; line-height: 11px; transition: color .15s ease-out; } .header .nav > ul, .header .nav > ul > li{ height:37px; } .header .nav > ul{ opacity:0; } /*------------------------------------------------------------------ rum drop down ------------------------------------------------------------------*/ .nav ul li div.dd{position:absolute;top:124px;left:0;z-index:9999;overflow:hidden;background:url('../images/dd_ds.png') top left repeat-x #10100f;width:100%;border-bottom:0px solid #22201f;} .nav ul li div.dd ul{margin:-320px auto 0;width:960px;float:none;height:100%;overflow:hidden;background:url('../images/rum_dropdown_list_bg.jpg') top center no-repeat;} .nav ul li div.dd ul li { border-left: 1px solid #22201f; width: 127px; padding-top: 36px; text-transform: none; font-size: 25px; white-space: nowrap; text-align: center; } .nav ul li div.dd ul li a strong { padding-right: 0; color: #ffffff; font-size: 14px; font-family:'Century Gothic W01 Bold'; transition: color .1s ease-out; position: relative; top: -11px; } .nav ul li div.dd ul li a{border-right:none;border-left:none;height:auto;color:#777674;padding: 0;} .nav ul li div.dd ul li:hover a,.nav ul li div.dd ul li:hover a strong,#wrapper.rums li#rumsNav div.dd ul li:hover a,#wrapper.rums li#rumsNav div.dd ul li:hover a strong{color:#e3be5a;} /*------------------------------------------------------------------ about drop down ------------------------------------------------------------------*/ #aboutTopNav div.dd ul{padding-left:30px;} #aboutTopNav div.dd ul li{width:315px;text-align:left;padding-bottom:4px;overflow:visible;} #aboutTopNav div.dd ul li:first-child{width:304px;} #aboutTopNav div.dd ul li a{padding:0;} #aboutTopNav div.dd ul li a.text { /*padding: 10px 0 0 18px; */ color: #ffffff; font-size:20px; } #aboutTopNav div.dd ul li:hover a.text,#wrapper.about li#aboutTopNav div.dd ul li:hover a.text{color:#e3be5a;} /*------------------------------------------------------------------ homepage ------------------------------------------------------------------*/ /*age gate*/ #agBgOpen{position:absolute;top:30px;left:0;width:100%;height:132px;z-index:0;display:none;} #agBgOpen h2 { width: 800px; font-weight: normal; margin: 0 auto; text-align: center; /*font-family: 'Clarendon Light', Georgia, serif;*/ font-size: 37px; padding: 17px 0 12px; border-top: 1px solid #333231; border-bottom: 1px solid #333231; } #ageGate{background:url('../images/age_gate/agegate_bg.jpg') top center repeat-x #202020;height:110px;overflow:hidden;position:relative;border-bottom:1px solid #232321;width:100%;} #ageGateInner{background:url('../images/dropshadow.png') repeat-x left bottom;padding-top:39px;height:71px;} p#ageQuestion{background:url('../images/age_gate/agegate_confirm_button.png') repeat-x;width:298px;padding:11px 0 9px 10px;margin:0 auto 0;z-index:0;cursor:pointer;font-size:14px;font-weight:200;color:#ffffff;} p.ageGateBtns{text-align:center;margin:10px auto 0;width:110px;} .ageGateBtns a{display:block;float:left;width:48px;height:48px;text-indent:-9999em;background-image:url('../images/age_gate/agegate_buttons.png');} .ageGateBtns a.yesBtn{background-position:top left;} .ageGateBtns a.noBtn{background-position:top right;float:right;} .ageGateBtns a.yesBtn:hover{background-position:bottom left;} .ageGateBtns a.noBtn:hover{background-position:bottom right;} #ageGate p{text-align:center;} /*marquee*/ .home ul#marqueeInfo{display:none;} .home #marquee{display:block;width:100%;height:487px;background:url('../images/dropshadow.png') repeat-x left bottom #0d0d0c;position:relative;z-index:3;display:none;} .home #marquee hr{border:0;border-bottom:1px solid #20201f;color:#20201F;width:456px;position:absolute;top:88px;left:50%;margin-left:-228px;z-index:2;} .home #marquee #marqueeText{width:493px;margin:0 auto;text-align:center;padding:0 76px 0 391px;position:relative;z-index:2;height:487px;} .home #marquee #marqueeText p { font-size: 15px; line-height: 1.1em; padding: 0 16px 22px; margin: 0 auto 14px; /*border-bottom: 1px solid #20201f;*/ width: 424px; } .home #marquee #marqueeText a{padding-right:15px;} .home #marquee #marqueeText a.first{margin-right:30px;} .home #marquee #marqueeText a.full{margin:0; width:100%; text-align:center;} .home #marquee #marqueeText .text{position:absolute;top:84px;width:476px;left:50%;margin-left:-238px;z-index:6;} .home #marquee #marqueeText h3.subHead{background:#0d0d0c;display:inline;padding:0 5px;} .home #marquee #marqueeText a.bottom{ position:absolute; top:300px; left:90px; } .ie9 .home #marquee hr, .lte9 .home #marquee hr{ top: 84px; } .ie9 .text h2, .lte9 .text h2{ padding-top: 8px; } .home #marquee #marqueeText h2 { font-size: 70px; letter-spacing: -.01em; margin-bottom: 44px; margin-top:10px; } .home #marquee #marqueeText #marqueeTextInner{position:relative;height:487px;width:456px;overflow:hidden;z-index:3;padding:0 18px;background:url('../images/marquee_home_bg.png') top left #0d0d0c;} .home #marquee #marqueeControls{ width:150px; position:absolute; bottom:20px; left:50%; margin-left:-75px; z-index:5; font-size:12px; } .home #marquee #marqueeControls a{float:left;text-transform:uppercase;color:#ffffff;padding:0;} .home #marquee #marqueeControls a:hover{color:#e3be5a;} .home #marquee #marqueeControls #dots { width: 70px; float: left; height: 15px; margin: 0 10px; position:relative; top:-2px; } .home #marquee #marqImages{width:1200px;position:absolute;bottom:0;left:50%;margin-left:-600px;z-index:0;height:487px;} .home #marquee #marqImages .images{width:1200px;height:487px;position:absolute;} .home #marquee #marqImages .slider{width:2400px;height:487px;position:relative;} .home #marquee #marqImages img{position:absolute;bottom:0;} .home #marquee #marqImages img.marq_1{left:0;} .home #marquee #marqImages img.marq_2{right:0;} .home #marquee #marqImages #recipeBadge{top:173px;left:159px;} .home #marquee .awardsBadge{position:absolute;top:187px;left:157px;} /*ladydata module*/ .featureModule{padding-left:35px;background:url('../images/feature_module_bg.png') right top repeat-y;margin:40px 0;border-top:1px solid #272724;border-bottom:1px solid #272724;height:100%;overflow:hidden;} .featureModule .textBlock{float:left;width:270px;padding:30px 0 0 0;} .featureModule .textBlock p{padding-right:30px;} .featureModule .textBlock h3.subHead{margin-bottom:6px;} .featureModule h4{margin-bottom:55px;letter-spacing:-.02em;line-height:45px} .featureModule p{font-size:13px;color:#b9b8b5;margin-top:13px;line-height:21px;} .featureModule .data{width:615px;background:url('../images/home_ld_module_striped_bg_dark.png');float:right;margin:20px 20px 20px 0;} .featureModule .data h6{font-variant:small-caps;font-weight:normal;font-family:'Clarendon Light',Georgia,serif;padding:20px 0;border-bottom:1px solid #000;text-align:center;font-size:15px;letter-spacing:.02em;font-size:18px;} .featureModule .data .main{border-top:1px solid #171715;} #moasModule h4{margin-bottom:13px;} #moasModule h4 span{font-size:31px;} #moasModule p.disclaimer{margin-top:4px;font-size:10px;line-height:14px;color:#8b8a87;} #moasModule p.disclaimer a{color:#8b8a87;text-decoration:underline;font-family:Arial, sans-serif;} #ladyDataModule .data img{margin:20px 0 11px 28px;float:left;} #ladyDataModule .data h6{letter-spacing: 0px; padding: 20px 0 17px 0; font-weight: normal; font-variant: normal; font-size: 18px; font-size: 17px} #ladyDataModule ul.ladies{float:right;margin: 34px 34px 0 0;width:257px;} #ladyDataModule ul.ladies li{background:#000;margin-bottom:7px;height:100%;overflow:hidden;} #ladyDataModule ul.ladies li img{margin:0;float:left;padding-right: 10px;} #ladyDataModule ul.ladies li div{width:162px;padding:8px 8px 0 8px;} #ladyDataModule ul.ladies li p{font-size:15px;color:#757473;margin:0; width: 200px;} #ladyDataModule ul.ladies li p.ladyName{font-size:18px;color:#ffffff;} #ladyDataModule.featureModule .data { height: 293px; } #ladyDataModule.featureModule h4 { margin-bottom: 55px; } /* BAROMETER EXPLORATIONS */ #barometerDataModule.featureModule .data { height: 293px; } #barometerDataModule.featureModule .data h6 { font-size: 18px; } #barometerDataModule.featureModule h4 { margin-bottom: 25px; } #barometerDataModule a img { padding-top: 7px; } #marquee #marqueeText #barometer a { padding-left: 17px; } #app-store { margin-top: 28px; } .featureModule a.arrow:hover{text-decoration:none;} #facebookModule .data{background:none;} div.visitors{margin:0;color:#ffffff;font-size:24px;text-transform:uppercase;background:rgb(20,20,19);background:rgba(41,41,40,.55);padding:12px 20px;margin:0 0 14px -20px;} div.visitors strong{color:#ffffff;} .discovery_landing .featureModule h4{margin-bottom:14px;} /*content blocks*/ #row1{height:100%;overflow:hidden;} #row1 .section { width: 455px; float: left; margin-top: 20px; position:relative; } #row1 .section:first-child{margin-right:19px;} #row1 .section .subhead-container{ height:50px; width:219px;; position:relative; border-bottom:1px solid #2c2b2a; } #row1 .section h5.subHead { margin-bottom: 6px; border: 0; padding: 0; position:absolute; top:50%; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); } #row1 .section h5.section-head { font-size:32px; } #row1 .section h5 { padding-bottom: 10px; /*border-bottom: 1px solid #373634;*/ margin-bottom: 1px; } #row1 .section .section_content { border-bottom: 1px solid #999999; padding: 8px 0 8px; height: 100%; overflow: hidden; border-top: 1px solid #999999; } #row1 .section .section_content img{float:left;margin-right:16px;} #row1 .section .section_content h6 { margin: 22px 0 10px 0; color: #ffffff; font-size: 18px; } #row1 .section .section_content ul{margin-top:10px;} #row1 .section .section_content ul li{margin-bottom:8px;} #row1 .section .section_content p{margin-top:6px;} #row1 .section a.arrow{margin-top:15px;display:block;float:left;} .home #row1 { /*border-top: 3px solid #1D1D1C;*/ margin: 30px 0 50px; padding: 37px 15px 0; } /*subfooter*/ .subFooter { padding: 50px 0 40px; /*background: #201f1e;*/ height: 100%; overflow: hidden; } /*------------------------------------------------------------------ modules ------------------------------------------------------------------*/ /*slider module*/ .moduleHead{float:left;width:125px;height:215px;padding:0 20px 0 15px;position:relative;} .moduleHead h5.subHead { color: #777674; margin-bottom: 5px; font-size:13px; font-family:'Century Gothic W01'; } .moduleHead h4{font-size:15px;line-height:18px;margin-bottom:8px;} .moduleHead p { /*color: #b9b8b5;*/ margin-bottom: 26px; line-height: 16px; } .moduleHead .arrow{position:absolute;bottom:0;} ul.module{float:left;border-left:1px solid #343331;} ul.module.wrapped{border-left:0;} ul.module li { float: left; width: 195px; position: relative; border-right: 1px dashed #343331; height:240px; } .modHolder{height:100%;overflow:hidden;position:relative;} .modInner{overflow:hidden;margin:0 18px;border-right:1px solid #343331;border-left:1px solid #343331;position:relative;} .modHolder .leftButton{display:block;width:18px;text-indent:-9999em;background:url('../images/slider_controls_small.png') left top no-repeat;position:absolute;left:0;top:50%;margin-top:-16px;cursor:pointer;} .modHolder .rightButton{display:block;width:18px;text-indent:-9999em;background:url('../images/slider_controls_small.png') right top no-repeat;position:absolute;right:0;top:50%;margin-top:-16px;cursor:pointer;} .modHolder .leftButton:hover{background-position:left -32px;} .modHolder .rightButton:hover{background-position:right -32px;} .modHolder .leftButton.off{background-position:left -67px;} .modHolder .rightButton.off{background-position:right -67px;} /*twitter module*/ #twitterModule{width:960px;margin:0 auto;position:relative;} #twitterModule p.byLine{position:absolute;bottom:0;color:#757473;font-size:12px;} #twitterModule ul li{height:200px;padding:20px 32px 0;position:relative;overflow:hidden;} #twitterModule ul li p{color:#b9b8b5;line-height:26px;font-size:13px;} #twitterModule .loadingText{position:absolute;top:40px;left:200px;} /*------------------------------------------------------------------ recipe landing page ------------------------------------------------------------------*/ #recipes{position:relative;top:0;left:0;height:100%;overflow:hidden} #recipes .col1{width:234px;margin-right:15px;float:left;} .noContentAlert{position:absolute;top:100px;left:240px;z-index:99;font-size:28px;} .highLight{width:200px;height:180px;position:absolute;top:0;left:0;z-index:0;} .featured .highLight{top:270px;left:-10px;} /*recipe marquee*/ #recipes .marquee{width:712px;float:right;padding:106px 0 0 17px;position:relative;right:0;top:0;background:url('../images/recipes_marquee_bg.png') 435px 100px no-repeat;border-bottom:3px solid #373634;} #recipes .marquee .title { position:relative; display: block; width: 427px; height: 145px; border-bottom:1px solid #565656; } #recipes .marquee .title hr{ color:#999999; } #recipes .marquee .title h4{ text-align:center; font-size:25px; font-family:'Century Gothic W01'; margin-bottom: -10px; } #recipes .marquee .title h4 span{ background-color:#1e1e1e; position: relative; top: -25px; padding-left:15px; padding-right:15px; } #recipes .marquee .title hr { width: 427px; float: left; border: 1px solid #565656; height: 0; } #recipes .marquee .title h5{ font-size:54px; } #recipes .marquee p{width:327px;padding:36px 50px 50px;text-align:center;color:#ffffff;line-height:19px;} .todaysDrink{position:absolute;right:0;bottom:0;width:283px;text-align:center;margin-bottom:20px;} .todaysDrink img{margin:-10px 0 0 -20px;} .todaysDrink .text{right:0;bottom:130px;text-align:left; text-align:center;} .todaysDrink .text h6{text-transform:uppercase;font-size:15px;margin-bottom:5px;color:#ffffff} .todaysDrink .text a{font-size:14px;padding-right:15px;background:url('../images/link_arrow_4.png') right 5px no-repeat; margin-right:-2px;} .todaysDrink .text a:hover{background-position:right -30px;} /*filter*/ #filterList{position:absolute;top:0px;z-index:3;} #filterList h3 { margin: 39px 0 10px 15px; font-size: 20px; letter-spacing: .05em; height: 100%; overflow: hidden; } #filterList h3.and { margin: 22px 0 5px; letter-spacing: -.05em; text-align:center; width:174px; } #filterList h3 span{float:left;} #filterList hr{width:40px;float:left;border:1px solid #201f1e;height:0;margin-left:10px;margin-right:10px;} #filterList h4{font-size:19px;padding:0 0 6px 5px;margin:0 10px 11px 10px;border-bottom:1px solid #373634;} .listBox{background:#201f1e;padding:21px 0 11px;width:174px;} ul.filters li{padding:0 10px;margin-bottom:3px;font-size:16px;} ul.filters li a { display: block; padding: 6px 20px 6px 5px; color: #808285; font-family:'Century Gothic W01 Bold'; } ul.filters li a.selected{background:#e3be5a;color:#ffffff;text-transform:uppercase;} ul.filters li:hover{ /*background:url('../images/recipe_filter_list_over.jpg') top left #201F1E; */ text-transform:uppercase; background-color: #e3be5a} ul.filters li:hover a{color:#ffffff;background:none;} /*drink grid*/ ul.grid{list-style:none;margin:0 0 40px 240px;overflow:hidden;width:719px;padding:0 5px;float:right;position:relative;} ul.grid li{float:left;height:250px;width:178px;padding-top:36px;overflow:hidden;} ul.grid li a{} ul.grid li img{display:block;width:138px;position:absolute;bottom:50px;left:20px;z-index:3;} ul.grid li h5.drinkTitle { letter-spacing: -.01em; font-size: 15px; margin: 203px 10px 0; border-bottom: 1px solid #2c2b2a; display: block; text-align: center; position: absolute; bottom: 0; width: 158px; padding-bottom: 26px; } ul.grid li h5 span a { padding-right: 16px; margin-left: 6px; background: url('../images/link_arrow_6.png') right 5px no-repeat; color: #ffffff; } ul.grid li.over h5 span a { color: #e3be5a; background-position: right -26px; } ul.grid li.featured{height:552px;width:160px;overflow:hidden;background:#1d1d1c;float:right;padding-top:0;margin:20px 12px 0px 5px;position:relative;cursor:pointer;} ul.grid li.featured:hover{background:#201f1e;} ul.grid li.featured img{left:-10px;height:255px;width:auto;} ul.grid li.featured h4 { font-size: 17px; color: #777674; /*text-transform: uppercase;*/ font-family:'Century Gothic W01'; padding: 9px 14px 0; } ul.grid li.featured h5{border-bottom:0;margin:24px 0 10px 15px;padding:0;text-align:left;font-size:25px;position:static;} ul.grid li.featured h5 a { color: #ffffff; background: url('../images/link_arrow_6.png') right 9px no-repeat; color: #ffffff; padding-right: 15px; font-size: 21px; } ul.grid li.featured h5 a:hover{color:#e3be5a;background-position:right -22px;} ul.grid li.featured h5 span{background:none;} ul.grid li.featured:hover p{color:#b9b8b5;} ul.grid li.featured p{color:#ffffff;padding:0 15px;font-size:12px;line-height:17px;} ul.grid li.featured a.get{text-align:center;position:absolute;top:506px;width:130px;display:block;padding-top:13px;border-top:1px solid #373634;margin:0 25px 0 15px;font-size:14px;background:url('../images/link_arrow_4.png') right 17px no-repeat;} ul.grid li.featured a.get:hover { background-position: right -18px; } /*------------------------------------------------------------------ recipe detail page ------------------------------------------------------------------*/ /*column 2*/ .recipe_detail #content{padding-bottom:60px;} .recipe_detail #col1{float:left;width:456px;margin-left:18px;position:relative;} .recipe_detail #col2{float:left;width:456px;margin:0;padding-bottom:50px;} .recipe_detail h1{margin-left:-3px;} .recipe_detail #col1 #drinkHero{background:url('../images/big_drink_bg.png') no-repeat center 225px ;width:100%;text-align:center;position:relative;} .recipe_detail #col1 #drinkHero img{margin-top:90px;} .recipe_detail #col1.short #drinkHero{background:url('../images/big_drink_bg.png') no-repeat center 145px ;} .recipe_detail #col1.short #drinkHero img{margin-top:150px;} #recipeBadge { box-sizing:border-box; -moz-box-sizing:border-box; display: block; color: #ffffff; cursor: pointer; position: absolute; top: 278px; left: -5px; padding: 54px 0 30px; height: 123px; width: 125px; text-align: center; background: url('../images/donq_sprite.png') 3px -748px no-repeat; font-size: 14px; -webkit-border-radius: 62.5px; -moz-border-radius: 62.5px; border-radius: 62.5px; transition:border .4s ease-out, box-shadow .4s ease-out; } #recipeBadge:hover { padding: 53px 0 30px; background-position: 3px -868px; box-shadow: 0 0 25px 0px #e3be5a; } #recipeBadge em { display: block; font-size: 9px; color: #ffffff; font-style: normal; line-height: 9px; transition: color .2s ease-out; } #recipeBadge:hover em { color:#EDC75E; } #recipeBadge.gran-anejo em { font-size: 13px; line-height: 19px } .recipe_detail #col1.short #recipeBadge{top:278px;} /*column 2*/ .recipe_detail #col2 #recipeText{padding:82px 0 0 18px;border-left:1px solid #252524;margin-bottom:50px;} .recipe_detail #recipeText h2{position:relative;} .recipe_detail #recipeText h2 .awardsBadge{position:absolute;right:60px;bottom:5px;} .recipe_detail #col2 #recipeText ul { padding-top: 40px; border-top: 1px solid #252524; margin-bottom: 25px; margin-right: 60px; color:#ffffff; } .recipe_detail #col2 #recipeText p{margin-right:60px;} .recipe_detail #col2 #recipeText ul li { clear: both; font-size: 14px; padding-bottom: 9px; height: 100%; overflow: hidden; color: #ffffff; } .recipe_detail #col2 #recipeText ul li span{display:block;float:left;} .recipe_detail #col2 #recipeText ul li span.dots{display:inline;float:none;color:#515254;font-size:12px;} .recipe_detail #col2 #recipeText ul li span.amount{width:120px;margin-right:5px;overflow:hidden;white-space:nowrap;} .recipe_detail #col2 #recipeText ul li span.ingredient { text-transform: capitalize; } /*video module*/ .recipe_detail #col2 #videoModule{margin-left:18px;background:#1b1a19;height:91px;overflow:hidden;position:relative;} .recipe_detail #col2 #videoModule h6{padding:15px 0 5px 18px;float:left;clear:right;} .recipe_detail #col2 #videoModule p{padding:0 0 0 18px;float:left;} .recipe_detail #col2 #videoModule img{float:left;width:158px;} #videoLink{display:block;float:left;width:158px;height:91px;background:('../images/ajax-loader_snake.gif') 50% 50% no-repeat;} #videoLink span.vidButton{text-indent:-9999em;display:block;position:absolute;z-index:3;left:64px;top:31px;background:url('../images/donq_sprite.png') left -661px no-repeat;width:33px;height:34px;} #videoLink:hover span.vidButton,#videoLink.on span.vidButton{background-position:left -707px;} #videoLink:hover img,#videoLink.on img{opacity:.7;} #vidHolder{position:fixed;top:50%;left:50%;width:640px;height:363px;margin-left:-320px;margin-top:-181px;z-index:9999;} /*ladydata module*/ .recipe_detail #col2 .ladyDataModule{border-top:3px solid #252423;margin:40px 0 0 18px;} .recipe_detail #col2 .ladyDataModule h4{color:#ffffff;padding:22px 18px 0 0;float:left;} .recipe_detail #col2 .ladyDataModule ul{float:left;margin-top:15px;} .recipe_detail #col2 .ladyDataModule ul li{float:left;margin-left:7px;} .recipe_detail #col2 .ladyDataModule ul li:first-child{margin-left:0;} .recipe_detail #col2 .ladyDataModule ul li img{border:1px solid #252423;} /*related recipes module*/ #relatedRecipesModule{width:960px;margin:0 auto;} #relatedRecipesModule ul li{position:relative;border:0;} #relatedRecipesModule ul li .highLight{z-index:0;top:-28px;width:210px;} #relatedRecipesModule ul li h5.drinkTitle { letter-spacing: -.01em; font-size: 15px; margin: 213px 10px 0; display: block; text-align: center; width:175px; /*white-space: nowrap;*/ } #relatedRecipesModule ul li img{display:block;position:absolute;bottom:19px;z-index:1; left:50%; margin-left:-80px;} #relatedRecipesModule ul li h5 span a { padding-right: 16px; margin-left: 6px; background: url('../images/link_arrow_6.png') right 5px no-repeat; color: #ffffff; } #relatedRecipesModule ul li.over h5 span a { color: #e3be5a; background-position: right -26px; } #relatedRecipesModule .moduleHead{height:234px;} #relatedRecipesModule .modInner{ height:260px; } /*------------------------------------------------------------------ rum landing page ------------------------------------------------------------------*/ #bottlesHero { width: 960px; margin: 0 auto; padding: 0 21px; background: url('../images/bottles-hero-bg.png') center -46px no-repeat; /*background: url('../images/bottles_hero_bg.png') top center no-repeat;*/ opacity:0; } #bottlesHero ul { height: 100%; overflow: hidden; padding: 42px 0 42px 30px; } #bottlesHero ul li:first-child,#bottlesHero ul li.first{margin-left:0;} #bottlesHero ul li { float: left; /*width: 181px;*/ margin-left: 13px; text-transform: none; font-size: 25px; white-space: nowrap; text-align: center; /*border-bottom: 1px solid #252524;*/ position: relative; margin-left:30px; /* margin-right:30px; */ } #bottlesHero ul li img{position:relative;z-index:2;} #bottlesHero ul li .highLight { top: 86px; left: -55px; z-index: 0; } #bottlesHero ul li a.rumTitle strong { padding-right: 0; color: #ffffff; transition:color .25s ease-out; } #bottlesHero ul li a.rumTitle { padding: 20px 0; display: block; color: #777674; font-size: 16px; } #bottlesHero ul li:hover a.rumTitle,#bottlesHero ul li:hover a.rumTitle strong{color:#e3be5a;} #wrapper.rum_landing{background:#0F0F0E;} .rum_landing #row1{margin:40px 0 40px;padding:0 15px;} .rum_landing #main { border-top: 1px solid #545454; background-position: center -300px; } .rum_landing #row1 .section h5 { /*border-top: 1px solid #2D2D2B;*/ border-bottom:none; font-size:32px; color:#ffffff; } .rum_landing #row1 .section .section_content h6{ font-size: 16px; color:#ffffff; } .rum_landing #row1 .section .section_content{ border-color:#ffffff; } /*------------------------------------------------------------------ rum detail page ------------------------------------------------------------------*/ .rum_detail .subFooter, .recipe_detail .subFooter{background:#1b1a19} /*column 1*/ .rum_detail #col1{float:left;width:456px;margin-left:18px;position:relative;} .rum_detail #col2{float:left;width:456px;margin:0;padding-bottom:50px;} .rum_detail #detailText h1 { margin-left: -3px; line-height: 90px; padding-bottom: 15px; border-bottom: 1px solid #252524; font-size:74px; } .rum_detail #col1 #bottleHero { background: url('../images/rum_detail_hero_bg.png') no-repeat 0 343px; width: 100%; text-align: center; height: 900px; position: relative; } .rum_detail #col1 #bottleHero img{margin-top:88px;} .rum_detail.gran-anejo #col1 #bottleHero{background-position:0 227px;} .rum_detail.gran-anejo #col1 #bottleHero img{margin-top:92px;} /*column 2*/ .rum_detail #col2 #detailText{padding:82px 0 0 18px;border-left:1px solid #252524;margin-bottom:50px; margin-right:60px;position:relative;} .rum_detail #col2 #detailText p{padding-top:15px;margin-bottom:15px;} .rum_detail #col2 #detailText ul li{clear:both;font-size:15px;margin-bottom:9px;height:100%;overflow:hidden;color:#ffffff;} .rum_detail #col2 #detailText ul li span{display:block;float:left;} .rum_detail #col2 #detailText ul li span.dots{display:inline;float:none;color:#515254;font-size:12px;} .rum_detail #col2 #detailText ul li span.amount{width:70px;margin-right:5px;overflow:hidden;white-space:nowrap;} .rum_detail #col2 #detailText ul li span.ingredient{text-transform:uppercase;} /*rum navigation*/ #detailPagination{position:absolute;top:0;left:18px;width:438px;} #detailPagination p{text-transform:uppercase;margin-top:-6px;font-size:14px;color:#454443;float:left;} #detailPagination p a{color:#777674;padding:0 6px;} #detailPagination p a:hover{color:#ffffff;text-decoration:none;} #detailPagination #paginationDots { width: 75px; float: right; height: 15px; margin-right: 54px; margin-top: 10px; display:none; } /*facebook like button*/ .fb_like{margin:10px 0;} /*awards list*/ .awardsList{margin:0 0 15px 15px;} .awardsList h4 { font-size: 32px; /*border-bottom: 1px solid #373634;*/ padding-bottom: 10px; margin-bottom: 1px; } .awardsList dl { /*border-top: 1px solid #2d2c2a;*/ padding-top: 15px; border-bottom: 1px solid #373634; margin-bottom: 10px; } .awardsList dl dt { color: #777674; font-size: 16px; border-bottom: 2px solid #777674; padding-bottom:4px; } .awardsList dl dd { border-top: 2px solid #777674; padding: 8px 0; line-height: 18px; height: 100%; width: 615px; overflow: hidden; } .awardsList dl dd.first{border-top:none;} .awardsList dl dd h5 { text-transform: uppercase; font-size: 14px; float: left; width: 219px; margin-right: 18px; line-height: 16px; } .awardsList dl dd{position:relative;} .awardsList dl dd a { position: absolute; /*bottom: 7px;*/ left: 235px; text-transform: capitalize; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .rum_detail .awardsList dl{border-bottom:0;} .rum_detail .awardsList dl dd { width: 440px; font-size:14px; } .rum_detail .awardsList dl dd a { font-size: 14px; line-height: 14px; } .rum_detail #col2 a#allRums { margin-left: 15px; padding-top: 15px; /*border-top: 1px solid #242322;*/ display: block; width: 100%; } .rum_detail #col2 a#allRums span.arrow{background-position:right 6px;} .rum_detail #col2 a#allRums:hover span.arrow{background-position:right -29px;} .rum_detail .awardsList{margin:0 0 0 15px} /*flavors*/ .rum_detail.flavors #content{overflow:visible;} .rum_detail.flavors #col1{margin-left:-49px;width:522px;} .rum_detail.flavors #col1 #bottleHero{background:none;width:100%;text-align:center;height:830px;position:relative;} .rum_detail.flavors #col1 ul li{position:absolute;top:0;left:0;} .rum_detail.flavors #col2{overflow:hidden;} .rum_detail.flavors #col2 h1{border-bottom:none;} .rum_detail.flavors #col2 ul#flavorNav{margin-top:30px;text-transform:uppercase;clear:both;height:100%;overflow:hidden;border-bottom:1px solid #252524;} .rum_detail.flavors #col2 ul#flavorNav li{float:left;font-size:18px;padding-bottom:10px;margin-bottom:0;letter-spacing:-.01em;clear:none;} .rum_detail.flavors #col2 ul#flavorNav li:first-child a{padding-left:0;} .rum_detail.flavors #col2 ul#flavorNav li:hover a{color:#ffffff;} .rum_detail.flavors #col2 ul#flavorNav li a { padding: 6px 10px 0; display: block; height: 15px; } .rum_detail.flavors #col2 ul#flavorNav li.selected{border-bottom:5px solid #232321;} .rum_detail.flavors #col2 ul#flavorNav li.selected a{color:#FFF;} .rum_detail #col2 #detailText p.violator{color:#f7f3e5;font-variant:small-caps;font-style:italic;font-size:14px;padding:0 0 0 12px;margin-bottom:0;margin-top:20px;background:url('../images/violator_arrow.png') left center no-repeat;} .rum_detail #col2 #detailText p.violator + p{padding-top:20px;} /*flavor slider*/ .rum_detail.flavors #flavorSlider{overflow:hidden;width:456px;position:relative;left:-18px;} .rum_detail.flavors #flavorSlider .flavorContent{width:441px;position:absolute;left:18px;top:0;} .rum_detail.flavors #flavorSlider .flavorContent.active{left:18px;} .rum_detail.flavors #awardsSlider{position:relative;overflow:hidden;} .rum_detail.flavors .flavorAwards{position:absolute;top:0;width:100%;} .rum_detail.flavors .flavorAwards.active{left:0;} /*------------------------------------------------------------------ rum awards page ------------------------------------------------------------------*/ .rum_awards .hgroup{padding:80px 0 0 18px;margin-left:155px;border-left:1px solid #252524;margin-bottom:50px;} .rum_awards .hgroup p{font-size:15px;color:#ffffff;margin-top:13px;width:613px;} .rum_awards .hgroup h5{float:left;} .rum_awards #content{padding-bottom:55px;} .rum_awards ul.awardsListMain li{clear:both;margin-bottom:50px;height:100%;overflow:hidden;} .rum_awards ul.awardsListMain li .bottle{float:left;width:174px;} .rum_awards ul.awardsListMain li .section{float:right;border-top:3px solid #292927;padding-top:8px;width:785px;} .rum_awards ul.awardsListMain li .hgroup{float:left;width:150px;padding:0;border:0;margin:0;} .rum_awards ul.awardsListMain li .hgroup:hover h4 a, .rum_awards ul.awardsListMain li .hgroup:hover h4.sub, .rum_awards ul.awardsListMain li .hgroup:hover h4{color:#e3be5a;} .rum_awards ul.awardsListMain li .hgroup h4.sub{font-size:21px;color:#777674;margin-top:8px;} .rum_awards ul.awardsListMain li .hgroup h4{font-size:28px;margin-top:-1px;} .rum_awards ul.awardsListMain li h4 a{color:#ffffff;padding:0 17px 0 0;background:url('../images/link_arrow_7.png') right 16px no-repeat;} .rum_awards ul.awardsListMain li h4 a:hover{background-position:right -13px;} .rum_awards ul.awardsListMain li .awardsList{float:left;} .rum_awards .awardsList dl{border-bottom:none;padding-top:11px;} .rum_awards .awardsList dl:first-child{border-top:none;} .rum_awards ul.awardsListMain.flavors{float:right;} .rum_awards ul.awardsListMain.flavors li{margin-bottom:0;} .rum_awards ul.awardsListMain.flavors li:first-child .section{border-top:0;} .rum_awards ul.awardsListMain.flavors li .hgroup h4.sub{font-size:19px;background:none;} .rum_awards ul.awardsListMain.flavors li .hgroup h4{font-size:21px;float:left;clear:both; margin-top:0px;} .rum_awards ul.awardsListMain.flavors li .hgroup h4.sub{margin-top:9px;} .rum_awards ul.awardsListMain.flavors li .hgroup h4 a{background:url('../images/link_arrow_6.png') right 11px no-repeat;} .rum_awards ul.awardsListMain.flavors li .hgroup h4 a:hover{background-position:right -20px;} .rum_awards ul.awardsListMain.flavors li .section{width:785px;border-top:1px solid #292927;} .rum_awards .awardsListHeader{float:right;width:785px;border-top:3px solid #292927;padding:5px 0 10px;} .rum_awards .awardsListHeader .hgroup{width:150px;padding:0;border:0;margin:0;} .rum_awards .awardsListHeader h4.sub{font-size:21px;} .rum_awards .awardsListHeader h4.sub{font-size:21px;color:#777674;} .rum_awards .awardsListHeader h4{font-size:28px;margin-top:6px;} .rum_awards .awardsListHeader h4 a{color:#ffffff;padding:0 17px 0 0;background:url('../images/link_arrow_7.png') right 16px no-repeat;} .rum_awards .awardsListHeader h4 a:hover{background-position:right -13px;} .rum_awards .awardsListHeader:hover h4 a, .rum_awards .awardsListHeader:hover h4.sub, .rum_awards .awardsListHeader:hover h4{color:#e3be5a;} .rum_awards .awardsListHeader h4.sub{font-size:21px;color:#777674;margin-top:8px;} .rum_awards .awardsListHeader h4{font-size:28px;margin-top:-1px;} .listHeaderImg{float:left;} /*------------------------------------------------------------------ finder ------------------------------------------------------------------*/ .rum_finder #finderHeader{padding:40px 15px 30px;height:100%;overflow:hidden;} .rum_finder #finderHeader .hgroup{float:left;} .rum_finder #finderHeader h2 { font-size: 58px; margin-left: -1px; } .rum_finder h3.subHead{ font-size:20px; font-family:'Century Gothic W01'; color:#ffffff; } .rum_finder #finderHeader #controls { float: right; background: #272727; margin-top: 25px; width: 412px; padding-left: 80px; border-bottom: 5px solid #1d1d1d; } .rum_finder #finderHeader #controls fieldset{float:left;position:relative;height:60px;} .rum_finder #finderHeader #controls fieldset ul{border-left:1px solid #2f2f2e;border-right:1px solid #2f2f2e;float:left;padding:15px 20px 10px;width:320px;} .rum_finder #finderHeader #controls fieldset ul li { float: left; font-size: 19px; padding: 0 15px; } .rum_finder #finderHeader #controls fieldset ul li:first-child{border-right:1px solid #2f2f2e;} .rum_finder #finderHeader #controls fieldset ul li label { float: left; padding: 5px; /*text-transform: uppercase;*/ color:#ffffff; font-size:15px; } .rum_finder #finderHeader #controls fieldset ul li input.text { /*font-family: 'Clarendon Light', Georgia, serif;*/ font-size: 19px; color: #ffffff; font-size: 15px; background: #39393a; border-top: 1px solid #171717; border-right: 1px solid #2e2e2e; border-left: 1px solid #2e2e2e; border-bottom: 0; padding: 2px 3px; margin-top: 1px; } .rum_finder #finderHeader #controls fieldset ul li select { /*font-family: 'Clarendon Light', Georgia, serif;*/ color: #ffffff; font-size: 15px; padding: 5px 0 5px 9px; background: #39393a; border: 0; display: block; float: right; font-family:inherit; } .rum_finder #finderHeader #controls fieldset ul li optgroup{ font-family:'Century Gothic W01'; margin:0; padding:0; } .rum_finder #finderHeader #controls fieldset legend span { display: block; position: absolute; left: -80px; top: 0; height: 41px; width: 80px; padding-top: 20px; text-align: center; color: #ffffff; font-size: 14px; } .rum_finder #finderHeader #controls #submit { float: right; background: none; border: 0; color: #e3be5a; height: auto; font-size: 16px; padding: 0; width: 50px; height: 60px; text-align: center; cursor: pointer; } .rum_finder #finderHeader #controls #submit:hover{background:#39393A;color:#ffffff;} .rum_finder #map{height:577px;} .rum_finder #mapHolder{position:relative;} .rum_finder #searchResults{background:rgb(0,0,0);background:rgba(0,0,0,.9);width:253px;position:absolute;top:40px;left:50%;margin-left:-465px;padding:20px 15px 15px 15px;display:none;} .rum_finder #searchResults h4.subHead{color:#ffffff;padding:0 0 15px 0;} .rum_finder #searchResults div#results{margin-bottom:15px;border-top:2px solid #373634;border-bottom:2px solid #373634;overflow:hidden;height:400px} .rum_finder #searchResults div#results ul{overflow:auto;height:400px;text-transform:capitalize;} .rum_finder #searchResults div#results ul li{clear:both;padding-top:15px;} .rum_finder #searchResults div#results ul li p.adr { float: left; width: 180px; } .rum_finder #searchResults div#results ul li p.tel { clear: both; margin: 0 0 0 49px; padding-bottom: 23px; border-bottom: 1px solid #31302e; } .rum_finder #searchResults div#results ul li p.adr span{display:block;clear:both;} .rum_finder #searchResults div#results ul li p.adr span.title { float: left; /*white-space: nowrap;*/ clear: both; font-size: 21px; margin-bottom: 6px; color: #ffffff; padding: 0 20px 0 0; /*background: url('../images/link_arrow.png') right 6px no-repeat;*/ } .rum_finder #searchResults div#results ul li p.adr span.title a{color:#ffffff;} .rum_finder #searchResults div#results ul li p.adr span.title a:hover{text-decoration:none;} .rum_finder #searchResults div#results ul li h5.subHead { color: #ffffff; font-size: 21px; float: left; background: url('../images/donq_sprite.png') no-repeat top left; width: 36px; height: 36px; margin: 0 12px 0 0px; text-align: center; padding-top: 8px; } .rum_finder #searchResults div#results ul li.over h5.subHead{background-position:0 -47px;} .rum_finder #searchResults div#results ul li.over p.adr span.title{background-position:right -25px;} .rum_finder #searchResults div#results ul li.over p.adr span.title a{color:#e3be5a;} .rum_finder #searchResults div#results ul li.over p.adr{color:#ffffff;} .rum_finder #searchResults div#results ul li.over p.tel{color:#ffffff;} .rum_finder #searchResults div#results h3{font-size:55px;line-height:50px;} .rum_finder #searchResults div#results p.prResult{font-size:18px;line-height:24px;margin-top:30px;} /*map markers*/ .rum_finder .dqMarker { position: absolute; background: url('../images/google-map-pin.png') no-repeat; background-size: 100% auto; color: #f0ede5; font-size: 21px; text-align: center; width: 35px; height: 60px; padding: 12px 0 0 16px; } .rum_finder .dqMarker.on { font-size: 43px; margin: -48px 0 0 -30px; height: 90px; width: 65px; padding: 20px 0 0 33px; letter-spacing:-.3px; } .rum_finder .prMarker{position:absolute;background:url('../images/pr_map_overlay.png') no-repeat;color:#f0ede5;font-size:21px;text-align:center;width:159px;height:203px;} /*custom form elements*/ form .checkbox,.radio{width:19px;height:25px;padding:0 5px 0 0;background:url('../images/checkbox.gif') no-repeat;display:block;clear:left;float:left;} form .radio{background:url('../images/radio.gif') no-repeat;} form .select{position:absolute;width:64px;height:28px;background:url('../images/donq_sprite.png') no-repeat 0 -267px;overflow:hidden;font-family:'Clarendon Light',Georgia,serif;color:#ffffff;font-size:15px;padding:5px 24px 0 7px;border:0;margin-top:2px;font-weight:normal;} /*custom scrollbars*/ .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;} .jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:none;} .jScrollPaneDrag{position:absolute;background:#126f92 url('../images/slider_grip.png') center center no-repeat;cursor:pointer;overflow:hidden;} .jScrollPaneDrag:hover{background-color:#43a9ce;} .jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden;} .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden;} a.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;} a.jScrollArrowUp:hover{} a.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px;} a.jScrollArrowDown:hover{} a.jScrollActiveArrowButton,a.jScrollActiveArrowButton:hover{} /* * New JSP css styles * * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #444; position: relative; } .jspDrag { background: #EDC75E; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /*------------------------------------------------------------------ events home ------------------------------------------------------------------*/ .eventsList{clear:both;} .eventsList dl{height:100%;overflow:hidden;border-top:3px solid #242423;} .eventsList dl dt{width:140px;float:left;font-size:22px;color:#808285;padding:38px 0 0 15px;font-family:"Clarendon Light",Georgia,serif;font-weight:normal;} .eventsList dl dd{float:right;width:805px;padding:38px 0 35px;border-top:1px solid #242423;} .eventsList dl dt + dd{border-top:none;} .eventsList dl dd .hgroup{float:left;width:121px;padding-left:13px;} .eventsList dl dd .hgroup h5{font-size:20px;padding-bottom:10px;} .eventsList dl dd .hgroup h6{font-family:"Clarendon Light",Georgia,Times,serif;font-size:12px;color:#474644;font-weight:normal;} .eventsList dl dd .vcard{float:left;width:195px;} .eventsList dl dd .vcard span{display:block;color:#474644;font-size:12px;} .eventsList dl dd .vcard span.region{color:#ffffff;font-size:19px;padding-bottom:10px;text-transform:uppercase;} .eventsList dl dd .event_description{float:left;width:377px;padding-right:18px;} .eventsList dl dd .event_description h5{font-size:21px;float:right;width:335px;padding-bottom:6px;} .eventsList dl dd .event_description .badge{float:left;background:url('../images/donq_sprite.png') no-repeat;width:28px;height:28px;text-indent:-9999em;margin-top:-5px;} .eventsList dl dd .event_description .badge.event{background-position:0 -316px} .eventsList dl dd .event_description .badge.promotion{background-position:0 -348px;} .eventsList dl dd .event_description .badge.happy-hour{background-position:0 -381px;} .eventsList dl dd .event_description p{float:right;width:335px;} .eventsList dl dd a.arrow{font-size:14px;font-family:"Clarendon Medium",Georgia,Times,serif;margin-top:10px;} .eventsList dl dd a.arrow{background-position:right 4px;} .eventsList dl dd a.arrow:hover{background-position:right -31px;} .event_landing h2{float:left;padding:69px 0 0 10px;margin-bottom:25px;} .regionSwitcher{position:absolute;width:960px;left:50%;top:0;margin-left:-480px;text-transform:uppercase;} .regionSwitcher ul{float:right;margin-top:0;} .regionSwitcher ul li{float:left;} .regionSwitcher ul li a{border-left:0;display:block;padding:10px 10px 10px 20px;color:#f0ede5;font-size:15px;background:url('../images/donq_sprite.png') no-repeat;} .regionSwitcher ul li a.us_link{background-position:0px -580px;} .regionSwitcher ul li a.pr_link{background-position:0px -613px;} .event_landing .eventSwitcher{position:static;width:auto;float:right;text-transform:uppercase;margin-top:85px;} .event_landing .eventSwitcher h3.subHead{font-size:18px;color:#f0ede5;text-transform:uppercase;float:left;padding-top:20px;margin-right:20px;} .event_landing .eventSwitcher ul{float:right;} .event_landing .eventSwitcher ul li{float:left;} .event_landing .eventSwitcher ul li a{display:block;padding:20px 34px 20px 60px;color:#f0ede5;font-size:18px;background:url('../images/donq_sprite.png') no-repeat #2c2c2d;} .event_landing .eventSwitcher ul li a.us_link{background-position:30px -472px;} .event_landing .eventSwitcher ul li a.pr_link{background-position:30px -517px;} /*marquee*/ .event_landing #marquee{clear:both;border-top:3px solid #242423;padding:40px 20px 35px 15px ;height:100%;overflow:hidden;} .event_landing #marquee div.image{width:455px;height:297px;overflow:hidden;float:left;} .event_landing #marquee div.text{float:right;width:455px;padding-top:40px;} .event_landing #marquee div.text h3{line-height:53px;margin-top:0;} .event_landing #marquee div.text h3.subHead{line-height:1em;margin-bottom:6px;} .event_landing #marquee div.text p{font-size:15px;color:#ffffff;padding-bottom:15px;margin-bottom:13px;border-bottom:1px solid #272625;width:298px;} .event_landing #marquee div.text a.arrow{font-family:"Clarendon Medium",Georgia,Times,serif;} /*no events*/ h3#noEvents{clear:both;font-size:45px;text-align:center;padding:85px 0 85px 0;display:none;color:#B9B8B5;letter-spacing:-.01em;border-top:3px solid #242423;} /*------------------------------------------------------------------ event detail ------------------------------------------------------------------*/ .event_detail .col1{width:313px;padding-top:80px;} .event_detail .placeholder{float:right;margin-top:-92px;} .event_detail .col2{width:628px;padding:90px 0 0 18px;margin-bottom:80px;border-left:1px solid #292928;} .event_detail p.location{font-size:16px;color:#ffffff;font-family:"Clarendon Medium",Georgia,Times,serif;margin-top:6px;padding-bottom:10px;border-bottom:3px solid #292827;margin-bottom:35px;} .event_detail #content p{width:377px;margin-bottom:1.5em;} .event_detail p a.arrow{text-decoration:none;} .event_detail p.disclaimer{color:#61605e;font-size:11px;} /*form*/ .event_detail #feedback{margin:30px 0;} .event_detail #feedback h4{color:#ffffff;} .event_detail #feedback label{display:none;} .event_detail #feedback ul{height:100%;overflow:hidden;margin:10px 0;list-style:none;} .event_detail #feedback ul li{float:left;} .event_detail #feedback input.text{width:298px;font-family:"Clarendon Light",Georgia,serif;} .event_detail #feedback input#submit{background:url('../images/link_arrow_4.png') right 8px no-repeat;border:none;cursor:pointer;color:#e3be5a;font-family:"Clarendon Light",Georgia,serif;font-size:14px;font-weight:normal;padding:4px 17px 4px 10px;text-transform:capitalize;} .event_detail #feedback input#submit:hover{background-position:right -27px;} .event_detail #content .formError{display:block;float:none;width:auto;margin-left:0;margin-bottom:0} .event_detail .col2{position:relative;} .event_detail .col2 ul{color:#ffffff;margin:20px 0 20px;list-style:url('../images/list_arrow_grey.png') outside;} .event_detail .col2 ul li{border-left:1px solid #363636;margin:0 0 20px 20px;padding-left:10px;} .event_detail .col2 #detailPagination{top:18px;} .event_detail .col2 #detailPagination p a{padding:0;} /*------------------------------------------------------------------ discoveries ------------------------------------------------------------------*/ .discovery_landing .hgroup{margin-top:75px;padding:0 0 33px 8px;height:100%;overflow:hidden;border-bottom:3px solid #292927;} .discovery_landing .hgroup h2{float:left;} .discovery_landing .hgroup p{float:left;width:470px;padding:14px 0 0 30px;font-size:12px;line-height:17px; color:#ffffff;} .discovery_landing .hgroup p strong{font-family:"Clarendon Light",Georgia,serif; font-size:14px; font-weight:300; color:#b9b8b5;} /*------------------------------------------------------------------ contact ------------------------------------------------------------------*/ .contact h2{margin-top:60px;border-bottom:3px solid #292928;padding:0 0 25px 15px;} .contact h4{font-size:28px;} .contact .hgroup{padding-top:27px;width:297px;float:left;} .contact h4.subHead{font-size:21px;text-transform:uppercase;} .contact #feedback h4.thanks{float:left;margin:35px 0;padding-left:35px;} .contact #feedback{margin:3px 0;background:#1c1b1a;padding:0 15px;height:100%;overflow:hidden;} .contact #feedback form{border-left:1px solid #292928;width:597px;float:right;margin:35px 0;padding-left:18px;} .contact #feedback form ul li{margin-bottom:14px;} .contact #feedback form ul li.submitLi{margin-bottom:0;} .contact #feedback form ul li input.text{width:278px;} .contact #feedback form ul li textarea{width:375px;height:97px;} .contact #feedback form ul li input#submit{background:none;border:0;text-transform:uppercase;font-size:19px;color:#e3be5a;padding:0;margin-left:-2px;cursor:pointer;} .contact #feedback label{display:block;color:#ffffff;text-transform:uppercase;font-size:19px;margin-bottom:6px;} input.text,textarea{color:#b9b8b5;color:#ffffff;font-size:13px;background:#39393a;border-top:1px solid #171717;border-right:1px solid #2e2e2e;border-left:1px solid #2e2e2e;border-bottom:0;padding:3px;} .formError{display:inline;margin-left:10px;} /*contact list*/ .contactList{height:100%;overflow:hidden;} .contactList li{height:100%;overflow:hidden;padding:40px 0;border-top:3px solid #292928;width:726px;} .contactList li:first-child{padding-right:236px;} .contactList li h4{float:left;width:330px;padding-left:15px;} .contactList li dl{float:right;width:378px;} .contactList li dl dt{color:#ffffff;font-size:21px;margin:12px 0;} .contactList li dl dd span{display:block;line-height:19px;color:#ffffff;} .contactList li dl dd span.postal-code,.contactList li dl dd span.region{display:inline;} .contactList li dl dd span.tel{margin-top:20px;} .contactList li dl dd span.tel span.type{color:#ffffff;} .contactList li dl dd span.tel span.value{margin-bottom:8px;} .contactList li dl dd{border-bottom:1px solid #262523;padding-bottom:14px;width:378px;position:relative;} .contactList li dl dd a.mapLink{font-size:18px;color:#ffffff;text-transform:uppercase;display:block;padding-right:12px;background:url('../images/out_arrow.png') no-repeat right top;width:24px;height:18px;line-height:14px;position:absolute;top:-30px;right:0;margin-right:2px;} .contactList li dl dd a.mapLink:hover{color:#e3be5a;text-decoration:none;padding-right:14px;margin-right:0;} /*------------------------------------------------------------------ About ------------------------------------------------------------------*/ /*about navigation*/ ul#aboutNav { border-bottom: 1px solid rgb(153,153,153); /*border-bottom: 1px solid rgba(56,56,55,.4);*/ height: 31px; margin: 70px 0 15px 15px; overflow: hidden; float: left; clear: both; } /* .about_sustain ul#aboutNav{ margin-top:20px; }*/ ul#aboutNav li{float:left;font-size:18px;text-transform:uppercase;letter-spacing:-.03em;margin-left:23px;padding-bottom:6px;} ul#aboutNav li:first-child{margin-left:0;} ul#aboutNav li.selected a{color:#ffffff;} ul#aboutNav li a { color: #ffffff; font-size:20px; } .about_sustain li#sustainLink, .about_heritage li#heritageLink, .about_quality li#qualityLink { border-bottom: 6px solid rgb(153,153,153); /*border-bottom: 4px solid rgba(56,56,55,.4);*/} ul#aboutNav li a:hover, .about_sustain li#sustainLink a, .about_heritage li#heritageLink a, .about_quality li#qualityLink a { color: #e3be5a; } #wrapper.about{background:url('../images/about_bg_diagonal_lines.png') left 124px repeat-x;} .about .intro{width:456px;clear:both;margin-left:15px;} .about .intro .hgroup { /*background: url('../images/line_grey_15_percent.png') bottom left repeat-x;*/ margin-bottom: 20px; border-bottom: 2px solid #ffffff; } .about .intro h2 { font-size:55px; white-space: nowrap; margin-bottom:30px; } .about .intro p{color:#ffffff;margin-bottom:10px;padding-right:30px;} .about .intro .hgroup p { color: #ffffff; font-size: 19px; line-height: 21px; margin-top: 10px; padding: 0 0 15px 0; } .about .body { background: url('../images/about_body_bg.png'); padding: 0px 0; border-top: 2px solid #ffffff; margin-top: 40px; } .about_sustain.about .body{ margin-top:90px; border-top: none; } .about .section .figure { /*border-top: 1px solid #ffffff;*/ padding: 8px 0 0; height: 100%; overflow: hidden; margin-bottom: 25px; } .about_sustain .body .section .figure .figcaption, .about_quality .body .section .figure .figcaption{border-top:1px solid #2c2b2a;color:#e3be5a;margin-top:5px;font-size:11px;font-style:italic;} .about #process .hgroup h4 { white-space: nowrap; font-size:40px; color:#ffffff; } .about #process .hgroup h5 a{color:#777674;} .about #process p, .about .section p{ color:#ffffff; } /*about index*/ .about_index #aboutNav{display:none;} .about_index #content{overflow:visible;} .about_index #aboutMarqueeNav{background:url("../images/dropshadow.png") repeat-x scroll left bottom #0D0D0C;height:453px;overflow:hidden;position:relative;border-bottom:1px solid #232321;width:100%;} .about_index #aboutMarqueeNav .inner{position:absolute;width:1200px;left:50%;margin-left:-600px;} .about_index #aboutMarqueeNav ul{height:470px;overflow:hidden;width:1210px;} .about_index #aboutMarqueeNav ul li{float:left;overflow:hidden;position:relative;} .about_index #aboutMarqueeNav ul li.about_index_1{width:441px;} .about_index #aboutMarqueeNav ul li.about_index_2{width:316px;border-right:1px solid #1c1c1c;border-left:1px solid #1c1c1c;} .about_index #aboutMarqueeNav ul li.about_index_3{width:441px;} .about_index #aboutMarqueeNav ul li.about_index_1 img{margin-left:-90px;} .about_index #aboutMarqueeNav ul li.about_index_3 img{margin-left:-110px;} .about_index #aboutMarqueeNav ul li .copy{position:absolute;top:245px;background:rgb(0,0,0);background:rgba(0,0,0,.8);padding:15px 15px 15px 18px;width:100%;height:128px;overflow:hidden;} .about_index #aboutMarqueeNav ul li .copy a.block{position:absolute;top:0;left:0;width:100%;height:118px;} .about_index #aboutMarqueeNav ul li .copy h3{color:#ffffff;font-size:45px;} .about_index #aboutMarqueeNav ul li .copy p { font-size: 13px; line-height: 17px; width: 270px; margin-top: 11px; padding-bottom: 10px; color: #ffffff; /*border-bottom: 1px solid #333331;*/ } .about_index #aboutMarqueeNav ul li .copy a.arrow{position:absolute;bottom:18px;left:18px;} .about_index #aboutMarqueeNav ul li.about_index_1 .copy{left:131px;width:445px} .about_index #aboutMarqueeNav ul li.about_index_2 .copy{left:0;} .about_index #aboutMarqueeNav ul li.about_index_3 .copy{left:0;width:277px;} .about_index #aboutMarqueeNav ul li.about_index_2 .copy p{width:270px;} .about_index #aboutMarqueeNav ul li:hover .copy h3{color:#e3be5a;} .about_index #row1{margin-bottom:55px;} .about_index #row1 .section{width:219px;margin-left:18px;} .about_index #row1 .section:first-child{margin-left:15px;margin-right:0;} .about_index #row1{padding-top:73px;} .about_index #row1 h5{padding-bottom:25px;padding-left:15px;} .about_index #row1 .section{border-top:1px solid #373634;padding-top:1px;} .about_index #row1 .section h5.subHead { /*border-top: 1px solid #2D2D2B;*/ padding: 10px 0 13px; font-size: 20px; color: #ffffff; } .about_index #row1 .section p{font-size:13px;line-height:17px;} .about_index #row1 .section a.arrow{margin-top:10px;} .about_index .section .figure{border-bottom:1px solid #2C2B2A;margin-bottom:15px;padding:8px 0 2px;} /*.about #row1 a.arrow{background-position:right 3px;} .about #row1 a.arrow:hover{background-position:right -32px;}*/ /*about sustain*/ .about_sustain #main{background:url('../images/about_bg_sustain.jpg') center 0 no-repeat;} /*.about_sustain .intro{margin-top:160px;}*/ .about_sustain .body #row1 { border-bottom: 1px solid #252524; margin-bottom: 2px; padding: 0 15px 53px; border-top:1px solid #ffffff; } .about_sustain #process { background: url('../images/about_sustain_process_bg.png'); padding: 30px 15px; margin-bottom:40px; } .about_sustain #process .hgroup{height:100%;overflow:hidden;margin-bottom:30px;padding-left:20px;} .about_sustain #process .hgroup h4{float:left;margin-top:3px;} .about_sustain #process .hgroup p{width:410px;float:right;line-height:17px;margin-top:10px;} .about_sustain #infoGraphic{height:1273px;width:930px;position:relative;background:url('../images/about_sustain_infographic_bg.png') top center no-repeat;} .about_sustain #infoGraphic #textHolder{position:absolute;top:240px;left:40px;height:960px;background:#141413;width:180px;padding:15px 0 15px 15px;} .about_sustain #infoGraphic #textHolder .pageLinks{text-transform:uppercase;color:#252524;font-size:14px;left:-5px;position:relative;z-index:3;} .about_sustain #infoGraphic #textHolder .pageLinks a{color:#777674;padding:5px;} .about_sustain #infoGraphic #textHolder .pageLinks a:hover{text-decoration:none;color:#e3be5a;} .about_sustain #infoGraphic #textHolder img{float:left;margin-right:5px;padding-top:9px;} .about_sustain #infoGraphic #textHolder h6{padding:20px 0 7px 0;margin-bottom:19px;letter-spacing:-.02em;float:left;} .about_sustain #infoGraphic #textHolder p{font-size:12px;line-height:17px;clear:both;padding-right:15px;} .about_sustain #infoGraphic a.marker{position:absolute;z-index:3;display:block;width:17px;height:17px;padding:86px 35px 0;margin:-85px 0 0 -35px;background:url('../images/donq_sprite.png') -148px -412px no-repeat;text-indent:-9999px;cursor:pointer;} .about_sustain #infoGraphic a.marker:hover,.about_sustain #infoGraphic a.marker.selected{background-position:-148px -549px;} #raphHolder{position:absolute;z-index:2;} /*about heritage*/ .about_heritage .body{padding:30px 0 55px;} .about_heritage #main{background:url('../images/about_bg_heritage.jpg') center top no-repeat;} .about_heritage .intro{margin-top:100px;width:395px;} .about_heritage .intro .hgroup{margin-bottom:33px;} .about_heritage #row1 h5 { margin: 0 0 0px 15px; font-size:46px; } .about_heritage #row1 .section{width:456px;float:left;margin-left:17px;margin-right:0;} .about_heritage #row1 .section .figcaption{font-size:25px;color:#ffffff;margin-top:10px;border-top:0;} .about_heritage #row1 .section .figure { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 3px solid #ffffff; } .about_heritage #row1 .section p{color:#ffffff;} /*about quality*/ .about_quality #main{background:url('../images/about_bg_quality.jpg') center top no-repeat;} .about_quality #process { background: url('../images/about_sustain_process_bg.png'); padding: 20px 15px 25px; margin-bottom: 40px; } .about_quality .body{border-top:1px solid #222220;background:none;padding:1px 0 0 0;margin-top:50px;} .about_quality .intro{margin-top:100px;} .about_quality .intro .hgroup p{width:370px;} .about_quality #process .hgroup { height: 100%; overflow: hidden; margin-bottom: 25px; padding: 0 0 0 20px; } .about_quality #process .hgroup h5.subHead{margin-bottom:6px;} .about_quality #process .hgroup h4{float:left;} .about_quality #process .hgroup p { width: 430px; float: right; line-height: 17px; margin-top: 8px; } .about_quality #process #chart{width:930px;background:#121211;} .about_quality #process #chart ul{height:100%;overflow:hidden;} .about_quality #process #chart ul li{width:237px;float:left;overflow:hidden;margin-bottom:36px;} .about_quality #process #chart ul li .image{text-align:center;height:130px;padding-top:20px;} .about_quality #process #chart ul li .text{background:url('../images/chart_text_bg.png') 20px top no-repeat;width:199px;padding:0 20px;} .about_quality #process #chart ul li .text h5{padding:5px 0;height:100%;overflow:hidden;margin-bottom:10px;} .about_quality #process #chart ul li .text h5 span.num{color:#30302f;display:block;float:left;text-align:center;width:30px;} .about_quality #process #chart ul li .text h5 span.title{color:#ffffff;display:block;float:left;padding:0 5px 0 10px;background:#121211;} .about_quality #process #chart ul li .text p{color :#ffffff;padding-right:15px;font-size:12px;line-height:17px;} .about_quality #process #chart ul li.rowLast{width:219px;} .about_quality #process #chart ul li.rowLast .text h5 span.title{width:150px;} .about_quality #process #chart ul li#bottling .image{padding-top:5px;height:145px;} .about_quality #row1{margin-bottom:55px;} .about_quality #row1 .section{width:219px;margin-left:18px;} .about_quality #row1 .section:first-child{margin-left:15px;margin-right:0;} /*.about_quality #row1{border-top:3px solid #6e292a;}*/ .about_quality #row1 h5 a{display:block;padding:10px 0;padding-left:15px;} .about_quality #row1 .section{border-top:1px solid #373634;padding-top:1px;} .about_quality #row1 .section p{padding:0 10px 0 0;} .about_quality #row1 .section p.figcaption{padding-left:0;} .about_quality #row1 .section h5.subHead { /*border-top: 1px solid #2D2D2B;*/ padding: 20px 0 15px; font-size: 15px; color: #ffffff; } .about_quality .subFooter{ background:#201f1e; padding-top:33px; } #recentAwardsModule{width:960px;margin:0 auto;} #recentAwardsModule .moduleHead{width:220px;} #recentAwardsModule .moduleHead a.arrow{background-position:right 3px;} #recentAwardsModule .moduleHead a.arrow:hover{background-position:right -32px} #recentAwardsModule .moduleHead h4 { font-size: 35px; line-height:37px; color:#ffffff; } #recentAwardsModule ul{border-left:1px dashed #343331} #recentAwardsModule ul li { width: 137px; padding: 0 18px; height: 228px; } #recentAwardsModule ul li img{margin-bottom:15px;} #recentAwardsModule ul li h5 { color: #ffffff; font-size: 12px; line-height: 16px; font-family:'Century Gothic W01'; } #recentAwardsModule ul li h5 strong { color: #ffffff; font-family:'Century Gothic W01 Bold'; } #recentAwardsModule ul li p.link { position: absolute; bottom: 0; left: 18px; text-transform: capitalize; min-height:38px; } /*timeline slider module*/ /*.about_heritage .subFooter{background:url('../images/home_ld_module_striped_bg.png');}*/.about_heritage .subFooter h5{width:930px;padding:0 15px;margin:0 auto;} .about_heritage .subFooter h5.subHead{margin-bottom:6px;} #timeLineModule{width:980px;margin:10px auto 0;} #timeLineModule .modHolder{width:980px;} #timeLineModule .modInner{margin:0 25px;border-left:1px solid #343331;border-right:1px solid #343331;} #timeLineModule a.leftButton{background:url('../images/slider_controls_large.png') top left no-repeat;width:25px;top:50%;margin-top:-25px;border:none;} #timeLineModule a.rightButton{background:url('../images/slider_controls_large.png') top right no-repeat;width:25px;top:50%;margin-top:-25px;border:none;} #timeLineModule a.leftButton:hover{background-position:left -50px;} #timeLineModule a.rightButton:hover{background-position:right -50px;} #timeLineModule a.leftButton.off{background-position:left -101px; cursor:auto;} #timeLineModule a.rightButton.off{background-position:right -101px;} #timeLineModule ul.module{background:#201f1e;padding:25px 0;} #timeLineModule ul.module li{width:235px;height:270px;padding:0;border-right:1px solid #363532;} #timeLineModule ul.module li p{margin:0 25px 1em;font-size:12px;line-height:17px;color:#ffffff;} #timeLineModule ul.module li h5{font-size:21px;color:#ffffff;width:187px;padding:0 24px 9px;border-bottom:1px dashed #363532;border-left:1px solid #363532;margin-bottom:15px;} #timeLineModule ul.module li img.top{margin:3px 18px 10px;} #timeLineModule ul.module li img.bottom{margin:0 18px 0;} #timeLineModule ul.module li img.left{float:left;margin:0 10px 0 18px;} #timeLineModule ul.module li img.right{float:right;margin:0 18px 5px 5px;} #timeLineModule ul.module li img.center{float:none;margin:0 0 5px 0;display:block;} #timeLineModule ul.module li img.b{border:3px solid #ffffff;} /*------------------------------------------------------------------ special (age gate and 404) ------------------------------------------------------------------*/ .special #main{background:url('../images/about_body_bg.png') #252524;padding:56px 0;} .special #content{background:#171716;width:100%;} .special #content .message{width:613px;padding:27px 173px 100px;margin:0 auto;text-align:center;} .special #content .message h1{padding:82px 0 26px;background:url('../images/donq_logo_404.png') top center no-repeat;border-bottom:1px solid #292928;} .special #content .message p{width:334px;margin:30px auto;padding-bottom:20px;color:#777674;margin-bottom:10px;font-size:14px;line-height:21px;} .special #content .message a.arrow{border-top:1px solid #292928;padding-top:15px;background-position:right 21px;} .special #content .message a.arrow:hover{background-position:right -14px;} .special #content .message h5{font-size:21px;margin-top:20px;} .special.agegate_index #content .message{padding-bottom:50px;} .special.agegate_index #content .message p{border-bottom:1px solid #292928;} .special #content .message p.ageGateBtns{width:110px;margin-top:20px;border-bottom:0;} /*------------------------------------------------------------------ legal - privacy and terms ------------------------------------------------------------------*/ .legal #content{width:632px;} .legal .intro{border-left:1px solid #252524;padding:70px 0 0 18px;margin-bottom:35px;} .legal .hgroup{border-bottom:3px solid #252524;margin-bottom:35px;} .legal .hgroup p{color:#ffffff;font-size:17px;margin:5px 0;} .legal .intro p{color:#ffffff;line-height:22px;} .legal ol.main{width:614px;padding-left:18px;border-bottom:3px solid #252524 ;} .legal ol li h4{height:100%;overflow:hidden;margin-bottom:20px;} .legal ol li h4 span.number{background:url('../images/list_circle.png') no-repeat;width:35px;display:block;float:left;text-align:center;color:#30302f;font-size:21px;padding:6px 0 8px;} .legal ol li h4 span.title{font-size:24px;float:right;width:570px;color:#ffffff;border-bottom:1px solid #252524;padding:4px 0 7px;} .legal ol ol{padding-left:60px;list-style:decimal outside;} .legal ol ul{padding-left:45px;} .legal ol ol li,.legal ol ul li{margin-bottom:24px;line-height:22px;color:#b9b8b5;} .legal .p_contact{padding-top:20px;margin-bottom:60px;font-size:15px;} .privacy ol.main{border-bottom:none;margin-bottom:70px;} /*------------------------------------------------------------------ press ------------------------------------------------------------------*/ .press .hgroup{padding:80px 0 0 18px;margin-left:155px;border-left:1px solid #252524;margin-bottom:50px;} .press_index #content ul{margin:0 0 60px 175px;border-top:3px solid #292927;width:615px;} .press_index #content ul li{padding:10px 0;border-bottom:1px dashed #222221;} .press_index #content ul li h4{margin-bottom:5px;} .press_index #content ul li a.arrow{background:url('../images/link_arrow_6.png') right 11px no-repeat;color:#ffffff;font-size:21px;} .press_index #content ul li a.arrow:hover{background-position:right -20px;color:#e3be5a;} .press_index #content ul li p{color:#ffffff;} .press .col2 h2{padding-bottom:10px;border-bottom:3px so-style:url('../images/list_arrow_grey.png') outside;} .releaseText ul li{border-left:1px solid #363636;margilid #292827;margin-bottom:35px;} .releaseText{font-size:13px;line-height:17px;margin-bottom:20px;width:377px;} .releaseText a:hover{text-decoration:underline;} .releaseText ul{color:#ffffff;margin:20px 0 20px;listn:0 0 20px 20px;padding-left:10px;} a.pdfLink{background:url('../images/donq_sprite.png') -185px -316px no-repeat;padding-left:20px;padding-top:2px;font-size:14px;} a.pdfLink:hover{background-position:-185px -358px;} /*------------------------------------------------------------------ foursquare page ------------------------------------------------------------------*/ .foursquare .intro{float:left; padding:80px 0;} .foursquare #main{background:url('../images/foursquare_bg.jpg') top center no-repeat;} .foursquare .body{clear:both; margin-top:50px; height:100%; overflow:hidden;} .foursquare #iframe1{float:right; width:400px; margin-bottom:50px; margin-top:80px;} .foursquare #iframe2{float:left; width:480px;} .foursquare #iframe3{float:right; width:480px;} /*------------------------------------------------------------------ footer ------------------------------------------------------------------*/ #footer { padding: 56px 0; background: #0E0E0E; background-image:url("../images/donq-bg-pattern.png"); background-position:center -12px; } #footer #footer_inner{width:960px;margin:0 auto;} #footer img{float:left;margin-left:13px;} #footer ul{float:left;margin-top:26px;font-size:12px;} #footer ul li{margin-bottom:9px;} #footer ul.contact{width:165px;margin:4px 0 13px 23px;} #footer ul.contact li a{color:#ffffff;} #footer ul.contact li a.arrow{background-position:right 6px;} #footer ul.contact li a.arrow:hover{background-position:right -29px;} #footer ul.twitter li{margin-bottom:10px;} #footer ul.twitter li a{padding:4px 0 0 22px;background:url('../images/twitter_icon_16_16.jpg') left 2px no-repeat;} #footer ul.social{margin-top:35px;} #footer ul.social li{margin-bottom:4px;} #footer ul.social li a { display: block; width: 28px; height: 28px; margin-left:5px; margin-right:5px; } #footer ul.social li a.res2x{ background-size: 100% auto; background-position:center center; background-repeat:no-repeat; } #footer ul.social li a.facebook{background-image:url('../images/icon-social-facebook.png');} #footer ul.social li a.instagram{background-image:url('../images/icon-social-instagram.png');} #footer ul.social li a.twitter{background-image:url('../images/icon-social-twitter.png');} #footer ul.rumsOfPR { margin-top:0; margin-left:26px; } #footer a.rumsOfPR { display: block; width: 84px; height: 67px; text-indent: -9999px; float: right; background: url('../images/logo-rums-of-pr.png'); } #footer p { clear: both; color: #61605e; border-top: 1px solid #232221; padding: 5px 0 0 15px; font-size: 10px; line-height: 14px; } #footer a.external{background:url('../images/out_arrow.png') no-repeat 98% 4px; padding-right:15px;} #footer a.external:hover{text-decoration:none;background-position:100% 4px;} .ajaxLoader{background:url('../images/ajax-loader_snake.gif') 50% 50% no-repeat #121211;position:absolute;z-index:9999;} /*------------------------------------------------------------------ font groups ------------------------------------------------------------------*/ /*DIN Cond Med*/ /* .about .section h5.subHead, #detailPagination,.rum_awards .awardsListHeader h4.sub,.todaysDrink .text h6.subHead,.legal ol li h4,#bottlesHero ul li,.recipe_detail #col2 #recipeText ul li span.ingredient,ul.grid li.featured h4,#recipeBadge,ul.grid li.featured h4,.home #marquee #marqueeControls,#timeLineModule .modHolder ul.module li h5,#textHolder .pageLinks,ul#aboutNav li,#relatedRecipesModule ul li h5,.awardsList dl dd h5,.rum_detail.flavors #col2 ul#flavorNav,.rum_detail.flavors .awardsList h5.subHead,.rum_awards ul.awardsListMain li .hgroup h4.sub,.rum_finder #finderHeader #controls,.rum_finder #finderHeader #controls #submit,.rum_finder #searchResults div#results ul li p.adr span.title,.rum_finder .dqMarker,.eventsList dl dd .vcard span.region,.eventsList dl dd .event_description h5,.regionSwitcher h3.subHead,.regionSwitcher ul li a,.contact h4,.awardsList dl dd h5,.rum_detail #col2 #detailText ul li span.ingredient,#ladyDataModule ul.ladies li p,label,.nav ul,#feedback input#submit,dt,a.mapLink,h6,ul.filters li,ul.grid li h5.drinkTitle,#signed_out h3,#signed_out a.signup,#signed_out a.signin,#master_tracker .tooltip p,#quiz_cards .card .status p,#quiz_cards .details p .date,#quiz_cards .details ul li span,#quiz_cards .boss .content h3,#moas_header .reminder .date, .moas .countdown, #dontforget .countdown,.allSkills .congrats h3 { font-weight: 600; font-family: ff-din-web-condensed-1, ff-din-web-condensed-2, Arial, sans-serif; }*/ /*DIN Cond Reg*/ /* .subHead,.nav ul li div.dd ul li,div.visitors,.contact h4.subHead,.contact .hgroup h4.subHead,#master_tracker .key li,.miniMasterTracker .key li,#quiz_cards .card h3 a,#quiz_cards .card h3 span,#quiz_cards h2,#quiz_header h4,#quiz_header .sponsor,#quiz_questions h4,#quiz_questions ul li p,#quiz_questions .validation h5,.moas-form .formField label,.moas-form .formField input[type=text],.moas-form .formField input[type=password],.moas-form .formField textarea,.moas-form .formDropdown .pseudo-select, #quiz_questions .char_count,.moas .allSkills p, #dontforget h4 { font-weight: 400; font-family: ff-din-web-condensed-1, ff-din-web-condensed-2, Arial, sans-serif; }*/ /*DIN Cond Black*/ /* h3#noEvents,.about_heritage #row1 .section .figcaption,#aboutTopNav div.dd ul li a,.about_index #aboutMarqueeNav ul li .copy h3,.rum_awards .awardsListHeader h4,h1,h2,h3,strong,.nav ul li div.dd ul li a strong,div.visitors strong,ul.filters li a.selected,ul.filters li:hover,#bottlesHero ul li a.rumTitle strong,.rum_awards ul.awardsListMain li .hgroup h4,.rum_finder .dqMarker.on,.contact .hgroup h4,#quiz_questions #submit,.moas .actionButton,.moas-form .actionButton,.moas-form li .error,#moas_about span.initial,#moas_header #user_dropdown #sign_out,#quiz_cards .card h3,#quiz_cards .details h4,.moas-form .formCheckbox .error,.moas-form .formDropdown .error,#quiz_questions #quiz_submit,#quiz_header .instructional h3, .moas .countdown .days, #dontforget .countdown .days { font-weight: 800; font-family: ff-din-web-condensed-1, ff-din-web-condensed-2, Arial, sans-serif; }*/ /*this is basically so that ff 3.0 does nat break because of lack of fant-face support*/ .wf-inactive h2{font-size:70px;} .wf-inactive h1{font-size:80px;} .wf-inactive h5.subHead, .wf-inactive .about_quality #row1 .section h5.subHead{font-size:16px;} .wf-inactive #row1 .section .section_content h6{font-size:16px;} .wf-inactive #ladyDataModule ul.ladies li p{font-size:11px;} .wf-inactive .home #marquee #marqueeControls a{font-size:10px;} .wf-inactive .nav ul li{font-size:14px; padding-top:5px; padding-bottom:17px;} .wf-inactive .regionSwitcher ul li a{font-size:12px; padding-top:13px;} .wf-inactive .home #marquee #marqueeText h2 {font-size:70px;} .wf-inactive .nav ul li div.dd ul li{font-size:18px;} .wf-inactive ul.grid li h5.drinkTitle, .wf-inactive #relatedRecipesModule ul li h5.drinkTitle{font-size:15px; line-height:21px;} .wf-inactive ul.grid li h5.drinkTitle a, .wf-inactive #relatedRecipesModule ul li h5.drinkTitle a{background-position:right 4px;} .wf-inactive ul.grid li.over h5.drinkTitle a, .wf-inactive #relatedRecipesModule ul li.over h5.drinkTitle a{background-position:right -27px;} .wf-inactive ul.filters li{font-size:12px;} .wf-inactive #recipeBadge em{font-size:18px;} .wf-inactive .rum_finder #finderHeader #controls fieldset ul li label{font-size:13px;} .wf-inactive .rum_finder #finderHeader #controls fieldset legend span, .wf-inactive .rum_finder #finderHeader #controls #submit{font-size:15px;} .wf-inactive .rum_finder #searchResults div#results ul li p.adr span.title{font-size:16px;} .wf-inactive #bottlesHero ul li{font-size:18px;} .wf-inactive ul#aboutNav li{font-size:13px; padding-top:5px;} .wf-inactive .about_sustain #infoGraphic #textHolder h6{font-size:13px; padding-top:25px;} .wf-inactive .about_sustain #infoGraphic #textHolder .pageLinks{font-size:11px;} .wf-inactive .event_landing .eventSwitcher ul li a{padding-top:25px;} .wf-inactive .rum_finder #finderHeader h2{font-size:58px;} .wf-inactive .awardsList dl dd h5{font-size:13px;} .wf-inactive #detailPagination p{font-size:11px;} /*------------------------------------------------------------------ barometer section ------------------------------------------------------------------*/ #wrapper.barometer #footer{display:none;} #wrapper.barometer {background:#17181e; padding-bottom:0;} #wrapper.barometer #main{background:url('../images/barometer_bg_glow.jpg') 50% 0 no-repeat; padding:0;} #wrapper.barometer #content{min-height:824px; background:url('../images/barometer_diag_bg.png');} #wrapper.barometer .barometer_content{width:612px; margin:0 auto;} #wrapper.barometer .hgroup{border-bottom:3px solid #49494f; margin-bottom:18px;} #wrapper.barometer h3.subHead{font-size:40px; line-height:52px;} #wrapper.barometer h2{font-size:60px; line-height:52px; text-transform:uppercase; padding-bottom:18px;} #wrapper.barometer .text{width:263px; float:right; padding:200px 16px 0 0;} #wrapper.barometer .barometer_slides{width:288px; height:684px; float:left; position:relative; padding-left:16px; padding-bottom:36px; background:url('../images/barometer_phone_reflection.png') 16px 85px no-repeat;} #wrapper.barometer .barometer_slides .inner{height:348px; overflow:hidden; width:242px; position:absolute; top:200px; left:40px;} #wrapper.barometer .barometer_slides ul{width:1226px; height:348px;} #wrapper.barometer .barometer_slides ul li{float:left;} #wrapper.barometer .barometer_slides ul li img{display:block;} .barometer_slides .bar_overlay{width:170px; height:220px; background:url('../images/barometer_overlay.png') top right no-repeat; position:absolute; top:0; right:0;} #wrapper.barometer .text p{ font-size:14px; line-height:21px;} #wrapper.barometer .appstore_link { display: block; width: 164px; height: 57px; margin-top: 28px; background: url('../images/barometer_app_store.png'); text-indent: -9999px; overflow: hidden; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -o-transition:all .2s ease-out; transition:all .2s ease-out; display:none; } #wrapper.barometer .appstore_link:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .barometer_footer{ padding-top:16px;border-top:3px solid #49494f; font-family:Arial, Helvetica, sans-serif; clear:both; height:100%; overflow:hidden;} .barometer_footer p{color:#8d8e96; font-size:14px;} .barometer_footer p.copyright{float:left;} .barometer_footer p.contact{float:right;} /*------------------------------------------------------------------ things to hide in PR ----- XXXX !!!! PR Deprecated ------------------------------------------------------------------*/ body.pr .ladyData, body.pr #moasModule{display:none;} body.pr .home #row1{border-top:0;margin-top:0;} .advice-container{ margin-top:30px; width:821px; height:620px; margin-left: auto; margin-right: auto; } #adviceModule{ padding-top: 30px; } #adviceModule .advice-container{ width:765px; height: 368px; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; padding-top:10px; } .advice-container .advice-title{ width:821px; height:162px; background: url("../images/advice-text.png") center top no-repeat; background: url("../images/advice-text-background.png") center bottom no-repeat, url("../images/advice-text.png") center top no-repeat; } #adviceModule .advice-container .advice-title{ width:765px; height:139px; background: url("../images/advice-text.png") center center no-repeat; background-size:contain; } .advice-container .advice-subtitle{ text-align:center; font-size: 12px; line-height: 20px; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; color: #ffffff; font-family: 'Century Gothic W01'; font-weight: 100; text-transform: uppercase; } .advice-container ul{ position:relative; display:block; width:821px; height: 250px; border-bottom:1px solid #ffffff; } #adviceModule .advice-container ul{ width:765px; height: 166px; border-bottom:none } .advice-container ul li{ color:#ffffff; display:block; /*width:100%; height:440px;*/ font-size:108px; line-height:0; height:inherit; width:inherit; /*padding-top:20px;*/ text-transform:uppercase; font-family:'Century Gothic W01 Bold'; box-sizing:border-box; -moz-box-sizing:border-box; height:auto; } #adviceModule .advice-container ul li{ /*height: 166px;*/ padding-top:8px; font-size:84px; /*line-height:86px;*/ height:auto; } #adviceModule a.arrow{ position:relative; } .advice-container a.share{ display:block; margin-top:20px; margin-right:30px; height:37px; color:#ffffff; text-decoration:none; background-size:auto 100%; padding-left:56px; background-repeat:no-repeat; float:left; padding-top:5px; } .advice-container a.share span{ color:#EDC75E; } .advice-container a.share.facebook{ background-image: url('../images/icon-social-facebook.png'); } .advice-container a.share.twitter{ background-image: url('../images/icon-social-twitter.png'); } .advice-container .owl-prev, .advice-container .owl-next { background-color:#2a2a2a; width:40px; height:90px; position:absolute; background-position:center center; background-repeat:no-repeat; transition:background-color .4s ease-out; } .advice-container .owl-prev{ left: -60px; top: 81px; background-image:url("../images/carousel-arrow-left.png"); } .advice-container .owl-next{ right: -60px; top: 81px; background-image:url("../images/carousel-arrow-right.png"); } .home .advice-container .owl-prev, .home .advice-container .owl-next{ top: 47px; } .advice-container .owl-prev:hover, .advice-container .owl-next:hover{ background-color:#4a4a4a; } .advice-container .owl-prev:active, .advice-container .owl-next:active{ background-color:#EDC75E; transition:background-color .05s ease-out; } /* * Core Owl Carousel CSS File * v1.3.2 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; position:relative; height:250px;; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }