
/* this will change with breadcrumbing, etc
stripe is in global06 */
#stripe {background-image: url(http://www.recettes-machine-a-pain.com/images/9846.gif); }


/* header */
#header {background-color: #FFFFFF;padding: 0 0 10px 0; margin: 0;}
#header h1 	{color: #AD9D54;font-family:  Arial, "Century Gothic",  Futura,  "Avant Garde", Verdana, San-Serif;font-size: 19px;margin: 0 150px 0 20px;}
#header h1 a { color: #AD9D54; text-decoration:none; border-bottom: 1px solid #cccccc;}
#header h1 a:hover {border-bottom-color: #AD9D54; }
#headerlogo {float: right; text-align:right;width:162px}
#headerlogo a {color: #333333;text-decoration: none;border-bottom: 1px solid #cccccc;font-family: verdana;}
#headerlogo a:hover {border-bottom: 1px solid #333333;}
#headerlogo img {margin: 0; border-width: 0;}
#headerlogo h4 {font-weight:normal;font-size: 8px;margin: 0 0 1px 0;padding-botom:1px;}
#header p {margin: 8px 150px 8px 20px; font-family: Verdana,San-Serif; font-size: 11px; color: #333333;}


/* end header */

/* breadcrumbs */
#breadcrumbs {color: #847840;font-family: verdana;font-size: 9px;margin: 0 0 5px 20px;padding: 5px 0 0 0;}
#breadcrumbs a {color: #333333;text-decoration: none;border-bottom: 1px solid #cccccc;}
#breadcrumbs a:hover {border-bottom: 1px solid #999999;}
/* end breadcrumbs */

/* top center */
#topcenter { background-color: #FFCC66; padding: 0 0 5px 0; }
#topcenter ul {	margin: 2px 0 0 0;padding: 6px 0 6px 0;font-family:  Verdana, San-Serif;font-weight: bold;font-size: 9px;}
#topcenter ul li {padding: 0 0 0 8px;margin: 0 0 0 8px;border-color: EA8E05;border-width: 0 0 0 1px;border-style: solid;}
#topcenter ul li.first 	{margin: 0;padding: 0;border-width: 0;}
#topcenter ul li a {color: #993333;	text-decoration: none; border-bottom: 1px solid #EA8E05;}
#topcenter ul li a:hover {border-bottom: 1px solid #993333;}
#topcenter ul li span {color: #993333;	text-decoration: none;}

/* end top center */

/* search within */
#searchwithin 	{margin: 5px 4px 0 0;padding: 0;float: right;font-family:  Verdana, San-Serif;font-weight: bold;font-size: 9px; color: #996600; } 	
#searchwithin form { margin: 0;}
#searchwithin input { margin: 0; font-size: 12px;}
#searchwithin select {font-size: 12px;}
/* end searchwithin */

/* center column */

#searchnav {margin: 5px 0 0 0; padding: 0 20px; }
#searchnav p {font-family: Verdana, San-Serif; font-size: 11px; color: #333333; margin: 8px 0;}

#a2z {letter-spacing: 1px;}
#a2z .more {font-family: Arial, Verdana, San-Serif; font-size: 11px;}

#searchstripe {background-color:#EAE3BC; height: 8px; font-size:4px;}


/* here's the search float box */
#searchfloatbox {float: right;width: 225px;background-color: #FFFFFF; background-image: url(http://www.recettes-machine-a-pain.com/images/11140.gif); background-repeat:no-repeat;}
#searchfloatboxpadding { margin: 0 0 15px 15px; background-color:#EAE3BC; padding: 0 7px 7px 7px;}

#searchactionboxheader {margin: 0 0 10px 0; padding: 2px 3px 6px 3px; text-align: center;background:url(http://www.recettes-machine-a-pain.com/images/9849.gif); background-position: center center; background-repeat:repeat-x; border-bottom: 1px solid #999999;}
#searchactionboxheader h3 {color: #AD9D54; font-size:14px; margin:0;}

#searchactionbox h6 {color: #AD9D54; font-size:10px; font-family: Verdana, sans-serif; margin: 0 10px; padding: 0;}
#searchactionbox ul {margin: 0 0 0 15px;; padding: 0 0 15px 0; list-style-type: none; }
#searchactionbox ul li {margin: 2px 0 0 0; padding: 0; line-height: 100%;}
#searchactionbox ul li a {color: #990000; font-family: Verdana, sans-serif; font-size: 9px; }

#searchactionboxheader h2 {font-weight:normal; font-family: Verdana, sans-serif; color: #AD9D54; font-size:14px; margin:0;}


