﻿/*
@media print{ #panels {display:none} }
*/



/* ---------- Global ---------- */
body { margin: 0; padding: 0; bottom:auto; }
img { margin: 0; }
form { margin: 0; padding: 0; }
#top { margin-bottom:8px; padding: 0; height:auto; text-align: center; }
#headerContainer { margin: 0 auto 0 auto; padding:0; width: 790px; height:auto; 
	text-align:center; }
.sepbar { margin: .5em 0 .5em 0; width: 619px; clear: both;	
	background-image: url(../../Images/global/tanlines_light.gif); }
.backTop { margin:10px 15px 0 0; float:right; }
.backTop a {color:#7b8969; font: 11px Arial, Helvetica, sans-serif; }
.backTop a:hover { color: #cccc00; }
	

/* ---------- Language switch ------------- */
.language { margin:0; padding:0; height:12px; text-align:right; 
	font-family:Helvetica, sans-serif; font-size:x-small; font-weight:bold; }	
.language a { padding:0 10px 0 0; color: #336600; text-decoration:none; }
.language a:hover { color:#99cc33; }


/* ---------- Main Navigation Menu ---------- */
#menu { width:540px; margin: 10px 0 0 0; float: left; font-family:Helvetica, sans-serif; 
	font-size: 70%; line-height: normal; text-align: center; }
#menu ul { margin: -8px 0 0 0; padding: 0 0 0 0; list-style-type: none }
#menu li { margin: 0; padding: 0 5px 0 0; float: left; }
#menu a { display:block; padding: 5px 5px 5px 5px; font-weight: normal; color: #7b8969; 
	float: left; text-decoration: none; }
#menu a:hover { color: #cccc00 }
#menu li.current a { font-weight:bold; color: #3d5e20; }
#menu li.current a:hover { color: #cccc00 }

/* ---------- Sitemap ---------- */	
#sitemapMain { margin: 0 0 10px 5px; width: 619px; height: 15px; color:#7b8969; 
	font: 11px Helvetica, sans-serif; background: url(../../Images/global/bg.gif) repeat ; }
#sitemapMain a { color:#7b8969 }
#sitemapMain a:hover { color: #cccc00; }	

/* ---------- Search ---------- */	
#search { width:110px; margin: 5px 0 0 0; padding:0 0 0 0; float:right; color:#3d5e20;
	font-family:Helvetica, sans-serif; font-size:xx-small;}
#search .textbox { width:75px; height:12px; font-size:xx-small; background-color: #f6f6f6; }	
#search .button { width:14px; height:17px; font-size:x-small; }
	

/* ---------- Content ---------- */
#content { margin: 0 auto 5px auto; width:775px; }	
#content2 { margin: 0 auto 5px auto; width:775px; }	
#content2 .title { margin: 20px 0 20px 5px; color:#7b8969; 
	font: bold 16px Helvetica, sans-serif; }
#content2 .titleR { margin: 0; color:#7b8969; color:#336600; 
	font: bold 16px Arial Narrow, sans-serif; }
#content2 span.subTitle { margin: 20px 0 20px 5px; color:#7b8969; 
	font: bold 14px Helvetica, sans-serif; }
#mainContent { width:620px; margin: 0; float:left; }
/* --- Right Content --- */
#rightContent { width:155px; margin: 0; float: right; padding: 1px 1px 1px 1px; text-align: center;
	vertical-align:top; background: url(../../Images/global/bg_bar2.gif) repeat-y; }
#rightContent .item { margin:0; padding:0 0 0 6px; font: 11px Helvetica, sans-serif; }
#rightContent .item a { color:#336600; text-decoration:none; }
#rightContent .itemL { margin:0 0 20px 0; padding:0 0 0 6px; text-align:left; 
	font: 11px Helvetica, sans-serif; }
#rightContent .itemL span { color:#7b8969; }
#rightContent .itemL a { color:#336600; }
#rightContent .itemL a:hover { color: #cccc00; }
/* --- Products --- */
#categories { margin: 5px 0 0 5px; padding:0; }
#categories .panelDataList { margin:0 0 5px 0; padding:0; width:200px; }
#categories .panelDataList img { border:none; }
#categories .panelDescription { padding:5px; width:162px; float:left; 
	border: outset 2px #e9e9cd; }
