@charset "UTF-8";
/* CSS Document */


.shadow {
	
	text-shadow: 2px 2px 5px grey;
	
}

.active {
	
	color:#0285d1;
	
}

 .row {
	width: 1024px;
}
.grid_1 {
	width:6.333%;
}
.grid_2 {
	width:14.667%;
}
.grid_3 {
	width:40.0%;
}
.grid_4 {
	width:31.333%;
}
.grid_5 {
	width:39.667%;
}
.grid_6 {
	width:48.0%;
}
.grid_7 {
	width:56.333%;
}
.grid_8 {
	width:64.667%;
}
.grid_9 {
	width:73.0%;
}
.grid_10 {
	width:81.333%;
}
.grid_11 {
	width:89.667%;
}
.grid_12 {
	width:98.0%;
}

 @media screen and (max-width: 9999px) and (min-width: 1011) {

body {
}
 .row {
width: 1200px;
}
 .grid_1 {
width: 80px;
}
.grid_2 {
 width: 180px;
}
.grid_3 {
 width: 280px;
}
.grid_4 {
 width: 380px;
}
.grid_5 {
 width: 480px;
}
.grid_6 {
 width: 580px;
}
.grid_7 {
 width: 680px;
}
.grid_8 {
 width: 780px;
}
.grid_9 {
 width: 880px;
}
.grid_10 {
 width: 980px;
}
.grid_11 {
 width: 1080px;
}
.grid_12 {
 width: 1180px;
}
}


/*1280 x 800*/
 .row {
width: 99%;
}
.grid_1 {
 width:6.333%;
}
 .grid_2 {
 width:14.667%;
}
 .grid_3 {
 width:23.0%;
}
 .grid_4 {
 width:30.433%;
}
 .grid_5 {
 width:39.667%;
}
 .grid_6 {
 width:47.0%;
}
 .grid_7 {
 width:56.333%;
}
 .grid_8 {
 width:64.667%;
}
 .grid_9 {
 width:73.0%;
}
 .grid_10 {
 width:81.333%;
}
 .grid_11 {
 width:89.667%;
}
 .grid_12 {
 width:98.0%;
}


 @media screen and (max-width: 1011px) and (min-width: 100px) {
body {
}
 .row {
width: 328px;
}
.grid_1 {
 width: 80px;
}
.grid_2 {
 width: 160px;
}
.grid_3 {
 width: 320px;
}
.grid_4 {
 width: 320px;
}
.grid_5 {
 width: 320px;
}
.grid_6 {
 width: 320px;
}
.grid_7 {
 width: 320px;
}
.grid_8 {
 width: 320px;
}
.grid_9 {
 width: 320px;
}
.grid_10 {
 width: 320px;
}
.grid_11 {
 width: 320px;
}
.grid_12 {
 width: 320px;
}
.prodimgbanner{display:none;}
.prodimg{max-height:200px;}
.prodimg img{max-height:200px;width:auto;}
}


.row {
	margin: 0 auto;
	overflow: hidden;
}
.column {
	margin: 0 10px 0 10px;
	overflow: hidden;
	float:left;
	display: inline;
}
.rcolumn {
	margin: 0 0px 0 10px;
	overflow: hidden;
	float: right;
	display: block;
}
.row .row {
	margin: 0 -10px 0 -10px;
	width: auto;
	display: inline-block;
}
.alpha {
	margin-left:0px;
}
.omega {
	margin-right:0px;
}
 
 
#nav .off{display:none;}

