@import url("/interface/corp-files/asp/corp-style.asp");

* {
	margin:0;
	padding:0;
	}

/*
	MAIN HOLDING DIV
*/
#pageWrap {
	width: 1024px;
	font-size:1em;
	color: #42210b;
}

/* General Styles
----------------------------------------------------------------------------------------*/
hr {
	border: none 0;
	border-top: 1px dashed #d2c9c2;
	width: 100%;
	clear: both; 
	height: 1px;
	padding: 4px 0px 8px 0px;
	margin: 0px;
}

hr.spaced {
	border: none 0;
	border-top: 1px dashed #d2c9c2;
	width: 100%;
	clear: both; 
	height: 1px;
	padding: 4px 0px 8px 0px;
	margin: 15px 0 1px 0;
}


a {font-weight: bold; color: #f76607; text-decoration: none; position: relative; min-width: 0;}}
a:hover {
	text-decoration: underline;
	color: #f76607;
}


h2 {font: bold 1.25em/1.3em Georgia, Palatino, Times New Roman; margin: 3px 0px; padding: 3px 0px; position: relative; min-width: 0;}
h3 {font: bold 1.15em/1.2em Georgia, Palatino, Times New Roman; margin: 3px 0px; padding: 3px 0px; position: relative; min-width: 0;}
h3 span {font-size: 0.65em; display: block}
h4 {font: bold 0.85em/1.4em Georgia, Palatino, Times New Roman; margin: 0px; padding: 0px;position: relative; min-width: 0;}
h4 span {font: bold 0.9em/1.8em arial,verdana, sans-serif; color: #f76607;}
h5 {font: bold 0.75em/1em arial,verdana, sans-serif; margin: 15px 0 5px 0; padding: 0px; position: relative; min-width: 0;}
h6 {font: bold 0.75em/1em arial,verdana, sans-serif; font-weight:normal; margin: 0px; padding: 10px 0 0 0;;position: relative; min-width: 0;}

.h5News {font: bold 0.75em/1em arial,verdana, sans-serif; margin: 0px 0 0px 0; padding: 0px;;position: relative; min-width: 0;}

.searchResultHeading{font: bold 1.05em/1.1em Georgia, Palatino, Times New Roman; margin: 3px 0px; padding: 3px 0px; position: relative; min-width: 0;}

.desc {
	color: #f76607;
	font-size: 11px;
}

blockquote {clear: both; font-size: 0.75em; padding: 0px 0px 6px 0px;}

.strongBrown {font: bold 0.75em/1.3em verdana, sans-serif; }
.strongBrown a {background: url("../img/arrow_more.gif") no-repeat top right; color: #3c2113; padding-right: 13px; }


/* Header 
----------------------------------------------------------------------------------------*/
#header {
	position: relative;
 	width: 1024px;
	height: 124px;
	background: #36241d url("../img/header_bg.gif") no-repeat 0 0;
}

#header h1 {margin: 0px; padding: 0px;}

#header h1 a {
	position: relative;
	display: block;
	top: 0px; left: 0px;
	width: 238px; height: 87px;
	background: url("../img/logo.gif");
	text-indent: -900em;	
}

#topBanner {
	position: absolute;
	width: 468px;
	height: 60px;
	top: 17px;
	left: 300px;
}

#menu {position: absolute; bottom: 0px; left: 21px; height: 31px;}
#header #menu ul { overflow: hidden; margin: 0px; padding: 0px; list-style: none; }
#header #menu ul li { height: 31px; font-size: 0.75em; font-weight: 600; float: left; margin: 0 0 0 2px; padding: 0px; background: url("../img/nav_right.gif") right top no-repeat; }
#header #menu ul li span { height: 31px; background: url("../img/nav_left.gif") left top no-repeat; float: left; padding: 6px 15px 0 15px;  cursor: pointer; cursor: hand;}
#header #menu ul li a {color: #f1e9d6; text-decoration: none; float: left; border: 0; }
#header #menu ul li a:hover {color: #f86b0f}
#header #menu ul li a.sign { background: url("../img/nav_sign_right.gif") right top no-repeat; padding-right: 6px;}
#header #menu ul li a.sign span { background: url("../img/nav_sign_left.gif") left top no-repeat; }


div#header .search-box {
	display:block;
	height:30px;
	width: 410px;
	float:right;
	position:relative;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
}
div#header .search-box input.searchbutton {
	position: absolute;
	top: 2px;
	right:-5px;
	margin-right: 10px;
	width: 58px;
	height: 25px;
}

.primeRadio {
	display:inline;
	padding-top: 4px !important;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
	font-size: 12px;
	
}

div#header .search-box label{float: right; color: #f86b0f; font-size: 0.8em; padding-top: 7px; }
div#header .search-box .textbox_small {position: relative; left: 0px; top: 7px;margin:0; padding:2px; background: #e9dfc6; border-top:1px solid #a39c8a; border-left:1px solid #a39c8a; border-right: none; border-bottom:1px solid #e9dfc6;}

