html {
	background: #84a7a8;
	}

body, table, td, th	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;
}
body	{
	background: #fff;
	margin: auto;
	width: 800px;
	
}
.clear_bottom {
	clear: both;
	}
td, th	{
	text-align: left;
	vertical-align: top;
}
h2	{
	margin-top: 0;
	font-size: 13px;
	color: #333;
}
p	{
	margin-top: 0;
}
h4.caption	{
	font-size: 1em;

	font-weight: bold;
	color: #84a7a8;
	margin: 0 0 1.5em 0;
}
table.container	{
	margin: 20px 0 10px 20px;
	border: 1px solid #333;
	padding: 0;
}
.titleBar	{
	background-color: #699;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 0 4px 4px;
}
#mainNavContainer	{
	border-width: 12px 0 1px 0;
	border-style: solid;
	border-color: #699;
	background-color: #f0ebce;
	
	width: 800px;

}
#mainNav	{
	width: 800px;
}
#shopNav	{
	text-align: right;
	height: 28px;
	background-color: #fff;
	
	width: 800px;
}
#title	{
	border-width: 12px 0 0;
	border-style: solid;
	border-color: #699;
	background-color: #46797F;
	
	width: 800px;

}
#contentBox	{
	margin-top: 15px;
	width: 800px;
}
#contentWide	{
	margin: 15px auto 0;
	width: 500px;
	border: 1px solid #f00;
}
#miniFlash	{
	float: left;
	width: 106px;
}
#content	{
	float: left;
	margin: 0 10px;
	border-left: 1px solid #699;
	padding: 0 0 0 10px;
	width: 410px;
	color: #666;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 399px;
}
html>body #content {
	width: 399px;
}
#leftNav	{
	float: left;
	width: 211px;
	text-align: right;
}
div.spacer	{
	clear: both;
}
.message	{
	color: #699;
	font-weight: bold;
}
.error	{
	color: #c00;
	font-weight: bold;
}
table.contact	{
	width: 412px;
	border: 0;
}
table.contact td	{
	padding: 2px 0;
}
.table01	{
	color: #333;
	text-decoration: none;
}
a:link, a:visited	{
	color: #099;
	text-decoration: underline;
}
a:hover	{
	color: #699;
	text-decoration: none;
}

.header01	{
	font-size: 12px;
	font-weight: bold;
	color: #333;
	text-decoration: none;
}
.link02	{
	font-size: 11px;
	color: #099;
	text-decoration: underline;
	font-weight: bold;
}
.noBoldUnd	{ 
	font-weight: normal;
	text-decoration: none;
}
.noUnd	{
	text-decoration: none
}
.noBold	{
	font-weight: normal
}
.header02	{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.link03 {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
.navbar01	{ 
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
.header03	{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
.berrySplash	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}
.berryLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	color: #336666;
}
#footer {
	padding: 0.5em 1.2em;
	background: #84a7a8;
	text-align: center;
}
.copyright {
	font-size: 10px;
	color: #d1d2d3;
	margin: 0;
}
.table02 {
	color: #fff;
	text-decoration: none;
}
.table03 {
	color: #009999;
	text-decoration: none;
}
.table03a {
	color: #000;
	text-decoration: none;
}
td.table03a {
	height: 32px;
}
.navbar02 {
	color: #333;
	text-decoration: none;
	font-weight: bold;
}
#rightImage	{
	float: left;
}


/** HOME PAGE STYLES **/
#hcontentBox	{
	margin-top: 0px;
	width: 800px;
	position: relative;
	
}
div#hcontent {
    position: relative;
    width: 800px;
    margin: 0;
    padding: 0;
    text-align: left;
    border-bottom: 1px solid #668990;
    
}

.hcontent1 {
	background: transparent url(../images/home/home_hcbox_bg_577385.jpg) left top repeat-y;
}
.hcontent2 {
	background: transparent url(../images/home/home_hcbox_bg_323e3f.jpg) left top repeat-y;
}
.hcontent3 {
	background: transparent url(../images/home/home_hcbox_bg_000000.jpg) left top repeat-y;
}
.hcontent4 {
	background: transparent url(../images/home/home_hcbox_bg_f3f8fe.jpg) left top repeat-y;
}
.hcontent5 {
	background: transparent url(../images/home/home_hcbox_bg_ffffff.jpg) left top repeat-y;
}

div#hmain {
	position: relative;
	float: left;
	display: inline;
	width: 311px;
	/*background: #eff3f4 url(../images/home/home_main_bg.jpg) top left no-repeat;*/
	
	background-color: #577e85; /* this does not seem to have any effect at tall */

	margin: 0;
	padding: 0;
	/* height: 426px; */
	z-index: 50;
	text-align: center;
}

div#hleft {
	position: relative;
	float: left;
	display: inline;
	
	background-color: #FFFFFF;
	
	width: 255px;
	margin: 0;
	padding: 0;
	padding-top: 17px;
	border-right: 1px solid #668990;
	Xheight: 409px;
	z-index: 90;
	font-size: 10px;
	
}

div#hright {
	position: relative;
	float: right;
	display: inline;
	z-index: 30;
	
	font-size: 10px;
	width: 212px;
	Xheight: 409px;
	margin: 0 20px 0 0;
	padding: 0;
	padding-top: 17px;
	
	border-left: 1px solid #668990;
	background: #ffffff url(../images/home/home_right_bg.jpg) top left no-repeat;
}

