/* Matchmaker 4.0 Dark Theme CSS by Josh Lizarraga */
/* Copyright 2010 Autofusion.com */

/* This CSS file simply changes colors (and sprite images) for dark-themed sites. */

/*******************

      base.css

********************/

/*

Reset and Global

*/

.mm4-asterisk {
	color: #ff0000 !important;
}

/*

Containers

*/

#mm4-container {
	color: #ffffff;
}

#mm4-container .mm4-navrow,
#mm4-container .mm4-disclaimer {
	border-bottom: 1px solid #4d4d4d;
}

#mm4-container .mm4-disclaimer {
	color: #4d4d4d;
}

#mm4-container .mm4-disclaimer:hover {
	color: #cccccc;
}

/*

Labels / UI Text / UI Separators / Etc.

*/

#mm4-container .mm4-navsep,
#mm4-container .mm4-navsep-single {
	border-left: 1px dotted #4d4d4d;
}

/*

Buttons

*/

#mm4-container .mm4-button {
	text-shadow: 0px 1px 0px #000000;
}

/* "plain" Buttons */

#mm4-container .mm4-button-plain {
	border: 1px solid #666666;
	color: #ffffff;
	background: url(../images/ui-sprite-dark.png) 0px 0px;
}

#mm4-container .mm4-button-plain:hover,
#mm4-container .mm4-button-plain:focus {
	border: 1px solid #999999;
	color: #ffffff;
	background: url(../images/ui-sprite-dark.png) 0px -50px;
}

#mm4-container .mm4-button-plain:active {
	background: url(../images/ui-sprite-dark.png) 0px -100px;
}

/* "bold" Buttons */

#mm4-container .mm4-button-bold {
	border: 1px solid #5c7a99;
	color: #cce5ff;
	background: url(../images/ui-sprite-dark.png) 0px -150px;
}

#mm4-container .mm4-button-bold:hover,
#mm4-container .mm4-button-bold:focus {
	border: 1px solid #7aa3cc;
	color: #cce5ff;
	background: url(../images/ui-sprite-dark.png) 0px -200px;
}

#mm4-container .mm4-button-bold:active {
	background: url(../images/ui-sprite-dark.png) 0px -250px;
}

/* "confirm" Buttons */

#mm4-container .mm4-button-confirm {
	border: 1px solid #70995c;
	color: #ddffcc;
	background: url(../images/ui-sprite-dark.png) 0px -300px;
}

#mm4-container .mm4-button-confirm:hover,
#mm4-container .mm4-button-confirm:focus {
	border: 1px solid #96cc7a;
	color: #ddffcc;
	background: url(../images/ui-sprite-dark.png) 0px -350px;
}

#mm4-container .mm4-button-confirm:active {
	background: url(../images/ui-sprite-dark.png) 0px -400px;
}

/* "cancel" Buttons */

#mm4-container .mm4-button-cancel {
	border: 1px solid #995c5c;
	color: #ffcccc;
	background: url(../images/ui-sprite-dark.png) 0px -450px;
}

#mm4-container .mm4-button-cancel:hover,
#mm4-container .mm4-button-cancel:focus {
	border: 1px solid #cc7a7a;
	color: #ffcccc;
	background: url(../images/ui-sprite-dark.png) 0px -500px;
}

#mm4-container .mm4-button-cancel:active {
	background: url(../images/ui-sprite-dark.png) 0px -550px;
}

/* "views" Buttons */

#mm4-container .mm4-button-views-large {
	background: url(../images/ui-sprite-dark.png) center -600px;
}

#mm4-container .mm4-button-views-large:hover,
#mm4-container .mm4-button-views-large:focus {
	background: url(../images/ui-sprite-dark.png) center -650px;
}

#mm4-container .mm4-button-views-large:active {
	background: url(../images/ui-sprite-dark.png) center -700px;
}

