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 }
div.Container { border: 0px #e7e7e7 solid; }
div.FormsBackground { background-color: var(--white); }

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; }
.AlignCenter { text-align: center;}
.AlignRight,.MobileAlignRight { text-align: right;}
.TopMargin { margin-top: 15px;}
.BottomMargin { margin-bottom: 15px;}
.RightMargin { margin-right: 15px;}
.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: auto; }

.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.StockImage { float:right; margin: 28px 10px 25px 35px; width: 420px; border-radius: 4px;}
img.CustomImage { float:right; margin: 36px 0px 25px 35px;}

img.image_Body {display: block;float:right;max-width:96%;padding:0 0 0 2%; margin:25px auto;}

/* ADDITIONAL CONTAINERS */

div.Testimonials, div.FAQ { width: 100%; display: inline-block; }
div.TestimonialsInnerContainer, 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.StaffWrapper {display: flex; flex-wrap: wrap; margin-top: 30px;}
div.Staff {flex: 0 1 33%; margin: 0; min-width: 280px;}
div.StaffInnerContainer {padding: 12px; margin: 6px 10px; outline: 1px solid #dedede; border-radius: 8px; display: flex; flex-direction: column; text-align: center; justify-content: center;}
div.StaffInnerContainer:hover {outline: 1px solid #1e3288; }
div.StaffImageBox { width: 30%; float: left }
img.StaffImages { width: 90%; max-width: 320px; display: block; border: 8px #EAEAEA solid; }

div.StaffBody { float:left; width: 70%; }

p.StaffName { font-size: 22px; font-weight:700; line-height: 90%; }
p.StaffTitle { font-size: 16px; margin-bottom: 12px; }
p.StaffContact { font-size: 14px }
p.StaffInfo { }

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; }



/* FEATURED VEHICLE */

div.FeaturedBackground, div.SpecialsBackground {
	width: 100%;
	margin: 0 auto;
}
div.FeaturedContainer, div.SpecialsContainer {
	width: 100%;
	max-width: 1420px;
    min-height: 240px;
	margin: 0 auto;	
	padding: 24px 0px;
	position:relative;
	text-align:center;
}
#FeaturedInnerBox, #SpecialsInnerBox {
	padding: 0px;
}
div.FeaturedVehicleListing, div.SpecialsVehicleListing {
	display: inline-block;
	width: 23.99%;
	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: 225px;
}

div.FeaturedVehicleImageContainer { padding: 0px; margin: 12px; }
div.FeaturedVehicleImageTextBox { 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 800px;
	padding: 50px 100px 50px 0;
}
div.HomeFlex2 {
	flex: 1;
	justify-content: center;
	align-items: center;
	display: flex;
	background-image: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.1)), url('');
	background-size: cover;
}

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: #; }



/* 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,.InnerBoxLocate,.InnerBoxRequest,.InnerBoxSell,.InnerBoxService,.InnerBoxService2,.InnerBoxSpecials,.InnerBoxStaff,.InnerBoxTestimonials,.InnerBoxVDP { padding-top: 60px!important; max-width:1024px!important; }
div.InnerBoxInventory {padding-top:40px!important}
div.InnerBoxLocate, div.InnerBoxContact {display: flex !important}
div.Contact1 { flex:1; }
div.Contact2 { flex:1; margin-left: 75px; }



/* PAGE TOPPERS */



/* FOOTER CONTAINER */

div.FooterBackground {
	width: 100%;
	padding: 75px 0 25px 0;
	margin-top: 0px;
}
div.FooterContainer {
	max-width: 1420px;
	padding: 0 10px;
	position:relative;
	display: flex;
	justify-content: space-between;
}
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;
}
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: 0px #cccccc solid; padding-bottom: 5px; }
p.FooterTitleRight { border-bottom: 0px #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: 1440px;
	position:relative;
}
div.FooterBackground2 {
	width: 100%;
	padding: 6px 0;
}

/* 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; }

/* 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) {
	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 }

 /*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% }

	.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; }

    img.image_Body {float:none;max-width:90%;padding:0 5%; margin:25px auto;}
}	
@media (max-width: 800px) {

	div.HomeContainer { padding: 10px; flex-direction: column; }
	div.HomeFlex1 { flex: 1; padding: 0 0 25px 0 }
	div.HomeFlex2 { flex: 1; width: 100%;}
	.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; }	
	
    div.Staff {flex: 0 1 100%} 
	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: 10px; flex-direction: column; }
	div.HomeFlex1 { flex: 1; padding: 0 0 25px 0 }
	div.HomeFlex2 { flex: 1;}
	
	div.BannerContainer { padding: 0px }
	div.PageBackground { margin-top: 0px; }

/* Inventory Pages */

	ul.tabs { display: list-item }
	ul.content { display: block }
		
/* 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.SpecialsVehicleListing { width: 50%; }

/* IMAGES */


/* FOOTER CONTAINER */

	div.FooterBackground { padding: 50px 0 25px 0; }
	div.FooterContainer { flex-direction: column; justify-content: space-around; }
	
	div.FooterDealerInfoTitle { flex: 1 1 100%; text-align:center; }
	div.FooterLeft { flex:1; flex-wrap: wrap; margin:0; }
	div.FooterRight { flex: 1; text-align: center; flex-direction: column; margin: 33px 0 0 0; }

	div.FooterDealerInfo  { flex: 1; text-align:center; }
	div.FooterDealerHours { flex: 1; text-align:center; }

	div.FooterHoursRow { flex: 1; display:flex; margin:0; }
	p.FooterTextHours-D { flex: 1; line-height: 120%; } 
	p.FooterTextHours-H { flex: 2; line-height: 120%; }
	p.FooterTextHours-N { flex: 1; line-height: 120%; }
	p.FooterTextResources { order: 3; padding-top: 12px; }
	
	div.FooterSocialContainer { justify-content: center; }

	p.FooterTitleLeft { border-bottom: 0px; padding-bottom: 0px; }
	p.FooterTitleRight { display:none; }
	img.FooterLogoImage { width: 100%; max-width: 160px; margin-bottom: 10px; margin-top: 0px; }
	div.FooterContainer p, p.FooterCreditsText, p.FooterCreditsText a.FooterNav { flex-direction: row; justify-content: space-around; font-size: 12px; }
}