/* needed for ie 6  */
* {
	_vertical-align:top;
margin-top: 0pt;

margin-right: 0pt;

margin-bottom: 0pt;

margin-left: 0pt;

padding-top: 0pt;

padding-right: 0pt;

padding-bottom: 0pt;

padding-left: 0pt;
}

img {
	border: none;	
}

#calculator sub { vertical-align: text-top; }

#main {
    color: #333;
    font-size: 11px;
    font-family: Verdana,Arial,Helvetiva,sans-serif;
}

#main #wrap {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position: relative;

}

#bannerImage {
	padding-bottom: 0px;
	margin-bottom: 0px;	
	height:109px;
}
#bannerImage h1 {
	position: absolute;
	top: 34px;
	left: 34px;
	color: #525151;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 15px;
}

#calculator { 
	margin: 0px 0px 0px 31px; 
	padding: 0px 0px 0px 0px; 
	width: 824px; 
	clear: both; 
	display: inline-block; 
	background-color: white; }

/* start breadcrumb */
#calculator #impact-breadcrumb { 
	margin: 2px 0 8px 10px; 
	float: none;
}
#calculator #impact-breadcrumb p {
	color: #848484;
	font-size: 9px;
	margin-bottom: 1em;
	line-height: 16px;
	
}
	#calculator #impact-breadcrumb p a {
		color: #848484;
		text-decoration: none;
	}
	#calculator #impact-breadcrumb p a:hover {
		text-decoration: underline;
	}
	#calculator #impact-breadcrumb p span {
		color: #333333;
	}
/* end breadcrumb */

#calculator #visual-representation { width: 817px; margin: 12px auto 0px auto; }

#calculator #visual-representation div.impact-header { width: 817px; height: 24px; background: #e1e0e4 url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-header.png') no-repeat 0px 0px; }

#calculator #visual-representation div.impact-header h1 { 
	font-size: 11px; 
	color: #52515; 
	float: left; 
	padding: 0px 0px 0px 15px; 
	margin:0px;
	line-height: 24px; 
	overflow: hidden; 
	width: 685px; 
	text-overflow: hidden;
}
#calculator #visual-representation div.impact-header h1 strong { font-weight: bold; color: #525252; }
#calculator #visual-representation div.impact-header p { float: right; text-align: right; line-height: 24px; padding: 0px 20px 0px 0px; background: transparent url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-header-arrow.png') no-repeat 75px 10px; height: 24px; display: none; }
#calculator #visual-representation div.impact-header p a { color: #0095c6; font-weight: bold; text-decoration: none; }
#calculator #visual-representation div.impact-header p a:hover { text-decoration: underline; }
#calculator #visual-representation div.impact-header ul { float: right; }


/* start learn more */
#calculator #visual-representation div.impact-header #impact-learn-more { margin: 0; padding: 0; float: right; padding: 0px 0px 0px 0px; width: 100px; }
#calculator #visual-representation div.impact-header #impact-learn-more li { float: left; width: 100px; }
#calculator #visual-representation div.impact-header #impact-learn-more li a { padding: 0px 20px 0px 0px; display: block; text-decoration: none; line-height: 24px; height: 24px; background: transparent url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-header-arrow.png') no-repeat 165px 10px; text-align: right; }
#calculator #visual-representation div.impact-header #impact-learn-more li a:hover { text-decoration: underline; }

#calculator #visual-representation div.impact-header #impact-learn-more li ul { margin: 0; width: 147px; height: 83px; padding: 0; position: absolute; visibility: hidden; border-top: 1px solid white; background: #9dcbda url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-dropdown.png') no-repeat 0px 0px; margin-left: -49px; z-index: 11; }
#calculator #visual-representation div.impact-header #impact-learn-more li ul li { font-size: 9px; float: none; display: inline; text-align: left; }
#calculator #visual-representation div.impact-header #impact-learn-more li ul li a { line-height: 16px; height: 16px; text-align: left; width: 132px; color: #FFF; padding: 0px 5px 0px 10px; background: transparent url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-dropdown-arrow.png') no-repeat 4px 6px; }
#calculator #visual-representation div.impact-header #impact-learn-more li ul li a:hover { text-decoration: underline; }
/* end learn more */


/* START BODY  */

