body{text-align:center; font-family:Arial, sans-serif; background:#C8E2F3 url(../img/bg/container3.jpg) repeat-x; font-size:62.5%;} 
*{ behavior: url(iepngfix.htc); }
/*========================= General ========================================= */
html,body{height:100%;}
.clear{clear:both;}
.clear-pusher-450{clear:both; margin-bottom: 450px;}

.l { float:left;}
.r { float:right;}
.h1-small { font-size:1.8em!important;}
#content h2.faqs { font-size:1.6em!important;}


#container{text-align:left; width:770px; margin-left:auto; margin-right:auto; position:relative; min-height: 100%;}
* html #container {height: 100%;}

/*========================= Accessibility ========================================= */
#accessibility{position:absolute; top:-1000px;}

/*========================= Navigation ========================================= */
#nav-home{width:185px; float:left;  padding-top:20px; position:relative; background:none; }
#navigation{width:185px; float:left;  padding-top:20px; padding-bottom:80px; position:relative; background:url(../img/bg/left.jpg) no-repeat 0px 0px; }
#navigation img{display:block; margin-left:auto; margin-right:auto;}

#nav{margin-left:18px; margin-top:40px;}
#nav li{float:left; text-indent:-8000px; overflow:hidden; }
#nav li a{ display:block; background-position:0 0; background-repeat:no-repeat;}
#nav li a:hover, #nav li a.selected{background-position:-149px 0px;}

/* Navigation Items */
#nav li#nav1{width:150px; height:31px; line-height:31px;}#nav li#nav1 a{background-image:url(../img/nav/nav1.jpg)}
#nav li#nav2{width:150px; height:31px; line-height:31px; margin-bottom:1px;}#nav li#nav2 a{background-image:url(../img/nav/nav2.jpg)}
#nav li#nav3{width:150px; height:31px; line-height:31px; margin-bottom:0px;}#nav li#nav3 a{background-image:url(../img/nav/nav3.jpg)}
#nav li#nav4{width:150px; height:28px; line-height:28px; margin-bottom:1px; }#nav li#nav4 a{background-image:url(../img/nav/nav4.jpg)}
#nav li#nav5{width:150px; height:29px; line-height:29px;}#nav li#nav5 a{background-image:url(../img/nav/nav5.jpg)}
#nav li#nav6{width:150px; height:30px; line-height:30px;}#nav li#nav6 a{background-image:url(../img/nav/nav6.jpg)}
#nav li#nav7{width:150px; height:27px; line-height:27px;}#nav li#nav7 a{background-image:url(../img/nav/nav7.jpg)}
#nav li#nav10{width:150px; height:27px; line-height:27px;}#nav li#nav10 a{background-image:url(../img/nav/nav10.jpg)}

ul#age{padding-left:190px;}
#age li{float:left; text-indent:-8000px; overflow:hidden; display:inline; margin-bottom:6px;}
#age li a{ display:block; background-position:0 0; background-repeat:no-repeat;}
#age li a:hover, #age li a.selected{background-position:0px -74px;}
#age li#nav8{width:178px; height:70px; line-height:70px; }#age li#nav8 a{background-image:url(../img/nav/nav8.gif)}
#age li#nav9{width:178px; height:70px; line-height:70px; margin-right:5px;}#age li#nav9 a{background-image:url(../img/nav/nav9.gif)}

/* Sub Level */
#navigation #nav li.sub{text-indent:0px; font-size:1.1em; background:url(../img/icons/sub.gif) no-repeat 0px 10px; padding-left:8px;  margin:0px 5px 0px 10px; clear:both; width:120px; padding-top:6px;}
#navigation #nav li.last{margin-bottom:0px;}
.pc80 {width: 80%;}

/* Hover and On States */
#nav li.sub a, #nav li.sub a:visited{text-decoration:none; color:#18577d;}
#nav li.sub a:hover, #nav li.sub a.on{color:#e5464c;}

/* Rounded Bottom */
#navigation-btm{background:url(../img/bg/left-btm.jpg) no-repeat; width:185px; height:9px; position:absolute; bottom:-9px; left:0px; }


#wrap_all { margin: 0 auto; padding: 0 8px; width: 736px;  font-size: .65em; voice-family:"\"}\""; voice-family:inherit; width: 718px}.dummy{}

/*========================= flash menu home ========================================= */
#flash {margin-top:-18px;}
#flash-age {margin-top:1px;}
/*#content-home  {display: inline;}*/

/*========================= flash ecard ========================================= */
#flash-ecard {margin-top:20px; margin-left:80px; }

/*========================= Content ========================================= */
body.age #content{padding-top:30px; width:700px; float:none;}
body.age #content p{clear:both; font-size:1.1em; text-align:center; padding-left:30px;}
body.age #content p a{text-decoration:none; color:#2e6792; border-bottom:1px solid #9ac8e5;} body.age #content a:hover{color:#1f5a80;}
#content-age{width:700px;  min-height: 560px; padding-top:130px; padding-left:20px; margin-bottom:-100px;} 
#content-home{width:600px; min-height: 560px; float:left; padding-top:130px; padding-left:20px; margin-bottom:-100px;}

#content{width:565px;

/*min-height hack */
 min-height: 560px;   
 height:auto !important; 
 height:560px; 

float:left; padding-top:130px; padding-left:20px; position:relative; z-index:100; }
.minHeight150 { min-height: 150px!important; height:auto !important; height:150px!important; }
#content p, #content blockquote{font-size:1.2em; line-height:1.5em; margin-bottom:17px; color:#2d6e9f; }
#content blockquote{font-style:italic; text-align: justify; text-justify: newspaper; width:90%;}
#content p a{color:#488bbd; border-bottom:1px solid #abd5f4; text-decoration:none;} #content p a:hover{color:#2e6792;}
#content ul.notes{font-size:1.2em; line-height:1.5em; margin-bottom:17px; color:#2d6e9f; width:auto;}
#content ul.notes li{background:url(../img/icons/vat2.gif) no-repeat 0px 1px; padding-left:22px; margin-bottom:10px; width:270px; }
#content p.vat{background:url(../img/icons/vat2.gif) 0px 4px no-repeat; padding-left:25px;}

