/*!
 * Core stylesheet for basic style through out the whole site 
 *
 */
 
html{
	background-color: #000000;
	overflow-x: hidden;
	height: 100%;
}

body {
	background: url(../images/order/bg.jpg) no-repeat top center #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	
	
}

.smallScreen{
	overflow-x: auto;
}

h1, h2, h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #5a1612;
}

h1{
	font-size: 32px;
	line-height: 32px;
	margin-bottom: 10px;
}

h2{
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 10px;
}

h3{
	font-size: 18px;
	line-height: 18px;
	margin: 0;
	padding: 10px 0;
}

h4{
	font-size: 18px;
	line-height: 18px;
	margin: 8px 0 10px;
	font-weight: bold;
}

p{
	margin: 0 0 20px;
}

a{
	color: #6a1611;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
}

#headerContainer, #contentContainer, #footerContainer{
	min-width: 1024px;
}

.smallScreenMarginFix{
	margin-left: -64px;	
}

.bigScreen{
	margin: 0 auto;
}

#footerContainer{
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
}

#header, #footer, #content{
	width: 1146px;
	margin: 0 auto;
}

.largeBlackText{
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

.mediumBlackText{
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 5px;
}

.smallText{
	font-size: 10px;
	line-height: 14px;
}

.boldText{
	font-weight: bold;
}

a.linkBlackButton{
	display: block;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}

a:hover.linkBlackButton{
	background-position: 0 -40px;
}

.twitterBtn, .facebookBtn{
	display: block;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 32px;
	line-height: px;
	text-indent: -9999px;
	width: 146px;
	margin-top: 7px;
}
	
	.twitterBtn{
		background: url(../images/order/content/btn_twitter_follow.png) 0 0 no-repeat;
	}
	
	.facebookBtn{
		background: url(../images/order/content/btn_facebook_fan.png) 0 0 no-repeat;
	}

a.linkRedButton{
	display: block;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 44px;
	line-height: 44px;
	text-indent: -9999px;
}

a:hover.linkRedButton{
	background-position: 0 -44px;
}

	.purchaseItemBtn{
		margin: 0 auto;
		width: 170px;
		background: url(../images/order/content/btn_purchase_item.png) 0 0 no-repeat;
	}

	.downloadGuideBtn{
		margin: -12px auto 0 10px;
		width: 181px;
		background: url(../images/order/content/btn_download_guide.png) 0 0 no-repeat;
	}

	.brewingFaqsBtn{
		margin: -12px auto 0 10px;
		width: 181px;
		background: url(../images/order/content/btn_brewing_faqs.png) 0 0 no-repeat;
	}
	
	.watchVideoBtn{
		margin: -12px auto 0 10px;
		width: 181px; 
		background: url(../images/order/content/btn_watch_the_video.png) no-repeat 0 0;		
	}
	
	.locateStore_btn{
	background:url(../images/content/btn_locateStore.png) no-repeat 0 0;
	width:170px;
	overflow:hidden;
	margin: 0 auto;
	}

	.locateStore_btn:hover{
		background:url(../images/content/btn_locateStore.png) no-repeat 0 0;
		width:170px;
		overflow:hidden;
		margin: 0 auto;
	}


.hr{
	font-size: 2px;
	height: 2px;
	line-height: 2px;
	background-color: #5a1612;
	clear: both;
}

.noMargin{
	margin: 0;	
}

.floatLeft{
	float: left;
}

.floatRight{
	float: left;
}

.hidden{
	display: none;
}

.clearBoth{
	clear: both;
	line-height: 1px;
}


/* Header css */

#header{
	height: 202px;
}

/* end Header css */


/* 2nd Nav css */

#navContainer{
	height: 40px;
	background: url(../images/order/content/bg_nav.gif) no-repeat 0 0;
	text-align: center;
}

