/*
  Stylesheet for Pool Vacs
  Copyright 2011
  updated 2020.02.28
*/

/*////////////////////////////////////////////////////////////////////////////////////////////
////////// Default Styles ////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
/* CSS Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent} article,aside,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/* Re-build CSS */
table{font-size:inherit;font:100%}select,input,textarea{font:99% sans-serif}pre,code,kbd,samp{font-family:monospace,sans-serif}h1,h2,h3,h4,h5,h6{font-weight:bold;text-rendering:optimizeLegibility}html{-webkit-font-smoothing:antialiased}small{font-size:85%}strong,th{font-weight:bold}td,td img{vertical-align:bottom;}sub{vertical-align:sub;font-size:smaller}sup{vertical-align:super;font-size:smaller}pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type="radio"]{vertical-align:text-bottom}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline}.ie6 input{vertical-align:text-bottom}label,input[type=button],input[type=submit],button{cursor:pointer}html{overflow-y:scroll}button{ width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat}.hidden{display:none;visibility:hidden}.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.invisible{visibility:hidden}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* Custom Styles */
body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; }
body, select, input, textarea { color:#444; }
a:hover, a:active { outline: none; }
a, a:active, a:visited { color:#607890; }
a:hover { color:#036; }
ul { margin-left:25px; }
ol { margin-left:30px; list-style-type: decimal; }

/* CSS Highlight Styles */
::-moz-selection{ background: #000; color:#fff; text-shadow: none; }
::selection { background:#000; color:#fff; text-shadow: none; } 
a:link { -webkit-tap-highlight-color: #2a4383; } 
.clear { clear: both; padding:5px;}

/*////////////////////////////////////////////////////////////////////////////////////////////
////////// Shell & Layout Styles /////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
#container{
  width: 960px;
  margin: 0 auto;
}


/* Header */
#header {
    border-bottom: 1px solid #ACB1B4;
    height: 135px;
    margin-top: 5px;
    width: 960px;
    position: relative;
}
.logo {
    float: left;
}
.headTopRight {
    float: right;
    margin-top: 15px;
}
.htrT {
    float: right;
    margin-bottom: 18px;
    text-align: right;
    width: 650px;
}
.phone {
    display: inline;
    font-weight: bold;
}
.topLinks {
    display: inline;
    font-size: 0.9em;
    margin-left: 10px;
    padding-right: 330px;
}
.topLinks a {
    color: #000000;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}
.atcBtn {
    font-size: 0.9em;
    position: absolute;
    right: 0;
    top: 10px;
}
#no-fc-cart a {
    font-family: Verdana;
    color: #000000;
    margin-left: 6px;
    line-height: 20px;
    font-weight: bold;
    float: right;
    text-decoration: none;
}
.htrB {
    clear: both;
    float: right;
    width: 475px;
}
.chooseBrand {
    float: left;
    margin-right: 15px;
}
.chooseBrand select {
    border: 1px solid #000000;
    padding: 4px 3px 2px;
    width: 175px;
}
.search {
    float: left;
}
.searchInput {
    border: 1px solid #000000;
    font-size: 0.9em;
    padding: 5px 4px 3px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    width: 200px;
}
.searchImage {
  vertical-align: middle;
}
.mainNav {
    clear: both;
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 5px;
    text-align: center;
    text-transform: uppercase;
}
.mainNav a {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/topArrow.jpg") no-repeat scroll left center transparent;
    color: #000000;
/*    padding: 0 10px 0 12px; */
    padding: 0 0 0 12px;
    text-decoration: none;
}
.mainNav a:hover {
  border-bottom: 3px solid #0b509d;
}

.fp-image-insets { margin-top: 25px; }

/* Customer Reg */
body #ys_superbar {
    float: left;
    height: auto;
    left: auto;
    margin: auto;
    position: relative;
    top: auto;
    width: auto;
}
body #ys_cpers{
    float: left;
    margin-top: 5px;
}
body #yscp_signin_link {
  display: block !important;
  margin-top: 1px;
}
body #yfc_mini {
  margin-top: 2px;
}
body #yscp_signin_link a.yscp_link {
    color: #000000;
    font-size: 1em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}


