@charset "utf-8";
body  {
	font: 80% Verdana, Arial, Helvetica, sans-serif;
    background: #666666; 
   
/* background:url(/images/bg-burst.jpg) no-repeat top left; */
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

.imgborder {

border: 2px solid #000;


}

.smallerText {

    font-size:smaller;

}

.symbol {

    font-size: smaller;

}

#firstParagraph{

 float:left;

}

#featuresList ul{
    padding:0px 12px 12px 12px;

}

#featuresList li{
    padding:6px;

}

/****************************************************
*
* Table styles
*
*****************************************************/
table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	/*width: 320px;*/
	}
	
td img {

margin-top:6px;
margin-bottom:6px;


}	

th {
	padding: 0 0.5em;
	text-align: left;
	}

tr.yellow td {
	border-top: 1px solid #FB7A31;
	border-bottom: 1px solid #FB7A31;
	background: #FFC;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	
	}
/*
td:first-child {
   width: 210px;
	}
	*/

td+td {
	border-left: 1px solid #CCC;
	text-align: center;
	}



.homepage #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.homepage #header { 
	background: #DDDDDD; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
  
} 

.homepage #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
/****************************************************
*
* Header Navigation
*
*****************************************************/
#headernav {
    background: #CCCCCC;
}

#headernav ul {
    margin-left: 0;
	padding-left: 0;
	display: inline;
}

#headernav ul li {

    margin-left: 0;
	padding: 0px 17px;
    border-left: 1px solid #000;
	list-style: none;
	display: inline;
}

#headernav li a {

    overflow:hidden;
    text-decoration:none;
}

#headernav ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}


.homepage #headernav {

    float: right;
    width: 780px;
    border-top: 1px solid #000;
    padding:0;

}

.homepage a {

text-decoration:none;

}

.homepage #logo {

    float: left;
    height:228px;
    padding-top:16px;
    z-index: 10000;
    background-color:#cccccc;
}


.homepage #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	/*background: #EBEBEB; */ /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 15px 10px 15px 20px;
}
.homepage #mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	border-left:1px solid #D9D9D9;
} 
.homepage #footer { 
	/* padding-right: 0 10px 0 20px; this padding matches the left alignment of the elements in the divs that appear above it. */
	background: url(/images/es-deicing-logo-footer.gif) no-repeat left top;
	background-color:#cccccc;
	padding:4px;
	margin-top:16px;
	height:78px;
	
	
} 

.homepage #footer img {

padding-left:6px;

}
.homepage #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	/*padding: 10px 0; padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    font-size:9px;
   
    text-align:right;
     padding-right:4px; 

}

.homepage #footer a {

    text-decoration:none;
    color:#0033FF;

}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/****************************************************
*
* Header Slideshow
*
*****************************************************/
.homepage #slideshow-container {

 float: right;
 width: 528px;
 /*height: 240px;*/
 overflow: hidden;
 border-left: 1px solid #000;
}

#slideshow {
    position:relative;
    height:244px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

/****************************************************
*
* Header Nav Tabs
*
*****************************************************/
li ul {display: none;} 
li:hover > ul {display: block;} 


#navtabs-container{

    background-color: #CCCCCC;
    float:left;
    border-bottom:4px solid #000;
    padding-left:62px;
    width:718px;
    margin-bottom:12px;
}



#navtabs{

    margin: 0 auto;
    z-index:5000;
}



#navtabs ul{
    margin: 0;
    padding: 0;
    font: bold 12px Verdana;
    list-style-type: none;
}

#navtabs li{
    display: inline;
    margin: 0;
}

#navtabs li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 6px 8px; /*padding inside each tab*/
    color: white;
    border: 1px solid #282828;
    border-bottom-width: 0;
    margin-right: 1px;
    background: #4475A5;
}

#navtabs li a:visited{
    color: white;
}

#navtabs li a:hover, .mattblacktabs li.selected a{
    background: #282828; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
    border-color: black;
}

#navtabsline{
    clear: both;
    padding: 0;
    width: 100%;
    height: 8px;
    line-height: 8px;
    background: black;
}

/****************************************************
*
* Left Sidebar Navigation
*
*****************************************************/
 #sidebar-button {
	/* width: 12em; */
	width:190px;
	border-right: 1px solid #000;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family: Verdana, 'Trebuchet MS','Lucida Grande',Lucida, Geneva, Helvetica, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
    background-color: #90bade;
	color: #333;
	}
	
    #sidebar-button ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
	}
		
	#sidebar-button li {
		border-bottom: 1px solid #90bade;
		margin: 0;
	}
    
    #sidebar-button li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 10px solid #1958b7;
		 border-right: 10px solid #508fc4;
		/* background-color: #2175bc; */
		background-color: #4475A5;
		color: #fff;
		text-decoration: none;
		width: 100%;
	}

	html>body #sidebar-button li a {
		width: auto;
	}

	#sidebar-button li a:hover {
		border-left: 10px solid #1c64d1;
		border-right: 10px solid #5ba3e0;
		/* background-color: #2586d7; */
		background-color: #282828;
		color: #fff;
	}
   
    .selected {
    
        padding-left: 12px;
        background: transparent url(/images/arrow.gif) no-repeat;
    
    }
/****************************************************
*
*  Contact Form
*
*****************************************************/  
  form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 400px;
  max-width:500px;
  width: 470px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  
  border-color: #4475A5;
  border-width: 1px;
  border-style: solid;
  padding: 20px 10px 10px 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:10px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.submitButton {

margin-top:20px;

}

#errormsg p{

border: 1px solid #cc0000;
background-color:#ffffcc;
padding:8px;
color:#cc0000;
margin-bottom:12px;

}

#successmsg p{

border: 1px solid #00CC66;
background-color: #CCFF99;
padding:8px;
color:#000;
margin-bottom:12px;

}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */