﻿/*body-------------------------------------*/







.link a{
color:#666666;
}
.link a.link{
color:#666666;
}.link a.active{
color:#666666;
}.link a.hover{
color:#666666;
}






body {
	margin:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	background-color:#BDBDBD;
}
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#8D95A8;
	margin:0 0 50px 0;
}
h2, h3, h4, h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8D95A8;
	margin-bottom:25px;
}
h1.spaced a{
	padding-bottom:10px;
	line-height: 22px;
	text-decoration:none;
	color:gray;
}
h1.spaced a.active{
	padding-bottom:10px;
	line-height: 22px;
	text-decoration:none;
	color:gray;
}
h1.spaced a.hover{
	padding-bottom:10px;
	line-height: 22px;
	text-decoration:none;
	color:gray;


}
h1.small {

padding-top:10px;
	line-height: 12px;
	font-size:12px
}

h1, h2, h3.innertitle {
	margin-bottom:10px;
}
.title_large {
	font-size:16px;
	color:#8D95A8;
	font-weight:bold;
}
div#centered {
	text-align:center;
}
div#container {
	width:677px;
	background-image:url(../img/mainbg.jpg);
}
div#container4 {
	width:677px;
	background-image:url(../img/yellbg.gif);
}
/*---------------navigation--*/

div#offerspage {

	padding-left:4px;
	width:450px;
	height:200px;
	text-align:left;
}














div#nav_container {
	padding:40px 8px 0 8px;
	background-position:bottom;
	background-repeat:no-repeat;
}
div#nav_container ul {
	list-style:none;
	padding-left:0;
	margin:0 0 0 0;
}
div#nav_container ul.nolink {
	list-style:none;
	margin:0 0 0 0;
	padding-top:25px;
}
div#nav_container ul li.upperdetail {
	border-bottom:#999999 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.83em;
	color:#FFFFFF;
}
div#nav_container ul li.bottom {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.83em;
	color:#FFFFFF;
}
div#nav_container ul li a.off {
	color:#FFFFFF;
	display:block;
	padding:5px 0 5px 0;
	text-decoration:none;
}
div#nav_container ul li a:visited.off {
	color:#FFFFFF;
}
div#nav_container ul li a:hover.off {
	color:#333333;
}
div#nav_container ul li a:active.off {
	color:#FFFFFF;
}
div#nav_container ul li a.on {
	color:#333333;
	display:block;
	padding:5px 0 5px 0;
	text-decoration:none;
}
div#nav_container ul li a:visited.on {
	color:#333333;
}
div#nav_container ul li a:hover.on {
	color:#333333;
}
div#nav_container ul li a:active.on {
	color:#333333;
}
div#spacer {
	width:680px;
	clear:both;
}
div#spacer2 {
	width:680px;
	clear:both;
}
div#flash_container {
	width:680px;
	height:196px;
	background-color:#878787;
	clear:both;
}
div#content_container_home {
	width:677px;
}
div#content_container {
	width:677px;
	background-image:url(../img/contentbg.jpg);
	
	background-position:bottom;
	background-repeat:no-repeat;
}
div#content_container2 {
	width:677px;
	background-image:url(../img/contentbg2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
div#hottub_boxes{
	width:464px;
	background-image:url(../img/middleofhottubbox.jpg);
		background-repeat:repeat-y;
		height:230px;
}
div#hottub_boxes-j300{
	width:464px;
	background-image:url(../img/middleofhottubbox.jpg);
		background-repeat:repeat-y;
		height:380px;
}

div#hottub_box_top{
	width:464px;
	height:14px;
	background-image:url(../img/tophottubbox.jpg);
	background-repeat:no-repeat;
}
div#hottub_boxes_middle{
	margin-top:20px;
	vertical-align:middle;
	

	}

div#hottub_box_bottom{
	width:464px;
	height:20px;
	background-image:url(../img/bottomhottubbox.jpg);
	background-repeat:no-repeat;
}