/* Mini Cart */
#yfc_show_mini {}
body .smb-mc .minicart_c1 { width: auto !important; }
body .smb-mc .minicart_c2 { background: none !important; }
body #yfc_close_btn {
    color: white !important;
    display: block !important;
    left: 19px !important;
    top: 17px !important;
    z-index: 999 !important;
}

/* Body */
#bodyArea {
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    width: 960px;
}

/* Home Page */
.welcomeBanner {
    background: none repeat scroll 0 0 #0A509D;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8em;
    margin: 5px 0;
    padding: 3px 0 0;
}
.welcomeBanner table { width: 100%; }
.welcomeArea {
  width: 950px;
  margin: 5px auto 10px auto;
}
.welcomeBlocks {
    text-align: center;
    margin-bottom: 25px;
}
.welcomeBlocks img {
    margin: 0 18px;
}
.welcomeSlider {
    background-color: #CACACA;
    float: left;
    margin-bottom: 50px;
    width: 960px;
}
.welcomeTxt {
    clear: both;
    color: #959698;
    font-size: 1.1em;
    padding: 5px 25px 25px;
}

/* Inner Page - Section */
.bodyWithNav {
    float: right;
    padding: 0 15px 15px 0;
    width: 770px;
}
.siteBanner {
    background: none repeat scroll 0 0 #0A509D;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.8em;
    margin: 0 0 10px;
    padding: 3px 0 0 10px;
    width: 775px;
}

#contents-table {
  text-align: center;
  margin:25px 0;
}
/*#contents-table td { vertical-align: top !important; }*/
#contents-table .itemInfo .name {
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 15px 0;
}

#contents-table .itemInfo .name a {
  color: #404040;
  text-decoration: none;
}

.breadcrumbs {
    color: #404040;
    font-weight: bold;
    margin-bottom: 15px;
}
.breadcrumbs a {
    color: #404040;
    font-weight: bold;
    text-decoration: none;
}
h1.productName {
    color: #09509E;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.4em;
    text-transform: uppercase;
    width: 560px;
}
#contents-table td.horizontalDivider {
    background: url(https://lib.store.yahoo.net/lib/yhst-81484807012371/hor.jpg) repeat-x center center;
    padding:15px 0;
}

/* Sub Section Page */
.contentsFloat {
  float: left;
  width: 560px;
}
.contentsFloat #contents-table .itemInfo .name, .cross-sell #contents-table .itemInfo .name {
    font-size: 1.1em;
    margin: 10px 0 5px;
}
.contentsFloat .price, .cross-sell .price {
  color: #404040;
  display: none;  
}
.contentsFloat .price-bold, .cross-sell .price-bold {
  color: #F62D21;
}
.contentsFloat .sale-price, .cross-sell .sale-price {
    color: #F62D21;
    font-weight: bold;
}
.contentsFloat .addToCart, .cross-sell .addToCart {
  margin: 5px 0;
}
.contentsFloat .addToCart a, .cross-sell .addToCart a {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/viewOptions.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 28px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    text-indent: -99999px;
    width: 101px;
}

.sub-txt {
  color: #8d8e90;
  padding: 15px 5px;
}

.rvWrap {
  float: right;
  width: 200px;
  margin-top: -25px;
}
/*Recently Viewed Section & Item*/
.rvItemWrap {
    text-align: center;
}
.rvItemWrap .name {
  margin: 4px 0;
}
.rvItemWrap .name a {
  color: #5e605f;
  text-decoration: none;
}
.rvItemWrap .price {
    color: #404040;
    margin-bottom: 3px;
}
.rvItemWrap .sale-price {
    color: #F62D21;
    font-weight: bold;
}

.sectionRV .recentItem {
  float: none;
  margin: 20px 0;
  width: auto;
}
.sectionRV {
    padding: 0 5px;
  border-left: 3px solid #A7B1B0;
}

.rvWrapper { margin: 10px 0; }
.sectionRV .rvWrapper { margin: 0; }
.recentItem {
  float: left;
  width: 250px;
  overflow: hidden;
  margin: 10px 0;
}


