@charset "UTF-8";@font-face{font-family:'icomoon';src:url('fonts/icomoon.eot?-ohcaky');src:url('fonts/icomoon.eot?#iefix-ohcaky') format('embedded-opentype'),
url('fonts/icomoon.woff?-ohcaky') format('woff'),
url('fonts/icomoon.ttf?-ohcaky') format('truetype'),
url('fonts/icomoon.svg?-ohcaky#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"], [class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-home:before{content:"\e600";}
.icon-cart:before{content:"\e601";}
.icon-phone:before{content:"\e602";}
.icon-location:before{content:"\e603";}
.icon-user:before{content:"\e604";}
.icon-cogs:before{content:"\e605";}
.icon-list:before{content:"\e606";}
.icon-tree:before{content:"\e607";}
.icon-info:before{content:"\e608";}
.icon-mail:before{content:"\e609";}
h1{color:#00aff0;}
h2{text-decoration:underline}
.arrow-right{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #00aff1;display:inline-block;}
* html a:hover{visibility:visible;}
body{font-family:Tahoma, Arial, verdana, Helvetica, sans-serif;font-size:16px;color:#000;background:#fff;text-align:left;margin:0;padding:0;}
A:link,A:active{color:#00f;text-decoration:none;}
A:visited{color:#f00;text-decoration:none;}
A:hover{color:#000;text-decoration:underline;transition:color 0.4s linear;}
a.tooltip span{display:none;width:200px;padding:10px 10px;}
a.tooltip:hover span{display:inline;position:absolute;border:1px solid #000;background:#00aff0;color:#000;}
.smallboldfooter{font-family:Tahoma, Arial, verdana, Helvetica, sans-serif;font-size:12px;color:Gray;}
td.shortformatproduct{border:solid 1px;text-align:center;background-color:#fff;border-color:#a0cae5;padding:5px;}
img, video{border:0;display:block;margin-left:auto;margin-right:auto;border-radius:5px;}
.imginline{border:0;display:block;display:inline-block;vertical-align:middle;}
.buttonlink{opacity:0.87;}
.buttonlink:hover{opacity:1;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease;}
ul{list-style-image:url("https://www.thewatersoftenercentre.com/images/bullet2.gif");font-size:24px;}
.imglink{opacity:0.87;}
.imglink:hover{opacity:1;-webkit-box-shadow:3px 3px 15px #666666;-moz-box-shadow:3px 3px 15px #666666;box-shadow:3px 3px 15px #666666;border-radius:10px;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;transition:opacity .25s ease;}
TD.smaller{font-size:11px;font-family:Verdana;color:#000;}
p{font-family:Tahoma, arial, verdana;font-size:11pt;color:#333;}
.style2{border-style:solid;border-width:1px;}
.style4{background-color:#fff;}
.style7{text-align:right;background-color:#fff;}
.style8{text-align:right;}
.style9{text-align:left;font-size:large;font-weight:700;color:#00aff0;}
.style11{vertical-align:bottom;}
.style12{text-align:center;}
.style13{font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:11px;font-weight:700;text-decoration:underline;}
.style14{background-color:#fff;font-weight:700;border:3px dashed red;text-align:center;width:600px;margin:0 auto;}
.style15{font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:11px;font-weight:700;text-decoration:underline;text-align:center;}
.style16{vertical-align:middle;}
.style17{vertical-align:top;}
.style19{font-family:arial, verdana;font-size:12pt;color:#00f;border-style:solid;}
.style22{font-family:arial, verdana;font-size:10pt;color:#000;border:solid 1px;background-color:#00aff0;border-color:#a0cae5;padding:10px;}
.style23{font-family:arial, verdana;font-size:10pt;color:#fff;border:solid 1px;background-color:#000000;border-color:#a0cae5;padding:10px;}
.style25{margin-left:10px;}
.style26{border:5px solid #00F;font-family:arial, verdana;font-size:12pt;color:#00f;}
.style27{background-color:#ddd;padding:6px;}
.style29{background-color:#fff;}
.style30{border:1px;text-align:center;border-color:#a0cae5;}
.style31{font-size:xx-large;}
.style32{background-color:#bdf7f7;padding:6px;}
.style33{font-size:x-large;color:#00aff0;}
.style34{text-decoration:underline;}
.style35{text-align: center;background-color: #FFCCCC;}
.style36 {text-align: center;background-color: #CCFFCC;}
.style40{text-align: center;font-size:large;font-weight:400;}
.table{margin-left:auto;margin-right:auto;border-spacing:0;border-collapse:collapse;border-collapse:separate;border-spacing:1px;}
.table th, td{padding:5px;}
.tablehead{font-family:arial, verdana;font-size:10pt;font-weight:700;text-align:left;vertical-align:middle;border:0;color:#fff;background-color:#00aff0;border-radius:15px 15px 0 0;-moz-border-radius:15px 15px 0 0;-webkit-border-radius:15px 15px 0 0;-khtml-border-radius:15px 15px 0 0;-ms-border-radius:15px 15px 0 0;padding:15px;}
.tablebody{font-family:arial, verdana;font-size:10pt;color:#000;border:solid 1px;background-color:#fff;border-color:#a0cae5;padding:10px;vertical-align:middle;}
.tablebodyshade{font-family:arial, verdana;font-size:10pt;color:#000;border:solid 1px;background-color:#eee;border-color:#a0cae5;padding:10px;vertical-align:middle;}
.tablebuttons{margin-left:auto;margin-right:auto;font-family:arial, helvetica, sans-serif;font-size:16px;font-weight:700;width:640px;border-collapse:collapse;border-spacing:10px;border-collapse:separate;empty-cells:hide;}
.tablebuttons td{background:#d0ffff;text-align:center;height:60px;border:1px solid #000;border-radius:30px 30px 30px 30px;-moz-border-radius:30px 30px 30px 30px;-webkit-border-radius:30px 30px 30px 30px;-khtml-border-radius:30px 30px 30px 30px;-ms-border-radius:30px 30px 30px 30px;}
.tablebuttons tr td:hover{transition:300ms;background:#00aff1;border-radius:30px 30px 30px 30px;-moz-border-radius:30px 30px 30px 30px;-webkit-border-radius:30px 30px 30px 30px;-khtml-border-radius:30px 30px 30px 30px;-ms-border-radius:30px 30px 30px 30px;}
.query{font-family:arial, verdana;font-size:12pt;color:#295e7d;}
address{font-family:arial, verdana;text-align:center;font-size:8pt;font-style:normal;color:#666;}
.ValidateMessage{color:#00aff0;}
.feedbackform{padding:5px;}
div.fieldwrapper{width:550px;overflow:hidden;padding:5px 0;}
div.fieldwrapper label.styled{float:left;width:170px;text-transform:uppercase;border-bottom:1px solid red;margin-right:15px;}
div.fieldwrapper div.thefield{float:left;margin-bottom:10px;}
div.fieldwrapper div.thefield textarea{width:300px;}
div.buttonsdiv{margin-top:5px;}
div.buttonsdiv input{width:80px;background:#e1dfe0;}
.imgcentre,IMG.displayed{display:block;margin-left:auto;margin-right:auto;}
.style1,.style6{text-align:center;background-color:#fff;}
hr{padding:0;border:none;border-top:medium double #eee;}
.megamenu_container{width:100%;height:46px;margin:0 auto;position:relative;z-index:99;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.megamenu{list-style:none;padding:0;position:relative;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1}.megamenu>li{float:left;margin:0;border:0;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;-ms-transition:background .5s ease;transition:background .5s ease}.megamenu>li>a{font-size:14px;text-transform:uppercase;outline:0;text-decoration:none;display:block;padding:16px 15px 17px}.megamenu>li .megamenu_drop{padding-right:30px}.megamenu li.megamenu_button{display:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}.megamenu li .dropdown_container{position:absolute;margin:0;padding-top:24px;padding-bottom:10px;left:-9999em;top:-9999em;display:block;display:inline-block;z-index:98;float:left;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.megamenu li .dropdown_first{margin-left:-1px}.megamenu li:hover .dropdown_container{top:45px;left:auto}.megamenu .dropdown_1column{width:8.3334%;padding-left:2%;padding-right:2%}.megamenu .dropdown_2columns{width:16.6667%;padding-left:1.8333%;padding-right:1.8333%}.megamenu .dropdown_3columns{width:25%;padding-left:1.5%;padding-right:1.5%}.megamenu .dropdown_4columns{width:33.3334%;padding-left:1.333%;padding-right:1.333%}.megamenu .dropdown_5columns{width:41.6667%;padding-left:1.166%;padding-right:1.166%}.megamenu .dropdown_6columns{width:50%;padding-left:1%;padding-right:1%}.megamenu .dropdown_7columns{width:58.3334%;padding-left:.833%;padding-right:.833%}.megamenu .dropdown_8columns{width:66.6667%;padding-left:.666%;padding-right:.666%}.megamenu .dropdown_9columns{width:75%;padding-left:.5%;padding-right:.5%}.megamenu .dropdown_10columns{width:83.3334%;padding-left:.333%;padding-right:.333%}.megamenu .dropdown_11columns{width:91.6667%;padding-left:.1666%;padding-right:.1666%}.megamenu .dropdown_12columns{width:100%}.megamenu .col_1,.megamenu .col_10,.megamenu .col_11,.megamenu .col_12,.megamenu .col_2,.megamenu .col_3,.megamenu .col_4,.megamenu .col_5,.megamenu .col_6,.megamenu .col_7,.megamenu .col_8,.megamenu .col_9{float:left;display:inline;position:relative;margin-left:2%;margin-right:2%}.megamenu .col_1{width:4.33%}.megamenu .col_2{width:12.66%}.megamenu .col_3{width:21%}.megamenu .col_4{width:29.33%}.megamenu .col_5{width:37.66%}.megamenu .col_6{width:46%}.megamenu .col_7{width:54.33%}.megamenu .col_8{width:62.66%}.megamenu .col_9{width:71%}.megamenu .col_10{width:79.33%}.megamenu .col_11{width:87.66%}.megamenu .col_12{width:96%}.megamenu .rowcontent{clear:left}.megamenu>li>div a{text-decoration:none;outline:0}.megamenu h1,.megamenu h2,.megamenu h3,.megamenu h4,.megamenu h5,.megamenu h6{font-weight:900;margin:0 0 20px}.megamenu h1{font-size:24px;line-height:28px}.megamenu h2{font-size:20px;line-height:22px}.megamenu h3{font-size:16px;line-height:20px}.megamenu h4{font-size:14px;line-height:18px;margin-bottom:14px}.megamenu h5{font-size:12px;line-height:18px;margin-bottom:14px}.megamenu h6{font-size:10px;line-height:16px;margin-bottom:14px;text-transform:uppercase}.megamenu li ol,.megamenu li ul{padding:0;margin:0 0 18px 20px}.megamenu li ul{list-style:disc}.megamenu li ol{list-style:decimal}.megamenu li ol li,.megamenu li ul li{font-size:14px;line-height:21px;position:relative;padding:0;margin:0;float:none;text-align:left}.megamenu li .list_unstyled{list-style:none;margin-left:0}.megamenu hr{width:100%;height:0;border:0;margin-bottom:24px}.megamenu_dark_bar{background:#00aff0;border:1px solid #000}.megamenu_dark_bar .megamenu>li.active,.megamenu_dark_bar .megamenu>li:hover{background:#e6e6e6}.megamenu_dark_bar .megamenu li.noactive{background:0 0}.megamenu_dark_bar .megamenu>li>a{color:#fff}.megamenu_dark_bar .megamenu>li:hover>a{color:#00aff0}.megamenu_dark_bar .megamenu>li .megamenu_drop{background:url(images/dropdown.png) no-repeat right 18px}.megamenu_dark_bar .megamenu li.megamenu_button,.megamenu_dark_bar .megamenu li.megamenu_button:hover,.megamenu_dark_bar .megamenu li.megamenu_button_active,.megamenu_dark_bar .megamenu li.megamenu_button_active:hover{background:url(images/mobile_menu.png) no-repeat right 15px}.megamenu_light .megamenu li .dropdown_container{border:2px solid #000;border-top-width:0;background:#fff;color:#00aff0}.megamenu_light .megamenu h1,.megamenu_light .megamenu h2,.megamenu_light .megamenu h3,.megamenu_light .megamenu h4,.megamenu_light .megamenu h5,.megamenu_light .megamenu h6,.megamenu_light .megamenu p{color:#212121;text-shadow:1px 1px #eee}.megamenu_light .megamenu li ol li,.megamenu_light .megamenu li ul li,.megamenu_light .megamenu>li>div a{color:#00f}.megamenu_light .megamenu>li>div a:hover{color:#000}.megamenu_light .megamenu hr{border:0;border-bottom:1px solid #fff;border-top:1px solid #e4e4e4}@media only screen and (max-width:984px){.megamenu img{max-width:96%;height:auto}.megamenu textarea{width:96%}}@media only screen and (min-width:768px) and (max-width:984px){.megamenu_container .megamenu>li{margin:0 8px 0 0}.megamenu_container .megamenu>li>a{padding:16px 10px 17px}.megamenu_container .megamenu>li .megamenu_drop{padding-right:30px}}@media only screen and (max-width:767px){.megamenu_container{height:auto}.megamenu_container .megamenu>li,.megamenu_container .megamenu>li:hover{float:none;width:auto;padding-right:0;margin-right:0}.megamenu_container .megamenu>li>a{padding:16px 10px}.megamenu_container .megamenu li:hover .dropdown_container{top:auto;left:-1px}.megamenu_container .megamenu .dropdown_10columns,.megamenu_container .megamenu .dropdown_11columns,.megamenu_container .megamenu .dropdown_12columns,.megamenu_container .megamenu .dropdown_1column,.megamenu_container .megamenu .dropdown_2columns,.megamenu_container .megamenu .dropdown_3columns,.megamenu_container .megamenu .dropdown_4columns,.megamenu_container .megamenu .dropdown_5columns,.megamenu_container .megamenu .dropdown_6columns,.megamenu_container .megamenu .dropdown_7columns,.megamenu_container .megamenu .dropdown_8columns,.megamenu_container .megamenu .dropdown_9columns{width:94%;padding-left:0;padding-right:0}.megamenu_container .megamenu .col_1,.megamenu_container .megamenu .col_10,.megamenu_container .megamenu .col_11,.megamenu_container .megamenu .col_12,.megamenu_container .megamenu .col_2,.megamenu_container .megamenu .col_3,.megamenu_container .megamenu .col_4,.megamenu_container .megamenu .col_5,.megamenu_container .megamenu .col_6,.megamenu_container .megamenu .col_7,.megamenu_container .megamenu .col_8,.megamenu_container .megamenu .col_9{width:94%;margin-left:3%;margin-right:3%}}@media only screen and (max-width:479px){.megamenu_container .megamenu>li>div>.responsive_fourths,.megamenu_container .megamenu>li>div>.responsive_halfs,.megamenu_container .megamenu>li>div>.responsive_sixths,.megamenu_container .megamenu>li>div>.responsive_thirds{width:42%}}

.style-medium {font-size: medium;font-weight:700;color:#00aff0;}


.lightbox {
 position: fixed;
 left: 0;
 top: 0;
 z-index: 9999;
 text-align: center;
 background: rgba(0,0,0,0.7);
 font-family:'Bitter', sans-serif;
 font-size:1.2em;
 }
.lightbox img {
 display:none;
 margin-top: 100px;
 padding: 10px 10px 35px 10px !important;
 -moz-transition: opacity .25s ease-in-out;
 -webkit-transition: opacity .25s ease-in-out;
 transition: opacity .25s ease-in-out;
  padding: 10px;
 background: #fff;
 -webkit-box-shadow: 0 0 4px rgba(0,0,0,.4);
 -moz-box-shadow: 0 0 4px rgba(0,0,0,.4);
 box-shadow: 0 0 4px rgba(0,0,0,.4); 
 -webkit-border-radius:10px;
 -moz-border-radius:10px;
 border-radius:10px;

 }
a.lightbox{
 color:#232323;
 text-decoration:none;
 font-size:1.2em;
 }
a.lightbox:after{ 
 content: attr(title);
 display: block; 
 margin-top:-30px;
 }
.imgleft{
 float:left;
 margin:0 10px 10px 0;
 }
.imgright{
 float:right;
 margin:0 0 0 10px;
 }
.lightbox:target {
 width: auto;
 height: auto;
 bottom: 0;
 right: 0;
 }
.lightbox:target img {
 display:inline-block;
 }