@import "Default.css";
@import "navigation_en.css";
/* CSS Document */

body{
	text-align: center;
	background-color: #000000;
}
#MainContainer-CON{
	width: 960px;
	margin: 0 auto;	
	text-align: left;
}

#MainContainer-CON h3{
	color: #666666;
	font-weight:normal;
	font-size: 1em;
}

#MainContainer-CON p{
	line-height: 20px;
	
}

h1 span {
	display: none;
}
/* HEADER */

	.Logo{	
		}
	#Header-CON{
		margin-bottom: 0px;  /*Accomodates the active sub-menu on all pages... */
	}
	.home #Header-CON{
		margin-bottom: 0px; /*...except the home page which has no active sub menu */
	}
	
	
	
	
/***************************************/
/* Login stuff on right side of the navbar*/
/***************************************/
	.LoginNav{
		float: right;
		width: 212px;
	}	
	.LoginNav ul.Tabs{
		float:right;
	}
	.LoginNavLogin{
		background-image: url(/includes/images/en/login.jpg);
		width: 52px;
	}
	.LoginNavNotAnInsider{
		background-image: url(/includes/images/en/not_an_insider.jpg);
		display:block;
		width: 93px;
		height: 27px;
	}
	.LoginNavNotAnInsider span{
			display: none;
		}
	.LoginNavSignUp{
		background-image: url(/includes/images/en/signup.jpg);
		width: 60px;
	}
.LoginNav li a:hover{
		background-position: bottom;
	}



/* END HEADER */		

/* FOOTER */
#Footer-CON{
	margin:0px 0px 0px;
	padding-top: 7px;	

}

	#MainContainer-CON #Footer-CON a{
		font-weight: normal;
		color: #DC291E;
	}
	#MainContainer-CON #Footer-CON a:hover{
		color: #FFFFFF;
	}

	.FooterBox{
		display: block;
		background-image:url(/includes/images/en/footer_bg_repeat.gif);
		background-repeat:repeat-y;
		width: 317px;

	}
	.Middle{
		background-image:url(/includes/images/en/footer_bg_repeat_middle.gif);
	}
	.FooterWrap{
		background-image: url(/includes/images/en/footer_bg.jpg);
		background-repeat: no-repeat;
		background-position: bottom;
		height:89px;

	}
	.Middle .FooterWrap{
		background-image: url(/includes/images/en/footer_bg_middle.jpg);
	}
	.FooterBox h1{
		background-repeat: no-repeat;
		width: 317px;
		height: 27px;
		
	}
	.FooterBox h1 span{
		display: none;
	}
	.FooterBox .FooterPic{
		width: 111px;
		height: 46px;
		border: 1px solid #282727;
		float: right;
		margin: 5px;
	}
	#MainContainer-CON .FooterBox p{
		margin: 5px;
		*margin-bottom:0px;
		font-size: 11px;
		line-height: 14px;
	}
	
	.Left{}		
		.Left h1{
			background-image:url(/includes/images/en/footer-beer-voucher-title.jpg);
		}
		.Left .FooterPic{
		}

	html>body .Middle {
		width:316px;
	} 
	.Middle{
		width: 326px;
		w\idth: 316px;
		margin: 0px 5px;
	}
		.Middle h1{
			background-image:url(/includes/images/en/footer_introducing_rickards_dark.jpg);	
			width:316px;
		}
		.Middle .FooterPic{

		}
		
	.Right{}
		.Right h1{
			background-image:url(/includes/images/en/footer_brew-your-own.jpg);	
		}
		.Right .FooterPic{

		}
		
	.FooterText{
		width: 960px;
		margin-top: 7px;
		padding-top: 10px;
		display: block;
		background-image: url(/includes/images/en/footer_fade.gif);
		background-repeat: no-repeat;
		background-position: top;

	}
	#MainContainer-CON .FooterText{
		height: 133px;
	}
	
	.FooterText .hr{
		border-color: #1f1f1f;
		border-style: solid;
		border-width: 1px 0 0;
		clear: both;
		margin: 0px 0 6px;
		height: 0px;
		display: block;
	}
	
	.FooterText div{
		font-size: 9px;
		color: #666666;
		margin-top: 3px;
	}
		.FooterTextCopyright{
			width: 300px;
			float: left;
		}
		.FooterTextLinks{
			width: 300px;
			float: right;
			text-align:right;
		}
			#MainContainer-CON #Footer-CON .FooterTextLinks a{
				color: #666666;
				font-weight: normal;
			}
			#MainContainer-CON #Footer-CON .FooterTextLinks a:hover{
				color: #FFFFFF;
			}
			
	/*LDA Footer - styling is slightly different (lda.html)*/
	
	.LDAFooter .FooterText{
		padding-top: 0px;
	}		
			
/* END FOOTER */


/* Home Page */