#info-div {
    font-size: 1.1em;
    line-height: 1.5em; 
}
.sectionTest {
    border-left: 3px solid #A7B1B0;
    font-size: 1.1em;
    line-height: 1.4em;
    padding: 25px 15px;
}
#rotatingTestimonialArea .heading {
    color: #9E9E9E;
    font-size: 1.3em;
    margin-bottom: 15px;  
}
#rotatingTestimonialArea .testimonial {
    color: #9E9E9E;
    font-size: 0.9em;
}
#rotatingTestimonialArea .viewMore {
    display: block;
    margin-top: 25px;
    text-align: right;
}
#rotatingTestimonialArea .viewMore a {
  color: #427bb4;
}

/* Item Page */
.productWrap {
  width: 770px;
}
.productImage {
  width: 325px;
  float: left;
  text-align: center;
}
.productInfo {
  width: 425px;
  float: right;
}
.productInfo form {
  position: relative;
}
.itemBadge {
    bottom: 0;
    position: absolute;
    right: 0;
}
.piName {
    border-bottom: 3px solid #9A9EA1;
    color: #0A509B;
    font-size: 1.8em;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 10px;
    padding-bottom: 2px;
}
.piCode {
    color: #8B9399;
}
.piPrice {
  border-top: 3px solid #9A9EA1;
  margin-top: 10px;
  padding-top: 10px;
}
.piPrice .price {
    color: #8F8F8F;
    font-size: 1.1em;
}
.piPrice .sale-price-bold {
    color: #F41B1E;
    font-size: 1.5em;
    margin: 4px 0 0;
}

.piOptions {
    margin: 10px 0;
}
.piOptions div {
    margin-bottom: 5px;
}
.piOptions span {
  padding-right: 10px;
}
.piOptions select {
    border: 1px solid #000000;
    font-size: 1em;
    padding: 2px;
    width: 150px;
}

table.qty td {
  padding-right: 10px;
}
table.qty input {
    text-align: center;
    border: 1px solid #000000;
    font-size: 1em;
    padding: 2px;
}


.atcDiv {
  margin-top:25px;
}



.prodExtras {
    border: 1px solid #B6B6B6;
    clear: both;
    margin-top: 25px;
    padding: 15px;  
}
.manuals {
    margin-top: 20px;
}
.manuals table {
   width: 100%;
}


/* Multi Add Page */
.multiAddWrap {

}
.multiAddImage {
  width: 700px;
  margin: 15px auto;
  text-align: center;
}
table.maTable {
    border: 1px solid #1A1819;
    margin: 0 auto;
    width: 765px;
}
table.maTable.smaller {
  width: 724px !important;
}
table.maTable tr.tblHead td {
    background-color: #12519A;
    border-right: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
}
td.mata { 
    border-right: 1px solid #DDDDDD;
    color: #12519A;
    font-weight: bold;
    padding-right: 10px;
    text-align: center;
}
td.matb { text-align: center; }
td.matc { text-align: center; }
td.matd { text-align: left; padding-left: 10px; }
td.mate { text-align: left; padding-left: 10px; width: 175px; }

table.maTable tr.tblBody td {
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: middle;
}
table.maTable a {
    color: #12519A;
    font-weight: bold;
    text-decoration: none;
}

table.maTable tr.altColor {
    background-color: #EFF1F4;
}
table.maTable tr.altColor td {

}
table.maTable .matcBtn { margin-right: 15px; float: right; }
table.maTable form {
  width: 175px;
}





/* Left Nav */
.leftNav {
    float: left;
    padding: 20px 0 25px 20px;
    width: 150px;
}
.navigation ul { margin:0; padding: 0; }
.navigation li { list-style: none; }
.navigation li a {
    color: #000000;
    display: block;
    font-size: 1.2em;
    line-height: 1.3em;
    margin: 0 0 15px;
    text-decoration: none;
}
.navigation li a:hover {
  text-decoration: underline;
}
.navigation li ul.sub {
    margin-bottom: 15px;
    margin-left: 10px;
}
.navigation li ul.sub li a {
    color: #7C7E7D;
    font-size: 1em;
    margin: 0 0 5px;
}






