/*******************************************************************************************************************************************************************************************
                          									 CSS Document Author: Michael Oleksak - StarsnSites.com for Water Garden WS
           body { column-count: 3 }                 	       copyright ©2008 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. 
							LightBlue  #3D87CF  DarkBlue   #24618F    background-image:url('../images/BackGround.jpg'); background-position: center; background-repeat: repeat-y; 
*******************************************************************************************************************************************************************************************/
table, tbody	{ border-collapse: collapse; font-size: 12px; /* 12px is default size fro tables with no declaration */ }
.tdTop				{ vertical-align: top; } /*Used to make all <td> tags default to top*/
/*Link Styles*/
a:link, a:visited	{ color: #002547; text-decoration: underline; }
a:hover, a:active	{ color: #800000; text-decoration: none; }
/*Heading Tag Styles*/
h1				 	{ font-size: 18px; color: #A2B971; margin: 0px; /* text-transform: capitalize; */ }  
h2 					{ font-size: 15px; color: #800000; margin: 0px; }
h3 					{ font-size: 13px; color: #906F66; margin: 0px; }
/*Form Styles*/
form 				{ margin: 0px; padding: 0px; border: none; }
textarea 			{ font-size: 11px; border: 1px solid #555555; background-color: #F5F5F5; }
/*Other Body Parts*/        
ul 					{ list-style-type: square; }
/**
ol 					{ list-style-type: lower-roman; }	
**/
hr 					{ height: 1px; width: 90%; color: #906F66; }              	 
img 				{ border: 0px; }

#containmentDiv		{ width: 100%; position: relative; float: left; display:block; margin: 0px; padding: 0px;}
.displayDiv			{ width: 285px; height: 210px; float: left; display:inline; margin: 3px; margin-bottom: 10px; margin-top: 0px; background-image:url('../images/categoryLinks.jpg'); background-repeat: no-repeat; 
					   padding: 0px; vertical-align: top; font-size: 15px; }
.displayDiv a:link, .displayDiv a:visited	{ color: #efefef; text-decoration: none; }
.displayDiv a:hover, .displayDiv a:active	{ color: #FFCC00; text-decoration: underline; }					   
					   
.displayDiv h2 		{ font-size: 18px; color: #FFCC00; margin: 20px 10px 0 10px; }
.displayDiv ul 		{ list-style-type: circle; color: #FFCC00; padding:0px; margin:10px 0 0 40px; clear: both; }
/*
#containmentDiv		{ width: 790px; }
#displayDiv			{ width: 390px; float: left; display:inline; margin: 2px; }
*/
/****************************************************************************Begin Main Outer Containing Table style settings**************************************************************
*****************************************************************************Begin Main Outer Containing Table style settings**************************************************************/ 
.mainTableDIV	{ width: 1020px; height:100%; background-image:url('../images/tableBackground.png'); }
 
.mainTable 				{ width: 1000px; height:100%; table-layout: fixed; background-color: #fff; }
.mainTableBannerCell	{ width: 1000px; height: 200px; padding:0px; }
.mainTableNavCell		{ width: 1000px; height: 35px; padding-left:10px; background-image:url('../images/mainTableNav.jpg'); background-repeat: no-repeat;  }
#navSearchContainerDIV	{ width: 1000px; height: 35px; position:static; }
#search	{ width: 220px; float: right; }
	.searchTable		{ width: 220px; height:35px; vertical-align: bottom; }
	.searchCell			{ width: 200px; height:35px; vertical-align: middle; text-align: right; background-image:url('../images/searchTable_01.jpg'); }						  
	.input2 			{ width: 190px; font-size: 10px; color: #000000; background-color: transparent; padding-bottom: 5px; text-indent: 2px; border: 0px solid #CACACA; }
	.searchButton		{ width: 20px; height: 35px; border: 0px; vertical-align: top; }
						  						  
.mainTableHeading		{ width: 100%; height:25px; background-color: #fff;  vertical-align: middle; text-align: center;  
                          color: #cccccc; border-top: 0px solid #aaaaaa; border-bottom: 1px solid #bbbbbb; /**For the h1 heading tags**/ }
.mainTableHeading h1	{ font-size: 15px; color: #777777; font-style: italic; /**For the h1 heading tags**/ }
	.mainTableHeading a:link, .mainTableHeading a:visited	{ color: #777777; text-decoration: none; /**For the h1 heading tags**/ }
	.mainTableHeading a:hover, .mainTableHeading a:active	{ color: #800000; text-decoration: underline; /**For the h1 heading tags**/ } 

.mainTableContentCell	{ height: 100%; width: 1000px; padding: 0px; padding-top: 5px; vertical-align: top; border: 0px solid #bbbbbb;} 
                            
.copyright			  	{ font-size: 11px; font-style: italic; background-color: #efefef; border-bottom: 1px solid #aaaaaa; 
						  color: #777777; text-align: center; width: 100%; height: 30px; vertical-align: middle; }	
.copyright a:link, .copyright a:visited  	{ color: #777777; text-decoration: none; }
.copyright a:hover, .copyright a:active	  	{ color: #444444; text-decoration: underline; } 

#menuContainerDIV	{ width: 780px; height: 35px; float: left;  }

/******   H3    */
/*The Top Menu Style*/
ul#menu	{ margin:0; padding:0; list-style-type:none; position:relative; display:block;
	height:24px; 
	width: 770px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:bold;
	float: left;
}
ul#menu li{
	display:block;
	float:left;
	margin:0;
	pading:0;
	width: 140px;
	overflow:hidden;}
ul#menu li a{
	display:block;
	float:left;
	color:#efefef;
	text-decoration:none;
	font-weight:bold;
	padding:10px 10px 10px 10px;
	height:24px;
	width: 140px;
	overflow:hidden;
	text-align: center;
	background:transparent url("../images/DIVIDER.gif") no-repeat top right;
	}
ul#menu li a:hover{
	background:transparent url("../images/HOVER.gif") no-repeat top right;	
	}
/*******************************************************************************************************************************************************************************************
		Begin Inner Content Containing Table style settings (2 & 3 Panels)
*******************************************************************************************************************************************************************************************/
.innerContentTable 		{ height:100%; width: 1000px; }

.innerContentLeft		{ height:100%; width: 200px; background-color: #fff; padding: 0px; font-size: 10px; color: #684B43; vertical-align: top; text-align: center;}
					  
.innerContentCenter		{ height:100%; background-color: #fff; padding:1px; vertical-align: top; color: #2B2B2B; font-size: 14px; }

.categoryContent p:first-letter		{ color:#ff0000; font-size:22px; }
/**
.innerContentRight		{ height:100%; width: 200px; padding: 2px; background-color: #C1DDFE; font-size: 11px; color: #906F66; background-image:url('../images/SideBarsRight.jpg'); }
**/					  						  					                                             
.innerContentRight		{ height:100%; width: 200px; padding: 1px; background-color: #fff; font-size: 11px; color: #906F66; text-align: left; vertical-align: top; }
.innerContentRightWhite		{ height:100%; width: 200px; padding: 2px; background-color: #fff; font-size: 11px; color: #906F66; text-align: left;  }

.addressTable		{ width: 190px; background-color: #fff; border:1px solid #444444; margin-top: 5px; margin-bottom: 5px;}
.addressTable td	{ padding: 5px; vertical-align: middle; font-style: italic; text-align: center; color: #444444;  letter-spacing: 1px; font-size: 13px; }

.subCategoryContainer	{ width: 770px; margin-right: auto; margin-left: 10px; position: relative;}

#homePageText			{ width: 100%; height:438px; overflow: auto; background-color: #ffffff; color: #1A1A1A; font-size: 14px; padding-top: 2px; 
                          font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif;
						  scrollbar-face-color: #fff;
	   scrollbar-highlight-color: #fff;
	   scrollbar-shadow-color: #111111;
	   scrollbar-3dlight-color: #111111;
	   scrollbar-arrow-color:  #330000; 
	   scrollbar-track-color: #fff;
	   scrollbar-darkshadow-color: #efefef;
                          }
/*******************************************************************************************************************************************************************************************
				C A T E G O R Y  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/
.categoryTable		{ width: 100%; border: 1px solid #cccccc; margin-top: 5px; margin-bottom: 10px; }
.categoryTable td	{ padding: 10px; background-color: #fff; color: #2B2B2B; font-size: 15px; vertical-align: top; }
/*******************************************************************************************************************************************************************************************
				L E F T  N A V I G A T I O N  S T Y L E S
*******************************************************************************************************************************************************************************************/
.leftnav li.title { text-align: center; border-top: 0px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top:8px; height:22px; }
.verdana11-header { font-size: 12px; font-weight: bold; font-variant: normal; color: #333333; letter-spacing: 3px; font-style: italic; text-transform: uppercase; }

#home_left 	{ width: 210px; float: left; padding: 0px 0px 0px 0px; }

.leftnav 	{ width: 210px; float: left; margin-bottom: 10px; text-align: left; }
.leftnav ul { margin: 0; padding: 0; }
.leftnav li { margin: 0; list-style: none; color: #064C72; }

.leftnav li.navelement 					{ font-size: 13px; padding-top: 2px; padding-left: 1px; text-transform: capitalize; }
	.leftnav li.navelement a:link, .leftnav li.navelement a:visited 	{ text-decoration: none; color: #006699; }
	.leftnav li.navelement a:hover, .leftnav li.navelement a:active 	{ text-decoration: none; color: #000000; }

.leftnav li.subnavelement 				{ padding: 0px 10px 5px 10px; height: 20px; font-size: 14px; border-bottom: 1px solid #dddddd; }
	.leftnav li.subnavelement a:link, .leftnav li.subnavelement a:visited	{ text-decoration: none; color: #111111; }
	.leftnav li.subnavelement a:hover, .leftnav li.subnavelement a:active 	{ text-decoration: none; color: #805131; }

/*******************************************************************************************************************************************************************************************
		Begin Top Navigation (Menu) Style settings
*******************************************************************************************************************************************************************************************/
#navcontainer	{ width: 600px; }
#navcontainer ul 			{ margin-left: 0; margin-top: 0; margin-bottom: auto; float: left; border-left: 1px solid #cccccc; font-size: 13px; font-weight: bold; font-style: italic; }
#navcontainer ul li			{ display: inline; }
#navcontainer ul li a 		{ color: #efefef; text-decoration: none; padding: .5em .7em; float: left; border-top: 0px solid #aaaaaa; border-bottom: 0px solid #aaaaaa; border-right: 1px solid #aaaaaa; }
#navcontainer ul li a:hover { background-color: #cccccc; color: #111111; border-top: 1px solid #aaaaaa; border-bottom: 0px solid #dd6900; border-right: 1px solid #9E9E9E; }

/*******************************************************************************************************************************************************************************************
		Begin Sub-Menu Navigation (Menu) Style settings  cascadebitz
*******************************************************************************************************************************************************************************************/
#PhotoSUBmenuContainer	{ width: 774px; position:relative; clear:both; text-align: center; margin-left: 4px; margin-bottom:10px; }
table.SUBmenu a       	{ padding: 1px; text-decoration:none;  display: block; }	              
div.SUBmenu a         	{ color: #455C27; background: #fff; text-decoration:none; font-size:10px; line-height:14px; font-family: verdana, sans-serif;
	                      padding: 2px 5px; }
div.SUBmenu a:link,
div.SUBmenu a:visited 	{ color: #efefef; background: #111111; text-decoration:none; 
                          border: 1px #111111 solid; }
div.SUBmenu a:hover,
div.SUBmenu a:active   	{ font-weight: normal; color: #111111; background: #fff; border: 1px #444444 solid; 
                          border-left: 3px #444444 solid; text-decoration:none; }
/********************************************************************************************************************************************
			 									SubCategory Table Nav Image-Menu Styles
												background-image:url('../images/SUBcatNavOver.jpg');
********************************************************************************************************************************************/
.navDisplayTable		{ width:100%; }
.navDisplayTable td		{ padding: 1px; text-align: center; vertical-align: top; }

.subCatNav				{ width:190px; height: 100%; border:0px solid #FFCC66; background-image:url('../images/subCatNav.jpg'); background-position: top center; background-repeat: no-repeat; }
.subCatNav td			{ width:100%; height: 95px; color: #555555; padding: 4px; vertical-align: middle; text-align: left; font-size:11px; border:0px solid #9EB1CF; }
.subCatNav th			{ width:100%; height: 20px; color: #111; padding: 2px; vertical-align: top; font-size:12px; }						  						  
	.subCatNav a:link, .subCatNav a:visited	{ color: #777777; text-decoration:underline; }
	.subCatNav a:hover, .subCatNav a:active { color: #000000; text-decoration:none; }
.subCatNav img	{ border:1px solid #aaaaaa; }							  
/*******************************************************************************************************************************************************************************************
		Begin Featured Products Style settings
*******************************************************************************************************************************************************************************************/                   
.featuredTable		{ height: 210px; width: 200px; margin-bottom: 10px; background-image:url('../images/featuredTable.jpg'); background-position: top center; background-repeat: no-repeat; } 
.featuredTable th	{ font-size: 12px; letter-spacing: 1px; color: #FFCC00; padding: 2px; vertical-align: bottom; }   
.featuredTableCenter	{ font-size: 12px; color: #efefef; font-weight: normal; font-style: italic; padding-left: 5px; padding-right: 4px; }
.featuredTableCenter img 	{ border: 1px solid #cccccc; }

.featuredTableBottom	{ height: 20px; font-size: 10px; font-style: italic; letter-spacing: 1px; color: #222222; border-bottom:0px dotted #cccccc; text-align: right;   
                          vertical-align: top; padding: 2px; padding-right: 10px; }
	.featuredTable a:link, .featuredTable a:visited	{ color: #efefef; text-decoration : underline; font-weight: bold; }
	.featuredTable a:hover, .featuredTable a:active	{ color: #FFCC00; text-decoration : none; font-weight: bold; }

.featuredPic { border:#111111 1px solid; }
/*************************************************************************************************************************************************************
	Below is style for Pond Pictures Feature
*************************************************************************************************************************************************************/
#photoGalleryContainer		{ width: 100%;  }
.photoGalleryContainerCell	{ vertical-align: top; text-align: center; padding: 2px; width: 33%; border:#800000 0px solid; }
          
.photoGalleryDisplayTable		{ background-color: #ffffff; border:#777777 0px solid; }
.photoGalleryDisplayTable td	{ padding: 2px; text-align: center; }
.photoGalleryDisplayTable th	{ padding: 2px; font-style: italic; font-size: 12px; color: #444444; vertical-align: top; height: 60px; }

#pagerDiv	{ background-color: #dddddd; font-size: 15px; font-style: italic; color: #222222;  padding: 1px; border:#777777 1px solid; }
	#pagerDiv a:link, #pagerDiv a:visited  { color: #555555; text-decoration : none; font-weight: bold; font-size: 13px; }
	#pagerDiv a:hover, #pagerDiv a:active  { color: #800000; text-decoration : underline; font-weight: bold; font-size: 13px; }
/*************************************************************************************************************************************************************
Above is style for Pond Pictures Feature          
*************************************************************************************************************************************************************/ 


.WholesaleItemsTable		{ background-color: #ffffff; border-collapse: collapse; border: 1px solid #dadada; width: 100%; }
.WholesaleItemsTable th  	{ background-color: #5f5f5f; color: #fff; padding: 1px; border: 1px solid #efefef; }	
.WholesaleItemsTable td  	{ text-indent: 5px; font-size: 12px; color: #333333; padding: 1px; border: 1px solid #dadada; }

    
.wholesaleLoginTable	{ width: 196px; height: 140px; margin-top: 10px; background-color: #fff; background-image:url('../images/wholesaleLoginTable.jpg'); background-repeat: no-repeat; color: #000000;  
						   }
.wholesaleLoginTable th	{ text-align: right; padding: 1px; font-size: 10px; font-weight: normal; }
.wholesaleLoginTable td	{ text-align: center; padding: 1px;  }

.titleCell	{ text-align: center; font-weight: bold; padding: 2px; font-size: 15px; color: #002547; letter-spacing: 1px; 
              height: 20px; font-style: italic; }

.wholesaleLoginTable a:link, 
.wholesaleLoginTable a:visited { color: #800000; text-decoration: underline; font-size: 9px; }
.wholesaleLoginTable a:active,
.wholesaleLoginTable a:hover   { color: #000000; text-decoration: underline; font-size: 9px; }

.wholesaleLoginTableInput { width: 130px; font-size: 10px; border: 1px solid #999999; background-color: #ffffff; }

.wholesaleButton	{ }   


.randomFactsTable		{ width: 99%; background-color: #fff; color: #000000; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
						  margin-top: 5px; margin-bottom: 5px; border:1px solid #999999; }
.randomFactsTable th	{ padding: 2px; font-size: 13px; font-style: italic; color: #800000; letter-spacing: 1px; 
						  border-top:0px solid #999999;  border-bottom:0px solid #999999; }
.randomFactsTable td	{ padding: 4px; font-size: 13px; font-style: italic; color: #000000;  }                 

.testimonials		{ width: 100%; height: 200px; background-image:url('../images/testimonials.jpg'); background-repeat: no-repeat; margin-top: 20px; }
.testimonials td	{ width: 100%; text-align: center; font-size: 13px; font-style: italic; color: #efefef; padding: 20px; padding-bottom: 0px; }
.testimonials th	{ width: 100%; height: 50px; vertical-align: top; text-align: right; font-size: 13px; font-style: italic; color: #0A355C; padding-right: 20px; }
.testimonials a:link, .testimonials a:visited { color: #0A355C; text-decoration: underline; font-size: 13px; }
.testimonials a:active, .testimonials a:hover   { color: #ffffff; text-decoration: none; font-size: 13px; }

#testimonialLink	{ font-size: 15px; padding-right: 20px; }
/***********************************
 End Stylesheet
 a:link, a:visited	{ color: #906F66; text-decoration: underline; }
a:hover, a:active	{ color: #A2B971; text-decoration: none; }
***********************************/