/* CSS for snorkel.com - by DianeV Web Design Studio - http://dianev.com */ body {color:#000; margin:16px 0; padding:0; border:none; font-size:82.5%; font-family:arial,Helvetica,sans-serif; text-align:center; background:#95A679} #pagewrap .tempsalebanner {width:900px; margin:0 auto 10px auto} .tempsalebanner img {width:900px; /*border-bottom:#ddd 1px solid*/} #pagewrap .tempsalebanner img, #pagewrap .tempsalebanner a img, #pagewrap .tempsalebanner a img:link, #pagewrap .tempsalebanner a img:visited, #pagewrap .tempsalebanner a img:hover {text-decoration:none; border:0; outline:none} #ultimatewrap {width:980px; margin:auto} /* TOP SECTION */ #bktop {width:930px; margin:auto} #bktop ul {float:right; text-align:right; width:350px; margin:0; padding:0; list-style:none; font-size:13px} #bktop li {display:inline} #bktop li a {color:#fff; font-weight:bold; line-height:30px; margin-right:-4px; padding:6px 10px; text-decoration:none; border-left:1px solid #77885A} #bktop li a:hover {color:#fff; background:#647d3c} #bktop a#topnavlt {border-left:none} #headertop {clear:both; width:980px} #headertop img {width:980px; height:0} /* HEADER - bottom margin set at #pagebtm #thec */ #pagewrap {clear:both; width:980px; margin:0 auto; padding-bottom:1.5em; background:url(images/l2/bkpage.jpg) repeat-y} #headercont {width:940px; height:86px; margin:auto} #headercont a img {border:none; text-decoration:none} #thelogo {float:left; width:220px; padding:10px 16px 0 12px} #thelogo img {width:220px; height:75px} #headerambience {float:left; width:300px; height:85px; margin-top:2px} #headerambience img {width:300px; height:85px; border:none} #headerrt {float:right; width:378px; height:86px; margin-top:1px} #headerrt #headerhottubimg {float:right; width:378px; height:86px} #headerrt img {border:none} /* need this for image map in IE */ #headerambience object {border:none; outline:none} #FlashID {border:none; outline:none} object:focus {-moz-outline-style: none} #picstrip {clear:both; width:940px; height:138px; margin:auto} #picstrip img {width:940px; height:138px} /* SITE-WIDE STORE NAV */ /* DROPDOWN MENU */ #hnav {clear:both; width:940px; height:16px; font-weight:bold; margin:auto; padding:0; background:url(images/l2/nav.jpg) repeat-x} #nav, #nav ul {width:940px; padding:0; margin:0; font-size:12px; list-style:none; line-height:1} /*leave line-height:1*/ #nav li {float:left; padding:0; margin:0; letter-spacing:1px} /* width needed on list items or Opera goes nuts */ #nav li a {color:#636c57; text-align:left; display:block; padding:2px 16px; text-decoration:none; border-left:1px solid #ddd} #nav li a:hover {color:#efefef; background-color:#636c57} #nav #navleft a {border-left:none} /* SUBNAV - using :left because display:none not read by screen readers */ #nav li ul {position:absolute; left:-999em; display:block; font-weight:normal; padding:0; margin:0; background:#C1D0B0} #nav li ul li {width:100%; letter-spacing:normal; border-bottom:1px solid #A5B395} /* use same padding as #nav a /dv */ #nav li li a {color:#2F3429; display:block; padding:3px 15px; text-decoration:none} #nav li ul li.navsubtitle {font-weight:bold; background:#D5DFCC} /* dropdown second level widths */ #nav li ul#navinfo {width:230px} #nav li ul#navhottubs {width:230px} #nav li ul#navfaq {width:200px} #nav li ul#navforums {width:170px} #nav li ul#navbuy {width:170px} #nav li:hover ul, #nav li.sfhover ul {left:auto} /* lists nested under hovered list items */ #hnavshadow {clear:both; width:940px; margin:auto; height:13px; background:url(images/l2/navshadow.jpg) repeat-x} /* TEXT CONTENT AREA */ #contentcont {clear:both; margin:auto; text-align:left; padding:0 30px} #contentcont p {line-height:1.3em} #contentcont .pricingtablesblock20 {padding:0 20px} #contentcont .content40, #contentcont .pricingtablesblock40 {padding:0 40px} #contentcont .content55 {padding:0 55px} #contentcont .content90 {padding:0 90px} #contentcont .content100 {padding:0 100px} #pagebtm {width:980px; height:21px; margin:0 auto; background:url(images/l2/bkbtm.jpg) no-repeat} #btmsocnetcont {width:930px; margin:10px auto 0 auto; padding:10px 5px; background:#d1d8c3} #btmsocnet {width:580px; margin:auto} #btmsocnetfbwidget {float:left; width:380px} #btmsocnetfb, #btmsocnetpinterest {float:left; width:40px} #btmsocnethouzz {float:left; width:100px} #btmsocnetfb img, #btmsocnetpinterest img {width:30px; height:30px} #btmsocnethouzz img {width:90px; height:30px} #btmsocnetcont a, #btmsocnetcont a img {border:none} #btmsocnetcont a img:hover {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} #thec {clear:both; width:650px; margin:auto; padding:14px 0 15px 0; color:#E3E6DE; font-size:11px; letter-spacing:1px; line-height:1.2em; font-family:Verdana,Arial,Helvetica,sans-serif} #thec a {color:#E3E6DE; text-decoration:none} #thec a:hover {color:#fff; text-decoration:none} /* END MAIN TEMPLATE STYLES */ p.breadcrumbs, div.breadcrumbs {margin:0 auto; color:#666; font-size:11px} p.breadcrumbs a:link, p.breadcrumbs a:visited, div.breadcrumbs a:link, div.breadcrumbs a:visited {color:#D15016; text-decoration:none; border-bottom:1px dotted #D05A10} p.breadcrumbs a:hover {color:#6491CE; text-decoration:none; border-bottom:none} .snorkelbtn {margin:1em auto; text-align:center} /* */ #contentcont td form {line-height:1em} #thecontent #content55 td.tdpad0 {padding:0} h1,h2,h3,h4,.h1,.h2,.h3,h4,.h4 {color:#000; font-weight:normal; line-height:1em; font-family:"Times New Roman",Times,serif} h1,.h1 {font-size:25px} h2,.h2 {font-size:22px} h3,.h3 {font-size:19px} h4,.h4 {font-size:16px; font-weight:bold} .b {font-weight:bold} .i {font-style:italic} .bi {font-weight:bold; font-style:italic} .s, td.s {text-decoration:line-through} .s-ctr, td.s-ctr {text-align:center; text-decoration:line-through} .ctrb-red {text-align:center; color:#c00; font-weight:bold} .s {text-decoration:line-through} .bred {font-weight:bold; color:#c00} p,h1,h2,h3,ul,ol {margin-top:0} ul {list-style:square} .orangebright {color:#D55A0D} .orangenumbering {color:#D55A0D; text-transform:uppercase} .redhighlight, .formhighlight {color:#CC0000} .bluehighlight {color:#225EDB} .tempsalered {color:#EF0E3D} .green {color:#197A02} .cobalt {color:#3148EE} .white {color:#fff} .orangebk {color:#fff; padding:0 4px; font-weight:bold; background-color:#D96418} .mt0 {margin-top:0} .mb0 {margin-bottom:0} .mb1 {margin-bottom:1em} .mt1 {margin-top:1em} .tinytext, .tinyform {color:#666; font-size:11px} #contentcont table#indextables {margin:auto} #contentcont table#indextables td {padding:0; vertical-align:middle} #contentcont table#indextables td ul {margin:0 10px; padding:0 10px} #contentcont table#indextables td ul li {line-height:1.1em; margin-bottom:0} #contentcont table#indextables td ul.ul15 li {margin-bottom:15px} td.sitemap ul li, .sitemap ol li {margin-bottom:0} td.sitemap h2 {font-size:18px; margin-bottom:0} td.sitemap a {color:#000; text-decoration:underline} td.sitemap a:hover {color:#D05A10; text-decoration:none} /* ul & ol*/ ul li, ol li {margin-bottom:.75em} ul.ul1 li, ol.ol1 li {margin-bottom:0} #contentcont ul.ul5 li, ol.ol5 li {margin-bottom:15px} ul.ulnormal li {margin-bottom:auto} ul.ulwhitelinks li, ul.ulwhitelinks li li {margin-bottom:2px} ul.ulwhitelinks a {color:#fff; text-decoration:underline} ul.ulwhitelinks a:hover {color:#FFD431; text-decoration:none} ul.ulofferlinks {margin-left:15px; padding-left:15px} ul.ulofferlinks li, ul.ulofferlinks li li {margin-bottom:2px} ul.ulofferlinks a {color:#FFD431; text-decoration:underline} ul.ulofferlinks a:hover {color:#FFD431; text-decoration:none} /* TEMP SALE TABLES */ .offertablewhitelinks {font-size:18px; font-weight:normal; font-family:"Times New Roman", Times, serif} .offertablewhitelinks a, .offertablewhitelinks a:link, .offertablewhitelinks a:visited {color:#fff; text-decoration:underline} .offertablewhitelinks a:hover {color:#fff; text-decoration:none} .promisebanner {padding:10px 20px 20px 20px; line-height:1.4em; background:#fff7af} .promisebanner img {float:right; height:80px; width:80px} .promisebanner h2 {font-size:22px; margin-bottom:10px} .promisebanner p {font-size:14px; margin-bottom:0} /* tempsalebanner table */ table.tabletempsalebanner {width:900px; margin:0 auto 10px auto; font-weight:bold} table.tabletempsalebanner td {padding:6px 0; /*vertical-align:top*/} table.tabletempsalebanner a {color:#000; text-decoration:underline} table.tabletempsalebanner a:hover {color:#1D50AC; text-decoration:none} table.tabletempsalebanner a img {text-decoration:none; border:none} table.tabletempsalebanner p.tempsalebtn {margin:2px auto} table.tabletempsalebanner p.tempsalebtn a {color:#fff; padding: 1px 8px; background:#a9270e; text-decoration:none; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px} table.tabletempsalebanner p.tempsalebtn a:hover {color:#fff; background:#6491CE; text-decoration:none} /* FAQ */ .qa {font-size:29px; color:#7F9849; font-family:"Times New Roman", Times, serif} .thefaq b {font-size:15px} /* cover colors */ .coverscont {width:680px; text-align:center} #slidecovers {float:right; width:280px; text-align:center} #slidecovers div {float:left; width:80px; color:#333; font-size:11px; padding:2px 4px} #slidecovers img {width:80px; height:80px} #slidecovers a img {border:1px solid #ccc} #slidecovers a:hover img {border:1px solid #A02603} /* table stuff */ table.ltgreenbox {margin-top:1em; border:1px solid #cfd4c3} table.ltgreenbox th {background:#cfd4c3} #pagewrap #contentcont table.ltgreenbox td {padding:2px; border-bottom:1px solid #cfd4c3} #pagewrap #contentcont #theformtable td {padding:2px} #pagewrap #contentcont table.tablepad0 td {padding:0} #pagewrap #contentcont table.saletable {margin-top:14px; border:1px solid #ccc} #pagewrap #contentcont table.saletable th {padding:0 4px; } #pagewrap #contentcont table.saletable td {padding:1px 4px} #pagewrap #contentcont table.saletable tr.saletabletdbk {background:#efefef} #pagewrap #contentcont table.saletable2 {border:none; margin-bottom:14px} #pagewrap #contentcont table.saletable2 th {color:#c00; border-bottom:1px solid #95A679} #pagewrap #contentcont table.saletable2 td {border-bottom:1px solid #ccc} .saletable2 th.tdleftline, .saletable2 td.tdleftline {border-left:2px solid #95A679} #pagewrap #contentcont table.saletable2 th h2, #pagewrap #contentcont table.saletable2 td h2 {margin:0} #pagewrap #contentcont table.saletable2 th.thsubhead {color:#fff; font-size:15px; padding-top:2px; padding-bottom:2px; background:#95a679} #pagewrap #contentcont table.saletable2 th.tdsubhead2 {background:#95A679} #pagewrap #contentcont table.saletable2 th.tdsubhead2 h2 {color:#fff} #pagewrap #contentcont table.saletablethred th {color:#fff; background:#c00} #pagewrap #contentcont table.saletablethred th h1 {color:#fff; margin:0; font-size:23px} #pagewrap #contentcont table.saletablethred th.thsubhead {color:#fff; text-align:left; background:#95a679} #pagewrap #contentcont table.saletablethred td.b {color:#c00; font-weight:bold} #pagewrap #contentcont table.saletablethred th h1 span.h3 {color:#fff} #pagewrap #contentcont td.tdbkyellow, #pagewrap #contentcont th.tdbkyellow {background:#fff9c8} #pagewrap #contentcont #gallerytable {margin-top:2em} #pagewrap #contentcont #gallerytable td {text-align:center; vertical-align:middle; padding:5px 10px; background:#CBCFC6} #pagewrap #contentcont #gallerytable a img {border:1px solid #76885A; text-decoration:none} #pagewrap #contentcont #gallerytable a:hover img {border:1px solid #fff; text-decoration:none} .tablecentertd td {text-align:center} td.boxgreytd {background:#C7C7C1; text-align:center; border-bottom:8px solid #fff} .dv {color:#f06; font-size:14px; font-style:italic} .pricingsectiontitle {clear:both; margin-top:1em; color:#fff; padding:4px 8px; background:#95A679} .greenbanner {background:#839E58; padding:5px; font-size:15px; font-family:'Times New Roman',Times,serif} .greenbanner a {color:#000; text-decoration:underline} .greenbanner a:hover {color:#97AE71; text-decoration:none} /* delivery page tables */ #pagewrap table.tabledelivery {width:720px; margin-bottom:20px} #pagewrap table.tabledelivery td {width:238px; vertical-align:top} table.tabledelivery p {margin:0} table.tabledelivery img {width:238px; height:179px} table.tabledelivery td div {height:86px; margin-top:6px; padding:8px 10px; border:1px solid #000} table.tabledelivery td a {border:0; color:#000; text-decoration:none} table.tabledelivery td a img {border:0} table.tabledelivery td a:hover {border:0; color:#1D50AC} /*table.tabledelivery td a:hover div {border:1px solid #1D50AC}*/ /* Videos */ div.ytvideoscont {margin-bottom:10px; padding:8px 0 4px 30px; font-size:90%; text-align:center; background:#042222} #pagewrap div.ytvideoscont div.ytvideoscontinteriorcont {width:100%; height:auto; margin-bottom:10px} div.ytvideoscont div {float:left; width:120px; height:106px; margin:0 16px 10px 0; text-align:center} div.ytvideoscont div img {width:120px; height:68px} #pagewrap .ytvideoscont a {color:#fff; text-decoration:none} #pagewrap .ytvideoscont a:hover {color:#fff; text-decoration:underline} div.ytvideoscont div a img {text-decoration:none; border:1px solid #042222} div.ytvideoscont div a img:hover {border:1px solid #fff} div.ytvideoscont h2 {font-size:17px; letter-spacing:1px; text-align:center; color:#efefef} div.ytvideoscont h3 {font-size:19px; color:#efefef; margin-top:20px} #pagewrap div.ytvideoscont h2 a, #pagewrap div.ytvideoscont h3 a {text-decoration:underline} #pagewrap div.ytvideoscont h2 a:hover, #pagewrap div.ytvideoscont h3 a:hover {text-decoration:none} /* background:#95A679 ltgreen:#CFD4C3 link blue:1D50AC */ .clearboth {clear:both} .center {text-align:center} #pagewrap a.btnred {color:#fff; font-weight:bold; padding:4px 8px; background:#b62014; text-decoration:none} #pagewrap a.btnred:hover {background:#8ba95c} .borderlt {border:1px solid #CFD4C3} .borderlt p {margin-top:1em; margin-bottom:0} img.imgleft {float:left; margin-right:7px} img.imgright {float:right; margin-left:7px} a {color:#1D50AC; text-decoration:underline} a:visited {color:#1D50AC /*8E276A*/} a:hover {color:#A81F35; text-decoration:none} .redlink a, redlink a:visited {color:#cc0000; text-decoration:underline} .redlink a:hover {color:#cc0000; text-decoration:none}