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

    HERSHEY'S Kitchens - Recipes

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

#featured_recipe {
		margin:0 0 20px 0;
		width:667px;
		border-left:1px solid #c8baba;
	}
	html>body #featured_recipe { width:665px; margin:0 0 30px 0; }


	#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:1.0em;
		line-height:1.3em;
		margin:14px 0 16px 0;
	}
	#featured_recipe #desc a	{ text-decoration:none;	}

		
.recipe_content_container_1 {
		background:#f8eda6 url(/recipes/lib/img/recipes/bg_recipe_content.jpg) repeat-x top;
		margin:0 0 14px 0;
		padding:0 0 12px 0;
		text-align:center;
		}
	html>body .recipe_content_container_1 {   
		text-align:left;
		}
	
.recipe_content_container_2 {
		position:relative;
		border:1px solid #e8dc86;
		background:#fff;
		width:643px;
		margin:0 auto;
		padding:4px 8px;
		}
	html>body .recipe_content_container_2 {   
		width:627px;
		padding:4px 8px;
		}

.recipe_header	{
		position:relative;
		width:100%;
		margin:0px 0 0 0;
		text-align:left;
		padding:4px 0 0 7px;
}
	html>body .recipe_header {   
		margin:3px 0 0 0;
}

.recipe_header h2	{
		color:#4b1f1d;
		font-size:13px;
		font-weight:bold;
		margin:15px 14px 4px 7px;
}
.recipe_header_no	{
		position:relative;
		width:100%;
		margin:0px 0 0 0;
		text-align:left;
		padding:4px 0 0 7px;
}
.recipe_content {
	position:relative;
	width:100%;
	background:#fff url(/recipes/lib/img/recipes/bg-recipe-list.gif) repeat-y;
	border-bottom:1px solid #e8dc86;
	vertical-align:top;
	font-size:12px;
	text-align:left;
	margin:0 auto;
	}
	html>body .recipe_content {   
		width:99%;
}

/* This covers up the bottom border within the recipe list display */
.bottom_border_coverup { position:absolute; bottom:0px; left:0px; width:639px; height:5px; background:#fff; z-index:1000; }

.recipe_line_thumb {	float:left;	}
.recipe_line_thumb img	{ margin:8px 11px 8px 0; }
.recipe_name	{
		float:left;
		font-size:1.1em;
		font-weight:bold;
		line-height:16px;
		margin: 0px;
		padding: 16px 0px 0px 0px;
		width: 285px;
	}
.recipe_member_desc	{
		float:left;
		font-size:1.0em;
		font-weight:bold;
		margin: 0px;
		padding: 16px 0px 10px 0px;
		width: 349px;
	}	
	.recipe_member_desc span	{
			color:green;
			font-size:.9em;
			font-weight:normal;
			font-style:italic;
		}	
		
	.recipe_member_desc a	{
			text-decoration:none;
		}	
	
	.recipe_badges {	float:left;	margin: 18px 0px 0px 18px;	width: 140px; 
		}
	html>body .recipe_badges {   
		width: 137px;  }

	.recipe_rating {	float:left;	margin: 15px 0px 0px 0px;	padding: 0px;	width: 108px; }

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


a.lnk_view_recipe {
	background: transparent url(/recipes/lib/img/recipes/butt_view-recipe.gif) 0 0 no-repeat;
	display: block;
	width: 106;
	height: 17px;
	}
a.lnk_view_recipe:hover {
	background-position: 0 -17px;
	}
a.lnk_view_recipe span {
	display: none;
}

#recipe_ing_block {
	margin: 20px 1px 0 0;
	float: left;
}

#recipe_ingredients ul {	
		margin:0 0 20px -20px;
		padding:0;
}

#recipe_dir_block {
	clear: left;
}

.search-results { 
	width:287px;
	text-align:left;
 }
.holiday	{ 
 	margin:0px; 
	padding: 0 5px 5px 0;
	font-weight:bold;
	/*color:#663300;*/
}
.holiday-callout, .holiday-callout-tot  { 
	margin:60px 0px 40px 2px; 
	text-align:left;
}
	.holiday-callout p { 
		margin:0 auto; 
		width:180px;
		text-align:center;
	}
	.holiday-callout-tot p { 
		margin:0 auto; 
		width:170px;
		text-align:center;
	}