#calculator #visual-representation div.impact-body { 
	width: 817px; 
	height: 199px; 
	background: #f5f4f6 url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-body.png') no-repeat 0px 0px;

}
#calculator #visual-representation div.impact-body div.left { 
	float: left; 
	width: 205px; 
	height: 199px;

}
#calculator #visual-representation div.impact-body div.left div.current { 
	height: 98px; 
	width: 205px; 
	padding-top: 3px;
}
#calculator #visual-representation div.impact-body div.left div.current h1 { 
	padding: 0px;
	margin: 0px;
}
#calculator #visual-representation div.impact-body div.left div.baseline { 
	height: 98px; 
	width: 205px;
	margin:0px;
	padding:0px;

}
#calculator #visual-representation div.impact-body div.left h2 { 
	color: #ebf296; 
	text-transform: uppercase; 
	padding: 3px 0px 0px 16px; 
	font-size: 9px; 
	font-weight: bold; 
	height: 24px; 
	
	/* addition */
	margin:0px;

}
#calculator #visual-representation div.impact-body div.left div.field { 
	height: 20px; 
}
#calculator #visual-representation div.impact-body div.left div.field label { 
	float: left; 
	width: 55px; 
	color: white; 
	margin-left: 20px; 
	font-size: 8px; 
	text-transform: uppercase; 
	font-weight: bold; 
	line-height: 16px;
}
#calculator #visual-representation div.impact-body div.left div.field input { 
	float: left; 
	width: 50px; 
	background: #ffffff url('/includes/sustainability/calculator/img/calculator/bg-text-field.png') no-repeat 0px 0px; 
	border-top: 1px solid #bac459; 
	border-bottom: 1px solid #bec87c; 
	border-left: 1px solid #c2c889; 
	border-right: 1px solid #cdd393; 
	color: #000; 
	width: 110px; 
	font-size: 9px; 
	padding: 1px 2px 1px 3px;
}
#calculator #visual-representation div.impact-body div.left div.field input#baseline-design-value { 
	width: 75px; 
	margin-right: 2px;
	_margin-right: -2px;
}
#calculator #visual-representation div.impact-body div.left div.field input#current-design-value { 
	width: 75px; 
	margin-right: 2px;
	_margin-right: -2px;
}
#calculator #visual-representation div.impact-body div.left div.field span {
	font-size: 9px;
	color: white;

}

/*
#calculator #visual-representation div.body div.right { float: left; width: 590px; height: 198px; margin-left: 10px; position: relative;}
#calculator #visual-representation div.body div.right div.opaque { position: absolute; top: 1px; left: -10px; width: 610px; height: 198px; background-color: black; visibility: hidden; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); z-index: 9; }
#calculator #visual-representation div.body div.right div.opaque_text { z-index: 10; position: absolute; top: 85px; left: 125px; color: #7a7a7a; font-size: 20px; visibility: hidden; }
#calculator #visual-representation div.body div.right div.current { height: 68px; margin: 0px; padding-top: 33px; }
#calculator #visual-representation div.body div.right div.baseline { height: 68px; padding-top: 30px; }
*/
#calculator #visual-representation div.impact-body div.right { float: left; width: 590px; height: 199px; margin-left: 10px; position: relative; }
#calculator #visual-representation div.impact-body div.right div.opaque { position: absolute; top: 1px; left: -10px; width: 610px; height: 198px; background-color: black; visibility: hidden; opacity: 0.4; -moz-opacity: 0.4; -khtml-opacity: 0.4; filter: alpha(opacity=40); z-index: 9; }
#calculator #visual-representation div.impact-body div.right div.opaque_text { z-index: 10; position: absolute; top: 85px; left: 125px; color: #7a7a7a; font-size: 20px; visibility: hidden; }
#calculator #visual-representation div.impact-body div.right div.current { height: 68px; margin: 0px; padding-top: 33px; }

#calculator #visual-representation div.impact-body div.right div.baseline {
	height: 68px; 
	padding-top: 30px;
}


#calculator #visual-representation div.impact-body div.right div.container { width: 500px; float: left; height: 68px; }
#calculator #visual-representation div.impact-body div.right div.icons { height: 68px; }
#calculator #visual-representation div.impact-body div.right div.total { margin-left: 20px; width: 60px; float: left; font-size: 14px; font-weight: bold; color: #434343; padding-top: 10px; }
#calculator #visual-representation div.impact-body div.right div.current div.icons { width: 0px; background-repeat: repeat-x; background-position: 0px 0px; background-color: transparent; }
#calculator #visual-representation div.impact-body div.right div.baseline div.icons { width: 0px; background-repeat: repeat-x; background-position: 0px 0px; background-color: transparent; }

/* ie 6 body fix 
-------------------- */
#calculator #visual-representation div.impact-body div.left {
	_margin-bottom:-5px;
}
#calculator #visual-representation div.impact-body div.right {
	_margin-bottom:-5px;
}

/* END BODY  */


#calculator #visual-representation div.impact-footer { 
	width: 817px; 
	height: 68px; 
	/* blue background */
	background: #a7d3e1 url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-footer.png') no-repeat 0px 0px;
	/*background-color:#CCC;*/
	vertical-align:top;
}

