/* 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;
    –webkit-text-size-adjust:none;
    box-sizing:border-box;
	font-family: "oswald bold", "oswaldlight", "oswaldregular";
}
body {–webkit-text-size-adjust:none; max-width: 100%;}
blockquote, q {quotes: none;}


.tru-banner-slide.left {
	left: -230px !important;}






/* BOX SIZING*/
*, *:before, *:after {box-sizing: inherit;}
    
    
.creditapp {max-height: 500px; margin: auto; display: block; max-width: 100%;}   
.creditbtn {font-family: "oswald bold", "oswaldlight", "oswaldregular"; padding: 11px !important; color: white !important; background-color:  #bb2726 !important; font-size: 20px !important; margin: auto; display: block !important;}   
.tabledisplay {display: block !important; margin: auto !important; float: none;}

.detail-content > nav {float: left !important; clear: both !important; width: auto !important; margin: auto !important; display: none !important;}
.breadcrumbs__link {color: black !important; font-size: 10px !important;}
.dealer-name {color: black !important;}
.detail-content-mobile > nav {display: none !important;}

/* TEXT/LINK FORMATTING
------------------------------------------------*/

/* LINKS */
a:link, a:visited {
    color: #000000;
    text-decoration:none;
	font-family: "oswald bold", "oswaldlight", "oswaldregular";
}


/* PARAGRAPH/LIST/GENERAL TEXT */
p, ul, li {font-size: 1em; line-height:1.4; color:#363636; margin:0;}
/*ADDITONAL TEXT COLORS AND TEXT MODIFIERS (SHADOWS, UNDERLINES, ETC.)*/



/* SELECTION COLOR */    
::selection {
    color:#fff;
    background: #356088;
}
::-moz-selection {
    color:#fff;
    background: #356088;
}

/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal; font-weight:normal;}
h1 {font-size:28px; color:#cfcfcf; font-weight:normal; }
h2 {font-size:28px; color:#FFFFFF; }
h3 {font-size:21px; color:#A7A7A7;line-height: 28px;}
h4 {font-size:22px; color:#FFFFFF;}
h5 {font-size:16px; color:#FFFFFF;line-height: 20px;}
p {font-size: 14px;}
h6 {font-size: 16px; font-weight: 100; color: #bb2726;}
/*ADDITONAL HEADERS STYLES GO HERE*/


	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.img-border {border:2px solid #000;}



body {
    min-width:320px;
    margin:0;
    background:#fff;
    font-family: "oswaldbold", "oswaldlight", "oswaldregular";
    overflow-x:hidden;
    line-height:1.4;
}

/* HEADER
------------------------------------------------*/
header {position:relative; width:100%; margin:0 auto; background: #000000;border-top: 3px solid white; height: 160px;}
.headcontact a {color:#FFFFFF; }
.headcontact a:hover {color: #A7A7A7;}


/* HEADER WRAPPERS */
.headerwrapped {
    position: relative;
    width:100%;
	max-width: 5000px;
    margin:0 auto;
    border-top: 3px solid white;
	boder-bottom: 3px solid white;
    box-sizing: border-box;
	
}

.headcontact {
	float: left;
	text-align: left;
	padding-bottom: 10px;
	width: 180px;
	margin-left: 380px;
	margin-top: 60px
}

    
/***************************** header styles **/



.rt-header {width:97%; float:left; margin-left:0%; text-align:right; margin-top: -140px;height:20px;}
.phone {display:block; margin:0 0 25px 0;}


.icon-bar img {
	width:20px;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:auto;
	max-width:30px;
	margin:0px 0 0 1%;
}
.icon-bar a:hover {
	opacity: .6;-webkit-filter: grayscale(60%); /* Safari 6.0 - 9.0 */filter: grayscale(60%);
}
/*------------------------------------------------*/ 

.invheaderwrapped {
    position: relative;
    width:100%;
	max-width: 5000px;
    margin-left: auto;
	margin-right: auto;
    padding: 0 8px;
    box-sizing: border-box;
	margin-top: -22px;
	margin-bottom: 90px;
	position: inline;
}


#banner {
	text-align: center;
	padding-top: 40px;
	text-shadow: 0px 1px 5px 0px #7a7a7a;
	max-width: 800px;
	width: 100%;
	float: none;
    
}

.invheaderwrapped #banner {margin-left: 382px;}



/* LOGO
------------------------------------------------*/
.logo { float:left;  position: absolute; padding: 10px; margin-left: 2%; max-width: 350px;}
.logo img {width:100%; height:auto; display:block; max-width:350px; padding-bottom: 30px;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:105px;
    overflow:hidden;
	background: #4B4B4B;
	vertically-align: middle;
}

.scrolling{
    width:100%;
    height:140px;
	margin-top: 7px;
}





/* ALL CONTENT WRAPPERS */
.wrapped {
    position: relative;
    width:100%;
    margin:0 auto;
    box-sizing: border-box;
}


.footerwrapper {	
	width: 100%; max-width: 1580px;
}

.invfooterwrapper {	
	display: inline;
}

/* GIRD LAYOUT SYSYTEM 
(EG:div class="-page p-half) */
.-page {display:inline-block; vertical-align:top;}
.p-whole {width:100%; display:block;}
.p-three-quarter {width:75%;}
.p-two-third {width:66.666666667%;}
.p-half {width:50%; }
.p-third {width:33.333333334%;}
.p-quarter {width:25%;}
.p-eighth {width:12.5%;}



/* LAYOUT CHILDREN VARIABLES --- COME AFTER P TYPE 
(EG:.p-half img OR .-page ul >li)*/
/*ADDITONAL LAYOUT CHILDREN VARIABLES GO HERE*/


/* LAYOUT VARIABLES --- COME AFTER P TYPE 
(EG of HTML classes:div class="-page p-half flex") */
.extra-pad {padding-top:48px; padding-bottom:48px;}
.flex {display:flex; flex-wrap:wrap; align-content:space-between;}
.inline-flex {display:inline-flex; flex-wrap:wrap; align-items:top; justify-content:space-between;}
/*ADDITONAL WRAP VARIABLES GO HERE*/





/* The Nivo Slider styles */
.slider-wrapper { 
	width: 100%; 
	margin: 30px auto;
}

.nivoSlider {
	position:relative;
	width:60%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}


/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white;
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-khtml-opacity:0;
}






/* The slices and boxes in the Slider */
hr {
	display: block;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 0px;
	}

.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.6;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.6;
	filter:alpha(opacity=6);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-family:"oswaldbold", "oswaldlight", "oswaldregular";
}
.nivo-caption h6 {
	border: 1px solid #FFFFFF;
	padding: 5px;
	color: #bb2726;
	width: 70px;
	float: left;
	
}
.nivo-caption a {
	display:inline !important;
	border: 1px solid #FFFFFF;
	padding: 5px;
	color: #bb2726;
	margin-top: 10px;
}
.nivo-html-caption a {
	display:inline !important;
	border: 1px solid #FFFFFF;
	padding: 5px;
	color: #bb2726;
	margin-top: 10px;
}
.nivo-html-caption {
    display:none;
	backround: rgba(0,0,0,.2);
	font-family:"oswald bold", "oswald light", "oswald regular";
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}


.theme-default .nivoSlider {
	position:relative;
	background:#fff url('../siteart/loading.gif') no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}

.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url('../siteart/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
} 
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('../siteart/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family:"oswaldbold", "oswaldlight", "oswaldregular";
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}






/*  Inventory Boxes
------------------------------------------------*/
.box-contain {width: 100%; background: #303030; max-width: 10000px;}
.box-buttons {
	text-align:center;
	position:relative;
	*zoom:1;
	*display:inline;
	}
.box-buttons:after {content:""; display:block; clear:both;}
.box-buttons a {
	width: 33.4%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-size:cover;
	height: 100%;
	font-size:45px;
	color:#fff;
	text-decoration:none;
	font-family:"oswaldbold", "oswaldlight", "oswaldregular";
	line-height:80px;
	margin-right: -5px;
	}

.box-buttons a.sales {background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) ), url('../siteart/Freightliner.png') no-repeat center; border: 3px solid #FFFFFF; border-left: 0; background-size:cover;}

.box-buttons a.parts {background:  linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) ),url('../siteart/2-%20Homepage.JPG') no-repeat center;border: 3px solid #FFFFFF;background-size:cover }

.box-buttons a.service {background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) ),url('../siteart/3-Homepage.png') no-repeat center; border: 3px solid #FFFFFF;border-right: 0;background-size:cover }



.sep {width:100%;text-align:center}
.sep .image-hover {margin:20px 20px 20px 0px}

/****** image hover ******/

.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-hover {position:relative;width:750px;height:400px;display:inline-block;overflow:hidden;background:#fff;
box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3);-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.3)}
.image-hover a {text-decoration:none}

.image-hover img {margin:-100px 0px 0px -100px}



/*** effect round to square ***/

.img-round-square {width:350px;height:350px;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%; margin-top: 40px;}
.img-round-square:hover {-moz-border-radius:0%;-webkit-border-radius:0%;-o-border-radius:0%;border-radius:0%}

.img-round-square
{
transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
}

.img-round-square:hover
{
transition:all .4s ease-in-out;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-ms-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
}


/* Thankyou Page
----------------------------------------------*/
.thankyou	{
	background:#000000;
	position:relative;
	-moz-box-shadow:5px 5px 20px #000000;
	-webkit-box-shadow:5px 5px 20px #000000;
	box-shadow:5px 5px 20px #000000;
	Max-width: 800px;
	width: 100%;
	display:block;
	*zoom:1;
	*display:inline;
	text-align: center; 
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 3%;
	margin-bottom: 3%;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	overflow:hidden;

}


/*  Logos Section
------------------------------------------------*/
#low {
	background:#303030;
	display: inline-block;
	width: 100%;
	padding: 1% 12%;
	border-top: 3px solid #FFFFFF;
}

.testimonials {
	float: left;
	background:#303030;
	max-width: 500px;
	}
	
.testimonials h4 {padding-bottom: 10px;}
.testimonials h5 {padding-left: 20px; padding-bottom: 7px;}

#logos	{
	background:#303030;
	float: right;
	margin: 2% 3% 0 3%;
	padding-top: 20px;
}

#logos img 	{
	display: inline-block;
	padding-left: 48px;
	position:relative;
	
}

	
#logos a:hover {
	opacity: .5;
}
	
/*  MAIN
------------------------------------------------*/
.main {
	position:relative;
	width:100%;
	padding-top: 16px;
	background:url(../siteart/iStock-495837766.jpg);
	background-size:cover;
	overflow-x: hidden;
}

.mid {
	background: rgba(255,255,255,.2);
}
.mid h3 {
	max-width: 2000px;
	width: 100%;
	padding: 2% 12%;
	color: #FFFFFF
}
/*  MID
------------------------------------------------*/

#welcome	{
	padding: 1%;
	width: 80%;
	height: auto;
	font-family:"oswald bold", "oswald light", "oswald regular";
}
#contactwelcome	{
	padding: 3%;
	width: 100%;
	height: auto;
}

