.bannerID  { background-color: #014e9c; background-image: url("images/banner_back.jpg"); background-repeat: no-repeat; background-position: center top; text-align: center; width: 1000px; height: 118px; vertical-align: top }
table { }
.bannerLeft        { background-color: #014e9c; background-image: url("images/banner_left.jpg"); background-repeat: no-repeat; background-position: right center; text-align: right; width: auto; height: 118px }
.bannerRight       { background-color: #014e9c; background-image: url("images/banner_right.jpg"); background-repeat: no-repeat; background-position: left center; text-align: left; width: auto; height: 118px }
.navTDmid         { background-image: url("images/nav_back.jpg"); background-repeat: repeat-x; text-align: center; padding: 0; width: 1000px; height: 43px; border-style: none }
.submit   { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: center; padding: 2px; width: auto; height: auto; vertical-align: middle }
.textpadTD         { text-align: left; padding: 20px 30px 20px 0; vertical-align: top }
.bluelink { color: #339 }

p         { color: #333; font-size: 8.8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 12pt; text-align: left; vertical-align: top }
h2     { color: #39c; font-size: 9.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11pt; text-align: left }

a, a:active, a:visited, a:hover {
	color: #339;
	text-decoration: none;
}

a:hover{
	font-weight: bolder ;
}


.nav-OVERTR  { color: #fff; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-stretch: condensed; background-image: url("images/nav_back-over.jpg"); background-repeat: repeat-x; background-position: left top; width: auto; height: 43px }
ol { }
.featureTop   { background-image: url("images/feature_back.jpg"); background-repeat: no-repeat; background-position: left top }
h3 { color: #339; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 12pt; text-decoration: none }
.swfTD     { margin: 0; padding-top: 20px; padding-bottom: 10px; padding-left: 20px; width: 480px; height: 255px; border-left: 1px solid #fff }

.shadowL       { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 9pt; background-image: url("images/list_back.jpg"); background-repeat: repeat-y; text-align: left; padding: 20px 45px 0 65px; width: 294px; vertical-align: top }
ul  { line-height: 12pt; text-align: left; list-style-image: url("images/whitearrow.gif"); list-style-position: outside; display: block; padding-left: -40px }
h1   { color: #339; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 18px; letter-spacing: -2% }

body      { background-color: #bad7db; margin: 0; padding: 0; vertical-align: top; border-style: none }
.featureBottom  { background-image: url("images/feature_back.jpg"); background-repeat: no-repeat; background-position: left bottom }
.featureB1           { color: #444; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10.5pt; background-image: url("images/feature_bot1.jpg"); background-repeat: no-repeat; background-position: left bottom; padding: 10px 20px 30px 30px; width: 161px; height: auto; vertical-align: top }
.featureheads    { color: #014e9c; font-size: 11pt; line-height: 15pt }
.featureB2            { color: #444; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt; background-image: url("images/feature_bot2.jpg"); background-repeat: no-repeat; background-position: left bottom; padding: 10px 15px 30px; width: 148px; height: auto; vertical-align: top }
.imagebuttons { text-decoration: none }
.featureB3            { color: #444; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10.5pt; background-image: url("images/feature_bot3.jpg"); background-repeat: no-repeat; background-position: left bottom; padding: 10px 40px 30px 15px; width: 171px; height: auto; vertical-align: top }
.featurerule    { background-color: #fff; background-repeat: repeat-y; background-position: left top; height: auto; border-bottom: 1px solid #fff; border-left: 1px solid #fff }
.textpadTDLeft       { padding: 20px 0 20px 20px }
.h2rule     { color: #39c; font-size: 9.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11pt; padding-top: 10px; border-top: 1px dotted #39c }
.picTD { padding: 20px 0 10px 20px; border-left: 1px solid #fff }
.shadowLBot  { background-image: url("images/294_boxbot.jpg"); background-repeat: no-repeat; background-position: 0 top; width: 294px; height: 19px }
.drainL { color: #444; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 10pt; background-image: url("images/drain.jpg"); background-repeat: no-repeat; background-position: 0 bottom; padding-top: 20px; padding-right: 50px; padding-left: 40px; width: 240px; height: 165px }
.phoneL       { background-image: url("images/phone2.jpg"); background-repeat: no-repeat; background-position: 0 top; width: 294px; height: 88px; vertical-align: top; helvetica: background-image: url("images/phone2.jpg")   }
.list     { text-align: left; padding: 0 0 6px; vertical-align: top; border-bottom: 1px solid #d3d2cb }

form input:focus{ border:1px solid #39C;}
form textarea:focus{ border:1px solid #39C;}

.contactTD, .contactTDR, .contactTDR2, .contactTD2 , .contactTD3 , .contactTR3 { background-color: #bedadd; color: #444;}
.contactTD  { 
		 font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; 
		 text-align: right; padding: 15px 10px 10px 20px; height: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; 
	}
.contactTDR {  font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold;  padding: 10px 20px 10px 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff }

.f1 { background-image: url("images/f1.jpg"); background-repeat: repeat-y }

.textpadTD2 { padding: 40px 30px 20px ; }

.drain      { background-image: url("images/blocked-drain.jpg"); background-repeat: no-repeat; background-position: left top; text-align: left; width: 294px; height: 246px }
.navover { border: 0 }
.listbot     { background-image: url("images/list_bot.jpg"); background-repeat: no-repeat; background-position: 0 top; width: 294px; height: 35px; vertical-align: top }
.listBack   { color: #444; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt; background-image: url("images/list_back.jpg"); background-repeat: repeat-y; text-align: left; padding: 0 50px 0 55px; width: 294px; height: auto; vertical-align: top }
.hotwater  { background-image: url("images/water_services.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 246px }
.gas  { background-image: url("images/gas_image.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 246px }
.rebatehead  { color: #fff; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 10pt; background-color: #39c; text-align: left; padding: 12px 10px 10px; height: 30px }
.comservices   { background-image: url("images/commercial-plumbing.jpg"); background-repeat: no-repeat; background-position: left top; text-align: center; width: 294px; height: 246px; vertical-align: top }
.save     { font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt; background-image: url("images/save.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; vertical-align: top }
.listbot2   { background-image: url("images/list_bot2.jpg"); background-repeat: no-repeat; background-position: 0 top; width: 294px; height: 20px; vertical-align: top }
.enviro  { background-image: url("images/enviro_services.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 246px; vertical-align: top }
.aboutimage    { background-image: url("images/emergency-plumber.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 246px }
.associations    { background-image: url("images/associations.gif"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 150px; vertical-align: top }
.rebatesubhead { color: #555; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt; background-color: #d3d2cb; text-align: left; padding: 10px; height: 30px; border: solid 1px #d3d2cb }
.rebatesubtext { color: #000; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt; text-align: left; padding: 10px; height: 30px; border: solid 1px #d3d2cb }
.h2rulexmarg   { color: #39c; font-size: 9pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 11pt; margin-top: 30px; padding-top: 8px; border-top: 1px dotted #39c }
.prule { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; padding-top: 8px; border-top: 1px dotted #014e9c }

.input { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #f4f4f4; padding: 4px; width: 200px; height: 20px; vertical-align: middle; border: solid 1px #a4a4a4 }
.submit  { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal }

.textarea { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 12pt; background-color: #f4f4f4; padding: 2px; width: 200px; height: 100px; border: solid 1px #a4a4a4 }
.contactTD2 { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold;  text-align: right; padding: 4px 20px 10px; height: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff }
.savepad   { padding-top: 240px; padding-right: 150px; padding-left: 52px }
.gradientmid         { background-color: #bad7db; background-image: url("images/gradient.jpg"); background-repeat: repeat-x; padding-bottom: 50px; width: 1000px; height: 100%; vertical-align: top }
.navTRmain    { background-image: url("images/nav_back.jpg"); background-repeat: repeat-x; margin: 0; width: 1000px; height: 43px; min-height: 43px; max-height: 43px; border: 0 }
.contactTD3 { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold;  text-align: right; padding: 8px 20px 10px; height: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff }
.navTb   { text-decoration: none; border: 0; outline-style: none }
a1:hover { }
.navTDleft { background-image: url("images/nav_back.jpg"); background-repeat: repeat; text-align: right; padding: 0; width: auto; height: 43px; border-style: none }
.navTDright { background-image: url("images/nav_back.jpg"); background-repeat: repeat; text-align: left; padding: 0; width: auto; height: 43px; border-style: none }
.textpadnone { text-align: center; padding-bottom: 20px; width: 294px; vertical-align: top }
.gradientTRL    { color: #fff; background-color: #bad7db; background-image: url("images/gradient.jpg"); background-repeat: repeat-x; text-align: right; width: auto; height: 100%; vertical-align: top }
.gradientTRR    { color: #fff; background-color: #bad7db; background-image: url("images/gradient.jpg"); background-repeat: repeat-x; text-align: left; width: auto; height: 100%; vertical-align: top }
.maintable   { background-color: #bad7db; text-align: center; margin: 0; width: 100%; height: 100%; vertical-align: top; border: 0 }
.gradientTR    { background-color: #bad7db; background-image: url("images/gradient.jpg"); background-repeat: repeat-x; background-position: 0 0; height: 100% }


/* footer */
.footerwhiteTD  { 
		
	line-height: 11pt;	
	text-align: center;	
	padding: 20px 0;
}

.footerTB { color: #777;	
 font-size: 7.5pt;	
 line-height: 14pt;	
 text-align: left;	
 padding: 0 10px;	
 border-left: thin solid #fbfbfb 
	
}

.footerTB a, .footerTB p {
	color: #777;
	font-family: "Helvetica CY", "Arial Narrow", Helvetica, Arial;
	font-size:9pt;
	
	line-height: 0.95em;
}

.footerTB > p:first-child > a{
	font-weight: bold;
	
	margin-bottom: 8px;
	text-transform: uppercase;
}


.footerwhiteTD a:hover {
	color: #39C;
	font-weight: normal ;
	
}

.footerwhiteA { color: #666;	
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;	
 font-weight: lighter;	
 text-decoration: none;	
 text-transform: capitalize }

.footerwhiteTDHOME   { color: #fff;	
 font-size: 9pt;	
 font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;	
 line-height: 10pt;	
 background-color: #bad7db;	
 text-align: center;	
 margin-bottom: 100px;	
 padding: 20px 0 
}

.footergreyrule   { color: #a4a4a4; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 9.5pt; text-decoration: none; margin-top: 20px; padding-top: 10px; border-top: 1px solid #a4a4a4 }
.footergrey { color: #a4a4a4; font-size: 7.5pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 9.5pt; text-decoration: none }





.listtop { background-image: url("images/list_top.jpg"); background-repeat: no-repeat; background-position: 0 bottom; width: 294px; height: 50px; vertical-align: bottom }
.listtop2  { background-image: url("images/list_top2.jpg"); background-repeat: no-repeat; background-position: 0 bottom; width: 294px; height: 23px; vertical-align: bottom }
.action_dollarsign    { background-image: url("images/dollarsign.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 45px; padding-right: 40px; padding-left: 110px; width: 294px; height: auto; vertical-align: top }
.action_packet    { background-image: url("images/packet.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 55px; padding-right: 50px; padding-left: 140px; width: 294px; height: auto; vertical-align: top }
.action_panic  { background-image: url("images/panic.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 100px; padding-right: 40px; padding-left: 118px; width: 294px; height: auto; vertical-align: top }
.action_credit { background-image: url("images/credit.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 60px; padding-right: 40px; padding-left: 108px; width: 294px; height: auto; vertical-align: top }
.action_panic2        { background-image: url("images/guarantee.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 170px; padding-right: 40px; padding-left: 55px; width: 294px; height: auto; vertical-align: top }
.action_quickquote  { background-image: url("images/quickquote.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 100px; padding-right: 130px; padding-left: 53px; width: 294px; height: auto; vertical-align: top }
.action_ontheway  { background-image: url("images/ontheway.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 170px; padding-right: 40px; padding-left: 60px; width: 294px; height: auto; vertical-align: top }
.f2 { background-image: url("images/f2.jpg"); background-repeat: repeat-y }
.f3 { background-image: url("images/f3.jpg"); background-repeat: repeat-y }
.layer1 { color: #333; font-size: 8.8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 12pt; text-align: left; vertical-align: top }
.layer1rule { border: solid 1px #555 }
.contactTDR2 { color: #444; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  padding: 10px 20px 10px 10px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff }
.plumbing-emergency  { background-image: url("images/plumbing-emergency.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 170px; padding-right: 40px; padding-left: 60px; width: 294px; height: auto; vertical-align: top }
.footerwhiteTD2 { color: #666; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: 200; line-height: 11pt; text-align: center; padding: 20px 0 }
.list2 { text-align: left; text-indent: -12px; padding: 0 20px 0 12px; vertical-align: top }
.action_nodig { background-image: url("images/nodig.jpg"); background-repeat: no-repeat; background-position: 0 top; padding-top: 170px; padding-right: 40px; padding-left: 60px; width: 294px; height: auto; vertical-align: top }
.brawoliner { background-image: url("images/brawoliner.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 150px; vertical-align: top }
.relineimage { background-image: url("images/piperelining.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; height: 246px }
.listtitle  { font-weight: bold; text-align: left; text-transform: capitalize; padding: 0 0 6px; vertical-align: top; border-bottom: 1px solid #d3d2cb }
.listbullet { text-align: left; list-style-type: disc; list-style-position: outside; padding: 0 0 6px 10px; vertical-align: top; border-bottom: 1px solid #d3d2cb }
.team { font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 10pt; background-image: url("images/team.jpg"); background-repeat: no-repeat; background-position: left top; width: 294px; vertical-align: top }


.form-error{ border:2px solid red; }
.form-ok{ border:1px solid #ccc;}

.footer-focus{ color: black;  }