/* search results! */ 
.searchresult { margin: 0 0 0 0; padding: 20px 10px 20px 20px; border-bottom: 1px dotted #999999;}

/* this are the same as .centercontent X */
.searchresult h2 {font-family:  Arial, "Century Gothic",  Futura,  "Avant Garde", Verdana, San-Serif;font-size: 12px;color: #847840; font-weight:normal; margin: 0;}
.searchresult h3 {font-family:  Arial, "Century Gothic",  Futura,  "Avant Garde", Verdana, San-Serif;font-size: 14px;font-weight:normal; margin: 0;}
.searchresult h3 a { color: #993333; text-decoration: none; border-bottom: 1px solid #CCCCCC;}
.searchresult h3 a:hover { border-bottom: 1px solid #993333;}
.searchresult h3 a:visited {color: #555555;}
.searchresult p {font-family: Verdana, San-Serif; font-size: 11px; color: #333333; margin: 2px 0;}
.searchresult em {font-family: Georgia, Serif;font-size: 10px;color: #333333;font-style:normal;}
.searchresult b a {font-family: Georgia, Serif;font-size: 10px;color: #000000;font-weight:normal;}


/* .qs is the Quicksmart style */
.qs {background-color: #FBF8C7} 

/* and .qsp is that tiny text at the top of a .qs result */
p.qsp {font-size: 9px; margin: 0 0 5px 0;}
.qsp em {font-family: Verdana, San-Serif; font-weight:bold; font-style:italic;}
.qsp a {font-size: 9px;}

.searchwrap {width:470px;padding-bottom:1px; margin: 0 0px 10px 0; word-wrap: break-word; overflow: hidden;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden; background:#ffffff; border-left:1px solid #C0C0C0; border-right:1px solid #666666;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b1 {margin:0 5px; background:#C0C0C0;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#666666;}
.raised .boxcontent {display:block;  background:#ffffff; border-left:1px solid #C0C0C0; border-right:1px solid #666666; }

select {font-size: 10px;} 


.spelling { border: 1px solid #ff9900; background-color:#fbf8c7; font-family: Verdana, San-Serif; font-size: 11px; margin: 8px 0; padding: 10px;}

.spelling a {color: #993333;}

/* here's the global alert styles - Just change the class for green/orange/red */
#alert {font-family: Verdana, San-Serif;font-size: 12px;font-weight: bold;border-style: solid;border-width: 2px 0 2px 0;margin: 10px 0;padding: 8px 0 8px 30px;background-repeat:no-repeat;background-position: 5px center;}

.good {border-color: #5eaf39; color: #5eaf39; background-image:url(good.gif);}
.soso {border-color: #ff9900; color: #ff9900; background-image:url(soso.gif);}
.bad {border-color: #e84911; color: #e84911; background-image:url(bad.gif);}

.noresults {font-family: Verdana, San-Serif;font-size: 11px;color: #333333;margin: 10px 0 20px 0;}

.noresults h5 {font-family:  Arial, "Century Gothic",  Futura, "Avant Garde", Verdana, San-Serif; color: #ad9d54; font-size: 14px;font-weight:normal; margin: 0; line-height: 14px;}

.noresults ul {margin: 0 0 15px 0; padding: 0; line-height: 11px;} 
.noresults li {margin: 5px 0 5px 15px; padding: 0;}

.noresults a {color: #993333;text-decoration: none;border-bottom: 1px solid #cccccc; }
.noresults a:hover { border-bottom: 1px solid #993333;}

.reviewstars {text-align: right; width: 90px;}
.reviewstars p {font-size: 9px;}

.reviewcontent {margin-left: 105px; _height: 1%; }
.reviewcontent p {margin-bottom: 10px;} 
/* this is new, and makes the next rule obsolete. */

.reviewtools {margin-top: 10px;}

.review em {font-style:normal; font-size: 10px; font-family: Georgia , serif;}
.review b {color: #000000; font-size: 10px; font-weight:normal; font-family: Georgia , serif;}
.review b a {color: #000000;}

.paging {font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333;}

#menulinks {float: right; margin: 15px 0 0 0; padding: 5px 11px 8px 11px; border: 1px solid gray; line-height: 15px;}

#columnheader {padding: 5px 10px; font-size: 10px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #eae3bc;}
#columnheader p { margin: 0; }

.mealtype {float: right; width: 85px; margin-left: 20px; font-size: 10px; color:#993300; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* ingredient search form */

#ingredients {background-color: #FBF8C7; padding: 10px 0 10px 20px;}
#ingredients fieldset { border:none; width: 39%; float: left; margin: 0; padding: 0;}
#ingredients h6 {font-family: Verdana, San-Serif; font-size: 10px; color: #993333; margin: 2px 0;}
#ingredients input {display: block; margin: 5px 0;}

.col {width: 45%; min-height: 17em; _height: 17em; border: 1px solid #c1b57f; margin-left: 20px; display: inline;}
.col h4 {margin: 0; padding: 8px; border-bottom: 1px solid #c1b57f; font-family:  Arial, "Century Gothic",  Futura,  "Avant Garde", Verdana, San-Serif; font-size: 12px; color: #847840;}
.col h3 {font-family:  Arial, "Century Gothic",  Futura,  "Avant Garde", Verdana, San-Serif;font-size: 14px;font-weight:normal; margin: 8px 8px 3px 8px;}
.col h3 a {color: #993333; text-decoration: none; border-bottom: 1px solid #cccccc;}
.col h3 a:hover  {border-bottom: 1px solid #993333;}
.col p {font-family: Verdana, San-Serif; font-size: 11px; color: #333333; margin: 0px 8px 15px 8px;}