#categories span { color:#7b8969; font: 11px Helvetica, sans-serif; }
#categories span a { color:#336600; text-decoration:none; }
#categories span a:hover { color: #cccc00; }

#prodDescription { margin:10px 0 0 5px; padding:0; width:619px; color:#7b8969;
	font: 11px Helvetica, sans-serif}
#prodDescription span { margin:0; padding:0; width:320px; float:left; }	
#prodImage { margin:0; padding:0; width:290px; float:right; vertical-align:top; 
	text-align:center; }
#prodImage span { margin:0 0 8px 0; width:257px; text-align:right; }	
#prodImage a { color:#7b8969; }
#prodImage a:hover { color: #cccc00; }	
#prodImage img { width:226px; height:137; }
#prodFeatures { margin:10px 0 0 5px; padding:0; width:619px; color:#7b8969; font-size:11px;
	font-family:Helvetica, sans-serif; }
#prodFeatures h5 { color:#336600; font: bold 16px Arial Narrow, sans-serif}
#prodFeatures a { color:#7b8969; }
#prodFeatures a.guide { margin:0 0 0 15px; padding: 0 0 0 12px; line-height: 2.2;
	background: url(../../Images/global/bg.gif) no-repeat left 3px; }
#prodFeatures a:hover { color: #cccc00; }		 
#prodFeatures .column1 { margin:0; padding:0 10px 0 0; width:205px; vertical-align:top; }
#prodFeatures .column2 { margin:0; padding:0 5px 0 5px; width:180px; vertical-align:top; }	
/* --- Manuals --- */
#userManuals { margin:10px 0 0 0; padding:0; color: #686763; float:left; }
#userManuals img { margin:0 0 0 5px; padding:0; border-width:0; }
#userManuals a:hover { color: #cccc00; }
#manualsList { margin:10px 0 0 5px; width:450px; color:#7b8969; background-color:#f7f7f4;
	font: 11px Helvetica, sans-serif; }
#manualsList a { color: #686763; }
#manualsList .tableRw { height:25px; vertical-align:middle;
	background: url(../../Images/global/dot.jpg) repeat-x left bottom;  } 	
#manualsList .column1 { width:295px; }
#manualsList .column2 { width:155px; text-align:center; }
#manualsList .col1 { width:300px; }
#manualsList .col2 { width:75px; }
#manualsList .col3 { width:75px; }
/* --- Tell a Friend --- */
#tellAfriend { margin:10px 0 20px 0; padding:0 0 0 5px; color:#7b8969; 
	font: 11px Arial, Helvetica, sans-serif; }
#tellAfriend .pageToSend { width:500px; color:#7b8969; 
	font: 11px Arial, Helvetica, sans-serif; }
#emailToFriend .emailAddress { width:200px; color:#7b8969; 
	font: 11px Arial, Helvetica, sans-serif; }
#emailToFriend .message { width:250px; color:#7b8969; 
	font: 11px Arial, Helvetica, sans-serif; }
#emailToFriend { width:500px; margin:20px 0 10px 0; padding:0; }
#emailToFriend .col1 { margin:0; width:250px; float:left; }
#emailToFriend .col2 { margin:0 5px 0 0; width:245px; float:right; vertical-align:text-top; }	
#emailToFriend .col2 a { padding:0 0 0 10px; color:#7b8969; }
#emailToFriend .col2 a:hover { color: #cccc00; }

/* --- General --- */
#introtext { width:605px; margin:0 5px 0 0; padding: 0 15px 10px 5px; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; line-height: 1.8; }
#introtextShort { width:350px; margin:15px 0 0 0; padding: 0 15px 10px 5px; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; line-height: 1.8; float:left; }
	
#infopanelLeft { margin:0 5px 0 5px; padding:0; width:180px; float:right; color:#7b8969;
	font: 11px Helvetica, sans-serif; vertical-align:top; }
#infopanelLeft span { padding:10px 0 0 10px; }	
#infopanelLeft ul { list-style: none; margin: 8px 0 8px 10px; padding: 0 0 1px 0; }
#infopanelLeft ul li { margin: 0 0 8px 0; padding: 0 10px 0 12px; 
	background: url(../../Images/global/bg.gif) no-repeat left 4px; }
