/***
 * CSS code to support http://www.requestfoods.com
 * Last updated: 21 November, 2008
 * Xhtml/CSS Designed by: Murdoch Marketing
 * Contact Info:
 *      E-mail tom@murdochmarketing.com
 *      Phone 616-392-4893
 ***/



/************* Defaults *******************/

*{
	margin: 0;
	padding: 0;
	line-height: 1.3em;
}

body{
    text-align: left;
	font: 10px Arial, Helvetica, sans-serif;
}

img{
    border: none;
}

a{
    text-decoration: none;
}

li{
    list-style-type: none;
}

h1, h2, h3, h4, h5, h6{
	font-weight: normal;	
}

/**************** Global Classes *****************/

.left{
    float: left;
}

.right{
    float: right;
}

.clear{
    clear: both;
}

.invisible{
	display: none;
	visibility: hidden;
}

.visible{
	display: block;
	visibility: visible;
}

/*click*/

.click{
	color: #c41c22;
	border-bottom: dotted 1px;
}
.click2  { color: #333; font-size: 11px; border-bottom: 1px dotted black 
	}

.click3  { color: #999999; }

.click:hover {
	border-bottom: solid 1px;
}
.click2:hover { color: #c41c22 }

.hr{
	height: 7px;
	width: 100%;
	margin: 25px auto 25px auto;
	border-bottom: solid 1px #d9d9d9;
	position: relative;
}

.hr img{
	width: 25px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 48%;
}

/*arrow*/

ul.arrow li{
    padding: 0 0 1px 10px;
    margin-bottom: 1px;
}

ul.arrow.red li{
	background: url(images/arrow_red.gif) no-repeat;
}

/*text and textarea*/

.button{
    height: 30px;
    padding: 0 15px 0 15px;
    background: url(images/button.jpg) repeat-x left;
    border: none;
    color: #FFF;
    font-size: 1.1em;
    cursor: pointer;
}

.button:hover,

.button.hover{

	background-image: url(images/button_red.jpg);

}


.text, .textarea{
    background: #FFF url(images/box_body_bg1.jpg) repeat-x;
    border: 1px solid #DDD;
    padding-top: 2px;
    color: #000;
    font-size: 1.3em;
}

.combo{
    color: #000;
}

/**************** IDs and Inner Classes *******************/

/* wrapper */

#wrapper{
	min-width: 1000px;
}

/* page-image */

.r-page-image{
	width: 28%;
	background: url(images/r_page_img.jpg) repeat-y right top;
}

.b-page-image{
	background: url(images/b_page_img.jpg) repeat-x left bottom;
}

.br-page-image{
	background: url(images/br_page_img.jpg) no-repeat right bottom;
	padding: 0 19px 19px 0;
}

#page-image{
	overflow: hidden;
}

#page-image img{
	display: block;
	width: 100%;
}

/* page-content */

#page-content{
	width: 72%;
	margin: 0 0 9px -9px;
}

/* logo */

#logo{
	padding: 33px 0 23px 36px;
}

/* menu */

#menu{
	position: relative;
	width: 100%;
	padding-right: 9px;
	background: #ededed url(images/bg_menu2.jpg);
	z-index: 2;
}

* html #menu{
	height: 0;
}

#menu li{
	float: left;
	font-size: 11px;
	background: url(images/bg_menuitem.jpg) repeat-x top left;
	border-top: solid 1px #e5e5e5;
	border-right: solid 1px #e5e5e5;
}

#menu li a{
	display: block;
	padding: 5px 10px 7px 10px;
	border-right: solid 1px #ababab;
	color: #FFF;
}

#menu li.selected,
#menu li:hover,
#menu li.hover{
	background: #ededed;
	border: none;
	padding: 0 1px 0 1px;
}

#menu li.selected a,
#menu li:hover a,
#menu li.hover a{
	border: none;
	color: #c41c22;
}

#menu li ul{
	position: absolute;
	left: 0;
	width: 100%;
	padding: 6px 0 0 0;
	background: #ededed url(images/bg_submenu.jpg) repeat-y top left;
	border-bottom: solid 1px #d9d9d9;
	display: none;
	visibility: hidden;
}