#mm4-container .mm4-button-views-small {
	background: url(../images/ui-sprite-dark.png) center -750px;
}

#mm4-container .mm4-button-views-small:hover,
#mm4-container .mm4-button-views-small:focus {
	background: url(../images/ui-sprite-dark.png) center -800px;
}

#mm4-container .mm4-button-views-small:active {
	background: url(../images/ui-sprite-dark.png) center -850px;
}

#mm4-container .mm4-button-views-list {
	background: url(../images/ui-sprite-dark.png) center -900px;
}

#mm4-container .mm4-button-views-list:hover,
#mm4-container .mm4-button-views-list:focus {
	background: url(../images/ui-sprite-dark.png) center -950px;
}

#mm4-container .mm4-button-views-list:active {
	background: url(../images/ui-sprite-dark.png) center -1000px;
}

/* "pagination" Buttons */

#mm4-container .mm4-button-pagination-first {
	background: url(../images/ui-sprite-dark.png) center -1050px;
}

#mm4-container .mm4-button-pagination-first:hover,
#mm4-container .mm4-button-pagination-first:focus {
	background: url(../images/ui-sprite-dark.png) center -1100px;
}

#mm4-container .mm4-button-pagination-first:active {
	background: url(../images/ui-sprite-dark.png) center -1150px;
}

#mm4-container .mm4-button-pagination-previous {
	background: url(../images/ui-sprite-dark.png) center -1200px;
}

#mm4-container .mm4-button-pagination-previous:hover,
#mm4-container .mm4-button-pagination-previous:focus {
	background: url(../images/ui-sprite-dark.png) center -1250px;
}

#mm4-container .mm4-button-pagination-previous:active {
	background: url(../images/ui-sprite-dark.png) center -1300px;
}

#mm4-container .mm4-button-pagination-next {
	background: url(../images/ui-sprite-dark.png) center -1350px;
}

#mm4-container .mm4-button-pagination-next:hover,
#mm4-container .mm4-button-pagination-next:focus {
	background: url(../images/ui-sprite-dark.png) center -1400px;
}

#mm4-container .mm4-button-pagination-next:active {
	background: url(../images/ui-sprite-dark.png) center -1450px;
}

#mm4-container .mm4-button-pagination-last {
	background: url(../images/ui-sprite-dark.png) center -1500px;
}

#mm4-container .mm4-button-pagination-last:hover,
#mm4-container .mm4-button-pagination-last:focus {
	background: url(../images/ui-sprite-dark.png) center -1550px;
}

#mm4-container .mm4-button-pagination-last:active {
	background: url(../images/ui-sprite-dark.png) center -1600px;
}

#mm4-container .mm4-button-page {
	color: #ffffff;
}

#mm4-container .mm4-button-page:hover,
#mm4-container .mm4-button-page:focus {
	border: 1px solid #999999;
	color: #ffffff;
	background: url(../images/ui-sprite-dark.png) 0px -50px;
}

#mm4-container .mm4-button-page:active {
	background: url(../images/ui-sprite-dark.png) 0px -100px;
}

#mm4-container .mm4-button-page-current {
	border: 1px solid #666666;
	background: #000000;
}

/* Details Gallery Buttons */

#mm4-container .mm4-button-details-video {
	background: url(../images/details-sprite-dark.png) no-repeat 0px 0px;
}

#mm4-container .mm4-button-details-video:hover,
#mm4-container .mm4-button-details-video:focus,
#mm4-container .mm4-button-details-video:active {
	background: url(../images/details-sprite-dark.png) no-repeat 0px -50px;
}

#mm4-container .mm4-button-details-360 {
	background: url(../images/details-sprite-dark.png) no-repeat 0px -100px;
}

#mm4-container .mm4-button-details-360:hover,
#mm4-container .mm4-button-details-360:focus,
#mm4-container .mm4-button-details-360:active {
	background: url(../images/details-sprite-dark.png) no-repeat 0px -150px;
}

