/*-----------------------------------------------------------------*/
/*RECIPE PAGE STYLES ----------------------------------------------*/
div.subpageheader{background-image: url(../Images/recipes/recipes_header.png);background-repeat: no-repeat;}
div.reviewcol_minimum_height{min-height:286px;}
div.search_col_minimum_height{min-height:300px;}
div#recipe_equal_cols{overflow:hidden;}
div#recipe_equal_cols div.recipe_search, div#recipe_equal_cols div.rs_results , div.comment_left, div.commentform{padding-bottom: 20000px;margin-bottom: -20000px;}
div.recipe_search_navigation_top{padding:5px 30px 5px 0; border-top:1px solid #e5cea5;border-bottom:1px solid #e5cea5; margin:15px 0;}
div.recipe_search_navigation_top a{color:#830508;}
div.recipe_search_navigation_bottom{padding-top:45px;float:right; clear:both;}
.recipe_search_seperator, .recipe_search_navigation_text{color: #3A1600;font-family: Verdana;font-size: 11px;}
div#criteria_select_all{padding-top:20px;font-family:Times New Roman;font-size:13px;color:#876E3D;}
div.commentform{margin-left:25px;width:510px;float:left;}
div#submit_recipe_review select, div#submit_recipe_review input{font-size:11px;font-family:Verdana;}

.info_left, .info_left_1engthy{float:left;width:180px; /* Arbirtary width */padding-bottom:10px;}
.info_left_1engthy	{width:430px; /* Arbirtary width */}
.info_right{float:left;width:200px; /* Arbirtary width */margin-left:5px;padding-bottom:10px;padding-right:100px;}

div.featured_product_header{padding-bottom:15px;}

.recipe_section{padding-bottom:3px;padding-top:12px;}
.recipe_instructions b{font-weight:normal;}
.recipe_section_header{padding-bottom:3px;padding-top:23px;}
.recipe_section_header{font-family:verdana;font-weight:bold;}

div.average_recipe_rating
{color: #D07B17;font-family:Times New Roman;font-size: 21px;text-transform:lowercase;text-decoration:none;padding-top:5px; padding-bottom:5px;}
.featured_review_header{color:#A24D24;text-transform:lowercase;font-family:Times New Roman;font-size: 21px;padding-bottom:10px;}
.rr_hr{color: #E5CEA5;margin-top:12px;margin-bottom:10px;height:1px;}
div.indentcontrols{padding-left:25px;}
div.col2{float:left;width:319px;margin-left:31px;}


/*-----------------------------------------------------------------*/
/*RECIPE SEARCH/RESULTS -------------------------------------------*/

div.rs_results{float:left;width:500px;margin-left:31px;}

.recipe_item_info{padding-right:25px;float:left;}
.recipe_info_container{float:left;padding-top:30px;padding-bottom:10px;}
.recipe_item_info_container{padding-top:5px; margin-left:-20px;}
.recipe_info{float:left;width:400px;padding-left:23px;}
.recipe_small_image{float:left;width:55px;}
.recipe_search_header{padding-top:5px; color:#830508;font-family:"Times New Roman",Times,serif;font-size:24px;} 

div#recipeindex div.subpage{/*overflow: hidden;*/}
div.col3{width:149px;margin-left:563px;}
.recipe_title,.rs_recipetitle{color: #990000;font-family:Times New Roman;font-size: 24px; text-transform:lowercase;}
.recipe_description{padding-top:10px;}

.recipe_search{float:left;width:182px;background-color:#F7ECC2;color: #3A1600;font-family: Verdana; font-size: 10px;/*min-height:280px;*/}
.recipe_search .inputcontrol{padding-top:17px;}
.recipe_search .inputcontroltext{padding-top:15px;text-transform:uppercase;}
.recipe_search select, .recipe_search input /* IE6 does not understand input[type=text]*/{font-family: Verdana;font-size: 10px}
div#searchbutton{float:left;margin-left: 8px;}
.reviewer_info, .review_title{font-family:Verdana;font-weight:bold;}
.review_title{font-size:14px;padding-right:15px;}

.product_itemnew2{width:420px; margin:20px 0;}
	.ps_imagenew{float:left; width:100px;}
	.ps_ptextnew2{float:left; width:320px; margin-top:-5px;}
	.ps_productdesc{float:left; width:320px; margin-bottom:30px;}
	
	.recipe-title a{color: #990000;font-family:Times New Roman;font-size: 22px; text-transform:lowercase; text-decoration:none; margin:0 0 -10px 0; padding:0;}
	.recipe-img{width:100px; height:75px;}
 
/*-----------------------------------------------------------------*/
/*STAR RATING SYSTEM ----------------------------------------------*/

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/recipes/temp/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../images/recipes/temp/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}


/*-----------------------------------------------------------------*/
/*PRODUCT REVIEW --------------------------------------------------*/

.comment_left{float:left;width:182px;background-color:#F7ECC2;color: #3A1600;font-family: Verdana;font-size: 11px;line-height:16px;}
	.comment_left_text{padding: 20px 20px 20px 20px;}
	.comment__form{float:left;margin-left:50px;width:510px;}
	div.readallreviews{padding-bottom: 5px;}


/*-----------------------------------------------------------------*/
/*RECIPE PRINT POP-UP -------------------------------------------*/
.btnPrint {width:98px;background:url(/Images/Recipes/btn-print-recipe.png) no-repeat 0 0;display:block;height:23px;text-indent:-900px;overflow:hidden;margin-top:15px;}

.recipePopup {color:#000;}
.recipePopFrame {width:600px;margin:0 auto;}
.recPopHead {padding:19px 27px 0 34px;margin-bottom:27px;height:46px;}
	.popBtn {display:block;float:right;height:23px;text-indent:-900px;overflow:hidden;margin-left:7px;}
	.btnCloseWin {width:116px;background:url(/Images/Recipes/btn-close-window-wht.png) no-repeat 0 0;}
	.recipePopup .btnPrint {width:93px;background:url(/Images/Recipes/btn-print-recipe-wht.png) no-repeat 0 0;margin-top:0px;}
.recPopContent {padding:0 34px 20px;font-size:11px;font-family:Verdana,Geneva,Sans-Serif;color:#000;}
	.recTtl {font-size:14px;color:#880702;font-family:Times New Roman,Times,Serif;margin:0 0 1em;padding:0;}
	.recSubTtl {font-size:11px;color:#880702;font-family:Futura,Century Gothic,Twentieth Century,Verdana,Geneva,Sans-Serif;text-transform:uppercase;margin:0;padding:0;}
.recPopFoot {font-size:9px;font-family:Verdana,Geneva,Sans-Serif;color:#999;}

/*-----------------------------------------------------------------*/
/*REPEAT CLASSES --------------------------------------------------*/
.subpage{float:left;min-height: 1px;}
.subpagefooter{clear:both;}
div.stub{float:left;width:182px;	background-color: #F7ECC2;height:66px;}
div.search_filler{float:left;width:0px;background-color:#FEFDDE;padding-right:497px;height:66px;}

/*-----------------------------------------------------------------*/
/* IE6 Fixes ------------------------------------------------------*/
* html div.subpageheader{background-color: Transparent;background-image: none;}
* html div.stub{clear:both;}
* html div.search_filler{margin-right: -3px;}

* html div.product_search_navigation_bottom{padding-bottom:4px;}
* html div#pd_col1{margin-left:22px; /* The margin seems to be doubling itself in IE6 ?????. Orig : 44px; */}
* html .ie6_pad{padding-bottom:4px;}
* html div.reviewcol_minimum_height{height: 286px;}

* html .product_itemnew2{width:420px; margin:0; height:70px;}
	* html .ps_imagenew{position:relative; width:100px;}
	* html .ps_ptextnew2{width:300px; position:relative; top:-75px; left:100px; }
	* html .ps_productdesc{position:relative; width:300px; margin-bottom:-30px;}
/*-----------------------------------------------------------------*/