/***********************************************************************************************************************************************************************************************
                          				CSS Document Author: Michael Oleksak - StarsnSites.com for www.underwatereco.com
                            			    copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS.  body { background-color: #E7E4E0;  }
											background-image:url('../images/bg.jpg'); background-repeat: repeat-x; margin: 0px; border:none; 
***********************************************************************************************************************************************************************************************/
body { background-color: #6FA9F1; background-image:url('../images/bg2.jpg'); background-repeat: repeat-y; background-position: center; background-attachment: 
fixed; margin: 0px; border:none; font-family:'Lucida Casual', 'Comic Sans MS', verdana; }


table, div, tbody { border-collapse: collapse; color: #5F5F5F; }
/***********************************************************************************************************************************************************************************************
                            Begin Main Outer Containing Table style settings
***********************************************************************************************************************************************************************************************/   
.mainTable				{ height:100%; width: 1000px; padding:0px; background-color: #fff; border-top:1px solid #555555; }
.mainTableBanner		{ height:170px; width: 1000px; padding:0px; vertical-align: top; background-image:url('../images/MatalaUSA_01.jpg'); }
.mainTableNavCell			{ height:30px; width: 1000px; padding:0px; vertical-align: top;background-image:url('../images/MatalaUSA_02.jpg'); }

.mainTableHeading		{ height:30px; width: 1000px; padding:0px; vertical-align: middle; text-align: center; 
                          }
.mainTableHeading h1	{ font-size: 14px; color: #921739; margin-top: 2px;  margin-bottom: 2px;  }
	.mainTableHeading a:link,
	.mainTableHeading a:visited  	{ color: #921739; text-decoration: underline; }
	.mainTableHeading a:hover,
	.mainTableHeading a:active	  	{ color: #800000; text-decoration: underline; } 

.mainTableBody			{ height:100%; width: 1000px; vertical-align: top; }/**Contains #innerContentTable**/
	
.copyright		{ font-size: 9px; background-color: #f1f1f1; color: #A1A1A1; border-top:1px solid #555555; text-align: center; height: 20px; }	
	.copyright a:link,
	.copyright a:visited  	{ color: #A1A1A1;	text-decoration : none;	}
	.copyright a:hover,
	.copyright a:active	  	{ color: #800000; text-decoration : underline; } 
/*************************************************************************************************************************************************
                            				Begin Banner Table style settings
*************************************************************************************************************************************************/ 
.navSearchTable			{ height:30px; width: 1000px; }
	.searchCell 		{ height: 30px; width: 170px; vertical-align: middle; text-align: center; padding-bottom: 2px; }
	.input2 	{ width: 160px; font-size: 9px; color: #555555; vertical-align: middle;
              	  border-top: 1px solid #808080; border-left: 1px solid #808080;
			      border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff;
                  background-color: #efefef; margin-top: 2px; margin-bottom: 0px;  text-indent: 5px; 
				  }				  	
	.dateCell	{ height: 30px; width: 250px; text-align: center; vertical-align: middle; font-size: 12px; font-style: italic; color: #f1f1f1; }	
                                         
/*************************************************************************************************************************************************
								Begin Inner Content Containing Table style settings (2 & 3 Panels)
*************************************************************************************************************************************************/ 
.innerContentTable 	{ height:100%; width: 1000px; }

.innerContentLeft	{ height:100%; width: 200px; padding:2px; vertical-align: top; text-align: center; background-color: #fff; color: #D3BF83;
                      font-size: 9px; }
					  					  
.innerContentRight	{ height:100%; width: 200px; padding:2px; vertical-align: top; text-align: center; background-color: #fff; color: #D3BF83;
                      font-size: 9px; }
.innerContentCenter	{ height:100%; padding:5px; vertical-align: top; background-color: #fff; color: #000000; font-size: 14px; } 
.innerContentHome	{ height:100%; padding:5px; vertical-align: top; background-color: #000000; color: #D3BF83; font-size: 14px; }					    					              
/*************************************************************************************************************************************************
												Begin Main Navigation Containing Table style settings
*************************************************************************************************************************************************/ 
.mainNavTable  		{ width:200px; }
.mainNavTableTop	{ height: 30px; width: 100%; background-image:url('../images/NavHeader.jpg');
                      text-align: center; vertical-align: middle; font-size: 12px; color: #990000;
                      font-weight: bold; 
}

.mainNavTableCenter	{ color: #999999; border:1px solid #999999; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; line-height: 14px;}
.mainNavTableCenter a:link,
.mainNavTableCenter a:visited  { color: #999999; text-decoration : none; font-weight: normal; }
.mainNavTableCenter a:active,
.mainNavTableCenter a:hover 	  {	color: #000000; text-decoration : underline; font-weight: normal; }

.navSub { padding: 1px; font-size: 10px;
          }
.navSub a:link,
.navSub a:visited  {	color: #CC3333; text-decoration : underline; font-weight: normal; }
.navSub a:active,
.navSub a:hover	   {	color: #92BAFF; text-decoration : underline; font-weight: normal; }

.mainNavTableBottom	{ width:100%; height: 15px; background-image:url('../images/mainNav_06.jpg');
                      text-align: center;
}
.mainNavTableCorner	{ width: 15px; height: 15px; padding: 0px;}


  
/**********************************************************************
End NavTable style settings
**********************************************************************/                                     
.wholesaleLoginTable	{ width: 100%; margin: 2px; background-color: #fafafa; color: #555555; font-size: 10px; border:1px solid #333333; }
.wholesaleLoginTable th	{ text-align: right; padding: 1px; }
.wholesaleLoginTable td	{ text-align: center; padding: 2px; }

.titleCell	{ text-align: center; font-weight: bold; padding: 2px; font-size: 12px; background-color: #D12A41; color: #ffffff; letter-spacing: 1px; 
              border-bottom:2px solid #efefef;}

.wholesaleLoginTable a:link, 
.wholesaleLoginTable a:visited { color: #999999; text-decoration: underline; font-size: 9px; }
.wholesaleLoginTable a:active,
.wholesaleLoginTable a:hover   { color: #000000; text-decoration: underline; font-size: 9px; }
.wholesaleLoginTable input { width: 130px; font-size: 10px; border: 1px solid #999999; background-color: #ffffff; }

                         
form {  margin: 0px; padding: 0px; border: none; }
     	
/***********************************
 Begin Link Styles
***********************************/

a:link, 
a:visited { color: #9C6940; text-decoration: underline; }
a:active,
a:hover   { color: #000000; text-decoration: underline; }

/***********************************
 Used in Pond Calculator
***********************************/

span.radius { visibility: hidden;
	        }	
 
/***********************************
 Heading Tag Styles
***********************************/	 

h1.error {font-size: small; color: red; font-weight: bold; text-align: center;}

h1.home { font-family: Garamond; font-weight: 100; font-size: 13px;  line-height: 20px; color: #6C80BE; 
          margin-top: 2px;  margin-bottom: 2px; font-style: italic; letter-spacing: 2px; 
          }

h1.category {  font-weight: bold; font-size: 14px;  line-height: 20px; color: #6C80BE; 
               margin-top: 2px;  margin-bottom: 2px; letter-spacing: 2px;
               }

h1 { font-size: 12px;  line-height: 20px; color: #2574B2; 
     margin-top: 2px;  margin-bottom: 2px; 
     }  

h2 { font-size: 14px; color: #41745B; margin-top: 2px; margin-bottom: 2px;  }

h3 { font-size: 14px; color: #990000; margin-top: 2px; margin-bottom: 2px; font-family:'Lucida Casual', 'Comic Sans MS', verdana; font-weight: normal }

.border { font-size: 12px; color: #FFFFFF; font-weight: bold; 
          margin-top: 1px; margin-bottom: 2px;
          border:1px solid #FDB350; padding: 2px;
          background-color: #C3B690; width: 98%;
          }        
h2.products { font-size: 11px; color: #3B92EF; 
              margin-top: 1px; margin-bottom: 0px;  
              }
.products h2 { font-size: 11px; color: #3B92EF; 
              margin-top: 1px; margin-bottom: 2px;  
              }
	
h3.error { font-size: 13px;  font-weight: bold;
		   margin-top: 1px; margin-bottom: 1px; line-height: 16px; color: #ff0000;
		 }

h1.featured { font-size: 17px;  background-color : #525D8C; 
              margin-top: 1px;  margin-bottom: 2px;  line-height: 24px; color: #ffffff;
              border: 1px solid #555555;              
             }
			  
/* End Heading Tag Styles*/


    
textarea, 
form select, 
input { font-size: 11px; border: 1px solid #555555; background-color: #F5F5F5;
        }
        
ul { list-style-image: url('../images/bulltetpoint.gif')
	 }
	
hr { height: 1px; width: 90%; color: #585858;
     }              	 

img { border: 0px; 
      }
.white { height: 1px; width: 90%; color: #DDD7BA;
         border:#DDD7BA 1px dotted;
            }      

	            


/***********************************
 End Stylesheet
***********************************/