BODY {
    margin: 0;
    padding: 0;
    
    font-family: Arial, Helvetica, sans-serif;
    background: #fcf29c url("../images/troegs/bg/pagebgs/troegs-body-bg.gif") repeat left top;
}
html, body, #page, #aspnetForm{
	height:100%;
	margin:0;
	padding:0;
}
A {text-decoration: none; color:#910c02; }
A:HOVER {text-decoration: underline;}
IMG {border: none;}


.fl-left{float:left}
.relax {
	clear: both;
	height: 0;
	line-height: 0px;
	font-size: 0;
}

.top-nav{
	width:980px;
	margin:auto;
	height:20px;
	position: relative; 
	z-index: 5;
}
.top-nav .left-menu{
	float:left;
}
.top-nav .right-menu UL,
.top-nav .left-menu UL{
	margin:0;
	padding:0;
	list-style:none;
}

.top-nav .left-menu UL LI{
	float:left;
	margin-right:15px;
}
.top-nav .left-menu UL LI A{
	position:relative;
	z-index:1;
}
.top-nav .right-menu{
	float:right;
	padding-top:3px;
	width:288px;
}
.top-nav .right-menu UL LI{
	margin-left:5px;
	float:left;
}
.top-nav .right-menu .follow{
	float:left;
	padding-top:4px;
	position:relative;
	z-index:1;
	padding-left:15px;
}
.top-nav .right-menu A{
	float:left;
	line-height:90%;
	position:relative;
	z-index:1;
}
.top-nav .right-menu UL{
	float:left;
	position:relative;
	z-index:1;
	margin-right:15px;
}
/*Page*/
#page {
    margin: 0 auto;
    text-align: left;
	width:755px;
	position:relative;
	
}

/*Header*/
.header {
	
	position:absolute; top:0; left:0; 
	width:755px;
	background:url('../images/troegs/bg/headerbgs/header-bg.png') no-repeat;
	height:183px;
	text-align:center;
}
.header .logo{
	width:161px;
	height:159px;
	display:block;
	margin:0 auto;
	outline:none;
}
.header UL{
	list-style:none;
	margin:0;
	padding:0;	
	padding-left:38px;
	margin-top:-30px;
	position:relative;
}
.header UL LI{
	float:left;	
}
.header UL LI.our-brews A{
	background:url("../images/troegs/menu/all.png") no-repeat;
	background-position:0 -253px;
	display:block;
	position:relative;
	width:93px;
	height:17px;	
}
.header UL LI.brewery A{
	background:url("../images/troegs/menu/all.png") no-repeat;
	background-position:-93px -253px;
	display:block;
	position:relative;
	width:132px;
	height:17px;	
}
.header UL LI.events{
	margin-right:86px;
}
.header UL LI.events A{
	background:url("../images/troegs/menu/all.png") no-repeat;
	background-position:-225px -253px;
	display:block;
	position:relative;
	width:64px;
	height:17px;	
}
.header UL LI.tasting A{
	background:url("../images/troegs/menu/all.png") no-repeat;
	background-position:0 -288px;
	display:block;
	position:relative;
	width:216px;
	height:17px;	
}
.header UL LI.about-us A{
	background:url("../images/troegs/menu/all.png") no-repeat;
	background-position:-216px -288px;
	display:block;
	position:relative;
	width:86px;
	height:17px;	
}
.header UL LI.our-brews A:HOVER{
	background-position:0 -270px;
}
.header UL LI.brewery A:HOVER{
	background-position:-93px -270px;
}
.header UL LI.events A:HOVER{
	background-position:-225px -270px;
}
.header UL LI.tasting A:HOVER{
	background-position:0 -305px;
}
.header UL LI.about-us A:HOVER{
	background-position:-216px -305px;
}


.header UL LI ul li{
	float:none;	
	width:100%;
	position:relative;
	margin:0px;
	padding:0px;
	
	
}
.header ul li ul div
{
	border:none;
	margin:0;
	padding:0;
}

.header ul li ul
{
	display:none;
	z-index:100;
	position: absolute;
	margin:0;
	padding:0;
	top:17px;
	text-align:left;
	
}
.header ul li.our-brews ul
{left:39px; width:200px;}
.header ul li.brewery ul
{left:134px; width:190px;}
.header ul li.events ul
{left:266px; width:100px;}
.header ul li.tasting ul
{left:419px; width:206px;}
.header ul li.about-us ul
{left:630px; width:101px; }

.header ul li:hover ul
{
	display: block;
	position: absolute;
	z-index:100;
	
	
}

.header ul li.our-brews ul li a,
.header ul li.brewery ul li a,
.header ul li.events ul li a,
.header ul li.tasting ul li a,
.header ul li.about-us ul li a
{
	
	background:none;
	color: #032342;
	font-size:13px;
	line-height:25px;
	height:25px;
	padding:0px 10px;
	z-index:100;
	width:auto;
	
	
}

.header ul li.our-brews ul li:hover a,
.header ul li.brewery ul li:hover a,
.header ul li.events ul li:hover a,
.header ul li.tasting ul li:hover a,
.header ul li.about-us ul li:hover a
{
	background:none;
	text-decoration:none;
	
}


