﻿/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Fonts
=======================*/

.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:#e10000 !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: #e10000 !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: #e10000 !important;}
.page-nav{background-color:#e10000!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;}
.search-results {color:#e10000!important}
.return-links span, .return-links i {color:#e10000!important;}


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'oswaldlight';
    margin: 0;
	padding:0;
	background:url(../siteart/p6.png) repeat;
	color:#000;
	position:relative;
	}
	

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:700;
	line-height:1.5em;
	color:#000;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	.pageheader{padding-bottom:1%;}
p {
	font-family: 'Roboto', sans-serif;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
	color:#606060;
	font-weight:300;
	}
strong{	font-family: 'Roboto', sans-serif;font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #e10000;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#e10000;font-size:14px;color:#fff;border-bottom:2px solid #000;}

header{position:absolute;z-index:10;width:100%;margin:0;padding:20px 0;background:url(../siteart/black.png) repeat;}

.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.logo{float:left;}
.headright{float:right;text-align:right;}
.headright h5,.headright a h4{padding:0;line-height:1.3em;}
.headright h5{color:#fff;}
.headright span,.headright a h4{color:#e10000;}
.headright a h4:hover{color:#fff;-webkit-transition:.4s ease-in;-moz-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;}

/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:0 auto;}


	
/*===================== 
	slideshow styles 
=======================*/
.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;}

.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}

.heroimage{position:relative;}
.herotext{width:30%;position:absolute;top:30%;left:8%;z-index:1004;text-align:left;}
.herotext p{font-weight:500;font-size:24px;}
.white{color:#fff;}
.linkbutton{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#e10000;width:80%;padding:5px 0;text-align:center;}
.linkbutton h4{color:#fff;padding:0;}
.linkbutton:hover{background:#000;}

#double{display:inline-block;zoom: 1;*display: inline;width:20%;margin-right:1%;}
#single{width:20%;margin-right:1%;}
#centered{text-align:center !important;float:none;margin:5px auto;}

.overlay{height:100%;width:100%;background:rgba(0,0,0,0.6);position:absolute;z-index:1003;display:none;}

/*===================== 
	quicklink styles 
=======================*/
.quicklinks{padding:1% 0;background:#fff;margin:0 auto;text-align:center;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:17%;position:relative;margin:1%;text-align:center;background:url(../siteart/graywall.jpg) repeat;height:210px;-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.5);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.5);box-shadow:3px 3px 3px rgba(0,0,0,0.5);}
.linkwrap{position:relative;overflow:hidden;width:100%;height:100%;display:block;}
.catimage, .financeimage, .partsimage{position:absolute;top:45%;-moz-transform:translate(0,-45%);-webkit-transform:translate(0,-45%);-ms-transform:translate(0,-45%);-o-transform:translate(0,-45%);transform:translate(0,-45%);left:0;}
.linktitler{position:absolute;width:100%;left:0;bottom:-120px;}
#financetitler{bottom:-70px;}
#partstitler{bottom:-145px;}
.titleslide{margin-top:-30px;}
.titleslide h4{color:#fff;border-bottom:4px solid #000;padding:0;}
.titleslide img{width:40%;margin-left:30%;margin-right:30%;margin-top:-4px;}
.linkstack{background:url(../siteart/white.png) repeat;margin-top:-21px;padding:30px 0 5px 0;}
.linkstack a{display:block;margin:0;color:#606060;padding:3px 0;}
.linkstack a:hover{background:#e10000;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;color:#fff;}
.linkbox:hover .linktitler, .linkbox:hover #financetitler, .linkbox:hover #partstitler{bottom:0px;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}
.linkbox:hover .catimage{top:-13%;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}
.linkbox:hover .financeimage{top:16%;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}
.linkbox:hover .partsimage{top:-20%;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}

/*===================== 
	welcome styles 
=======================*/
.padit{padding:2% 0;}
.welcome{text-align:center;background:url(../siteart/welcomeback.jpg) bottom center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.welcomeleft,.welcomeright{display:inline-block;zoom: 1;*display: inline;vertical-align:middle;}
.welcomeleft{width:40%;}
.welcomeright{width:58%;position:relative;}
.welcomeright p{margin-top:3%;}
.welcome h3{padding:0;line-height:1.2em;}
.welcome h1{color:#e10000;line-height:1.2em;border-bottom:5px solid #000;padding:0 0 0.5% 0;position:relative;}
.welcome h1 span{display:block;}
.divider{position:absolute;width:10%;left:45%;right:45%;top:100%;}

/*===================== 
	Form styles 
=======================*/
.searchblock{background:#474747;padding:1% 0 0 0;}
.searchblock h3{color:#fff;padding:0;}
.rowed{margin:0 auto;text-align:center;}
.keyed{width:22%;margin:0 1%;display:inline-block;zoom: 1;*display: inline;text-align:left;}
.keyed label{color:#dadada;}

#contacted{margin:0 auto;text-align:center;}
#contacted p{text-align:left;padding-bottom:1%;}
.half{width:47%;margin:5px 1%;display:inline-block;zoom: 1;*display: inline;text-align:left !important;vertical-align:top;}
#headinternal{text-align:left;padding:0;}
.commentbox{text-align:left;margin:5px auto;width:96.5%;}

#solo{float:left;margin-left:1.9%;}
.checkit{text-align:left;margin-left:2%;}
.checkit label{padding:0;width:80%;display:inline;}
.radio{display:inline;width:3%;}
.quarter{width:22%;margin:5px 1%;display:inline-block;zoom: 1;*display: inline;text-align:left;}

#formpage{padding:0 10px;}
form p{color:#000;}

form{
	margin:0 0 0;
}
.wrapper:not(.inv) label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
.wrapper:not(.inv) input{
	font-family: 'Roboto', sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	/*margin-bottom:10px;*/
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;	
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

.interest{text-align:left;margin:2% 0 2% 2%;}
/*.reftype{display:block;}*/
input[type="checkbox"], input[type="radio"]{width:15px;height:15px;}
.reftype label{padding-top:0;display:inline;margin-right:1%;}

select{
	font-family: 'Roboto', sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;	
}

textarea{
	font-family: 'Roboto', sans-serif;
	border: #999999 solid 1px;
	-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;	
	padding: 1%;
	font-size:14px;
	width:98%;
}

.Captchabox{margin: 0px auto; width: 50%; color:#000;}
.CaptchaPanel { margin: 10px 0px 0px 0px; text-align: center; padding: 10px; }
.CaptchaImagePanel { padding: 5px 5px 10px 5px; }
.CaptchaImage { }
.CaptchaMessagePanel { padding: 5px 5px 10px 5px; font-weight: bold; }
.CaptchaAnswerPanel { padding: 5px 5px 10px 5px; }
.CaptchaWhatsThisPanel { padding: 5px 5px 10px 5px; }	


.searchsubmit,.sendbutton{background:#e10000;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:2% auto;width:100%;padding:10px 0;color:#fff;font-weight:700;font-size:16px;}
.searchsubmit:hover,.sendbutton:hover{background:#000;cursor:pointer;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}

/*===================== 
	hero styles 
=======================*/
.bottomhero{height:300px;overflow:hidden;background:url(../siteart/truckbottom.jpg) bottom center fixed no-repeat;}


/*===================== 
	financial calculator styles 
=======================*/
.calculator {
    width:30%;
    margin-left:3.33333%;
    float:left;
}
.financial-calc {background:#fff; width:100%; height:380px;}
 
    @media screen and (max-width: 1024px) {
        .calculator {
            width:100%;
            margin-left:0%;
            float:none;
        }
        .financial-calc {height:340px;}     
    }       

.calculator-wrapper{padding:1% 0;background:#fff;}
#numbers{padding:0 1%;}	
#numbers label{padding-top:1%;padding-}      
#paymentgen{width:100%;margin:10px 0 0 0;background:#e10000;color:#fff;}

/*===================== 
	contact styles 
=======================*/
.contactleft{width:40%;float:left;border-right:2px solid #000;}
.contactleft strong,.contactright strong{color:#fff;}
.contactright{width:58%;float:right;}
.contactright h4{padding:0;}



/*===================== 
	layout styles 
=======================*/
.pagebanner{height:350px;overflow:hidden;width:100%;margin:-30px 0 1% 0;}
#financebanner{background:url(../siteart/truckbanner.jpg) top center fixed no-repeat;}
#partsbanner{background:url(../siteart/partsback.jpg) top center fixed no-repeat;}
#servicebanner{background:url(../siteart/servicebanner.jpg) top center fixed no-repeat;}
#aboutbanner{background:url(../siteart/truckhero.jpg) top center fixed no-repeat;}
#feedbackbanner{background:url(../siteart/trailerbanner.jpg) top center fixed no-repeat;}
.internal{background:url(../siteart/graywall.jpg) repeat;padding:170px 0 110px 0;}
.internal p{color:#000;font-weight:500;}
.internal h3{padding:0;}
.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#ffcd07 4px solid;}
.cf{background:url(../siteart/white.png) repeat;}

.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2{color:#fff;}


.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*--------Scrolling Inventory--------*/

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-size:24px !important;}
.hosted-content h2{font-size:22px !important;}
.hosted-content h3{font-size:20px !important;}

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}


/*===================== 
	footer styles 
=======================*/

.pagebottom{background:#000;padding:20px 0 0 0;position:relative;}
.pagebottom h3{color:#e10000;padding:0;}
.pagebottom p{color:#fff;font-size:16px;font-weight:500;}
.pagebottom a, .pagebottom span{color:#e10000;}
.pagebottom a:hover{color:#ccc;}
.pagebottom strong{color:#999999;}

.topwhiteleft{position:absolute;top:-8px;height:8px;width:43%;left:0;background:#fff;}
.topwhiteright{position:absolute;top:-8px;height:8px;width:43%;right:0;background:#fff;}
.topredleft{position:absolute;top:3px;height:4px;width:42%;left:0;background:#e10000;}
.topredright{position:absolute;top:3px;height:4px;width:42%;right:0;background:#e10000;}



footer {
	margin: 0 auto;
	width: 100%;
	padding:1% 0;
	background:#fff;
	margin-top:10px;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

.footerleft{float:left;width:40%;}
.footercenter{width:10%;position:absolute;left:45%;right:45%;top:-18%;text-align:center;}
.footerright{float:right;width:35%;}
.footerlinks{width:50%;float:left;}
.footerlinks a{display:block;color:#fff;margin:2px 0;}
.footerlinks a:hover{color:#ccc;}

.footertext {
	font-size:11px; 
	color:#666;
	}

.smallfootertext {
	font-size:11px; 
	color:#666;
	}

.divfooter {
	text-align:center; 
	margin:0 auto;
	width:70%;
	}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1650px) {
	.herotext p{font-size:20px;}
	.linkbutton h4{font-size:18px;}
	.bottomhero{height:250px;}
}

@media screen and (max-width: 1400px) {
	.herotext{top:40%;}
	.herotext p{font-size:18px;}
	.linkbutton h4{font-size:16px;}
	.linkbox{height:200px;}
	.catimage,.financeimage,.partsimage{top:40%;-moz-transform:translate(0,-40%);-webkit-transform:translate(0,-40%);-ms-transform:translate(0,-40%);-o-transform:translate(0,-40%);transform:translate(0,-40%);}
	.linktitler{bottom:-110px;}
	#financetitler{bottom:-65px;}
	#partstitler{bottom:-135px;}
	.titleslide h4{font-size:18px;border-bottom:5px solid #000;}
	.titleslide img{margin-top:-5px;width:46%;margin-left:27%;margin-right:27%;}
	.linkstack{margin-top:-20px;}
	.linkstack a{font-size:14px;}
	.linkbox:hover .catimage{top:-15%;}
	.linkbox:hover .financeimage{top:11%;}
	.linkbox:hover .partsimage{top:-22%;}
	.divider{width:12%;left:44%;right:44%;}
	.footercenter{width:16%;left:42%;right:42%;}
	.pagebottom h3{font-size:20px;}
	.footerlinks a{font-size:14px;}
	.divfooter{width:90%;}
	
	.pagebanner{height:250px;}
	
	#solo{margin-left:1.8%;}
	
}

@media screen and (max-width: 1100px) {
	.overlay{display:block;}
	.herotext{top:50%;left:25%;right:25%;text-align:center;width:50%;}
	.herotext p{color:#fff;}
	.linkbutton{margin:0 auto;}
	.linkbox{height:180px;width:18.5%;margin:1% 0.5%;}
	.catimage,.financeimage,.partsimage{z-index:1004;top:30% !important;-moz-transform:translate(0,-30%);-webkit-transform:translate(0,-30%);-ms-transform:translate(0,-30%);-o-transform:translate(0,-30%);transform:translate(0,-30%);}
	.linkbox:hover .linktitler{z-index:1005;-webkit-transition:.3s ease-in;-moz-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;}	
	.linkbox:hover .linktitler h4{background:#000;padding-top:2px;}
	.titleslide h4{font-size:16px;}
	.linkstack{padding-top:20px;}
	.linktitler{bottom:-101px;}
	.titleslide img{width:50%;margin-left:25%;margin-right:25%;}
	#financetitler{bottom:-55px;}	
	#partstitler{bottom:-125px;}
	.divider{width:16%;left:42%;right:42%;}
	.bottomhero{height:180px;}
	.topredleft,.topredright{width:39%;}
	.topwhiteleft,.topwhiteright{width:41%;}
	
	.hosted-content h1{font-size:22px !important;}
	.hosted-content h2{font-size:20px !important;}
	.hosted-content h3{font-size:18px !important;}	
	
	.pagebanner{height:180px;}
	#double,#single{width:30%;}
	#single{float:left;}
	
	.contactleft{width:35%;}
	.contactright{width:63%;}
	#left{float:left;}
	
	.quarter{width:30%;}
	
	#mapped{height:250px !important;}
}

@media screen and (max-width: 1000px) {
	header{background:#fff;}
	h1 {font-size: 30px;}
	h2 {font-size: 26px;}
	h3 {font-size: 22px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}	
	.logo{width:30%;}
	.herotext{top:55%;left:10%;right:10%;width:80%;}
	.linkbox{height:173px;width:31%;}

	.catimage,.financeimage,.partsimage{width:70%;left:15%;right:15%;top:25% !important;-moz-transform:translate(0,-25%);-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);}
	.titleslide img{width:35%;margin-left:32.5%;margin-right:32.5%;}
	.welcomeleft{width:35%;}
	.welcomeright{width:63%;}
	.bottomhero{background:url(../siteart/truckbottom.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
	.footerleft{width:35%;}
	.pagebottom h3{font-size:16px;}
	.pagebottom p{font-size:14px;}
	
	.pagebanner{height:150px;margin-top:-50px;}
	#financebanner{background:url(../siteart/truckbanner.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
	#partsbanner{background:url(../siteart/partsback.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
	#servicebanner{background:url(../siteart/servicebanner.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
	#aboutbanner{background:url(../siteart/truckhero.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}
	#feedbackbanner{background:url(../siteart/trailerbanner.jpg) center center no-repeat;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;}	

	.calculator-wrapper{padding:2%;}
	
	#solo{margin-left:1.7%;}
}

@media screen and (max-width: 800px) {
	header{position:relative;padding:15px 0 10px 0;background:#fff;}
	.herotext{top:40%;-moz-transform:translate(0,-40%);-webkit-transform:translate(0,-40%);-ms-transform:translate(0,-40%);-o-transform:translate(0,-40%);transform:translate(0,-40%);width:70%;left:15%;right:15%;}
	.titleslide img{width:45%;margin-left:27.5%;margin-right:27.5%;}
	.catimage,.financeimage,.partsimage{width:90%;left:5%;right:5%;}
	#homestates{display:none;}
	.padit{padding:4% 0;}
	.welcomeright{width:90%;margin:0 auto;text-align:center;float:none;}
	.divider{width:12%;left:44%;right:44%;}
	.searchblock{padding:2% 0;}
	.keyed{width:30%;}
	label{font-size:14px;}
	.bottomhero{height:150px;}
	.footercenter{top:-14%;}
	.internal{padding-bottom:80px;}
	
	.hosted-content h1{font-size:20px !important;}
	.hosted-content h2{font-size:18px !important;}
	.hosted-content h3{font-size:16px !important;}	
	
	.pagebanner{margin-top:-35px;}
	
	.reftype{display:block;}
	
	.quarter{width:47%;}
	
}

@media screen and (max-width: 700px) {
	.textwrap{width:92%;}
	.titleslide img{width:50%;margin-left:25%;margin-right:25%;}
	.divider{width:14%;left:43%;right:43%;}
	.keyed{width:45%;}
	.searchsubmit,.sendbutton{width:93%;padding:5px 0;margin:4% auto;}
	.footercenter{width:20%;left:40%;right:40%;}
	.topredleft,.topredright{width:36%;}
	.topwhiteleft,.topwhiteright{width:38%;}	
	
	.linkblock{margin:0 auto;text-align:center;}
	#double{width:46%;margin:1%;}
	#single{width:46%;}
	.pageheader{padding-top:2%;}
	
	.contactleft,.contactright{float:none;display:block;margin:0 auto;text-align:center;width:100%;border:none;}
	#addressed{width:100%;float:none;text-align:center !important;}
	.contactstates{display:none;}
	#left{float:none;}
	
	#mapped{margin-top:-30px;}
}

@media screen and (max-width: 600px) {
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}	
	.logo{width:35%;}
	.headright h5{font-size:14px;}
	.headright h4{font-size:16px;}
	.herotext p,.linkbutton h4{font-size:16px;}
	.linkbox{height:155px;}
	.linktitler{bottom:-90px;}
	#financetitler{bottom:-50px;}
	#partstitler{bottom:-110px;}
	.catimage,.financeimage,.partsimage{width:100%;left:0%;right:0%;}
	.titleslide h4{font-size:14px;}
	.linkstack a{font-size:12px;margin:0;}
	.titleslide img{width:60%;margin-left:20%;margin-right:20%;}
	.divider{width:18%;left:41%;right:41%;}
	.welcomeright{width:96%;}
	.welcomeright p{margin-top:5%;}
	.bottomhero{height:100px;}
	.footerleft{float:none;display:block;margin:0 auto;text-align:center;width:100%;padding-top:55px;}
	.footercenter{top:-8%;}
	.footerright{float:none;display:block;margin:0 auto;text-align:center;width:80%;}
	.footerlinks{padding-bottom:10px;}
	.half,.commentbox{width:96%;}
	.Captchabox{width:80%;}
	
	.pagebanner{height:120px;}
	
	.quarter{width:96%;}
	
	#mapped{margin-top:-25px;}
	
}

@media screen and (max-width: 480px) {
	h1 {font-size: 24px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 16px;}	
	.herotext{width:80%;left:10%;right:10%;}
	.linkbox{width:45%;margin:2%;}
	.catimage,.financeimage,.partsimage{width:90%;left:5%;right:5%;}
	.titleslide img{width:50%;margin-left:25%;margin-right:25%;}
	.divider{width:20%;left:40%;right:40%;}
	.keyed,.searchsubmit,.sendbutton{width:90%;}
	.footercenter{width:25%;left:37.5%;right:37.5%;}
	.topredleft,.topredright{width:33%;}
	.topwhiteleft,.topwhiteright{width:35%;}	
	#double{width:90%;}
	#single{float:none;margin:0 auto;width:90%;}
	
	#mapped{margin-top:-20px;}

}

@media screen and (max-width: 447px){
	.logo{width:80%;display:block;float:none;text-align:center;margin:0 auto;}
	.headright{width:100%;display:block;float:none;text-align:center;margin:0 auto;}
	.heroslider{display:none !important;}
	.divfooter {text-align:center;}
	.footerleft{padding-top:45px;}	
}

@media screen and (max-width: 414px){
	.linkbox{width:80%;margin:4% auto;height:200px;}
	.catimage,.financeimage,.partsimage{width:80%;left:10%;right:10%;}
	.titleslide img{width:30%;margin-left:35%;margin-right:35%;}
	.linktitler{bottom:-100px;}
	#financetitler{bottom:-55px;}
	#partstitler{bottom:-125px;}
	.titleslide h4{font-size:18px;}
	.linkstack a{font-size:14px;}
	.footerleft{padding-top:40px;}		
}
	
@media screen and (max-width: 360px){
	.linkbox{height:175px;}
	.titleslide img{width:40%;margin-left:30%;margin-right:30%;}
	.linkstack{margin-top:-22px;}
	.padit{padding:6% 0;}
	.divider{width:24%;left:38%;right:38%;}
	.footercenter{top:-6%;}
	.footerright{width:100%;}
	.internal{padding-bottom:60px;}
}

@media screen and (max-width: 350px){
	.linkstack{margin-top:-23px;}
	.titleslide img{width:45%;margin-left:27.5%;margin-right:27.5%;}
}