BODY {
	margin:15px 0px 10px 0px;
	background-color: #335D50;
	/* Start Hack for IE MAC - This comment will hide from MAC IE */
	background: #335D50 url(images/gui/bg.jpg) repeat-x top;
	/* End Hack for IE MAC */
	font-family: Arial, Helvetica, sans-serif;
}
.mainR {
	background-image: url(images/gui/bdr_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom; 
	padding-bottom:20px;
}
table.catalog_list{
	background-color: #335D50;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -0.8em;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: -0.8em;
}
h4 {
	color: #5A8263;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;
	margin-bottom: -0.8em;
}
INPUT, SELECT, TEXTAREA {
	font-family : Arial, Helvetica, "Sans Serif";
	font-size: .7em;
	background-color : #EDF0EF;
	padding: 0px;
	margin: 2px;
}
.subscribe {
	font-family : Arial, Helvetica, "Sans Serif";
	font-size: 1em;
	background-color : #EDF0EF;
	padding: 2px;
	margin: 0px;
}
/* Start Hack for IE WIN - This comment will hide from MAC IE \*/
*html h1 h3 {
	margin-bottom: -1.5em;
}
*html h3 {
	margin-bottom: -1.5em;
}
/* End Hack for IE WIN */

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
bodynumlist li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}
hr {
	height:1px;
	border:0;
	background-image: url(images/gui/bdr_dotH.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
a {
	/* color: #5A8263; */
	color: #335D50;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #38503D;
	text-decoration: underline;
}
a:active {
	color: #FFFF99;
	text-decoration: none;
}
/*
a:visited {
	color: #8AB293;
}
*/


a.icon {
	display:block;
	width: 100%;
	height: 1.2em;
	padding-left:15px;
	text-decoration: none;
	background-image: url(images/gui/i_link.gif);
	background-repeat: no-repeat;
	background-position: 0 .05em;
}
a.icon:hover {
	color: #38503D;
	text-decoration: none;
	background-color: #EEF8F0;
	background-image: url(images/gui/i_linkHover.gif);
	background-repeat: no-repeat;
	background-position: 0 0.05em;
}
/*
=======================================================================
  Print Stuff
=======================================================================
*/

#printLogo {
	display:none;
}
/*
=======================================================================
  Nav Bar
=======================================================================
*/

#nav {
	width:198px;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.65em;
	line-height: 1.1em;
	background-color: #093631;
	/* Start Hack for IE MAC - This comment will hide from MAC IE \*/
	background: #093631 url(images/gui/bg_navGrad.png) repeat-x top;
	/* End Hack for IE MAC */
	overflow: hidden;
}
#nav ul {
	list-style: none;
	margin:0px;
	padding:0px;
}
#nav li {
	list-style: none;
	margin:0px;
	padding:0px;
	line-height: 1.4em;
	;
}
#nav ul.top {
	margin-top: 8px;
	margin-bottom: 8px;
}
#nav ul.lower {
	margin-left: 3px;
}
#nav li a {
	display:block;
	width: 100%;
	padding-left:18px;
	color: white;
	text-decoration: none;
}
/* Start Hack for IE WIN - This comment will hide from MAC IE \*/
*html #nav li a {
	margin-top: -2px;
}
/* End Hack for IE WIN */

#nav li a.selected {
	color: #FFFFCC;
}
#nav li a:hover {
	color: #FFFFCC;
	background-color:#486860;
	background-repeat: no-repeat;
	background-position: 10px 4px;
}
#nav li.closed {
	background-image: url(images/gui/i_navListClosed.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
}
#nav li.closed a:hover {
	color: #FFFFCC;
	background-color:#486860;
	background-image: url(images/gui/i_navListClosed.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
}
#nav li.open {
	color: #FFFFCC;
	background-image: url(images/gui/i_navListOpen.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}
