/* Product Selector Begin */
#slate_content #ps-intro-block {width:400px;float:right;margin-right:30px;margin-bottom:70px;}
#slate_content p.description {font-size:12px;margin:6px 0px 30px;line-height: 16px;}

#ps-steps-nav ul {list-style: none; font-size: 18px; height: 83px; margin: 0; position: relative; padding: 0; z-index: 0; font-weight: bold;}
#ps-steps-nav li {position: absolute; width: 320px; text-indent: 55px; line-height: 58px; margin: 2px 0; color: #959798;}
#ps-steps-nav li a {color: #959798 !important;}
#ps-steps-nav li.ps-unvisited {color:#c4c5c6; }
#ps-steps-nav li.ps-unvisited .ps-nav-number {background: url(/images/productselector/button.png); padding: 5px 10px 6px; height: 30px; width: 30px;}
#ps-steps-nav li .ps-nav-number {color: #ffffff; background: url(/images/productselector/button.png) 0 -35px; padding: 5px 10px 5px; height: 30px; width: 30px;}
#ps-steps-nav li.ps-active {color: #007e44;}
#ps-steps-nav li.ps-active .ps-nav-number {background: url(/images/productselector/button.png) 0 -70px no-repeat; padding: 5px 10px 5px; height: 30px; width: 30px;}
#ps-steps-nav .ps-step-1 {text-indent: 0px;}
#ps-steps-nav .ps-step-2 {left: 180px;}
#ps-steps-nav .ps-step-3 {left: 430px;}
#ps-steps-nav .ps-step-4 {left: 750px;}

