﻿
/*
div.BlackBackground
{
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
	background-color:Black;
	z-index:10000!important;
	display:none;
	padding-bottom:20px;
}

div.WhiteBackground
{
	background-color:White;
	width:588px;
	z-index:20000!important;
	position:absolute;
	top:0;
	left:0;
	display:none;
	padding:10px;
}

div.WhiteBackground div.CloseButton
{
	float:right;
	text-decoration:underline;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
}

div.WhiteBackground div.CloseButton span
{
	position:relative;
	top:-3px;
	left:-5px;
}
*/

#whiteBox
{
	color: #000;
}

span.Title
{
	display:block;
	clear:both;
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	padding-bottom:10px;
}

div.LeftSide
{
	width:240px;
	float:left;
	clear:left;
	padding-left:20px;
}
div.LeftSide span
{
	clear:left;
	display:block;
}
div.RightSide
{
	width:325px;
	float:right;
}
div.DataContainer
{
	clear:left;
	padding-top:20px;
}
div.DataContainer div.ViewingOptions
{
	font-size:12px;
	padding:0 0 5px 5px;
	color:#333333;
	font-weight:bold;
}

div.DataContainer input
{
	margin-bottom:20px;
}
table.Comparator
{
	width:100%;
	border:0;
}
table.Comparator td.Description
{
	width:50%;
}
table.Comparator tr.Header img
{
	padding:0 10px;
}
table.Comparator tr.Section td,table.Comparator tr.Item td,table.ComparatorRight td
{
	background-color:#fff!important;
	font-size:12px;
	color:#333333;
	padding:7px 5px;
	border:0;
	border-bottom:1px solid #D9D9D9;
}
table.ComparatorRight td.RightCell
{
	text-align:right!important;
	width: 100px;
}

tr.Section { font-weight: bold; text-transform: uppercase; }

div.arrow {color: #fff; font-weight: bold; padding: 3px 0 3px 3px; background-repeat: no-repeat; background-position: 0px 50%;}
.band-a {background: url(../Image/Eco2/a.gif)}
.band-b {background: url(../Image/Eco2/b.gif)}
.band-c {background: url(../Image/Eco2/c.gif)}
.band-d {background: url(../Image/Eco2/d.gif)}
.band-e {background: url(../Image/Eco2/e.gif)}
.band-f {background: url(../Image/Eco2/f.gif)}
.band-g {background: url(../Image/Eco2/g.gif)}
.band-h {background: url(../Image/Eco2/h.gif)}
.band-i {background: url(../Image/Eco2/i.gif)}
.band-j {background: url(../Image/Eco2/j.gif)}
.band-k {background: url(../Image/Eco2/k.gif)}
.band-l {background: url(../Image/Eco2/l.gif)}
.band-m {background: url(../Image/Eco2/m.gif)}

div.eco2 {background: url(../Image/common/eco_small.gif) no-repeat right 0; padding: 2px 0px 2px 0; cursor: pointer;}

td.eco2 {cursor: pointer;}