/* 3 col layout from Paul O'B at:  http://www.pmob.co.uk/   Thanks Paul! */
/* Uberlink CSS List Menu from: http://www.projectseven.com  Thanks PVII! */
/* Yea I know this css file probably looks like a tain wreck... */  

/* ##### Begin main Layout ##### */
h3 {
	font-size: 18px;
	}
	
/* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:760px;/* for mozilla*/
	background-color: /*#DCAA77;DB9B5A*/;
	color: #000000;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	background: url(pics/site/bodyshadow.gif) top center repeat-y;
}
A:link {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight:bold; text-decoration: underline;}
A:visited {font-family: verdana, arial, sans-serif; font-size: 11px; font-weight:bold; color: blue; text-decoration: underline;}
A:hover {color: #C68700; text-decoration: none;}
#outer{
	height:100%;
	min-height:100%;
	width:758px;
	border-left:0px solid gray;
	border-right:0px solid gray;
	color: #000000;
	text-align:left;
	margin:auto;
	background-color: #fff;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:606px;
}

#header{
	position:absolute;
	top:0;
	left:-1px;
	width:760px;
	height:128px;
	background: #D0D4FC;
	border:0px solid #000;
	border-left: 0px solid #000;
	border-top: 0px solid #000;
	overflow:hidden;
	color: #000000;
	z-index:100;
}

*html #header {
	left: 0;
	
	
	}

#leftnav {
	position:relative;/*ie needs this to show float */
	width:1px;
	float:left;
	padding-top:110px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	margin-left: 0px;
}

#leftnav p {padding-left:3px;padding-right:2px}
#rightnav p {padding-left:4px;padding-right:2px}

#rightnav {
	position:relative;/*ie needs this to show float */
	width:140px;
	float:right;
	padding-top:145px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
	margin-right: 1px;
	text-align: right;
	
	
}

#footer {
	width:758px;
	clear:both;
	height:50px;
	border-top:1px solid #C6C8C6;
	border-bottom:0px solid #000;
	background-color: #FFf;
	color: #C6C8C6;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}

#footer A:link {font-size: 11px; color: #C6C8C6; text-decoration: none;}
#footer A:visited {font-size: 11px; color: #C6C8C6; text-decoration: none;}
#footer A:hover {font-size: 11px; color: #C6C8C6; text-decoration: underline;}

* html #footer {/*only ie gets this style*/
	\height:52px;/* for ie5 */
	he\ight:52px;/* for ie6 */
	width: 756px;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/
#centercontent {
	width:587px;
	float:right;
	padding-top:145px; /* This s/b 92 if optimized for MOZ */
	padding-bottom:32px;/* needed to make room for footer */
	/*border: 1px solid red;*/
	}

#centercontent p {padding-left:3px}

#clearfooter {width:100%;height:52px;clear:both} /* to clear footer */

/* ##### End MAIN layout ##### */

/* ##### Begin HEADER content ##### */

#header h1 {
	position: relative;
	left: 165px;
	top: -80px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #B28C3C;
	padding-top: 0px;
	padding-bottom: 0px;
	letter-spacing: 4px;
	margin: 0px 4px -8px;
}

.logo {
	position: relative;
	left: 620px;
	top: -130px;
	}

#header h4 {
	position: relative;
	left: 165px;
	top: -75px;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: bold;
	margin: 12px 4px -20px;
}


.headgrad {
	position: relative;
	top: -130px;
	left: 0px;
	height: 6px;
	background-image: url(pics/site/blue_grad3.gif);
	background-repeat: repeat-x;
	}
	
*html .headgrad {
	top: -135px;
	}
	
.headnav {
	position: relative;
	top: -145px;
	left: 0px;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	}

*html .headnav {
	position: relative;
	top: -165px;
	left: 0px;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 0px;
	}
	
.headnav ul {
margin: 0px; /*removes indent IE and Opera*/
padding: 10px; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
background-color: #fff;
/*
background-image:  url(images/leftnav_over.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
*/
}

*html .headnav ul {
	padding: 5px;
	}
	
.headnav li {
margin: 0px;
display: inline;
height: 1em;
}