.Homepage{
	
	width: 960px;
	height: 433px;
	
}


/**************/
/* OUR BEERS */
/**************/
	
.OurBeersRed{}
	.OurBeersGlass{
		width: 344px;
		height:460px;
		float:left;
	}
	.OurBeersDark .OurBeersGlass{background-image:url(/includes/images/en/dark_glass.jpg);}
	.OurBeersRed .OurBeersGlass{background-image:url(/includes/images/en/red_glass.jpg);}
	.OurBeersWhite .OurBeersGlass{background-image:url(/includes/images/en/white_glass.jpg);}
	.OurBeersIndia .OurBeersGlass{background-image:url(/includes/images/en/india_glass.jpg);}
	.OurBeersHoney  .OurBeersGlass{background-image:url(/includes/images/en/honey_glass.jpg);}
	
	.OurBeersContent{
		width:616px;
		height:460px;
		float:left;
	}
	.OurBeersDark .OurBeersContent{background-image:url(/includes/images/en/dark_bg.jpg);}
	.OurBeersRed .OurBeersContent{background-image:url(/includes/images/en/red_bg.jpg);}
	.OurBeersWhite .OurBeersContent{background-image:url(/includes/images/en/white_bg.jpg);}
	.OurBeersIndia .OurBeersContent{background-image:url(/includes/images/en/india_bg.jpg);}
	.OurBeersHoney  .OurBeersContent{background-image:url(/includes/images/en/honey_bg.jpg);}
	
		.OurBeersBlurb{}
			.OurBeersBlurb h1{
				height: 22px;
				display:block;				
				background-repeat: no-repeat;
				background-position: left;
				margin-top: 60px;
				color: #FFFFFF;
			}

			.OurBeersDark .OurBeersBlurb h1{background-image:url(/includes/images/en/dark_title.gif);}
			.OurBeersRed .OurBeersBlurb h1{background-image:url(/includes/images/en/red_title.gif);}
			.OurBeersWhite .OurBeersBlurb h1{background-image:url(/includes/images/en/white_title.gif);}
			.OurBeersIndia .OurBeersBlurb h1{background-image:url(/includes/images/en/india_title.gif);}
			.OurBeersHoney  .OurBeersBlurb h1{background-image:url(/includes/images/en/honey_title.gif);}
			
			.OurBeersBlurb h1 span{display:none;}
			.OurBeersBlurb p{
				line-height: 19px;
				margin-top: 28px;
				height: 90px;
				margin-right: 90px;
			}
			.OurBeersDark .OurBeersBlurb p{
				height: 60px;
			}
			
		.OurBeersAtAGlance{
			float:left;
			/*width: 278px;*/
			width: 338px;
			padding-top: 10px;
		}
			.OurBeersAtAGlance h2{
				font-size: 12px;
				font-weight: normal;
			}
		
			.OurBeersDark .OurBeersAtAGlance h2{color: #c57832;}
			.OurBeersRed .OurBeersAtAGlance h2{color: #FF3426;}
			.OurBeersWhite .OurBeersAtAGlance h2{color: #F9E497;}
			.OurBeersIndia .OurBeersAtAGlance h2{color: #FFD76E;}
			.OurBeersHoney  .OurBeersAtAGlance h2{color: #FFAB44;}

			
			.OurBeersAtAGlance ul{
				list-style: disc;
				color: #FFF;
			}
			.OurBeersAtAGlance ul li{
				margin: 10px 40px 0px 0px;
			}
			#MainContainer-CON .OurBeersAtAGlance a{
				color:#000000;				
				letter-spacing: -0.2px;
			}			
			#MainContainer-CON .OurBeersAtAGlance a:hover{
				color:#FFFFFF;
			}			
		.OurBeersBottomNav{
				margin-left: 2px;
				margin-top: 29px;
				/*width: 315px;*/
				width: 255px;
				float:left;
		}
		.OurBeersDark .OurBeersBottomNav{
				margin-top: 59px;
		}
					
		.OurBeersBottomNav ul{}
		.OurBeersBottomNav ul.Tabs li.blank {
			width: 45px;
			height: 192px;
			display: block;
		}
		.OurBeersBottomNav ul.Tabs li a{
			width: 105px;
			height: 192px;
			display: block;
		}
		.OurBeersBottomNav ul.Tabs li a span{
			display: none; 
		}
			.OurBeersDark .OurBeersBottomNavRed {background-image:url(/includes/images/en/dark_red.jpg);}
			.OurBeersDark .OurBeersBottomNavWhite {background-image:url(/includes/images/en/dark_white.jpg);}
			
			.OurBeersRed .OurBeersBottomNavWhite {background-image:url(/includes/images/en/red_white.jpg);}
			.OurBeersRed .OurBeersBottomNavDark {background-image:url(/includes/images/en/red_dark.jpg);}
			
			.OurBeersWhite .OurBeersBottomNavRed {background-image:url(/includes/images/en/white_red.jpg);}
			.OurBeersWhite .OurBeersBottomNavDark {background-image:url(/includes/images/en/white_dark.jpg);}
			.OurBeersHoney .OurBeersBottomNavIndia {background-image:url(/includes/images/en/honey_india.jpg);}	
			.OurBeersHoney .OurBeersBottomNavRed {background-image:url(/includes/images/en/honey_red.jpg);}
			.OurBeersHoney .OurBeersBottomNavWhite {background-image:url(/includes/images/en/honey_white.jpg);}
			
			.OurBeersIndia .OurBeersBottomNavRed {background-image:url(/includes/images/en/india_red.jpg);}
			.OurBeersIndia .OurBeersBottomNavWhite {background-image:url(/includes/images/en/india_white.jpg);}
			.OurBeersIndia .OurBeersBottomNavHoney {background-image:url(/includes/images/en/india_honey.jpg);}
			
			.honeyBrown #MainContainer-CON .OurBeersAtAGlance a{
				letter-spacing: -0.5px !important;
				letter-spacing: -0.1em;
			}
			.indiaPaleAle #MainContainer-CON .OurBeersAtAGlance a{
				letter-spacing: -0.5px !important;
				letter-spacing: -0.1em;
			}
/*END OUR BEERS*/

/******************/
/* LDA  (lda.html)**/
/**************** */
#LDA-CON{
	text-align: center;
	width: 960px;
}
 .LDAPage #Header-CON{
	width: 960px;
	display: block;
	height: 130px;
	border-bottom: 1px solid #2e2d2d;
	background-position: bottom;
}
	.LDALogo{
		margin: 5px auto 20px;
		width:116px;
		height: 104px;
		background-image: url(/includes/images/en/logo.jpg);

	}
	.LDA{
		
		text-align: left;
		display: block;

		margin-bottom: 47px;
	}		

		.LDAEnglish{			
			width: 205px;
			float: left;
			margin-left: 227px;
			margin-right: 100px;
			display: inline;
		}
		.LDAFrench{
			width: 231px;			
			float: left;

		}
		.LDA .LDALegal{
			background-position: top left;
			background-repeat: no-repeat;
			height: 144px;
			
			
		}		
			.LDAEnglish .LDALegal{
				background-image: url(/includes/images/en/lda_legal_eng.gif);
				width: 205px;
			}
			.LDAFrench .LDALegal{
				background-image: url(/includes/images/en/lda_legal_fre.gif);
				width: 231px;
			}
		
		.LDA .LDABirthdate h2{
			display: block;
			height: 14px;
			background-repeat: no-repeat;
			margin-bottom: 7px;
		}
		.LDA .LDABirthdate h2 span{
			display: none;
		}
			.LDAEnglish .LDABirthdate h2{
				background-image: url(/includes/images/en/lda_birth_eng.gif);
			}
			.LDAFrench .LDABirthdate h2{
				background-image: url(/includes/images/en/lda_birth_fre.gif);			
			}
		
		.LDA .LDADropBoxes{
			margin-bottom: 25px;
		}
		
		.LDA .LDAProvince h2{
			display: block;
			height: 14px;
			background-repeat: no-repeat;
			margin-bottom: 7px;
			background-image: url(/includes/images/en/lda_province.gif);
		}
		.LDA .LDAProvince h2 span{
			display: none;
		}
		
		.LDAProvince .LDADropBoxes{
			margin-bottom: 31px;
		}
		
		.LDAEnglish .Submit{
			background: url(/includes/images/en/lda_submit_eng.gif);
			width: 86px;
			height: 21px;
			border: 0px;
		}
		.LDAFrench .Submit{
			background: url(/includes/images/en/lda_submit_fre.gif);
			width: 125px;
			height: 21px;
			border: 0px;
		}
		
