/***********************************
CSS Document Author: Michael Oleksak - StarsnSites.com
copyright ©2005 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS.
***********************************/

body { background-color: #7A776F; height:100%; border:none;
       margin: 5px 0px 2px 0px; 
       }
table, 
div, 
tbody { font-family: lucida, verdana, sans-serif; color: #7A776F; 
        border-collapse: collapse; font-size: 12px;
        }
/***********************************
Main Outer Containing Table style settings
***********************************/                 	

.mainTable { height:100%; width: 880px; padding:0px; background-color: #ffffff;
             margin: 0px; border:1px solid #CCC399;
             }
.mainTableBanner { height:190px; width: 880px; padding:0px; background-color: #ffffff;
                   margin: 0px;
                   }             
.mainTableContent { height:100%; width: 880px; padding:0px; vertical-align: top;
                    }               
/***********************************
Top Banner cells style settings
***********************************/ 

#topBanner { height: 190px; width: 880px;
             }             
             
.topH1 { background-image:url('../images/OrganicDigester_08.jpg');
         height: 30px; width: 470px; text-align: center; vertical-align: middle;
         } 
         
/***********************************
Center Content Table Style Settings
***********************************/ 
#contentTable { height: 100%; width: 880px; vertical-align: top;
                padding: 4px;
                }

.navCell { background-image:url('../images/H2OGardens_16.jpg');
           height: 100%; width: 190px; vertical-align: top; text-align: right;
           } 
           
.categoryContent2 { width: 690px; height:100%; vertical-align: top; font-size: 12px;
                    border-right:1px solid #566EBE; padding: 8px;
                    }                                       
                   
/***********************************
Used in 3-Panel Pages
***********************************/                                
.categoryContent3 { width: 500px; height:100%; vertical-align: top; font-size: 12px;
                    padding: 8px;
                   }
.categoryFeatured { width: 190px; height:100%; vertical-align: top; text-align: center;
                    border-right:0px solid #566EBE; border-left:1px solid #efefef;
                    }                   
/***********************************
Used in 3-Panel Pages
***********************************/ 

.fullheightPad { height:100%; width: 500px; padding: 5px; vertical-align: top; Text-align: center;
                 }  

.fullheightNoPad { width: 500px; padding: 0px; vertical-align: top; Text-align: center;
                   background-color: #ffffff;
                 } 
.fullheightProduct { height:100%; width: 100%; padding: 5px; vertical-align: top; Text-align: center;
                 }                             
.fullheight { height:100%; vertical-align: top; 
              }                               
                                                     
/***********************************
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; border:1px solid #F4F4F4; padding:2px; }

.prod { border:0px solid #F7E38C; padding:2px; }

                          
/***********************************
The Table in the middle with nav and content container
***********************************/             
                         
form {  margin: 0px; padding: 0px; border: none; }


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

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

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

span.radius { visibility: hidden;
	        }	
.pondcalc { width: 100%; border:#C8D9E4 1px solid; font-size: 11px;
            text-align: center;
	        } 
/***********************************
 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: #DE2D7E; 
               margin-top: 2px;  margin-bottom: 2px; letter-spacing: 2px;
               }

h1 { font-size: 11px;  line-height: 20px; color: #00759C; 
     margin-top: 2px;  margin-bottom: 2px; 
     }  

h2,h3 { font-size: 11px; color: #5B5BAF; 
        margin-top: 1px; margin-bottom: 2px;  
        }
        
h2.products { 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
***********************************/
          
.picS { width: 98%; background-color: #ffffff; border:#324267 1px solid;
                    border-collapse: collapse; font-size: 9px; color: #555555;}
                    
.picS td    { width: 100px; height: 75px; text-align: center;
              background-color: #82AAC6;
              vertical-align: middle; border:#efefef 1px solid;
             }

.picS th    { font-size: 10px; font-weight: 200; background-color: #efefef;
              border:#82AAC6 1px solid; padding-left: 5px;
              text-align: left; vertical-align: middle; width: 50%;
          }
/***********************************
Above is style for Pond Pictures Feature          
***********************************/ 
/***********************************
Below is style for Checkout Table          
***********************************/ 
.checkOut     { width: 500px; background-color: #ffffff; border:#82AAC6 1px solid;
                    border-collapse: collapse; font-size: 9px; color: #555555;}
                    
.checkOut td    { text-align: left; font-size: 9px;
                  background-color: #efefef; padding-left: 5px;
                  vertical-align: middle; border:#D5D5D5 1px solid;
                  }

.checkOut th    { font-size: 10px; color: #fff; background-color: #82AAC6;
                  border:#efefef 1px solid; padding-right: 5px;
                  text-align: right; vertical-align: middle; width: 35%;
          }
/***********************************
Above is style for Checkout Table          
***********************************/ 

/***********************************
 Miscellaneous Body Part Tag Styles
***********************************/
    
textarea, 
form select, 
input { font-size: 11px; background-color: #ffffff;
        }
        
ul { list-style-image: url('../images/bulltetpoint.gif')
	 }
	
hr { height: 1px; width: 90%; color: #CECECE;
     }              	 

img { border: 0px; 
      }
      
/***********************************
 Price Cart and Product Box Styles
***********************************/	  

.pricecart { text-align:center; background-color: #fff;
             width: 100%; border:#95928C 0px solid;
	         }
.pricecart th { background-color: #F7E38C; font-size: 10px; color:#555;
	            padding:2px; font-weight: normal;
	            }

td.description { background-color: #ECECEC;
     	         font-size: 9px; color: #555555;
     	         text-indent: 4px; width: 100%;
 	             padding:1px; text-transform: capitalize;
	             text-align: left; }

td.sku { background-color: #ECECEC; font-size: 9px; color: #A7A7A7;
         padding:1px; text-align: center;
         
	     }

td.price { background-color: #ECECEC; font-size: 9px; color: #555555; width: 60px;
           padding:2px; text-align: center;
	       }
td.add {  font-size: 9px; color: #555555; width: 80px;
          border:#ECECEC 1px solid; text-align: center;
	       }	       
	            
/*Begin Product Info Table Style*/

.productinfo { width: 100%; font-size: 10px; border:#D4D4D4 1px solid;
	           text-align:center;
	           }
	
.productinfo th { font-weight:bold; color: #efefef;
	              font-size: 10px; background-color: #7A776F;
	              border:1px solid #D4D4D4; padding:3px 
	              }
	
.productinfo td { border:#D4D4D4 1px solid; font-size: 10px; background-color: #efefef;
	              color:#000; padding:3px; text-align:center;
	              }
	              
/*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*/
      
.button { font-size: 10px; color: #ffffff;
	      background-color: #525D8C;
	      border-top-color: #D1D7DC;
	      border-right-color: #98AAB1;
	      border-bottom-color: #000000;
	      border-left-color: #D1D7DC; 
          }

/***********************************
 Begin Copyright Section
***********************************/
.copyleft	{ background-color: #9475DE;
              font-size: 9px; color: #efefef;  line-height: 15px; text-indent: 10px; 
              text-align: center; vertical-align: middle; height: 20px; width: 190px;
              margin-bottom: 3px; 
              }	


.copyright	{ background-color: #F5F3E9; border-top:1px solid #CCC399;
              font-size: 9px; color: #CCC399;  line-height: 15px; text-indent: 10px; 
              text-align: center; vertical-align: middle; height: 15px; width: 880px;
              margin-bottom: 3px; 
              }	
.copyright a:link,
.copyright a:active,	
.copyright a:visited  { color: #CCC399;	text-decoration : none;	}
.copyright a:hover	  {	color: #555555; text-decoration : underline; }

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

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

.searchform { font-size: 11px; width: 130px; vertical-align: top;
              margin-bottom: 0px; margin-top: 0px; 
             }
.searchCell { background-image:url('../images/H2OGardens_14.jpg');
              height: 40px; width: 300px;
              vertical-align: middle; text-align: right;
              } 
.searchCell2 { background-image:url('../images/H2oGardensNS_14.jpg');
              height: 40px; width: 300px;
              vertical-align: middle; text-align: center;
              }              
.w { width: 50px; }
.h { height: 20px; }
.sdiv { width: 190px; height: 25px; text-align: left; }
.std { height: 5px; }

/***********************************
 End Main Seacrh Form Field Styles
***********************************/

/* Begin Table Nav SUBMenu Styles*/

table.SUBmenu a { padding: 1px; text-decoration:none;
	width:100%; border:2px solid; display: block; 
	border-top-color : #AFADA8; 
    border-right-color : #514F4A; 
    border-bottom-color : #393834; 
    border-left-color : #95928C;} 

div.SUBmenu a {
	color: #000; background: #fff; text-decoration:none;
	font-size:10px; line-height:12px;
	font-family: verdana, sans-serif;
    }

div.SUBmenu a:link,
div.SUBmenu a:active,
div.SUBmenu a:visited { color: #fff; background: #7A776F; text-decoration:none;
                        }

div.SUBmenu a:hover { font-weight: normal;
      color: #fff; background: #7A776F; border:2px solid text-decoration:none;
	  border-top-color : #393834; 
      border-right-color : #95928C; 
      border-bottom-color : #AFADA8; 
      border-left-color : #514F4A;
      text-indent: 2px;      
      }
 
                   
/* End Table Nav SUBMenu Styles*/



/* Begin Table Nav CARTmenu Styles*/

table.CARTmenu a { padding: 1px; text-decoration:none;
	width:100%; border:2px solid; display: block; 
	border-top-color : #FAF5E1; 
    border-right-color : #A59F89; 
    border-bottom-color : #747060; 
    border-left-color : #F9F2D7;} 

div.CARTmenu a {
	color: #747060; background: #fff; text-decoration:none;
	font-size:12px; line-height:20px; font-weight: bold;
	font-family: verdana, sans-serif;
    }

div.CARTmenu a:link,
div.CARTmenu a:active,
div.CARTmenu a:visited { color: #747060; background: #F7EFCD; text-decoration:none;
                        }

div.CARTmenu a:hover { 
      color: #747060; background: #F7EFCD; border:2px solid text-decoration:none;
	  border-top-color : #747060; 
      border-right-color : #F9F2D7; 
      border-bottom-color : #FAF5E1; 
      border-left-color : #A59F89;
      text-indent: 2px;      
      }
 
                   
/* End Table Nav CARTmenu Styles*/

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