/* start calculate button */
#calculator #visual-representation div.impact-footer div#calculate {
	margin:0px;
	padding:0px;
	width: 205px; 
	height: 66px;
	float: left;

}
#calculator #visual-representation div.impact-footer div#calculate a { 
	display: block;
	margin-left: 1px;
	width: 205px;
	height: 28px;
	background: #95b256 url('/includes/sustainability/calculator/img/calculator/btn-calculate-enabled.png') no-repeat 0px 0px;

}
#calculator #visual-representation div.impact-footer div#calculate a:hover {
	background: #95b256 url('/includes/sustainability/calculator/img/calculator/btn-calculate-rollover.png') no-repeat 0px 0px;
}
#calculator #visual-representation div.impact-footer div#calculate a:active {
	background: #95b256 url('/includes/sustainability/calculator/img/calculator/btn-calculate-pressed.png') no-repeat 0px 0px;
}

#calculator #visual-representation div.impact-footer div#calculate a.disabled {
	cursor: default;
	background: #95b256 url('/includes/sustainability/calculator/img/calculator/btn-calculate-disabled.png') no-repeat 0px 0px;
}
/* end calculate button */

/* date captured */
#calculator #visual-representation div.impact-footer div#calculate p { 
	color: white;
	font-size: 9px;
	padding: 7px 0px 0px 10px;
	margin-bottom: 3px;

line-height: 16px;
	
}
#calculator #visual-representation div.impact-footer div#key {
	width: 290px; 
	height: 68px;
	float: left;
	color: white;
	font-size: 13px;
	background: transparent url('/includes/sustainability/calculator/img/calculator/icons/small/dishwasher.png') no-repeat 20px 10px;
	padding: 10px 10px 0px 70px;
	text-indent: -20px;

	_padding: 0px 10px 0px 70px;
}
#calculator #visual-representation div.impact-footer div#percent-change {
	width: 231px;
	height: 68px;
	float: right; 
	background: #aac82d url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-percent-change.png') no-repeat 0px 0px; 
	position: relative;
}
#calculator #visual-representation div.impact-footer div#percent-change strong {
	color: white; 
	/*font-size: 13px; */
	font-size: 9px;
	font-weight: bold; 
	position: absolute; 
	display: block; 
	height: 56px; 
	width: 47px;
	_width:54px;
	bottom: 0px; 
	right: 0px;
	background: #f5f4f6 url('/includes/sustainability/calculator/img/calculator/bg-visual-representations-percent-change-decrease.png') no-repeat 0px 0px; 
	line-height: 58px;
	text-align: right; 
	padding: 2px 0px 0px 8px;
	
	_padding: 0px;


}
#calculator #visual-representation div.impact-footer div#percent-change p {
	font-size: 12px;
	color: white;
	padding: 7px 55px 5px 7px;

	_padding: 3px 45px 4px 3px;
}
#calculator #visual-representation div.impact-footer div#percent-change em {
	color: #feffb1;
	font-style: normal;
}

/********** END FOOTER **********/

#calculator #impact-calculations { 
	width: 817px; 
	height: 88px; 
	margin: 10px auto 0px auto; 
	background: #f5f4f6 url('/includes/sustainability/calculator/img/calculator/bg-calculations.png') no-repeat 0px 0px;
}



/* Tabs
----------------------------------*/
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
	padding: 0px; 
}
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li { position: relative; float: left; margin: 0px; padding: 0; }
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, #calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a, #calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li.ui-state-processing a { }
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-nav li a, #calculator #impact-calculations #impact-tabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
#calculator #impact-calculations #impact-tabs.ui-tabs .ui-tabs-hide { display: none !important; }

