@import 'base.css';

#content { width: 716px; padding-bottom:0; }
#content td { border-right: 1px solid #cacac5; border-bottom: 1px solid #cacac5; padding: 7px 0 4px; }
#content table.nob td { border:none; }
#content tr.last td { border-bottom: none; }
#content td a img { margin: 0 0 1px 8px; }

#content table#compare { position: relative; left: 1px; }
#content table#compare a { font: 10px/120% Tahoma, Arial, Helvetica, sans-serif; color: #666; font-weight: bold; text-decoration: none; float: left; margin: 0 0 1px 8px; }
#content table#compare a img { margin: 6px 0; }
#content table#compare tr.thdr a, #content table#compare tr.thdr a img { margin: 0; }
#content table#seriesLanding td { border: none; font: 10px/14px Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#content table#seriesLanding td h4 { margin: 0; font-size: 12px; }
#content table#seriesLanding td a { margin: 0; font-weight: bold; color: #968b36; text-decoration: none;}
#content table#seriesLanding td.lbl { border-right: 1px solid #cacac5;  }
#content table#seriesLanding tr.line td { border-top: 1px solid #cacac5; vertical-align: top }

#left { display: inline; float: left; margin: 17px 10px 0 22px; width: 172px; font: 11px/20px Tahoma, Arial, Helvetica, sans-serif; color: #786c61; }
* html #left { margin-right: 7px;  }

.meta {display: none;}
#detailsPop { display: none; width: 203px; height: 244px; background: url(../images/detailsPop.png) top left no-repeat; position: absolute; top: 135px; left: 312px; padding: 0 0 0 1px; z-index: 140; }
#detailsPop table { font: 10px/13px Tahoma, Arial, Helvetica, sans-serif; color: #666; position: absolute; top: 90px; z-index: 150; }
#detailsPop table tr { vertical-align: top; }
#detailsPop table td.lbl { text-align: right; padding-right: 6px; text-transform: uppercase; font-weight: bold; font-size: 9px; }
#detailsPop a { position: absolute; bottom: 18px; left: 18px; overflow: hidden; }
#detailsPop a.Maxxus { bottom: 8px; }
#detailsPop a img { padding: 0 50px 7px 0; }

ul#subnav { margin: 1px 0; padding: 0; float: left; list-style: none; border: 1px solid #83796D; border-bottom: none; background-color: #83796D; }
ul#subnav li { float: left; }
ul#subnav li a { display: block; text-indent: -999em; height: 22px; width: 152px; background: url(../images/nav/spas-880.gif) top right no-repeat; margin-left: -10px; position: relative; }
ul#subnav li a:hover, ul#subnav li em a { background-position: 0 -22px; }
ul#subnav li#sElite a { margin-left: 0; background-image: url(../images/nav/spas-elite.gif); }
ul#subnav li#s780 a { background-image: url(../images/nav/spas-780.gif); }
ul#subnav li#s680 a { background-image: url(../images/nav/spas-680.gif); }
ul#subnav li#sComp a { width: 145px; background-image: url(../images/nav/spas-compare.gif); }

#content .sub2 { padding: 13px 12px 26px; font: 10px/100% Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#content .sub2 a { margin: 0 10px; text-decoration: none; font-weight: bold }
#content .sub2 a, #content .sub2 a:visited { color: #666; }

/* for spa subpages */
#content {
	color:#786c61;
	font: 11px/20px Tahoma, Arial, Helvetica, sans-serif;
}
#content p, #content  h3, #content img{
margin:0; padding:0;
}
#content #left p { margin: 12px 0; }

#content #spaDetails_ltcol #title {margin-left:9px;}
#spaDetails_ltcol {
	float:left;
	width:273px;
	border-right: 1px solid #D6D6D6;
}
#spaDetails_ltcol h2 {
	font:lighter 15px/17px Verdana;
	margin-top:0;
	margin-bottom: 12px;
}
.header2 {
	font:lighter 15px/17px Verdana;
	margin-top:0;
	margin-bottom: 12px;
}

.seoh1 {
	font:lighter 15px/17px Verdana;
	margin-top:0;
	margin-bottom: 12px;
	display:inline;
}

