﻿html{
	padding: 0px;
	margin: 0px;
}
body{
	padding: 0px;
	margin: 0px;
	background-color: #000;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(/images/custom/bathlife_bg.jpg);
	font-family: Arial, Verdana;
}
#wrapper{
	width: 858px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}
#wrapper #resellerButton{
	border: none;
	position: absolute;
	top: 0px;
	right: 0px;
}	
#wrapper #resellerButton img{
	border: none;
}
#default-page #wrapper{
	width: 858px;
	margin: 0 auto;
	height: 100%;
}
	#default-page #wrapper #mainContent{
		padding-left: 10px;
	}
	#default-page #wrapper #frontpageTable{
		padding: 0px;
		margin: 0px;
	}
	#default-page #wrapper #frontpageTable img{
		border: none;
		width: 405px;
		height: 280px;
	}
		#default-page #wrapper #frontpageTable td{
			padding-bottom: 15px;
			width: 405px;
		}
		#default-page #wrapper #frontpageTable .imgLeft{
			padding-right: 15px;
		}
		#default-page #wrapper #frontpageTable .txtCopy{
			color: #fff;
			font-size: 14px;
			padding-bottom: 30px;
		}
	#default-page #wrapper #footer #break{
		margin-left: 10px;
		width: 826px;
	}
#wrapper #logo{
	width: 192px;
	height: 101px;
	float: left;
}
#wrapper #topWrapper{
	padding-left: 10px;
}
#wrapper #topWrapper a img{
	border: none;
}
#wrapper #mainMenu{
	height: 21px;
	width: 610px;
	float: left;
	margin-top: 76px;
	margin-left: 45px;
}
#wrapper #mainMenu .menuButton{
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
	margin-right: 25px;
}
#wrapper #mainMenu #btnContact,
#wrapper #mainMenu #btnAbout,
#wrapper #mainMenu #btnReseller,
#wrapper #mainMenu #btnPress,
#wrapper #mainMenu #btnProducts{
	padding-left: 5px;
	padding-right: 2px;
	background-image: url(/images/custom/mainMenuSprite.png);
	background-position: 0 0;
}
	#wrapper #mainMenu #btnContact:hover,
	#wrapper #mainMenu #btnAbout:hover,
	#wrapper #mainMenu #btnReseller:hover,
	#wrapper #mainMenu #btnPress:hover,
	#wrapper #mainMenu #btnProducts:hover{
		background-position: 193px 0px;
		color: #000;
	}
#wrapper #mainContent{
	clear: both;
	padding-top: 30px;
}
#wrapper #footer{
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #666;
	width: 858px;
}
#wrapper #footer #break{
	width: 808px;
	height: 4px;
	margin-left: 25px;
}
#wrapper #footer p{
	margin: 0;
	margin-right: 25px;
	margin-top: 3px;
	padding: 0;
	text-align: right;
}
	