.results-container	{
	 padding: 18px 24px 8px 13px;
	 color: #6b9b24;
	 font-size:12px;
	 width:100%;
	 background:#fefefa url(/recipes/lib/img/sitewide/bg_search_results.jpg) no-repeat;
	}
	html>body .results-container {   
		width:630px;
		}
		
.results-container_no_border	{
	 padding: 12px 24px 8px 13px;
	 color: #E75D00;
	 font-size:12px;
	 width:100%;
	 background-color:#fdfbeb;
	}
	html>body .results-container_no_border {   
		width:630px;
		}		

.results { float:left; width: 285px; padding:0; color: #6b9b24; font-size:12px; }
.results select	{ 
 	width:195px;
	font-size:10px;
}
.results_wide { float:left; width: 450px; padding: 0; color: #6b9b24; font-size:12px; }

.page { 
	float: right; 
	width: 300px; 
	text-align: right; 
	padding: 0px; 
	margin:0 0 14px 0; 
	color: #6b9b24;
	line-height:20px;
	 	}
	html>body .page {   
		margin:0 0 8px 0;  }

.page2 { float: right; width: 100%; text-align: right; padding: 0px 8px 0px 0px; color: #6b9b24; }

.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:1.1em;
		margin:12px 0 0 0;
		padding:3px 8px 2px 8px;
}
	html>body .search_results_two {   
		width:649px;  
	}

.page a, .page2 a, .page2 span {
	color:#6b9b24;
	font-size:12px;
	padding:0 0 0 3px;
}
.page a img, .page2 a img { vertical-align: text-bottom; }

#search_results_box {
		width:100%;
		height:auto;
		padding:0;
		text-align:left;
		margin:8px 0 10px 0;
}
	#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:335px;
	padding:0;
	color:#6b9b24;
	font-size:12px;
	margin:0 0 0 0;
	line-height:20px;
	}

.pagelinks_box a { color:#6b9b24 !important; font-size:12px; }
.pageLink	{ color:#6b9b24;	font-size:12px; }
.pageLink a { color:#6b9b24 !important; font-size:12px; }

/* this rule hits both left and right arrow icons at top.
   bottom bar (page2) is okay for some reason. */
.pagelinks_box a.pageLink img {
	margin-bottom: -2px;
}
a.pageLink img[src='/recipes/lib/img/icons/page-left.gif'] {
	margin-right: -4px;
}

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

#product_in_recipes {
	text-align:left;
	padding:9px 0;
	margin:0 auto 13px auto;
	width:99%;
	font-size:11px;
	color:#663300;
	vertical-align:top;
	}
	html>body #product_in_recipes {   
		width:99%;
}
	#product_in_recipes .small { font-size:10px !important; color:#4b1f1d; display:block; }

#search_holiday	{
		width:156px;
		margin:0 0 10px 15px;
}
#recipes_detail {
		margin:0;
		padding:0px 15px 0px 0px;
		text-align:left;
		color:#000;
}
#recipes_detail #top {
		padding:5px 0px 0px 0px;
}
html>body #recipes_detail #top {	padding:20px 0px 0px 0px; }

.recipe_detail_name { color:#389daf; font-size:1.8em;  font-weight:normal; }		

#recipes_detail #sub_nav	{ margin:20px 0 8px 0; width:170px; }
#recipes_detail #sub_nav a	{ color:#5e9311; font-weight:bold; }
#recipes_detail #sub_nav a:hover	{ color:#361615; font-weight:bold; }
#recipes_detail #content	{ padding:0 0 15px 0; text-align:left; }	
#recipes_detail #content h1 { font-size:16px; font-weight:bold; }
#recipes_detail #content h2 { font-size:16px; color:#6db7c4; font-weight:bold; }

#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_right_nav {
			float:right;
			text-align:right;
			padding:0px;
			width: 170px;
}

        .confirmation {
            color: #77a335 ;
            font-size:.9em;
            padding-bottom:10px;
        }
        
        .confirmation a, .confirmation a:hover {
            text-decoration:underline;
            font-weight:normal;
            color: #77a335 ;
        }

