﻿html { height:100%}
body{ margin: 0; padding: 0; height: 100%; background-image:url(''); background-repeat: repeat; background-attachment: fixed; }

#SiteContainer { position:relative; margin-top: 0px; border-radius: 0px;}
div.Container {
	max-width: 9999px;
	padding: 0px;
	padding-bottom: 0px;
	margin: 0 auto;
	position:relative;
	height: 100%;
	min-height: 300px;
}
.DefaultHidden { display: none !important }
.Order1 { order:1 }
.Order2 { order:2 }
.Order3 { order:3 }

/* ========== COLOR SCHEMES ========== */

	body { background-color: #FFFFFF; }
	div.Container { background-color: #; border: 0px #e7e7e7 solid; }
		
	div.BannerBackground { background-color: #FFFFFF; background-image: linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.0)), url('/web/images/white-square-pattern.jpg'); background-repeat: repeat; }
	div.BannerBox { background-color: #FFFFFF; }

	div.FeaturedBackground { background-color: #000000; background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.75)), url('/web/images/background-metal.jpg'); background-repeat: repeat; background-size: cover; }

	div.HomeBackground { background-color: #FFFFFF;	background-image: linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.0)), url(''); background-repeat: no-repeat; background-size: cover; }
	div.HomeMapBackground { background-color: #FFFFFF;	background-image: linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.0)), url(''); }
	div.HomeMapContainer { position:relative; }
	div.HomeMapIframe { width:100%; height: 400px; }
	
	div.CustSec1Background {  }
	div.CustSec2Background { background-image: linear-gradient(to bottom, rgba(255,255,255,.40), rgba(255,255,255,.40)), url('/web/images/stockbackground-cars-03.jpg'); background-repeat: no-repeat; background-size: cover;
						border-top: 0px #f36c16 solid;
						border-bottom: 0px #f36c16 solid;
	}

	div.PageBackground { background-color: #; }

	div.FooterBackground { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.66)), url('/images/featured-background.jpg'); background-repeat: no-repeat; background-size:cover;
						   background-color: #000000; 
	 					   border-top: 2px #222222 solid; }
	div.FooterBackground2 { background-color: #121314; border-top: 1px #000000 solid; }
	div.FooterLeft,div.FooterCenter,div.FooterRight { border-bottom: 0px; }

	.FooterNavSEO { display:}  .FooterNavSEOReplace:after { content: "" }
	.FooterCreditsTextSEO { display:; } .FooterCreditsTextReplace:after { content: "" }


	#FeaturedVehicleImage { outline: 1px #F4F4F4 solid; }
	#SpecialsVehicleImage { outline: 1px #F4F4F4 solid; }


	div.Testimonials, div.Staff, div.FAQ { border-bottom:1px #EAEAEA solid; }
	img.StaffImages { border: 8px #EAEAEA solid; }
	div.Headers, div.RightSideHeaders { background-color: #; border-bottom: 1px #C7C7C7 solid; }
	div.Boxes, div.RightSideBoxes { background-color: #; }
	div.HomeHeaders,div.HomeBoxes { background-color: #EAEAEA; border: 2px #C7C7C7 solid; }

	div.LocateMap { background-color: #F4F4F4; border: 10px solid #F4F4F4; }
	div.QuickPic { background-color: #; border: 0px solid #F4F4F4; }
	div.QuickPicBoxes { background-color: #EAEAEA; border: 1px solid #F4F4F4; }
	div.QuickPicImage{ border: 10px solid #F4F4F4; }
	div.FormsBackground { background-color: #; }

	.InnerBoxInventory { background-color: #FFFFFF; }
	.ImageLG { border: 1px solid #C7C7C7;}
	div.BrowseOrdering { border-bottom: 1px solid #E4E8E8; }
	div.BrowseLeft { background-color: #f7f7f7; border: 1px solid #e4e8e8; }
	div.NarrowSearchHeaders { background-color: #FFFFFF; border: 1px solid #E4E8E8; }
	div.BrowseRight { background-color: #; border: 0px solid #EAEAEA; }
	div.BrowseRightHeaders { background-color: #; border: 0px solid #c6c6c6; }
	div.Blurb { background-color: #e4e8e8; }
	div.Listings { background-color: #f7f7f7; border: 1px solid #e4e8e8; }
	div.Listings:hover { background-color: #fefefe }
	div.ListingsImage { border: solid 5px #e4e8e8; }
	div.ListingsPrice { border-left: 1px #e4e8e8 solid; }

	div.MainImageContainer { background-color: #C7C7C7; }
	img.ThumbImage { 	border: 5px #C7C7C7 solid; }
	div.DetailsSpecsAdditional { border-top: solid 1px #e4e8e8; }
	div.DetailsSpecsContainer { background-color: #F7f7f7; border: 1px #c6c6c6 solid; }
	div.DetailsFormsBackground { background-color: #FFFFFF; }
	div.SimilarListings { background-color: #FFFFFF; }
	div.SimilarListingsInnerContainer { background-color: #f7f7f7; border: 1px solid #c6c6c6; }
	div.SimilarListings:hover { background-color: #E4E8E8; }
	div.OptionsContainer { background-color: #f7f7f7; border: 1px #c6c6c6 solid; }
	.tabbed_area { background-color: #F4F4F4; border:0px solid #; }
	ul.tabs li.invtabs a { background-color: #f36c16; color: #FFFFFF; }
	ul.tabs li.invtabs a:hover { background-color: #C6C6C6; color: #000000; }
	ul.tabs li.invtabs a.active { background-color: #FFFFFF; color: #EAEAEA; }
	.content { background-color: #FFFFFF; }

/* ^^^^^^^^^^ COLOR SCHEMES ^^^^^^^^^^ */

ul.Lists { list-style-type: disc; list-style-position: inside; }
li.Lists { list-style-type: disc; list-style-position: inside; line-height:175%; }

input[type=checkbox]{ display: none; }
input[type=checkbox]:checked ~ #menu{ display: block; }
#CenterY { position: relative; top: 50%; transform: translateY(-50%);}
.FloatRight { float:right;}
.FloatLeft { float:left;}
.AlignCenter { text-align: center;}
.AlignRight,.MobileAlignRight { text-align: right;}
.TopMargin { margin-top: 15px;}
.BottomMargin { margin-bottom: 15px;}
.RightMargin { margin-right: 15px;}
.HeaderRightBox { margin-left: 30px }
.Shadow {text-shadow: rgba(0, 0, 0, 0.6) 2px 2px 5px;}
.BoxShadow {box-shadow: rgba(0, 0, 0, 0.6) 1px 2px 5px;}

#InnerContainer { padding: 0px}
#InnerBox { padding: 0 10px; }
#Padding5 {padding: 5px}
#Padding {padding: 10px}
#Padding20 {padding: 20px}
#PaddingY { padding: 10px 0; }
#PaddingX { padding: 0 10px; }
#InnerBoxLeft { padding: 0px 10px 0px 0px }
#InnerBoxRight { padding: 0px 0px 0px 10px }

.MobileOnly { display: none; }
.DesktopOnly { display: ; }

.Box10,.FooterBox10 {width: 9.5% }
.Box15 {width: 15% }
.Box20,.FooterBox20 {width: 20% }
.Box25 {width: 25% }
.Box30 { width: 30% }
.Box33 { width: 33% }
.Box34 { width: 34% }
.Box40 { width: 40% }
.Box45 { width: 45% }
.Box50 { width: 50% }
.Box55 { width: 55% }
.Box60 { width: 60% }
.Box66 { width: 66% }
.Box75 { width: 75% }
.Box80 { width: 80% }
.FooterBox80 { width: 80% }
.Box90,.FooterBox90 { width: 90% }
.Box100 { width: 100% }

.Spacer25 { height: 25px; display: block }
.Spacer50 { height: 50px; display: block }

img.inventorythumb { display:block; width: 100%; }
ul, li { margin: 0 auto; padding: 0;}

img.StockImage { float:right; margin: 28px 10px 25px 35px; width: 420px; border-radius: 4px;}
img.CustomImage { float:right; margin: 36px 0px 25px 35px;}
img.FooterLogoImage { margin: 25px auto;}



/*Buttons*/

div.ButtonBox { width: 100%; max-width: 300px; display:inline-block; margin-top: 10px; }
a.LinkButtons:active,a.LinkButtons:link,a.LinkButtons:visited {
	width: 100%; padding: 18px 0; text-align:center; display: inline-block; text-decoration:none; font-size: 100%; letter-spacing: -.03em; margin: 0; -webkit-transition: all .6s ease; transition: all 0.5s ease;}

a.LinkButtonsPrimary { border: 0px #EAEAEA solid; color: #FFFFFF; background-color: #f36c16; border-radius: 3px; }
a.LinkButtonsPrimary:hover { border: 0px #EAEAEA solid; color: #FFFFFF; background-color: #232425; }
a.LinkButtonsSecondary { border: 2px #f36c16 solid; color: #f36c16; border-radius: 3px; }
a.LinkButtonsSecondary:hover { border: 2px #232425 solid; color:#232425; }
a.LinkButtonsWhite { border: 0px #FFFFFF solid; background-color: #FFFFFF; color:#232425; border-radius: 3px; }
a.LinkButtonsWhite:hover { border: 0px #EAEAEA solid; color: #FFFFFF; background-color: #f36c16; }
a.LinkButtonsBlack { border: 0px #000000 solid; color: #FFFFFF; background-color: #000000; border-radius: 3px; }
a.LinkButtonsBlack:hover { border: 0px #EAEAEA solid; color: #F0F0F0; background-color: #232425 }

a.Buttons1, a.Buttons1:active {
	display: inline-block;	float: right; text-indent: -999999px;	width: 300px; height: 152px; margin-left: 0px; margin-bottom: 15px;
	background: url('') bottom;
}
a.Buttons1:hover {
	 background-position: 0 0;
	 color: white;
	 text-decoration:underline;}

div.ContactLocateIcon {	background-image: url('/web/images/icon-locate-24-bw.png'); }
div.ContactPhoneIcon {	background-image: url('/web/images/icon-phone-24-bw.png'); }
div.ContactContactIcon {	background-image: url('/web/images/icon-contact-24-bw.png'); }
div.ContactEmailIcon {	background-image: url('/web/images/icon-email-24-bw.png'); }

div.ContactLocateIcon,
div.ContactPhoneIcon, 
div.ContactContactIcon,
div.ContactEmailIcon
{
	width: 24px !important;
	height: 22px !important;
	background-position: 0 0px;
	display: inline-block;
	margin-right: 5px;
}

div.FooterContainer div.ContactLocateIcon,
div.FooterContainer div.ContactPhoneIcon, 
div.FooterContainer div.ContactContactIcon,
div.FooterContainer div.ContactEmailIcon
{
	width: 24px !important;
	height: 22px !important;
	background-position: 0 0px;
}



/* Icon Buttons */

div.IconButtonsInner { padding: 0px; }
a.IconButtonsAnchor { display: block; text-decoration: none !important; }

div.IconButtonsInventory,
div.IconButtonsLocate,
div.IconButtonsContact,
div.IconButtonsFinance
	{ margin: 0; flex: 0 1 250px; }

div.IconButtonsRequest,
div.IconButtonsService,
div.IconButtonsMisc1,
div.IconButtonsOutsideURL { display: none !important }

div.IconButtons {
	display: block;
	text-align:center;
	border: 1px #cccccc solid;
	border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f0f0f0');
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #fefefe,  #f0f0f0);
	box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 5px;
}
div.IconButtons:hover {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#e0e0e0');
	background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#e0e0e0));
	background: -moz-linear-gradient(top,  #e0e0e0,  #e0e0e0);
	-webkit-transition: all .8s ease; transition: all 0.8s ease;
}

div.IconButtons i.material-icons { font-size: 62px!important; text-decoration:none!important;}

div.IconButtons i.IconButtonsIconInventory::after { content:"directions_car" !important }
div.IconButtons h2.IconButtonsTextInventory::after { content:"INVENTORY" !important }

div.IconButtons i.IconButtonsIconLocate::after { content:"person_pin_circle" !important }
div.IconButtons h2.IconButtonsTextLocate::after { content:"LOCATE" !important }

div.IconButtons i.IconButtonsIconContact::after { content:"email" !important }
div.IconButtons h2.IconButtonsTextContact::after { content:"CONTACT" !important }

div.IconButtons i.IconButtonsIconFinance::after { content:"library_books" !important }
div.IconButtons h2.IconButtonsTextFinance::after { content:"FINANCE" !important }

div.IconButtons i.IconButtonsIconRequest::after { content:"rate_review" !important }
div.IconButtons h2.IconButtonsTextRequest::after { content:"REQUEST" !important }

div.IconButtons i.IconButtonsIconService::after { content:"build" !important }
div.IconButtons h2.IconButtonsTextService::after { content:"SERVICE" !important }

div.IconButtons i.IconButtonsIconMisc1::after { content:"check_box" !important }
div.IconButtons h2.IconButtonsTextMisc1::after { content:"WARRANTIES" !important }

div.IconButtons i.IconButtonsIconOutsideURL::after { content:"star_border" !important }
div.IconButtons h2.IconButtonsTextOutsideURL::after { content:"REVIEWS" !important }

div.IconButtons h2.IconButtonsTextInventory,
div.IconButtons h2.IconButtonsTextLocate, 
div.IconButtons h2.IconButtonsTextContact, 
div.IconButtons h2.IconButtonsTextFinance,
div.IconButtons h2.IconButtonsTextRequest,
div.IconButtons h2.IconButtonsTextService,
div.IconButtons h2.IconButtonsTextMisc1,
div.IconButtons h2.IconButtonsTextOutsideURL
{ font-size: 20px; font-weight:700; letter-spacing: -.05em; text-transform: uppercase; margin:0; text-decoration: none !important; }

div.IconButtons div.Inner { padding: 20px; }



/* ADDITIONAL CONTAINERS */

div.Testimonials, div.Staff, div.FAQ { width: 100%; display: inline-block; }
div.TestimonialsInnerContainer, div.StaffInnerContainer, div.FAQInnerContainer 
	{ padding: 20px 0; }

div.Headers, div.RightSideHeaders {
	margin: 10px 0 0 0; padding: 8px 0; border-radius: 8px 8px 0 0 }
div.Boxes, div.RightSideBoxes {
	margin: 0 0 10px 0; padding: 8px; }
div.HomeHeaders {
	margin: 0; padding: 15px; border-bottom: 0px; border-radius: 0 }
div.HomeBoxes {
	margin: 0 0 10px 0; padding: 15px; border-top: 0px; }

div.LocateMap {
	margin: 10px auto; }
div.QuickPic {
	margin-left: auto; margin-right: auto; padding: 5px; }
div.QuickPicBoxes {
	margin: 5px; padding: 8px; }
div.QuickPicImage{
	margin-bottom: 10px; }
div.FormsBackground {  }

div.DealershipHours {
	
}
div.HoursContainer {
	width: 100%;
	display: inline-block;
}
div.HoursContainerLeft, div.InfoContainerLeft {
	width: 49%;
	float: left;
}
div.HoursContainerRight, div.InfoContainerRight {
	width: 49%;
	float: left;
}
div.HoursContainerNotes {
	width: 100%;
	float: left;
	text-align: center;
	font-style: italic;
}
div.HoursIndividualContainer {
	width: 100%;
	margin: 8px 0 0 0;
	
}
div.HoursTitle {
	font-size: 16px;
	font-weight: 700;
	float: left;
	line-height: 150%;
	text-transform: uppercase;
}
div.HoursDay {
	font-size: 14px;
	float: left;
	line-height: 100%;
	width: 33%;
}
div.HoursTime {
	font-size: 14px;
	font-weight: 700;
	text-indent:8px;
	float: left;
	line-height: 100%;
	width: 66%;
}
div.InfoContainer {
	font-size: 14px;
	line-height: 170%;
}



/* STAFF & TESTIMONIALS */

div.StaffImageBox { width: 30%; float: left }
img.StaffImages { width: 90%; max-width: 320px; display: block; }	
div.StaffBody { float:left; width: 70%; }

div.TestimonialsImageBox { width: 30%; float: left }
img.TestimonialsImages { width: 90%; max-width: 320px; display: block; }	
div.TestimonialsBody { float:left; width: 70%; }



/* FORMS */

div.FormField, div.FormFieldBoxShort {
	width: 120px; float: left; display: inline; margin-left: 20px; margin-bottom: 8px; }
div.FormFieldBox, div.FormFieldLong {
	width: 220px; float: left; display: inline; margin-left: 20px; margin-bottom: 8px; }



/* MAIN BANNER */

div.BannerBackground {
	width: 100%;
	position: relative; 
}
div.BannerContainer {
	max-width: 1400px;
	padding: 20px 0px;
	margin: 0 auto;
	position:relative;
}
div.BannerBox {
	padding: 5px;
	margin: 0;
}
div.BannerShadow {
	background-image: url('/web/images/responsive-banner-shadow.png');
	background-size: cover; 
	background-repeat: no-repeat; 
	height: 20px; 
	width: 100%;
	max-width: 1400px;
	float: left; 
	margin-top: -2px;
}

/* FEATURED VEHICLE */

div.FeaturedBackground, div.SpecialsBackground {
	width: 100%;
	margin: 0 auto;
}
div.FeaturedContainer, div.SpecialsContainer {
	width: 100%;
	max-width: 1420px;
	margin: 0 auto;	
	padding: 0px;
	position:relative;
	text-align:center;
}
#FeaturedInnerBox, #SpecialsInnerBox {
	padding: 0px;
}
div.FeaturedVehicleListing, div.SpecialsVehicleListing {
	display: inline-block;
	width: 19.33%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
div.SpecialsVehicleListing {
	float: left;
	width: 25%;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#FeaturedVehicleImage, #SpecialsVehicleImage {
	max-width: 100%;
	max-height: 100%;
}

div.FeaturedVehicleImageContainer, div.SpecialsVehicleImageContainer {
	padding: 0px;
	margin: 12px;
}
div.FeaturedVehicleImageTextBox, div.SpecialsVehicleImageTextBox {
	width: 100%; text-align:center; margin-top: 0px;
}

/* HOME CONTAINER */

div.HomeBackground { width: 100%; }
div.HomeContainer {
	max-width:1440px;
	padding: 75px 20px;
	display: flex;
}
div.HomeFlex1 {
	flex: 0 1 720px;
	padding: 50px 75px 50px 0;
}
div.HomeFlex2 {
	flex: 1;
	justify-content: center;
	align-items: center;
	display: flex;
	background-size: cover;
}
img.HomeFlex2 {
	width:90%;
	border-radius:100px;
	border: 12px solid #f0f0f0;
}

a.HomeFlexButton { text-decoration: none !important; font-size: 100%; letter-spacing: -.03em; margin: 0; -webkit-transition: all .6s ease; transition: all 0.5s ease;}
a.HomeFlexButton { padding: 25px 50px; border: 2px #FFFFFF solid; background-color: #; color:#FFFFFF; border-radius: 3px; }
a.HomeFlexButton:hover { border: 2px #CCCCCC solid; color: #CCCCCC; background-color: #; }



/* WIDGET FLEX BOX */

div.WidgetsWrapper { display: flex; }
div.WidgetsWrapper1 { background-color: #111111 }
div.WidgetsWrapper2 { background-color: #333333 }
div.WidgetsWrapper3 { background-color: #222222 }
div.WidgetsWrapper4 { background-color: #444444 }

div.WidgetsContainer { flex: 1; padding: 50px 25px; }
div.WidgetsContainer1 {  }
div.WidgetsContainer2 {  }
div.WidgetsContainer3 {  }
div.WidgetsContainer4 {  }


.WidgetFlexBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
div.WidgetContents { 
	flex: 0 1 20%;
	margin: 10px;
	align-content: space-between;
}
p.HomeWidgets {
	padding: 10px 0;
	margin: 10px;
	color: #ffffff !important; 
	text-transform: uppercase;
	outline: 1px #111111 solid;
	background: #222222;
}
p.HomeSideWidgets:hover {
	color: #ffffff !important; 
	background: #f36c16;
}



/* HOME SHOP BOX */

div.HomeShopBox {
	border: 2px #dedede solid;
	border-radius: 5px;
	padding: 0 0 30px 0;
}
h1.HomeShopBox {
	background: #FFFFFF;
	border-radius: 5px;
	padding: 0 20px;
	display:inline-block;
	margin-top: -18px;
}
h2.HomeShopBox {
	margin-top: 6px;
}
h1.HomeShopBox:after {
	content: "SHOP ALL STYLES";
}
h2.HomeShopBox:after {
	content: "Quality Pre-Owned Cars and Trucks!";
}
h1.HomeShopBox { color: #f36c16 !important; }
h2.HomeShopBox { color: #FFFFFF !important; }
p.HomeWidget { color: #ffffff !important; text-transform: uppercase; }
a.LinksHome { color: #ffffff !important; text-decoration: none !important; }
a.LinksHome:hover,p.HomeSideWidgets:hover { color: #cccccc !important; }


/* PAGE CONTAINER */

div.PageBackground { width: 100%; }
div.PageContainer {
	max-width:1440px;
	min-height: 420px;
	padding: 0px;
	margin: 0 auto;
	position:relative;
}
#PageInnerBox {
	padding: 10px;
	padding-bottom: 60px;
	display: block;
}

.InnerBoxMisc,.InnerBoxMisc2,.InnerBoxMisc3,.InnerBoxAbout,.InnerBoxContact,.InnerBoxFinance,.InnerBoxInventory,.InnerBoxLocate,.InnerBoxRequest,.InnerBoxSell,.InnerBoxService,.InnerBoxService2,.InnerBoxSpecials,.InnerBoxStaff,.InnerBoxTestimonials,.InnerBoxVDP
{
	padding-top: 60px !important;
}
div.InnerBoxLocate,
div.InnerBoxContact {
	display: flex !important
}


/* CUSTOM CONTAINERS */

div.CustSec1Background { width: 100%; }
div.CustSec1Container {
	max-width:1440px;
	padding: 33px 0 75px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
div.CustSec1Container h1 {
	margin-bottom: 5px;
	font-size: 54px;
}
div.CustSec1Container h2,
div.CustSec1Container h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
div.CustSec2Background { width: 100%; }
div.CustSec2Container {
	max-width: 1440px;
	padding: 75px 0;
	display: flex;
	flex-direction: column;
	text-align: center;
}
div.CustSec2Container h2 {
	margin-bottom: 10px;
	font-size: 40px;
}
div.CustSec2Container h3 {
	font-size: 20px;
	margin-bottom: 30px;
}
div.CustSecMapBackground {
	width: 100%;
}
div.CustSecMapContainer {
	max-width: 100%;
}
div.Contact1 { flex:1; }
div.Contact2 { flex:1; margin-left: 75px; }

/* PAGE TOPPERS */

div.ContactBackground   { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.33)), url('/images/2267-greensboro-dealership.jpg'); background-position: top center; }
div.FinanceBackground   { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.33)), url('/web/images/stockbackground-finance.jpg'); background-position: center center; }
div.LocateBackground    { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.33)), url('/web/images/stockbackground-locate.jpg'); background-position: center center; }
div.ServiceBackground   { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.33)), url('/web/images/stockbackground-service.jpg'); background-position: center center; }
div.InventoryBackground { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.33)), url(''); }		
div.AboutBackground     { background-image: linear-gradient(to bottom, rgba(0,0,0,.33), rgba(0,0,0,.33)), url(''); }		

div.ContactBackground, div.FinanceBackground, div.LocateBackground, div.ServiceBackground, div.InventoryBackground, div.AboutBackground {
	background-repeat: no-repeat; background-size: cover; }
div.ContactContainer,div.LocateContainer,div.FinanceContainer,div.InventoryContainer,div.ServiceContainer,div.AboutContainer { 
	height: 200px; 
	text-align:center; 
	border-top: 0px #fff solid; border-bottom: 0px #fff solid; }
div.ContactContainer h3,div.LocateContainer h3,div.FinanceContainer h3,div.ServiceContainer h3,div.InventoryContainer h3,div.AboutContainer h3 {
	font-size: 52px;
	text-transform:none;
	text-shadow: 1px 1px 8px #000;
	color: #ffffff;
}

/* FOOTER CONTAINER */

div.FooterBackground {
	width: 100%;
	padding: 0;
	margin-top: 0px;
}
div.FooterContainer {
	max-width: 1240px;
	padding: 75px 10px 0 10px;
	position:relative;
	display: flex;
	justify-content: space-between;
    margin: auto;
}
div.FooterImages {display: flex; margin: auto; flex-direction: column}
div.FooterLeft { 
	display: flex;
	flex: 0 1 600px;
	flex-wrap: wrap;
	margin:0 auto auto 0;
}
div.FooterRight { 
	display: flex;
	flex: 0 1 480px;
 	text-align:right; 
 	flex-direction: column;
 	margin:0;
}
img.FooterLogoImage {margin: 25px auto; max-width:220px;}
div.FooterDealerInfoTitle {
	flex: 1 1 100%;
}
div.FooterDealerInfo { flex: 1 0 190px }
div.FooterDealerHours { display:flex; flex-direction: column; flex: 1 0 250px; }

div.FooterHoursRow { flex: 1; display:flex; margin:0; }
p.FooterTextHours-D { flex: 1 }
p.FooterTextHours-H { flex: 2 }
p.FooterTextHours-N { flex: 1 }

p.FooterTitleLeft { border-bottom: 2px #cccccc solid; padding-bottom: 5px; }
p.FooterTitleRight { border-bottom: 2px #cccccc solid; padding-bottom: 5px; }
p.FooterTitleLeft:after { content:"DEALERSHIP INFO"}
p.FooterTitleRight:after { content:"ADDITIONAL RESOURCES"}


div.FooterSocialContainer { display: flex; margin:0; justify-content: flex-end; }
div.FooterSocialIcons { display:inline-block; margin: 4px;}
img.FooterSocialIcons { display: block; margin:0; padding:0; }

div.FooterContainer2 { max-width: 1240px; position:relative; margin: auto; }
div.FooterBackground2 { width: 100%; padding: 6px 0; }


/* Stock Images */
img.StockImageMisc2 { width: 25%; }

/* Inventory Specials */

div.FeaturedLG {
	float: left; margin: 10px 0px 10px 18px; position: relative; display: inline; }
.ImageLG {
	margin: 0px; height: 200px; width: 269px; float: left; }
.ImageLG .ImageTextLG {
	position: absolute;	bottom:0px;	left:0px; width:269px; margin: 0px;	background: #101010; opacity: 0.85; filter:alpha(opacity=65); padding-left: 3px; padding-right: 0px; padding-top: 3px; padding-bottom: 3px; }

/* Inventory Browsing */

div.BrowseOrdering { float: left; width:100%; margin: 10px 0px;}
div.BrowseOrdering div {min-width: 600px}

div.BrowseLeft { float: left; width: 185px; margin-right: 15px;}
div.NarrowSearchHeaders { margin: 5px; padding: 5px 0px 5px 5px; border-radius: 4px; -moz-border-radius: 4px;}

div.BrowseRight { overflow: hidden; }
div.BrowseRightHeaders { text-align: left; margin: 0px; padding: 5px; border-radius: 4px; -moz-border-radius: 4px; }

div.Listings {
	margin: 0px 0px 10px 0px;
	text-align: left;
	display: block;
}

div.Blurb {
	display: block;
	text-indent: 10px;
	margin: 0 0 10px 0;
	padding: 5px 0;
}

div.ListingsImage {
	margin-right: 5%;
}

div.ListingsSpecs {
	text-align: left;
	display: inline;
}


div.ListingsRightSide {
	display: block;
	border-left: 1px #e4e8e8 solid;
	height: 100%;
	text-align:right
}

div.ListingsPrice {
	text-align: right;
}

div.ListingsIntegrations {
	width: 25%;
	float: left;	
}
img.ListingsIntegrations {
	width: 100%;
	display: block;
}
div.ListingsIntegrationsContainer {
	padding: 8%;
	text-align: center;
}

div.CarGurus {  }

div.ListingsActions {
	width: 100%;
	display: block;
	margin-top: 20px;	
}
div.ListingsActions img {
	width: 24px;
	display: inline-block;
	margin-right: 3px;
}
a.ListingsActionsLinks {
	margin-right: 20px;
}

/* ==========  VEHICLE DETAIL PAGE ========= */


div.VDPBreadCrumb {
	width: 100%;
	margin-bottom: 12px;
	padding-bottom: 6px;
	border-bottom: 1px #e4e8e8 solid;
	font-size: 12px;
}
a.VDPBreadCrumb {
	font-size: 12px;
	text-decoration: none;
	font-weight: 400;
}
a.VDPBreadCrumb:hover {
	text-decoration: underline;
	font-weight: 400;
}


div.MainImageBox {
	width:100%;
	position:relative;
}
div.MainImageContainer {
	padding:5px;
	position: relative;
}
img.MainImage {
	display: block;
	width: 100%;
}
img.Thumb {
	height: 75px;
	margin: 0 .5% 0 0;
	border: 1px solid #c6c6c6; 
	margin-right:8px; 
	display:inline;
}
div.ThumbnailsContainer {
	width:100%; overflow-x: scroll; overflow-y: hidden; white-space:nowrap; margin-top: 8px;
}
div.DetailsVehicleTitle {
	width: 100%;
}

div.DetailsPriceBox {
	width: 100%;
	margin: 8px 0 0 0;
}

div.DetailsP2Box {
	padding: 0 0 0 10px;
}

div.DetailsSpecsTitle {
	width:100%;
	padding: 10px 0 20px 0;
}

div.DetailsSpecsAdditional {
	margin-left: 0px;
	width:100%;
	padding: 8px 0;
	padding-top: 15px;
}

div.DetailsSpecsContainer {
	padding: 10px;
	margin: 25px 0 20px 0;
	line-height: 24px;
}

div.DetailsFormBox {
	margin: -10px;
}

div.VehicleDetailsLeftContainer {
	margin-right: 10px;
}

div.VehicleDetailsRightContainer {
	margin-left: 10px;
}

div.VehicleDetailsLeft {
	padding-right: 20px;
	border-right: 1px #f7f7f7 solid;
}

div.VehicleDetailsRight {
	margin-left: 20px;
}

a.MultiMediaActions { 
	font-size: 24px;
	letter-spacing: -.09em;
	padding: 12px 0 12px 12px;
	margin: auto;
	display: block;
	border-bottom: 1px #555555 solid;
	border-radius:10px;
	font-weight: 800;
	text-decoration: none;
}
a.MultiMediaActionsTestDrive {
	color: lime !important;
	background:#080808;
	padding-top:12px; padding-left:12px;
	border-radius:10px;	
}

a.MultiMediaActionsFinance:hover,
a.MultiMediaActionsQuote:hover,
a.MultiMediaActionsPictures:hover,
a.MultiMediaActionsPrint:hover {
	background: #f36c16;
	-webkit-transition: all .6s ease; transition: all 0.5s ease;
	color: white;
}

.MultiMediaActionsArrows {
	font-size: 16px;
	line-height: 24px;
}

div.VehicleDetailsLeft .CarHistory {
	float: left;
	margin-top: 10px;
}
img.CarHistory {
	margin-right: 10px;
	display:block
}

div.VehicleDetailsRightContactInfo {
	font-size: 11px;
	margin-top: 20px;
}

div.SimilarListings {
	width: 50%;
	float: left;
}
div.SimilarListingsInnerContainer {
	margin: 0px 5px 5px 0;
	padding: 5px;
}

div.SimilarListingsImage {
	width: 20%;
	text-align: center;
	float: left;
	display: inline;
}
div.SimilarListingsImage img {
	display:block;
}

div.SimilarListingsSpecs {
	float: left;
}
div.SimilarListingsSpecsInnerContainer {
	margin-left: 15px;
}

div.OptionsContainer {
	margin: 30px 0;
	padding: 20px;
	display:block;
	position:relative;
}

/* Iframe Forms */

iframe.RequestForm, iframe.SellForm, iframe.ContactForm, iframe.ServiceForm {  width: 100%; }
.clear { clear: both; }

@media (max-width: 1600px) {

}
@media (max-width: 1440px) {

}
@media (max-width: 1240px) {

	div.HomeFlex1 { padding: 33px 33px 33px 10px; }
	div.HomeFlex2 { flex: 1; }

	a.MultiMediaActions { font-size: 16px }
}
@media (max-width: 1200px) {
	div.HoursDay { font-size: 11px; width: 30%; }
	div.HoursTime { font-size: 11px; width: 69%; }	
}
@media (max-width: 1024px) {

	.Order1 { order:1 }
	.Order2 { order:2 }
	.Order3 { order:3 }
	.Order4 { order:3 }

	div.ContactContainer,div.LocateContainer,div.FinanceContainer,div.InventoryContainer,div.ServiceContainer,div.AboutContainer { 
		height: 130px; }
	
	div.ContactContainer h3,div.LocateContainer h3,div.FinanceContainer h3,div.ServiceContainer h3,div.InventoryContainer h3,div.AboutContainer h3 {
		font-size: 30px; color:white !important }

	div.HomeFlex1 { flex: 90%; padding: 5%; }

 /*Body */

 	div.HomeBackground { background-image: ; }
 	div.CustSec1Background { background-image: ; height: 100%; min-height: 100%; }
 	div.CustSec2Background { background-image: ; height: 100%; min-height: 100%; }

	div.FeaturedVehicleListing { width: 32%; }
	div.ButtonBox { width: 100%; }

	#PageInnerBox { display: block !important; }
	.InnerBoxLocate, .InnerBoxContact { flex-direction: column }
	
	.Box25,.Box30,.Box33,.Box34,.Box40,.Box45,.Box50,.Box55,.Box60,.Box66,.Box75,.Box80,.Box90 { width: 100% }
	div.CustSecMapBox { width: 95% }

	img.StockImageMisc,	img.StockImageMisc2,img.StockImageMisc3,img.StockImageAbout,img.StockImageFinance,img.StockImageInventory,img.StockImageRequest,img.StockImageSell,	img.StockImageService,img.StockImageSpecials,img.StockImageStaff,img.StockImageTestimonials 
	{ float:right; width: 100%; max-width: 320px; padding: 10px 0 0 20px; margin: 0px; }

	.MobileCenter { text-align: center; }
	.MobileOnly { display: flex; flex-direction:column; }
	.DesktopOnly { display: none !important; }
	.MobileAlignRight { text-align: left;}

	a.MultiMediaActions { font-size: 22px }

	div.StaffImageBox { width: 100%; text-align: center }
	img.StaffImages { width: 55%; display: inline-block; }	
	div.StaffBody { float:left; width: 100%; text-align: center; }

	div.TestimonialsImageBox { width: 100%; text-align: center }
	img.TestimonialsImages { width: 55%; display: inline-block; }	
	div.TestimonialsBody { float:left; width: 100%; text-align: center; }

	div.HomeShopBox {  }
	h1.HomeShopBox { margin-top: 10px; }

    div.Contact2 {margin: 0;}
}	
@media (max-width: 800px) {

	div.HomeContainer { padding: 20px; flex-direction: column; }
	div..HomeFlex1 { flex: 1; padding: 0 0 25px 0 }
	div..HomeFlex2 { flex: 1; width: 100%;}

	div.IconButtonsInventory,
	div.IconButtonsLocate,
	div.IconButtonsContact,
	div.IconButtonsFinance
		{ flex: 1; margin: 20px; }

	div.ContactContainer,div.LocateContainer,div.FinanceContainer,div.InventoryContainer,div.ServiceContainer,div.AboutContainer { height: 90px; }
	div.ContactContainer h3,div.LocateContainer h3,div.FinanceContainer h3,div.ServiceContainer h3,div.InventoryContainer h3,div.AboutContainer h3 { font-size: 26px; }

	.InnerBoxMisc,.InnerBoxMisc2,.InnerBoxMisc3,.InnerBoxAbout,.InnerBoxContact,.InnerBoxFinance,.InnerBoxInventory,.InnerBoxLocate,.InnerBoxRequest,.InnerBoxSell,.InnerBoxService,.InnerBoxService2,.InnerBoxSpecials,.InnerBoxStaff,.InnerBoxTestimonials,.InnerBoxVDP 
	{ padding-top: 25px !important; }

}
@media (max-width: 640px) {

	#PaddingY { padding: 2px 0 }
	#PaddingX { padding: 0 2px }
	#InnerBoxRight, #InnerBoxLeft { padding: 5px; }
	div.InnerBoxInventory { padding: 5px !important }

/* FONTS */

	h1 { font-size: 26px }
	h2 { font-size: 20px }
	h3 { font-size: 16px }

	div.BannerContainer h1,
	div.CustSec1Container h1,
	div.HomeContainer h1 { font-size: 30px }
	div.PageContainer h1 { margin-bottom: 10px; }

	div.BannerContainer h2,
	div.CustSec1Container h2,
	div.HomeContainer h2 { font-size: 16px }

	.PageContainer { font-size: 14px; }	
	
	p.StaffName { font-size: 20px; font-weight:700; line-height: 80%;}
	p.StaffTitle { font-size: 18px; margin-bottom: 8px; }
	p.StaffContact { font-size: 14px }	
	p.StaffInfo { font-size: 13px; }
	p.TestimonialsName { font-size: 20px; font-weight:700; line-height: 80%;}
	p.TestimonialsPurchase { font-size: 18px; margin-bottom: 8px; }
	p.TestimonialsInfo { font-size: 13px; }
	
/* STRUCTURE */

	#SiteContainer { margin-top: 0px; }
	#PageInnerBox { padding: 20px; padding-bottom: 30px; }
	div.FeaturedVehicleListing { width: 45%; }

	div.HomeContainer { padding: 20px; flex-direction: column; }
	.HomeFlex1 { flex: 1; padding: 0 0 25px 0 }
	.HomeFlex2 { flex: 1;}
	
	div.BannerContainer { padding: 0px }
	div.PageBackground { margin-top: 0px; }

/* Inventory Pages */
    div.vdata-integrations,
    div.SRP-Integration-Block {display:none}

	ul.tabs { display: list-item }
	ul.content { display: block }
	
	div.DetailsPriceBox { text-align: center; }
	div.VehicleDetailsRight, div.VehicleDetailsRightContainer { margin: 0; }
	li.Options { width: 90%; list-style: none; }
	ul.Options { display: block }
	div.SimilarListings { width: 100%; }
	div.SimilarListingsSpecs { float: left; width: 75%; }
	div.SimilarListingsSpecsInnerContainer { margin-left: 8px; }
	div.ListingsIntegrations { width: 45%; }
	.MobileLineBreak { display: inline-block }
	
	div.ListingsImage { width: 100%; margin: 0 auto 15px auto; border: 0px; }
	div.MobileListingsIntegrationDisplay { display: none }
	div.ListingsRightSide, div.ListingsPrice { text-align: center; border: 0; }
	
	div.VehicleDetailsLeftContainer { margin-right: 0px }
	div.VehicleDetailsSpecDetailsInnerBox { width: 50%; display: inline }
	a.SimilarListingsTitle { font-size: 13px; }
	
	h2.InvBrowseSubTitle { font-size: 16px; float: none; text-align: center; }
	p.InvBrowseSearchText { font-size: ; text-align: center; }
	.ListingsDropdown { font-size: 14px; padding: 3px; margin-top: 8px; }
	p.Blurb { text-align: center }
	a.ListingsTitle { font-size: 19px; letter-spacing: -.05em; font-weight: 800; }
	p.ListingsText { display: none; }
	p.ListingsPrice2 { margin-bottom: 5px }
		
/* Iframe Forms */

	iframe.RequestForm, iframe.SellForm, iframe.ContactForm, iframe.ServiceForm {  width: 100%; }
	.pure-form label { font-size: 75% !important }
	div.pure-g label { display: block !important }

/* FEATURED */	

	#FeaturedInnerBox { padding: 6px 0; }
	div.FeaturedVehicleImageContainer { margin: 5px; }

    div.FeaturedVehicleImageTextBox p { font-size: 12px; font-weight: 400; margin-top:4px}
	div.FeaturedVehicleImageTextBox a { font-size: 10px!important; font-weight: 400; }
	div.SpecialsVehicleListing { width: 50%; }

/* IMAGES */

	.StockImage { float: none !important; padding: 0px !important; margin: 10px 0 !important; max-width: 100% !important; }

/* FOOTER */

	div.FooterBackground { padding: 25px 0;}
	div.FooterLeft, div.FooterRight { width: 100%; float: none; text-align: center; padding:0; }
	div.MobileFooterBox { width: 100%; display:block; text-align:left !important; padding-bottom: 15px; border-bottom: 1px #333333 solid; margin-bottom: 15px; }
	div.FooterContainer p, p.FooterCreditsText, a.FooterNav {flex-direction:row; margin:0; justify-content: center; font-size: 12px; line-height: 18px; font-weight: 400; text-decoration:none }
	p.FooterTitleLeft { border-bottom: 0px; padding-bottom: 0px; }
	p.FooterTitleRight { display:none; }
	img.FooterLogoImage { width: 100%; max-width: 240px; margin-bottom: 10px; margin-top: 0px; }
}
