/* YELLOW ON BLACK Theme 100 */
/* ********************
Table of Contents
- A. Navigation
- B. Header
- C. Body
- D. Footer
**********************/

/*********************
 SITE STRUCTURE STYLES
 *********************/
	html {
		background-color: #000000;
	}
 
	body {
		background-color: #000000;
		font-family: arial;
	}

	#container-div {
		background-color: #000000;
	}

	#leftwing-td {
		background-image: url(/images/100/yellow-black/left-wing-bg.jpg);
		background-repeat: no-repeat;
		background-position: right 139px;
	}
	#leftwing-td div {}
	#rightwing-td {
		background-image: url(/images/100/yellow-black/right-wing-bg.jpg);
		background-repeat: no-repeat;
		background-position: left 197px;
	}
	#rightwing-td div { }

	.topShadow { display:none; }
	.bottomShadow { display:none; }	
	
/********************
	A. NAVIGATION
**********************/

	#navul #active-menu-item {
		background-image: url(/images/100/yellow-black/menu-over-bg.jpg);	
		color: #212e36;
	}

	#navul div  a.selected {
		color: #1AABD4;
	}
	
	#top-nav div {
		border-left: 1px solid #888888;
	}
	
	#top-nav li a {
		color: #1aabd4;
		font-family: arial;
	}

	#nav {
		background-image: url(/images/100/yellow-black/side-border.jpg);
	}
	
	#nav ul {
		background-image: url(/images/100/yellow-black/menu-notover-bg.jpg);
		width: 950px;
	}

	#nav li:over, #nav li.sfhover {
		background-image: url(/images/100/yellow-black/menu-over-bg.jpg);
		color: #c90915;	
	}

	#navul li .firstMItem {
		border: 0px;
	}
	
	#navul .topMItem {
		border-left: 1px solid #e8b255;
	}
	
	#navul .topMItem a {
		color: #ffffff;
		font-family: "MS Sans Serif",Arial;
		font-weight: bold;
	}

	#navul a:hover {
		background-image: url(/images/100/yellow-black/menu-over-bg.jpg);	
		color: #212e36;	
	}

	#navul .subMenuList {
		background-image: none;
	}
	
	#navul .subMenuList div {
		border-bottom: 1px solid white;
	}
	
	#navul .subMenuList a:hover {
		background-image: url(/images/100/yellow-black/menu-over-bg.jpg);
		background-color: #540000;
		color: #000000;	
	}	
	
	#navul .subMenuList a {
		background-color: #e8b255;
		color: #000000;
		font-family: arial;
	}

	#extra-menu {
		background-image: url(/images/100/yellow-black/menu-notover-bg.jpg);
		border-left: 1px solid white;
		color: white;
		font-family: arial;
	}
	
	#extra-menu a {
		color: white;
	}
	
	#login-menu {
		background-image: url(/images/100/yellow-black/menu-notover-bg.jpg);
		color: white;
		font-family: arial;
	}	
	
	#login-menu a {
		color: white;
	}
	
	.optionItem {
		color: #5c5c5c;
	}

	.optionItem-header {
		color: #5c5c5c;
	}	
/********************
	B. HEADER
**********************/
	#top-border {
		background-image: url(/images/100/side-border.jpg);
	}

	#header { 
		_height: 71px;
		background-image: url(/images/100/yellow-black/header-bg.jpg);
		background-position: bottom left;
		background-repeat: repeat-x;
		margin-left: 20px;
		width: 950px;
	}

	#header-message {
		color: #5c5c5c;
	}
	
	#company-logo { 
		margin-left: 0px;
	}