#content #left { width:430px;}

#content .ad { margin-left: 200px; }
*html #content .ad { margin-left: 100px; }
#content .text {text-align:center; }

/*========================= Content Default ========================================= */

.age #container #content p.welcome {clear:both; font-size:2.6em; text-align:center; padding-left:30px; }
.age #container #content p.select {clear:both; font-size:1.8em; text-align:center; padding-left:30px;}
.age #container #content #enter-hold { margin-left:292px; margin-top:-15px;}

.age #container #content p.question {clear:both; font-size:1.6em; text-align:center; padding-left:30px; padding-top: 10px;}

/*========================= Backgrounds ========================================= */
body.age{background:url(../img/bg/age-bg.jpg) no-repeat top center; background-color:#348dc7;}
body.single-large #content{background:url(../img/bottle-shots/single-butterfly2.jpg) no-repeat top right; width:415px; padding-right:150px;}
body.single-straight #content{background:url(../img/bg/single-straight.gif) no-repeat top right; }
body.ecard #content{background:none; width:450px; padding-right:150px;}
body.ecard #content h1{margin-left:80px;}
body.floating-bottles #content{background:url(../img/bottle-shots/floating-bottles.jpg) no-repeat top right;}

#content img.logo {position:absolute; right:0px; bottom:-70px;}
body.home{background:#C8E2F3 url(../img/bg/container.jpg) repeat-x;}
body.home #content-home{width:510px; height:453px; float:right;}

/*========================= News ========================================= */
.story{margin-bottom:16px; padding-bottom: 5px; border-bottom: dashed 1px #e4f3fc;} .story-thumb{width:160px; float:left;} 

.story-thumb img{border:1px solid #c8e2f3; margin-top:3px;}
#content .story-intro {float:left; width:400px; } 
#content .story-intro p.title{margin-bottom:1px; font-size:1.4em; color:#175279;} #content .story-intro p.date{font-size:0.9em; color:#3b749a; margin-bottom:4px;}
#content .story-intro p.summary{color:#4484af; margin-bottom:7px;}

.readmore li{float:left; text-indent:-8000px; overflow:hidden; display:inline; margin-bottom:6px;}
.readmore li a{ display:block; background-position:0 0; background-repeat:no-repeat;}
.readmore li a:hover{background-position:0px -18px;}
.readmore li.article-link{width:61px; height:16px; line-height:70px; }
.readmore li.article-link a{background-image:url(../img/buttons/readmore.gif);}
#content .quote {font-style: italic; font-size:1.0em; line-height:1.5em;}



/*========================= Tables ========================================= */
table.style1{font-size:1.1em;  font-family:Tahoma, Georgia, Arial, serif; margin-bottom:12px; margin-top:4px;} 
.pc50{width:150px;}
.pc130{width:130px;}
.pc250{width:250px;}
.pc300{width:300px;}
table.style1 tr.top {background:url(../img/bg/table.gif) no-repeat;}
table.style1 tr.top th.left{background:url(../img/bg/table.gif) no-repeat;} table.style1 tr.top th.right{background:url(../img/bg/table.gif) no-repeat top right; border-left:1px solid #1f71a7;}
table.style1 tr.top th{padding:8px 12px; color:#E8F3F9; text-align:center; border-bottom:1px solid #0c5e93;}
table.style1 tr.title th{text-align:center; text-transform:uppercase; background-color:#2E6792; border-top:1px solid #245071; border-bottom:1px solid #245071;}
table.style1 tr.alt td{background:#BCDBEF url(../img/bg/alt.jpg) repeat-x top left;}
table.style1 td{padding:8px 12px; border-bottom:1px solid #A4CDE9; text-align:center; border-left:1px solid #A4CDE9; border-right:1px solid #A4CDE9; border-top:none;}
table.style1 tr.top th.noborder { border-left:none;}


table.style3{
	font-size:1.1em;
	width:345px;
	font-family:Tahoma, Georgia, Arial, serif;
	margin-bottom:12px;
	margin-top:4px;
	text-transform: lowercase;
	font-variant: small-caps;
} .pc50{width:150px;}
table.style3 tr.top {background:url(../img/bg/table.gif) no-repeat;}
table.style3 th {background:url(../img/bg/table.gif) no-repeat 0px; }
table.style3 tr.top th.left{background:url(../img/bg/table.gif) no-repeat;} 
table.style3 tr.top th.right{background:url(../img/bg/table.gif) no-repeat top right; border-left:1px solid #1f71a7;}
table.style3 tr.top th{padding:8px 12px; color:#E8F3F9; text-align:center; border-bottom:1px solid #0c5e93;}
table.style3 tr.title th{text-align:center; text-transform:uppercase; background-color:#2E6792; border-top:1px solid #245071; border-bottom:1px solid #245071;}
table.style3 tr.alt td{background:#BCDBEF url(../img/bg/alt.gif) repeat-x top left;}
table.style3 td{padding:6px 12px; border-bottom:1px solid #A4CDE9; text-align:center; border-left:1px solid #A4CDE9; border-right:1px solid #A4CDE9;}


/* Contact Form */
table.form{font-size:1.1em; font-family:Tahoma, Georgia, Arial, serif; margin-bottom:10px; margin-top:4px; color:#2d6e9f;}
table.form td{padding:3px 16px 3px 0px; text-align:left;}
table.form input#name, table.form input#email, table.form input#fmail, table.form input#fname, table.form input#sub{padding:3px; font-size:1.1em; font-family:Arial, serif; width:300px;}
table.form textarea{padding:3px; font-size:1.2em; font-family:Arial, serif; width:300px; height:100px;}
table.form input#submit{width:auto; padding:3px; font-size:1.1em; font-family:Arial, serif; cursor:pointer;}
table.form input#prev{width:auto; padding:3px; font-size:1.1em; font-family:Arial, serif; cursor:pointer;}
#content table.form tr td input.send{background:url(../img/buttons/send.gif) top left no-repeat; border:none; width:86px; text-align:center; font-weight:blod; color:#fff}

/*========================= Images ========================================= */
body.age img.drinkaware{display:block; margin-left:auto; margin-right:auto; clear:both; margin-bottom:10px; padding-left:40px;}
img.photo-gallery-title{margin-top:4px; margin-bottom:12px;}
.net{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true src='../img/bottle-shots/net.png'); height:328px; width:348px; float:right; background:url(../img/bottle-shots/net.png) no-repeat;}
/*========================= Gallery ========================================= */
.thumb{width:160px; float:left; margin:0px 15px 15px 0px;}
.thumb img{padding:1px; border:3px solid #E8F2FB} 
#content .thumb p{font-family:Tahoma, Arial, serif; font-size:0.9em; text-align:center;}
.thumb a img {filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.thumb a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
img.outdoor{padding:1px; border:3px solid #E8F2FB} 
img.news{padding:1px; border:3px solid #E8F2FB; margin-bottom:2px; float:left; margin-right: 10px;}
/*==========================Product/Pack==========================================*/
.productthumb{width:97px; height: 80px; float:right; display:inline; margin-top: 15px; }
.productthumb img{padding:1px; border:1px solid #91c2e2;  display:inline; margin-top:-10px;} 
#content .productthumb p{font-family:Tahoma, Arial, serif; font-size:0.9em; text-align:center;}
.productthumb a img {filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
.productthumb a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}
#product-list { border-top: solid 1px #E8F2FB; border-bottom: solid 1px #E8F2FB;}
/*========================= Contact ========================================= */
.vcard{font-size:1.2em; color:#4484af; line-height:1.5em; margin-bottom:12px;}
.adr{padding-bottom:7px; border-bottom:1px solid #abd5f4; margin-bottom:7px;}
.tel{padding-left:22px; background:url(../img/icons/phone.gif) no-repeat 0px center; margin-bottom:2px;} .fax{padding-left:22px; margin-bottom:2px;}
.email{padding-left:22px; background:url(../img/icons/email.gif) no-repeat 1px center; margin-bottom:2px;}
.vcardblock{padding-left:22px; background:url(../img/icons/vcard.gif) no-repeat 0px 0px; margin-bottom:2px; }
.vcard a{text-decoration:none; color:#488bbd; border-bottom:1px solid #abd5f4;} .vcard a:hover{color:#2e6792;}
.pdf{padding-left:22px; background:url(../img/icons/acrobat.png) no-repeat 0px center; margin-bottom:2px; height: 19px;}
.pdf a{text-decoration:none; color:#488bbd; border-bottom:1px solid #abd5f4; font-size: 0.8em;} .pdf a:hover{color:#2e6792;}

/*========================= Ads ========================================= */
.ad{width:170px; float:left; margin-right:18px;} .ad img{}
.ad p.tv{padding-left:22px; background:url(../img/icons/tv.gif) no-repeat 0px 0px; margin-bottom:0px;} 
.ad p.outdoor{padding-left:22px; background:url(../img/icons/outdoor.gif) no-repeat 0px 2px; margin-bottom:0px;}
.ad p.radio{padding-left:26px; background:url(../img/icons/audio.gif) no-repeat 4px 0px; margin-bottom:0px; }
/*========================= Downloads ========================================= */
.download-item{background:url(../img/bg/downloads-container.jpg) no-repeat; width:554px; margin-top:5px; padding-top:2px; margin-bottom:16px;}
#content p.downloads{font-family:Arial, Helvetica, sans-serif; font-size:1.4em; color:#fff; margin-bottom:4px; }
.download-item .thumbnail {margin:8px 10px 0px 8px; width:205px; float:left;} .download-item .thumbnail img{border:2px solid #BBDAEF}
.download-item .details {width:325px; float:left; margin-top:5px;} #content .download-item .details  ul{margin-top:-7px;}
.download-item .details ul li{background:url(../img/icons/pic.gif) no-repeat 0px center; padding-left:19px; font-size:1.1em; margin-bottom:8px;}
.download-item .details ul li.zip{background:url(../img/icons/zip.gif) no-repeat 0px center;}
.download-item .details ul li a{text-decoration:none; color:#488bbd; border-bottom:1px solid #abd5f4;} .download-item .details ul li a:hover{color:#2e6792;}



/*============================flash fading text ==================================== */
#flashtext{position:absolute; right:-110px; top:340px;}
#content #flash-ecard {position:absolute; right:8px; top:170px; border: solid 3px #fff;} 
#footerflash { float: left; margin-left: 0px; display:inline; margin-top:10px;}
.filashfile{margin-bottom:-3px;}




/*============================drinkaware logo ==================================== */
#drinklogo {margin-left:30px; margin-top:10px;}
img.drinkhome{padding-top:25px;}





/*============================Style Guide ==================================== */


#content .style-guide .style-thumb{float:left; padding-right:10px; width:30%;}
#content .style-guide .style-text p{width:68%; float:right; margin-bottom:-10px;}
*html #content .style-guide .style-text p { width:67%;}
#content .style-guide .style-thumb img{border:2px solid white;}
#content .style-guide .style-text h3{
	display:inline;
	font-size:2.4em;
	color:#fff;
	width:350px;
	padding-bottom:0px;
	margin-bottom:-15px!important;

}



#container #content .style-guide .style-text p.author{color:#4597CC; margin-bottom:1px; margin-top:-10px; font-family:Arial, Helvetica, sans-serif;}
.style-guide{ padding-bottom:10px; border-bottom:1px solid #DAEFFD; margin-bottom:10px;}
.last{border-bottom:none; padding-bottom:10px;}
.style-guide.last { border-bottom:none;}

#container #content ul li#vote{float:left; text-indent:-8000px;}
#container #content ul li#vote a{background:url(../img/buttons/style-vote.gif) no-repeat; padding:0px 25px 10px 0px; }
#container #content ul li#vote a:hover{background:url(../img/buttons/style-vote-over.gif)no-repeat; text-indent:-8000px;}

#vote li{float:left; text-indent:-8000px; overflow:hidden; display:inline; padding-bottom:10px; width:250px; height:30px; line-height:70px;}
*html #vote li{height:40px}
#vote li a{ display:block; background-position:0 0; background-repeat:no-repeat; background-image:url(../img/buttons/style-vote.gif)}
#vote li a:hover{background-image:url(../img/buttons/style-vote-over.gif)}

.view-button { float:left;   margin-top: 22px; width:149px; height:25px; background-image:url(../img/buttons/view.gif);}
.view-button:hover{background-image:url(../img/buttons/view-over.gif);}

.review-button { float:left;   margin-top: 18px; margin-left: 5px; width:149px; height:25px; background-image:url(../img/buttons/review.gif);}
.review-button:hover{background-image:url(../img/buttons/review-hover.gif);}


.add-review-button { float:left;   margin-top: 18px; width:124px; height:25px; background-image:url(../img/buttons/add-review.gif);}
.add-review-button:hover{background-image:url(../img/buttons/add-review-over.gif);}



/*=================== Add review Form ==========================*/
table.add{font-size:1.1em; font-family:Tahoma, Georgia, Arial, serif; margin-bottom:10px; margin-top:4px; color:#2d6e9f;}
table.add td{padding:3px 16px 3px 0px; text-align:left;}
table.add input#firstname, table.add input#surname, table.add input#email {padding:3px; font-size:1.1em; font-family:Arial, serif; width:300px;}
table.add select {padding:2px; font-size:1.1em; font-family:Arial, serif; width:310px; height: 25px; }
table.add textarea{padding:3px; font-size:1.2em; font-family:Arial, serif; width:300px; height:100px;}
table.add input#submit{width:auto; padding:3px; font-size:1.1em; font-family:Arial, serif; cursor:pointer;}
table.add input:focus, table.add textarea:focus { border:solid 2px #c8e2f3; background-color: #F7FCFF;}
table.add td p.red-comment {color:#FF0000!important; font-size:0.9em!important; margin:0px 0 2px 3px!important;}
#content table.add tr td input.send{background:url(../img/buttons/send.gif) top left no-repeat; border:none; width:86px; text-align:center; font-weight:blod; color:#fff}



/*========================= Footer ========================================= */

ul.footer{border-top:1px solid #E4F3FC; font-size:1.1em; margin-top:-171px; width:800px; margin-left:auto; margin-right:auto; color:#fff; text-align:left; padding-top:10px; clear:both!important;}
ul.footer li{display:inline; color:#74b5e6;}
ul.footer li.copyright{margin-right:20px;}
ul.footer li a, ul.footer li a:visited{text-decoration:none; color:#488bbd; border-bottom:1px solid #abd5f4;}
ul.footer li a:hover{color:#2e6792;}


#footer{clear:both;  width:868px; background:url(../img/bg/ooter.png) no-repeat bottom left; height:171px; position:relative;  z-index:1; } 

/*#footer{clear:both; font-size:1.1em; width:770px; margin-left:auto; margin-right:auto; background:url(../img/bg/footer.png) no-repeat; height:171px; position:relative;}*/

.home #footer ul{margin-left:-450px; margin-top:10px; top:0px; }
.home #footer {margint-top:-10px; padding-bottom:0px; border-top:1px solid #fff; top:0px;}
#footer ul{	position:absolute;	bottom:5px;	left:450px; top: 185px;}
#footer ul li{display:inline; color:#74b5e6;}
#footer ul li.copyright{margin-right:20px;}
#footer ul li a, #footer ul li a:visited{text-decoration:none; color:#488bbd; border-bottom:1px solid #abd5f4;}
#footer ul li a:hover{color:#2e6792;}
#flash-fading {position: absolute; left: 300px; top: 300px;}