/*******************************************************************************************************************************************************************************************
****************************************************    CSS Document Author: Michael Oleksak - StarsnSites.com for Koi Market Connection  **************************************************
*************************************     			          				   Copyright ©2009 all rights reserved.              					   *************************************
********************************************************************************************************************************************************************************************																		
			B E G I N  W I T H  G L O B A L  D E C L A R A T I O N S
*******************************************************************************************************************************************************************************************/
body	{ font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; 
          background-color: #EFEFEF; background-image:url('../images/background.jpg'); 
		  background-position: top; background-repeat: repeat-y;
          margin: 0px 0px 0px 0px; }
		  
table, div, tbody	{ border-collapse: collapse; color: #5F5F5F; }
	a:link, a:visited 	{ color: #789641; text-decoration: underline; }
	a:hover, a:active 	{ color: #789641; text-decoration: none; }

h1 { margin:0; padding:0; font-size:16px; font-weight:normal; color:#476c87; }
h2 { margin:0; padding:0; font-size:16px; font-weight:normal; color:#789641; }
h3 { margin:0; padding-top:5px; padding-bottom:0px; font-size:14px; color:#5D859E; }

textarea, form select, input { font-size: 11px; border: 1px solid #555555; background-color: #F5F5F5; }
form	{  margin: 0px; padding: 0px; border: none; }        
ul		{ list-style-type: disc; }	
hr		{ height: 1px; width: 90%; color: #3399CC; }              	 
img		{ border: 0px; }
/*******************************************************************************************************************************************************************************************
				M A I N  O U T E R  C O N T A I N I N G  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/   
.mainTable 				{ width: 1000px; height:100%; background-color: #fff; table-layout: fixed; }
.mainTableBannerCell	{ width: 1000px; height:190px; }
.mainTableNavCell		{ width: 1000px; height:30px; }

.mainTableHeading 		{ width: 1000px; height:40px; background-image:url('../images/topper.gif'); background-repeat: no-repeat; background-position:bottom center; padding-top: 5px; 
						  vertical-align: top; text-align: center; }
.mainTableHeading h1	{ color: #efefef; font-size: 14px; }
	.mainTableHeading a:link, .mainTableHeading a:visited	{ color: #66CCFF; text-decoration: underline; /**For the h1 heading tags**/ }
	.mainTableHeading a:hover, .mainTableHeading a:active	{ color: #efefef; text-decoration: none; /**For the h1 heading tags**/ }

.mainTableFeaturesCell	{ width: 1000px; height:270px; background-color: #000000; }

.mainTableMiddleCell	{ width: 1000px; height:100%; vertical-align: top; padding: 0px; }

.copyright			  		{ width: 1000px; height:50px; font-size: 11px; font-style: italic; background-color: #efefef; 
							  color: #7EABC8; text-align: center; height: 40px; vertical-align: middle; }	
.copyright a:link, .copyright a:visited  	{ color: #7EABC8; text-decoration: none; }
.copyright a:hover, .copyright a:active	  	{ color: #CADFEB; text-decoration: underline; }
/*******************************************************************************************************************************************************************************************
				M A I N  T O P  B A N N E R  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/
.bannerContainingTable	{ width: 1000px; height:190px; }
.bannerLogoAdsCell			{ width: 1000px; height:110px; }
.bannerNavCell			{ width: 1000px; height:30px; background-image:url('../images/KoiMarketConnection_03.jpg'); background-repeat: no-repeat; }
.bannerNavLoginCell		{ width: 1000px; height:50px;}

.logoCell	{ width: 260px; height:110px; }
.leaderBoardCell	{ width: 740px; height:110px; background-image:url('../images/KoiMarketConnection_02.jpg'); background-repeat: no-repeat; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; }

.usernameCell		{ width: 160px; height:25px; background-image:url('../images/KoiMarketConnection_05.jpg'); background-repeat: no-repeat; text-align: right; }
.passwordCell		{ width: 160px; height:25px; background-image:url('../images/KoiMarketConnection_08.jpg'); background-repeat: no-repeat; text-align: right; }
.loginClass			{ width: 155px; background-color: transparent; border: 0px; }
.loginButton		{ width: 50px; height: 50px; border: 0px; }
.bannerSearchCell	{ width: 720px; height:50px; background-image:url('../images/KoiMarketConnection_04.jpg'); background-repeat: no-repeat; }

.topNavSearchTable		{ width: 1000px; height:30px; }
/*******************************************************************************************************************************************************************************************
				S E A R C H  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/ 
.seachCell		{ width: 220px; height: 30px; text-align: right; background-image:url('../images/REPLACE.jpg'); background-repeat: no-repeat; }
.searchButtonCell	{ width: 40px; height: 30px; text-align: center;  background-image:url('../images/button-go.jpg'); background-repeat: no-repeat; background-color: #000; }						  
	.input2 			{ width: 210px; font-size: 12px; color: #efefef; background-color: transparent; padding: 2px; letter-spacing: 2px; text-indent: 5px; }
	.searchButton		{ width: 40px; height: 30px; border: 0px; }
/*******************************************************************************************************************************************************************************************
				T O P  N A V I G A T I O N  S T Y L E S
*******************************************************************************************************************************************************************************************/
.topNavigationTable		{ width: 550px; height:60px; }
/*******************************************************************************************************************************************************************************************
				I N N E R  C O N T E N T  &  S U B - C A T E G O R Y  T A B L E  S T Y L E S (2 & 3 Panels)
*******************************************************************************************************************************************************************************************/
.innerContentTable 		{ height:100%; width: 100%;  }
.innerContentLeft		{ width: 150px; padding:5px; vertical-align: top; background-color: #AD3B38; color: #31514C; font-size: 9px; }
				  
.innerContentCenter		{ height:100%; padding:0px; background-color: #4F81BD; vertical-align: top; color: #fff; font-size: 15px; }

.innerContentRight		{ height:100%; width: 200px; padding-right:5px; vertical-align: top; text-align: right; color: #31514C; font-size: 11px; }

.subCatInfoTop			{ width: 700px; }
.subCatInfoTopImage		{ height: 5px; width: 700px; padding: 0px; vertical-align: bottom;  background-image:url('../images/SubCatInfoTop_01.jpg'); background-repeat:no-repeat; 
						  background-position: bottom center; }
.subCatInfoTopContent	{ height:100%; width: 700px; background-image:url('../images/SubCatInfoTop_02.jpg'); padding-left: 10px; padding-right: 10px; font-size: 13px; font-style: italic; }


/***************************************************************************************************************************
 											 Small Product List Tables Stylesheet
***************************************************************************************************************************/
.productListContainer		{ background-color: #ffffff; color: #DDD7BA; width: 100%; 
                          	  border:0px solid #CCCCCC;   
                              }
.productListContainer td	{ padding: 2px; vertical-align: top; text-align: center; width: 25%; }
                                                    
.productListTable		{ background-color: #ffffff; color: #DDD7BA; width: 100%; 
                          border: #CCCCCC 1px solid;  
                          }
.productListTable th	{ background-color: #F1F1F1; color: #800000; width: 100%; font-size: 9px;
                          padding: 2px; font-weight: normal;
                          border: #CCCCCC 1px solid; height: 40px; vertical-align: top;
                          } 
.productListTable td	{ background-color: #ffffff; color: #757575; font-size: 9px;
                          padding: 2px; border:0px solid #444444; vertical-align: top; text-align: center;
						  height: 90px; vertical-align: middle;
                          }                                               
.productListTable a:link,
.productListTable a:visited	{ color: #777777; text-decoration : underline; font-size: 11px; }
.productListTable a:hover,
.productListTable a:active		{ color: #800000; text-decoration : none; font-size: 11px; }


.productListTableFEAT		{ background-color: #ffffff; color: #DDD7BA; width: 100%; 
                              border: #800000 1px solid;   
                              }
.productListTableFEAT th	{ background-color: #993333; color: #f1f1f1; width: 100%; font-size: 9px;
                          padding: 2px; font-weight: normal;
                          border: #CCCCCC 1px solid; height: 45px; vertical-align: top;
                          } 
.productListTableFEAT td	{ background-color: #ffffff; background-image:url('../images/FeaturedList.gif'); 
                              background-repeat: no-repeat; background-position: center;
                              color: #757575; font-size: 9px; padding: 2px; border:0px solid #444444; vertical-align: top; text-align: center;
						  	  height: 90px; vertical-align: middle;
                          	  }                                               
.productListTableFEAT a:link,
.productListTableFEAT a:visited	{ color: #efefef; text-decoration : underline; font-size: 9px; }
.productListTableFEAT a:hover,
.productListTableFEAT a:active		{ color: #ffffff; text-decoration : none; font-size: 9px; }
/*******************************************************************************************************************************************************************************************
				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 #444444; padding-top:3px; height:16px; }
.verdana11-header { font-size: 12px; font-weight: bold; font-style: italic; color: #993300; letter-spacing: 1px; text-transform: uppercase; }

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

.leftnav 	{ width: 190px; float: left; margin-bottom: 24px; }
.leftnav ul { margin: 0; padding: 0; }
.leftnav li { margin: 0; padding: 5px; list-style: none; font-size: 12px; color: #014488; border-bottom: 1px solid #333333; }

.leftnav li.navelement 					{ padding-left: 5px; }
	.leftnav li.navelement a:link,
	.leftnav li.navelement a:visited 	{ text-decoration: none; color: #66CCFF; line-height: 12px; }
	.leftnav li.navelement a:hover,
	.leftnav li.navelement a:active 	{ text-decoration: none; color: #efefef; }

.leftnav li.subnavelement 				{ padding-left: 10px; line-height: 12px; font-size: 11px; }
	.leftnav li.subnavelement a:link, 
	.leftnav li.subnavelement a:visited	{ text-decoration: none; color: #efefef; }
	.leftnav li.subnavelement a:hover,
	.leftnav li.subnavelement a:active 	{ text-decoration: none; color: #66CCFF; }

/*******************************************************************************************************************************************************************************************
				C O P Y R I G H T / F O O T E R  S T Y L E S
*******************************************************************************************************************************************************************************************/
#footer { display:block; clear:both; position:relative;  right:9px; width:1000px;
		  padding:10px 5px 5px 5px; background-color: #fff;
		  text-align:right; font-size:10px; line-height:12px; color:#999999; }

#footer .attribution 	{ padding-right:350px; text-align:left; }
#footer .attribution a 	{ color:#6F533A; }
#footer .copyright 		{ display:block; }
#footer a 				{ padding:0 2px; text-decoration:none; color:#999999; }
#footer a:hover 		{ text-decoration:underline; }
/*******************************************************************************************************************************************************************************************
				C O N T A C T / A D D R E S S / P R O D U C TS / D E A L E R S - I N F O  S T Y L E S
*******************************************************************************************************************************************************************************************/
.addressTable		{ width: 185px; border:1px solid #993300; }
.addressTable td	{ padding: 2px; vertical-align: middle; text-align: center; color: #888888;  letter-spacing: 1px; font-size: 10px;  }	  

.productLineTable		{ width: 700px; border:1px solid #c4de94; } /* Used for displaying Product Line Key Descriptions/Icons*/
.productLineTablePic	{ width: 55px; border-bottom:1px solid #eeeeee; padding: 1px; padding-bottom: 2px; padding-top: 2px; text-align: center; vertical-align: middle; font-size: 13px; }
.productLineTableText	{ width: 645px; border-bottom:1px solid #eeeeee; padding: 2px; vertical-align: middle; font-size: 13px; } 
.productLineTable th	{ padding: 1px; padding-bottom: 2px; padding-top: 2px; vertical-align: middle; background-color: #3399CC; color: #fff; font-size: 15px; letter-spacing: 1px; }

.StateLabels			{ width: 700px; background-color: #c4de94; color: #555555; font-style: italic; font-size: 16px; margin-top: 10px; margin-bottom: 5px; letter-spacing: 4px; }
.StateTables			{ width: 700px; border:0px solid #dddddd; }
.StateTables td			{ padding: 5px; vertical-align: top; }

.dealerInfoTables		{ width: 340px; margin-bottom: 10px; border:1px solid #dddddd; } 
.dealerInfoTableText	{ padding-left: 6px; color: #555555; font-style: italic; font-size: 13px; } 
.dealerInfoName			{ color: #222222; font-style: italic; font-size: 16px; line-height: 19px; }      
/*******************************************************************************************************************************************************************************************
				P R O D U C T  I N F O  S T Y L E S
*******************************************************************************************************************************************************************************************/
.productinfo 	{ width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 10px; border:#476c87 1px solid; text-align:center; }
.productinfo th { font-weight:bold; color: #476c87; font-size: 10px; background-color: #efefef; border:1px solid #CCCCCC; padding:1px }	
.productinfo td { border:#efefef 1px solid; font-size: 10px; background-color: #fff; color:#000; padding:3px; text-align:center; vertical-align: middle; }              
/*******************************************************************************************************************************************************************************************
				F E A T U R E D  P R O D U C T S  S T Y L E S
*******************************************************************************************************************************************************************************************/
.featuredTable	{ width: 180px; font-size: 9px; background-color: #ffffff; color: #555555; line-height: 15px; border:0px solid #B30924; margin-bottom: 10px;
                  margin-top: 5px; font-family: verdana, sans-serif;  table-layout: fixed; } 
	.featuredTable a:link, .featuredTable a:visited  { color: #000000;	text-decoration : none; font-weight: bold; }
	.featuredTable a:hover, .featuredTable a:active  { color: #800000; text-decoration : underline; font-weight: bold; }
	
.featuredTable th	{ font-size: 10px; letter-spacing: 1px; background-color: #333333; background-image:url('../images/featuredTableTop.jpg'); background-repeat: no-repeat; 
					  color: #fff; height: 30px; padding: 2px; }   

.featuredTableCenter	{ font-size: 10px; color: #222222;  font-weight: normal; padding-left: 3px; padding-top: 5px; padding-bottom: 5px; background-color: #fff; 
                          font-style: italic; border-top:1px solid #333333; border-left:0px solid #1A5E37; border-right:0px solid #1A5E37; font-family: verdana, sans-serif; }

.featuredTableBottom	{ height: 20px; font-size: 10px; font-style: italic; letter-spacing: 1px; background-color: #efefef; border-top:1px solid #555555; text-align: right; color: #222222;  
                          vertical-align: top; line-height: 13px; padding: 2px; }
.featuredTableBuy		{ height: 20px; font-size: 13px; font-style: italic; background-color: #000000; border-bottom:1px solid #555555; text-align: center; color: #efefef;  
                          vertical-align: middle; padding: 2px; vertical-align: top; }
	.featuredTableBuy a:link, .featuredTableBuy a:visited  { color: #66CCFF; text-decoration : none; font-weight: bold; }
	.featuredTableBuy a:hover, .featuredTableBuy a:active  { color: #efefef; text-decoration : underline; font-weight: bold; }
							  						  


.featuredPic { border:#A7A7A7 1px solid; }        
/*******************************************************************************************************************************************************************************************
				L I S T  A R T I C L E  S T Y L E S
*******************************************************************************************************************************************************************************************/
.articleListTable		{ width: 184px; padding:2px; background-color: #1A1A1A; display: inline; font-size: 9px; border:1px solid #444444; }
.articleListTable td	{ font-size: 9px; text-align: left; padding-left:2px; vertical-align: top; }                         
	.articleListTable a:link, .articleListTable a:visited	{ color: #949494; text-decoration : underline; }
	.articleListTable a:hover, .articleListTable a:active   { color: #dd6900; text-decoration : underline; font-weight: normal; }
            
.articleListTableCenter { width: 100%; padding: 0px; font-size: 10px; border-left: 1px solid #CECECE; border-right: 1px solid #CECECE; }                    
/*******************************************************************************************************************************************************************************************
				N E W S  A R T I C L E  S T Y L E S
*******************************************************************************************************************************************************************************************/
.newsTable		{ background-color: #1A1A1A; color: #DDD7BA; width: 100%; font-size: 11px; border:1px solid #444444; text-align: left; padding-left: 5px; }
.newsTable th	{ background-color: #333333; color: #DDD7BA; width: 100%; font-size: 13px; text-align: center; padding: 2px; border:1px solid #444444; } 
.newsTable td	{ background-color: #000000; color: #DDD7BA; width: 100%; font-size: 12px; padding: 2px; border:1px solid #444444; }                                               
	.newsTable a:link, .newsTable a:visited   { color: #00D5DD;	text-decoration : none; }
	.newsTable a:hover, .newsTable a:active	  {	color: #A8A8A8; text-decoration : none; font-weight: bold; }
/*******************************************************************************************************************************************************************************************
                            									              				End Stylesheet
																				Copyright ©2008 all rights reserved.
*******************************************************************************************************************************************************************************************/