/* =========================================================================

    HERSHEY'S Kitchens - Recipes

   ========================================================================= */

#featured_recipe {
		background:#FFFDED url(/en/recipes/lib/img/recipes/fr-bg.gif) no-repeat; 
		margin:0 0 10px 0;
		border:1px solid #EDE2D0;
		width:667px;
	}
	html>body #featured_recipe { width:665px; }


	#featured_recipe #recipe_image {
		float:left;
		margin:14px 15px 16px 8px;
		text-align:left;
}
	html>body #featured_recipe #recipe_image { margin:14px 15px 16px 16px; }

	
	#featured_recipe #desc {
		float:left;
		width:417px;
		font-size:12px;
		margin:14px 0 16px 0;
	}
	#featured_recipe #desc a	{ text-decoration:none;	}


.recipe_header	{
		position:relative;
		width:667px;
		height:27px;
		margin:10px 0 0 0;
		background:url(/en/recipes/lib/img/sitewide/top-bar-rd.gif) no-repeat;
		color:#fff;
		font-size:12px;
		text-align:left;
		padding:4px 0 0 7px;
}
	html>body .recipe_header {   
		margin:10px 0 0 0px;
		height:23px;
}
.recipe_content {
	position:relative;
	width:653px;
	background-color:#F0E3CD;
	border-bottom:1px solid #fff;
	vertical-align:top;
	font-size:12px;
	text-align:left;
	margin:0 0 0 7px;
	padding:6px 0 6px 7px;
	background-image: url(/en/recipes/lib/img/recipes/rating-commenting/recipe-results-bg.gif);
	background-repeat: repeat-y;
	}
	html>body .recipe_content {   
		margin:0 0 0 7px;
		width:653px;
}

p.prep-times { margin: -13px 0px 0px 0px; padding: 0px 0px 10px 0px; font-size: 12px; font-style: oblique; }

#recipe_ingredients ul {	
		margin:5px 0 20px -25px;/*for compliant browsers*/
		#margin:5px 0 20px 17px; /*for IE7*/
		_margin:5px 0 20px 17px; /*for IE6*/
}

.search-results { width:667px; }
.holiday	{ 
 margin:0px; 
	padding: 5px 5px 5px 9px;
	background: url(/en/recipes/lib/img/recipes/title-bg.gif) no-repeat;
	font-weight:bold;
	color:#663300;
}
.holiday-callout { padding: 5px 0px 20px 0px; }
.holiday-callout img { border: none; }

.results-container	{
 padding: 8px 0px;
 color: #E75D00;
 border-top: 1px solid #EDE2D0;
 border-right: 1px solid #EDE2D0;
 border-left: 1px solid #EDE2D0;
}
.results { float:left; width: 330px; padding: 0px 0px 0px 9px; color: #E75D00; }
.page { float: right; width: 300px; text-align: right; padding: 0px 8px 0px 0px; color: #E75D00; }

.search_results {
		width: 667px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
		border-left: 1px solid #EDE2D0;
		border-right: 1px solid #EDE2D0;
	}
.search_results_two	{
		position:relative;
		width:667px;
		font-size:10px;
		margin:12px 0 0 0;
		padding:3px 8px 2px 8px;
		border:1px solid #EDE2D0;
		border-bottom:none;
}
	html>body .search_results_two {   
		width:649px;  
	}

.page a { color:#E75D00; font-size:12px; padding:0 0 0 3px; }
.page a img { vertical-align:text-bottom; }

#search_results_box {
		width:667px;
		height:auto;
		padding:10px 10px;
		text-align:left;
		margin:0 0 10px 0;
		border:1px solid #EDE2D0;
}
	html>body #search_results_box {   
		width:645px;  
		padding:0 10px;
		border:1px solid #EDE2D0;
}
	#search_results_box ul	{
		float:left;
		margin:0;
		padding:0 0 10px 10px;
}
	#search_results_box li {
		list-style-type:square;
		margin:0 20px 2px 5px;
		padding:0;
}
	html>body #search_results_box li {   
		margin:6px 10px 0 3px; }

	#search_results_box li a	{
		text-decoration:none;
		font-weight:bold;
		color:#663300;
}

.pagelinks_box {
			float:right;
			text-align:right;
			width:235px;
			padding:5px 0 0 0;
			color:#E75D00;
			font-size:12px;
	}

