body{ background:#001947; color:#ffffff; font:12px Arial,Helvetica,Clean,Sans-Serif;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
img { border:0; }
p {padding: 10px 0px;}
/* page areas : sections */

#main { background-color:#43a8db; border-top: solid 5px #f7ac16; }
#header { background-color:#fff; height:152px; border-bottom: solid 1px #05257c; color:#03308b; }
#navbar { background-color:#6abce5; height:29px; }
#content { border-bottom: solid 1px #40a4db; min-height:420px; background:#05358e url(/local/css/img/blueBgFade.jpg) repeat-x top; }
#footer {background-color: #001947}


/* page content areas */

.widthContainer { width: 900px; margin:0 auto; }
.widthContainerNav {width: 900px; margin: 0 auto; background:url(/local/css/img/navBg.jpg) right no-repeat; height:29px;}
.widthContainerContent { width: 900px; margin:0 auto; background: url(/local/css/img/pageBg.jpg) top right no-repeat; min-height:127px;  }
.widthContainerFooter { width: 880px; margin:0 auto; font-size:11px; padding: 5px 0;}

/* navigation styles */

#nav { margin:0; padding:0; float:left; width :100%; }
#nav li {  display:inline; padding:0; margin:0; }
#nav a:link,#nav a:visited { font-weight:bold; font-size:14px; text-decoration:none; color:#fff; padding:7px 10px 7px 10px; float:left; width:auto; }
#nav a:hover { color:#fff; background:#06358f; }

#navFooter { margin:0; padding-bottom:10px; float:left; width :100%; }
#navFooter li {  display:inline; padding:0; margin:0; }
#navFooter a:link,#navFooter a:visited { font-size:12px; text-decoration:none; color:#f7ac16; padding:7px 10px 7px 0px; float:left; width:auto; }
#navFooter a:hover { color:#fee901; text-decoration:underline; }

/* link styles */

a:link, a:visited { color:#f7ac16; text-decoration:none;}
a:hover {color:#fee901; text-decoration:underline;}
.imgLink:link img,a:visited img { border:1px solid #4a7cba; }
.imgLink:hover img { border:1px solid #ffc12a; }
/* content columns */

#ColMain { width: 640px; float:left; }
#ColSide { width: 210px; float:left; padding-left:30px; }
.SubCol1 { float:left; width:340px;}
.SubCol2 { float:left; width:280px; margin-left:20px;}

/* header styles */

h2.title { font-size:16px; color:#fff; }
h3.subTitle {font-size:12px; color:#9addff; text-decoration:underline; }
h4.arrow {background: url(/local/css/img/arrow.png) no-repeat; padding-left:20px; font-size:14px; font-weight:bold; }

/*image replacement */
.dropletIco {background: url(/local/css/img/drop.png) top left no-repeat; float:left; width:35px; height:40px; margin-left:5px; }
.stopIco {background: url(/local/css/img/stop.png) top left no-repeat; float:left; width:43px; height:40px; }
.wrenchIco {background: url(/local/css/img/wrench.png) top left no-repeat; float:left; width:35px; height:40px; }
.plumberImg {background: url(/local/css/img/plumber.png) top left no-repeat; float:left; width:126px; height:126px; margin: 10px 10px 10px 0px;}
.serviceImg {background: url(/local/css/img/serviceArea.png) top left no-repeat; float:left; width:126px; height:126px; margin: 10px 10px 10px 0px;}
.tipsImg {background: url(/local/css/img/tips.png) top left no-repeat; float:left; width:126px; height:126px; margin: 10px 10px 10px 0px;}
.servicesImg {background: url(/local/css/img/services.png) top left no-repeat; float:left; width:126px; height:126px; margin: 10px 10px 10px 0px;}
.contactImg {background: url(/local/css/img/contact.png) top left no-repeat; float:left; width:126px; height:126px; margin: 10px 10px 10px 0px;}

#headerImg { 	width: 888px; height: 141px; 	position: relative; top:11px;	}
#headerImg span { 	background: url(/local/css/img/header.jpg) no-repeat; 	position: absolute; 	width: 100%;	height: 100%; 	}

#chicagoImg { 	width: 280px; height: 110px; 	position: relative; }
#chicagoImg span { 	background: url(/local/css/img/chicago.jpg) no-repeat; 	position: absolute; 	width: 100%;	height: 100%; 	}

#contBorder { clear:both; border-top: 1px solid #8dd9ff; width:605px; margin-left:35px; padding-bottom:15px; line-height:0px; }

/* bullet lists */

.yellowSq { margin:0; padding-left: 55px; padding-top:10px; }
.yellowSq li { list-style-image:url(/local/css/img/square.png); line-height:18px; font-weight:bold; }

.yellowSq1 { margin:0; padding-left: 40px; padding-top:10px; }
.yellowSq1 li { list-style-image:url(/local/css/img/square.png); line-height:18px; padding-bottom:20px;}

.label-input { clear:both; padding:3px 0 0 0;  }
.label-input label { display:block; float:left; width:120px; text-align:right; padding:4px 4px 0 0;color:#fff; }
.qty-input { clear:both; padding:3px 0 0 0; }
.qty-input label { display:block; float:left; width:170px; text-align:right; padding:4px 4px 0 0; }
.required { font-weight:bold; color:#000; }
.required input, .required select { background-color:#FFF4BF; }