/***************** Main Textual area styling *************************/
#main {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 726px 51px;
	padding:18px 0 0px;
}
#container {
	padding:0 0 0 40px;
	float:left;
	width:670px;
}
/*****		Teaser Message *****/
/* Increase or decrease the left margin and the width depending on the width of the main H1 Header */
div#teaser {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 0 0;
	clear:both;
	margin:8px 0 0 96px;
	overflow:hidden;
	padding:0 0 0 10px;
	position:absolute;
	top:125px;
	width:544px;
}
div#teaser p {
	margin:0;
	padding:2px 0;
}
div#rslt_teaser p {
	margin:0;
	padding:2px 0;
}
div#rslt_teaser {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 0 0;
	clear:both;
	margin:8px 0 0 256px;
	overflow:hidden;
	padding:0 0 0 10px;
	position:absolute;
	top:125px;
	width:405px;
}
/*****		Intro Message *****/
#intro {
	border-top:2px dotted #95A4BF;
	margin:8px 0 0;
	padding:8px 0 0;
}
/* Increase or decrease the right margin of the P and H2 depending on the with of the image in the intro*/
div#intro p {
	margin:0;
}
div#intro h2 {
	margin:0;
}
div#intro h3 {
	margin:0;
}

div#intro .resulttitle {
	float:left;
	width:330px;
	padding:10px 0 10px 0;
	}
div#intro .searchoptions {
	float:right;
	width:330px;
	padding:0 10px 10px 0;
	}
div#intro .searchoptions .contentblock {
	float:right;
}
div#intro .searchoptions .contentblock ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div#intro .searchoptions .contentblock ul li {
	background:url("/images/icons/icon_arrow_right.gif") no-repeat scroll 0 6px transparent;
	display:block;
	float:right;
	font-size:11px;
	font-weight:600;
	margin:0;
	padding:6px 6px 6px 16px;
}

div#content div.dash {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 0 0;
	margin:0 0 0 10px;
	padding:0 0 0 12px;
	width:312px;
	}
div#content div.contentblock {
	float:left;
	width:312px;
	}

div#intro .sort {
	padding:7px 0;
}
div#intro .sort img{
	float:right;
}
div#intro .sort ul {
	margin:0;
	padding:0;
	list-style:none;
	float:right;
}
div#intro .sort li {
	display:inline;
	margin:0;
	padding:0 4px 0 5px;
	font-size:11px;
}
div#intro .sort li.dash {
	border-left:#46748C solid 1px;
}
div#intro .sort li a.selected {
	color:#841320;
	border-bottom:1px solid #46748C;
}

/*****		Navigation when it is in the page *****/
div#container_nav {
	border-top:2px dotted #95A4BF;
}
div#container_nav li.dash {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 0 0;
}
/*****		Main content Area Styling *****/
#content {
	border-top:2px dotted #95A4BF;
}

.result_group {
	border-bottom:2px dotted #95A4BF;
	clear:both;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	overflow:hidden;
	}
.result_group p{
	font-size:12px;
	margin:2px 0 3px;
	padding:0;
	}
.result_group p a{
	margin:0;
	padding:0;
	font-size:13px;
	font-weight:600;
	}
.result_group p a.productTitle{
	font-size:12px;
	font-weight:normal;
	}
.result_item {
	width:540px;
	float:left;
	}
.result_pic {
	width:79px;
	float:left;
	}
.result_pic img{
	border:1px solid #493730;
	}
.result_detail {
	width:440px;
	float:right;
	}
.result_detail span{
	color:#46748C;
	}
.result_rating {
	width:114px;
	float:right;
	text-align:right;
	}
	

/* duplicated to recipe exchange */
div#content .sort {
	padding:0;
	float:left;
}
div#content .sort ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#content .sort li {
	display:inline;
	margin:0;
	padding:0 4px 0 5px;
	font-size:11px;
}
div#content .sort li.arrow {
	padding:0;
}
div#content .sort li.dash {
	border-left:#46748C solid 1px;
}
div#content .sort li a.selected {
	color:#841320;
}
div#content .pagination {
	padding:0 0 0 4px;
	background:transparent url(/images/framework/back_pag_left.gif) no-repeat scroll 0 0;
	float:right;
}
div#content .pagination ul {
	background:transparent url(/images/framework/back_pag_right.gif) no-repeat scroll 100% 0;
	padding:0 7px 0 0;
}





#recip_group {
overflow:hidden;
}
#recip_group img{
	border:2px solid #897167;
}
#recip_side{
	float:left;
	width:345px;
	padding:0;
}
#recip_prep{
	border-top:2px dotted #95A4BF;
	overflow:hidden;
}
#recip_prep span{
	display:block;
	float:left;
	font-size:11px;
	padding:3px;
	width:162px;
}
#recip_ingred{
	border-bottom:2px dotted #95A4BF;
	border-top:2px dotted #95A4BF;
	padding:2px 0 10px;
}
#recip_prepstep{
	padding:5px 0 10px;
}

div#container div.row {
  clear: both;
  padding-top: 2px;
  padding-bottom: 2px;
  overflow:hidden;
  }

div#recip_ingred div.row span.stepno {
	float:left;
	text-align:right;
	width:59px;
	white-space:nowrap;
  }
div#recip_ingred div.row span.stepitem {
	float:right;
	text-align:left;
	width:275px;
  } 

div#recip_prepstep div.row span.stepno {
	float:left;
	text-align:right;
	width:59px;
  }
div#recip_prepstep div.row span.stepitem {
	float:right;
	text-align:left;
	width:600px;
  } 

#contentblock {
	padding:10px 0 0 0;
}




  

div#content div#Featured {	
	background:transparent url(/images/framework/back_plain_blue_grad.gif) repeat-x scroll 0 0;
	border-bottom:2px dotted #95A4BF;
}
div#content div#Featured .contentblock{
	float:left;
	padding:0;
	width:317px;
}
div#content div#Featured .dash {
	background-position:1122px 1px;
	padding:11px 0 0 6px;
	width:318px;
}
div#content div#Featured .dash p {
	margin:5px 0;
}
#contentblock {
	padding:10px 0 0 0;
}

div#Featured .contentblock ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div#Featured .contentblock ul li {
	background:transparent url(/images/icons/icon_arrow_right.gif) no-repeat scroll 0 6px;
	font-size:11px;
	font-weight:600;
	margin:0 0 0 17px;
	padding:5px 9px 5px 18px;
}



div#content div#contentblock div.dash {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 0 0;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 2px;
	width:304px;
	}
div#content div#contentblock div.contentblock {
	float:left;
	width:364px;
	}



div#moredetail {
	border-top:2px dotted #95A4BF;
	}
div#moredetail div#contentblock div.dash {
	background:transparent url(/images/framework/back_main_sd_dots.gif) repeat-y scroll 0 0;
	margin:0 0 0 10px;
	padding:0 0 0 12px;
	width:312px;
	}
div#moredetail div#contentblock div.contentblock {
	float:left;
	width:312px;
	}

