/*----------------------------------------------------------------------------------------------*/
/*                              Energy Star Micro Site Style Sheet                                  */
/*-----------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------*/
/*                              Common Settings                                                     */
/*-----------------------------------------------------------------------------------------------*/

body {
margin-top: 8px; margin-left: 0px; margin-bottom: 75px; margin-right: 0px;
}


th,td { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	text-align: left;
}

font {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}


P {
	font-size: 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: center; 
}

a:link,a:active,a:visited { color: #323232; outline: none; text-decoration: none;}
a:hover	{ text-decoration: none; color: #DD6900; outline: none;}

hr.d {
	border: none 0; 
	border-top: 2px solid #dcc086;
	border-bottom: 1px solid #ffffff;
	width: 100%;
	height: 2px;
	margin: 10px auto 0 0;
	text-align: left;
}


/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Template Images                                                      */
/*---------------------------------------------------------------------------------------------------------------*/

.topBorder { background-image:  url(images/topBorder.gif);
			background-repeat: repeat-x; }
			
.leftBorder { background-image:  url(images/leftBorder.gif);
			background-repeat: repeat-y; }

.rightBorder { background-image:  url(images/rightBorder.gif);
			background-repeat: repeat-y; }
			
.bottomBorder { background-image:  url(images/bottomBorder.gif);
			background-repeat: repeat-x; }
			
			
.popupTopBorder { background-image:  url(LinksAndResources/images/popupTopBorder.gif);
			background-repeat: repeat-x; }
			
.popupLeftBorder { background-image:  url(LinksAndResources/images/popupLeftBorder.gif);
			background-repeat: repeat-y; }

.popupRightBorder { background-image:  url(LinksAndResources/images/popupRightBorder.gif);
			background-repeat: repeat-y; }
			
.popupBottomBorder { background-image:  url(LinksAndResources/images/popupBottomBorder.gif);
			background-repeat: repeat-x; }
			


.footerPanel { background-image:  url(images/footerPanelHome.gif);
			background-repeat: repeat-x; }
			
.verticalRuleTop { background-image:  url(images/verticalRuleTop.gif);
			background-repeat: repeat-y; }
			
.verticalRuleInternal { background-image:  url(images/verticalRuleInternal.gif);
			background-repeat: repeat-y; }
			
			
.horizontalRule { background-image:  url(images/horizontalRule.gif);
			background-repeat: repeat-x; }

			

.whiteSpace { background-image:  url(images/whiteSpacer.gif); }



/*---------------------------------------------------------------------------------------------------------------*/
/*                                              List tags                                                            */
/*---------------------------------------------------------------------------------------------------------------*/

.iconlist
{
list-style: none;
margin: 0px;
padding: 0px;
}

.leftAlign
{
margin: 0px;
padding: 0px;
}



li.backArrow
{
background-image: url(images/backArrowIcon.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0 3px 32px;
margin: 0px;
}

li.blueBullet
{
background-image: url(images/blueBullet.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
padding: 0px 0 0px 12px;
margin: 0px;
}

li.greenBullet
{
background-image: url(images/greenBullet.gif);
background-repeat: no-repeat;
background-position: 0 0.5em;
padding: 0px 0 0px 12px;
margin: 0px;
}

li.grayBullet
{
background-image: url(Projects/images/grayBulletTransparent.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding: 0px 0 0px 8px;
margin: 0px;
}

li.grayBulletPopup
{
background-image: url(Projects/images/grayBulletTransparent.gif);
background-repeat: no-repeat;
background-position: 0 0.3em;
padding: 0px 0 0px 10px;
margin: 0px;
}

li.orangeBullet
{
background-image: url(images/orangeBullet.gif);
background-repeat: no-repeat;
background-position: 0 0.55em;
padding: 0px 0 0px 15px;
margin: 0px;
}

li.shoppingCart
{
background-image: url(Tools/images/shoppingCart.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 0px 40px;
margin: 0px;
height: 22px;
}

li.clearPixel
{
background-image: url(images/spacer.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 0px 0 0px 23px;
margin: 0px;
}

.clear {
	clear: both;
}


/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Div Tags                                                      */
/*---------------------------------------------------------------------------------------------------------------*/


div#container {
  position: relative;
  top:0px;
  left:0px;
}

div#containerRotation {
  position: relative;
  top:0px;
  left:0px;
  line-height: 0px;
  display: inline;
  margin-left: 0px;
  border: none;
}

div#videoButton {
	margin-top: 0px;
	vertical-align: top;
    position: absolute;
	width: 204px;
	height: 25px;
    left: 0px;
    top: -10px;
}

div#digitalThermostat {
	margin-top: 0px;
	vertical-align: top;
    position: absolute;
	width: 116px;
	height: 93px;
    left: 215px;
    top: 25px;
}

div#popupImages {
	margin-top: 0px;
	vertical-align: top;
    position: absolute;
	width: 206px;
	height: 190px;
    left: 424px;
    top: 0px;
}


div#image2
{
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
	position: absolute;
	line-height: 0px;
	display: inline;
	margin-left: 0px;
	width: 334px;
	height: 206px;
	left: 0px;
    top: 0px;
	border: none;
}

div#image1
{
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
	position: absolute;
	line-height: 0px;
	display: inline;
	margin-left: 0px;
	width: 220px;
	height: 753px;
	left: 0px;
    top: 0px;
	border: none;
}



/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Upper HTML Links                                                    */
/*---------------------------------------------------------------------------------------------------------------*/

.upperLinksLeft {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #444444;
	line-height: 150%;
}

span.upperLinksLeft {
	position: relative; 
	left: 0.1em;
}

a.upperLinksLefts:link, a.upperLinksLeft:active, a.upperLinksLeft:visited {color: #444444; text-decoration: none;}

a.upperLinksLeft:hover {color: #007dd1; text-decoration: none;}

.upperLinksRight {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #444444;
	line-height: 150%;
}

span.upperLinksRight {
	position: relative; 
	top: 0.25em;
}

a.upperLinksRight:link, a.upperLinksRight:active, a.upperLinksRight:visited {color: #007dd1; text-decoration: underline;}

a.upperLinksRight:hover {color: #007dd1; text-decoration: none;}


/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Intro Copy Panel Text Home                                          */
/*---------------------------------------------------------------------------------------------------------------*/


div#introCopyContainer {
  position: relative;
  top:0;
  left:0;
  width: 400px;
}

div#introCopy {
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
    position: absolute;
    height: 200px;
	width: 400px;
    left: 30px;
    top: 30px;
}

.introCopyTextLarge {
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	line-height: 155%;
}

.introCopyTextRegular {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	line-height: 185%;
}

a.introCopyTextRegular:link, a.introCopyTextRegular:active, a.introCopyTextRegular:visited {color: ffffff; text-decoration: underline;}

a.introCopyTextRegular:hover {color: ffffff; text-decoration: none;}



/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Intro Copy Panel Text Internal                                       */
/*---------------------------------------------------------------------------------------------------------------*/



div#introCopyContainerInternal {
  position: relative;
  top:0;
  left:0;
  width: 300px;
}

div#introCopyInternal {
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
    position: absolute;
    height: 250px;
	width: 300px;
    left: 27px;
    top: 25px;
}

div#introCopyContainerBenefits {
  position: relative;
  top:0;
  left:0;
  width: 340px;
}

div#introCopyBenefits {
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
    position: absolute;
    height: 150px;
	width: 340px;
    left: 18px;
    top: 12px;
}