.headnav a {

padding: 4px 4px 4px 4px;
border: 1px solid;
border-color: #ddd #114c9a #114c9a #ddd;
background-color: #6A9E76;
/*
background-image:  url(images/leftnav_down.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
*/
height: 1em;
font-weight: bold;
font-size: 11px;
margin-right: 5px;
}
 
.headnav a:link, .headnav a:visited {
color: #fff;
text-decoration: none;
}

.headnav a:hover, .headnav a:active,
#uberlink a:link, 
#uberlink a:hover, #uberlink a:active {
color: #fff;
background-color: #81C08F;
}

#headlinks{
	position: absolute;
	top: 52px;
	left: 585px;
}

* html #headlinks{
	position: absolute;
	top: 49px;
	left: 585px;
}

#headlinks ul {
	
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#headlinks li {
	display: inline;
}

#headlinks a:link, #headlinks a:visited {
	border:1px solid #fff;
	color: #fff;
	letter-spacing: 1px;
	padding: 2px 10px 3px 10px;
	background-color: #6A9E76;
	text-decoration: none;
	font-size: 9px;
}

#headlinks a:hover {
	background-color: #D7F8DF;}


/* commented backslash hack v2 \*/ 
* html #headlinks a {height:1%;} 
/* end hack */ 

#headlinks a:hover{background-color: #8ECF9D;}

/* ##### End HEADER content ##### */

/* ##### Begin COLUMN 1 content ##### */


#leftnav ul {
margin: 0; /*removes indent IE and Opera*/
padding: 0; /*removes indent Mozilla and NN7*/
list-style-type: none; /*turns off display of bullet*/
background-color: #81C08F;
/*
background-image:  url(images/leftnav_over.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
*/

}

#leftnav li {
margin: 0;
display: inline;
height: 1em;
}

#leftnav a {
display: block;
padding: 4px 2px 4px 4px;
border: 1px solid;
border-color: #ddd #114c9a #114c9a #ddd;
background-color: #6A9E76;
/*
background-image:  url(images/leftnav_down.gif);
background-repeat: no-repeat;
background-position: 0% 50%;
*/
height: 1em;
font-weight: bold;
font-size: 12px;
}
 
#leftnav a:link, #leftnav a:visited {
color: #fff;
text-decoration: none;
}

#leftnav a:hover, #leftnav a:active,
#uberlink a:link, 
#uberlink a:hover, #uberlink a:active {
color: #fff;
background-color: #81C08F;
}

#uberlink a:visited	{
	background-color: #81C08F;
}


	
#navlinkS1, #navlinkS2, #navlinkS3	{
	font-size: 12px;
} 


	
#bottomlinkhead	{

	color: #fff;
	height: 1em;
	font-size: 10px;
	padding: 6px 2px 6px 15px;
}

.learn	{
width: auto;
overflow: hidden;
background-color: #E4FCE4;
border: 1px solid #730;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
padding: 5px;
color: #fff;
}

.learn li	{
	list-style-type: none;
	margin-left: -40px;
	line-height: 1.5em;
	font-size: 10px !Important;
	
}

.learn h4	{
	background-color: #6C8D6C;
	margin: -5px!important;
	padding: 3px!important;
	font-size: 10px;
	font-weight: bold;
}

.learnrule	{
	border-top: 1px solid #FD7100;
}

.copyright {
	font-size: 9px;
	color: #aaa;
	line-height: 34px;
}

/*
.headerlink a:link, .headerlink	a:visited, .headerlink a:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: white;
	font-size: 20px;
	text-decoration: none;
}


.headlinks A:link {font-family: verdana, arial, sans-serif; font-size: 12px; font-weight:bold; color: #ff7b00; text-decoration: none;}
.headlinks A:visited {font-family: verdana, arial, sans-serif; font-size: 12px; font-weight:bold; color: #ff7b00; text-decoration: none;}
.headlinks A:hover {font-family: verdana, arial, sans-serif; font-size: 12px; font-weight:bold; color: #454545; text-decoration: none;}
*/

/* ##### End COLUMN 1 ##### */

/* ##### Begin COLUMN 3 ##### */

