﻿/* Print stylesheet to hide the Flash headlines (sifr) from the browser.
Regular browser text headlines will print as normal */
.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;
}
/* GENERAL RULES overwrite all default browser settings */
body 
{ 
	background-color: #fff; 
	font-size: 12px;
	padding: 0; 
	margin: 10px 0 0 0; 
	background: none;
	clear: both
}

/* Global Links */
a, a:active, a:visited, a:focus 
{
	 color: #000; 
	 padding-top: 5px;
	 text-decoration: underline;
	 background: none
}
a.linkArrowWhite, a.linkArrowBlue
{
	font-size: 1em;
	padding-top: 5px
}
/* Global Text */
h1, h2, h3, h4, h5, h6 
{
	 margin:0px 0px 0px 0px;
	 padding: 10px 0
	 color:#000
}
h1
{
	font-size: 1.6em
}
h2
{
	font-size: 1.4em
}
h3
{
	font-size: 1.3em
}
h4
{
	font-size: 1.2em
}
/* Header and Footer, LeftNav */
#header
{
	padding: 0 0 20px 0
}
#nav, #emailSignUpContents, #footerLinks, #leftColumn
{
	display: none
}
#footerContents
{
	clear: both;
	padding-top: 10px
}
/* Subpage General */
#subpageHeader h1
{
	padding-bottom: 10px
}
#subpageContents
{
	font-size: 1.2em; 
	line-height: 1.5em;
	padding-top: 10px
}

/*======================================================================================================*/
/*------------------------------------------------------------------
INDEX
*/
#indexEventBoxHeader
{
	font-size: 1.6em;
	font-weight: bold;
}
	#indexEventBoxContents h3 a, #indexEventBoxContents h3 a:active, #indexEventBoxContents h3 a:focus, #indexEventBoxContents h3 a:visited
	{
		display: block;
		padding: 0 0 10px 0;
		font-size: 1em;
		font-weight: bold;
	}
#flashContainer
{
height: 1px;
display: none
}
#indexTastingRoom
{
	width: 100%;
	padding-top: 10px;
	float: none
}
#indexTastingRoom .txt
{
	font-size: 1.3em;
	line-height: 1.5em;
	clear: both;
	width: 100%
}
	#indexTastingRoomTitle
	{
		font-weight: bold;
		text-align: left;
		width: 100%; 
		margin: 0;
		padding: 0
	}
	#indexTastingRoomLink a
	{
		text-indent: none;
		font-size: .8em;
		padding-top: 5px
	}
#indexAskPhil
{
	margin:0;
	padding: 0;
	clear: both;
	width: 100%
}	
	#indexAskPhil h2
	{
		margin:0;
		padding: 0;
		text-align: left
	}	
	#indexAskPhilHeaderTxt
	{	
		font-size: 1.6em;
		font-weight: bold;
		padding-top: 20px
	}
	#indexAskPhilBalloonContents
	{
		width: 100%
	}
			#indexAskPhilBalloonContents .firstLetter
			{
				display: none
			}
			#indexAskPhilBalloonContents .txt
			{
				font-size: 1.3em;
				line-height: 1.5em
			}
/*------------------------------------------------------------------
AV
*/
#nav h2
{ 
margin: 0;
}
#AVContents
{
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 0;
	border: solid 5px #899dab
}
	#AVContents .formGeneral 
	{
		padding-left: 180px;
		background-color: #fff
	}
	#AVContents img
	{
	}
.btnEnter a
{
	width: 107px;
	height: 24px;
	float: left;
	margin-left: 5px;
	background: url(/media/images/layout/btnSprites.gif) no-repeat -87px 0
}
.btnEnter a:hover
{
	background-position: -87px bottom
}
/*------------------------------------------------------------------
ABOUT PUBLICK HOUSE
*/
#awardChart
{
	width: 260px;
	float: right;
	font-size: .9em
}
/* THE BEERS --------------------------------------------------------*/
.print
{
	display: inline
}
#theBeers_introText
{	
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5em;
	padding-bottom: 10px
}

#theBeers_introText .firstLetter, 
#theBeers_introText .firstLetterYellow, 
#theBeers_introText .firstLetterRed
{
	display: none
}
/* THE BEER TAB CONTENTS STYLE */
 .tabPanel_body
{
	font-size:1.2em;
	line-height:1.5em
} 
.tab_tastingSummary, .tab_about, .tab_history, .tab_awards, 
.tab_beerNotes, .tab_QA, .tab_availability
{
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 10px
}
h2.question
{

}
.answer
{
	padding: 8px 5px 15px 5px
}
table.beerNotes
{
	font-family: Times New Roman, Serif
}
	.beerNotes td, .beerNotes th
	{
		padding: 5px 10px
	}
	.beerNotes .headerRow
	{
		font-size: 1.1em;
		font-weight: bold;
	}
	.beerNotes th
	{
		width: 130px;
		font-weight: bold;
		text-align: left
	}
/*-------------------------------------------------------------
THE BEERS CMS CONTENTS - Seasonal + 750 Series - 
*/

	#productDetailTop750 h1, #productDetailTopSeasonal h1
	{
		padding-bottom: 10px
	}
#productDetailCMSContents
{
	font-size: 1.2em; 
	line-height: 1.5em
}
.productDetailCMS
{
	padding: 20px 0;
	background: url(/media/images/layout/dividerWhite.gif) repeat-x left bottom
}
	.productImageCMS
	{
		width: 125px;
		height: 280px;
		float: left;
		position: relative
	}
		.productImageCMS img
		{
			position: absolute;
			right: 0
		}
	.productTextCMS
	{
		width: 460px;
		float: left;
		margin-left: 30px;
	}
	.productAwards
	{
		color: #a39161;
		font-weight: bold;
		text-transform: uppercase
	}
		.productAwards .bold
		{
			color: #2f2f2f;
			font-size: .9em;
			text-transform: none
		}
		.productAwards img
		{
			padding-top: 40px
		}
/*------------------------------------------------------------------
NEWS
*/
.newsOne
{
	padding: 20px;
	background: #edeadf url(/media/images/layout/dividerBrown.gif) repeat-x bottom left	
}
.newsOneAlt
{
	padding: 20px;
	background: url(/media/images/layout/dividerBrown.gif) repeat-x bottom left	
}
.newsDate
{
	font-weight: bold
}
.newsContents{}





/*------------------------------------------------------------------
ASK PHIL THE BREWMASTER
*/
.accordionHeader
{
    background-color: #edeadf;
    color: #2f2f2f;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px
}
#master_content .accordionHeader a
{
    background: transparent none repeat scroll 0 0;
    color: #2f2f2f;
    text-decoration: none
}
#master_content .accordionHeader a:hover
{
    background: transparent none repeat scroll 0 0;
    text-decoration: underline;
}
.accordionHeaderSelected
{
    background-color: #edeadf;
    color: #2f2f2f;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px
}
#master_content .accordionHeaderSelected a
{
    background: transparent none repeat scroll 0 0;
    color: #2f2f2f;
    text-decoration: none
}
#master_content .accordionHeaderSelected a:hover
{
    background: transparent none repeat scroll 0 0;
    text-decoration: underline
}
.accordionContent
{
    background-color: #f5f2e9;
    padding: 10px 10px 15px 10px
}

