﻿body 
{
	margin: 0px 0px 0px 0px;
}
.Left{float:left;}
.Right{float:right;}
.ClearBoth{clear:both;}

div.Page
{
	width: 900px;
}

div.ContainerShadow
{
    float: left;
    width: 900px;
    background: url("/_images/backgroundShadow.jpg") repeat-y;
}

div.TopShadow
{
    float: left;
    width: 900px;
    height: 14px;
    background: url("/_images/topShadow.jpg");
}

div.BottomShadow
{
    float: left;
    width: 900px;
    height: 14px;
    background: url("/_images/bottomShadow.jpg");
}

div.Container
{	
	float:left;
	width: 860px;
	text-align:left;
	background: #FFFFFF;
	margin: 5px 10px 5px 19px;
}

	* html div.Container
	{
		margin: 5px 10px 5px 10px;
	}

	div.BorderRight
	{
		border-right: solid 1px #9d9fa2;
	}
	
	div.BorderLeft
	{
		border-right: solid 1px #9d9fa2;
	}
	
	
	div.Header
	{
		float:left;
		width: 860px;
		position:relative;
	}
	
		.Home
		{
			background: #FFFFFF url('/_images/banners/landingPG_banner.jpg');
			height: 184px;
		}
		
		.logo
		{
			float:left;
		}
		
		    a.logoLink
		    {
		        display: block;
		        width: 200px;
		        height: 100px;
		        text-decoration: none;
		    }
		
		.Home .logo
		{
			margin: 0px 0px 0px 0px;
			padding: 20px 0px 0px 37px;
		}
		
		
		div.HeaderLinks
		{
			position:absolute;
			bottom: 0px;
			right: 25px;
			color: #FFFFFF;
		}
		
			div.HeaderLinks a.Links
			{
				float:left;
				color: #FFFFFF;
				font-size: 13px;
				text-decoration:none;
			}
			
				div.HeaderLinks a.Links:hover
				{
					text-decoration:underline;
				}
							
					div.HeaderLinks div.Spacer
					{
						float:left;
						padding: 0px 5px 0px 5px;
						font-size: 15px;
						color: #FFFFFF;
					}
		
		
		/* --------------------------------------------------------------------- */
		/* ---------------       Headers Based On Section         -------------- */
		/* --------------------------------------------------------------------- */
		
		.ProductsBG, .FunStuffBG, .CompanyBG, .RecipesBG
		{
			height: 95px;
		}
		
			.ProductsBG .logo, .FunStuffBG .logo, .CompanyBG .logo, .RecipesBG .logo
			{
				margin: 0px 0px 0px 0px;
				padding: 10px 0px 0px 12px;
			}
				
		.ProductsBG
		{
			background: #FFFFFF url('/_images/HeaderImages/product_header.jpg');
		}
		
		.FunStuffBG
		{
			background: #FFFFFF url('/_images/HeaderImages/product_header.jpg');
		}
		
		.CompanyBG
		{
			background: #FFFFFF url('/_images/HeaderImages/product_header.jpg');
		}
		
		.RecipesBG
		{
			background: #FFFFFF url('/_images/HeaderImages/recipe_header.jpg');
		}			
		
		
    div.Menu
    {
    	float:left;
    	width: 860px;
    	height: 22px;
    	margin: 0px 0px 9px 0px;
    }
    
		div.Menu div.menuItem
		{
			float:left;
			width: 215px;
			height: 22px;
			text-align:left;
			overflow:hidden;
		}
		
			.Recipes
			{
				background: #DCB325 url('/_images/recipes_background.gif') repeat-y;
			}
			
			.Shoppe
			{
				background: #9B9DA0 url('/_images/company_background.gif') repeat-y;
			}
			
			.Company
			{
				background: #0070BB url('/_images/funstuff_background.gif') repeat-y;
			}
			
			.Products
			{
				background: #A71F24 url('/_images/products_background.gif') repeat-y;
			}
			
			.Hidden
			{
				display:none;
			}
			
			
	div.positionLink
	{
		float:left;
		position:absolute;
		bottom: 8px;
		left: 10px;
	}
	
	
	div.Footer
	{
	    float: left;
	    width: 640px;
	    height: 30px;
	    padding: 5px 0px 0px 270px;
	}
	    
	    div.FooterLinks
	    {
	        float: left;
	    }
	    
	    div.FooterText
	    {
	        float: left;
	        padding: 0px 0px 0px 10px;
	        width: 200px;
	    }
	

	/* --------------------------------------------------------------------- */
	/* ----------------------         Side Menu         -------------------- */
	/* --------------------------------------------------------------------- */
	
	div.SideMenu
	{
		float:left;
		width: 205px;
		text-align:left;
		padding: 5px 5px 15px 5px;
	}
	
	    ul.SideMenuList
	    {
	        float: left;
	        margin: 0px 0px 0px 0px;
	        padding: 0px 0px 0px 0px;
	        list-style: none;
	    }
	    
	        ul.SideMenuList li.SideMenuItem
	        {
	            float: left;
	            width: 205px;
	            padding: 2px 0px 2px 0px;
                border-bottom: 1px solid #e84a55;
	        }
	        
	        div.Recipes ul.SideMenuList li.SideMenuItem
	        {
	            border-bottom-color: #ecc336;
	        }
	        
            div.Company ul.SideMenuList li.SideMenuItem
	        {
	            border-bottom-color: #a8a9ab;
	        }
	        	        
	            ul.SubMenuList
	            {
	                float: left;
	                width: 205px;
	                list-style: none;
	                margin: 0px 0px 0px 0px;
	                padding: 0px 0px 0px 0px;
	            }
	            
	                ul.SubMenuList li.SubMenuItem
	                {
	                    float: left;
	                    width: 185px;
	                    border-top: 1px solid #e84a55;
	                    padding: 2px 0px 2px 20px;
	                }
	                
	                ul.ProductMenuList
	                {
	                    float: left;
	                    list-style: none;
	                    width: 185px;
	                    margin: 0px 0px 0px 0px;
	                    padding: 0px 0px 0px 0px;
	                }
	                    
	                    ul.ProductMenuList li.ProductMenuItem
	                    {
	                        float: left;
	                        width: 175px;
	                        padding: 2px 0px 2px 10px;
	                    }
	                    
	div.SideMenuExtended
	{
		float:left;
		width: 210px;
		text-align:left;
		padding: 20px 0px 0px 5px;				
	}

	div.SideMenuExtended ul
	{
		float:left;
		width: 210px;
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	    div.SideMenuExtended ul li
	    {
	        float: left;
	        width: 210px;
	    }
	                    

	
	
	
	div.RecipeSearch
	{
		float:left;
		width: 205px;
		margin: 15px 0px 0px 0px;
		padding: 0px 0px 0px 5px;
		/* color: #BC9613; */
		text-align: left;
	}
	
	
	div.SearchOptions
	{
		float:left;
		width: 205px;
		margin: 10px 0px 10px 0px;
		/* color:#BC9613; */
		font-size: 15px;
		overflow:hidden;
	}
	
		a.SearchOption
		{
			font-size: 12px;
			color: #222222;
			text-decoration: none;
		}
		
		a.SearchOptionSelected
		{
			font-size: 12px;
			text-decoration: none;	
			/* color:#BC9613; */
			color: #a71f24;
		}
		
		a.SearchOption:hover, a.SearchOptionSelected:hover
		{
			text-decoration: underline;
		}
		
	.textBox
	{
		width: 99%;
		border: solid 1px #9d9fa2;
	}
	
	input.button
	{
		float:right;
		background: #9d9fa2;
		border: solid 1px #9d9fa2;
		font-size: 11px;
		color: #FFFFFF;
		padding: 0px 5px 0px 5px;
		margin: 3px 0px 0px 0px;
		cursor: pointer;
	}
	
	input.buttonDisabled
	{
		float:right;
		background: #d7d7d7;
		border: solid 1px #c0c0c0;
		font-size: 11px;
		color: #FFFFFF;
		padding: 0px 5px 0px 5px;
		margin: 3px 0px 0px 0px;
	}
	
	
	div.bulletin
	{
		/* color: #a71f24; */
		float:left;
		margin: 25px 0px 0px 0px;
		width: 100%;
		color: #FFFFFF;
	}
	
		div.bulletin p
		{
			padding: 10px;
		}
	
	
	
	/* --------------------------------------------------------------------- */
	/* ----------------------       Inner Pages         -------------------- */
	/* --------------------------------------------------------------------- */
	
	
	div.SideContent
	{
		float:left;
		width: 215px;
	}
	
	
	div.BodyContent
	{
		float:left;
		width: 636px;
		margin: 0px 0px 45px 9px;
		min-height: 375px;
		text-align:left;
		line-height: 17px;
	}
	
		* html div.BodyContent
		{
			height: 375px;
		}
	
		div.BodyContent .SubSection
		{
			float:left;
			clear:both;
			border-top: solid 1px #cdced0;
			margin: 14px 0px 0px 0px;
			width: 100%;
		}
		
		div.BodyContent .SubSection p
		{
			padding: 4px 10px 0px 0px;
		}
		
		
		div.BodyContent .HalfColumn
		{
			float:left;
			width: 297px;
		}
		
			.LeftPadding
			{
				padding-left: 10px;
			}
			
			.RightPadding
			{
				padding-right: 10px;
			}
			
			.TopPadding
			{
				padding-top: 18px;
			}
			
			.BottomPadding
			{
				padding-bottom: 18px;
			}
		
		
		div.Results
		{
			float:left;
			width: 590px;
			padding: 0px 0px 0px 20px;
		}
		
		
		div.BodyContent .Column
		{
			float:left;
			width: 290px;
		}
		
			div.ResultItem
			{
				font-size: 12px;
				margin: 10px 0px 5px 0px;
			}
		
		
		
	/* --------------------------------------------------------------------- */
	/* ----------------------         Products          -------------------- */
	/* --------------------------------------------------------------------- */
	
	
	div.ProductListing
	{
		float:left;
		width: 860px;
		height: 110px;
		border-top: solid 1px #cdced0;
		border-bottom: solid 1px #cdced0;
		margin: 0px 0px 9px 0px;
	}
	
		div.ProductBody
		{
			width: 625px;
			float:left;
			padding: 0px 0px 0px 10px;
			min-height: 375px;
			border-left: solid 1px #cdced0;
		}
		
		
	div.ProductFlavours
	{
		float:left;
		height: 100px;
		width: 100%;
		margin: 10px 0px 0px 0px;
	}
	
		div.Flavour
		{
			float:left;
			position:relative;
		}
		
		div.Spacer
		{
			float:left;
			padding: 0px 5px 0px 5px;
			font-size: 18px;
			color: #404040;
		}
	
	div.ProductFlavours ul.Sizes
	{
		float:left;
		width: 200px;
		position:absolute;
		top: 19px;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
		div.ProductFlavours ul.Sizes li
		{
			list-style:none;
			padding: 1px 2px 1px 2px;
		}
	
	div.ProductImage
	{
		float:left;
		width: 200px;
	}		
		
	div.ProductDetails
	{
		float:left;
		width: 425px;
	}
	
		div.ProductLinks
		{
			float:left;
			width: 100%;
			margin: 20px 0px 0px 0px;
		}
		
		div.ProductDescription
		{
			float:left;
			clear:both;
			width: 285px;
			margin: 15px 0px 0px 0px;
		}
		
		a.productLink
		{
			margin: 0px 15px 0px 0px;
		}
		
		
	/* --------------------------------------------------------------------- */
	/* ----------------------          Recipes          -------------------- */
	/* --------------------------------------------------------------------- */
	
	
	div.featuredRecipe
	{
		float:left;
		width: 618px;
		background: #FFFFFF url('/_images/featured_recipe_background.jpg') no-repeat;
		min-height: 375px;
		text-align:left;
		padding: 0px 0px 0px 15px;
	}
	
		div.featuredRecipe h1
		{
			font-size: 32px;
			line-height: normal;
		}	
	
		div.featuredRecipeImageHolder
		{
			float:right;
			position:relative;
			width: 316px;
			height: 255px;
		}
		
			div.featuredRecipeImage
			{
				float:left;
				position:absolute;
				width: 358px;
				height: 287px;
				top: -9px;
				left: -3px;
			}
			
		div.Ingredients
		{
			float:left;
			margin: 15px 0px 0px 0px;
			width: 300px;
		}
		
			div.Ingredients ul
			{
				float:left;
				margin: 0px 0px 0px 1px;
				padding: 0px 0px 0px 0px;
			}
			
				div.Ingredients ul li
				{
					list-style: none;
					margin: 2px 0px 2px 0px;
					padding: 0px 0px 0px 0px;
					float:left;
				}
				
				div.Ingredients ul li .quantity
				{
					float:left;
					clear:both;
					width: 80px;
					text-align:right;
				}
				
				div.Ingredients ul li .ingredient
				{
					float:left;
					width: 202px;
					padding: 0px 0px 0px 10px;
				}
				
		div.RecipeImage
		{
			float:right;
			width: 316px;
			margin: 30px 0px 15px 0px;			
		}
		
			div.RecipeImage img.Recipe
			{
				border-top: solid 0px #FFFFFF;
				border-left: solid 0px #FFFFFF;
				border-right: solid 0px #FFFFFF;
				border-bottom: solid 6px #BC9613;
			}
				
	    div.RecipeLinks
	    {
	    	clear:right;
	    	float:right;
	    	width: 316px;
	    }
	    
	    div.FeaturedPreparation
	    {
	    	clear: right;
	    	float:right;
	    	width: 316px;
	    	
	    }	    
	    
	    div.Preparation
	    {
	    	float:left;
	    	width: 450px;
	    	margin: 10px 0px 0px 0px;
	    }
		
		
		div.RecipeSignup
		{
			float:left;
			width: 633px;
			height: 482px;
			position: relative;
			line-height:normal;
		}
		
			div.RecipeSignup div.SignupText
			{
				font-size: 26px;
				width: 270px;
				position:absolute;
				top: 0px;
				left: 15px;
				color: #404040;
			}
			
				div.RecipeSignup div.SignupText h1
				{
					font-size: 38px;
				}
		
		
		div.CheeseTerm
		{
			float:left;
			background: #FFFFFF url('/_images/term_background.jpg') repeat-y;
		}
		
		
		div.Terminology
		{
			float:left;
			width: 403px;
			/* border-right: solid 1px #cdced0; */
			padding: 0px 15px 0px 3px;
		}
		
			div.Term
			{
				width: 100%;
			}
			
		div.DidYouKnow
		{
			float:right;
			width: 205px;
			padding: 0px 0px 0px 5px;
		}
		
			div.DidYouKnow ul
			{
				float:left;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
			}
			
			div.DidYouKnow ul li
			{
				list-style-image: url('/_images/bullet.jpg');
				padding: 0px 0px 0px 0px;
				margin: 10px 0px 0px 19px;
			}
			
		
    .title
	{
		font-size: 13px;
		color: #a71f24;
	}
	
	
	div.JobItem
	{
		width: 100%;
		font-size: 12px;
	}
	
		div.JobTitle
		{
			width: 60%;
			font-size: 12px;
			float:left;
		}
		
	div.JobItem a
	{
		float:left;
	}
	
	
	div.ResumeUpload
	{
		width: 215px;
		height: 60px;
		color: #FFFFFF;
		font-size: 16px;
		font-weight:bold;
		padding: 8px 10px 8px 10px
	}
	
		div.ResumeUpload input.file
		{
			margin: 4px 0px 0px 0px;
			width: 215px; 
		}
		
		div.ResumeUpload input.button
		{
			margin-right: 4px;
			float:right;
		}
		
		
	div.ContactForm
	{
		float:left;
		width: 100%;
		
	}
	
		div.ContactInfo
		{
			float:left;
			width: 215px;
		}
		
			div.Label
			{
				float:left;
				clear:both;
				padding: 0px 0px 0px 15px;
				margin: 8px 0px 0px 0px;
				font-weight: bold;
			}
			
			div.Input
			{
				float:left;
				clear:both;
				width: 100%;
			}
			
			
	   div.Comments
	   {
	   		float:left;
	   		width: 400px;
	   		padding: 0px 0px 0px 10px;
	   }
	   
	div.SubmitButton
	{
		width: 98%;
		float:left;
		clear:both;
	}
	
	
	div.Address
	{
		float:left;
		width: 200px;
		padding: 0px 10px 0px 0px;		
	}
	
	
	div.Addresses
	{
		float:left;
		width: 100%;
	}
	
	
	div.LocationDescription
	{
		float:left;
		width: 300px;
		height: 128px;
	}
	
		div.LocationImageHolder
		{
			float:right;
			width: 315px;
			height: 128px;
			position: relative;
		}
		
			div.LocationImages
			{
				float:right;
				position:absolute; 
				width: 325px;
				height: 197px;
				top: -25px;
				left: 0px;
			}

/*Beer wine css popup*/
div.BWContainer div{float:left;}
div.BWContainer
{
	position:absolute;
	left:400px;
	border:solid 1px #A71F24;
	width:350px;
	background:#fff;
}
div.BWRightSide{width:290px;}
div.BWLeftSide,div.BWRightSide{padding:5px;}
div.BWTop span.Left{font-size:10pt;}
div.BWTop
{
	padding:3px;
	background:#A71F24;
	width:344px;
	color:#fff;
}
a.Close:focus{outline:none;}
a.Close
{
	text-decoration:none;
	border:solid 1px #fff;
	color:#fff;
	width:13px;
	margin-left:8px;
	float:left;
	text-align:center;
}
div.BWLeftSide
{
	clear:both;
	width:40px;
}


div.French
{
    float: left;
    text-align: center;
    font-size: 14px;
    width: 460px;
    height: 500px;
    padding: 150px 200px 0px 200px;
    background: url("/_images/frenchBackground.jpg") no-repeat;
}

div.FunStuffArea
{
    float: left;
    width: 576px;
    padding: 0px 0px 0px 100px;
}

.IsSelected
{
	color:#BC9613;
}


div.MapContainer
{
	width:490px;
	float:left;
}

.countryDropDown
{
    height: 23px;
    width: 99%;
}
