/* CSS Document */

body {
	background: url(/images/bg-main.gif) #CCCCCC repeat-y center top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#3b3930;
	line-height:18px;
}

.callouts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3b3930;
	padding-bottom: 5px;
	padding-right: 15px;
}

.greenborder-top-bottom {
	border-bottom: 1px solid #0a3e28;
	border-top: 1px solid #0a3e28;
}

.testimonial-name {
	font-weight: bold;
	color: #255953;
	font-size: 14px;
}

.dottedline-orange {
	border-bottom: 1px dotted #e15000;
	padding-bottom: 7px;
	padding-top: 7px;
}

.options-table {
	border-bottom: 1px dotted #255953;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-right: 20px;
}

.greenbold {
	color: #144b45;
	font-size: 11px;
	font-weight:bold;
	line-height: 13px;
}
.greenbold2 {
	color: #144b45;
	font-size: 12px;
	font-weight:bold;
}
.greencaption {
	color: #144b45;
	font-size: 12px;
	}
.bodycontent .hottublineup {
	padding-top: 8px;
}

.formtable {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px dotted #255953;
}

.formtablelast {
	padding-bottom: 5px;
	padding-top: 5px;
}

body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,table {  
    margin:0; 
    padding:0; 
} 
h1,h2,h3,h4,h5,h6 { font-size:100%; }

.bodycontent ul {
	padding-left: 30px
}
	
h1 { 
	font-size: 30px;
	color:#e15000;
	line-height:40px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-weight:bold;
}

h2 {
	font-size: 25px;
	color:#000000;
	line-height:27px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}
h5 {
	font-size: 20px;
	color:#000000;
	line-height:36px;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}
h3 {
	font-size: 22px;
	color:#144b45;
	line-height:22px;
	font-family:Helvetica, Arial, Verdana, sans-serif;

}

h6 {
	font-size: 18px;
	color:#144b45;
	line-height:32px;
	font-family:Helvetica, Arial, Verdana, sans-serif;

}
h4 {
	font-size:24px;
	color:#e15000;
	line-height:28px;
	font-family: Arial, Helvetica, Verdana, sans-serif;


}
a {
	color: #e15000;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	}
#outercontainer {
	background:url(/images/bg-top.gif) top center no-repeat;
	padding-bottom:40px;
}

/*#leftbglayer {
	background:url(/images/logo-watermark.gif) top center no-repeat;
}*/

#rightbglayer {
	background:url(/images/right-bg.gif) top center no-repeat;
}


