.product {
	float:left;
	padding: 5px;
	border: 0px solid #687C98;
	font: normal 13px/14px Arial, Helvetica, Verdana, sans-serif;
}

.button {
	font: normal 14px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #887fb8;
	padding-top: 200px;
	width: 350px;
	margin-left: 200px;
	border: 1px solid #687C98;
}

#innerwrapper {
	position:relative;
	margin: 0 auto;
	border:2px solid #f3f3fc;
	width: 750px;
	background-color:#faf9fd;
}

.comm {
	width: 900px;
	Xheight: 100%;
	margin: 0 auto;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #5a4ba6;
}
.comm img { border:none; }
.comm a:hover {
	background-color:inherit;
}

.comm #leftcolumn {
	width:230px;
 }
.comm #leftcontent {
	margin:12px 0 0 0;
	border: 1px solid #b7b3c0;
	padding: 0px 0px 20px 0px;
	min-height: 435px;
	background-color: #dde;
	text-align:center;
	overflow: hidden;
}
.comm #leftcontent > * {
	text-align:left;
}
.comm #leftcontent > img {
	margin:0 auto;
 }
.comm #leftcontent h1 {
	text-align: left;
	font: bold 12px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #4d4c51;
	margin-left: 11px;
	margin-top: 8px;
}
.comm #leftcontent h2 {
	text-align: left;
	font: normal 11px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #4d4c51;
	margin-left: 11px;
	margin-top: 5px;
}
.comm #leftcontent h3 {
	margin: 15px 25px 5px 11px;
	text-align: center;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	color: #227;
}
.comm #leftcontent h4 {
	margin: 15px 25px 5px 21px;
	text-align: left;
	font: bold 13px Arial, Helvetica, Verdana, sans-serif;
	color: #557;
}
.comm #leftcontent hr {
	margin:15px 30px 5px 18px;
	height:0;
	border:solid 1px #99c;
}
.comm #leftcontent ul {
	list-style:none;
	margin: 15px 15px 8px 30px;
	padding:0;
	text-indent: -0.67em;
	text-align: left;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	color: #557;
}
.comm #leftcontent ul li {
	margin-bottom:10px;
}
.comm #leftcontent ul li:before {
	content:"- ";
}
.comm #leftcontent > p {
	padding: 12px 23px 0 20px;
	text-align: center;
	font: normal 11px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #4d4c51;
}
.comm #leftcontent a {
	color: #55a;
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
}
.comm #leftcontent > a:first-child {
	padding-left: 20px;
}

.info {
	text-align: left;
	font: normal 11px/12px Arial, Helvetica, Verdana, sans-serif;
	color: #4d4c51;
	margin-left: 11px;
	margin-top: 5px;
	margin-bottom: 20px;
}

.goal {
	float: left; /* since this element is floated, a width must be given */
	border-top: 1px solid #b7b3c0;
	border-bottom: 1px solid #b7b3c0;
	padding: 0px 0px 20px 0px;
	width: 228px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background-color: #eef;
	text-align:left;
}
#leftcontent .goal h1, #leftcontent .goal h2 {
	color:#666;
}
#leftcontent .goal h2 {
	float:left;
	margin-top:0;
	margin-bottom:0.2em;
}
#leftcontent .goal .thegoal {
	line-height:1em;
	letter-spacing:1px;
	font-weight:bold;
	font-size:175%;
}
#leftcontent .goal .goaldesc {
	margin-left:0.5em;
	line-height:1.75em;
	font-size:67%
}
#leftcontent .goal .goaldesc sub {
	top:0;
}
.goal table {
	margin:0 auto;
	padding:0;
	border-collapse: collapse;
	background-color: #e0e0ff;
	color: #666;
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
}
.goal > table {
	border: #999 1px solid;
}
.goal table table {
	border-bottom: #999 1px solid;
}
.goal tr {
	margin:0;
	padding:0;
}
.goal td {
	margin:0;
	padding:0;
}
.goal table table td {
	padding:1px;
	width:2;
	height:15px;
}
.goal .goalmet {
	background-color: #aad;
}

.comm #rtContent {
	position:absolute;
	width: 600px;
	min-height: 525px;
	top: 7px;
	left: 235px;