#rnavtable {
	font-size: 11px;
	line-height: 1.5em;
	color: #fff;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	background-color: #E4FCE4;
	margin: 1px;
	padding: 0px;
}

.carthelp a:link, .carthelp a:visited	{
	font-size: 10px;
	
}
 .cart a:link, .cart a:visited	{
 	font-size: 10px;
 }
 
 .carthelp {
 	font-size: 12px;
	color: #000;
}

#cart	{
	padding: 1px 2px;
	background-color: #E4FCE4;
}

#carttop {
	margin-right: 1px !important;
	background: #6A9E76;
	background-image: url(Images/cart.gif);
	background-repeat: no-repeat;
	width: 118px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding-top: 0px;
	height: 19px;
	border: 1px solid #000;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: -1px;
}

html>body #carttop {
	margin-right: 1px !important;
	background: #6A9E76;
	background-image: url(Images/cart.gif);
	background-repeat: no-repeat;
	width: 116px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding-top: 0px;
	height: 19px;
	border: 1px solid #000;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: -1px;
}

.cart	{
	font-size: 10px;
	color: #000;
}

.minicarthead {
	font-size: 10px;
	font-weight: bold;
	color: #6A6868;
	padding: 2px 0px;
}

.minicartadd {
	font-size: 12px;
	font-weight: bold;
	background: #FCA85D;
	color: #3C5943;
	padding: 2px 4px 2px 4px;
	text-align: right;
	margin-bottom: 44px;
	
}

#checkout {
	position: relative;
	top: 13px;
	margin-right: -28px;
	font-size: 11px!Important;
	font-weight: bold;
	color: #fff;
}

.checkout a {
	text-decoration: none !Important;
}

/* ##### Begin Shopping Cart Page ##### */

.carthelp	{
	width: auto;
	overflow: hidden;
	background-color: #E4FCE4;
	border: 1px solid #730;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	padding: 5px;
	color: #fff;
}

.carthelp li	{
	list-style-type: none;
	margin-left: -40px;
	padding-bottom: 2px;
}

.carthelp h4	{
	background-color: #6C8D6C;
	margin: -5px!important;
	padding: 3px!important;
	font-size: 10px;
	font-weight: bold;
}

.carthelp	{
	border-top: 1px solid #FD7100;
}

.carthelp a {
	font-size: 11px!Important;
}	


/* ##### Begin FEATURED divs ##### */

.t {background: url(images/dot.gif) 0 0 repeat-x; width: 120px}
.b {background: url(images/dot.gif) 0 100% repeat-x}
.l {background: url(images/dot.gif) 0 0 repeat-y}
.r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl {background: url(images/bl.gif) 0 100% no-repeat}
.br {background: url(images/br.gif) 100% 100% no-repeat}
.tl {background: url(images/tl.gif) 0 0 no-repeat;}
.tr {background: url(images/tr.gif) 100% 0 no-repeat; padding-top:4px}

.rheadgrn {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	padding: 3px;
	padding-left: 4px;
	margin-top: 4px;
	background: url(images/featured_cap.gif) no-repeat;
}

#featured {
	width: 120px;
}

#featured a {
	width: 120px;
	font-size: 10px;
	font-weight: bold;
}

#featuredprod1, #featuredprod2, #featuredprod3, #featuredprod4, #featuredprod5 {
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	}
	
#featuredprod5 {
	padding-bottom: 8px;
	}

.featuredot {
	
	border-top: 1px solid #6A9E76;
	margin-top: 4px;
}

/* ##### End COLUMN 3 ##### */

/* ##### Begin FOOTER ##### */


.bottomlinks A:link {color:gray; text-decoration:none;}
.bottomlinks A:visited {color:gray; text-decoration:none;}
.bottomlinks A:hover {color:gray; text-decoration:underline;}

/* ##### End FOOTER ##### */



/* ##### Begin Center Content ##### */

#categories p {
	font-size: 18px;
	color: #000;
	margin-bottom: -5px;
	}
#categories {
  	float: left;
  	width: 580px;
  	padding: 0px 0;
	}
#categories dl {
  	float: left;
  	width: 580px;
  	margin: 10px 5px;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