#nav li.open a:hover {
	color: #FFFFCC;
	background-image: url(images/gui/i_navListOpen.gif);
	background-repeat: no-repeat;
	background-position: 10px 6px;
}
#nav li.child {
	background-image: url(images/gui/i_navListChild.gif);
	background-repeat: no-repeat;
	background-position: 9px 1px;
}
#nav li.child a:hover {
	color: #FFFFCC;
	background-image: url(images/gui/i_navListChild.gif);
	background-repeat: no-repeat;
	background-position: 9px 1px;
}
#nav li.childEnd {
	background-image: url(images/gui/i_navListChildEnd.gif);
	background-repeat: no-repeat;
	background-position: 9px 1px;
}
#nav li.childEnd a:hover {
	color: #FFFFCC;
	background-image: url(images/gui/i_navListChildEnd.gif);
	background-repeat: no-repeat;
	background-position: 9px 1px;
}
#nav img {
	margin-bottom: 1px;
	border: 0px;
}
/*
	rollovers for a level nav.
*/
#home, #about, #media, #ourcustomers, #clients, #consult, #contact, #country, #design, #home, #learn, #logo, #products, #events, #worldspa, #brochure, #techservice, #presentation, #warranty {
	display: block;
}
a#home {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/home.gif) no-repeat;
}
a#about {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/about.gif) no-repeat;
}
a#worldspa {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/worldspa.gif) no-repeat;
}
a#ourcustomers {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/ourCustomers.gif) no-repeat;
}
a#clients {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/tclients.gif) no-repeat;
}
a#consult {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/consult.gif) no-repeat;
}
a#contact {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/contact.gif) no-repeat;
}
a#country {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/country.gif) no-repeat;
}
a#design {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/design.gif) no-repeat;
}
a#home {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/home.gif) no-repeat;
}
a#learn {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/learn.gif) no-repeat;
}
a#logo {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 70px;
	width: 198px;
	background: transparent url(images/nav/logoHydroCo.gif) no-repeat;
}
a#products {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/products.gif) no-repeat;
}

a#media {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/media.gif) no-repeat;
}
a#events {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/eventCalendar.gif) no-repeat;
}
a#brochure {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/brochure.gif) no-repeat;
}
a#techservice {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/techService.gif) no-repeat;
}
a#presentation {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/presentation_vid.gif) no-repeat;
}
a#warranty {
	margin: 0;
	margin-bottom: 1px;
	padding: 0;
	height: 23px;
	width: 198px;
	background: transparent url(images/nav/warranty.gif) no-repeat;
}
a#warranty:hover, a#warranty.selected {
	background: transparent url(images/nav/warranty_o.gif) no-repeat;
	text-decoration:none;
}
a#home:hover, a#home.selected {
	background: transparent url(images/nav/home_o.gif) no-repeat;
	text-decoration:none;
}
a#about:hover, a#about.selected {
	background: transparent url(images/nav/about_o.gif) no-repeat;
	text-decoration:none;
}
a#media:hover, a#media.selected {
	background: transparent url(images/nav/media_o.gif) no-repeat;
	text-decoration:none;
}
a#worldspa:hover, a#worldspa.selected {
	background: transparent url(images/nav/worldspa_o.gif) no-repeat;
	text-decoration:none;
}
a#ourcustomers:hover, a#ourcustomers.selected {
	background: transparent url(images/nav/ourCustomers_o.gif) no-repeat;
	text-decoration:none;
}
a#clients:hover, a#clients.selected {
	background: transparent url(images/nav/tclients_o.gif) no-repeat;
	text-decoration:none;
}
a#consult:hover, a#consult.selected {
	background: transparent url(images/nav/consult_o.gif) no-repeat;
	text-decoration:none;
}
a#contact:hover, a#contact.selected {
	background: transparent url(images/nav/contact_o.gif) no-repeat;
	text-decoration:none;
}
a#country:hover, a#country.selected {
	background: transparent url(images/nav/country_o.gif) no-repeat;
	text-decoration:none;
}
a#design:hover, a#design.selected {
	background: transparent url(images/nav/design_o.gif) no-repeat;
	text-decoration:none;
}
a#home:hover, a#home.selected {
	background: transparent url(images/nav/home_o.gif) no-repeat;
	text-decoration:none;
}
a#learn:hover, a#learn.selected {
	background: transparent url(images/nav/learn_o.gif) no-repeat;
	text-decoration:none;
}
a#logo:hover {
	background: transparent url(images/nav/logoHydroCo_o.gif) no-repeat;
	text-decoration:none;
}
a#products:hover, a#products.selected {
	background: transparent url(images/nav/products_o.gif) no-repeat;
	text-decoration:none;
}
a#events:hover, a#events.selected {
	background: transparent url(images/nav/eventCalendar_o.gif) no-repeat;
	text-decoration:none;
}
a#brochure:hover, a#brochure.selected {
	background: transparent url(images/nav/brochure_o.gif) no-repeat;
	text-decoration:none;
}
a#techservice:hover, a#techservice.selected {
	background: transparent url(images/nav/techService_o.gif) no-repeat;
	text-decoration:none;
}
a#presentation:hover, a#presentation.selected {
	background: transparent url(images/nav/presentation_vid_o.gif) no-repeat;
	text-decoration:none;
}
#nav span.alt {
	visibility: hidden;
}
/*
=======================================================================
  Content
=======================================================================
*/


