body
{	margin:0;
	padding:0;
	background:#fff;
	color:#434343;
	font:x-small verdana, arial, helvetica, sans-serif;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:76%;
}	html>body {font-size:76%;}

form
{	margin:0;
	display:inline;
}

/* ============================== shadow box ==================== */
.yellowbox
{	margin:2em auto;
	background:#fff5be url(yellowbox-br.gif) no-repeat bottom right;
}

.yellowbox p
{	margin:0;
	padding:25px 30px 30px 30px;
	background:url(yellowbox-bl.gif) no-repeat bottom left;
}

div.plainyellow
{	margin:2em auto;
	padding:1em;
	border:1px solid #add447;
	background-color:#fff5be;
}

/*=============================================================*/

#header
{	padding:3px 15px;
	background:#D5E3B9 url(header_bg.gif);
	border-bottom:1px solid #fff;
}
	
/* navigation */

#nav
{	float:left;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	background:#ccc;
	border-bottom:1px solid #999;
}

#nav li
{	float:left;
	margin:0;
	padding:0;
}

#nav a
{	float:left;
	display:block;
	padding:6px 30px 6px 5px;
	text-decoration:none;
	color:#666;
	background:#ccc url(nav_slant.gif) no-repeat top right;
	border-style:none;
	font:small "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	font-weight:bold;
}
	
#nav #nav-1 a
{	padding-left:20px;
}
	
#nav a:hover
{	color:#000;
}
	
/* more */
	
a.logoimg:link, a.logoimg:visited, a.logoimg:hover,
a.logoimg:link img, a.logoimg:visited img, a.logoimg:hover img
{	border:0;	  
	background:#fff;
	text-decoration:none;
}







/*============================= HEADER GREEN =======================*/
.clearboth, .clearleft, .clearright
{	display:block;
	margin:0;
	padding:0;
	border:0;
}
.clearboth
{	clear:both;
}
.clearleft
{	clear:left;
}
.clearright
{	clear:right;
}

#topwrap
{	background:#ADD447 url(bg-green3.gif)  repeat-x;
	padding:0;
	margin:0;
	border-bottom:solid 4px green;
}
#top
{	width:900px;
	margin:0 auto;
	padding:0;
	border:0;
}
#top #logo
{	float:left;
	margin:0px 0px 0px 12px;
	margin:0px 0px 0px 9px;
}

/*
#top #logo a
{	float:left;
	margin:0;
	padding:0;
	border:0;
}
*/



#utility
{	float:right;
	display:inline;
	margin:0 0 21px 0;
	border:0;
	padding:0;
	color:#fff;
	font:small "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	text-align:right;
}
#utility a
{	color:#fff;
	font-size:90%;
	text-align:right;
	white-space:nowrap;
	margin:0;
	border:0;
	padding:2px 4px;
	text-decoration:none;
}
#utility a:hover
{	background-color:#ECE7BC;
 	color:#5D7C0E;
}


#nav2
{	margin:5px 0 0 15px;
	margin:5px 0 0 3px;
	padding:0;
	border:0;
	float:left;
	float:right;
	display:inline;
	color:#fff;
	font:small "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	text-align:left;
	font-size:12px;
}
ul#nav2 li
{	display:inline;
}
ul#nav2 li a
{	float:left;
	color:#666;
	color:#5D7C0E;
	background:#ECE7BC url(navshad.gif) top right no-repeat;
	padding:5px 14px 4px 12px;
	padding:5px 12px 4px 10px;
	margin:0 0 0 3px !important;
	font-size:100%;
	white-space:nowrap;
	border:0;
	
	text-shadow:0 1px 1px #FFFFFF;
}
ul#nav2 li a:hover
{	color:#fff;
	background:#666 url(navshad.gif) right -75px no-repeat;
	background: #86B034;
	
	text-shadow: none;
	
}
#nav2 a
{	color:#fff;
	text-decoration:none;
	font-weight:bold;
}




/*======================== FOOTER =========================*/

#footerwrap
{	background:#F1F1D8 url(bg-yellow.gif) repeat-x;
background:#D5E3B9; 
	border-bottom:solid 1px #666;
}

#footoverwrap
{	background:#fff url(bg-white-bot.gif) bottom left repeat-x;
}

#footover, #footer
{	width:900px;
	margin:0 auto;
}

#footover
{	padding:20px 0 10px 0; 
	color:#c00;
}

p.footeroverlinks
{	margin:0 15px;
	padding:0;
}