select {
	-webkit-appearance: button;
	-webkit-border-radius: 0px;
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-padding-end: 35px;
	-webkit-padding-start: 10px;
	-webkit-user-select: none;
	background-image: url(/images/productselector/select-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	border: 1px solid #CCC;
	color: #007e44;
	margin: 0;
	overflow: hidden;
	padding-top: 3px;
	padding-bottom: 4px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 16px;
	width: 180px;
}

@-moz-document url-prefix() { 
select {
	  background-image: none;
	  background-position: none;
	  margin-top: 0px;
	  padding: 0px !important;
  }
}

/* --- IE Hacks --- */
select {
background-image: none\9; /* IE6, IE7, IE8, IE9 */
background-image: none\0; /* IE8, IE9 */
margin-top:0px\9;
padding-top: 0px\9;
padding-top: 0px\0;
padding-bottom: 0px\9;
padding-bottom: 0px\0;
}


.ui-state-default2,
.ui-widget-content2 .ui-state-default2,
.ui-widget-header2 .ui-state-default2 {
	border: none !important;
	background: url(/images/productselector/button-slide-left.png) center center no-repeat !important;
	font-weight: normal !important;
	color: #555555;
	width: 30px;
	height: 30px;
	margin-left: -6px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: none !important;
	background: url(/images/productselector/button-slide-right.png) center center no-repeat !important;
	font-weight: normal !important;
	color: #555555;
	width: 30px;
	height: 30px;
	margin-left: -6px;
}

.ui-widget-header {
	border: none !important;
	background: none !important;
}

#advanced-header {margin: 30px 0px;height: 30px;border-bottom: 3px dotted #ccc;}
#advanced-header h1 {color:#007e44; float:left; margin: -3px 20px 0px 0px;}
#advanced-header span.advanced-location {color: #007e44;font-weight: bold;margin:0px 20px;}

input {font-family: Arial;}
#scales {float:left;width:350px;margin-right:75px;line-height:15px;font-size:12px;}
.ranges {height: 210px;}
#change-location {position:relative; top:-5px;}
.adv-zip {border: 1px solid #ccc;padding: 3px;font-size: 1.2em;color: #007e44;text-align: center;position: relative;top: -6px;}
.description {width:110px;float:right;}
.description .amount {border: 0; color: #007e44; font-size: 28px; margin-bottom: 10px;}
.red-slide-bkg {height: 140px; float: left; margin: 10px 30px 0 0; background: url(/images/productselector/red-bkg.jpg) repeat-x 0 0;}
.blue-slide-bkg {height: 140px; float: left; margin: 10px 30px 0 0; background: url(/images/productselector/blue-bkg.jpg) repeat-x 0 0;}

#entries {line-height:15px;font-size:12px;}
#left {float:left;}
#right {float:right;}
.advanced {width:250px;height:140px}
.advanced h2 {font-weight:normal;margin-bottom: 10px;}
.advanced p {float:left;width:120px;margin-right:10px;}
input.adv-text {border: 1px solid #ccc;padding: 12px 6px;margin: 5px 0 0;font-size: 2em;color: #007e44;text-align: center; width: 75px; height: 30px;}
input.adv-cost {border: 1px solid #ccc;padding: 12px 6px;margin: 5px 0 0;font-size: 1.5em;color: #007e44;text-align: center;width: 75px; height: 30px;}
input.adv-text:focus, input.adv-cost:focus {border: 1px solid #090;}

.dropdowns {display:inline;float:left;margin-right:32px;}
.dropdowns h2 {font-weight:normal;margin:0px 0px 10px;}

input.textfield {border: 1px solid #ccc;padding: 5px;margin: 5px 0 0 0;font-size: 16px;font-weight: bold;}
input.textfield:focus {border: 1px solid #090;}
.H, .M, .D{text-align: center;}
.TotalH, .TotalM, .TotalD {text-align: center;}
.usage {float:right; margin-bottom:30px;}
.usage td {text-align:center;}

.esm-fade {/*background:url(/images/productselector/esm-fade.jpg) center bottom*/ border-bottom: 3px dotted #ccc; margin:20px 0px 30px;}


#tab1left {float:left}
#tab2left {float:left}
#tab2right {float:right}
#tab3right {float:right}


#sort { 
	width:720px; 
	margin-bottom:3px; 
	padding: 4px; /*padding:5px 0px 2px 4px;*/
	float:left;
}
ul.sort_fields {
	list-style: none; 
	width:100%;
	margin-bottom:-30px;
}
ul.sort_fields li {
	float:left;
	width:33%;
	margin-right:-1px;
	height:45px;
	text-align: center;
	background:#fff;
	border:1px solid #0f7d44;
}
ul.sort_fields li.active, ul.sort_fields li:hover {
	background:#0f7d44;
	position:relative;
}
ul.sort_fields li.active:after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #0f7d44;
	position:absolute;
	top:45px;
	left:43%;
}
ul.sort_fields li a{
	display:block;
	width:100%;
	height:100%;
}
ul.sort_fields li a h4{
	color:#0f7d44;
	font-size: 1.5em;
	font-style: normal;
	margin:10px 0 0 0;
}
ul.sort_fields li a span{
	color:#ccc;
	font-size: .8em;
	clear:both;
}
ul.sort_fields li.active h4, ul.sort_fields li:hover h4 {
	color:#fff;
	margin:10px 0;
}
ul.sort_fields li.active span, ul.sort_fields li:hover span{
	display:none;
}


.more_link, .less_link {
	display:block;
	text-align:center;
	width:720px;
	float:left;
	height:70px;
}
a.more_products, a.less_products {
	width:300px;
	text-align:center;
	color:#0f7d44;
	text-decoration: underline;
	position:relative;
	float:left;
	font-size:1.5em;
	margin:0 220px;
	top: -20px;
}
a.more_products:after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #ccc;
	position:absolute;
	top:30px;
	left:40%;
}
.more_link:hover a.more_products:after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 20px solid #0f7d44;
	position:absolute;
	top:30px;
	left:40%;
}
a.less_products:after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 20px solid #ccc;
	position:absolute;
	top:30px;
	left:40%;
}
.less_link:hover a.less_products:after {
	content:'';
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 20px solid #0f7d44;
	position:absolute;
	top:30px;
	left:40%;
}




.page-nav {width: 240px;display: inline-block;text-align: right;margin: -20px 0px 0px 0px;}

.product-image {float: left; /*margin-right: 20px;*/width: 130px;text-align: center;}
.unit_result {float:left; background:url(/images/productselector/results-bkg.jpg) no-repeat 0 0; width:720px; height: 260px; padding: 15px 0px 10px 15px;}
.product-arrow {float: right; margin-right: 25px; padding: 110px 0px 90px; background: url('/images/productselector/product-arrow.png') no-repeat center center; width:20px; height: 32px; text-indent:-9999px;}
.thinline {border-bottom: 1px solid #ccc; width: 530px; margin: 10px 0px 25px 130px;}
.shortline {border-bottom: 1px solid #ccc; margin-top: 10px; width: 180px;}
.unit_spec_result h5 {font-family: Helvetica, sans-serif; font-size: 30px; margin-bottom: 6px; font-weight:normal;}
.unit_spec_result h5 span {font-size: 16px;}
.unit_spec_result p {line-height:14px; color: #999;}
.unit_cost {width: 100%;text-align: center;font-size: 20px;margin-top: 10px;}
.green {color:#007e44;}
.details-btn {margin-top: 5px;}
.next-button {float: right; margin: 0px 0px 30px 0px;}
.advanced-button {
	float: right; 
	margin-right: 30px; 
	/*background: #007e44; */
	border: double 3px #fff !important; 
	display: block; 
	padding: 13px 10px; 
	/*color: #fff; */
	font-size: 20px; 
	width: 150px; 
	cursor: pointer; 
	text-align: right; 
	-webkit-appearance:none; 
	-webkit-border-radius:0px; 	
	border-radius:0;
}
.selections {width: 180px; padding: 20px 10px 40px 16px; float: right; background: url(/images/productselector/column-header.jpg) no-repeat center top, url(/images/productselector/column-repeat.jpg) repeat-y center bottom; margin-right: 18px;}
.selections h3 {color: #464646; margin: 15px 0px 5px;}
.profile_edit {float: right; text-decoration: underline; color: #999; margin-top: -22px;}
.profile_edit a:hover{float: right; text-decoration: none; color: #999;}
.list ul li {margin-left:10px;}
.list li span {float:left;margin-right:4px;}
ul.list input {border: 0;width: 32px;font-size: 12px;}
.disclaimer {width: 720px;float: left;color: #999;font-size:11px;margin:10px 0;}
p.note {color:#464646;font-size:12px;}

.get-started-button, .next-button, .prev-button {
	background: #007e44;
	border: double 3px #fff !important;
	display: block;
	padding: 10px;
	color: #fff;
	font-size: 20px;
	width: 170px;
	cursor: pointer;
	text-align: center;
	-webkit-appearance:none;
	-webkit-border-radius:0px;
	border-radius:0;
}

/* Product Selector End */






/* @group General */

.esm-contents .hidden { display:none; }

.esm-contents a {
    text-decoration: none;
}

.esm-contents table tr td {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

.esm-contents h3 {
	font-size: 20px;
	font-weight: bold;
	border: none;
    margin: 0px 0px 5px 0px;
}

.esm-contents h4 {
	font-size: 16px;
    margin: 0px 0px 5px 0px;
}

.esm-contents .esm-intro-field input, .esm-contents select, .esm-field-ac .SeerWidget input, .esm-wizard-field input {
    font-size: 18px;
    padding: 5px;
    color: #000;
    background: #f5f8ef;
    border: solid 2px #d3d2a6;
    width: 58px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0px;
}

.esm-contents input {
	text-align: right;
}

/* @end */

/* @group Page Layout */
.esm-page-left, .esm-page-right {
	float: left;
    padding: 0;
}

.esm-page-left {
	width: 457px;
	margin: 0 24px 0 0;
	clear: left;
}

.esm-page-right {
    width: 468px;
}

.esm-section-shaded {
    background: url(../img/estimator/esm_shaded_section_bg.png);
    padding: 20px 20px 30px;
    min-height: 285px;
}

.esm-section-title {
	font-size: 2.8em;
	line-height: 1em;
    margin: 0 0 10px 0;
}

.esm-section-intro {
    margin:0 5px 25px;
}

/* @end */

/* @group Navigation */

#esm-nav {
	margin: 0 0 25px;
}

#esm-nav ul {
    background: url(../img/estimator/esm_nav_bg.png) no-repeat;
    list-style:none;
    font-size:1.25em;
    width: 937px;
	height: 43px;
	margin: 0;
	position: relative;
	padding: 0;
	z-index: 0;
}

#esm-nav li {
	position: absolute;
	width: 255px;
	text-indent: 45px;
	line-height: 38px;
	margin: 2px 0;
	color: #fff;
	font-weight: bold;
}
#esm-nav li .esm-nav-text {
	float: left;
	margin-left: 20px;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	color: #fff;
}
#esm-nav li .esm-nav-number {
	float: left;
    font-size: 20px;
    font-weight: normal;
    width: 0;
}
#esm-nav .esm-step-1 {
	text-indent: 30px;
}
#esm-nav .esm-step-2 {
	left: 228px;
}
#esm-nav .esm-step-3 {
	left: 450px;
}
#esm-nav .esm-step-4 {
	left: 670px;
}
#esm-nav li.esm-active {
    background: url(../img/estimator/esm_nav_active_bg.png) no-repeat;
}
#esm-nav li.esm-completed {
    background: url(../img/estimator/esm_check.png) no-repeat 32px 8px;
}
#esm-nav li.esm-step-1.esm-active {
    background: url(../img/estimator/esm_nav_active_bg_first.png) no-repeat;
}
#esm-nav li.esm-step-1.esm-completed {
    background-position: 17px 8px;
}
#esm-nav li.esm-active .esm-nav-number {
    color: #bcbdb5;
}
#esm-nav li.esm-completed .esm-nav-number {
    display: none;
}

