﻿/*===================== 
	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
=======================*/



/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    font-family: 'Oswald', sans-serif;
    margin: 0;
	padding:0;
	background:url(../siteart/subtle_dots.png) repeat;
	color:#000;
	}

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, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Oswald', sans-serif;
	margin: 0;
	padding:0 0 2% 0;
	font-weight:bold;
	line-height:1.5em;
	color:#ed1c24;
	}
	h1, .h1 {
		font-size: 40px;
	}
	h2, .h2 {
		font-size:36px;
	}
	h3, .h3 {
		font-size: 30px;
	}
	h4, .h4 {
		font-size: 24px;
	}
	h5, .h5 {
		font-size: 18px;
	}

p {
    font-family: 'Oswald', sans-serif; font-weight: 300; 
	padding: 0 0 2% 0;
	font-size:24px;
	line-height:1.5em;
	margin: 0;
	}
strong{font-family: 'Oswald', sans-serif;font-weight:400;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color:inherit;
}

a:hover  {
	text-decoration: none;
	color: #ed1c24;
	} 
	
	

.appbutton{background:url(../siteart/navbg.jpg) center center no-repeat; padding:5px 5px 3px;color:#fff; border-radius:3px;border:#931216 1px solid;font-family: 'Oswald', sans-serif;display:inline-block;margin:10px 20px 10px 0;width:45%;text-align:center;font-weight:400;}
.appbutton:hover{background:#262626; color:#fff;border:#000 1px solid;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#231f20; padding:2px 0;font-size:14px;color:#fff;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;}
.topbar ul li{float:left;padding:7px 40px 7px 0;}
.topbar ul li:last-child{float:right;padding:7px 0 7px 0;}

header{width:100%;margin:0;padding:30px 0;background:url(../siteart/dark_matter.png) repeat;text-align:left;}

.headerwrap{width:96%;max-width:1170px;margin:0 auto;}
.logo{float:left;}
.address p{text-align:right;color:#fff;font-size:16px;font-family: 'Oswald', sans-serif;line-height:1.8em;padding:0 0 0 0;}
.address strong{font-family: 'Oswald', sans-serif;}
.address h2, .address .h2{padding:0;color:#000;}
.address h5, .address .h5{padding:0;color:#000;}




/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */


/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1170px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1230px;margin:0 auto;}


	
/*===================== 
	slideshow styles 
=======================*/
.slides{background:#262626;padding:0;color:#fff;position:relative;border-bottom:#ed1c24 10px solid;}

.cycle-slideshow{}
.cycle-slideshow img{
	width:100%;
}

.callout{text-align:center;position:absolute;z-index:100;height:auto;width:100%;}
.callout .textbox{font-family: 'Oswald', sans-serif;text-transform:uppercase;background:url(../siteart/subtle_carbon_transparent.png) repeat;margin:0 auto;display:inline-block;padding:2% 5%;margin-top:7%;border:#404040 1px solid;font-size:55px;box-shadow: 0px 3px 4px 0px rgba(0,0,0,.75);}
.callout .textbox span{font-size:30px;color:#ed1c24;}
.callout .textbox p{font-size:20px;font-family: 'Oswald', sans-serif;padding:2% 0 0 0;}

/* 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, sans-serif; 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;}



/*===================== 
	banner styles 
=======================*/


/*===================== 
	Form styles 
=======================*/
#contact-form form{
	margin:0 0 0;
}
#contact-form label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
#contact-form input{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom: 15px;
}
#contact-form input:focus{
	border: #2885b3 solid 1px;
}
#contact-form input.button1{
	display:block;
	margin:0 auto 5% auto;
	border:#cccccc solid 1px;
	background-color:#262626;
	color:#fff;
}

#contact-form input.button1:hover{
	background-color:#ffcd07;
	cursor:pointer;
}

#contact-form select{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:102%;
}
#contact-form textarea{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:100%;
}

.halfbox{
    width: 45%;
    float: left;
    padding-right: 5%;
}

/*========*/

