@charset "utf-8";
/* CSS Document */

html {
	
	background-color: #bb9b5e;
	background-image: url('../images/html_new_bg.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}

body {
	/*background-color: #c39c5b;*/
	background-image: url('../images/body_new_bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#container {
	position: relative;
	width: 970px;
/* background-image: url('../images/container_bg.png');
   background-position: 620px 0px;
   background-repeat: no-repeat;*/
	margin: 0px auto 0px auto;
	padding-top: 50px;
}

#fb_UserLoggedIn {
	display: none;
	position: absolute;
	top: 0px;	right: -7px;
	width: 194px;
	height: 45px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	font-family: "Times New Roman", Times, serif;
	background-image: url('../images/fb_UserLoggedIn.png');
	background-position: top left;
	background-repeat: no-repeat;
}	#fb_UserLoggedIn .padding {
		padding: 6px 0px 0px 11px;
	}
	#fb_UserLoggedIn img {
		float: left;
		border: 1px solid #c4233c;
		margin-right: 8px;
	}
	#fb_UserLoggedIn #fb_UserName {
		white-space: nowrap;
		overflow: hidden;
	}
	#fb_UserLoggedIn a {
		color: #ffffff;
		font-size: 12px;
		font-weight: normal;
		text-decoration: underline;
	}
	#fb_UserLoggedIn .right {
		float: right;
		margin-right: 20px;
	}

#menu {
	position: relative;
	z-index: 10;
	width: 950px;
	height: 44px;
	text-align: left;
	background-image: url('../images/menu_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0px 0px 25px auto;
}
	#menu div.left,
	#menu div.right {
		position: absolute;
		top: 0px;
		z-index: 11;
		width: 5px;
		height: 44px;
		background-position: top left;
		background-repeat: no-repeat;
	}
	#menu div.left {
		left: -5px;
		background-image: url('../images/menu_left_bg.png');
	}
	
	#menu div.right {
		right: -5px;
		background-image: url('../images/menu_right_bg.png');
	}
	#menu #logo {
		position: absolute;
		top: -27px;	left: -20px;
		z-index: 12;
		display: block;
		width: 125px;
		height: 96px;
	}
	#menu ul {
		list-style: none;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 123px;
	}
		#menu ul li {
			display: inline-block;
			float: left;
			height: 39px;
			background-image: url('../images/menu_separator.gif');
			background-position: top left;
			background-repeat: no-repeat;
		}
		#menu ul:first-child,
		#menu ul li.first {
			background-image: none;
		}
		#menu ul li a {
			overflow: hidden;
			display: block;
			min-width: 98px;
			height: 39px;
			color: #ffffff;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			line-height: 120px;
			text-decoration: none;
			text-transform: uppercase;
			font-family: Arial, Helvetica, sans-serif;
			background-position: 0px 0px;
			background-repeat: no-repeat;
		}
		#menu ul li.on {
			position: relative;
		}
		#menu ul li.on a,
		#menu ul li a:hover {
			background-position: 0px -39px;
		}
		#menu ul li div.bottle_caps {
			display: none;
		}
		#menu ul li.on div.bottle_caps {
			display: block;
			position: absolute;
			top: -27px;	left: 50%;
			width: 58px;
			height: 38px;
			background-image: url('../images/menu_bottle_caps.png');
			background-position: top center;
			background-repeat: no-repeat;
			margin: 0px 0px 0px -29px;
		}
		#nav_beer {
			width: 129px;
			background-image: url('../images/menu_text_beer.png');
		}
		#nav_videos {
			width: 98px;
			background-image: url('../images/menu_text_videos.png');
		}
		#nav_join_us {
			width: 110px;
			background-image: url('../images/menu_text_join_us.png');
		}
		#nav_extras {
			width: 103px;
			background-image: url('../images/menu_text_extras.png');
		}
		#nav_vets {
			width: 101px;
			background-image: url('../images/menu_text_vets.png');
		}	#nav_vets_li:hover .submenu {
				background-image: url('../images/submenu_top_vets.png') !important;
			}
		#nav_sponsorship {
			width: 182px;
			background-image: url('../images/menu_text_sponsorship.png');
		}
		#nav_facebook {
			width: 191px;
			background-image: url('../images/menu_text_facebook.png');
		}
		#nav_facebook.on,
		#nav_facebook:hover {
			background-position: 0px 0px !important;
		}
		
		.submenu {
			display: none;
		}
		
		#menu li.has_submenu {
			position: relative;
		}	#menu li.has_submenu a {
				background-position: 0px 0px !important;
			}
			#menu li.has_submenu:hover a {
				background-position: 0px -39px !important;
			}
			#menu li.has_submenu:hover .submenu {
				position: absolute;
				top: 34px;	left: 7px;
				z-index: 1500;
				display: block;
				width: 231px;
				background-image: url('../images/submenu_top.png');
				background-position: top;
				background-repeat: no-repeat;
				padding-top: 11px;
			}	#menu li.has_submenu:hover .submenu ul {
					display: block;
					width: 231px;
					height: 106px;
					max-height: 106px;
					background-image: url('../images/submenu_bg.png');
					background-position: bottom;
					background-repeat: no-repeat;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}
				#menu li.has_submenu:hover .submenu ul li {
					display: block;
					float: none;
					height: 24px;
					background-image: none !important;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}
				#menu li.has_submenu:hover .submenu ul li a {
					display: block;
					float: none;
					width: auto !important;
					height: 24px;
					background-position: 17px 4px !important;
					background-repeat: no-repeat;
					padding: 0px 0px 0px 0px;
					margin: 0px 8px 0px 5px;
					
					overflow: hidden;
					text-indent: 200%;
					line-height: 24px;
					text-align: left;
				}	#menu li.has_submenu:hover .submenu ul li a:hover {
						background-color: #6d0716;
					}
				
				#nav_getsponsored {
					background-image: url('../images/submenu_text_getsponsored.png');
				}
				#nav_manage {
					background-image: url('../images/submenu_text_manage.png');
				}
				#nav_wall {
					background-image: url('../images/submenu_text_wall.png');
				}
				#nav_login {
					background-image: url('../images/submenu_text_login.png');
				}
				#nav_cheers {
					background-image: url('../images/submenu_text_cheers.png');
				}
				#nav_experiences {
					background-image: url('../images/submenu_text_experiences.png');
				}
				#nav_from_vets {
					background-image: url('../images/submenu_text_vets.png');
				}
				#nav_cap_map {
					background-image: url('../images/submenu_text_cap_map.png');
				}


