/***********************************************************************************************************************************************************************************************
	CSS Document Author: Michael Oleksak - StarsnSites.com for Creekside Supply
	Copyright ©2010 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS. 
***********************************************************************************************************************************************************************************************/
body	{ background: #222 url('../images/background.jpg');  margin: 0px 0px 0px 0px; font-family: verdana, arial, sans-serif; }
table, tbody	{ border-collapse: collapse; font-size: 12px; color: #222; }
/*Link Styles*/
a:link, a:visited	{ color: #336633; text-decoration: underline; }
a:hover, a:active	{ color: #222; text-decoration: none; }
/*Heading Tag Styles*/
h1				 	{ font-size: 18px; color: #336633; margin: 0px; } 
h2 					{ font-size: 16px; color: #666644; margin: 0px; }
h3 					{ font-size: 14px; color: #bbbb66; margin: 0px; }
/*Form Styles*/
form	{ margin:0px; }/*Needed to Keep FireFox In-Tow*/
/*Other Body Parts*/
hr 					{ height: 1px; width: 90%; color: #666644; }              	 
img 				{ border: 0px; }
.googleSpan			{ visibility:hidden; font-size: 1px; }
/***********************************************************************************************************************************************************************************************
	Begin Main Outer Containing Table style settings
***********************************************************************************************************************************************************************************************/
.mainTable 				{ width: 1000px; height:100%; background: #fff; table-layout: fixed; }
.mainTableBannerCell	{ width: 1000px; height: 220px; vertical-align: top; background: #1d1d1d url("../images/EBDinnovations.jpg") no-repeat; }
	.banner_table			{ width: 1000px; height: 220px; }
	.banner_table_top_right		{ width: 580px; height: 80px; text-align:right; vertical-align:middle; padding-right: 30px;}
	.banner_table_bottom_right	{ width: 580px; height: 140px; text-align:left; vertical-align:middle; }
	.banner_table_bottom_right a:link, .banner_table_bottom_right a:visited	{ color: #ccc; text-decoration: underline; /**For the h1 heading tags**/ }
	.banner_table_bottom_right a:hover, .banner_table_bottom_right a:active	{ color: #fff; text-decoration: none; /**For the h1 heading tags**/ }
	
.mainTableNavSearchCell	{ width: 1000px; height: 30px; background: #222 url("../images/EBDinnovationsNav.jpg") repeat-x; padding: 0px; }/*New!!*/
/**Top Navigation Style**/
.mainTableHeading		{ width: 1000px; height: 30px; text-align: center; background: #000; color: #707070; vertical-align: middle;
                              border-top: 1px solid #444433;  border-bottom: 1px solid #444433; }
.mainTableHeading h1	{ font-size: 14px; color: #707070; font-style: italic; /**For the h1 heading tags**/ }
	.mainTableHeading a:link, .mainTableHeading a:visited	{ color: #ccc; text-decoration: underline; /**For the h1 heading tags**/ }
	.mainTableHeading a:hover, .mainTableHeading a:active	{ color: #fff; text-decoration: none; /**For the h1 heading tags**/ }

.mainTableContentCell	{ height: 100%; width: 100%; background: #fff url("../images/mainTableContentCell.gif") repeat-y;padding: 0px; vertical-align: top; } 
                            
.copyright	{ background: #333; height: 60px; width: 1000px; font-size: 9px; color: #707070; vertical-align:middle; text-align: center; 
              padding-top: 10px; }	
	.copyright a:link, .copyright a:visited	{ color: #707070; text-decoration : none; }
	.copyright a:hover, .copyright a:active	{ color: #404040; text-decoration : underline; }

/****************************************************************************************************************************************************************************************
	Begin Banner - Search & Navigation Table Styles
****************************************************************************************************************************************************************************************/
.searchNavTable		{ width: 100%; height: 30px; }
	.searchCell		{ width: 230px; height: 30px; background:url('../images/searchCell.jpg') no-repeat; text-align: center; vertical-align: middle; }
	.input2 		{ width: 200px; font-size: 12px; color: #444433; vertical-align: middle; border: 0px; 
					  background: transparent; text-indent: 5px; }
	.searchButton	{ width: 20px; height: 30px; border: 0px; padding: 0px; vertical-align: top; }

/**Top Navigation Style**/
#navcontainer ul 		{ width: 500px; margin-left: 10px; margin-top: 0; margin-bottom: auto; float: left; border-left: 1px solid #777; font-size: 12px; }
#navcontainer ul li		{ display: inline; }
#navcontainer ul li a 	{ width: 140px; color: #ccc; text-decoration: none; padding: .6em .7em; float: left; border-right: 1px solid #555; text-align:center; }
#navcontainer ul li a:hover { background: #efe7d8 url("../images/EBDinnovationsNavHover.jpg"); color: #fff; border-right: 1px solid #555; }

#phone 			{  width: 140px; margin: 5px 0px 5px 0px; float: right; font-size: 15px; font-style: italic; color: #ccc;}

.clearDIV	{ width: 440px; float: left; postion:relative; clear: both; }
/*******************************************************************************************************************************************************************************************
		Begin Inner Content Containing Table style settings (2 & 3 Panels)
*******************************************************************************************************************************************************************************************/
.innerContentTable	{ height:100%; width: 1000px; }
.innerContentLeft	{ height: 100%; width: 230px; background:#000; padding: 5px 0px 0px 0px; vertical-align: top; text-align: center; }	  
.innerContentCenter	{ height: 100%; padding: 5px; vertical-align: top; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.innerContentRight	{ height: 100%; width: 230px; padding: 5px 0px 0px 0px; vertical-align: top; text-align: center; }


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

/****************************************************************************************************************************************************************************************
 	Begin Content Table Styles located in masterTableContentArea (above)
****************************************************************************************************************************************************************************************/
.contentTable			{ height: 100%; width: 1000px; }
.contentTableLeft		{ height: 100%; width: 200px; padding: 0px; padding-top: 4px; vertical-align: top; text-align: center; }
.contentTableCenter		{ height: 100%; padding: 4px; vertical-align: top; font-size: 14px; color: #FFF9DB; }

.indexContentTable		{ width: 600px; padding:2px; background-color: #1A1A1A; margin-bottom: 10px; }
.indexContentTable td	{ width: 600px; padding:10px; font-size: 15px; color: #FFF9DB; border:1px solid #444444; text-align:left; }
.indexContentTable th	{ width: 600px; height: 40px; background-image:url('../images/FeaturedKoiTop.jpg');; font-size: 13px; color: #FFF9DB; }
.indexContentTable h2	{ color: #FFCC66; font-size: 14px; padding-top:2px; }

.categoryContentTable	{ width: 780px; margin: 10px 0px 0px 0px; border:0px solid #777;}
.categoryContentTable th	{ height: 25px; background: #222; font-size: 16px; color: #FFF9DB; border-top:1px solid #FFCC66; }
.categoryContentTable td	{ height: 100%; padding:5px; background: #111; font-size: 15px; color: #fff; vertical-align: top; border:1px solid #777; border-top:1px solid #FFCC66;}
	.categoryContentTable a:link, .categoryContentTable a:visited	{ color: #FFCC66; text-decoration: underline; }
	.categoryContentTable a:hover, .categoryContentTable a:active	{ color: #dd6900; text-decoration: underline; }

.contentTableCenterCategory		{ height: 100%; padding: 4px; vertical-align: top; font-size: 13px; text-align: justify; }
.contentTableCenterKoi		{ height: 100%; padding: 0px; vertical-align: top; font-size: 13px; }
.contentTableRight		{ height: 100%; width: 185px; padding: 2px; padding-top: 4px; vertical-align: top; text-align: center; }
.bannerAdDiv				{ width: 100%; border: 1px solid #666666; background-color: #252525; margin-bottom: 10px; text-align: center; }

/*******************************************************************************************************************************************************************************************
				C A T E G O R Y  T A B L E  S T Y L E S
******************************************************************************************************************************************************************************************
/*******************************************************************************************************************************************************************************************
				L E F T  N A V I G A T I O N  S T Y L E S
*******************************************************************************************************************************************************************************************/


/*******************************************************************************************************************************************************************************************
		Begin Sub-Menu Navigation (Menu) Style settings
*******************************************************************************************************************************************************************************************/
#SUBmenuContainer	{ width: 750px; position:relative; clear:both; text-align: center; margin-left: 4px; }
table.SUBmenu a	{ padding: 1px; text-decoration:none; border: 1px #67302b solid; border-left: 7px #222222 solid; display: block; }
div.SUBmenu a	{ color: #000; background: #fff; text-decoration:none; font-size:11px; line-height:14px; font-family: verdana, sans-serif; padding: 2px 5px; }
div.SUBmenu a:link, div.SUBmenu a:visited 	{ height: 20px; color: #222; background: #fff; background-image:url('../images/subNav.jpg'); text-decoration:none; }
div.SUBmenu a:hover, div.SUBmenu a:active  	{ height: 20px; font-weight: normal; color: #ffffff; background: #333333; background-image:url('../images/subNavOver.jpg'); 
                          border: 1px #67302b solid; border-left: 7px #67302b solid; text-decoration:none; }
/********************************************************************************************************************************************
	SubCategory Table Nav Image-Menu Styles
********************************************************************************************************************************************/
.navDisplayTable		{ width: 750px; margin-bottom: 10px; }
.navDisplayTableCell		{ padding: 1px; padding-bottom: 5px; vertical-align: top; }

.subCatNav				{ width:100%; height: 100%; border:2px solid #FFCC66; }
.subCatNav th			{ width:100%; height: 20px; background: #444444; color: #efefef; padding: 1px; vertical-align: top; font-size:12px; }
.subCatNav td			{ width:100%; height: 110px; background: #fff; color: #555555; padding: 4px; vertical-align: top; text-align: left; font-size:11px; }				  						  
	.subCatNav a:link, .subCatNav a:visited	{ color: #efefef; text-decoration:underline; }
	.subCatNav a:hover, .subCatNav a:active { color: #FDC22D; text-decoration:none; }

#subCatNavContainer			{ width: 750px; margin: 10px 0px 10px 0px; }
.subCatNavTableContainer	{ width: 180px; margin: 3px 3px 3px 3px; float:left; }

.subCatNavTable			{ width:180px; height: 150px; border: 1px #ccc solid; background: #fff; }
.subCatNavTableText		{ width:100%; height: 130px; line-height: 16px; color: #555555; padding: 2px; vertical-align: middle; text-align: center; font-size:11px; font-style: italic; }
.subCatNavTopTitle		{ width:100%; color: #777777; font-size:12px; text-align: center; font-weight: bold; vertical-align: middle; }
	.subCatNavTopTitle a:link, .subCatNavTopTitle a:visited	{ color: #336633; text-decoration:underline; }
	.subCatNavTopTitle a:hover, .subCatNavTopTitle a:active { color: #000000; text-decoration:none; }						  						  							  
/*******************************************************************************************************************************************************************************************
		Begin Featured Products Style settings
*******************************************************************************************************************************************************************************************/
.featuredTable	{ height:200px; width: 220px; font-size: 9px; background: url('../images/featuredTable.jpg') no-repeat; color: #555555; line-height: 15px;  margin-bottom: 15px; } 

.featuredTable th		{ height:34px; width: 220px; font-size: 11px; color: #111; border-bottom:#6d3d14 1px solid;}
.featuredTable h3		{ font-size: 11px; color: #111; }
.featuredTableCenter	{ height:150px; width: 220px; font-size: 9px; color: #111;  font-weight: normal; padding: 2px; border-left:#6d3d14 1px solid; border-right:#6d3d14 1px solid; }
.featuredTableBottom	{ height:15px; width: 220px; font-size: 9px; letter-spacing: 1px; border-left:#6d3d14 1px solid; border-right:#6d3d14 1px solid; border-bottom:#6d3d14 1px solid;  
                          text-align: right; color: #FFF9DB; vertical-align: top; line-height: 13px; padding: 1px; }
	.featuredTable a:link, .featuredTable a:visited  { color: #dd6900;	text-decoration : none; font-weight: bold; }
	.featuredTable a:hover,	.featuredTable a:active  {	color: #111; text-decoration : underline; font-weight: bold;}
/*************************************************************************************************************************************************************
	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 #ddd; }
.StateTables td			{ padding: 2px; vertical-align: top; }

.dealerInfoTables		{ width: 360px; margin-bottom: 1px; border:0px solid #ddd; } 
.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:#777 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: #ddd; font-size: 15px; font-style: italic; color: #222222;  padding: 1px; border:#777 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: #000;  
						   }
.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: #000; 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: #000; 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: #000;  }                 

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