/* @end */

/* @group Form Layout */

#esm-contents form {
    background: none;
    border: none;
    padding: 0;
}

.esm-field-wrapper {
	background: transparent url(../img/estimator/esm_question_bg.png) no-repeat left 50%;
	margin: 7px 7px 20px 0;    
}

.esm-field {
	margin: 0px;
    padding: 0px;
    text-align: left;
}

.esm-field-title {
	font-size: 1.4em;
	font-weight: bold;
    line-height: 1.25em;
}

.esm-field-subtitle {
	font-size: 1.2em;
	font-weight: bold;
    line-height: 1em;
	margin-top: 15px;
	margin-bottom: -15px;
}

.esm-field-body {
    margin: 30px 0;
    position:relative;
}

.esm-field label {
	display: block;
    font-weight: normal;
    line-height: 1.2em;
	margin: 0 0 10px 0;
    position: relative;
    text-align: left;
    font-size: 12px;
}

.esm-field-help {
	background: transparent url(/images/productselector/esm_field_tip.png) no-repeat 0 10px;
	color: #666666;
	padding-left: 64px;
	padding-top: 10px;
	clear: both;
}

.esm-form-errors {
    color: #d31213;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 0 0px;
   	margin-bottom: 30px;    
}

.esm-field-errors {
    clear: both;
    color: #d31213;
    font-weight: bold;
    padding: 2px 0 0 0px;
    margin-bottom: 15px;
}

.esm-field-errors ul {
    margin: 0;
    list-style: none;
}


.esm-intro-form-controls {
	margin-top: 5px;
	padding-top: 20px;
	border-top: dotted 2px #d2d2a5; 
    text-align: right;
}
.esm-form-controls {
    text-align: right;
    padding: 0 14px 0 0;
}

.esm-form-controls p {
    margin: 0 0 12px 0;
    color: #666666;
    text-align:right;
}

/* @end */

/* @group Form Elements */

