/*******************************************************************************************************************************************************************************************
                          									 CSS Document Author: Michael Oleksak - StarsnSites.com for MicrobeLift-Pondmaster-AquaUV-CalPump
           body { column-count: 3 background-color: #595959; }                 	       copyright ©2009 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. 
						Blue  #084D8E  Orange   #F67B14    background-image:url('../images/BackGround.jpg'); background-position: center; background-repeat: repeat-y; 
*******************************************************************************************************************************************************************************************/
body	{ background-color: #111111; margin: 0 0 0 0; padding: 0; font-family: verdana, arial, sans-serif; }
table, 
tbody	{ border-collapse: collapse; font-size: 12px; /* 12px is default size for tables with no declaration */ }

/*Link Styles*/
a:link, a:visited	{ color: #934C0F; text-decoration: underline; }
a:hover, a:active	{ color: #595959; text-decoration: none; }
/*Heading Tag Styles*/
h1				 	{ font-size: 18px; color: #1E1E1E; margin: 0px; /* text-transform: capitalize; */ }  
h2 					{ font-size: 15px; color: #FDC22D; margin: 0px; }
h3 					{ font-size: 13px; color: #F35E43; 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; margin-bottom: 5px; } */
/*ol 					{ margin-bottom: 15px; }*/
li 					{ margin-bottom: 5px; }
hr 					{ height: 1px; width: 90%; color: #658461; }              	 
img 				{ border: 0px; }
.googleSpan			{ visibility:hidden; font-size: 1px; }
.clr {
	clear:both;
	margin:0;
	padding:0
}
/****************************************************************************Begin Main Outer Containing Table style settings**************************************************************
*****************************************************************************Begin Main Outer Containing Table style settings**************************************************************/ 
#mainBodyTopDIV			{ width: 100%; height: 30px; background-image:url('../images/tableTopper.png'); background-position: top center; background-repeat: no-repeat; text-align: center; }
#mainBodyBottomDIV		{ width: 100%; height: 30px; background-image:url('../images/tableBottom.png'); background-position: top center; background-repeat: no-repeat; text-align: center; }

#mainBodyDIV			{ width: 100%; background-image:url('../images/tableBack.png'); background-position:center; background-repeat:repeat-y; text-align: center; clear: both; }
#mainTableShadowDIV		{ width: 1000px; text-align: left; margin: auto; }
.mainTable 				{ width: 1000px; height:100%; table-layout: fixed; }
.mainTableBannerCell	{ width: 1000px; height: 250px; padding:0px; vertical-align: top; }/*New!!*/
.mainTableSpacerCell	{ width: 100%; height: 10px; background: transparent; }
	.mainBannerTable			{ width: 1000px; height: 250px; padding:0px; }
	.mainBannerTableLogoCell	{ width: 250px; height: 250px; vertical-align: top; text-align: center; padding:0px; }
	.mainBannerTableTopNav		{ width: 750px; height: 50px; background-image:url('../images/Koi-Zone_02.jpg'); vertical-align: middle; text-align: right; padding-right:10px; color: #cccccc; }
	.mainBannerTableTopNav a:link, .mainBannerTableTopNav a:visited	{ color: #cccccc; text-decoration: underline; /**For the h1 heading tags**/ }
	.mainBannerTableTopNav a:hover, .mainBannerTableTopNav a:active	{ color: #ffffff; text-decoration: none; /**For the h1 heading tags**/ }
	
		
	.mainBannerTableTopLarge	{ width: 750px; height: 200px; background-image:url('../images/Koi-Zone_03.jpg'); background-repeat: no-repeat; 
								  vertical-align: bottom; text-align: left; padding-bottom: 10px; color: #cccccc; }
		
.mainTableNavCell		{ width: 1000px; height: 30px; text-align: left; }
				  						  
.mainTableHeading { width:880px; display:block; float:left; height:30px; background-color: #222222; vertical-align: middle; text-align: center;
color: #cccccc; border-bottom: 1px solid #777777; border-top: 1px solid #777777; /For the h1 heading tags/ }

.mainTableHeading h1	{ font-size: 13px; color: #cccccc; font-style: italic; /**For the h1 heading tags**/ }
	.mainTableHeading a:link, .mainTableHeading a:visited	{ color: #FDC22D; text-decoration: underline; /**For the h1 heading tags**/ }
	.mainTableHeading a:hover, .mainTableHeading a:active	{ color: #cccccc; text-decoration: none; /**For the h1 heading tags**/ }
.social-networking {
	margin:0 auto;
	border:none;
	width:200px;
	text-align:center;
}
.social-networking img {
	border:none;
	margin:0 3px
}
.mainTableContentCell	{ height: 100%; width: 100%; padding: 0px; background-color: #333333; vertical-align: top; border: 0px solid #bbbbbb; } 
                            
.copyright			  	{ font-size: 10px; font-style: italic; border-bottom: 0px solid #dddddd; border-top: 1px solid #dddddd; padding: 4px;
						  background: transparent; color: #777777; text-align: center; width: 100%; vertical-align: top; }	
.copyright a:link, .copyright a:visited  	{ color: #777777; text-decoration: none; }
.copyright a:hover, .copyright a:active	  	{ color: #444444; text-decoration: underline; }
.copyright h2	{ font-size: 10px; font-style: italic; color: #777777; } 
.disclaimer	{ font-size: 9px; color: #333333; }

.copyrightTable		{ width: 100%; }
.copyrightTable th	{ width: 25%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-left: 10px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; 
					  background:transparent url("../images/nav-bg.gif"); text-align: left; color: #084D8E; }
.copyrightTable td	{ border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-left: 10px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; 
					  vertical-align: top; font-size: 10px; }

.SUBcopyright	  	{ font-size: 6px; color: #777777; text-align: center; width: 100%; height: 6px; }
.SUBcopyright a:link, .SUBcopyright a:visited  	{ color: #777777; text-decoration: none; }
.SUBcopyright a:hover, .SUBcopyright a:active	  	{ color: #444444; text-decoration: underline; } 
/**Top Navigation Style**/
ul#menu		{ float: left; width:720px; height:30px; margin:0; padding:0; list-style-type:none; position:relative; display:inline-block; text-transform:uppercase; font-size:11px; font-weight:bold; }
ul#menu li	{ display:inline-block; float:left; margin:0; pading:0; overflow:hidden; }
ul#menu li a	{ display:inline-block; float:left; color: #595959; text-decoration:none; font-weight:bold; padding:5px 15px 10px 15px; height:29px;
		          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; color: #ffffff; }

/** The Search Table Styles **/
	#PhoneDIV	{ width: 750px; height: 40px; position: relative; float: left; clear:both; font-size: 15px; color: #cccccc; font-style: italic; }
	#SearchDIV	{ width: 250px; height: 20px; position: relative; float: left; clear:both; }
	.searchTable	{ width: 250px; height:20px; }
	.searchCell		{ width: 220px; height:20px; background-image:url('../images/searchCell.jpg'); background-repeat: no-repeat; vertical-align: middle; text-align: right; }						  
	.input2 		{ width: 215px; font-size: 14px; color: #084D8E; font-style: italic; background-color: transparent; border: 0px solid #CACACA; letter-spacing: 1px; }
	.searchButton	{ width: 30px; height: 20px; border: 0px; vertical-align: top; }

.searchResultsDIV	{ width: 470px; float: left; font-size: 11px; line-height: 15px; color: #555555; font-style: italic; padding-left: 4px; padding-right: 4px; }
/*******************************************************************************************************************************************************************************************
		Begin Inner Content Containing Table style settings (2 & 3 Panels)
*******************************************************************************************************************************************************************************************/
.innerContentTable 		{ height:100%; width: 1000px; }

.innerContentLeft		{ height:100%; width: 210px; background:transparent; padding: 0px; font-size: 10px; color: #684B43; vertical-align: top; text-align:center; }
.innerContentVerticalSpacer		{ height:100%; width: 10px; background:transparent; vertical-align: top; }

					  
.innerContentCenter		{ height:100%; background: #222222; padding:4px; vertical-align: top; color: #efefef; font-size: 14px; }
.innerContentCenter2	{ height:100%; width: 750px; background: #222222; padding:0px; vertical-align: top; color: #efefef; }

/**
.innerContentRight		{ height:100%; width: 200px; padding: 2px; background-color: #C1DDFE; font-size: 11px; color: #934C0F; background-image:url('../images/SideBarsRight.jpg'); }
**/					  						  					                                             
.innerContentRight		{ height:100%; width: 200px; padding: 2px; background:transparent; font-size: 11px; color: #934C0F; text-align: left; vertical-align: top; }
.innerContentRightWhite		{ height:100%; width: 200px; padding: 2px; background-color: #fff; font-size: 11px; color: #934C0F; 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; }
.pdfExtraTable { width: 250px; margin-bottom: 5px; }
.pdfExtraTable td { width: 50%; padding: 10px; vertical-align: middle; text-align: center; font-size: 10px; color: #684B43; }
	.pdfExtraTable a:link, .pdfExtraTable a:visited 	{ text-decoration: none; color: #084D8E; }
	.pdfExtraTable a:hover, .pdfExtraTable a:active 	{ text-decoration: none; color: #F67B14; }
/*******************************************************************************************************************************************************************************************
				C A T E G O R Y  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/
.categoryTable		{ width: 100%; border: 0px solid #FDC22D; margin-top: 5px; margin-bottom: 10px; }
.categoryTable td	{ padding: 10px; background: transparent; color: #efefef; 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; height:22px; }
.verdana11-header { font-size: 12px; font-weight: bold; font-variant: normal; color: #333333; letter-spacing: 1px; }

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

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

.leftnav li.navelement 					{ line-height: 20px; font-size: 12px; padding-left: 7px; text-transform: capitalize; border-bottom: 0px solid #dddddd; }
	.leftnav li.navelement a:link, .leftnav li.navelement a:visited 	{ text-decoration: none; color: #084D8E; }
	.leftnav li.navelement a:hover, .leftnav li.navelement a:active 	{ text-decoration: none; color: #F67B14; }

.leftnav li.subnavelement 	{ background-image:url('../images/SubNavBack.jpg'); background-repeat: no-repeat; padding: 0px 0px 0px 24px; line-height: 18px; font-size: 10px; border-top: 1px solid #ffffff; border-bottom: 1px solid #cccccc; }
	.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: #F67B14; }

/*******************************************************************************************************************************************************************************************
		Begin Sub-Menu Navigation (Menu) Style settings
*******************************************************************************************************************************************************************************************/
#SUBmenuContainer	{ width: 778px; position:relative; clear:both; text-align: center; margin-left: 4px; }
table.SUBmenu a       	{ padding: 1px; text-decoration:none;  display: block; }	              
div.SUBmenu a         	{ color: #777777; background: #000; 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: #FFE58A; background: #222222; background-image:url('../images/subCat.jpg'); background-repeat: repeat-x; text-decoration:none; 
                          border: 1px #991800 solid; border-left: 5px #991800 solid; }
div.SUBmenu a:hover,
div.SUBmenu a:active   	{ font-weight: normal; color: #111111; background: #FFE58A; border: 1px #991800 solid; 
                          border-left: 5px #991800 solid; text-decoration:none; }
/********************************************************************************************************************************************
			 									SubCategory Table Nav Image-Menu Styles
												background-image:url('../images/SUBcatNavOver.jpg');
********************************************************************************************************************************************/
.navDisplayTable		{ width:100%; margin-bottom: 20px; }

.navDisplayTableCell		{ padding: 1px; padding-bottom: 5px; 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: 1px; 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; }
.subCatNavTable img	{ border:0px solid ; margin-right: 4px;}
.subCatNavTable			{ width:365px; height: 140px; background: #fff; border-bottom:1px solid #9EB1CF; /* background-image:url('../images/subCatNavTable.jpg'); background-position: top center; background-repeat: no-repeat; */}
.subCatNavTableText		{ width:100%; height: 100px; line-height: 16px; color: #555555; padding: 2px; vertical-align: middle; text-align: left; font-size:11px; font-style: italic; }
.subCatNavTopTitle		{ width:100%; color: #777777; font-size:11px; text-align: left; padding-left: 22px; font-weight: bold; vertical-align: middle; }
	.subCatNavTopTitle a:link, .subCatNavTopTitle a:visited	{ color: #777777; text-decoration:underline; }
	.subCatNavTopTitle a:hover, .subCatNavTopTitle a:active { color: #000000; text-decoration:none; }						  						  							  
/*******************************************************************************************************************************************************************************************
		Begin Featured Products Style settings
*******************************************************************************************************************************************************************************************/                   
.featuredTable		{ height: 200px; width: 198px; margin-bottom: 10px; background: #fff; border:1px solid #FDC22D;} 
.featuredTable th	{ font-size: 10px; font-weight: normal; background: #222222; color: #fff; padding: 2px; vertical-align: middle; text-align: left; height: 28px; }
.featuredTable h3 	{ font-size: 10px; color: #F67B14; margin: 0px; letter-spacing: 1px; }   
.featuredTableCenter	{ font-size: 11px; line-height: 15px;  color: #111111; font-weight: normal; font-style: italic; padding-left: 4px; padding-right: 2px; }
.featuredTableCenter img 	{ border: 0px 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: #111111; text-decoration : underline; font-weight: bold; }
	.featuredTable a:hover, .featuredTable a:active	{ color: #800000; text-decoration : none; font-weight: bold; }

.featuredPic { border:#CCCCCC 1px solid; }

/*************************************************************************************************************************************************************
	Below is style for PDF Downloads Feature
*************************************************************************************************************************************************************/
.StateLabels			{ width: 720px; background:transparent url("../images/nav-bg.gif");; color: #222222; font-style: italic; font-size: 14px; margin-top: 10px; margin-bottom: 5px; letter-spacing: 2px; }
.StateTables			{ width: 720px; border:0px solid #dddddd; }
.StateTables td			{ padding: 2px; vertical-align: top; }

.dealerInfoTables		{ width: 360px; margin-bottom: 1px; border:0px solid #dddddd; } 
.dealerInfoTableText	{ padding-left: 5px; color: #444444; font-style: italic; font-size: 11px; } 
.dealerInfoName			{ color: #222222; font-style: italic; font-size: 16px; line-height: 19px; }      
/*************************************************************************************************************************************************************
	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 1px 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          
*************************************************************************************************************************************************************/ 
#containmentDiv		{ width: 750px; }
#displayDiv			{ width: 740px; float: left; display:inline; margin: 2px; }

.WholesaleItemsTable		{ background-color: #ffffff; color: #111111; border: 0px solid #dadada; width: 100%; }
.WholesaleItemsTable th  	{ height: 22px; background: #333333; font-weight: normal; color: #FDC22D; padding: 1px; border: 1px solid #dadada; }	
.WholesaleItemsTable td  	{ font-size: 11px; padding: 2px; border: 1px solid #dadada; }
.WholesaleItemsTableupdate 	{ background: #eeeeee; font-size: 11px; color: #800000; padding: 2px; border: 1px solid #dadada; text-align: center; }
    
.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: #934C0F; text-decoration: underline; }
a:hover, a:active	{ color: #A2B971; text-decoration: none; }
***********************************/
#productImageDIV {
	width: 250px;
	height: 280px;
	text-align: center;
	float:right;
	font-size: 10px;
	background: #fff;
	color: #2C467B;
	border:#fff 2px solid;
}
/*====================================================================================
The Feed Sign Up Table Style
====================================================================================*/
.feed_signup_table {
	background:#fff;
	width:499px;
}
.feed_signup_table th {
	background:#690;
	text-align:center;
	color:#fff;
	border:solid 1px #690;
}
.feed_signup_table td {
	border:solid 1px #ccc;
	padding:2px;
	font-size:12px;
}

.feed_optout_table {
	background:#fff;
	width:499px;
}
.feed_optout_table th {
	background:#C03;
	text-align:center;
	color:#fff;
	border:solid 1px #C03;
}
.feed_optout_table td {
	border:solid 1px #ccc;
	padding:2px;
	font-size:12px;
}