#nav li {
	list-style: none;
	float: left;
	width: auto;
	margin:0px;
	
}
#nav li a {
	font-size:120%;
	color: #0d84c1;
	text-decoration: none;
	display: block;
	padding-left:10px;
	padding-right:10px;
	border:1px solid #ffffff;
}
#nav li a:hover {
	background-color: #0d84c1;
	color:#ffffff;
	border:1px solid #0d84c1;
	
}
#home .home a, #home .home a:hover, #tutorials .tutorials a, #tutorials .tutorials a:hover, #about .about a, #about .about a:hover, #contact .contact a, #contact .contact a:hover, #news .news a, #news .news a:hover {
	background-color: #000;
	color: #000;
	cursor: default;
}
#nav li ul {
	z-index:1000;
	position: absolute;
	display: none;
	
}
#nav li:hover ul {
	display: block;
}
#nav li ul li {
	float: none;
	
	margin:0px;
}
#nav li ul li a {
	margin:0px;
	position: relative;
	border:none;
	border-bottom:1px solid #ffffff;
	color: #fff;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	
}
#nav li ul li a:hover {
	background: #066;
	color: #000;
	border-top:none;
	border-right:none;
	border-left:none;
}
.highlight A{background: #44baf7;}
#nav-contact {
	position:relative;
	top:0px;
	margin-left:650px;
	width:250px;
	height:20px;
	background-color:#e3e3e3;
	text-align:center;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	
	
}
#main-tiles {
	margin: 0 auto 0px;
	width:960px;
}
#main-tiles div {
	margin-top:24px;
	height:160px;
	width:310px;
	float:left;
}
.tilelink {
	color:#23b8eb;
	text-decoration:none;
	margin-left:12px;
	font-size:16px;
	font-weight:bold;
}
.tilelink:hover {
	color:#666;
}
.tilelink:visited {
	color:#666;
}
.tilelink:active {
	color:#666;
}
.arrow {
	font-size:24px;
	position:relative;
	top:2px;
}
#main-tiles div a img {
	border:none;
	margin-bottom:12px;
}
#main-tile1, #main-tile2 {
	margin-right:15px;
}
#nav-contact A {
	color:#fff;
	text-decoration:none;
}
#nav-contact A:hover {
	color:#666;
	text-decoration:none;
}
#nav-contact a:visited {
	color:#666;
}
#nav-contact a:active {
	color:#666;
}
#main-ss {
	height:480px;
	min-width: 960px;
	max-width: 1280px;
	width: auto;
	background-image:url(../ss/ss-2.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#main-ss2 {
	position:relative;
	top:-480px;
	min-width: 960px;
	max-width: 1280px;
	width: auto;
	margin-bottom:-480px;
}
#main-general {
	margin:12px;
	margin-top:60px;
	margin: 0 auto 0px;
	width:960px;
}
.article {
	width:610px;
	background-color:#ffffff;
	padding:12px;
	margin-bottom:24px;
	border-radius: 6px;
}
.article h1 {
	color:#23b8eb;
}
#main-general #sidebar {
	width:298px;
	float:right;
	background-color:#23b8eb;
	border-radius: 6px;
	color:#ffffff;
	height:100%;
	min-height:440px;
	padding-left:12px;
}
#main-footer {
	min-width: 958px;
	max-width: 100%;
	background-image: url(..//Images/main-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}
.footer {
	font-size:12px;
}
.footer .locations {

	text-align:right;
}
.footer .gremlins {
	text-align:center;
}
#footer-gremlin {
	display:inline;
	margin:10px;
	border:none;
}
#footer-gremlinimg {
	border:none;
}
.ftstore{color:#000;}
.terms {
	text-align:right;
}
.copyright{margin-top:25px;}
.terms a, .footlinks a {
	text-decoration:none;
	color:#999;
}
#clear {
	clear:both;
}
.bodyleft {
	
	height:338px;
}
.bodyright {
	
}
.row {
	margin-top:10px;
}
.map {
	width:100%;
	height:300px;
}
.product {
	display:block;margin:auto;margin-top:5px;
}
.prodimgbanner {
	background:url(../ss/ss-4.jpg);
	background-position:center;
	background-repeat:no-repeat;
	height:200px;
}
.printdoc{float:right;}
.introcontent {
	font-size:100%;
	line-height:19px;
}
.sticky {
	position: fixed;
	height:1.85em;
	margin: 0 auto;
	top: 0;
	z-index: 100;
	border-top: 0;
}
.rounded {
	border:1px solid #0d84c1;
	background-color:#0d84c1;
	border-radius: 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
}
.roundednav{border-top-left-radius:0em;
border-top-right-radius:0em;}

#nav li ul li .nav-last {
	border-bottom:none;
}
.center {
	text-align:center;
}
.contactform input, .contactform textarea {
	border:1px solid #999;
	border-bottom-color: #999;
	border-radius: 6px;
	
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #999;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #999;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #999;
	
	border-top-style: solid;
	border-top-width: 1px;
	padding:6px;
}
.Button {
	background-color:#0d84c1;
	width:150px;
	height:40px;
	font-size:16px;
	color:#ffffff;
}
.salesbutton{
	width:250px;
	height:60px;
	font-weight:bold;}
	
