/* DISABLED FOR DEV
div#pgHome, 
div#pgWelcome {
	display: none;
}
*/
div.pgContainer {
	display: none;
}



/************************/
/* Global Styles */
/************************/
* {
	padding: 0px;
	margin: 0px;
}
body {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #4e472c;
	background: #666;
}
a img {
	border: none;
}
.disabled {
	cursor: default;
}
.inLine {
	display: inline;
}



/************************/
/* Containers */
/************************/
form#carbonForm {
	position: relative;
	width: 718px;
	height: 611px;
}
div.col1Container {
	position: absolute;
	top: 20px;
	left: 25px;
	float: left;
	margin: 0px;
	width: 376px;
	height: 550px;
	overflow: hidden;
}
div.col2Container {
	margin: 0px;
	width: 293px;
	height: 550px;
	position: absolute;
	top: 20px;
	left: 401px;
	overflow: hidden;
}
div.col2top {
	position: relative;
	width: 292px;
	height: 308px;
	text-align: center;
}
div.col2bottom {
	position: relative;
	width: 292px;
	height: 242px;
	text-align: center;
}



/************************/
/* Layout Styles */
/************************/
h1 {
	position: absolute;
	top: 8px;
	right: 2px;
	z-index: 5;
}
h1 span {
	display: none;
}
h1 a:link,
h1 a:visited {
	display: block;
	width: 69px;
	height: 93px;
	/*background: url(/CC/media/images/carbon/wwf_logo.png)*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
div#mainNav {
	/*display: none;*/
	position: absolute;
	top: 30px;
	left: 25px;
	width: 375px;
	z-index: 1;
}
div#mainNav h2 {
	margin: 0px 0px 5px 35px;
	padding: 0px 0px 5px 0px;	
}
div#mainNav h2 img {
	padding: 0px 0px 5px 0px;
	/* DESIGN CHANGE
	border-bottom: 1px dashed #797979; */
	border-bottom: 1px solid #797979;
}
div#mainNav ol {
	margin: 0px 0px 0px 13px;
	list-style: none;
	font-size: 10px;
	text-align: center;
}
div#mainNav li {
	float: left;
	margin: 0px 10px 0px 0px;
}
		div#mainNav li a:link, div#mainNav li a:visited {
			display: block;
			float: left;
			text-decoration: none;
			color: #797979;
		}
		div#mainNav li span.navIcon {
			display: block;
			height: 37px;
		}
		div#mainNav li span.label {
			display: block;
		}