.pageLink	{	color:#E75D00;	font-size:12px; }
.pageLink a { color:#E75D00; font-size:12px; }

.no_results {
		width:100%;
		text-align:center;
		padding:20px;
		font-size:12px;
	}

.recipe_line_thumb {	float:left;	}
.recipe_line_thumb img	{ border:2px solid #FEF4DB; margin:0 11px 0 0; }
.recipe_name	{
		float:left;
		font-size:13px;
		font-weight:bold;
		line-height:16px;
		margin: 0px;
		padding: 8px 5px 0px 0px;
		width: 300px;
	}
	.recipe_badges {	float:left;	margin: 10px 0px 0px 0px;	padding: 0px 3px;	width: 145px;	}
	.recipe_rating {	float:left;	margin: 10px 0px 0px 0px;	padding: 0px 3px;	width: 110px; }

html>body .recipe_name {	margin:0; }
.recipe_name a	{ text-decoration:none;	}		

#product_in_recipes {
	text-align:left;
	border:1px solid #EAE4D3;
	padding:9px 2px 9px 9px;
	margin:0 auto 13px auto;
	width:156px;
	font-size:11px;
	color:#663300;
	vertical-align:top;
	}
	html>body #product_in_recipes {   
		width:143px;
}
	#product_in_recipes .small { font-size:10px; color:#663300; }

#search_holiday	{
		width:156px;
		margin:0 0 10px 15px;
}
#recipes_detail {
		background-color:#EDE2D0;
		width:667px;
		margin:0;
		padding:0 18px 16px 20px;
		text-align:left;
}
	html>body #recipes_detail {	width:629px;  }
		
#recipes_detail #sub_nav		{ margin:0 0 8px 0; }
#recipes_detail #content	{ padding:16px 0 15px 0; text-align:left; }	


#recipe_detail_photo {
			float:right;
			padding: 6px 0px 0px 0px;
			margin: 16px 0px 0px 0px;
			text-align: left;
			background-color: #EAD9BD;
			width: 188px;
}
html>body #recipe_detail_photo {	padding: 6px 0px 0px 0px; }


/* =========================================================================================================== RECIPE RATING/COMMENTING */
.recipe-current-rating  {	
  margin:0px 6px; 
		padding: 5px 0px;
		background-color: #FFF; 
		font-size: 10px;
		color: #E75D00;
		text-align: center;
}	
.recipe-current-rating img { border: none; }
img.rate-recipe { margin: 0px 6px; border: none; }

