﻿body
{
	font-family: Arial;
	font-size: 10px;
	background-color: #FFFFFF;
	margin-top: 0px;
}

a, input
{
	outline: none;
}

div.masterContainer
{
	width: 853px;
	background-color: #FFF;
	margin-left: auto;
	margin-right: auto;
}
div.masterHeader
{
	background-color: #FFF;
	width: 851px;
	margin-left: auto;
	margin-right: auto;
}

div.masterHeader div.headerWrapper
{
	margin-top: 5px;
}

div.masterHeader div.headerWrapper div.headerLogo
{
	float: left;
	margin-top: 15px;
}

div.masterHeader div.headerWrapper div.headerText
{
	float: left;
	color: #FFF;
	padding-top: 45px; 
	padding-left: 10px;
	/*width: 993px; background-image: url(../images/header_gradient_sept.jpg); 	background-repeat: repeat-x;*/
}

div.masterHeader div.headerWrapper div.headerText img
{
	display: block
}

#header_EnergyStar
{
	float: right;
}

#header_EnergyStar img
{
	display: block;
}

div.masterContent
{
	background-color: #FFF;
	width: 851px;
	margin-left: auto;
	margin-right: auto;
}

div.masterContent div.masterBody
{
}

div.masterFooter
{
	background-color: #FFF;
	width: 851px;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
}

div.masterFooter div.footerWrapper
{
	float: left;
	color: #616161;
	text-align: left;
}

div.masterFooter div.footerWrapper a
{
	color: red;
}

div.masterFooter div.networkLinks
{
	/*float: right;*/
	color: #616161;
	font-weight: bold;
	width: 916px;
	border-top: 1px solid #CFCBA2;
	border-right: 1px solid #CFCBA2;
	border-left: 1px solid #D0CCA3;
	border-bottom: 1px solid #DCD6B3;
	margin-top: 10px;
}

#facebook
{
	float: right;
	width: 110px;
	height: 35px;
	margin-right: 10px;
}

#twitter
{
	float: right;
	width: 109px;
	height: 35px;
}
#eDisclaimer
{
	color: #555555;
	margin-top: 25px;
	font-weight: bold;
}
div.masterFooter div.networkLinks div.shareText
{
	float: left;
	padding-top: 8px;
	padding-right: 8px;
}

div.masterFooter div.networkLinks div.shareLinks
{
	padding-top: 3px;
	padding-bottom: 1px;
	font-size: 16px;
	font-weight: normal;
	padding-left: 10px;
}

div.masterFooter div.networkLinks div.shareLinks a
{
	text-decoration: none;
	color: #DAD2B3;
}


div.boaWrapper
{
	padding-top: 10px;
	color: #4B4B4B;
}

div.boaWrapper div.boaLogo
{
	float: left;
	width: 167px;
	height: 32px;
}

div.boaWrapper div.footerDisclaimer
{
	float: left;
	width: 664px;
}

div.boaWrapper div.ehoLogo
{
	float: right;
	width: 36px;
	height: 37px;
}

div.boaWrapper div.ehlLogo
{
	float: right;
	width: 36px;
	height: 37px;
	padding-right: 5px;
}

/* CSS for the landing page */
img
{
	display: block;
	border: 0;
}
#landing_TopContainer
{
	width: 851px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 25px;
}
#landing_BottomContainer
{
	width: 851px;
	margin-left: auto;
	margin-right: auto;
}

#selectionContainer
{
	width: 851px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 35px;
	padding-top: 10px;
}

#landing_BottomBorder
{
	width: 993px;
}

#selectionHeader
{
	background-image: url(../images/landing_top_jan.jpg);
	background-repeat: no-repeat;
	height: 72px;
	width: 100%;
}

#selectionBody
{
	background-image: url(../images/landing_border_oct.jpg);
	background-repeat: repeat-y;
	width: 100%;
}

#bodyContainer
{
	margin: 0px auto 0px auto;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 753px;
}

#selectionList
{
	float: left;
	width: 357px;
	height: 45px;
}

#selectionBtn
{
	float: right;
	width: 297px;
}

#selectionBtn img
{
	cursor: pointer;
}


#selectionBottom
{
	background-image: url(../images/landing_bottom_oct.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 10px;
}

#landing_BottomBar
{
	width: 853px;
	height: 15px;
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: auto;
	margin-right:auto;
}

div.landing_LeftContainer
{
	float: left;
	width: 494px;
	height: 334px;
	margin: 6px 5px 5px 5px;
}

div.landing_RightContainer
{
	float: left;
	width: 391px;
	font-weight: bold;
	text-align: center;
	color: #282828;
	height: 336px;
	margin-top: 5px; /*background-image: url(../images/body_gradient.jpg?promo=summerblitz); 	background-repeat: repeat-x;*/
}

div.landing_LeftContainer div.landing_LogoContainer
{
	float: left;
	width: 95px;
	text-align: center;
}

div.landing_LeftContainer div.landing_OfferContainer
{
	float: left;
	color: #231F20;
	font-size: 12px;
	width: 330px;
	padding-top: 30px;
	padding-left: 20px;
	line-height: 146%;
}

div.landing_RightContainer div.landing_SelectionText
{
	margin-left: auto;
	margin-right: auto;
	font-size: 19px;
	width: 322px;
	line-height: 127.620117647%;
	padding-top: 60px;
	font-weight: normal;
	color: #383838;
}

div.landing_RightContainer div.landing_SelectionContainer
{
	font-size: 14px;
	padding-top: 30px;
	padding-bottom: 32px;
}

div.clr
{
	clear: both;
	height: 0px;
	margin: 0;
	overflow: hidden;
	font-size: 1px;
	line-height: 0;
}

/*css for custom drop-down */
#customDD
{
	height: 47px;
	margin:0px;
	padding:0px;
}

#customDD dd, #customDD dt, #customDD ul
{
	margin: 0px;
	padding: 0px;
}
#customDD dd
{
	position: relative;
}
#customDD dt
{
	border: 1px solid #DADBD6;
	background-color: #FFF;
}
/* DT styles for sliding doors */
#customDD dt a
{
	background: #FFF url(../images/landing_ddbtn_oct.jpg) no-repeat scroll right center;
	display: block;
	padding-right: 17px;
	width: 335px;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
}
#customDD dt a span
{
	cursor: pointer;
	display: block;
	padding: 5px 5px 5px 12px;
	font-size: 25px;
	color: #818085;
}
/* UL styles */
#customDD dd ul
{
	background: #FFF none repeat scroll 0 0;
	display: none;
	list-style: none;
	padding: 5px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 355px;
	height: 180px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 25px;
	border: 1px solid #DADBD6;
}

#customDD dd ul li
{
	_height:1em; 
}

#customDD span.value
{
	display: none;
}
#customDD dd ul li a
{
	padding: 5px;
	display: block;
	text-decoration: none;
	color: #818085;
	_height:1em;
}

#customDD dd ul li a.hover
{
	color: #FFF;
	background-color: Blue;
}

#errMsg
{
	display: none;
	color: red;
	font-size: 18px;
	padding-bottom: 5px;
}


