@import 'base.css';

#sidenav { display: inline; float: left; width: 147px; /*height: 100px;*/ margin: 24px 22px 0 18px;}
#sidenav ul, #spa-tab ul { margin: 0; padding: 0; list-style: none; font: 12px/14px Arial, Helvetica, sans-serif; color: #333; background-color: inherit; }
#sidenav ul li { margin-bottom: 8px; }
#sidenav a, #sidenav ul li.first a:hover { color: #333; background: inherit; text-decoration: none; }
#sidenav a:hover, #sidenav em a { text-decoration: underline}
#sidenav em a { color: #c99700; font-weight: bold; font-style: normal; }
#sidenav ul li.first a { font-weight: bold; }
#sidenav ul li.first { margin-bottom: 12px; }
#sidenav ul li.line { border-top: 1px solid #d7d7c8; margin-top: 20px; padding-top: 16px; }
#sidenav ul li.sub { margin-left: 9px; font-size: 10px; color: #8c8c8c; }
#sidenav ul li.sub a {  color: #8c8c8c; }
#sidenav ul li.sub a:hover, #sidenav ul li.sub em a { color: #b98f11; }

#content { width: 613px; font: 11px/18px Arial, Helvetica, sans-serif; padding-bottom: 30px; display: inline; float: left; }
#flash { margin-bottom: 5px; }
#flash.zind { position: relative; z-index: 20; }

/*#content p { margin-left: 40px; }*/
.mgl { position: relative; right: 20px; margin-left: 0px; }
#content h2 { font-size: 16px; line-height: 18px; }
#content h4 { font-size: 11px; line-height: 18px; }
#content table p { margin: 14px 0 0 0px; }

#content span {font-size:12px;}

#right { display: inline; float: right; background: top left no-repeat; margin: 5px 10px 0 29px}
#right.details { width: 283px; height: 369px; background-image: url(../images/j-400/rightbox-bg.gif); margin: 5px 0;}
#right.details p { margin:  24px 0 14px 17px; display: inline; float: left; width: 124px; line-height: 16px; }
#right.details p strong { font-size:12px; line-height: 20px; }
#right.details p a { color: #c59812; text-transform: uppercase; font-weight: bold; }

.thm { display: inline; float: left; margin: 0 12px 12px 0; }

#content #left { margin: 0; display: inline; float: right; width: 286px; display:inline}
#content .sfix { display: block; width: 266px; height: 32px; position: relative; left: -20px; margin-bottom: 7px; }
#content #left h1 { position: static; right: 20px; margin-left: 0px; }
#content #left h2 { font-size: 12px; color: #666; margin-top: 6px; }
#content  #left p { width: 245px; margin-left: 0px; }
#content #left hr { width: 268px; border: none; border-top: 1px solid #e9e9e1; margin: 5px -5px;}
#content #left #thm { display: inline; float: left; margin: 0; padding: 0; }
#content #left ul, #content #left ul li { margin: 0; padding: 0; }
#content #left ul#roll, #content #left ul#roll li { list-style: none; width: 180px; display: inline; float: left; }
#content #left ul.keyFeatures, #content #left ul.keyFeatures li { width: 265px; list-style: none; padding: 0; margin: 8px 0 0; }
#content #left ul.keyFeatures li { padding-left: 7px; background: url(../images/dot.gif) no-repeat; background-position: 0 7px; margin: 0; }
#content #left ul li a { color: #333; text-decoration:none; font-size:9px; margin: 0 0 0 4px; padding: 2px 4px 2px 2px ;}
#content #left ul li a.on { background-color: #e9e9e1; }

#spa-tab { background: url(../images/spa-overview-tab.gif) top left no-repeat; width: 583px; height: 24px; padding: 10px 0 0 30px}
#spa-tab img, #spa-tab ul, #spa-tab ul li, #spa-tab { display: inline; float: left; }
#spa-tab ul { margin: 0 0 0 70px; padding: 0; list-style: none; }
#spa-tab ul li { margin-right: 35px; }
#spa-tab ul li a { color: #666; text-decoration: none;}
#spa-tab ul li b a, #spa-tab ul li a:hover { text-decoration: underline; }
#spa-tab ul li b a { color: #c59812; font-weight: bold; }

.feature { padding-top: 12px; clear: left; margin-left: 40px; }

