﻿/* inventoryStyle.css */
/* ----------------------------------------------
 * Inventory Styles
 *  To overwrite styles, target the element by the surrounding .InvContainer and its class/tag
 ---------------------------------------------*/

.InvContainer {font: normal 11px Trebuchet MS, Arial, sans-serif;color:#000;}
    .InvContainer h4, .InvContainer h4 small{font-family:Trebuchet MS, Arial, sans-serif;font-weight:normal;color:#000;}
    .InvContainer select {font: normal 10px Trebuchet MS, Arial, sans-serif;font-size: 1.0rem;}
    .InvContainer form.nice div.form-field input, .InvContainer form.nice input.input-text, .InvContainer form.nice textarea { font-size: 10px;font-size: 1.0rem;}
    .InvContainer ul.inline li,  #PaginationBottom li {display:inline-block;*display: inline; *zoom:1;}
    .InvContainer .uppercase {text-transform:uppercase;}
    .InvContainer ul, .InvContainer li, .InvContainer p, .InvContainer form {margin-bottom:0;}
    .InvContainer p{font-size:12px;}
   .InvContainer p.phoneNumber { color: #369; }

/* -------Header---------- */
.InvContainer #hdrBoxALL{margin-bottom:10px;}
.InvContainer #InvTitleArea {font-size:20px;font-weight:normal;text-transform: uppercase;}
    .InvContainer #InvTitleArea .srchTitleType{color: #369;}
    .InvContainer #InvTitleArea .srchTitle{color:#000;}


/*-------------------------------------------
 * Header Select Boxes and Views
 -------------------------------------------*/
.InvContainer #PaginationTop{padding: 10px 0;}
.InvContainer select#ItemsPerPageSelect{margin:8px 0 0 0;}
.ItemsPerPageLabel {display: none;}
.SortByLabel{float:left;font-size:11px;margin:0 3px 0 0;}

.InvContainer #SortViewBox {background: #EEE;border: 1px solid #A1B3B0;}
    .InvContainer #ViewType li, .InvContainer #SortViewBox li{margin-bottom:0;}

#ViewType {padding:6px 10px;}
#SortBySelect {margin-bottom:0;}
.invSort {padding:10px;}
.InvResultsItem.gryBox { margin-bottom: 10px; overflow: auto; }

/* PrintShare */
.InvContainer #PrintShare {padding-top:6px;font-weight:bold;}
    .InvContainer #PrintShare a {color:#000;font-weight:normal;}
    .InvContainer #PrintShare .headerShare {padding-right:24px;}

/* No Results Found */
.InvContainer .NoResultsFound {font-family:Verdana, sans-serif; font-weight:bold;padding:0 0 10px 10px;font-size:18px;}

#InvResultsSearchFilterBtnsSide li {font-size: 10px;}

/*-------------------------------------------
 * Look and Feel
 -------------------------------------------*/
/* Grey boxes */
.InvContainer .gryBox{border: 1px solid #A1B3B0;background: #EEE;}

 /*Special Listings (Green)*/
.InvContainer .special  {background: url('images/invGreenBg.png') repeat-x 0 0 #CEF2A9;}
.InvContainer .special .InvResultsItemHdr  {background: url('images/invBgSprites.png') repeat-x 0 -1150px #ecedeb;}

/* Fnacy Input */
.InvContainer input[type="text"] {background:url(images/invBgSprites.png) repeat-x  0 -400px  #fff;}
.InvContainer #sideBoxALL label{font-size:11px;font-weight:bold;}

/*-------------------------------------------
 * Buttons
 -------------------------------------------*/
/* Buttons */
.InvContainer .button.green {
    background: url(images/invBgSprites.png) repeat-x 0 -200px;
    border-radius: 5px;
    font-weight: normal;
    font-size: 12px;
    padding: 0px 10px 0px;
    -webkit-text-shadow: 1px 1px 1px #244623;
    text-shadow: 1px 1px 1px #244623;
    border: solid 1px #476660;
}
    .InvContainer .button.green.smIcon {padding: 4px 12px 3px;background-position:0 -300px;}
    .InvContainer .button.green.normal {padding: 5px 16px 5px;border: none;background-position:0 -300px;}
    .InvContainer .button.green:hover {background:#369;}

/*-------------------------------------------
 * BG and Sprites for Inventory
 -------------------------------------------*/
/* 35 x 25 */
.invIcon {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 35px;
    height: 25px;
    cursor: pointer;
    vertical-align:middle;
    background:url(images/invSprites.png) no-repeat;
}
/* Care Wrapper Compare */
.invIcon.compare{background-position: -35px -225px;position:absolute;top:0; right:0;margin-top:2px;}

.invIcon.added {background-position: -35px -25px;}
.invIcon.contact {background-position: -70px -25px;}
.invIcon.comments {background-position: -105px -25px;}
.invIcon.quote {background-position: -140px -25px;}
.invIcon.apply {background-position: -175px -25px;}
.invIcon.evaluate {background-position: -210px -25px;}
.invIcon.name {background-position: -245px -25px;}
.invIcon.sticker {background-position: -280px -25px;}
.invIcon.interested {background-position: -315px -25px;}

/* Show Only Button */
#InvResultsSearchFilterBtnsSide .invIcon{width:25px;}

/* Side Bar Icons */
.invIcon.comment {background-position: -111px -175px;}
.invIcon.video {background-position: -146px -175px;}
.invIcon.photo {background-position: -181px -175px;}
.invIcon.special {background-position: -41px -175px;}
/* Hover */
.invIcon.comment:hover {background-position: -321px -175px;}
.invIcon.video:hover {background-position: -356px -175px;}
.invIcon.photo:hover {background-position: -391px -175px;}
.invIcon.special:hover {background-position: -251px -175px;}

.invIcon.startOver {background-position: -36px -200px;width: 28px;}
.invIcon.searchWhite {background-position: -70px -200px;}
.invIcon.search {background-position: -110px -200px;}
.invIcon.checkbox {background-position: -70px -175px;}
.invIcon.Plus {background-position: -350px -75px;}
.invIcon.Minus {background-position: -280px -75px;}
.invIcon.roll {background-position: -210px -175px;}
/* Hover */
.invIcon.startOver:hover {background-position: -211px -200px;}
.invIcon.searchWhite:hover {background-position: -245px -200px;}
.invIcon.search:hover {background-position: -284px -200px;}
.invIcon.checkbox:hover {background-position: -280px -175px;}
.invIcon.Minus:hover {background-position: -315px -75px;}
.invIcon.roll:hover {background-position: -420px -175px;}

/* Date */
.invIcon.date {background-position: -70px -50px;}

/* Social Buttons */
.invIcon.share {background-position: -110px -75px;}
.invIcon.print {background-position: -78px -75px;}
/* Hover */
.invIcon.share:hover {background-position: -251px -75px;}
.invIcon.print:hover {background-position: -218px -75px;}

/* View Types */
.invIcon.Spreadsheet {background-position: -182px -100px;}
.invIcon.Grid {background-position: -217px -100px;}
.invIcon.Block {background-position: -252px -100px;}
.invIcon.Classified {background-position: -287px -100px;}
/* Hover */
.invIcon.Spreadsheet:hover, .active .invIcon.Spreadsheet {background-position: -42px -100px;}
.invIcon.Grid:hover, .active .invIcon.Grid {background-position: -77px -100px;}
.invIcon.Block:hover, .active .invIcon.Block {background-position: -112px -100px;}
.invIcon.Classified:hover, .active .invIcon.Classified {background-position: -147px -100px;}

/* Car Photo Icons */
.invIcon.MediaPhotos {background-position: -179px -175px;}
.invIcon.Media360 {background-position: -215px -175px;}
.invIcon.MediaVideos {background-position: -145px -175px;}
.invIcon.MediaComments {background-position: -108px -175px;}

.MediaPhotos, .Media360, .MediaVideos,.MediaComments  {width:25px;}
/* Sets width specifically for these icons */
.invIcon.Spreadsheet, .invIcon.Grid, .invIcon.Block, .invIcon.Classified, .invIcon.share, .invIcon.print {width:21px;}

/* Details Tabs */
.invIcon.photos {background-position: -175px -125px;}
.invIcon.rotate {background-position: -210px -125px;}
.invIcon.videos {background-position: -245px -125px;}
.invIcon.features {background-position: -280px -175px;}
.invIcon.options {background-position: -245px -175px;}
.invIcon.reviews {background-position: -315px -175px;}
.invIcon.awards {background-position: -210px -150px;}
/* Hover */
.invIcon.photos:hover, .active .invIcon.photos {background-position: -35px -125px;}
.invIcon.rotate:hover, .active .invIcon.rotate {background-position: -70px -125px;}
.invIcon.videos:hover, .active .invIcon.videos {background-position: -105px -125px;}
.invIcon.features:hover, .active .invIcon.features {background-position: -70px -175px;}
.invIcon.options:hover, .active .invIcon.options {background-position: -35px -175px;}
.invIcon.reviews:hover, .active .invIcon.reviews {background-position: -105px -175px;}
.invIcon.awards:hover, .active .invIcon.awards {background-position: -70px -150px;}

.invIcon.MPG {background-position: -283px -226px;width: 25px;}
.invIcon.question { background-position: -432px -76px; width: 16px; }

/* 140 x 50 - Used for 360 Spin */
.invIcon.spinCar {width: 140px;height: 49px;line-height:35px;}
.invIcon.spinCar.exterior{background-position: -35px -310px;}
.invIcon.spinCar.interior{background-position: -35px -360px;}

/* 35 x 35 */
.invIcon.med {width: 35px;height: 35px;line-height:35px;}

/* 11 x 10 */
.invIcon.tiny {width: 11px;height: 10px;line-height:10px;background:url(images/invSpritesTiny.png) no-repeat;}

.invIcon.tiny.first {background-position: -11px -10px;}
.invIcon.tiny.previous {background-position: -22px -10px;}
.invIcon.tiny.next {background-position: -33px -10px;}
.invIcon.tiny.last {background-position: -44px -10px;}
.invIcon.tiny.search {background-position: -100px -11px;}
.invIcon.tiny.certified {background-position: -122px -10px;}

.invIcon.tiny.first:hover {background-position: -55px -10px;}
.invIcon.tiny.previous:hover {background-position: -66px -10px;}
.invIcon.tiny.next:hover {background-position: -77px -10px;}
.invIcon.tiny.last:hover {background-position: -88px -10px;}

/*-------------------------------------------
 * Padding, Margins and Hide
 -------------------------------------------*/
/*Removes Extra Foundation UL Margins */
.InvContainer .m6 { margin: 6px 0;overflow: hidden; }
.InvContainer .InvResultsItemHdr .m6 { margin: 6px; }
.InvContainer .m12{margin:10px;}
.InvContainer .p12{padding:10px;}
.InvContainer .mLeft{margin-left:12px;}
.InvContainer .m12.nRight{margin-right: 2px;margin-top: 5px;}
.InvContainer .w100 {width:100%;}

/* Hide for Inventory */
.InvContainer .invHide{display:none;}

/*-------------------------------------
 * Inventory Specific Styles
------------------------------------ */
.InvContainer .StartOver {color:#4B4B4B;font-size:9px;}

.InvContainer #sideBoxALL a{color:#090;text-decoration:underline;}
    div#sideBoxALL ul li a:hover, div#sideBoxALL ul li.active a {text-decoration: none;color: #369;}

.InvContainer .comparisonQueue  {border: 1px solid #A1B3B0;background: #EEE;display:inline-block;}
    .InvContainer .comparisonQueue li {margin-bottom:0;}

/* Results Colors */
.InvContainer #InvResultsSearchMileage li,
.InvContainer #InvResultsSearchMpg li,
.InvContainer #InvResultsSearchPriceRange li{color: #999;}
    .InvContainer #InvResultsSearchTypeSide .row{margin-bottom:12px;}

.InvContainer #InvResultsSearchFilterBtnsSide li,
.InvContainer #InvResultsSearchPriceRange li,
.InvContainer #InvResultsSearchMileage li {margin-bottom:0px;}
.InvContainer #InvResultsSearchFilterBtnsSide input{vertical-align: middle;}

.InvContainer .invResultsCarTitle { line-height:22px;color:#000;font-size:18px; }

.InvContainer .InvResultsItemHdr .invPricing { color: red;font-size:18px;-ms-word-wrap:break-word; word-wrap:break-word;text-align: right;display: block; }

/* Result Header */
.InvContainer .Price1Title {color:#000;text-transform: uppercase;font-size: 12px;line-height: 14px;}

.InvContainer .InvResultsItemHdr {background:  url(images/invgreyscale.png) repeat-x  0 0  #EDEDED;border-bottom: 1px solid #A1B3B0;}
    .InvContainer .InvResultsItemHdr span.Price1Title {line-height: 14px !important;font-size:12px !important;}

.InvContainer .MediaComments {display:none;}

/*Search Table */
.InvContainer #InvResultsSearchStockNoSide table{border:0; background:none;margin:10px;}
    .InvContainer #InvResultsSearchStockNoSide td{padding: 0px 5px 0px 0px;}
    .InvContainer #InvResultsSearchStockNoSide input{margin-bottom:0;}

#InvResultsSearchTypeBoxSide.m12 {margin-top: 12px 0px 0px 10px;}
#InvResultsSearchTypeBoxSide ul.inline li label {font-size:10px;}
#InvResultsSearchTypeBoxSide ul.inline li{margin-right:6px;}
#InvResultsSearchTypeBoxSide ul.inline li:last-child{margin-right:0;}

 /*------------Listings Box ---------------------*/
.InvContainer #InvResults .gryBox {margin-bottom:12px;}

/* Overriding some foundation styles to tighten up some of the spacing */
.InvContainer .InvResultsItemHdr.row .eight { width: 73%; }
.InvContainer .InvResultsItemHdr.row .four { width: 25%; }
.InvContainer .InvResultsItemHdr.row .four.columns { margin-left: 2%; }
.InvContainer .InvResultsItemHdr .row .nine.invResultsCarTitle { width: 76%; }
.InvContainer .InvResultsItemHdr .row .three.certBtn { margin-left: 2%;width: 22%; }

/* Discount pricing specific styles */
/* Shared */
.listingsDiscountContainer .PriceTitle, .detailsDiscountContainer .PriceTitle { text-transform: capitalize; }
.InvContainer .DiscountValue { display: block; font-style: italic; color: rgb(255, 0, 0); border-bottom: 1px dotted rgb(0, 0, 0); margin-bottom: 4px; line-height: 1.2; }
.InvContainer .DiscountLabel { color: #000; font-size: 11px;line-height: 1; }
.InvContainer .DiscountPrice { display: block;font-size: 18px;line-height: 1; }
.InvContainer .discountDetails { margin-top: 6px; }
.listingsDiscountRevealModal, .detailsDiscountRevealModal { position: fixed; left: 50%; top: 40px !important; padding: 30px 40px; width: 750px; }
.InvContainer .reveal-modal-bg { position: fixed; }

/* ----- Video ------------------------------------------------ */
.dds-defaultVideoPlayer { max-width: none; height:100%; min-height: 400px; }
.dds-defaultVideoPlayer .mainBox {height:100%; width:100%}
.invModal .invVideoWindow { height: 100% }
.invModal #VideoBox { height: 100% }

/* Listings */
.InvContainer .InvResultsItemHdr .invPricing .listingsDiscountContainer { font-size: 14px; }
.listingsDiscountRevealModal { margin-left: -415px; }

/* Details */
#invProfileSpecsHdr .detailsDiscountContainer { font-size: 16px; line-height: 1.2; }
.detailsDiscountRevealModal { margin-left: -405px; }

/* Additional Specials Text*/
.AdditionalPriceText { font-size: 0.7em; }

@media only screen and (max-width: 820px) {
    .InvContainer a.listingsIncentiveModalLink { font-size: 11px; }
}
/* Old modal window styles*/
/* .discountRevealModal h3 { font-size: 18px;line-height: 20px;margin-bottom: 9px; }
.discountRevealModal ul { margin-bottom: 9px; }
.discountRevealModal li { font-size: 14px;margin-bottom: 0; }
.discountRevealModal p { font-size: 14px; }
.discountRevealModal .discountDisclaimer { font-size: 10px;line-height: 13px;text-indent: 10px; } */

/*------------- Header Results ----------*/
.InvContainer .NewUsedCertTitle { color: #369; font-size: 12px;text-transform: uppercase; }

/* Pricing */
.InvContainer .InvResultsDetails{ color:#000; }

.InvContainer .InvResultsDetailsWrap {margin-bottom:12px;}
.InvContainer .InvResultsDetailsWrap .option,
.InvContainer .InvProfileSpecsDetails .option  {text-transform:none; color:#4B4B4B;}

.InvContainer .otherPricing  {padding-right:12px;font-size:11px;text-transform: uppercase;color:#000000;}
    .InvContainer .otherPricing li {display:inline-block;margin-left:20px;}

.invDetailsHeaderExtra { margin: 6px 0; }
.invDetailsHeaderExtra img { margin: 0 4px; max-height: 40px; }
/* Certified Button */
.CertifiedFlag.button { padding: 3px 6px 3px; background-color:#326598; text-transform:uppercase; font: bold 11px/14px Arial,Verdana,sans-serif; margin-top:6px; }

/* -------------Results Details----------------- */
.InvContainer .InvResultsDetails .option{margin-right:6px;}
.InvContainer .InvResultsDetails li {padding-bottom:6px;}

/* MPG */
.InvContainer .invResultsExtraDetails {font-size:10px;text-transform:none;text-align:center;}

/* Media Buttons */
/*.InvContainer .invResultsMediaBtns {font-size:9px;outline: 1px solid #B8CCC9;background: #E6E6E6 url(images/invBgSprites.png) repeat-x 0 0;}*/

/* Car Image Wrapper, Car Info and Footer */
.invResultsCarWrapper { margin: 0px 0px 0 10px; background:#fff; border: 5px solid #A1B3B0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; }
/* Fixes Spacing that appears under image */
.invResultsCarWrapper img{vertical-align:bottom;}

/* Image Preview */
.invResultsMediaBtns { font-size:9px; color:#000; overflow:auto; /*display:inline-block; *display:inline;*zoom:1; margin:0 6px; */ }

/* This Right Margin needs to change when more items are added
.invResultsMediaBtns li {float:left;margin-right:24px;}
*/
.invResultsMediaBtns li:last-child { margin-right:0; }
.invResultsMediaBtns li:only-child{ margin:0;width: 100%; }
.invResultsMediaBtns a{ color:#000; }
.invResultsMediaBtns .invIcon { height: 22px; }

.invMediaText{display:block;}

/* Mobile Buttons */
@media handheld, only screen and (max-width: 767px) {
    .invResultsMediaBtns { font-size: 16px; display: block; padding: 12px 0; }
	/* Media Icons */
	.invMediaText{display:block;}
}
.roundedModal {	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.smPad{padding: 41px 24px 24px;}
/*.closePopUp { background-position: -316px -277px; color: #AAAAAA; font-size: 2.2rem; height: 33px; line-height: 0.5; position: absolute; right: -11px; top: -8px; }*/

.ColorSwatch{width: 13px;height: 8px;display: inline-block;vertical-align: middle;border: 1px solid #369;}
.invResultsItemFooter a, .InvContainer .getDirectionsbtn a, .InvContainer .frmSubmit a{color:#fff;}
.invResultsItemFooter .nav-bar {height: auto;background: transparent;margin-top: 0;border:none;}

/* Details Photo
----------------------------------*/
.invIcon.magnify { position:absolute; right:0px; bottom:0; margin-right:6px; margin-bottom:12px; background-position:-35px -25px; }
.invCarImg {position:relative;}

/* Disclaimer */
 #InvResultsDisclaimer {font: normal 12px Trebuchet MS, Arial, sans-serif;line-height:18px;color:#000;margin-top:12px;}
     #InvResultsDisclaimer strong {display:block; font-weight:700;}
     #InvResultsDisclaimer .show-on-phones {font-size: 1.5rem;line-height: 1.4;}

/* Loading animation */
#loadingPages { font-size: 14px; font-weight: bold; line-height: 3; text-align: center; }
#loadingPages img { display:inline; margin-right: 10px; }
.invModal #loadingPages, .invDetails #loadingPages { position: absolute; left: 0; top: 50%; width: 100%; z-index: 1; }
.invModal iframe, .invDetails iframe { z-index: 10; }

.invListingsViewDetails { background: #fff; border: 2px solid #A1B3B0; border-radius: 5px; font-size: 18px; line-height: 1; margin: 10px 6px 0 0; padding: 6px; text-align: center; }
.invListingsViewDetails a { display: block; }

/*-------------------------------------
 * Mobile Adjustments - Listings
------------------------------------ */
/* Only on Desktop and Tablet */
@media handheld, only screen and (min-width: 767px) {
	/* No Result Found */
	.invResultsItemFooter .nav-bar > li {line-height:inherit;}

	.invResultsMediaBtns{text-align:center;}
	.otherPricing{padding-bottom: 6px;}
	.invResultsExtraDetails{margin-right:4px;}

	/* Input */
	.InvContainer input[type="text"] {font-size: 10px;}

	/* Button */
	.InvContainer .button.green.smIcon {font-size:10px;}
}
/* Only on Mobile */
@media handheld, only screen and (max-width: 767px) {
	/* Hide Elements
	.invIcon.tiny.certified, .invResultsItemFooter .button .invIcon { display: inline-block; }
	*/
	/* Grey Boxes */
	.InvContainer .InvResultsItem.gryBox {overflow:visible;}

	#InvTitleArea, .invResultsCarTitle, .InvResultsItemHdr .Price1, .invPricing .otherPricing{text-align:center;}
	.invPricing .otherPricing li{font-size:1.4em;}

	.CertifiedFlag.button {border-radius:0;font-size: 1.2em;padding:6px;background:url(images/invBgSprites.png) 0 -465px repeat-x #369;margin-top:0;}
	/* Results  Footer */
	.invResultsItemFooter .button.radius {padding: 10px 0;}
		.invResultsItemFooter.m12 {overflow:visible;}
        .invResultsItemFooter .nav-bar {background: #fff;border:1px solid #DDD;}
		.invResultsItemFooter .nav-bar a{ color:#000;font-size: 20px;text-shadow: none; }
		.invResultsItemFooter a, .InvContainer .getDirectionsbtn a, .InvContainer .frmSubmit a{ color:#fff;text-shadow: 1px 1px 1px #000; }
		.invResultsItemFooter .button.green {border-radius:0 !important;}
		.invResultsItemFooter a.flyout-toggle span {border-top: 4px solid #fff !important;}
		.invResultsItemFooter .flyout {color:#000;text-shadow:none;}
		.invResultsItemFooter .nav-bar > li > a.main {border-top:none;}

	/* Results Details */
	.InvResultsDetails ul{font-size:1.4em;margin:12px;text-transform:none;}
	.InvResultsDetails .option {text-transform: uppercase;}

	/* Buttons */
	.InvContainer .button.green.normal {padding:10px 0;}
		.InvContainer .button.green{font-size:20px;}

	/* Side Box */
	.invResultsExtraDetails {border: 2px solid #A1B3B0;border-radius: 5px;padding: 12px 0;background: #fff;margin-right: 6px;}
	.invIcon.compare{background-position: -70px -225px;position:absolute;top:0; right:0;margin-top:10px;margin-right:10px;}
	#InvResultsSearchZIPSide span, .StartOver, select.invDropdown {font-size:1.2em !important;}
	#InvResultsSearchTypeBoxSide {font-size:1.4em;}
	.InvResultsSearchZIPtext {display:block;}
	.SubmitSearch {padding: 10px 12px 9px !important;}
	#InvResultsSearchTypeBoxSide ul.inline li label {font-size:12px;}
	#InvResultsSearchTypeBoxSide ul.inline li{margin-right:24px;}

	/* Footer */
	.InvContainer #InvResultsBottom {font-size: 15px;font-size: 1.5rem;line-height: 1.4;margin-top:10px;border:none;background:none;}

	/* Search Top */
	#InvResultsSearchSubmitSide, #InvResultsSearchSubmitSide  li {margin-left:0;width:100%;}
}
@media only screen and (max-width: 640px) { 
    .InvResultsDetails .five.phone-two.columns {width:100% !important} 
    .InvResultsDetails .four.phone-two.columns {width:100% !important; margin-left:0}
}
/* Very Small Width Fixes */
@media handheld, only screen and (max-width: 445px) {
	.invResultsExtraDetails{ display:none; }
	.InvResultsItem .InvResultsDetailsWrap .InvResultsDetailsPhone { width: 100% !important; float: none; margin: 0; }
	.InvResultsItem .InvResultsDetailsWrap .InvResultsDetailsMedia { width: 100% !important; float: none; }
    .invListingsViewDetails { border: 5px solid #A1B3B0; font-size: 20px; margin: 10px 10px 0; }
	.InvResultsItem .InvResultsDetailsWrap .invResultsCarWrapper { margin: 0 10px; }
}

/*--------------------------------------------------
 *  Details Specific Styles
 -------------------------------------------------*/
/* Required Form Fields */
.requiredInput { color:#cc0000; position: absolute; margin-left: -7px; }

 /* Spacing Above Tabs */
.invNameHeader, #invProfileSpecsHdr { margin-bottom: 10px; }

/* Header */
.invNameHeader{margin-top:10px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;min-height: 50px;}
.InvBack {padding-top: 10px;}
/*#InvProfileItemHdr {text-transform: uppercase;font-size: 30px;font-weight:bold;margin-bottom:0;}
    #NewUsedCertTitle {color: #369;font-size: 12px;margin-left:6px;position: relative;top: -5px;}*/

/* Prices
.InvProfileSpecsDetails {text-transform: uppercase;}
*/
/*#invProfileSpecsHdr ul {padding: 6px 0;}*/
    #invProfileSpecsHdr li {margin-bottom:0;word-wrap: break-word;}

    .testDrive{font-size:10px !important;}
#invProfileSpecsHdr .Price1 {color: red;font-size: 24px;display: block;line-height: 30px;margin-bottom: 6px; }

.PriceTitle {color: black;font-size: 11px;font-weight: normal;line-height: 1;text-transform: uppercase;position: relative;display: inline-block;}
.disclaimer{font-size:10px;}

#PriceWrap{margin:5px 0;}
    /*#PriceWrap ul.Pricing, #PriceWrap {border-right:solid 1px #CCC;}*/
    #MPGWrap {margin-right:12px;}
    .Pricing{margin-left:12px;text-align: right;}
    .w100 .Pricing { text-align: center; }
#DetailWrap{padding: 6px 0;}
.invProfileMPG {font-size:1.4em;font-weight:bold;}

/* Tabs */
.InvContainer dl.tabs .contained{margin: 0 0 10px 0;}
.InvContainer dl.contained.tabs dd a {padding:0 10px 0 5px;}
.InvContainer dl.tabs, .InvContainer dl.tabs dd a.active {height:40px;}
.InvContainer dl.tabs .contentSwitcher a{ background:url(images/invBgSprites.png) 0 -100px repeat-x #ededed; border:solid 1px #a1b3b0; height:40px; line-height:39px; font-weight:bold; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;  }
.InvContainer ul.tabs-content  {margin-bottom:10px;}
.InvContainer ul.contained.tabs-content > li{padding:10px;border:0;}
.InvDetailsFavoritesContainer { float: right;}
.InvContainer .sub-content-sub li ul li, #options-all li ul li, #awards-all li ul li{list-style-type:circle;margin-left:20px;}
.dds-cfs-invNoIcon{background:none;width:5px;}
/* Tabs inside Tabs */
.InvContainer dl.invProfileFeaturesType.tabs, .InvContainer dl.invProfileFeaturesType.tabs dd a.active{height:auto;}

.InvContainer dl.invProfileFeaturesType.tabs {border:0;margin-bottom:0;}
.InvContainer dl.invProfileFeaturesType.tabs dd {display: inline-block;float:none;margin-bottom:6px;}
.InvContainer dl.invProfileFeaturesType.tabs dd a {display:inline-block;float:none;color:#369;margin-bottom:0;line-height: 20px;height: 20px;}
.InvContainer dl.invProfileFeaturesType.tabs dd a.active{background:none;color: #090;}
.InvContainer .tabs dd a.active{color: #090;}

#OptionsBox h2, #CalcPaymentRev h2, #AwardsBox h2  {font-size:16px;}
 #monthPay {font-weight: normal;color: #C00;}

#invProfileMediaCar{outline:solid 1px #999;} /* Car Photos */
#invProfileMediaColors {font-size:10px;}

/* 360 */
.three60Box{background: #ccc; color: #000; text-align: center; width: 100%;height:300px;}
#Spin-type{text-align:center; padding:12px 0;}
#Spin-type a {color:#000;}

.getDirectionsbtn{margin-top:10px;} /* Map */
#invProfileCommentsBlock{margin-top:10px;}

/* Buttons */
.details.nav-bar > li {border:0;}

.invStickerBtn{font-size:10px !important;}
.CertifiedImage{margin: 0 auto;}
.invResultsExtraDetails{overflow:hidden;}

.dds-myPaymentButton { display: inline-block;}

/* Quote, Maps and Vehicle Comments */
#invProfileBottomWrap{margin-top:10px;}
.ContactHow.four-up li { line-height: 2.8; }
.InvContainer .invCommentContainer p { margin: 4px 0 6px; }

#InvContainer h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; }

/*-------------------------------------------
 * Search Keyword & Divider
 -------------------------------------------*/
    #InvSearchBoxWrapper .invKeyword {margin-bottom: 9px;}
    #InvSearchBoxWrapper #InvSearchKeyword input {font-size: 13px;margin-bottom:18px;}
    #InvSearchBoxWrapper .invKeywordBtn span {
        display: block;
        height: 25px;
        width: 25px;
        background-image: url(https://s3.amazonaws.com/dom-cms/qa-web/Content/Inventory/images/invSprites.png);
        background-position: -74px -424px;
        margin: 0 auto;
    }
    #InvSearchBoxWrapper .invKeywordBtn {
        width: 13%;
        height: 25px;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
        background: #54C755;
    }
    #InvSearchBoxWrapper .invKeywordBtn:hover {background: #006699;}

    #InvSearchBoxWrapper #InvSearchKeyword {
        position: relative;
        width: 100%;
        display: block;
    }

    #InvSearchBoxWrapper .InvKeyword {width: 85%;}
    #InvSearchDivider {
       font-size:13px;
       text-align:center;
       position:relative;
       margin-bottom: 12px;
    }
    #InvSearchDivider:before, #InvSearchDivider:after{
        display: inline-block;
        width: 45%;
        border-top: solid 1px #bfbfbf;
        position: absolute;
        top: 9px;
        height: 0;
    }
    #InvSearchDivider:before {content: "";left: 0;}
    #InvSearchDivider:after {content: "";right: 0;}
    #InvSearchBoxSubmit {margin-top:24px;}
/*-------------------------------------------
 * Perfect Fit
 -------------------------------------------*/
    .invSrchBg.invPerfectFit {border: solid 1px #9d9d9d;padding: 20px 15px;}
    .invPFBody {font-size: 13px;}
    .invPerfectFit ul.block-grid {margin-bottom: 0;}
    .invPFBody .columns {text-align: center;background: #fff;}
    .invPFBody .row:first-child {margin-bottom: 12px;}
    .invPFBody p { margin-top: 12px;margin-bottom: 0;}
    h3.invSrchHeader {font-size: 16px;font-size: 1.6rem;line-height: 1.4;}

/*-----------Inventory Details Mobile------------*/
/* Only on Desktop and Tablet */
/* Specials Flag */
.SpecialFlag { background:url(images/invSprites.png) no-repeat -246px -312px; height:70px; width:70px; display:block; position:absolute; }

@media handheld, only screen and (min-width: 767px) {
    .nav-bar.details li{float:none;}
    .invNameHeader .CertifiedFlag {margin-right:4px;}
    /*#ZipCode{float:left;margin-left:12px;width:100px;}*/
    #State {width:90%;height:26px;}
    #CalcPaymentRev select {height:24px;}
    #CalcPaymentRev .button {margin-top: 28px;}
    .invPricingHeader {text-align:left;}
}

/* Only on Mobile */
@media handheld, only screen and (max-width: 767px) {
    .dds-myPaymentButton { display: block;}
	#InvProfileItemHdr{text-align:center;}
    .SpecialFlag { background: url('images/specialsSprites.png') repeat-x 0 -100px; border-top: 1px solid #f4a1a1; border-bottom: solid 1px #3c0101; color: #fff; display: block; font-size: 1.4em; font-weight: bold; line-height: 24px; height: auto; width: auto; position: relative; margin-bottom: 0; text-align: center; text-transform: uppercase; -webkit-text-shadow: 0px 0px 2px #3c0101; text-shadow: 0px 0px 2px #3c0101; }
	#PriceWrap{border:0;text-align:center;}
	#PriceWrap .block-grid.two-up {margin-left:0;}
	.invPricingHeader {border-bottom:solid 1px #CCC;padding-bottom:12px;}
	.invDetails{padding-left:12px;}

	#invProfileCommentsBlock p{font-size: 1.4em;}
	#InvProfileDealerInfo .invAddress p{font-size:1.5em;text-align:center;}
	#invProfileThirdParty {text-align:center;margin-top:12px;}
	#invProfileThirdParty li {float:left;margin-right:20px;}

	/* Car Wrapper Buttons  - Remove if adding 360 spin back to Mobile Version
	.invResultsMediaBtns li {width:46% !important;}
	*/
	.nav-bar.details {margin-top:0;}
	.InvContainer dl.invProfileFeaturesType.tabs dd {height:auto;}
	.InvContainer dl.invProfileFeaturesType.tabs dd a {padding:12px 6px;height:auto;font-size:15px;border-color:#999; }

	#CalcPaymentRev select {height:32px;}

    #InvResultsSearchSubmitSide .InvResultsStartOver {margin-left: 4%;border: solid 1px #A1B3B0;width: auto;padding: 6px 12px 5px 24px;}

}

/*-------------------------------------------
 * Car Fax Logos
 ------------------------------------------*/
/* Listings */
.invIcon.resultsCarfax1 {width:80px;height: 60px;background:url(images/invCarfax.png) no-repeat -180px -20px; }
.invIcon.resultsCarfax2 {width:80px;height: 32px;background:url(images/invCarfax.png) no-repeat -180px -154px; }
.invIcon.resultsCarfax3 {
    width: 100%; height: auto; background: none; font-size: 11px; font-family: arial, verdana, sans-serif; }

/* Details */
.Carfax, .invNameHeader .certBtn {margin: 6px 0;}

/* Additions */
#InvProfileItemHdr h1{
    padding:6px 12px;
    font-size: 24px;
    font-weight:bold;
    margin-bottom:0;
}
#InvProfileItemHdr { overflow: hidden; -ms-word-break: normal; word-break: normal; white-space: normal; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

@media handheld, only screen and (max-width: 767px) {
	#InvProfileItemHdr h1{ font-size: 30px;line-height: 1.1;/*word-break:break-all;*/ }
}
#NewUsedCertTitle { color: #369;font-size: 12px;margin-right:6px;position: relative;top: -5px;text-transform: uppercase; }

@media only screen and (max-width: 800px) {
	.InvContainer .DiscountValue  { font-size: 14px; }
	.Pricing { text-align: center; }
}
@media only screen and (max-width: 768px) {
	.invProfileMPG { font-size: 1.3em; }
}
@media only screen and (max-width: 767px) {
	.InvResultsItem .InvResultsItemHdr .invPricing { text-align: center; }
	.InvContainer .PriceDiscountContainer { width: 48%;float: left;display: block;text-align: right; }
	.InvContainer .DiscountValue { border-bottom: 0 none; }
    .InvContainer #InvResults .listingsDiscountContainer { width: 48%;float: left;text-align: right; }
	.InvContainer #InvResults .DiscountPrice { width: 48%;margin: 0 0 4px 4%;float: left;display: block;text-align: left;font-size: 28px; }
	.InvContainer .DiscountPrice span { display: block; }
	.InvContainer .w100 .DiscountValue { font-size: 18px;border-bottom: 1px dotted #000; }
	.InvContainer .w100 .DiscountPrice span { display: inline; }
    .InvContainer .discountDetails { clear: both; }
    .InvContainer .discountDetails p { font-size: 11px; }
}
/* IE7 Fixes
-----------------------------------*/
.ie7 #sideBoxALL {margin-left:0;}
.ie7 .InvResultsDetails.row {padding-left:24px;}
.ie7 .InvResultsDetailsWrap .columns, .ie7 .InvResultsItemHdr .columns {margin-left:0;}

/*Schema Org Class*/
.schemaOrg.noDisplay {display:none;}

/* ------------------------------------------------
:: DDS-Inv font
------------------------------------------------  */
 @font-face {
 	font-family: 'DDS-Inv';
  src:url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.eot?35x1q9');
  src:url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.eot?#iefix35x1q9') format('embedded-opentype'),
  url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.woff?35x1q9') format('woff'),
  url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.ttf?35x1q9') format('truetype'),
  url('https://s3.amazonaws.com/dom-cms/Global/fonts/inventory/DDS-Inv.svg?35x1q9#DDS-Inv') format('svg');
 	font-weight: normal;
 	font-style: normal;
 }
 [class^="icon-vdp-"], [class*=" icon-vdp-"] {
 	font-family: 'DDS-Inv';
 	speak: none;
 	font-size: 30px;
 	font-style: normal;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
 	line-height: 1;
 	display: inline;

 	/*Better Font Rendering =========== */
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
 /*Chevron */
 .icon-vdp-chevron-right:before {
 	content: "\e607";
 }
 .icon-vdp-chevron-left:before {
 	content: "\e608";
 }

 /* Stars */
 .icon-vdp-save-star:before {
		content: "\e602";
}

.button [class^="icon-vdp-"] {
  font-size: 16px;
  vertical-align: text-top;
}
.srp1-icon-text {
    margin-left: 6px;
}
.invDetailsFavoritesButton.button, .invResultsFavoritesButton.button {
    background: #369;
}
@media only screen and (min-width: 767px) {
    .invDetailsFavoritesButton.button,.invResultsFavoritesButton.button {
        padding: 5px 10px 7px;
    }
    .invResultsFavoritesButton.button {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 20;
    }
}

@media only screen and (max-width: 767px) {
    .invDetailsFavoritesButton.button, .invResultsFavoritesButton.button {
        margin-top: 12px;
        font-size: 16px;
    }
    .InvDetailsFavoritesContainer {
        float: none;
        margin-bottom: 12px;
    }
}