#nav{
	display: block;
	margin: 0 auto;
}

	#nav li{
		height: 40px;
		float: left;
		display: block;
	}
	
	#nav a {
		display:block;
		height:40px;
		text-indent:-9999px;
		width:auto;
		background-repeat: no-repeat;
		background-position: 0 0;
	}

	#nav a:hover{
		background-position: 0px -40px;
	}
	
	#nav a.activeNav, #nav li.activeNav a{
		background-position: 0px -80px;
	}

		#nav li#navLeft{
			background-image: url(../images/order/content/nav_left.png);
			width: 42px;
		}
	
		#nav li#navHome a{
			background-image: url(../images/order/content/nav_home.png);
			width: 99px;
		}

		#nav li#navMyBrewery a{
			background-image: url(../images/order/content/nav_my_brewery.png);
			width: 143px;
		}

		#nav li#navLabelMaker a{
			background-image: url(../images/order/content/nav_label_maker.png);
			width: 148px;
		}

		#nav li#navHowToBrew a{
			background-image: url(../images/order/content/nav_how_to_brew.png);
			width: 148px;
		}

		#nav li#navBrewingProduct a{
			background-image: url(../images/order/content/nav_brewing_product.png);
			width: 174px;
		}
		#nav li#navTalkBrewing a{
			background-image: url(../images/order/content/nav_talk_brewing.png);
			width: 149px;
		}

		#nav li#navAboutOrder a{
			background-image: url(../images/order/content/nav_about_the_order.png);
			width: 169px;
		}

		#nav li#navJoin a{
			background-image: url(../images/order/content/nav_join.png);
			width: 67px;
		}

		#nav li#navLocalChapter a{
			background-image: url(../images/order/content/nav_my_local_chapter.png);
			width: 168px;
		}

		#nav li#navMyAccount a{
			background-image: url(../images/order/content/nav_my_account.png);
			width: 132px;
		}

		#nav li#navTalkCoopers a{
			background-image: url(../images/order/content/nav_talk_coopers.png);
			width: 137px;
		}

		#nav li#navRight{
			background-image: url(../images/order/content/nav_right.png);
			width: 45px;
		}
	
/* end 2nd Nav css */


/* Content css */
#contentContainer{
}

#content{
	background: url(../images/order/content/bg_content.gif) repeat-y 0px 40px;	
}

#contentBottom{
	height: 31px;
	background: url(../images/order/content/bg_content_bottom.png) repeat-y 0 0;	
}

#leftPole{
	display:block;
	width: 89px;
	height: 320px;
	float: left;
	background: url(../images/order/content/left_pole.gif) no-repeat top right;	
}

#rightPole{
	display:block;
	width: 44px;
	height: 320px;
	float: left;
	background: url(../images/order/content/right_pole.gif) no-repeat 0 0;
}

#fullCol{
	width: 968px;
	float: left;
}

	/* Menu nav Column css */
	#menuWrap{
		width: 968px;
		min-height: 320px;
		float: left;
		background: url(../images/order/content/bg_menu.jpg) repeat-y 0 0;
	}
	
	#menutCol{
		width: 310px;
		min-height: 320px;
		float: left;
	}
	
	#menuColBottom{
		background-position: left bottom;
		display: block;
		position:absolute;
		width:310px;
		margin-left: 89px;
	}
	
	#menutCol ul#menu{
		margin: 0 0 0 58px;
		padding-bottom: 4px;
		background: url(../images/order/content/bg_menu_item_bottom.jpg) no-repeat bottom left;
	}
	
	ul#menu li{
		margin: 0px;
		padding-top: 7px;
		width: 210px;
		height: 25px;
		font-size: 14px;
		text-align: center;
		background: url(../images/order/content/bg_menu_item.jpg) no-repeat 0 0;
	}
	
	ul#menu li.active{
		min-height: 25px;
		height: auto;
	}
	
	ul#menu li a{
		color: #ddbf8b;
		line-height: 14px;
		font-weight: bold;
		text-decoration: none;
	}
	
	ul#menu li a:hover, ul#menu li.active a, ul#menu ul.submenu li a:hover, ul#menu ul.submenu li.active a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
		#menutCol ul.submenu{
			margin-top: 8px;
			padding: 13px 0px 10px;
			background: url(../images/order/content/bg_menu_item_bottom.jpg) no-repeat 0 0;
		}
	
		ul#menu ul.submenu li{
			padding-top: 0px;
			height: 22px;
			font-size: 12px;
			background-image: none;
		}
	
		ul#menu ul.submenu li a{
			display: block;
			color: #ddbf8b;
			line-height: 12px;
			font-weight: bold;
			text-decoration: none;
		}
	/* end Menu nav Column css */
	
	/* Content Column css */

	#contentCol{
		padding-top: 34px;
		width: 658px;	
		min-height: 320px;
		float: left;
		background: url(../images/order/content/bg_content_top.jpg) no-repeat 0 0;
	}
	
	#contentCol ul{list-style-position:inside;list-style-type:disc;}
	
	.contentBox{
		width: 569px;
		margin: 0 0 24px 43px;
		padding-bottom: 21px;
		background: url(../images/order/content/bg_content_box_bottom.png) no-repeat bottom left;
	}

		.contentBoxTop{
			height: 21px;
			background: url(../images/order/content/bg_content_box_top.png) no-repeat 0 0;
		}

		.contentBoxBody{
			width: 525px;
			padding: 0 22px;
			background: url(../images/order/content/bg_content_box.jpg) repeat-y left top;
		}
		
		.productImage{
			margin-top: 20px;
			text-align: center;
		}
		
		.textContainer{
			line-height:18px;
		}
		
			.textCol{
				float: left;
				margin-right: 45px;
			}
		
			.textWithThumb{
				float: left;
				width: 350px;
				margin-right: 45px;
			}
			
			.textLeftCol{
				display: block;
				float: left;
				width: 247px;
				padding-right: 21px;
				border-right: 2px solid #5a1612;
			}
			
			.textRightCol{
				display: block;
				float: left;
				width: 232px;
				padding-left: 23px;
			}
			
			.floatLeftText
			{
			    float: left;
			    width: 280px;
			    display: block;
			}
	
	.subtitle{
		text-transform: uppercase;
		font-size: 14px;
	}
	
	/* end Content Column css */

