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

/* Resets Browser Styles */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
.clear{clear:both;}


/*LAYOUT*/

body {background:#ecf1f4 url(../images/page-bg-tile-x.jpg) repeat-x;}

#header {width:768px; height:171px; margin:0 auto; background:url(../images/header.png) no-repeat; position:relative;}

#team-img {position:absolute; right:33px; top:5px;}

#content-wrapper-outer {margin:0 auto; width:768px;}
#content-wrapper {float:left; width:768px; background:url(../images/content-bg-tile-y.jpg) repeat-y; }

#nav-shadow-filler {font-size:1px; background:url(../images/nav-shadow-filler.jpg) no-repeat; height:7px; width:768px; margin:0 auto;}

#home-banner {background:url(../images/home-banner.jpg) no-repeat top; width:740px; height:227px; position:relative; left:14px;}

#plug {width:267px; height:110px; background:url(../images/plug-head.jpg) no-repeat top right; float:left;}

#content {width:430px; float:left; padding-left:40px; }

#footer {clear:both; width:768px; height:150px; margin:0 auto; background:url(../images/footer.png) no-repeat top; position:relative;}

#home-ctas {display:inline; float:left;margin-left:24px; padding:20px 0;}

#easy_water{width: 120px; float: left;}

#easy_water_logo{width: 256px; float: left; padding-top: 20px;}

#easy_water_text{width: 170px; float: left; padding-right: 20px;}

#easy_water_photos{padding-bottom: 30px;}

#easy_water_buttons{float: left; width: 230px;}

#easywater_softener_photo{float: left; padding-right: 20px; width:137px;}

#easywater_softener_text{float: left; width: 250px; padding-top: 10px;}

#expectations{width: 250px; height: 170px; background-image: url("/images/expectations.jpg"); background-repeat: no-repeat;}
#expectations_text ul{padding-top: 35px; font-size: 11px;}

#protects{width: 250px; height: 170px; clear: left; background-image: url("/images/protects.jpg"); background-repeat: no-repeat;}
#protects_text ul{padding-top: 35px; font-size: 11px;}

.text_buttons{float: left; padding-top: 30px;}

#platinum_dealer{clear: left; padding-top: 20px; padding-bottom: 10px;}

/*main navigation*/

#header ul {width:768px; margin:0 auto; position:absolute; top:143px; left:10px; font-weight:bold; font-size:14px; }
#header ul li{float:left;}

#header ul li {background:none; margin-left:20px;}
#header ul li:hover, #header ul li:active {background:url(../images/navbtn-right.png) no-repeat top right;}

#header ul li a {display:block; line-height:27px; text-decoration:none; color:#046e94;}

#header ul li a:link, #header ul li a:visited {display:block; line-height:27px; padding:0px 8px 0px 8px; background:none;}
#header ul li a:hover {color:#fff; display:block; line-height:27px; background:url(../images/navbtn-left.png) no-repeat top left;}

/*FONTS*/

body {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#2a2a2a;}

#content p {margin-bottom:1em; line-height:1.4em; }

h1 {color:#046d94; font-weight:bold; font-size:30px; padding:8px 0 5px 0;}

h3 {color:#046d94; font-weight:bold; font-size:20px; padding:8px 0 5px 0;}

.viega_underline {text-decoration: underline; font-weight: 800; font-size: 14px;}
.rigid {font-size: 22px; font-weight: 800; float: left;}
.center {text-align: center;}

p.call-today {position:relative; width:141px; height:36px; left:24px; top:43px;}
p.call-today span {position:absolute; width: 100%;	height: 100%; background: url(../images/call-today-p.png) no-repeat;}

p.phone {position:relative; width:217px; height:39px; left:24px; top:47px;}
p.phone span {position: absolute; width: 100%; height: 100%; background: url(../images/phone-p.png) no-repeat;}

p.phone2 {position:relative; width:217px; height:39px; left:24px; top:47px;}
p.phone2 span {position: absolute; width: 100%; height: 100%; background: url(../images/phone-p2.png) no-repeat;}

p.serve {position:relative; width:159px; height:59px; margin-left:1px; left:24px; top:55px;}
p.serve span {position: absolute; width:100%; height: 100%; background: url(../images/serve-area-p.png) no-repeat; left:-1px;}

p.angies-list-cta {position:relative; width:220px; height:231px; float:left; margin-right:29px; cursor:pointer;}
p.angies-list-cta span{position:absolute; width:100%; height:100%; background:url(../images/angies-list-cta.png) no-repeat;}

p.go-green-cta {position:relative; width:220px; height:231px; float:left;margin-right:29px; cursor:pointer;}
p.go-green-cta span{position:absolute; width:100%; height:100%; background:url(../images/go-green-cta.png) no-repeat;}

p.top-tips-cta {position:relative; width:220px; height:231px; background:url(../images/top-tip-cta.png) no-repeat; float:left;}

em, b, strong {font-weight:bold;}



p.f-nav {color:#fff; position:absolute; right:37px; top:5px; background:url(../images/big-6.png) no-repeat right; height:48px; padding-right: 90px; line-height:48px;}
p.f-nav a:link, p.f-nav a:visited, p.f-nav a:active {font-size:12px; font-weight:bold; color:#fff;}
p.f-nav a:hover {color:#03435a;}



.f-address {font-size:12px; font-weight:bold; color:#fff; padding:22px 0 0 50px;}

.designed-by {font-size:10px; padding:90px 0 0 30px; color:#555;}
.designed-by a {color:#0a759b;}
.designed-by a:hover {color:#000;}

.gallery img {border:2px solid #333; margin:0 10px;}

.gallery {padding-top:20px; padding-bottom:20px;}

.gallery h4 {margin-bottom:1em; font-weight:bold; font-size:16px;}



/*   inner page styles   */

#contentContainer{width:750px; margin:0 auto}

#inner-nav-shadow-filler {font-size:1px; background:url(../images/innerNavShadow.jpg) no-repeat; height:7px; width:768px; margin:0 auto; padding:0 0 25px 0}

#inner-content-wrapper {float:left; width:768px; background:url(../images/innerContentBkg.jpg) repeat-y; }

#subNav{ width:227px; float:left; margin:0 0 0 25px; padding:0 0 50px 0}

#subNavTop{background:url(../images/subNavBgTop.jpg) no-repeat; width:227px; height:33px; margin:0 auto}

#subNavMid{background:url(../images/subNavBgMid.jpg) repeat-y; width:227px;}
	#subNav a{font-weight:bolder; font-size:1.25em; color:#FFFFFF; letter-spacing:-.05em; display:block; text-decoration:none; text-align:right; float:right; white-space:nowrap; padding:10px 50px 5px 0; clear:both;}
	#subNav a:hover{color:#b2eeff}

#subNav a.backtolink {color:#00335e;}
#subNav a.backtolink:hover {color:#fff;}



#subNavBot{background:url(../images/subNavBgBot.jpg) no-repeat; width:227px; height:91px; margin:0 auto; text-align:center; color:#FFFFFF; font-weight:bold; padding:10px 0 0 0}

#innerContent{float:right; margin:0 25px 0 0; width:425px; padding:10px 0 0 0;}

#innerContent h1{font-size:2em; font-weight:bold; letter-spacing:-.05em; color:#1382a1}
#innerContent p{padding:5px 0 5px 0} 

#innerContent ul {list-style-type:circle; margin-left:10px; padding-left:15px; line-height:1.5em; }
#innerContent ul li {margin-bottom:5px; font-weight:bold;}
#innerContent ul li ul li{margin-bottom:0px; font-weight:normal;}

#innerContent img.floatleft {float:left; padding-right:20px;}
#innerContent img.floatright {float:right; padding-left:20px;}

.ratings {color:#046d94; font-size:20px; font-weight:bold; text-align:center;}


tr.line {border-bottom:1px solid gray;}

table.stats p {font-size:11px; margin:5px 6px; }


p#coupon a {color:#046d94; padding:10px 0; margin:0;}
p#coupon a:hover {color:#10cfe0; }

p#coupontwo a {color:#046d94;padding:10px 0; margin:0;}
p#coupontwo a:hover {color:#10cfe0; }


p.filler {color:#fff; padding:10px 30px; font-size:14px;}

.toiletClass {font-size: 112%;}

/* Water Heater Table Style */
.odd {background-color: #a9dae8; text-align:center; font-weight:bold; padding:5px; border: solid #000000 1px;}
.even {text-align:center; padding:5px; border: solid #000000 1px;}
.even-row {text-align:center; padding:5px; background:#d7d7d7; border: solid #000000 1px;}
.table-head {text-align:center; padding:5px; font-weight:bold; border: solid #000000 1px;}
.table-head-even {text-align:center; padding:5px; font-weight:bold; background:#d7d7d7; border: solid #000000 1px;}