.map {
	border:0; max-width: 800px; width: 100%; height: 545px; box-shadow: 5px 5px 20px  #000000; float: right;}

.contactmap {
	border:0; max-width: 4000px; width: 100%; height: 570px; margin-bottom: -5px}


.bigdeal	{
	position:relative;
	Max-width: 400px;
	width: 100%;
	display:inline-block;
	*zoom:1;
	*display:inline;
	padding:1%;
	margin:0 0% 0 0%;
	position:relative;
	overflow:hidden;
	float: left;
	font-family:"oswald bold", "oswald light", "oswald regular";
}
.bigdeal a {
	color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 5px 80px 5px 10px;
	text-decoration: none;
	font-family: "oswald regular";
	font-weight: lighter;
}
.bigdeal a img {
	max-width: 15px;
	margin-left: 14px;
}
.bigdeal a:hover img{
	opacity: 0.40;
    -moz-opacity: 40%;
    -webkit-opacity: 40%;
}
.bigdeal a:hover {
	color: #A7A7A7;
	text-decoration: none;
}
.bigdeal img {
	max-width: 300px;}


.form-box	{
	background: rgba(255,255,255,.8);
	position:relative;
	Max-width: 800px;
	width: 100%;
	display:inline-block;
	*zoom:1;
	*display:inline;
	padding:1%;
	margin:0.5% 0.5% 2% 0%;
	position:relative;
	overflow:hidden;
	float: right;
}


.form-box h2 {
	padding-top: 25px;
	text-align: center;
}
.form-box h4 {
	padding: 25px;
}


/*** form styles ***/
.col2 {max-width: 800px; width:48%; float:left; margin-right:2%; color: #000000}
.col-full {max-width: 800px; width:100%; float: left;color: #000000}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 4px;
	border:1px solid #bd2728;
	color:#000000;
	font-size: 14px;
	margin-bottom:7px;
	background:#fff;
	 font-family: "oswald bold", "oswald light", "oswald regular";
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 0px;
	border:1px solid #bd2728;
	color:#000000;
	font-size:14px;
	height:100px;
	margin-bottom:7px;
	background:#fff;
	float: left;
	font-family: "oswald bold", "oswald light", "oswald regular";
}

 
/* 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 #bd2728;
	color:#000000;
	vertical-align:middle;
	font-size:14px;
	background:#fff;
	line-height:normal;
	padding:5px;
	margin-bottom:7px;
	 font-family: "oswald bold", "oswald light", "oswald regular";
}




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#E8E8E8; 
	border:1px solid #B4B4B4;
	color:#000000;
	outline-style:none;
	font-size: 14px;
	font-family: "oswald bold", "oswald light", "oswald regular";
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
#formpage input.btn,
#formpage input.bn:focus {
	font-family: "oswald bold", "oswald light", "oswald regular";
	width:100%; 
    margin-top:12px;
    padding:7px 0;
    background:#bd2728;
    border:0;
    font-size: 14px;
	line-height:14px;
    color:#FFFFFF;
	-webkit-appearance:none;}
#formpage input.btn:hover {background:#FFFFFF; color:#000000; font-family: "oswald bold", "oswald light", "oswald regular";}





/*  FORM
------------------------------------------------*/
.form-box {position:relative; padding-bottom:16px; font-size:1.2em; color: #FFFFFF; display: block; font-family: "oswald bold", "oswald light", "oswald regular";}





/*control the Captcha */
.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-top: 0px !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:4px 0px 4px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0 10px 0 !important;
}
.CaptchaWhatsThisPanel a {color: #000000}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
        


/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#000000;padding:0;}
.pagebottom h3{color:#cfcfcf;}
.pagebottom p{color:#FFFFFF;font-size:16px;}
.pagebottom a{color:#FFFFFF;}
.pagebottom a:hover{color:#cfcfcf;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:12px;
	color: #cfcfcf;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:12px;
		color: #FFFFFF;
		}


#linkedfooter a{display:block;}
#invlinkedfooter a{display:block;}
.invfootermiddle {margin-left: -20%;}
.invfooterone {margin-left: 20%;}
.invhost {margin-right: 80px;}

.footertext {
	font-size:12px; 
	color:#FFFFFF;
	}

.smallfootertext {
	font-size:12px; 
	color:#fff;
	}

.divfooter {
	text-align:left; 
	margin:0 auto;
	color: #FFFFFF;
	}


#ContentFrame {
	width:100%;
	height:820px;
	
}
/*===================== 
	12-column grid
=======================*/

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}

.hosted-content .col{margin:0 0 0 0 !important;} 

.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32%; }



.fb-hold{position:fixed;bottom:0px;right:0px;background:rgba(163,163,163,0.92);border:solid 2px #3A3A3A;padding:8px;z-index:99999;width:450px;}



/*===================== 
	Inventory styles 
=======================*/


.container{width:100%;max-width:1230px;margin:0 auto;padding: 2%}
.invmain{padding:2% 0; width: 100%;overflow: hidden; background: #303030}
.cf{background:#fff; }


#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#bd2728 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#bd2728 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #bd2728 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #bd2728 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}

.body-wrapper h1, .body-wrapper h2, .body-wrapper h3{
	color: initial;
}
.view-listing-details-link {
    color: #fff !important;
}


/*===================== 
	Responsive styles 
=======================*/

@media screen and (max-width: 1850px) {
	#welcome {padding: 0; display: block; margin-right: auto; margin-left: auto;}
	#contactwelcome {padding: 0; display: block; margin-right: auto; margin-left: auto; text-align: center;}
	.map {border:0; max-width: 4000px; width: 100%; height: 570px; box-shadow: none;}
	.col-full {max-width: 1150px;}


}

@media screen and (max-width: 1680px) {
	#linkedfooter {display:block; padding-left: 2%;}
	#invlinkedfooter {display:block; padding-left: 2%;}
	#boxone{ padding-right: 300px;}
	#contactwelcome{padding-right: 300px;}

}

@media screen and (max-width: 1650px) {
	.conditionslide a{font-size:15px; line-height: 19px;}
	.linkbox{width:22.5%;}
	.linkbox h1 {
		font-size: 35px;}
		.linkbox2 h1 {
		font-size: 35px;}
	
	#boxone{ padding-right: 120px;}
	#contactwelcome{padding-right: 120px;}


}
@media screen and (max-width: 1580px) {
	#boxone{ padding-right: 120px;}
	#contactwelcome{padding-right: 120px;}

}

@media screen and (max-width: 1525px) {
	.form-box {width: 90%; float: none; margin: 7% auto;Max-width: 1200px;}
	.invheaderwrapped #banner {margin-left: 300px;}
	.bigdeal { Max-width: 4000px; width: 100%; display: block; box-shadow: none; margin: 2% auto; text-align: center; padding-right: 0; padding-bottom: 40px;}
	#boxone{ padding-right: 0px; padding-bottom: 40px;}
	#boxone h4 {padding-right: 15px;}
}

@media screen and (max-width: 1500px) {
	#contactwelcome{padding-right: 280px;}
	.invheaderwrapped #banner {margin-left: 300px;}

}


@media screen and (max-width: 1460px) {
	#contactwelcome{padding-right: 220px;}

}


@media screen and (max-width: 1366px) {
	
	#contactwelcome{padding-right: 180px;}
	
}
@media screen and (max-width: 1350px) {
	
	.headerwrapped {margin-bottom: 0px;}

	#contactwelcome{padding-right: 0px;}
	#contactwelcome h2{padding-top: 8px;}
	#contactwelcome h4{margin-top: -35px; padding-bottom: 15px}
	
	.invheaderright{margin-top: -140px;}
	.headerright {margin-top: -140px;}
	#banner {
	text-align: center;
	padding-top: 10px;
	text-shadow: 0px 1px 5px 0px #7a7a7a;
	max-width:1200px;
	width: 100%;
	float: left;
	display: block;
	text-align: left;}
.invheaderwrapped #banner {margin-left: 0px;}
	

}

@media screen and (max-width: 1300px) {
.headcontact {
	float: left;
	text-align: left;
	padding-bottom: 10px;
	width: 180px;
	margin-left: 40px;
	margin-top: 160px
}
header {height: 257px;}

.rt-header {margin-top: -240px; width: 96%;}
}

@media screen and (max-width: 1280px) {
	h1 {font-size: 30px;font-family: "oswald bold", "oswaldlight", "oswaldregular";}
	h2 {font-size: 26px;font-family: "oswald bold", "oswaldlight", "oswaldregular";}
	h3 {font-size: 21px;font-family: "oswaldlight";}
	h4 {font-size: 18px;font-family: "oswald bold", "oswaldlight", "oswaldregular";}
	h5 {font-size: 14px;font-family: "oswald bold", "oswaldlight", "oswaldregular";}
	h6 {font-size: 16px;font-family: "oswald bold", "oswaldlight", "oswaldregular";}
	p {font-size:14px;font-family: "oswald bold", "oswaldlight", "oswaldregular";}
	
	.welcome p{font-size:18px;}
	.title em{font-size:14px;}
	.numbers h4{font-size:17px !important;padding-bottom:0;}
	.map{height: 380px;}
	.contactmap{height: 380px;}
	 .yanmarlogo{  max-width: 315px;}
	 
.nivoSlider {
	position:relative;
	width:90%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}

}


@media screen and (max-width: 1200px) {

.box-buttons a {
	width: 33.4%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-size:cover;
	height: 100%;
	font-size:28px;
	color:#fff;
	text-decoration:none;
	font-family: "oswald bold", "oswald light", "oswald regular";
	line-height:80px;
	margin-right: -5px;
	}
/****** image hover ******/



/*** effect round to square ***/

.img-round-square {width:150px;height:150px;-moz-border-radius:50%;-webkit-border-radius:50%;-o-border-radius:50%;border-radius:50%; margin-top: 40px;}

.testimonials {max-width: 400px;}
	#logos { text-align: center; padding-top: 20px;}
}

@media screen and (max-width: 980px) {
.testimonials {max-width: 300px;}
	#logos { text-align: center; padding-top: 40px;}
	
	
}

@media screen and (max-width: 940px) {
.show-tablet {display:block;}
	.hide-tablet {display:none;}
	
	
	#simple-menu {
		float:right;
		background:url(../siteart/mobile-nav-icon.png) no-repeat center center;
		height:38px;
		width:38px;
		display:block;
		cursor:pointer;
	}
	#simple-menu:hover {background:url(../siteart/mobile-nav-icon-hover.png) no-repeat center center;}
	
	.nivoSlider {
	position:relative;
	width:95%;
	height:auto;
	overflow: hidden;
	}
	.nivoSlider img {
		position:absolute;
		top:0px;
		left:0px;
		max-width: none;
	}
}


@media screen and (max-width: 900px) {
	h1 {font-size: 26px;font-family: "oswaldregular";}
	h2 {font-size: 24px;font-family:  "oswaldregular";}
	h3 {font-size: 18px;font-family: "oswaldlight";}
	h4 {font-size: 16px;font-family:  "oswaldregular";}
	h5 {font-size: 14px;font-family:  "oswaldlight";}
	h1 {font-size: 24px;font-family: "oswaldregular";}
	p {font-size:14px;font-family: "oswaldregular";}
	.welcome p{font-size:16px;}
	#welcometext{height:300px;background-size:contain;}
	#mapright{margin-top:9%;}
	
	.map {height: 300px;}
	.contactmap {height: 300px;}
}


@media screen and (max-width: 850px) {
	
	.headerwrapped {margin-bottom: 0%; padding: 0;}
	#banner {
	padding-top: 0px;
	padding-bottom: 30px;
	text-align: center;
}

	
}



@media screen and (max-width: 850px) {
	.testimonials {max-width: 800px; margin: 2% auto; float: none; text-align: center;}
	#logos {float: none;margin: 2% auto; text-align: center;padding-right: 40px; padding-top: 40px;}
	.testimonials h5 {padding-left: 0px;padding-top: 10px;}
	
	
}



@media screen and (max-width: 768px) {
	
	#linkedfooter{width:100%;margin:0 0 0 0; text-align: center; padding-top: 8px; padding-bottom: 8px;}
	#linkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:0px 8px;}
	#invlinkedfooter{width:100%;margin:0% 0% 2% -10%; text-align: center; }
	#invlinkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:8px 8px;}
	.invfootermiddle {margin-left: 20%;}
	#hostedfooter {width:80%; display: block; margin-left: 10%; text-align:center;}
	.divfooter{text-align:center;}


	#hostedfooter {font: 8px;}
	.pagebottom {-webkit-text-size-adjust: none;}
	
	
.fb-hold{width:100%;}

	
	
}



@media screen and (max-width:750px){
.form-third {width:100%; margin:0 0 8px; padding-right:0;}
.submit-it {width:75%; min-width:300px; margin-top:16px !important;}
.row {padding:0;}
	#linkedfooter{width:100%;margin:0 0 0 0; text-align: center;}
	#linkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:0 8px;}
	#invlinkedfooter{width:100%;margin:2% 0% 2% -12%; text-align: center; }
	#invlinkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:0 8px;}
	.invfootermiddle {margin-left: 20%; margin-top: 20px;}
	.invhost {margin-right: 0;}
#hostedfooter {width:80%; display: block; margin-left: 10%; text-align:center;}
.divfooter{text-align:center;}

.box-buttons a {
	width: 33.4%;
	display:inline-block;
	position: relative;
	margin: 0 auto;
	text-align: center;
	background-size:cover;
	height: 100%;
	font-size:20px;
	color:#fff;
	text-decoration:none;
	font-family:  "oswald regular";
	line-height:50px;
	margin-right: -5px;
	}


}


@media screen and (max-width: 725px) {
	.slider-wrapper {width: 100%; max-width: 1200px; overflow: hidden; box-shadow:none; margin:20px auto 0 auto;  }
	.nivo-caption { max-height: 40px;}
	#hostedfooter {width:80%; display: block; margin-left: 10%;text-align: center; font-size: 5px;}
	.bigdeal {padding-bottom: 20px;}
 }



@media screen and (max-width: 700px) {

	
	h6 {font-size: 20px;}
	
	#welcomeblock, #logoblock{display:block;float:none;width:100%;margin:0 auto;text-align:center;}
	#welcometext{height:230px;}
	
	#abouttext, #aboutimagery{display:block;float:none;margin:2% auto;width:96%;}
	
	#logoblock a img{width:20%;vertical-align:middle;margin:0 1%;}
	.pagebottom p, .pagebottom a{font-size:14px;}
	#hostedfooter {width:80%; display: block; margin-left: 10%; text-align:center;}
	.divfooter{text-align:center;}
}


@media screen and (max-width: 645px) {
		#hostedfooter {width:80%; display: block; margin-left: 10%;text-align: center; font-size: 5px;}
}



@media screen and (max-width: 615px) {
	
	
	#contactleft, #contactright{width:90%;}
	#linkedfooter{width:100%;margin:0 0 2% 0; text-align: center;}
	#linkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:0 18px;}
	#hostedfooter {width:80%; display: block; margin-left: 10%;text-align: center;}
	.divfooter{text-align:center;}
	
	
}



@media screen and (max-width: 580px) {
.box-contain {width: 100%; background: #303030; max-width: 10000px;}
.box-buttons {
	text-align:center;
	position:relative;
	*zoom:1;
	*display:block;
	}
.box-buttons:after {content:""; display:block; clear:both;}
.box-buttons a {
	width: 90%;
	height: 90px;
	display:inline-block;
	position: relative;
	margin: 2% auto;
	text-align: center;
	background-size:cover;
	height: 100%;
	font-size:20px;
	}
	
	.box-buttons a.sales { border: 3px solid #FFFFFF;  }
.box-buttons a.service { border: 3px solid #FFFFFF; }
}




/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}	

	#welcometext{padding:1% 3%;}
	
	#pullslider iframe{width:400px;max-height:300px;}
	
	.mapped{width:80% !important;}
	#badge{width:96%;margin:2%;}
	.title a{display:block;width:100%;}
	#hostedfooter {width:80%; display: block; margin-left: 10%;}
	.pagebottom p, .pagebottom a{font-size:13px;}
	
	.form-box {padding-left: 15px;}
	.col2 {width:100%; margin-right:0%;}
	.col-full {width:100%;}
	
	#formpage input.btn,
#formpage input.bn:focus {
	width:94%; }
	
.CaptchaPanel {
margin:0 0 0 0 !important;
padding:0 15px 0 0 !important;
text-align: center;
line-height:normal !important;
}

.CaptchaImagePanel {
margin:0 0 0 0;
padding:0 0px 0 0;
}	

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin-top: 0px !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
}

.CaptchaAnswerPanel {
	margin-right: 6%;
margin:0 0 0 0;
padding:4px 0px 0px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0px 0px 0 !important;
}
.CaptchaWhatsThisPanel a {color: #000000}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
	
	
}



@media screen and (max-width: 447px){
	
	
	.slides{display:none;}


	
	#contactleft, #contactright{width:98%;}
	.pagebottom{padding:20px 0;text-align: center;}
	.divfooter {text-align:center;}
	.pagebottom p, .pagebottom a{font-size:13px;}
	.smallfootertext{font-size:11px;}
	
	.testimonials {margin-top: 5%;}
	#logos {padding-right: 40px;}
	#logos img {margin: 0; padding-top: 20px;}
}


@media screen and (max-width: 414px){

	#welcometext{height:250px;}
	
	
	
	#hostedfooter {width:80%; display: block; margin-left: 10%;}
	#linkedfooter{width:100%;margin:0 0 4% 0;}
	#linkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:0 4px;}
	#invlinkedfooter{width:100%;margin:0 0 0 -40px;}
	#invlinkedfooter a{display:inline-block !important;*zoom:1;*display:inline;padding:0 4px;}
	.fb-hold{width:100%;}
}



@media screen and (max-width: 340px){
	.fb-like {margin-left: -13px;}
}