@charset "utf-8";

/* leftdiv */
#leftBox{
	color: #4c3e00;
}

#leftBox p{
	text-align: left;
	line-height: 18px;
}

#leftBox div#bannerimage img {
	height: 274px;
}

#leftBox div#bannerimage img {
	width: auto;
	margin: 0px auto;
}

#leftBox div img.contenttitle{
	padding-left: 10px;
}

#leftBox div#historywrapper, #leftBox div#bottomshadebg {
	background:#ffd200 url(/images/common/bg_shade_bottom.png) no-repeat scroll left bottom;
	padding-bottom: 32px;
}

#leftBox div#historywrapper, #leftBox div#brewwrapper {
	background:transparent url(/images/common/bg_shade_top.png) no-repeat scroll right top;
	padding: 32px 0px 0px;
	margin-top: 25px;
}

#leftBox div div#beerwrapper {
	background: url(/images/common/bg_tab.png) no-repeat right top;
	padding: 0px;
	margin: 0px;
	
}

#leftBox div#historywrapper ul, #leftBox div#brewwrapper ul {
	display:inline;
}

#leftBox div#historywrapper ul li, #leftBox div#brewwrapper ul li {
	padding:0px 10px;
	margin-right:10px;
	color: #4c3e00;
}

#leftBox div#historywrapper ul li div.itemwrapper{
	padding:25px 0px;
	background:transparent url(/images/subpage/horibar.gif) repeat-x 10px bottom;
}

#leftBox div#historywrapper ul li.lastitem div.itemwrapper{
	padding:25px 0px;
	background:none;
}

#leftBox div#brewwrapper ul li div.itemdivider{
	padding:16px 0px;
	background:transparent url(/images/common/divider_brewingprocess.png) repeat-x center center;
	height: 34px;
}

#leftBox div#brewwrapper ul li div div.itemtitle {
	float: left;
	width: 145px;
}

#leftBox div#brewwrapper ul li div div.itemtitle img {
	display: block;
	margin-left: 10px;
}

#leftBox div#historywrapper ul li div div.itemtitle {
	float: left;
	width: 115px;
}

#leftBox div#historywrapper ul li div div.itemtitle img {
	display: block;
	margin-left: 10px;
}

.itemwrapper div.itemcopy {
	float: left;
	width: 480px;
	font-weight: bold;
	padding-left: 20px;
}

#historywrapper ul li div.itemwrapper div.itemcopy {
	border-left: 1px solid #cba900;
}

.itemwrapper div.itemcopy img {
	float: left;
	padding-right: 20px;
}

#brewwrapper ul li div.itemwrapper div.itemimage{
	width: 171px;
	float: left;
	padding: 0px 13px;
	border-left: 1px solid #cba900;
}

#brewwrapper ul li div.itemwrapper div.itemdescription{
	width: 275px;
	float: left;
	font-weight: normal;
	font-size: 11px;
}

#wrapper #brewwrapper .itemdescription ol{
	margin: 15px 5px;
	padding-left: 10px;
}

#wrapper #brewwrapper .itemdescription ol li{
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 11px;
}

.itemdescription b{
	color: #000000;
	font-size: 12px;
}

.itemdescription a{
	color: #d51900;
	text-decoration: underline;
}

#leftBox div#involvedwrapper{
	margin: 30px 10px;
}

#involvedwrapper p{
	margin-bottom: 25px;
}

#involvedwrapper ol{
	margin-bottom: 25px;
	margin-left: 22px;
}

#involvedwrapper div.boxwrapper ul{
	background:transparent url(/images/subpage/horibar.gif) repeat-x 0px top;
}

#involvedwrapper div.boxwrapper ul li{
	float: none;
	padding: 25px 10px 0px 0px;
	clear: both;
	background:transparent url(/images/subpage/horibar.gif) repeat-x 0px bottom;
}

div.boxwrapper ul li div{
	float: left;
	display: block;
}

div.boxwrapper ul li, div.boxwrapper ul li div.leftdiv, div.boxwrapper ul li div.screenshot, div.boxwrapper ul li div.arrow{
	height: 183px;
}

div.boxwrapper ul li div.leftdiv{
	width: 202px;
}

div.boxwrapper ul li div.leftdiv div{
	float: right;
	width: 150px;
	margin-top: 18px;
}

div.boxwrapper ul li div.leftdiv div img{
	width: auto;
	display: block;
	margin: 0 auto;
	clear: both;
}

#leftBox div.leftdiv p{
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: block;
	clear: both;
}

div.boxwrapper ul li div#youtubeLeft{
	background:transparent url(/images/getinvolved/logoyoutube.jpg) no-repeat 10px 5px;
}

div.boxwrapper ul li div#flickrLeft{
	background:transparent url(/images/getinvolved/logoflickr.jpg) no-repeat 10px 5px;
}