div#copyContainerQualifications {
  position: relative;
  top:0;
  left:0;
  width: 300px;
}

div#introCopyQualifications {
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
    position: absolute;
    height: 150px;
	width: 300px;
    left: 25px;
    top: 24px;
}

.introCopyTextLargeInternal {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	line-height: 135%;
}

.introCopyTextRegularInternal {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	line-height: 165%;
}

.introCopyTextRegularInternalShift {
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #ffffff;
	line-height: 165%;
}

span.introCopyTextRegularInternalShift {
	position: relative; 
	top: -0.2em;
}

div#copyPanelLowerContainer {
  position: relative;
  top:0;
  left:0;
  width: 350px;
}

div#copyPanelLower {
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
    position: absolute;
    height: 50px;
	width: 350px;
    left: 27px;
    top: 10px;
}

.copyPanelLowerText {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	font-style: italic;
	line-height: 165%;
}




/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Body Text Home                                                      */
/*---------------------------------------------------------------------------------------------------------------*/

.bodyTextItalic {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	font-style: italic;
	line-height: 145%;
}

span.bodyTextItalic {
	position: relative; 
	left: 1.85em;
}

.bodyTextBulletPoint {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #007dd1;
	font-weight: bold;
	line-height: 180%;
}

.bodyTextBulletPointShiftUp {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #007dd1;
	font-weight: bold;
	line-height: 180%;
}

span.bodyTextBulletPointShiftUp {
	position: relative; 
	top: -0.5em;
}

.bodyTextBulletPointIndent {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 180%;
}

span.bodyTextBulletPointIndent {
	position: relative; 
	left: 4.7em;
	top: -0.5em;
}