/********************
	C. CONTENT
*********************/
	#content-td .l2PageTextItem .clsHeading { 
		color:#ffffff;
	}
	
	#content-td .l2PageTextItem .content {
		color:#ffffff;
	}
	
	#content-td .l2PageTextItem {
		margin-bottom:10px;
	}

	#content-td .l2PageTextItem.QQ, #content-td .l2PageTextItem.QS, #content-td .l2PageTextItem.EF {
		border:1px solid #ffffff;
	}

	#content-td.sitemap .sitemapMenuLink {
		color: #E8B255;
	}
	
	#content-td.sitemap .content-text {
		color: #ffffff;
	}	

	#content-td.sitemap .content-title H1 {
		color: #ffffff;
	}

	#config-makes a:hover {
		border: 1px solid #000000;
	} 

	#schedule {
		background-color: white;
	}

	#content-table {
		background-image: url(/images/100/yellow-black/side-border.jpg);
	}

	#content {
		background-color: transparent;
	}
	
	#home-content-table td {
		font-family: arial;
	}
	
	#home-content-table .top-box {
		/*background-image: url(/images/100/home-content-bg.jpg);
		background-color: #efefef;
		border: 1px solid #ffffff;
		color: #333333;*/
	}	
	
	#home-content-table .middle-box {
		/*background-image: url(/images/100/home-content-bg.jpg);
		background-color: #efefef;
		border: 1px solid #ffffff;
		color: #333333;*/
	}
	
	#home-content-table .bottom-box {
		/*background-image: url(/images/100/home-content-bg2.jpg);
		background-color: #efefef;
		border: 1px solid #fff;
		color: #333333;		*/
	}
	
	#home-content-table H1 {
		color: #e91b2d;
		font-family: arial;
	}
	
	#text-content-table .content-title H1 {
		color: #ffffff;
	}	

	#text-content-table .content-text {
		color: #ffffff;
	}	
	
	#text-content-table td {
		color: #ffffff;
		font-family: arial;
	}
	
	#content-table {
		width:970px;
	}	
	
	#text-content-table .sqr-box {
	}
	
	#text-content-table .rec-box {
	}
	
	#text-content-table .large-box {
		background-color: #000000;
		background-image: none;
	}	
	
	#text-content-table H1 {
		color: #e91b2d;
		font-family: arial;
	}	
	
	#text-content-table #content {
		background-color: transparent;
	}	
	
	.generic-table td {
		background-color: #EFEFEF;
		font-family: arial;
	}

	.container-box td {
		font-family: arial;
	}	

	.sqr-box {
		background-image: url(/images/100/home-content-bg.jpg);
		background-color: #efefef;
		font-family: arial;
	}
	
	.bordered {
		border: 1px solid #cccccc;	
	}
	
	.large-box {
		background-image: url(/images/100/home-content-bg.jpg);
		background-color: #EFEFEF;
	}
	
	.bg {
		background-image: url(/images/100/home-content-bg.jpg);
		background-color: #efefef;	
	}
	
	.rec-box {
		background-image: url(/images/100/home-content-bg2.jpg);
		background-color: #efefef;
		font-family: arial;
	}
	
	.content-title {
		color: #2e3437;
		font-family: arial;
	}
	
	.content-text {
		color: #5c5c5c;
		font-family: arial;
	}
	
	#content h1 {
		color: #5c5c5c;
		font-family: arial;
	}
	
	#content h2 {
		color: #5c5c5c;
		font-family: arial;
	}	
	
	.form-header {
		background-image: url(/images/100/form-header-bg.jpg);	
		color: white;
		font-family: arial;
	}

	#content-td .formHeader {
		background-color: #000000;
		color: #fff;
	}	

	#content-td.form-page .content-title H1 {
		color: #2e3437;
	}	
	
	#page-text-td {
		background: none;
	}
	
	#content-td.sitemap a {
		color: #000000;
	}
	
	.formHeader {
		background-image: url(/images/100/yellow-black/menu-notover-bg.jpg);
	}	
	
	.tools-bg {
		background-repeat: no-repeat;
	}
	
#footer {
	background-image: url(/images/100/yellow-black/side-border.jpg);
	background-position: -0px -20px;	
}

#below-footer-content {
	border-top: 2px solid #e8b255;
	color: #e8b255;
	font-family: arial;
}

.footer-text1 {
	color: #e8b255;
	font-family: arial;
}

.footer-text1 td {
	color: #e8b255;
	font-family: arial;
}


.footer-text1 a {
	color: #e8b255;
}

.footer-text2 a {
	color: #e8b255;
	font-family: arial;
}

.footer-text2 li {
	color: #e8b255;
}

#project-links {
	border-top: 2px solid #e8b255;
}

#project-links a {
	color: #e8b255;
	font-family: arial;
}

.label, .disclaimer {
	/*color: #000000;*/
}

#carDetailsCarDesc {
	color: #000000;
}

#extended-description {
	color: #788793 !important;
}

/******************************************************
Vehicle Detail Background Colors
******************************************************/

.detailColorSet1 {	
	background-color: #666666;
}

.detailColorSet2 {	
	background-color: #999999;
}

.detailColorSet3 {	
	background-color: #cccccc;
}

.detailColorSet4 {	
	background-color: #646464;
}
/******************************************************
Vehicle Detail Table Shadows
******************************************************/

.detailRightShadow {
	background-image: url(/images/000/shdw_rt.gif);
}

.detailBottomShadow {
	background-image: url(/images/000/shdw_bot.gif);
}

/*****************************
	Inventory Page Styles 
******************************/

.invHeaderColumn { 
	background-color: #cccccc; 
	border-bottom: 4px solid #ffffff;
	color: #676767;
}
.invSortColumn {
	border-left: 3px solid #ffffff;
}

.invResultsColumn .selectedPage {
	color: #000000;
}

.invHeaderColumn A, .invHeaderColumn A:visited {
	color: #000000;
}
.invHeaderColumn A:hover { 
	color: #666666;
}
.invHeaderSelected {
	background-color: #999999;
	color: #ffffff; 
}