#categories dt {
  	float: right;
  	width: 429px;
  	margin: 0;
  	padding: 0;
  	font-size: 12px;
	font-weight: bold;
  	letter-spacing: 1px;
  	color: #000;
  	}
	
#categories dt h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	}
#categories dd {
  	margin: 20px 0px 0 98px;
  	padding: 0;
  	
  	color: #000;
  	}
#categories dl dd.img {
   	margin: 0;
   	}
#categories dd.img img {
  	float: left;
	
  	margin: 0 8px 0 0;
  	padding: 4px;
  	border: 1px solid #D9E0E6;
  	border-bottom-color: #587F61;
  	border-right-color: #587F61;
  	background: #fff;
  	}

/* reverse float */

#categories .alt dt {
  	float: left;
  	}
#categories .alt dd {
  	margin: 0 104px 0 0;
  	}
#categories .alt dd.img img {
  	float: right;
  	margin: 0 0 0 8px;
  	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
#productgroup {
	position: absolute;
	top: 120px;
	right: 130px;
	width: 140px;
	font-size: 15px;
	line-height: 1.65em;
	letter-spacing: 0.005em;
	font-family: "Times New Roman";
	}

#guarantee {
	position: absolute;
	top: 305px;
	right: 160px;
	z-index: 1;
	}

*html #guarantee {
	position: absolute;
	top: 315px;
	right: 160px;
	}
	
#hptop h1 {
	margin-bottom: 15px;
	}
	
#hptop {
	position: relative;
	top: -10px;
	left: 10px;
	width: 450px;
	font-size: 16px;
	line-height: 1.1em;
	font-family: "Times New Roman";
	color: #6A5612;
	}

#hptoph2 {
	line-height: 1.3em;
	}
	
*html #hptop {
	top: 10px;
	}
	
#hpmain {
	position: relative;
	top: 0px;
	left: 10px;
	width: 465px;
	font-size: 10px;
	color: #000;
	}

*html #hpmain {
	position: relative;
	top: 20px;
	left: 10px;
	width: 465px;
	
	font-size: 10px;
	color: #000;
	}
	
#hpmain p {
	font-size: 11px;
	}

#hpmain p.bullets {
	font-size: 11px;
	color: #5a8564;
	}
	
#hpmain ul {
	margin-top: -5px;
	color: #5a8564;
	font-size: 11px;
	}
	
#hpmain ul li {
	margin-left: -10px;
	}
	
#hpmain p.bullets {
	color: #5a8564;
	}
	
#hpmain p A:link {font-size: 12px; text-decoration:underline;}
#hpmain p A:visited {font-size: 12px; text-decoration:underline;}
#hpmain p A:hover {font-size: 12px; color:#C68700; text-decoration:underline;}
	
	
*html #hpmain p {
	margin-bottom: 15px;
	}

.hpocher {
	position: relative;
	top: 15px;
	left: 10px;
	background: #F0FAF0;
	width: 460px;
	padding: 2px;
	border: 1px solid #8BCF9B;
	}

.hpocher p, .hpmin p, .hpox p {
	font-size: 10px;
	}

.hpmin {
	position: relative;
	top: 25px;
	left: 10px;
	background: #F0FAF0;
	width: 460px;
	padding: 2px;
	border: 1px solid #8BCF9B;
	}
	
.hpox {
	position: relative;
	top: 35px;
	left: 10px;
	background: #F0FAF0;
	width: 460px;
	padding: 2px;
	margin-bottom: 10px;
	border: 1px solid #8BCF9B;
	}
	
.hprecipelinks {
	position: relative;
	top: 35px;
	left: 10px;
	line-height: 20px;
	width: 460px;
	padding: 4px;
	margin-bottom: 20px;
	border: 1px solid #8BCF9B;
	}

/*
*html .hpmainbox1 {
	top: 0px;
	}

*html .hpmainbox2 {
	top: 0px;
	}
	
.hpmainbox1 p, .hpmainbox2 p, .hpmainbox3 p {
	font-size: 11px;
	}
*/
h1  {
	font-size: 22px;
	font-weight: normal;
	font-family: "Times New Roman";
	margin-bottom: -10px;
	letter-spacing: 0.01em;
	color: #9D7F1A;
	}
	