#default-page  #wrapper #boxWrapper{
	width: 858px;
	height: 592px;
	margin: 0 auto;
	padding: 10px;
}
	#default-page #wrapper  #boxWrapper #topLeftBox{
		background-image: url(/images/custom/bgDefaultTopLeft.png);
		background-repeat: no-repeat;
		width: 330px;
		height: 115px;
		float: left;
		padding-right: 20px;
		margin-bottom: 25px;
	}
	#default-page #wrapper #boxWrapper #topRightBox{
		background-image: url(/images/custom/bgDefaultTopRight.png);
		background-repeat: no-repeat;
		width: 335px;
		height: 115px;
		display: inline;
		float: left;
		margin-bottom: 25px;
	}
	#default-page #wrapper #boxWrapper #bottomLeftBox{
		background-image: url(/images/custom/bgDefaultBottomLeft.png);
		background-repeat: no-repeat;
		width: 330px;
		height: 115px;
		float: left;
		padding-right: 20px;
	}
	#default-page #wrapper #boxWrapper #bottomRightBox{
		background-image: url(/images/custom/bgDefaultBottomRight.png);
		background-repeat: no-repeat;
		width: 335px;
		height: 115px;
		float: left;
	}

		#contact-page h2{
			font-family: Times New Roman;
			font-size: 25px;
			font-style: italic;
			font-weight: lighter;
			color: #fff;
			width: 700px;
			padding-left: 15px;
			padding-right: 15px;
			margin-top: 30px;
		}
		#contact-page .introText{
			font-size: 14px;
			color: #999;
			width: 700px;
			padding-left: 15px;
			padding-top: 20px;
		}
			#contact-page .introText .introLink{
				text-decoration: underline;
				color: #999;
			}
			
		#contact-page #mainContentTable{
			width: 840px;
			margin: 0 auto;
			padding: 0px;
			margin-top: 45px;
		}
			#contact-page #mainContentTable .subTitle{
				color: #fff;
				margin: 0px;
				padding: 0px;
			}
			#contact-page #mainContentTable .headOffice{
				width: 385px;
				height: 185px;
				padding-left: 15px;
				padding-top: 25px;
				font-size: 14px;
				color: #999;
				background-color: #333;
			}
			
			#contact-page #mainContentTable .office{
				margin-top: 15px;
				border: 1px solid #333;
				padding-left: 15px;
				padding-top: 25px;
				width: 383px;
				font-size: 14px;
				color: #999;
			}
				#contact-page #mainContentTable .office a,
				#contact-page #mainContentTable .headOffice a{
					padding: 0px;
					margin: 0px;
					color: #6c7272;
					font-weight: normal;
					text-decoration: underline;
				}
				#contact-page #mainContentTable .office h4,
				#contact-page #mainContentTable .headOffice h4{
					padding: 0px;
					margin: 0px;
					color: #FFF;
					font-size: 14px;
					font-weight: bold;
				}
			#contact-page #mainContentTable .officeBox{
				font-size: 12px;
				color: #6c7272;
				margin-top: 0px;
				margin-bottom: 35px;
			}
			#contact-page #mainContentTable .officeBox a{
				color: #6c7272;
			}
				#contact-page #mainContentTable h5{
					padding: 0px;
					margin: 0px;
					color: #0ebe13;
					font-weight: normal;
				}
				
			#about-page table{
				width: 780px;
				margin: 0 auto;
				empty-cells: show;
			}
			#about-page table tr td{
				vertical-align: top;
				padding-top: 25px;
			}
				
			#about-page table .spacer{
				width: 70px;
			}			
			
			#about-page table h3{
				font-family: Times New Roman;
				font-size: 25px;
				margin: 0px;
				padding: 0px;
				color: #999;
				font-style: italic;
				font-weight: lighter;
			}
			#about-page table p{
				color: #999;
				font-size: 12px;
			}
			#about-page table .copyTd{
				padding-left: 25px;
				width: 400px;
			}
			#about-page table img{
				width: 275px;
			}
	
	
	#reseller-page{
		font-size: 12px;
	}	
	
	#reseller-page h1{
		font-family: Times New Roman;
		font-style: italic;
		font-weight: lighter;
		color: #999;
		padding-left: 15px;
		padding-right: 15px;
		margin: 0 auto;
		margin-top: 30px;	
		padding: 0px;
	}
	#reseller-page h4{
		 color: #ccc;
		 margin: 0px;
		 padding: 0px;
	
	}

	#reseller-page .resellerIntro{
		padding: 0px;
		margin: 0px;
		color: #ccc;
		font-weight: normal;
	}
	#reseller-page .resellerIntro a{
		padding: 0px;
		margin: 0px;
		color: #ccc !important;
		font-weight: normal;
		text-decoration: underline;
	
	}
	#reseller-page  #regionLinkWrapper{
		padding-top: 40px;
		margin-left: 20px;
	
	}
	#reseller-page #regionLinkWrapper .regionLink{
		display: block;
		text-decoration: underline;
		padding: 0px;
		margin: 0px;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		margin-bottom: 4px;
		
	}
	#reseller-page #resellerTable{
		width: 730px;
		margin: 0 auto;
		margin-top: 40px;
		padding: 0px;
	}
	
	#reseller-page .mapCol{
		width: 170px;
		padding-left: 130px;
	}
	
	#reseller-page .resellerInfoCol{
		width: 270px;
		
	}
		#reseller-page .resellerInfoCol h4{
			margin-top: 12px;
			font-weight: bold;
		}
			#reseller-page .resellerInfoCol .mapReturn h4{
				font-size: 14px;
				color: #fff;
			}
		#reseller-page .resellerInfoCol a{
			color: #0ebe13;
		}
	
	#reseller-page .resellerCol{
		width: 165px;
		border-left: 1px solid #cccccc;
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 20px;
	}
	#reseller-page .resellerCol img{
		border: 0px solid;
	}
	#reseller-page .resellerCol .resellerWrapperNoLine,
	#reseller-page .resellerCol .resellerWrapper{
		width: 390px;
		margin-top: 12px;
		position: relative;
	}
	#reseller-page .resellerCol .resellerWrapperNoLine{
		border: none;
	}
	#reseller-page .resellerCol .resellerWrapper{
		border-top: 1px solid #CCC;
	}
	#reseller-page .resellerCol .resellerWrapper .toggleButton{
		position: absolute;
		top: 10px;
		right: 10px;
		cursor: pointer;
	}
	#reseller-page .resellerCol .resellerWrapperNoLine .toggleButton{
		position: absolute;
		top: 0px;
		right: 10px;
		cursor: pointer;
	
	}
		#reseller-page .resellerCol h3{
			margin-top: 10px;
			margin-bottom: 0px;
			color: #ccc;
		}
		#reseller-page .resellerCol h4{
			color: #999;
		
		}
		#reseller-page .resellerCol p{
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			color: #ccc;
			font-weight: normal;
			font-size: 12px;
			text-decoration: none;
			margin-bottom: 4px;
			margin-top: 12px;
		}
		#reseller-page .resellerCol p a{
			text-decoration: underline;
			padding: 0px;
			margin: 0px;
			color: #ccc;
			font-weight: normal;
			margin-bottom: 4px;
		}
	#press-page #pressTable{
		width: 730px;
		margin: 0 auto;
		margin-top: 45px;
	}

			#press-page #pressTable #colPressInfo h1{
				font-family: Times New Roman;
				font-size: 25px;
				font-style: italic;
				font-weight: lighter;
				color: #999;
				margin: 0px;
				margin-top: 30px;
			}
			#press-page #pressTable #colPressInfo #pressIntro{
				font-size: 12px;
				color: #ccc;
			}
			#press-page #pressTable #colPressInfo a{
				color: #ccc;
			}	
		#press-page #pressTable #colPressContent{
			width: 425px;
			border-left: 1px solid #6C7272;
		}
		#press-page #pressTable .dateHeader{
			font-size: 12px;
			color: #6c7272;	
		}
		#press-page #pressTable .titleHeader{
			text-decoration: none;
			padding: 0px;
			margin: 0px;
			color: #ccc;
			font-weight: normal;
			font-size: 16px;
			margin-bottom: 4px;
		}
		#press-page #pressTable .descriptionWrapper{
			padding: 0px;
			margin: 0px;
			margin-top: 12px;
			color: #999;
			font-weight: normal;
			font-size: 12px;
			margin-bottom: 4px;

		}
		#press-page #pressTable .pressWrapper{
			border-top: 1px solid #6C7272;
			margin-left: 15px;
			margin-right: 15px;
			margin-top: 25px;
			padding-top: 7px;
		}
		#press-page #pressTable .pressWrapperNoLine{
			border-top: none;
			margin-left: 15px;
			margin-right: 15px;
		}
				#press-page #pressTable #containerEvent{
			color:#999999;
			font-family:Arial,Verdana;
			font-size:12px;
			font-weight:normal;
			margin:16px 0 4px;
			padding:0;
		}
			#press-page #pressTable #containerEvent .pressWrapperNoLine,
			#press-page #pressTable #containerEvent .pressWrapper{
				margin-left: 0px;
			}
			#press-page #pressTable #containerEvent p{
				display: inline;
				width: 170px;
			}
			#press-page #press-page #containerEvent h2{
				color: #999;
			}
		#press-page #containerContact {
			font-family: Arial, Verdana;
			font-size: 12px;
			margin-bottom: 12px;
			padding-top: 12px;
			padding-bottom: 12px;
			border-bottom: 1px solid #6C7272;
			width: 285px;
			color: #999999;
		}
		
		#press-page #containerContact h2{
			margin-bottom: 0px;
		}
		#press-page #containerContact h3{
			margin-bottom: 0px;
		}
		
		#press-page #containerContact #pressContactTable .title{
			font-weight: bold;
			width: 90px;
		}
			
	#search-page h1{
		width: 830px;
		margin: 0 auto;
		margin-top: 12px;
		color:#6C7272;
		font-weight:normal;
		padding-left: 32px;
	}	
			
	#search-page  #productTable{
		width: 830px;
		margin: 0 auto;
		margin-top: 12px;
	}
	#search-page #productTable .catResults{
		border-right: 1px solid #333;
		padding-top: 10px;
		padding-bottom: 10px;
	}
		
		#product-page #productTable #productCatTable .catLinkMarked a,
		#product-page #productTable #productCatTable .catLink a,
		#search-page #productTable #productCatTable .catLinkMarked a,
		#search-page #productTable #productCatTable .catLink a{
			margin-left: 10px;
			margin-right: 10px;
			display: block;
			padding-left: 7px;
			padding-top: 2px;
			padding-bottom: 3px;
			text-decoration: none;
			font-size: 12px;
			color: #6c7272;
		}
		#product-page #productTable #productCatTable .catLinkMarked a,
		#search-page #productTable #productCatTable .catLinkMarked a{
			background-image: url(/images/custom/mainMenuSprite.png);
			background-position: 193px 0px;
			color: #000;
		}
	#search-page #productTable #productCatTable{
		width: 181px;
	}
	#search-page .productWrapper{
		border: 1px solid #333;
		margin-bottom: 25px;
		float: left;
		font-weight: normal;
		width: 570px;
		display: block;
		text-decoration: none;
	}
	#search-page .productWrapper .productPicture{
		width: 220px;
		float: left;
		border: none;
		border-right: 1px solid #333;
		margin-right: 15px;
		color: #6c7272;
	}
	#search-page .productWrapper .productName{
		margin-top: 10px;
		margin-bottom: 0px;
		color: #6c7272;
		font-weight: normal;
	}
	#search-page .productWrapper .productArtno{
		margin-top: 0px;
		font-size: 12px;
		color: #999;
	}
	#search-page .productWrapper .productDesc{
		color: #666;
		font-size: 12px;
	}
	
	
	#search-page .clearer{
		clear: both;
	}
	
	
	#product-page #productTable{
		margin: 45px auto 0;
		width: 890px;
	}
	#product-page #productTable #leftCol{
		width: 185px;
		padding: 0px;
	}
	#product-page #productTable #mainCol{
		width: 395px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 25px;
		padding-right: 25px;
	}
	#product-page #rightCol{
		padding: 0px;
	}
	#product-page #productTable .returnLinkLine{
		width: 190px;
		height: 4px;
		display: block;
	}
	#product-page #productTable .returnLink{
		padding-top: 20px;
		padding-bottom: 20px;
		display: block;
		width: 155px;
		text-decoration: none;
		color: #CCC;
		margin-left: 14px;
		font-size: 14px;
		background-image: url(/images/custom/returnLinkIcon.png);
		background-position: 0 21px;
		background-repeat: no-repeat;
		padding-left: 20px;		
	}
	
	#product-page #productTable #mainCol .mainColLine{
		width: 395px;
		height: 4px;
		display: block;
	}
	#product-page h1{
		font-size: 20px;
		font-weight: normal;
		color: #fff;
		margin-top: 16px;
		padding-top: 0px;
		font-family: Times New Roman;
		font-size: 25px;
	}
	#product-page #productTable #prodImg{
		width: 385px;
		border: 1px solid #ccc;
		margin: 0 auto;
		display: block;
	}
	#product-page #productTable #fileTable a{
		background-image: url(/images/custom/downloadIcon.gif);
		background-repeat: no-repeat;
		background-position: 0px 2px;
		padding-left: 18px;
		text-decoration: none;
		color: #fff;
		font-size: 12px;
	}
	
	#product-page #productTable #prodThumbContainer{
		width: 385px;
		margin: 0 auto;
		display: block;
	}
	
	#product-page #productTable .prodThumb{
		height: 70px;
		width: 70px;
		border: 1px solid #ccc;
		margin-right: 10px;
		margin-top: 10px;
		cursor: pointer;
	}
	#product-page #productTable p{
		font-size: 12px;
		color: #999;
	}
	#product-page #productTable .prodTechDescription{
		color: #999;
		margin-top: 25px;
		font-size: 12px;
	}
	#product-page #productTable .prodTechDescriptionHeader{
		display: block;
		font-weight: bold;
		color: #fff;
		
	}

	#product-page #fileTable .fileTableRounded{
		font-size: 0px;
		margin-top: 5px;
	}
	#product-page #fileTable .fileTableRounded img{
		width: 190px;
		height: 4px;
	}
	#product-page #fileTable .fileTableLink{
		padding-left: 7px;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	#pressdetailed-page  .bodyWrapper{
		color: #999;
	}
	#pressdetailed-page h3.titleHeader{
		color: #fff;
		font-family:Times New Roman;
		font-size:25px;
		font-style:italic;
		font-weight:lighter;
		margin:30px 0 0;
	}
	#pressdetailed-page a{
		color: #999;
		
	}
	#pressdetailed-page strong{
		font-weight: normal;
	}
