html { overflow-y: scroll; }

body { padding: 66px 0 0 0; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #444; line-height: 1.6em; }

a { color: #2b9ecf; text-decoration: none; }

header { border-top: solid 8px #93ca29; position: fixed; top: 0; width: 100%; height: 66px; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); z-index: 9000; background-color: #fff; }

header #logo { margin: 13px 0 0 26px; width: 279px; height: 40px; }

.bluepill { font-size: 12px; font-weight: 600; }

.mobiIcon { display: none; }

nav { position: absolute; bottom: 0px; right: 125px; width: calc(100% - 440px); text-align: right; text-transform: uppercase; }

nav ul { padding: 0; margin: 0; }

nav ul li { border-bottom: solid 4px #fff; display: inline-block; padding: 0 10px 3px 10px; position: relative; }

nav ul li:hover { border-bottom: solid 4px #93ca29; }

nav ul li a { color: #2b9ecf; font-weight: 600; font-size: 14px; text-decoration: none; }

nav ul li ul { position: absolute; top: 29px; left: 0px; z-index: 900; height: 0; overflow: hidden; transition: 300ms; }

nav ul li ul li { height: 0; min-height: 0; transition: 200ms; border: none; background-color: rgba(250, 250, 250, 0.8); margin: 0 0 1px 0; min-height: 18px; height: auto; padding: 0; }

nav ul li ul li a { display: block; padding: 10px; transition: 200ms; }

nav ul li ul li:hover { border: none; background-color: rgba(245, 245, 245, 0.9); }

nav ul li ul li:hover a { color: #93ca29; }

nav ul li:hover ul { height: auto; }

nav ul li:hover ul li { display: block; }

nav ul li ul li a { font-size: 11px; color: #666; text-align: center; display: block; }

section#slide { height: 540px; background-color: #ccc; border-bottom: solid 8px #2b9ecf; position: relative; }

section#slide::before { content: ''; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background-color: #333; transition: 1500ms; }

section#slide.loaded::before { background-color: transparent; }

section#slide .image { width: 100%; height: 100%; background-size: cover; background-position: center center; }

section#slide .carsRight { position: absolute; bottom: 31px; right: 0px; width: 700px; height: 175px; overflow: hidden; }

section#slide .carsRight .overFlow { width: 300%; height: 100%; position: absolute; top: 0; left: 0; }

section#slide .carsUp, section#slide .carItem { width: 191px; height: 164px; background-color: rgba(255, 255, 255, 0.8); float: left; position: relative; padding: 10px 10px 0 10px; font-size: 11px; font-weight: 600; text-align: center; line-height: 18px; margin-left: 11px; margin-left: 700px; opacity: 0; }

section#slide .carItem .carItemText { float: none; width: 100%; margin: 0; padding: 0; }

section#slide .carItem .location, section#slide .carItem .blurb, section#slide .carItem .miles { display: none; }

section#slide .carsUp img { width: 100%; }

section#slide .carItem span.price, section#slide .carsUp span.price { position: absolute; top: 10px; left: 10px; display: block; background-color: rgba(255, 255, 255, 0.8); font-size: 11px; padding: 2px 10px 2px 10px; visibility: visible; }

section#slide .carItem h3 { visibility: visible; font-size: 11px; font-weight: 600; text-align: center; line-height: 18px; color: black; height: 20px; overflow: hidden; width: 100%; padding-top: 2px; margin: 0; }

section#slide .carItem .carItemImage { width: 100%; height: 0px; padding-bottom: 70%; background-size: cover; }

.carItem .star { position: absolute; z-index: 100; top: 4px; right: 4px; width: 20px; height: 20px; background-color: rgba(220, 220, 220, 0.5); border-radius: 50%; line-height: 20px; text-align: center; padding: 4px; }

.carItem.fav .star { background-color: rgba(255, 255, 255, 0.8); }

@media not all and (pointer: coarse) { :hover .carItem .star:hover { background-color: rgba(255, 255, 255, 0.8); } }

.carItem .star::after { font-family: FontAwesome; content: '\f006'; display: block; color: white; font-weight: normal; font-size: 18px; }

.carItem.fav .star::after { font-family: FontAwesome; content: '\f005'; display: block; color: #fff; color: #93ca29; font-weight: normal; font-size: 18px; }

@media not all and (pointer: coarse) { :hover .carItem .star:hover::after { font-family: FontAwesome; content: '\f005'; display: block; color: #fff; color: #93ca29; font-weight: normal; font-size: 18px; } }

section#slide h1 { position: absolute; bottom: 27px; left: 40px; font-size: 24px; font-weight: 400; margin: 0; padding: 0; line-height: 24px; color: #ffffff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8), 1px 1px 2px black; display: none; }

section#slide h1 span { display: block; font-size: 20px; transition: color 300ms; margin-top: 0.1em; }

section#slide h1 a { color: #ffffff; text-decoration: none; }

section#slide h1 a:hover span { color: #2b9ecf; }

section#carGrid { max-width: 1200px; margin: 30px auto 0 auto; }

section#carGrid .gridCol { width: calc(33% - 50px); margin: 10px 25px 10px 25px; float: left; }

section#carGrid .carItem, section#carGrid .carsUpGrid { position: relative; font-size: 13px; line-height: 16px; color: #666; padding: 0 0 10px 0; height: auto; border: 0; margin-bottom: 10px; }

section#carGrid h2 { font-size: 18px; line-height: 1.4em; font-weight: 400; margin: 0; padding: 0 0 15px 0; text-transform: uppercase; }

section#carGrid h3 { font-size: 16px; line-height: 1.4em; font-weight: 600; padding: 0 0 4px 0; margin: 0; color: #000; }

section#carGrid h4 { font-size: 14px; line-height: 1.4em; font-weight: 600; padding: 0 0 4px 0; margin: 0; color: #000; }

section#slide .carItem span.price, section#carGrid .carItem span.price { transition: 300ms; }

section#slide .carItem:hover span.price, section#carGrid .carItem:hover span.price, section#carGrid .carItem:hover .carItemText .carItemRight span.price { background-color: #2b9dcf; color: white; }

section#slide .carItem h3, section#carGrid .carItem h3 { transition: color 300ms; }

section#slide .carItem:hover h3, section#carGrid .carItem:hover h3 { color: #2b9dcf; }

section#carGrid .carItemImage { float: none; width: 100%; height: 0; padding-bottom: 70%; background-size: cover; }

section#carGrid .carItemText { float: none; width: 100%; height: auto; height: auto; min-height: 80px; max-height: 80px; overflow: hidden; font-size: 13px; }

section#carGrid .carItemText .miles, section#carGrid .carItemText .location { display: none; }

section#carGrid img { width: 100%; height: auto; }

section#carGrid span.price, section#carGrid .carItemText .carItemRight span.price { position: absolute; display: block; visibility: visible; top: 0px; left: 0px; display: block; background-color: rgba(255, 255, 255, 0.8); font-size: 12px; padding: 7px 17px 7px 17px; font-weight: 600; }

#homeSearch { background-color: rgba(239, 239, 239, 0.9); width: 540px; padding-left: 78px; min-height: 94px; position: absolute; top: 80px; left: 118px; z-index: 100; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); top: 30px; opacity: 0; }

#homeSearch .btnUsed { position: absolute; top: 0px; left: 0; width: 74px; text-align: center; display: inline-block; font-size: 20px; color: #666; height: 47px; text-decoration: none; font-size: 13px; line-height: 47px; background-color: #ccc; border-left: solid 4px #ccc; background-color: rgba(0, 0, 0, 0.1); }

#homeSearch .btnNew { position: absolute; top: 47px; left: 0; width: 74px; text-align: center; display: inline-block; font-size: 20px; color: #666; height: 47px; background-color: #ccc; text-decoration: none; font-size: 13px; line-height: 47px; border-left: solid 4px #ccc; background-color: rgba(0, 0, 0, 0.1); }

#homeSearch .btnUsed:hover, #homeSearch .btnNew:hover { border-left: solid 4px #93ca29; }

#homeSearch .btnNewUsedOn, #homeSearch .btnNewUsedOn:hover { width: 74px; border-left: solid 4px #2b9ecf; background-color: #efefef; background-color: transparent; }

#homeSearch select { width: 120px; margin-right: 10px; font-size: 12px; height: 31px; padding-left: 10px; margin-bottom: 8px; }

#homeSearch input { width: 120px; font-size: 12px; height: 31px; padding-left: 10px; margin-bottom: 8px; }

#homeSearch input[type=radio], #homeSearch input[type=checkbox] #carSearch input[type=radio], #carSearch input[type=checkbox] { height: 1em; width: 1em; min-height: 1em; margin-bottom: 0; }

#homeSearch input.btn, #carSearch input.btn { width: auto; -webkit-appearance: none; }

#homeSearch .zip { width: 60px; margin-right: 10px; }

/* #homeSearch .searchBtn{color:#fff; padding:7px 4px 7px 4px; font-size:12px; width:100px; font-weight:500; background-color:$blue; border:solid 1px $blue; cursor:pointer; transition:300ms;} #homeSearch .searchBtn:hover{opacity:0.8;} */
#homeSearch .makeModel { font-size: 12px; color: #666; display: block; float: left; width: calc(50% - 42px); min-width: 120px; padding-left: 42px; height: 48px; line-height: 48px; /* position:absolute; top:15px; left:120px; */ text-decoration: none; font-weight: 600; }

#homeSearch .makeModel:hover { color: #2b9ecf; }

#homeSearch .makeModel.btnOn { color: #2b9ecf; }

#homeSearch a { transition: 300ms; }

#homeSearch .bodyStyle { font-size: 12px; color: #666; float: left; height: 48px; line-height: 48px; /* position:absolute; top:15px; left:360px; */ text-decoration: none; font-weight: 600; }

#homeSearch #bodyMobile { display: none; }

#homeSearch .bodyStyle:hover { color: #2b9ecf; }

#homeSearch .bodyStyle.btnOn { color: #2b9ecf; }

#homeSearch #formUsed { margin: 0 0 0 40px; clear: both; }

#homeSearch #formNew { margin: 0 0 0 40px; padding-top: 32px; clear: both; }

#homeSearch #formUsedBody { margin: 0 0 10px 40px; display: none; }

#homeSearch #homeSearchNew { display: none; }

#homeSearch #homeSearchUsed .bodyStyleSelect { display: block; clear: both; width: 474px; height: 254px; margin-bottom: 40px; background-image: URL("../../images/bodyStyle.png"); }

#homeSearch #homeSearchUsed .bodyStyleSelect label { text-align: center; margin: 0; float: left; display: block; cursor: pointer; }

.clear { clear: both; }

/*  Results  */
#displayResults { padding-top: 70px; position: relative; z-index: 500; }

.searchResultsHeader { top: 63px; height: 40px; left: 0; right: 0; width: calc(100% - 40px); position: fixed; background-color: white; max-width: 1200px; padding: 30px 20px 0 20px; margin: auto; z-index: 800; border-bottom: solid 1px #ccc; }

.searchResultsHeader h4 { float: left; margin: 0; }

.searchResultsHeader .mobileSearchBtn { display: none; }

.topSearchForm { float: right; margin-right: 30px; font-size: 12px; }

.topSearchForm .label { line-height: 26px; height: 20px; margin: 0 8px; display: inline-block; color: #666; }

.topSearchForm .divider { border-left: solid 1px #dedede; padding-left: 12px; }

.topSearchForm input { width: auto; }

.topSearchForm select { width: auto; }

.topSearchForm .displayType { font-size: 16px; color: #ccc; text-decoration: none; margin: 0 6px; }

main { max-width: 1200px; padding: 30px 20px 0 20px; margin: auto; }

main#home { max-width: initial; padding: 0; margin: 0 auto; }

main#displayResults h4 { color: #666; border-bottom: solid 1px #D7D7D7; padding-bottom: 10px; }

main#displayResults #carList { width: 64%; float: right; margin-top: 10px; padding-bottom: 200px; }

main#displayResults #carList.thumbView { padding-top: 10px; }

main#displayResults #carList::after { display: block; float: none; clear: both; content: ''; }

main#displayResults .loadMore { display: none; width: 100%; text-align: center; font-size: 14px; position: relative; bottom: 160px; left: 0px; clear: both; color: #666; }

main#displayResults .loadMore.hidden { opacity: 0; pointer-events: none; }

main#displayResults .loadMore #loadmore::before { content: ' | '; text-decoration: none; color: #666; cursor: default; }

main#displayResults #carList .searchLoading { text-align: center; color: #777; font-size: 12px; padding-top: 100px; padding-bottom: 100px; background-color: #f6f6f6; margin-top: 10px; }

main#displayResults #carList .searchLoading .fa { margin: 0 12px; vertical-align: middle; }

main#displayResults .pagers { clear: both; position: relative; }

main#displayResults .pagers a { color: #ffffff; background-color: #2b9ecf; display: inline-block; font-size: 14px; line-height: 25px; text-decoration: none; vertical-align: top; transition: opacity 0.2s; -webkit-transition: opacity 0.2s; opacity: 1; width: 25px; height: 25px; text-align: center; }

main#displayResults .pagers a.chosen { color: #ffffff; background-color: #93ca29; }

main#displayResults .pagers a:hover { opacity: 0.7; }

main#displayResults .sortResults { width: 500px; float: right; margin-top: -4px; }

main#displayResults .coldub { position: relative; }

main#displayResults #carSearch { position: static; position: absolute; top: 156px; position: sticky; width: calc(35% - 60px); float: left; padding: 20px; background-color: #f5f5f5; margin-top: 20px; margin-bottom: 0px; font-size: 12px; clear: both; }

main#displayResults #carSearch h2 { margin: 0 0 0.2em; color: #999; font-weight: 600; font-size: 1.2em; text-transform: uppercase; }

#carSearch .titleLine { color: #2b9ecf; font-size: 12px; padding: 10px 0 10px 0; font-weight: 600; clear: both; text-transform: uppercase; border-top: solid 1px #dedede; margin-bottom: 0px; cursor: pointer; transition: background-color 300ms; }

#carSearch .titleLine::after { float: right; margin-right: 10px; font-size: 1.4em; color: #ccc; content: '\f107'; margin-left: 4px; font-family: FontAwesome; transition: color 300ms; }

#carSearch .collapsed .titleLine:hover { background-color: #e5e5e5; }

#carSearch .titleLine:hover::after { color: inherit; }

#carSearch .collapsed .titleLine::after { content: '\f105'; }

#carSearch .searchBlock .collapser { margin-top: -2px; padding-left: 12px; color: #666; padding-bottom: 12px; }

#carSearch .searchBlock { height: auto; transform: 500ms; }

#carSearch .searchBlock .collapser::after { content: ''; display: block; clear: both; }

#carSearch .searchBlock.collapsed .collapser { display: none; }

#carSearch .searchBlock .entry { font-size: 12px; }

#carSearch .checkit { width: 13px; height: 13px; padding: 0; margin: 0; vertical-align: bottom; position: relative; top: -2px; *overflow: hidden; float: none; }

#carSearch .checkBlock { display: inline-block; font-size: 12px; color: #666; padding-bottom: 20px; }

#carSearch .checkSpace { padding-left: 20px; padding-right: 20px; }

#carSearch label { display: block; }

.carItem { width: calc(100% - 20px); display: block; text-decoration: none; color: inherit; height: 180px; padding: 10px 10px 18px 10px; position: relative; border-bottom: solid 1px #eee; color: #666; }

.carItem:hover { background-color: #f6f6f6; }

.carItemImage { width: 250px; height: 188px; display: block; float: left; background-color: rgba(0, 0, 0, 0.1); background-repeat: no-repeat; background-size: contain; background-position: center center; position: relative; }

#carList .carItemImage { margin-bottom: 8px; }

.carItemImage .noPhotos { position: absolute; top: 50%; width: 100%; left: 0; text-align: center; margin-top: -12px; font-size: 12px; color: #777; }

.carItemText { width: calc(100% - 260px); float: right; height: 80px; font-size: 14px; color: #444; }

#carList .carItemText { padding-top: 8px; }

.carItemTitle { font-weight: 600; font-size: 1.2em; margin: 0; }

#carList .carItemText .carItemTitle, #vehicleList .carItemText .carItemTitle { float: left; max-width: 60%; }

#carList .carItemText .price, #vehicleList .carItemText .price { float: right; font-weight: 600; font-size: 1.2em; }

#carList .carItemText .miles, #vehicleList .carItemText .miles { float: right; clear: right; font-size: 1em; }

#carList .carItemText .miles::after, #vehicleList .carItemText .miles::after { content: ' miles'; }

#carList .carItemText .location, #vehicleList .carItemText .location { float: left; clear: left; max-width: 60%; }

#carList .carItemText .location .company, #vehicleList .carItemText .location .company { display: block; }

#carList .carItemText .location .city, #vehicleList .carItemText .location .city { font-size: 0.9em; }

#carList .carItemText .location .distance, #vehicleList .carItemText .location .distance { font-size: 0.9em; font-style: italic; margin-left: 0.3em; }

#carList .carItemText .blurb, #vehicleList .carItemText .blurb { padding-top: 1em; clear: both; width: 80%; }

#vehicleList .carItemText .blurb { padding-top: 0em; }

#carList.thumbView .carItem { float: left; width: calc(33% - 20px); position: relative; height: auto; padding: 0; margin-right: 20px; margin-bottom: 20px; }

@media screen and (max-width: 1100px) { #carList.thumbView .carItem { float: left; width: calc(50% - 20px); } }

#carList.thumbView .carItem .carItemImage { width: 100%; height: 0; padding-bottom: 75%; margin: 0px; float: none; }

#carList.thumbView .carItemText { width: 0px; height: 0px; overflow: hidden; }

#carList.thumbView .carItem span.price { position: absolute; display: block; top: 0px; left: 0px; color: #444; background-color: rgba(255, 255, 255, 0.8); font-size: 12px; padding: 7px 17px 7px 17px; font-weight: 400; }

#carList.thumbView .carItem h3 { position: absolute; bottom: 0px; left: 0px; width: 100%; max-width: unset; font-size: 12px; font-weight: 400; text-align: center; line-height: 18px; color: #444; height: 20px; overflow: hidden; width: 100%; padding-top: 2px; margin: 0; background-color: rgba(255, 255, 255, 0.8); }

#vehicleList { padding-bottom: 200px; }

#vehicleList::after { content: ''; display: block; clear: both; }

#vehicleList .carItem { width: 48%; float: left; overflow: hidden; }

@media screen and (max-width: 1100px) { #vehicleList .carItem { width: auto; float: none; } }

@media screen and (max-width: 600px) { /* THUMB VIEW ONLY UNDER 600 */
  #carList .carItem, #vehicleList .carItem { float: left; width: calc(50% - 20px); position: relative; height: auto; padding: 0; margin-right: 20px; margin-bottom: 20px; }
  #carList .carItem .carItemImage, #vehicleList .carItem .carItemImage { width: 100%; height: 0; padding-bottom: 75%; margin: 0px; float: none; }
  #carList .carItemText, #vehicleList .carItemText { width: 0px; height: 0px; overflow: hidden; }
  #carList .carItem span.price, #vehicleList .carItem span.price { position: absolute; display: block; top: 0px; left: 0px; color: #444; background-color: rgba(255, 255, 255, 0.8); font-size: 12px; padding: 7px 17px 7px 17px; font-weight: 400; }
  #carList .carItem h3, #vehicleList .carItem h3 { position: absolute; bottom: 0px; left: 0px; width: 100%; max-width: unset; font-size: 12px; font-weight: 400; text-align: center; line-height: 18px; color: #444; height: 20px; overflow: hidden; width: 100%; padding-top: 2px; margin: 0; background-color: rgba(255, 255, 255, 0.8); } }

@media screen and (max-width: 480px) { #carList .carItem, #vehicleList .carItem { float: none; width: 100%; } }

.carItemHighlight { font-weight: 600; font-size: 13px; }

.carItemRightMobi { display: none; width: 100%; line-height: 18px; font-size: 14px; margin-top: 10px; clear: both; }

main#detail .mainCol { float: left; width: 60%; }

main#detail .rightCol { float: right; width: calc(40% - 30px); }

@media screen and (max-width: 900px) { main#detail .mainCol, main#detail .rightCol { float: none; width: 100%; }
  main#detail .rightCol { padding-bottom: 10px; }
  main#detail .rightCol .price { margin-top: 0; font-size: 1.4em; } }

main#detail::after { content: ''; display: block; clear: both; }

main#detail .carDetails { margin-top: 1em; }

main#detail .saletype { text-transform: uppercase; font-weight: 600; }

main h1 { font-size: 2em; margin: 0 0 0.8em; font-weight: 600; line-height: 1.1em; }

main#detail .alsoLikes h2 { font-size: 1.0em; font-weight: bold; color: #777; padding-top: 8px; margin: 8px 20px; }

main#detail .alsoLikes { margin-bottom: 24px; display: none; position: relative; }

main#detail .alsoLikes::after { content: ''; clear: both; display: block; height: 3em; border-bottom: solid 1px #ccc; margin: 0 20px; }

main#detail .alsoLikes .viewAll { bottom: 1em; position: absolute; left: 20px; }

main#detail .mainCol .star { float: left; margin-top: 8px; margin-right: 8px; width: 24px; height: 24px; background-color: rgba(220, 220, 220, 0.7); border-radius: 50%; line-height: 24px; text-align: center; padding: 4px; cursor: pointer; border: solid 2px rgba(220, 220, 220, 0.7); }

main#detail .mainCol.fav .star { background-color: white; border: solid 2px #93ca29; }

@media not all and (pointer: coarse) { :hover main#detail .mainCol .star:hover { background-color: white; border: solid 2px #93ca29; } }

main#detail .mainCol .star::after { font-family: FontAwesome; content: '\f006'; display: block; color: white; font-weight: normal; font-size: 26px; }

main#detail .mainCol.fav .star::after { font-family: FontAwesome; content: '\f005'; display: block; color: #fff; color: #93ca29; font-weight: normal; font-size: 26px; }

@media not all and (pointer: coarse) { :hover main#detail .mainCol .star:hover::after { font-family: FontAwesome; content: '\f005'; display: block; color: #fff; color: #93ca29; font-weight: normal; font-size: 26px; } }

main#detail .price { margin-top: 0.8em; font-size: 2em; text-align: right; font-weight: 600; }

main#detail .otherPrices { text-align: right; margin: 0.4em 0; }

main#detail .otherPrices .label { font-weight: 600; margin-left: 12px; margin-right: 4px; color: #999; }

main#detail .contactBox { padding: 20px; background-color: #f5f5f5; margin-top: 20px; margin-bottom: 20px; }

main#detail .contactBox::after { content: ''; display: block; clear: both; }

main#detail .contactBox .fineprint { font-size: 0.8em; line-height: 1.3; color: #666; padding-top:0.8em; clear:both; }

.contactBox .message_sent { text-align: center; min-height: 50px; clear: both; padding-top: 50px; padding-bottom: 50px; font-size: 1em; font-style: italic; }

#detail .mainPhoto { width: 100%; height: auto; position: relative; }

#detail .mainPhoto .photoScroll { position: absolute; top: 0; width: 40%; height: 100%; z-index: 100; cursor: pointer; opacity: 0; transition: 400ms; }

#detail .mainPhoto .photoScroll:hover { opacity: 1; }

#detail .mainPhoto .photoScroll .fa { color: #fff; position: absolute; top: calc(50% - 36px); margin: auto; font-size: 72px; line-height: 72px; }

#detail .mainPhoto .photoScroll.leftSide { left: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

#detail .mainPhoto .photoScroll.leftSide .fa { left: 40px; }

#detail .mainPhoto .photoScroll.rightSide { right: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)); }

#detail .mainPhoto .photoScroll.rightSide .fa { right: 40px; }

#detail .photoThumbs { border-top: solid 1px #ccc; padding-top: 8px; border-bottom: solid 1px #ccc; padding-bottom: 8px; margin-bottom: 2em; }

#detail .photoThumbs::after { content: ''; clear: both; display: block; }

#detail .photoThumb { float: left; position: relative; width: calc(12.5% - 4px); margin-right: 4px; margin-bottom: 4px; height: 0px; padding-bottom: 8%; background-size: cover; background-repeat: no-repeat; background-position: center center; display: inline-block; cursor: pointer; opacity: 0.8; transition: 200ms; }

#detail .photoThumb:hover { opacity: 1; }

#detail hr { border: 0; border-top: solid 1px #ccc; margin: 1em 0; }

.clear::before { content: ''; display: block; clear: both; }

#detail .dataCol { float: left; width: 50%; }

#detail .photoThumb:nth-child(8n+8) { margin-right: -4px; }

#detail table.datatable { border-spacing: 0; border: 0; width: 100%; }

#detail table.datatable td { width: 70%; padding: 2px; vertical-align: top; }

#detail table.datatable .dl { width: 30%; text-align: right; font-weight: 600; color: #888; font-size: 0.9em; text-transform: uppercase; }

#detail table.spectable { border-spacing: 0; border: 0; width: 90%; max-width: 600px; margin: 0 auto; }

#detail table.spectable td { padding: 0.6em 2em; vertical-align: top; text-align: right; border-bottom: solid 1px #ddd; }

#detail table.spectable .dl { text-align: left; color: #888; font-size: 0.9em; text-transform: uppercase; }

#detail .fuelBox { clear: both; margin: 2em auto; padding: 20px 20px 30px 20px; background-color: #f5f5f5; width: 90%; border-radius: 8px; }

#detail h3 { text-align: center; text-transform: uppercase; font-weight: 800; font-size: 1.1em; color: #999; margin-bottom: 0.2em; }

#detail ul.featureList { float: left; width: 25%; font-size: 12px; line-height: 1.4em; }

#detail ul.featureList li { margin-bottom: 0.2em; }

#detail .alsoLikes .carItem { width: 191px; height: 164px; background-color: rgba(255, 255, 255, 0.8); float: left; position: relative; padding: 10px 10px 0 10px; font-size: 11px; font-weight: 600; text-align: center; line-height: 18px; margin-left: 11px; border-bottom: 0px; }

#detail .alsoLikes .carItem .carItemText { float: none; width: 100%; margin: 0; padding: 0; }

#detail .alsoLikes .carItem .location, #detail .alsoLikes .carItem .blurb, #detail .alsoLikes .carItem .miles { display: none; }

#detail .alsoLikes .carItem span.price { position: absolute; top: 10px; left: 10px; display: block; background-color: rgba(255, 255, 255, 0.8); font-size: 11px; padding: 2px 10px 2px 10px; visibility: visible; }

#detail .alsoLikes .carItem h3 { visibility: visible; font-size: 11px; font-weight: 600; text-align: center; line-height: 18px; color: black; height: 20px; overflow: hidden; width: 100%; padding-top: 2px; margin: 0; }

#detail .alsoLikes .carItem .carItemImage { width: 100%; height: 0px; padding-bottom: 70%; background-size: cover; }

footer { background-color: #2b9ecf; width: 100%; clear: both; border-top: 6px solid #93ca29; margin-top: 50px; padding-bottom: 10px; }

footer .footContain { max-width: 1200px; margin: auto; }

footer span { color: #fff; font-weight: 600; font-size: 18px; display: inline-block; padding-bottom: 3px; text-transform: uppercase; }

footer .footCol { width: 18%; padding: 40px 2.5% 30px 2.5%; float: left; }

footer a { display: block; text-decoration: none; color: #eee; font-size: 13px; line-height: 20px; }

footer a:hover { color: #fff; }

footer .credits { padding-left: 2.5%; color: #eee; font-size: 11px; padding-top: 20px; clear: both; }

footer .credits a { color: inherit; font-size: inherit; clear: none; display: inline; line-height: inherit; }

footer .credits a:hover { text-decoration: underline; }

@media screen and (max-width: 1100px) { .carItemLeft { width: 100%; float: none; font-size: 13px; }
  .carItemRight { padding-top: 8px; width: 100%; float: none; }
  .carItemRightMobi { display: block; }
  nav { width: calc(100% - 330px); right: 10px; }
  section#slide #carsUp3 { display: none; }
  #homeSearch { left: 40px; } }

@media screen and (max-width: 900px) { main h1 { font-size: 1.4em; }
  .searchResultsHeader .mobileSearchBtn { display: inline-block; float: right; }
  .searchResultsHeader .mobileSearchBtn:first-child { float: left; }
  .topSearchForm .displayType { display: none; }
  .topSearchForm .divider { border: 0; padding-left: 0; }
  .searchResultsHeader .topSearchForm { display: none; float: none; position: static; width: calc(100% - 40px); top: 0; padding: 20px; background-color: #f5f5f5; margin-top: 14px; margin-bottom: 0px; font-size: 12px; }
  .searchResultsHeader .topSearchForm:before { content: 'Search Sort'; display: block; margin: 0 0 -8px 8px; color: #999; font-weight: 600; font-size: 1.2em; text-transform: uppercase; }
  .searchResultsHeader h4 { display: none; }
  .topSearchForm .label { color: #2b9ecf; font-size: 12px; padding: 10px 0 10px 0; font-weight: 600; clear: both; text-transform: uppercase; border-top: solid 1px #dedede; margin-bottom: 0px; margin-top: 12px; cursor: pointer; display: block; }
  .topSearchForm input, .topSearchForm select { margin-left: 2em; font-size: 16px; }
  .topSearchForm:after { content: ''; display: block; margin-top: 12px; height: 1em; border-top: solid 1px #dedede; }
  #carSearch .searchBlock .entry input, #carSearch .searchBlock .entry select { font-size: 16px; }
  main#displayResults #carSearch { float: none; position: static; width: calc(100% - 40px); top: 0; margin-top: 0; display: none; }
  main#displayResults #carList { width: 100%; float: none; margin-top: 10px; padding-bottom: 200px; } }

@media screen and (max-width: 900px) { .mobiIcon { display: block; }
  nav { position: relative; left: 0; right: 0; width: 100%; background-color: #fff; display: none; }
  nav ul li { text-align: center; display: block; padding: 10px 0 10px 0; border-bottom: solid 1px #eee; }
  nav ul li:hover { border-bottom: solid 1px #eee; }
  nav ul li ul { display: block; position: relative; top: 0px; left: 0px; z-index: 900; font-size: 12px; }
  nav ul li ul li { border: none; /* background-image:URL('images/pixle_white_80.png'); */ background-color: rgba(255, 255, 255, 0.8); padding: 10px 0 10px 0; }
  nav ul li:hover ul li { display: block; padding: 10px; }
  section#carGrid .gridCol { width: calc(50% - 50px); margin: 10px 25px 10px 25px; float: left; }
  section#carGrid #gridCol3 { display: none; } }

@media screen and (max-width: 800px) { footer .footCol { width: 25%; padding: 30px 12.5% 10px 12.5%; }
  footer a { font-size: 12px; line-height: 16px; }
  footer span { font-size: 16px; padding-bottom: 3px; }
  section#slide .carsRight { display: none; }
  #homesearch { left: 28px; } }

@media screen and (max-width: 720px) { #homeSearch { max-width: calc(100% - 160px); min-width: 180px; margin-top: -40px; }
  #homeSearch #bodyMobile { display: inline; }
  #homeSearch #homeSearchUsed .bodyStyleSelect { display: none; }
  #homeSearch #formUsedBody { margin-bottom: 0; clear: both; }
  footer .footCol { width: 40%; padding: 30px 5% 10px 5%; }
  section#slide { height: 380px; } }

@media screen and (max-width: 480px) { header #logo { margin: 13px 0 0 13px; width: calc(279px * 0.8); height: calc(40px * 0.8); }
  #homeSearch #formNew { padding-top: 16px; }
  #homeSearch .makeModel { float: none; padding-top: 6px; height: 24px; line-height: 24px; }
  #homeSearch .bodyStyle { float: none; padding-left: 42px; height: 32px; line-height: 32px; padding-bottom: 6px; }
  section#carGrid .gridCol { width: calc(100% - 50px); margin: 10px 25px 40px 25px; border-bottom: solid 1px #ccc; padding-bottom: 30px; float: none; } }