.esm-choices-picker {
    float: left;
    width: 110px;
    position: relative;
    height: 181px;
    padding-top: 30px;
    margin-right:10px;
}

.esm-second-question {
    font-size: 1.4em;
    padding-left: 120px;
}

.esm-choices-full {
    display: none;
    position:relative;
    top: -20px;
}

.esm-choices-header {
	background: transparent url(../img/estimator/esm_arrows.png) no-repeat scroll left bottom;
	font-weight: bold;
	left: 134px;
	padding-left: 30px;
	position: absolute;
	white-space: nowrap;
	display: none;
}

.esm-empty-group {
	height: 20px;
	font-size:1.4em;
	margin-left: 120px;
	margin-bottom: 162px;
	position: relative;
	top: 53px;
}

.GroupedChoiceField .esm-field-help {
	margin-top: 0;
}

/*.esm-field .esm-radio {
  background: url(../img/estimator/esm_radio_buttons.png) no-repeat left top;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	position: relative !important;
}

.esm-radio.esm-hover,.esm-radio.esm-selected {
    background: url(../img/estimator/esm_radio_buttons.png) no-repeat left bottom;
}*/

.esm-field .esm-radio {
	background: url("/images/productselector/esm_form_elements.png") no-repeat;
	display: block;
	margin: 15px 0 10px 0;
	position: relative;
	text-align: left;
	font-size: 14px;
	line-height: 23px;
	padding: 0px 29px;
	font-weight: bold;
	color: #464646;
}

.esm-radio.esm-hover, .esm-radio.esm-selected {
	background-position: left -40px;
}

.esm-toggle {
    width: 150px;
    float:left;
    margin-top: 20px;
}

.esm-toggle-space {
    width: 200px;
    float:left;
    margin-top: 20px;
}

table.dimensions{
	margin: 0px 30px 20px;
}

.EstimatorButtonInput-actual {
	float: left;
	width: 135px;
    height:170px;
    margin-bottom: 10px;
    margin-right: 20px;
    text-align:center;
	border: 1px solid #ccc;
	background: #f5f8ef;
}

.EstimatorButtonInput-actual, .esm-radio {
	cursor: pointer;
}

.EstimatorButtonInput-actual.esm-hover {
    background: #9dd388;
    color: #000;
}

.EstimatorButtonInput-actual.esm-selected {
    /*border: 2px solid #72B06D;*/
    background: #9dd388;
    color: #000;
}

.EstimatorButtonInput-actual img {
    margin: 10px 0;
}

.EstimatorButtonInput-actual label {
	text-align: center;
    margin: 0 6px;
    font-weight: bold;
}

.EstimatorButtonInput-actual span {
	color: #999;
}

.EstimatorButtonInput-actual.esm-hover span {
	color: #000;
}

.EstimatorButtonInput-actual.esm-selected span {
	color: #000;
}

.ThermometerField {
    width: 400px;
    overflow: hidden;
    float: left;
}

.ThermometerAC {
    display: none;
}

.ThermometerHeat .ThermometerField-wrapper {
    background: url(../img/estimator/esm_thermometer_bg_ht.png) no-repeat;
}

.ThermometerAC .ThermometerField-wrapper {
    background: url(../img/estimator/esm_thermometer_bg_ac.png) no-repeat;
}

.ThermometerField-wrapper {
	background: url(../img/estimator/esm_thermometer_bg.png) no-repeat;
	float:left;
	height:177px;
	position:relative;
	width:71px;
	margin-right: 40px;
	margin-left: 20px;
}

.ThermometerField .ui-slider {
    background: transparent;
    width: 51px;
	height: 132px;
	bottom: 24px;
	border: none;
	position: absolute;
	cursor: pointer;
}

.ThermometerField .ui-widget-header {
    background: url(../img/estimator/esm_thermometer_fill_bg.png) no-repeat bottom;
	margin-bottom: -5px;
}

.ThermometerField .esm-slider-details {
}

.ThermometerField .esm-slider-details label {
	position: relative !important;
}

.ThermometerField input {
	display: none;
}

.ThermometerField .esm-amount {
	float: left;
	color: #000;
	font-size: 32px;
	margin: 0 5px 0 0;
}

.ThermometerField .esm-amount-label {
	float: left;
    font-size: 20px;
    line-height: 24px;
}

.ThermometerField .esm-field-body { margin-bottom: 5px; }

.SeerWidget {
    display: none;
}

.SeerWidget .esm-amount-label {
    display: none;
    float: left;
    font-size: 20px;
    line-height:38px;
    margin-right:5px;
}

.ThermometerField .ui-slider-handle {
    background: url(../img/estimator/esm_thermometer_handle.png) no-repeat 0 0;
	width: 77px;
	height: 17px;
	margin-left: -3px;
	margin-bottom: -10px;
	border: none;
	cursor: pointer;
}

.esm-field-ac .ThermometerWidget {
    float: left;
    width: 270px;
    margin-right: 50px;
}

/* @end */

/* @group Intro Page */

#esm-intro {
    font-family: Verdana;
    font-size: 14px;
    color: #686461;
}

.esm-intro-helptext {
	width: 340px;
	float: left;
	clear: none;
}

.esm-intro-fieldactual {
	float: right;
	width: 70px;
}

