@import url("ooyes.framework.css");


body{
  font:12px Verdana, sans-serif;
  color: #555;
  /*width: 2000px;*/
  background: url(../img/body_main_bg.jpg) repeat-x;
}
body.front{


}
h2{
  color: #0687D6;
}
.richtext h1,
.richtext h2,
.richtext h3,
.richtext h4,
.richtext h5{
  color: #0687D6;
}


#container{
  background: url(../img/footerpatt.jpg) repeat-x left bottom;
}
#maincontainer{
    /*background: url(../img/body.png) no-repeat center top;*/
    background: url(../img/body_slide.png) no-repeat center top;
}
#fcontainer{

  background: url(../img/footerbg_form.png) no-repeat center bottom;
}


a, input, textarea, object, embed{
  outline: none;
}

a{
  color: #333D5E;
}

a, a *{
  cursor: pointer;
}

*{
  font-family: Verdana, Arial, sans-serif !important;
}


hr {
color:	#0080b1;
background-color:#0080b1;
border:0px;
height:1px;
width:100%;
}

#wrapper{
  width: 942px;
  margin: 0 auto;
  min-height: 1200px;
     -height: 1200px;
  position: relative;
  left: -9px;

}

#header{
  width: 942px;
  padding-bottom: 12px;
  position: relative;
  z-index: 2;
}
address#phone{
  float: right;
  display: block;
  width:239px;
  height:30px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/phone.jpg) no-repeat
}

#logo{
  clear: both;
  float: left;
  display: block;
  position: relative;
  cursor: pointer;
  width:209px;
  height: 48px;
  overflow: hidden;
  background: url(../img/logov2.png) no-repeat;
  text-indent: -9999px;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/logov2.png', sizingMethod="crop");
  margin-top: 56px;

}
#nav{
  list-style: none;
  float: right;
  margin:84px 0 0 20px;
  position: relative;
}
#nav li{
  float: left;
  margin-left:12px;
  position: relative;
  z-index: 1;
}
#object_hover{
  position: absolute;
  z-index: 0;
  display: inline-block;
  zoom:1;
  top: -5px;
  left: 0px;
  height: 22px;

  overflow: visible !important;
}
#td_mid{
  background: url(../img/nav_mid.png) repeat-x;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/nav_mid.png', sizingMethod="scale");
}

#object_hover table td{
  margin: 0;
  padding: 0;
}
#object_hover table{
  height: 22px;
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
}

#object_hover #td_left{
  width: 4px;
  height: 22px;
  overflow: hidden;
  background: url(../img/nav_left.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/nav_left.png', sizingMethod="crop");
}
#object_hover #td_right{
  width: 4px;
  height: 22px;
  background: url(../img/nav_right.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/nav_right.png', sizingMethod="crop");
}

#nav li a{
    display: inline-block;
    text-decoration: none;
}
.c{
  clear: both;
  height: 1px;
  overflow: hidden;
}

#preloader{
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 0px;
  overflow: hidden;
}
#home_head{
  clear: both;
  width:942px;
  height: 359px;
  position: relative;
  float: left;
  margin-top:1px;
  margin-bottom: 20px;
  

}

#home_head_image{
  background: url(../img/home_image_1.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/home_image_1.png', sizingMethod="crop");
  width:961px;
  height: 363px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  top: -4px;
  left: -10px;
  -left: 0px;

}
#home_head_image_2{
  /*background: url(../img/home_image_1_2.png) no-repeat;*/
  background: url(../img/nb1.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/home_image_1_2.png', sizingMethod="crop");
  width:961px;
  height: 363px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  top: 0px;
  left: -9px;
  -left: 0px;

}
#home_head_image_3{

  background: url(../img/top_n.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/top_n.png', sizingMethod="crop");
  width:961px;
  height: 775px;
  overflow: hidden;
  position: relative;
  z-index: 0;
  top: 0px;
  left: -12px;
  -left: 0px;

}


#baner_txt{
  position: absolute;
  z-index: 1;
  width:520px;
  top: 310px;
  left:366px;
  text-align: right;
}

#baner_a{
  display: block;
  width:131px;
  height: 37px;
  background: url(../img/baner_btn.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/baner_btn.png', sizingMethod="crop");
  text-align: center;
  cursor: pointer;
  float: left;
  margin-right: 15px;
}
#baner_h2{
    position: absolute;
    left:621px;
    top:185px;
}
#btextintro{
color:#1D3D85;
font:italic 13px "Times New Roman",Times,serif;
left:620px;
position:absolute;
text-align:left;
top:218px;
width:282px;


}



#baner_a:hover{
  background: url(../img/baner_btnh.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/baner_btnh.png', sizingMethod="crop");
}
#baner_a span{
  display: block;
  padding-top: 9px;
  text-align: center;
}

/* #content */

#content{
  clear: both;
  width: 942px;
  margin: 0 auto;
  min-height: 515px;
   -height: 515px;
   zoom:1;
   padding-bottom: 30px;
}
#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
table#content{
  vertical-align: top;
  width: 940px;
}

#back_to_home{
  display: block;
  width: 238px;
  height: 46px;
  background: url(../img/back_to_home1.jpg) no-repeat;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  top:-27px;
  right: 5px;
}
#back_to_home span{
  display: none !important;
}
#bth_w{
  position: relative;
  height: 22px;
  width: 238px;
  float: right;
}


.content-inner{
  width:883px !important;
  padding-left: 12px;
  padding-right: 10px;
}


.gradient_top{
  background: url(../img/gradient_block.jpg) repeat-x;
  padding-top:15px;
  min-height: 97px;
     -height: 97px;
     zoom:1;
}
.gradient_top:after{
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;

}


.cblock{
  padding-left: 15px;
  padding-right: 15px;
}

#fvideo{
  margin-bottom:15px;
  padding-left: 15px;
}


#footer{
  height: 305px;
  clear: both;
}

#featured_video{
  float: left;
  width: 425px;
  padding-left: 15px;
  margin-right: 20px

}

a.btn{
  display: inline-block;
  position: relative;
  left: 12px;
  height:19px;
  padding-top: 5px;
  background: url(../img/btn_mid.png) repeat-x;
  text-align: center;
  padding-right: 2px;
  padding-left: 4px;
}
a.btn i, a.btn s{
  display: block;
  position: absolute;
  top: 0px;
  width: 12px;
  height: 24px;
  cursor: pointer;
}
a.btn i{
  background: url(../img/btn_left.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/btn_left.png', sizingMethod="crop");
  left: -12px;
}
a.btn s{
  background: url(../img/btn_right.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/btn_right.png', sizingMethod="crop");
  right: -13px;
  width:14px;
}
a.btn:hover{
  background: url(../img/btn_midh.png) repeat-x;
}
a.btn:hover i{
  background: url(../img/btn_lefth.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/btn_lefth.png', sizingMethod="crop");
}
a.btn:hover s, a.btn_active s{
  background: url(../img/btn_righth.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/btn_righth.png', sizingMethod="crop");
}

a.cart-btn{
  padding-left:18px;
}
a.cart-btn b{
  display: block;
  position: absolute;
  left:-2px;
  top: 7px;
  width:13px;
  height: 10px;
  background: url(../img/cart_btn.gif) no-repeat;
}
a.info-btn{
  padding-left:16px;
  float: right;
}

table a.info-btn{
  padding-left:16px;
  float: none;
  margin-right: 25px;
}
a.info-btn b{
  display: block;
  position: absolute;
  left:-2px;
  top: 8px;
  width:8px;
  height: 7px;
  background: url(../img/arr_btn.gif) no-repeat;
}

#home_video_preview{
  float:left;
  width: 573px;
  padding-bottom: 40px;
}
.ie7 #home_video_preview{
  padding-bottom: 0px;
}
#home_video_preview a.btn{
  left: -12px;
}

.subtitle{
  display: block;
  font: bold 12px Arial, sans-serif;
  color: #292929;
  padding-top: 7px;
}

#home_video_preview .subtitle{
  padding-bottom: 7px;
}


