@charset "utf-8";
/* CSS Document */
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #f8f8f0;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
}
#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#header {
	padding: 0;
	margin: 0;
	height: 140px;
	position: relative;
	background-image:url(images/bg_header.png); background-repeat:no-repeat; background-position:center;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#footer {
	padding: 0 30px 10px 30px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	 /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer a{ color:#000; text-decoration:none;}
/* UNIVERSAL */
.clear{clear:both;height:0;}
img{ border:none;}
.blk-b{ color:#000; font-weight:bold;}
.grn-b{ color:#030; font-weight:bold;}
.blk24{  color:#000; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px;}
.blk18{  color:#000; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif;}
.grn18{  color:#003300; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:10px;}
.more a{ color:#000; text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif;}
.more2 a{font-size:12px; color:#000; text-decoration:underline; font-family:Georgia, "Times New Roman", Times, serif;}
/* HEADER */
.logo{ position:absolute; left:10px; width:180px; height:135px;}
.logo a{ width:180px; height:135px; display:block;}
.tnav{ position:absolute; right:30px; top:10px; text-align:right; font-size:12px;}
.tnav a{ color:#000; text-decoration:none;}
.cart{ position:absolute; right:25px; top:65px;}
.cart img{ margin: 0 0 0 10px;}
.mnav{ position:absolute; left:210px; bottom:15px; font-size:14px; font-weight:bold; }
.mnav a{ color:#000; text-decoration:none;}
.shop{ position:absolute; right:25px; bottom:4px;}
/* SPLASH */
#splash{ position:relative; margin:0; padding:0; height:380px; background-image:url(images/bg_splash.png); background-repeat:no-repeat; background-position:center;}
.sp1{ position:absolute; left:75px; bottom:35px;}
.sp2{ position:absolute; right:30px; top:5px; width:235px; font-size:12px;}
.sp2 img{ margin:3px 0;}
.sbox{ margin:0;}
.sb-l{font-size:14px; font-weight:bold; color:#030;}
.sb-r{font-size:14px; font-weight:bold; color:#000;}
/* MAIN1 */
#main1 {
	padding: 30px 35px 0px 35px;
	margin:0;
	height:326px;
	background-image:url(images/bg_index.png);
	background-repeat:no-repeat;
}
.box1{ float:left; width:255px;  height:225px; margin-right:10px; padding: 10px; font-size:12px;}
.box1 p,.box3 p{ margin:0; padding:0 0 5px 0;}
.box2{ float:left; width:300px;  height:225px; padding: 10px; font-size:12px;}
.box3{ float:left; width:260px;  height:225px; padding: 10px; font-size:12px;}

.box4 { float:left; width:605px; height:29px; margin:6px 0 0 0; padding: 0 0 0 10px;}
.box5 {	float:right; width:128px; margin: 8px 0 0 0; font-size:10px; height: 18px; line-height: 18px; }
.box5 a{ width:128px; height:18px; display:block; color:#000; text-decoration:none;}
input.iemail
{
color: #000;
background: #c7b89f;
border: none;
margin-top:-5px;
}
/* FOOTER */
#foot{
	margin:0;
	padding:5px 0;
	font-size:10px;
	font-weight:bold;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

/*** SECONDARY ***/
#hline{ height:71px;}
/*** MAIN2 ***/
#main2 { height:675px; padding:30px 25px 20px 30px; background-image:url(images/bg_main2.png); background-position:center; background-repeat:no-repeat; position:relative;}

.m2{ float:left; width:644px; background-color:#f3eee8; padding: 15px 10px;}
.m2 h1, .m2 h2{ color:#003300; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0 0 10px 0;}
.m2 p{ margin:0; padding:5px 0; font-size:14px; line-height:1.1;}
.m2 ul{
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
}
.m2 ul li{ list-style:none; background-image:url(images/img_list.jpg); background-repeat:no-repeat; padding:0 0 5px 10px;}
.m2 ul li ul{ margin:0; padding:5px 0 0 0; font-size:14px;}
.m2 ul li ul li{ list-style:none; background-image:url(images/img_list2.jpg); background-repeat:no-repeat; padding:0 0 5px 10px;}

.right{ float:right; width:234px;}

.r1 { margin:0 0 10px 0; min-height:232px; padding:10px; background-image:url(images/bg_recipes.jpg); background-repeat:no-repeat; background-position:bottom; background-color:#f3eeea;}
.r1 ul{	margin:0; padding:0; font-size:14px;}
.r1 ul li{ list-style:none; background-image:url(images/img_list3.jpg); background-repeat:no-repeat; padding:0 0 5px 15px;}
.r1 ul li ul{ margin:0; padding:5px 0 0 0; font-size:14px;}
.r1 ul li a{ color:#000; text-decoration:none;}

.r2 {padding:10px; margin:0 0 10px 0; background-image:url(images/bg_feature.jpg); background-repeat:no-repeat; font-size:12px; background-color:#f3eee8;}
.r2 p{ margin:0; padding: 5px 0 10px 0;}

.r3 {}

/*** MAIN2 Expandable***/
#main4 { padding:0; position:relative;}
.m4{ float:left; width:644px; background-color:#f3eee8; padding: 15px 10px;}
.m4 h1, .m4 h2{ color:#003300; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:0; padding:0 0 10px 0;}
.m4 p{ margin:0; padding:5px 0; font-size:14px; line-height:1.1;}
.m4 ul{
	margin:0;
	padding:0 0 0 10px;
	font-size:14px;
}
.m4 ul li{ list-style:none; background-image:url(images/img_list.jpg); background-repeat:no-repeat; padding:0 0 5px 10px;}
.m4 ul li ul{ margin:0; padding:5px 0 0 0; font-size:14px;}
.m4 ul li ul li{ list-style:none; background-image:url(images/img_list2.jpg); background-repeat:no-repeat; padding:0 0 5px 10px;}

/*** Expand FIXES ***/
.top{height:41px; background-image:url(images/bg_mtop.png); background-position:center; background-repeat:no-repeat;}
.mid{padding:0 25px 0 30px; background-image:url(images/bg_mmid.png); background-repeat:repeat-y;}
.bot{height:84px; background-image:url(images/bg_mbot.png); background-position:center; background-repeat:no-repeat;}

/*** MAIN3 Shopping ***/

#main3 { position:relative;}
.m3{ float:left; width:664px; }
.right2{ float:right; width:234px; margin-top:25px;}

.item{ margin:10px 0;}
.i1{ float:left; width:111px; margin: 0 30px 10px 0;}
.i1 img{ margin-bottom:3px;}
.i1-a{
	width:95px; height:19px;
	height:19px;
	font-size:10px;
	font-weight:bold;
	line-height:19px;
	background-image:url(images/mglass.jpg);
	background-repeat:no-repeat;
	margin-left: 8px;
}
.i1-a a{ color:#000; text-decoration:none; width:75px; padding-left:20px; display:block;}
.i2{
	float:left;
	font-size:12px;
	width:325px;
}
.i2 h1{ font-size:18px; font-weight:normal; margin:0; padding:0 0 10px 0;}
.i3{
	float:right;
	width: 175px;
	font-size:12px;
	margin: 30px 0 0 0;
}
.i3-l1 { float:left; text-align:right; width:50px; height:15px;  padding-top:2px; color:#030; font-size:14px; margin-bottom:5px;}
.i3-r1{ float:right; width:120px; height:20px; color:#030; font-size:16px; font-weight:bold; margin-bottom:5px;}
.i3-l { float:left; text-align:right; width:50px; line-height:20px; height:20px; margin-bottom:5px;}
.i3-r{ float:right; width:120px; margin-bottom:5px;}
input.quantity { height:14px; width:40px;}
input.weight { height:14px; width:60px;}

#fix { margin:0; padding:0;}
/**** JQUERY TABS ****/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 2px 0 0;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(images/bg_tabs.jpg) no-repeat;
}
.tabs-nav a {
	position: relative;
	top: 1px;
	z-index: 2;
	padding-left: 0;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */
}
.tabs-nav .tabs-selected a {
    color: #030;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
	color:#000;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #f3eee8;
    padding: 10px;
    background: #f3eee8; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

/*** FIXES ***/
.top{ }
.bot{}

label.error {color:red;display:block;}