@charset "utf-8";
/* CSS Document */

body {
	margin: 0; padding: 0;
	}
a {
	text-decoration: none;
	}
.right {
	float: right;
	}
.left {
	float: left;
	}
div.clear {
	clear: both;
	}
img.clear {
	clear: both;
	}
/* ----------  Header Styles  ----------- */

#header {
	height: 110px;
	background: url(../images/header_bg.jpg) repeat-x top left;
	width: 100%;
	}
#header h1 {
	text-indent: -9999px;
	float: left;
	}
#header img.head_ad {
	position: absolute;
	top: 40px;
	left: 420px;
	}

/* ----------  mainNav Styles  ----------- */

#mainNav {
	height: 37px;
	line-height: 37px;
	background: url(../images/main_menu_bg.jpg) repeat-x top left;
	}
#mainNav ul {
	margin-left: 25px;
	font-size: 20px;
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	color: #930;
	}
#mainNav li {
	float: left;
	}
#mainNav li.view_cart {
	float: right;
	margin-right: 2px;
	padding-left: 30px;
	}
#mainNav a:link, #mainNav a:visited {
	color: #930;
	padding: 6px 12px;
	}
#mainNav a:hover {
	background: url(../images/main_menu_bg_hover.jpg) repeat-x top left;
	color: #fff;
	}
/* ----------  main Styles  ----------- */

#main {
	min-height: 300px;
	background: url(../images/main_menu_shadow.jpg) repeat-x top left;
	padding-top: 25px;
	}

/* --- mainContent Styles --- */

#mainContent {
	float: left;
	margin-left: 240px;
	display: inline; /*add this for ie6*/
	width: 700px;
	padding-left: 25px;
	color: #930;
	font-family: Georgia, "Times New Roman", Times, serif;
	}
#mainContent h2 {
	font-size: 20px;
	margin-bottom: 20px;
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	}
#mainContent p.intro {
	margin-bottom: 35px;
	width: 640px;
	color: #633;
	}
#mainContent p {
	color: #633;
	margin-bottom: .8em;
	}
#mainContent a:link, #mainContent a:visited {
	color: #930;
	}
#mainContent a:hover {
	color: #f96;
	}
/* for the recipes section/pages: */

#mainContent #recipe_sidebar {
	width: 250px;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	background: #ffcba4 url(../images/sidebar_bottom.jpg) center bottom no-repeat;
	padding-bottom: 69px;
	}
#mainContent #recipe_sidebar h3 {
	font-size: 14px;
	margin:0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/sidebar_top.jpg) center top no-repeat;
	padding: 13px 5px 13px 5px;
	}
#mainContent #recipe_sidebar ul {
	background: url(../images/sidebar_bg.jpg);
	padding: 8px;
	border-right: 1px solid #930;
	border-left: 1px solid #930;
	color: #633;
	}
#mainContent #recipe_sidebar li {
	background-image: url(../images/sidebar_star.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
	margin-bottom: 10px;
	}
#mainContent #recipe_sidebar ul a {
	text-decoration: underline;
	}
#mainContent ul.featured_recipe_list {
	margin-left: 25px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 18px;
	}
#mainContent ul.featured_recipe_list li {
	margin-bottom: 10px;
	}
	
#mainContent h3.featured_recipe_head {
	font-size: 26px;
	font-family: "high tower text",Georgia, "Times New Roman", Times, serif;
	background: url(../images/underline.gif) no-repeat bottom left;
	}

/* ----- Individual Recipe Pages -----*/

#rec_img {
	float: right;
	clear:right;
	width: 175px;
	margin-left: 20px;
	margin-right: 65px;
	text-align: center;
	font-size: 12px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
ul.ingredients {
	margin-bottom: 1em;
	margin-left: 25px;
	}	
ul.ingredients li {
	margin-bottom: 2px;
	list-style-type: disc;
	}
#mainContent h4 {
	margin-bottom: .5em;
	}
#mainContent p.last {
	margin-bottom: 25px;
	}
/* ----- featured products Styles ----- */

div.featured_products {
	width: 280px;
	float: left;
	margin-right: 70px;
	}
div.featured_products h3 {
	background: url(../images/underline.gif) no-repeat bottom left;
	margin-bottom: 15px;
	font-size: 24px;
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	}
img.prod_image {
	float: left;
	}
form.addCarts {
	float: left;
	}
div.featured_products_copy {
	float: right;
	clear: right;
	width: 180px;
	margin-top: 5px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
div.featured_products_copy p {
	margin-bottom: 10px;
	}
div.featured_products_copy p.offer {
	font-weight: bold;
	color: #633;
	}	
div.featured_products_copy span.price {
	font-size: larger;
	color: #633;
	}
div.featured_products_copy img {
	float: left;
	margin: 0;
	}

div.matching_recipes {
	width: 280px;
	float: left;
	margin-right: 40px;
	margin-top: -50px;
	}
div.matching_recipes h4 {
	text-align: center;
	font-size: 22px;
	margin-bottom: 7px;
	}
div.matching_recipes ul {
	text-align: center;
	color: #f96;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
div.matching_recipes li {
	line-height: 130%;
	}
div.matching_recipes a:link {
	color: #633;
	}
div.matching_recipes a:visited {
	color: #f96;
	}


/* --- product_previewer Styles --- */

#product_previewer {
	float: left;
	width: 240px;
	min-height: 600px;
	background: url(../images/sidebar_divider.jpg) no-repeat center right;
	margin-left: -965px;
	}
#product_previewer h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #c0b199;
	text-align: center;
	margin-bottom: 13px;
	}
	
