@import url("/css/reset.css");
/*@import url("/css/externalLinks.css"); 
*/@import url("/css/form.css"); 
@import url("/css/dropdown3.css");


body{ background-color:#daf4ff}

.debug {  background-color:#FF0000; }

body.industrial{background-color:#daf4ff;}

.row a img{border:3px solid #999999; float:left; margin-top:10px; margin-right:10px;}
.row a:hover img{border:3px solid #333; }
.plain a img, .plain a:hover img {border:none;}
.row p, .row h2 {  margin-left: 213px;}
.row {border-bottom:1px #dadada solid; padding-bottom:5px; margin-bottom:15px; text-align:center;}
.borderless { border:none;}
.row-regular { border-bottom:1px #dadada solid; margin-bottom:10px; padding-bottom:15px;}

body, td, th, li{ font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:12px;  line-height:16px;  color:#000}
#mainContainer{ width:1000px;  margin:0 auto 15px}
table td{ vertical-align:top}

table.normal-table td{ padding:10px}

.table-format{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; margin:10px 0; width:100%; border-collapse:collapse; text-align:left}
.table-format th{font-size:14px; font-weight:normal; color:#069; padding:10px 8px; border-bottom:2px solid #069}
.table-format td{border-bottom:1px dotted #ccc; color:#666; padding:6px 8px}
.table-format tbody tr:hover td{background:#f2f2f2;  color:#333}

.table-format input{ width:250px}

.backlinks {width:960px; display:block; padding:3px 0 7px 20px; color:#666; font-size:11px; background:#ececec;}
.backlinks a:link, .backlinks a:visited {color:#666;}
.backlinks a:hover {color:#333;}

#mainContent{  background:url(../images/background/bg_shadow.png) repeat-y center top;  width:980px;  padding:0 10px}

#category{  width:980px;   padding-top:20px}
#category h2{  margin-top:9px;   display:block;   height:30px}
#residential{  width:210px;   height:200px;   float:left;   margin-left:25px;   border-right:1px dotted #ccc}
#category h2 a{  text-decoration:none;   color:#00b667}
#category h2 a:hover{  color:#005caa}
#business{  width:220px;   height:200px;   float:left;   margin-left:15px;   border-right:1px dotted #ccc}
#bottled-water{  width:205px;   height:200px;   padding-right:15px;   font-size:11px;   font-family:Verdana,Arial,Helvetica,sans-serif;   line-height:15px;   float:left;   margin-left:15px;   border-right:1px dotted #ccc}

#contact{  width:225px;   height:200px;   float:right;   margin-left:13px;   background:url(../images/background/culligan_man.jpg) bottom right no-repeat}
#home-left{  width:706px;   height:469px;   background:url(../images/background/home_left_bg.jpg) no-repeat;   float:left}
#home-left h1{  font-family:Arial,Helvetica,sans-serif;   font-size:28px;   color:#069;   margin:60px 30px 25px 278px;   border-bottom:1px dotted #069;   padding-bottom:10px;   font-weight:bold; letter-spacing:-0.03em;}
#home-left p{  margin:0 30px 10px 278px;   line-height:20px}
#house-img{  float:left;   margin-left:50px;   margin-top:50px}
#business-img{  float:left;   margin-left:50px;   margin-top:50px}

#right-col2{ width:170px;  float:right;  font-family:Verdana,Arial,Helvetica,sans-serif;  color:black;  padding-left:20px;  margin-right:40px;  margin-top:45px}
#right-col2 h2{ margin:0 0 10px 0;  padding-top:10px;  border-top:1px solid #bbc8cd}

#right-col2 h2.first, #right-col h2.first{ border-top:none}

#right-col2 p{ margin:0 0 10px 0;  font-size:11px;  line-height:17px;  color:#666}

#right-col{ width:271px;  float:right;  font-family:Verdana,Arial,Helvetica,sans-serif;  color:black;}
#right-col h2{ margin:10px 25px 10px 20px;  padding-top:10px;  border-top:1px solid #bbc8cd}
#right-col p{ margin:0 25px 10px 20px;  color:#666;  font-size:11px;  line-height:17px}

#right-nav-container{  height:352px; width:216px; padding:33px 34px 21px 21px;   background:url(../images/background/home_right_bg.png) no-repeat top;}
#right-nav{  margin-left:0;   padding-left:0;   list-style:none}
#right-nav li{border-bottom:1px solid #abe6fe;   display:block;   line-height:15px}
#right-nav li.last{border-bottom:none;}


#right-nav li a{ padding:10px 0 10px 55px;  text-decoration:none;   font-size:11px; display:block;}
#right-nav li a:hover{ background-repeat:no-repeat}

#right-nav li a strong{  color:#0b6;   font-size:11px;   font-weight:bold;   text-transform:uppercase}

#right-nav li a.online_survey{  background:url(../images/online_survey_icon.png) 0 0 no-repeat;   border:none}
#right-nav li a.online_survey:hover, #right-nav li a.online_billing:hover, #right-nav li a.order_online:hover, #right-nav li a.schedule_appointment:hover, #right-nav li a.special_offers:hover {color:#000;}
#right-nav li a.online_survey:hover strong, #right-nav li a.online_billing:hover strong, #right-nav li a.order_online:hover strong, #right-nav li a.schedule_appointment:hover strong, #right-nav li a.special_offers:hover strong {color:#006699;}

#right-nav li a.online_billing{  background:url(../images/online_billing_icon.png) 0 0 no-repeat;}
#right-nav li a.water_analysis {  background:url(../images/water_analysis_icon.png) 0 0 no-repeat;}
#right-nav li a.order_online{  background:url(../images/order_online_icon.png) 0 0 no-repeat;}

#right-nav li a.schedule_appointment{  background:url(../images/schedule_appt_icon.png) 0 0 no-repeat;}

#right-nav li a.special_offers{  background:url(../images/special_offers_icon.png) 0 0 no-repeat;}



/*****
New right-nav
*******/
#right-nav-residential-wrapper {
  width:271px;
}

#right-nav-residential-top {
  background:url(../images/background/right-col-bg-top.png) no-repeat;
  height:32px;
  width:271px;
}

#right-nav-residential-mid {
  background:url(../images/background/right-col-bg.png) repeat-y;
  width:216px;
  padding:0 34px 0 21px;
}

#right-nav-residential-mid ul { margin-left:0; padding-left:0; list-style:none}
#right-nav-residential-mid ul li { border-bottom:1px solid #abe6fe;   display:block;   line-height:15px;}
#right-nav-residential-mid ul li.last {border-bottom:none;}

#right-nav-residential-mid li a{ padding:10px 0 10px 55px;  text-decoration:none;   font-size:11px; display:block;}
#right-nav-residential-mid li a:hover{ background-repeat:no-repeat}

#right-nav-residential-mid ul li a strong{  color:#0b6;   font-size:11px;   font-weight:bold;   text-transform:uppercase}

#right-nav-residential-mid ul li a.online_survey{  background:url(../images/online_survey_icon.png) 0 0 no-repeat;   border:none}
#right-nav-residential-mid ul li a.online_survey:hover, #right-nav-residential-mid ul li a.online_billing:hover, #right-nav-residential-mid ul li a.order_online:hover, #right-nav-residential-mid ul li a.schedule_appointment:hover, #right-nav-residential-mid ul li a.special_offers:hover, #right-nav-residential-mid ul li a.water_analysis:hover  {color:#000;}
#right-nav-residential-mid ul li a.online_survey:hover strong, #right-nav-residential-mid ul li a.online_billing:hover strong, #right-nav-residential-mid ul li a.order_online:hover strong, #right-nav-residential-mid ul li a.schedule_appointment:hover strong, #right-nav-residential-mid ul li a.special_offers:hover strong, #right-nav-residential-mid ul li a.water_analysis:hover strong {color:#006699;}

#right-nav-residential-mid ul li a.online_billing{  background:url(../images/online_billing_icon.png) 0 0 no-repeat;}
#right-nav-residential-mid ul li a.water_analysis {  background:url(../images/water_analysis_icon.png) 0 0 no-repeat;}
#right-nav-residential-mid ul li a.order_online{  background:url(../images/order_online_icon.png) 0 0 no-repeat;}

#right-nav-residential-mid ul li a.schedule_appointment{  background:url(../images/schedule_appt_icon.png) 0 0 no-repeat;}

#right-nav-residential-mid ul li a.special_offers{  background:url(../images/special_offers_icon.png) 0 0 no-repeat;}



#right-nav-residential-bottom {
  background:url(../images/background/right-col-bg-bottom.png) no-repeat;
  height:27px;
  width:271px;
}

/*****
New right-nav
*******/


#right-col ul.subnav li {
  margin-right:10px;
}

#right-col ul.subnav {
  list-style-image:url(../images/bullet.png);
  list-style-type:none;
  margin-left:35px;
  padding-left:0;
}

/*#right-nav ul{ list-style:none}
*/
#col-1{  width:303px;   margin:40px 20px 40px 40px;   float:left}
#col-2{  width:303px;   float:left;   margin:40px 0}
#left-col ul, #left-col-blank ul{  margin-left:0;   padding-left:0;   list-style:none;   margin-top:15px;   padding-bottom:10px}
#left-col li, #left-col-blank li{  font-size:12px;   padding-left:10px;   line-height:18px;   background-image:url(../images/bullet.png);  background-repeat:no-repeat;  background-position:0 .6em}

#left-col .col ul li ul {
  margin-top:0;
  margin-left:10px;
}



#left-col .col ul li ul li{
  font-size: 11px;
  line-height:15px;
  }

#left-col, #right-col {
 min-height:469px;
 height:auto !important;
 height: 469px;
}

#left-col li.pad-bottom, #left-col-blank li.pad-bottom{  font-size:12px;   padding-left:10px;   line-height:18px;   background-image:url(../images/bullet.png);  background-repeat:no-repeat;  background-position:0 .6em}
#left-col{  float:left;   width:626px;   padding:30px 40px 0;   background:url(../images/background/left-col-bg.jpg) no-repeat top;}
#left-col-blank{  float:left;   width:626px;   padding:20px 40px}
#left-col p, #left-col-blank p{  line-height:20px;   margin-bottom:10px}
#left-col h1, #col-1 h1, #left-col-blank h1, #col-full h1{  font-family:Arial,Helvetica,sans-serif;   font-size:28px;   line-height:38px;   color:#069;   border-bottom:1px dotted #069;   margin-bottom:25px;   font-weight:bold;   letter-spacing:-0.03em;   background:url(../images/arrow-header.png) no-repeat 0 .3em;   padding:0 0 5px 22px}
#left-col h2, #col-1 h2, #left-col-blank h2{  font-family:Arial,Helvetica,sans-serif;   font-size:18px;   font-weight:normal;   padding-bottom:0px;   padding-top:5px;   color:#000;   line-height:24px}
#locater{  float:right;   color:white;   margin:10px;   font-size:11px;   font-family:Arial,Helvetica,sans-serif;   width:270px; }

#left-col h2.drop-grey{  background:url(../images/drop-gray.png) no-repeat 0 0;   padding-left:25px}

#left-col .col { width:45%; margin-right:20px; float:left; }


#portals{  margin-top:31px;   margin-bottom:31px;   color:#5f5f5f}
#portals td{  padding:0 15px 0 20px}
#portals h2{  font-family:Arial,Helvetica,sans-serif;   font-size:15px;   color:#00b667}
#portals p{  font-size:11px;   color:#5f5f5f}
#portals img{  float:left}
.border-right{  border-right:1px dashed #00aced}
#home-bottom{  background:url(../images/background/home_bottom.jpg) no-repeat;   width:100%;   height:42px}
#bottom{  background:url(../images/background/inside_bottom.jpg) no-repeat;   width:100%;   height:42px}
#bottom-industrial{  background: url(../images/background/inside_bottom_industrial.png) no-repeat;   width:100%;   height:42px}
#category ul{  margin-left:0;   padding-left:0;   list-style-image:url(/images/bullet.png); list-style-type:none;}
#category li{font-size:11px;   padding-left:0px; margin-left:17px;}

table.bullets ul{ margin:0;  padding:0 0 0 0}
table.bullets li{ padding:1px 5px 0 10px;  margin:0 0 10px 0;  list-style:none}

table.bullets ul.block li{ padding-bottom:8px;  margin-right:10px;  border-bottom:1px dotted #666}

table.bullets ul.block li.last{ border-bottom:none}

table.news li{ background-image:none;  padding-left:0;  margin-bottom:0}
table.news li a{ display:block;  text-decoration:none;  padding:5px;  background-image:none;  border-bottom:1px dotted #CCC}
table.news li a:hover{ background:#ccc;  color:#fff;  display:block;  text-decoration:none}

#water-problems h3 a{ color:#666;  text-decoration:none}
#water-problems h3 a:hover{ color:#666;  text-decoration:underline}

#col-full{ padding:30px 40px 0px 40px;  width:900px}

#industrial-portals{ width:900px;  margin:0 auto 20px;  border-top:1px #CCC dotted;  padding-top:20px}

#industrial-portals .cat{ width:285px;  padding-right:15px;  float:left;  margin-bottom:20px}

#industrial-portals .cat h3{ color:#333;  width:175px;  float:right;  margin-bottom:5px}

#industrial-portals .cat p{ color:#666;  font-size:11px;  width:175px;  float:right;  line-height:17px}

#industrial-portals .cat img{ width:100px;  float:left;  display:block}

#header-home{  width:980px;   height:159px;   background:url(../images/background/header-right-bg.png) right top no-repeat;  position:relative; margin:0 auto; background-color:#85ddff;}

#header-home2{  width:980px;   height:159px;   background:url(../images/background/header-right-bg.png) right top no-repeat;  position:relative; border-bottom:4px solid #0259A6; }

.blue-bar { height:4px; width:980px; background-color:#0259A6; }

#logo { float:left; padding:0; margin:0; width:380px;}
/*
#logo a { background:url(../images/logo.jpg) no-repeat top left #fff; display:block; width:490px; height:159px;}

#logo a span { visibility:hidden; }
*/
#util{ text-align:right; float:right;  margin-right:15px;  margin-top:10px;  text-transform:capitalize;  font-weight:bold;  color:#fff;  letter-spacing:.3px;  font-size:11px; width:475px}

#util a, #util a:visited{ color:#fff;  text-decoration:none}

#util a:hover{ color:#069}

#tab-container{  width:500px;   height:39px;   position:absolute;   bottom:0;   right:0; float:right;text-align:right;}

#tab{margin:0; padding:0;   position:relative; }


#tab li{  display:inline;   float:right;   list-style-type:none;   list-style-image:none;   list-style-position:outside}

#tab li a{  display:inline;   float:left;   text-decoration:none}

#tab li a.residential{  background:url(../images/nav/tab-residential.png) no-repeat 0 0;   width:127px;   height:39px}

#tab li a.residential:hover{  background:url(../images/nav/tab-residential.png) no-repeat -127px 0}

#tab li a.bottled{  background:url(../images/nav/tab-bottled.png) no-repeat 0 0;   width:147px;   height:39px}

#tab li a.bottled:hover{  background:url(../images/nav/tab-bottled.png) no-repeat -147px 0}

#tab li a.industrial{  background:url(../images/nav/tab-industrial.png) no-repeat 0 0;   width:216px;   height:39px}

#tab li a.industrial:hover{  background:url(../images/nav/tab-industrial.png) no-repeat -216px 0}

#footer{  width:980px;   height:72px;   background:url(../images/background/footer_bg.jpg) no-repeat;  padding:15px 0 0 0;  margin:0 auto}
#footer-industrial{  width:980px;   height:72px;   background:url(../images/background/footer_bg_industrial.jpg) no-repeat;  padding:15px 0 0 0;  margin:0 auto}
#footer p, #footer-industrial p{ font-size:11px;  text-align:center;  margin:0}
p{ font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:12px;  line-height:18px;  color:#000;  margin:0 0 5px 0}

p.small{ font-size:11px;  color:#666;  line-height:17px}

a:link, a:visited{  color:#005caa}
a:hover, a:active{  color:#005caa;   text-decoration:none}

a.plain:link, a.plain:visited{  text-decoration:none}

a.plain:hover, a.plain:active{  text-decoration:underline}

a.order_water{  display:block;   width:175px;   height:42px;   background:url(../images/buttons/order_water_online.png) 0 0 no-repeat;   text-decoration:none}
a:hover.order_water{  background-position:-174px 0}
a.bottled_water_delivery{  display:block;   width:175px;   height:54px;   background:url(../images/buttons/bottled_water_delivery.png) 0 0 no-repeat;   text-decoration:none}
a:hover.bottled_water_delivery{  background-position:-174px 0}
a.salt_water_delivery{  display:block;   width:175px;   height:54px;   background:url(../images/buttons/salt_water_delivery.png) 0 0 no-repeat;   text-decoration:none}
a:hover.salt_water_delivery{  background-position:-174px 0}
a.order_softener{  display:block;   width:175px;   height:54px;   background:url(../images/buttons/softener_salt.png) 0 0 no-repeat;   text-decoration:none}
a:hover.order_softener{  background-position:-174px 0}
a.learn-more{  display:block;   width:91px;   height:29px;   background:url(../images/buttons/learn-more-industrial.png) 0 0 no-repeat;  text-decoration:none}
a:hover.learn-more{ background-position:-91px 0}
a.btn-specials{  display:block;   width:125px;   height:38px;   background: url(../images/buttons/specials.png) 0 0 no-repeat;  text-decoration:none}
a:hover.btn-specials{ background-position:-125px 0}

a.btn-rent-own{  display:block;   width:125px;   height:38px;   background: url(../images/buttons/rent_own.png) 0 0 no-repeat;  text-decoration:none}
a:hover.btn-rent-own{ background-position:-125px 0}


a.btn-contact{  display:block;   width:125px;   height:38px;   background: url(../images/buttons/contact.png) 0 0 no-repeat;  text-decoration:none}
a:hover.btn-contact{ background-position:-125px 0}

a.btn-order-online{  display:block;   width:125px;   height:38px;   background:url(../images/buttons/order_online.png) 0 0 no-repeat;  text-decoration:none}
a:hover.btn-order-online{ background-position:-125px 0}



h1, h2, h3, h4, h5{ font-family:Arial,Helvetica,sans-serif}

h1{ color:#069}
h2{ color:#00b667;  margin:0 0 10px 0;  font-size:14px;  font-weight:bold;  line-height:18px}
h3{ color:#000;  font-size:14px;  font-weight:bold;  line-height:18px;  margin:0 0 0 0}
h4{ color:#00b667;  font-weight:bold;  font-size:12px;  line-height:18px;  font-style:italic}
ol{}
blockquote{ margin:0 0 18px 18px;  color:#666;  font-style:italic}
strong{ font-weight:bold}
em{ font-style:italic}

/*.accordion_content blockquote p {
  padding:0 10px;
}
*/
.accordion_content blockquote {
  padding:20px;
  margin:0 25px 10px;
  background-color:#ececec;
  border-bottom:1px solid #DADADA;
  border-top:1px solid #dadada;
}

.green{ color:#00b667}
.left{ float:left}
.right{ float:right}
.clearThis{ clear:both}
.hide{ display:none}
p.last{ margin-bottom:0px}
.small{ font-size:11px}
.hightlight{ background:#FC0}
.pad-right{ padding-right:20px}
.pad-bottom{ padding-bottom:20px}
.pad-left{ padding-left:20px}
#box-table-a{ font-family:Verdana,Arial,Helvetica,sans-serif;  font-size:12px;  margin:0;  width:100%;  text-align:left;  border-collapse:collapse}
#box-table-a th{ font-size:13px;  font-weight:normal;  padding:8px;  background:#024999;  border-top:4px solid #9bbfd4;  border-bottom:1px solid #fff;  color:#fff}
#box-table-a td{ padding:8px;  background:#ecf8ff;  border-bottom:1px solid #fff;  color:#024999;  border-top:1px solid transparent}
#box-table-a tr:hover td{ background:#cbe1ee;  color:#024999}


.graybox { background: url(../images/background/graybox-bg.png) repeat-y scroll center center; margin:0 auto 13px; width:980px; }
.bluebox { background: url(../images/background/bluebox-bg.png) repeat-y scroll center center; margin:0 auto 13px; width:980px; }
.whitebox { background: url(../images/background/whitebox-bg.png) repeat-y scroll center center; margin:0 auto 13px; width:980px; }
.graybox .inside, .bluebox .inside, .whitebox .inside { padding:20px;}
.graybox .inside .col, .bluebox .inside .col, .whitebox .inside .col { width:176px; float:left; margin-right:15px; margin-bottom:15px; font-size:10px; color:#666; line-height:16px;}
.graybox .inside .col:hover, .graybox .inside .last:hover, .bluebox .inside .col:hover, .bluebox .inside .last:hover, .whitebox .inside .col:hover, .whitebox .inside .last:hover {color:#333;}
.graybox .inside .last, .bluebox .inside .last, .whitebox .inside .last { width:176px; float:left; font-size:10px; color:#666; line-height:16px;}
.graybox h3, .bluebox h3, .whitebox h3 {  width:191px; float:left; padding-bottom:10px; color:#333; font-size:14px;}
.graybox h3.no-width, .bluebox h3.no-width, .whitebox h3.no-width {width:300px;float:left; padding-bottom:10px; color:#333;}


#footer-table td {

font-size:9px;
line-height:13px;
color:#333333;
padding-right:10px;
padding-bottom:15px;
vertical-align:top;
}

#footer-table th {
  padding-bottom:5px;
  text-align:left;
  vertical-align:top;
}

#footer-table h3, #footer-table h3.no-width {
  margin-bottom:0;
  padding-bottom:0;
}
/* 
*4 col across

.graybox .inside .col, .bluebox .inside .col, .whitebox .inside .col { width:223px; float:left; margin-right:15px; margin-bottom:15px; font-size:11px; color:#666; line-height:16px;}
.graybox .inside .col:hover, .graybox .inside .last:hover, .bluebox .inside .col:hover, .bluebox .inside .last:hover, .whitebox .inside .col:hover, .whitebox .inside .last:hover {color:#333;}
.graybox .inside .last, .bluebox .inside .last, .whitebox .inside .last { width:223px; float:left; font-size:11px; color:#666; line-height:16px;}
.graybox h3, .bluebox h3, .whitebox h3 {  width:238px; float:left; padding-bottom:10px; color:#333;}

*/

#dealer_info div{
  padding-bottom:3px;
}

#content-wrapper {
  #background:fff;
}

.coupon {
  border:1px dashed #006699;
}

#definitions {
  padding:5px;
}

#locator-content {
  width:265px;
  float:right;
  margin-top:20px;
}

#locator-content form input.dealer_locate {
height:14px;
  margin-right:10px;
  padding:2px;
  margin-top:2px;
}

#d-locator {
  margin:0; padding:5px 0 0 0;
  
}

#d-locator input{
  margin:0;
  padding:0;
  
}