﻿@font-face {
    font-family: 'VWHeadlineBlack';
    src: url('vwhead01-webfont.eot');
    src: local('?'),
         url('vwhead01-webfont.woff') format('woff'),
         url('vwhead01-webfont.ttf') format('truetype'),
         url('vwhead01-webfont.svg#webfontcv20IkRQ') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'VWHeadlineBook';
    src: url('vwheadlb-webfont.eot');
    src: local('?'),
         url('vwheadlb-webfont.woff') format('woff'),
         url('vwheadlb-webfont.ttf') format('truetype'),
         url('vwheadlb-webfont.svg#webfontcKscVUQ3') format('svg');
    font-weight: normal;
    font-style: normal;
}

body
{
	font-family: VWHeadlineBlack, Arial;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

table tr td
{
	border-collapse: collapse;
	vertical-align: top;
	padding: 0px;
	margin: 0px;
}

td { background-position:expression(-this.offsetLeft); }

#divComparisonContainer
{
	background-image: url(../Images/Background_Compare_Top.png);
	background-repeat: no-repeat;
	width: 961px;
	height: 217px;
}

.competitorTrim
{
	padding: 0px 0px 15px 0px;
	font-family: VWHeadlineBook, Arial;
	font-size: 12px;
}

.emptyRow
{
	background-image: url(../Images/Background_EmptyRow.png);
	background-repeat: no-repeat;
	width: 961px;
	height: 11px;
	display: block;
}

.trimComparisonAlternatingItem
{
	background-image: url(../Images/Background_SpecItemAlt.png);
	background-repeat: repeat-y;
	padding: 8px 10px 8px 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	width: 961px;
	color: #32434c;
	display: block;
}

.trimComparisonItem
{
	background-image: url(../Images/Background_SpecItem.png);
	background-repeat: repeat-y;
	padding: 8px 10px 8px 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	width: 961px;
	color: #32434c;
	display: block;
}

.specItemGroup
{
	width: 961px;
	display: block;
}

.specItemGroupStyle1
{
	background-image: url(../Images/Background_Catagory.png);
	background-repeat: repeat-x;
	padding: 7px 0px 0px 0px;
	text-align: left;
	font-family: VWHeadlineBlack, Arial;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	width: 194px;
}

.specItemGroupStyle2
{
	background-image: url(../Images/Background_Catagory.png);
	background-repeat: repeat-x;
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-family: VWHeadlineBlack, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	width: 191px;
}

.specItemGroupStyle3
{
	background-image: url(../Images/Background_Catagory.png);
	background-repeat: repeat-x;
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-family: VWHeadlineBlack, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	width: 193px;
}

.specItemGroupStyle4
{
	background-image: url(../Images/Background_Catagory.png);
	background-repeat: repeat-x;
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-family: VWHeadlineBlack, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	width: 193px;
}

.specItemGroupStyle5
{
	background-image: url(../Images/Background_Catagory.png);
	background-repeat: repeat-x;
	padding: 2px 0px 0px 0px;
	text-align: center;
	font-family: VWHeadlineBlack, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #FFFFFF;
	width: 190px;
}

.specItemStyle
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	width: 184px;
}

.specValueStyle2
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;	
	width: 193px;
}

.specValueStyle4
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;	
	width: 190px;
}

.centralTrimSpecValueItemStyle
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	font-weight: bold;
	width: 191px;
}

.centralTrimSpecValueAlternatingItemStyle
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	font-weight: bold;
	width: 191px;
}

.alternatingTrimSpecValueItemStyle
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	width: 193px;
}

.alternatingTrimSpecAlternatingItemStyle
{
	padding: 10px;
	text-align: left;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	width: 193px;	
}

.dataListCentralTrimItemStyle
{
	padding: 10px 20px 0px 30px;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	text-align: left;		
	color: #32434c;
	width: 190px;
}

.dataListItemStyle
{
	padding: 10px 20px 0px 30px;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	text-align: left;	
	color: #32434c;
	width: 190px;
}

.dataListAlternatingItemStyle
{
	padding: 10px 20px 0px 30px;
	font-family: VWHeadlineBook, Arial;
	font-size: 11px;
	text-align: left;	
	color: #32434c;
	width: 190px;
}

.table_container
{
	width:420px;
}
/**
 * CSS for fancy drop downs jQuery Plugin
 **/
select {
	display: none;
}