p.p{
    font: 12px Arial, sans-serif;
    color: #777777;
}

#home_video_preview ul{
    clear: both;
    float: left;
    list-style: none;
    margin-top: 20px;
}
#home_video_preview ul li{
  float: left;
  width:120px;
  margin-right: 30px;
}
#home_video_preview ul li span{
  display: block;
  width: 120px;
  height: 90px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
}
#home_video_preview ul li strong{
  display: block;
  font: 11px Arial, sans-serif;
  color: #777777;
  padding-top: 3px;
}
#home_video_preview ul a{
  text-decoration: none;
}
#home_blocks{
    clear: both;
    margin-top: 40px;
}

.hblock{
  float: left;
  width: 295px;
  margin-right: 6px;

}

.mask1{
  width: 281px;
  height: 136px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  float: left;
  margin-bottom:22px;
}
.mask1 .mask{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 281px;
  height: 136px;
  background:url(../img/mask_home.png) no-repeat;
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/mask_home.png', sizingMethod="crop");
}
.hblock h2{
  clear: both;
  padding-bottom: 10px;
  border-bottom: solid 1px #ddd;
}
.hblock .p{
  padding-top: 7px
}
.hblock_bottom p.p{
  height: 113px;
  overflow: hidden;
}


#home_blocks{
  padding-bottom: 60px;
}
.hblock .btn{
  float: right;
  margin-top: 22px;
  margin-right: 20px;
}
.hblock_bottom{
  clear: both;
  width:275px;
  padding-right: 5px;
  border-right: solid 1px #ddd;
  overflow: hidden;
  zoom:1;
  padding-right:13px;
}

#footer-nav{
  float: left;
  list-style: none;
}
#footer-nav li{
  float: left;
  margin-right: 15px;
}
#footer-nav a{
  font: 12px Arial, sans-serif;
  text-decoration: none;
  color: #fff;
}
#footer-nav a:hover,
#footer-nav a.active{
  text-decoration: underline;
}

#subfooter{
  height: 270px;
  overflow: hidden;
}

#from_the_blog{
  float: left;
  margin:26px;
 -margin:26px 13px;
  width:525px;
  margin-right: 0;

}

#from_the_blog ul{
  list-style: none;


}

#from_the_blog li{
    display: block;
   padding-left:45px;
   font:12px Arial, sans-serif;
   color: #fff;
   background: url(../img/square.gif) no-repeat 0 3px;
   padding-bottom: 15px;
   padding-top: 7px;
}
#from_the_blog li a{
   font:12px Arial, sans-serif;
   color: #fff;
   text-decoration: none;
}
#from_the_blog li a:hover{
   text-decoration: underline;
}

#from_the_blog h2{
  padding-bottom: 12px;
}

#footer_serach_bar{
  float: right;
  width: 307px;
  padding-left:13px;
  margin-top: 26px;
}

#footer_serach_bar p{
      font:12px Arial, sans-serif;
   color: #fff;
   padding:20px 0;
   height: 13px;
   overflow: hidden;
}

#footer-search{
  float: left;
  margin-top: 36px;
  margin-left: 0px;
  width: 280px;
}
.ie7 #footer-search{
  margin-left: 5px;
}


#footer-search input#zip{
   font:12px Arial, sans-serif;
   color: #fff;
   border: 0;
   background: none;
   width: 180px;
   margin-right: 10px;
   -margin-right: 0px;
   margin-top: 6px;
   float: left;
}
#footer-search #search_submit{
  text-decoration: none;
  display: inline-block;
  width:80px;
  height: 21px;
  padding-top: 6px;
  text-align: center;
  float: right;
}
#footer_serach_bar small{
  display: block;
  clear: both;
  font: 9px Arial, sans-serif;
  text-transform: uppercase;
  color: #Fff;
  padding: 4px 0 0 8px;
  -padding: 4px 0 0 15px;
}

#footer_share{
  float: right;
  width: 290px;
  margin-top: -5px;
}
#footer_share h2{
  display: inline;
  float: left;
  margin-right: 5px;
}

#footer_share a{
  float: left;
  margin-left: 10px;
  margin-top: -8px;
  position: relative;
}

/* Inner Pages */

#in-banner{
  width: 907px;
  position: relative;
  height: 173px;
  margin: 15px auto;
  background-repeat: no-repeat;
  background-position:center top;
  background-color: transparent;
}
/* Banners */
.about-baner{
  background-image: url(../img/banner_about.jpg);
}
.news-baner{
  background-image: url(../img/news_header.jpg);
}
.searchdealer-baner{
  background-image: url(../img/search_dealer_header.jpg);
}
.affiliate-baner{
  background-image: url(../img/banner_affiliate.jpg);
}
.contact-baner{
  background-image:url(../img/banner_contacts.jpg);
}
.product-baner{
  background-image: url(../img/banner_products.jpg);
  background-position: left bottom !important;
  margin-top: 55px !important;
  height: 180px !important;
}
.resources-baner{
  background-image: url(../img/blue_512x512x32_1_2.png);
  background-position: left bottom !important;
  margin-top: 55px !important;
  height: 200px !important;
}
.view-cart-baner{
    background: url(../img/cart_banner.jpg) no-repeat -3px 19px !important;
}


#banner-bar{
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: url(../img/baner_bar.jpg) no-repeat;
  width:907px;
  height: 43px;
}

#banner-bar .white-title{
  float: left;
  display: inline;
  margin: 12px 0 0 14px;
}

#current_pages{
  z-index: 9;
}


#subscribe-form{
  float: right;
  display: inline;
}

#subscribe-submit{
  width:85px;
  height: 26px;
  background: url(../img/subscribe_btn.jpg) no-repeat;
  border: none;
  cursor: pointer;
  float: left;
  margin:8px 10px 0 0;
}
#subscribe-form div{
  width: 161px;
  height: 27px;
  background: url(../img/subscribe_text.jpg) no-repeat;
  float: left;
  margin-top: 8px;
  margin-right: 10px;
  -margin-right: 5px;
  overflow: hidden;
}
#subscribe-form div input{
  padding:7px;
  width:145px;
  background: none;
  border: none;
  font: 10px Arial;
  color: #777777;
}
#subscribe-form div input.focus{
  font-family:Arial,sans-serif;
  font-size:12px;
  color: #000;
    padding:6px;
}
#subscribe-label{
  float: left;
  margin:16px 10px 0 0;
}

.breadcrumb{
  list-style: none;

}
.breadcrumb li{
  display: inline;
  padding-right: 7px;
  background: url(../img/breadcrumb.gif) no-repeat 100% 7px;
}
.breadcrumb li a{
  padding-left: 2px;
}
.ie6 .breadcrumb li a,
.ie7 .breadcrumb li a{
  padding-left: 6px;
}
.breadcrumb li.last{
  background: none
}
.breadcrumb a{
  font:10px Arial;
  color: #777777;
  text-decoration: none;
}
.breadcrumb a:hover{
  text-decoration: underline;
}

#current_pages{
  position: fixed;
  -position: absolute;
  top: 20px;
  left: 20px;
  border: solid 1px;
  padding: 20px;
  background: #fff;
  opacity:.7;
  filter:alpha(opacity=70);
  list-style-position: inside;
}
#current_pages a{
  color: #000;
  display: inline-block;
  padding: 2px 0
}

#sidebar{
  float: right;
  width: 192px;
  padding-bottom:40px;
  zoom:1;
}
#sidebar:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.side-nav{
  list-style: none;
  margin-bottom: 20px;
}

.side-nav ul{
  list-style: none;
}
.side-nav a{
  display: block;
  width: 196px;
  /*height: 53px;*/
  height: 35px;
  padding-top:18px;
  background: url(../img/sidenav.jpg) no-repeat;
  text-align: center;
  font: 14px Verdana, Arial, sans-serif;
  color: #787878;
  text-decoration: none;
}
.side-nav a:hover,
.side-nav a.active{
  background: url(../img/sidenavh.jpg) no-repeat;
  color: white;

}