/* menu image */
	.header ul li ul li
	{
		background-image:url('../images/troegs/menu/all.png');
	}
	.bottom
    {
    	height:32px;
    }
	
	.header ul li.our-brews ul li.top { height:31px; }
    .header ul li.our-brews ul li.top { background-position:-101px 0px; }
	.header ul li.our-brews ul li.top:hover { background-position:-101px -31px; }
	.header ul li.our-brews ul li.middle { background-position:-101px -62px; }
	.header ul li.our-brews ul li:hover.middle { background-position:-101px -87px; }
	.header ul li.our-brews ul li.bottom { background-position:-101px -112px; }
	.header ul li.our-brews ul li:hover.bottom { background-position:-101px -144px; }
	  
    .header ul li.about-us ul li.top { height:31px; }
    .header ul li.about-us ul li.top { background-position:-0px 0px; }
	.header ul li.about-us ul li:hover.top { background-position:-0px -31px; }
    .header ul li.about-us ul li.middle { background-position:-0px -62px; }
    .header ul li.about-us ul li:hover.middle { background-position:-0px -87px; }
    .header ul li.about-us ul li.bottom { background-position:-0px -112px; }
    .header ul li.about-us ul li:hover.bottom { background-position:-0px -144px; }
   
    .header ul li.brewery ul li.top { height:32px; padding-top:6px; width:130px; }
    .header ul li.brewery ul li.top { background-position:-205px -176px; }
    .header ul li.brewery ul li:hover.top { background-position:-205px -214px; }
   
   
	.header ul li.tasting ul li.top { height:38px; }
    .header ul li.tasting ul li.top { background-position:-0px -176px; }
    .header ul li.tasting ul li:hover.top { background-position:-0px -214px; }
    
    .header ul li.our-brews .top a,
    .header ul li.about-us .top a,
    .header ul li.tasting .top a
    {
    	padding-top:6px;
    }
    

/*Content*/
.contentholder
{
	padding:174px 0 0 0; 
	margin:0 0 0 9px;
}
.content {
	background:url('../images/troegs/bg/content-bg.gif') repeat-y;
	margin-left:0;
	padding:6px 0 0 7px;
	color:#333;
	font-size:12px;
	line-height:14px;
}
.content .big-flash{
	margin-top:-38px;
	display:block;
	position:relative;
}
.content .left-cont{
	margin-left:15px;
	width:226px;
	float:left;
	display:inline;
	position:relative;
}
.content .left-cont p.heading{
	color:#a81c12;
	font-size:18px;
	padding-bottom:0;
}
.content p{
	padding:5px 0 5px 0px;
	color:#333;
	font-size:12px;
	margin:0;
	line-height:14px;
}
.content .left-cont a{
	color:#990000;
}

.newsarchive a
{
	color:#333333;
}

.distributertbl
{
	border-collapse:collapse;
}
.distributertbl td
{
	padding:5px 5px;
}
.distributertbl td.name
{
	font-weight:bold;
}

.distributertbl th
{
	padding:10px 0 0 0;
	font-size:15px;
}

.onecolumn table tr.odd,
.content p.odd{background-color:#e5d5b8}

.content .right-cont .view-all,
.content .left-cont .view-all{
	float:right;
	font-size:11px;
	margin:5px 0 10px;
}
.content .left-cont p.fix-width{
	width:160px;
	padding-top:0;
}
.content .left-cont .calendar{
	width:65px;
	height:65px;
	background:url('../images/troegs/icons/calendar.gif') no-repeat;
	float:right;
	padding:0;
}
.content .right-cont{
	float:right;
	margin-right:24px;
	display:inline;
}
/*Footer*/
.footer {
	background:url('../images/troegs/bg/footer-bg.png') no-repeat;
	height:168px;
	margin-left:9px;
	text-align:center;
	
}
.footer p{
	color:#3e250d;
	margin:0 auto;
	font-size:10px;
	padding-top:140px;
	
}

.footer p a
{
	color:#3e250d;
}

#wrapper{
	margin-bottom:-168px;
	min-height:100%;
	height:auto;
}
.push{
	height:168px;
}


/******************************/
BODY.detail {
	background: #9A162A;
}

html, body {height: 100%;}

.detail #page {
  	position: relative;
	background: url("../images/troegs/bg/content-bg-detail.gif") repeat-y center top;
	width: auto;
	height: auto;
  	min-height: 100%;
  	text-align: center;
 	z-index: 2;
	min-width: 755px;
}
* html #page {
  height: 100%;
}
.top-bg {background:  url("../images/troegs/bg/body-bg-detail.jpg") no-repeat center top; text-align: center; margin: auto;
}
.detail .container {width: 755px; margin: auto; text-align: center;
}
.detail .header {background: none; filter: none;}
.detail .content {padding: 0px; margin: 0 auto; background: none; min-height: 262px; _height: 262px; text-align: left;}
.detail .footer {background: url("../images/troegs/bg/footer-bg-detail.gif") no-repeat center bottom; height: 267px; position: relative; margin: -99px 0 0; z-index: 1; filter: none; min-width: 755px;}

