a { text-decoration:none; color:#0f6cb2; } a:hover { color:#ffdc00; } a:active { color:#ffdc00; } a:active { color:#0f6cb2; } #HomeContent { text-align:left;width:810px;display:block;margin-left:auto;margin-right:auto; } body { text-align:center; } .spacer { padding-top:10px; padding-bottom:10px; } .productDetailBox{ background-color:#e5e5e5;clear:both; padding-top:10px; padding-right:0px; padding-bottom:10px; padding-left:10px;width:520px; float:left; position:relative; top:8px;margin-bottom:10px;} .productDetail { width:245px; display:block; float:left;margin-right:10px;} .productFrame .productFrameText h2 a {text-transform:uppercase;} .productFrame .productFrameText h2 a:hover {text-decoration:underline;color:#006699;} .productFrame .productFrameTextNoLink h2 {text-transform:uppercase;} .productFrameImage { float:left; margin-top:0px;*margin-top:-4px;_margin-top:8px;} .productFrameText { padding-left:18px;float:left;width:400px;margin-top:0px;*margin-top:-4px;_margin-top:8px;} .bottomFrameSpace { float:left;margin-bottom:0px;*margin-bottom:0px;_margin-bottom:3px;} .blue-divider { margin-top:-4px;*margin-top:-4px;_margin-top:6px;float:left;} .HomePagePromoPanelsContainer { width:800px;margin-top:10px; display:block;margin-right:auto;} .HomePagePromoPanels { list-style:none; padding:0; margin:0; } .HomePagePromoPanels li { list-style:none; float:left; } .promoPanelHorizontal { float:left;padding-right:6px;} .promoPanel { float:left;padding-bottom:5px;} /* 3 columns content template table */ .content-3col-body table { width:295px;border-collapse: collapse; } .content-3col-body td { vertical-align:top;} .content-3col-body ul { margin:0; padding:0; padding-left:17px; list-style:disc outside url(/images/little-blue-dot.gif); } .content-3col-body ul li { margin:0; padding:0px 0px 5px 0px; } #wrapper { width: 750px; margin: 0 auto; text-align: center; } /* Styles for Pool Cleaner Wizard */ .wizard-mask {padding:0px;margin-left:0px;margin-top:-80px;*margin-left:0px;*margin-top:0px;_margin-left:0px;_margin-top:0px; background-image:url(/images/pool-wizard-1.jpg);background-repeat:no-repeat;height:555px;width:781px;} .wizard-table {margin-left:41px;margin-top:14px;background-image:url(/images/pool-wizard-panel.jpg);background-repeat:no-repeat;width:416px;height:245px;} .wizard-heading {padding-top:88px;*padding-top:0px;_padding-top:0px;margin-top:80px;margin-left:68px; *margin-top:88px;*margin-left:68px;_margin-top:88px;_margin-left:68px; font-family:Arial;font-size:28px;color:#FFF;} .wizard-qs {padding-left:5px;font-family:Arial;font-weight:bold;font-size:13px;color:#006699;} .qs-holder {width:240px;} .imagebutton-holder {padding-left:17px;padding-top:14px;} .imagebutton-holder a {float:left;width:137px;height:20px;background-image:url(/images/pool-wizard-find-btn.gif);background-repeat:no-repeat;} .imagebutton-holder a:hover {background-image:url(/images/pool-wizard-find-btn-2.gif);background-repeat:no-repeat;} .wizard-mask-next {padding:0px;margin:0px;background-image:url(/images/pool-wizard-2.jpg);background-repeat:no-repeat;height:555px;width:781px;} .property-box {font-size:12px;font-family:Arial;color:#006699;border-right:2px solid #ccc;border-top:1px solid #ccc;padding: 4px 4px 4px 4px;} .rpm-box {font-size:10px;font-family:Arial;color:#333;border-right:0px solid #ccc;border-top:1px solid #ccc;padding: 4px 4px 4px 4px;} .top-left-box {font-size:12px;font-family:Arial;color:#006699;border-right:0px solid #ccc;border-top:2px solid #ccc;border-bottom:1px solid #ccc;padding: 4px 4px 4px 4px;} .mid-top {font-size:12px;font-weight:bold;font-family:Arial;color:#006699;border-right:0px solid #ccc;border-top:2px solid #ccc;border-bottom:1px solid #ccc;padding: 4px 4px 4px 4px;} .mid-top img {padding: 4px 0px 4px 0px;} .last-top {font-size:12px;font-weight:bold;font-family:Arial;color:#006699;border-top:2px solid #ccc;border-bottom:1px solid #ccc;padding: 4px 4px 4px 4px;} .last-top img {padding: 4px 0px 4px 0px;} .mid-mid {font-size:12px;font-family:Arial;border-top:1px solid #ccc;border-right:2px solid #ccc;padding: 4px 4px 4px 4px;} .last-mid {font-size:12px;font-family:Arial;border-top:1px solid #ccc;border-right:2px solid #ccc;padding: 4px 4px 4px 4px;} .mid-last {border-top:1px solid #ccc;} .mid-last-roll {font-size:12px;font-family:Arial;border-right:0px solid #ccc;border-bottom:0px solid #ccc;padding: 4px 4px 4px 4px;text-align:center;background-image:url(/images/pool-wizard-more-btn-2.gif);display:block; background-repeat:no-repeat; height:22px; background-position:center;} .mid-last a:hover {font-size:12px;font-family:Arial;border-right:0px solid #ccc;border-bottom:0px solid #ccc;padding: 4px 4px 4px 4px;text-align:center;background-image:url(/images/pool-wizard-more-btn-2.gif);display:block; background-repeat:no-repeat; height:22px; background-position:center;} .mid-last a{font-size:12px;font-family:Arial;border-right:0px solid #ccc;border-bottom:0px solid #ccc;padding: 4px 4px 4px 4px;text-align:center;background-image:url(/images/pool-wizard-more-btn.gif);display:block; background-repeat:no-repeat; height:22px; background-position:center;} .last-last a:hover {font-size:12px;font-family:Arial;border-top:1px solid #ccc;border-bottom:0px solid #ccc;padding: 4px 4px 4px 4px;text-align:center;background-image:url(/images/pool-wizard-more-btn-2.gif);display:block; background-repeat:no-repeat; height:22px; background-position:center;} .last-last a{font-size:12px;font-family:Arial;border-top:1px solid #ccc;border-bottom:0px solid #ccc;padding: 4px 4px 4px 4px;text-align:center;background-image:url(/images/pool-wizard-more-btn.gif);display:block; background-repeat:no-repeat; height:22px; background-position:center;} /*. .result-first-column {font-size:12px;font-family:Arial;color:#006699;border-bottom:1px solid #ccc;border-right:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} .result-first-column-rpm {font-size:10px;font-family:Arial;color:#333;border-right:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} result-first-column-last {font-size:12px;font-family:Arial;color:#006699;padding-left:10px;padding-top:4px;padding-bottom:10px;border-bottom:0px solid #ccc;border-right:2px solid #ccc;width:130px;padding-right:10px;} .result-zero-column-top-image {font-size:12px;font-family:Arial;color:#006699;padding-left:10px;padding-top:4px;padding-bottom:4px;border-bottom:2px solid #ccc;border-right:2px solid #ccc;width:130px;padding-right:10px;} .result-first-column-top-image {font-weight:bold;font-size:12px;font-family:Arial;color:#006699;padding-left:10px;padding-top:4px;padding-bottom:10px;border-bottom:2px solid #ccc;width:130px;padding-right:10px;} .result-first-column-top-image img {padding-top:10px;} .result-second-column-top-image {font-weight:bold;font-size:12px;font-family:Arial;color:#006699;padding-left:10px;padding-top:4px;padding-bottom:10px;border-bottom:2px solid #ccc;border-left:2px solid #ccc;width:130px;padding-right:10px;} .result-second-column-top-image img {padding-top:10px;} .result-third-column-top-image {font-weight:bold;font-size:12px;font-family:Arial;color:#006699;padding-left:10px;padding-top:4px;padding-bottom:10px;border-bottom:2px solid #ccc;border-left:2px solid #ccc;width:130px;padding-right:10px;} .result-third-column-top-image img {padding-top:10px;}*/ .result-first-column-last {font-size:12px;font-family:Arial;color:#006699;border-bottom:0px solid #ccc;border-right:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} .result-zero-column-top-image {font-size:12px;font-family:Arial;color:#006699;border-bottom:2px solid #ccc;border-right:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} .result-first-column-top-image {font-weight:bold;font-size:12px;font-family:Arial;color:#006699;border-bottom:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} .result-first-column-top-image img {padding-top:0px;} .result-second-column-top-image {font-weight:bold;font-size:12px;font-family:Arial;color:#006699;border-bottom:2px solid #ccc;border-left:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} .result-second-column-top-image img {padding-top:0px;} .result-third-column-top-image {font-weight:bold;font-size:12px;font-family:Arial;color:#006699;border-bottom:2px solid #ccc;border-left:2px solid #ccc;width:130px;padding:4px 4px 4px 10px;} .result-third-column-top-image img {padding-top:0px;} .textual-cell {font-family:arial;font-size:12px;color:#333;vertical-align:top;border-bottom:1px solid #ccc;padding:4px 4px 4px 10px;} .textual-cell-second {font-family:arial;font-size:12px;color:#333;vertical-align:top;border-bottom:1px solid #ccc;border-left:2px solid #ccc;padding:4px 4px 4px 10px;} .textual-cell-third {font-family:arial;font-size:12px;color:#333;vertical-align:top;border-bottom:1px solid #ccc;border-left:2px solid #ccc;padding:4px 4px 4px 10px;} .textual-cell-button1 {font-family:arial;font-size:12px;color:#333;vertical-align:middle;border-bottom:2px solid #ccc;padding:4px 4px 4px 10px; text-align:center;} .textual-cell-button2 {font-family:arial;font-size:12px;color:#333;vertical-align:middle;border-bottom:2px solid #ccc;border-left:2px solid #ccc;padding:4px 4px 4px 10px; text-align:center;} .textual-cell-button3 {border-bottom:2px solid #ccc;border-left:2px solid #ccc;padding:4px 4px 4px 10px; text-align:center;} .textual-cell-last {font-family:arial;font-size:12px;color:#333;vertical-align:top;border-right:2px solid #ccc;padding:4px 4px 4px 10px;} .textual-cell-second-last {font-family:arial;font-size:12px;color:#333;vertical-align:top;border-right:2px solid #ccc;border-left:2px solid #ccc;padding:4px 4px 4px 10px;} .textual-cell-third-last {font-family:arial;font-size:12px;color:#333;vertical-align:top;border-right:2px solid #ccc;border-left:2px solid #ccc;padding:4px 4px 4px 10px;} .textual-cell-button1 a:hover {width:48px;height:22px;background-image:url(/images/pool-wizard-more-btn-2.gif);display:block;} .textual-cell-button1 a {width:48px;display:block;height:22px;background-image:url(/images/pool-wizard-more-btn.gif);} .textual-cell-button2 a:hover {width:48px;height:22px;background-image:url(/images/pool-wizard-more-btn-2.gif);display:block;} .textual-cell-button2 a {width:48px;display:block;height:22px;background-image:url(/images/pool-wizard-more-btn.gif);} .textual-cell-button3 a:hover {width:48px;height:22px;background-image:url(/images/pool-wizard-more-btn-2.gif);display:block;background-position:75px 0px;background-repeat:no-repeat;} .textual-cell-button3 a {width:48px;display:block;height:22px;background-image:url(/images/pool-wizard-more-btn.gif);background-position:75px 0px;background-repeat:no-repeat;} .news-search-button a:hover {width:86px;height:22px;background-image:url(/images/new_search_btn-2.gif);display:block;} .news-search-button a {width:86px;display:block;height:22px;background-image:url(/images/new_search_btn.gif);} /* Styles for the Product Container */ .productContainerIcons { list-style-type:none;padding:0;margin:0;width:557px;float:left;margin-top:-8px;} .productContainerIcons li { float:left;width:96px;height:96px;padding-top:8px;padding-right:19px;} .productContainerIcons li a { display:block;height:93px;width:96px;} /* Styles specific to the Product template */ #productImages { float:left; width:245px; padding-top:22px;} #productImages .productImageThumbnail { display: inline; float:left; border-right: 5px #fff solid; border-bottom: 5px #fff solid; } #productContent {width:300px;float:left;*float:left;_float:left;margin-top:7px;*margin-top:7px;_margin-top:7px;} #AllProductsLinks {background-color:#ffdc00; clear:both; width:540px; display:block; margin-top:15px; margin-bottom:15px; padding:5px; } #AllProductsLinks a { color:#000; } #AllProductsLinks .selected { font-weight:bold; } #AllProductsLinks .pipe { color:#fff; font-weight:bold; } /* Product Actions */ #productActions { width:165px; margin-top:-2px; } #productActions ul { list-style:none; margin:0; padding:0; } #productActions li { width:38px;height :31px; padding-right:3px; padding-top:10px; list-style:none; float:left; } #productActions li a { width:38px;height:31px;display:block;} /* email */ .productEmailButton a { background-image: url(/images/btn-product-email.gif); } .productEmailButton a:hover { background-position: left bottom; } /* manual */ .productManualButton a { background-image: url(/images/btn-product-manual.gif); } .productManualButton a:hover { background-position: left bottom; } /* setup & install */ .productSetupInstall a { background-image: url(/images/btn-product-setup.gif); } .productSetupInstall a:hover { background-position: left bottom; } /* troubleshooting */ .productTroubleshooting a { background-image: url(/images/btn-product-troubleshooting.gif); } .productTroubleshooting a:hover { background-position: left bottom; } /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ /* width: 670px; left:45%; margin-left: -300px; */ /* .jqmWindow {display: none; position: fixed; top: 20px; margin-left:auto; margin-right:auto; background-color: #EEE; color: #333; padding: 12px;color:#0062ab;font-weight:bold;font-size:12px;font-family:Arial;text-transform:uppercase; } .jqmOverlay {background-color:#000;} */ .jqmWindow { margin-left:auto; margin-right:auto; background-color: #eee; border:1px solid #000; text-align :center; display:none; top:20px; padding: 12px; color:#0062ab; font-weight:bold; font-size:12px; font-family:Arial; text-transform:uppercase; position:fixed; } .jqmOverlay { xvisibility: hidden; position: absolute; left: 0px; top: 0px; width:100%; height:100%; text-align:center; z-index: 1000; xbackground-color:#000; } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ *html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* Sitemap */ #SitemapContent div { float:left; display:block; padding:18px; width:160px;} #SitemapContent div h2 { padding:10px; } #SitemapContent div ul { list-style:none; padding:10px; margin:0; } #SitemapContent div ul li { list-style:none; padding-bottom:6px; } #SitemapLinks { clear:both; padding:10px; } #SitemapLinks h2 { float:left;display:block;padding:18px;width:160px;} #SitemapDealerLink {clear:both; padding:10px; text-align:center;margin-bottom:25px; } /* Home Page */ .zodiacProducts {} #SearchResults { margin-top:25px; } /* FAQ & Search */ #SearchResults ul { list-style:none; margin:0;} #SearchResults ul li { list-style:none; display:block; height:50px; } #FaqRelatedItems {list-style:none; margin:0;} #FaqRelatedItems li {list-style:none; display:block; } /* Find a dealer */ .errormessage { display:none; color:#ff0000; } #primarynavhome #primarynavtop a { display:block;text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#006699; background-image: none; cursor:default;} #primarynavhome #primarynavtop #topitem { display:block;text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#006699; background-image: none; } #primarynavhome #primarynavtop { display:block;height:20px;*height:24px;_height:24px;margin-top:15px; *margin-top: 15px; _margin-top: 15px;vertical-align:middle;margin-bottom:0px;*margin-bottom:0px;_margin-bottom:1px;} #primarynavhome { float:left;*float:none;_float:none;margin:0px; padding:0px; list-style:none; position:relative; xmargin-top:-70px;*xmargin-top:-70px;_xmargin-top:-74px;} #primarynavhome ul { margin:0px;width:1px;padding:0px; } #primarynavhome li { display:block;width:175px;height:28px;*height:28px;_height:28px; list-style:none; padding-left:28px; display:inline; margin:0px; padding:0px; } #primarynavhome li a { display:block;width:148px;*width:148px;_width:175px;height:28px;*height:28px;_height:28px; text-decoration:none; padding-left:13px; float:left; margin-left:15px;*margin-left:15px;_margin-left:8px; background:url(/images/nav_rollover_home.jpg) no-repeat; background-position:left top; font-family: Arial, Verdana, Helvetica, sans-serif; display:block; font-size:12px; line-height:25px; font-weight:bold; color:#FFFFFF; } #primarynavhome li a:hover { background:url(/images/nav_rollover_home.jpg) no-repeat; background-position:left bottom; font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; font-weight :bold; color:#FFFFFF; } #primarynavhome #firstnav { display:block;width:175px;list-style:none; padding-left:28px; display:inline; margin:0px; padding:0px; } #primarynavhome #firstnav .firstnavlink {display:block;width:148px;*width:148px;_width:175px;height:28px;text-decoration:none; padding-left:28px; float:left;background:url(../images/nav_rollover_first.jpg) no-repeat; background-position:left top; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; line-height:25px; font-weight:bold; color:#FFFFFF; } #primarynavhome #firstnav a:hover {display:block;background:url(../images/nav_rollover_first.jpg) no-repeat;background-position:left bottom;font-family: Arial, Verdana, Helvetica, sans-serif;font-size:12px; font-weight:bold; color:#FFFFFF; } #subnavourproductshome .firstnav .selectedNav {background-position: 0px 24px! important;*background-position: 0px 20px! important;_background-position: 0px 20px! important;float:left;} .selectedNav { background-position: 0px 20px! important; float:left;} #subnavourproductshome { display:none; } #subnavpoolmaintenacehome { display:none; } #subnavpoolplanninghome { display:none; } #subnavaboutushome { display:none; } #primarynavhome #firstnav li, #subnavourproductshome li, #subnavpoolmaintenacehome li, #subnavpoolplanninghome li, #subnavaboutushome li { float:left;width:148px;*width:148px;_width:175px;height:18px; margin:0px; font-size:11px; } #subnavourproductshome li a, #subnavpoolmaintenacehome li a, #subnavpoolplanninghome li a, #subnavaboutushome li a { float:left;width:148px;*width:148px;_width:175px;line-height:16px; height:18px; display:block; font-size:11px; background:url(/images/nav_subnav-rollover-home.jpg) repeat-y; background-position:left top; color:#666666; font-weight:normal;} #primarynavhome #firstnav li a:hover, #subnavourproductshome li a:hover, #subnavpoolmaintenacehome li a:hover, #subnavpoolplanninghome li a:hover, #subnavaboutushome li a:hover { width:148px;*width:148px;_width:175px;line-height:16px; display:block; font-size:11px; background:url(/images/nav_subnav-rollover-home.jpg) repeat-y; background-position:left bottom; color:#000000; font-weight:normal; } #subnavourproducts .firstnav a {padding-top:2px;*padding-top:0px;_padding-top:0px;width:148px;*width:148px;_width:175px;height:22px;*height:18px;_height:20px;display:block; font-size:11px; background-image:url(../images/nav_subnav-rollover-1.jpg);color:#666666; font-weight:normal;} #subnavourproducts .firstnav a:hover {padding-top:2px;*padding-top:0px;_padding-top:0px;width:148px;*width:148px;_width:175px;height:22px;*height:18px;_height:20px;display:block; font-size:11px; background-image:url(../images/nav_subnav-rollover-1.jpg);color:#000000; font-weight:normal; } #firstnav .lastNavItem {float:left;height:22px;width:175px;} #subnavourproductshome .lastNavItem {float:left;height:22px;width:175px;background-image:none !important;} #subnavpoolmaintenacehome .lastNavItem {float:left;height:22px;width:175px;background-image:none !important;} #subnavpoolplanninghome .lastNavItem {float:left;height:22px;width:175px;background-image:none !important;} #subnavaboutushome .lastNavItem {float:left;height:22px;width:175px;background-image:none !important;} #subnavpoolplanning .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);} #primarynavhome #firstnav .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);} #subnavourproducts .firstnav {float:left;width:175px;} #subnavpoolmaintenace .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);} #subnavaboutus .firstnav {float:left;width:175px;padding-top:3px;background-image:url(/images/nav_subnav-space.jpg);} /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ .jqmWindow { display: none; font-family:Arial; font-size:12px; position: absolute; top: 150px; left: 730px; width: 305px; height:150px; background-color: #333333; color: #ffffff; border: 0px; padding: 12px; } .jqmWindow TextArea { background-color: #999999; color: #ffffff; border: 0px; } .jqmWindow input { background-color: #999999; color: #ffffff; border: 0px; } .jqmOverlay { background-color: #000; } /* Fixed posistioning emulation for IE6 Star selector used to hide definition from browsers other than IE6 For valid CSS, use a conditional include instead */ * html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); } /* Printability Styles - Do not change unless neccessary */ @media print { .contentframe { width:557px; display:block; } .bannerframe, .toolboxframe, .bannerbg, .navframework, .sidepanelframe, .footerframe, .noprint { display:none; visibility:hidden; } }