.form-wrapper {
	background: #262626 url(../siteart/linkboxbg.jpg) repeat;
	border-color: #424242;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 5px;
	margin: 0 40px;
	margin-top:15px;
	overflow: hidden;
	padding: 1%;
	max-width: 450px;
	width: 98%;
	display:inline-block;
	zoom: 1; *display: inline;
}


.form-wrapper #search {
	border: 1px solid #424242;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	height: 20px;
	padding: 10px 2%;
	max-width: 320px;
	width: 70%;
}


.form-wrapper #search:focus {
	border-color: #000;
	-webkit-box-shadow: 0 1px 1px #bbb inset;
	-moz-box-shadow: 0 1px 1px #bbb inset;
	box-shadow: 0 1px 1px #bbb inset;
	outline: 0;
}

.form-wrapper #search:-moz-placeholder,
.form-wrapper #search:-ms-input-placeholder,
.form-wrapper #search::-webkit-input-placeholder {
	color: #999;
	font-weight: 400;
}

.form-wrapper #submit {
	background-color: #feb300;
	border: 1px solid #00748f;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fafafa;
	cursor: pointer;
	height: 42px;
	float: right;
	font: 15px Arial, Helvetica;
	padding: 0;
	max-width: 100px;
	width: 23%;
}

.form-wrapper #submit:hover {
	background-color: #FF7200;
}

.form-wrapper #submit:active {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
	outline: 0;
}

.form-wrapper #submit::-moz-focus-inner {
	border: 0;
}





