/* COLOR REFERENCE */
/*
#3B2D20	: very dark aqua
#033	: dark aqua
#eafffb	: light tanish cream color
#808080	
#666 	: dark gray
$a0c3bc : lt green gray
#79A59C : med green gray

*/
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#666;
	background-color:#033;
  	background-image: url(theme/aqua/bg-splash.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
/*	background-image: url(theme/aqua/site-bg-drk.png);
	background-repeat: repeat-x;
	background-position: left top;
	background-attachment: fixed;
*/	}
div#container {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	min-height:100%;
	position:relative;
	background-color:#fff;
	}	
#header {
	margin:0px;
	padding:0px;
	height:100px;
	background-color: #033;
	position: relative;
	background-repeat: no-repeat;
	background-image: url(theme/aqua/banner.gif);
	background-position: left top;
	}
#header img {border:none; padding: 7px 7px 7px 200px;}
#header div#search {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;
	font-size:11px;
	position:absolute;
	bottom: 10px;
	right:10px;
	width:200px;
	}
#header div.search a:link,
#header div.search a:visited,
#header div.search a:hover,
#header div.search a:active {
	color:#fff;
	font-weight:bold;
	}
#header div#search form {padding:0; margin:0;}
#header div#search input#q {padding:0; margin:0; width:150px;}
input.searchbutton {line-height:20px; width:20px; height:20px;}
div#navcontainer {
	position: relative;
	background-image:url(theme/aqua/b-nav-bg.gif);
	background-repeat: repeat-x;
	width:100%;
	height:30px;
	margin:0;
	padding:0;
	background-color: #000;
	background-position: left bottom;
	border-bottom:solid 1px #545454;  /* charcoal gray */
	z-index:25;
	}
div#nav {
	position: absolute;
	z-index:25;
	}
div#content {
	z-index:0;
	font-size:12px;
	width:770px;
	margin: 15px 15px 0px 15px;
	padding:0 0 45px 0;
	}
div#content a {color:#033;}
div#content h1 {font-size:16px; padding:0; margin:5px 0;}
div#content h2 {font-size:15px; padding:0; margin:5px 0;}
div#content h3 {font-size:14px; padding:0; margin:5px 0;}

div.vid-container {z-index:1; text-align:center;}
 {z-index:2;}
div#homeleft {
	width:425px;
	float:left;
	padding:0;
	margin:0;
	}
div#homeright {
	width:325px;
	float:right;
	padding:0;
	margin:0;
	}
div#footer {
	position:absolute;
	background-image:url(theme/aqua/b-nav-bg.gif);
	background-repeat: repeat-x;
	height:25px;
	width:100%;
	padding:5px 0 0 0;
	margin:40px 0 0 0;
	text-align:center;
	font-size:9px;
	color:#fff;
	background-color:#333;  /* very dark gray - almost black */
	bottom:0;
	right:0;
	left:0;
	}
