/*!
 *  Custom stylesheet for each pages' need
 */
 
 /* no flash page 

#requireFlash{
	background-image: none;
	height: 100%;
	color: #FFFFFF;
}

#requireFlash #aspnetForm
{
	height: 100%;
} 

#requireFlash #introContainer{
	display: table;
	height: 100%;
	width: 100%;
}

#requireFlash #introPanel{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 516px;
	height: 516px;
	margin: auto;
	text-align: center;
}*/
 
 #flashContent #requireFlash {
	text-align: center;
	visibility: hidden;
	padding-top: 50px;
	color: #000;
 }
 
/* end of no flash page */
  
 /* Age intro page */

#ageIntro{
	background-image: none;
	height: 100%;
	color: #FFFFFF;
}

#ageIntro #aspnetForm
{
	height: 100%;
} 

#ageIntro #introContainer{
	display: table;
	height: 100%;
	width: 100%;
	background: url(../images/order/content/age_intro/bg.jpg) no-repeat center center;
}

#ageIntro #introPanel{
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 516px;
	height: 516px;
	margin: auto;
	text-align: center;
}

#ageIntro #introContent{
	width: 288px;
	margin: 0 auto;
	padding-top: 143px;	
	text-align: center;
	font-size: 12px;
}

#ageIntro input{
	float: left;
	margin-top: 7px;
	margin-right: 4px;
	padding-top: 6px;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: center;
	color: #FFFFFF;
	height: 29px;
	width: 45px;
	border: #7e7457 1px solid;
	background-color: #120b08;
}
    #ageIntro input.year
    {   
        width: 70px;
    }

#introContent .introButtons{
	display: block;
	width: 282px;
	padding-top: 10px;
	margin: 0 auto;
	text-align: center;
}

a.yesIAmBtn, a.noIAmNotBtn, a.goBtn{
	margin: 0 auto;
	float: left;
}

a.goBtn{
	height: 51px;
	line-height: 51px;
	width: 102px;
	background: url(../images/order/content/age_intro/btn_go.png) no-repeat 0 0;
}

a:hover.goBtn{
	background-position: 0 -51px;
}

a.yesIAmBtn{
	width: 140px;
	background: url(../images/order/content/age_intro/btn_yes.png) no-repeat 0 0;
}

a.noIAmNotBtn{
	width: 140px;
	background: url(../images/order/content/age_intro/btn_no.png) no-repeat 0 0;
}
 
 /* Age intro page */
 
 /* Age intro page */
 

/* How to brew page */

.howToBrew .brewingAdvice a{
	color: #000000;
}

/*.howToBrew .textLeftCol{
	width: 153px;
	padding-right: 12px;
	border-right: none;
}

.howToBrew .textMidCol{
	float: left;
	display: block;
	width: 165px;
	padding: 0 12px;
	border-left: 2px solid #5a1612;
}

.howToBrew .textRightCol{
	width: 153px;
	padding-left: 12px;
	border-left: 2px solid #5a1612;
}*/

.howToBrew .brewingAdvice p{
	margin-bottom: 0;
}

.howToBrew #menuColBottom{
	background: url(../images/order/content/how_to_brew/menu_bottom_image.jpg) no-repeat bottom left;
	height: 229px;
	margin-top: -229px;
}

/* end How to brew page */ 


/* Brewing Products page */

.brewingProducts #menuColBottom{
	background: url(../images/order/content/brewing_product/menu_bottom_image.jpg) no-repeat bottom left;
	height: 164px;
	margin-top: -164px;
}

/* end Brewing Products page */ 


/* Forume page */

#talkCoopers #nav{
	width: 760px;
}

#talkBrewing #nav, .brewingProducts #nav, .howToBrew #nav{
	width: 948px;
}


/* end Forume page */