/*---------------------------------------------------------------------------------------------------------------------------------
	  													   RESET
----------------------------------------------------------------------------------------------------------------------------------*/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,   
li, dl, dt, dd, form, a, fieldset, th, td   
{   
	margin: 0; padding: 0; border: 0; outline: none;   
} 

/*---------------------------------------------------------------------------------------------------------------------------------
	  													STRUCTURAL
----------------------------------------------------------------------------------------------------------------------------------*/

body {
	background: #3694d1 url(../images/body-bg.jpg) repeat-x;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 18px;
	color: #414141; 
	text-align: center;
}
	
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	background: url(../images/wrapper-bg.jpg) repeat-y; 
	text-align: left;
}
	
#wrapper {
	width: 960px;
	float: left;
	clear: both;
	background: url(../images/content-bg.jpg) no-repeat; 
}
	
#main-content {
	width: 670px;
	margin: 20px 30px 20px 20px;
	float: left;
	display: inline;
}
	
#supp-content {
	width: 239px;
	float: left;
	display: inline;
}
	 
#mast-nav {
	width: 620px;
	height: 84px;
	margin: 1px 0 0 25px;
}	
	
#footer-container {
	width: 960px;
	float: left;
	clear: both;
	background: url(../images/footer-bg.jpg) no-repeat bottom;
	padding-bottom: 50px;
}

#footer {
	width: 670px;
	margin: 20px 30px 20px 20px;
	float: right;
	display: inline;
	text-align: center;
}
		
		
/*---------------------------------------------------------------------------------------------------------------------------------
	  													STANDARD SELECTORS
----------------------------------------------------------------------------------------------------------------------------------*/

td {
	font-size: 12px;
}

a:link, a:visited {
	color: #137cbe;
	text-decoration: underline;
}
	 
a:hover, a:active {
	color: #4aa206;
	text-decoration: none;
}

a img {
	text-decoration: none;
}
	 
h1 {
	clear: both;
	font-size: 18px;
	text-align: center;
	color: #2087c4;
	margin-top: 20px;
	margin-bottom: 25px; 
	line-height: 24px;
}
	
h2, h2 a:link, h2 a:visited {
	font-size: 16px;
	font-style: italic;
	text-align: center;
	color: #3d9507;
	margin-top: 5px;
	margin-bottom: 20px; 
}

h3 {
	font-size: 14px;
	text-align: center;
	margin-top: 25px;
}

h4 {
	font-size: 16px;
	text-align: center;
	color: #2087c4;
	margin: 10px 0 10px 0;
}

h5 {
	font-size: 12px;
	text-align: left;
}

ul li {
	margin: 6px 0 6px 0;
}

ol li {
	margin: 10px 0 10px 0;
}

blockquote {
	margin: 10px;
}
	
/*---------------------------------------------------------------------------------------------------------------------------------
	  													SPECIFIC SELECTORS
----------------------------------------------------------------------------------------------------------------------------------*/


#main-content p {
	margin: 10px 0 10px 0;
}

#main-content ul, ol {
	margin: 10px 0 10px 20px;
	/*text-indent: 10px; changed to padding-left */
	padding-left: 10px;
}


.content-area {
	margin-top: 20px;
}

#supp-nav {
	margin-top: 360px;
}

#supp-nav-container {
	background: url(../images/nav-bg.jpg) repeat-y;
}

#supp-nav h1 {
	margin: 20px 6px 0 42px;
	padding: 0;
	text-align: center;
}

#supp-nav ul {
	width: 170px;
	margin: 0 0 0 40px;	
}

#supp-nav li {
	clear: both;
	list-style: none;
	margin: 5px 0 5px 5px;
	border-bottom: 1px solid #e2e4df;
	padding: 3px;
	width: 160px;
}

#supp-nav li.sub-cat {
	margin: 0;
	border: none;	
}

#supp-nav a:link, #supp-nav a:visited {
	color: #137cbe;
	text-decoration: none;
}

#supp-nav a:hover, #supp-nav a:active {
	color: #4aa206;
	text-decoration: none;
}

#supp-nav-bottom {
	width: 238px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(../images/nav-bottom.jpg) no-repeat;
}

.search-box {
	text-align: right;
	float: left;
	display: inline;
	clear: both;
	width: 155px;
	margin: 0 0 10px 60px;
}