.invItem {
	color: #000000;
}

.invItem A, .invItem A:visited { 
	color: #609CDB; 
}
.invItem A:hover { 
	color: #609CDB; 
}

.invRowA TD {
	background-color: #eeeeee;
	border-bottom: 1px solid #eeeeee;
}
.invRowB TD {
	border-bottom: 1px solid #eeeeee;
}

.invRowA .invPriceColumn { 
	border-left: 3px solid #ffffff;
	border-right: 3px solid #eeeeee;
}

.invRowB .invPriceColumn { 
	border-left: 3px solid #eeeeee; 
	border-right: 3px solid #eeeeee;
}

.invItemOverview { 
	border-left: 3px solid #eeeeee;
}

.invSelected TD {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.invSelected TD.invPriceColumn {
	border-right: 1px solid #000000;
}

.invSelected TD.invItemOverview {
	border-left: 1px solid #000000;
}

/*****************************
	NEW Inventory Page Styles 
******************************/

#vehicle-list-container H1 {
	color: #5c5c5c;
	font-family: arial;
}

#vehicle-list-container span {
	font-family: arial;	
}

#vehicle-list-container .notice {
	color: #5c5c5c;
	font-family: arial;
}

#vehicle-list-container .right-col .top-box {
	border: 1px solid #ccc;
}

#vehicle-list-container .left-col {
	border: 1px solid #cccccc;
	background-color: #fff;	
}

#vehicle-list-container .right-col {
	border: 1px solid #cccccc;
}

#vehicle-list-container .right-col .top-box {
	background-color: #fff;
}

#inv-listing {
	background-color: #fff;
	border: 1px solid #ccc;
}

#inv-listing H2 {
	color: #858585;
	font-family: arial;
}

#car-current .car-name-td {
	background-color: #707070;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

#car-current .car-details-td span {
	color: #40ab30;
	font-family: arial;
}

#inv-car-name {
	color: white;
	font-family: arial;
}

#car-selection .car-name {
	background-color: #707070;
	border-bottom: 1px solid white;
	color: black;
}

#car-selection .inv-car-name {
	color: white;
}

#car-selection .car-info {
	color: #333;
}

#car-selection .car-image {
}

.page-control a.active-page {
	color: #b50404;
}

.page-control a {
	color: #40AB30;
}

.page-control SELECT {
	color: #575757;
	font-family: arial;
}

#tabs .label {
	border-top: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
	border-left: 1px solid #7a7a7a;	
	color: #565656;
}

#tabs .label a.disabled {
	color: #bbbbbb;
	font-family: arial;
}

#tabs .label a {
	color: #565656;		
}

#tab-body {
	background-image: url(/images/100/vehicle_list/tabs-box-bg.jpg) !important;
	background-color: white;
	border-left: 1px solid #cccccc;		
	border-right: 1px solid #cccccc;		
	border-bottom: 1px solid #cccccc;		
}

.active-tab-label {
	background-image: url(none) !important;
	background-color: #ddd !important;	
	border-top: 1px solid #6c6c6c;
	border-left: 1px solid #6c6c6c;
	border-right: 1px solid #6c6c6c;
}

.active-tab-label a {
	color: #565656 !important;
}

#graphical-tabs a {
	color: #9b9b9b;
}

.filter {
	font-family: arial;
}

.filter INPUT {
	font-family: arial;
}

.filter SELECT {
	font-family: arial;
}

.filter table SELECT {
	font-family: arial;
}

/******************************************************
Vehicle list table styles
******************************************************/
#carInfoTable .vehicle-container .info-links a {
	color: #40AB30;
}

#carInfoTable .vehicle-container .link a {
	font-family: arial;
}

#carInfoTable .vehicle-container .name {
	font-family: arial;
}

#carInfoTable .vehicle-container .msrp {
	font-family: arial;
}

#carInfoTable .data {
	font-family: arial;
}

#carInfoTable .details {
	font-family: arial;
}
#carInfoTable .detailsPrice {
	font-family: arial;
}

#carInfoTable .detail-view {
	font-family: arial;
}

#carInfoTable .detail-view H3 {
	font-family: arial;
}

#carInfoTable .detail-view span {
	font-family: arial;
}

#carInfoTable .dataTableRowAlt .detail-view H3 {
	font-family: arial;
}

.icon-over {
	border: 1px solid #000000;
}

#carInfoTable {
	color: #5c5c5c;
}

#carInfoTable a {
	color: #5c5c5c;
}

.dataTableRow .detail-view {
	background-color: #ffffff;
}

.dataTableRowAlt .detail-view {
	background-color: #DDDDDD;
}

.dataTableRow {
	background-color: #ffffff;
}

.dataTableRowAlt {
	background-color: #DDDDDD;
}

