/*
ul li:first-child { margin-left: 0 !important; }
ul li:last-child { margin-right: 0 !important; }
*/

/*COLOR =   #	*/

body {

}

.bodycenter {
	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);
}



.span {display:inline-block;}
.clear {clear:both;}
.inner {
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	height: auto;
	max-width: 1200px;
}
.innerRight {
	display: inline-block;
	width: 90%;
	height: auto;
	max-width: 1400px;
	float:right;
}
.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;eft: 0;top: 0;right: 0;bottom: 0;		z-index: 900; }

li {list-style: none;}
/***************************  FONTS  *******************************************/
h1.welcome {font-family: 'cooper_hewittmedium', sans-serif;font-size:32px;line-height: 110%;text-transform:uppercase; padding-right:8px;}
h1.sitename {font-family: 'cooper_hewittbold', sans-serif;font-size:32px;line-height: 120%;text-transform:uppercase;}
h2.sitename {font-family: 'cooper_hewittbold', sans-serif;font-size:32px;line-height: 120%;text-transform:uppercase;}

h2.bold {font-family:'cooper_hewittbold', sans-serif; font-size:52px; line-height:120%; text-transform:uppercase; color:#fff;}
h2.thin {font-family: 'cooper_hewittmedium', sans-serif;font-size:32px;line-height: 120%; text-transform:uppercase; color:#fff;}

h3 {font-family: 'cooper_hewittbold', sans-serif;font-size:24px;line-height: 140%; text-transform:uppercase;}
h4 {font-family: 'cooper_hewittbold', sans-serif;}
h5 {font-family: 'cooper_hewittbold', sans-serif; font-size:20px; text-transform:uppercase; line-height:130%;}
h5 a{font-family: 'cooper_hewittbold', sans-serif; font-size:20px; color:#fff; text-decoration:none; text-transform:uppercase;}
h5 a:hover{text-decoration:underline; text-transform:uppercase;}

h6 {font-family: 'cooper_hewittmedium', sans-serif;}

p {font-family: 'cooper_hewittmedium', sans-serif;font-size: 16px;color: #333;text-align: left; line-height:160%;}

a.link {font-family: 'cooper_hewittmedium', sans-serif;font-size: 16px;color: #333;line-height: 140%;text-decoration: none;}
a.link:hover {text-decoration: underline;}

/***************  FONT CLASSES  *************************/
.textBlack {color: #333;}
.textWhite {color: #fff;}
.textGrey  {color: #5b5b5b;}
.textRed {color: #b10007;}

.bgWhite { background-color: #fff;}
.bgBlack { background-color: #000;}
.bgGrey { background-color:  #5b5b5b;}
.bgRed {background-color: #b10007;}
.bgTexture {background-image:url(../siteart/texture.png); background-color:#000; background-repeat:repeat;}

.textLeft { text-align:left;}
.textCenter {text-align:center;}
.textRight {text-align: right;}

/***************************  HEADER  ******************************************/
.headercontainer {background-color:#061A1D;width: 100%; box-sizing:border-box;padding: 15px 0px;}

.logo {display: inline-block; float: left;}
.logo img {max-width: ;}
/***************************  MAIN IMAGE  **************************************/
.mainimage {width:100%; height:400px; position:relative; z-index:1; overflow:hidden; background-image:url(../siteart/mainimage2.jpg); background-position:center;background-color:#000; background-repeat:no-repeat; background-size:cover;}

.thankyouimage {width:100%; height:1000px; position:relative; z-index:1; overflow:hidden; background-image:url(../siteart/mainimage2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}

.mainimage img{width: 100%; height: auto;;}
.heading {width:auto; height:auto; top:50%; left:50%; transform:translate(-50%,-50%); position:relative; z-index:3;}
.thankyouheading {width:auto; height:auto; top:20%; left:50%; transform:translate(-50%,-20%); position:relative; z-index:3;}
.cycle-slideshow {width:100%;  max-width:600px; height: xxxxx;overflow:hidden; z-index:1; position:relative;}
.cycle-slideshow img {width:100%;}
/***************************  STRUCTURE  *****************************************/
.contentContainer {width: 100%;}
.contentFull {width: 100%; display:inline-block;}
.contentHalf {display: inline-block;width: 46%;margin:1%;}
.contentOneThird {display: inline-block;width: 32%;margin: 1%;}
.contentTwoThirds {display: inline-block;width: 64%;margin:1%;}
.contentOneFourth {display: inline-block;width: 20%;margin:1%;}
/*************  STRUCTURE CLASSES  ************************/

.paddingV15 { padding: 15px 0px; }
.paddingV30 { padding: 30px 0px; }
.paddingV50 { padding: 50px 0px; }
.margintop15 { margin-top: 15px; }
.marginbottom15 { margin-bottom: 15px;}

.floatleft {float:left;}
.floatright {float:right;}
/***************************  BUTTONS  *****************************************/
a.button {font-family:'cooper_hewittbold', sans-serif;font-size:22px;
	color:#FFFFFF; background-color:#b10007; border:2px solid #fff;
	padding: 15px 20px;text-decoration: none;display: inline-block;text-transform:uppercase;margin: 8% 5%; width:200px;}
a.button:hover {
	background-color:#000;color:#fff;
	text-decoration: none;}
/***************************  FOOTER  *****************************************/
.footerleft {float:left; width:34%;} .footerright {float:right; width:65%;}
.footercontainer {background-color: #000;width: 100%; padding: 30px 0px; box-sizing:border-box;}
.footernavbartitle {font-family:'cooper_hewittbold',sans-serif;color: #fff;text-align:center;font-size:14px;padding-bottom: 10px;text-transform:uppercase;}
.footernavbar {width: 100%; margin-bottom: 15px;line-height: 120%;}
.footnernavbar ul {padding: 10px 0px;}
.footernavbar ul li {display:inline-block;text-align:left;font-family: 'cooper_hewittmedium', sans-serif;color: #fff; font-size:14px; padding-left:10px;}
.footernavbar ul li a{font-family: 'cooper_hewittmedium', 'fontawesome', sans-serif;color: #fff;text-decoration: none;text-transform: uppercase;text-align:left;font-size: 14px;}
.footernavbar ul li a:hover{text-decoration: underline;}
p.footertext {font-family:'cooper_hewittmedium', 'fontawesome', sans-serif; color:#fff; font-size:14px; text-transform:uppercase;}
a.footerlink {font-family:'cooper_hewittmedium', 'fontawesome', sans-serif; color:#fff; font-size:14px; text-transform:uppercase; text-decoration:none;}
a.footerlink {text-decoration:underline;}


/*********************  SPECIFIC PAGES  ***************************************************************/

/***************************  INVENTORY  ***************************************/
.list-listing-wrapper {box-sizing: content-box; font-family: 'cooper_hewittmedium', sans-serif;}
.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: #b10007 !important;
	color: #fff !important;
    border: solid 2px #fff !important;
}
.hosted-content .listings-wrapper .hosted-theme a.btn:hover {
    color: #fff !important;
    border: solid 2px #fff !important;
    background: #5b5b5b !important;
    box-sizing: border-box !important;
}
.list-container-flexrow .contact-options a, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text{
	background: #000!important;
}
.list-top-section .list-title .list-listings-count{
	color: #b10007!important;
}
.list-top-section .sticky-top-menu .listing-option-bar-content .list-listings-count{
	color: #b10007!important;
	
}
.list-top-section .list-title .list-title-text{
	font-family: 'cooper_hewittbold',sans-serif !important;
}
.compare-listings-container{
	box-sizing: content-box;
}
.list-content .list-listing-title-link{font-family: 'cooper_hewittmedium', sans-serif!important;}
.list-container-flexrow .price-container .price{color: #b10007!important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {font-family: 'cooper_hewittsemibold', sans-serif !important; font-weight:normal !important; font-size: 18px;}
.view-listing-details-link {background-color: #b10007!important;}
.list-container-flexrow .contact-options>a i {display: unset!important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {
    font-weight: bold!important;
    color: #b10007!important;
	font-family: 'cooper_hewittbold'!important;}
.compare-listings-container .compare-container{
	box-sizing: content-box!important;
}
.compare-listings-container .compare-container .button {
    color: #fff!important;
    font-size: 15px!important;
    display: flex!important;
    align-items: center!important;
    margin: 5px 10px!important;
}
.compare-listings-container .compare-container .compare-price{
	color: #b10007!important;
	
}
.bread-crumbs-heading .return-links .return-links-link span{
	background: #000!important;
}
.faceted-search-content .faceted-section-box .faceted-search{
	background: #000!important;
	
}
.list-content .media-buttons .print-this, .list-content .media-buttons .email-this{
	font-family: 'cooper_hewittbold', sans-serif!important;
    font-size: 14px!important;
    color: #FFFFFF!important;
    background-color: #b10007!important;
    border: 2px solid #fff!important;
    padding: 15px 30px!important;
    text-decoration: none!important;
    display: inline-block!important;
    text-transform: uppercase!important;
}
.mobile-option-bar .mobile-option-bar-filter{
		color: #b10007!important;

}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
	    background-color: #b10007!important;

}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price{
			color: #b10007!important;

}
/***************************  PAGE 1  ***************************************/
.buttoncontainer {background-image:url(../siteart/roadbg.jpg); background-position:center; background-size:cover; background-repeat:no-repeat; width:100%; }
.contactcontainer {width:400px; display:inline-block; float:left; box-sizing: border-box; padding:35px 0px;}

.whiteborderbox {display:inline-block; border-bottom:5px solid #fff; float:left; width:auto; margin-bottom:25px;}
.mapcontainer {width:calc(100% - 400px); display:inline-block; float:right; box-sizing: border-box; padding:25px 0px;}
/***************************  PROJECTS  ***************************************/
.slideshow{ position: relative;}
.cycle-slideshow{width: 100%; height: auto; position: relative; z-index: 0;}
.cycle-slideshow img{width: 100%; height: auto; position: relative; z-index: 0;border-bottom: 3px #3165a5 solid;}

.manufacturerbutton {background-color:#333; color:#fff; font-family: 'cooper_hewittsemibold', sans-serif; font-size:16px; width:15%; padding:10px 5px; border:0; margin:10px 5px; letter-spacing:1px; text-transform:uppercase;}
.manufacturerbutton:hover {background-color:#b10007; cursor:pointer;}

#InternationalDiv {width: 50%; margin-left:25%; line-height:300%; text-transform:uppercase; text-align: center; font-family: 'cooper_hewittsemibold', sans-serif; font-size:20px;}
#PeterbiltDiv {width: 50%; margin-left:25%; line-height:300%; text-transform:uppercase; text-align: center; font-family: 'cooper_hewittsemibold', sans-serif; font-size:20px;}
#KenworthDiv {width: 50%; margin-left:25%; line-height:300%; text-transform:uppercase; text-align: center; font-family: 'cooper_hewittsemibold', sans-serif; font-size:20px;}
#FreightlinerDiv {width: 50%; margin-left:25%; line-height:300%; text-transform:uppercase; text-align: center; font-family: 'cooper_hewittsemibold', sans-serif; font-size:20px;}
#MackDiv {width: 50%; margin-left:25%; line-height:300%; text-transform:uppercase; text-align: center; font-family: 'cooper_hewittsemibold', sans-serif; font-size:20px;}
#VolvoDiv {width: 50%; margin-left:25%; line-height:300%; text-transform:uppercase; text-align: center; font-family: 'cooper_hewittsemibold', sans-serif; font-size:20px;}

@media screen and (max-width: 1099px) {
/*HEADER*/	


/*NAVIGATION*/	


/*CONTENT*/	


/*FOOTER*/	

/***PAGES***/

/*PAGE 1*/	



}
@media screen and (max-width: 1023px) {
/*HEADER*/	
.logo {max-width: 200px; height:auto;}

/*NAVIGATION*/	


/*CONTENT*/	


/*FOOTER*/	

/***PAGES***/

/*PROJECTS*/	
.manufacturerbutton {width:40%;}
#InternationalDiv {width: 70%; margin-left:15%;}
#PeterbiltDiv {width: 70%; margin-left:15%;}
#KenworthDiv {width: 70%; margin-left:15%;}
#FreightlinerDiv {width: 70%; margin-left:15%;}
#MackDiv {width: 70%; margin-left:15%;}
#VolvoDiv {width: 70%; margin-left:15%;}
}
@media screen and (max-width: 1000px) {
	.list-content .listing-image{
		flex-basis: 100%!important;
	}
	.list-container-flexrow .listing-boxed .listing-content .listing-content-middle{
		flex-basis: 100%!important;
	}
	.list-container-flexrow .listing-boxed .listing-content .listing-content-right{
		flex-basis: 100%!important;
	
	}
	.list-container-flexrow .listing-boxed .listing-content{flex-wrap: wrap!important;}
}
@media screen and (max-width: 767px) {
/*HEADER*/	
.logo {display: inline-block;float: none;max-width: 80%;}

h2.bold {font-family:'cooper_hewittbold', sans-serif; font-size:42px; line-height:120%; text-transform:uppercase; color:#fff;}
h2.thin {font-family: 'cooper_hewittmedium', sans-serif;font-size:26px;line-height: 120%; text-transform:uppercase; color:#fff;}
/*CONTENT*/	
.contentHalf {width: 100%; display: inline-block;}
.contentOneThird {width: 100%;}
.contentTwoThirds {width: 100%;}
.contentOneFourth {width: 46%; display: inline-block; margin:1%;}

/*FOOTER*/	
.footerleft {float:none; width:100%}
.footerright {float:none; width:100%; padding-top:20px;}

/***PAGES***/

/*PAGE 1*/	
h5 {font-size:16px;} h5 a {font-size:16px;}
.contactcontainer {width:100%; display:inline-block; float:none; box-sizing: border-box; padding:25px 0px 10px 0px;}
.mapcontainer {width:100%; float:none; padding:10px 0px 25px 0px;}

}
@media screen and (max-width: 480px){
/*HEADER*/
.logo {max-width: 60%;display: inline-block;float: none;}
.heading {width:50%;}
/*CONTENT*/	
.contentHalf {width: 100%; display: inline-block;}
.contentOneThird {width: 100%;}
.contentTwoThirds {width: 100%;}
.contentOneFourth {width: 90%; margin:5%;}
a.button {width: 70%;margin: 10px 0px;}
.floatleft {float:none;}
.floatright {float:none;}
.thankyouheading {width:100%;}
/*FOOTER*/	
.divfooter {width: 250px;}
.footernavbar ul li {width: 100%;padding: 5px;display: inline-block;text-align:center;}

/***PAGES***/

/*PAGE 1*/	
.manufacturerbutton {width:60%;}

/*PROJECTS*/	
.manufacturerbutton {width:40%;}
#InternationalDiv {width: 90%; margin-left:5%;}
#PeterbiltDiv {width: 90%; margin-left:5%;}
#KenworthDiv {width: 90%; margin-left:5%;}
#FreightlinerDiv {width: 90%; margin-left:5%;}
#MackDiv {width: 90%; margin-left:5%;}
#VolvoDiv {width: 90%; margin-left:5%;}
}