.search-box * {
	float: none;
	margin: 0;
	padding: 0;
}

#footer li {
	display: inline;
}

#footer li a {
	padding: 0 10px;
}

/*---------------------------------------------------------------------------------------------------------------------------------
	  												      NAVIGATION
----------------------------------------------------------------------------------------------------------------------------------*/
#mast-nav * {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

#mast-nav ul {
	margin: 0;
	padding: 0;
}

#mast-nav li {
	float: left;
	display: inline;
	margin: 0 10px 0 10px;
	text-indent: 0;
}

#mast-nav a {
	background-image: url(../images/home-button.jpg);
	height: 84px;
	text-indent: -999em;
	width: 80px;
	float: left;
	display: block; 
}

#mast-nav a:hover {
	background-position: 0 -94px;
}

#mast-nav a#products-button {
	background-image: url(../images/products-button.jpg);
}

#mast-nav a#hydroU-button {
	background-image: url(../images/hydroU-button.jpg);
}

#mast-nav a#faqs-button {
	background-image: url(../images/faqs-button.jpg);
}

#mast-nav a#about-button {
	background-image: url(../images/about-button.jpg);
}

#mast-nav a#contact-button {
	background-image: url(../images/contact-button.jpg);
}


/*---------------------------------------------------------------------------------------------------------------------------------
	  													BROWSER FIXES
----------------------------------------------------------------------------------------------------------------------------------*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
	/* Hides from IE-mac */
	* html .clearfix {height: 1%;}
	/* End hide from IE-mac */
	


/* 
================================
3DCart Style Sheet 
by Infomart2000 Corp.
www.3dcart.com
================================
*/	
	

/***********************************/
/*          DESIGN ELEMENTS        */
/***********************************/


/*data:: Controls body default fonts and colors*/
.data
{
	font-size : 12px;
	font-weight : normal;
	color : #666666;
	background: #ffffff;
}

/*frame::  Controls the  Color of the Store's Frame*/		
.frame	
{
	background-color : #e0e0e0;
}

/*top::  Controls the  Color of the top Bar*/		
.top
{
	background: #ffffff url(../images/BG_Logo.gif) repeat-x;
}

/*footer:: Displays at the very bottom of your online store,  copyright and desgined by notices*/		
.footer
{
	font-size : 11px;
	color : #333333;
}	

/*line::  Controls the  Color of the line bellow the top bar*/		
.line
{
	background: #ffffff url(../images/BG_menu.gif) repeat-x;
}	

/*alternative:: Controls the form backgrounds and other areas that requred an alternative color*/
.alternative
{
   background-color : #f9f8f8;
   padding: 2px 2px 2px 2px;
   border: 1px solid #eae9e9;
}
 
/*borders:: Controls the color of  the borders on forms*/ 
.borders
{
	border : #cccccc;
	background-color : #cccccc;
	
}

/*borders2:: Controls the color of  the borders on forms*/ 
.borders2
{

	border: 1px dotted #cccccc; 
	border-style: none none dotted;

}


/*invoice_table:: Controls the background color on your invoices*/ 
.invoice_table
{
	background-color : #f9f8f8;
} 


/***********************************/
/*         HEADERS & TITLES        */
/***********************************/


/*menu-headers:: Controls the way the menu headers look*/ 
.menu-headers
{
	font-size : 13px;
	color : #4196e7;
	font-weight : bold;
	background-color: #000000;
	text-decoration : none;
	line-height : 20px;
	border: solid;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color: #ffffff;
}

/*page_headers:: Controls the page's titles*/
.page_headers
{
	font-size : 16px;
	font-weight : bold;
	color : #000000;
	background-color : #ffffff;
	
}

/*checkout-headers:: Controls the titles on the checkout pages (Billing Information, Shipping Information etc)*/
.checkout-headers
{
	font-size : 13px;
	color : #4196e7;
	font-weight : bold;

}

/*titles:: Controls the Body Tiles such as (Specials, Feature Items, Items, Related Items)*/ 
.titles
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	background: url(../images/BG_featured.gif) repeat-x;
	color : #4196e7;
	border: solid;
	border-bottom-width: 0px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-color:;
	padding:3px;
} 

/*titles2:: Controls the titles on the view cart page*/ 
.titles2
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-weight : bold;
	background-color : #eeeeee;
	color : #999999;
	padding:4px;
} 

