﻿
#recipe-header
{
	padding:25px 0px 0px 50px; 
	width:930px;
	height:218px;
	background:url(/images/recipes_headerImg.jpg) 0 0 no-repeat;
}
#recipe-header h1 
{
	background:url(/images/headline_recipes.gif) 0 0 no-repeat;
	width:470px;
	height:42px;
	text-indent:-999em;
}
#recipe-header strong { font-size:17px; font-weight:bold;}
#recipe-header p { width:500px;}
#recipe-header p.footnote { padding-top:10px; font-size:11px;}

#recipe-search-wrapper { padding:10px 10px 100px 32px;}
#recipe-search-left { float:left; width:250px; height:280px; padding-top:5px; margin-top:15px; border-right:solid 2px #AADAF1;}
#recipe-search-right { float:left; padding:20px 0px 0px 15px;}

#recipe-search-right h3
{
	background:url(/images/recipe_search_category.gif) 0 0 no-repeat;
	width:206px;
	height:20px;
	text-indent:-999em;
	padding-bottom:4px;
}

#recipe-search-right .rederror { color:Red; display:block; font-weight:bold; padding-top:10px;}

#recipe-search-drp li { display:inline; float:left;}
#recipe-search-drp li.first { width:220px;}
#recipe-search-drp li.second { width:220px;}
#recipe-search-chk { padding-top:25px;}
#recipe-search-chk li { display:inline; float:left;}
#recipe-search-chk li.first { width:220px;}
#recipe-search-chk input { float:left;}
#recipe-search-chk label { padding-left:4px; float:left; display:block; width:150px;}
#recipe-search-drp p { padding-top:4px;}
#recipe-search-chk p { padding-top:4px;}
#recipe-search-btn { padding-top:10px;}

#recipe-search-orange
{
	padding:5px 0px 0px 30px;
	background-image:url(/images/orangeBar_recipeSearch.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
	width:129px;
	height:23px;
	text-indent:-999em;
}

#search-results-wrapper { padding:15px 0px 100px 50px;}
#search-results-wrapper h1
{
	background:url(/images/headline_RecipeSearch.gif) 0 0 no-repeat;
	width:450px;
	height:42px;
	text-indent:-999em;
}
#search-results-wrapper p.results { font-size:12px; width:450px; padding-bottom:15px;}

.results-grid-wrapper { width:634px; position:relative;}
.results-grid-wrapper-nopager
{
	width:634px;
	position:relative;
	margin-top:15px;
	padding-bottom:6px;
	padding-top:30px;
	background-image:url(/images/orangeLine.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.ul-results-wrapper { width:634px; height:90px;}
.ul-results-wrapper li { display:inline; float:left;}
.ul-results-wrapper li.image { width:90px; padding-top:5px;}
.ul-results-wrapper li.name { width:314px; padding-top:25px;}
.ul-results-wrapper li.prep { width:100px; padding-top:25px; padding-left:30px;}
.ul-results-wrapper li.cook { width:100px; padding-top:25px;}
.ul-results-wrapper a { color:#61A2D8; font-size:15px; font-weight:bold;}
.ul-results-wrapper img { width:80px; height:80px;}

#recipe-sort
{
	position:absolute;
	top:0px;
	right:0px;
}
#recipe-top-orange
{
	position:absolute;
	top:25px;
	right:0px;
}

.top-pager-row
{
	width:634px;	
	color:#61A2D8;
	font-weight:bold;
	font-size:13px;	
}
.top-pager-row table { height:30px;}
.top-pager-row td { vertical-align:top; padding:0px 2px 0px 0px; margin:0px;}
.top-pager-row a { color:#61A2D8; font-weight:normal;}

.bottom-pager-row
{
	width:634px;	
	color:#61A2D8;
	font-weight:bold;
	font-size:13px;
	background-image:url(/images/orangeLine.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.bottom-pager-row table { height:30px;}
.bottom-pager-row td { vertical-align:bottom; padding:0px 2px 0px 0px; margin:0px;}
.bottom-pager-row a { color:#61A2D8; font-weight:normal;}

.grid-nopager-top
{
	background-image:url(/images/orangeLine.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#search-again-top
{
	position:absolute;
	top:100px;
	right:20px;
	width:232px;
	background-image:url(/images/rightBox_tile.gif);
	background-position:left top;
	background-repeat:repeat-y;
}

#search-again-middle
{
	width:232px;	
	background-image:url(/images/rightBox_top.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#search-again-bottom
{
	padding:10px;
	width:212px;
	height:200px;
	background-image:url(/images/rightBox_bottom.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}
#search-again-bottom h3
{
	background:url(/images/searchBox_headline.gif) 0 0 no-repeat;
	width:138px;
	height:26px;
	text-indent:-999em;
	padding-bottom:15px;
}

#recipe-detail-wrapper { width:634px; padding-left:50px; padding-top:20px; font-size:12px;}
#recipe-detail-wrapper h1 { font-size:24px; font-weight:normal;}
#recipe-detail-wrapper h2 { font-size:18px; font-weight:normal;}

#recipe-serves { float:left; padding-top:5px;}
#recipe-stf { float:right; padding-top:5px; width:172px;}

#recipe-detail-orange { padding-top:10px;}

#recipe-detail-content { float:left; padding-top:10px; padding-bottom:100px;}
#recipe-detail-right { float:left; width:370px; padding-left:20px;}
#recipe-detail-right span.header { font-size:15px; font-weight:bold; color:#61A2D8;}
#recipe-nutrition { padding-top:15px;}
#recipe-nutrition p { padding-top:10px;}

#recipe-instructions { padding-top:15px;}
#recipe-instructions p { padding-top:10px;}
#recipe-instructions ol li { list-style-type:decimal; margin-left:25px; padding-top:10px;}
#recipe-instructions ul li { list-style-type:disc; margin-left:25px; padding-top:10px;}

.ul-ingredient { clear:both;}
.ul-ingredient li { display:inline; float:left;}
.ul-ingredient-first { width:8px;}
.ul-ingredient-second { width:350px;}
