/*******************************************************************************************************************************************************************************************
                          									 CSS Document Author: Michael Oleksak - StarsnSites.com for Underwater Warehouse from HCG
                            								         copyright ©2008 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS.  
*******************************************************************************************************************************************************************************************/
body	{  font-family: verdana, sans-serif; background-color: #222222; margin: 10px auto 10px auto; font-size: 13px; }
table, div, tbody	{ font-size: 13px; border-collapse: collapse; color: #5F5F5F; }
/*******************************************************************************************************************************************************************************************
                            									             Begin Main Outer Containing Table style settings
*******************************************************************************************************************************************************************************************/   
.mainTable 				{ width: 1000px; height:100%; background-color: #fff; table-layout: fixed; }
.mainTableBannerCell	{ width: 1000px; height: 180px; padding:0px; }
.mainTableNavSearchCell	{ width: 1000px; height: 30px; padding:0px; }/**Contains the Nav and Search Functions in the header*/
.topNavSearchTable		{ width: 1000px; height: 30px; }
.topNavigation			{ width: 250px; height: 30px; background-image:url('../images/UnderwaterWarehouse_03.jpg'); color: #dddddd; text-align: left; font-size: 12px; }
	.topNavigation a:link,
	.topNavigation a:visited  	{ color: #cccccc; text-decoration: none; padding:5px; }
	.topNavigation a:hover,
	.topNavigation a:active	  	{ color: #ffffff; text-decoration: underline; padding:5px; }

	.searchCell			{ width: 180px; height:30px; background-image:url('../images/UnderwaterWarehouse_04.jpg'); vertical-align: middle; text-align: center; padding-top: 2px; }						  
	.input2 			{ width: 160px; font-size: 10px; color: #222222; background-color: transparent; margin-bottom: 0px;  text-indent: 10px; border: 0px; }
	.searchButton		{ width: 70px; height: 30px; border: 0px; }


.mainTableDateHeadingCell	{ width: 1000px; height: 30px; padding:0px; }
.mainTableDateHeadingTable	{ width: 1000px; height: 30px; }
	.dateCell				{ width: 200px; height:30px; background-image:url('../images/UnderwaterWarehouse_06.jpg'); text-align: center; font-size: 12px; color: #fff;	}							  						  
.mainTableHeading			{ width: 800px; height:30px; background-image:url('../images/UnderwaterWarehouse_07.jpg'); text-align: center; /**For the h1 heading tags**/ }
.mainTableHeading h1				{ font-size: 12px; color: #38548D; /**For the h1 heading tags**/ }
	.mainTableHeading a:link,
	.mainTableHeading a:visited  	{ color: #38548D; text-decoration: underline; /**For the h1 heading tags**/ }
	.mainTableHeading a:hover,
	.mainTableHeading a:active	  	{ color: #C13102; text-decoration: none; /**For the h1 heading tags**/ } 
	              
.mainTableContentCell	{ height:100%; width: 1000px; padding: 0px; vertical-align: top; color: #222222;  }                             

.copyright			  	{ font-size: 10px; background-color: #ffffff; background-image:url('../images/UnderwaterWarehouse_11.jpg'); color: #284376; text-indent: 200px; text-align: center; height: 20px; }	
.copyright a:link,
.copyright a:visited  	{ color: ##222222; text-decoration: underline;	}
.copyright a:hover,
.copyright a:active	  	{ color: #000000; text-decoration: underline; }  

/***********************************
 Begin Link Styles
***********************************/

a:link, 
a:visited { color: #222222; text-decoration: underline; }
a:hover,
a:active { color: #800000; text-decoration: none; }
/*******************************************************************************************************************************************************************************************
														Begin Inner Content Containing Table style settings (2 & 3 Panels)
*******************************************************************************************************************************************************************************************/
.innerContentTable 			{ height:100%; width: 1000px; }

.innerContentLeft			{ height:100%; width: 200px; background-color: #fff; background-image:url('../images/UnderwaterWarehouse_08.jpg'); 
                              padding-top:0px; vertical-align: top; text-align: center; color: #31514C; font-size: 9px; }
				  
.innerContentCenter			{ height:100%; padding:4px; vertical-align: top; color: #444444; font-size: 15px;   } 

.innerContentRight			{ height:100%; width: 195px; padding:1px; vertical-align: top; text-align: center; color: #31514C; font-size: 9px; }
					  						  					                                             
.navTable2		{ width: 100%; margin-right: 2px; }
.navTable2 th	{ width: 100%; padding: 2px; border-top:1px solid #38548D; border-bottom:1px solid #38548D; background-color: #efefef; }
.navTable2 td	{ font-size: 10px; height: 18px; }       
/***********************************
The Table in the middle with SubCategory navigation and content container
***********************************/

#contentTable { height:100%; width: 100%; background-color: #ffffff;
                 
                }
.contentNav { padding:5px; text-align: center; font-size: 10px; color: #555555; line-height: 15px;
              font-weight: bold; background-color: #efefef; border-bottom:1px solid #314163;
              border-top:1px solid #314163;}                
.contentNav a:link,
.contentNav a:active,	
.contentNav a:visited  { color: #6C80BE;	text-decoration : underline;	}
.contentNav a:hover	  {	color: #314163; text-decoration : underline; font-weight: bold;}              

.contentMain { vertical-align: top; padding:4px;  
              }

.SubCatContent { width: 100%; vertical-align: top; line-height: 17px;
              }
              
.product { text-align: left; text-indent: 5px; letter-spacing: 2px; background-color: #F4F4F4; border:1px solid #3B92EF; padding:2px; }

                          
/***********************************
The Table in the middle with nav and content container
***********************************/             

                         
form {  margin: 0px; padding: 0px; border: none; }
     	


/***********************************
 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.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: #DA8B4D; 
     margin-top: 2px;  margin-bottom: 2px; 
     }  

h2,h3 { font-size: 12px; color: #800000; 
        margin-top: 2px; margin-bottom: 2px;  
        }

.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*/

/***********************************
Below is style for Pond Pictures Feature
***********************************/
#photoGalleryContainer	{ width: 690px; margin: auto; }
.photoGalleryContainertd	{ width: 50%; vertical-align: top; text-align: center; }
          

#picS  	{ width: 100%; background-color: #ffffff; border:#777777 1px solid; border-collapse: collapse; 
          font-size: 9px; color: #555555; }
                             
#pictureCell    { width: 160px; height: 120px; text-align: center; background-color: #555555;
                  vertical-align: top; padding: 0px; 
                  }

#textCell    {  width: 220px; font-size: 10px; font-weight: 200; background-color: #efefef;
                padding: 5px; text-align: left; vertical-align: middle; 
                }
.textCell    {  width: 220px; font-size: 10px; font-weight: 200; background-color: #efefef;
                padding: 5px; text-align: left; vertical-align: middle; 
                }
.textCell td    {  width: 220px; font-size: 10px; font-weight: 200; background-color: #efefef;
                   padding: 5px; text-align: left; vertical-align: middle; 
                   }              
.picSbottom    { width: 100%; height: 11px; background-color: #777777; font-size: 9px;
                 color: #efefef; vertical-align: middle; padding-left: 20px;
                 }
/***********************************
Above is style for Pond Pictures Feature          
***********************************/ 


/***********************************
 Miscellaneous Body Part 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;
            }      

	            
/*****************************************
Begin Product Info Table Style
*****************************************/
.productinfo { font-size: 10px; border:#D4D4D4 1px solid; text-align:center; }
	
.productinfo th { font-weight:bold; color: #efefef; font-size: 10px; background-color: #919191; border:1px solid #D4D4D4; padding:3px }
	
.productinfo td { border:#efefef 1px solid; font-size: 10px; background-color: #DDD7BA; color:#000; padding:3px; text-align:center; vertical-align: middle; }

#productinfo { font-size: 10px; border:#D4D4D4 1px solid; text-align:center; width: 100%;}
	
#productinfo th { font-weight:bold; color: #efefef; font-size: 10px; background-color: #919191; border:1px solid #D4D4D4; padding:3px }
	
#productinfo td { border:#efefef 1px solid; font-size: 10px; background-color: #DDD7BA; color:#000; padding:3px; text-align:center; vertical-align: middle; }
	              
/******************************************
End Product Info Table Style
******************************************/


.featured { border:#555555 1px solid;
	        text-align:center;
	        }
	
.featured th { background-image:url('../images/pricecart.jpg');
	           font-size:12px; font-weight: 550; color:#ffffff;
	 	       border:#555555 1px solid; padding:2px;
	           }
	
.featured td { border:#c0c0c0 1px solid;
	           font-size: 9px; color:#000;
	           padding:2px;
	           }


.small { font-size: 11px; }
.smaller { font-size: 10px; text-align:center; }
.smallest { font-size: 9px; }
.smalltext { font-family: lucida, verdana, sans-serif;
             font-size: 11px;
             }


.date { font-size: 10px; color: #7D2E2E;
        }


/* end product navigation menu*/
      
.buttonMain { font-size: 10px; color: #ffffff;
	      background-color: #525D8C;
	      border-top-color: #D1D7DC;
	      border-right-color: #98AAB1;
	      border-bottom-color: #000000;
	      border-left-color: #D1D7DC; 
          }

/***********************************
 End Copyright Section
***********************************/	

/***********************************
 Begin Main Seacrh Form Field Styles
***********************************/




.w { width: 50px; }
.h { height: 20px; }
.sdiv { width: 190px; height: 25px; text-align: left; }
.std { height: 5px; }

/***********************************
 End Main Seacrh Form Field Styles
***********************************/
/***********************************
The Table in the middle of the Contact Form
***********************************/

.tableborder { border: #777777 1px dotted; padding: 4px; 
               width: 550px; text-align: center;}
.tableborder td { padding: 2px; 
                  }
.address { font-size: 10px; vertical-align: top; padding: 4px;}                                 

.letterSpace { letter-spacing: 12px;}

.letterSpaceSmall { letter-spacing: 6px;}

.tableborder2 { border: #777777 1px dotted; padding: 4px; 
                width: 490px; text-align: center;}
.tableborder2 td { padding: 2px; 
                  }
                  
                  
/**********************************************************************
 List Article Stylesheet
**********************************************************************/
.articleListTable { width: 184px; padding:2px; background-color: #1A1A1A; display: inline;
                    font-size: 9px; border:1px solid #444444
                    }
.articleListTable td { font-size: 9px; text-align: left; padding-left:2px; vertical-align: top;}               
            
.articleListTable a:link,
.articleListTable a:active,	
.articleListTable a:visited    { color: #949494;	text-decoration : underline;	}
.articleListTable a:hover	   { color: #dd6900; text-decoration : underline; font-weight: normal;}
            
.articleListTableCenter { width: 100%; padding: 0px; font-size: 10px; 
                     border-left: 1px solid #CECECE; border-right: 1px solid #CECECE;
                     }                    


/**********************************************************************
 News Article Stylesheet
**********************************************************************/

.newsTable             { background-color: #1A1A1A; color: #DDD7BA; width: 100%; font-size: 11px;
                        border:1px solid #444444; text-align: left; padding-left: 5px;
                        }
.newsTable th          { background-color: #333333; color: #DDD7BA; width: 100%; font-size: 13px;
                         text-align: center; padding: 2px;
                         border:1px solid #444444;
                        } 
.newsTable td          { background-color: #000000; color: #DDD7BA; width: 100%; font-size: 12px;
                         padding: 2px;
                         border:1px solid #444444;
                        }                                               
.newsTable a:link,
.newsTable a:visited   { color: #00D5DD;	text-decoration : none; }
.newsTable a:hover,
.newsTable a:active 	  {	color: #A8A8A8; text-decoration : none; font-weight: bold;}


.clientinfo		{ width: 90%;  border: 1px dotted #CECECE; color: #000000; line-height: 20px; margin: 20px;}
.clientinfo td	{ background-color: #ffffff; color: #000000; padding: 4px; }
.clientinfo th	{ background-color: #efefef; color: #000000; padding: 4px; border:2px dashed #A6352C;}
.inputCheckBox 	{ font-size: 11px; border: 0px solid #555555; background-color: #efefef; margin-top: 3px;
                  margin-bottom: 0px;}





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