form {
margin:0;
padding: 0;
}
body {
background-color: #eee;
padding: 0;
margin: 0;
}
div#container { /* DO NOT CHANGE DEFINITION!!! JS in Compare.html refers to this rule ! */
background-color: #eee;
padding: 0px;
margin: 0 auto;
width: 100%;
height: 250px; /* max height on 1024x768 screen */
position: relative;
}
div.tableContainer { /* DO NOT CHANGE DEFINITION!!! JS in Compare.html refers to this rule ! */
margin:0 ;
overflow-x:auto;
overflow-y:auto;
text-align:left;
height: 240px; /* max height on 1024x768 screen */
width: 100%;
}
.hghead {
color:#00A2E5;
font-family:Arial,Helvetica;
font-size:18px;
font-weight:normal;
letter-spacing:0.5px;
line-height:22px;
padding:10px;
}
table {
background-color:#F7F7F7;
border:1px solid #FFFFFF;
overflow-y:auto;
}
table > tbody { /* DO NOT CHANGE DEFINITION!!! JS in Compare.html refers to this rule ! */
height:290px; /* max height on 1024x768 screen */
overflow-x:hidden;
overflow-y:auto;
text-align:center;
}
thead tr {
height:90px;
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
left: 0;
}
thead td, thead th {
background-color:#000;
color:#000000;
font-size:12px;
font-weight:bold;
text-align:center;
}
td {
border-bottom:1px solid #FFFFFF;
border-left:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Arial,Hevetica,Sans serif;
font-size:10px;
padding:2px;
text-align:center;
}
tbody td.feat {
    width: 110px;
}
td.feat {
background-color:#000;
color:#e4e4e4;
text-align:left;
}
tbody td.holo {
width: 100px;
}
td.holo {
background-color:#00a2e5;
color: #fff;
}
tbody td.stereo {
width: 100px;
}
td.stereo {
background-color:#656565;
color:#FFFFFF;
}
tbody td.auto {
width: 65px;
}
td.auto {
background-color:#8b8b8b;
}
tbody td.volume {
width: 70px;
}
td.volume {
background-color:#afafaf;
}
tbody td.holog {
width: 100px;
}
td.holog {
background-color:#cfcdcd;
color: #000;
}
table tfoot tr { 
overflow-x:hidden;
position:relative;
/* parentNode.parentNode = table, offsetParent = div.tableContainer */
/* if table higher than tableContainer: move tfoot to the bottom of tableContainer visible area */
/* if table wider then tableContainer (aka there is a horizontal scrollbar): move tfoot even 16px higher (otherwise scrollbar covers it) */
top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop - (parentNode.parentNode.offsetWidth >= offsetParent.offsetWidth ? 16 : 0) : 0);
}

tfoot td {
background-color:#AAE1FF;
border-top:1px solid #6E6E6E;
color:#004D77;
font-size:10px;
font-weight:bold;
text-align:center;
}
td:last-child {
padding-right:20px;
}
td.stereo {
display: table-cell;
}
td.auto {
display: table-cell;
}
td.volume {
display: table-cell;
}
td.holog {
display: table-cell;
}

div.selectors {
font-family:Arial,Helvetica;
font-size: 12px;
}

div.selectors a{
font-family:Arial,Helvetica;
font-size: 12px;
color:#00A2E5;
}

/*
label.holog {
background-color:#cfcdcd;
}
label.stereo {
background-color:#656565;
}
label.auto {
background-color:#8b8b8b;
}
label.volume {
background-color:#afafaf;
}
*/


div.selectors {
    display: none;
}

div.hghead {
    display: block;
}