#innercontainer {
	width:975px;

	margin: 0 auto;
	position: relative;
	
}


	#header {
		padding:8px 0px 0px 30px;
		height:21px;
		position:relative;
	}
		#cookietrail {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#e15000;
			width:545px;
			float:left;
		}
		#cookietrail a { color:#82a488; text-decoration:none;}
		#cookietrail a:hover { text-decoration:underline; }
		
		#toputils {
			position:absolute;
			right:110px;
			width:350px;
			height:25px;
			text-align:right;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
			
		}
		
			.searchbox-field {
				font-size:11px;
				color:#255953;
				background-color:#e6f3e9;
				border:solid #b8cdbb;
				border-width:1px 0px 1px 1px;
				padding:2px 0px 0px 5px;
				height:16px;
			}
		
	#leftside {
		width:190px;
		height:765px;
		float:left;
	}
	body.specs #leftside {
		height:477px;

	}
	
		#leftside #leftlines {
			width:110px;
			height:255px;
			position:relative;
			top:-225px;
			left:-110px;
			background:url(/images/left-lines.gif) transparent top left no-repeat;
		}
		
		#home-left-side #leftlines {
			width:66px;
			height:270px;
			position:relative;
			top:-256px;
			left:-66px;
			background:url(/images/nav/home/left-lines.gif) transparent top left no-repeat;
		}
	
		#mainnav {
		width:167px;
		left:17px;
		top:12px;
	}
		#mainnav li { list-style:none; display:block;  }
		#MenuBar1 li a.mainitem { background-image:url(/images/nav/normal.gif); background-repeat:no-repeat; padding-left:167px; width:0; display:block; overflow:hidden;}
		#MenuBar1 li a:hover, #MenuBar1 li a.MenuBarItemSubmenuHover, #MenuBar1 li a.active { background-image:url(/images/nav/down.gif); }
			#MenuBar1 li ul.MenuBarSubmenuVisible li a {
				background-image:none;
			}
		
			#MenuBar1 li a.hot-tubs-lineup { height:32px; background-position:0px 0px; }
			#MenuBar1 li a.hot-tub-benefits { height:32px; background-position:0px -32px; }
			#MenuBar1 li a.find-a-local-store { height:32px; background-position:0px -64px; }
			#MenuBar1 li a.customer-care { height:32px; background-position:0px -96px; }
			#MenuBar1 li a.about-beachcomber { height:32px; background-position:0px -128px; }
			#MenuBar1 li a.store-opportunities { height:32px; background-position:0px -160px; }
			#MenuBar1 li a.contact-beachcomber { height:33px; background-position:0px -192px; }
			
			
			#MenuBar1 li li a, #MenuBar1 li li a:hover{
				background-image:none;
				text-decoration:none;
			}
			
			
			#MenuBar1 li li {
				padding: 2px;
			}
			
	#middle {
		width:675px;

		float:left;
	}
		#flasharea {
			width:675px;
			height:255px;
		}
		
		#contentarea {
			width:675px;
			
		}
			#content-left { position:relative; float:left; width:515px; padding:0px 25px 0px 0px; }
				#content-left .bodycontent { padding-left:3px; }
				
			#content-rightzzz { width:135px; float:right; }
			#content-right { position:absolute; left:730px; top:317px; }
			
			ul#ctas li {
				list-style:none;
				display:block;
			}
			ul#ctas li a { 
				padding-left:135px; width:0; display:block; overflow:hidden;
				background-image:url(/images/ctas.png);
				background-repeat:no-repeat;
			}
			ul#ctas li a:hover { background-image:url(/images/ctas-down.png); }
			
			
			#cta-findalocalstore a{ height:66px; background-image:url(/images/find-a-local-store.jpg) !important; }
			#cta-top5 a { height:41px; background-position:0px 0px; }
			#cta-freeinfodvd a { height:41px; background-position:0px -41px; }
			#cta-testimonials a { height:41px; background-position:0px -82px; }
			#cta-emailsignup a { height:41px; background-position:0px -123px; }
			#cta-blog a { height:41px; background-position:0px -164px; }
			.expanding-section .expander {
				height: 11px; 
				border-top: 1px solid #af7701;
				cursor: pointer;
				margin-bottom:5px;
			}
			.expanding-target {
				height: 58px;
				overflow: hidden;
			}
			
			.expanding-section .answer {
				background: url(images/gui/answer.gif) no-repeat bottom right;
			}			
			
			.expanding-section .more {
				background: url(images/gui/more-down.gif) no-repeat bottom right;
			}
			.expanding-section .more:hover {
				background-image: url(images/gui/more-down_over.gif);
			}
			.faq .expanding-section .more {
				background-image: url(images/gui/answer.gif);
			}
			.faq .expanding-section .more:hover {
				background-image: url(images/gui/answer_over.gif);
			}
			.expanding-section .close {
				background: url(images/gui/close.gif) no-repeat bottom right;
			}
			.expanding-section .close:hover {
				background-image: url(images/gui/close_over.gif);
			}

			.one-line {
				height:20px;
			}

			.four-line {
				height:74px;
			}

			.five-line {
				height:92px;
			}
			
			.no-line {
				height:0;
			}

			.overview-pic { display:inline; float:left; margin:0 5px 10px 0; }	
			.overview-section { position:relative; top:20px; float:left; }		
			.overview-container { position:relative; }
			.first { padding-top:0px; }
	#rightside {
		/*float:right; */
		position:absolute;
		width:110px;
		left:865px; top:29px;
/*		padding-top:0.65px;
		background:url(/images/series-bg.gif) no-repeat top left;*/
	}
	
		ul#seriesnav li {
				list-style:none;
				display:block;
			}
			ul#seriesnav li a { 
				padding-left:65px; width:0; display:block; overflow:hidden;
				background-image:url(/images/series-nav.gif);
				background-repeat:no-repeat;
			}
			ul#seriesnav li a:hover , ul#seriesnav li a.active{ background-image:url(/images/series-nav-down.gif); }
			
			#series-700 a { height:20px; background-position:0px 0px;}
			#series-500 a { height:24px; background-position:0px -20px;}
			#series-300 a { height:25px; background-position:0px -44px;}
			
			#series-content { width:110px; height:460px; padding-top:0px;}
			.s700 { }
			.s500 { background:url(/images/series500-bg.gif) transparent no-repeat top left; }
			.s300 { }