div#mainNav li a:hover, div#mainNav li a:active {
	color: #cc9900;
}
div#mainNav li.hLight a:link, div#mainNav li.hLight a:visited {
	cursor: default;
	color: #cc9900;
}
div#mainNav li.hLight a:hover, div#mainNav li.hLight a:active {

}
div#mainNav li a.disabled:link,
div#mainNav li a.disabled:visited {
	color: #797979;
}
ul#secNav {
	position: absolute;
	bottom: 24px;
	left: 313px;
	list-style: none;
}
ul#secNav li {
	float: left;
	width: 43px;
	height: 29px;
}
ul#secNav li.secIcon {
	margin: 0px 15px;
	width: 63px;
	height: 53px;
}
div.narrativeText {
	text-align: left;
	line-height: 18px;
}
div.narrativeText ol, 
div.narrativeText ul {
	padding: 0px 0px 15px 25px;
}
div.calcForm {
	position: absolute;
	top: 115px;
	left: 10px;
	width: 336px;
																					width: 345px;
																					width: 360px
}
div.calcForm h2 {
	margin: 0px 0px 0px 0px;
	text-transform: none;
	font-weight: normal;
	font-size: 17px;
	color: #cc9900;
}
div.calcForm h2 span.pgCount {
	font-size: 10px;
	text-transform: lowercase;
	color: #797979;
}
div.calcForm p {
	margin: 0px 0px 10px 0px;
}
div.calcForm a:link, div.calcForm a:visited {
	color: #cc9900;
	text-decoration: none;
}
div.calcForm a:hover, div.calcForm a:active {
	color: #cc9900;
	text-decoration: underline;
}
div.calcForm div.narrativeText {
	margin: 0px 0px 10px 0px;
}
div.calcForm ol {
	padding: 0px 0px 5px 25px;
}
div.calcForm li {
	margin: 0px 0px 10px 0px;
}
div.calcForm ol p {
	margin: 0px;
}
div.calcForm h4 {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
div.calcForm h4.inLine {
	margin: 0px 5px 5px 0px;
}
div.calcForm h4, 
div.calcForm td.formHead {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
}
div.calcForm h4 span.note {
	text-transform: lowercase;
}
div.calcForm h4 span.noteSM, 
div.calcForm table.foodItems span.noteSM {
	text-transform: lowercase;
	font-size: 9px;
	color: #797979;
}
div.calcForm div.formRow {
	margin: 0px 0px 5px 0px;
}
div.calcForm input, div.calcForm select {
	margin: 0px 6px 0px 0px;
	font-size: 11px;
	color: #797979;
}
	div.calcForm input {
		padding: 1px 2px;	
	}
div.calcForm label {
	position: relative;
	top: -2px;
	left: -3px;
}
div.calcForm label.inline {
	font-size: 9px;
}
div.calcForm input.medium {
	width: 120px;
}
div.calcForm input.third {
	width: 64px;
	text-align: right;
}
div.calcForm input.small {
	width: 40px;
	text-align: right;
}
div.calcForm input.smallest {
	width: 29px;
	text-align: right;
}
div.calcForm select.third {
	width: 85px;
}
div.calcForm select.twoThirds {
	width: 200px;
}
ul.calcValues {
	position: absolute;
	top: 120px;
	left: 0px;
	list-style: none;
}
ul.calcValues li {
	position: absolute;
	top: 8px;
	width: 58px;
	height: 38px;
	line-height: 38px;
	font-size: 23px;
}
ul.calcValues li.calcWorld {
	left: 27px;
}
ul.calcValues li.calcYou {
	top: 3px;
	left: 105px;
	width: 84px;
	height: 55px;
	line-height: 55px;
	font-size: 39px;
	color: #cc9900;
}
ul.calcValues li.calcUS {
	left: 208px;
}
div.calcForm td {
	padding: 0px 2px 3px 0px;
}
div.calcForm table.spaced td {
	padding: 0px 2px 15px 0px;
}
ul.resulNav {
	position: absolute;
	text-align: right;
	top: 30px;
	right: 85px;
	font-size: 10px;
	text-transform: lowercase;
	line-height: 15px;
	list-style: none;
}
ul.resulNav li {
	
}
ul.resulNav a:link, ul.resulNav a:visited {
	color: #4d75b7;
	text-decoration: none;
}
ul.resulNav a:hover, ul.resulNav a:active {
	color: #cc9900;
}



/************************/
/* Page Styles */
/************************/
div.pgContainer {
	width: 718px;
	height: 611px;
	background: url(/CC/media/images/carbon/back_global.jpg) 0px 0px no-repeat;
}
h2 {
	text-transform: uppercase;
}
div.calcForm p.bottLink {
	margin: 5px 0px 0px 10px;
	text-transform: uppercase;
}
p.bottLink a:link, p.bottLink a:visited {
	color: #4d75b7;
	text-decoration: none;
}
p.bottLink a:hover, p.bottLink a:active {
	color: #cc9900;
}
div.col2top h2 {
	display: none;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 293px;
	text-align: center;
}
div.col2top div.narrativeText {
	position: absolute;
	top: 105px;
	left: 0px;
	padding: 0px 30px 0px 30px;
	margin: 0px 0px 20px 0px;
}
div.col2bottom h2 {
	position: absolute;
	top: 25px;
	left: 0px;
	width: 293px;
	text-align: center;
}
div.col2bottom h2 img {
	padding: 0px 0px 5px 0px;
	/* DESIGN CHANGE
	border-bottom: 1px dashed #797979; */
	border-bottom: 1px solid #797979;
}
div.col2bottom div.narrativeText {
	position: absolute;
	top: 80px;
	left: 120px;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 20px 0px;
	font-size: 10px;
}
div.col2bottom p.source {
	position: absolute;
	bottom: 5px;
	right: 20px;
	font-size: 10px;
	font-style: italic;
	text-transform: lowercase;
}
img.ofDiv {
	margin: 15px 0px 10px 0px;
}
div.calcForm div.narrativeText strong {
	text-decoration: underline;
}

/* -- Home -- */
div#pgHome div.pgContainer {
	text-align: center;
	background: url(/CC/media/images/carbon/back_home.jpg) 0px 0px no-repeat;
}
div#pgHome embed,
div#pgHome object {
	position: absolute;
	top: 19px;
	left: 24px;
	z-index: 1;
}
p#sendFriend {
	position: absolute;
	top: 30px;
	left: 40px;
	z-index: 5;
}
p#sendFriend a:link, p#sendFriend a:visited {
	font-size: 9px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}
