

*
{
	padding:0;
	margin:0;
}
body{
	 font-family:Arial,Helvetica,sans-serif;
	 font-size:13px;
	 background-color:#000;
}
p{
	color:#191919;
	font:12px Arial,Helvetica,Geneva,sans-serif;
	padding:5px
}
a{
	color:#a75010;
}
a:hover{
	color:red;
}
#wrapper{
	 margin:0 auto;
	 width:850px;
	 height:200px;
}
#header{
	position:relative;
	 color:#333;
	 width:850px;
	  height:136px;
	 margin:0px 0px 0px 0px;
	background-image:url(../images/interior_header.jpg);
}
#content{
	position:relative;
	 width:850px;
	color:#333;
	min-height:293px;
	background-image:url(../images/interior_middle.jpg);
	z-index:8;
}
#rightcolumn{
	position:absolute;
	top:30px;
	right:21px;
	 color:#333;
	float:right;
	width:444px
}
#leftcolumn{
	 color:#333;
	height:0px;
	width:0px;
	 float:left;
	top:0px;
	z-index:9;
}
#sub_head{
	margin:0 auto;
	width:177px
}
#footer{
	position:relative;
	width:850px;
	height:166px;
	clear:both;
	color:#333;
	margin:0px 0px 0px 0px;
	background-image:url(../images/interior_footer.jpg);
	z-index:1
}
#bottles{
	position:absolute;
	top:-140px;
	height:634px;
	width:435px;
	z-index:10
}
#copyright{
	position:relative;
	top:60px;
	margin:0 auto;
	width:530px;
	font:80% Arial,Helvetica,Geneva,sans-serif;
	color:#edd297;
	padding-bottom:50px
}
#copyright a{
	color:#a44219;
	text-decoration:none;
	font:110% Arial,Helvetica,Geneva,sans-serif;
	font-weight:bold;
	
}
#navigation{
	position:relative;
	top:5px;
	left:52px;
	 height:0px;
	width:850px;
	z-index:11;
	margin:0 auto
}
ul.navigation{
	padding:0px;
	margin-top:auto;
	float:left;
	color:#000;
	text-decoration:none;
	font: 1em Arial,Helvetica,Geneva,sans-serif;
	z-index:11
}
ul.navigation li{
	list-style-type:none;
	float:left;
	color:#000;
	text-decoration:none;
	z-index:11
}
ul.navigation li a span{
	display:none
}
ul.navigation li a {
	width:100%;
	height:50px;
	float:left;
	color:#000;
	text-decoration:none;
	z-index:11
}
ul.navigation li.home a{
	display:nonefloat:left;
	width:0px;
	height:0px;
	z-index:11
}
ul.navigation li.home a{
	//background-image:url(../images/buttons/interior/welcome_butt_NEW.png)
}
ul.navigation li a:hover{
	background-position:0 41px
}
ul.navigation li.about a{
	float:left;
	width:85px;
	height:41px;
	background-image:url(../images/buttons/interior/about_butt_NEW.png);
	z-index:11
}
ul.navigation li.brands a{
	float:left;
	width:95px;
	height:41px;
	background-image:url(../images/buttons/interior/brands_butt_NEW.png);
	z-index:11
}
ul.navigation li.store a{
	float:left;
	width:102px;
	height:41px;
	background-image:url(../images/buttons/interior/store_butt_NEW.png);
	z-index:11
}
ul.navigation li.finder a{
	float:left;
	width:128px;
	height:41px;
	background-image:url(../images/buttons/interior/beer_find_butt_NEW.png);
	z-index:11
}
ul.navigation li.events a{
	float:left;
	width:105px;
	height:41px;
	background-image:url(../images/buttons/interior/events_butt_NEW.png);
	z-index:11
}
ul.navigation li.contact a{
	float:left;
	width:105px;
	height:41px;
	background-image:url(../images/buttons/interior/contact_butt_NEW.png);
	z-index:11
}
ul.navigation li.virtual a{
	float:left;
	width:117px;
	height:41px;
	background-image:url(../images/buttons/interior/cafe_butts_NEW.png);
	z-index:11
}
#navigation_bottom{
	position:relative;
	top:5px;
	left:55px;
	 height:0px;
	width:850px;
	z-index:11;
	margin-top:20 auto
}
ul.navigation_bottom{
	padding:0px;
	margin-top:auto;
	float:left;
	color:#000;
	text-decoration:none;
	font: 1em Arial,Helvetica,Geneva,sans-serif;
	z-index:11
}
ul.navigation_bottom li{
	list-style-type:none;
	float:left;
	color:#000;
	text-decoration:none;
	z-index:11;
	padding-right:20px
}
ul.navigation_bottom li a span{
	display:none
}
ul.navigation_bottom li a:hover{
	background-position:0 30px
}
ul.navigation_bottom li a {
	height:50px;
	float:left;
	color:#000;
	text-decoration:none;
	z-index:11
}
ul.navigation_bottom li.home a{
	float:left;
	width:123px;
	height:30px;
	background-image:url(../images/buttons/interior/bells_news.png);
	z-index:11
}
ul.navigation_bottom li.dist a{
	float:left;
	width:150px;
	height:30px;
	background-image:url(../images/buttons/interior/distributor_finder.png);
	z-index:11
}
ul.navigation_bottom li.down a{
	float:left;
	width:121px;
	height:30px;
	background-image:url(../images/buttons/interior/downloads.png);
	z-index:11
}
ul.navigation_bottom li.nl a{
	float:left;
	width:151px;
	height:30px;
	background-image:url(../images/buttons/interior/newsletter_sign.png);
	z-index:11
}
#welcome_msg{
	font-family:Garamond;
	color:#000;
	font-weight:bold;
	font-size:1.6em;
	width:350px;
	margin:0 auto
}
#content_inside{
	width:800px;
	margin:0 auto;
	position:relative;
	top:20px;
	min-height:400px;
	z-index:100
}
#contact{
	height:800px
}
#leftcolumn_all{
	width:40%;
	float:left;
	padding-left:40px;
	padding-top:20px;
	z-index:100;
	padding-bottom:10px
}
#map_outside{
	width:800px;
	z-index:100;
	position:relative;
	left:-15px
}
#map{
	margin:0;
	float:left;
	width:550px;
	height:1% z-index:100
}
#rightcolumn_all{
	padding-right:35px;
	float:right
}
#rightcolumn_all a{
	color:#a44219;
	font-size:.8em;
	text-decoration:none
}
//contact form Css#cForm{
	border:0px;
	padding-top:130px
}
fieldset{
	border:0px;
	margin:0;
	padding:0
}
label{
	display:block
}
input.text,textarea{
	width:300px;
	font:12px/12px 'courier new',courier,monospace;
	color:#333;
	padding:3px;
	margin:1px 0;
	border:1px solid #ccc
}
input.submit{
	padding:2px 5px;
	font:bold 12px/12px verdana,arial,sans-serif
}
#loc_butt{
	position:relative;
	left:20px
}
li.bullets{
	list-style-type:square;
	list-style-position:inside
}
#page_header{
	clear:both;
	width:750px;
	margin:0 auto;
	font:2.0em Garamond;
	text-align:center;
	text-transform:capitalize;
	font-weight:bold;
	position:relative;
	left:-5px
}
input.searchbox{
	border:1px solid #a75010;
	height:14px;
	width:190px;
	color:#a75010;
	font:.9em Arial,Helvetica,Geneva,sans-serif;
	margin:0 auto;
	padding:3px
}
#batch_search{
	float:left;
	position:relative;
	top:50px;
	left:80px
}
#site_search{
	position:relative;
	top:50px;
	float:right;
	margin-right:80px;
	
}
#content_404{
	position:relative;
	top:30px
}
#error1{
	position:relative;
	top:60px;
	font-size:2em;
	color:#000;
	letter-spacing:.3em;
	text-align:center
}
#text_only{
	height:auto;
	width:700px;
	margin:0 auto;
	z-index:1000
}
#text_only p{
	font:.9em Arial,Helvetica,Geneva,sans-serif
}
#text_only h2{
	font:bold 1.2em Arial,Helvetica,Geneva,sans-serif
}
#beer_bottles{
	 height:170px;
	width:750px;
	z-index:11
}
ul.beer_bottles{
	padding-left:15px;
	margin-top:auto;
	float:left;
	color:#000;
	text-decoration:none;
	font: 1em Arial,Helvetica,Geneva,sans-serif;
	z-index:11
}
ul.beer_bottles li{
	list-style-type:none;
	float:left;
	color:#000;
	text-decoration:none;
	z-index:11
}
ul.beer_bottles li a span{
	display:none
}
ul.beer_bottles li a {
	width:100%;
	  padding-right:12px;
	padding-left:12px;
	float:left;
	color:#000;
	text-decoration:none;
	z-index:11;
	background-repeat:no-repeat
}
ul.beer_bottles li.oberon a{
	float:left;
	width:48px;
	height:161px;
	z-index:11;
	background-image:url(../images/small_bottles/Oberon_sm.png)
}
ul.beer_bottles li.porter a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Porter_sm.png);
	z-index:11
}
ul.beer_bottles li.lager a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Bells_Lager_sm.png);
	z-index:11
}
ul.beer_bottles li.coastold a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Third_Coast_Old_Ale_sm.png);
	z-index:11
}
ul.beer_bottles li.coast a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Third_Coast_Beer_sm.png);
	z-index:11
}
ul.beer_bottles li.pale a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Pale_Ale_sm.png);
	z-index:11
}
ul.beer_bottles li.hearted a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Two_Hearted_Ale_sm.png);
	z-index:11
}
ul.beer_bottles li.stout a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Kalamazoo_Stout_sm.png);
	z-index:11
}
ul.beer_bottles li.winter a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Winter_White_sm.png);
	z-index:11
}
ul.beer_bottles li.amber a{
	float:left;
	width:48px;
	height:161px;
	z-index:11;
	background-image:url(../images/small_bottles/Amber_Ale.png)
}
ul.beer_bottles li.brown a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Best_Brown_Ale.png);
	z-index:11
}
ul.beer_bottles li.cherry a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Cherry_Stout.png);
	z-index:11
}
ul.beer_bottles li.consecrator a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Consecrator.png);
	z-index:11
}
ul.beer_bottles li.cream a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Double_Cream.png);
	z-index:11
}
ul.beer_bottles li.expedition a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Expedition.png);
	z-index:11
}
ul.beer_bottles li.hell a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Hell_No_Fury.png);
	z-index:11
}
ul.beer_bottles li.hop a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/HopSlam.png);
	z-index:11
}
ul.beer_bottles li.java a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Java_Stout.png);
	z-index:11
}
ul.beer_bottles li.october a{
	float:left;
	width:48px;
	height:161px;
	background-image:url(../images/small_bottles/Oktoberfest_sm.png);
	z-index:11
}
.tdborder td{
	height:40px
}
#tooltip{
	width:150px;
	margin:0 auto
}
.brand_tip{
	width:130px
}
#go{
	position:relative;
	left:5px;
	width:32px;
	height:32px;
	background:transparent url(../images/GO_button.png) no-repeat center top;
	margin:0;
	padding:0;
	border:0;
	text-indent:-1000em;
	 cursor:pointer;
	 cursor:hand
}
.prod_icon{
	padding-right:5px
}
#about_us p{
	font-size:1em
}
#home_link{
	display:block;
	height:130px;
	width:200px;
	text-decoration: none;
	position:relative;
	left:320px;
	top:-80px
}
a:active{
	outline: none;
	
}
a:-moz-any-link:focus {
	outline: none;
	
}
#batch{
	float:left;
	width:200px;
	
}
#go1{
	float:left;
	position:relative;
	top:-5px;
	left:5px;
	width:32px;
	height:32px;
	background:transparent url(../images/GO_button.png) no-repeat center top;
	margin:0;
	padding:0;
	border:0;
	text-indent:-1000em;
	 cursor:pointer;
	 cursor:hand
}




/* CSS only needed for the demo */




#mainContainer{
	width:630px;
	border-left:1px solid #317082;	
	border-right:1px solid #317082;	
	margin:0 auto;	/* Center align content, equivalent to margin-left:auto;margin-right:auto; */
	text-align:left;	/* Override inherited text-align:center from the body tag */
	background-color:#FFF;
	height:100%;
}

#menuColumn{
	width:160px;
	float:left;
	padding:5px;
	font-size:0.9em;
}
#mainContent{
	width:440px;
	float:left;	
}

.oddRow{
	background-color:#FFF;
}
.evenRow{
	background-color:#EEE;
}

.productTable{
	border:3px double #000;
}
h3{
	margin-top:0px;
}


/* End css for the demo */

/* CSS needed for the script */

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

/* If you don't want the arrow - Just set the width of this div to 1 or something like that and drop the background selectors from the CSS below */

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('../images/arrow.png');
	width:20px;
	position:absolute;
	left:0px;
	top:-3px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #a75010;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:160px;	/* Width of tooltip content */
	height:200px;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	