.seoh11 {font:11px Verdana, Arial, Helvetica, sans-serif;color: #786C61;margin:0;padding:0;display:inline;}

#spaDetails_ltcol_content {
	padding:21px 51px 24px 21px;
}
#spaDetails_rtCol {
	float:left;
	width:440px;
}
#spaDetails_rtCol #spaDetails_spaPic {
	float:left; width: 204px;
	padding: 0 0 0 22px;
	margin-top: 17px;
	line-height: 1px;
}
.acc-left { 
	display: block; float: left; width: 190px; margin-left: 16px;
}
#spaDetails_rtCol #spaDetails_spaPic a {
	display: block; margin: 0 0 4px 2px;	position: relative; top: 15px;
}
#spaDetails_rtCol #spaDetails_colors {
	float:right;
	width:175px;
	margin-right:0;
	border-left:1px solid #D6D6D6;
	margin-top: 14px;
	padding-right: 17px;
}
#spaDetails_rtCol #spaDetails_colors div {
	padding:13px 0 16px 11px;
	border-bottom:1px solid #D6D6D6;
}
#spaDetails_rtCol #spaDetails_colors img {
	margin:5px 7px 0 0; 
}
#spaDetails_colors p {
	color:#666666; font-size:10px;
}
#spaDetails_colors #spaDetails_learnMore {
	padding-top:27px; 
}
#spaDetails_snapCats {
	float:left;
	width:99px;
	border-right:1px solid #D6D6D6;
	border-top:1px solid #D6D6D6;
	padding: 8px 0 0px 0;
	font-size: 10px;
}
#spaDetails_snapSpecs {
	float:left;
	width:293px;
	border-top:1px solid #D6D6D6;
	padding:8px 0 8px 8px;
	font-size: 10px;
}
#spaDetails_eeCats {
	float:left;
	width:201px;
	border-right:1px solid #D6D6D6;
	border-top:1px solid #D6D6D6;
	padding: 8px 0 0px 0;
	font-size: 10px;
}
#spaDetails_eeSpecs {
	float:left;
	width:175px;
	border-top:1px solid #D6D6D6;
	padding:8px 0 8px 23px;
	font-size: 10px;
}
#spaDetails_colors #spaDetails_learnMore p {
	font-size:10px;
	font-weight: bold;
}
#spaDetails_snapshot {
	clear:both;
	padding-top: 20px;
	width: 419px;
	padding-left: 21px;
}

.tab_content_box {
	float:left;
	width:161px;
	margin:20px 24px 0 0;
	padding-left:21px;
	height: 412px;
}
.tab_content_box .boxTitle {
	margin-bottom:16px;
	font:11px/13px  Arial, Helvetica, sans-serif;
	color:#83796D;
	height: 42px;
}

.tab_content_box ul {
	margin:0 auto;
	padding:20px 0 0 0;
	width:140px;
}
.tab_content_box ul li {
	
}
.wrappit {
clear:both; margin:0; padding:0;
}
#spaDetails_rtCol #spaDetails_snapshot h3, #spaDetails_rtCol #spaDetails_ee h3 {
	font-size:10.5px;
}
#spaDetails_rtCol #spaDetails_ee h3 { color: #666; }

#content .specs { line-height:12px; margin: 18px 0 0 0; }
#content .specs td { padding-left: 18px; }
#content .specs td.sr { border-right: none; }
#content .specs .off { display: none; }
#content #spaDetails_ltcol_content ul, #content #left ul, #content #spaDetails_rtCol ul, .col1 ul, .panel ul { margin: 0; padding: 0; list-style: none;  }
#content #spaDetails_ltcol_content ul li, #content #left ul li, #content #spaDetails_rtCol ul li, .col1 ul li, .panel ul li { padding-left: 8px; background: url(../images/bull.gif) no-repeat 0 9px;}

#landing_squares_pgs  {background-image:url(../images/features/ltColBkg.gif); background-repeat:repeat-y; float:left;}

#landing_squares_pgs #spaDetails_ltcol {width:234px;}
#landing_squares_pgs #spaDetails_ltcol #spaDetails_ltcol_content {padding:21px 16px 24px 21px;}
#landing_squares_pgs #spaDetails_ltcol #spaDetails_ltcol_content p {margin-bottom:25px;}

#difference_pgs { float:left;}
#difference_pgs #spaDetails_ltcol #spaDetails_ltcol_content {padding:21px 16px 24px 21px;}
#difference_pgs #spaDetails_ltcol #spaDetails_ltcol_content p {margin-bottom:25px;}

#landing_squares_rtcol {width:481px; float:left; background-image:url(../images/features/rtColBkg.gif);}
#landing_squares_rtcol div {width:151px; height:155px; float:left; padding:20px 0 0 9px;}
#landing_squares_rtcol .featureImg {margin-bottom:6px;}

#jets-feature { display: block; width: 161px; height: 298px; float: left; border-right: 1px solid #cac6aa; margin: 18px 0 0 13px; }
#jets-feature h2 { font-weight: bold; color: #7b736f; border-bottom: 1px solid #cac6aa; padding: 0 0 6px 4px; }
#jets-feature .def-inside p { font-size: 12px; line-height: 14px; margin-left: 4px; width: 140px; }
#jets-feature .def-inside p a { color: #666; text-decoration: underline; }
#jets-feature .jets-info { font-size: 10px; line-height: 14px; display: none; }
#jets-feature .jets-info ul { width: 132px; }
#jets-feature .jets-info ul li { background-position: 0 6px; }

#jets-links .jet a { display: block; width: 128px; height: 161px; float: left; text-align: center; position: relative;  }
#jets-links .jet a b { text-decoration: underline; text-transform: uppercase; color: #666; line-height: 14px; text-align: center; }
#jets-links .jet a:hover { background-color: #e8ebeb; }
#jets-links .jet .inside { display: none; }