p.footeroverlinks a
{	color:#666;
	text-decoration:none;
	padding:2px 4px;
}

p.footeroverlinks a:hover
{	color:#5D7C0E;
	background-color:#ECE7BC;
}

#footer
{	color:#444;
}

p#foot1, p#foot2
{	margin: 15px 0;
	font-size:.96em;
}

#foot1
{	width:350px;
	float:left;
	padding-left:15px;
}

#foot2
{	width:430px;
	float:right;
}

#footer img
{	float:left;
}

/*=============================================================*/

#content
{	margin:0 auto;
	width:900px;
background:#fff url(headerbase.gif) repeat-x left top;
}
.maincol
{	float:left;
	width:680px;
	margin:15px 0;
	padding:0 0 0 15px;
	border:0;
	font-size:1em;
	line-height:1.5em;
}
.subcol
{	float:right;
	width:190px;
	margin:10px 0px 0px 0px;
	padding:0;
	border:0;
	font-size:90%;
}
.subcoloriginal
{	float:right;
	width:180px;
	margin:0;
	padding:10px 5px 20px 5px;
	border:0;
	font-size:1em;
	line-height:1.5em;
}
.checkout 
{	width:750px;
	margin:auto;
	padding:0;
	border:0;
}
.receipt 
{	width:644px;
	margin:auto;
	padding:0;
	border:0;
}

/*=============================================================*/

.menubox
{	width:158px; 
	border:1px ridge #d4d0c8; 
	padding:10px;
	height:160px; 
	background-color:#fff; 
	overflow:auto;
	margin:1px 1px 15px 0px;
}

.brands, .searchbox
{	border-left:1px solid #ddd; 
	padding-left:10px; 
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #ddd; 
}

.brands
{	line-height:1.6em;
}

.sideheading
{	color:#974;
 	margin:1.25em 0 .2em;
	font:175% Georgia, serif;
	line-height:1.4em;
}

.sideheading2
{	color:#693;
	margin:1.25em 0 0em;
	font:175% Georgia, serif;
}

.psubhead
{	color:#c00;
	font-family:"Trebuchet MS", trebuchet, arial, helvetica, sans-serif;
	border:0;
	padding:0;
	margin:1em 0 0.5em 0;
	font-size:1.2em;
	font-weight:bold;
      border-bottom:1px dotted #999;
}




/* Headings and text
================================================*/
h1, h2, h3, h4, h5, h6 
{	font-weight:normal;
	color:#c00;
	font-family:"Trebuchet MS", trebuchet, arial, helvetica, sans-serif;
	border:0;
	padding:0;
	margin:1em 20px .5em 20px;
}
h1 
{	font-size:1.8em;
	margin:10px 0 10px 0;
	line-height:1.2em;
	text-shadow:0 1px 1px #AAAAAA;
}
h2 
{	font-size:1.5em;
}
h3 
{	font-size:1.2em;
	font-weight:bold;
}
h4 
{	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
}
h5 
{	font-size:1em;
	font-weight:bold;
	font-family:verdana, arial, helvetica, sans-serif;
}
h6 
{	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}
p, ol, td
{	margin:1em 0;
	font-size:1em;
	font:small "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	line-height:1.5em;
}
p.disclaimer 
{	font-size:.9em;
	color:#777;
	clear:both;
	text-align:justify;
	margin:1em 0;
	padding:0;
	border:0;
}
p.inputerrors
{	text-align:justify;
	margin:2em 0 0 0;
	padding:15px 15px 15px 60px;
	background:url(icon_error.gif) no-repeat 15px 10px;
	border:1px solid #f00;
	color:#f00;
}
.subcol h3
{	color:#360;
	margin:1em 0 .1em 0;
}

.prodinfo span
{	font-weight:bold;
	font-style:italic;
}

.ozb
{	font-weight:bold;
}

.faq
{	color:#c00;
	font-weight:bold;
	font-size:1.1em;
}

/* Links ----------------------------------------------- */

