/* You can read this CSS if you want, but really, it's not that interesting */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
img { margin:0;padding:0; }
img.bordered { border:1px solid #A24500; padding:2px; }

/*	Many thanks to Angus Turnbull for his IE PNG behavior
	http://www.twinhelix.com/
*/	img,div { behavior: url(/css/iepngfix.htc) }

/* MAIN */
body
{
	behavior: url(/css/csshover.htc);
	margin:0;
	text-align:center;
	background:#E5B873 url('img/background.jpg') repeat-x;
	background-position:top;
	font:13px 'Lucida Grane',Verdana,Helvetica,Arial,sans-serif;
}
div {
	text-align:left;
}
.push
{
	display:block;
	clear:left;
}
.firstpush
{
	clear:none;
	margin-top:-35px;
}
p
{
	color:#67261B;
	line-height:1.5em;
	margin:1em 0;
}

#main3 ul {
list-style:disc;
color:#67261B;
line-height:1.5em;
margin:1em 0;
}
#main3 li {
margin-left:2em;
color:#67261B;
line-height:1.5em;
}
h1
{
	font-size:28px;
	color:#A93623;
	margin:0;
	font-weight:bold;
}
strong
{
	font-weight:bold;
}
div#special_offer p, div#special_offer ul, div#special_offer li
{
	font-size:12px;
	color:#8E3200;
}
a
{
	color:#BD0000;
	font-weight:bold;
}


/* HEADER */
div#header
{
	/*width:572px;*/
	width:706px;
	height:124px;
	display:block;
	margin:26px auto 0;
	text-align:center;
	background:transparent url('img/header_bg.gif') no-repeat center 5px;
	overflow:hidden;
}
div#navigation
{
	width:706px;
	height:30px;
	display:block;
	margin:0 auto;
	padding:0;
	background:#468966 url('img/nav_bg.gif') repeat-x bottom;
	position:relative;
	z-index:50;
}
div#navigation li {
float:left;
position:relative;
}
div#navigation li div#dropdown {
display:none;
position:absolute;
width:159px;
top:30px;
height:69px;
left:0;
z-index:100;
padding:10px 0;
background:transparent url(img/nav_dropdown_bg.png) no-repeat;
}
div#navigation li ul {
display:none;
position:absolute;
width:159px;
top:30px;
height:69px;
left:0;
z-index:100;
padding:10px 0;
background:transparent;
}
div#navigation li:hover div#dropdown {
display:block;
}
div#navigation li:hover ul {
display:block;
}
div#navigation li ul li a {
width:159px;
position:relative;
font-size:14px;
padding:7px 0;
text-align:center;
color:white;
display:block;
text-decoration:none;
z-index:120;
}
div#navigation li ul li a:hover {
background:#185E39 url(img/nav_dropdown_link_hover.gif) repeat-x;
}
div#nav_shadow
{
	width:706px;
	height:20px;
	background:transparent url('img/nav_shadow.jpg') no-repeat;
	display:block;
	margin:0 auto;
}
#home_button
{
	float:left;
	padding-right:40px;
	padding-top:95px;
	/*margin:100px 5px 2px;*/
}

/* MAIN DIV */

div#main
{
	width:750px;
	height:556px;
	padding:2px 0 2px 10px;
	display:block;
	background:transparent url('img/content_bg_home.jpg') no-repeat top;
	margin:0 auto;
	position:relative;
}
img.product_shot
{
	position:absolute;
	left:-5px;
	top:-20px;
}
img.product_shot_2
{
	position:absolute;
	right:-15px;
	top:-20px;
}
img.product_shot_3
{
	position:absolute;
	right:10px;
	top:35px;
}
img.product_shot_4
{
	position:absolute;
	right:-1px;
	top:7px;
}
img.product_shot_5
{
	position:absolute;
	right:-50px;
	top:20px;
}
div#special_offer
{
	width:152px;
	padding-left:18px;
	height:250px;
	display:block;
	float:left;
	margin-top:150px;
}
div#content
{
	position:absolute;
	left:180px;
	display:block;
	width:520px;
	padding:35px 35px 35px 25px;
}
div#foursteps
{
	width:190px;
	display:block;
	float:right;
	padding-top:6px;
}
#main1
{
	margin:0 auto;
	width:760px;
	background:transparent url('img/window_middle.gif') repeat-y;
}
#main2
{
	width:760px;
	background:transparent url('img/window_bottom.gif') no-repeat;
	height:100%;
	background-position:bottom;
}
#main3
{
	width:640px;
	padding:30px 60px;
	background:transparent url('img/window_top.gif') no-repeat;
	height:100%;
	background-position:top;
	position:relative;
}

/* FOOTER */

div#footer {
width:760px;
text-align:center;
margin:0 auto;
}
div#footer a {
font-size:12px;
color:#8E3200;
font-weight:normal;
margin:0 18px;
text-decoration:none;
}
div#footer p {
color:#8E3200;
}
span.copyright {
color:#B57B48;
}
div#footer a.wcilink {
color:#B57B48;
margin:0;
}
div#footer a.wcilink:hover {
color:#8E3200;
}

/* SPECIAL OBJECTS */