div#hottub_selection{
float:left;
 margin-right:0px;
  padding-bottom: 25px;
margin-left:25px;
width:100px;
}


div#hottubtext{
font-family:Arial, Helvetica, sans-serif;
color:gray;
font-size:12px;
text-decoration:none;
width:90px;
}
.hottubtext-spec{
font-family:Arial, Helvetica, sans-serif;
color:gray;
font-size:11px;
text-decoration:none;
}

.hottubtext{
font-family:Arial, Helvetica, sans-serif;
color:gray;
font-size:12px;
text-decoration:none;
}
.hottubtext a{
font-family:Arial, Helvetica, sans-serif;
color:gray;
font-size:12px;
text-decoration:none;
}
.hottubtext a.active{
font-family:Arial, Helvetica, sans-serif;
color:gray;
font-size:12px;
text-decoration:none;
}
.hottubtext a.hover{
font-family:Arial, Helvetica, sans-serif;
color:gray;
:12px;
text-decoration:none;
}


/*contentrelated-----------------------------------------------------*/




/* HOT TUBS INNER --------------------------------------- */
div#hottubs-inner-tophalf{
width:464px;
margin-top:10px;
}
div#hottubs-inner-right-image{
width:165px;
height:165px;
float:right;
margin-top:40px;
margin-right:10px;

}
div#hottubs-inner-right-text{
width:165px;
float:right;
margin-right:5px;
margin-top:30px;
}
div#hottubs-inner-left-text{
width:250px;
float:left;

}
.innerhottubtext{
font-size:14px;
color:#404040;
font-family:arial;
}
.innerhottubtext-small{
font-size:11px;
color:#404040;
font-family:arial;
}
div#hottubspecbox{
width:430px;
float:left;
}
#specs td,  .specs td { padding: 6px 0 6px 17px; line-height:14px; border-bottom: 1px solid #c1c1aa; }
#specs td.hdr,  .specs td.hdr { font-weight:bold; background: url(../images/nav/full-specs-hdr-bg.gif) top left no-repeat; width: 300px; border-bottom: none; }
.specs, .specs2 { float: left; }
.specs td, .specs2 td { padding: 6px 0 6px 0px; line-height:14px; border-bottom: 1px solid #c1c1aa; }
.specs2 td { padding-left: 0px;}
.specs td.hdr, .specs2 td.hdr { font-weight:bold; background: url(../images/nav/full-specs-hdr-bg.gif) top left no-repeat; width: 100px; border-bottom: none; }
.specs2 td.hdr { width: 300px; background-position: -128px 0 }

/* end of hot tub inner -----------------------------------*/


div#content1 {
	float:left;
	text-align:justify;
	padding-left:4px;
	width:492px;
	text-align:center;
}
.content a{
color:#666666;
font-size:11px;
text-decoration:none;
}
.content a.link{
color:#666666;
font-size:11px;

text-decoration:none;
}

.content a.active{
color:#666666;
font-size:11px;

text-decoration:none;
}

.content a.hover{
color:#666666;
font-size:11px;

text-decoration:none;
}


div#content2 {
	width:460px;
	float:left;
	text-align:justify;
	padding:20px 0 0 20px;
	color:#666666;
}
div#horiz-line {
	float:left;
}
div#content2 a:link {
	color:;
	text-decoration:underline;
}
div#content2 a:visited {
	color:;
	text-decoration:underline;
}
div#content2 a:hover {
	color:#333333;
	text-decoration:underline;
}
div#content2 a:active {
	color:gray;
	text-decoration:underline;
}
div#content_inner1 {
	width:485px;
	float:left;
	text-align:justify;
	padding:50px 25px 0 25px;
}
div#content_between {
	width:391px;
	float:left;
	text-align:justify;
}
div#side_home {
	width:261px;
	background-color:#F3F3F3;
	float:left;
	text-align:left;
	padding:50px 15px 0 10px;
	clear:both;
}
div#side_inner {
	width:156px;
	padding:0 0 0 10px;
	float:left;
	text-align:left;
}
div#boxinfo {
	font-size:0.83em;
	color:#FFFFFF;
}
div#info1 {
	width:325px;
	float:left;
	padding:0 15px 0 5px;
}
p#sidebar {
	margin:25px 0 0 0;
	font-size:11px;
	line-height:14px;
}
div#statement {
	padding:10px 10px 10px 10px;
	border:solid 1px #999999;
	background-color:#CAE3F7;
	margin:10px 0 10px 0;
}
div#spacer {
	clear:left;
	width:677px;
}
/*imageprops---------------------------------------------------------*/