.side-nav li.big a,
.side-nav ul.big a{
    background: url(../img/sidenavbig.jpg) no-repeat;
    background: url(../img/sidenavbig2.jpg) no-repeat;
    height: 76px;
    height: 67px;
    width: 196px;
    padding-top: 0px;
    overflow: hidden;
    margin-bottom: 5px;

}

.side-nav a td{
    height: 60px;
    width: 186px;
    text-align: center;
    vertical-align: middle;
    padding: 5px;
}
.gecko .side-nav a td{
  height: 67px;
}

.side-nav li.big a.active,
.side-nav li.big a:hover,
.side-nav ul.big a.active,
.side-nav ul.big a:hover{
    background: url(../img/sidenavbigh.jpg) no-repeat;
    background: url(../img/sidenavbig2.jpg) no-repeat 0 -73px;
}


.siderss{
  display: block;
  width: 198px;
  height: 56px;
  background: url(../img/rss.jpg) no-repeat;
  overflow: hidden;
  text-indent: -9999px;

}
#main{
  float: left;
  width: 663px;
  padding: 0 12px;
  padding-bottom: 20px;
  clear: both;
  -overflow:hidden;
}
#main-title{
  width: 667px;
}
.blue-title-normal,
.blue-title-normal a{
    font: bold 24px Arial, sans-serif;
    color: #0687D6;
    text-decoration: none;
}




h2.blue-title{
  padding-bottom:10px;
  display: inline-block;
}

#slider a{
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  width: 128px;
  height: 96px;
  margin-right: 12px;
}

#slider a.active{
	border: solid 4px #2B76D2;
      width: 120px;
  height: 88px;

}

#slider{
  position:relative;
  white-space:nowrap;
  overflow: hidden;
  zoom:1;
  margin: auto;
  width: 560px;
}

#slides{
  width: 600px;
  padding-top: 12px;
}




#vision_wrap{
  width: 600px;
  height: 450px;
  background-repeat: no-repeat;
  background-position: center center;
}
#coll_loading {
  background:transparent url(../img/gloader.gif) no-repeat scroll 0 0;
  background:transparent url(../img/loaderx.gif) no-repeat scroll 0 0;
  display:none;
  height:15px;
  left:50%;
  margin:-7px 0 0 -64px;
  overflow:hidden;
  position:absolute;
  top:50%;
  width:128px;
  z-index:3;
}

#gallery{
  position:relative;
  margin: auto;
  width: 600px;
}

#slides_left, #slides_right{
    display: block;
    width:13px;
    height: 23px;
    text-indent: -9999px;
    cursor: pointer;
	margin-top: 40px;
}
#slides_left{
  background: url(../img/slide_left.jpg) no-repeat;
  float: left;
}

#slides_right{
  background: url(../img/slide_right.jpg) no-repeat;
  float: right;
}

#start_play{
    display: inline-block;
    font: 12px Arial, sans-serif;
    text-decoration: none;
    color: #777777;
    padding:4px 0 4px 24px;

}
.pausePlay{
  background: url(../img/pause.jpg) no-repeat 0px 3px;
}
.startPlay{
    background: url(../img/play.jpg) no-repeat 0px 3px;
}

.icon-list{
  list-style: none;
}
.icon-list li{

}
.icon-list li a{
  padding:2px 0 2px 22px;
  background-repeat: no-repeat;
 display: inline-block;
 color:#1695BE

}
.icon-list li a:hover{text-decoration:none}
ul.see-more a{
  background-image: url(../img/seemore.gif);
  background-position: 0 2px;
}

.read-more{
  display: inline-block;
  position: relative;
  width: 68px;
  text-align: center;
  height: 14px;
  padding-top: 0px;
  font:10px Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  background: url(../img/read_more.png) no-repeat;
      -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/read_more.png', sizingMethod="crop");
  cursor: pointer;
}
.read-more:hover{
  background: url(../img/read_moreh.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/read_moreh.png', sizingMethod="crop");
}

.news{
  clear: both;
  padding-bottom: 35px;
  width:665px;
  overflow: hidden;
}
.news .blue-title{
  padding-bottom: 0px;
}


.news .gradient_top img{
  float: left;
  margin:0 7px 3px 0;
}

.news .comments-number{
  display: inline-block;
  padding:4px 40px 6px 0;
  font:10px Arial;
  color:#3CA3EB;
  background: url(../img/cnumber.gif) no-repeat right top;
  float: right;
  margin-top: 4px;
  text-decoration: none;
}

.date{
  font: 11px Arial;
  color: #777777;

}
.news .date{
  display: block;
  padding: 0 0 5px 0;
}


.paging{
  float: right;
  list-style: none;

}
.paging li{
  float: left;
  margin-left: 9px;
}
.paging a{
  display: block;
  width:23px;
  height:16px;
  padding-top: 2px;
  text-align: center;
  text-decoration: none;
  color: white;
  font: bold 12px Arial;
  background: url(../img/paging.jpg) no-repeat;
  opacity:.49;
  filter:alpha(opacity=49);
}
.paging a:hover,
.paging a.active,
.paging li.active a{
  opacity:1;
  filter:alpha(opacity=100);
}

.paging-label{
  float: right;
  margin-right: 2px;
  color:#373737;
  font-size: 11px;
  margin-top: 2px;
}

.feature{
  list-style: none;
  font-size: 11px;
  line-height: 12px;
  -width: 200px;
  -overflow:hidden;
}

.feature .img{
  float: left;
  margin: 0 5px 0 0;
  display: block;
  width: 57px;
  height: 62px;
  background-repeat: no-repeat;
  background-position: center center;
}
.feature .read-more{
  float: right;
  margin-top: 10px;
  margin-right: 7px;
}
.feature li{
        margin-bottom: 10px;
        clear: both;
        float: left;
        width: 200px;
        height: 80px;
}
.imagelimiter img{
  max-width: 100%;
}

.news-inner{
  border-bottom: solid 1px #E7E7E7;
  padding-bottom: 35px;
  zoom:1;
}
.news-inner:after{
  	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.avatar{
  position: relative;
  width:30px;
  height: 30px;
  float: left;
  margin-right: 8px;
}
.avatar span{
  display: block;
  position: absolute;
  top:0px;
  left: 0px;
  width:23px;
  height: 24px;
  background:url(../img/noavatar.png) no-repeat;
    -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/noavatar.png', sizingMethod="crop");
  z-index: 0;


}
.avatar div{
  position: relative;
    width:30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 1;
}
#comments .date{
  float: right;
}
#comments p{
  clear: both;
}


#comments_form label{
  display: block;
  padding:6px 0 5px 4px;
}

#comments_form label.error{
  display: inline;
  padding:0;
  position: absolute;
  right: 0px;
  color: #630E32;
  top: -17px;

}

#comments_form{
  width: 450px;
}


#comments_form div.box{
  position: relative;
}


#comments_form input{
  width: 440px;
  border: solid 1px #C4C4C4;
  height: 16px;
  padding: 4px
}
#comments_form textarea{
  width: 440px;
  border: solid 1px #C4C4C4;
  height: 150px;
  padding: 4px;
}
#comments_form #captcha input{
  width:100px;
  float: left;
  margin-right: 20px;
  margin-top: 8px;

}



#captchaimage{
  float: left;
  text-align: center;
  width: 150px;
  height: 40px;
  position: relative;
}
#captchaimage span{
  display: block;
  position: absolute;
  z-index: 1;
  width: 150px;
  height: 40px;
  top: 0px;
  left: 0px;
  background: url(../img/cw.jpg) no-repeat center center;
  opacity:.72;
  filter:alpha(opacity=72);

}

#captchaimage samp{
  z-index: 0;
  width: 150px;
  height: 40px;
  position: relative;
  text-align: center;
  font: 27px Georgia, Times, serif;
  display: block;
  padding-top: 3px;
}

#comments_form a.btn{
  float: left;
  margin-top:7px;
}

#comments_form textarea.error,
#comments_form input.error{
  border: solid 1px red;
}