p#sendFriend a:hover, p#sendFriend a:active {
	text-decoration: underline;
}
div#introContent {
	position: absolute;
	top: 190px;
	left: 193px;
	width: 363px;
	height: 200px;
	line-height: 17px;
	z-index: 5;
}
div#introContent h2 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
}
div#introContent h2 img {
	padding: 0px 0px 5px 0px;
	/* DESIGN CHANGE
	border-bottom: 2px dashed #fff; */
	border-bottom: 2px solid #fff;
}
div#introContent p {
	text-align: left;
}
div#introContent fieldset {
	margin: 10px 0px 0px 0px;
	border: none;
}
div#introContent input#calcQuickRadio, 
div#introContent input#calcFullRadio {
	margin: 0px 2px -3px 0px;
}
div#introContent label {
	margin: 0px 3px 0px 0px;
	font-size: 9px;
	color: #000;
	text-transform: uppercase;
}
div#introContent input#email_address {
	margin: 0px 0px 0px 5px;
	padding: 3px 4px;
	width: 128px;
	font-size: 10px;
	color: #4e472c;
	background: #f5f3e8;
	border: 1px solid #4e472c;
}
div#introContent a#startTest {
	display: block;
	margin: 15px 0px 0px 0px;
}
div.calcForm p.note {
	margin: 3px 0px 10px 0px;
	color: #797979;
	font-size: 9px;
}

/* -- Welcome -- */
div#pgWelcome div.col2top {
	background: url(/CC/media/images/carbon/back_col2t_welcome.jpg) 0px 0px no-repeat;
}

/* -- Transportation -- */
div#pgTransport div.col2top {
	background: url(/CC/media/images/carbon/back_col2t_transport.jpg) 0px 0px no-repeat;
}
div#pgTransport p.calcNote {
	position: absolute;
	bottom: 5px;
	left: 5px;
	font-size: 9px;
	font-style: italic;
	color: #fff;
	text-align: left;
}
div#pgTransport p.addCar {
	margin: 10px 0px 5px 0px;
	text-transform: uppercase;
}
div#pgTransport p.addCar a:link, 
div#pgTransport p.addCar a:visited {
	color: #4d75b7;
	text-decoration: none;
}
div#pgTransport p.addCar a:hover, 
div#pgTransport p.addCar a:active {
	color: #cc9900;
}

/* -- Housing -- */
div#pgHousing div.col2top {
	background: url(/CC/media/images/carbon/back_col2t_housing.jpg) 0px 0px no-repeat;
}
div#pgHousing2 p.subQ {
	margin: 20px 0px 10px 0px;
}

/* -- Food -- */
div#pgFood div.col2top {
	background: url(/CC/media/images/carbon/back_col2t_food.jpg) 0px 0px no-repeat;
}
table.foodItems td.row01 {
	width: 150px;
}
table.foodItems td.row01b {
	width: 150px;
	padding: 0px 2px 3px 13px;
}
table.foodItems td.row03 {
	width: 57px;
}
table.foodItems td.row04 {
	width: 67px;
}


tr.hide {
	display: none;
}

/* -- Good & Services -- */
div#pgGoods div.col2top {
	background: url(/CC/media/images/carbon/back_col2t_goods.jpg) 0px 0px no-repeat;
}

