BODY {margin:0px;padding:0px;width:100%;font-family: arial, helvetica, sans;font-size:0.72em;line-height:1.25em;color:#000000;height:100%;background:url(../../images/bg_fade.jpg) repeat-x #000000;text-align:left;}
HTML {height:100%;}

A {color:#ffffff;text-decoration:none;}
/*
A:visited {color:#ffffff;text-decoration:none;}
A:active {color:#ffffff;text-decoration:none;}
A:hover {color:#ffffff;text-decoration:none;}
*/
P, IMG, UL, LI, FORM, INPUT, SELECT, TEXTAREA, LABEL, H1, H2, H3, H4, DIV, SPAN {border:0px;margin:0px;padding:0px;}

IMG {display:block;}
H1, H2, H3, H4  {font-family: arial, helvetica, sans;color:#000000;text-transform:uppercase;}
P {font-size:95%;line-height:130%;padding-bottom:10px;margin-bottom:10px;font-family: verdana,arial, helvetica, sans;color:#ffffff;}
UL {list-style-type:none;}
UL LI {list-style-type:none;}
OL LI {color:#ffffff;margin-bottom:5px;}
INPUT, SELECT, TEXTAREA {font-size:100%;}



*|*:-moz-any-link:focus {outline-width: 0 !important;}  

/* font sizes:

h1: 18/17 - font-size:160%;line-height:95%;
h2: 13/18 - font-size:110%;line-height:145%;
h3: 12/12 - font-size:12px;line-height:12px;
P:  11/15 - font-size:95%;line-height:130%;

*/

H1 {font-size:160%;line-height:95%;color:#4d441a;background:#ffffff;font-style:italic;position:absolute;left:0px;top:53px;width:318px;padding:4px 0px 4px 25px;z-index:2000;}
H2 {font-size:110%;line-height:125%;color:#ba2e1e;margin-bottom:10px;}
/* --- structure  --- */
.logo {position:relative;margin-top:8px;margin-left:32px;}
#container {position:relative;float:left;width:910px;padding-bottom:80px;}

#mainContent {margin-top:16px;}

.navMenu {float:left;min-height:482px;background:url(../../images/bottle-and-glass.jpg) left bottom no-repeat;}
.navMenu LI {width:190px;margin-bottom:5px;text-transform:uppercase;font-weight:bold;}
.navMenu LI A {background:#d0b717;display:block;color:#000000;padding:2px 0px 2px 47px;}
.navMenu LI A:hover {color:#ffffff;background:#000000;display:block;}
.navMenu LI.selected A {color:#ffffff;background:#000000;display:block;}
.navMenu LI UL {display:none;}
.navMenu LI.selected UL {display:block;}
.navMenu LI LI {margin-bottom:0px;}
.navMenu LI.selected LI A, .navMenu LI LI A {padding-left:62px;background:none;text-transform:none;font-weight:normal;color:#d0b717;}
.navMenu LI.selected LI A:hover, .navMenu LI LI A:hover, .navMenu LI.selected LI.selected A  {color:#ffffff;} 

#pageContent {float:left;margin-left:25px;width:685px;position:relative;z-index:2;}
#copy {width:296px;min-height:187px;float:left;background:#b49d01;padding:112px 20px 12px 25px;border:2px solid #c0b048;border-bottom:1px solid #c0b048;border-right:0px;z-index:100;position:relative;}
#mainImg {float:left;z-index:50;position:relative;background:none;}
#copy  LI {color:#ffffff;margin-bottom:5px;}

.boxLink {font-size:95%;line-height:130%;font-style:italic;min-height:22px;background:url(../../images/bg-linkbox-solid.gif) right top no-repeat #000000;display:block;margin-top:-2px;}
.boxLink  A {background:url(../../images/link-arrow.png) left top no-repeat;width:160px;padding-top:4px;height:18px;padding-left:28px;display:block;margin-left:-16px;}
.boxLink  A:hover, .boxLink:hover A {color:#ba2e1e;}
#copy .boxLink {width:165px;padding-right:7px;}

.pullQuote, .formContent, .magNav {float:left;width:170px;padding:10px 35px 15px 35px;background:#ffffff;}
.pullQuote {font-size:16px;line-height:18px;color:#ba2e1e;font-style:italic;}
.formContent {width:220px;padding:10px 10px 0px 10px;}
.magNav {padding:0px 0px 15px 0px;width:240px;}
.inviteFriends .formContent  {padding:25px 0px 0px 25px;width:445px;}
P A {font-style:italic;text-decoration:underline;}
P A:hover {color:#ba2e1e;}
.highlight {color:#ba2e1e;}

/* --- linkthrus ---*/
#linkthrus {float:left;display:inline;margin:25px 0px 0px 0px;}
#linkthrus LI {float:left;display:inline;margin:0px 8px 0px 10px;padding-bottom:82px;}
#linkthrus LI.reflectAbout {background:url(../../images/linkthru-about-reflect.jpg) left bottom no-repeat;}
#linkthrus LI.reflectPrize {background:url(../../images/linkthru-prize-draw-reflect.jpg) left bottom no-repeat;}
#linkthrus LI.reflectWatch {background:url(../../images/linkthru-watch-reflect.jpg) left bottom no-repeat;}
#linkthrus LI.reflectBrand {background:url(../../images/linkthru-brand-story-reflect.jpg) left bottom no-repeat;}
#linkthrus LI.reflectMagazine {background:url(../../images/linkthru-magazine-reflect.jpg) left bottom no-repeat;}
#linkthrus LI.reflectMusic {background:url(../../images/linkthru-music-reflect.jpg) left bottom no-repeat;}
#linkthrus LI.reflectAbout.select {background:url(../../images/linkthru-about-reflect-on.jpg) left bottom no-repeat;}
#linkthrus LI.reflectPrize.select{background:url(../../images/linkthru-prize-draw-reflect-on.jpg) left bottom no-repeat;}
#linkthrus LI.reflectWatch.select{background:url(../../images/linkthru-watch-reflect-on.jpg) left bottom no-repeat;}
#linkthrus LI.reflectBrand.select {background:url(../../images/linkthru-brand-story-reflect-on.jpg) left bottom no-repeat;}
#linkthrus LI.reflectMagazine.select {background:url(../../images/linkthru-magazine-reflect-on.jpg) left bottom no-repeat;}
#linkthrus LI.reflectMusic.select {background:url(../../images/linkthru-music-reflect-on.jpg) left bottom no-repeat;}



#linkthrus H3 {font-size:100%;line-height:105%;padding:24px 0px 5px 10px;background:url(../../images/bg-linkthru.gif) right top no-repeat #ffffff;margin-left:16px;color:#4d441a;}
#linkthrus H3 A {color:#4d441a;}
#linkthrus IMG {margin-bottom:2px;}




/* --- age checker & legal pages --- */
.ageCheck .highlight {color:#000000;font-size:11px;}
#DOB_errorMessage {margin-top:10px;}
.dropBox3 {font-size:12px;font-weight:normal;color:#000000;border:1px solid #332d02;background:#b49d01;font-family:arial,helvetica,sans;margin:10px 14px 10px 0px;} 
.agecheckSubmit {margin-left:-16px;}
 #pageContent.ageCheck {margin-left:215px;padding-bottom:91px;background:url(../../images/agecheck-reflection.jpg) left bottom no-repeat;}
p.legalAgreement {position:absolute;z-index:200;left:26px;bottom:45px;font-style:italic;}

.legal #copy {width:640px;}
.legal .rounded {-moz-border-radius: 5px;-webkit-border-radius: 5px;}
#pageContent.legal {padding-bottom:91px;background:url(../../images/agecheck-reflection.jpg) left bottom no-repeat;}
 
/* --- home page --- */
#pageContent.home #copy {width:164px;padding-left:23px;}

#pageContent.watchAd #mainImg {height:400px;}
 
/* --- brandStory, prizeDraw, magazine, invite friends pages --- */
.brandStory #mainImg, .prizeDraw #mainImg, .magazine #mainImg, .inviteFriends #mainImg {border-bottom:12px solid #ffffff;}
.brandStory #copy, .prizeDraw #copy, .magazine #copy  {border-top:0px;padding-top:25px;width:398px;}
.prizeDraw.voucher #copy {padding-top:50px;}
.inviteFriends #copy  {border-top:0px;padding:25px 10px 10px 10px;width:193px;}
 #pageContent.brandStory, #pageContent.magazine {padding-bottom:98px;background:url(../../images/copy-fade.jpg) left bottom no-repeat;}
.magazine #copy {padding-bottom:200px;}
.brandStory .dots {background:url(../../images/bg-dots-dark.png) repeat-x;z-index:9999;}
.prizeDraw .dots, .thanks .dots {width:495px;}
 .thanks.invite .dots, .prizeDraw.voucher .dots{width:545px;}

.prizeDraw #clock, .thanks #clock {left:28px;}



.formContent DIV {font-size:10px;font-style:italic;font-family:verdana,arial,helvetica,sans;}
.formerror, #DOB_errorMessage  {color:#e30000;font-weight:bold;font-style:normal;width:200px;padding-top:2px;padding-bottom:2px;}
.textBox, .dropBox, .dropBox2 {width:200px;height:15px;padding-top:5px;border:1px solid #000000;background:#f5f3e9;font-family:verdana,arial,helvetica,sans;}
.dropBox, .dropBox2 {padding-top:2px;height:20px;}
.dropBox2 {width:60px;margin-right:5px;}
.required, .optional {margin-bottom:10px;}
.required LABEL {padding-right:5px;background:url(../../images/form-required.gif) right top no-repeat;}
.formContent A  {color:#000000;font-style:italic;text-decoration:underline;}
.formContent A:hover {color:#ba2e1e;}

.submit {display:block;width:256px;height:41px;margin-left:-26px;padding-bottom:69px;background:url(../../images/form-submit-reflection.jpg) left bottom no-repeat;}





/* --- magazine ---*/
.magazine H2 {font-size:15px;line-height:18px;color:#4d441a;margin-bottom:15px;text-transform:none;font-style:italic;font-weight:normal;}
.magazine H2.tapas {padding-bottom:14px}
.magazine H2.beer {padding-bottom:36px}

.magazine H3 {font-size:110%;line-height:125%;color:#ba2e1e;margin-bottom:10px;}
.magazine H4 {font-size:110%;line-height:15px;color:#FFFFFF;text-transform:none;font-style:italic;font-weight:normal;}
.magazine A {color:#ba2e1e}
.magazine .dots {width:578px;}


HR {border:0px;height:40px;color:#b49d00;margin-top:-30px;} 
#magHRcogs {background:url(../../images/magazine-hr-cogs.gif) 0 0 no-repeat;}
#magHRclock {background:url(../../images/magazine-hr-clock.gif) 0 0 no-repeat;} 
#magHRpeople {background:url(../../images/magazine-hr-people.gif) 0 0 no-repeat;} 
#magHRarrows {background:url(../../images/magazine-hr-arrows.gif) 0 0 no-repeat;}

.magImage {float:left; margin-right:10px;}
.magProfileimage {float:right; padding-bottom:10px}

.magNav LI {padding:0px 10px 0px 10px;text-transform:uppercase;}
.magNav LI.page1 {background:url(../../images/magnav-1.jpg) 95% 50% no-repeat;}
.magNav LI.page2 {background:url(../../images/magnav-2.jpg) 95% 50% no-repeat;}
.magNav LI.page3 {background:url(../../images/magnav-2.jpg) 95% 50% no-repeat;}
.magNav LI.page4 {background:url(../../images/magnav-4.jpg) 95% 50% no-repeat;}
.magNav LI.page5 {background:url(../../images/magnav-5.jpg) 95% 50% no-repeat;}
.magNav LI:hover {background-color:#b49d01;}
.magNav LI.selected {background-color:#b49d01;}
.magNav LI.selected A {border-top:1px dotted #b49d01;color:#ba2e1e;}
.magNav LI A {color:#000000;display:block;padding:10px 75px 10px 0px;border-top:1px dotted #b49d01;}
.magNav LI:hover A, .magNav LI A:hover {color:#ba2e1e;}
.magNav LI.page5 A {border-bottom:1px dotted #b49d01;}

.magNav LI.page1 A {background:url(../../images/magnav-number1off.gif) 0px 12px no-repeat;}
.magNav LI.page2 A {background:url(../../images/magnav-number2off.gif) 0px 12px no-repeat;}
.magNav LI.page3 A {background:url(../../images/magnav-number3off.gif) 0px 12px no-repeat;}
.magNav LI.page4 A {background:url(../../images/magnav-number4off.gif) 0px 12px no-repeat;}
.magNav LI.page5 A {background:url(../../images/magnav-number5off.gif) 0px 12px no-repeat;}


.magNav LI.page1 A:hover, .magNav LI.page1:hover A, .magNav LI.page1.selected A {background:url(../../images/magnav-number1on.gif) 0px 12px no-repeat;}
.magNav LI.page2 A:hover, .magNav LI.page2:hover A, .magNav LI.page2.selected A {background:url(../../images/magnav-number2on.gif) 0px 12px no-repeat;}
.magNav LI.page3 A:hover, .magNav LI.page3:hover A, .magNav LI.page3.selected A {background:url(../../images/magnav-number3on.gif) 0px 12px no-repeat;}
.magNav LI.page4 A:hover, .magNav LI.page4:hover A, .magNav LI.page4.selected A {background:url(../../images/magnav-number4on.gif) 0px 12px no-repeat;}
.magNav LI.page5 A:hover, .magNav LI.page5:hover A, .magNav LI.page5.selected A {background:url(../../images/magnav-number5on.gif) 0px 12px no-repeat;}


.magNav LI A SPAN {padding-left:32px}



/* --- invite friends --- */
.inviteFriends .required, .inviteFriends  .optional {float:left;margin-right:24px;display:inline;}
.inviteFriends .textBox {width:196px;}
.formerror, #DOB_errorMessage {width:196px;}
.messageBox {width:418px;height:150px;border:1px solid #000000;background:#f5f3e9;font-family:verdana,arial,helvetica,sans;overflow:auto;}
.inviteFriends .submit {clear:both;display:block;width:490px;height:120px;margin-left:-45px;padding-bottom:0px;background:url(../../images/invite-submit-bg.jpg) left bottom no-repeat;}
.invSub {margin:4px 0px 0px 3px;}


/* --- stress test --- */
.stresstest H2 {font-size:15px;line-height:18px;color:#4d441a;margin-bottom:15px;text-transform:none;font-style:italic;font-weight:normal;}
.stresstest H3 {font-size:110%;line-height:125%;color:#ba2e1e;margin-bottom:10px;}
.stresstest H4 {font-size:110%;line-height:15px;color:#FFFFFF;text-transform:none;font-style:italic;font-weight:normal;}
.stresstest .dots {background:url(../../images/bg-dots.png) repeat-x;}
.stresstest A {color:#ba2e1e}

OL.questions  {list-style-type: none; margin-left: 0;padding-left:0px;}
.questions LI {font-size:110%;font-style:italic;line-height:17px;padding:10px 10px 10px 0px; font-family:verdana,arial,helvetica,sans-serif;}
.questions LI SPAN {color:#ba2e1e;}
OL.answers {list-style-type: lower-alpha; margin-left: 0;padding-left: 0;margin-top:10px; list-style-position: inside;}
.answers LI {font-size:90%;font-style:normal;margin:0; padding: 0px;line-height:14px}

#stressHRdots {background:url(../../images/stresstest-hr-dots.gif) 0 0 no-repeat; margin:-20px 0 -20px}

.stresstest .pullQuote {padding-left: 15px; padding-right:55px;}

/* --- vouchers ---*/
#offerNav {position:absolute;left:28px;top:250px;z-index:300;display:block;}
#offerNav P{text-transform:uppercase;color:#4d441a;margin-bottom:4px;padding-bottom:4px;font-weight:bold;}
#offerNav LI {width:34px;float:left;display:block;margin-right:10px;text-align:center;padding-top:8px;}
#offerNav LI A {font-size:24px;height:15px;font-weight:bold;padding:12px 0px 13px 0px;color:#b49d00;display:block;background:#ffffff;}
#offerNav LI:hover {background:url(/images/offernav-bg.png) no-repeat;}
#offerNav LI.selected {background:url(/images/offernav-bg.png) no-repeat;}
#offerNav LI:hover A, #offerNav LI:hover A:hover, #offerNav LI A:hover, #offerNav LI.selected A {background:none;}
#offerNav .vButton {margin-left:-15px;}
.dlMusic {margin:-10px 0px 0px -16px;padding-bottom:10px;}
#audioPlayer {margin:-10px 0px 5px 0px;padding:0px;}
.musicInst {padding-bottom:0px;margin-bottom:0px;font-size:10px;}

/* --- decorative stuff -moz-border-radius: 5px;-webkit-border-radius: 5px;--- */
#clock {position:absolute;left:25px;top:28px;width:108px;height:21px;z-index:9999;background:none;}
.rounded {-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;}
.rounded2 {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;}
.prizeDraw #copy.rounded2 {-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomright:0px;-webkit-border-bottom-right-radius:0px;}
.copyFade {position:absolute;left:0px;bottom:0px;width:445px;height:96px;background:url(../../images/copy-fade.jpg) no-repeat;z-index:9999;}
.glossFade {position:absolute;left:0px;top:0px;width:685px;height:20px;background:url(../../images/bg-glossfade.png) no-repeat;z-index:9999;}
.dots {position:absolute;right:3px;top:29px;width:548px;height:20px;background:url(../../images/bg-dots.png) repeat-x;z-index:9999;}
.entryPromo {position:absolute;right:20px;top:70px;width:185px;padding-top:57px;background:url(../../images/large-arrow-top.png) left top no-repeat;z-index:9999;}
.entryPromo P {margin:0px;padding:5px 25px 5px 25px;background:#000000;color:#ffffff;display:block;font-size:16px;line-height:16px;font-weight:bold;font-style:italic;text-transform:uppercase;font-family: arial, helvetica, sans;}
.entryPromo DIV {height:44px;background:url(../../images/large-arrow-btm.png) left top no-repeat;}

/* --- footer --- */
.footer {width:862px;position:absolute;left:0px;bottom:0px;color:#d6cca3;font-size:95%;padding:0px 0px 5px 38px;background:url(../../images/holding/footer_bg.gif) 0px 3px no-repeat ;}
.footer UL {width:100%;}
.footer UL LI {float:left;display:inline;margin-left:7px;}
.footer UL LI.copyright {float:right;}
.footer UL LI A {text-decoration:underline;color:#d6cca3;}
.footer UL LI A.dwlink {text-decoration:none;}
.footer .dwlogo {text-indent:-9999px;display:-moz-inline-box;display:inline-block;width:103px;height:15px;background:url(../../images/drinkaware-logo.gif) left 50% no-repeat;}