#testimonial-slide{
  white-space: nowrap;
  clear: both;
  height:65px;
  width:665px;
  overflow: hidden;
  padding-bottom: 20px;
}
#testimonial-slide a{
  display: inline-block;
  width: 72px;
  height: 63px;
  overflow: hidden;
  zoom:1;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px
}

#google-map{
  width:880px;
  height: 370px;
  border-right: solid 1px #b1b1b1;
  border-bottom: solid 1px #b1b1b1;
  margin: auto
}

#search_dealer{
  clear: both;
}
#search_dealer_input{
  background: url(../img/map_search.jpg) no-repeat;
  width: 527px;
  height: 27px;
  float: left;
  margin-right: 7px;
}
#search_dealer_input input{
  width: 507px;
  padding: 5px 7px;
  border: 0px;
  background: none;
}


#search_dealer_submit{
  width: 80px;
  height: 24px;
  display: block;
  background: url(../img/map_search_btn.jpg) no-repeat;
  cursor: pointer;
  border: none;
}

#dealer_details address{
  float: left;
  width:250px;
  font: 12px/16px Arial;
  color: #3C3C3C;

}

#dealer_details{
  padding-bottom: 50px;
}
#search-dealer-title{

    text-align: right;
    display: block;
    padding: 72px 72px 0 0;
}
.richtext .blue-title{
  padding: 0px;
}

.prev-post, .next-post{
    display: inline-block;
    background-repeat: no-repeat;
    text-decoration: none;

}


.prev-post{
  float: left;
  background: url(../img/prev_left.jpg) no-repeat;

}
.next-post{
  float: right;
  background: url(../img/next_left.jpg) no-repeat;
}

.prev-post span{
  background: url(../img/prev_right.jpg) no-repeat right top;
  display: block;
  padding:7px 12px 7px 28px;

}
.next-post span{
  background: url(../img/next_right.jpg) no-repeat right top;
  padding:6px 28px 10px 12px;
  display: block;
}

.the-video{
  float: left;
  width: 320px;
  margin-right: 15px;
}

.videos{
  width: 650px;
  clear: both;
  padding-bottom:15px;
  overflow: hidden;
  zoom:1;
}
.video-info{
    width: 290px;
    float: left;
}

.paging-videos{
  float: right;
  list-style: none
}
.paging-videos li{
  float: left;
  margin-right:3px;
  margin-left:3px;
}
.paging-videos a{
  display: block;
  width:27px;
  height: 20px;
  padding-top: 4px;
  font: bold 12px Arial;
  text-decoration: none;
  color: #5F5F5F;
  text-align: center;
}
.paging-videos a:hover,
.paging-videos a.active,
.paging-videos li.active a{
  background: url(../img/vpaging.jpg) no-repeat;
  color: #fff;
}

#dealer-slogan{
  float: left;
  margin: 58px 0 6px 22px;
  -margin: 58px 0 6px 11px;
}
#dealer-phone{
  clear: both;
  display: inline-block;
  height:39px;
  background: url(../img/phone.ico.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/phone.ico.png', sizingMethod="crop");
  padding: 13px 0 9px 55px;
  float: left;
  margin-left:214px;
  -margin-left:107px;
}
#contact-phone{
  clear: both;
  display: inline-block;
  background: url(../img/phone.ico.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/phone.ico.png', sizingMethod="crop");
  padding: 9px 0 9px 55px;
  float: left;
  margin-left:45px;
  -margin-left:22px;
  margin-top:45px;
}


#dealer-baner-contact{
  position: absolute;
  white-space: nowrap;
  left: 13px;
  bottom: 4px;
}
#dealer-baner-contact h2{display: inline;}

.rows, #specification-table table{
    border-collapse:collapse;
}
.rows td, #specification-table td{
    padding: 4px 4px 3px 4px;
    background: url(../img/rowsbg2.jpg) repeat-x;
    width: 33.33%;
    text-align: left;
}
.rows tr.even td, #specification-table tr.even td{
  background: #eee url(../img/rowsbg.jpg) repeat-x;
}
table.mark b{
  display: block;
  float: left;
  width: 36px;
  height:16px;
  background: url(../img/mark.gif) no-repeat;
}

#contact-slogan{
  clear: both;
  float: left;
  margin: 17px 0 4px 105px;
  -margin: 17px 0 4px 52px;
}
#contact-mail{
  clear: both;
  float: left;
  margin: 0px 0 4px 105px;
}
.half-width{
  width: 440px;
  float: left;
}
.cinput{
  width: 421px;
  height: 27px;
  background: url(../img/cinput.jpg) no-repeat;
}
.cinput input{
  width: 405px;
  height: 17px;
  padding: 5px;
  background: none;
  border: none;
}
.carea{
  width: 421px;
  height: 166px;
  background: url(../img/carea.jpg) no-repeat;
}
.carea textarea{
  width: 400px;
  height: 150px;
  padding: 5px;
  background: none;
  border: none;

}
.csubmit{
  display: block;
  width: 80px;
  height: 24px;
  border: none;
  cursor: pointer;
  background: url(../img/csubmit.jpg) no-repeat
}

#contact-form .carea,
#contact-form .cinput{
  padding-bottom:8px;
}
/*  67 - R */
#contact-form{
  width:421px;
  padding-bottom: 40px;
  overflow: hidden;
  zoom:1;
}
#contact-form div.error{
    background: transparent url(../img/cinput_err.jpg) no-repeat scroll 0 0;
}


#contact-form .csubmit{float: right;}

.contact-details a{
  color:#6F6F6F;
  text-decoration: none;
}
.contact-details a:hover{
  text-decoration: underline;
}
.detail{
  font: 12px Arial, sans-serif;
  color: #6F6F6F;
}
.contact-details{
  font: 12px Arial, sans-serif;
  float: left;
  width: 215px;
  color: #6F6F6F;
}


.contact-details b{
  padding-right: 5px;
}

.share{
  height:38px;
  background: url(../img/contacts_share.jpg) no-repeat
}
.share a{
  display: block;
  float: left;
  height: 38px;
  width: 38px;
  margin-right: 4px;
}
.more-contacts{
  background: url(../img/morec.jpg) no-repeat ;
  height:45px;
}
.more-contacts a{
  display: block;
  float: left;
  height: 38px;
  width: 44px;
  margin-right: 4px;
}

.sidenfo{
  list-style: none
}
.sidenfo li{
  padding-bottom: 10px;
  display: block;
  overflow: hidden;
  zoom:1;
}
.sidenfo img{
  float: left;
  margin:0 14px 0 0;
}
.sidenfo strong{
  display: block;
  padding-bottom: 2px;
}
.sidenfo span{
  display: block;
  float: left;
  width: 120px;
}

.product-image{
  float: left;
  display: block;
  margin-right: 14px;
  width:185px;
  height: 163px;
  background: url(../img/productborder.jpg) no-repeat;
  text-align: center;
  padding-top: 5px;
}
.product-image span{
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  width:170px;
  height: 150px;
  margin: auto;
  overflow: hidden;
}

.product .price{
  float: left;
  margin-right: 23px;
  margin-top: 5px;
}

.product .cart-btn{
  float: left;
  margin-right: 35px;
}
.product p{
  height: 100px;
}
.product{
  zoom:1;
  padding-bottom:45px;
}

a.link{
  text-decoration: none;
  color: #0E6DA8;
  font: 12px Arial, sans-serif;
}
a.link:hover{
  text-decoration: underline;
}

#products-baner-txt{
  float: left;
  width: 660px;
  margin:22px 0 0 210px;
  -margin:22px 0 0 105px;
}

#product-inner-baner-content{
  padding: 55px 20px 0 35px;
}

.product-title{
  padding-bottom: 9px;
  border-bottom: solid 1px #e7e7e7;
  overflow: hidden;
  zoom:1;
}
.product-title h2{
  float: left;
}
.product-title a.btn{
  margin: 5px 30px 0 0;
}

.islide, .islider{
  position: relative;
  white-space: nowrap;
  width:663px;
  overflow: hidden;
}
.islide{
  padding-bottom: 20px;
}