/*	float:left;
	width: 600px;
	min-height: 525px;
	margin-left: 235px;
   padding-top:3px;*/
}
.comm #rtContent #postits {
	margin:1px 0 0 25px;
	height:70px;
}
.takeaction {
	height: 196px;
	margin: -4px 0 0 27px;
	background: url("/themes/eco/resources/img/takeactionbg.gif") repeat-y;
}
#takeactionblurb {
	margin:0 115px 2px 166px;
	padding:54px 0 0 0;
	font: normal 12px Arial, Helvetica, Verdana, sans-serif;
	line-height:1.2em;
}
.takeactionbutton {
	margin:0;
	border: 0px solid #687C98;
	padding: 0px 35px 0px 19px;
}
.takeactionbutton a {
	margin-left:-5px;
}

#ecokits {
	background: url("/themes/eco/resources/img/footprintbg2.gif") no-repeat top left;
}

.glidecontentwrapper {
	position: relative; /* Do not change this value */
	margin-top:-13px;
	margin-left:7px;
	width: 523px;
	height:212px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}

.lower-better {
	position:relative;
	top:176px;
	left:280px;
	z-index:1001; /* needs to be well above 100, the initial z-index of the gliders */
	color:#fff;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
}

.glidecontent { /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	padding: 0px;
	visibility: hidden;
}
.glidecontent h1 {
	font: normal 30px/30px Arial, Helvetica, Verdana, sans-serif;
	color: #5a4ba6;
	padding: 5px;
	margin-left: 360px;
	margin-top: 40px;
}
.glidecontent h2 {
	font: normal 20px/20px Arial, Helvetica, Verdana, sans-serif;
	color: #5a4ba6;
	padding: 5px;
	width: 350px;
	margin-left: 360px;
	margin-top: 90px;
}
.glidecontent p {
	font: normal 14px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #5a4ba6;
	padding: 15px;
	width: 350px;
}
.glidecontent #usethecc {
	margin:0; /* screws up the container layout otherwise */
	padding: 35px 39px 15px 52px;
	font: normal 16px Arial, Helvetica, Verdana, sans-serif;
}
.glidecontent .lonebutton {
	margin-left: 40px;
}

.glidecontenttoggler { /*style for DIV used to contain toggler links. */
	margin-left: 33px;
	text-align: left;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
.glidecontenttoggler a { /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	position:relative;
	z-index:1001; /* needs to be well above 100, the initial z-index of the gliders */
	border-right: 2px solid #b7b3c0;
	color: #5a4ba6;
	padding: 6px 10px 0px 10px;
	height:20px;
	/*width:112px;*/
	background: #d4ccf4;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
}
.glidecontenttoggler a:link, .glidecontenttoggler a:visited {
	text-decoration: none;
}
.glidecontenttoggler a.selected { /*style for selected page's toggler link. ".selected" class auto generated! */
	background: #eae7f6;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	color: #5a4ba6;
	border-right: 2px solid #b7b3c0;
}
.glidecontenttoggler a:hover {
	background: #d4ccf4;
	font: bold 12px Arial, Helvetica, Verdana, sans-serif;
	border-right: 2px solid #b7b3c0;
	color: #ffffff;
}

/*
.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
	/*background: #bad4a7;
	color: white;
	border: none;
}
*/

.glidedfootprint {
	width: 513px;
	height:209px;
}
.glidecontent a:link, .glidecontent a:visited {
	color:#777;
}
.glidecontent table {
	border-collapse: collapse;
	vertical-align: middle;
	table-layout: fixed;
	margin-top:16px;
	width: 100%;
	height: 100%;
	text-align:left;
	color:#777;
}
.glidecontent th, .glidecontent td {
	padding:0;
}
.glidecontent th {
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
}
.glidecontent thead th, .glidecontent td {
	text-align:center;
}
.glidecontent thead th {
	border-bottom:#fcfcfc solid 2px;
	padding-bottom:5px;
	vertical-align:bottom;
}
.glidecontent tbody th {
	border:#fcfcfc solid 2px;
	border-left:none;
}
.glidecontent tbody th, .glidecontent tfoot th {
	padding-left:13px;
}
.glidecontent tbody td {
	border:#fcfcfc solid 2px;
	border-right:none;
	border-left:none;
	font: bold italic 20px Arial, Helvetica, Verdana, sans-serif;
}
.glidecontent td:first-child {
	border:none;
}
.glidecontent td img {
	margin-left:3px;
	padding-bottom:1px;
}
.glidecontent .bigtxt {
	font: bold 28px Arial, Helvetica, Verdana, sans-serif;
	color:#999;
}
.glidecontent .biggertxt {
	font: bold 34px Arial, Helvetica, Verdana, sans-serif;
	color:#66a;
}