body {background: #577539; text-align: center; margin: 14px 0 14px 0; font-size: small; font-family: arial;}
#oscBody {font-size: 80%;}
* html #oscBody {font-size: 100%;}
p {margin: 0px; padding: 0px;}
div {margin: 0px; padding: 0px;}
img {border: 0px;}
h1 {padding: 0; font-family: Arial; font-size: 18px; font-weight: bold; color: #9a9a9a; margin: 0 0 10px 0;}
* html h1 {font-size: 18px;}
* html #oscBody h1 {font-size: 18px;}
h2 {font-size: 130%; color: #527227; margin: 1px; padding: 0px;}
h3 {color: #333333; font-family: arial; font-size: 130%; color: #444444; margin: 10px 0 0 0; padding: 0; border-bottom: 1px solid #444444;}
h4 {margin: 0; padding: 3px 0 3px 0; font-size: 100%; color: #527227;}
div.dotted {height: 1px; background: url(/images/template/dotted.gif) left center repeat-x; font-size: 0px; padding: 10px 0 10px 0;}

#container {width: 775px; text-align: left; margin: 0px auto;}

#top {background: #F1F0DB;}
#top #header {width: 100%; height: 186px; background: url(/images/template/header1.jpg) top center no-repeat;}
#top #header2 {background: #AF9256; text-align: center; color: white; font-weight: normal;}
#top #header2 h1 {margin: 0px; padding: 3px 0 3px 0; font-size: 140%; color: white;}
* html #top #header2 h1 {font-size: 135%;}
* html #oscBody #top #header2 h1 {font-size: 115%;}

#main {background: #F1F0DB; padding-bottom: 20px; border: 0px solid red; min-height: 350px; font-size: 85%; font-weight: normal;}
* html #main {height: 350px;}

#main #mainLeft {float: left; width: 99.8%;}

#main #nav {
	padding: 1px 5px 0px 10px;
	color: black;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: .05em;
	text-align: right; 
	height: 21px; 
	/*width: 250px; */
	float: right; 
	background: #C3D3A1 url(/images/template/oscNavLeft.jpg) center left no-repeat; 
}
* html #main #nav {font-size: 110%; letter-spacing: .05em; margin-top: -2px; }
* html #main #oscNav {font-size: 80%; }
#main #nav a {color: black; text-decoration: none;}
#main #nav a:hover {color: #4F6D32;}

/* Used in osCommerce only */
#main #navBread {padding: 2px; padding-left: 15px; float: left; color: black; font-weight: bold;} 
#main #navBread a {color: black;}
#main #navBread a:hover {text-decoration: none; color: #4F6D32;}

#mainSpacer {float: right; width: 1px; height: 300px;}

#main #sideBar {float: left; width: 164px; width: 22%; text-align: center; padding-top: 19px;}
#oscBody #main #sideBar {padding-top: 0; margin-top: -3px;}
#main #sideBar br {display: none;}

#main #sideBar div.navLinks a {
	text-align: center;
	color: #6A4B1D; 
	display: block; 
	background-color: #CFC4A6;
	background-color: #C3D3A1;
	width: 85%; 
	font-size: 140%; 
	font-weight: normal;
	text-decoration: none;
	margin: 0 auto;
	margin-top: 11px;
	margin-bottom: 11px;
	padding: 3px;
}
* html #main #sideBar div.navLinks a {font-size: 130%;}


/* Sidebar hacks for IE in osCommerce */
* html #oscBody #main {}
* html #oscBody #main #sideBar {text-align: center; margin-top: -14px; margin-left: 0px; width: 171px; padding: 0;}
* html #oscBody #main #sideBar div.navLinks a {font-size: 110%;}
* html #oscBody #main #sideBar div.navLinks div.catLinks { margin: 0 auto; text-align: left; width: 89%; padding: 0 0 0px 0; margin-bottom: 0px; border-bottom: 0px solid #333333;}
* html #oscBody #main #sideBar div.navLinks div.catLinks ul {list-style-image: url(/images/template/li.gif); margin-left: 35px;}
* html #oscBody #main #sideBar div.navLinks div.catLinks ul li {margin: 0; margin-left: -8px; padding: 0; }
* html #oscBody #main #sideBar div.navLinks div.catLinks a {
	display: block;
	text-align: left;
	padding: 0 0 0 0;
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 80%;
	background: transparent;
	text-decoration: none;
	width: 94%; 
}


#main #sideBar div.navLinks a:hover {background-color: #B1C18F; padding: 3px; text-decoration: none;}

#main #sideBar div.navLinks div.catLinks { margin: 0 auto; text-align: left; width: 89%; padding: 0 0 0px 0; margin-bottom: 0px; border-bottom: 0px solid #333333;}
* html #main #sideBar div.navLinks div.catLinks {width: 89%;}
#main #sideBar div.navLinks div.catLinks ul {list-style-image: url(/images/template/li.gif);}
#main #sideBar div.navLinks div.catLinks ul li {margin: 0; margin-left: -20px; padding: 0;}
#main #sideBar div.navLinks div.catLinks ul li.em {border: 0px solid #800000;}
#main #sideBar div.navLinks div.catLinks ul li.em a {font-weight: bold; color: #800000; margin-top: 2px; margin-bottom: 2px;}
#main #sideBar div.navLinks div.catLinks ul li.em a:hover {color: #808000;}
#main #sideBar div.navLinks div.catLinks ul li.em li a {font-weight: normal; color: #6A4B1D;}
#main #sideBar div.navLinks div.catLinks a {
	display: block;
	text-align: left;
	padding: 0px 0 0px 0px;
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 100%;
	background: transparent;
	text-decoration: none;
}
#main #sideBar div.navLinks div.catLinks a:hover {color: #AA6B1D; text-decoration: none; background: transparent; padding: 0px 0 0px 0; margin-top: 7px; margin-bottom: 7px;}
* html #main #sideBar div.navLinks div.catLinks a {font-size: 100%;}

#main #mainText {float: right; width: 656px;  width: 76%;}
#main #mainText #mainTextSpacer {margin-top: 2px;}
#main #mainText #textLeft {float: left; width: 96%; text-align: justify;}
#main #mainText #adBar {display: none; float: right; text-align: center; width: 24%;}
.clearMe {clear: both; font-size: 0%; height: 0px;}
#main .mainBox {background-color: white; border: 2px solid #E8E6D7; padding: 22px;}
#bottom {padding-bottom: 3px; text-align: center;}
#bottom #links {padding: 15px 0 3px 0; text-align: center; border-bottom: 5px solid #AF9256; background: #E4E2CD url(/images/template/footer.jpg) top repeat-x;;}
#bottom #links a {font-size: 80%; text-decoration: none; color: #6A4B1D;}
#bottom #links a:hover {color: #AA6B1D;}
#bottom #links #footerProductCategories {font-size: 95%; margin: 0 auto; width: 82%; padding: 10px 2.5% 10px 2.5%;}
#bottom #links #footerProductCategories strong {font-size: 11px; display: none;}

#bottom #footer {padding: 10px 0 0 0; width: 100%; padding-bottom: 5px; text-align: center; font-size: 85%; color: #DDD;}
#bottom #footer a {color: #DDD; text-decoration: none;}
#bottom #footer a:hover {text-decoration: underline;}

table.herbList {margin-left: 7px;}
table.herbList td {padding-right: 10px;}
table.herbList td h3 a {text-decoration: none; color: #444444;}
table.herbList td h3 a:hover {text-decoration: underline;}
table.herbList td h3 {margin: 0; font-size: 120%; border: 0; padding: 0 0 7px 0;}
.Sitemap a{
	text-decoration: none; color: #6A4B1D;
}
.Sitemap a:hover {text-decoration: underline; color: #AA6B1D;}