.islide a{

  margin-right: 5px;
}
.islide a img{
  border: solid 1px #DEDEDE;
}


.islideleft{
  float: left;
  display: block;
  width:13px;
  height: 23px;
  background: url(../img/sleft.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/sleft.png', sizingMethod="crop");
  margin-top:6px;
  cursor: pointer;
}

.islideright{
  float: right;
  display: block;
  width:13px;
  height: 23px;
  background: url(../img/sright.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/sright.png', sizingMethod="crop");
    margin-top:6px;
      cursor: pointer;
}

.blue{
  color: #0648A4;
}

.gbox{
  background: #EFEFEF;
  padding:15px;
  zoom:1;
}
.gbox:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
p.pborder{
  border-bottom: solid 1px #e7e7e7;
  padding: 8px 0 12px 0;
}

.detail{
  overflow: hidden;
  zoom:1;
  padding-bottom: 16px;
  padding-top: 10px;
  border-bottom: solid 1px #e7e7e7;
  width: 630px;
}
.detail img{
  float: left;
  margin-right: 15px;
}
.detail h2{
  padding-bottom: 11px;
}

.sidesubscribe-input{
  width:161px;
  height: 27px;
  background: url(../img/sidesubscribe.jpg) no-repeat;
  float: left;
}
.sidesubscribe-input input{
    width: 150px;
    padding: 5px;
    border: none;
    background: none;
}

.side_items{
  list-style: none
}
.side_items li{
    padding: 10px 0;
}

.side_items div{
  width: 154px;
  height: 135px;
  background: url(../img/side_product_frame.jpg) no-repeat;
  padding: 3px;
  cursor: pointer;
}
.side_items div span{
  display:block;
  width: 155px;
  height: 135px;

  background-repeat: no-repeat;
  background-position: center center;
}
.side_items h2{
  cursor: pointer;
  padding: 5px 0;
}
.xpand{
  font:bold 14px Arial;
  color: #5F5F5F;
  cursor: pointer;
  width: 100px;
  text-align: right;
}
.xpand span{
  display: block;
  float: right;
  margin-left: 4px;
  width: 23px;
  height: 18px;
  background: url(../img/demo/togplus.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/demo/togplus.png', sizingMethod="crop");
}

.active .xpand span{
  background: url(../img/demo/togminus.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/demo/togminus.png', sizingMethod="crop");
}
.product-spec-table td{
  padding-left: 15px;
}

a.spec{
  padding:17px 0 0 33px;
  background: url(../img/demo/spec.gif) no-repeat left bottom;
  font: 11px Arial;
  color: #177CC2;
}

.pricetxt{
  font: bold 18px Arial, sans-serif;
  color: #084873;
  padding: 5px 0;
}
.pricetxt b{
  color:#0E669B
}

.sidegbox{
  width:310px;

}

.ban{
  width: 243px;
  height: 67px;

}
.dollar-ban{
  background: url(../img/dollar_ban.jpg) no-repeat;
}
.star-ban{
  background: url(../img/star_ban.jpg) no-repeat;
}

.atitle{
  font:24px Arial;
  color:#0E669B;
  letter-spacing: -1px;
}

#bnav{
  list-style: none;
  position: absolute;
  z-index: 1;
  white-space: nowrap;
left:150px;
top:314px;
}
#bnav li{
  display: inline;
  padding-right:22px;
}
#bnav li a{
color:#0F6DAA;
text-decoration: none;
font: 12px Arial;
}
#bnav li a:hover{
  text-decoration: underline;
}

#banprice{
  position: absolute;
  display: block;
  width: 157px;
  height: 42px;
  font: bold 25px Arial;
  color: #F7417E;
  padding: 12px 0 0 45px;
  left:615px;
top:292px;

}
#banprice b{
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 157px;
  height: 42px;
    background: url(../img/banprice.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/banprice.png', sizingMethod="crop");
  z-index: 1;
}

#overlay{
  position: absolute;
  z-index: 20;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #01172E;
  opacity:0;
  filter:alpha(opacity=0);
  display: none;
}
#obox{
  position: absolute;
  z-index: 21;
  border: solid 10px #14121B;
  display: none;
  left:50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  background: white url(../img/lbwater.gif) no-repeat center center;
}


#controlls{
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 2;
  padding: 10px 0;
  display: none;
}
#imgprev{
  float: left;
  margin:0 10px;
  cursor: pointer;
  font: 15px Verdana, Arial;
  color: #0B0B0B;
  text-transform: uppercase;
}

.articleimg{
  display: block;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center top;
  float: left;
  margin-right: 5px;
}


#imgnext{
  float: right;
   margin:0 10px;
   cursor: pointer;
     font: 15px Verdana, Arial;
  color: #0B0B0B;
  text-transform: uppercase;

}

#cart{
  position: absolute;
  top: 45px;
  right: 0px;
  color: #fff;
  font: 10px Arial;
  width: 115px;
  clear: both;
  text-align:center;
}

#cart a small{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8px;
}

#cartico{
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;

  margin-left: 8px;
}
.empty-cart-ico{
  background: url(../img/cartm.ico.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/cartm.ico.png', sizingMethod="crop");
}
.full-cart-ico{
  background: url(../img/cartp.ico.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/cartp.ico.png', sizingMethod="crop");
}


#cart-items{
  float: right;
  white-space: nowrap;
  font: bold 14px Arial, sans-serif;
  margin: 6px 0 0;
  cursor: default;
}
#cart a{
  text-decoration: none;
  font: 10px Arial;
  color: #fff
}
#cart a:hover{

    text-decoration: underline;

}



.checkout_table{
  width: 850px;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  margin: auto;
  clear: both;
}
.checkout_table td, .checkout_table th{
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding: 5px;
  text-align: left;
}
.checkout_confirm_table th {

width:48%;

}

#checkout_table{
  width: 850px;
  border-right: solid 1px #ccc;
  border-top: solid 1px #ccc;
  margin: auto;
  clear: both;
}
#checkout_table td, #checkout_table th{
  border-bottom: solid 1px #ccc;
  border-left: solid 1px #ccc;
  padding: 5px;
  text-align: left;
}

#clsclr .red{
  font: bold 14px Arial;
  color: #C81A2B;
}


form#step2 input{
    border:1px solid #C4C4C4;
    height:16px;
    padding:4px;
    width:220px;
}


form#step2 .mtf{
  width: 228px;
  float: left;
  margin:10px 10px 10px 0;
  position: relative;
}
form#step2 .mtf label.error{
  position: absolute;
  top: 0px;
  right:0px;
  font: 11px Arial;
  color: #E61A4D;
}
.mtf label{
  display: block;
  padding-bottom: 3px;
}


#o-info{
}

#o-info li{
    list-style-position: inside;
}

.boder-box {

    float:none;
    height:auto;
    margin-bottom:15px;
    padding:15px 7px;

}
.boder-box .boder-box {
    border:1px solid #C9D2D8;
}

.articla-pic-total{
  clear: both;


}

#created-by{
	clear: both;
	color: #fff;
	display: block;
	float: right;
	width:310px;
	text-align: right;
	padding-top: 22px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
#created-by a{
    clear: both;
   font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
    color: #fff;
 

}

#certificatesrotator{
  width: 140px;
  height: 140px;
  overflow: hidden;
  position: relative;
  margin: 10px auto 20px auto;
}
#certificatesrotatoroverlay{
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
  width: 140px;
  height: 140px;
  cursor: pointer;
}

.faqs .quastion a{
  display: none;

}
.faqs .quastion{
  cursor: pointer;
}
.faqs .headline04{
  display: none;
}

.faqs .quastion, .faqs .quastion *{
    font: bold 13px Arial;
    color: #333;

}
.faqs div.quastion{
  padding: 5px 0 2px 19px;
  background: url(../img/tplus.gif) no-repeat 0 7px;
}
.faqs div.active{
  background: url(../img/tminus.gif) no-repeat 0 7px;
}