div#footer a {color:#999;} /* medium gray */
div.featuredc {text-align:center;}
div.featured {text-align:left;}
p.rotoad {margin:0 0 20px 0;}
a img {border:none;}
hr.clear {
	clear:both;
	visibility:hidden;
	}
		div#nav ul.hmenu ul{display:none;}
		div#nav ul.hmenu li:hover>ul{display:block;}
		div#nav ul.hmenu ul{position: absolute; left:-1px; top:28px;}
		html>body div#nav ul.hmenu ul ul{position: absolute; left:98%; top:-2px;}
			div#nav ul.hmenu ul ul{position: absolute; left:92%; top:-2px;} /* for ie6 */
		div#nav ul.hmenu, div#nav ul.hmenu ul, div#nav ul.hmenu {
			margin:0px;
			list-style:none;
			padding:0px 2px 2px 0px;
			background-color:#fff;
			background-repeat:repeat;
			border-color:#808080; /* medium gray - slightly darker than #999 */
			border-width:1px;
			border-style:solid;
			}
		div#nav ul.hmenu table {border-collapse:collapse;}
		div#nav ul.hmenu {
			display:block;
			zoom:1;
			height:21px;
			float: left;
			}
		div#nav ul.hmenu ul{
			width:180px; /* width of drop-down options */
			}
		div#nav ul.hmenu li{
			display:block;
			margin:2px 0px 0px 2px;
			font-size:0px;
			}
		div#nav ul.hmenu a:active, ul.hmenu a:focus {
			outline-style:none;
			}
		div#nav ul.hmenu a, 
		div#nav ul.hmenu li.dis a:hover, 
		div#nav ul.hmenu li.sep a:hover {
			display:block;
			vertical-align:middle;
			background-color:#fff;
			border-width:1px;
			border-color:#fff;
			border-style:solid;
			text-align:center;
			text-decoration:none;
			/*padding:2px 5px 5px 10px;*/
			_padding-left:0;
			font:normal 11px Tahoma;
			color: #000;
			text-decoration:none;
			cursor:default;
			}
		div#nav ul.hmenu span{
			overflow:hidden;
			}
		div#nav ul.hmenu li {
			float:left;
			}
		div#nav ul.hmenu ul li {
			float:none;
			}
		div#nav ul.hmenu ul a {
			text-align:left;
			white-space:nowrap;
			}
		div#nav ul.hmenu li.sep{
			text-align:left;
			padding:0px;
			line-height:0;
			height:100%;
			}
		div#nav ul.hmenu li.sep span{
			float:none;	
			padding-right:0;
			width:3px;
			height:100%;
			display:inline-block;
			background-color:#808080;	
			background-image:none;
			}
		div#nav ul.hmenu ul li.sep span{
			width:100%;
			height:3px;
		}
		div#nav ul.hmenu li:hover{
			position:relative;
		}
		div#nav ul.hmenu li:hover>a{
			background-color:#eafffb; /* light tanish cream color */
			border-color:#033;
			border-style:solid;
			font:normal 11px;
			color: #444;
			text-decoration:none;
		}
		div#nav ul.hmenu li a:hover{
			position:relative;
			background-color:#eafffb;
			border-color:#033;
			border-style:solid;
			font:normal 11px;
			color: #444;
			text-decoration:none;
			}
		div#nav ul.hmenu li.dis a {
			color: #033 !important;
			}
		div#nav ul.hmenu img {
			border: none;
			float:left;
			_float:none;
			margin-right:2px;
			width:16px;
			height:16px;
			}
		div#nav ul.hmenu ul img {
			width:16px;
			height:16px;
			}
		div#nav ul.hmenu img.over{display:none}
		div#nav ul.hmenu li.dis a:hover img.over{display:none !important;}
		div#nav ul.hmenu li.dis a:hover img.def {display:inline !important;}
		div#nav ul.hmenu li:hover > a img.def  {display:none;}
		div#nav ul.hmenu li:hover > a img.over {display:inline;}
		div#nav ul.hmenu a:hover img.over,
		div#nav ul.hmenu a:hover ul img.def,
		div#nav ul.hmenu a:hover a:hover ul img.def,
		div#nav ul.hmenu a:hover a:hover a:hover ul img.def,
		div#nav ul.hmenu a:hover a:hover img.over,
		div#nav ul.hmenu a:hover a:hover a:hover img.over,
		div#nav ul.hmenu a:hover a:hover a:hover a:hover img.over{display:inline;}
		
		div#nav ul.hmenu a:hover img.def,
		div#nav ul.hmenu a:hover ul img.over,
		div#nav ul.hmenu a:hover a:hover ul img.over,
		div#nav ul.hmenu a:hover a:hover a:hover ul img.over,
		div#nav ul.hmenu a:hover a:hover img.def,
		div#nav ul.hmenu a:hover a:hover a:hover img.def,
		div#nav ul.hmenu a:hover a:hover a:hover a:hover img.def{display:none;}
		
		div#nav ul.hmenu a:hover ul,
		div#nav ul.hmenu a:hover a:hover ul,
		div#nav ul.hmenu a:hover a:hover a:hover ul{display:block;}
		div#nav ul.hmenu a:hover ul ul,
		div#nav ul.hmenu a:hover a:hover ul ul,
		div#nav ul.hmenu a:hover a:hover a:hover ul ul{display:none;}
		
		div#nav ul.hmenu span{
			display:block;
			background-image:url(theme/aqua/arrv_white.gif);
			background-position:right center;
			background-repeat: no-repeat;
			padding-right:9px;
			}
			
		div#nav ul.hmenu ul span{background-image:url(theme/aqua/arr_black.gif);}
		div#nav ul.hmenu ul li:hover > a span{background-image:url(theme/aqua/arr_white.gif);}
		div#nav ul.hmenu table a:hover span,
		div#nav ul.hmenu table a:hover a:hover span,
		div#nav ul.hmenu table a:hover a:hover a:hover span{background-image:url(theme/aqua/arr_white.gif);}
		div#nav ul.hmenu table a:hover table span,
		div#nav ul.hmenu table a:hover a:hover table span{background-image:url(theme/aqua/arr_black.gif);}
		div#nav ul.hmenu li.toplevel {
			width:110px;
			height:23px;
			}
		div#nav ul.hmenu li a.toplevel{
			height:100%;
			background-image:url(theme/aqua/b-nav-bg.gif);
			border-width:0px;
			font:normal 11px Tahoma;
			color:#fff;
			}
		div#nav ul.hmenu li a.toplevel:hover{
			background-image:url(theme/aqua/b-over.gif);
			font:normal 11px Tahoma;
			color:#eee;
			}
		div#nav ul.hmenum0 {
			background-color:transparent;
			border-width:0px;
			padding:0px 0px 0px 0px;
			}
		div#nav ul.hmenum0>li>a {
			padding:8px 10px 0px 5px;
			}
		div#nav ul.hmenum0 a {
			padding:8px 10px 0px 5px;
			}
		div#nav ul.hmenum0 ul a {
			padding:2px 5px 5px 5px;
			}
		div#nav ul.hmenum0>li {
			margin:0px 0px 0px 0px;
			}
		div#nav ul.hmenum0 li {
			margin:0px 0px 0px 0px;
			}
		div#nav ul.hmenum0 li li {
			margin:2px 0px 0px 2px;
			}
