﻿
div.RecipeFeaturedProductBox
{
	float: left;
	background: #FFFFFF;
	width: 149px;	
	padding: 10px 20px 30px 20px;
	margin: 0px 0px 3px 0px;
}

	div.RecipeFeaturedTitle
	{
		float: left;
		width: 149px;
		margin: 0px 0px 0px 0px;
	}

	div.RecipeFeaturedText
	{
		width: 136px;
		padding: 0px 0px 0px 13px;
	}
	
	div.RecipeFeaturedText img
	{
		float:none;
		margin: 0px 0px 0px 20px;
	}
	
div.RecipeFeaturedProductBox div.positionLink 
{
	width: auto;
	height: auto;
	top: auto;
	left: auto;
	bottom: 5px;
	right: 10px;		
}


div.RecipePromoOne
{
	float: left;
	background: #5c7a45;
	width: 149px;
	padding: 10px 20px 10px 20px;
	margin: 0px 0px 3px 0px;
}

	div.RecipePromoOne img
	{
		margin: 0px 0px 5px 0px;		
	}
	
	div.RecipePromoOne h2
	{
		color: #d9a231;
		line-height: 18px;
	}
	
	div.RecipePromoOne h3
	{
		font-size: 12px;
		color: #FFFFFF;
	}
	
	div.RecipePromoOne ul
	{
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}


div.RecipePromoTwo
{
	float: left;
	background: #ffdf6b;
	width: 149px;
	color: #5c7a45;
	padding: 10px 20px 20px 20px;
	margin: 0px 0px 3px 0px;
}

div.RecipeSideMenu
{
	float: left;
	width: 149px;
	background: #ffdf6b;
	color: #5c7a45;
	padding: 10px 20px 20px 20px;
	margin: 0px 0px 3px 0px;
}



div.RecipeHeaderImage
{
	float: left;
	width: 713px;
	height: 188px;
}

div.RecipeRow
{
	float: left;
	width: 719px;
	padding: 10px 0px 10px 0px;
}

	div.RecipeBox, div.RecipeBoxLast
	{
		float: left;
		width: 223px;
		margin: 0px 19px 0px 0px;
	}
	
		* html div.RecipeBox
		{
			margin: 0px 15px 0px 0px;
		}
	
	div.RecipeBoxLast
	{
		margin: 0px 0px 0px 0px;
	}

	div.RecipeImage
	{
		float: left;
		border: 1px solid #a9b2a2;
		padding: 9px 9px 9px 9px;
		margin: 0px 0px 10px 0px;
	}
	
	
	

/*-------------------------------------------------------------------------------*/
/*----------------------------   Recipes details   ------------------------------*/
/*-------------------------------------------------------------------------------*/
	
	div.Content h1
	{
		width: 100%;
		font-weight: normal;
		padding: 0px 0px 20px 0px;
		font-size: 18px;
		color: #f0a32c;
	}
	
	div.FlashTitle h3
	{
		color: #f0a32c;
		display:none;
	}
	
	div.RecipesUserToolBar	
	{
		float: left;
		position:relative;
		padding: 10px 0px 0px 0px;
	}
	
		div.RecipeAdded
		{
			float:left;
			clear:both;
			text-align:center;
			padding: 10px 10px 10px 10px;
			width: 328px;
			background: #FFDF6B;
			position:absolute;
			top: -35px;
			border: solid 1px #f0a32c;
			color: #5c7a45;
		}
	
	div.RecipesPrepAndIngredients
	{
	    float:left;
	    clear:both;
	    width: 100%;
	}
	
	div.RecipesPrepInfo
	{
		float:left;
		width: 150px;
		margin: 49px 90px 0px 18px;
	}

		div.RecipesPrepInfoTitle
		{
			float: left;
			width: 150px;
			padding: 0px 0px 0px 0px;
		}
			
			div.RecipesPrepInfoTitle h2, div.RecipesIngredients h2, div.RecipeNutritionInfo h2, div.RecipesFeaturedProduct h2
			{
				font-size: 14px;
				color: #f0a32c;
				width: 100%;
				margin: 0px 0px 0px 0px;
			}
		
		div.RecipesPrepInfoCol
		{
			float: left;
			width: 60px;
			line-height: 16px;
		}
		
			div.RecipesPrepInfoCol h2
			{
				width: 100%;
				color: #f0a32c;
				font-weight: normal;
				font-size: 11px;
				padding: 0px 0px 0px 0px;
			}

			div.RecipesPrepInfoCol h3
			{			
				float:left;
				font-family:arial,sans-serif;
				font-size:11px;
				width: 100%;
				font-weight: normal;
				margin:0px;
				padding:0px 0px 0px 0px;
				text-align: right;
			}

	div.RecipesIngredients
	{
		float: left;
		width: 400px;
		padding: px 0px 0px 0px;
	}
	
		div.RecipesIngredientsAmount
		{
			float: left;
			width: 60px;
			font-weight: bold;
		}
		
		div.RecipesIngredientsItem
		{
			float: left;
			width: 340px;
		}
		
	div.RecipesIngredientsDetails
	{
		float: left;
		width: 550px;
		padding: 10px 0px 20px 0px;
	}
	
	
	div.RecipeNutritionInfo
	{
		float: left;
		width: 180px;
		padding: 0px 0px 0px 20px;
	}
	
		div.RecipeNutritionInfo ul
		{
			float: left;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			list-style: none;
			width: 100%;
		}
		
			div.RecipeNutritionInfo ul li
			{
				float: left;
				border-bottom: 1px #CCCCCC solid;
				padding: 3px 0px 3px 0px;
			}

				div.RecipeNutritionInfo ul li h2
				{
					float: left;
					font-size: 11px;
					color: #000000;
					width: 120px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}

				div.RecipeNutritionInfo ul li h3
				{
					float: left;
					font-size: 11px;
					color: #000000;
					font-weight: normal;
					width: 50px;
					padding: 0px 0px 0px 0px;
					margin: 0px 0px 0px 0px;
				}
		
		div.RecipesNutritionInfoCol
		{
			float: left;
			width: 60px;
		}
		
		
		div.RecipesFeaturedProduct
		{
			float: left;
			width: 200px;
			padding: 0px 0px 0px 20px;
		}

			div.RecipesFeaturedProductItem
			{
				float: left;
				padding: 18px 18px 18px 18px;
				border: 1px solid #CCCCCC;
				text-align: center;
			}
		
		
	div.RecipeHeaderImage
	{
		float: left;
		padding: 0px 0px 10px 0px;
	}