.content H1 {
	font-size: 32px;
	color: #0A335B;
	margin: 5px 0 0px 28px;
	font-weight: bold;
	padding-left:0;
}
.content H1 SPAN {
	font-size: 16px;
}

.content .onecolumn
{
	margin-left: 28px;
	margin-right: 40px;
}

.content .left-side {
	float: left;
	display: inline;
	margin-left: 28px;
	width: 435px;
}
.content .left-side .details P {
	font-size: 11px;
	color: #330000;
	margin: 0;
}
.content .left-side .details P.width68 {
	width:68px;
}
.content .left-side .details P.width65 {
	width:65px;
}
.content .left-side .details P.width36 {
	width:36px;
}
.content .left-side .details SPAN {
	margin: 0;
	font-size:14px;
	color:#330000;
	font-weight:bold;
}
.content H2 {
	font-size: 18px;
	color: #910C02;
	margin: 20px 0 0px;
}


.content .left-side P {
	font-size: 12px;
	color: #1A1A1A;
	margin: 0;
	padding-left:0;
	padding-right:0;
}
.content .left-side A {
	font-size: 12px;
	color: #990000;
	margin: 0;
}
.content .left-side IMG {
	border: 1px solid #AF967A;
	margin-right: 7px;
}
.content .left-side IMG.noborder
{
	border:none;
}

.content .right-side {
	float: right;
	display: inline;
	margin-right: 27px;
	width: 233px;
	text-align: center;
}
.content .right-side P {
	font-size: 12px;
	color: #2B0D0B;
	margin: 0px 4px;
	
}
.content .right-side P a{
	
	color: #990000;
	
}

.content .right-side A {
	color: #990000;
	font-size: 11px;
}
.detail .footer P {
	color: #3E250D;
	font-size: 12px;
	width: auto;
	padding-top: 253px;
}

.swif
{
	color:#A81C12;
	
	font-weight:bold;
}


.beerlistelement
{
	clear:both;
	padding:10px 0;
}
.beerlistimage
{
	float:left;
	width:158px;
}
.beerlisttext
{
	float:left;
	width:510px;
}

#is21overlay
{
		height:100%;
		width:100%;
		padding-top:0px;
		position:fixed;
		background-color:#000;
		top:0px;
		left:0;
		 z-index:9998;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		color:#999;
		overflow:hidden;
		border-bottom:1px solid black;
		filter:alpha(opacity=0);-moz-opacity:0;opacity:0;

}

#Tonecheck {
	height:456px;
	width:670px;
	margin:auto;
	position:fixed;
	z-index:9999;
	filter:alpha(opacity=0);-moz-opacity:0;opacity:0;
}
.Tonefields {
	position:relative;
	top:170px;
	padding-left:167px;
	
}
.ToneError
{
	color:#9C0808;
	font-size:14px;
}

.dropdown{
	background-color:#5d4f3b;
	color:#fff;
	font-size:14px;
	display:inline;
	vertical-align:middle;
}

.Tonebtn{
	background-image:url(../images/troegs/buttons/enterBTN.png);
	height:30px;
	width:142px;
	background-color:transparent;
	border:none;
	
	display:inline;
	vertical-align:middle;
	
}

.AdminCalender
{
	font-size:11px;
	background-color:White;
	
}

.AdminCalenderTitle
{
	text-align:left;
}

.AdminCalender td
{
	text-align:center !important;
	padding:0 !important;
}


/* Lightbox styles */
#TB_title { background-color: #981C12; }
#TB_window { border: none; }
#TB_window a { color: #910C02 !important; }
#TB_window a:hover { color: #910C02 !important; }
#TB_closeAjaxWindow { height: 14px; width: 14px; }
#TB_closeWindowButton { display: block; text-indent: 9999px; height: 14px; width: 14px; background: url(../images/map/bubble_close.png) 2px 2px no-repeat; overflow: hidden; }

/* Share this styles */
.stwrapper { background: rgba(0, 0, 0, 0.6); top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; position: fixed !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); }
.stframe { top: 200px !important; position: relative !important; }
.stclose { margin-left: -15px !important; top: 205px !important; right: auto !important; }
.stbutton { display: none !important; }

#topflash
{
	margin-top:-38px;
	margin-bottom:10px;
}

.pagetitle
{
	color:#910C02;
	font-size:14px;
	font-weight:normal;
	margin-bottom:14px;
}
.pageheading
{
	color:#910C02;
	font-size:18px;
	font-weight:normal;
	margin-bottom:14px;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
  .sIFR-active .details span.replace{
  	font-family: Verdana;
	visibility: hidden;
	font-weight:bold;
	width:100%;
  }
  
  .sIFR-active .content h2
  {
  	height:20px;
  }
  .sIFR-active .content h2.storeitemtitle
  {
  	height:auto;
  }
  
  .sIFR-active .content h1
  {
  	height:40px;
  }
}

#store_bottom
{
	position:absolute; 
	bottom:120px; 
	width:725px;
}