#bodycontent2 {
	width:730px;
	padding:0px 25px 0px 20px;
}

table#specstable {
	background-color: #fff3cf;
	font-size:13px;
	color:#464137;
}
table#specstable td {
	border-bottom: 1px solid #e6c46f;
	padding:7px 22px 7px 22px;
	line-height:12px;
	}
table#specstable td.header {
	color: #0a3e28;
}

table#specstablecolor td {
	padding:7px 0px 7px 0px;
	line-height:12px;
	}


div#specphoto_small {
	position:absolute;
	left:185px;
	top:32px;
	width:140px; height:140px;
	}
	
div#specphoto_large {
	position:absolute;
	left:325px;
	top:32px;	
	width:190px; height:190px;
	}
	
	div#spec-buttons {
	top:160px;
	left:0px;
	position:absolute;
	
	}
		div#spec-buttons ul, div#spec-buttons li{
			list-style:none;
			padding:0; margin:0;
			text-align:left;
			float:left;
		}
		
		div#spec-buttons li a {
				display:block;
				height:0px;
				overflow:hidden;
				padding:37px 14px 0px 0px;
			}
			div#spec-buttons a#button-options {
				background:url(/images/specbutton-options.gif) no-repeat transparent top left;
				width:84px;
			}
			div#spec-buttons a#button-colours {
				background:url(/images/specbutton-colours.gif) no-repeat transparent top left;
				width:84px;
			}
			div#spec-buttons a#button-buyhere {
				background:url(/images/specbutton-buyhere.gif) no-repeat transparent top left;
				width:89px;
			}

#footer {
	background:url(/images/footer-bg.jpg) no-repeat top left;
	padding:48px 130px 0px 15px;
	margin:100px auto 0 auto;
	width:830px;
	height:54px;
	color:#698773;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#footer a {
	color:#698773;
}
#footer a:hover {
	color:#698773;
}
.cleardiv { clear:both;}

/* Homepage */
#home { background:url(/images/home/bg-main.gif) top center repeat-y #CCCCCC; margin:0; padding:0; font-size:11px; }
#home #outercontainer { background:url(/images/home/bg-top.gif) top center no-repeat; }
#home-logo { background:url(/images/home/logo.gif) top left no-repeat; width:219px; height:0; display:block; overflow:hidden; padding-top:223px; }
#home-left-side {
	width:219px;
	height:751px;
	float:left;
}
#home-leftbglayer {
	background:url(/images/logo-watermark.gif) top center no-repeat;
}
#home-rightbglayer {
	background:url(/images/home/right-bg.gif) top center no-repeat;
}

#thirty-year-logo { position:absolute; top:509px; left:0; }
#thirty-years-quote { background:url(/images/home/30-years.gif) top left no-repeat; width:219px; height:0; display:block; overflow:hidden; padding-top:127px; }
div#home-left-side #MenuBar1 li a.mainitem { background-image:url(/images/home/nav/normal.gif); background-repeat:no-repeat; padding-left:219px; width:0; display:block; overflow:hidden;}
div#home-left-side #MenuBar1 li a:hover, div#home-left-side #MenuBar1 li a.MenuBarItemSubmenuHover, div#home-left-side 		#MenuBar1 li a.active {  }

div#home-left-side #MenuBar1 li a.hot-tubs-lineup { height:36px; background-position:0px 0px; }
div#home-left-side #MenuBar1 li a.hot-tub-benefits { height:37px; background-position:0px -36px; }
div#home-left-side #MenuBar1 li a.find-a-local-store { height:36px; background-position:0px -73px; }
div#home-left-side #MenuBar1 li a.customer-care { height:37px; background-position:0px -109px; }
div#home-left-side #MenuBar1 li a.about-beachcomber { height:36px; background-position:0px -146px; }
div#home-left-side #MenuBar1 li a.store-opportunities { height:37px; background-position:0px -182px; }
div#home-left-side #MenuBar1 li a.contact-beachcomber { height:37px; background-position:0px -219px; }

#home-flasharea {
	width:711px;
	height:332px;
}