.expertbutton{
	margin-right:33px;
	width:150px;
	height:40px;
	float:right;
	font-weight:normal;}
#txtComments{margin-bottom:20px;}	
	
.Button:hover {
	background-color:#ffffff;
	color:#0d84c1;
}
.fnavrow {
	margin-top:20px;
	margin-bottom:20px;
}
.fnav {
	text-align:center;
	font-size:20px;
	padding-bottom:10px;
}
.fnav a, .button_group .rounded, .printdoc A {
	color:#ffffff;
	text-decoration:none;
	font-weight:800;
}
.printdoc A{margin-left:5px;margin-right:5px;}
.button_group .rounded {padding-left:15px;
padding-right:15px;display:inline-block;}
.button_group {margin-top:20px;Margin-bottom:20px;}
.askbutton{color:#fff;}
.fnav a:hover, .button_group .rounded:hover {
	color:#999;
}
.price {
	float:right;
}
.stickem-container {
	position: relative;
}
.stickit {
	margin-left: 660px;
	position: fixed;
	top: 0;
}
.stickit-end {
	bottom: 0;
	position: absolute;
	right: 0;
}
#pnlmap div {
	display:block;
	width:293px;
	float:left;
	margin:5px;
	background-color:#0d84c1;
	color:#fff;
	text-decoration:none;
	padding:5px;
}
#pnlmap div a {
	color:#fff;
	text-decoration:none;
}
#pnlmap div a:hover {
	color:#666;
}
#pnlmap {
	margin-bottom:625px;
}
.Visible {
	display:block;
}
.InVisible {
	display:none;
}




