body { margin: 0; padding: 0; background: #fff url(../images/nav/top.gif) top left repeat-x; text-align: center; }
a { color: #c59811; }
a img { border: none; }.hr { display: block; width: 571px; height: 1px; font-size:0; line-height:0; border-top: 1px solid #d7d7c8; }#wrapper { display: block; width: 820px; margin: 0 auto; text-align: left; position: relative; height: inherit;}
#header { position: relative; z-index: 11; top: 0px; left: 0; height: 168px; margin: 0; padding:0; }
.logo { position: absolute; top: 70px; left: 22px; display: block; width: 200px; height: 50px;  }
#topNav { position: absolute; top: 5px; left:0px; padding: 0; width: 820px; font: 11px/18px Arial, Helvetica, sans-serif; }
#topNav li { list-style: none; float: left; margin-left: 15px; }
#topNav li a { color: #eae8e7; text-decoration: none; padding-bottom: 5px; display: block;  }
#topNav li a.on, #topNav li a:hover { background: url(../images/nav/arr.gif) bottom center no-repeat; color: #fff;}
#topNav li b, #topNav li b a { color: #fff; font-size: 12px; display: inline;  }
#topNav li b.b, #topNav li b.b a { color: #EED06A; font-size: 11px; display: inline; padding-bottom: 7px; }
#topNav li b a:hover { background: none; text-decoration: underline; }
#topNav li b.b a:hover { background: url(../images/nav/arr.gif) bottom center no-repeat; text-decoration: none;}
#topNav li a b { text-decoration: none; font-size: 11px;  }
#topNav li a b, #topNav li a.on b, #topNav li a:hover b { color: #eed06a; }
#secNav { position: absolute; top: 30px; left:9px; padding: 0; margin: 0; width: 820px; font: 10px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; z-index:100; }
#secNav li { list-style: none; float: left; background: url(../images/nav/line.jpg) top right no-repeat; position: relative; }
#secNav li a { color: #8e8782; text-decoration: none; text-transform: uppercase; padding: 4px 6px;  }
#secNav li a.off { cursor: default; }
#secNav li.last { background: none; }
#secNav li ul { display: none; position: absolute; top: 21px; left: 0; margin: 0; padding: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; background: url(../images/nav/secrep.gif) top left repeat-y; border-top: 1px solid #ccc; }
#secNav li.on ul { display: block; }
#secNav li ul li { background: none; display: block; position: relative; top: 9px; }
#secNav li ul li a { display: block; width: 180px; padding: 0 0 0 26px; background: url(../images/nav/li.gif) no-repeat; background-position: 11px center; color: #625C59 }
#secNav li ul li a:hover { text-decoration: underline; }
#secNav li ul li.last { padding-bottom: 9px; background: url(../images/nav/secend.gif) bottom left no-repeat; }
#secNav li.on .arr { display: block; width: 10px; height: 6px; background: url(../images/nav/sectop.gif) top left no-repeat; position: absolute; top: 16px; left: 45%; z-index: 150; }
#header h2 { position: absolute; margin: 0; padding: 0; width: 530px; font: 11px/16px Arial, Helvetica, sans-serif; color: #333; top: 70px; left: 250px; text-align: right; }
#header h2 a { color:#333333; text-decoration:none }
#header h2 a:hover { color:#333333; text-decoration:underline }
#mainNav { position: absolute; top: 137px; left: 3px; width: 760px; list-style: none; padding: 0;}
#mainNav li { float: left; padding: 7px 0 0;}
#mainNav li a { position: relative; border-right: 1px solid #d7d7c8; display: block; width: 153px; height: 14px; line-height: 14px; text-indent:-1000em; background-repeat: no-repeat; background-position: 19px 0; text-decoration: none; }#mainNav li a#navHTO { background-image: url(../images/nav/hot-tubs-overview.gif); width: 164px; }
#mainNav li a#nav400 {z-index: 20; background-image: url(../images/nav/j400-collection.gif); }
#mainNav li em a { background-position: 20px -14px; }
#j400 { z-index: 21; }
#mainNav li a#nav300 { z-index: 22; background-image: url(../images/nav/j300-collection.gif); }
#j300 { left: 364px; z-index: 23; }
#mainNav li a#nav200 { z-index: 24; background-image: url(../images/nav/j200-collection.gif); }
#j200 { left: 514px; z-index: 25; }
#mainNav li a#navAcc { border-right: none; width: 123px; z-index:26;  background-image: url(../images/nav/accessories.gif); background-position:0 0; height: 43px; padding: 0; margin-top: -14px;}
#mainNav li em a#navAcc { background-position: 0 -43px; }#search { line-height: 0; position: relative; display: block; width: 139px; height: 20px; }#search #box { width: 96px; height: 11px; background: none; border: 1px solid #a0a0a0; font: 11px/100% Arial, Helvetica, sans-serif; padding: 2px 9px 5px; position: absolute; top: 0; left: 0;}
#search .img { position: absolute; top: 0; right: 0; }#content { display: block; margin: 0; z-index: 10; padding: 40px 0 0; position: relative;}
.home { margin: 17px 0; padding: 12px 0 0; list-style: none; width: 800px; height: 33px; display: block; background: url(../images/home/linkbg.gif) top left no-repeat; position: relative; }
.home li { float: left; padding: 2px 30px 0; border-right: 1px solid #c1c1aa; }
.home li.end { border-right: none; position: absolute; bottom: 12px; right: -10px;}
.home #search { padding-top: 0; }
.home #search #box { background-color: #fff; }
.home #search .img { display: inline; }#homeleft, #homeright { font: 11px/18px Arial, Helvetica, sans-serif; color: #333; width: 381px; float: left; padding: 0 0 41px 21px; overflow: visible; }
#homeright { width: 347px; display: inline; margin-left: 20px;  }
#homeleft ul, #homeright ul { margin: 0; padding: 0; list-style: none; }
#homeleft ul li, #homeright ul li { padding-left: 6px; background: url(../images/home/dot.gif) no-repeat; background-position: 0 8px; }
#homeleft ul a { color: #333; }
#homeleft .thickbox { position: absolute; top: 591px; left: 7px; }#footer { width: 800px; border-top: 1px solid #d7d7c8; margin: 13px 0 0; padding-bottom: 41px; clear: both} /* no clear: both -> no line */
#footer p { margin: 18px 0 0 18px; font: 11px/17px Arial, Helvetica, sans-serif; }
#footer p, #footer p a { color: #999; background-color: inherit; text-decoration: none; }
#footer p a:hover { text-decoration: underline; }
#footer p a.logo { position: static; display: block; width: 150px; height: 40px; text-indent: -1000em; background: url(../images/footer/small-logo.jpg) top left no-repeat; float: left; margin: 0 30px 0 20px; }
#footer p img.logo { position: static; float: left; margin: 0 30px 0 20px; width: auto; height: auto }h1.homeh1 {margin:0; display:inline; font-size:11px; }
h1.txth1 {margin:0; display:inline; font-size:12px; }
h1.txth2 {margin:0; display:inline; font-size:11px; }
.nob{font-weight:normal;}
.pil {display:inline;}
.disp{width:245px;}
.disp2{margin-left:40px;}
.disp3{margin-left:20px; font-size:16px; line-height:20px; }
.disp4{width:357px;}
.disp5{width:350px;}
.disp6{width:610px;}
.disp7{position:absolute; right:9px; top:212px;}
.disp8{width:299px;}
.disp9{position:absolute; right:40px; top:136px;}
.disp10{margin: 16px 40px 0 20px; width: 299px; float: left; line-height:16px;}
.disp11{position:absolute; left:395px; top:176px;}
.disp12{list-style-position:inside}
.disp13{margin: 16px 40px 16px 20px; width: 299px; float: left; line-height:16px;}
.disp14{width:306px;}
.disp15{position:absolute; top:530px;}
#hometext { width: 800px; font: 11px/18px Arial, Helvetica, sans-serif; padding-bottom: 30px; display: inline; float: left; }
*:focus {
outline: none;
}
*::-moz-focus-inner {
border: none;
}