/*
		styles only used on the recipe page
*/

td.pageHeading{
	width          : 424px;
	background     : #FFF url(../images/recettes/img_interface/recette_header.png) no-repeat left top;
}

td.pageHeading h1 {
	padding        : 15px 0 5px 0;
	margin         : 0;
	font           : normal 20px "georgia", serif;
	color          : #FFF;
	text-align     : center;
}

#search-bar,
#results-list,
#recipes-text,
#products-list {
	font-family: "trebuchet ms", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #444;
	text-align:center;
}

#recipes-text fieldset{
	padding : 10px 0;
	margin  : 0 0 10px 0;
}

legend {
	padding: 0 4px;
}


	/*
		search bar section
		----------
		*/
#search-bar {
	margin: 0 0 8px 0;
}

#search-bar #srch-contents {
	margin: 0;
}

#search-bar fieldset {
	text-align: left;
	padding : 8px;
	margin  : 0 0 10px 0;
}

#search-bar p {
	font-family: georgia, serif;
	font-size: 11px;
	color: #616161;
	line-height: 120%;
	text-align: left;
	padding: 2px 20px;
}

#srch-contents select {
	font-size: 11px;
	width: 160px;
}

#srch-contents option {
	background: #ffd;
}

input.small-button {
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #333;
	margin: 0;
	padding: 1px 3px;
}


	/*
		recipes list section
		----------
		*/
#results-list {
	margin  : 0 0 8px 0;
}

#results-list fieldset {
	text-align: left;
	margin : 0;
}

#results-list fieldset div{
	margin : 0 0 6px 6px;
}

td.info-col {
	display    : none;
	font-family: "trebuchet ms", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	width: 70px;
	padding: 2px 4px;
	border-bottom: 1px solid #666;
	background-color: #CCC;
}
td.rec-name {
	font-family: "trebuchet ms", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 4px 0 4px 4px;
	border-bottom: 2px solid #FFF;
	background-color: #DEDEBE;
}

#results-list a:link,
#results-list a:hover {
	font-family: "trebuchet ms", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: left;
	text-decoration: none;
}

#results-list a:hover {
	color: #000;
}


	/*
		recipe text section
		----------
		*/

#recette{
	width          : 400px;
	margin         : auto;
	padding        : 0;
}

#recettes_bottom{
	height         : 20px;
	background     : #FFF url(../images/recettes/img_interface/recette_bottom.png) no-repeat left bottom;
}

#recettes_content{
	background     : transparent url(../images/recettes/img_interface/recette_bkg.png) repeat-y left top;
}

#recettes_search{
	width          : 400px;
	text-align     : center;
	margin         : 0 auto 20px auto;
}

#recettes_search h2, #recettes_results h2, #recette h2{
	font-family    : "trebuchet ms", Verdana, Arial, sans-serif;
	font-size      : 13px;
	text-align     : left;
	padding        : 0 0 0 10px;
	margin         : 0 0 10px 0;
}

#recettes_results{
	width          : 400px;
	margin         : 0 auto 20px auto;
}

#recettes_results_content{
	width          : 98%;
}

#ingredients{
	background     : #996;
	font           : bold 11px Arial, Helvetica, sans-serif;
	width          : 139px;
	margin         : 0 10px 0 8px;
	float          : left;
	color          : #FFF;
	text-align     : center;
}

#ingredients #region{
	display        : block;
}

#ingredients h2{
	font           : bold 12px Arial, Helvetica, sans-serif;
	color          : #900;
	padding        : 0;
	margin         : 6px 0 4px 0;
}

#ingredients p{
	font-size      : 11px;
	line-height    : 18px;
	margin         : 0 0 5px 0;
	padding        : 0 0 0 5px;
	text-align     : left;
}

#ingredients_bottom{
	background     : #996 url(../images/recettes/img_interface/ingredients_bottom.png) no-repeat left bottom;
}

#suggestion_top{
	background     : #996 url(../images/recettes/img_interface/suggestion.png) no-repeat left top;
	height         : 36px;
}

#suggestion_bottom{
	background     : #996 url(../images/recettes/img_interface/suggestion_bottom.png) no-repeat left top;
	height         : 6px;
}

#preparation{
	padding        : 0 5px 0 0;
}

#preparation h1{
	font           : bold 16px "Times New Roman", Times, serif;
	text-transform : uppercase;
	color          : #900;
	padding        : 0;
	margin         : 0 0 10px 0;
}

#preparation h2{
	font           : italic bold 14px "Times New Roman", Times, serif;
	padding        : 0;
	margin         : 0 0 10px 0;
}

#preparation p{
	font           : normal 14px "Times New Roman", Times, serif;
	line-height    : 25px;
	margin         : 0 0 5px 0;
	padding        : 0;
}

#produits{
	border         : 3px solid #CCC;
	clear          : both;
	display        : block;
}

#produits legend{
	font           : italic bold 14px "Times New Roman", Times, serif;
	padding        : 0 10px;
	margin         : 0;
}

#produits a img{
	border         : 0;
	margin         : 5px 4px 5px 9px;
}

#srch_results{
	margin   : auto;
	text-align : center;
        overflow : auto;
	width    : 98%;
        height   : 126px;
}

	/*
		products from shop section
		----------
		*/
#products-list{
	margin        : auto;
	border        : 10px solid #FFF;
}

#products-list td.products{
	background    : #FFF;
	border        : 5px solid #FFF;
	text-align    : center;
	padding       : 10px;
}

#products-list fieldset {
	text-align: left;
}

#products-list td {
	font-family: "trebuchet ms", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 3px 8px;
	text-align: left;
}