.featurebox { display: block; width: 179px; background: url(../images/features/featurebox-bg.jpg) top left no-repeat; margin-bottom: 15px; padding-top: 15px; font: 10px/13px Arial, Helvetica, sans-serif}
#content .featurebox h1, #content .featurebox p { margin: 0 18px 10px; }
#content .featurebox h2, #content .featurebox p { margin: 0 18px 10px; }
.bdr { border-bottom: 1px solid #d7d7c8; width: 147px; padding-bottom:5px; }
.featurebox .thm { width: 67px; margin: 0 -2px 12px 16px;}

.specBox { display: block; width: 212px; height: 133px; padding: 14px 20px 0; background: url(../images/spec-box-bg.gif) top left no-repeat; margin: 16px 0 0 10px; font-size: 12px; line-height:16px;}

.jets td { padding: 10px 14px 10px 21px; border-top: 1px solid #c1c1aa; }
#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: 615px; border-bottom: none; }

.btn, .btn2, .btn3 { width: 181px; font-weight: bold; display: inline; float: left; margin: 18px 0 0 20px}
.btn2, .btn3 { width: 132px; height: 106px; font-weight: normal; font-size: 10px; line-height: 13px; margin: 18px 2px -16px 18px}
.btn3 { margin: 0 9px 0 8px; width: 126px;}
.btn a, .btn2 a, .btn3 a { text-decoration: none; color: #333; }
.btn a { line-height: 12px; }
.btn a:hover, .btn2 a:hover, .btn3 a:hover { color: #c59811; }

ul.biglist { list-style: none; margin: 0; padding: 0; font-size: 11px; line-height:18px; width: 385px;}
ul.biglist li { padding-left: 20px; }
ul.biglist a:hover { text-decoration:underline; }
ul.biglist .hdr, ul.biglist .hdr a { color: #000; font-weight: bold; text-decoration:none;}
ul.biglist .hdr { width: 402px; height: 25px; display: block; background:url(../images/footer/bar.jpg) top left no-repeat; padding-top: 3px; margin: 6px 0 0;}
 
#compare-dropdown { width: 194px; height: 242px; position: absolute; top: 5px; left: 371px; background: url(../images/compare/dropdown-bg.gif) top left no-repeat; padding: 29px 0 0 20px; display: none; z-index: 30;}
#compare-dropdown select { font: 10px/100% Arial, Helvetica, sans-serif; width: 148px; margin-top: 6px; }
#compare-dropdown .sbmt { display: block; width: 111px; height: 11px; background: url(../images/compare/compare-selected-btn.gif) top left no-repeat; border:none; cursor: pointer; margin-top: 10px;}

#spaPopUp { position: absolute; top: 230px; margin-left: 2px; }
.accessoriesbox {display:block; float:left; width: 603px}

#jetsinfo { position: absolute; top: 210px; left: 0; z-index:15; width:347px; height: 232px; display: block; }
#jetsinfo h1 { font-size: 14px; line-height: 18px; margin: 0 0 6px 39px; display: block; }

#content #left.acc { width: 308px; }
#content #left.acc h1 { font-size: 15px; margin-bottom: 7px; color: #c59811; line-height: 18px; }
#content #left.acc h2 { font-size: 15px; margin-bottom: 7px; color: #c59811; line-height: 18px; }
#content #left.acc p { width: 303px; }

@import 'base.css';

#sidenav { display: inline; float: left; width: 147px; /*height: 100px;*/ margin: 24px 22px 0 18px;}
#sidenav ul, #spa-tab ul { margin: 0; padding: 0; list-style: none; font: 12px/14px Arial, Helvetica, sans-serif; color: #333; background-color: inherit; }
#sidenav ul li { margin-bottom: 8px; }
#sidenav a, #sidenav ul li.first a:hover { color: #333; background: inherit; text-decoration: none; }
#sidenav a:hover, #sidenav em a { text-decoration: underline}
#sidenav em a { color: #c99700; font-weight: bold; font-style: normal; }
#sidenav ul li.first a { font-weight: bold; }
#sidenav ul li.first { margin-bottom: 12px; }
#sidenav ul li.line { border-top: 1px solid #d7d7c8; margin-top: 20px; padding-top: 16px; }
#sidenav ul li.sub { margin-left: 9px; font-size: 10px; color: #8c8c8c; }
#sidenav ul li.sub a {  color: #8c8c8c; }
#sidenav ul li.sub a:hover, #sidenav ul li.sub em a { color: #b98f11; }

#sidenav ul li.socialNetworks{
	padding:10px 0;
}

#sidenav ul li.socialNetworks ul li{
	line-height:26px; height:26px;
}
#sidenav ul li.socialNetworks ul li a{
	text-decoration:none;
}
#sidenav ul li.socialNetworks ul li img{
	margin: 0 .6em 0 0;
	border: 0;
	vertical-align:middle;
}

#content { width: 613px; font:  11px/18px Arial, Helvetica, sans-serif; padding-bottom: 30px; display: inline; float: left; }
#content #left h1.resources { color: #C59812; font: bold 16px/18px Arial, Helvetica, sans-serif; }
#content h1.resources { color: #C59812; font: bold 16px/18px Arial, Helvetica, sans-serif;  }
#content #left h2.resources { color: #C59812; font: bold 16px/18px Arial, Helvetica, sans-serif; }
#content h2.resources { color: #C59812; font: bold 16px/18px Arial, Helvetica, sans-serif;  }
#flash { margin-bottom: 5px; }
#flash.zind { position: relative; z-index: 20; }

/*#content p { margin-left: 40px; }*/
.mgl { position: relative; right: 20px; margin-left: 0px; }
#content h2 { font-size: 16px; line-height: 18px; }
#content h4 { font-size: 11px; line-height: 18px; }
#content table p { margin: 14px 0 0 0px; }

#content span {font-size:12px;}

#right { display: inline; float: right; background: top left no-repeat; margin: 5px 10px 0 29px}
#right.details { width: 283px; height: 369px; background-image: url(../images/j-400/rightbox-bg.gif); margin: 5px 0;}
#right.details p { margin:  24px 0 14px 17px; display: inline; float: left; width: 124px; line-height: 16px; }
#right.details p strong { font-size:12px; line-height: 20px; }
#right.details p a { color: #c59812; text-transform: uppercase; font-weight: bold; }

.thm { display: inline; float: left; margin: 0 12px 12px 0; }

#content #left { margin: 0; display: inline; float: right; width: 286px; display:inline}
#content #left h1 { position: static; right: 20px; margin-left: 0px; }
#content  #left p { width: 245px; margin-left: 0px; }
#content #left hr { width: 268px; border: none; border-top: 1px solid #e9e9e1; margin: 5px -5px;}
#content #left #thm { display: inline; float: left; margin: 0; padding: 0; }
#content #left ul, #content #left ul li { margin: 0; padding: 0; }
#content #left ul#roll, #content #left ul#roll li { list-style: none; width: 180px; display: inline; float: left; }
#content #left ul.keyFeatures, #content #left ul.keyFeatures li { width: 265px; list-style: none; padding: 0; margin: 8px 0 0; }
#content #left ul.keyFeatures li { padding-left: 7px; background: url(../images/dot.gif) no-repeat; background-position: 0 7px; margin: 0; }
#content #left ul li a { color: #333; text-decoration:none; font-size:9px; margin: 0 0 0 4px; padding: 2px 4px 2px 2px ;}
#content #left ul li a.on { background-color: #e9e9e1; }

#spa-tab { background: url(../images/spa-overview-tab.gif) top left no-repeat; width: 583px; height: 24px; padding: 10px 0 0 30px}
#spa-tab img, #spa-tab ul, #spa-tab ul li, #spa-tab { display: inline; float: left; }
#spa-tab ul { margin: 0 0 0 70px; padding: 0; list-style: none; }
#spa-tab ul li { margin-right: 35px; }
#spa-tab ul li a { color: #666; text-decoration: none;}
#spa-tab ul li b a, #spa-tab ul li a:hover { text-decoration: underline; }
#spa-tab ul li b a { color: #c59812; font-weight: bold; }

.feature { padding-top: 12px; clear: left; margin-left: 40px; }

.featurebox { display: block; width: 179px; background: url(../images/features/featurebox-bg.jpg) top left no-repeat; margin-bottom: 15px; padding-top: 15px; font: 10px/13px Arial, Helvetica, sans-serif}
#content .featurebox h2, #content .featurebox p { margin: 0 18px 10px; }
.bdr { border-bottom: 1px solid #d7d7c8; width: 147px; padding-bottom:5px; }
.featurebox .thm { width: 67px; margin: 0 -2px 12px 16px;}

.specBox { display: block; width: 212px; height: 133px; padding: 14px 20px 0; background: url(../images/spec-box-bg.gif) top left no-repeat; margin: 16px 0 0 10px; font-size: 12px; line-height:16px;}
.specBox.quicklinks { width: 252px; padding: 14px 0 0; }
.specBox img { float: left; margin: 0 2px 11px 10px; }

.jets td { padding: 10px 14px 10px 21px; border-top: 1px solid #c1c1aa; }
#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: 615px; border-bottom: none; }

.btn, .btn2, .btn3 { width: 181px; font-weight: bold; display: inline; float: left; margin: 18px 0 0 20px}
.btn2, .btn3 { width: 132px; height: 106px; font-weight: normal; font-size: 10px; line-height: 13px; margin: 18px 2px -16px 18px}
.btn3 { margin: 0 9px 0 8px; width: 126px;}
.btn a, .btn2 a, .btn3 a { text-decoration: none; color: #333; }
.btn a { line-height: 12px; }
.btn a:hover, .btn2 a:hover, .btn3 a:hover { color: #c59811; }

ul.biglist { list-style: none; margin: 0; padding: 0; font-size: 11px; line-height:18px; width: 385px;}
ul.biglist li { padding-left: 20px; }
ul.biglist a:hover { text-decoration:underline; }
ul.biglist .hdr, ul.biglist .hdr a { color: #000; font-weight: bold; text-decoration:none;}
ul.biglist .hdr { width: 402px; height: 25px; display: block; background:url(../images/footer/bar.jpg) top left no-repeat; padding-top: 3px; margin: 6px 0 0;}
 
#compare-dropdown { width: 194px; height: 242px; position: absolute; top: 5px; left: 371px; background: url(../images/compare/dropdown-bg.gif) top left no-repeat; padding: 29px 0 0 20px; display: none; z-index: 30;}
#compare-dropdown select { font: 10px/100% Arial, Helvetica, sans-serif; width: 148px; margin-top: 6px; }
#compare-dropdown .sbmt { display: block; width: 111px; height: 11px; background: url(../images/compare/compare-selected-btn.gif) top left no-repeat; border:none; cursor: pointer; margin-top: 10px;}

#manuals { margin-left: 40px; }
#manuals a { font: 12px/21px Arial, Helvetica, sans-serif; text-decoration: none; color: #333; display: block; height: 40px; background: url(../images/request-brochure/pdf.gif) top left no-repeat; padding-left: 40px; margin-top: 10px;}
#manuals p.bottomBar { background: url(../images/request-brochure/line.gif) bottom left no-repeat; margin: 10px 0 0; padding-bottom: 10px;}
#manuals p.topBar { background: url(../images/request-brochure/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;}

#spaPopUp { position: absolute; top: 230px; margin-left: 2px; }
.accessoriesbox {display:block; float:left; width: 603px}

#jetsinfo { position: absolute; top: 210px; left: 0; z-index:15; width:347px; height: 232px; display: block; }
#jetsinfo h1 { font-size: 14px; line-height: 18px; margin: 0 0 6px 39px; display: block; }

#content #left.acc { width: 308px; }

#content #left.acc p { width: 303px; }
#content .accfix { float: left; margin: 16px 40px 16px 20px; width: 299px}
#content .accfix h1 { font-size: 15px; margin: 0 0 7px; color: #c59811; line-height: 18px; float: left; width: 299px; }
#content .accfix p { margin: 0; width: 299px; float: left; line-height:16px; }

.disc { margin: 23px 23px 0 13px; float: left; font-size: 10px; }

div.ee { display:block; width: 250px; margin: 15px 0 0 10px; padding-top: 13px; background: url(../images/ee.gif) no-repeat 0 0; }
div.ee table { font-size: 10px; line-height: 100%; border: #737475 solid; border-width: 1px 0 0 1px; }
div.ee th, div.ee td { border: #737475 solid; border-width: 0 1px 1px 0; padding: 4px}
div.ee th { color: #fff; background-color: #1491C9; text-transform:uppercase }

/* Added by SEO Inc. */
a.normalize:link, a.normalize:visited, a.normalize:hover, a.normalize:active { color: black; text-decoration: none; }
h1.b { font-weight: normal; display: inline; margin: 0; padding: 0; font-size: 11px; }
h1.px { font-size: 12px; }
p.inline{ display: inline; }
.noi { font-style: normal; }
ul.sitedirectory{ list-style-type: none; }