.esm-field-single {
	width: 430px;
}

.esm-field-single * input, .esm-field-single * select {
	float: right;
}

#rest-of-form {
	float: left;
	clear: left;
}

.esm-field-single .esm-field-errors {
	float: left;
	clear: left;
	width: 370px;
	margin-bottom: 10px;
}
	
#esm-intro .esm-section-title {
    background:url(../img/estimator/esm_title_intro.png) no-repeat;
	text-indent: -3000px;
	height: 38px;
	width: 100%;
}

.esm-intro-graphic {
    background: url(../img/estimator/esm_intro.png) no-repeat;
    width: 385px;
    height: 342px;
    position: absolute;
    margin-top: -40px;
}

.esm-intro-field {
    float: left;
    clear: left;
	margin-bottom: 5px;
	margin-right: 10px;
}

.esm-intro-field label {
	font-weight: normal;
}
.esm-intro-field div {
	position: relative;
}

#esm-intro hr {
	border-top: dotted 2px #d2d2a5; 
	background: none;   
}

.esm-intro-field .intro-radio {
	-moz-border-radius: 0;
	border: 0 solid #D3D2A6;
	top: 0;
	background: url(../img/estimator/esm_radio_buttons.png) no-repeat left top;
	height: 24px;
	line-height: 24px;
	padding-left: 30px;
	display: block;
	color: #686461;
	text-decoration: none;
	cursor: default;
}

#esm-estimator-warning {
	display: none;
	width: 430px;
	float:left;
	clear: left;
	padding-top: 10px;
	background-color: white;
}

.intro-radio.esm-hover,.intro-radio.esm-selected { 
    background: url(../img/estimator/esm_radio_buttons.png) no-repeat left bottom;
}


/* @end */

/* @group Step Page */

/*
#esm-step input.esm-submit {
    float: right;
    background: url(../img/estimator/esm_continue_btn.png) no-repeat top;
   	width: 194px;
   	height: 48px;
    margin-right: 13px;
    text-indent: -3000px;
    border: none;
}

#esm-step input.esm-submit:hover {
	background-position: bottom;
}
*/

.esm-home-details {
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 1px 0;
	color: #666666;
	margin-bottom: 20px;
	padding: 3px 0;
	width: 100%;
}

/* @end */

/* @group Results Page */

#esm-results {
    font-family: Verdana;
    font-size: 12px;
}

.esm-results-section {
	border-bottom: dotted 2px #ccc;
    padding-bottom: 40px;
    margin-bottom: 20px;
}

.esm-results-section.esm-results-section-last {
	border-bottom: none;
}

.esm-results-section h4 {
    margin: 0 0 20px 0;
}

.esm-results-section p {
    margin: 0 0 20px 0;
}

.esm-contents h2.esm-results-section-title {
	font-size: 32px;
    margin: 20px 0;
    color: #c86d05;
}

.esm-contents h3.esm-results-section-title {
	font-size: 24px;
	font-weight: normal;
    margin: 0 0 20px 0;
    color: #c86d05;
}

.esm-contents h4.esm-results-section-title {
	font-size: 20px;
    margin: 0 0 20px 0;
}

#esm-report {
    position: relative;
    padding: 210px 20px 20px;
    text-align: center;
}

.esm-report-title {
    font-size: 12px;
    color: #979390;
    text-transform: uppercase;
    text-align: center;
    margin: 10px 0;
}

#esm-report .esm-report-scale {
    position: absolute;
    background: transparent url('../img/estimator/esm_report_scale.png') top left no-repeat;
    top: 20px;
    left: 61px;
    width: 316px;
    height: 174px;
}

#esm-report .esm-report-scale .esm-report-scale-pointer {
    display: none;
    position: absolute;
    width: 300px;
    height: 160px;
    top: -5px;
    left: 18px;
}

.esm-report-scale-pointer-1 { background: url(../img/estimator/esm_report_scale_1.png) no-repeat; }
.esm-report-scale-pointer-0 { background: url(../img/estimator/esm_report_scale_0.png) no-repeat; }
.esm-report-scale-pointer-5 { background: url(../img/estimator/esm_report_scale_5.png) no-repeat; }
.esm-report-scale-pointer-10 { background: url(../img/estimator/esm_report_scale_10.png) no-repeat; }
.esm-report-scale-pointer-15 { background: url(../img/estimator/esm_report_scale_15.png) no-repeat; }
.esm-report-scale-pointer-20 { background: url(../img/estimator/esm_report_scale_20.png) no-repeat; }
.esm-report-scale-pointer-25 { background: url(../img/estimator/esm_report_scale_25.png) no-repeat; }
.esm-report-scale-pointer-30 { background: url(../img/estimator/esm_report_scale_30.png) no-repeat; }
.esm-report-scale-pointer-35 { background: url(../img/estimator/esm_report_scale_35.png) no-repeat; }
.esm-report-scale-pointer-40 { background: url(../img/estimator/esm_report_scale_40.png) no-repeat; }
.esm-report-scale-pointer-45 { background: url(../img/estimator/esm_report_scale_45.png) no-repeat; }
.esm-report-scale-pointer-50 { background: url(../img/estimator/esm_report_scale_50.png) no-repeat; }
.esm-report-scale-pointer-55 { background: url(../img/estimator/esm_report_scale_55.png) no-repeat; }
.esm-report-scale-pointer-60 { background: url(../img/estimator/esm_report_scale_60.png) no-repeat; }
.esm-report-scale-pointer-65 { background: url(../img/estimator/esm_report_scale_65.png) no-repeat; }
.esm-report-scale-pointer-70 { background: url(../img/estimator/esm_report_scale_70.png) no-repeat; }
.esm-report-scale-pointer-75 { background: url(../img/estimator/esm_report_scale_75.png) no-repeat; }
.esm-report-scale-pointer-80 { background: url(../img/estimator/esm_report_scale_80.png) no-repeat; }
.esm-report-scale-pointer-85 { background: url(../img/estimator/esm_report_scale_85.png) no-repeat; }
.esm-report-scale-pointer-90 { background: url(../img/estimator/esm_report_scale_90.png) no-repeat; }
.esm-report-scale-pointer-95 { background: url(../img/estimator/esm_report_scale_95.png) no-repeat; }
.esm-report-scale-pointer-100 { background: url(../img/estimator/esm_report_scale_100.png) no-repeat; }