#infopanelLeft ul li a { color:#7b8969; font-weight: normal;  }
#infopanelLeft ul li a:hover { color: #cccc00; }

#sections { margin:10px 10px 0 0; width:600px;  padding: 0 15px 10px 5px; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; }
#sections .column { margin:5px 20px 5px 0; width:600px; float:left; }
#sections .rightCol { display: inline; margin: 25px 15px 5px 15px; float: right; 
	vertical-align: top; }
#sections .col1 { margin: 0 10px 10px 0; float:left; }
#sections a { color:#7b8969; font: 11px Arial, Helvetica, sans-serif; }
#sections a:hover { color: #cccc00; }
#sections h5 { margin:0 0 5px 0; color:#336600; font: bold 16px Arial Narrow, sans-serif; }
#sections img { margin:0; float:none; }
#sections .uses { margin:0 0 25px 0; color: #686763; }
#sections .care { margin:0 20px 25px 0; color: #686763; }
#sections .link { clear: both; text-align: right; width: 600px; padding: 10px 0 10px 0; }
#sections .space { margin: 20px 0 0 0; }
#sections .mapCol { margin:0 5px 0 5px; padding:0; width:200px; vertical-align:top; }

#faqList { margin: 15px 0 0 0; }
#faqList ul { list-style: none; margin: 3px 0 0 0; padding: 0 0 1px 0; }
#faqList ul li { margin: 0 0 7px 0; padding: 0 0 0 15px; 
	background: url(../../Images/global/shield_sm.jpg) no-repeat left; vertical-align:top; }
#faqList ul li a { color:#7b8969; text-decoration: none; font-weight: normal; margin: 0; }
#faqList ul li a:hover { color: #cccc00; }
#dotLine { background: url(../../Images/global/dotline_bg.gif) repeat-x; }
#faqs { width:615px; margin:20px 5px 0 0; padding: 0 15px 10px 5px; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; }
#faqs h5 { margin:0 0 3px 0; color:#686763; font: bold 11px Helvetica, sans-serif; }
#faqs a { color:#7b8969; padding: 0; }
#faqs a:hover { color: #cccc00; }
#faqs .answer { width: 600px; }
#faqs .link { clear: both; text-align: right; width: 600px; padding: 10px 0 10px 0; }

#recipeList { margin: 15px 0 0 0; }
#recipeList ul { list-style: none; margin: 3px 0 0 0; padding: 0 0 1px 0; }
#recipeList ul li { margin: 0 0 7px 0; padding: 0 0 0 15px; 
	background: url(../../Images/global/shield_sm.jpg) no-repeat left; vertical-align:top; }
#recipeList ul li a { color:#7b8969; text-decoration: none; font-weight: normal; margin: 0; }
#recipeList ul li a:hover { color: #cccc00; }
#recipes { width:600px; margin:20px 5px 0 0; padding: 0 15px 10px 5px; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; }
#recipes h5 { margin:0 0 5px 0; color:#336600; font: bold 16px Arial Narrow, sans-serif; }
#recipes a { color:#7b8969; padding: 0; }
#recipes a:hover { color: #cccc00; }
#recipes .subtitle { margin:15px 0 5px 0; color:#686763; font: bold 12px Helvetica, sans-serif; }
#recipes .rightCol { display: inline; margin: 10px 10px 5px 5px; float: right; 
	vertical-align: top; }
#grayLine { width:600px; background: url(../../Images/global/footer_bg.gif) repeat-x; }
#recipes .link { clear: both; text-align: right; width: 600px; padding: 10px 0 10px 0; }

#tips { margin:0; width:390px; float:left; vertical-align:top; }
#tips h5 { margin:0 0 5px 0; color:#336600; font: bold 16px Arial Narrow, sans-serif; }
#tips a { padding: 0; color:#7b8969; }
#tips a:hover { color: #cccc00; }
#tips .rightCol { display: inline; margin: 0 10px 5px 5px; float: right; 
	vertical-align: top; }
#tips .link { clear: both; text-align: left; width: auto; padding: 15px 0 15px 0; }

