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 h1
{
    font-family:copperplate;
    color:#0a335b; 
    font-weight:bold;
}

.content h2
{
     font-family:copperplate;
     color:#910c02; font-weight:bold;
}

.content h1 em
{
    font-size:15px; 
    font-style:normal;
}

.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 p.heading
{
    font-family:copperplate;
    color:#A81C12; 
    font-weight:bold;
}

.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:391px;
	margin-left:9px;
	text-align:left;
	
}
.footer p{
	color:#3e250d;
	margin:0 auto;
	font-size:10px;
	padding-top:0px;
	
}

.footer a
{
	color:#beb595;
	font-size:12px;
}


.footer a:hover
{
	color:#ddd5b9;
	text-decoration:none;
}

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

.footer p a:hover
{
	color:#3e250d;
	text-decoration:underline;
}



.footliststuff{
	float:left;
	margin-left:56px;
	margin-top:48px;
}

.footlistabout{
	float:left;
	margin-left:56px;
	margin-top:48px;
	height:123px;
}

.latesttweet{
	float:left;
	margin-left:57px;
	margin-top:50px;
	font-size:12px;
	width:238px;
	color:#beb595;
}

.latestavatar{
	float:left;
	margin-right:10px;
	margin-top:7px;
}

.latesttext{
	padding-top:5px;
	padding-left:58px;
}

.latesttweet a{
	color:#ffffff;
}


.footcontact{
	float:left;
	margin-left:56px;
	margin-top:43px;
	height:43px;
}

.footsomedtwit{
	float:left;
	margin-left:60px;
	margin-top:43px;
}

.footsomedface{
	float:left;
	margin-left:18px;
	margin-top:43px;
}

.foottwitter{
	width:113px;
	height:43px;
	padding-top:5px;
	padding-left:1px;
	background:url('../images/footer/panel_twitter.png') no-repeat;
	
}

.footfacebook{
	width:109px;
	height:43px;
	padding-top:5px;
	padding-left:2px;
	background:url('../images/footer/panel_facebook.png') no-repeat;
}

.footcopyright{
	padding-top:102px;
}

.footcopyright a{
	font-size:10px;
}

.top-nav .right-menu .follow{
	float:left;
	padding-top:4px;
	position:relative;
	z-index:1;
	padding-left:15px;
}

/*end footer work*/




#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;
	line-height:normal;
}
.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;
}

.details span.replace
{
    font-family:copperplate;
    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 h2.store
{
    font-family:copperplate;
    color:#910c02; font-weight:bold;
}
.content .right-side h2
{
    font-family:copperplate;
    color:#910c02; font-weight:bold; 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:241px;
	width:342px;
	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;
	position:relative;
}


#bottomimg
{
    width:721px;
    height:67px;
    position:absolute;
    bottom:0;
    left:0;
    background-image:url(../images/troegs/bottomTan.png);
    z-index:2;
}
#imgs
{
    height:320px;
    position:relative;
}
#imgs div
{
    position:absolute;
    top:0;
    left:0;   
}

#imgs div.img div
{
    margin:10px 10px 10px 20px;
    width:40%;
}

#imgs div.img div h2
{
    font-family:copperplate;
    font-size:32px;
    line-height:24px;
}
#imgs div.img div a
{
    color:inherit;
    font-weight:bold;
    font-family:copperplate;
    font-size:18px;
}
#imgs div.img div a.more
{
    padding-top:10px;
}

.content #imgs p
{
    color:inherit;
}

#slider
{
    background-image:url(../images/troegs/browse_our_brews/bg.png);
    width:462px;
    height:185px;
    position:relative;
}



#brewitemsContainer
{
    overflow:hidden;
    width:385px;
    height:91px;
    position:absolute;
    left:33px;
    top:32px; 
}

#brewitems
{
    height:91px;
    width:1024px;
    position:relative;
}

#brewitems div
{
    position:absolute;
    top:0;
    left:-500px;
    cursor:pointer;
    width:71px;
    height:71px;
    padding:10px;
}
#brewitems div:hover
{
    background-image:url(../images/troegs/browse_our_brews/hightlight.png);
}

#overlayleft
{
    background-image:url(../images/troegs/browse_our_brews/left_fade.png);
    width:42px;
    height:71px;
    position:absolute;
    left:33px;
    top:42px;
}
#overlayright
{
    background-image:url(../images/troegs/browse_our_brews/right_fade.png);
    width:44px;
    height:71px;
    position:absolute;
    right:38px;
    top:42px;
}
#leftbtn
{
    position:absolute;
    left:40px;
    top:65px;
    cursor:pointer;
}
#rightbtn
{
    position:absolute;
    right:45px;
    top:65px;
     cursor:pointer;
}
#brewtitle
{
    position:absolute;
    width:100%;
    text-align:center;
    top:120px;
    color:#990000;
}
#brewtitle strong
{
    color:#38110a;
    font-size:18px;
    display:block;
}

.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;
}