div#content .rc-header a {color:#fff;} 

.roundcorner-01 /* very light blue with dark aqua text */
{
	width: 300px;
	margin: 0 0 40px auto;
	color: #FFF;
	padding: 7px 10px;
	/* Rounded corner stuff starts here */
  background-color: #066;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}
.rc-header
{
	width: 750px;
	margin: 0 auto;
	color: white;
	padding: 7px 10px;
	/* Rounded corner stuff starts here */
  background-color: #033;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}
.rc-header-02
{
	width: 750px;
	margin: 0 auto;
	color: #000;
	padding: 7px 10px;
	/* Rounded corner stuff starts here */
  background-color: #a0c3bc;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}
.roundcorner-02 /* light aqua */
{
	width: 400px;
	margin: 0;
	color: #033;
	padding: 7px 15px;
	/* Rounded corner stuff starts here */
  background-color: #DFFFFF;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}
.roundcorner-03 /* dk aqua */
{
	width: 45%;
	margin: 0;
	color: #033;
	padding: 7px 15px;
	/* Rounded corner stuff starts here */
  border: solid 1px #033;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}

.roundcorner-04 /* dk aqua */
{
	width: 400px;
	margin: 0;
	color: #fff;
	padding: 7px 15px;
	/* Rounded corner stuff starts here */
  background-color: #066;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
}

.roundcorner-search{	
	width: 186px;
	margin: 0;
	color: #630; /* title text of search box */
	padding: 7px 7px;
	/* Rounded corner stuff starts here */
  background-color: #eafffb;
	-webkit-border-radius: 6px;    /* for Safari */
	-moz-border-radius: 6px;       /* for Firefox */
	}
div#content .roundcorner-01 a, div#content .roundcorner-04 a {color:#CCC;}
div#content .roundcorner-02 a {color:#666;}

/* General Formatting -------------------------------------------*/
.centered {
	text-align:center;
	}
.centeredri {
	background-color: #E2F3E3;
	text-align:center;
	}
.ri {
	background-color: #E2F3E3;
	}
.rib {
	background-color: #E2F3E3;
	font-weight:bold;
	}
.ri2 {
	background-color: #FFFFCC;
	}
.ri2b {
	background-color: #FFFFCC;
	font-weight:bold;
	}
.ri3 {
	background-color: #ECECD9;
	}
.ri3b {
	background-color: #ECECD9;
	font-weight:bold;
	}
.ri4 {
	background-color: #999966;
	}
.ri4b {
	background-color: #999966;
	font-weight:bold;
	}
.ri5 {
	background-color: #CC3333;
	color: #fff;
	}
.ri5b {
	background-color: #CC3333;
	color: #fff;
	font-weight:bold;
	}
.pri5 {color: #CC3333;} /* use on text */
.right {
	text-align:right;
	}
.left {
	text-align:left;
	}
table.right td{
	text-align:right;
	}
.top {vertical-align:top;}
b.attention {
	font-weight:bold;
	color: #FF0000;
	}
b.price {
	color:red;
	font-weight:bold;
	color: #FF0000;
	}
.quote {
	color: #666666;
	font-size: .9em;
	}
.quotei {
	color: #666666;
	font-size: 0.9em;
	font-style: italic;
	}
.quoteib {
	color: #666666;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	}
sup {
	font-size:.5em}

.copy {
	font-size: .75em;
	text-align: center;
	}
table {
	border:none;
	}
table td{vertical-align:top;}

table.lines {
	border:1px solid #000;
	margin: 0px;
	border: none;
	border-spacing: 0px;
	border-collapse: collapse;
	empty-cells: show;
	}
table.lines td {
	border:1px solid #000;
	padding: 3px;
	vertical-align:top;
	}
td.bold {font-weight: bold;}
fieldset {
	border: 1px solid #033;
	margin-top: 2em;
	padding:4px;
	text-align:left;
	}
legend {
	padding: 3px;
	border: 1px solid #033;
	font-size:1.2em;
	font-weight: bold;
	background-color: #FFFFCC;
	text-transform: uppercase;
	text-align:left;
	}
p.nobreak option {
	padding-left: 1em;
	}
p.nobreak option.catparent {
	padding-left: 0em;
	font-weight: bold;
	}
/*h2.products {
	background-color: #D7CFBC;
	}
h3.products {
	background-color: #D7CFBC;
	font-style: italic;
	}*/
#q {
    background: #FFF;
    font-style: italic;
    color: silver;
    }
/*.searchbutton {
	width: 25px;
	height: 25px;
    vertical-align: middle;
	border: none;
	}
*/
div.productsearch {
	padding: 2px 0 0px 2px;
	margin: 0;
	height: 27px;
	}
div.testimony {
	background-color:#DCE8CE;
	padding: 2px 10px 5px 10px;
	margin: 10px 0;
	font-style: italic;
	font-size:11px;
}
.fright {float:right;}
.fleft {float:left;}
.float-ad-outline {float:left; border: solid 1px #666;}
img.left {float:left; padding-right: 5px;}
img.right {float:right; padding-left: 5px;}
.bold {font-weight:bold;}