td {
vertical-align:middle;
height:30px;
}
td.label {
width:160px;
}
td p {
margin:0;
}
fieldset {
border:1px dotted #663300;
/*border:1px solid #CBAB87;*/
padding:20px;
}
legend {
font-size:150%;
color:#663300;
}
table {
width:100%;
border-collapse:collapse;
}
label#visa,label#mastercard,label#amex,label#discover {
text-align: left;
display:block;
text-indent: -9999px;
width: 37px;
height: 23px;
float: left;
margin-left: 10px;
margin-right: 10px;
background: no-repeat;
padding:0;
}
label#visa { background-image: url(img/cc_visa.gif); }
label#mastercard { background-image:url(img/cc_mastercard.gif); }
label#amex { background-image:url(img/cc_amex.gif); }
label#discover { background-image:url(img/cc_discover.gif); }
#cc_visa,#cc_mastercard,#cc_amex,#cc_discover {
float:left;
}
table#contact_table {
width:450px;
}
p.total {
font-size:150%;
margin-bottom:0;
}
p.total span {
color:#663300;
}
p.extracharges {
font-size:80%;
margin-top:0;
}
input[type='text'],select,textarea {
border:1px solid #D0BE9A;
background:#FBF1E4 url(img/input_bg.gif) repeat-x;
padding:2px;
}
.appcoupon {
border:1px solid #D0BE9A;
background:#F4E7D3 url(img/input_bg_rev.gif) repeat-x;
padding:1px 10px;
border-bottom-color:#B59563;
}
.faded {
	color:#BAA374;
}
textarea {
padding:2px;
font:12px Verdana,Helvetica,Arial,sans-serif;
width:350px;
height:120px;
margin:3px 0;
}
.error {
width:380px;
color:red;
}
.tiny {
font-size:11px;
}
h1#about,
h1#howto,
h1#recipes,
h1#order,
h1#contact,
h1#faqs,
h1#index
{
	text-indent:-9999px;
	display:block;
}
h1#about { background:transparent url('img/headers/learnmore.gif') no-repeat left;}
h1#howto { background:transparent url('img/headers/howto.gif') no-repeat left;}
h1#recipes { background:transparent url('img/headers/recipes.gif') no-repeat left;}
h1#order { background:transparent url('img/headers/orderonline.gif') no-repeat left;}
h1#contact { background:transparent url('img/headers/contact.gif') no-repeat left;}
h1#faqs { background:transparent url('img/headers/faqs.gif') no-repeat left;}
h1#index {
	background:transparent url('img/headers/home_new.gif') no-repeat left;
	height:58px;
	background-position:65px 0 !important;
	background-position:0 0;
}
.tr_nodisplay {
display:none;
}
.tr_display {
display:table-row;
}
p.question {
font-size:1.2em;
margin:1em 0 0;
color:black;
}
.float {
float:right;
margin-left:10px;
border:1px solid #A24500; padding:2px;
}
#main3 ol {
padding:0;
margin:1em 0;
}
h2 {
font-size:140%;
font-weight:bold;
margin:1em 0;
}
div.retailer {
display:block;
width:440px;
margin-bottom:20px;
padding-right:100px;
}
div.retailer img {
border:1px solid #A24500;
padding:2px;
margin:10px;
}
div.retailer a {
padding:2px;
font-size:16px;
font-weight:bold;
margin:20px;
}
div.howto_step {
display:block;
width:480px;
height:150px;
float:left;
margin-bottom:10px;
padding-right:10px;
}
div.howto_step p {
font-size:11px;
margin-bottom:0;
margin:5px 0 0;
}
div.howto_step img.floated {
border:1px solid #A24500;
padding:2px;

float:left;
margin:0;
margin-right:20px;
}
div.howto_step h3 {
font-size:14px;
margin:16px 0 0;
}
/* Thank you table */
table.order_table {
width:100%;
border-collapse:collapse;
}
.order_table th,.order_table td {
padding:5px;
}
.order_table .col2 {
text-align:right;
font-weight:bold;
}
.order_table .quantity {
width:80px;
text-align:center;
}
.order_table .price {
width:80px;
}
.order_table tr.cart td {
background-color:#F3E4CE;
}

table.info td.label {
text-align:right;
width:160px;
font-weight:bold;
}

a.wcilink {
text-decoration:none;
color:#B57B48;
margin:0;
}
a.wcilink:hover {
color:#8E3200;
}

div.question_set {
border:1px dotted #663300 !important;
padding:20px;
display:block;
margin:10px 0;
}
div.question_set h2 {
margin:0;
}
div.question_set h2 a {
text-decoration:none;
color:black;
}
div.question_set div {
overflow:hidden;
}
a#ccoa {
width:138px;
height:77px;
display:block;
background:transparent url(img/cookingclub.jpg) no-repeat bottom;
text-indent:-2000px;
outline:none;
}
a#ccoa:hover {
background-position:top;
}

body { background:#BB553D url('img/background_red.jpg') repeat-x; }
div#main { background:transparent url('img/content_bg_home_red.jpg') no-repeat top; }
div#nav_shadow { background:transparent url('img/nav_shadow_red.jpg') no-repeat; }
div#bottom { width:760px; height: 160px; background:transparent url('img/btm_extend.jpg') no-repeat;}
div#footer a { color:#FCF6EB; }
div#footer p { color:#FCF6EB; }
span.copyright { color:#D78376; }
div#footer a.wcilink { color:#D78376; margin:0; }
div#footer a.wcilink:hover { color:white; }