.recipe-alert { color:#FF0000; font-weight: bold; }
.recipe-review { margin:0px 6px 5px 6px; }	
.recipe-photo { border-top: solid 10px #EDE2D0; }

.recipe-photo img {	border:3px solid #FFF; margin: 5px 6px 5px 6px; }	
.recipe-photo img.enlarge { border:0px;	}	
	
.recipe-options img {	border: none; float: left; }	
	
.recipe-similar-list { margin: 20px 0px; padding: 12px;	background-color: #F3EBDF; }
.recipe-similar-list ul, .recipe-comments ul {  margin: 0px; 	padding: 0px 0px 0px 20px; }
.recipe-similar-list ul li, .recipe-comments ul li { 	padding: 4px 0px; }
.recipe-similar-list ul li a { text-decoration: none; }

.recipe-comments { padding: 12px;	background-color: #F3EBDF; }
.recipe-comments p { padding: 8px 0px;	}
.recipe-comments .reviewer { font-weight: bold; color: #A0653D;	}
.recipe-comments .comment { margin: 5px 0px; padding: 5px 0px; border-top: solid 1px #BD9476;	color: #4B1F1C; }
.review-date { padding: 12px 0px; font-style: oblique;	color: #A0653D; font-size: 10px; }

.comments-header { height: 20px; text-align: right; clear: both; }
.comments-header img { border: none; }
.comments-header h1 { margin: 0px; padding: 0px; float: left; text-align: left; }
.right { float: right; }
.right a { font-size: 12px; font-weight: bold; }


/* =========================================================================================================== RECIPE RATING/COMMENTING LIGHTBOX */
.lightbox {
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px;
	border: 8px solid #EAD9BD;
	background-color: #FFF;
	text-align: left;
	z-index:1001;
	color: #4B1F1C;
}
.lightbox a { outline: none; }
.lightbox p { 	line-height: 18px; }

.lightbox textarea { padding: 4px; font-size: 10px; }
.lightbox img { border: none; outline: none; }
.lightbox h1 { font-size: 15px;  color: #E75D00; margin: 0px 0px 5px 0px;	padding: 0px; }
.lightbox h1.divider { 
 font-size: 15px; 
	color: #e75d00;	
	border-top: solid 1px #EAD9BD;	
	margin: 0px 0px 5px 0px;	
	padding: 15px 0px 0px 0px;
}
#star1, #star2, #star3, #star4,#star5 { cursor: pointer; }

#overlay {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color:#333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.lightbox[id] { position:fixed; } /* IE6 Can't See This */
#overlay[id] { position:fixed; } /* IE6 Can't See This */



#product_line 	{ margin:13px 0 20px 0; }

/* Refine your Seach and Seach By Ingredients areas */
#search_wrapper { background:#EDE2D0;	}

#refine_search	{
		width:333px; 
		padding:10px; 
		background:#EDE2D0;
		margin:0 1px 0 0;
		float:left;
		border-right:1px solid #fff;
	}
	html>body #refine_search {   
		width:313px;  }

#search_ingred
	{
		width:332px; 
		padding:10px; 
		background:#EDE2D0;
		float:left;
	}
	html>body #search_ingred {   
		width:311px;  }
		
#refine_search .floatl, #search_ingred .floatl
	{ 
		float: left; 
		text-align:right;
		width:50px;
		margin: 0px; 
		line-height:22px; 
		font-size:10px; 
	}
#refine_search .floatr, #search_ingred .floatr
	{ 
		float: right; 
		margin: 0px; 
		line-height:25px; 
		font-size:10px; 
	}

#refine_search input, #search_ingred input { width:254px; margin:0 0 10px 0;}
	html>body #refine_search input, #search_ingred input {   
		width:250px;  }


#refine_search select, #search_ingred select { width:254px; margin:0 0 10px 0; }

#icon_area
	{
		width:312px; 
		padding:8px 5px 5px 10px; 
		margin:0;
		background:#fff;
		border:1px solid #d6cfb9;
		float:left;
	}
	html>body #icon_area {   
		width:300px;  }
		
#icon_area .floatl 
	{ 
		float:left; 
		text-align:right;
		width:19px;
		margin:0; 
		line-height:22px; 
		font-size:10px; 
		}
	html>body #icon_area .floatl  {   
		margin:5px 0 5px 0;  }
		
#icon_area .floatr 
	{ 
		float: left; 
		margin: 0px; 
		line-height:25px; 
		font-size:10px; 
	}	
	
#icon_area input { width:auto; margin:0 0 5px 0; }
	html>body #icon_area input {   
		width:auto;  }



/* --------------------------- EMAIL RECIPE -----------------------------*/

#emailMain {
	width:300px;
	background-color:#FFF
}

#emailHeader {
  background-color:#663300;
	color:#fff;
	padding: 5px 0px;
	text-indent:10px;
	font-size:12px;
	margin-bottom:2px;
}
#emailForm {
	background-color:#f0e3cd;
}

#emailForm td{
	font-size:12px;
	padding:12px 0px 12px 10px;
}
#emailForm #emailMessage {
	font-size:12px;
	padding:0px 5px 5px 10px;
	line-height:16px;
}
#emailForm #baking {
	font-size:12px;
	padding:13px 10px;
	font-weight:bold;
}
#emailForm #submit {
	padding:5px 10px;
	font-weight:bold;
}
.formElement {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 2px;
  font-size : 13px; border: 1px solid #7F9DB9; }	

  
/*                 New Landing Page Updates 06/09               */


#category_links {
	border:1px solid #eee3d2;
	width:664px;
}
	#category_links ul {
		float:left;
		font-size:11px;
		font-weight:bold;
		padding:5px 0 0 17px;
		margin:15px 0px 0 17px;
	}

	#category_links ul li {
		list-style-type:square;
		padding:0 0 10px 0;
	}
	#category_links a {
		color:#704111;
		text-decoration:none;
	}
	.cat_ul_1 {
		border:1px solid #acc622;
		width:135px;
	}
	#category_links .cat_ul_1 {
		margin-right:60px;
		margin-bottom:15px;
	}
	
	.cat_ul_2 {
		width:225px;
	}
	.cat_ul_3, .cat_ul_4 {
		width:85px;
	}
	
#category_callouts {
	margin:15px 0 0 0;
}
#category_callouts div {
	margin:0 0 15px 0;
	float:left;
}
#category_callouts div span {
	position:absolute;
	left:0px;
	text-indent:-999999px;
	text-align:left;
}
#category_callouts .center_padding {
	margin:0 14px;
}