*html h1 {
	margin-bottom: -12px;
	}
	

	
	
.hpmainsub {
	font-size: 15px;
	
	
	}
	
.boxcontainer {
	margin-top: 0px;
}

/* Rounded corners for HP category boxes */
.t2 {background: url(images/dot.gif) 0 0 repeat-x; width: 120px}
.b2 {background: url(images/dot.gif) 0 100% repeat-x}
.l2 {background: url(images/dot.gif) 0 0 repeat-y}
.r2 {background: url(images/dot.gif) 100% 0 repeat-y}
.bl2 {background: url(images/bl.gif) 0 100% no-repeat}
.br2 {background: url(images/br.gif) 100% 100% no-repeat}
.tl2 {background: url(images/tl.gif) 0 0 no-repeat;}
.tr2 {background: url(images/tr.gif) 100% 0 no-repeat; padding-top:4px}

.rheadgld {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 3px;
	background: url(images/box_capsm.gif) no-repeat;
}

#boxfa, #boxcr, #boxna, #boxid, #boxed, #boxch {
	position: relative;
	top: 0px;
	left: 0px;
	background: #fff;
	width: 120px;
	margin-top: 5px;
}

.boxfainner {
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-size: 8pt;
	width: 120px;
	}

.boxnainner {
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-size: 8pt;
	width: 120px;
}

.boxidinner {
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-size: 8pt;
	width: 120px;
}

.boxedinner {
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-size: 8pt;
	width: 120px;
}

.boxcrinner {
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-size: 8pt;
	width: 120px;
}

.boxchinner {
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	padding-top: 2px;
	font-size: 8pt;
	width: 120px;
}



.clear {
	clear: both;
}

.small {
	font-size: .9em;
}

p {
	font-size: 10pt;
	line-height: 1.25em;
}

/* ##### RECIPES ##### */

#recipecontainer {
	margin-top: 0px;
}

/* Rounded corners for boxes */
.t2r {background: url(images/dot.gif) 0 0 repeat-x; width: 450px}
.b2r {background: url(images/dot.gif) 0 100% repeat-x}
.l2r {background: url(images/dot.gif) 0 0 repeat-y}
.r2r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl2r {background: url(images/bl.gif) 0 100% no-repeat}
.br2r {background: url(images/br.gif) 100% 100% no-repeat}
.tl2r {background: url(images/tl.gif) 0 0 no-repeat;}
.tr2r {background: url(images/tr.gif) 100% 0 no-repeat; padding-top:4px}

.recipehead {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding: 3px;
	padding-left: 8px;
	background: url(images/recipebox_cap.gif) repeat-x;
}

#recipebox {
	top: 5px;
	left: 0px;
	margin-bottom: 10px;
	background: #fff;
	width: 450px;
}

.recipeinner {
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 5px;
	font-size: 9pt;
	line-height: 1.25em;
	width: 450px;
}

.tradename {
	font-size: .8em;
	text-transform: uppercase;
}

p {
	font-size: 10pt;
	line-height: 1.25em;
}

#fineartcontainer {
	margin-top: 0px;
}

/* Rounded corners for boxes */
.t2r {background: url(images/dot.gif) 0 0 repeat-x; width: 450px}
.b2r {background: url(images/dot.gif) 0 100% repeat-x}
.l2r {background: url(images/dot.gif) 0 0 repeat-y}
.r2r {background: url(images/dot.gif) 100% 0 repeat-y}
.bl2r {background: url(images/bl.gif) 0 100% no-repeat}
.br2r {background: url(images/br.gif) 100% 100% no-repeat}
.tl2r {background: url(images/tl.gif) 0 0 no-repeat;}
.tr2r {background: url(images/tr.gif) 100% 0 no-repeat; padding-top:4px}

.finearthead {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	padding: 3px;
	padding-left: 8px;
	background: url(images/recipesub_cap.gif) repeat-x;
}

#fineartbox {
	top: 5px;
	left: 0px;
	margin-bottom: 10px;
	background: #fff;
	width: 450px;
}

