/*******************************************************************************************************************************************************************************************
****************************************************    CSS Document Author: Michael Oleksak - StarsnSites.com for InMotion Aquatics    ****************************************************
*************************************     			          				   Copyright ©2008 all rights reserved.              					   *************************************
Blue Letters #3399CC  Light Green in hover  #789641  Green Color Overlay #006633  Green button Overlay Old #86D870
********************************************************************************************************************************************************************************************																		
			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: #fff; margin: 10px 0px 10px 0px; }
table, div, tbody	{ font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-size: 14px; 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-family:Georgia, "Times New Roman", Times, serif; 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: 1020px; height:100%; background-color: #fff; table-layout: fixed; }
.mainTableTopCell 		{ width: 1020px; height:165px; background-image:url('../images/StrataInternational_01.jpg'); background-repeat: no-repeat; vertical-align: top; }
.mainTableHeading 		{ width: 1020px; height:25px; background-image:url('../images/StrataInternational_02.jpg'); background-repeat: no-repeat; vertical-align: middle; text-align: center; }

.mainTableMiddleCell	{ width: 1020px; height:100%; background-image:url('../images/StrataInternational_03.jpg'); background-repeat: repeat-y; vertical-align: top; padding: 10px; }
.mainTableBottomCell	{ width: 1020px; height:20px; padding: 0px; background-image:url('../images/StrataInternational_05.jpg'); background-repeat: no-repeat; }
/*******************************************************************************************************************************************************************************************
				M A I N  B A N N E R  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/
.bannerTable			{ width: 1020px; height:165px; }
.bannerTableRightSpace	{ width: 345px; height:165px; }
.bannerTableTopCell		{ height:35px; }
.bannerTableNavCells	{ height:30px; text-align: right; }
.bannerTableSearch		{ height:25px; text-align: right; }
.bannerTableBottom		{ height:15px; }
.bannerTop			{ width: 1020px; height:80px; vertical-align: middle; text-align: right; padding-right: 25px; } /*First Row*/
.bannerMiddle		{ width: 1020px; height:60px; vertical-align: middle; text-align: right; } /*Second Row*/
.bannerBottom		{ width: 1020px; height:60px; vertical-align: bottom; text-align: center; color: #476c87; } /*Third Row*/
.bannerBottom h1	{ font-size: 20px; color: #476c87; font-weight: normal; /**For the h1 heading tags**/ }
/*******************************************************************************************************************************************************************************************
				S E A R C H  T A B L E  S T Y L E S
*******************************************************************************************************************************************************************************************/ 
.searchTable	{ width: 195px; height: 25px; background-image:url('../images/SearchTable.jpg'); background-repeat: no-repeat; }
.searchLabel	{ width: 70px; }
.seachCell		{ width: 170px; text-align: right; background-image:url('../images/StrataBanner_08.jpg'); background-repeat: no-repeat; }
.searchButtonCell	{ width: 30px; text-align: center; }						  
	.input2 			{ width: 165px; font-size: 10px; color: #333333; background-color: transparent; border: 0px solid #CACACA; margin-top: 5px; }
	.searchButton		{ width: 25px; height: 25px; 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: 225px; padding:5px; vertical-align: top; color: #31514C; font-size: 9px; }
	.innerContentLeftBottom		{ height:100%; width: 250px; padding:5px; vertical-align: top; color: #31514C; font-size: 9px; }				  
.innerContentCenter		{ height:100%; padding:2px; text-align: left; vertical-align: top; background-color: #fff; color: #333333; font-size: 15px; }
.innerContentRight		{ height:100%; width: 200px; padding:1px; vertical-align: top; text-align: center; 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; }

.productTable 		{ width: 700px; background-color: #fff; border:0px solid #D5DEC5; margin-top: 10px; margin-bottom: 10px; color: #555555; font-size: 11px; }
.productTable h2	{ font-size: 11px; color: #660000; margin: 0px; }

.productTableTop  	{ background-color: #fff; background-image:url('../images/productTableTop.jpg'); background-repeat: no-repeat; text-align: left; color: #555555; 
                      text-indent: 15px; font-size: 11px; width: 700px; height: 30px; margin-bottom: 0px; }
.productTableTop a:link,
.productTableTop a:visited		{ color: #660000; text-decoration : none; }	
.productTableTop a:hover,  	
.productTableTop a:active	   	{ color: #000000; text-decoration : underline; font-weight: bold; }                 

.productTableContent 	{ background-color: #ffffff; border:1px solid #D5DEC5; color: #555555; font-size: 14px; padding: 5px; }

.productTableBuyBox		{ width: 100%; background-color: #ffffff; padding: 0px; vertical-align: middle; }
/***************************************************************************************************************************
 											 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: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding-top:8px; height:22px; }
.verdana11-header { font-size: 11px; font-weight: bold; font-variant: normal; color: #789641; letter-spacing: 3px; text-transform: uppercase; }

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

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

.leftnav li.navelement 					{ padding-left: 10px; }
	.leftnav li.navelement a:link,
	.leftnav li.navelement a:visited 	{ text-decoration: none; color: #3399CC; }
	.leftnav li.navelement a:hover,
	.leftnav li.navelement a:active 	{ text-decoration: none; color: #789641; }

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

.leftnav li.subnavelement-last { padding-left: 12px; border-bottom: none; padding-bottom: 0px; }
/*******************************************************************************************************************************************************************************************
				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:1020px;
		  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: 200px; border:1px solid #c4de94; }
.addressTable td	{ padding: 5px; vertical-align: middle; text-align: center; color: #3399CC;  letter-spacing: 1px; }	  

.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: 190px; 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 th 		{ width: 190px; font-size: 10px; letter-spacing: 1px; background-color: #1A5E37; color: #fff; height: 30px; padding: 2px; }   

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

.featuredTableBottom	{ height: 20px; font-size: 9px; letter-spacing: 1px; background-color: #E7F7EE; border:1px solid #1A5E37; text-align: right; color: #222222;  
                          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; }

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