#menu li:hover ul,
#menu li.hover ul,
#menu li.selected ul{
	display: block;
	visibility: visible;
}

#menu li:hover ul,
#menu li.hover ul{
	z-index: -1;
}

#menu li.selected ul{
	z-index: -2;
}

#menu li li,
#menu li:hover li,
#menu li.hover li,
#menu li.selected li{
	position: relative;
	padding: 0 2px 0 0;
	background: none;
	border: none;
}

#menu li li.separator,
#menu li:hover li.separator,
#menu li.hover li.separator,
#menu li.selected li.separator{
	display: block;
	height: 17px;
	border-left: solid 1px #d9d9d9;
}

#menu li li a,
#menu li:hover li a,
#menu li.hover li a,
#menu li.selected li a{
	height: auto;
	padding: 0px 10px 0 10px;
	color: #797979;
}

#menu li.selected li.selected a{
	color: #c41c22;
}

#menu li li a:hover,
#menu li:hover li a:hover,
#menu li.hover li a:hover{
	color: #c41c22;
}

/* main-content */

#main-content{
	position: relative;
	width: 97%;
	min-height: 515px;
	padding-left: 2.5%;
	z-index: 1;
}

* html #main-content{
	height: 515px;
}

.home #main-content{
	min-height: 360px;
}

* html .home #main-content{
	height: 360px;
}

div#recipe_box {
	position:absolute;
	top:4em;
	left:44.7em;
}
div#recipe_box a img {
	width:31.9em;
	
}
#main-content h1{
	text-indent: -5000px;
}

#main-content h2{
	padding-bottom: 7px;
	color: #c41c22;
	font-size: 1.3em;
	font-weight: bold;
}

#main-content h3{
	padding-bottom: 3px;
	color: #C01A20;
	font-size: 1.5em;
	font-weight: bold;
}

#main-content h4{
	padding-bottom: 2px;
	color: #999999;
	font-size: 1.2em;
	font-weight: normal;
}
#main-content h5{
	padding-bottom: 2px;
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}

#main-content p,
#main-content li{
	color: #000;
	font-size: 1.2em;
}

/*page-title*/

#main-content .page-title{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
}

#main-content .page-title .inner{
	position: relative;
}

#main-content .page-title *{
	position: absolute;
	top: 0;
	left: 0;
}

#main-content .page-title .bg1{
	top: 11px;
	left: -37px;
}

#main-content .page-title .bg2{
	top: 51px;
	left: 65px;
	z-index: 1;
}

#main-content .page-title .title{
	top: 47px;
	left: 20px;
}

/*thumbs*/

#main-content .thumbs{
	position: absolute;
	top: 314px;
	left: 15px;
}

#main-content .thumbs .thumb1,
#main-content .thumbs .thumb2,
#main-content .thumbs img{
	display: block;
	width: 54px;
	height: 71px;
}

#main-content .thumbs img{
	cursor: pointer;
}

#main-content .thumbs .thumb1{
	padding: 27px 24px 10px 16px;
	background: url(images/page_image/thumbs/bg_thumbnail0.jpg) no-repeat;
}

#main-content .thumbs .thumb2{
	padding: 10px 24px 27px 16px;
	background: url(images/page_image/thumbs/bg_thumbnail1.jpg) no-repeat;
}
#main-content .thumbs .thumb3  { color: #333; font-size: 11px; text-decoration: underline }
/*style1*/

#main-content .style1{
	padding-top: 150px;
	margin-left: 115px;
	min-width: 475px;
	width: 36em;
	width:39em;
}

#main-content .style1.w_recipe p{
	/*padding-right:3.5em;*/
}
/*products*/

#products .left{
	padding: 0 10px 0 30px;
}

#products ul{
	margin-bottom: 20px;
}

#products li{
	position: relative;
	cursor: pointer;
}

#products a{
	color: #000;
	border-bottom: dotted 1px;
}

