﻿/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  

/* INV FORMATTING
------------------------------------------------*/
.invbuttons {    display: flex;
    justify-content: center;
    align-items: center;
}
.inventorybutton {margin-left:50px; margin-right:50px;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#df2034 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #df2034 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}

.dealer-btns-bottom a {background: #df2034 !important;}
.page-nav{background-color:#df2034!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#df2034!important}
.return-links span, .return-links i {color:#df2034!important;}
.bottom-section {text-align:left!important;}
.contact-information {line-height: 19px;}



/* TEXT/LINK FORMATTING
------------------------------------------------*/
.container a:link {color:#646464;}
.listing-name > a {color:#646464 !important;}
.container h2 {color:#646464 !important;}
.hosted-content input[type="submit"], .hosted-content button[type="submit"], .hosted-content .btn, .hosted-content .button {background:#ac1928 !important; color:#fff !important;}

/* TEXT/LINK FORMATTING
------------------------------------------------*/

	/* LINKS */
	a:link, a:visited {
		color:#212121;
		text-decoration:none;
	}
	a:hover, a:active {
		color:#eaeaea;
		text-decoration:none;
	}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 18px; line-height:22px; font-family: 'Open Sans', sans-serif;}

	/* HEADERS */
	h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
	h1 {font-size:30px; color:#ac1928; font-weight:600;}
	h2 {font-size:26px; color:#EAEAEA; font-weight:600;}
	h3 {font-size:22px; color:#df0234; text-align:center; padding-bottom:5px;}
	h4 {font-size:20px; color:#ac1928; padding:0 20px;}
	h5 {font-size:20px; color:#fff; padding:20px 20px 0;}
	h6 {font-size:18px; color:#ac1928; padding:0 20px;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}

body {
	margin:0;
	min-width:300px;
	line-height:12px;
	font-family: 'Open Sans', sans-serif;
}

.wrap {max-width:1080px; margin:0 auto;}

.inset {padding:20px;}

::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}

/* HEADER
------------------------------------------------*/	
header {
	width:100%;
	margin:0 auto;
	background:#fff;
}	

.headerinset {
	width:85%;
    margin:0 auto;
	padding:20px 0;
	text-align: center
}

.number {
	margin-top: 10px;
    color: #df2034;
    font-weight: 700;
    font-size: 28px;
	text-align: right;
}
.number a {
    color: #df2034;
}


.logo {
	float:left;
    max-width:300px;
	width:100%;
}	
	
.logo p{display: none; 
	margin-top: 10px;
    color: #df2034;
    font-weight: 700;
    font-size: 28px;}
.logo p a{
    color: #df2034;}
/*------SLIDER STYLES-------------------------- */
.gray-bg{background:url(../siteart/trucks.jpg) no-repeat; background-color:#fff; margin:0 auto;}
.slideshow{width:100%;}
.cycle-slideshow img{
	width:100%;
}	
	
/*  MAIN
------------------------------------------------*/	
.main {
	width:100%;
	background:#fff;
	color:#363636;
	padding:0;
}

.redbar {
	width:100%;
}

.greybar {
	height:8px;
	width:100%;
	background:#b0b0b0;
}

.darkbar {
	height:4px;
	width:100%;
	background:#ac1928;
	margin-top:-1px;
}

.banner {
	min-height:35px;
	text-align:center;
	background:#eaeaea;
	color:#ac1928;
	padding:7px;
	font-size:30px;
	line-height:1;
	font-weight:600;
}

.mainwrapper {
	max-width:1060px;
	margin:40px auto;
}

.inventorywrapper {
	width:100%;
	max-width:80%;
	margin:40px auto;
}	

.thirdbox-outer {
	width:32.12%;
	position:relative;
	text-align:left;
	display: inline-block;
	height:245px;
	overflow:hidden;
	background:#df2034;
	color:#fff;
	box-shadow:0 0px 7px #363636;
	*float:left;
}

.thirdbox-outer p {
	padding:20px;
	margin:0 auto;
}
.thirdbox-outer p a {
    color:#fff;
}
.thirdbox-middle {
	width:32.12%;
	position:relative;
	text-align:left;
	display: inline-block;
	margin:0 1%;
	height:245px;
	vertical-align:top;
	background:#fff;
	color:#fff;
	*float:left;
}

.middle-inset {
	text-align:center;
	display:block;
	background:#b0b0b0;
	background: -webkit-linear-gradient(#b0b0b0, #BDBDBD, #929292);
	position:relative;
	box-shadow:0 0px 5px #363636;
	color:#fff !important;
	padding:27px 0;
	font-size:29px;
	line-height:1;
	font-weight:800;
	z-index:99;
	border-radius:8px;
}

.middle-inset:hover {
	transform:scale(1.05,1.05);
	box-shadow:0 1px 15px #363636;
	background: -webkit-linear-gradient(#b0b0b0, #BDBDBD, #797979);
	border-radius:12px;
}


.inventoryinset {
	max-width:1060px;
	margin:40px auto 0;
}

.inventorybutton{
	padding: 1% 5%;
    background: #fff;
    color: #363636 !important;
    border: 1px solid #363636;
    display: inline-block;
    margin-right: 10px;
	margin-bottom:20px;
    text-align: center;
	font-weight:900;
}

.inventorybutton:hover{
	padding: 1% 5%;
    background: #fff;
    color: #ac1928 !important;
    border: 1px solid #ac1928;
    display: inline-block;
    margin-right: 10px;
    text-align: center;
	font-weight:900;
}

.towinginset {padding:20px;}

.towbox {width:40%; float:left; position:relative;}

.towboximg {width:25%; float:left; position:relative; margin-bottom:30px;}

.towboximg img{width:98%;}

.towinginset p {padding:0 20px; line-height:1.3;}
/*  ARTICLE
------------------------------------------------*/
article {
	position:relative;
	width:100%;
	background:#eaeaea;
	margin:40px 0 0 0;
	box-shadow:0 0px 7px #363636;
}

article p {
	max-width:1060px;
	padding:20px;
	display:inline-block;
}

article a {
	
}

.articleheader {
	background:#b0b0b0 !important;
	width:100%;
	min-height:35px;
	text-align:center;
	background:#eaeaea;
	color:#ac1928;
	padding:7px 0;
	font-size:30px;
	line-height:1;
	font-weight:600;
}

.location {padding:20px;}

.locationinset {display:inline-block; vertical-align:top;}
	
.locationinset p {padding:0 20px;}
.locationinset a {color:#000;}
/*  SECTION
------------------------------------------------*/
.section {
	width:100%;
	background:#eaeaea;
	min-height:50px;
	text-align:center;
	padding:5px;
}

.section img {
    display:inline-block;
	max-width:150px;
	margin:0 13px;
}


/**---- SCROLLING MANU BAR -----------------------------*/
.brandbar{
	margin: 0 auto;
	text-align: center;
	padding:10px 0px;
	width:100%;
	border-bottom: solid 2px #5a5959;
}
.manu-slider img:hover{opacity:.6;}

/*---INVENTORY----------------------------------*/

.hosted-content .widgets-container{width: 100% !important; padding: 0 0 15px 0 !important; margin-top: 0 !important;}
.hosted-content .fixed-column6{line-height: 22px!important;}

.machinelocation{font-size: 12px !important;}

.hosted-content .fixed-column6 h5 a{font-size: 18px !important;}
.listings-wrapper .listing-boxed :first-of-type.listing-prices .listing-price-label{line-height: 25px !important;}

/*  FOOTER
------------------------------------------------*/
footer {
	padding:25px 0;
	background:#674346;
}

.footerinset {
	max-width:1060px;
	margin:0 auto;
	text-align:center;
}


/*  Stylized Footers 
------------------------------------------------*/
.divfooter {
	max-width:750px;
	/***** Truck 750px   Machine 680px   Tractor 590px   Controller 680px  AuctionTime 560px *****/
	color:#eaeaea;
	margin:0 10px 0 auto;
	line-height:1;
	display:inline-block;
}

.footertext{
	color:#eaeaea;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{
	color:#e4de38;
	font-size:13px;	
	text-decoration:underline;
	font-family:Arial, Helvetica, sans-serif;
}

a.footerlink:hover {
	color:#eaeaea;
	font-size:13px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
}

.smallfootertext{
	color:#eaeaea;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}





@media screen and (max-width:1450px) {
	.headerinset {width: 95%;}
}

@media screen and (max-width:1220px) {
.logo {float:none; margin:0 auto}
.headerinset{text-align:center;}
	.number{display: none;}
	.logo p{display: block;}
.gray-bg{display:none;}
}

@media screen and (max-width:800px){
.thirdbox-outer {width:100%; box-shadow:none; text-align:center; height:auto;}
.thirdbox-middle {width:100%; margin:0;}
.middle-inset {box-shadow:none; border-radius:0;}
article {box-shadow:none;}
.location {text-align:center;}
.towbox {width:100%; float:none; position:relative;}
.towboximg {width:100%; float:none; position:relative;}
.towboximg img {width:98%;}


}


@media screen and (max-width:500px){
.inventorywrapper {text-align:center;}
.inventorybutton{width:98%; padding:20px 0; margin-right:0;}
.inventorybutton:hover{width:98%; padding:20px 0; margin-right:0;}
	h4 {text-align:center;}
}