/* end Content css */


/* Footer css */

#footerContainer{
	background: url(../images/order/footer/bg_footer_logo.gif) repeat-x top left;
}

#footerTop{
	width: 1146px;
	height: 84px;
	margin: 0 auto;
}

	#footerTopContent{
		height: 84px;
	}
		
		#footerTopContent #footerLogo{
			float: right;
			display: block;
			margin-right: 220px;
		}
	
		#footerTopContent #searchForm{
			float: right;
			display: block;
			padding: 27px 88px 0 0;
		}
	
		#footerTopContent #socialShare{
			float: left;
			display: block;
			padding: 21px 0 0 88px;
		}
	
			#footerTopContent #socialShare #shareTitle{
				float: left;
				display: block;
				margin-top: 6px;
				margin-right: 12px;
				font-size: 15px;
				font-weight: bold;
				color: #8d8d8d;
			}
			
			#footerTopContent #socialShare a{
				float: left;
				display: block;
				margin-right: 5px;
			}
			
				#footerTopContent #socialShare span{
					display: none;
				}
			
				#footerTopContent #socialShare a.addthis_button_email{
					background: url(../images/order/footer/icon_email.png) no-repeat 0 0;
					width: 34px;
					height: 34px;
				}
			
				#footerTopContent #socialShare a.addthis_button_twitter{
					background: url(../images/order/footer/icon_twitter.png) no-repeat 0 0;
					width: 34px;
					height: 33px;
				}
			
				#footerTopContent #socialShare a.addthis_button_facebook{
					background: url(../images/order/footer/icon_facebook.png) no-repeat 0 0;
					width: 33px;
					height: 33px;
				}

#footer{
	font-size: 12px;
	color: #666666;
	background: url(../images/order/footer/bg_footer.gif) repeat-x 0 16px;
}

#footer a{
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

#disclaimer a{
	color: #FFFFFF;
	text-decoration: none;
}

#footer .footerCol{
	float: left;
	display: block;
	width: 145px;
	padding: 33px 0 0 20px;
}

#footer #firstCol{
	margin-left: 69px;	
}

#footer .colHeader{
	font-size: 12px;
	font-weight: bold;
	color: #BDBDBD;
	margin-bottom: 15px;
}

#footer .footerCol ul li{
	margin-bottom: 14px;
}

#footer #disclaimer{
	text-align: center;
	margin: 40px auto 0;
	padding-bottom: 38px;
	display: block;
}

#footer #disclaimer ul{
	list-style: inside none;
}

#footer #disclaimer ul li{
	display: inline;
	width: auto;
}


/* end Footer css */