a.clickformore { width:104px; height:0; padding-top:19px; display:block; overflow:hidden; background:url(/images/home/clickformore.gif) top left no-repeat; }
a.clickformore:hover { background-image:url(/images/home/clickformore-over.gif); }

#home-middle { width:711px; float:left; }
#home-middle #contentarea { width:711px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; line-height:15px; color:#684f08; }
#home-middle #content-left { float:left; height:113px; padding:0px 25px 0px 0px; width:auto; }
#home-middle #content-left .bodycontent { padding-left:3px; padding-bottom:6px; }
#content-left .bodycontent p, #content-left .overviewcontent p { padding:0.2em 0 0 0; margin-bottom: 1em;  }

#home-cta { /*padding-left:11px;*/ width:100%; font:normal 11px Verdana, Arial, Helvetica, sans-serif; line-height:16px; color:#684f08; word-spacing:0.3em; /*background:url(/images/home/cta.jpg) top left no-repeat;*/ background:url(/images/home/cta/bg.gif) top left no-repeat; /*height:auto;*/ min-height:215px; float:left; position:relative; }
a.home-cta-title { display:block; overflow:hidden; height:1px; padding-top:39px; /*padding-top:53px;*/ /*background:url(/images/home/cta.jpg) top left no-repeat;*/ background:url(/images/home/cta/top-piece.gif) top left no-repeat; position:absolute; top:0; left:0; /*width:215px;*/ width:226px; }
a.home-cta-title:hover { /*background-image:url(/images/home/cta-over.jpg);*/ }
#hybrid-edition-hot-tub { background-position:0 0; }
#hybrid-edition-hot-tub:hover { background-position:0 -40px; }
#whats-new { /*background-position:-229px 0; left:229px;*/ background-position:-226px 0; left:226px; }
#whats-new:hover { /*background-position:-229px -40px;*/ background-position:-226px -40px; }
#keith-blog { /*background-position:-457px 0; left:457px;*/ background-position:-452px 0; left:452px; width:230px; }
#keith-blog:hover { /*background-position:-457px -40px;*/ background-position:-452px -40px;  }
#home-cta-left { float:left; /*width:182px;*/ width:200px; /*padding:53px 35px 0 12px;*/ padding:45px 14px 0 11px; }
#home-cta-middle { float:left; /*width:181px;*/ width:200px; background-position:-229px 0;  /*padding:53px 35px 0 12px;*/ padding:45px 14px 0 13px; }
#home-cta-right { float:left; /*width:182px;*/ width:200px; background-position:-457px 0;  /*padding:53px 35px 0 12px;*/ padding:45px 14px 0 13px; }
#home-cta-right p { margin-bottom:0px; padding-bottom:7px; }
body#home #footer { padding-right:22px; padding-top:49px; width:847px; font-size:11px; background:url(/images/home/footer-bg.gif) no-repeat top right; margin-top:17px; }
#awards { text-align:right; padding-left:10px; padding-top:15px; float:left; }

/**********************************************/


#searchpage {
	font-family: verdana, arial, 'sans-serif';
	font-size: 11px;
	line-height: 1.3;
	padding:0 10px;
}

#searchpage .UltimateSearchInput {
	padding-top:5px;
	display:block;
	padding-bottom:7px;
	border-bottom:1px solid #056832;
	margin-bottom:3px;
}

#searchpage .UltimateSearchInput .text {
	width:400px;
	border:1px solid #056832;
	vertical-align:middle;
}

#searchpage .UltimateSearchInput .button {
	background:#056832;
	font-weight:bold;
	color:#FFF;
	border:none;
	vertical-align:middle;
}

#searchpage .UltimateSearchFeatured 
{
	padding-top:5px;
	padding-bottom:10px;
	border-bottom:1px solid #056832;
	margin-bottom:3px;
	width:100%;
}

#searchpage .UltimateSearchFeatured table { width:100%; }

#searchpage .OutputHighlight
{
	font-weight:bold;
}

#searchpage .SpellSuggest {
	padding-left:0.6em;
	font-style:italic;
}

#searchpage .SpellSuggest .arr {
	color:#056832;
	font-weight:bold;
	font-style:normal;
}

#searchpage .SpellSuggest a {
	font-style:normal;
	font-weight:bold;
}

.SuggestBox .SuggestItemOver {
	background:#056832;
}

