body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
behavior: url('csshover.htc');
}

*:first-child+html html, body {
   margin:0;
   padding:0;
   height:100%;
}

*:first-child+html #all {
   min-height:100%;
   position:relative;
}


*:first-child+html #footer {
   bottom:0;
   width:100%;
   height: 250px;   /* Height of the footer */
   margin-top: 600px;
}

a, a:link, a:visited {
color: #000;	
}

a:hover {
text-decoration: none;
}

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

.nou a:hover, a.nou:hover {
text-decoration: underline;
}

ul.red {
margin: 0 0 0 12px;
padding: 0;
}

ul.red li {
list-style-image: url('/assets/arrow-red.gif');
padding: 0;
margin: 0;
}

body ul {!important;}

.nomar-t { margin-top: none !important; }
.nomar-r { margin-right: none !important; }
.nomar-b { margin-bottom: none !important; }
.nomar-l { margin-left: none !important; }
.nopad-t { padding-top: none !important; }
.nopad-r { padding-right: none !important; }
.nopad-b { padding-bottom: none !important; }
.nopad-l { padding-left: none !important; }

a.button {
display: block;	
background: url(/assets/field-bg.gif) repeat-x bottom;
border: 1px solid #acacac;
text-decoration: none;
color: #b41919;
}

.white {
color: #fff;	
}

.blue {
color: #11284f;
}

.red {
color: #b41919 !important;
}

.bold {
font-weight: bold;	
}

.box-l {
background: url(/assets/bg-fade-l.gif) no-repeat top left;
}

.box-r {
background: url(/assets/bg-fade-r.gif) no-repeat top right; 
}

.pad {
padding: 22px;
}

.half {
width: 49%;	
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.small {
font-size: 10px;
}

.medium {
font-size: 18px;
}

.color {
color: #2a5090;
}

.clearboth {
clear: both;	
}

#all {

}


.wrapper1 {
width: 1000px;
}

.wrapper {
width: 1000px;
margin: 0 auto;
}

#phone {
color: #b41919;
font-size: 28px;
font-weight: bold;
width: 245px;
float: right;
}
#livechat {
width: 160px;
float: right;
margin-right: 80px;
}
#customerresources {
width: 280px;
height: 60px;
position: absolute;
right: 0;
top: -20px;
background: url(/assets/action-title.gif);
font-size: 23px;
font-weight: bold;
}

#customerresources .pad {
padding: 20px 0 20px 25px;
}

#header {
padding-top: 35px;
}

#header .wrapper {
background: url(/assets/header-bg.gif) no-repeat;
background-position: 150px 0;
height: 125px;
}

#logo a {
width: 259px;
height: 107px;
float: left;
padding-left: 38px;
background:url(/assets/logo.gif) no-repeat;
}


#header .right {
float: right;
width: 70%;
}

#slider {
height: 280px;
overflow: hidden;
}

#banner {
height: 280px;
background: url(/assets/banner-bg.gif) repeat-x;
}

#banner .wrapper {
	
}

#banner .actions {
float: right;
width: 280px;
height: 280px;
background: url(/assets/action-bg.gif) repeat-y;
}

#banner .actions ul {
margin: 20px 0 0 0;
padding: 0;
}

#banner .actions ul li {
list-style: none;	
margin: 0;
padding: 0;
clear: left;
}

#banner .actions ul li .content {
padding-left: 65px;
display: block;
margin-bottom: 9px;
}

#banner .actions ul li a {
	display: block;
	background: url(/assets/action-btn.gif) no-repeat top right;
	padding: 10px 0 9px 65px;
	margin-bottom: 9px;
	font-size: 18px;
	color: #11284f;
	text-decoration: none;
	font-weight: bold;
}

#banner .actions ul li a:hover {
background-position: right -40px;	
}

#banner .image {
float: left;
width: 700px;
} 



.banner2 {
float: left;
width: 700px;
}

.page-title {
height: 66px;
width: 700px;
background: url(/assets/header-top.jpg) repeat-x top left;
color: #fff;
}

.page-title h1{
margin: 0;
padding: 16px;
font-size: 22px;
}

#page-content {
float: left;
width: 700px;
background: url(/assets/page-bottom.jpg) repeat-x left bottom;
background-color: #fbfbfc;
min-height: 383px;
}


#services {
height: 100px;
background: url(/assets/services-bg.gif) repeat-x;
}

#services .wrapper {
	
}

#services ul {
margin: 0;
padding: 0;
}

#services ul li {
list-style-type: none;
float: left;
}

#services ul li a {
width: 100px;
height: 100px;
margin: 0;
padding: 0;
display: block;
margin-right: 20px;
text-decoration: none;
}

#services ul li:hover {
background-position: 0 -100px;
}

#services ul .heating { background: url(/assets/icon-heating.gif) no-repeat; }
#services ul .cooling { background: url(/assets/icon-cooling.gif) no-repeat; }
#services ul .plumbing { background: url(/assets/icon-plumbing.gif) no-repeat; }
#services ul .draincleaning { background: url(/assets/icon-draincleaning.gif) no-repeat;}
#services ul .softwater { background: url(/assets/icon-softwater.gif) no-repeat; }
#services ul .geothermal { background: url(/assets/icon-geothermal.gif) no-repeat; }

#main {
margin-top: 20px;
line-height: 20px;
}

#main2 {
background: url(/assets/main-bg.jpg) repeat-x bottom left;
background-color: #11284f;
}

#content {
float: left;
width: 700px;
}

#column {
float: right;
width: 280px;
}

#newsletter {
float: right;
width: 280px;
height: 100px;
background: url(/assets/newsletter-bg.png) no-repeat;
}

