/***********************************************************
This is the primary CSS file for the GE Consumer & Industrial
Environmental Information Center. This handles baseline
font-sizing, page layout, and assorted design elements
throughout the site.

NOTES:
	Dark Green - #41610A
	Light Green - #76B900
	Hover Green - #A1D93F
	Light Green BG - #F1F8E5
***********************************************************/

body {
	margin:0;
	padding:0;
	background: #fff;
	font-family:arial,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	color:#666;
	text-align:center;
}

/* 
	Font-size is set at approx. 11px or 8pt. The margin and left text-align
	help to center the 'document' div on the page while maintaining left-
	aligned text within the 'document' div. These values should not be 
	manipulated. 
 */
body div#document	{
	width : 745px; /* sets overall content width */
	padding: 10px 10px 10px 10px; /* adjust outer whitespace as desired */
	Font-size:85%;
	margin:25px auto;
	text-align : left;
}



/* 
	Font-size is set at approx. 11px or 8pt. The margin and left text-align
	help to center the 'popDocument' div on the page while maintaining left-
	aligned text within the 'document' div. These values should not be 
	manipulated. 
 */
body div#popDocument	{
	width : 96%; /* sets overall content width */
	padding: 10px 2%; /* adjust outer whitespace as desired */
	Font-size:85%;
	text-align : left;
}
#popContent {
	margin:15px;
}

/****************** IMPORTANT DEFAULTS *******************/

/* The following rule exists to fix an IE 5 PC bug */
body table { font-size: 100%; }

/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li {
	margin: 0;
	padding: 0;
}

/* Image defaults */
img {	
	border:0;
	display:inline;
}

/* Input adjustments */
input, select, textarea  {
	font-size: 100%;
	color:#666666;
	font-family:arial,helvetica,sans-serif;
}

tr { vertical-align:top; }

p {
	margin:0;
	padding:0;
	margin-top: 0.9em;
}
/****************** END IMPORTANT DEFAULTS *******************/



/****************** UTILITY *******************/
.bold { font-weight:bold; }

.italic { font-style:italic; }

.highlight { color:#ed8000; }

.fineprint {
	color:#999;
	font-size:90%;
}

.superScript {
	font-size:75%;
	font-weight:normal;
	position:relative;
	top:-.5em;
}

.strokeBox { border: 1px solid #cccccc; }

.strokeT,
tr.strokeT td { border-top: 1px solid #cccccc; }
.strokeB,
tr.strokeB td  { border-bottom: 1px solid #cccccc; }
.strokeR { border-right: 1px solid #cccccc; }
.strokeL { border-left: 1px solid #cccccc; }

.noStroke,
tr.noStroke td { border:0 !important; }

.bgLight { background:#F7F7F7 }

.sidebar {
	background:#F1F8E5;
	padding:10px;
}

.formLabel {
	position:relative;
	top:-2px;
}

h1 {
	color:#41610A;
	font-size:125%;
	margin-bottom:20px;
}

ul li {
	list-style:none;
	padding-top:.5em;
	padding-left:8px;
	background:0 1em url('/environmentalinfo/images/square_bul.gif') no-repeat;
}
ul ul li {
	background-image:url('/environmentalinfo/images/dash_bul.gif');
}

ul.links li {
	background-image:url('/environmentalinfo/images/square_bul_green.gif');
}
ul.white li {
	background-image:url('/environmentalinfo/images/square_bul_white.gif');
	color:#fff;
}
ul.indented { margin-left:20px; }

div.padded { padding:0 12px; }

.greenRoundedBox {
	background:top left url('/environmentalinfo/images/green_rounded_tl.gif') no-repeat #F1F8E5;
}
.greenRoundedBox .sub1 {
	background:top right url('/environmentalinfo/images/green_rounded_tr.gif') no-repeat transparent;
}
.greenRoundedBox .sub2 {
	background:bottom right url('/environmentalinfo/images/green_rounded_br.gif') no-repeat transparent;
}
.greenRoundedBox .sub3 {
	background:bottom left url('/environmentalinfo/images/green_rounded_bl.gif') no-repeat transparent;
	padding:10px 13px 0 13px;
}


.taxResultRoundedBox {
	background:top left url('/environmentalinfo/images/white_rounded_tl.gif') no-repeat #fff;
}
.taxResultRoundedBox .sub1 {
	background:top right url('/environmentalinfo/images/white_rounded_tr.gif') no-repeat transparent;
}
.taxResultRoundedBox .sub2 {
	background:bottom right url('/environmentalinfo/images/white_rounded_br.gif') no-repeat transparent;
}
.taxResultRoundedBox .sub3 {
	background:bottom left url('/environmentalinfo/images/white_rounded_bl.gif') no-repeat transparent;
	padding:10px 13px 0 13px;
}

#newsletterSignupBox {
	width:212px;
	background:bottom left url('/environmentalinfo/images/signup_box_bottom.gif') no-repeat;
}

div.subHeading,
tr.subHeading td {
	background-color:#969696;
	padding:.4em 5px .5em 12px;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}
div.subHeading { margin-top: 1.5em; }
/******************* END UTILITY *******************/


/******************* LINK COLORS *******************/
/* green link colors */
a,
a:link, 
a:visited, 
a:active { color: #76B900; }
a:hover { color: #A1D93F; }

/* GE highlight link colors */
a.highlight,
a.highlight:link, 
a.highlight:visited, 
a.highlight:active { color: #ed8000; }
a.highlight:hover { color: #f4b366; }

/* 'seethru' class for 27x14 icons */
img.seethru {
	background-color:#76B900; /* adjust to current link default color */
	vertical-align:middle;
}
/******************* END LINK COLORS *******************/



/******************* TOOLTIP STYLES *******************/

/*********************************/
/**** Required Tool Tip Style ****/
/*********************************/
.tooltipDiv	{	
	visibility: hidden;
	position: absolute;
	top:0;
	left:0;
	z-index:1000;
}


/*****************************/
/**** supplemental styles ****/
/*****************************/
.tooltipDiv	{
	border:2px solid #cfcfcf;
	background:#ededed;
	padding:5px;
}

.tooltipDiv .tooltipTitle	{
	font-weight:bold;
	margin-bottom:10px;
}
/******************* END TOOLTIP STYLES *******************/




/******************* PICOGRAM I-FRAME STYLES *******************/
#picogramLookupBody,
#picogramLookupBody #document {
	background:#F1F8E5;
}
#picogramLookupBody #document {
	width:auto;
	margin:0;
}
#picogramLookupBody #lookupHeading span {
	font-weight:bold;
}
#picogramLookupBody #lookupInstructions {
	padding-top:7px;
	padding-bottom:2px;
}
#picogramLookupBody input {
	vertical-align:middle;
}
#picogramLookupBody #productcodeField {
	width:5em;
}
#picogramLookupBody #responseDiv {
	font-weight:bold;
	padding-top:15px;
}
/******************* END PICOGRAM I-FRAME STYLES *******************/



/******************* MASTHEAD & FOOTER *******************/
#masthead {
	width: 100%;
	margin-bottom:20px;
}
#masthead td {	vertical-align:bottom; }
#masthead .colA {}
#masthead .colB {
	text-align:right;
}

#footer {
	width:100%;
	margin-top:20px;
	border-top:1px solid #76B900;
	table-layout:fixed;
}
#footer td { padding-top:15px; }
#footer .colA {}