.richtext table{
  border-top:solid 1px #ccc;
  border-left:solid 1px #ccc;
}
.richtext table td, .richtext table th{
  border-bottom:solid 1px #ccc;
  border-right:solid 1px #ccc;
}

.news .gradient_top table td img{
  float: none;
}
.richtext table {
  border-spacing: 0px;
}

.product-baner-empty{
    background: url(../img/emptycart.jpg) no-repeat;
}
span.checkbox{
  display: inline-block;
  width: 15px;
  height: 15px;
  overflow: hidden;
  background: url(../img/checkbox.jpg) no-repeat;
  cursor: pointer;
  overflow: hidden;
}
span.checkbox-checked{
   background: url(../img/checkbox.jpg) no-repeat -16px 0;
}

form#step2 #equaladdr input{
    float: left;
    margin-right: 7px;
    margin-top: 0px;

    border:0px solid #C4C4C4;
height:auto;
padding:0px;
width:auto;

}
#equaladdr{
  font-weight: bold;
}

#shipping-address{
  display: none;
}


.blue_square_button, a.blue_square_button {
        background-color: #3b5998;
        border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
        border-style: solid;
        border-width: 1px;
        color: #fff;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        margin: 0 2px; 
        padding: 2px 18px;
}

#modalbox{
  background: white url(../img/35.gif) no-repeat center center !important;
}

#modalbox div{
  background: white;
}

#main font{
  font-family: Arial, serif;
}

.water-reports a{
   font: 13px Arial;
   text-decoration: none;
   color: #161618;
   text-transform: capitalize;
}




.water-reports{
  padding: 15px 0 25px 0;
}

.water-reports tbody td{
  padding: 2px 4px;
}


.water-reports a:hover{
  text-decoration: underline;
}

#shop-step-1{
  overflow: hidden;
  zoom:1;
}

#stepper-wrap{
  width:485px;
  overflow: hidden;
  position: relative;
  float: left;
}


#stepper{
  width: 1340px;
  position: relative;
  overflow: hidden;
}
#shop-step-1{
  float: left;
  width: 485px;
  margin-right: 20px;
}

#shop-step-2{
  float: left;
  width: 485px;
  margin-right: 20px;
}
#shop-step-3{
  float: left;
  width: 320px;
  margin-right: 0px;
}

.steplist, .steplist2{
  list-style: none;
  padding-bottom: 15px;
  overflow: hidden;
  zoom:1;
  width: 540px;
  float: left;
  margin-top: 20px;
}

.steplist li, .steplist2 li{
  float: left;
  margin-right: 12px;
}

.steplist a, .steplist2 a{
  display: block;
  width:170px;
  height: 33px;
  background: url(../img/steporder.jpg) no-repeat;
  font:12px Arial;
  color: white;
  text-decoration: none;
  opacity:.5;
  filter:alpha(opacity=50);
}
.steplist a:hover, .steplist a.active, .steplist2 a:hover, .steplist2 a.active{
  opacity:1;
  filter:alpha(opacity=100);
}
.steplist a strong, .steplist2 a strong{
  font: bold 27px Arial;
  padding: 0 3px 0 5px;
  float: left;

}
.steplist a span, .steplist2 a span{
  float: left;
  margin-top: 10px;
}


#login-form{
  width: 300px;
}
#login-form form{
  padding: 10px;
}

#register-form{
  width: 300px;
}

#log-reg{
  float: right;
  color: white;
  margin: 13px 15px 0 0;
}
#log-reg a{
  color: white;
  margin: 0 3px 0 3px;
  text-decoration: none;
}
#log-reg a:hover{text-decoration: underline;}

select#billing_county{
  padding: 2px;
}

#cvv-info{
  float: left;
  width: 200px;
}

#cvv-info img{
  float: left;
  clear: both;
  margin-right: 7px;
}
#cvv-info h2 img{
  float: none;
}
#cvv-info em{
  font: 12px Arial;
  float: left;
  margin-top: 14px;
}

#step2 div.error input{

    border: 1px solid red;
}
#step2 div.error select{

    border: 1px solid red; 
}

.errmsg{
  font: bold 16px Arial;
  text-align: center;
  color: #285F8A;
  padding: 20px;
  background: white;
}

.info-errors-object{
  color: #AE0046;
}
.info-errors-object a{
  color: #AE0046;
}
.info-errors-object h2{
  color:#555555;
  padding-bottom: 5px;
}

.water-reports th{
  cursor: pointer;
  padding: 5px 4px;
  text-align: left;
  font: bold 16px Verdana, Arial;
  border-bottom: solid 2px #224E7D !important;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;


}

.type-pdf{
  background: url(../img/pdf.ico.jpg) no-repeat center;
}
.type-doc{
  background: url(../img/doc.ico.jpg) no-repeat center;
}
.type-xls{
  background: url(../img/xls.ico.jpg) no-repeat center;
}
.type-rtf{
  background: url(../img/rtf.ico.jpg) no-repeat center;
}
.type-html{
  background: url(../img/html.ico.jpg) no-repeat center;
}
.type-mht{
  background: url(../img/mht.ico.jpg) no-repeat center;
}
.wr-type span{
  display: block;
  width: 1px;
  height: 0px;
  overflow: hidden;
}
.water-reports td, .water-reports table{
  border-color: #E4EAEF !important;
  border-left: none !important;
  border-right: none !important;
}

#logIn div label{
  display: block;
  float: left;
  width:145px;
}
#logIn div{
  clear: both;
}

#logIn label{
    display: block;
    padding-bottom: 4px;
    padding-top: 8px;
}

#regform label{
    display: block;
    padding-bottom: 4px;
    padding-top: 8px;
}

#regform input.typetext{
    border:1px solid #C4C4C4;
    height:16px;
    padding:4px;
    width: 220px;
}

.regw{
  float: left;
  width: 250px;
}
#regform select{
  padding: 2px;
}

#regform .radioson input{
  position: relative;
  top: 3px;
  *top: 2px;
}

#regform .error input, #regform .error select{
  border: solid 1px red;
}

#disable_submit{
  position: relative;
  display: block;
  z-index: 1;
  width:90px;
  height: 30px;
  left: 0px;
  top: -30px;
  background: white;
  opacity:.4;
  filter:alpha(opacity=40);
}

.login-b ul.error{
  list-style: none;
  margin-left: 0px;
}

.login-b ul.error li{
  color:red;
  padding:1px 0 5px 19px;
  background: url(../img/valerr.jpg) no-repeat 0 1px;
  cursor: default;
}

.TheTab .tab{
  display: none;
}

#profileForm label{
    display: block;
    float: left;
    width:250px;
}
#profileForm label strong{
    clear: both;
    display: block;
    padding-bottom: 2px;
	padding-top: 7px;
}
#profileForm label input{
  border:1px solid #C4C4C4;
  height:16px;
  padding:4px;
  width:220px;
}

#profileForm label textarea{
  border:1px solid #C4C4C4;
  height:16px;
  padding:4px;
  width:500px;
  height:150px;
}

.tab{
  padding: 10px;
  border: solid 1px #AFBBCF;

}
.tabcontrol{
   height: 40px;
   margin: 0 !important;
}
#tab2table td, #tab2table table{
	border: none !important;
}
#tab2table{
	border: none !important;
}



.tabcontrol{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('../img/topMenuImages.png') repeat-x;}
.tabcontrol li{padding:0; margin:0; list-style:none; display:inline;}
.tabcontrol li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('../img/topMenuImages.png') 0px -30px no-repeat;}
.tabcontrol li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('../img/topMenuImages.png') 100% -30px no-repeat;}
.tabcontrol li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.tabcontrol li a:hover span{background-position:100% -60px;}
.tabcontrol li a.active, .tabcontrol li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('../img/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.tabcontrol li a.active span, .tabcontrol li a.active:hover span{background:url('../img/topMenuImages.png') 100% -90px no-repeat;}


#profileForm .f label{
  display: block;
  padding: 7px 0 2px 0;
}
#profileForm .f input{
  border:1px solid #C4C4C4;
  height:16px;
  padding:4px;
  width:220px;
}
#profileForm .f textarea{
  border:1px solid #C4C4C4;
  height:150px;
  padding:4px;
  width:470px;

}
#profileForm .f select{
    padding: 2px;
}