/* Individual Button Styles */

#mm4-container .mm4-details-gallery-nav .mm4-button-pagination-previous {
	background: url(../images/ui-sprite-dark.png) center -1204px;
	_background: url(../images/ui-sprite-dark.png) center -1204px !important; /* IE6 */
}

#mm4-container .mm4-details-gallery-nav .mm4-button-pagination-next {
	background: url(../images/ui-sprite-dark.png) center -1354px;
	_background: url(../images/ui-sprite-dark.png) center -1354px !important; /* IE6 */
}

#mm4-container .mm4-button-share img {
	width: 0;
	height: 0;
	padding: 8px;
	background: url(../images/share-dark.png);
	overflow: hidden;
}

/*******************

     search.css

********************/

/*

Matches

*/

#mm4-container .mm4-match {
	border-bottom: 1px solid #4d4d4d;
}

#mm4-container .mm4-match:hover {
	background: #333333;
}

#mm4-container .mm4-match-large .mm4-match-images-thumbnail {
	border: 1px solid #cccccc;
	background: #000000;
}

#mm4-container .mm4-match-large .mm4-match-images-countcolor {
	border: 1px solid #4d4d4d;
	color: #cccccc;
	background: #000000;
}

#mm4-container .mm4-match-large .mm4-match-specs {
	color: #cccccc;
}

#mm4-container .mm4-match-large .mm4-match-msrp,
#mm4-container .mm4-match-large .mm4-match-price {
	color: #cccccc;
}

#mm4-container .mm4-match-large .mm4-match-savings,
#mm4-container .mm4-match-large .mm4-match-monthlypayment,
#mm4-container .mm4-match-large .mm4-match-dealerdiscount,
#mm4-container .mm4-match-large .mm4-match-dealerrebate,
#mm4-container .mm4-match-large .mm4-match-factoryrebate,
#mm4-container .mm4-match-large .mm4-match-dealersavings {
	color: #ff0000;
}

#mm4-container .mm4-match-large .mm4-match-extras-item-incentives span {
	border: 1px solid #666666;
	background: #000000 url(../images/ui-sprite-dark.png) 0px 20px;
}

#mm4-container .mm4-match-small .mm4-match-images-thumbnail {
	border: 1px solid #cccccc;
	background: #000000;
}

#mm4-container .mm4-match-small .mm4-match-images-countcolor {
	border: 1px solid #4d4d4d;
	color: #cccccc;
	background: #000000;
}

#mm4-container .mm4-match-small .mm4-match-specs {
	color: #cccccc;
}

#mm4-container .mm4-match-table {
	border-bottom: 1px solid #4d4d4d;
}

#mm4-container .mm4-match-table td {
	border-top: 1px dotted #4d4d4d;
}

#mm4-container .mm4-comments-popup-body {
	box-shadow: 0 0 5px #000000;
	-moz-box-shadow: 0 0 5px #000000;
	-webkit-box-shadow: 0 0 5px #000000;
}

/*******************

    advanced.css

********************/

/*

Containers

*/

#mm4-container #mm4-container-advanced {
	border-right: 1px solid #4d4d4d;
}

#mm4-container-advanced .mm4-advanced-section {
	border-bottom: 1px solid #4d4d4d;
}

/*

Sections

*/

#mm4-container-advanced .mm4-advanced-section h5 {
	color: #ffffff;
}

#mm4-container-advanced .mm4-advanced-intro {
	color: #cccccc;
}

#mm4-container-advanced .mm4-advanced-currentfilter-label {
	color: #cccccc;
}

#mm4-container-advanced .mm4-filterrow .mm4-uilabel {
	color: #cccccc;
}

#mm4-container-advanced .mm4-advanced-panel h6 {
	color: #ffffff;
}

#mm4-container-advanced .mm4-filterlink {
	color: #99ccff;
}