.esm-report-section-left {
	float: left;
	width: 200px;	
  height: 130px;
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}

.esm-report-section-right {
	float: left;
    text-align: center;
	width: 212px;
    height: 130px;
	border: solid 1px #ccc;
	border-left: none;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
}

.esm-report-score {
    font-size: 75px;
    line-height: 1em;
    text-align: center;
}
.esm-report-score.medium {
    font-size: 40px;
    line-height: 1em;
}
.esm-report-score .small {
    font-size: 30px;
    line-height: 1em;
}

.esm-report-savings {
    font-size: 50px;
    text-align: center;
}

.esm-report-savings-bigger {
    font-size: 70px;
    padding: 0 0;
    width: 100%;
    position: relative;
    top: -15px;
}

.esm-guilty-string {
	clear: both;
	text-align: center;
	padding-top: 10px;
}

.esm-report-about {
    margin: 20px 10px 0 -20px;
    border-top: dotted 2px #ccc;
    padding-top: 10px;
}

.esm-next-steps {
	margin: 7px 0 0 2px;
}

.esm-next-steps-bottom {
	margin: 7px 0 0 2px;
	float: left;
	clear: left;
}

#esm-recommendations {
	visibility: hidden;
}

#esm-recommendations.ui-widget {
    font-family: Verdana;
    font-size: 12px;
}

#esm-recommendations h3.ui-accordion-header {
	-moz-border-radius:0 0 0 0;
	background:none repeat scroll 0 0 #F4F4F2;
	border-bottom:1px solid #EEEEEE;
	border-top:1px solid #EEEEEE;
	font-size:12px;
	font-weight:bold;
	margin: 1px;
}

#esm-recommendations h3.ui-accordion-header .ui-icon {
	left: auto;
	right: 0;
}

#esm-recommendations h3.ui-accordion-header a {
	padding-left: 10px;
	font-weight: normal;
}

#esm-recommendations h3.ui-accordion-header.ui-state-active a {
	color: #000;
	font-weight: bold;
}

#esm-recommendations div.ui-widget-content {
	background: none;
	border: none;
	padding: 15px 0 0 10px;
	overflow: visible;
}

#esm-recommendations .esm-recommendation-summary {
	width:310px;
}

#esm-recommendations .esm-recommendation-summary .esm-more-info {
	color:#000099;
}
.esm-recommendation-image {
	float: right;
}

#esm-recommendations div.ui-widget-content .button-primary {
	float: right;
	color: white;
}

.esm-factors-section {
    height: 77px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.esm-factors-hr {
    color: #ccc;
    margin: 20px 0;
}

.esm-factors-title {
    font-size: 14px;
    text-align: right;
	width: 80px;
	padding-right: 10px !important;
	vertical-align: middle !important;
}

.esm-factors-body {
    background: url(../img/estimator/esm_factors_separator.png) no-repeat 0 50%;
    padding-left: 15px !important;
    vertical-align: middle !important;
    color: #a9a996;
}

.esm-factors-sub {
    float: left;
    padding-right: 15px;
    margin-left: 10px;
}

.esm-factors-scores .esm-factors-sub-wrapper {
    background: url(../img/estimator/esm_factors.png) no-repeat 0 -138px;
  	height: 55px;
  	margin-left: 10px;
}

.esm-factors-scores .esm-factors-sub {
    padding: 10px  5px 0 5px;
    margin: 0 1px 0 0;
    text-align: center;
    color: #666;
    width: 91px;
    line-height: 20px;
}

.esm-factors-scores .esm-factors-sub.esm-middle {
    width: 122px;
}

.esm-factors-scores .esm-factors-sub.esm-last {
    color: #fff;
    width: 86px;
    padding-right: 5px;
}

.esm-factors-prices .esm-factors-sub {
    border-right: solid 1px #ccc;
}

.esm-factors-sub.esm-last {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}

.esm-factors-header {
    font-size: 11px;
}

.esm-factors-value {
    line-height: 1em;
    margin: 5px 0;
}

.esm-factors-footer {
    text-align: right;
}

.esm-factors-weather .esm-factors-value {
    font-size: 46px;
}

.esm-factors-prices .esm-factors-value {
    font-size: 30px;
}

.esm-factors-scores .esm-factors-value {
    font-size: 12px;
}

.esm-factors-heating,.esm-factors-cooling {
    background: url(../img/estimator/esm_factors.png) no-repeat 0 -93px;
    height: 20px;
    width: 194px;
    margin-bottom: 10px;
    position: relative;
}

.esm-factors-cooling {
	margin-bottom: 0;
}

.esm-factors-heating span,.esm-factors-cooling span {
    background: url(../img/estimator/esm_factors.png) no-repeat 0 -113px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: -2px;
    border-right: solid 1px #fff;
}

.esm-cold-water-temp {
	margin: 0 !important;
}

#esm-email-report-form-body input {
    -moz-border-radius:5px 5px 5px 5px;
    -webkit-border-radius:5px 5px 5px 5px;
    border-radius:5px 5px 5px 5px;
    background:none repeat scroll 0 0 #F5F8EF;
    border:2px solid #D3D2A6;
    color:#000000;
    font-size:18px;
    margin:0;
    padding:5px;
    width:300px;
}