#profileForm #tab2 .f{
  float:left;
  width:250px;
}


.tab{
  zoom:1;
}

.tab:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.withdraw{
  padding: 10px;
  background:#CCDAEA;
  clear: both;
}
.Xtip{
  padding: 12px;
  background: red;
  display: inline-block;
}

.tbtn{
  display: inline-block;
  width: 199px;
  height: 30px;
  padding-top: 13px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size:17px;
  text-align: center;
  overflow: hidden;
  background: url(../img/tbtn.jpg) no-repeat;
}
.tbtn:hover{
  background-position:0 -47px;
}

.td1{
  text-align: left;
}
.td2{
  text-align: center;
}
.td3{
  text-align: center;
}

#cert1table{
  border: none !important;
  padding-bottom: 22px;
}
#cert1table td{
    border: none !important;
}


#card-check-status-error{
	background-color:#FFD7CC;
	font-size:12px;
	color: #000;
	padding:5px;
	font-family: Verdana, Geneva, sans-serif;
	border: 1px dotted #F00;
}


.cebox{
  overflow: hidden;
  padding-bottom: 20px;
}
.cebox img{
  float: left;
  margin-right: 5px;
  width: 150px;
}

.cebox h3{
  margin: 2px 0;
  color: #0687D6;
}


#cert1table img{
  width: 150px;
}

.dmaplink{
  display: block;
  text-indent: -9999px;
  width:437px;
  height: 72px;
  background: url(../img/dmaplink.jpg) no-repeat;
  overflow: hidden;
}
.dmaplink:hover{
  background-position:0 -78px;
}

.presskit-link{
  display: inline-block;
  padding: 49px 0 10px 74px;
  background: url(../img/presskit.jpg) no-repeat;
  text-decoration: none;
  font: bold 14px Verdana, Arial;
  color: #067DC1;
}

.presskit-link:hover{
  text-decoration: underline;
  color: #056BA9;
}

#user-logged{
    float: left;
    width: 380px;
    /*overflow: hidden;*/
    height: 14px;
    color: white;
    margin:8px;
    font-size: 10px;
    cursor: default;
}
#user-logged a{
	color: #0ea0d9;
	font-size: 9px;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
}

#msgSent{
  width:400;
  height:74px;
  background:white;
  text-align:center;
  font: bold 19px Verdana;
  color: #0687D6;
  padding-top: 26px;
}

#cloading{
  float: left;
  width:31px;
  height: 31px;
  background: url(../img/ajax-loader.gif) no-repeat;
  display: block;
  visibility: hidden;
}

.xst_product{
  width: 677px;
  /*background: url(../img/xst.png) no-repeat; */
  -background: none;
  position: relative;
  margin-bottom: 30px;
  width: 652px;
  padding-left: 10px;
  margin-left: -6px;
  border: solid 1px #D5D5D5;
  zoom:1;
}
.xst_product:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.xst_product h2.blue-title{
  margin-top: 30px;
}
.xst_content p{
  padding-bottom: 12px;
  height: 97px;
}


.msiebggg{
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
  width: 677px;
  height: 220px;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/xst.png', sizingMethod="crop");
}
.xst_content{
  position: relative;
  z-index: 2;
  overflow: hidden;
  zoom:1;
}
.lista{
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 84px;
  height: 122px;
  background: url(../img/lista.png) no-repeat;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/lista.png', sizingMethod="crop");
}

.kapki{
  position: absolute;
  z-index: 3;
  bottom: 0px;
  left: 0px;
  width: 186px;
  height: 186px;
  background: url(../img/kapki.png);
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/kapki.png', sizingMethod="crop");
}

.TheProductimg{
  float: left;
  margin: 10px;
}
.TheProductimg *{
  display:inline-block;
  position: relative;


}
.product_list_right{
  float: right;
  width: 360px;
  margin-right:17px;
  padding-bottom: 20px;
}

.product_list_right .price{
    display: inline-block;
    padding-top:6px;
    float: left;

}

.abslink{
  display: block;
  position: absolute;
  z-index: 5;
  width: 190px;
  height: 190px;
  top: 10px;
  left: 10px;
  text-decoration: none;
}

.btn img{
  width: auto !important;
  height: auto !important;
}

.edit-info{
  color:#064F6A;
  font-family:Verdana,Geneva,sans-serif;
  font-size:9px;
  text-decoration:none;
  float: right;
  margin-top: 14px;
}

.edit-info:hover{
  text-decoration:underline;
}

.confirm_payment{
  display: block;
  width: 354px;
  height: 64px;
  overflow: hidden;
  background: url(../img/confirm_payment.jpg) no-repeat;
  margin: auto
}
.confirm_payment:hover{
    background-position:0 -69px;
}

.ie6sbm{
  position: relative;
  display: block;
  width:180px;
  height: 35px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  z-index: 2;
  top: -28px;
  left: 0px;
  filter:alpha(opacity=0);
}

.xst_tl,
.xst_tr,
.xst_bl,
.xst_br{
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    overflow: hidden;
}
.xst_tl{
  top: -1px;
  left: -1px;
    background: url(../img/xst_tl.png) no-repeat;
}
.xst_tr{
  top: -1px;
  right: -1px;
  background: url(../img/xst_tr.png) no-repeat;
  -right: expression(this.parentNode.clientWidth % 2 == 0 ? -1 : -2);
}
.xst_br{
  bottom: -1px;
  right: -1px;
  background: url(../img/xst_br.png) no-repeat;
  -bottom: expression(this.parentNode.clientHeight % 2 == 0 ? -1 : -2);
  -right: expression(this.parentNode.clientWidth % 2 == 0 ? -1 : -2);
}
.xst_bl{
  bottom: -1px;
  left: -1px;
  background: url(../img/xst_bl.png) no-repeat;
  -bottom: expression(this.parentNode.clientHeight % 2 == 0 ? -1 : -2);
}

.byunow-box{
  clear: both;
  width: 612px;
  padding: 0 20px;
  display:none;
  overflow: hidden;
  zoom:1;
}
.byunow-box a.btn{
   left: -15px
}
.byunow-box table{
    width: 612px;

}
.byunow-box table .pricetxt{
    height: auto;
 }

 #msie6userlogin{
   position: absolute;
   width:68px;
   height: 25px;
   border: 0px;
   filter:alpha(opacity=0);
   left:0px;
   top: 155px;
   cursor: pointer;

 }
 * html #logIn{
   position: relative;
   /* because of the input-submit for the log in form */

 }

 #withdraw_form1,
 #withdraw_form2,
 #withdraw_form3,
 #withdraw_form4,
 #withdraw_form5,
 #withdraw_form6,
 #withdraw_form7,
 #withdraw_form8,
 #withdraw_form9,
 #withdraw_form10,
 #withdraw_form11{
   width: 605px;
 }

 #holaForm input.text,
 #holaForm select,
 #holaForm textarea{
    width: 240px !important;
    height: 24px;
 }
  #holaForm textarea{
    height: 120px;
 }

 #holaForm td{
   vertical-align: top;
 }


#profileForm .tab{
  width: 640px;
}

.addtocartlistbtn{
  display: inline-block;
  width:112px;
  height: 20px;
  padding-top: 2px;
  background: url(../img/addtocartlistbtn.png) no-repeat;
  text-align: center;
  font: bold 12px Verdana, Arial;
  text-decoration: none;
  color: white;
  -background: none;
  -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://s81523.gridserver.com/userfiles/templates/waterforlifeusa/img/addtocartlistbtn.png', sizingMethod="scale");
}

.byunowActive td{
  background: url(../img/gradient_block.jpg) repeat-x 0px 0px;

}

#confirm-order-error{
    background: url(../img/confirmerror.jpg) no-repeat 30px 25px;
    display: none;
    padding-left: 220px;
    margin: 30px 20px;
}
.confirm-error-box{
  display: none;
  padding: 10px;
  background: #EFE301;
  border: solid 2px #242837;
  width:550px;

}