.fineartinner {
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-top: 5px;
	font-size: 9pt;
	line-height: 1.25em;
	width: 450px;
}
/* text formats */


.defaulttext {
	font: 8pt verdana, arial, sans-serif;
}

/* ##### Begin PRODUCT LAYOUT ##### */

.prodspecheader {
	font: bold 10px verdana, arial, sans-serif;
	color: green;
}

.prodspecs {
	font: bold 10px verdana, arial, sans-serif;
}


.prodheader {
	font-size: 10px;
	}

.proddetails {
	font-size: 12px;
}

.subcathead {
	font-size: 14px;
	font-weight: bold;
	}
	
.subcatcount {
	font-size: 10px;
	font-weight: normal;
	}

.cathead {
	font-size: 14px;
	font-weight: bold;
	}
	
.catcount {
	font-size: 10px;
	font-weight: normal;
	}
		
.validate {
}

.proddetail input {
	font: 10px / 1.25em verdana, arial, sans-serif;
}

/* ##### End PRODUCT LAYOUT ##### */

.loginhead {
	font: 12px / 1.25em verdana, arial, sans-serif;
	color: #000;
}

.loginpage {
	font: bold 16px / 1.25em verdana, arial, sans-serif;
	color: #6a9e76;
}

/* ##### INFO Pages ##### */
h2.history {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: -5px;
	}

p.history {
	font-size: 12px;
	color: #000;
	}


/* ##### Forms Styles ##### */
.contactinfo {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}
	
.formhead {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}

.formlabel {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	}
	
.forminput {
	font-size: 10px;
	color: #000;
	}
	
.formstar {
	font-size: 10px;
	font-weight: bold;
	color: RED;
	}


/* ##### Begin GENERAL STYLES ##### */

.securityhead {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	}
	
.security {
	font-size: 12px;
	color: #000;
	}
.policyhead {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	}
	
.policies {
	font-size: 12px;
	color: #000;
	}
	
#search {
	
	}

.searchhead {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	}

.searchterm {
	font-size: 14px;
	font-weight: bold;
	color: #5a8564;
	}

.searchtitle {
	font-size: 12px;
	font-weight: bold;
	color: #000;
 	}
	
.searchproduct {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}
	
.searchsubcats {
	font-size: 10px;
	font-weight: bold;
	color: #000;
	}
	
.searchdetails {
	font-size: 11px;
	color: #000;
	}
	
.subcattext {
	font-size: 12px;
	color: #000;
}

.cattext {
	font-size: 12px;
	color: #000;
}

.subhead {
	font: Bold 12px Tahoma, Verdana, sans-serif;
	color: #000;
	}
	
	

.carttitle {
	font: Bold 12px Tahoma, Verdana, sans-serif;
}

.carthead {
	font: Bold 11px Tahoma, Verdana, sans-serif;
	color: #fff;
	padding: 0px;
	padding-left: 2px;
}

.cartcontents {
	font: Bold 9px Tahoma, Verdana, sans-serif;
	color: #000;
	padding: 4px;
}

.cartsubtotal {
	font-size: 12px;
	font-weight: bold;
	}
	
.cartsh {
	font-size: 12px;
	font-weight: bold;
	}
	
.cartmin {
	font-size: 11px;
	color: #5a8564;
	}
	
input.validatealert {
	color: black;
	background-color: #ff9473;
}


.whatsthis {
	font-family: tahoma, verdana, arial, sans-serif;
	font-size: 9px;
	font-weight:bold;
}


.formtextwhite{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
}

.formheader{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
}

.loginheader{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #ffffff;
	background: #78814c;
}

.center{
	
	text-align: center;
}

#center{
	
	text-align: center;
}

#checkout{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
	

.left{
	text-align: left;
}

.error{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: red;
}

.errorbig{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: red;

}

.thanks{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: green;

}

.red{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

.alert{
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: red;
}

#center {
	text-align: center;
	}
	
table.ship {
	text-align: left;
	width: 95%;
	}

table.security {
	width: 95%;
	}

table.policies {
	width: 95%;
	}
	
p.recipes {
	line-height: 1.5em;
	}
	