#esm-email-report-form-body label {
    display:block;
}

#esm-email-report-form .field ul.errorlist {
    margin: 10px 2px;
    position: relative;
    left: 0;
    background: transparent url('../img/icons/exclamation.png') 0 4px no-repeat;
    padding-left: 20px;
    height: 20px;
    list-style-type: none;
    color: #8A1F11;
}
#esm-email-report-form .field ul.errorlist li {
    margin: 0;
    font-size: 11px;
    padding: 4px 0;
}

#esm-email-report-form .has-errors input { border-color:#8A1F11 !important; }

#esm-email-report-form .field label:first-child {
    position: relative;
    top: -5px;
}

/* @end */

/* @group Misc */

a.esm-action {
 	background:url(../img/estimator/esm_arrows.png) no-repeat 0 -32px;
 	padding-left: 24px;  
}

a.esm-share-icon {
	display: inline-block;
    padding: 17px;
}

a.esm-share-fb {
 	background:url(../img/estimator/esm_share_icons.png) no-repeat left;    
}

a.esm-share-twitter {
 	background:url(../img/estimator/esm_share_icons.png) no-repeat 50%;    
}

a.esm-share-email {
 	background:url(../img/estimator/esm_share_icons.png) no-repeat right;    
}

.esm-clearfix {
	clear:both;
	font-size: 0;
	line-height: 0;
	display:block;
	height:0;
}

.error-message {
	background-color: #007e44;
	color: #fff;
	padding: 10px 15px;
	display: none;
}

.esm-instructions {
    font-size: 11px;
    color: #999;
}

.street-address .esm-intro-fieldactual input {
    text-align: left;
    float: none;
    width: 416px;
}

.street-address .esm-intro-fieldactual {
    width: auto;
    float: none;
}

#change-location-form {
    padding: 12px;
    background-color: #EFEFD5;
    border: 5px solid #e2e1c7;
    text-align: left;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#change-location-form h3 {
    border-bottom: 1px solid #E2E1C7;
    color: #686461;
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 12px 0;
    padding: 12px 0 12px 0;
}

#change-location-form .field label {
    color: #686461;
    font-weight:bold;
    font-size: 14px; 
    line-height: 16px;
    text-align: right;
    width: 150px;
    padding: 0;
}

#change-location-form .field {
    border-bottom: 1px solid #E2E1C7;
}

#change-location-form .controls {
    text-align: right;
    padding: 20px 0 0 0;
}

#change-location-form .field input {
    margin: 0 0 12px 0;
    padding: 5px;
    border: 1px solid #BBBBBB;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}



/* @end */

/* @group Buttons */

/* Remove button borders */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border : 0px; } 
/* IE8 */
input[type="submit"]:focus, input[type="button"]:focus { outline : none; }

.button-primary, .button-secondary {
    outline: none;
    display: inline-block;
    position: relative;
    height: 28px;
    cursor: pointer;
    background: transparent url("../img/button_primary.png") top left no-repeat;
    margin: 0 16px 0 0;
    text-decoration: none;
    font-size: 12px;
    line-height: 25px;
}

.button-primary, 
.button-secondary, 
.button-primary input {
    color: white;
    text-shadow: #873b00 0px 0px 3px;
}

.button-primary span, 
.button-primary input, 
.button-secondary span,
.button-secondary input {
    white-space: nowrap;
    display: block;
    border: none;
    height: 28px;
    position: relative;
    left: 16px;
    padding: 0 16px 0 0;
    background: transparent url("../img/button_primary.png") top right no-repeat;
}

/** button link pseudo classes **/ 

.button-primary:hover, .button-secondary:hover { background-position: left -28px; text-decoration: none;}

.button-primary:hover span,
.button-primary:hover input,
.button-secondary:hover span,
.button-secondary:hover input { 
    background-position: right -28px; 
}
.button-primary:hover, .button-primary:visited { color: white; }
.button-primary:active, .button-secondary:active { background-position: left -56px;}

.button-primary:active span, 
.button-primary:active input, 
.button-secondary:active span,
.button-secondary:active input { 
    background-position: right -56px; 
}

