/*
body#home a#homeLink,
body#inventory a#inventoryLink,
body#locations a#locationsLink,
body#about a#aboutLink,
body#contact a#contactLink {
color: #FFF;}
*/


/*
ul li:first-child { margin-left: 0 !important; }
ul li:last-child { margin-right: 0 !important; }
*/


/*

#eaa415   YELLOW
#004d7b   BLUE

*/

@font-face {
    font-family: 'montserratregular';
    src: url('/fonts/montserrat/montserrat-regular-webfont.eot');
    src: url('/fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat/montserrat-regular-webfont.woff2') format('woff2'),
         url('/fonts/montserrat/montserrat-regular-webfont.woff') format('woff'),
         url('/fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),
         url('/fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('/fonts/montserrat/montserrat-semibold-webfont.eot');
    src: url('/fonts/montserrat/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat/montserrat-semibold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat/montserrat-semibold-webfont.woff') format('woff'),
         url('/fonts/montserrat/montserrat-semibold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratbold';
    src: url('/fonts/montserrat/montserrat-bold-webfont.eot');
    src: url('/fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat/montserrat-bold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),
         url('/fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratextra_bold';
    src: url('/fonts/montserrat/montserrat-extrabold-webfont.eot');
    src: url('/fonts/montserrat/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/montserrat/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('/fonts/montserrat/montserrat-extrabold-webfont.woff') format('woff'),
         url('/fonts/montserrat/montserrat-extrabold-webfont.ttf') format('truetype'),
         url('/fonts/montserrat/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: normal;
    font-style: normal;

}



body {
	line-height: 1;
	text-align: center;
/*	position: relative;
*/	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	-webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.inner {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	height: auto;
	max-width: 1200px;
}
.linkfill {
	display: inline-block !important;
	width: 100% !important;
	height: 100% !important;
	line-height: 0 !important;
	font-size: 0 !important;
	color: transparent !important;
	text-decoration: none !important;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	
	
	z-index: 900; /****CHANGE AS NEEDED*****/
}

li {list-style: none;}
/***************************  FONTS  *******************************************/
h1.welcome {font-family: 'montserratsemi_bold', sans-serif;font-size:18px;line-height: 110%;text-transform:uppercase;}
h1.sitename {font-family: 'montserratextra_bold', sans-serif;font-size:32px;line-height: 120%;text-transform:uppercase;text-align:left;}
h2 {font-family: 'montserratsemi_bold', sans-serif; font-size:24px; line-height: 140%; color:#FFFFFF; font-style:italic;}
h3 {font-family: 'montserratsemi_bold', sans-serif;font-size:24px;line-height: 140%; color:#004d7b; text-align:left; text-transform:uppercase; letter-spacing:1px;}
h4.form {font-family: 'montserratsemi_bold', sans-serif; font-weight:normal; font-size:18px; line-height: 140%; color: #004d7b; text-transform:uppercase;}

h4.location {font-family: 'montserratbold', sans-serif; font-weight:normal; font-size:20px; line-height: 140%; text-transform:uppercase;}
h5.city {font-family: 'montserratbold', sans-serif;font-size:18px;line-height: 180%; text-transform:uppercase;}
h5.headline {font-family: 'montserratbold', sans-serif;font-size:16px;line-height: 180%; text-transform:uppercase;}

h5 {font-family: 'montserratsemi_bold', sans-serif;font-size:16px;line-height: 140%;}
h6 {font-family: 'montserratregular', sans-serif;font-size:12px;line-height: 140%;text-transform: uppercase;letter-spacing:2px;}

p {font-family: 'montserratregular', sans-serif;font-size: 14px;color: #333;line-height: 140%;text-align: left;}

a.link {font-family: 'montserratregular', sans-serif;font-size: 14px;color: #004d7b;line-height: 140%;text-decoration: none;}
a.link:hover {text-decoration: underline;}
a.linkblue {font-family: 'montserratsemi_bold', sans-serif;font-size: 16px;color: #004d7b;line-height: 140%;text-decoration: none; text-align:left;}
a.linkblue:hover {text-decoration: underline;}
a.link24 {font-family: 'montserratsemi_bold', sans-serif;font-size: 24px;color: #004d7b;line-height: 140%;text-decoration: none;}
a.link24:hover {text-decoration: underline;}
/***************  FONT CLASSES  *************************/
.textWhite {color: #fff;}
.textYellow {color:#eaa415}
.textBlue {color: #004d7b;}

.textLeft { text-align:left;}
.textCenter {text-align:center;}
.textRight {text-align: right;}

/***************************  HEADER  ******************************************/
.headercontainer {background-image:url(../siteart/headerbg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat;width: 100%;padding: 15px 0px;background-color:black;}
.logo {display: inline-block; float: none;}
/***************************  MAIN IMAGE  **************************************/
.mainimage {width: 100%; height: auto;}
/***************************  STRUCTURE  *****************************************/
.contentContainer {width: 100%;padding: 15px 0px;}
.contentFull {width: 100%;}
.contentHalf {float: left;display: inline-block;width: 48%;margin:1%;}
.contentOneThird {float: left;display: inline-block;width: 32%;margin: 1%;}
.contentTwoThirds {float: left;display: inline-block;width: 64%;margin:1%;}
.contentOneFourth {float: left;display: inline-block;width: 25%;}
/*************  STRUCTURE CLASSES  ************************/
.bgWhite { background-color: #fff;}
.bgBlue {background-color: #004d7b;}	

.paddingV15 { padding: 15px 0px; }
.margintop15 { margin-top: 15px; }
.marginbottom15 { margin-bottom: 15px;}

.floatleft {float:left;}
.floatright {float:right;}
/***************************  BUTTONS  *****************************************/




.locationWrap {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
a.locationInv{
	flex:1; margin:5px; padding:15px 25px; font-size:15px; line-height:40px; text-decoration:none;  color:#fff; background:#004d7b; font-family:'montserratbold',sans-serif;
	-webkit-transition:.4s ease-in; -moz-transition:.4s ease-in; -o-transition:.4s ease-in;	transition:.4s ease-in;
}
a:hover.locationInv {background:#eaa415;}


/***************************  FOOTER  *****************************************/
.footercontainer {background-color: #004d7b;width: 100%; padding: 20px 0px;}
.footercontainer img {float:left; display:inline-block; width:150px; height:auto;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:11px; text-decoration:none; color:#eaa415;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:11px; text-decoration:underline; color:#eaa415;}
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#fff;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#fff;}
.divfooter {width:450px; text-align:center; margin:0 auto;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {  width:100%; height:90px; overflow:hidden;}
 
.scrolling{ width:100%; height:92px;}

/***************************  SPECIFIC PAGES  ***************************************************************/

/***************************  INVENTORY  ***************************************/
.listings-wrapper .listing-boxed .listing-boxed-details {
    text-align: left !important;
}
.hosted-content .listings-wrapper .border-bottom, .hosted-content .listings-detail-wrapper .border-bottom, .hosted-content .listings-drilldown-wrapper .border-bottom {
    text-align: left !important;
}
.hosted-content .listings-detail-wrapper .information-box {
    text-align: left !important;
}
.hosted-content .left {
    text-align: left !important;
}
.hosted-content .listings-detail-wrapper .listing-details .divider {
    text-align: left !important;
}
.hosted-content .listings-wrapper .hosted-theme a.btn  {
    background: #eaa415 !important;
	color: #fff !important;
    border: solid 2px #eaa415 !important;
}
.hosted-content .listings-wrapper .hosted-theme a.btn:hover {
    color: #fff !important;
    border: solid 2px #004d7b !important;
    background: #004d7b !important;
    box-sizing: border-box !important;
}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-family: 'montserratbold', sans-serif !important; font-weight:normal !important; font-size: 18px;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {color:#004d7b !important;}



.saleBanner{
	display:inline-block; box-sizing:content-box; margin:0 0 35px 0; padding:15px 18px; font-size:1.4375em; text-align:center; color:#fff; background-color: #bb0000; font-family: 'montserratregular';
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.saleBanner span { font-family: 'montserratbold';}



/***************************  FACETED INVENTORY  ***************************************/
.detail__breadcrumbs {text-align:left !important;}
h2.dealer-contact__heading {color:#000 !important;}
.list-content .list-main-section .list-container .list-listing, .list-content .list-listing-mobile {
	text-align: left!important;
}

.faceted-search-content .faceted-section-box {
	text-align: left!important;
}

.faceted-search-content .selected-facets-container .selected-facets {
	text-align: left!important;
}

.detail-content, .detail-content-mobile .detail-main-body {
	text-align: left!important;
}

.list-content .listing-portion-title {color:#004d7b !important;}


#no-compare-listings {color:#000 !important;}

.contact-options a {background:#004d7b !important;}

.compare-listings-container .compare-container .cs-btns a{background:#004d7b !important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {color:#004d7b !important;}

.selected-facet {padding: 8px 12px !important; color:#fff !important; background:#004d7b !important;}
.list-content .list-error-container .info button {background:#004d7b !important;}

.compare-chkbox-container .compare-listings .compare-label {margin-bottom:1px !important;}

.compare-chkbox-container .compare-listings .fa-check {top:4px !important; left:6px !important;}
.compare-checked span,
.compare-checked a{color:#004d7b !important; text-decoration:none !important;}

.ts-modal-header h2 {color:#000;}

.list-content .list-error-container .info h2 {color:#000;}

/*************************  CONTACT PAGE  *************************************/
.locationbox {width: 80%; float:none; display:inline-block; background-color: #fafafa; border: solid 4px #eaa415 ; border-radius:15px; margin-left:10%; padding: 10px}
.locationbox .info {width: 30%; float:left; margin-left:5%; display:inline-block;}
.locationbox .map {width:50%; float:right; display:inline-block;}

.trkimg {width:100%; max-width:625px; height:auto; float:left; }

/**		#eaa415   YELLOW
		#004d7b   BLUE
**/
/***************************  PAGE 2  ***************************************/
.truckimage {width:100%; height:auto; }




@media screen and (max-width: 767px) and (min-width: 481px) {
/*HEADER*/	
.logo {
	display: inline-block;
	float: none;
	max-width: 90%;
}

/*CONTENT*/	
.contentHalf {width: 100%; display: inline-block;}
.contentOneThird {width: 100%;}
.contentTwoThirds {width: 100%;}
.contentOneFourth {width: 50%; display: inline-block;}
/*FOOTER*/	
.divfooter {width: 350px;}
.footercontainer img {float:none;}
.floatleft {float:none;}
/*CONTACT*/	
.locationbox {width: 93%; float:none; display:inline-block; background-color: #fafafa; border: solid 4px #eaa415 ; border-radius:15px; margin-left:3%; padding: 10px}
.locationbox .info {width: 30%; float:left; margin-left:5%; display:inline-block;}
.locationbox .map {width:50%; float:right; display:inline-block;}


}
@media screen and (max-width: 480px){
/*HEADER*/
.logo {width: 40%;}

/*CONTENT*/	
.contentHalf {width: 100%; display: inline-block;}
.contentOneThird {width: 100%;}
.contentTwoThirds {width: 100%;}
.contentOneFourth {width: 100%;}

.floatleft {float:none;}
.floatright {float:none;}

/*FOOTER*/	
.divfooter {width: 250px;}
.footercontainer img {float:none;}

.locationbox {width: 90%; float:none; display:inline-block; background-color: #fafafa; border: solid 4px #eaa415 ; border-radius:15px; margin-left:0; padding: 10px}
.locationbox .info {width: 100%; float:none; margin-left:6%; display:inline-block;}
.locationbox .map {width:100%; float:none; display:inline-block; padding-top:20px;}

}