/***********************************************************************************************************************************************************************************************
                          				CSS Document Author: Michael Oleksak - StarsnSites.com for www.underwatereco.com
                            			    copyright ©2007 all rights reserved. BEGIN WITH GLOBAL DECLARATIONS.  body { background-color: #E7E4E0;  }
											background-image:url('../images/bg.jpg'); background-repeat: repeat-x; margin: 0px; border:none; 
***********************************************************************************************************************************************************************************************/
body {
	background-color: #6FA9F1;
	background-image:url('../images/bg2.jpg');
	background-repeat: repeat-y;
	background-position: center;
	background-attachment: 
fixed;
	margin: 0px;
	border:none;
	font-family:'Lucida Casual', 'Comic Sans MS', verdana;
}
table, div, tbody {
	border-collapse: collapse;
	color: #5F5F5F;
}
/***********************************************************************************************************************************************************************************************
                            Begin Main Outer Containing Table style settings
***********************************************************************************************************************************************************************************************/   
.mainTable {
	height:100%;
	width: 1000px;
	padding:0px;
	background-color: #fff;
	border-top:1px solid #555555;
}
.mainTableBanner {
	height:170px;
	width: 1000px;
	padding:0px;
	vertical-align: top;
	background-image:url('../images/MatalaUSA_01.jpg');
}
.mainTableNavCell {
	height:30px;
	width: 1000px;
	padding:0px;
	vertical-align: top;
	background-image:url('../images/MatalaUSA_02.jpg');
}
.mainTableHeading {
	height:30px;
	width: 1000px;
	padding:0px;
	vertical-align: middle;
	text-align: center;
}
.mainTableHeading h1 {
	font-size: 14px;
	color: #921739;
	margin-top: 2px;
	margin-bottom: 2px;
}
.mainTableHeading a:link,  .mainTableHeading a:visited {
	color: #921739;
	text-decoration: underline;
}
.mainTableHeading a:hover,  .mainTableHeading a:active {
	color: #800000;
	text-decoration: underline;
}
.mainTableBody {
	height:100%;
	width: 1000px;
	vertical-align: top;
}/**Contains #innerContentTable**/
.copyright {
	font-size: 9px;
	background-color: #f1f1f1;
	color: #A1A1A1;
	border-top:1px solid #555555;
	text-align: center;
	height: 20px;
}
.copyright a:link,  .copyright a:visited {
	color: #A1A1A1;
	text-decoration : none;
}
.copyright a:hover,  .copyright a:active {
	color: #800000;
	text-decoration : underline;
}
/*************************************************************************************************************************************************
                            				Begin Banner Table style settings
*************************************************************************************************************************************************/ 
.navSearchTable {
	height:30px;
	width: 1000px;
}
.searchCell {
	height: 30px;
	width: 170px;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 2px;
}
.input2 {
	width: 160px;
	font-size: 9px;
	color: #555555;
	vertical-align: middle;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	background-color: #efefef;
	margin-top: 2px;
	margin-bottom: 0px;
	text-indent: 5px;
}
.dateCell {
	height: 30px;
	width: 250px;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	font-style: italic;
	color: #f1f1f1;
}
/*************************************************************************************************************************************************
								Begin Inner Content Containing Table style settings (2 & 3 Panels)
*************************************************************************************************************************************************/ 
.innerContentTable {
	height:100%;
	width: 1000px;
}
.innerContentLeft {
	height:100%;
	width: 200px;
	padding:2px;
	vertical-align: top;
	text-align: center;
	background-color: #fff;
	color: #D3BF83;
	font-size: 9px;
}
.innerContentRight {
	height:100%;
	width: 200px;
	padding:2px;
	vertical-align: top;
	text-align: center;
	background-color: #fff;
	color: #D3BF83;
	font-size: 9px;
}
.innerContentCenter {
	height:100%;
	padding:5px;
	vertical-align: top;
	background-color: #fff;
	color: #000000;
	font-size: 14px;
}
.innerContentHome {
	height:100%;
	padding:5px;
	vertical-align: top;
	background-color: #000000;
	color: #D3BF83;
	font-size: 14px;
}
/*************************************************************************************************************************************************
												Begin Main Navigation Containing Table style settings
*************************************************************************************************************************************************/ 
.mainNavTable {
	width:200px;
}
.mainNavTableTop {
	height: 30px;
	width: 100%;
	background-image:url('../images/NavHeader.jpg');
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}
.mainNavTableCenter {
	color: #999999;
	border:1px solid #999999;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 14px;
}
.mainNavTableCenter a:link, .mainNavTableCenter a:visited {
	color: #999999;
	text-decoration : none;
	font-weight: normal;
}
.mainNavTableCenter a:active, .mainNavTableCenter a:hover {
	color: #000000;
	text-decoration : underline;
	font-weight: normal;
}
.navSub {
	padding: 1px;
	font-size: 10px;
}
.navSub a:link, .navSub a:visited {
	color: #CC3333;
	text-decoration : underline;
	font-weight: normal;
}
.navSub a:active, .navSub a:hover {
	color: #92BAFF;
	text-decoration : underline;
	font-weight: normal;
}
.mainNavTableBottom {
	width:100%;
	height: 15px;
	background-image:url('../images/mainNav_06.jpg');
	text-align: center;
}
.mainNavTableCorner {
	width: 15px;
	height: 15px;
	padding: 0px;
}
/**********************************************************************
End NavTable style settings
**********************************************************************/                                     
.wholesaleLoginTable {
	width: 100%;
	margin: 2px;
	background-color: #fafafa;
	color: #555555;
	font-size: 10px;
	border:1px solid #333333;
}
.wholesaleLoginTable th {
	text-align: right;
	padding: 1px;
}
.wholesaleLoginTable td {
	text-align: center;
	padding: 2px;
}
.titleCell {
	text-align: center;
	font-weight: bold;
	padding: 2px;
	font-size: 12px;
	background-color: #D12A41;
	color: #ffffff;
	letter-spacing: 1px;
	border-bottom:2px solid #efefef;
}
.wholesaleLoginTable a:link, .wholesaleLoginTable a:visited {
	color: #999999;
	text-decoration: underline;
	font-size: 9px;
}
.wholesaleLoginTable a:active, .wholesaleLoginTable a:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
}
.wholesaleLoginTable input {
	width: 130px;
	font-size: 10px;
	border: 1px solid #999999;
	background-color: #ffffff;
}
form {
	margin: 0px;
	padding: 0px;
	border: none;
}
/***********************************
 Begin Link Styles
***********************************/