#sort-reports{
  width: 651px;
  height: 114px;
  background: url(../img/searchbox_bg2.jpg) no-repeat;
}
#sort-reports #sort-reports-input{
  background:url("../img/kbsearch_bg.gif") repeat-x scroll center top #FFFFFF;
  border:1px solid #CCCCCC;
  color:#9A9DA8;
  font-size:15px;
  margin:0;
  padding:10px;
  width:570px;


}
#sort-reports span{
  display: block;
  width:592px;
  border:3px solid #D4E1EE;
  float: left;
  margin: 32px 0 0 30px;
}
#tsubmit{
  display: block;
  border: none;
  float: left;
  width: 76px;
  height: 46px;
  background: url(../img/tsearch.jpg) no-repeat;
  cursor: pointer;
  margin-top: 32px;
}

#testimonials-rotator{
  position: relative;
  height: 70px;
}

#testimonials-rotator li{
  position: absolute;
  display: none;
}

#user-logged .top-links{
  display: inline-block;
  color: white;
  text-decoration: none;
  float: left;
  position: relative;
}
#user-logged .top-links:hover{
  text-decoration: underline;
}
.top-affiliate-link{
    padding:3px 5px 5px 17px;
    background: url(../img/top_dollar_icon.jpg) no-repeat;
}

.top-profile-link{
    padding:3px 5px 5px 19px;
    background: url(../img/top_profile_icon.jpg) no-repeat;
}

.top-exit-link{
    padding:1px 5px 5px 19px;
    background: url(../img/top_exit_icon.jpg) no-repeat;
    top: 2px;
}
.top-login-link{
    padding:6px 5px 5px 24px;
    background: url(../img/aff_login_icon.jpg) no-repeat;
    top: -3px;
}


#hello{
  float: left;
  margin-right: 12px;
  margin-top: 2px;
}
#user-logged strong{
  float: left;
  display: block;
  width: 1px;
  overflow: hidden;
  position: relative;
  height: 10px;
  background: white;
  margin-right: 5px;
  top: 4px;
}

.byunow-style{
  display: block;
  width:131px;
  height:37px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/buy_now_2.jpg) no-repeat;
  position: relative;
  top: -7px;
}
.byunow-style:hover{background-position: 0 -38px;}

.infobtn-style{
  display: block;
  width:131px;
  height:37px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/more_info_2.jpg) no-repeat;
    position: relative;
  top: -7px;
  padding: 0px !important;
}
.infobtn-style b{
  display: none !important;
}


.infobtn-style:hover{background-position: 0 -38px;}

#Announcements{
    clear: both;
    background: #FFFFCC;
    padding:4px 7px;
    overflow: hidden;
    zoom:1;
    font:11px Verdana, Arial;
    color:black;
    position: relative;
    z-index: 3;
    margin-bottom: 15px;
}
#Announcements strong a{
  text-decoration: none;
  color: #F85087;
  font: bold 11px Verdana, Arial;
}
#Announcements span a{
  text-decoration: none;
  font: 11px Verdana, Arial;
}
#Announcements a:hover{
  text-decoration: underline;
}
#shipping_cost_information{
  display: block;
  position: relative;
  overflow: hidden;
  zoom:1;
  color: #A32C4D;
}
.shipping_price_loading{
  background: white url(../img/status_preloader.gif) no-repeat left center;
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 9;
}

#confirm_payment_placeholder{
  position: relative;
}


dl.contactDetails {
	clear: both;
	padding-bottom: 20px;
	padding-top: 20px;
	float: left;
}

dl.contactDetails dt {
	float: left;
	font-weight: bold;
	clear: left;
	margin-bottom: 10px;
}

dl.contactDetails dd {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

#aff_subscribe{
  width: 492px;
  height: 38px;
  background: url(../affimg/subscribe_aff.jpg) no-repeat;
  overflow: hidden;
  float: right;
  margin: 20px 0 0 0;
}
#aff_subscribe label{
  display: none;
}
#aff_subscribe form div{
  background: none;
  margin-top: 5px;
  margin-right: 18px;
}
#aff_subscribe form #subscribe-submit{
  margin-top: 5px;
  background: none;
}
#navigation-bar a small{
  font: 9px Verdana,Arial,Helvetica,sans-serif;
  color:#FFCC33 !important ;
}

.xtext ul{
  padding:10px 0 10px 15px;
}
.xtext a{
  color: #1D1D1D;
}
.xtext ul li{
  padding-bottom: 3px;
}


a.white_text{
color:#FFF;
text-decoration:none;
}
.E-mage{
  display: block;
  position: absolute;
  width: 215px;
  height:100%;
  z-index: 0;
}
.E-mage img{
  position: relative;
}


.home_prd{
    position: relative;
    width:215px;
    float: left;
    margin: 0 8px;
}
.home_prd_content{
  position: relative;
  margin-top: 200px;
  float: left;
  z-index: 1;
}
.home_prd_price{
  color: #EF417F;
  display: block;
  text-align: center;
  font-size: 14px;
  padding-bottom: 8px;
  font-weight: bold;
}
.home_prd_txt{
  height: 85px;
  color: #044088;
  font-size: 11px;
  display: block;
}

.home_images_XV{
  float: left;
margin: 0 0 0 25px;
    width: 935px;
}
.somelnk{
  color: #044088;
  display: block;
  text-decoration: none;
  text-align: center;
}
.XV_slogan{
  color:#0F6DA9;
  font-size: 18px;
  text-align: center;
  padding-top: 126px;
  padding-bottom: 35px;
}

.home_images_XV .btn{
  padding-left: 15px;
    padding-right: 12px;
    left: 60px;
}

.evolution_ico{
    overflow: hidden;
    zoom:1;
    padding-bottom: 25px;
    margin-bottom: 20px;
    margin: 0 auto;
    width: 700px;
}
.evolution_ico a{
  display: block;
  float: left;
  width: 210px;
  text-align: center;
  margin:0 11px;
  text-decoration: none;
}
.evolution_ico a:hover span{
  text-decoration: underline;
}


.evolution_ico a strong{
  display: block;
  height: 103px;
}


.evolution_ico a span{
  color:#0D396D;
  display: block;
  padding: 5px 0 0;
}
.titleX{
  color: #0B5989;
  font-size: 18px;
  font-weight: bold;
}

.certx{
    font-size: 18px;
    color: #196391;
    padding: 13px 0 11px 50px;
    background:url(../img/cdn_x.jpg) no-repeat;
    text-decoration: none;
    display: inline-block;
    margin-right: 30px;e
}
.testx{
    font-size: 18px;
    color: #196391;
    padding:13px 0 9px 58px;
    background:url(../img/cdn_x.jpg) no-repeat  0 -109px;
    text-decoration: none;
    display: inline-block;
}
.testx:hover, .certx:hover{
    text-decoration: underline;
}
.fx_2 object, .fx_2 embed{
  width:943px !important;
}
.home_test{
    margin-bottom:15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #88AFC6;

}
.home_test strong{
  display: block;
  color: #0B5989;
  font-size: 14px;
  padding-bottom: 10px;
  text-decoration: none;
}
.home_test strong a{

  color: #0B5989;
  font-size: 14px;

  text-decoration: none;
}

.xn_title{
  color: white;
  padding:10px;
  background: #196491;
  font-size: 18px;
  font-weight: bold;
}
.xn_title a{
  color: white;
text-decoration: none;
}

.xn_news h2{
    display: block;
  color: #0B5989;
  font-size: 14px;
  padding-bottom: 10px;
  text-decoration: none;
}
.xn_news h2 a{

  color: #0B5989;
  font-size: 14px;

  text-decoration: none;
}
.xn_news a.img{
  float: left;
  display: block;
  width:200px;
  margin-right: 15px;
}
.xn_news a.img{
  width:200px !important;
}
.xn_news_content{
  float: left;
  width: 700px;
}