/******************/		
/*FORM ELEMENTS*/
/******************/
		
		select{
			border: 1px solid #5e5e5e;
			background-color: #000;
			color: #fcf7f7;
			background-position: right;

		}
		.LoginContent #btnSubmit{
			background-image: url(/includes/images/en/login_submit.jpg);
			width: 63px;
		
		}
		
					
		.Submit, .LoginContent #btnSubmit{
			color: #dc291e;
			border: 0px;
			cursor: pointer;
			cursor: hand;
	} 
		.Submit:hover {
			color: #FFFFFF;
		}
		
	

/**************************************/
/* For The Fridge  (for_the_fridge.html) */
/**************************************/

.ForTheFridge-CON{
	background-image: url(/includes/images/en/for_the_fridge_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 960px;
	height: 446px !important;
	height: 482px;
	display:block;
	padding-top: 36px;
	}
	.ForTheFridge-CON .Wrapper{
		margin-top: 0px;
	}
	.ForTheFridge-CON h1{
		background-image: url(/includes/images/en/for_the_fridge_title.gif);
		background-repeat: no-repeat;	
		width: 230px;
		height: 23px;
		margin: 0px 0px 19px 38px;
		display: block;
	}
	.ForTheFridge-CON h1 span{
		display: none;
	}
	.ForTheFridge-CON p{
		display: block;
		color: #fcf7f7;
		width: 475px;
		margin-bottom: 20px;
		margin-left: 38px;
	}

	/*French*/
	.Francais .ForTheFridge-CON p{
		width: 525px;
	}
	.Francais .ForTheFridge-CON h1{
		background-image: url(/includes/images/en/for_the_fridge_title_fr.gif);	
		width: 214px;
	}


/************************************************/
/* Rickards Philosophy (rickards_philosophy.html) */
/************************************************/

.RickardsPhilosophy-CON{
	width: 960px;
	padding-top: 61px;
	color: #fcf2f2;
}
	.RickardsPhilosophy-CON h1{
		background-image: url(/includes/images/en/philosophy_title.gif);
		margin-bottom: 28px;
		width: 403px;
		height: 22px;
	}
	.RickardsPhilosophy-CON h1 span{
		display: none;
	}
	.RickardsPhilosophy-CON .Video{
		width: 480px;
		height: 391px;
		float:left;
	}
	.RickardsPhilosophy-CON .Content{
		float: left;
		margin-left: 30px;
		width: 480px;
		w\idth: 450px; 
	}
	.RickardsPhilosophy-CON .Content p{
		margin-bottom: 17px;
	}
	#MainContainer-CON .RickardsPhilosophy-CON .Content h2{
		font-size: 14px;
		color: #999;
		font-weight: normal;
	}
	
	.Francais .RickardsPhilosophy-CON h1{
		background-image: url(/includes/images/en/philosophy_title_fr.gif);
		width: 434px;
	}