#footer .colA a,
#footer .colA a:link, 
#footer .colA a:visited, 
#footer .colA a:active {
	color: #666;
	text-decoration: none;
}
#footer .colA a:hover {
	color: #aaa;
	text-decoration:underline;
}

#footer .colB {
	width:250px;
	padding-top:9px;
	text-align:right;
}

#logos {	margin-top:40px; }
#logos img {
	vertical-align:middle;
	margin-right:17px;
}
/******************* END MASTHEAD & FOOTER *******************/



/******************* TOP NAV *******************/
#topNav {
	width:100%;
}
#topNav td {
	background:#76B900;
	vertical-align:top;
	font-weight:bold;
	padding:5px 0;
}

#topNav td.selected {
	background-color:#41610A !important;
}
#topNav a,
#topNav a:link, 
#topNav a:visited, 
#topNav a:active {
	color: #fff;
	text-decoration:none;
	display:block;
	text-align:center;
	width:100%;
	height:100%;
}
#topNav a:hover {
	text-decoration:underline;
}

#topNavLinks {
	padding: 8px 10px 15px 0;
	text-align:right;
	color:#76B900;
}

#popHeader {
	width:100%;
	color:#fff;
	background:#76B900;
}
#popHeader a {
	color:#fff;
}

#topNav .firstCol,
#popHeader .firstCol {
	background-image:url('/environmentalinfo/images/top_nav_bl.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-top:0;
}
#popHeader .firstCol div {
	padding:2px 10px;
	font-size:125%;
	font-weight:bold;
}
#topNav .firstCol div,
#popHeader .firstCol div {
	background-image:url('/environmentalinfo/images/top_nav_tl.gif');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:5px;
}
#topNav .lastCol,
#popHeader .lastCol {
	background-image:url('/environmentalinfo/images/top_nav_br.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-top:0;
}
#topNav .lastCol div,
#popHeader .lastCol div {
	background-image:url('/environmentalinfo/images/top_nav_tr.gif');
	background-position:top right;
	background-repeat:no-repeat;
	padding-top:5px;
}
#popHeader .lastCol div {
	padding:5px 10px;
	text-align:right;
}
/******************* END TOP NAV *******************/


/******************* LEFT NAV *******************/
#leftNav {
	width:165px;
}
#leftNav a,
#leftNav a:link, 
#leftNav a:visited, 
#leftNav a:active {
	display:block;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding:4px 0 4px 20px;
	text-decoration:none;
}
#leftNav a:hover { text-decoration:underline; }
#leftNav div { display:none; }
#leftNav div.navSubSet a {
	font-weight:normal !important;
	border-bottom:1px dotted #ccc !important;
	padding-left:40px !important;
}
#leftNav div.selected {	background:left .3em url('/environmentalinfo/images/leaf_bullet.gif') no-repeat; }
#leftNav div.selected.navSubSet { background-position: 20px .3em; }
#leftNav a.selected { color:#41610A; }
/******************* END LEFT NAV *******************/