/*===================== 
	layout styles 
=======================*/
.padit{padding:2% 0;}
.welcome{text-align:left;background:url(../siteart/welcomebg.jpg) center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#ffcd07 4px solid;}

.mfglinks{background:url(../siteart/sos.png) repeat;border-top:#e1e1e1 1px solid;}
.mfglinks i{margin-right:10px;}
.mfglinks p{font-family: 'Oswald', sans-serif;font-size:18px;text-transform:uppercase;padding: 0 0 4% 0; font-weight: 380;}


.ribbon{text-align:center;color:#fff;background:#38b749;border-bottom:#216c2b 5px solid;position:relative;}
.ribbon h2, .ribbon .h2{color:#fff;}
.linkbox{display:inline-block;zoom: 1;*display: inline;width:142px; height:70px;padding-top:100px;font-family: 'Quantico', sans-serif;position:relative;}
a .linkbox{color:#fff;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
a:hover .linkbox{color:#000;}


.quotebox{background:#fff;padding:20px;position:relative;margin:10px 0;z-index:100;text-align:left;border-radius:4px;border:#ccc 1px solid;}
.quotebox p{font-size:17px;}
.quotebox h3, .quotebox .h3{padding:10px 0;}

.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--------*/

.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:#111111;padding:50px 0;border-top:#474747 1px solid;}
.pagebottom p{color:#ababaa;font-size:18px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#ffcd07;}

footer {
	margin: 0 auto;
	width: 100%;
	font-family: 'Oswald', sans-serif!important;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:12px;
	color: #ababaa;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:12px;
		color: #fff;
		}

.footertext {color:#ababaa;}
.footaddress {display:block;float:right;text-align:right;border-left:#ccc 1px solid;padding:0 0 0 50px;margin-left:50px;}


.smallfootertext {
	font-size:12px; 
	color:#666;
	}

.divfooter {
	text-align:left; 
	margin:0 auto;
	}
	
	

/*===================== 
	Link Boxes 
=======================*/	
.invlinkbox{
    float:left;
    width:12.5%;
    height:200px;
    margin:0;
    background:#f7f7f7;
    position:relative;
    overflow:hidden;/* Only the -webkit- prefix is required these days */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
	z-index:1000;
}
a:hover .invlinkbox h5, a:hover .invlinkbox .h5 {color:#ed1c24;}
.invlinkbox h5, .invlinkbox .h5{font-size:20px;line-height:1.2em;color:#fff;}
.invlinkbox p{color:#fff;font-size:14px;line-height:2em;font-family: 'Oswald', sans-serif; font-weight: 300;}
#tractors{background:url(../siteart/tractors.jpg) center center no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#combines{background:url(../siteart/combines.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#headers{background:url(../siteart/headers.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#sprayers{background:url(../siteart/sprayers.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#graincarts{background:url(../siteart/graincarts.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#hayequip{background:url(../siteart/hayequip.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#tillageequip{background:url(../siteart/tillageequip.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
#viewall{background:url(../siteart/viewall.jpg) center center no-repeat;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.invlinkbox::before {
    content: ' ';
    position: absolute;
    top: 160px;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.invlinkbox:hover::before {
    background: rgba(0, 0, 0, .7);
	top:0;
}

.caption__media {
    display: block;
    min-width: 100%;
    max-width: 100%;
    height: auto;
}

.caption__overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px;
    color: white;

    -webkit-transform: translateY(160px);
            transform: translateY(160px);

    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.invlinkbox:hover .caption__overlay {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.caption__overlay__title {
    transition: -webkit-transform .35s ease-out;
    transition:         transform .35s ease-out;
}

.invlinkbox:hover .caption__overlay__title {
    -webkit-transform: translateY(0);
            transform: translateY(0);
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.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%; }
.span_1_of_3 { width: 32%; }


/* INVENTORY */
#inv {padding: 5% 0;}

#inv *{border-radius: 0!important;}

.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.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, .mobile-breadcrumb {background:#ed1c24 !important; }

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover, .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, .mobile-breadcrumb {background:#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 {color: #ed1c24 !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 {font-family: 'Oswald', sans-serif!important; padding-left: 6px;}

.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: #ed1c24 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav {background: #ed1c24 !important;}

.material-icons, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call .dealer-phone, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text .dealer-phone {color:#ed1c24!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #ed1c24!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 .detail-price, .detail-content .search-results {color: #000!important;}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call, .list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text {border-color: #ed1c24!important; color: #ed1c24!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px;}

a.view-listing-details-link.des-view-listingDetails:hover { background: #000!important; color: #fff!important; }

/*  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%; 
	}		
	.appbutton{width:100%; padding-left: 0; padding-right: 0; margin-right: 0;}
}



	

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1024px) {
.callout .textbox{font-size:48px;margin-top:4%;}
.invlinkbox{
    width:25%;

}	
}

@media screen and (max-width: 1000px) {
	
.pagebottom{text-align: center;}
.pagebottom .span_6_of_12 {
  	width: 100%;
  	margin-top:40px;
}

.pagebottom .span_2_of_12 {
  	width: 32%;
}	
}
@media screen and (max-width: 900px) {
.mfglinks p{font-size:14px;}
.footaddress {display:none;}

}
@media screen and (max-width: 800px) {
.logo{float:none;text-align:center;}
.address{text-align:center;padding-top:20px;}
.address p{text-align:center;}
.callout{display:none;}
	h1, .h1 {
		font-size: 36px;
	}
	h2, .h2 {
		font-size:30px;
	}
	h3, .h3 {
		font-size: 24px;
	}
	h4, .h4 {
		font-size: 18px;
	}
	h5, .h5 {
		font-size: 16px;
	}

p {

	font-size:14px;

	}
.mfglinks p{font-size:12px;}
.mfglinks i{display:none;}		
}
@media screen and (max-width: 600px) {
.topbar ul li{float:none;padding:7px 0 7px 0;}
.topbar ul li:last-child{float:none;padding:7px 0 7px 0;}
.arrowdown{display:none;}	
}

@media screen and (max-width: 479px){
.topbar{font-size:12px;text-align:center;}
.address h2, .address .h2{font-size:24px;}
.pagebottom{padding:20px 0;}
.pagebottom .span_2_of_12 {
  	width: 100%;
}.divfooter {
	text-align:center; 
	}
.mfglinks {text-align:center;}		
.mfglinks p{font-size:18px;line-height: 1.2em;}	
.mfglinks i{display:none;}	
.welcome{text-align:center;}
.searchbg{display:none;}
}
@media screen and (max-width: 414px){
	
}