.bodyTextBulletPointIndentShift {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 180%;
}

span.bodyTextBulletPointIndentShift {
	position: relative; 
	left: 4.7em;
	top: -1em;
}

.bodyText {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 180%;
}


a.bodyText:link, a.bodyText:active, a.bodyText:visited {color: #007dd1; text-decoration: underline;}

a.bodyText:hover {color: #007dd1; text-decoration: none;}

.bodyTextShiftUp {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 180%;
}

span.bodyTextShiftUp {
	position: relative; 
	top: -0.5em;
}

.bodyTextBold {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
	line-height: 180%;
}

.bodyTextBoldItalic {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #666666;
	font-weight: bold;
	font-style: italic;
	line-height: 180%;
}

a.bodyTextBold:link, a.bodyTextBold:active, a.bodyTextBold:visited {color: #b9b917; text-decoration: none;}

a.bodyTextBold:hover {color: #b9b917; text-decoration: underline;}

.bodyTextRightPanelTop {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 150%;
}

a.bodyTextRightPanelTop:link, a.bodyTextRightPanelTop:active, a.bodyTextRightPanelTop:visited {color: #007dd1; text-decoration: underline;}

a.bodyTextRightPanelTop:hover {color: #007dd1; text-decoration: none;}

.bodyTextRightPanelBottom {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #444444;
	line-height: 140%;
}

.bodyTextRightPanelBottomShift {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #444444;
	line-height: 140%;
}

span.bodyTextRightPanelBottomShift {
	position: relative; 
	top: -0.5em;
}



/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Body Text Internal                                                     */
/*---------------------------------------------------------------------------------------------------------------*/

.bodyTextInternal {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 160%;
}


a.bodyTextInternal:link, a.bodyTextInternal:active, a.bodyTextInternal:visited {color: #007dd1; text-decoration: underline;}

a.bodyTextInternal:hover {color: #007dd1; text-decoration: none;}

.hyperLinks {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 160%;
}


a.hyperLinks:link, a.hyperLinks:active, a.hyperLinks:visited {color: #007dd1; text-decoration: none;}

a.hyperLinks:hover {color: #007dd1; text-decoration: underline;}


.emailLinks {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 160%;
}


a.emailLinks:link, a.emailLinks:active, a.emailLinks:visited {color: #3f8a28; text-decoration: none;}

a.emailLinks:hover {color: #3f8a28; text-decoration: underline;}

.headingText {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #777777;
	line-height: 125%;
}

.featureTextLarge {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #777777;
	line-height: 125%;
}

.featureTextMedium {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #777777;
	line-height: 155%;
}

.featureTextMediumBlue {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #007dd1;
	line-height: 155%;
}

span.featureTextLarge {
	position: relative; 
	left: 0.35em;
}

.featureTextRegular {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 145%;
}

span.featureTextRegular {
	position: relative; 
	left: 0.55em;
}

.featureTextRegularIndent {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif; 
	color: #555555;
	line-height: 145%;
}

span.featureTextRegularIndent {
	position: relative; 
	left: 0.75em;
}



/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Outside Links                                                        */
/*---------------------------------------------------------------------------------------------------------------*/


.outsideLinks {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	line-height: 155%;
	text-align: left;
	text-decoration: none;
}

.outsideLinksIndent {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	word-spacing: 1.15em;
	text-align: left;
	text-decoration: none;
}

.outsideLinksActive {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #176398;
	line-height: 155%;
	text-align: left;
	text-decoration: none;
}

a.outsideLinks, a.outsideLinks:link, a.outsideLinks:active { color: #444444; text-decoration: none; }

a.outsideLinks:hover { color: #444444; text-decoration: underline; }


/*---------------------------------------------------------------------------------------------------------------*/
/*                                              Footer Links                                                     */
/*---------------------------------------------------------------------------------------------------------------*/


div#container {
  position: relative;
  top:0px;
  left:0px;
}

div#footerLinks {
	margin-top: 0px;
	vertical-align: top;
	text-align: left;
    position: absolute;
    height: 15px;
    width: 800px;
    left: 21px;
    top: 6px;
}

.footerLinksText {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.footerLinksTextIndent {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	word-spacing: 1.15em;
	text-align: left;
	text-decoration: none;
}

.footerLinksTextActive {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #296e34;
	text-align: left;
	text-decoration: none;
}

a.footerLinksText, a.footerLinksText:link, a.footerLinksText:active { color: #ffffff; text-decoration: none; }

a.footerLinksText:hover { color: #ffffff; text-decoration: underline; }