/***********************************
CSS Document
Author: Michael Oleksak - StarsnSites.com
copyright ©2005 all rights reserved. 
BEGIN WITH GLOBAL DECLARATIONS.
background-image:url('../images/REPLACE.jpg');
***********************************/

body { background-color: #7B9AC6; 
       background-attachment: fixed; margin: 2px 0px 0px 0px; height:100%; border:none;
       }
table, 
div, 
tbody { font-family: lucida, verdana, sans-serif; font-size: 12px; color: #555555; 
        border-collapse: collapse; 
        }

/***********************************
Main Outer Containing Table style settings
***********************************/                 	

.mainTable { height:100%; width: 880px; padding:0px; background-color: #ffffff;
             border:1px solid #637DB5; margin: 0px;
             }

.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; 
              } 
              

.mainNavTable { font-size: 10px; width: 190px; text-align: right; color: #efefef;
                }
.mainNavTable th { height: 30px; color: #637DB5; font-size: 9px;}                
.mainNavTable td { height: 20px; color: #efefef; width: 190px; padding-right: 5px;}

.mainNavTable a:link,
.mainNavTable a:visited  { color: #efefef;	text-decoration : none; }
.mainNavTable a:active,
.mainNavTable a:hover 	  {	color: #ffffff; text-decoration : none; font-weight: bold; }                      
             
/***********************************
Top Containing cells style settings
***********************************/ 

#topBanner { height: 150px; background-color: #ffffff; width: 880px;
            }
.topH1 { background-image:url('../images/PondParts_10.jpg');
         height: 30px; width: 500px; text-align: center; vertical-align: bottom;
         
         }                         

.sideBars { height: 100%; width: 190px; vertical-align: top; text-align: center; padding-top: 5px; 
            padding-bottom: 5px;  }

          
/***********************************
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: #DAE3F7; border:1px solid #637DB5; padding:2px; }

                          
/***********************************
The Table in the middle with nav and content container
***********************************/             

                         
form {  margin: 0px; padding: 0px; border: none; }


/*Above is main body formatting*/  
	      	
/***********************************
 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;
	        }	
 
/***********************************
 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: #637DB5; 
     margin-top: 2px;  margin-bottom: 2px; 
     }  

h2,h3 { font-size: 11px; color: #777777; 
        margin-top: 1px; margin-bottom: 2px;  
        }
h2.products { font-size: 11px; color: #3B92EF; 
              margin-top: 1px; margin-bottom: 2px;  
              }
.products h2 { font-size: 11px; color: #3B92EF; 
              margin-top: 1px; margin-bottom: 2px;  
              }

.topMessage { font-size: 15px; color: #ff0000; font-weight: bold; 
                margin-top: 1px; margin-bottom: 2px;  
                }
                
.topMessage a:link,
.topMessage a:active,	
.topMessage a:visited  { color: #ff0000;	text-decoration : underline;	}
.topMessage a:hover	  {	color: #555555; text-decoration : underline; }
	
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; border: 1px solid #555555; 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 { border:#C8D9E4 1px solid; text-align:center;
	        }
.pricecart th { background-color: #637DB5;
	            font-size: 10px; font-weight: 550; color:#fff;
	            border:#5B6CA4 1px solid;
	            padding:2px;
	           }
	
.pricecart td { background-color: #fff; font-size: 9px; color: #555555;
     	        border:#efefef 1px solid;
	            text-align:left; padding:1px;
	            }

td.description { background-color: #fff;
     	         font-size: 9px; color: #555555;
     	         text-indent: 2px;
 	             border:#B09F93 1px solid;
	             padding:1px; text-transform: capitalize;
	             text-align: left; }

td.sku { background-color: #fff; font-size: 9px; color: #A7A7A7;
         border:#B09F93 1px solid; padding:2px; text-align: center;
	     }

td.price { background-color: #fff; font-size: 9px; color: #555555;
           border:#B09F93 1px solid; padding:2px; 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
***********************************/

.copyright 	{ background-color: #DAE3F7;
              font-size: 9px; color: #8EB1E3;  line-height: 15px; text-indent: 10px; 
              text-align: center; vertical-align: middle; height: 20px;
              margin-bottom: 3px; 
              }	
.copyright a:link,
.copyright a:active,	
.copyright a:visited  { color: #8EB1E3;	text-decoration : none;	}
.copyright a:hover	  {	color: #637DB5; 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 { height: 30px; width: 200px; vertical-align: top;
              background-image:url('../images/EasternNishikigoi_03.jpg');
              }

.w { width: 50px; }
.h { height: 20px; }
.sdiv { width: 190px; height: 25px; text-align: left; }
.std { height: 4px; }

/***********************************
 End Main Seacrh Form Field Styles
***********************************/

/* Begin Table Nav SUBMenu Styles*/

table.SUBmenu a { padding: 1px; text-decoration:none;
	width:100%; border:1px solid; display: block; 
	border-top-color : #FAEDB7; 
    border-right-color : #AC9E62; 
    border-bottom-color : #7F7548; 
    border-left-color : #F9E8A2;} 

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: #000; background: #F7E38C; text-decoration:none;
                        }

div.SUBmenu a:hover { font-weight: normal;
      color: #000; background: #F7E38C; border:1px solid text-decoration:none;
	  border-top-color : #7F7548; 
      border-right-color : #F9E8A2; 
      border-bottom-color : #FAEDB7; 
      border-left-color : #AC9E62;
      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
***********************************/