div#hleft ul#hMenu {
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
	z-index: 91;
	cursor: pointer;
}
div#hleft ul#hMenu li a:hover {
	text-decoration: underline;
}
div#hleft ul#hMenu li.item1 {
	background-color: #ffffff;
}
div#hleft ul#hMenu li.item1_On {
	background-color: #eff3f4;
}

div#hleft ul#hMenu li.item2 {
	background-color: #ffffff;
}
div#hleft ul#hMenu li.item2_On {
	background-color: #eff3f4;
}

div#hleft ul#hMenu li.item3 {
	background-color: #ffffff;
}
div#hleft ul#hMenu li.item3_On {
	background-color: #eff3f4;
}

div#hleft ul#hMenu li.item4 {
	background-color: #ffffff;
}
div#hleft ul#hMenu li.item4_On {
	background-color: #eff3f4;
}

div#hleft ul#hMenu li.item5 {
	background-color: #ffffff;
}
div#hleft ul#hMenu li.item5_On {
	background-color: #eff3f4;
}

div#hleft ul#hMenu li.item6 {
	background-color: #ffffff;
}
div#hleft ul#hMenu li.item6_On {
	background-color: #eff3f4;
}

div#hleft ul#hMenu li {

	border-right: 1px solid #688990;
	padding-left: 53px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 1px;
	width: 177px;
	padding-right: 25px;
}
div#hleft ul#hMenu li img.arrow {
	position: absolute;
	left: 243px;
	display: none;
}
div#hleft ul#hMenu li.Over {
	border-bottom: 1px solid #688990;
	border-top: 1px solid #688990;
	width: 177px;
	padding-top: 2px;
	padding-bottom: 2px;
	
}

/** DEFAULT HOME PAGE MIDDLE IMG AND TEXT CSS **/


div#hmain img#mainImg {
	z-index: 63;
	
	height: 426px;
	width: 309px;
}

div#hmain div#mainText {
	position: absolute;
	top: 210px;
	left: 20px;
	z-index: 66;
	text-align: left;
	font-weight: bold;
	width: 250px;
	color: #ffffff;
}
div#hmain div#mainText ul.low{
	margin: 20px 0 0 0;
	color: #555;
}

div#hmain div#mainText p {
	margin: 0 0 0 30px;
}
div#hmain div#mainText li {
	margin: 0 0 0.5em 0;
}
/** END HOME PAGE MIDDLE IMG AND TEXT CSS **/


div#tagline {
background-color: #66898f;
text-align: center;
padding: 0.3em 0 0.3em 1em;
}

div#tagline p {
color: #FFFFFF;
font-weight: bold;
font-size: 1.3em;
margin: 0 0 0.5em 0;
}

div#tagline p span.divider {
color: #98b6bb;
font-weight: normal;
}

div#hright img,
div#hright p {
	margin-left: 15px;
}

/** CUSTOM CLASSES 
 *
 *	These following classes are used to modify the default
 *	behavior of the home page middle section (image and text)
 **/

div#hcontentBox div#hcontent div#hmain img.LargeWhiteFlaskHome {
	margin-top: 0px;
	padding-top: 0px;
}
div#hcontentBox div#hcontent div#hmain div.LargeWhiteFlaskHome {
	top: 240px;

}

#footer a {
	color: #c1c2c3;
}


/** repairs to step 2 of checkout (userdata.asp) **/

table.frame  {
	border: 1px solid #333;
	}
	
table.step2 td {
	padding: 0.4em 0.5em;
	}
	
table tr.billing td {
		background-color: #fdfced;
}


/** top-of-page search styles **/

	#searchTop {
		position: relative;
		width: 800px;
		padding: 0 0 10px 0;
		text-align: left;
		}
		
	#searchTop .searchBox	{
		color: #666;
		text-decoration: none;
		background: #bbb;
		margin: 0;
		padding: 5px 5px 5px 17px;
		border-bottom: 1px solid #ccc;
		}
		
	#searchTop .searchBox form	{
		margin: 0;
		padding: 0;
		}
		
	#searchTop .searchBox p	{
		margin: 0;
		padding: 0 0 2px 0;
		}
		
	#searchTop label {
		float: left;
		font-weight: bold;
		color: white;
		margin: 0.3em 0 0.2em 0px;
		width: 23em;
}
		
	#searchTop .searchBox select, 
	#searchTop .searchBox input {
		background-color: #fff; 
		border: 1px solid #999; 
		font-size: 1em; 
		color: #333;
		padding: 2px;
		margin: 0;
		}
		
	#searchTop input.results	{
		margin: 0;
		padding: 0;
		}
		
	#searchTop p.inputFirst, #searchTop p.inputSecond {
		width: 400px;
		margin: 0;
		}
		
	#searchTop p.inputSecond {
		margin: -0.3em 0 -0.5em 0;
		}
	
	#searchTop #keyword1, #searchTop #keyword2 {
		display: inline;
		}
		

/** troubleshooting styles-DELETE  (userdata.asp) **/

.tableIn { background: #ddd; border: 1px solid #f00;}
.tableIn2 { background: #eee; border: 1px solid #00f;}
.tableMid { background: #0f0; }
.tableOut { background: #f00;}