/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {font-family: din-2014, sans-serif;
font-style: normal;
font-weight: 200;}
.topheader {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    padding: 5px 40px;
    font-weight: 600;
    font-size: 15px;
}
.topheadright a {
    padding: 0px 10px;
}
.bottomheader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 40px;
    background: #005cb9;
	color: #fff;
}

.headerlogo {
    width: 25%;
}
.headerlogo img {
    width: 100%;
    max-width: 275px;
}
.pageheader {
    background: url(/siteart/page-title-bkgd.jpg);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5%;
    background-position: center;
}
.pageheadertext {
    font-family: din-2014, sans-serif;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    font-weight: 900;
    color: #fff;
    font-size: 55px;
}
.mobiledisplay{
		display: none;

}
.nomobiledisplay{
	display: inline-block;
}
/*---BODY--------------------------------*/




/*--------FORM STYLES--------------------*/




/*-------- FOOTER STYLES ----------------*/
footer{}
.footer {
    background: #215dbc;
    display: flex;
    justify-content: space-between;
    padding: 20px 40px 40px 40px;
	font-family: din-2014, sans-serif;
}
.footerbottom {
    background: #000;
    text-align: center;
    color: #fff;
    padding: 10px;
    font-family: din-2014, sans-serif;
    font-size: 16px;
}


.footerlogo {
    width: 20%;
}
.footerlogo img{
    width: 100%;
	max-width: 200px;
}

.footersect {
    width: 18%;
	font-family: din-2014, sans-serif;
    color: #fff;
}
.footerheader {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
}
.footeraddress {
    text-decoration: underline!important;
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 18px;
	margin-bottom: 10px;
}
.footerlink {
    width: 100%;
    display: block;
    font-size: 15px;
}
.footerbtn {
    color: #215dbc;
    background: #fff;
    padding: 8px 30px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 14px;
}
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.list-top-section .list-title .list-title-text{
	display: none!important;
	padding: 0px!important;
}
.invpadding{
	padding: 40px 0px;
}
.list-top-section .list-listings-count{
	padding-right: 0px!important;
	color: #005cb9!important;
	    font-family: din-2014, sans-serif;

}

.list-content .price-container .price{
	color: #005cb9!important;
	    font-family: din-2014, sans-serif;
}
.list-title {
    padding: 0px !important;
}
a.view-listing-details-link.des-view-listingDetails.template-branded-button {
    background: #005cb9!important;
}
a.MuiButtonBase-root.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.MuiButton-root.MuiButton-contained.MuiButton-containedPrimary.MuiButton-sizeSmall.MuiButton-containedSizeSmall.MuiButton-colorPrimary.listing-widget__link.augusttrucksalescomhdev-1cczsil {
    background: rgb(0, 92, 185) !important;
	color: #fff!important;
	box-shadow: none!important;
}
.detail-wrapper{font-family: din-2014, sans-serif!important;}
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price{
	color: #005cb9!important;
	
}
.faceted-search-content .mobile-done-button-container .mobile-done-button{
    background: #005cb9!important;
	
}
/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1165px) {
.footerlogo {
    width: 100%;
	margin-bottom: 20px;
}	
	.footer{
	flex-wrap: wrap;
	}
	.footersect{
		width: 23%;
			margin-bottom: 20px;
	}
}
@media only screen and (max-width: 890px) {
.footersect{
		width: 49%;
	}	
}
@media only screen and (max-width: 765px) {
	.nomobiledisplay{display: none;}
	.mobiledisplay{display: inline-block;}
	.headerlogo {
    width: 80%;
}
}

@media only screen and (max-width: 680px) {
.pageheadertext {
	    font-size: 40px;
	}
	.pageunderline {
    width: 100%;
}
	.pageunderline img {
    width: 100%;
	}
}
	
@media only screen and (max-width: 450px) {
	.topheader{padding: 5px 10px;}	
	.bottomheader{
	padding: 5px 10px;	
	}
	.headerlogo img {
    width: 100%;
    max-width: 180px;
}
	.pageheadertext {
        font-size: 30px;
		line-height: 32px;
    }
	.pageheader{
		padding: 10% 5%;
	}
	.footersect{
		width: 100%;
	}
	.footer{
		padding: 20px 10px 40px 10px;
	}
}
@media only screen and (max-width: 375px) {
	.topheadright {
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 20px;
}
	.topheadleft {
    text-align: center;
    width: 100%;
    padding: 5px;
}
}