*:first-child+html #newsletter {
float: right;
width: 280px;
height: 100px;
background: url(/assets/newsletter-bg.png) no-repeat;
}

#newslettertitle {
margin-bottom: 13px;
color: #fff;
font-size: 26px;
font-weight: bold;
}

*:first-child+html #newslettertitle {
margin-bottom: 13px;
color: #fff;
font-size: 25px;
font-weight: bold;
}

#field-newsletter {
border: 0;
padding-left: 15px;
background: url(/assets/field-newsletter.gif) no-repeat;
height: 20px;
width: 165px;
color: #7b94be;
}

#footer .one {
width: 333px;
float: left;
}

#footer .two {
width: 340px;
float: left;
}

#footer .three {
width: 280px;
float: right;
}

#searchfield {
height: 23px;
background: url(/assets/field-bg.gif) repeat-x bottom;
margin: 0;
padding: 0 0 0 15px;
line-height: 25px;
border: 1px solid #acacac;
border-right: none;
}

#newsletterfield {
height: 23px;
background: url(/assets/field-bg.gif) repeat-x bottom;
margin: 0;
padding: 0 0 0 15px;
line-height: 25px;
border: 1px solid #acacac;
border-right: none;
}

.half .floatright .a {
text-decoration: none;
}

.coupon {
padding: 15px;
border: 3px dashed #7f1110;
text-align: center;
background: #fff;
}
.coupon .coupontitle {
font-size: 20px;
font-weight: bold;
background: url(/assets/header-top.jpg) repeat-x top left;
padding: 15px;
margin: -15px;
color: #fff;
}

.coupontitle a {
text-decoration: none;
}

.coupontitle a, .coupontitle a:link, .coupontitle a:visited {
color: #fff;
}

.coupon .offer {
font-size:16px;
color: #11284f;
line-height: normal;
}
.coupon .details {
font-size: 11px;
}

.titlelarge {
font-size: 18px;
color: #b31919 !important;
}

.sub-title {
font-size: 20px;
color: #b31919 !important;
}

#cat {
background: url(/assets/newsletter-bg.png) repeat-x top left;
color: #fff;
font-size: 20px;
font-weight: bold;
}

.pad1 {
padding-left: 10px;
}

h1 a {
color: #fff !important;
}

.glossary-title {
font-size: 18px;
}

.large {
font-size: 30px;
padding: 10px;
border-top: 1px solid #c4c5c8;
border-bottom: 1px solid #c4c5c8;
}

.medium .red a {
text-decoration: none !important;
}

.datebox {
float: left;
padding: 15px;
font-size: 24px;
text-align: center;
color: #fff;
background: url(/assets/newsletter-bg.png) repeat-x top left;
}

.datebox2 {
float: left;
}

.datebox .small {
font-size: 14px !important;
color: #fff;
}

.articlebox2 {
width: 535px;
float: right;
min-height: 75px;
_height: 75px;
padding-bottom: 10px;
}

.articlebox2 a {
color: #b41919;
}

.articlebox {
width: 578px;
float: right;
min-height: 75px;
_height: 75px;
padding-bottom: 10px;
}

.articlebox a {
color: #b41919;
}

#footer a {
text-decoration: none;
}

#footer a:hover {
text-decoration: underline !important;
}

/* ---------------------------------- */
/* NAVIGATION STYLES */
/* ---------------------------------- */

/* Horizontal Menu w/ 2 Tier dropdown */

.whitearrow {
background: url('/assets/arrow-white.gif') #11284f no-repeat !important;
background-position: 213px 10px !important;
}

.whitearrow:hover {
background: url('/assets/arrow-white.gif') #264886 no-repeat !important;
background-position: 213px 10px !important;
}

#navigation {
height: 40px;
background: url(/assets/nav-bgbar.gif) repeat-x bottom;
}


#navigation ul li a{


}

#navigation ul li:hover a {
color: #fff;
background-position: right -40px;
}

#navigation .wrapper {
position: relative;
}

#navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

#navigation a {
display: block;
position: relative;
margin: 0;
padding: 13px 20px 13px 20px;
text-align: center;
color: #fff;
text-decoration: none;
background: url(/assets/nav-bg-r.gif) no-repeat top right;
}

#navigation a:hover {
color: #fff;
background-position: right -40px;
}

#navigation li {
float: left;
position: static;
background: url(/assets/nav-bg-l.gif) no-repeat top left;
overflow: hidden;
height:40px;
}

#navigation li:hover {
background-position: left -40px;
}

#navigation ul ul {
position: absolute;
z-index: 500;
background: #fff;
font-size: 12px;
}

#navigation ul ul li {
height: 26px;
clear: left;
width: 230px;
color: #767676;
border-bottom: 1px solid #132e5a;
border-right: 1px solid #132e5a;
background : #11284f repeat-x;
}

#navigation ul ul li:hover {
background-image: none;
background : #264886;
}

#navigation ul ul li a {
padding: 6px 15px 7px 15px;
position: relative;
text-align: left;
background-color: #11284f;
color: #fff !important;
background: none;
cursor: pointer !important;
}

#navigation ul ul li a:hover {
color: #fff !important;
}

#navigation ul li:hover a {
color: #fff;
}

#navigation ul ul ul {
position: absolute;
margin-top: -28px;
left: 100%;
}

#navigation ul ul ul li a {
background: none;
}

div#navigation ul ul,
div#navigation ul li:hover ul ul,
div#navigation ul ul li:hover ul ul
{display: none;}

div#navigation ul li:hover ul,
div#navigation ul ul li:hover ul,
div#navigation ul ul ul li:hover ul
{display: block;}