html {
	height:100%;
}

body {
	height:100%;
	margin:0;
	padding:0;
	border:0;
	background-color:#4396ca;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#114f8e;
	line-height:1.3;
}

h1 {
	font-size:22px;
	font-weight:normal;
	margin:0;
	padding-bottom:8px;
}

h2 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding-top:8px;
}

h3 {
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding-top:8px;
}

p {
	margin:0;
	padding-bottom:8px;
}

ul {
	margin-top:0;
	padding:0 0 0 25px;
}

li {
	padding-bottom:8px;
}

img {
	border:none;
}

hr {
	clear:both;
}

.container-out {
	background-image:url(images/bkg-rpt.gif);
	background-repeat:repeat-y;
	background-position:top;
	width:1028px;
	margin:auto;
	min-height:100%;
	position:relative;
}

.container {
	width:1016px;
	margin:auto;
}

.navbar {
	height:36px;
	background-image:url(images/nav-rpt.gif);
	background-repeat:repeat-x;
	position:relative;
	font-family:Verdana, Arial, sans-serif;
	padding:4px 0 0 2px;
	margin:0;
	font-size:12px;
}

.navbar ul {
	list-style:none;
	margin:2px 0 0 0;
	padding:0;
	border:none;
	display:inline;
}

.navbar li {
	margin:0 0 0 0;
	padding:0;
	display:inline;
}

.navbar li a {
	display:inline;
	padding:10px 7px;
	line-height:38px;
	border-left:1px double #FFFFFF;
	border-right:1px double #FFFFFF;
	border-top:1px double #FFFFFF;
	color:#666666;
	text-decoration:none;
}

.navbar li a:hover {
	border-color:#999999;
	color:#000000;
	text-decoration:none;
	background-color:#ededed;
}

.navbar li a.this {
	border-color:#999999;
	color:#000000;
	text-decoration:none;
	background-color:#71e0fd;
}

.banner {
	height:163px;
	background-image:url(images/banner.jpg);
}

.content {
	width:548px;
	padding:108px 77px 120px 391px;
	min-height:547px;
	background-image:url(images/content-bg.jpg);
	background-repeat:no-repeat;
	position:relative;
}

.wrap {
	padding-bottom:15px;
}

.left {
	float:left;
	width:392px;
}

.right {
	float:right;
	width:148px;
}

.twodivide .left {
	width:230px;
}

.twodivide .right {
	width:310px;
}

.threedivide .left {
	width:260px;
}

.threedivide .right {
	width:278px;
}

.threecols {
	width:30%;
	float:left;
	text-align:center;
	padding-top:10px;
}

.threecols a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.footer {
	width:996px;
	background-color:#FFFFFF;
	padding:10px;
	line-height:1;
	bottom:35px;
	position:absolute;
}

.footer-left {
	float:left;
	width:49%;
	font-size:9px;
	color:#999999;
}

.footer-left a {
	color:#b9b9b9;
	text-decoration:none;
}

.footer-left a:hover {
	color:#999999;
	text-decoration:none;
}

.footer-right {
	float:right;
	width:49%;
	color:#00aeef;
	text-align:right;
}

.midblue {
	color:#025bc9;
}

.clear {
	clear:both;
}

.footer-btm {
	height:35px;
	width:1016px;
	background-image:url(images/nav-rpt.gif);
	background-repeat:repeat-x;
	line-height:35px;
	text-align:center;
	color:#9b9b9b;
	font-family:Arial, Helvetica, sans-serif;
	bottom:0;
	position:absolute;
}

.footer-btm a {
	color:#666666;
	text-decoration:none;
	font-size:12px;
}

.textures {line-height:27px;}
.textures-left {
	width:110px;
	float:left;
}
.textures-right {
}
.textures-right p {
	line-height:27px;
	height:27px;
	margin:0;
	padding:0;
}
/* Bubble Buttons */
.bubble {
	position:absolute;
	background-position:bottom;
}

.bubble:hover {
	background-position:top;
	cursor:pointer;
}

.bub-signature {
	height:148px;
	width:141px;
	left:173px;
	top:71px;
	background-image:url(images/btns/signature.gif);
}

.bub-lap {
	height:116px;
	width:116px;
	left:74px;
	top:213px;
	background-image:url(images/btns/lap.gif);
}

.bub-splash {
	height:104px;
	width:103px;
	left:229px;
	top:262px;
	background-image:url(images/btns/splash.gif);
}

.bub-salt {
	height:81px;
	width:83px;
	left:32px;
	top:349px;
	background-image:url(images/btns/salt.gif);
}

.bub-teardrop {
	height:103px;
	width:104px;
	left:162px;
	top:377px;
	background-image:url(images/btns/teardrop.gif);
}

.bub-accessories {
	height:82px;
	width:82px;
	left:20px;
	top:464px;
	background-image:url(images/btns/accessories.png);
}

.bub-stair {
	height:78px;
	width:82px;
	left:19px;
	top:473px;
	background-image:url(images/btns/hunterstaircaseentry.gif);
}

.bub-aquatain {
	height:78px;
	width:82px;
	left:156px;
	top:415px;
	background-image:url(images/btns/aquatainliquidpoolcover.gif);
}

/* products buttons */

.product-buttons {
	display:inline;
}

.prod-button {
	width:180px;
	height:100px;
	background-position:bottom;
	cursor:pointer;
	float:left;
	margin:10px 40px;
}

.prod-middle {
	margin:10px 170px;
}

.prod-button:hover {
	background-position:top;
}

.prd-signature {
	background-image:url(images/products/signature.gif);
}

.prd-salt {
	background-image:url(images/products/salt.gif);
}

.prd-teardrop {
	background-image:url(images/products/teardrop.gif);
}

.prd-lap {
	background-image:url(images/products/lappools.gif);
}

.prd-portable {
	background-image:url(images/products/portable.gif);
}

/* Ad button */
.solar {
	width:540px;
	height:134px;
	background-image:url(images/solar.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.solar:hover {
	background-position:bottom;
	cursor:pointer;
}

/* Forms without tables eh? */
dl {
	padding: 4px 0;
	margin: 0px;
	cursor:default;
	width:100%;
	clear:both;
}

form dl {
	color:#666666;
}

dt {
	float: left;	
	width: 300px;
	text-align: left;
	display: block;
	margin: 0px;
}

dd {
	left: 310px;
	vertical-align: top;
	margin: 0px;
}

.nohover:hover {
	background-color:#FFFFFF;
}

.h50 {
	height:75px;
}

.red {
	color:#FF0000;
}

#Span1:hover {
	visibility:visible;
}

/* Hover Effects */
dl:hover {
	background-color: #75b8e1;
}

dl:hover dt label {
	color: #333333;
}

dl:hover dt label {
	color: #000000;
}

/* Input hover and focus styles */
input, textarea {
	border:1px solid #999999;
}

input:hover, textarea:hover {
	border: 1px solid #65A7EF;
}

input:focus, textarea:focus {
	border: 1px solid #1362B9;
	color: #000000;
}
#Span2 {z-index:5; background-image:none;}
#Span2:hover { background-image:url(images/btns/accessories.png);}