#top {
	margin: 0;
	padding: 0;
}
#product {
	height:100px;
	margin-left : 1px;
	background-color: white;
}
#contentTop {
	height:11px;
	margin-top : 1px;
	font: 1px monospace;
	background-image: url(images/gui/bdr_top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#contentBottom {
	clear: both;
	height:11px;
	font: 1px monospace;
	background-image: url(images/gui/bdr_bottom.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#content {
	margin-left:1px;
	margin-right:1px;
	background-color:white;
	
}
#productSum {

}
#content ul {
	font-size: 0.7em;
	list-style: disc url(images/gui/i_list.gif) outside;
	margin-left: 1.7em;
	padding-left:0;
}
#content ul.icon {
	font-size: 0.7em;
	list-style: disc url(images/gui/i_link.gif) outside;
	margin-left: 1.7em;
	padding-left:0;
}
#content li {
	margin-left:0px;
	padding-left:0px;
}
#content li.selected {
	list-style: disc url(images/gui/i_linkHover.gif) outside;
}
#content li.column {
	margin-left:100px;
	margin-top:-14px;
	padding-left:0px;
}
#XXcontent li:hover {
	list-style: disc url(images/gui/i_listHover.gif) outside;
}
#details ul {
	font-size: 0.7em;
	list-style: disc url(images/gui/i_doc.gif) outside;
	margin-left: 1.7em;
	padding-left: 0;
}
#details li {
	margin-left: 0;
	padding: 0 0 2px 0;
}
#sitemap {
}
#sitemap ul {
	font-size: 11px;
	list-style: disc outside;
	margin-left: 1.7em;
	padding-left: 0;
}
#sitemap li {
	margin-left: 0;
	padding: 0 0 2px 0;
}
#sitemap li a {
	display: block;
	width:100%;
}
#sitemap li a:hover {
	color: #38503D;
	text-decoration: none;
	background-color: #EEF8F0;
}
/* Start Hack for IE WIN - This comment will hide from MAC IE \*/
*html #content ul {
	margin-left: 1.3em;
}
*html #details ul {
	margin-left: 1.3em;
	padding: 0;
}
/* End Hack for IE WIN */