/* -- Results -- */
div#pgResults div.pgContainer {
	background: url(/CC/media/images/carbon/back_results.jpg) 0px 0px no-repeat;
}
div.resHeader {
	position: absolute;
	top: 130px;
	left: 45px;
	z-index: 5;
}
div.resHeader h2 {
	float: left;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	text-transform: none;
}
div.resHeader ul {
	float: left;
	margin: 6px 0px 0px 10px;
	font-size: 10px;
	line-height: 10px;
	text-transform: lowercase;
	list-style: none;
}
div.resHeader li {
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	border-right: 1px solid #4d75b7;
}
div.resHeader li.lastItem {
	margin: 0px;
	padding: 0px;
	border: none;
}
div.resHeader a:link, div.resHeader a:visited {
	color: #4d75b7;
	text-decoration: none;
}
div.resHeader a:hover, div.resHeader a:active {
	color: #cc9900;
}
div.resHeader li.hLight a:link, div.resHeader li.hLight a:visited {
	cursor: default;
	color: #cc9900;
}
div#pgResults div.col1Container {
	width: 415px;
}
div#pgResults div.col2Container {
	top: 180px;
	left: 441px;
	width: 251px;
	height: 370px;
	/* DESIGN CHANGE
	border-left: 1px dashed #797979; */
	border-left: 1px solid #797979;
}
div.sideContent {
	margin: 20px 8px;
	text-align: center;
}
div.sideContent a:link, div.sideContent a:visited {
	color: #4d75b7;
	text-decoration: none;
}
div.sideContent a:hover, div.sideContent a:active {
	color: #cc9900;
}
div.sideContent h2 img {
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 0px;
	/* DESIGN CHANGE
	border-bottom: 1px dashed #797979; */
	border-bottom: 1px solid #797979;
}
div.sideContent ol {
	margin: 0px 0px 0px 25px;
	text-align: left;
}
div.sideContent li {
	margin: 0px 0px 10px 0px;
}
div#totalResults {
	position: absolute;
	top: 158px;
	left: 12px;
	width: 400px;
	height: 380px;
	text-align: center;
	background: url(/CC/media/images/carbon/back_res_total.gif) 0px 0px no-repeat;
}
div#totalResults h2 {
	display: none;
	position: absolute;
	top: 32px;
	left: 0px;
	width: 380px;
	text-align: center;
}
div#totalResults div.narrativeText {
	position: absolute;
	top: 55px;
	left: 35px;
	width: 330px;
	line-height: 14px;
}
div#totalResults ul.calcValues {
	top: 110px;
}
div#totalResults li.calcYou {
	left: 134px;
	width: 118px;
	height: 82px;
	font-size: 60px;
	line-height: 82px;
}
div#totalResults li.calcWorld, 
div#totalResults li.calcUS {
	top: 118px;
	left: 68px;
	width: 74px;
	height: 52px;
	font-size: 30px;
	line-height: 52px;
}
div#totalResults li.calcUS {
	left: 241px;
}
ul.allResults {
	position: absolute;
	top: 178px;
	left: 37px;
	font-size: 11px;
	list-style: none;
}
ul.allResults h2 {
	margin: 0px 0px 3px 0px;
	font-size: 16px;
	font-weight: normal;
	text-transform: lowercase;
	color: #000;
}
ul.allResults h2 span {
	padding: 0px 0px 3px 0px;
	/* DESIGN CHANGE
	border-bottom: 1px dashed #797979; */
	border-bottom: 1px solid #797979;
}
ul.allResults li {
	position: relative;
	float: left;
	width: 135px;
	height: 190px;
	margin: 0px 20px 10px 0px;
	padding: 3px 0px 0px 175px;
	overflow: hidden;
}
ul.allResults li ul.calcValues {
	top: 19px;
	left: 117px;
	text-align: center;
}
ul.allResults li ul.calcValues li {
	position: absolute;
	top: 0px;
	left: 0px;
	float: none;
	width: 33px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #797979;
	line-height: 25px;
	overflow: visible;
}
ul.allResults li ul.calcValues li.calcUS {
	top: 33px;
}
ul.allResults li ul.calcValues li.calcWorld {
	top: 64px;
}
ul.allResults li ul.calcValues li.calcSilimar {
	top: 95px;
}
ul.allResults li ul.calcValues li.hLight {
	color: #cc9900;
}
li#transResults {
	background: url(/CC/media/images/carbon/back_res_trans.jpg) 0px 0px no-repeat;
}
li#foodResults {
	background: url(/CC/media/images/carbon/back_res_food.jpg) 0px 0px no-repeat;
}
li#houseResults {
	background: url(/CC/media/images/carbon/back_res_housing.jpg) 0px 0px no-repeat;
}
li#goodsResults {
	background: url(/CC/media/images/carbon/back_res_goods.jpg) 0px 0px no-repeat;
}

/*****************/
/* Error Styles */
form#carbonForm div div input.error,
form#carbonForm div div select.error {
	background: #ea3d15 !important;
	color: #333 !important;
}
form#carbonForm div div input.disabled,
form#carbonForm div div select.disabled {
	color: #CCC;
	background: #F0F0F0;
}
form#carbonForm div.calcForm label.error {
	color: #ea3d15 !important;
}