#content {
	position: relative;
	min-height: 453px;
}
	#content .content_left_col {
		float: left;
		width: 229px;
	}
	#content .content_center_col {
		float: left;
		width: 459px;
		margin-bottom: 20px;
	}
		#content .content_center_col a,
		#content .content_center_right_col a {
			color: #483221;
			font-weight: bold;
			text-decoration: none;
		}
		#content .content_center_col a:hover,
		#content .content_center_right_col a:hover {
			color: #8f0e1d;
		}
		#content .content_center_col p,
		#content .content_center_right_col p {
			color: #483221;
			font-size: 14px;
			line-height: 18px;
			font-family: "Times New Roman", Times, serif;
		}
		#content .content_center_col p.join_us,
		#content .content_center_right_col p.join_us {
			padding-right: 42px;
		}
		#content .content_center_col p.packaging,
		#content .content_center_right_col p.packaging {
			display: inline-block;
			width: 346px;
		}
		#content .content_center_col p.extras,
		#content .content_center_right_col p.extras {
			display: block;
			width: 356px;
		}
		#content .content_center_col ul.sitemap {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
			#content .content_center_col ul.sitemap li {
				list-style: none;
				margin-top: 8px;
			}
			#content .content_center_col ul.sitemap ul li {
				margin-top: 0px;
			}
			#content .content_center_col ul.sitemap a {
				font-weight: normal;
			}
			#content .content_center_col ul.sitemap a:hover {
				text-decoration: underline;
			}
		#content .content_center_col h1,
		#content .content_center_right_col h1 {
			overflow: hidden;
			color: #7a5020;
			font-size: 48px;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			background-position: top left;
			background-repeat: no-repeat;
			margin: 0px 0px 15px 0px;
			padding: 0px 0px 0px 0px;
		}
		#content .content_center_col h1.index {
			width: 412px;
			height: 98px;
			line-height: 280px;
			background-image: url('../images/content/index/h1.gif');
			margin-top: 20px;
		}
		#content .content_center_right_col h1.packaging {
			width: 455px;
			height: 99px;
			line-height: 290px;
			background-image: url('../beer/images/packaging_h1.gif');
			margin-top: 20px;
		}
		#content .content_center_col h1.the_beer {
			width: 375px;
			height: 152px;
			line-height: 350px;
			background-image: url('../beer/images/h1.gif');
			margin-top: 20px;
		}
		#content .content_center_col h1.the_beer_history {
			width: 437px;
			height: 98px;
			line-height: 235px;
			background-image: url('../beer/images/history_h1.gif');
			margin-top: 20px;
		}
		#content .content_center_col h1.videos {
			width: 376px;
			height: 98px;
			line-height: 236px;
			background-image: url('../videos/images/h1.gif');
			margin-top: 20px;
		}
		#content .content_center_col h1.join_us {
			width: 379px;
			height: 98px;
			line-height: 236px;
			background-image: url('../join-us/images/h1.gif');
			margin-top: 20px;
		}
		#content .content_center_col h1.thank_you {
			width: 407px;
			height: 98px;
			line-height: 236px;
			background-image: url('../join-us/images/thank_you_h1.gif');
			margin-top: 20px;
		}
		#content .content_center_right_col h1.extras {
			width: 357px;
			height: 110px;
			line-height: 260px;
			background-image: url('../extras/images/h1.gif');
			margin: 20px 0px 0px 0px;
		}
		#content .content_center_col h1.sitemap {
			width: 241px;
			height: 44px;
			line-height: 180px;
			background-image: url('../images/content/sitemap/h1.gif');
			margin-top: 20px;
		}
	#content .content_center_right_col {
		float: left;
		width: 727px;
	}
	#content .content_right_col {
		float: left;
		width: 282px;
	}
		#content .content_right_col .bottles {
			position: relative;
			height: 452px;
		}
		#content .content_right_col .bottles img {
			margin: 0px auto 0px auto;
		}
	#content .cans {
		position: absolute;
		bottom: 0px;	right: 15px;
	}
	#content .twelve_pack {
		position: absolute;
		right: 0px;
		top: 119px;
	}




