@import 'base.css';

td { font: 11px/21px Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #786C61; }
#content { width: 716px; padding-bottom:0; }
#content td { border-right: 1px solid #cacac5; border-bottom: 1px solid #cacac5; padding: 7px 0 4px; }
#content tr.last td { border-bottom: none; }
#content td a img { margin: 0 0 1px 8px; }

#spaDetails_rtCol td { border-right: 0px solid #cacac5; border-bottom: 0px solid #cacac5; padding: 7px 0 4px; }

#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#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: -1000em;
	height: 22px;
	width: 188px;
	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#s880 a { margin-left: 0; }
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 { 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; }

#content .sub3 { padding: 13px 12px 26px; font: 10px/100% Tahoma, Arial, Helvetica, sans-serif; color: #666; }
#content .sub3 a { margin: 0 3px; text-decoration: none; font-weight: bold }
#content .sub3 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:265px;
	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:420px;
}
#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_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 20px 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 {
	font-size:10.5px;
}

#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; background-position: 0 8px;}
#content #spaDetails_rtCol ul li { background-position: 0 6px; }

#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:460px; float:left; background-image:url(../images/features/rtColBkg.gif);}
#landing_squares_rtcol div {width:155px; height:170px; float:left; padding:20px 0 0 10px;}
#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 { display: inline; margin-left: 18px; font-size:10px; line-height: 15px; float: left; }