#products a:hover{
	border-bottom: solid 1px;
}

/*product-board*/

#product-board{
	position: absolute;
	bottom: 100%;
	left: 0;
	display: block;
	min-width: 32px;
	min-height: 32px;
	background: url(images/loading.gif) no-repeat;
	z-index: 2;
}

* html #product-board{
	width: 32px;
	height: 32px;
}

#product-board img{
	display: block;
	border: solid 1px #c41c22;
}

/*pans*/

.pans{
	width: 445px;
	margin-left: 75px;
	text-align: center;
}

.pans img{
	display: block;
}

/*logos*/

.logos{
	width: 340px;
	margin: 20px auto 20px auto;
}

.logos img{
	margin: 0 13px 0 13px;
}

/*production*/

.production p.left{
	width: 180px;
	margin-bottom: 15px;
}

/* form */

.form p{
	margin-top: .3em;
}

.form .textinput{
	margin-bottom: 4px;
}

/*IE7 hack*/
*:first-child+html .form .textinput{
	margin-bottom: 2px;	
}

/*IE6 hack*/
* html .form .textinput{
	margin-bottom: 2px;	
} 

.form .textinput .text{
    min-height: 13px;
    height: 1.3em;
}

.form .textinput .textarea{
    min-height: 80px;
    height: 8em;
}

.form .textinput .combo{
    min-height: 15px;
    height: 1.5em;
}

.form .textinput .text,
.form .textinput .textarea{
	min-width: 260px;
	width: 20em;
}

.form .textinput .combo{
	min-width: 25.7px;
	width: 19.7em;
}

.form .checkinput{
	clear: both;
	padding-bottom: 20px;
}

.form .checkinput input{
	float: left;
	margin-right: 5px;
}

/*IE7 hack*/
*:first-child+html .form .checkinput input{
	margin-right: 2px;
}

/*IE6 hack*/
* html .form .checkinput input{
	margin-right: 0;
}

.form .checkinput p{
	float: left;
	margin: 0;
}

/*IE7 hack*/
*:first-child+html .form .checkinput p{
	padding-top: 3px;
}

/*IE6 hack*/
* html .form .checkinput p{
	padding-top: 3px;
}

.form .subinput{
    margin-left: 25px;
}

/* sitemap */

.sitemap .level_1{
	margin-top: 4px;
	padding-top: 5px;
	border-top: dashed 1px #c41c22;
	width: 100%;
}

.sitemap .level_2{
	margin-top: 3px;
}

.sitemap li.left{
	min-width: 120px;
	width: 12.5em;
}

.sitemap li.right{
	min-width: 120px;
	width: 12.5em;
}

/*IE7 hack*/
*:first-child+html .sitemap li.clear{
	display: inline;
}

/*IE6 hack*/
* html .sitemap li.clear{
	display: inline;
}

.sitemap .level_0 li{
	padding: 13px 0 13px 0;
	font-size: 1.3em;
	font-weight: bold;
}

.sitemap .level_1 li{
	padding: 1px 0 1px 0;
	font-size: .9em;
	font-weight: normal;
}

.sitemap .level_0 li a{
	padding: 8px 21px 5px 0;
	color: #c41c22;
	background: url(images/arrow_red.gif) no-repeat right;
}

.sitemap .level_1 li a{
	color: #bdbebd;
	padding: 0;
	background: none;
}

.sitemap .level_1 li a:hover{
	text-decoration: underline;
}

.sitemap .level_3,
.sitemap .level_4,
.sitemap .level_5,
.sitemap .level_6{
	margin-left: 8px;	
}

/* footer */

#footer{
	margin: 40px 0 0 2.5%;
}

* html #footer{
	margin-left: 1.5%;
}

#footer li{
	float: left;
	margin-left: 10px;
	padding-bottom: 2px;
	font-size: 11px;
	color: #999999;
}

#footer li a{
	padding-bottom: 1px;
	border-bottom: dotted 1px;
	color: #999999;
}

#footer li a:hover{
	border-bottom: solid 1px;
}