@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:#666; font-size:10px; text-align:center; padding-top:10px; padding-bottom: 10px; height:75px; min-height:75px;}
.clear {clear:both;}
.right {float:right;}
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;
}
h2a {
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin:0 0 0 0;
}



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;
}
h5 {
	margin:0px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}
h6 {
	font-size:16px;
	font-weight:bold;
	color:#999999;
	margin:0 0 0 0;
	text-transform:none;
}

.news {
	font-size:12px;
	color:#999999;
	margin:0 10px 0 0;
	text-transform:none;
	text-align: right;
	float: right;
	
}
.news-h2 {
	font-size:13px;
	color:#333;
	margin:0 0 2em 0;
	background-color:#CCC;
	text-transform:uppercase;
    padding: 2px;
}


/* separate the list from surrounding elements */
#column ul
{
  margin: 0 0 1em 2em;
  padding: 1em;
}

#column ul li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.8em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ul li
{
	position: relative;
}

/* horizontal position of each column */

#column ul li.column1 { margin-left: 0em;}
#column ul li.column2 { margin-left: 25em;}


/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

#column li.reset
{
  margin-top: -5.5em;
}

/* anchor styling */
#column ul li a
{
  display: block;
  width: 23em;
  text-decoration: none;
}

#column ul li a:link, #column ul li a:visited, #column ul li a:hover {
	border-bottom:none;
	text-decoration: none;
}
 
.blog-heading {
	font-size:18px;
	margin: 2px 0px 10px 0px;
	display:block;
	text-transform:capitalize;
}

.blog-heading-news {
	font-size:13px;
	font-weight: bold;
	margin: 2px 0px 10px 10px;
	/*display:block;*/
	text-transform:capitalize;
}

.blog-post {
	border-bottom:1px solid #F90;
	padding:5px;
}

.archivedposts {
	
	border-bottom: 3px solid #F90;
	padding:10px 0px 10px 5px;
	/*margin-top:10px; 
	display:block;
	float:left;*/
	border-top:2px solid #F90;
}

/*.archivedposts a:link  {
	border-bottom: none;
}*/

.readall {
	margin: 0 auto 0 auto;
	text-align:center;
	display: block;
}

.blogpostbranches {
	padding:1px;
}
.blogpostbranches img {
	display:none;
}

.date { font-size:13px;}

.callout {
	float:right;
	position: absolute;
	top: 200px;
	right: 200px;
	background: #FFF;
	padding:10px;
	border: solid 1px #CCCCCC;
	border-top: solid 3px #ffcc00;
	width:225px;
	height:100px;
	overflow:hidden;
	line-height: 20px;
}

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

.gray { color:#333;}

.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;
	position:relative;
	padding:5px;
	color:white;
	margin-right:5px;
	z-index:999;
}

.login a:link, .login a:visited { color:#fff;}
.login a:hover {color:#ffcc00;}

.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: 1px solid #ffcc00; height:22px; margin-left:4px; margin-top:13px; padding:0px 2px; 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);}

.splash {
	position:relative;
	display:block;
	float:left;
	width:950px;
	height:451px;
}

#main {
	background:url(images/home-splash_main1.jpg) no-repeat;
}

#commercial {
	background:url(images/home-splash_commercial.jpg) no-repeat;
}

#residential {
	background:url(images/home-splash_residential.jpg) no-repeat;
}

#oem {
	background:url(images/home-splash_oem.jpg) no-repeat;
}

#maint {
	background:url(images/home-splash_maint-repair.jpg) no-repeat;
}


#homeowner {
	background:url(images/home-splash_homeowner.jpg) no-repeat;
}
/*--------------------------------------------------------------------        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;
}
.homecontent a.promo {
	border-bottom:0px none;
}

#promo-default {
}

#home-flash {
	z-index:1;
}
/*--------------------------------------------------------------------        branch */
.mainbranch {text-align: center; vertical-align: top;}

.branchinfo {
	position: relative; 
	top: 75px;
	float:left;
	background: #FFF;
	padding:10px;
	border: solid 1px #CCCCCC;
	border-top: solid 3px #ffcc00;
	/*overflow:hidden;*/
	line-height: 14px;
	width:180px;
}

.branchinfoAZ {
	position: relative; 
	top: 20px; 
	float:left;
	background: #FFF;
	padding:10px;
	border: solid 1px #CCCCCC;
	border-top: solid 3px #ffcc00;
	overflow:hidden;
	line-height: 18px;
	width:180px;
}


.calloutbranch {
	float:right;
	position: absolute;
	top: 120px;
	right: 115px;
	background: #FFF;
	padding:10px;
	border: solid 1px #CCCCCC;
	border-top: solid 3px #ffcc00;
	width:200px;
	overflow:hidden;
	line-height: 20px;

}

.clear {
	clear:both;
}

/*--------------------------------------------------------------------        etech */

/*.etech {
	background-image: url(images/etech.png);
}*/

#features {
	overflow:hidden;
}

.feature {
	background: #fff;
	float: left;
	width: 280px;
}
#exchange {
	margin-left: 0px;
}

#remote {
	margin-left: 80px;
}
#edi {
	margin-left: 0px;
}

#availability {
	margin-left: 80px;
}
.feature h2 {
	text-indent: -9999px;
	height: 40px;
	/*width: 178px;*/
	margin: 27px 0 10px 13px;
}

.feature h3 {
	font-size: 13px;
	color: #444439;
	margin-left: 13px;
	padding-left: 26px;
    margin: 0;
    text-transform: none;
	width: 300px;
}

.feature p {
	color: #444439;
	font-size: 13px;
	line-height: 16px;
	padding-top: 10px;
	margin-left: 13px;
}

.feature ul li {
	list-style: disc;
	color:#000; 
	margin-bottom:3px;
	line-height: 14px;
}
.feature ul li li {
	list-style:none;
	margin-left: -40px;
}



#exchange h2 {
	background: url('images/etech-service.png') no-repeat;
}

#remote h2 {
	background: url('images/etech-aim.png') no-repeat;
}
#edi h2 {
	background: url('images/etech-edi.png') no-repeat;
}

#availability h2 {
	background: url('images/etech-availability.png') no-repeat;
}



/*--------------------------------------------------------------------        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: 500px;
}