a:link, a:visited {
	color: #9C6940;
	text-decoration: underline;
}
a:active, a:hover {
	color: #000000;
	text-decoration: underline;
}
/***********************************
 Used in Pond Calculator
***********************************/

span.radius {
	visibility: hidden;
}
/***********************************
 Heading Tag Styles
***********************************/	 

h1.error {
	font-size: small;
	color: red;
	font-weight: bold;
	text-align: center;
}
h1.home {
	font-family: Garamond;
	font-weight: 100;
	font-size: 13px;
	line-height: 20px;
	color: #6C80BE;
	margin-top: 2px;
	margin-bottom: 2px;
	font-style: italic;
	letter-spacing: 2px;
}
h1.category {
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	color: #6C80BE;
	margin-top: 2px;
	margin-bottom: 2px;
	letter-spacing: 2px;
}
h1 {
	font-size: 12px;
	line-height: 20px;
	color: #2574B2;
	margin-top: 2px;
	margin-bottom: 2px;
}
h2 {
	font-size: 14px;
	color: #41745B;
	margin-top: 2px;
	margin-bottom: 2px;
}
h3 {
	font-size: 14px;
	color: #990000;
	margin-top: 2px;
	margin-bottom: 2px;
	font-family:'Lucida Casual', 'Comic Sans MS', verdana;
	font-weight: normal
}
.border {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 2px;
	border:1px solid #FDB350;
	padding: 2px;
	background-color: #C3B690;
	width: 98%;
}
h2.products {
	font-size: 11px;
	color: #3B92EF;
	margin-top: 1px;
	margin-bottom: 0px;
}
.products h2 {
	font-size: 11px;
	color: #3B92EF;
	margin-top: 1px;
	margin-bottom: 2px;
}
h3.error {
	font-size: 13px;
	font-weight: bold;
	margin-top: 1px;
	margin-bottom: 1px;
	line-height: 16px;
	color: #ff0000;
}
h1.featured {
	font-size: 17px;
	background-color : #525D8C;
	margin-top: 1px;
	margin-bottom: 2px;
	line-height: 24px;
	color: #ffffff;
	border: 1px solid #555555;
}
/* End Heading Tag Styles*/


    
textarea, form select, input {
	font-size: 11px;
	border: 1px solid #555555;
	background-color: #F5F5F5;
}
ul {
	list-style-image: url('../images/bulltetpoint.gif')
}
hr {
	height: 1px;
	width: 90%;
	color: #585858;
}
img {
	border: 0px;
}
.white {
	height: 1px;
	width: 90%;
	color: #DDD7BA;
	border:#DDD7BA 1px dotted;
}      

/*====================================================================================
The Testimonials Page Style
====================================================================================*/
.testimonials {
	width: 190px;
	height: 200px;
	background:url('../images/paper.png') no-repeat;
	margin-top: 20px;
}
.testimonials td {
	width: 100%;
	text-align: center;
	font-size: 13px;
	font-style: italic;
	color: #555555;
	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: #800000;
	text-decoration: underline;
	font-size: 13px;
}
.testimonials a:active, .testimonials a:hover {
	color: #555555;
	text-decoration: none;
	font-size: 13px;
}
#testimonialLink {
	font-size: 15px;
	padding-right: 20px;
}	            


/***********************************
 End Stylesheet
***********************************/