/*** HTML/Body Style ***/
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background-color: #e2f3f5;
	background-image: url('/images/background.jpg');
	background-repeat: repeat;
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0;}


/***Paragraph***/
p {padding: 0.5em;}

	
/***Anchors***/
a img {border:none;}
a, a:link, a:visited {
	color: #00529c;
	text-decoration: none;
	font-weight: bold;}
a:active {color: #00529c;}
a:hover, #headerNav ul li a:hover, #footerNav ul li a:hover {
	color: #d2232a;}


/***Headers***/
h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4, h5, h6 {font-size:1.1em;}
h1, h2, h3, h4, h5, h6 {margin: 0.3px 0;}


/***Horizontal Rule***/
hr {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;}


/*Wrappers*/
#mainWrapper {
	background-color: transparent;
	background-image: url('/images/content_background.jpg');
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
	width: 990px;
	border: 1px solid #9a9a9a;}
#headerWrapper, #contentMainWrapper, #headerLogoWrapper, 
#mainWrapper {
	margin: 0em;
	padding: 0em;}
#headerNavWrapper {
	margin: 0em;
	padding: 0.5em 0.2em;
	background-color: #D5D5E9;
	background-image: url('/images/tile_background.gif');
	font-weight: bold;
	color: #d2232a;
	height: 42px;}
#headerLogoWrapper{
	margin: 0em;
	padding: 0.5em 0.2em;
	background-image: none;
	background-color: transparent;
	height: 71px;
	width: 124px;}
#headerNavWrapper {
	width: 855px;
	margin: 20px 0 0 0;}
#footerNavWrapper {
	margin: auto;	
}
#headerLogo {}
#leftColumnWrapper, #rightColumnWrapper, #mainWrapper {
	margin: auto;}
#leftColumnWrapper, #rightColumnWrapper {
	margin-left: 1.5em;
	margin-right: 1.5em;}
#welcomeWrapper, #welcomeImage, .centerColumn {
	width: 700px;
	min-height: 400px;
	margin: auto;}
#welcomeWrapper {background: transparent url('/images/welcome/welcome_bck.png') no-repeat;}
#welcomeWrapper:hover {background: transparent url('/images/welcome/welcome_fade_bck.png') no-repeat;}
#welcomeWrapper img {visibility: hidden;}
#welcomeWrapper:hover img {visibility: visible;}
#drainSystemWrapper {width: 100%;}
#drainSystemDescWrapper {width: 300px;}


/***Navigation***/
#headerNav, #footerNav {
	margin: auto;
	vertical-align: middle;
	}
#headerNav ul, #footerNav ul  {
	margin: 0;
	padding:  0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;}
#headerNav ul li, #footerNav ul li {display: inline;}
#headerNav ul li a {
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	vertical-align: middle;}
#headerNav ul li a:hover {
	color: #00529c;}
#footerNav ul li a, #footerNav ul li a:hover {
	font-size: 1.25em;}
	/** Default link properties**/

/***Main Content***/
#leftColumn, #rightColumn {vertical-align: top;}
.content {
	font-size: 1.2em;
	padding: 0.5em;}
.centerColumn {padding: 0.8em;}


/***sideboxes***/
h3.leftBoxHeader, h3.leftBoxHeader a, h3.leftBoxHeader a:visited,
h3.rightBoxHeader, h3.rightBoxHeader a, h3.rightBoxHeader a:visited {
	font-size: 1em;
	color: #000;}
h3.leftBoxHeader a:hover, h3.rightBoxHeader a:hover {
	color: #000;
	text-decoration: none;} 
.leftBoxHeader, .rightBoxHeader {
	margin: 0em;
	background-color: transparent;
	background-image: none;
	padding: 0.5em 0.2em;
	text-align: left;}
.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	margin-top: 1.5em;}
.sideBoxContent {
	background-color: transparent;
	padding: 0.4em;}


/***Gallery***/
table.gallery {
	width: 800px;
	margin: auto;}
.gallery th{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #d2232a;}
.gallery td {
	text-align: center;
	vertical-align: top;}
.gallery img {
	width: 150px;
	padding-bottom: 20px;}
.mainText {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;}
	

/*Drain System*/
#drainSystemImage {
	background:transparent url('/images/tub_features/tub_drain_system_background.png') no-repeat;
	width: 560px;
	height: 252px;}
#drainSystemImage img{
	width: 560px;
	height: 252px;}
#drainSystemDescLogo {}
#drainSystemDescText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #000;}

/***Forms, Form Fields & Fieldsets***/
form, select, input {
	display: inline;
	font-size: 1em;
	margin: 0.1em;}
textarea {
	margin: auto;
	display: block;
	width: 75%;}
fieldset {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;}
legend {
	font-size: 1.1em;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	padding: 0.3em;}

/***Labels***/
label {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0.2em;}
label.checkboxLabel, label.radioButtonLabel {
	margin: 0.5em 0.3em;}
label.inputLabel{
	width: 11em;
	float: left;}
label.selectLabel{
	width: 12em;
	float: left;}

/*Misc*/
img{border:0;}
a img{border:0;}
map area {
	width: 560px;
	height: 252px;}
.back{float: left;}
.forward{float: right;}
.clearBoth{clear: both;}
.alert {
	color: #FF0000;
	margin-left: 0.5em;
	vertical-align: top;}


/***Added for all sections that require centered text***/
TH, .center, .centeredContent, .leftBoxHeading, .centerBoxHeading, .rightBoxHeading, 
#siteinfoLegal, #siteinfoIP, #footerNav {
	text-align: center;}