.maincol a:link, .maincol a:visited,
.receipt a:link, .receipt a:visited
{	color:#03c;
	text-decoration:none;
	border-bottom:1px dotted #69f;
}
.maincol a:visited,
.receipt a:visited
{	color:#906;
	border-color:#c6c;
}
.maincol a:hover,
.receipt a:hover
{	color:#c00;
	background:#dff;
	border-bottom:1px solid #69f;
}
a.img, a:link img, a:visited img, a:hover img {border-width:0; border:0; text-decoration:none; background:#fff;}
a img, a.img:link, a.img:visited, a.img:hover {border-width:0; border:0; text-decoration:none; background:#fff;}
.maincol img {display:block;}
.maincol a img {border:0;}

/*=============================================================*/

.bluetable
{	margin:1.5em 0;
	font-size:1em;
	border-bottom:2px solid #235;
	border-left:1px solid #ace;
	border-collapse:collapse;
}
.bluetable td
{	border-bottom:1px solid #ace;
	border-right:1px solid #ace;
	padding:0.25em 1em;
	color:#235;
	vertical-align:middle;
}
.bluetable .trhead td
{	background:#123456 url("bg_table_head.jpg") repeat-x;
	color:#fff;
	font-weight:bold;
}
.bluetable .tralt td
{	background:url("bg_table.jpg") repeat-x 0 50%;
}

/*=============================================================*/

.list
{	width:98%;
	margin:0;
	padding:0;
	  text-align:left;
	border-spacing:0;
	border-collapse:collapse;
	border-left:1px solid #ffcc99; 
	border-top:1px solid #ffcc99; 
	font:small "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.list td
{	padding:3px 8px;
	vertical-align:middle;
	  border-right:1px solid #ffcc99; 
	border-bottom:1px solid #ffcc99; 
}
.list .head {text-align:center;	background-color:#fff7d6; 	font-weight:bold; }
.list .rp 	{text-align:right; 	padding:5px 8px;		white-space:nowrap;	}
.list .sp 	{text-align:right; 	padding:5px 8px;		white-space:nowrap;	}
.list .pn 	{padding-left:10px;	}

.strike	{background:url(linethrough.gif) repeat-x center left; }

/*=============================================================*/
.categories
{	margin:0 0 2em 0;
	padding:0;
	border-spacing:0;
	border-collapse:collapse;
	font:small "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	width:98%;
}
.categories td
{	padding:.5em;
	vertical-align:top;
	line-height:1.5em;
	width:33%;
}

.categories ul, .categories li
{	padding:0;
	margin:0;
}

.categories li
{	margin-left:10px;
	margin-right:10px;
}

.categories ul
{	list-style-image: url(li3.png);
}

/*=============================================================*/
.pgtoptable
{	margin:0;
	padding:0;
	  text-align:left;
	border-spacing:0;
	border-collapse:collapse;
	font:small serif; 
}
.pgtoptable td 
{	padding:12px 30px 0 7px;
	margin:0;
	vertical-align:bottom;
	border-left:1px solid #86B034; 
	color:#090;
}


/*=============================================================*/

.addtocart 
{	margin:20px auto;
	padding:0;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	background-color:#fff9e8; 
}
.addtocart td, .addtocart th
{	padding:4px 5px;
	vertical-align:middle;
	border:1px solid #ffcc99;
	white-space:nowrap;
}
.addtocart th
{	text-align:right;
	font-weight:bold;
	font-style:italic;
	white-space:nowrap;
	width:100px; 
}
.miniatc {margin:0; padding:0; border:0; background-color:#fff }
.miniatc td {margin:0; padding:0 4px; border:0;  background-color:#fff}
.addtocart .atc {background-color:#fff;	padding:10px;	border:1px solid #ffcc99;}
.buyprice {font-weight:bold; color:#c00; font-size:1.25em;}

/*=============================================================*/

.plabeldiv {border:1px solid #000;		padding:6px;	background-color:#fff;	margin-top:3em;}
.plabeldiv, .otheringredients {width:475px;}
.otheringredients {font-style:italic; margin-left:0; margin-top:5px;}
.plabel
{	width:100%;
	background-color:#fff; 
	margin:0;
	padding:0;
	border:0; 
	border-spacing:0;
	border-collapse:collapse;
	font:small "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
}
.plabel td
{	vertical-align:top;
	border-bottom:1px solid #ddd; 
}
.plabel1 {line-height:1.75em;}
.sf	 {font-size:1.75em;	font-weight:bold;}
.ss	 {font-size:1em;	font-weight:bold;}
.spc {font-size:1em;	font-weight:bold;}
.plabel .plabel2 td
{	text-align:center;	
	padding:2px 0px 2px 3px; 
	border-top:6px solid #000;
	border-bottom:3px solid #000;
}
.plabel .plabel3 td
{	text-align:left;	
	padding:3px 7px; 
	border-top:3px solid #000;
	border-bottom:0;
}
.plabel .ing 	{text-align:left;	padding:2px 10px 2px 6px;}
.plabel .aps 	{text-align:right; 	padding:2px 12px 2px 6px;	white-space:nowrap;	width:60px;}
.plabel .pdv	{text-align:right;	padding:2px 9px	2px 6px;	white-space:nowrap;	width:60px;}



/*=============================================================*/

.carttable 
{	border-collapse:collapse;
	border-spacing:0;
	  margin:0;
	padding:0;
	border:0;
	width:98%;
	font:small "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.trh1
{	background:#eff;
	color:#c00;
	font-weight:bold;
	font:medium "Lucida Grande", "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	vertical-align:middle;
	border:1px solid #ace;	
	padding:.25em .5em;
}
.trhead
{	background:#123456 url("bg_table_head.jpg") repeat-x;
	color:#fff;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:3px;
}
.scname, .sceach, .scqty, .sclinetot, .scqtybtn, .sctnt
{	border-bottom:1px solid #ace;
	border-right:1px solid #ace;	
}
.scimg
{	border-bottom:1px solid #ace;
}
.scimg, .scqtybtn, .sctnt
{	border-left:1px solid #ace;
}	
.scname, .sceach, .scqty, .sclinetot, .scimg, .scqtybtn, .sctnt, .sccheckout
{	vertical-align:middle;
	padding:0.5em 1em;
}
.scimg
{	padding:2px 0 2px 3px;
}
.sccheckout
{	padding:1em;
}
.scname
{	text-align:left;
}
.sceach, .sclinetot, .sctnt, .sccheckout
{	text-align:right;		white-space:nowrap;
}
.scqty, .scqtybtn, .scimg
{	text-align:center;
}
span.scitem
{	white-space:nowrap;	 color:#777;
}
a.scphref:link, a.scphref:visited
{	color:#03c;
	text-decoration:none;
	border:0;
}
a.scphref:hover 
{	color:#c00;
	background:#dff;
	border-bottom:1px solid #69f;
}
a.scpimghref:link, a.scpimghref:visited, a.scpimghref:hover,
a.scpimghref:link img, a.scpimghref:visited img, a.scpimghref:hover img
{	border:0;	  background:#fff;
}
input.qtytext
{	text-align:center;
}

p.cartsubhead
{	width:100%;
	font-weight:normal;
	color:#c00;
	font-family:"Trebuchet MS", trebuchet, arial, helvetica, sans-serif;
	border:0;
	padding:0;
	margin:0;
	  border-bottom:1px dotted #999;
	font-size:1.5em;
}

/*=============================================================*/
.cotd
{	vertical-align:top;
	padding:.25em .25em .25em .25em;
}
.cotext, .cotext2, .coselect, .coselect_nowidth, .cotextarea 
{	border:solid 1px #d4e58e;
	background-color:#fbffeb;
	font:small Verdana, Arial, sans-serif;
	padding:2px 4px;
}
.coselect, .coselect_nowidth
{	padding:1px 0px 1px 4px;
}
.coselect
{	width:320px;
}
.cotext
{	width:150px;
}
.cotext2
{	width:320px;
}
p.cosubhead
{	width:100%;
	font-weight:normal;
	color:#c00;
	font-family:"Trebuchet MS", trebuchet, arial, helvetica, sans-serif;
	border:0;
	padding:0;
      border-bottom:1px dotted #999;
	font-size:1.5em;
}
input.cobtn 
{	background:#c00;
	color:#fff;
	border-color:#999 #333 #333 #999;
	margin:20px 0;
	padding:5px 12px;
	font:small Verdana, Arial, sans-serif;
	font-weight:bold;
}

/*=============================================================*/

.uecarttable 
{	border-collapse:collapse;
	border-spacing:0;
      margin:auto;
	width:100%;
	font:small "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	color:#444;
}
.uetrhead
{	background:#123456 url("bg_table_head.jpg") repeat-x;
	color:#fff;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:2px .25em;
	border-top:1px solid #ace;
	border-bottom:1px solid #ace;
}
.uesccode, .uescname, .uesceach, .uescqty, .uesclinetot, .uesctnt
{	border-bottom:1px solid #ace;
	border-right:1px solid #ace;	
}
.uesccode, .uesctnt
{	border-left:1px solid #ace;
}	
.uesccode, .uescname, .uesceach, .uescqty, .uesclinetot, .uesctnt, .uesceditcart
{	vertical-align:middle;
	padding:2px 7px;
}
.uesceach, .uesclinetot
{	padding-left:1em;
}
.uesccode, .uescname
{	text-align:left;
}
.uesceach, .uesclinetot, .uesctnt, .uesceditcart
{	text-align:right;		white-space:nowrap;
}
.uescqty
{	text-align:center;
}


/*=============================================================*/
.receiptsa, .receiptba
{	float:left;
	margin:1em 3em 2em 0;
	border:1px solid #D5E3B9;
	padding:0;
	min-width: 200px
}

.receiptba
{	float:right;
	margin-right:0;
}

.receiptheader
{	background-color:#D5E3B9;
	text-transform:uppercase;
	font-weight:bold;
	color:#c00;
	padding:3px 15px;
	margin:0;
}

.receiptaddr
{	padding:.5em 1em;
	margin:0;
}

/*=============================================================*/

.vita
{	font-size:.9em;
	padding:0;
	background:#fff;
	width:100%;
}
.vita .lcell
{	padding:0;
	width:150px;
	text-align:left;
}
.vita .mcell
{	padding:0;
	text-align:left;
}
.vita .rcell
{	padding:0;
	width:150px;
	text-align:right;
}


/*=============================================================*/
.bg_gloss
{	float:right; 
	width:225px; 
	margin-left:30px; 
	color:#345; 
	padding:25px; 
	border:none; 
	text-align:center; 
	line-height:140%; 
	background:url('http://images.sourceforge.net/bg_gloss.png') no-repeat;
}


/*==============new side menu===============================*/

.box
{	margin:15px 0;
	font-weight:normal;
	color:#668B1D;
	background:#D5E3B9 url(bg-sidebar-green-btm.gif) no-repeat bottom right;
}
.box h3
{	margin:0 0 10px 0;
	padding:6px 12px;
	font:bold 110% Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	background:#86B034 url(bg-sidebar-green-top.gif) no-repeat top left;
}
.box ul
{	margin:0;
	padding:0;
	line-height:1em;
	list-style:none;
}
.box ul li
{	margin:0;
	padding:0;
}
.box a
{	display:block;    
	padding:5px 2px;
	text-decoration:none;
	color:#606352;
	border-bottom:1px solid #CBD8B0;
}
.box a:visited
{	color:#606352;
}
.box a:hover, .box ul#tag-list li a.narrow.just-added:hover
{	color:#384D0D;
	background-color:#CBD8B0; 
}
.menubox2
{	width:158px; 
	border:1px ridge #d4d0c8; 
	padding:7px 10px;
	height:160px; 
	background-color:#fff; 
	overflow:auto;
	margin:auto;
}
.box
{	padding-bottom:10px;
}





/* ====================== PageNumbers ========================*/

.pagenumbersdiv
{	margin:1.5em 0 ;
	width:94%;
	background-color:#fff7d6;
	text-align:center;
	clear:both;
	padding: 2px 1em;
}

.pagenumbersdiv ul, .pagenumbers li
{	margin:0;
	padding:0;
}

.pagenumbers li
{	display:inline;
	margin:2px 10px;
	float:left;
}

.pagenumbers li a, .pagenumbers li a:link, .pagenumbers li a:visited, .pagenumbers li a:hover, .pagenumbers li a:active
{	display:block;
	padding:4px 8px;
	border:1px solid silver;
	text-decoration:none;
	background-color:#fff;
}

.pagenumbers li a:hover, .pagenumbers li a:active
{	border:1px solid #c00;
	text-decoration:underline;
	color:#c00;
}

li.pagenumbersnobox
{	padding:4px 2px;
	margin-left:3px;
	margin-right:3px;
}

/*======================   OZALERT ============================*/
.ozalert
{	padding:15px;
	margin:1em 0;
	border:1px solid red;
	color: #000;
	background-color: #FCFCD2;
}
.ozalert h3 
{	height: 1.5em;
	line-height: 1.5em;
	margin: 0 1em 1em 0;
	color:red;
	background: url(alert-bg.gif) center left no-repeat;
	padding-left: 35px;
}
.ozalert ul
{	margin-bottom:0;
	list-style-image: url(li_red.gif);
}

.ozalert ul li
{	line-height:1.5em;
}

/*======================   Checkout Seals ============================*/


#checkoutseal
{
	width:251px; 
	background:#fff url(bg_gloss.png) top left no-repeat; 
	margin:75px auto 10px auto;
	padding:5px 12px 15px 12px;

}

#checkoutseal p
{	font-size:.96em;
	line-height:1.3em;
}

#checkoutseal a:link, #checkoutseal a:link, #checkoutseal a:visited, #checkoutseal a:active, #checkoutseal a:hover
{	color:#03c;
	text-decoration:underline;
	font-weight: bold;
}