.tableSet {
	background-image: url(/images/100/yellow-black/menu-notover-bg.jpg);
	font-family: arial;
}

#carInfoTable .tableSet a  {
	color: #ffffff;
}

#carInfoTable .detail-hover span {
	font-family: arial;
}

.tableSet TD {
	border-right: 1px solid white;
	color: #ffffff;
}

.tableSet A {
	color: #ffffff;
}

.header {
	color: #666666;
}

.car-hover {
	background-color: #707070;
	color: #fff;
}

.detail-hover {
	background-color: #707070;
	color: #fff;
	font-family: arial;
}

.detail-hover H3 {
	font-family: arial;
}

.car-hover a span {
	color: #fff;
}

.item {
	color: #ddd;
}

#year-select {
	background-image: url(/images/100/vehicle_list/pop-up-bg.gif); 
	color: #5c5c5c;
	font-family: arial;
}

.list-search  {
	font-family: arial;
}

/**************************
	Old List Page
*********************/

#vehicle-list-content a {
	color: #ff0000;
}

#vehicle-list-content td a.text {
	color: #ffffff;
}

#vehicle-list-content .dataTableRow {
	background-color: #e8b255;
}

#vehicle-list-content .dataTableRowAlt {
	font: normal normal bold 12px "trebuchet MS";
		background-color: transparent;
}
#vehicle-list-content .data {
	font: normal normal bold 12px "trebuchet MS";
        color: #ffffff;  
}

#vehicle-list-content .header {
	color: #ffffff;
}

#vehicle-list-content a {
	color: #e5621f;
	text-decoration: none;
}

#content-table .vehicle-list-table form {
	color: #ffffff;
}

#vehicle-list-content .dataTable {
	color: #ffffff;
}

#vehicle-list-content .dataTable a {
	color: #E8B255;
}

#vehicle-list-content .content-text {
	color: #ffffff;
}

#vehicle-list-content .content-title h1 {
	color: #ffffff;
}

.detailBg1 {	
	background-color: #ffffff;
}

.colorSet2 {	
	background-color: #ffffff;
	color: #000000;
}

.colorSet6 {	
	color: #ffffff;
}

/********************
	F. DETAILS PAGE
*********************/
#details-page {
	font-family: arial;
}

#details-page H1 {
	font-family: arial;
}

#details-page H2 {
	font-family: arial;
}

#details-page #details-tab {
	background-color: #fff;
}

#details-page-tabs .label {
	background-image: url(none);
	background-color: #ffffff;
	border-top: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;
	border-left: 1px solid #7a7a7a;	
	color: #565656;
}

#details-page-tabs .label a {
	color: #565656;		
	font-family: arial;
}

#details-page-tabs #tab-body .group-name {
	font-family: arial;
}

#details-page-tabs #tab-body {
	background-image: url(/images/100/vehicle_list/tabs-box-bg.jpg) !important;
	background-color: white;
	border-left: 1px solid #cccccc;		
	border-right: 1px solid #cccccc;		
	border-bottom: 1px solid #cccccc;		
}

#details-page-tabs .active-tab-label {
	background-image: url(none) !important;
	background-color: #ddd !important;	
	border-top: 1px solid #6c6c6c;
	border-left: 1px solid #6c6c6c;
	border-right: 1px solid #6c6c6c;
}

#details-page-tabs .active-tab-label a {
	color: #565656 !important;
}

.detailSubSectionHeader {color: #666666;}

.options-name, .options-value, .options-price {
	font-family: arial;
}

#vehicles .similar-vehicle span, #vehicles .similar-vehicle div, #calculator-estpayment, #details-calculator, #mpg .mpg, #mpg, .overview-font, #overview {
	font-family: arial;
}

/********************
	F. Forms
*********************/
.generic-form, .generic-form input, .generic-form select, .generic-form textarea {
	font-family: arial;
}

/**************************
	Old List Page
*********************/

.dataTableRow, .dataTableRowAlt, .dataTable, .data, .colorSet2, .colorSet6  {
	font-family: arial;
}

#finance-calc-table .label {
	color: #ffffff;
}

/******************************************************
Vehicle Detail Specific Styles
******************************************************/

.detailSectionHeader, .detailBg1 {
	font-family: arial;
}

/******************************************************
Vehicle Detail Tabs
******************************************************/

.detailTabHeading {
	font-family: arial;
}

/******************************************************
Vehicle Detail Table Shadows
******************************************************/

.detailBorder input {
	font-family: arial;
}

/*****************************
	Home Quick Quote
******************************/
.quick-quote-header{
	color:#fff;
}
.quick-quote-label {
	color:#fff;
}

/****************************
	CONFIGURATOR QQ, QS AND EF
****************************/

#VehicleConfiguratorPage #content-table { width:990px; }