/*****************************************************************************************************************************************************************
	CSS Document Author: Michael Oleksak - WWW.StarsnSites.com copyright ©2006 all rights reserved. 
	BEGIN WITH GLOBAL DECLARATIONS.
*****************************************************************************************************************************************************************/
body { background-color: #494949; color: #5E5C5B; margin: 5px 0px 10px 0px; font-family: lucida, verdana, sans-serif; font-size: 10px; }
table, div, tbody { border-collapse: collapse; font-family: lucida, verdana, sans-serif; }
form {  margin: 0px; padding: 0px; border: none; }
/**********************************************************************************************
                         Begin GLOBAL  L I N K  Styles  [correct order]
**********************************************************************************************/
a:link, a:visited { color: #965365; text-decoration: underline; }
a:hover, a:active { color: #494949; text-decoration: none; }
/**********************************************************************************************
                         Main Outer Containing Table style settings
**********************************************************************************************/                	
.mainTable  		{ width: 1000px; height:100%; } 
.mainTableBanner  	{ width: 1000px; height:220px; padding: 0px; background-image:url('../images/SanDiegoPondandGarden_01.jpg'); background-repeat: no-repeat; }
.mainTableHeading  	{ width: 1000px; height:20px; padding: 0px; background-color: #ffffff; background-image:url('../images/SanDiegoPondandGarden_02.jpg'); background-repeat: no-repeat; text-align: center; }

.mainTableHeading h1	{ font-size: 14px; color: #832A63;  /**For the h1 heading tags**/ }
	.mainTableHeading a:link, .mainTableHeading a:visited	{ color: #832A63; text-decoration: underline; /**For the h1 heading tags**/ }
	.mainTableHeading a:hover, .mainTableHeading a:active	{ color: #5B8DBF; text-decoration: none; /**For the h1 heading tags**/ }

.mainTableContent  	{ width: 1000px; height:100%; padding: 0px; vertical-align: top; background-color: #ffffff; }
                       
.copyright		{ width: 1000px; height: 20px; background-image:url('../images/SanDiegoPondandGarden_04.jpg'); background-repeat: no-repeat; 
				  font-size: 9px; color: #efefef; text-align: center; vertical-align: middle; }	
.copyright a:link, .copyright a:visited	{ color: #efefef; text-decoration : none; }	
.copyright a:hover, .copyright a:active	{ color: #ffffff; text-decoration : underline; }

.bannerTable		{ width: 1000px; height:220px; padding: 0px; }
.bannerTableTop		{ width: 1000px; height:150px; padding: 0px; }
.bannerTablePhone	{ width: 1000px; height:30px; padding: 0px; vertical-align: middle; font-size: 20px; color: #FFFF99;}
	#topPhone  			{ width: 220px; position:relative; left:175px; font-weight: bold; font-size: 20px;  vertical-align: middle; text-align: center; color: #FFFF99; }
	
.bannerTableNav		{ width: 1000px; height:40px; padding: 0px; }
.topnNav			{ width: 183px; text-align: center; font-size: 14px; }
.topnNav a:link, .topnNav a:visited	{ color: #efefef; text-decoration : underline;	}
.topnNav a:hover, .topnNav a:active	{ color: #ffffff; text-decoration : none; font-weight: bold; }
.leftSpacerCell	{ width: 216px; }
	.searchCell			{ height: 40px; padding-top: 10px; vertical-align: middle; text-align: right; }						  
	.input2 			{ width: 170px; font-size: 10px; color: #000000; background-color: #efefef; border: 1px solid #555555; }
	.searchButton		{ width: 20px; height: 20px; border: 0px; vertical-align: top; }
	.searchButtonCell	{ width: 30px; height: 40px; padding-top: 10px; text-align: center;}
/*******************************************************************************************************************************************************************************************
		Begin Inner Content Containing Table style settings (2 & 3 Panels)
*******************************************************************************************************************************************************************************************/
.innerContentTable			{ height:100%; width: 1000px; }
.innerContentLeft			{ height:100%; width: 200px; padding: 0px; background-color: #fff; font-size: 10px; color: #684B43; vertical-align: top; }
.innerContentCenter			{ height:100%; padding:4px; vertical-align: top; color: #555555; font-size: 12px; }
							/**Used in pages where there is a right-hand column (3 Panels)**/ 
.innerContentRight			{ height:100%; width: 200px; padding: 2px; font-size: 11px; color: #906F66; vertical-align: top; } 
/*******************************************************************************************************************************************************************************************
		Begin Featured Products Style settings
*******************************************************************************************************************************************************************************************/                   
.featuredTable		{  width: 200px; margin-bottom: 10px; margin-top: 5px; background-image:url('../images/featuredTable.jpg'); background-position: top; background-repeat: no-repeat;} 
.featuredTable th 	{ font-size: 11px; letter-spacing: 1px;  color: #00172D; padding: 2px; height: 30px; vertical-align: bottom; }   
.featuredTableCenter 	{ font-size: 11px; color: #444444; font-weight: normal;  padding: 2px;   }
.featuredTableCenter img 	{ border: 1px solid #832A63; }
.featuredTableBottom	{ height: 20px; font-size: 9px;  letter-spacing: 1px; color: #222222; border-bottom:1px dotted #cccccc; text-align: right;   
                          vertical-align: top; line-height: 13px; padding: 2px; }
	.featuredTable a:link, .featuredTable a:visited	{ color: #222222; text-decoration : none; font-weight: bold; }
	.featuredTable a:hover, .featuredTable a:active	{ color: #800000; text-decoration : underline; font-weight: bold; }
.addressTable		{ width: 198px; border:1px solid #555555; }
.addressTable td	{ padding: 2px; vertical-align: middle; text-align: center; color: #812D44;  letter-spacing: 1px; font-size: 11px;  }                                			  
/**********************************************************************************************
                                Top Banner Head Style Settings
**********************************************************************************************/  
	

/***********************************
 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	{ font-size: 14px;  line-height: 20px; color: #965365; margin-top: 2px;  margin-bottom: 2px; }  

h2,h3 { font-size: 11px; color: #494949; 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; }

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

/***********************************
 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-image:url('../images/NavTable_02.jpg');
	            font-size: 10px; font-weight: 550; color:#fff;
	            border:#5B6CA4 1px solid;
	            padding:2px;
	           }
	
.pricecart td { background-color: #fff; font-size: 8pt; 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 { 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:#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/NavTable_02.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
**********************************************************************************************/
	

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

.tableborder { border: #777777 1px dotted; padding: 4px; 
               width: 500px; text-align: center;}
.tableborder td { padding: 2px; font-size: 11px;
                  }
.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; 
                  }


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