.disabled {
	cursor: default;
	filter: alpha(opacity=30); 
	opacity: .3
}

.select_input {
	border:1px solid #cfd7da;
	height:28px;
	display:table-cell !ie; 
	display:inline-block;  
	*display:inline;  
	zoom:1;
	vertical-align:top;
	padding-left:3px;	
	font-size:12px;
	font-weight:100;
	font-family:VWHeadlineBook, Arial;
	cursor: pointer;
}

div.select_input {
	background-color:white;
	height:25px;
	margin-bottom: 8px;
	line-height: 2em;
}

div.disabled {
	color: #CCCCCC;
}

div.size_1 {
	width: 75px;
}

div.size_2 {
	width: 126px;
}

div.size_3 {
	width: 336px;
}

div.size_4 {
	width: 63px;
}

div.size_5 {
	width: 126px;
}

div.size_6FR {
	width: 306px;
}

div.size_7FR {
	width: 306px;
}

div.size_6 {
	width: 313px;
}

div.size_7 {
	width: 313px;
}

div.size_8 {
	width: 100px;
}

div.size_9 {
	width: 125px;
	white-space:nowrap;
}

.select_arrow {
	display:table-cell !ie; 
	display:inline-block;  
	*display:inline;
	zoom:1;
	vertical-align:top;
	border:0px;
}

.select_list {
	display:none;
	position:absolute;
	z-index:10001;
	background-color:white;
	border-width:0px 1px 1px 1px;
	border-style:solid;
	border-color:#cfd7da;
	margin-top:-2px !ie;
	margin-left:-1px !ie;
	max-height: 300px;
	overflow-y:auto;
	overflow-x:hidden;
	cursor:pointer;
	max-height:250px;
}
.very_short_list
{
	max-height:90px;
}
.short_list
{
	max-height:150px;
}
.medium_list
{
	max-height:205px;
}
.select_list .inline {
	vertical-align:top;
}
.select_list a {
	display:block;
	color:#000;
	text-decoration:none;
	font-family:VWHeadlineBook, Arial;
	font-size:12px;
	font-weight:100;
	padding:0;
	margin:0;
	padding:5px 15px;
}
.select_list a:hover{
	background-color:#1a73ae;
	color:#fff;
}
/**
 * This is a fix for IE7. It does not match any element in the document, 
 * but the above rule (.select_list a:hover) will not fire without this one.
 **/
#thisDoesNotMatchAnyID:hover
{
	background-color:#1a73ae;
	color:#fff;
}

/**
 * CSS for selectbox jQuery Plugin
 **/
div.selectbox-wrapper {
  position:absolute;
  width:100px;
  background-color:white;
  border-right:1px solid #cfd7da;
  border-left:1px solid #cfd7da;
  border-bottom:1px solid #cfd7da;
  margin:0px;
  margin-top:-13px;
  padding:0px;
  text-align:left;
  overflow:auto;
  font-family:VWHeadlineBook, Arial;
  font-size:12px;
  color: #000;
}

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
  color: #000;
}

div.selectbox-wrapper ul li.selected {
}

div.selectbox-wrapper ul li.current {
  background-color:#1a73ae;
  color:#FFF;
  padding:5px 15px;
}

div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  padding:5px 15px;
  color: #000;
}

.selectbox {
  margin: 0px 5px 10px 0px;
  padding-left:5px;
  font-weight:100;
  font-family:VWHeadlineBook, Arial;
  font-size:12px;
  width: 150px;
  display : block;
  text-align:left;
  background: url('../Images/Background_DropDown.png') no-repeat;
  cursor: pointer;
  border:0px;
  height:28px;
  line-height:2em;
  color: #000;
}

/**
 * CSS for ezMark jQuery Plugin
 **/
.ez-hide { opacity: 0; filter:alpha(opacity=0); }
.ez-checkbox {
	background: transparent url('../Images/checkbox_off.png') 0 1px no-repeat;
	display:inline-block;  
	*display:inline;
}

.ez-radio {
	background: transparent url('../Images/radio_black.png') 0 1px no-repeat;
	display:inline-block;  
	*display:inline;
}
.ez-checkbox, .ez-radio { zoom: 1; *display:inline; _height:30px; }
.ez-checked {
	background: transparent url('../Images/checkbox_on.png') 0 1px no-repeat;
	display:inline-block;  
	*display:inline;
}
.ez-selected { background-position: 0 -19px; }