/* Footer */
#footer {
    border-left: 1px solid #CACACA;
    border-right: 1px solid #CACACA;
    width: 960px;
}
.footSocial {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/social.jpg") no-repeat scroll 0 6px #C8C8C8;
    padding: 5px 10px 5px 100px;
}
.footSocial table td {
  vertical-align: middle !important;
}
.footerTable {
    padding: 10px;
}
.footerTable table {
    width: 100%;
}
.footerTable table td {
    vertical-align: top !important;
    width: 19%;
}
.footerTable td a {
    color: #717171;
    display: block;
    padding: 1px 0;
    text-decoration: none;
}
.footerTable .ftHead {
    font-size: 1em;
    margin: 3px 0;
}
.footerTable .newsletter {
  width: 185px;
}
.footerTable .newsInput { width: 130px; border: 1px solid #000; padding:2px;}


.footerGraphicsArea {

}

/* Banner Rotate */
#bannerrotate {width:472px; height:338px; overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; border:3px solid #cacaca; }
.bannerHolder {position:relative;}
.bannerHolder div {position:absolute; top:0; left:0; z-index: 444;}
.navbuttons { height:16px; position:absolute; z-index:100;}
a.numbtn {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/rotatorSprite.jpg") no-repeat scroll 0 -68px transparent;
    color: #747474;
    cursor: pointer;
    float: left;
    font-size: 17px;
    font-weight: bold;
    margin-right: 4px;
    padding: 6px 0 7px;
    text-align: center;
    width: 37px;
}
a.btnOn, a.btnOn:hover {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/rotatorSprite.jpg") no-repeat scroll 0 -102px transparent;
    color: #FFFFFF;
}
.pause {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/rotatorSprite.jpg") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 34px;
    position: absolute;
    right: -36px;
    width: 37px;
    z-index: 100;
}
.pauseOn {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/rotatorSprite.jpg") no-repeat scroll 0 -34px transparent;
}
.homeTopRight {
  padding: 10px 0 0 25px;
  float: left;
  width: 450px;
  height: 338px;
  overflow: hidden;
}
.homeTopRight h2 {
  margin: 0 0 13px 0;
  font-size: 1.6em;
  color: #0C4D9F;
  text-decoration: underline;
  text-align: center;
}
.homeTopCats {
    width: 445px;
    float: left;
}
.homeTopCats .homeTopCatBlock {
  float: left;
  margin: 0 20px 25px 0;
  width: 200px;
} 
.homeTopCatBlock a {
  font-size: 1.3em;
  text-decoration: none;
  color: #08509C; 
}
.homeTopCatBlock .catSubList {
  padding: 0 0 0 20px;
}
.homeTopCatBlock .catSubList a {
  font-size: 1em;
  padding: 2px 0;
  display: block; 
}


/* Content Slider */
#cSlider {
    background-color: #CACACA;
    height: 204px;
    position: relative;
    width: 960px;
}

#cSlider .wrapper {
    background-color: #CACACA;
    height: 204px;
    margin: 0 50px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 870px;
}

#cSlider .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

#cSlider ul li {
    display: block;
    float: left;
    width: 217px;
}
#cSlider ul li a {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/sliderBG.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 168px;
    padding: 37px 0 0 42px;
    text-align: center;
    width: 178px;
}
#cSlider ul li a:hover {background-position: -220px 0; }
#cSlider ul li a img {
  display:block;
}

#cSlider .arrow {
  display: block;
  height: 204px;
  width: 50px;
  background: url(https://lib.store.yahoo.net/lib/yhst-81484807012371/cSlideArrows.jpg) no-repeat 0 0;
  text-indent: -99999px;
  position: absolute;
  top: 0;
  cursor: pointer;
  padding: 0;
}

#cSlider .forward {
  background-position: 0 -213px;
  right: 0;
}

#cSlider .back {
  background-position: 0 0;
  left: 0;
}


/*  -- FastPivot Tabbed Details v1.0 (1.20.2010) --  */