/** buttons with arrow icon **/

.button-secondary.arrow, 
.button-secondary.arrow span { 
    background-image: url("../img/button_secondary_arrow.png"); 
}
.button-primary.arrow,
.button-primary.arrow span { 
    background-image: url("../img/button_primary_arrow.png"); 
}
.button-primary.arrow span,
.button-secondary.arrow span { 
    padding-right: 35px; 
}

.button-secondary,
.button-secondary span,
.button-secondary input {
    text-shadow: #fff 0px 0px 3px;
    color: #005B7D;
    background-image: url("../img/button_secondary.png");
}

.button-secondary input, .button-primary input {
    cursor: pointer !important;
    font-family: inherit;
    font-size: 12px;
    padding: 0 16px 4px 0;
}

/** Button Supreme **/
.button-supreme {
    outline: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    height: 46px;
    background: transparent url("../img/button_supreme.png") top left no-repeat;
    margin: 0 16px 0 0;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 43px;
    font-family: Verdana; /* required for correct spacing */
}

.button-supreme span,
.button-supreme input {
    color: white;
    text-shadow: #873b00 0px 0px 3px;
    white-space: nowrap;
    display: block;
    border: none;
    height: 46px;
    position: relative;
    left: 16px;
    padding: 0 16px 0 0;
    background: transparent url("../img/button_supreme.png") top right no-repeat;
}

.button-supreme:hover { background-position: left -46px; text-decoration: none;}
.button-supreme:hover span, .button-supreme:hover input { background-position: right -46px; }

.button-supreme:active { background-position: left -92px; text-decoration: none;}
.button-supreme:active span, .button-supreme:active input { background-position: right -92px; }

.button-supreme input {
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;    
    font-size: 18px !important;
    padding: 0 16px 6px 0;
}

.button-supreme.arrow,
.button-supreme.arrow span,
.button-supreme.arrow input {
    background-image: url("../img/button_supreme_arrow.png");
}

.button-supreme.arrow input,
.button-supreme.arrow span {
    padding-right: 46px;
}

.button-supreme.waiting,
.button-supreme.waiting span,
.button-supreme.waiting input {
    background-image: url("../img/button_supreme_waiting.png");
    text-shadow: #000 0px 0px 3px;
}

.button-supreme.waiting:hover, 
.button-supreme.waiting:active { 
    background-position: top left; 
}

.button-supreme.waiting:hover span, 
.button-supreme.waiting:active span,
.button-supreme.waiting:hover input,
.button-supreme.waiting:active input {
    background-position: top right; 
}

/**
 * jQuery Simple Dialog 
** ------------------------------------------------------------------------- */
.simpledialog {
	background-color:#EFEFD5;
	border:4px solid #E2E1C7;
	padding:12px;
	text-align:left;
}

.sd_container {
    margin:0;
    position: absolute;
}

.sd_header {
    font-size: 125%;
    font-weight:bold;
    margin-bottom: 10px;
}

.sd_footer {
    color: #a0a0a0;
    margin-top: 10px;
}

.sd_overlay {
    position: absolute;
    margin:0;
    padding: 0;
    top: 0;
    left: 0;
    background-color: #222;
}

.sd_loading {
    background: url('../img/indicator.gif') center no-repeat;
    background-color: #fff;
    height: 60px;
    width: 60px;
}

.sd_closelabel {
    position:absolute;
    top: 0;
    left: 0;
    text-align:center;
}

.sd_closelabel a, a.close-dialog {
    display: block;
    padding: 18px 18px;
    text-decoration:none;
    color: #8A1F11;
    font-size: 11px;
    font-weight:bold;
}

a.close-dialog {
    position: absolute;
    top: 0;
    right: 0;
}
.simpledialog ul {
    list-style: none;
    margin-left:0;
    padding-left: 0;
    padding-bottom: 0;
}

.optimizely-selected { display: none; }


/**
 * Debug 
** ------------------------------------------------------------------------- */
#esm .debug h3 {
    margin-bottom: 0;
}

.zebra .even,
.zebra .even td,
.zebra .even th {
    background: #EEE;
}
.zebra .odd,
.zebra .odd td,
.zebra .odd th {
    background: #FFF;
}


table.debug,
#esm table.debug {
    width: 100%;
    margin-bottom: 2em;
}
.debug td,
.debug th,
.esm-contents table.debug tr td  {
    padding: 4px;
    vertical-align: middle;
}

.debug td, 
.debug th {
    color: #000;
}
.debug th,
.debug td,
#esm table.debug td {
    text-align: center;
}
.debug.sideLabel th,
#esm table.debug.sideLabel th {
    text-align: right;
}
.debug.sideLabel td,
#esm table.debug.sideLabel td {
    text-align: left;
}
.debug .updated.even td,
.debug .updated.even th {
    background: #FEC;
}
.debug .updated.odd td,
.debug .updated.odd th {
    background: #EDB;
}
.debug .updated .new-value {
    font-weight: bold;
}

.debug.energy-usage .oil,
.debug.energy-usage .oil {
    background: #DDD;
}
.debug.energy-usage .gas,
.debug.energy-usage .gas {
    background: #DFD;
}
.debug.energy-usage .electric,
.debug.energy-usage .electric {
    background: #DDF;
}

/* @end */