.colLeft {
	width:297px;
	padding:10px 0px 10px 6px;
}
.colRight {
	width: 198px;
	/*border-left: 1px solid black;*/
	padding:10px 10px 10px 20px;
}
.eventColLeft {
	width:50px;
	padding:10px 0px 10px 20px;
}
.eventColRight {
	/*border-left: 1px solid black;*/
	padding:10px 100px 10px 20px;
}
#countrySelect {
	color: #FFFCDB;
	margin-bottom:30px;
}
#footer {
	color: #FFFCDB;
	font-size: .7em;
	margin-bottom:30px;
}
#footer a {
	color: #FFFCDB;
}
#footer a:hover {
	color: #white;
	text-decoration: underline;
}
#footer a:active {
	color: #FFFCDB;
	text-decoration: none;
}
#footer a:visited {
	color: #E1DEC1;
}
#error {
	font-size: .7em;
	background-color: #EEF8F0;
	border: 1px solid black;
	margin: 0 20px 20px 0;
	padding:10px;
}
/*
=======================================================================
  Product Page
=======================================================================
*/

#productSumX a {
	padding-left:5px;
	text-decoration: none;
	background-image: url(images/gui/i_listArrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
#productSum table {
	margin: 0px;
	padding: 0px;
}
.productBoxTL {
	width: 50%;
	height: 111px;
	padding: 5px;
	background-image: url(images/gui/cnr_prodTL.gif);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: middle;
}
.productBoxTR {
	width: 50%;
	height: 111px;
	padding: 5px;
	background-image: url(images/gui/cnr_prodTR.gif);
	background-repeat: no-repeat;
	background-position: top;
	vertical-align: middle;
}
.productBoxBL {
	height: 111px;
	padding: 5px;
	background-image: url(images/gui/cnr_prodBL.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align: middle;
}
.productBoxBR {
	height: 111px;
	padding: 5px;
	background-image: url(images/gui/cnr_prodBR.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	vertical-align: middle;
}
.productBox {
	height: 108px;
	padding: 5px;
	background-color: white;
}
/*
=======================================================================
  Product Comparison table
=======================================================================
*/

#comp table {
	font-size:.7em;
	border-top: #D6D6D6 1px solid;
	border-left: #D6D6D6 1px solid;
}
#comp td {
	height:20px;
	width: 25px;
	text-align: center;
	border-bottom: #D6D6D6 1px solid;
	border-right: #D6D6D6 1px solid;
}
#comp td.desc {
	width: 225px;
	text-align: left;
	padding-left: 5px;
}
#comp td.no {
	background-image: url(images/gui/i_compX.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#comp td.yes {
	background-image: url(images/gui/i_compY.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#comp tr {
/*background-image: url(images/gui/bdr_dotH.gif);
	background-repeat: repeat-x;
	background-position: left bottom;*/
}
#comp tr.odd {
	background-color: #FBFBFB;
}
/*
=======================================================================
  Event list
=======================================================================
*/

#eventContent {
	margin-left:1px;
	margin-right:1px;
	background-color:white;
}
#eventDate ul {
	list-style: none;
	font-size: 0.7em;
	margin:10px 0 0 0;
	padding:0px;
}
#eventDate li {
	line-height: 1.1em;
	list-style: none;
	margin:0px;
	padding:3px 0 2px 7px;
}
#eventDate li a.selected {
	color: #FFFFCC;
}
#eventDate li.open {
	color: #5A8263;
	font-weight: bold;
	padding-bottom:0;
	background-image: url(images/gui/i_eventListOpen.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
#eventDate li.child {
	margin-left:2px;
	background-image: url(images/gui/i_eventListChild.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#eventDate li.childEnd {
	background-image: url(images/gui/i_eventListChildEnd.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*
==============================================================
Contact Us Page
==============================================================
*/

td.office {
	font-size: 0.7em;
	width:150px;
}
td.office2 {
	font-size: 0.7em;
}
td.office h1 {
	font-size: 1em;
}
td.office2 h1 {
	font-size: 1em;
}
a.icontop {
	display:block;
	width: 100%;
	height: 1.2em;
	padding-left:15px;
	text-decoration: none;
	background-image: url(images/gui/i_link-top.gif);
	background-repeat: no-repeat;
	background-position: 0 0.05em;
}
ol.faqlist {
}
ol.faqlist li {
	padding-bottom:.7em;
	font-size: .7em
}