#searchpage .OutputPageLink
{
}

#searchpage .OutputCurrentPageLink
{
}

#searchpage .OutputCounter
{
}

#searchpage .OutputTitle
{
	font-size:115%;
	font-weight:bold;
	padding-top:15px;
	font-variant:small-caps;
	border-bottom:1px dotted #056832;
	margin-right:0.5em;
}

#searchpage .OutputText
{
}

#searchpage .OutputUrl
{
	font-style:italic;
	padding-bottom:0.3em;
	display: none;
}

#ctl00_MainContent_usoMain {
	width:480px !important;
}

#ctl00_MainContent_usoMain td {
	width:480px !important;
}
/**************************************/
/* Postal code*/
.buttonstyle
{
	background:#056832;
	font-weight:bold;
	width:30px;
	height:20px;
	color:#FFF;
	border:none;
	vertical-align:middle;
	padding-bottom:2px;
}

.SearchInput {
	display:block;
	border:1px solid #056832;
	vertical-align:bottom;
	height:20px;
}

.SearchBorder
{
	 border-bottom: dashed 1px #cccccc;
	 padding: 3px 0px;
}

#contactform td
{	
	padding:0px 5px 4px 0px;
}

.list_style
{
	font-size:12px;
}

.tabs {
	height:29px;
	width:685px;
	border-bottom: 2px solid #e15000;
	
}
.tabs a { 
	display: block; width: 113px; height: 0px; padding-top: 29px;   
	float:left;
	text-align: center; overflow: hidden;
	color: white; text-decoration: none;
	font-size: 11px; font-weight: bold;
	background-repeat:no-repeat;
	margin-right: 5px;
}

.closed { display: none; }
.open { display:block;}

a#tab-specs { background:url(/images/tabs/specifications.gif) transparent top left no-repeat; width: 113px;}
a#tab-specs:hover, a#tab-specs.active { background:url(/images/tabs/specifications-down.gif) transparent top left no-repeat; }

a#tab-options { background:url(/images/tabs/options.gif) transparent top left no-repeat; width:68px; }
a#tab-options:hover, a#tab-options.active { background:url(/images/tabs/options-down.gif) transparent top left no-repeat; }

a#tab-colours { background:url(/images/tabs/colours.gif) transparent top left no-repeat; width:67px; }
a#tab-colours:hover, a#tab-colours.active { background:url(/images/tabs/colours-down.gif) transparent top left no-repeat; }

table.history-photo { width:213px; float:right; display:inline; background-color:#e6c369; border:none; border-collapse:collapse; border-spacing:0; margin:0px 0 10px 20px; padding:0; }
.history-photo td { padding:0 0 12px 10px; margin:0; vertical-align:bottom; text-align:left; }
.history-photo td#first-photo { /*width:90px;*/ padding-top:10px; }
.history-photo td.last-row { padding-bottom:40px; }
/*.history-photo img { border:1px solid #000; }*/

table.history-photoLeft { width:206px; float:left; display:inline; background:#d3a53e top left no-repeat; border:none; border-collapse:collapse; border-spacing:0; margin: 6px 20px 10px 0px; padding:0; }
.history-photoLeft td { padding:0 0 12px 15px; margin:0; vertical-align:bottom; }
.history-photoLeft td#first-photo2 { width:80px; padding-top:10px; }
.history-photoLeft td.last-row { padding-bottom:40px; }
.history-photoLeft img { border:1px solid #000; }

.div-text-justify { text-align:justify; }
#survey { /*float:left; padding-top:22px; width:235px;*/ float:left; margin-left:93px; }
#survey a { /*width:235px; overflow:hidden; display:block; height:0; background:url(/images/home/survey.jpg) top left no-repeat;*/ 
	overflow:hidden;
	display:block;
	height:1px;
	padding-top:61px;
	background:url(/images/home/cta/owners-buyers.gif) top left no-repeat;
}
/*#survey a:hover { background-image:url(/images/home/survey-over.jpg); }*/
#survey a#owner-survey { /*padding-top:60px;*/ width:230px; background-position:0 0; float:left; }
#survey a#owner-survey:hover { background-position:0 -62px; }
#survey a#buyer-survey { /*padding-top:67px;*/ width:229px; margin-left:35px; background-position:-265px 0; float:left; }
#survey a#buyer-survey:hover { background-position:-265px -62px; }