/* Vertical Tabs
----------------------------------*/
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical { 
	width: 817px; /* 817 */ 
	padding: 0px; 
	zoom: 1; 
	}
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical .ui-tabs-nav { padding: 0px; float: left; width: 169px; background: transparent url('/includes/sustainability/calculator/img/calculator/bg-calculations-categories.png') no-repeat 0px 0px; padding-top: 5px; }
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 168px; margin: 0; border-bottom: 1px solid #ddddde; border-top: 1px solid #ecebec; margin-left: 1px; line-height: 9px; }
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical .ui-tabs-nav li a { display: block; text-indent: none; width: auto; color: #767676; font-weight: bold; font-size: 9px; line-height: 9px; padding: 4px 5px 5px 10px; }
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { color: #119cca; }
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover a { color: #119cca; }
#calculator #impact-calculations #impact-tabs.ui-tabs-vertical .ui-tabs-panel { padding: 0px; float: right; width: 640px;}
#impact-tabs { float: left; } /* k */
#impact-tabs ul li a { text-indent: 0px; height: auto; }

/* Carousel Styles
----------------------------------*/
#calculator #impact-calculations #impact-tabs .jcarousel-next, #calculator #impact-calculations #impact-tabs .jcarousel-prev { z-index: 3; display: none; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-container { background: transparent; position: relative; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-container-horizontal { width: 590px; padding: 0px 20px; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-clip-horizontal { width:  590px; height: 88px; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item { width: 195px; height: 87px; margin-top: 1px; border-right: 1px solid #e9e9e9; border-left: 1px solid #f7f7f7; float: left; list-style: none; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item a { 
	width: 180px; 
	height: 59px; 
	padding: 17px 5px 10px 10px; 
	display: block; 
	color: #878d8e; 
	font-size: 9px;
}
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item a.selected { background: transparent url('/includes/sustainability/calculator/img/calculator/bg-calculations-category-selected.png') no-repeat 0px 1px; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item a:hover { background-color: #e4f0f4; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item a img { float: left; height: 50px; width: 50px; margin-right: 10px; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item a h3 { 
	color: #119cca; 
	font-weight: bold;
	font-size: 12px;

}
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item-horizontal { width: 195px; height: 87px; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-item-placeholder { background: #fff; color: #000; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-next-horizontal { position: absolute; top: 15px; right: 0px; width: 12px; height: 50px; cursor: pointer; background: transparent url(/includes/sustainability/calculator/img/calculator/carousel-right-arrow.png) no-repeat 0 0; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-next-horizontal:hover {}
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-next-horizontal:active {}
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-next-disabled-horizontal,
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-next-disabled-horizontal:hover,
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-next-disabled-horizontal:active { cursor: default; background-image: none; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-prev-horizontal { position: absolute; top: 15px; left: 0px; width: 12px; height: 50px; cursor: pointer; background: transparent url(/includes/sustainability/calculator/img/calculator/carousel-left-arrow.png) no-repeat 0 0; }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-prev-horizontal:hover { }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-prev-horizontal:active { }
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-prev-disabled-horizontal,
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-prev-disabled-horizontal:hover,
#calculator #impact-calculations #impact-tabs .jcarousel-skin-solidworks .jcarousel-prev-disabled-horizontal:active { cursor: default; background-image: none; }

/* Summary Styles
----------------------------------*/
#calculator #summary { width: 817px; height: 132px; margin: 10px auto 25px auto; background:  url('/includes/sustainability/calculator/img/calculator/bg-summary-body.png') no-repeat 0px 24px; }
#calculator #summary div.impact-header { width: 817px; height: 24px; background: #e1e0e4 url('/includes/sustainability/calculator/img/calculator/bg-summary-header.png') no-repeat 0px 0px; }
#calculator #summary div.impact-header h1 { font-size: 11px; font-weight: bold; color: #525252; padding: 0px 0px 0px 15px; line-height: 24px; margin:0px;}
#calculator #summary div.impact-header h1.summary { float: left; margin:0px;} 
#calculator #summary div.impact-header h1.header-social-media { float: right; width: 220px;}
#calculator #summary div.impact-body { width: 817px; height: 108px; }
#calculator #summary div.impact-body div.summary-text { float: left; width: 575px; }
#calculator #summary div.impact-body div.summary-text blockquote { padding: 10px 20px 10px 40px; }
#calculator #summary div.impact-body div.summary-text blockquote p { color: white; font-size: 11px; height:70px;}
#calculator #summary div.impact-body div.summary-text blockquote cite { display: block; color: #f2f7a3; font-size: 9px; padding-top: 0px; text-align: right;}
#calculator #summary div.impact-body div.social-media { float: right; width: 231px; height: 108px; background: #6aa8bd url('/includes/sustainability/calculator/img/calculator/bg-summary-social-media.png') no-repeat 0px 0px; position: relative;}
#calculator #summary div.impact-body div.social-media img.social-media-buttons { position: absolute; top: 0px; right: 0px;}

#calculator #summary div.impact-body div.social-media p.print-friendly { position: absolute; bottom: 0px; left: 10px; }
#calculator #summary div.impact-body div.social-media p.print-friendly a { color: #127191; text-decoration: none; font-size: 12px; }
#calculator #summary div.impact-body div.social-media p.print-friendly em { color: #606b6f; font-style: normal; }

/* Share Your Findings Styles
----------------------------------*/
#share-options { width:228px; margin-top:18px; text-align:center; }
#share-via-facebook, #share-via-twitter, #share-via-email { cursor:pointer; }
#share-via-facebook, #share-via-twitter { margin-right:16px; }