/***** 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, img {  
    display: block;  
} 


/***** END RESET *****/

/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}
body {font-family: 'Helvetica'; font-size:16px; line-height: 26px; -webkit-text-size-adjust:none; background: #fff; color: #000; }
.lg-heading { font-size: 35px;  line-height: 32px; color: #ff8a00; text-align:center; text-transform: uppercase; padding-bottom: 1%; padding-top: 1%;	font-family: 'Titillium Web', sans-serif;
}
.md-heading {font-size: 25px; text-align:left; text-transform: uppercase; color:#fff; padding-bottom: 40px; font-family: 'Titillium Web', sans-serif;}
.sm-heading {font-size:20px; color:#ff8a00; font-weight:bold; text-align: center; padding-bottom: 2%;}
h4.xs-heading { font-size: 18px; text-transform: uppercase; color: #fff; font-weight: 700;}
a:link, a:visited, a:active {text-decoration:none; color:#fff;}
a:hover { color:#fff;}
strong { font-size:16px;}

.header {
	background: #000000;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding:25px 0;
}
.header p a {color:#fff }
.header a:hover {color:#ff8a00}
.width {width: 80%; margin: 0 auto;}
#logo {display: inline-block; max-width:300px; width: 100%; vertical-align: middle;text-align: center; margin: 0 a uto;}
#logo img {
	width: 100%;
	margin: 0 auto;
	vertical-align: top;
	display: inline-block;
	text-align: center;


}
.facebook:hover{background:none; display: inline-block; vertical-align: middle;}
.facebook img{
	width: 25px;
	 display: inline-block; vertical-align: middle;
}
.contact-one {
	display: inline-block;
	color: #fff;
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	line-height:24px;
	vertical-align: middle;
	width:40%;
}
.contact-two {
	display: inline-block;
	vertical-align: middle;
	color:#fff;
	font-size:18px;
	text-align:right;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	line-height:24px;
	width: 35%;
	float: right;
}
.gray-bg{
	width: 100%;
	margin: 0 auto;
	height: auto;
	background:url("../siteart/background.jpg") repeat-y;
}
.lower-nav {
	width: 100%;
	margin: 0 auto;
	height: auto;
	background:url("../siteart/background.jpg") repeat-y;
	background-color: #000000;
	padding-bottom:3%;
}
.nav-button {
	width: 80%;
	margin: 0 auto;
	padding: 1% 0;
	text-align:center;
	position:relative;
	left:0;
	right:0;
	z-index: 99;;
}
.wrapper-inner {
	margin: 0 auto;
	text-align:center;
}

.hosted-content .underline {
    text-decoration: underline !important;
    font-size: 17px !important;
    font-weight: bold !important;
	color: #ff8a00 !important;
}
.listings-wrapper .listing-boxed .listing-boxed-details h2 a {
    text-decoration: none;
    color: #ff8a00 !important;
	text-align:center !important;
	font-size:25px !important;
}
.hosted-content .machinelocation {
    text-decoration: underline !important;
    color: #ff8a00 !important;
}
.hosted-content .listings-detail-wrapper .listing-details a.email-seller {
    display: block;
    background: url(../images/env-large.png) top center no-repeat;
    padding-top: 27px !important;
    text-align: center;
    position: relative;
    text-decoration: underline;
    font-weight: bold;
    color: #ff8a00 !important;
}
.hosted-content .listings-wrapper .listings-list .listing-name a {
	color: #ff8a00 !important;
	font-size:25px !important;
}
.listings-wrapper .listing-boxed .listing-boxed-details h2 {
	text-align:center !important;
}
.listings-wrapper, .listings-detail-wrapper, .listings-drilldown-wrapper {
	text-align:left !important;
}
.hosted-content .m-bottom-10 {
	text-align:left !important;
}
.hosted-content .m-bottom-5 {
	text-align:left !important;
}
.media-4-3, .mc-iframed .mc-full .media-4-3{ padding-bottom: 38% !important;}
.hosted-content .listings-wrapper .listings-list {font-size:15px !important;}
.hosted-content .listings-wrapper .listings-list .col {line-height:26px !important;}

.hosted-content #listings-title {text-align:left !important;}
/*-------BUTTON NAV-------------*/
#quicklinks {
	position: relative;
	margin: 0 auto;
	display: inline-block;
	width: 20%;
	height: 110px;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
	background-size:cover;
		-webkit-transition:all .3s ease;
	background-color: #000000;
	transition: all	 .3s ease;
		transition-property:all;
		transition-duration: .3s;
		transition-timing-function:ease;
		transition-delay: 0s;
	margin-bottom: 0%;
	padding-right:1%;
	padding-top: 1%;
	color: #fff !important;
	box-shadow: 5px 5px 5px black;
}
#quicklinks:hover{background:#ff8a00; color: #fff !important;}
.quicklinks-text {
	position: absolute;
	text-align: center;
	display: block;
	width: 100%;
	color: #fff;
	font-size: 24px;
	font-family: 'Titillium Web', sans-serif;
	line-height:30px;
	text-transform:uppercase;
	top: 40%;
	font-weight:900;
	text-shadow: 1px 1px 4px #000000;
	z-index: 9;
	
}

.new-wrecker {
	background:#fff url("../siteart/newwrecker2.1.jpg") center center no-repeat;	border-radius: 20px; 
}

.used-wrecker {
	background:#fff url("../siteart/usedwrecker2.0.jpg") center center no-repeat;border-radius: 20px;
}

.new-carriers {
	background:#fff url("../siteart/newcarriers2.0.jpg") center center no-repeat;border-radius: 20px;
}

.used-carriers {
	background:#fff url("../siteart/usedcarriers2.0.jpg") center center no-repeat;border-radius: 20px;
}

.parts-service {
	background:#fff url("../siteart/parts-service.png") center center no-repeat;border-radius: 20px;
}

.new-heavy-duty {
	background:#fff url("../siteart/newheavyduty2.0.jpg") center center no-repeat;border-radius: 20px;
}

.used-heavy-duty {
	background:#fff url("../siteart/usedheavyduty2.0.jpg") center center no-repeat;border-radius: 20px;
}

.chassis {
	background:#fff url("../siteart/chassis2.0.jpg") center center no-repeat;border-radius: 20px;
}

.hosted-content .listings-wrapper .listings-list .listing-banner {
    background: #323232 !important;}
/*--------------------*/

.intro {
	height: height;
	background:#2D2D2D;
	width: 100%;
	padding-bottom: 3%;
}
.intro h1{
	padding-top: 30px;
	padding-bottom: 30px;
}
.intro p{
	text-align:center;
	color: #fff;
	width: 70%;
	margin: 0 auto;
	font-size: 20px;
}
.intro img {
	margin: 0 auto;
	text-align:center;
	padding-top: 25px;
	padding-bottom: 25px;
}
.about p {
	color: #fff;
	width: 75%;
	padding:30px 30px;
	margin: 0 auto;
	text-align:left;
}
.finance p {
	color: #fff;
	width: 75%;
	padding:30px 30px;
	margin: 0 auto;
	text-align:center;
}
.finance h2 {
	width: 75%;
	padding:0 30px 15px;
	margin: 0 auto;
	text-align:center;
	color: #ff8a00;
}
.finance ol {
	color: #fff;
	width: 75%;
	padding:0 30px 30px;
	margin: 0 auto;
	text-align:center;
	list-style: decimal;
	list-style-position: inside;
}
.wrapper {background:#2d2d2d;}
.col {
	width: 80%;
	margin: 0 auto;
	text-align:center;
}
.one-col {
	width: 40%;
	float:left;
	padding-left: 40px;
	margin: 0 auto;
}
.one-col img{
	width: 90%;
	padding: 15px 0px;
}
.one-col p {
	color: #fff;
	text-align:left;
	margin-top:-35px;
}
.one-col h2{
	color: #ff8a00;
	text-align:left;
	font-size: 25px;
}
.two-col {
	width: 40%;
	float:right;
	color: #fff;
	padding-right:40px;
	margin: 0 auto;
}
.two-col h2{
	color: #ff8a00;
	text-align:left;
	font-size: 25px;
}

.two-col img{
	width: 90%;
	padding: 15px 0px;
}
.two-col p {
	color: #fff;
	text-align:left;
	margin-top:-35px;
}
.contact-RPM {
	margin: 0 auto;
	padding-top: 1%;
	width:50%;
	
}
.contact-wrecker {
	margin: 0 auto; 
	padding-bottom: 1%;
	width:50%;
}
.contact-RPM p{
	color:#fff;
	font-weight: 400;
	margin: 0 auto;
	text-align:center;
	float: left;
	margin: 0 auto;
	align-content:center;
	padding-bottom: 15px;
}
.contact-wrecker p{
	color:#fff;
	font-weight: 400;
	margin: 0 auto;
	text-align:center;
	float:right;
	align-content:center;
	padding-bottom: 15px;
}
.container cf {background:#fff;}

.component {
	display: flex;
	flex-direction: column;
	 margin: 0 auto;
	 text-align:left;
	 padding: 3% 4%;
}
.three-col{
	width: 20%;
	float:left;
}
.three-col a, .parts-list {
	color: #fff;
}
.three-col a:hover {
	color: #ff8a00;
}

/*  CONTACT  ============================================================================= */
#site-width {width: 50%; margin: 0 auto; padding-top: 3%; border-top: 5px solid #ff8a00; padding-bottom: 3%; }
#formpage {vertical-align:top;}
#formpage div {vertical-align:top; padding:6px 5px;}

#formpage input {padding:6px 5px; border:1px solid #000;	color:#000; font-size:12px;}
#formpage textarea {padding:6px 5px; border:1px solid #000; color:#000; font-size:12px;}
 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {width:100%; border:1px solid #000; color:#000; vertical-align:middle; font-size:12px; line-height:normal; padding:5px;}
   
#formpage input  {width:100%;}
#formpage input.larger  {width:100%}
#formpage textarea {width:100%; height:85px;}
.field {display:inline-block; width:32%; margin:0 1% 0 0;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {background:#fff;  color:#000; border:1px solid #ff8a00; outline-style:none;}
 
#formpage input.button,#formpage input.button:focus {width:25%; padding:7px 0; background:#ff8a00; border:1px solid #ff8a00; font-size:14px; font-weight:bold; color:#fff;}
#formpage input.button:hover {background:#000; border:1px solid #000;}

/*control the Captcha */
.captcha {width:50%; margin:0 auto;}
.captcha img {margin:0 auto;}
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align:center; line-height:normal !important;}
.CaptchaImagePanel {margin:0 0 0 0; padding:0 0 0 0;}
.CaptchaMessagePanel {padding:0 0 0 0 !important; margin:0 0 0 0 !important; font-weight:normal !important; font-size:12px; line-height:14px;}
.CaptchaAnswerPanel {margin:0 0 0 0; padding:2px 0px 2px 0px !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000; font-size:11px;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
  
/*  WARANTY================= */
.col-left {width: 50%; display: inline-block; vertical-align: top;}
.col-right {width:49%; display:inline-block; vertical-align: top;}
.col-right img {width:100%; max-width: 600px; padding: 2% 0;}
.warranty {width:70%; margin: 0 auto; text-align:center; color:#fff; border-bottom:3px solid #ff8a00;}
.warranty p {width:100%; color:#fff !important; text-align:center;}
.warranty h3 {padding-bottom:0% !important;}
        
/*----- SCROLLING INVENTORY  -------*/

.scrolling{
	width:99.9%;
	height:92px;
	
}
.banner {
	width:100%;
	height:92px;
	overflow:hidden;
	background: #2d2d2d;
	padding: 11px 0px 17px 0px;
	
}


/*=======================/* SLIDESHOW
---------------------------------------------*/
.cycle-slideshow img{
	width:100%;
}
.cycle-pager { 
  text-align:right; width: 100%; z-index: 500; position: absolute; bottom: 5px; right:40px; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
     color: #ff8a00; padding:3px; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #000;}
.cycle-pager > * { cursor: pointer;}

/*===================== /*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.map {
	padding-bottom : 10px;
	border-bottom: 6px solid #ff8a00;
	background:#2D2D2D;
}
.footer {
	width: 60%;
	text-align:center;
	margin: 0 auto;	
	color: #fff;
	font-size: 13px;
	padding-top: 15px;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color: #fff; }
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color: #fff;}

.body-content {text-align: left;}
.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 {background:#FF8A22 !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;}
.list-content .list-title .list-listings-count {color:#FF8A22 !important }
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #FF8A22 !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, .detail-additional-data h4 {color:#000 !important;}
.list-content .list-title {text-align: left !important; font-size: 12px !important; }
.body-content a:link, a:visited, a:active {color:#333;}
@media screen and (max-width: 1550px) {
#quicklinks {width:20%; }
.quicklinks-text {font-size:22px;}
	.contact-one {width:34%;}


}
@media screen and (max-width: 1300px) {
#quicklinks {width:30%; }
.quicklinks-text {font-size:20px;}
.contact-RPM p {margin-right: 30%; }
.contact-wrecker  p{margin-left:10%; margin-top:-145px; }
.nav-button {position:relative; top:0;}
.gray-bg{ padding-bottom:3%;}


}
@media screen and (max-width: 1250px) {
.contact-two, .contact-one {font-size:14px; line-height: 20px;}
.contact-two {width:25%}
.contact-one {width:35%}
}
@media screen and (max-width: 1060px) {
.cycle-pager span { font-size: 40px;  padding:2px; }
	.col-left {width: 100%; display: inline-block; vertical-align: top;}
.col-right {width:100%; display:inline-block; vertical-align: top; text-align: center; margin: 0 auto;}
	.col-right img {text-align: center; margin: 0 auto;}
	#logo img {max-width: 200px;}	
	.contact-two {width: auto;}
}
@media screen and (max-width: 900px){
	#logo{max-width: 170px; text-align: center; margin: 0 auto;}	

.contact-wrecker  p{margin-left:30%; }
.component {width:95%; margin-left:0%;  }
.three-col {width: 30%;}
#site-width {width:90%;}
	.facebook {display: none;}
	.nav-button {z-index: 9;}
	.contact-one {width: auto;}
}
@media screen and (max-width: 740px){
#quicklinks {width:100%; }
.quicklinks-text {font-size:20px;}
.contact-one {font-size:13px;}
.contact-two {font-size:13px; }
.contact-RPM p {margin: 0 auto; float:none; }
.contact-wrecker  p{margin: 0 auto; float:none; }
.intro h1 {padding-right: 3%; padding-left:3%;}
.component {width:95%; margin-left:0%; padding-left: 7px; }
.three-col {width: 47%;}
.cycle-pager span { font-size: 30px; padding:1px; }
.cycle-pager {bottom: 5px; right:20px; }
}
@media screen and (max-width: 620px){
#quicklinks {width:80%; }
.warranty {width:98%;}


}

@media screen and (max-width: 568px){
	.header {text-align: center;}
	#logo {text-align: center; margin: 0 auto;}
#quicklinks {width:90%; }
.quicklinks-text {font-size:19px;}
.intro p{font-size:18px;}
.intro h1{font-size:25px;}
.contact-one {display:none;}
.contact-two {display:none;}
.contact-RPM p {margin: 0 auto; float:none;}
.contact-wrecker p {margin:0 auto; float:none;}
.footer { width: 90%; font-size: 12px;}
.one-col { width: 90%; margin: 0 auto; float:none; padding:0px;}
.two-col { width: 90%; margin: 0 auto; float:none;}
}
@media screen and (max-width: 320px){

#quicklinks {width:90%; }
.quicklinks-text {font-size:19px;}
.intro p{font-size:16px;}
.intro h1{font-size:23px;}
.contact-RPM p {margin: 0 auto; float:none;}
.contact-wrecker p {margin:0 auto; float:none;}
.cycle-pager { display:none; }
}