/******************* LAYOUT TABLES *******************/
#primaryLayoutTable {
	width:100%;
	table-layout:fixed;
}
#primaryLayoutTable .leftNavCell { width:195px; }
#primaryLayoutTable #mainBodyCell {}
@media print {
	#primaryLayoutTable .leftNavCell { display:none; }
	#primaryLayoutTable #mainBodyCell { width:550px; }
}


/* Upper Bodies */
.upperBodyA,
.upperBodyB,
.upperBodyC
 {
	width:100%;
	table-layout:fixed;
}

.upperBodyA {
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.upperBodyA .colA,
.upperBodyA .colB {
	vertical-align:top;
	padding-bottom:15px;
}
.upperBodyA .colA { width:152px; }
.upperBodyA .colA img { border:1px solid #ccc; }
.upperBodyA .colB { padding-right:10px; }


.upperBodyB {
	width:100%;
	table-layout:fixed;
}
.upperBodyB .colA,
.upperBodyB .colB {
	vertical-align:top;
	padding-bottom:15px;
}
.upperBodyB .colA { padding-right:20px; }
.upperBodyB .colB { width:197px; }


.upperBodyC {
	width:100%;
	table-layout:fixed;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.upperBodyC .colA {
	vertical-align:top;
	padding-bottom:15px;
}
.upperBodyC .colB {
	width:260px;
	vertical-align:bottom;
	text-align:right;
}


/* Lower Bodies */
.lowerBodyA,
.lowerBodyB,
.lowerBodyC,
.lowerBodyD {
	width:100%;
	table-layout:fixed;
}
.lowerBodyA .colA,
.lowerBodyB .colA,
.lowerBodyC .colA,
.lowerBodyD .colA {
	padding-right:20px;
}
.lowerBodyA .colB { width:183px; }
.lowerBodyB .colB { width:202px; }
.lowerBodyC .colB { width:214px; }
.lowerBodyD .colB { width:272px; }/* near equal columns */


/* independent table heading */
div.indieTableHeading {
	font-weight:bold;
	border-bottom:1px solid #ccc;
	padding:2px 0;
}


/* thumb table (includes variation for print/digital ads page) */
.thumbTable {
	width:100%;
	table-layout:fixed;
}
.thumbTable td { padding-bottom:15px; }
.thumbTable .thumbCell { width:70px; }
.thumbTable .adThumbCell { width:110px; } /* for use on print/digital ads page */
.thumbTable .textCell{}
.thumbTable .thumbCell img,
.thumbTable .adThumbCell img {
	border:1px solid #ccc; /* to negate the border on the image there is a class of "noBorder" that can be applied directly to the image */
}


/* product table */
.productTable {
	width:100%;
	table-layout:fixed;
}
.productTable td {
	border-bottom:1px solid #ccc;
}
.productTable thead td {
	font-weight:bold;
	padding:2px 0;
}
.productTable .colA {
	width:70px;
	padding:4px 0;
}
.productTable .colA img {
	border:1px solid #ccc;
}
.productTable .colB {
	padding:2px 5px 4px 5px;
}
.productTable .colC {
	width:145px;
	padding:0 0 5px 10px;
	border-left:1px dashed #ccc;
}

.contactTable {
	margin-top:7px;
}
.contactTable td {}
.contactTable .colA { padding:.3em 10px 2px 1em; }
.contactTable .colA div {
	position:relative;
}
.contactTable .colB {
	padding-top:1px;
	padding-bottom:2px;
}
.contactTable .required {
	display:block;
	position:absolute;
	left:-1em;
}
.contactTable .longInput {	width:200px; }
/******************* END LAYOUT TABLES *******************/




/******************* DATA TABLES *******************/
tr.odd td { background:#f7f7f7; }
tr.even td { background:#ffffff; }

.dataTableOpen,
.dataTableClosed {
	width:100%;
}
.dataTableOpen td,
.dataTableClosed td {
	border-bottom:1px solid #ccc;
	padding:2px 5px;
}
.dataTableClosed td {
	border-right:1px solid #ccc;
}
.dataTableOpen thead td,
.dataTableClosed thead td	{
	vertical-align:bottom;
	font-weight:bold;
}

/* leedTable can be either the 2 or 3 column versions */
.leedTable { table-layout:fixed; }/* used in conjunction with 'dataTableOpen' */
.leedTable tr.subHeading td {
	background: 5px .9em  url('/environmentalinfo/images/square_bul_white.gif') no-repeat #969696;
}

.leedTable .colA {
	padding-left:12px;
}
.leedTable .colB {
	border-left:1px solid #ccc;
	width:87px;
}
.leedTable tbody .colB,
.leedTable tfoot .colB {
	text-align:center;
}
.leedTable .colC {/* optional */
	border-left:1px solid #ccc;
	width:127px;
}

.leedTable tfoot td {
	font-weight:bold;
	border-left:0 !important;
}
/******************* END DATA TABLES *******************/