/*options-titles:: Controls the way the titles on the product options display*/
.options-titles
{
	font-size : 12px;
	font-weight : bold;
	color : #585C5F;
	border: 1px dotted #cccccc; 
	border-style: none none dotted;
}


/*invoice_title:: Controls the way the title of the invoices look */ 
.invoice_title
{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : bold;
	background-color : #cbcaca;
	color : #4f4e4e;
} 


/***********************************/
/*          GENERAL FONTS          */
/***********************************/


/*font1:: Primary Screen Font */ 
.font1
{
	font-size : 11px;
	font-weight : Normal;
	color: #000000;
}
 
/*font2:: Secondary Screen Font */ 
.font2
{
	font-size : 13px;
	font-weight : Normal;
	color: #bc0000;
}

.font3
{
	font-size : 11px;
	font-weight : Normal;
	color: #ffffff;
}
.font4
{
	font-size : 11px;
	font-weight : Normal;
	color: #c32519;
}

/*icon:: Controls the way the menu icons display*/ 
.icon
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight : normal;
	color: #89508c;
}

/*store-name:: Store Name*/		 
.store-name
{
	font-size : 35px;
	color : #4982b8;
	text-decoration : none;
}

/*store-slogan:: Store Slogan*/		 
.store-slogan
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight:bold;
	color : #3a3740;
	padding-top:28px;
}	 	 

/*menu-text:: Controls the way the menu (mailing list) text look*/ 
.menu-text
{
	font-family :Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #2d2c2d;
}

/*item:: Controls the Item, Name, Description, Price, Savings, Cost,Font and Color*/ 
.item
{
	font-size : 11px;
	font-weight : Normal;
	color : #585C5F;
	text-decoration: none;
}

input, select {
	margin: 3px 3px 3px 6px;
}

/*price-info:: controls the way the prices display on the product page*/ 
.price-info
{
	font-size : 12px;
	font-weight : Normal;
	color: #585C5F;
}

/*price:: Controls the way the product's prices display*/ 
.price
{
	font-family :Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #d90d0e;
	font-weight : bold;
}

/*cart-text:: Controls the way the text inside the shopping cart looks*/ 
.cart-text
{
	font-family :Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	font-weight : Normal;
	color: #999999;
	line-height : 18px;
	background-color: #ffffff;
}


/*steps:: Controls the way the steps on the checkout pages display*/
.steps
{
	font-size : 16px;
	font-weight : bold;
	color : #cccccc;
	background-color : #ffffff;
}

/*steps_on:: Controls the way the steps on the checkout [ages display*/
.steps_on
{
	font-size : 16px;
	font-weight : bold;
	color : #990000;
	background-color : #ffffff;
}

/*error:: Controls the error messages*/ 
.error
{
	font-size : 12px;
	font-weight : normal;
	color : #e10e04;
	text-decoration: none;
}


/***********************************/
/*      FORM FIELDS & BUTTONS      */
/***********************************/



/*btn:: Controls the buttons*/ 
.btn
{
	border: 1px solid #dcdbdc;
	background:  #3694d1 url(../images/body-bg.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;    
	color: #ffffff;
	cursor: pointer;
	margin:1px;
	padding: 1px 5px;
} 

/*btn_over:: Controls the buttons*/ 
.btn_over
{
	border: 1px solid #3694d1;
	background: #fff url(none);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #3694d1;
	cursor: pointer;
	margin:1px;
	padding: 1px 5px;
} 	

 /*btn2:: Controls the buttons*/
.btn2
{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;

	font-weight: bold;
	font-size: 12px;    
	color: #990000;
	cursor: pointer;
} 	
	
/*txtBoxStyle:: Controls the text boxes*/  	
.txtBoxStyle
{
	border-top: 1px solid #b3b4b5;
	border-bottom: 1px solid #b3b4b5;
	border-left: 1px solid #b3b4b5;
	border-right: 1px solid #b3b4b5;
	background-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;    
	color: #38393a;
} 
	
/*txtareaStyle:: Controls the text areas*/ 	
.txtareaStyle
{
	border-top: 1px solid #C7D5E0;
	border-bottom: 1px solid #C7D5E0;
	border-left: 1px solid #C7D5E0;
	border-right: 1px solid #C7D5E0;
	background-color: #FBFBFB;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;;
	font-size: 11px;    
	color: #343333;

}