div#tabbedDetails ul.tabs {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#tabbedDetails ul.tabs li {
  float: left;
  margin: 0 5px -1px 0;
  height: 25px;
  background: url(https://lib.store.yahoo.net/lib/yhst-81484807012371/tabbedDetails-tabBkgd.png) 0 -25px no-repeat;
}

div#tabbedDetails ul.tabs li a {
    background: url("https://lib.store.yahoo.net/lib/yhst-81484807012371/tabbedDetails-tabBkgd.png") no-repeat scroll right -75px transparent;
    color: #000000;
    display: block;
    font: 15px Arial,Helvetica,sans-serif;
    height: 20px;
    padding: 4px 20px 0;
    text-decoration: none;
}

div#tabbedDetails ul.tabs li.selected {
  background: url(https://lib.store.yahoo.net/lib/yhst-81484807012371/tabbedDetails-tabBkgd.png) 0 0 no-repeat;
}

div#tabbedDetails ul.tabs li.selected a {
  background: url(https://lib.store.yahoo.net/lib/yhst-81484807012371/tabbedDetails-tabBkgd.png) right -50px no-repeat;
}

div#tabbedDetails .tabContent {
  clear: both;
  margin-top: -1px;
  border: 1px solid #cfcfcf;
}

div#tabbedDetails .tabContent .text {
  padding: 15px;
  font: normal 12px Arial, Helvetica, sans-serif;
  color: #000;
}

/*  -- End FastPivot Tabbed Details v1.0 (1.20.2010) --  */

.credit {
    font-size: 12px;
    margin-bottom: 25px;
    margin-top: 25px;
    text-align: center; 
}
.credit a {
  color: #0a509d;
  text-decoration: none;
}


/*////////////////////////////////////////////////////////////////////////////////////////////
////////// Print Styles //////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////*/
@media print{ *{background:transparent !important;color:#444 !important;text-shadow:none} a,a:visited{color:#444 !important;text-decoration:underline} a:after{content:"("attr(href) ")"} abbr:after{content:"("attr(title) ")"} .ir a:after{content:""}  pre,blockquote{border:1px solid #999;page-break-inside:avoid} img{page-break-inside:avoid} @page{margin:0.5cm} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid}}@media all and (orientation:portrait){ }@media all and (orientation:landscape){ }@media screen and (max-device-width:480px){ html{-webkit-text-size-adjust:none;-ms-text-size-adjust:none}}


/*  -- Modifications --  */

table#contents-table td {
  vertical-align: top;
  text-align: left;
}

table#contents-table .itemImg {
  padding: 0 10px;
}

table#contents-table .itemInfo {
  padding: 0 10px;
}

.pr_snippet_category .pr-snippet-wrapper,
.pr_snippet_category .pr-snippet-stars {
  padding-left: 0px;
}

.pr-snippet-stars,
.pr-snippet-stars .pr-snippet-rating-decimal {
  margin: 0 !important;
}

ul#topDropdownNav {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

ul#topDropdownNav li {
  position: relative;
  display: inline;
  padding: 0 5px;
}

ul#topDropdownNav li.active a {
  border: none;
}

ul#topDropdownNav li.active .subnav a {
  display: block;
  padding: 3px 0 3px 17px;
  border: none;
}

ul#topDropdownNav li.active .subnav a:hover {
  background-color: #fff;
}

ul#topDropdownNav .subnav {
  display: none;
  position: absolute;
  top: 15px;
  left: 5px;
  z-index: 999;
  margin: 0;
  padding: 5px 0;
  width: 175px;
  list-style-type: none;
  background-color: #89d6f0;
  border-top: 3px solid #0b509d;
}

ul#topDropdownNav .subnav li {
  display: block;
  padding: 0;
  text-align: left;
}

ul#topDropdownNav .subnav a {
  padding: 0;
  text-transform: none;
  background: none;
}

iframe.grelated-iframe {
  left:-99999px !important;
  display: none !important;
}

div.footerBanner {
  text-align: center;
}

div.footerBanner img {
  margin: 0 5px;
  vertical-align: middle;
}

/*  -- End Modifications --  */