p.recipesubhead {
	font-size: 14px;
	font-weight: bold;
	color: #6a9e76;
}

p.recipesubhead img {
	padding: 4px;
  	border: 1px solid #D9E0E6;
	}

p.recipes img {
	padding: 4px;
  	border: 1px solid #6A9E76;
  	border-bottom-color: #587F61;
  	border-right-color: #587F61;
	}
	
p.recipesubhead2 {
	font-weight: bold;
	margin-top: 1.0em;
	margin-bottom: 0em;
}


div.recipebox {
	width: auto;
	border: 1px solid #ccc;
	float: right;
	line-height: 1.5em;
	font-size: 12px;
	padding: 2px;
	padding-right: 4px;
	margin-left: 2px;
	margin-right: 2px;
}

div.recipebox ul li{
	
	margin-left: -15px;
	
}

div.recipebox ul {
	margin-bottom: 0px;
	margin-top: 0px;
	
}

#recipebox {
	width: auto;
	border: 1px solid #ccc;
	float: right;
	line-height: 1.5em;
	font-size: 12px;
	padding: 2px;
	margin-left: 2px;
}

#recipeboxoil {
	width: auto;
	border: 1px solid #ccc;
	float: right;
	line-height: 1.5em;
	font-size: 12px;
	padding: 2px;
	margin-left: 2px;
}

#recipeboxfres {
	width: auto;
	border: 1px solid #ccc;
	float: right;
	line-height: 1.5em;
	font-size: 12px;
	padding: 2px;
	margin-left: 2px;
}

p.recipebox {
	font-weight: bold;
	margin-bottom: 0px;
	font-style: italic;
	}

p.prep {
	font-weight: bold;
	margin-bottom: 1px;
}

.qual {
	
}

.pagenavlabel {
	font-size: 10px;
	font-weight: bold;
}

.productlink {
	font-size: 10px;
	font-weight: normal!Important;
	}
	
.subcat {
	font-size: 11px;
	}
	
p.infohead {
	font-size: 12px;
	font-weight: bold;
	}
	
p.info {
	font-size: 11px;
	}

h4 {
	font-size: 16px;
	}
ul.info {
	font-size: 11px;
	}

	
#excerptbox {
	width: 400px;
	border: 1px solid #ccc;
	font-size: 11px;
	padding: 6px;
}


p.recexhead {
	font-size: 12px;
	font-weight: bold;
	}
	
p.recex {
	font-size: 10px;
	}
	
.recexcred {
	font-size: 9px;
	line-height: 1em;
	}

p.recex ol {
	font-size: 10px;
	}
	
.cookies {
	font-size: 11px;
	color: #000;
	}
	
.recipelink {
	}
	
.exceptionhead {
	font-size: 14px;
	color: red;
	font-weight: bold;
	}
	
.exception {
	font-size: 11px;
	color: #000;
	}
	
#exception {
	position: absolute;
	top: 90px;
	left: 150px;
	width: 400px;
	
	}
	
.kiloprice {
	font-size: 11px;
	}
	
.citation {
	font-size: 10px;
	}
	
.citation A:link {font-size: 10px; text-decoration: none;}
.citation A:visited {font-size: 10px; text-decoration: none;}
.citation A:hover {font-size: 10px; text-decoration: underline;}
	

/* ##########  Clothing page styles  ########## */

#albumlist {
	list-style-type: none;
	margin-left: -40;
	clear: both;
	}
	
#albumlist li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	font-size: 0.8em;
	
	}
	
#albumlist img {
	display: block;
	border: 1px solid #333300;
	}
	
#centercontent .links ul {
	list-style-type: none;
	margin-left: -30px;
	}

.sinew {
	font-size: 12px;
	}
	
#epc {
	position: relative;
	margin-top: 650px;
	text-size: 11px;
	color: #000;
	border: 1px solid #D9E0E6;
  	border-bottom-color: #587F61;
  	border-right-color: #587F61;
	padding: 2px;
	line-height: 1.25em;
	width: 380px;
	height: 38px;
	}
	
*html #epc {
	margin-top: -130px;
	}

.epc {
	border: 1px solid #5a8564;
	padding: 4px;
	width: 460px;
	}