#mm4-container-advanced .mm4-filterlink span {
	color: #cccccc;
}

#mm4-container-advanced .mm4-filterlink:hover,
#mm4-container-advanced .mm4-filterlink:focus {
	color: #cce5ff;
}

/*******************

    compare.css

********************/

/*

Containers

*/

#mm4-container #mm4-compare-sidebar {
	border-right: 1px solid #4d4d4d;
}

/*

Sections

*/

#mm4-container .mm4-compare-section {
	border-bottom: 1px solid #4d4d4d;
}

#mm4-container .mm4-compare-section-heading {
	background: #333333;
}

#mm4-container .mm4-compare-intro {
	color: #cccccc;
}

/*

Faux Scroller

*/

#mm4-container .mm4-compare-fauxscroll-intro {
	color: #cccccc;
}

/*

Matches

*/

#mm4-container .mm4-compare-match {
	border-right: 1px solid #4d4d4d;
}

#mm4-container .mm4-compare-match-odd {
	background: #1a1a1a;
}

#mm4-container .mm4-compare-match:hover {
	background: #333333;
}

#mm4-container .mm4-compare-image {
	border: 1px solid #cccccc;
	background: #000000;
}

/*

Disclaimer

*/

#mm4-container .mm4-disclaimer {
	border-top: 1px solid #4d4d4d;
}

/*******************

    details.css

********************/

/*

Sections

*/

#mm4-container .mm4-details .mm4-details-section,
#mm4-container .mm4-details .mm4-details-incentive,
#mm4-container .mm4-details .mm4-match-extras {
	border-bottom: 1px solid #4d4d4d;
}

#mm4-container .mm4-details-pricing .mm4-match-msrp,
#mm4-container .mm4-details-pricing .mm4-match-price {
	color: #cccccc;
}

#mm4-container .mm4-details-pricing .mm4-match-savings,
#mm4-container .mm4-details-pricing .mm4-match-monthlypayment,
#mm4-container .mm4-details-pricing .mm4-match-dealerdiscount,
#mm4-container .mm4-details-pricing .mm4-match-dealerrebate,
#mm4-container .mm4-details-pricing .mm4-match-factoryrebate,
#mm4-container .mm4-details-pricing .mm4-match-dealersavings {
	color: #ff0000;
}

#mm4-container .mm4-details-specs .mm4-details-specs-row {
	color: #cccccc;
}

#mm4-container .mm4-details .mm4-phonelabel {
	color: #cccccc;
	text-align: center;
}

#mm4-container .mm4-details .mm4-phonevalue {
	color: #ff0000;
}

#mm4-container .mm4-details-address-row {
	color: #cccccc;
}

#mm4-container .mm4-details-address-row-name {
	color: #ffffff;
}

#mm4-container a.mm4-details-address-link {
	color: #ff0000;
}

#mm4-container .mm4-details-mapicon {
	background: url(../images/map-dark.png) no-repeat scroll -5px 0px transparent; 
}

#mm4-container .mm4-details-directions-body {
	border-top: 1px solid #4d4d4d;
}

#mm4-container .mm4-details-directions .mm4-details-form p {
	color: #cccccc;
}

#mm4-container .mm4-payment-table th {
	border: solid 1px #666;
	background-color: #111;
	text-align: center;
}
#mm4-container .mm4-payment-table td {
	border: solid 1px #666;
	text-align: center;
}

#mm4-container .mm4-payment-table td.active {
	background-color: #111;
}

/*

Gallery

*/

#mm4-details-sidebar .mm4-details-image {
	border: 1px solid #999999;
	background: #000000;
}

#mm4-details-sidebar .mm4-details-gallery-nav p {
	color: #333333;
}

#mm4-details-sidebar .mm4-details-thumbnails {
	border: 1px solid #4d4d4d;
}

/*

Tabs

*/

