/*generic tags*/
body
	{ font:62.5% arial,verdana,sans-serif; color:#fff; background-color:#000; }	
img 
	{border:none;}	
h1 
	{margin:0;padding:0;}
h2 
	{margin:0;padding:0;font-size:1.5em;}
h3 
	{font-size:1.4em;margin:0;padding:0;font-weight:normal;}	
a 
	{color:#fff;text-decoration:underline; }
	
	a.act, a:hover 
	{color:#eb1d25 !important;}
	#
	:hover
	{outline:none;}
	
p, label
	{font-size:1.2em;line-height:1.4em;padding:0;margin:0 0 1em 0;}
	
button 
	{background:none;border:none;padding:0;margin:0;}
	
/*Clearfix*/
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/*Those two .clearfix have to be separate!)*/
.clearfix {display:block;}
* html .clearfix {height:1px;}			
	
/*overwriting messy button styles for firefox*/ 
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}	
 
/*generic classes*/ 
p.date
 {color: #999;}
 
p.error
	{color: #ff0000; font-weight:bold;font-size:1.4em;}
	
.margintop 
	{margin-top:1em;}
	
.floatright 
	{float:right;margin-left:8px;}
	
.clear 
	{clear:both;}
	
.nospace 
	{margin:0;padding:0;}
	
.floatleft 
	{float:left;}		

/*list styles*/
ul.small li 
	{font-size:1em !important;margin-bottom:1em;}
	
ul.small li h3 
	{font-size:1.2em !important;width: 113px; clear:none; }
ul.small li h3 a
	{color:#999;}
	
.standard li 
	{font-size:1.2em !important;}
	
.standard li li 
	{font-size:1em !important;}
	
.standard li ol 
	{margin-top:2em;}

.fir, .navigation
	{display:block; text-indent:-9999px; margin:0;paddding:0;background-repeat:no-repeat;}
	

/*main structure*/

.container
	{width:911px; height:558px; margin:50px auto 0; padding:20px 20px 0 0; background:url(../images/bg_generic.jpg) no-repeat;}
	
.sidebar
	{float:right; width:212px; padding:12px; background:#161214; }	
	
.sidebar ul 
	{margin:0; padding:0; list-style:none;font-size:1em;}	

.sidebar ul li  
	{font-size:1em;margin-bottom:10px;}
	
.sidebar  h2
	{margin-bottom:0.4em;}	
	
.sidebar ul li  ul li
	{font-size:1.2em;line-height:1.8em;}
	
.wrap 
	{clear:both;float:left;padding:20px 0 0 25px;width:877px}		

.header
	{ background:#000;padding:12px 12px 12px 12px;} 	 
				
.back
	{float:right; padding:0;margin:0;} 	
	
.content
	{clear:left; margin: 0; width:610px;float:left;} 	
			
.transp
	{position:relative;float:left;}
	
.opacity
	{background:#000; filter: alpha(opacity=80); opacity: .8;width:100%;position:absolute; top:0;left:0;height:380px;}		
	
.transp .area
	{width:586px; padding:12px 12px 0 12px;margin:0;list-style:none;height:370px;overflow-y:auto;position:relative;font-size:1em;}
		
.transp .area li
	{font-size:1em;margin-bottom:2em;}	

/*navigation*/
.navigation a
	{ display:block; }

.navigation li, .navigation a
	{ height:17px; }

/*vertical*/	
.vertical
	{clear:left; float:left; list-style:none; margin:7px 0 0 0; padding:0; }
	
.vertical li
		{margin-bottom:4px; }	
		
.navigation.vertical .home a 
	{ width:73px; background:url(../images/h_nav.gif) no-repeat 0 0; }
	
.navigation.vertical .you-are-the-retailer a
	{ width:226px; background:url(../images/h_nav.gif) no-repeat  -73px 0; }

.navigation.vertical .the-innovation-award a
	{ width:356px; background:url(../images/h_nav.gif) no-repeat  -300px 0; }
	
.navigation.vertical .latest-news a
	{ width:145px; background:url(../images/h_nav.gif) no-repeat -657px 0; }
	
/*hover*/
.navigation.vertical .home a:hover
	{ background-position: 0 -17px; }
	
.navigation.vertical .you-are-the-retailer a:hover
	{ background-position: -73px -17px; }

.navigation.vertical .the-innovation-award a:hover
	{ background-position: -300px -17px; }
	
.navigation.vertical .latest-news a:hover
	{ background-position: -657px -17px; }	
	
/*active*/
.navigation.vertical .home a.act
	{ background-position: 0 -17px; }	
	

/*horizontal*/
.horizontal 
	{list-style:none; margin:7px 0 0 0; padding:0;width:100%;}	
		
.horizontal li
	{float:left; margin: 0 7px 0 0;}	
	
.navigation.horizontal .home a 
	{ width:59px; background:url(../images/h_nav.gif) no-repeat -12px 0; }
	
.navigation.horizontal .you-are-the-retailer a
	{ width:218px; background:url(../images/h_nav.gif) no-repeat  -80px 0; }

.navigation.horizontal .the-innovation-award a
	{ width:346px; background:url(../images/h_nav.gif) no-repeat  -309px 0; }
	
.navigation.horizontal .latest-news a
	{ width:145px; background:url(../images/h_nav.gif) no-repeat -665px 0; }	
	
/*hover*/
.navigation.horizontal .home a:hover
	{ background-position: -12px -17px; }
	
.navigation.horizontal .you-are-the-retailer a:hover
	{ background-position: -80px -17px; }

.navigation.horizontal .the-innovation-award a:hover
	{ background-position: -309px -17px; }
	
.navigation.horizontal .latest-news a:hover
	{ background-position: -665px -17px; }	
			
/*active*/	
.navigation.horizontal .home a.act 
	{background-position: -12px -34px; }
	
.navigation.horizontal .you-are-the-retailer a.act
	{background-position:  -80px -34px; }

.navigation.horizontal .the-innovation-award a.act
	{  background-position:-309px -34px; }
	
.navigation.horizontal .latest-news a.act
	{background-position: -665px -34px; }			
			

/*footer*/	
.footer-links
	{ list-style:none; margin:10px auto 0; padding:0; text-align:center; width:931px; }
	
	.footer-links li
		{ display:inline; font-family:Helvetica, arial, sans-serif;padding: 0 0.5em; padding: 0 1em 0 1.1em;border-right:1px solid #fff;}
		
	.footer-links li.last
		{ padding:0 0 0 1.1em;border:none; }
	
	
	.footer-links a
		{ color:#fff; }
		
		
/*image replacement*/		
h1#responsible-retailer
	{ float:left; background-image:url(../images/h_responsible-retailer.gif); width:533px; height:130px;  }
	
h1#responsible-retailer-horizontal
	{ background-image:url(../images/h_responsible-retailer-horizontal.gif); width:908px; height:63px;  }	

h1#responsible-drinking
	{ background-image: url(../images/h_responsible-drinking.gif); width:902px; height:63px; }	
	
h2#latest-news
	{float:left;margin-right:10px;}	
	
h2#news-categories
	{ background-image: url(../images/h_news-categories.gif); width:148px; height:17px;margin-bottom:5px;}		
	
h2#the-innovation-award
	{ background-image: url(../images/h_the-innovation-award.gif); width:190px; height:33px;margin-bottom:15px; }
	
h2#latest-news-and-press-releases
	{ background-image: url(../images/h_latest-news-and-press-releases.gif); width:169px; height:32px;margin:25px 0 15px;}
	
h2#previous-issues
	{ background-image: url(../images/h_previous-issues.gif); width:155px; height:13px;margin:5px 0 15px;overflow:hidden;}	
	
h2#age-check
	{ background-image: url(../images/h_age-check.gif); background-position: 15px 0; width:119px; height:17px; background-color:#000;margin-top:20px;overflow:hidden;}		

h3#subscribe
	{ background-image: url(../images/h_subscribe.gif); width: 72px; height: 10px; overflow: hidden; padding:0 0 6px; margin: 0; }
/*buttons*/
button#enter-site 
	{margin:25px 0 0;width:108px;height:19px;padding-left:9px;background:#000;}
		
.age-check h1#responsible-retailer
	{float:none;}	

.age-check .box 
	{margin:50px; width:350px;}	
	
.age-check form 
	{width:350px;}		

.age-check form p 
	{float:left;margin-right:1em;}					
		
/*page=home*/
.home .container
	{ background:url(../images/bg_home.jpg) no-repeat;}
	
.home .sidebar
	{ min-height:508px; }		
	
.home .sidebar
	{ min-height:508px; }			
	
/*page=you-are-the-retailer*/	
.you-are-the-retailer .container
	{ background:url(../images/bg_you-are-the-retailer.jpg) no-repeat;}
	
.you-are-the-retailer .content p, .you-are-the-retailer .content a 
	{color:#000;}	
	
.you-are-the-retailer .wrap 
	{padding:3px 0 0 0;width:902px;}	
	
.you-are-the-retailer .sidebar 
	{margin-top:17px; height: 412px; position: relative; }
	
/*form elements*/
.miniSubscribe
	{ position: absolute; bottom: 12px; }
.miniSubscribe input{ padding: 0; margin: 0;}
.miniSubscribe form { padding:0; margin:0;}
.miniSubscribe p { font-size: .875em; padding-right: 12px; }
	{ display: none; }
/*tweaks*/
.tweak1 
	{margin: 0 1em 0 1.1em;border-left:1px solid #fff;}
.tweak2 
	{margin-bottom:1em;}
.tweak3 
	{float:right;width:49%;text-align:right;}	
.tweak4 
	{padding-bottom:0;} /*used in more than one place!*/
.tweak5 
	{text-align:center;margin-top:180px;} /*used in more than one place!*/

	

	
	
	
			
	

