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

html, body { height:100%; min-height: 100%; font-family: Tahoma; font-size:12px; margin:auto; padding:0; background:#000000 url(images/background-gradient.jpg) repeat-x;}

/*--------------------------------------------------------------------        layout */
.wrapper {
	width:100%;
	height:100%;
	background:url(images/background.jpg) center top no-repeat;
	margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height */
}
.push { height:75px;}
.nav { background:url(images/nav-bg.jpg) repeat-x; padding:0; margin:0; height:25px; width:100%}
.nav ul { margin:0px;}
.pagetitle { background:#000000; color:#FFFFFF; font-size:14px;}
.leftcol { /*width:220px;*/ min-height: 100%; font-size:11px; /*background:url(images/leftside_shadow.jpg) top right no-repeat #FFF; background:#c5c5c5; background:#5f768e; color: #FFF; border-right: solid 1px #29527d;*/}
.leftcol ul li { list-style:square; color:#333; margin-bottom:3px;}
.maincontent {  /*width:726px;*/ min-height: 100%; padding:15px; background:#FFFFFF;}
.maincontent ul li { list-style:square; margin-bottom:5px; line-height:18px;}
.maincontent p { line-height:18px;}
.maincontent img { margin:10px; padding:0; border:0;}
.maincontent h4 { margin-top:25px;}
.footer {background:#FFF; color:#333; text-align:center; padding-top:10px; padding-bottom: 10px; height:75px; min-height:75px;}
.clear {clear:both;}
img { border:0px none;}
h1 {
	font-size:24px;
	margin-bottom:5px;
	margin-top:0px;
	color:#4e4e4e;
}
h2 {
	font-size:16px;
	color:#999999;
	margin:0 0 0 0;
	text-transform:uppercase;
}
h3 {
	margin:0px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}

h4 {
	margin:0px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	border-bottom: solid 1px #ebebeb;
}

.callout {
	float:right;
	background: #FFF;
	padding:10px;
	border: solid 1px #CCCCCC;
	border-top: solid 3px #ffcc00;
	width:250px;
}

.callout h4 { margin-top:0px;}

.gray { color:#676767;}

.featured {
	border-top: solid 1px #f1f1f1;
	padding: 0px 10px 0px 10px;
	margin-top:10px;
	background: url(images/featured-bg.jpg) repeat-x;
}

/*.featured:hover {
	background:#fff;
}*/

.featured img {
	margin:0px 10px 10px 0px;
	float:left;
	border:solid 1px #ebebeb;
}

/*-------------------------------- Flash Map */
#flashcontent {
	z-index:0;
	position:relative;
}


/*--------------------------------------------------------------------        header */
.header {
	width:946px;
	height:71px;
}

.header a:link, .header a:visited {color:white;}
.header a:hover { color:#ffcc00;}

.logo { position:relative; left:15px; top:10px; float:left;
	width:175px;
	height:46px;
	background:url(images/hds-electrical_logo.gif);
	z-index:999;
}

.login {
	float:right;
	padding:5px;
	color:white;
	margin-right:5px;
}

.login .field {
	float:left;
	padding:4px;
}

form .txtbox {
	background:#fff url(images/field-bg.jpg) top repeat-x;
	border: solid 1px #000;
	font-family:Tahoma;
	padding:2px;
	vertical-align:middle;
}

input.txtbox:focus {
	border:1px solid #f4ab0f;
}

.cap {
	text-transform:capitalize;
}

.login form input.btn { border:0; margin-left:4px; padding:0; vertical-align:middle; background:none; color:white; font-weight:bold;}

/*--------------------------------------------------------------------        general links */
a:link, a:visited {
	color:#333;
	border-bottom: 1px dotted;
	text-decoration:none;
}

.img:link, .img:visited, .img:hover { border:none;}
img.link { margin:0px 0px 0px 0px; padding:0px;}

a:hover {
	color:#FFCC00;
}

.leftcol a:link, .leftcol a:visited {
	/*color:#FFF;*/
}

.leftcol a:hover {
	color:#FFCC00;
}

a.credit_app_dl {
	position:relative;
	float:right;
	top:15px;
	border:none;
	width:350px;
	height:65px;
	background-image:url(images/download-credit-app.jpg);
}

a.credit_app_dl:hover {
	background-image:url(images/download-credit-app_over.jpg);
}

/* --------------------------------------------------------------------       home navigation */
.homenav {
	margin:0; padding:0; border:0; height: 52px;
	display:block; float:left;
}

.commercial { background: url(images/cust_commercial.gif); width: 209px; height:52px;}
.commercial:hover, .commercial#current { background: url(images/cust_commercial_hover.gif);}

.residential { background: url(images/cust_residential.gif); width: 216px;}
.residential:hover, .residential#current { background: url(images/cust_residential_hover.gif);}

.oem { background: url(images/cust_oem.gif); width: 166px;}
.oem:hover, .oem#current { background: url(images/cust_oem_hover.gif);}

.maint-repair { background: url(images/cust_maint-repair.gif); width: 202px;}
.maint-repair:hover, .maint-repair#current { background: url(images/cust_maint-repair_hover.gif);}

.homeowner { background: url(images/cust_homeowner.gif); width: 157px;}
.homeowner:hover, .homeowner#current { background: url(images/cust_homeowner_hover.gif);}

/*--------------------------------------------------------------------        home content */
.homecontent {
	background:#fff;
	color:#333;
	height:100%; min-height: 100%;
	padding-top:20px;
}

ul.secondnav {float:left; margin:0; margin-left:15px;}

ul.secondnav li {
	list-style:url(images/arrow_yellow.gif);
	color:#ffcc00;
	margin:5px;
	margin-right:25px;
	margin-left:15px;
	text-align:left;
}

.promos {
	display:none;
}

#promo-default {
}

#home-flash {
	z-index:1;
}
/*--------------------------------------------------------------------        search */
input.txt {
	border: solid 1px #CCCCCC;
	padding:2px;
	vertical-align:middle;
}

form { margin:0; padding:0;}

form .button {
	border:none;
	vertical-align:middle;
}

/*--------------------------------------------------------------------        find a pro table */

table.pro th {
	background-color: #333;
	color:#fff;
}

table.pro td.state {
	font-weight:bold;
	text-transform:uppercase;
	background-color: #ccc;
	border-bottom: solid 3px #454545;
}

table.pro td {
	border-bottom:solid 1px #ccc;
}

/*--------------------------------------------------------------------        results table */
.results tr td { padding:4px; border-right: solid 1px #FFF; color:#333333; line-height:14px;}
.results td.alt { background:#eaeaea;}
.results td { background:#f7f7f7;}
.results th { background:#CCC; padding:4px; height:25px; font-weight:bold; border-right: solid 1px #FFF; vertical-align:middle; text-align:left; border-top:solid 5px #29527d; border-bottom:solid 1px #c3c3c3;}


/* ------------------------------------------------MUST be at end of css (IE min-height hack) */
html, body {
height: 100%;
min-height: 100%;
}
.maincontent, .leftcol {
height: 100%;
min-height: 100%;
}