.tout {
	position: relative;
	width: 195px;
	height: 148px;
	text-align: left;
	background-image: url('../images/tout_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#content .content_center_col .tout {
	display: inline-block;
}
.tout_indent {
	/* margin-left: 20px; */
}
.tout .image {
	width: 164px;
	height: 117px;
	margin: 12px 0px 0px 15px;
}
.tout .button {
	position: absolute;
	top: 123px;	left: 50%;
}



#swf_container {
	width: 430px;
	height: 335px;
	background-image: url('../videos/images/movie_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 11px;
}
	#swf_container object,
	#swf_container embed {
		width: 408px;
		height: 308px;
		display: block;
		margin: 0px auto 0px auto;
	}



.reg_form {
	position: relative;
	width: 425px;
	margin: 0px auto 0px auto;
}
	.reg_form .top {
		width: 425px;
		height: 5px;
		background-image: url('../images/reg_form_top_bg.png');
		background-position: bottom;
		background-repeat: no-repeat;
	}
	.reg_form .middle {
		width: 425px;
		min-height: 50px;
		background-image: url('../images/reg_form_bg.png');
		background-position: center;
		background-repeat: repeat-y;
	}
	.reg_form_container {
		width: 415px;
		color: #ffffff;
		font-size: 11px;
		font-family: "Times New Roman", Times, serif;
		background-color: #910f11;
		background-image: url('../images/reg_form_gradient.jpg');
		background-position: top;
		background-repeat: repeat-x;
		margin: 0px auto 0px auto;
		padding: 14px 0px 26px 0px;
	}
	.reg_form_submit {
		position: absolute;
		bottom: -11px;	left: 50%;
		width: 99px;
		height: 28px;
		background-image: url('../images/reg_form_button_submit.png');
		background-position: top right;
		background-repeat: no-repeat;
		margin: 0px 0px 0px -49px;
		cursor: pointer;
	}
	.reg_form_container .switch_button {
		float: right;
		width: 152px;
		height: 26px;
		margin-right: 8px;
		cursor: pointer;
	}
	.reg_form_container .title {
		width: 396px;
		height: 26px;
		font-size: 9px;
		font-weight: bold;
		line-height: 12px;
		margin: 0px auto 0px auto;
	}
		.reg_form_container .title span {
			display: inline-block;
			padding-left: 10px;
		}
	.reg_form_container .hr {
		width: 396px;
		height: 2px;
		background-image: url('../images/reg_form_hr.gif');
		background-position: center;
		background-repeat: no-repeat;
		margin: 2px auto 10px auto;
	}
	.reg_form_container p.note {
		color: #ffffff !important;
		font-size: 10px !important;
		font-weight: bold !important;
		line-height: 12px !important;
		font-family: "Times New Roman", Times, serif;
	}
	.reg_form_container p.reg_form_p {
		width: 340px;
		color: #ffffff !important;
		font-size: 10px !important;
		font-weight: bold;
		line-height: 14px !important;
		font-family: "Times New Roman", Times, serif;
		margin: 0px auto 0px auto;
	}
	.reg_form_container a {
		color: #ffaabb !important;
		text-decoration: none;
	}
	.reg_form_container p.reg_form_p label.checkbox {
		display: block;
		float: right;
		width: 310px;
		line-height: 14px;
		margin: 2px 0px 8px 0px;
	}
	.reg_form_container table {
		width: 390px;
		margin: 0px auto 0px auto;
	}
		.reg_form_container table td {
			font-size: 11px;
			text-align: left;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
		}
		.reg_form_container table td label {
			display: block;
			height: 25px;
			line-height: 20px;
			text-align: right;
			padding-right: 6px;
		}
		.reg_form_container table td label.radio {
			display: inline;
			padding: 0px 0px 0px 3px;
		}
		.reg_form_container table select {
			height: 18px;
			color: #483221;
			font-size: 12px;
			font-weight: bold;
			line-height: 15px;
			font-family: Arial, Helvetica, sans-serif;
			background-color: #ffffff;
			border: none;
			margin: 0px 0px 0px 5px;
		}
		.reg_form_container table option:hover {
			color: #483221;
			background-color: #e3d3a2;
		}
	.reg_form .bottom {
		width: 425px;
		height: 5px;
		background-image: url('../images/reg_form_bottom_bg.png');
		background-position: top;
		background-repeat: no-repeat;
	}