div.boxwrapper ul li div.screenshot{
	width: 365px;
}

#leftBox div.screenshot p{
	width: 100px;
	float: right;
	clear: both;
	margin-top: 100px;
	margin-right: 38px;
}

#leftBox div.screenshot a{
	color: #d51900;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	width: auto;
	float: right;
	clear: both;
	margin-right: 3px;
	margin-bottom: 5px;
}

/*
#leftBox #contentwrapper{
	padding-top: 10px;
}*/

div.boxwrapper ul li div#youtubeScreen{
	background:transparent url(/images/subpage/getinvolved/screenshotyoutube.jpg) no-repeat center top;
}

div.boxwrapper ul li div#flickrScreen{
	background:transparent url(/images/subpage/getinvolved/screenshotflickr.jpg) no-repeat center top;
}

div.boxwrapper ul li div.arrow{
	background:transparent url(/images/subpage/getinvolved/arrow.jpg) no-repeat center 60px;
	width: 50px;
}

/* The tabs */

ul#tabslink{
	padding-top: 14px;
}

ul#tabslink a {
	display:block;
	height:50px;
}

ul#tabslink li {
	display:block;
	float:left;
	height:50px;
}

li a#xxxxgoldtab {
	width: 150px;
	background: url(/images/subpage/beerinfo/bg_tab_gold.jpg) no-repeat;
}

li a#xxxxbittertab {
	width: 158px;
	background: url(/images/subpage/beerinfo/bg_tab_bitter.jpg) no-repeat;
}

li a#xxxxlighttab {
	width: 158px;
	background: url(/images/subpage/beerinfo/bg_tab_light.jpg) no-repeat;
}
li a#xxxxsummertab{
	width: 158px;
	background: url(/images/subpage/beerinfo/bg_tab_summer.jpg) no-repeat;
}

li a.tab {
	background-position:left top;
}

li a.tab-current {
	background-position:left -50px !important;
}

li a.tabBeforeCurrent{
	background-position: left -150px !important;
}

li a.tabAfterCurrent {
	background-position:left -100px !important;
}

/* Tab contents */
div#beerwrapper div.singlepart {
	display:none;
}

div.beeritemwrapper {
	margin-right: 23px;
	color: #000000;
}

div.lesscarb {
}

#leftBox div.beeritemwrapper p{
	margin-bottom: 25px;
}

div.beeritemwrapper div.beerimage, div.beeritemwrapper div.beerdescription{
	float: left;	
}

div.beeritemwrapper div.beerimage{
	width: 140px;
	margin: 38px 23px 0px 10px;
	border-right: 1px solid #c8a100;
}

div.beeritemwrapper div.beerimage img{
	float: right;
	width: auto;
	margin-right: 30px;
}

div.beeritemwrapper div.beerdescription{
	margin: 38px 0px 0px;
	padding-top: 11px;
	width: 450px;
}

div.beeritemwrapper div.beerdescription a.viewmore{
	margin-top: -8px;
	font-size: 11px;
	font-weight: bold;
	float: right;
	color: #d51900;
	text-decoration:underline
}

div.beeritemwrapper div.beerdescription h3{
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-bottom: 18px;
}

div.beerdescription div.beeringredients, div.beerdescription div.beersoldin{
	font-size: 11px;
}

div.beerdescription div.beeringredients h4, div.beerdescription div.beersoldin h4 {
	cursor: pointer;
	padding-bottom: 20px;
	padding-right: 10px;
	font-size: 12px;
	font-weight: bold;
}

div.beerdescription div.beeringredients h4 {
	background:transparent url(/images/subpage/arrowright.jpg) no-repeat scroll 100px 3px;
}

div.beerdescription div.beeringredients h4.openedH4 {
	background:transparent url(/images/subpage/arrowdown.jpg) no-repeat scroll 100px 5px;
}

div.beerdescription div.beersoldin h4 {
	background:transparent url(/images/subpage/arrowright.jpg) no-repeat scroll 45px 3px;
}

div.beerdescription div.beersoldin h4.openedH4 {
	background:transparent url(/images/subpage/arrowdown.jpg) no-repeat scroll 45px 5px;
}

div.beeringredients div.ingredientleft, div.beeringredients div.ingredientright{
	float: left;
	display: none;
	padding-bottom: 25px;
}

div.beeringredients div.ingredientleft{
	width: 105px;
	color: #655300;
}

div.beeringredients div.ingredientright{
	margin-left: 10px;
}

div.beersoldin div.soldin-item{
	float: left;
	width: auto;
	height: 100px;
	margin-right: 38px;
	margin-bottom: 25px;
	padding: inherit;
	text-align: center;
	display: none;
}

div.beersoldin div.soldin-item img{
	margin-bottom: 10px;
}