/* Standard HTML elements */
* { font-size: 100.01%; }
html, body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, blockquote, form, fieldset, legend, table, td, th
{ margin: 0; padding: 0; }
html, body { height: 100%; }
body {
background: #fff;
color: #444444;
font: .88em/1.4 Arial, sans-serif;
}
a { color: #000; }
a:visited { color: #ff0000; }
a:hover,
a:focus { color: #ccc; }
img { border: 0; }
hr { border: 0 hidden; border-top: 1px solid #d6d6d6; clear: both; height: 0; }
li { list-style: none }
/* Standard presets */
.clear { clear: both; font-size: 0; height: 1px; overflow: hidden; }
.hidden,
.js .jhidden { display: none; }
.floatleft { float: left; }
.floatright { float: right; }
.confirmed { color: #ED1C24 }
/* Layout */
#layout { background: url(../img/css/bg.jpg) no-repeat 50% -20px; min-height: 100%; min-width: 960px; overflow: hidden; position: relative; }
#header,
#content
{ width: 960px; margin: 0 auto;}
#content { margin-top: 15px; padding-bottom: 50px; }
/* Header */
#header { position: relative; height: 230px; z-index: 2 }
#logo { position: absolute; left: -5px; top: 15px; width: 178px; height: 77px; }
#logo img { }
.bgnav { background: url(../img/css/nav.png) no-repeat; height: 68px; position: absolute; top: 160px; left: -40px; width: 980px; z-index: 1 }
#nav { padding-top: 185px; position: absolute; z-index: 2 }
#nav li { float: left; margin: 0 20px 0 10px; position: relative; }
#nav a { color: #0071bb; font-weight: bold; }
#nav a:hover { text-decoration: none }
#nav li.subnav ul { display: none; padding: 5px 0; margin: 0; z-index: 3; position: absolute; left: 0; top: 20px; width: 170px }
#nav li.subnav li { float: left; display: block; margin: 0; width: 170px }
#nav li.subnav li a { display: block; float: left; width: 100%; font-size: 0.86em; padding: 2px 0;}
.subnavbg { display: none; background: url(../img/css/subnav.png) no-repeat; width: 191px; height: 188px; left: -15px; top: 16px; position: absolute }
#home .nav-home a,
#contact .nav-contact a,
#about .nav-about a,
#special-offers .nav-special a,
#service .nav-service a
{ text-decoration: none; color: #0885d6; cursor: default }
.signup { width: 295px; z-index: 2; margin-top:10px }
.signup form { position: relative; padding: 15px 10px; color: #838383; z-index: 11; font-size: 0.86em }
.signup table { width: 100% }
.signup td { vertical-align: top }
.signup fieldset { border: none; padding: 0; margin: 0 }
.signup label { display: block; width: 68px; float: left }
.signup input { position: relative; z-index: 10; float: left }
.signup input.inputtxt { background: url(../img/css/submit-email-bg2.png) no-repeat 0 50%; border: none; padding: 4px 10px; margin-bottom: 10px; float: none; width: 175px; }
.signup input#s-email { background: url(../img/css/submit-email-bg2.png) no-repeat 0 50%; width: 175px }
.signup p { margin-bottom: 10px; color:#0067b5; font-weight: bold; }
.signup ins { position: absolute; left: 0; top: -5px; width: 411px; height: 143px; background: url(../img/css/submit-bg.png) no-repeat; z-index: 1 }
.signup .submit { background: url(../img/css/submit.png) no-repeat; width: 68px; height: 24px; padding: 0; margin: 0 2px 0 8px; border: none; cursor: pointer }
.signup label.error { clear: left; display: block; width: 100%; padding: 0 0 3px 80px; font-size: 0.73em; color: #0071bb; line-height: 1.2 }
.signup input.error { margin: 0 }
.signup .in { }
.signup .t div.dv { float: left; }
.signup .t label { display: inline-block; padding-top: 4px; margin-right: 10px }
.sb-area { position: relative; }
.sb-area .submit { position: absolute; top: 0; z-index: 1000 }
.address { position: relative; float: right; margin: 0; width: 316px; height: 80px; padding-top: 90px }
.address p { position: relative; z-index: 10; line-height: 1.2; font-size: 1em; font-family: Tahoma, sans-serif; padding: 6px 0 0 20px; color: #0064a4 }
.address a { color: #ed1d24 }
.address a:hover { text-decoration: none }
.address ins { display: none; background: url(../img/css/address.png) no-repeat; z-index: 9; position: absolute; left: 0; top: 15px; width: 253px; height: 80px; }
.sublogo { background: url(../img/css/sublogo.png) no-repeat 0 1px; text-indent: -5000px; font-size: 1.12em; margin-top:-73px; z-index: 10 }
/* Main content */
#main-content { float: left; width: 650px; padding-top: 95px; position: relative; z-index: 1 }
#main-content h2 { font-size: 1.46em; color: #0071bb }
.tit-motto { background: url(../img/css/title_bringing_families_together.png) no-repeat; height: 53px; text-indent: -5000px; margin-bottom: 14px }
#contact .tit-motto { background: url(../img/css/title_contact.png) no-repeat; height: 35px; }
#about .tit-motto { background: url(../img/css/title_about_us.png) no-repeat; height: 36px; }
#special-offers .tit-motto { background: url(../img/css/title_special_offers.png) no-repeat; height: 44px; }
#service .tit-motto { background: url(../img/css/title_service.png) no-repeat; height: 36px; }
#privacy .tit-motto { background: url(../img/css/title_privacy.png) no-repeat; height: 44px; }
#prod-spas .tit-motto { background: url(../img/css/title_prod-spas.png) no-repeat; height: 43px; }
#above-ground .tit-motto { background: url(../img/css/title_above_ground_pools.png) no-repeat; height: 36px; }
#inground .tit-motto { background: url(../img/css/title_inground.png) no-repeat; height: 44px; }
#patio .tit-motto { background: url(../img/css/title_patio.png) no-repeat; height: 36px; }
#billiards .tit-motto { background: url(../img/css/title_billiards.png) no-repeat; height: 41px; }
#bar .tit-motto { background: url(../img/css/title_bars.png) no-repeat; height: 41px; }
#tanning .tit-motto { background: url(../img/css/title_tanning.png) no-repeat; height: 44px; }
#saunas .tit-motto { background: url(../img/css/title_infrared.png) no-repeat; height: 36px; }
.sub-tit { font-size: 1em; line-height: 1.4; padding-right: 25px }
.infotext { padding-right: 40px; }
.infotext p { padding-bottom: 1.4em; line-height: 1.8em }
/* Items */
.items { margin-top: 20px; margin-bottom: 20px }
.items ul { }
.items li { float: left; margin-left: -12px; margin-bottom: 15px }
.items a { text-indent: -5000px; position: relative; width: 161px; display: block; padding-top: 166px; text-align: center; margin-right: 12px; overflow: hidden }
.items span { background: url(../img/css/categories.png) no-repeat; display: block; height: 20px; overflow: hidden; cursor: pointer; }
.items ins { position: absolute; width: 161px; height: 161px; top: 0; left: 0; cursor: pointer }
.i-spas ins { background: url(../img/css/i-spas.png) no-repeat; }
.i-spas span { background-position: 50% 0 }
.i-above-ground ins { background: url(../img/css/i-above-ground.png) no-repeat; }
.i-above-ground span { background-position: 50% -20px; }
.i-inground ins { background: url(../img/css/i-inground.png) no-repeat; }
.i-inground span { background-position: 50% -40px; }
.i-patio ins { background: url(../img/css/i-patio.png) no-repeat; }
.i-patio span { background-position: 50% -60px; }
.i-billiards ins { background: url(../img/css/i-billiards.png) no-repeat; }
.i-billiards span { background-position: 50% -80px; }
.i-bar ins { background: url(../img/css/i-bar.png) no-repeat; }
.i-bar span { background-position: 50% -100px; }
.i-saunas ins { background: url(../img/css/i-saunas.png) no-repeat; }
.i-saunas span { background-position: 50% -120px; }
.i-infrared ins { background: url(../img/css/i-infrared.png) no-repeat; }
.i-infrared span { background-position: 50% -140px; }
.items a b { display: block; height: 161px; width: 161px; background: url(../img/css/item-over.png) no-repeat; position: absolute; left: 0; top: 200px; cursor: pointer }
/* Contact */
.contactform { margin-top: 35px }
.contactform label { float: left; font-size: 0.86em; width: 95px; margin-top: 12px; font-weight: bold; color: #525252 }
.contactform input,
.contactform textarea { font-family: Arial, Helvetica, sans-serif; font-size: 0.86em; margin: 9px 0 0 12px; padding: 5px 0; border: none; background: none; position: relative }
.contactform input { width: 274px; }
.contactform textarea { width: 274px; height: 126px; overflow: auto }
.textfield,
.textareafield { width: 301px; display: block; float: left; position: relative }
.textfield { background: url(../img/css/input.png) no-repeat; height: 47px; }
.textareafield { background: url(../img/css/textarea.png) no-repeat; height: 157px; }
.formoptions { margin-left: 100px; width: 290px; padding-top: 7px }
.formoptions span { float: left; font-size: 0.86em; color: #7b7e7e }
.formoptions input { float: right; border: none; background: none; width: auto; padding: 0; margin: 2px 0 0 10px; cursor: pointer }
.contactform label.error { width: auto; float: none; padding: 0; margin: 0; width: 180px; font-size: 0.79em; font-weight: normal; position: absolute; right: -183px; top: 14px; color: #0071bb }
.contactform .submit,
.contactform .reset { height: 13px; padding: 0; margin: 4px 0 0 0 }
.contactform .submit { background: url(../img/css/btn-send.png) no-repeat; width: 36px; margin-left: 12px }
.contactform .reset { background: url(../img/css/btn-reset.png) no-repeat; width: 40px; }
/* Reader's Choice */
.readers { position: absolute; right: -40px; top: -30px; z-index: 20 }
.readers ins { position: absolute; left: 0; top: 0; width: 104px; height: 101px; display: block; background: url(../img/css/readerschoice.png) no-repeat; z-index: 19 }
.readers a { width: 104px; height: 101px; display: block; position: relative; z-index: 20; }
.readers .info { position: absolute; left: 0; top: 0; width: 220px; font-size: 0.86em; margin: 40px 0 0 -210px; background: #93cbf5; color: #9c1a4b; font-weight: bold; line-height: 1.2 }
/* Special Offers */
.offers { padding-top: 30px }
.offers li { display: block; padding-right: 60px; padding-left: 30px; background: url(../img/css/icn-gift.png) no-repeat 26px 0; }
/*.offers li { float: left; width: 255px; padding-right: 60px; margin-bottom: 50px; min-height: 150px; display: inline-block; vertical-align: top }*/
/*.offers li:nth-child(odd) { background: url(../img/css/dotted.png) no-repeat 285px 50% }*/
.offers p { font-size: 0.86em }
.offers h3 { font-size: 1.52em; color: #0071bb; margin-bottom: 0.3em; display: block; padding-left: 38px; padding-top: 3px; }
/*.offers h3 a { display: block; padding-left: 38px; padding-top: 3px; }*/
.offers h3 a,
.offers h3 a:hover { color: #0071bb; }
.offers h3 a { text-decoration: none }
.offers h3 a:hover { text-decoration: underline }
.offers .download { display: block; text-align: right; margin: 5px 0 15px 0; padding-bottom: 10px; background: url(../img/css/dotted.png) repeat-x 0 100%; }
.offers .download a { outline: none; display: inline-block; /*background: url(../img/css/download.png) no-repeat 0 -42px; width: 103px;*/ padding: 6px 0; font-size: 1em; color: #525252; font-weight: bold; }
.offers .download a:visited,
.offers .download a:hover { color: #ed1d24 }
.offers .download a:focus { background-position: 0 0; color: #525252 }
/* Products */
.prod-dealers li { font-size: 1.33em!important }
/* Spas */
#prod-spas .ft-image ins { background: url(../img/css/i-spas-big.png) no-repeat; }
/* Above Ground Pools */
#above-ground .ft-image ins { background: url(../img/css/i-above-ground-big.png) no-repeat; }
/* In-Ground Pools */
#inground .ft-image ins { background: url(../img/css/i-inground-big.png) no-repeat; }
.logolist { margin-bottom: 10px }
.shapes { background: url(../img/css/inground-shapes.png) no-repeat; height: 668px; display: block }
.shapes div { position: relative; height: 105px; margin-bottom: 30px }
.shapes div.clear { height: auto; margin: 0 }
.shapes p { font-size: 0.65em; line-height: 1.2; padding-top: 30px; float: left; width: 115px }
.shapes p span { display: inline-block; margin-left: 62px }
.shapes nobr { display: block }
.shapes .s2 span,
.shapes .s7 span,
.shapes .s17 span,
.shapes .s22 span
{ margin-left: 75px }
.shapes .s12 span
{ margin-left: 82px }
.shapes .s3 span,
.shapes .s8 span,
.shapes .s13 span
{ margin-left: 85px }
.shapes .s4,
.shapes .s5,
.shapes .s9,
.shapes .s10,
.shapes .s14,
.shapes .s15,
.shapes .s20,
.shapes .s22,
.shapes .s23,
.shapes .s25
{ padding-top: 52px }
.shapes .s21,
.shapes .s24
{ padding-top: 72px }
.shapes .s4 span,
.shapes .s18 span
{ margin-left: 88px }
.shapes .s5 span,
.shapes .s9 span,
.shapes .s23 span,
.shapes .s24 span
{ margin-left: 100px }
.shapes .s14 span,
.shapes .s15 span,
.shapes .s19 span,
.shapes .s20 span
{ margin-left: 110px }
.shapes .s25 span
{ margin-left: 115px }
.shapes .s16 span
{ margin-left: 70px }
.shapes .s10 span
{ margin-left: 110px }
/* Patio */
#patio .ft-image ins { background: url(../img/css/i-patio-big.png) no-repeat; }
.twocllist { margin-bottom: 20px }
.twocllist ul { float: left; margin-left: 30px; width: 230px; }
.twocllist table th { background: #a0d0fa; color: #0071bb }
.twocllist ul li,
.twocllist table td { border-bottom: 1px solid #a0d0fa; padding: 4px 0; color: #0071bb }
.twocllist table .midd { width: 20px; border: 0; background:none }
.twocllist ul li.last { border: none }
{ }
/* Patio */
#billiards .ft-image ins { background: url(../img/css/i-billiards-big.png) no-repeat; }
/* Bar */
#bar .ft-image ins { background: url(../img/css/spot-contact.png) no-repeat; }
/* Tanning */
#tanning .ft-image ins { background: url(../img/css/i-saunas-big.png) no-repeat; }
/* Saunas */
#saunas .ft-image ins { background: url(../img/css/i-infrared-big.png) no-repeat; }
.lst { margin: 0 0 20px 30px; }
.lst li { border-bottom: 1px solid #a0d0fa; color: #0071bb; padding: 3px 0 }
.lst li li { border: none; padding: 2px 0 }
.lst ul { margin: 0 0 0 30px }
.important { background: #d9ecfd; padding: 15px; margin-bottom: 20px; line-height: 1.4!important; color: #0071bb }
.big { font-size: 1.3em }
.small { color: #0071bb; font-size: 0.86em }
/* Services */
#service .withcontacts .ft-image ins { background: url(../img/css/i-services.png) no-repeat; }
/* Sidebar */
#sidebar { margin-left: 650px; width: 290px; margin-top: -95px; position: relative; z-index: 3 }
.cn-b { height: 23px; width: 290px; background: url(../img/css/s-bottom.png) no-repeat; font-size: 0; line-height: 1px; }
.ft-badge { background: url(../img/css/bagde-featured.png); width: 97px; height: 96px; position: absolute; right: -3px; top: -3px; z-index: 3 }
.featured { position: relative; z-index: 1; padding: 25px 25px 0 25px; color: #084da7; background: url(../img/css/s-top.png) no-repeat; }
.featured h2 { font-size: 1.57em; line-height: 1 }
#special-offers .featured h2,
#home .featured h2 { font-size: 1.57em; margin-bottom: 14px; padding-top: 10px }
.featured .tit-desc { font-size: 0.86em }
.featured h3 { font-size: 1.29em; color: #fff; margin: 0.5em 0 0.3em; font-weight: normal; }
.featured ul { margin: 0 0 0 14px; }
.featured li { font-size: 0.86em; list-style: circle; }
.featured a { color: #084da7; }
.featured a:hover { color: #084da7; text-decoration: none }
.si { margin-bottom: 12px }
.ft-image { position: relative; height: 392px; z-index: 3 }
.ft-image ins { position: absolute; margin-left: -53px; background: url(../img/css/spot-featured.png) no-repeat; width: 392px; height: 392px; z-index: 3 }
#special-offers .ft-image ins,
#home .ft-image ins { background: url(../img/css/spot-gift.png) no-repeat; }
.price { font-size: 2.14em; font-weight: bold; position: relative; z-index: 3 }
.price sup { font-size: 0.60em }
.sub-price { position: absolute; bottom: -23px; left: 0; width: 172px; height: 132px; background: url(../img/css/price-bg.png) no-repeat; z-index: 2 }
.social { color: #0071bb; font-size: 0.86em; margin: 12px 0 0 15px; }
.social-list { padding-top: 7px; margin-left: 15px }
.social-list li { float: left; width: 32px; height: 32px; text-indent: -5000px; margin-right: 10px; }
.social-list a { height: 32px; display: block }
.facebook { background: url(../img/css/facebook.png); }
.rss { background: url(../img/css/rss.png); }
.twitter { background: url(../img/css/twitter.png); }
.youtube { background: url(../img/css/youtube.png); }
.info p { font-size: 0.86em; padding-bottom: 10px }
.info span { font-weight: bold; }
.withcontacts .ft-image { height: 318px }
.withcontacts .ft-image ins { background: url(../img/css/i-contact.png) no-repeat; width: 365px; height: 360px; margin-top: -45px }
#contact .withcontacts .ft-image ins { background: url(../img/css/spot-firm.png) no-repeat; }
/* Footer */
#footer { background: url(../img/css/bg-footer.jpg) no-repeat 50% 0; padding: 60px 0 160px 0; position: relative }
#footer ul { width: 960px; margin: 0 auto; }
#footer li { display: inline; font-size: 0.86em }
#footer ul.i-nav li { font-size: 0.79em }
#footer a { color: #525252 }
#footer a:hover { text-decoration: none }
#footer li ins { margin: 0 2px 0 5px; text-decoration: none }
.hours { font-size: 0.86em; line-height:1.2em; width: 960px; margin: 0 auto; position: relative; color:#0067CF;}
.hours div { position:absolute; left:0; top:-90px; }
.hours p { float: left }
.hours span { float: left; margin-right:10px }
/* Tooltip */
#tooltip { position: absolute; line-height: 1.4; font-size: 0.79em; background: #0071bb; color: #fff; padding: 2px 5px; z-index: 10; width: 60px; text-align: center }
#tooltip { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px }
#contact_response {margin: 10px 0 0 110px;}
.createdby { width: 960px; margin: 0 auto; }
.createdby table { float: right; position: relative; top: -20px }
.createdby td { font-size: 11px; line-height: 1.2; vertical-align: middle }
.createdby td a { margin: 0!important }
.createdby td a:hover { text-decoration: none!important }