#mm4-container .mm4-details-tabs-tab {
	border: 1px solid #666666;
	color: #ffffff;
	text-shadow: 0px 1px 0px #000000;
	background: url(../images/ui-sprite-dark.png) 0px 0px;
}

#mm4-container .mm4-details-tabs-tab:hover,
#mm4-container .mm4-details-tabs-tab:focus {
	border: 1px solid #999999;
	color: #ffffff;
	background: url(../images/ui-sprite-dark.png) 0px -50px;
}

#mm4-container .mm4-details-tabs-tab:active {
	background: url(../images/ui-sprite-dark.png) 0px -100px;
}

#mm4-container .mm4-details-tabs-nav .mm4-active {
	border-bottom-color: #1a1a1a !important;
	color: #ffffff !important;
	background: #1a1a1a !important;
}

#mm4-container .mm4-details-tabs-content {
	border: 1px solid #666666;
	background: #1a1a1a;
}

#mm4-container .mm4-details-tabs-table tr:nth-child(odd) {
	background: #333333;
}

#mm4-container .mm4-details-tabs-lead .mm4-details-tabs-nav .mm4-active {
	border-bottom-color: #333333 !important;
	background: #333333 !important;
}

#mm4-container .mm4-details-tabs-lead .mm4-details-tabs-content {
	background: #333333;
}

#mm4-container .mm4-details-tabs-body .mm4-details-formintro {
	color: #cccccc;
}

#mm4-container .mm4-details-tabs-body a {
	color: #f2f2f2;
}

/*

Similar Vehicles

*/

#mm4-container .mm4-details-similar-result:hover,
#mm4-container .mm4-details-similar-result:focus {
	background: #333333;
}

#mm4-container .mm4-details-similar-image {
	border: 1px solid #cccccc;
	background: #000000;
}

#mm4-container .mm4-details-similar-yearmakemodel {
	color: #cccccc;
}

#mm4-container .mm4-details-similar-trim {
	color: #cccccc;
}

#mm4-container .mm4-details-similar-saleprice {
	color: #ff0000;
}

/*

Incentives

*/

#mm4-container .mm4-details-incentive a,
#mm4-container .mm4-details-incentive-rebate-value,
#mm4-container .mm4-details-incentive-finance-value,
#mm4-container .mm4-details-incentive-finance-comment {
	color: #ff0000;
}

#mm4-container .mm4-details-incentive-index {
	background: #ff0000;
}

#mm4-container .mm4-details-incentive-expiration,
#mm4-container .mm4-details-incentive-rebate-intro,
#mm4-container .mm4-details-incentive-finance-link {
	color: #cccccc;
}

/*

Overlay

*/

.mm4-details-overlay,
.mm4-details-overlay-bg {
	color: #ffffff;
}

.mm4-details-overlay-bg {
	background: #000000;
}

.mm4-details-overlay-content {
	border: 1px solid #666666;
	background: #1a1a1a;
}

.mm4-details-overlay-header {
	border-bottom: 1px solid #666666;
	background: url(../images/ui-sprite-dark.png) 0px 0px;
}

.mm4-details-overlay-close {
	border: 1px solid #995c5c;
	color: #ffcccc;
	text-shadow: 0px 1px 0px #000000;
	background: url(../images/ui-sprite-dark.png) 0px -450px;
}

.mm4-details-overlay-close:hover,
.mm4-details-overlay-close:focus {
	border: 1px solid #cc7a7a;
	color: #ffcccc;
	background: url(../images/ui-sprite-dark.png) 0px -500px;
}

.mm4-details-overlay-close:active {
	background: url(../images/ui-sprite-dark.png) 0px -550px;
}

.mm4-details-overlay-body-iframe {
	background: #ffffff;
}

.mm4-details-overlay-body a {
	color: #ff0000;
}

.mm4-details-overlay-disclaimer div.mm4-details-overlay-disclaimer-index {
	color: #ffffff;
	background: #ff0000;
}