/* General Layout
----------------------------------------------------------------------------------------*/
ul.breadcrumbs  {color: #42210b; font-size: 0.9em; margin: 5px 5px 5px 22px;}
.breadcrumbs li {display:inline; }
.breadcrumbs li a {background: url(../img/breadcrumb_arrow.gif) no-repeat top right; font-weight: normal; padding-right: 13px;}

.realBullets {
	margin: 0 0 18px 13px;
}

.bookmark {float: right; color: #42210b;  margin-right:80px; color: #42210b; font-size: 0.7em; margin-top: 2px;}
.bookmark a {color: #42210b; font-weight: normal; }

#ColumnOne {width: 203px; float: left; display: inline; margin: 0px 0px 0px 22px;}
#ColumnTwo {width: 404px; float: left; display: inline; margin: 0px 0px 0px 16px;}
#ColumnTwoSearch {width: 617px; float: left; display: inline; margin: 0px 0px 0px 16px;}
#ColumnThree {width: 203px; float: left; display: inline; margin: 0px 0px 0px 20px;}
#ColumnThreeHeinz {width: 338px; float: left; display: inline; margin: 0px 0px 0px 20px;}
#Banner {width: 120px; float: left; display: inline; margin: 0px 0px 0px 15px;}

.panel {
	 border-top: 1px solid #d1cfd0;
	 border-bottom: 1px solid #d1cfd0;
	 background: #f5efde;
	 padding: 12px 11px 6px 11px;
	 margin-bottom: 9px;
}

.panelTwo {
 	border-top: 1px solid #d1cfd0;
	 border-bottom: 1px solid #d1cfd0;
	 background: #FFFFFF;
	 padding: 12px 0px 6px 0px;
	 margin-bottom: 9px;
}

.panelThree {
	 background: #FFF;
	 padding: 4px 13px;
	 margin-bottom: 9px;
}

.panelFour {
	 border-bottom: 1px solid #d1cfd0;
	 background: #FFFFFF;
	 padding: 12px 0px 6px 0px;
	 margin-bottom: 9px;
	 position: relative; min-width: 0;
}

.panelFour2 {
	 border-bottom: 1px solid #d1cfd0;
	 background: #FFFFFF;
	 padding: 12px 0px 6px 0px;
	 margin-bottom: 9px;
	 position: relative; min-width: 0;
}

.panelBrown {
	 background: #402312;
	 padding: 4px 10px;
	 margin-bottom: 9px;
	 color: #FFF;
}

.panelBrown h1 {color: #FFF;}

.icon {float: left; margin:0px 5px 10px 0px;}

.cookThumb {float: left;}

.note {
	padding: 0;
	margin: 0 0 2px 0;
	font-size: 9px;
}

.avatarSearch {float: left; margin:0px 10px 10px 0px;border:1px solid #D1CFD0;}
.avatarNews {float: left; margin:0px 3px 0px 0px;border:1px solid #D1CFD0;}
.avatar {float: left; margin:0px 10px 10px 0px;border:1px solid #333333;}
.avatarRight {float: Right; margin:0px 10px 10px 0px;border:1px solid #333333;}
.avatarRightSearch {float: Right; margin:0px 10px 10px 0px;border:1px solid #D1CFD0;}

.user{
	background:#f4e5ec;
	margin-bottom:9px;
	padding: 12px 11px 6px 11px;
	margin-bottom: 9px;
}

.user .hi{
	font-size:0.95em;
	margin-top:9px;
}

.user p{
margin:0;
padding:0;
}

.recipe_leftcol{
	float:left;
	width:404px;
}
.recipe_rightcol{
	float:right;
	width:220px;
	text-align: center;
}
.recipe_rightcol img{
border:1px solid #d9b9a4;
margin:0 0 9px 0;
}

.recipe_rightcol .button{
margin-left:19px;
}

.recipe_rating{
text-align:right;
}

p.recipe_added{
padding:0;margin:0;font-size:.7em;
}

ol.method{
margin:0 0 12px 18px;
list-style-type:decimal;
}

ol.method li{
padding: 6px 0;
}

.panel select{
width:182px;
margin:0 0 9px 0;
}

#ColumnThree .bnr_panel img{
margin:9px 0 9px 0;
}

#ColumnThree h4{
text-align:center;
}

ul.recipes{margin:0 0 9px 0;}
.recipes li {list-style: none; padding: 2px 0px}
.blocklist li {list-style: none; padding: 6px 0px}

.inline_photo{
margin:6px 12px 6px 12px;
}

/*specific Layout blocks
----------------------------------------------------------------------------------------*/
.newchef{
	float:left;
	width:50%;
	margin: 18px 0 12px 0;
}
.newchef .date{
	font-weight:bold;
	margin:0;
}
.newchef .name{
	font-weight:bold;
	margin:0;
	font-size:0.95em;
	display: block;
}
.recent_activity, .cooking_questions, .most_popular, .panel_3col, .panel_2col{
	float:left;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

.cooking_questions{
	margin: -6px 0 24px 0;
	padding:0;
	width:310px;
}

.recipeSum{
	float:left;
	margin: -6px 0 0px 0;
	padding:0 10px 0 0;
	width:216px;
}

.recipeSumSearch{
	float:left;
	margin: -6px 0 0px 0;
	padding:0 10px 0 0;
	width:319px;
}

.most_popular, .panel_3col{
	width:220px;
}

.panel_2col{
width:202px;
}

.recent_activity p, .cooking_questions p, .most_popular p, .panel_3col p, .panel_2col p{
	margin:0;
}	

.panel_2col select{
width:180px;
border:1px solid #333333;
margin: 8px 0 8px 0;
}

.search-box{
	width:96%;
	margin-top: 9px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 9px;
}

.search-box .textbox_small, #table_join .textbox_small{
width:180px;
border:1px solid #333333;
margin:0 9px 0 0;
}

.textbox_big
{
width:180px;
border:1px solid #333333;
margin:0 9px 0 0;
height:150px;
}

.panel_comment{
	border: 1px dashed #d1cfd0;
	background: #FFFFFF;
	padding: 12px 11px 6px 11px;
	margin-bottom: 9px;
}

.panel_comment hr{
border-top:1px solid #d1cfd0;
margin-top:9px;
clear:both;
}
.panel_comment p{
margin:0;padding:0;
}

.panel_join table td
{
padding:9px;
font-size:100%;
vertical-align:middle;
}
.panel_join table td input
{

}
.panel_join table td label
{
font-weight:bold;
}
.panel_join table td p{margin:0;padding:0;}

.rightLink{
text-align:right;
}

.rightLink a{text-decoration:underline;
font-size:.75em;
}

/* Article Slider
----------------------------------------------------------------------------------------*/

#slideshowContainer {margin: 10px 0px; position: relative; background-color: #F5EFDE;}
.sliderimage {position: relative; display: block; width:404px;  height: 209px; z-index: 1}
.overlay {background: url("../img/overlay_bg.png") repeat-x;  width:404px; height:65px; padding: 0px 10px; position: absolute; top: 144px; left: 0px; height: 65px;  z-index: 10; color: #FFFFFF;}
.overlay {
\width: 404px; 
w\idth: 384px;
}
.overlay h1 {color: #FFFFFF;}

.controls {height: 15px; background: #35221d; padding: 5px 10px; color: #f76607; font-size: 0.75em;}

/* Footer
----------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	background: #3a2116 url(../img/footer_bg.gif) repeat-x;
	height: 220px;
	margin-top: 6px;
	color: #FFFFFF;
	
}


#footer ul li {
float:left;
display:block;
margin:0pt 21px 0pt 0pt;
padding:4px 0pt;
position:relative;
width: 160px;
}


#footer a {color: #FFFFFF}
#footer a:hover {color: #f76607;}
#footer ul {padding: 15px 5px 5px 22px}
#footer li {display: inline; padding: 0px 6px;}



#footer2 {
	clear: both;
	background: #3a2116 url(../img/footer_bg.gif) repeat-x;
	height: 77px;
	margin-top: 6px;
	color: #FFFFFF;
}

#footer2 a {color: #FFFFFF}
#footer2 a:hover {color: #f76607;}
#footer2 ul {padding: 15px 5px 5px 22px}
#footer2 li {display: inline; padding: 0px 6px;}



/* Buttons
----------------------------------------------------------------------------------------*/
.button {width: 182px; height: 23px; margin: 0px auto; font-size: 0.75em; text-align: center; font-weight: bold; margin-bottom: 7px;  float: left;}
.button a {display: block; width: 182px; height: 23px; font-weight: bold; padding-top: 4px; margin-bottom: 5px;  }
.green {background: url("../img/button_green.gif") no-repeat}
.pink {background: url("../img/button_pink.gif") no-repeat}
.orange {
	background: url(../img/button_orange.gif);
	background-repeat: no-repeat;
}
.brown {background: url("../img/button_brown.gif") no-repeat}
.brownsave {background: url("../img/button_save.gif") no-repeat;width: 100px;font-weight: bold;font-size: 0.90em;}
.brownclose {background: url("../img/button_save.gif") no-repeat;width: 100px;font-weight: bold;font-size: 0.90em;}
.pink a, .orange a, .green a  {color: #FFF}
.brown a {color: #42210b}

/* CORP BRANDING 
----------------------------------------------------------------------------------------*/
#corpbrand {
	position:absolute;
	background-repeat:no-repeat;
	background-position:right;
	height: 60px;
	width: 205px;
	padding-top:5px;
	font-size: 24px;
	left: 780px;
	top: -80px;
	overflow: hidden;
}

.ah-cookbook-any-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 4px;
}