.afs{
	width:460px;
	height:200;
	float:left;
	text-align:justify;
	padding:20px 0 0 20px;
}

.floatleftafs{
	float:right;
	padding: 40px 0 130px 0;
}
.floatrightafs{
	float:left;
	padding: 40px 0 130px 0;
}
.spacer{
	width:460px;
	height:100;
	float:left;
	text-align:justify;
	padding:20px 0 0 20px;
}




.imagefloatleft {
	float:left;
	padding-right:20px;
	padding-bottom:10px;
}
.imagefloatright {
	float:left;
	padding-left:20px;
}
.imagefloatright2{
	float:right;
		padding-left:20px;
	padding-top:10px;

}
div#image1 {
	width:114px;
	float:left;
}
/*footer------------------------------------*/







div#footer {
	width:677px;
	background-image:url(../img/footer.jpg);
	height:18px;
	clear:both;
}
div#footer2 {
	width:677px;
	background-image:url(../img/footer2.gif);
	height:18px;
	clear:both;
}
div#footerlinks {
	width:560px;
	margin-bottom:20px;
	color:#333333;
}
div#footerlinks p {
	margin:0 0 0 0;
}
div#footerlinks a:link, a:visited, a:hover, a:active {
	color:#333333;
	text-decoration:none;
}
/*bits------------------------------------*/































ul#learnmore {
	display:block;
	text-align:right
}
p.content {
	margin:0 0 10px 0;
}
/* module */















img.floatleft {
	float:left;
	padding-right:5px;
	margin-right:5px;
		font-size:11px;
	color:gray;
	text-decoration:none;
	font-family:Arial;

}
img.floatright {
	float:right;
	padding-left:5px;
	margin-left:5px;
}
img.floatright2 {
	float:right;
	padding-left:5px;
	padding-right:18px;
}
hr {
	color:#00468C;
	height:1px;
	width: 100%
}
a {
	text-decoration: none;
}
input, textarea, select {
	font-size: 11px;
	border: 1px solid #003366;
	width: 160px;
}
textarea {
	height: 100px;
}
input.a5field {
	margin-bottom:0px;
	background:#333333;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	width: 140px
}
div#alingright {
	text-align:right;
	margin: auto;
	color:#666666;
}
a.readmore {
	margin-left: 360px
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
input.basket {
	background-color: #003366;
	color: #FFFFFF;
	border: none;
	margin-bottom:2px;
	width:100px;
}
form {
	margin: 0px;
	padding: 0px;
}
h3.shop {
	margin-bottom: 4px;
	margin-top: 0px;
}
.radio {
	width: 12px;
	border: 0px;
}
.offertext a{
	font-size: 16px;
	color:#ffffff;
	background-color:red;
}
.offertext a:active{
	font-size: 16px;
	color:#ffffff;
	
}
.offertext a:hover{
	font-size: 16px;
	color:#ffffff;
}
.offertext a:link{
	font-size: 16px;
	color:#ffffff;
}

.smalllinks a{
	font-size:11px;
	color:gray;
	text-decoration:none;
	font-family:Arial;
	}
	.smalllinks a.active{
	font-size:11px;
	color:gray;
	text-decoration:none;
	font-family:Arial;
	}
	.smalllinks a.hover{
	font-size:11px;
	color:gray;
	text-decoration:none;
	font-family:Arial;
	}