#content #acc td { border: none; padding-top: 18px; }
#content #acc a { color: #786c61; text-decoration: underline; }

#content ol { position: relative; left: -20px; margin-top: 0; }

#spaDetails_colors div img { position: relative; z-index: 200; }
#cpop { display: block; background: url(../images/colorpop-start.png) top left no-repeat; height: 32px; position: absolute; top: 0; left: 0; font: 11px/100% Tahoma, Arial, Helvetica, sans-serif; padding: 0 0 0 10px; z-index: 250; }
#cpop span { background: url(../images/colorpop-end.png) top right no-repeat; display: block; padding: 4px 10px 0 0; height: 22px; }
#disclaimers, .disc { display: inline; margin-left: 18px; font-size:10px; line-height: 15px; float: left; }
.disc { margin: 0 21px; }

/* new spas landing page */
#spacarousel { float: left; width: 444px; padding: 0 0 41px 16px; border-left: 1px solid #d6d6d6; margin-left: 31px }
.carouselit {  float: right; width:205px; height:149px;overflow:scroll; }
.series { float: left; width: 444px; font-size: 12px; line-height: 160%; }
#content .series img.hdr { margin: 28px 0 14px }
.series .inf { float: left; width: 210px; height:168px; position: relative; padding-right: 18px; border-right: 1px solid #ccc;  }
.series .inf a.select { position: absolute; bottom: 0; left: 0; }
#content .series .inf p { margin-bottom: 15px; }
.ctab, .seldrop, .carouselit a .s { display: none; }
.seldrop { position: absolute; z-index:2; top: 134px; left: 0; border: 1px solid #ccc; float: left; width: 191px; background: #fff url(../images/seldrop.png) repeat-x 0 100%; }
.seldrop .top { float: left; width: 191px; height: 25px; background: url(../images/seldropT.png) no-repeat 0 0; }
.seldrop a img { max-height: 50px; max-width: 50px; float: left; }
.series .seldrop a { float: left; padding: 10px 12px; width: 167px; border-top: 1px solid #ccc; line-height:14px }
.seldrop a .t { float: left; width: 72px; }
.seldrop a .n { display: block; font-size: 14px; margin: 12px 0 0}
.seldrop a .s { display: block; font-weight: bold; font-size: 10px; color: #666; }
.ctab.on { display: block; }
.series .ctabs { float: left; width: 205px; margin: 0 0 10px; padding: 0; list-style: none; }
.series ul.ctabs li { float: left; margin-left: 10px; }
#content .ctabs a { color: #9DA647; font-weight: bold }
#content .ctabs .on a, #content .seldrop a .n { color: #6E8E83 }
#content .seldrop a:hover { background: url(../images/Elite-series/seldropO.png) no-repeat 0 0; }
#content .s880 .ctabs a { color: #9DA647 }
#content .s880 .ctabs .on a, #content .s880 .seldrop a .n { color: #6F7548 }
#content .s880 .seldrop a:hover { background-image: url(../images/880-series/seldropO.png); }
#content .s780 .ctabs a { color: #bdb184 }
#content .s780 .ctabs .on a, #content .s780 .seldrop a .n { color: #9B8845 }
#content .s780 .seldrop a:hover { background-image: url(../images/780-series/seldropO.png); }
#content .s680 .ctabs a { color: #9fb1c0 }
#content .s680 .ctabs .on a, #content .s680 .seldrop a .n { color: #597993 }
#content .s680 .seldrop a:hover { background-image: url(../images/680-series/seldropO.png); }

.errors { color: #f00 }
.err { border-color: #f00 }

#manuals a { font: 12px/21px Arial, Helvetica, sans-serif; text-decoration: none; color: #333; display: block; height: 40px; background: url(../images/RequestLiterature/pdf.gif) top left no-repeat; padding-left: 40px; margin-top: 10px;}
#manuals p.bottomBar { background: url(../images/RequestLiterature/line.gif) bottom left no-repeat; margin: 10px 0 0; padding-bottom: 10px;}
#manuals p.topBar { background: url(../images/RequestLiterature/line.gif) top left no-repeat; margin: 10px 0 0; padding-top: 10px;}
#manuals p.noBar { background:none; margin: 10px 0 0; padding-bottom: 10px;}


#manualT a { font: 12px/21px Arial, Helvetica, sans-serif; text-decoration: none; color: #333; display: block }
#content table#manualT.nob td { border-bottom: 1px solid #ccc }

body#landing { background-image:url(../images/bgL.png) }
#landing #content { width: 928px; border: none; margin-top: -23px }
#landing #left { width: 260px; margin-right: 51px }
#landing #ftr { background: url(../images/ftr.png) repeat-x 0 0; width: 930px }
#landing #content table { color: #000; font-size: 12px }
#hdr a#back { color: #236DC7; font: 11px/14px Tahoma, Geneva, sans-serif; position: absolute; left: 733px; top: 46px; padding-left: 12px; text-decoration: none; text-indent: 0; background: url(../images/backar.gif) no-repeat 0 50% }