/* =========================================================================================================== RECIPE RATING/COMMENTING */
.recipe-current-rating  {
		float:left; 	
		width:280px;
  		margin:5px 6px 13px 5px; 
		padding: 5px 0px 5px 12px;
		background-color: #FFF; 
		font-size: 10px;
		color: #389daf;
		text-align: left;
}	
.recipe-current-rating img { border: none; }
.recipe-current-rating a { color:#389daf; font-weight:bold; font-size:11px; }
.recipe-current-rating a:visited { color:#389daf; font-weight:bold; font-size:11px; }

.recipe-current-rating .ratings { padding:8px 0 0 3px; }
.recipe-current-rating #details { color:#000; font-size:12px; line-height:20px; margin:10px 0 0 0; }

img.rate-recipe { margin: 0px 6px; border: none; }

.recipe-alert { color:#FF0000; font-weight: bold; }
.recipe-review { margin:0px 6px 5px 6px; }	
.recipe-photo { float:left; width:170px; position:relative; }
	.recipe-photo .plus_sign 
		{ 
			position:absolute;
			bottom:-1px;
			right:0px; 
			}
			html>body .recipe-photo .plus_sign {   
				bottom:0px;  }

	

.recipe-photo img {	float:left; margin:0px; }	
.recipe-photo img.enlarge { border:0px;	}	
	
.recipe-options img {	border: none; float: left; }	
	
.recipe-similar-list { margin: 20px 0px; padding: 0;	}
.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: underline; }

.recipe-comments { padding: 15px 12px 12px 0; }
.recipe-comments p { padding: 8px 0px;	}
.recipe-comments .comment { margin: 5px 0px; padding: 5px 0px; border-bottom: solid 1px #c8baba; color: #4B1F1C; }
.recipe-comments .comment img  { display:block; margin:0px 0px 6px 0px; }
.recipe-comments .comment h3.reviewer { color:#5e9311; cursor:pointer; display:inline; font-size:11px; font-weight:bold; }
.recipe-comments .comment p { margin:4px 0px 4px 0px; }
.recipe-comments .comment p.review-date { color:#5e9311; font-size:10px; }

.comments-header { height: 20px; text-align: right; clear: both; }
.comments-header img { border: none; }
.comments-header h2 { margin:6px 5px 5px 0; padding:0; text-align: left; font-size:16px; color:#6db7c4; font-weight:bold; }
.right { float: right; }
.right a { font-size: 12px; font-weight: bold; }


/* Nutrional Info */

#nutrition_area { 
	margin:0;
	padding:5px 15px 0px 0px;
	text-align:left;
	color:#000;
}
html>body #nutrition_area { 
	padding:20px 15px 0px 0px;
}
#tabNutrition { 
	float:left; 
	width:452px;
	padding:20px 0px 0px 25px;
}
#tabNutrition div {
	font-size:12px;
	color:#688f25;
	padding:0px 0px 5px 0px;
}
#tabNutrition table {
	width:435px;
	border-spacing:0px;
	border-collapse: collapse;
	padding:0px;
}
#tabNutrition table thead th {
	color:#4796a7;
	padding:30px 0px 6px 0px;
	font-weight:bold;
}
#tabNutrition table tbody td {
	padding:3px 0px 3px 35px;
	border-bottom:1px solid #d7e9eb;
}
#tabNutrition table tbody td.label {
	width:175px;
	padding:3px 0px 3px 5px;
}
#tabNutrition table tbody td.dv {
	width:65px;
	padding:3px 0px 3px 0px;
}


#tabNutrition table tfoot td {
	padding:12px 0px 0px 0px;
}



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