/******************************/
/*THE PINT MEETS THE PLATE*/
/*****************************/

.PintPlate-CON{
	width: 960px;
	padding-top: 62px;}
	.PintPlate-CON h1{
		background-image: url(/includes/images/en/pint_meets_plate_title.gif);
		background-repeat: no-repeat;
		margin: 0px 0px 18px;		
		height: 22px;}
		.PintPlate-CON h1 span{
			display: none;}
	.PintPlate-CON p.preamble{
		line-height: 20px;
		margin-bottom:45px;
		width: 600px;}
	.PintPlate-CON ul{}
		.PintPlate-CON ul li a{
			width: 233px;
			w\idth: 237px;
			height: 45px;
			display: block;
			margin: 0px 4px 0px 0px;}
		/* Pairing navigation background */
		.PintPlate-CON .PairingDark a{
			background-image: url(/includes/images/en/pint_tab_dark.jpg);}
		.PintPlate-CON .PairingRed a{
			background-image: url(/includes/images/en/pint_tab_red.jpg);}
		.PintPlate-CON .PairingWhite a{
			background-image: url(/includes/images/en/pint_tab_white.jpg);}
		.PintPlate-CON .PairingHoneyBrown a{
			background-image: url(/includes/images/en/pint_tab_honey.jpg);}
		.PintPlate-CON .PairingIndia a{
			background-image: url(/includes/images/en/pint_tab_india.jpg);
			margin-right: 0px;}
		/*If class="pintPlateRed" is added to the BODY, it will make the appropriate Pairing tab active*/
			.PintPlateDark .PairingDark a{
				background-image: url(/includes/images/en/pint_tab_dark_active.jpg);}
			.PintPlateRed .PairingRed a{
				background-image: url(/includes/images/en/pint_tab_red_active.jpg);}
			.PintPlateWhite .PairingWhite a{
				background-image:url(/includes/images/en/pint_tab_white_active.jpg);}
			.PintPlateHoney .PairingHoneyBrown a{
				background-image: url(/includes/images/en/pint_tab_honey_active.jpg);}
			.PintPlateIndia .PairingIndia a{
				background-image: url(/includes/images/en/pint_tab_india_active.jpg);}
		
			.PintPlate-CON ul.Tabs li a{}
				.PintPlate-CON ul.Tabs li a span{
					display: none;}
	.PintPlate-CON .Content{
		background-repeat: no-repeat;
		background-position: top;
		padding: 20px 0px 20px 16px;
		padding-left: 16px;
		padding-top: 20px;}
		.PintPlate-CON .Content .Blurb{
			width: 715px;
			height:110px;
			overflow:hidden;
			padding:0px 0px 0px 225px;}
			.PintPlateWhite .Blurb p {
				color:#333333;}
		.PintPlate-CON .Content .Blurb p{
			margin: 0px;}
		.PintPlate-CON .Content .Blurb ul{
			margin-top: 0px;
			margin-left: 1.4em;}
		.PintPlateDark .Content{
			background: #220902 url(/includes/images/en/recipe_dark_bg.jpg) no-repeat;}
		.PintPlateRed .Content{
			background: #240902 url(/includes/images/en/recipe_red_bg.jpg) no-repeat;}
		.PintPlateWhite .Content{
			background: #231802 url(/includes/images/en/recipe_white_bg.jpg) no-repeat;}
		.PintPlateHoney .Content{
			background-image: url(/includes/images/en/recipe_honey_bg.jpg);}
		.PintPlateIndia .Content{
			background-image: url(/includes/images/en/recipe_india_bg.jpg);}
		
		.PintPlate-CON h2.RecipeTitle {
			padding:10px 0px 0px 20px;
			margin-top: 0px;
			font-size: 16px;
			font-weight: normal;
			color: #FFF;
			display: block;}
			.PintPlate-CON h2.RecipeTitle span{
				font-size: 12px;}
		/***** DARK RECIPE *****/
		.RecipeDarkWrapper {}
			/***** DARK RECIPE SIDE NAV *****/
			.RecipeDarkWrapper .RecipeSideNav {
				float:left;
				width:215px;}
				.RecipeDarkWrapper .RecipeSideNav img {
					margin-bottom:-5px;}
				.RecipeDarkWrapper .RecipeSideNav {
					}
				.RecipeDarkWrapper .RecipeSideNav .RecipeSideNavItem {
					display:block;
					line-height:15px;
					width:215px;
					background:#482312;}
					.RecipeDarkWrapper .RecipeSideNav .RecipeSideNavItem a {
						display:block;
						height:inherit;
						width:180px;
						padding:10px 10px 10px 0px;
						margin-left:10px;
						color:#ca7635;
						border-bottom:1px solid #4e2714;}
						.RecipeDarkWrapper .RecipeSideNav .RecipeSideNavItem a:hover, .RecipeDarkWrapper .RecipeSideNav .On a {
							color:#FEFEFE;}
			/***** DARK RECIPE SIDE NAV *****/					
		/***** DARK RECIPE *****/
		/***** RECIPE SECTION *****/
		.PintPlateDark .RecipeContent {
			float:left;
			padding:0px 0px 20px 0px;
			width:715px;
			background: #160704 url(../images/en/recipe_dark_content_bg.jpg) repeat-x top;}
		.PintPlateRed .RecipeContent {
			padding:0px 0px 20px 0px;
			width:930px;
			background: #160402 url(../images/en/recipe_red_content_bg.jpg) repeat-x top;}
		.PintPlateWhite .RecipeContent {
			padding:0px 0px 20px 0px;
			width:930px;
			background: #2B1F09 url(../images/en/recipe_white_content_bg.jpg) repeat-x top;}
		.PintPlate-CON h2.RecipeTitle {
			padding-left:20px;
			color: #FEFEFE;
			font-weight: normal;
			font-size: 18px;
			text-align:left;}
		.RecipeFoodImageBox	{
			float:left;
			width:190px;
			padding-left:20px;
			margin-top:10px;}
			.RecipeFoodImageBox	img {
				margin-bottom:10px;
				border:1px solid #2b1409;}
			.PintPlateDark .RecipeFoodImageBox .RecipeInfoTitle {
				color: #CA7635;}
			.PintPlateRed .RecipeFoodImageBox .RecipeInfoTitle {
				color: #A61101;}
			.PintPlateWhite .RecipeFoodImageBox .RecipeInfoTitle {
				color: #f9c329;}	
		.RecipeBox {
			float:left;
			width: 300px;
			margin-left:20px;
			margin-top:10px;}
			.PintPlate-CON .PintPlateDark .Ingredients{
				width: 450px;}
			.PintPlate-CON .PintPlateRed .Ingredients{
				width: 750px;}
			.PintPlate-CON .PintPlateWhite .Ingredients{
				width: 750px;}
				#MainContainer-CON .PintPlate-CON .RecipeContent h3 {
					font-weight: normal;
					font-size: 12px;
					font-weight:bold;
					text-transform:uppercase;}
					#MainContainer-CON .PintPlateDark .RecipeContent h3 {
						color: #CA7635;}
					#MainContainer-CON .PintPlateRed .RecipeContent h3 {
						color: #a61101;}
					#MainContainer-CON .PintPlateWhite .RecipeContent h3 {
						color: #f9c329;}
				.PintPlate-CON .Ingredients ul{
					list-style: none;
					margin: 0px;
					padding: 0px 0px 10px 0px;
					width: 319px;
					margin-left: 0px;}
					.PintPlate-CON .Ingredients li{
						list-style: none;
						margin: 0px;
						text-indent: 0px;
						padding: 0px;}
			.PintPlate-CON .Preparation{
				float: left;
				margin-top: 20px;
				width: 450px;}
				.PintPlate-CON .PintPlateDark .Preparation{
					width: 450px;}
				.PintPlate-CON .PintPlateRed .Preparation{
					width: 750px;}
				.PintPlate-CON .PintPlateWhite .Preparation{
					width: 750px;}
				.PintPlate-CON .Preparation ol{
					margin: 0px;	
					padding-left: 23px;
					padding-bottom:10px;}
					.PintPlate-CON .Preparation li{
						padding: 5px 0px 5px 0px;}
						.PintPlateDark .Preparation li{
							color: #CA7635;}
						.PintPlateRed .Preparation li{
							color: #a61101;}
						.PintPlateWhite .Preparation li{
							color: #f9c329;}
							.PintPlate-CON .Preparation li span{
								color: #FFF;}
			.PintPlate-CON .PreparationNote{
				margin-top: 20px;}
		/***** RECIPE SECTION *****/
		.PintPlate-CON ul, .PintPlate-CON ol{
			margin-left:0px;}	
		.Francais .PintPlate-CON h1{
			background-image: url(/includes/images/en/pint_meets_plate_title_fr.gif);
			width: 394px;}	
			
/**************************************/			
/* Griller of Glory (griller_of_glory.html) */
/**************************************/

.GrillerOfGlory-CON{
	padding: 61px 0px;
}

	.GrillerOfGlory-CON h1{
		background-image: url(/includes/images/en/griller_title.gif);
		background-repeat: no-repeat;
		height: 22px;
		width: 338px;
		margin-bottom: 27px;
	}
		.GrillerOfGlory-CON h1 span{
			display: none
		}
			.GrillerOfGlory-CON .GrillerOfGlory-Photos{
				height: 240px;
			}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li{
					margin-right: 26px;
					height: 210px;

				}
				.GrillerOfGlory-CON .GrillerOfGlory-Photos li.second{}
				.GrillerOfGlory-CON .GrillerOfGlory-Photos li.last{
					margin-right: 0px;
				}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li IMG{
}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li span{
					display: block;
					font-size: 10px;
					color: #666;
					line-height: 12px;
				}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li.first span{
					width: 246px;
				}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li.second span{
					width:141px;
				}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li.third span{
					width: 247px;
				}
				.GrillerOfGlory-CON	.GrillerOfGlory-Photos li.last span{
					width: 248px;
				}

		.GrillerOfGlory-CON h3{
			
		}
		.GrillerOfGlory-CON p{
			margin-right: 350px;
			margin-bottom: 20px;
		}


/*****************/
/* Rickards Gear */
/*****************/

.RickardsGear-CON{
	width: 960px;
	height: 420px;
	*height: 460px;
	background-image: url(/includes/images/en/gear_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 40px;
}
	.RickardsGear-CON h1{
		margin: 0px 0px 0px 39px;
		width: 235px;
		height: 22px;
		background-image: url(/includes/images/en/gear_title.gif);
		background-repeat: no-repeat;
		display: block;
	}
	.RickardsGear-CON .Gear ul{
		margin-left:9px;
		margin-top: 38px;
		*margin-top: 34px;
	}

	.RickardsGear-CON .Gear li{
		margin-right: 18px;
	}
		.RickardsGear-CON .Gear li.last{
			margin-right: 0px;
		}
	.RickardsGear-CON p.MoreGear{
		margin:20px 0px 0px 675px;
	}
	#MainContainer-CON .RickardsGear-CON .MoreGear a{
		color:#FFFFFF;
	}
		#MainContainer-CON .RickardsGear-CON .MoreGear a:hover{
			color: #dc291e;
		}

/********/		
/* Login */
/********/

.Login-CON{
	height: 375px;
}
	.Login-CON .Glasses{
		background-image: url(/includes/images/en/login_bg.jpg);
		background-repeat: no-repeat;
		width: 332px;
		height: 323px;
		float: left;
	}
	.Login-CON .LoginContent{
		float: left;
		width: 628px;
		padding-top: 61px;
	}
		.Login-CON .LoginContent h1{
			width: 367px;
			height: 22px;
			background-image: url(/includes/images/en/login_title.gif);
			background-repeat: no-repeat;
			display: block;
		}
	
	.Login-CON .Block{
		display: block;
	}
	.Login-CON .InLine{
		display: inline;
	}
	
	.Login-CON .Login a{
	}
	
	.Login-CON ol{
		list-style: none;
		margin: 0px;
	}
	.Login-CON li{
		margin: 15px 0px;
	}
	.Login-CON .Login-CheckBox {
	margin: 33px 0px 23px 0px;
	}
	.Login-CON .Login-CheckBox input{
		margin-right:  5px;
	}
	.Login-CON .Submit{
		width: 63px;
		height: 21px;
		
		margin-right: 3px;
		background-image: url(/includes/images/en/login_submit.jpg);
	}
	.Login-CON .InputButton{
		background-image: url(/includes/images/en/login_submit.jpg);
		border: none;
		width: 63px;
		height: 21px;
		color: #dc291e;
		margin-right: 5px;
	}

/******************************/
/*  INSIDER form (insider.html) */
/******************************/

.Insider-CON{
	margin-top: 52px;
	width: 960px;
}
	.InsiderTitle{
		background-image: url(/includes/images/en/insider_title.gif);
		width: 251px;
		height: 100px;
		float:left;
		display: block;
		background-repeat:no-repeat;
	}
	.InsiderForm{
		float: left;
		width: 600px;
		display: block;
	}	
	.InsiderForm .InsiderGetInside .Agree label, 
	.InsiderForm .InsiderMoreInfo li label,
	.InsiderForm p{
			color: #666;
	}
	.InsiderForm h2{
		color: #fff;
		font-size: 14px;
		font-weight: bold;
	}
	#MainContainer-CON .InsiderForm h3{
		font-weight: bold;
	}
	.InsiderForm hr{
		border-color: #969696;
		border-style: dotted;
		border-width: 1px 0 0;
		clear: both;
		margin: 10px 0 20px;
		height: 0px;
		display: block;
	}
	#MainContainer-CON	.InsiderForm h3{
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		
	}
	.InsiderForm fieldset{
		padding: 0px 3px;	
	}
	.InsiderForm ol{
		list-style: none;
		margin: 0px;
	}
	.InsiderForm li{
		margin: 3px 0px;
	}
		.InsiderForm li label{
			width: 170px;
			display: inline-block;
			color: #dc291e;
		}
	.InsiderForm input{
		background-color:#000;
		border: 1px solid #5e5e5e ;
		height: 17px;
		vertical-align:text-bottom;
		
	}
		#MainContainer-CON .InsiderPersonalInfo ol li p{
			margin-left: 170px;
			width: 300px;
			padding-left: 3px;
			line-height: 15px;
					color: #666;
		}

			.InsiderGetInside .Agree{
				margin-left: 180px;
				margin-top: 0px;
				margin-bottom: 10px;
				height: 30px;
				padding-top: 10px;
			}
			.InsiderGetInside .Agree input{
				display: block;
				float: left;
				border: 0px;
			}
			.InsiderForm .InsiderGetInside .Agree label{
				width: 300px;
				margin: -7px 0px 0px 4px;
				display:block;
				float: left;
				border: 0px;
			}
		
		.InsiderForm .InsiderPersonalInfo .Birthdate input{
				vertical-align: bottom;
				height: 17px;
				
		}
		.InsiderForm .InsiderPersonalInfo .Birthdate option{		
		}
		.InsiderForm .InsiderMoreInfo li{
			margin: 10px 0px 20px 170px;
		}
		.InsiderForm .InsiderMoreInfo .BeerSelect label{
			display: block;
			width: 420px;
		}
		.InsiderForm .InsiderMoreInfo .Gender{
			margin-top: 10px;
		}
		.InsiderForm .InsiderMoreInfo .Gender p{
			display:block;
			float:left;
			width: 70px;
		}
		.InsiderForm .InsiderMoreInfo .Gender input{
			display: block;
			float: left;
			width: 30px;
			border: 0px;
		}
		.InsiderForm .InsiderMoreInfo .Gender label{
			display: block;
			float: left;
			margin-top: 0px;
			width: 30px;
						margin-right: 15px;
		}
		.InsiderForm .InsiderMoreInfo .BeerSelect select{
			margin-top: 5px;
		}
		.InsiderForm .InsiderMoreInfo .AgreeSMS label,
		.InsiderForm .InsiderMoreInfo .AgreeSMS select,
		.InsiderForm .InsiderMoreInfo .CellPhoneNumber label,
		.InsiderForm .InsiderMoreInfo .CellPhoneNumber input,
		.InsiderForm .InsiderMoreInfo .CellPhoneCarrier label,
		.InsiderForm .InsiderMoreInfo .CellPhoneCarrier select,
		.InsiderForm .InsiderMoreInfo .EmailType label,
		.InsiderForm .InsiderMoreInfo .EmailType input
		{
			display: inline;
			margin-right: 5px;
		}
		
		.InsiderForm .InsiderMoreInfo .CellPhoneNumber input{
			margin: 0px;
			display: inline;
			width: 50px;
		}
		.InsiderForm .InsiderMoreInfo .EmailType input{
			border: 0px;
		}
		.InsiderForm .InsiderMoreInfo .EmailType label{
			width: 80px;
		}


		.InsiderForm .InsiderMoreInfo .University li{
			display: block;
			float: left;
			width: 200px;	
			margin-left: 0px;	
		}
		.InsiderForm .InsiderMoreInfo .University ol{
			margin-left: 0px;
			
		}
		.InsiderForm .InsiderMoreInfo .University li input{
			display: block;
		}
		.InsiderForm .InsiderMoreInfo .University li label{
			display: block;
		}
		.InsiderForm .Submit{
			background-image: url(/includes/images/en/insider_submit.gif);
			width: 74px;
			height: 21px;
			border: 0px;
			margin-left: 0px;
		}
		

/*************************/
/* PHOTOS (photos.html) */
/*************************/

.Photos-CON{
	padding: 60px 0px;
}
	.Photos-CON .Title{
		background-image: url(/includes/images/en/photos_title.gif);
		width: 274px;
		height: 22px;	
	}
	
	.Photos-CON .Gallery h2{
		height: 13px;
		margin: 28px 0px 10px 5px;
	}
		.Photos-CON .Gallery h2 span{
			display: none;


		}
	.Photos-CON .Events h2{
		background-image: url(/includes/images/en/photos_event.gif);
		width: 273px;
		w\idth: 268px;
		
	}
	.Photos-CON .Favorite h2{
		background-image: url(/includes/images/en/photos_favorite.gif);
		width: 254px;
	}

	.Photos-CON .Gallery{

	}
		.Photos-CON .Gallery ul{
			height: 100px;
			background-image: url(/includes/images/en/photos_bg.gif);
			background-repeat:repeat-x;
			background-position: top;
			width: 960px;
			padding: 10px 0px 20px 0px;
			margin: 0px;
		}
		.Photos-CON .Gallery li{
			width: 100px;
			height: 100px;
			padding-left:6px;
			text-align:center;
			line-height: 100px;
		}		
			.Photos-CON .Gallery li a{

			}
			
/**************/
/* VIDEOS *****/
/***************/

.Videos-CON{
	padding: 60px 0px 30px 0px;
}
.Videos-CON p{
	margin: 20px 0px;
}
	.Videos-CON h1{
		background-image: url(/includes/images/en/videos_title.gif);
		width: 274px;
		height: 22px;
	}
	
	.Videos-CON div.events{
		background-image: url(/includes/images/en/videos_event.gif);
		width: 340px;
		height: 15px;
		display: block;
		margin: 28px 0px 10px 0px;
	}
	.Videos-CON div.events span{
		display: none;
	}
	
	.Videos-CON .Wrapper{
		background-image: url(/includes/images/en/photos_bg.gif);
		background-repeat: repeat-x;
		background-position: top;
		padding-top: 20px;
	}
	.Videos-CON .VideoEmbed{
		float:left;
		width: 425px;		
		padding: 0 20px;
	}
	
	.Videos-CON .Content{

	}
	.Videos-CON .Content h2{
		color: #666;
		font-weight:normal;
		font-family: Arial, Helvetica, sans-serif;
		
	}
	
/*******************/
/*Placeholders for missing video content */
/******************/
	.Videos-CON .VideoEmbed .TEMP-PLACEHOLDER{
		width: 425px;
		height: 349px;
		display: block;
		background-image: url(/includes/images/en/videos_youtubeplaceholder.jpg);
	}

	.RickardsPhilosophy-CON .Video .TEMP-PLACEHOLDER{
		width: 479px;
		height: 391px;

		background-image: url(/includes/images/en/philosophy_videoplaceholder.jpg);
	}

/****************/
/* Legal pages: privacy_policy.html and terms_of_use.html */
/****************/
	
	.Legal{
		padding: 20px 60px;
		margin: 20px;
		margin: auto;
		text-align: left;
	}
	.Legal img{
		margin: 0 auto;
		width: 116px;
		display: block;
	}
	
	.Legal h2{
		color: #fff;
		text-align:center;
		margin: 20px;
	}
	.Legal li h3{
		color: #fff;
		font-size: 13px;
		margin: 20px 0px;
	}

/****************/
/* Thank you for registering */
/****************/

	.Thanks-CON{
		height: 300px;
	}
	.Thanks-CON h1{
		font-size: 16px;
		margin-top: 100px;
	}
	.Thanks-CON p{
		margin: 10px 0px;
	}
	
	
		/****** FLASH INTRO *******/
	
	
	.FlashIntro #Header-CON{
		border-bottom: 1px solid #2E2D2D;
		margin-bottom: 0px;
		background-color: #000000;
	}
	#FlashIntro{
		width: 960px;
		height: 490px;
		display: block;
	margin-left: 20px;
	background-color: #000;
			}
	.SkipIntro{
		text-align: center;
	}
	#MainContainer-CON div.SkipIntro a{
		color: #666666;

	}
	#MainContainer-CON	div.SkipIntro a:hover{
		color: #fff;
	}