.input {
	width: 0px;
	overflow: visible;
	display: inline;
}
	.input .input_size {
		position: relative;
		display: inline-block;
		height: 27px;
		background-image: url('../images/input_bg.png');
		background-position: top;
		background-repeat: repeat-x;
		margin: 0px 10px 0px 10px;
	}
	.input input {
		width: 100%;
		height: 15px;
		color: #483221;
		font-size: 12px;
		font-weight: bold;
		line-height: 15px;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ffffff;
		border: none;
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.input input.small {
		font-size: 10px;
		line-height: 13px;
	}
	.input input.password {
		/*color: #a49990;*/
		font-size: 18px;
		line-height: 13px;
	}
	.input input.center {
		text-align: center;
	}
	.input input.right {
		text-align: right;
	}
	.input .left {
		position: absolute;
		top: 0px;	left: -10px;
		width: 10px;
		height: 27px;
		background-image: url('../images/input_left_bg.png');
		background-position: top left;
		background-repeat: no-repeat;
	}
	.input .right {
		position: absolute;
		top: 0px;	right: -10px;
		width: 10px;
		height: 27px;
		background-image: url('../images/input_right_bg.png');
		background-position: top left;
		background-repeat: no-repeat;
	}



#footer {
	clear: both;
	position: relative;
	width: 960px;
	height: 29px;
	text-align: center;
	background-image: url('../images/footer_bg.png');
	background-position: top;
	background-repeat: repeat-x;
	margin: 0px auto 0px auto;
}
	#footer div.left,
	#footer div.right {
		position: absolute;
		top: 0px;
		z-index: 11;
		width: 5px;
		height: 29px;
		background-position: top left;
		background-repeat: no-repeat;
	}
	#footer div.left {
		left: -5px;
		background-image: url('../images/footer_left_bg.png');
	}
	
	#footer div.right {
		right: -5px;
		background-image: url('../images/footer_right_bg.png');
	}
	#footer,
	#footer a {
		color: #ffffff;
		font-size: 9px;
		font-weight: bold;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
	}
	
#legal {
	height: 58px;
	color: #503925;
	font-size: 8px;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 38px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	#legal a img {
		margin-bottom: -3px;
	}
	#legal span {
		line-height: 70px;
	}
	#legal span.right {
		float: right;
	}
	#legal a {
		color: #503925;
		text-decoration: none;
	}
	#legal a:hover {
		text-decoration: underline;
	}

#promotional_legal {
	line-height: normal;
	padding: 8px 0px 12px 0px;
}	#promotional_legal a {
		font-weight: bold;
	}
	

div.error div {
	padding: 8px 8px 8px 8px;
	color: #ffffff !important;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #910f11;
	background-image: url('../images/reg_form_gradient.jpg');
	background-position: top;
	background-repeat: repeat-x;
	border: 4px solid #ffffff;
}