#aboutUs { width:600px; margin:20px 5px 0 0; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; }

#stores h5 { margin:0; padding:0; color:#336600; font: bold 14px Arial Narrow, sans-serif; }

#privacy { width:615px; margin:20px 5px 0 0; padding: 0 15px 10px 5px; color: #686763;
	font: 11px Arial, Helvetica, sans-serif; }
#privacy h5 { margin:0 0 3px 0; color:#686763; font: bold 11px Helvetica, sans-serif; }
#privacy a { color:#7b8969; padding: 0; }
#privacy a:hover { color: #cccc00; }
#privacy .answer { width: 600px; }
#privacy .link { clear: both; text-align: right; width: 600px; padding: 10px 0 10px 0; }

#navList { margin:10px 0 10px 5px; padding:0; }
#navList span { margin:0 0 10px 0; color:#7b8969; font: 11px Helvetica, sans-serif; }
#navList span a { color:#7b8969; }
#navList span a:hover { color: #cccc00; }


/* ---------- Footer ---------- */	
#footer { margin: 15px 0 10px 0; height: 15px; color:#336600;
	font: 60% Helvetica, sans-serif; text-align:center; float:none; }
#footer ul { margin: 5px 0 0 0; height: 15px; list-style: none; }
#footer li { display: inline; margin: 0; padding: 0; }
#footer a { display: inline; padding: 5px 2px 4px 4px; font-weight: normal; color:#336600;
	text-decoration: none; }




/* ---------- Home Page ---------- */	
#homePage { margin: 0; text-align: center; }
#homePage img { margin:0; padding:0; height:6px; }

#homeContainer { margin: 0 auto 0 auto; padding: 0 0 2px 0;
	text-align: left;  border-top: none; border-bottom: none; background: #FFF; }
/* --- Home Page main Image and Text --- */
#homeImage { width:620px; margin:0 0 0 5px; padding:0; float:left; display:inline; }
#homeImg { width:400px; margin:0; padding:0; float:left; }
#homeImgText { margin:0 10px 5px 5px; padding:0; width:200px; height:auto; 
	float:right; font: 11px Helvetica, sans-serif; color: #336600; }
#homeImgText ul { list-style: none; margin: 0; padding: 0 0 1px 0; }
#homeImgText ul li { margin: 0 5px 7px 0; padding: 0 0 0 10px; font-size: 10px; 
	background: url(../../Images/global/bg.gif) no-repeat left 5px; line-height: 13px; }
#homeImgText ul li a { margin: 0; color: #336600; font-weight: normal; }
#homeImgText li a:hover { color: #cccc00; }
/* --- HP Panels --- */
#panels { margin: 0; width: 619px; border-bottom: solid 1px #acba9f; float:left; 
	background: url(../../Images/home/panels/bg_home_panels.gif) no-repeat left top; }
#panels img { float:none; }
#panels p { margin:10px 0 0 0; color:#686763; font: 11px Helvetica, sans-serif; }
#panels a { margin:0 0 5px 0; color: #686763; font: 11px Arial, Helvetica, sans-serif; }
#panels a:hover { color: #cccc00; }
#panels span.title { margin:0 0 0 0; padding:0 0 0 0; height:20px; color: #336600; 
	font: 300 17px Helvetica, sans-serif; vertical-align:text-bottom; }
#panels .col1 { margin:0 0 10px 0; padding:0 6px 0 6px; width:194px; height:145px;  
	background: url(../../Images/global/spacer.gif)no-repeat left top; }
#panels .col1 img.tips { width:90px; height:62px; margin:10px 0 0 0; float: right; }
#panels .col2 { margin:0 0 10px 0; padding:0 6px 0 6px; width:194px; 
	background: url(../../Images/global/spacer.gif)no-repeat left top; }
#panels .col2 img.recipe { width:90px; height:95px; margin:10px 0 0 5px; float: right; }
#panels .col3 { margin:0 0 10px 0; padding:0 6px 0 6px; width:194px; 
	background: url(../../Images/global/spacer.gif)no-repeat left top; }
#panels .col3 p.highlight { margin:10px 0 0 0; color:#686763; font: 11px Helvetica, sans-serif;
	background-image: url(../../Images/global/dot.jpg); }