.productgrid-a {
	height:auto;
}
.productgrid-b {
	margin-top:25px;
	display:none;
	
}
.productgrid-b .borderbox{border:1px solid #565656;padding:5px;height:145px;position:relative;}

.product-title-link {margin-bottom:0px;min-height:1.8em;line-height:.8em;}
.fromprice, .startingprice, .frompriceretail{color:#f00;
font-weight: 500;}
.fromtheprice{font-weight:bold;}
.strikethrough{text-decoration: line-through;}
.frompriceretail{display:none;}

.product-title-link a {
	font-size:18px;
	text-decoration:none;
	color:#565656;
	margin-top:0px;
}
.findmore{padding:5px;text-align:center;background-color:#fff}
.findmore a{color:#0d84c1;text-decoration:none;font-weight:500;}
.findmore a:hover{color:#999;}
.prodlistimg-b{border:0px;width:120px;float:left;}
.imagecover-b h2{line-height:16px;}
.prodlistimg-a{border:0px solid #565656;width:100%; }

.imagewrap{position: relative;}

#resmore{display:inline;}
#resmore-a{display:none;}
.productgrid-b .borderbox #resmore{position:absolute;bottom:5px;right:5px;}
#resmore a{text-decoration:none;font-weight:bold;color:#ffffff;padding-left:5px;padding-right:5px;}
.navphonefl {
	float:right;
	margin-right: 13px;
	text-align:right;
	color:#000;
}
.navphoneflsingle{font-size:1.8em;}
.contentarea {
	font-size:130%;
}
.caption {
	font-size:12px;
}
.personnel {
	height:250px;
	margin-top:25px;
}
.imgPersonnel {
	margin-right:15px;
	margin-bottom:15px;
	Margin-top:5px;
}

.pricefooter{clear:both;padding-bottom:10px;margin-bottom:10px;}
.disclaimer{font-size:80%}
.border1{border:1px solid #999;}
#slider1_container{position: relative; top: 0px; left: 0px;
        height: 480px;z-index:0;}
.sliderlink{color:#ffffff;font-weight:bold;font-size:20px;padding:10px;padding-left:20px;padding-right:20px;text-decoration:none;border:3px solid #fff;border-radius: 20px;margin:20px;}		
#resproduct{margin-left:0px;}
.FloatRightBorder{float:right;margin-left:10px;margin-bottom:10px;}
.DeliveryDaysTable{border:1px solid #000000;}

.fpage .grid_6, .fpage .grid_12{margin-bottom:20px;}
.FloatRight{float:right;}
.imagecover{font-size:12px;
text-align:right;
color:#0d84c1;
font-size:14px;
font-weight:bold;
position: absolute; 
   top: 20px; 
   left: 0; 
   width: 384px;
   background-color:rgba(255, 255, 255, .2);padding-left:0px;padding-right:20px;width:99% }

   
   .featurecover{
 

font-size:14px;

   bottom: 5px; 
   left: 0; 
  
   padding-left:0px;padding-right:20px;
  
	 }
   
.imagearea{position:relative;}
.featureloc{font-size:14px;width:99%;}
.featurelocIcon{}
.featurelocIcon img{position:absolute;bottom:25px;right:10px;z-index:1;}
.wwhouse{min-height:250px;}
.wsoft{min-height:345px;}
.rosmosis{min-height:200px;}
.imagewrap:hover > .featurecover{
opacity: 1.0;
}
.imagewrap:hover > .imagecover{
 background-color:rgba(255, 255, 255, .7)
}
.imagewrap:hover > .imagecover h2 a{
color:#565656;
}
.border-bottom{border-bottom:1px solid #444444;}
.border-top{border-top:1px solid #444444;}
.grid_4 .drinkicon{min-height:388px;position:relative;}
.grid_3 .drinkicon{min-height:290px;position:relative;}

.grid_4 .drinkothericon{min-height:388px;position:relative;}
.grid_3 .drinkothericon{min-height:290px;position:relative;}

.drinkicon a{position:absolute; bottom:0}


#fea-out {
  left: 0px;
  position: absolute;
  text-transform: uppercase;
  top: 0px;
  z-index: 9;
}
 
#fea-out #fea-in {
  background-color: #0d84c1;
  border-radius: 999px;
  display: table;
  height: 90px;
  position: relative;
  width: 90px;
  -webkit-border-radius: 999px;
}
 
#fea-out #fea-in p {
  color: #fff;
  display: table-cell;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  text-align: center;
  vertical-align: middle;
}

.slideshow{}
.red{color:#ed1c24;}
.wwprodesc{height:100px;}
.startingat{color:#ed1c24;font-size:1.5em;}


.starburst {

  background: #ed1c24;  
  /* 
  Uncomment this to tart them up..
  background: radial-gradient(circle, #e00000 20%, #990000 80%); 
  text-shadow: 0 .05em .05em rgba(0,0,0,.5);
  */ 
  width: 5em;
  height: 5em;
  text-align: center;
  color: #fff;
}

.starburst,
.starburst span {
  display: box;
  box-align: center;
  box-pack: center;

}

.askexpert{margin-top:10px;float:right;}


.starburst span {
  width: 100%;
  height: 100%;
  background: inherit;
  transform: rotate(45deg);
}

.starburst:before,
.starburst:after ,
.starburst span:before,
.starburst span:after {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: inherit;
   z-index: -1;
  transform: rotate(30deg);
}

.starburst:after {
  transform: rotate(-30deg);
}

.starburst span:after {
  transform: rotate(30deg);
}
.starburst span:before {
  transform: rotate(-30deg);
}

.waterdisplay {
  position: absolute;
  top: 50%;  
  margin-top: -1.25em;
  margin-left: -1.25em;
}

#waterdisplay1 {
  left: 25%;
  
  transform: rotate(-45deg);
  z-index:2;
}
.bottomdevide{clear:both;border-bottom:1px solid #ccc;}

.fpouter{ border:1px solid #0d84c1;
	background-color:#ffffff;
	border-radius: 6px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	}
	
	.fpouter:after {
  content: ' ';
  display: block;
  height: 20px;
}

.fpouter .inner {
  padding:25px;
}

s {color:#F00;}

.admin{position:absolute;top:0px;left:0px;z-index:999;background-color:#CCC;width:75px;}
.admininner{padding:10px;}
.askexpertgremlin{height:30px;display:inline-block;}
.askexpertgremlin a{color:#fff;text-decoration:none;}
.noprice{display:none;}
.faucetdiv{float:left;}
.faucet{width:350px;}

 #images_hz {
overflow: hidden;
align-content:center;
align-items:center;
}
#images_hz img {
display: inline;
margin: 0 10px;
align-content:center;
align-items:center;


}

 .space {

padding-bottom:50px;
	 
 }
 
 .divider{
    height:40px;
    display:inline-block;
}

 #adjust {

margin-left: auto;
margin-right: auto;
	 
 }

 .line-across {
 display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
   
 }