/* --------------------------- 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;
}

/* review paging */
div#review_paging { 
	background:#F8EDA6 url(/recipes/lib/img/recipes/bg_recipe_content.jpg) repeat-x scroll center top;
	margin:14px 0px 14px 0px;
	padding:12px;
	text-align:right;
	color:#669933;
	font-size:12px;
}
div#review_paging p { 
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #E8DC86;
	padding:8px;
}
div#review_paging p a { 
	color:#669933;
	text-decoration:underline;
}
div#review_paging p a:hover { 
	text-decoration:none;
}
div#review_paging p a#prev { 
	padding-left:10px;
	text-decoration:none;
	background:url(/recipes/lib/img/sitewide/link-bullet-reverse.gif) 5px 4px no-repeat;
}
div#review_paging p a#next { 
	padding-left:15px;
	text-decoration:none;
	background:url(/recipes/lib/img/sitewide/link-bullet.gif) 2px 4px no-repeat;
}

/* PROFILE POP UP */
div.profile_panel {
	background:url(/recipes/lib/img/recipes/profile-panel-bg.gif) 0px 100% no-repeat;
	display:none;
	border-top:1px solid #669933;
	margin:-0px;
	padding:10px 10px 30px 10px;
	position:absolute;
	width:339px;
	z-index:500;
}
div.profile_panel h3 { 
	color:#389daf;
	font-size:13px;
	font-weight:bold;
	width:auto;
}
div.profile_panel ul { 
	margin:5px 0px 0px 0px;
	padding:0px;
}
div.profile_panel ul li { 
	color:#389daf;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px;
}
div.profile_panel ul li.skill {
	color:#401816;
	font-size:12px;
	padding:2px 0px 2px 20px;
	margin:0px 0px 10px 0px;
}
div.profile_panel ul li.beg {
	background:url(/recipes/lib/img/recipes/skill-level.gif) 0px 0px no-repeat;
	height:13px;
}
div.profile_panel ul li.mid {
	background:url(/recipes/lib/img/recipes/skill-level.gif) 0px -15px no-repeat;
	height:13px;
}
div.profile_panel ul li.adv {
	background:url(/recipes/lib/img/recipes/skill-level.gif) 0px -30px no-repeat;
	height:13px;
}
div.profile_panel p {
	color:#401816;
	font-size:11px;
	line-height:16px;
	margin:6px 0px 4px 0px;
}

/* SHARE styling - recipes detail */
ul#share_panel_rec {
	background:url(/recipes/lib/img/share/share-ul-bg.gif) 0px 20px no-repeat;
	display:none;
	float:left;
	height:100px;
	margin:75px 0px 0px -60px;
	padding:40px 0px 0px 0px;
	position:absolute;
	width:240px;
	z-index:500;
}
ul#share_panel_rec li {
	display:block;
	float:left;
	margin:0px;
	padding:2px 0px 2px 0px;
	width:113px;`
}
ul#share_panel_rec li a {
	background:none;
	border:0px;
	color:#511a20 !important;
	display:block;
	font-weight:normal !important;
	height:16px;
	margin:0px;
	padding:2px 0px 0px 40px;
	text-align:left;
	text-decoration:none;
	font-size:10px;
}
ul#share_panel_rec li a:hover {
	text-decoration:underline;
}
ul#share_panel_rec li.email a {
	background:url(/recipes//lib/img/share/icon-email.gif) 15px 1px no-repeat;
}
ul#share_panel_rec li.mix a {
	background:url(/recipes//lib/img/share/icon-mixx.gif) 15px 1px no-repeat;
}
ul#share_panel_rec li.dig a {
	background:url(/recipes//lib/img/share/icon-digg.gif) 15px 0px no-repeat;
}
ul#share_panel_rec li.fac a {
	background:url(/recipes//lib/img/share/icon-facebook.gif) 15px 0px no-repeat;
}
ul#share_panel_rec li.del a {
	background:url(/recipes//lib/img/share/icon-delicious.gif) 15px 0px no-repeat;
}
ul#share_panel_rec li.red a {
	background:url(/recipes//lib/img/share/icon-reddit.gif) 15px 0px no-repeat;
}
ul#share_panel_rec li.stu a {
	background:url(/recipes//lib/img/share/icon-stumbleupon.gif) 15px 0px no-repeat;
}
ul#share_panel_rec li.mys a {
	background:url(/recipes//lib/img/share/icon-myspace.gif) 15px 0px no-repeat;
}