#container {position:relative; width:220px; height:550px; margin: 0px auto 10px auto;}
#container b {font-weight:normal; width:225px; text-align:center; position:absolute; bottom:120px; left:-10px; color:#ccc; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:1.7em; z-index:1;}

a.gallery, a.gallery:visited {display:inline; color:#000; text-decoration:none; border:1px solid #eee; width:25px; height:25px; float:left; margin:7px 7px; position:relative; cursor:default;}

a.slidea {background:url(../images/thumbs/original.jpg);}
a.slideb {background:url(../images/thumbs/hot_pepper_relish.jpg);}
a.slidec {background:url(../images/thumbs/spices.jpg);}
a.slided {background:url(../images/thumbs/assorted.jpg);}
a.slidee {background:url(../images/thumbs/praline_topping.jpg);}
a.slidef {background:url(../images/thumbs/fallen.jpg);}
a.slideg {background:url(../images/thumbs/chocolate.jpg);}
a.slideh {background:url(../images/thumbs/hot_pepper_jelly.jpg);}
a.slidei {background:url(../images/thumbs/streetcar.jpg);}
a.slidej {background:url(../images/thumbs/rum.jpg);}


a.gallery span {visibility:hidden; display:block; position:absolute; width:210px; height:210px; top:189px; left:9px; color:#633; background:#fff; text-align:center; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.slidea span {left:-20px; top:100px;}
a.slideb span {left:-62px; top:100px;}
a.slidec span {left:-108px; top:100px;}
a.slided span {left:-154px; top:100px;}
a.slidee span {left:-190px; top:100px;}
a.slidef span {left:-20px; top:68px;}
a.slideg span {left:-72px; top:68px;}
a.slideh span {left:-112px; top: 68px;}
a.slidei span {left:-152px; top:68px;}
a.slidej span {left:-192px; top:68px;}


a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.gallery:hover span {visibility:visible; z-index:100;}

a.gallery:hover span img {margin:10px; position:relative; z-index:100;}

a.gallery:active, a.gallery:focus {border:1px solid #ffcba4; z-index:10;}

a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

a.gallery:active span img, a.gallery:focus span img {position:relative; margin:10px; z-index:10;}
	


/* ----------  footer Styles  ----------- */

#footer {
	background: #930;
	height: 35px;
	line-height: 35px;
	color: #ffcba4;
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	}
#footer p {
	text-align: center;
	color: #aa3f0a;
	}
#footer a:link, #footer a:visited {
	margin-right: 13px;
	margin-left: 13px;
	color: #ffcba4;
	}
#footer a:hover {
	color: #fff;
	}

/* ----------- Homepage Styles ------------ */

img.car_left {
	float: left;
	margin-left: -15px;
	margin-right: 7px;
	}
div.section_links {
	width: 225px;
	min-height: 170px;
	text-align: center;
	margin-top: 25px;
	float: left;
	position: relative;
	}
* html div.section_links {height:170px} /*ie6 treats height as min-height*/

div.section_links h3 {
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	border-bottom: 1px solid #f96;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	}
div.section_links p {
	text-align: left;
	margin-bottom: 1em;
	margin-top: 20px;
	margin-right: 20px;
	}
div.section_links img.lrn_more {
	position: absolute;
	left: 47px;
	bottom: 0;
	}
div.section_links a:link, div.section_links a:visited {
	color: #930;
	}
div.section_links a:hover {
	color: #f96;
	}


/* ----- Individual Product Page Styles ----- */

img.prod_pic {
	float: left;
	}
div.prod_info {
	float: left;
	width: 133px;
	margin-top: 45px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	}
p.prod_desc {
	margin-bottom: 30px;
	font-family: tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: -10px;
	}
p.cost {
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #ffcba4;
	padding-bottom: 15px;
	font-size: 24px;
	color: #f96;
	}
h2.prod_page_headline {
	background: url(../images/underline_675.gif) no-repeat bottom left;
	margin-bottom: 10px;
	font-size: 24px;
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	}
	
/*  ----- individual product pages, featured recipes section (styles): -----  */

#mainContent div#product_recipes {
	width: 500px;
	margin: 25px auto 35px auto;
	background: #ffcba4 url(../images/prod_recipes_bottom.gif) center bottom no-repeat;
	padding-bottom: 25px;
	text-align: center;
	}
#mainContent div#product_recipes h3 {
	font-size: 14px;
	margin:0;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/prod_recipes_top.gif) center top no-repeat;
	padding: 13px 5px 13px 5px;
	}
#mainContent div#product_recipes ul {
	padding: 15px 15px 15px 0;
	color: #633;
	padding-left: 175px;
	text-align: left;
	}
#mainContent div#product_recipes li {
	background-image: url(../images/sidebar_star.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 18px;
	margin-bottom: 5px;
	}
img.prod_recipes_pic {
	float: left;
	width: 150px;
	margin-left: 15px;
	margin-top: 15px;
	}


/* ----- Blog Styles ----- */
#blog #main a:link, #blog #main a:visited {
	color: #930;
	}
#blog #main a:hover {
	color: #f96;
	}
#blog #sidebar_options {
	margin-left: 20px;
	color: #930;
}
#blog #main div.meta {
	margin-bottom: 15px;
	font-size: 12px;
	color: #f96;
	}
#blog h3 {
	margin-bottom: .4em;
	color: #930;
	font-size: 20px;
	font-family: "high tower text", Georgia, "Times New Roman", Times, serif;
	}
#blog #main h3 a:link, #blog #main h3 a:visited {
	color: #930;
	}
#blog #main h3 a:hover {
	color: #f96;
	}
#blog #product_previewer li.spacer {
	margin-top: 20px;
	margin-bottom: 20px;
	}
#blog div.feedback {
	margin-bottom: 35px;
	font-size: 14px;
	}