﻿/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Arial', sans-serif; font-style:normal; line-height:normal; -webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
h1, h2, h3, h4, h5, h6 {color:#ee2e32; margin: 0; padding: 0;}
h1 {color:#ee2e32; font-size: 28px; font-weight:bold; text-transform:uppercase; padding:18px 0; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
h3 {color:#D14200; font-size:18px; font-weight:bold; padding: 10px 0 18px 0;}
.markets h3{border-bottom: #ccc solid 1px; margin-bottom: 10px; padding: 0 0 10px 0;}
	
h4, h1#homepage {font-size: 54px; font-weight:bold; text-transform:uppercase; text-align:center; padding:18px 0; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}

p {margin: 0; padding:5px 0; font-size:16px; line-height:28px; color:#2a2a2a;}
p.textBlock{width:92%; float:left; margin-left:15px;}
p.textBlock2{width:57%; float:left;}
	
p a{color:#2a2a2a;}
p a:hover{color:#ee2e32;}

.style1 {color:#ff6d28; font-size:12px;}

/* LINK STYLES */
a.link:focus {outline: none;/*reset*/}
a.link, a.link:link, a.link:visited, a.link:active {outline: 0;/*reset*/ color: #2a2a2a;  text-decoration:underline;}
a.link:hover  {outline: 0;/*reset*/ text-decoration: none; color: #ee2e32;} 
a.button { display:block; margin:10px 0; background:#ee2e32; color:#fff; font-size:16px; line-height:21px; padding:10px 14px; text-align:center; font-weight:bold; text-decoration:none; }
a.button:hover { background:#000; }
	
	
/* BASIC STYLES */
body {
	margin: 0 !important; 
	padding:0;   
	overflow-x: hidden;
	line-height: 1.6;
	background: #000 url(../siteart/cornfield.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}

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;}

img {border: 0;} 
 
/* HEADER */
.header-wrap {width: 100%; margin: 0; background-color:#fff;}
header {margin: 0 auto; max-width: 1200px; width:100%; display: flex; align-items: center; justify-content: space-between;}
.headContent{display:flex; width: 60%; flex-wrap: wrap; justify-content: center; margin:0; padding:12px 3%; box-sizing: border-box;}
.logoBox {width:inherit;}
.logoBox img {width:100%; margin: 0 auto; max-width: 350px; display: block; padding:1%; border: solid #000 1px;}
.top-manus{width:100%; display: flex; align-items: center; justify-content: space-between;}
.top-manus img{width: 100%; max-width: 150px; display: block; margin: 0 auto; height: auto;}
.contactWrap {width: 20%; padding: 0 12px 0 0;}
.weather {width: 20%; padding: 0 0 0 12px;}
.phone{font-weight:bold; font-size:24px; color:#2a2a2a; text-align:right; padding: 18px 0 14px 0;}
.address{font-size:17px; color:#2a2a2a; text-align:right; padding:0 0 12px 0;}

/* CONTENT STYLES */
.pageContent{width:80%; float:left;}

.InventoryContent{width:100%; margin:0 auto;}

.markets{width:17%; float:right; padding-right:30px;}

.sidePhoto {float:left; padding:10px 0; width:95%;}
.sidePhoto img {width:100%;}
.sidetext {float:left; padding:10px 0 0 20px; width:58%;}

.ProductPhoto {float:left; padding:10px 0; width:32%;}
.producttext {float:left; padding:10px 0; width:65%;}

.pageform {width:100%; float:left;}
.contactBox{float:left; width:250px; padding:30px 9px 40px 30px; color:#2a2a2a;}

.hours {padding-left:0; padding-bottom:30px;}

.homeimages {display:inline-block; margin:-35px 7px 0 7px; padding:0; width:47%; text-align:center; font-weight:bold;}
.homeimage a {color:#000;}

.videowrap {display:inline-block; margin:0 7px 0 7px; padding:0; width:47%;}
.videos iframe {margin:7px; padding:0;}
.videos { float:left; width:96%; padding:5px 10px 0px 13px; color:#2a2a2a; }

.videos a {color:#2a2a2a; }

.finabutton{background: #b80000; color: #fff; padding: 10px 0; margin-bottom: 10px; font-size: 22px; font-weight:bold; text-align:center;  max-width:300px; width:100%;}
.finabutton:hover {background: #C80000;color: #fff;}

.line {background-color:#000; width:1px; height:245px; display:block; float:left; margin:40px 0;}

.dealerlogos {
	background: #676767; /* Old browsers */
	background: -moz-linear-gradient(top, #676767 0%, #4f4f4f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676767), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #676767 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #676767 0%,#4f4f4f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #676767 0%,#4f4f4f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #676767 0%,#4f4f4f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676767', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */	
	text-align:center;
	width: 100%;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	padding: 1em 0;
}
.dealerlogos h2{font-size: 28px; font-weight:bold; padding:15px 0 18px 0; color:#D14200; margin:auto; width: 100%; text-align: center;    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.dealerlogos img{padding-left:12px; width: 100%; height: auto; max-width: 125px;}
.main {padding:0 0 0 32px;}
.vertical-contacts{float:left; width:280px; padding:0px 10px 20px 15px; color:#2a2a2a}
.map {padding: 0px 0px 20px;}
.calc {padding: 18px 0 0 40px;}
.ContentArea{padding:0 32px 20px 32px;}

/* BANNER */
.banner {margin:5px 0 -5px 0;}

/* LAYOUT */
.left {float: left;}
.right {float: right;}

.sliderwrap {width:100%; margin:0 auto; max-width:1400px;}
.whitewrap {background:#fff; width:100%; margin:0 auto; max-width: 1400px; }
.wrap {width:95%; margin:0 auto;}
	
.container {max-width:1200px; width:100%; margin: 0 auto; background-color:#fff;}

.col-1-6 { width: 16%;}
.col-1-5 { width: 20%;}
.col-1-4 { width: 24%;}
.col-1-3 { width: 33%;}
.col-1-2 { width: 49%;}
.col-2-3 { width: 65%;}
.col-3-4 { width: 75%;}


/* FORM */
#formpage {vertical-align:top; margin:15px 0;}
#formpage div {vertical-align:top; padding:10px 5px;}

#formpage input {padding:6px 5px; border:1px solid #8e8d8d; color:#8e8d8d; font-size:12px;}

#formpage textarea {padding:6px 5px; border:1px solid #8e8d8d; color:#8e8d8d; 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:96.5%; border:1px solid #8e8d8d; color:#8e8d8d; vertical-align:middle; font-size:12px; line-height:normal; padding:1%;}
#formpage input  {width:95%;}
#formpage input.larger  {width:95%;}
#formpage textarea {width:95%; height:85px;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {background:#fff;  color:#000; border:1px solid #000; outline-style:none;} 

.submit {text-align:center; position:relative;}
#formpage input.button,
#formpage input.button:focus {width:100%; margin:0 auto; padding:7px 0; background:#b80000 url('../siteart/submit_btn.jpg') repeat-x; border:2px #b80000 solid; font-size:14px;line-height:14px; font-weight:bold; color:#fff;}
#formpage input.button:hover {background:#c80000; color:#fff; text-shadow:none; border:2px #c80000 solid;}
 
/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {color:#212121; font-size:13px; text-align:left;} 

/*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: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;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 

/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrolling{width:100%; height:92px;}

/* FOOTER */
footer {margin: 0 auto; width: 100%; max-width: 1200px; padding:20px 0;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{color:#fff; text-decoration:underline; font-size:13px;}
a.footerlink:hover {color: #fff; text-decoration:none; font-size:13px;}
.footertext{font-size:13px; color:#fff;}
.smallfootertext{font-size:10px; color:#fff;}
.divfooter {width:450px; text-align:center; margin:0 auto;}


/************************************************ Responsive Styles **/
@media screen and (max-width: 1023px) {
body{background:100%;}

.wrap {padding:0;}
.address{font-size:14px;}
.phone{font-size:22px;}

.pageContent{width:70%;}
.homeimages img {width:95%;}
.videowrap {display:inline-block;margin:0 7px 0 7px;padding:0;width:90%;}
.markets{width:24%;}

.sidetext {width:51%;}
.ProductPhoto {width:32%;}

.banner {width:100%; margin:0 auto;}

.typography h4 {font-size:40px;}
.typography p.textBlock2{width:90%;}
}

@media screen and (max-width: 900px) {
body{background:100%;}
	
.logoBox {width: 70%;}
.top-manus img {max-width: 125px; padding: 12px 1vw; box-sizing: border-box;}
.contactWrap, .weather {width: 25%;}
.phone {font-size: 20px;}
.address {font-size: 15px;}
	
.homeimages img {width:90%;}
.homeimages {width:90%; margin-bottom:30px;}

.videowrap {display:inline-block;margin:0 7px 0 7px;padding:0;width:90%;}

.vertical-contacts{float:left; width:280px; padding:0px 0 20px 0;}

.sidePhoto {float:none;}
.sidetext {width:90%; float:none; padding:0;}
.ProductPhoto, .producttext {width:90%; float:none;}


.banner {width:100%; margin:0 auto;}
.divfooter {width:75%; margin:0 auto;}

h1 {font-size:22px;}
h4, h1#homepage {font-size:38px;}
p.textBlock2{width:90%;}
}

@media screen and (max-width: 700px) {
header {flex-wrap: wrap; justify-content: center;text-align:center;}
.headContent{width:100%; padding: 12px 7%;}
.logoBox {width: 80%;}
.top-manus {width: auto;}
.top-manus img {max-width: 125px; padding: 12px 2vw;}
.contactWrap{width:100%; display: flex; justify-content: center; flex-direction: column; padding: 0;}
.weather{width:100%; display: flex; justify-content: center; padding: 0;}
.phone {text-align: center; padding: 0; font-size: 22px;}
.address {text-align: center; padding: 12px; font-size: 17px;}
}

@media screen and (max-width: 600px) {
body{background:100%;}

.pageContent{width:100%; float:none; margin:0 auto;}
.pageContent img {width:100%;}
.videos {float:none; padding:0;}
.homeimages {display:block; margin:0 7px 0 7px; padding:0; width:100%;}
.homeimages img {width:100%;}
.videowrap {display:block; margin:0 auto; width:95%}
.markets{width:90%; float:none; margin:0 auto; margin-right:0;}

.vertical-contacts{float:left; width:280px; padding:0px 0 20px 0;}
.map iframe {width: 100%;}
.sidePhoto {width:100%; float:none; text-align:center;}
.sidePhoto img {width:100%; margin:0 auto;}
.sidetext {width:100%; float:none;}
.ProductPhoto {width:100%; float:none; text-align:center;}
.ProductPhoto img {width:47%; height:auto; margin:0 auto;}
.producttext {width: 100%; float: none;}

.finabutton{padding: 10px 0; font-size: 20px; width:100%; max-width:100%;}

.banner {width:100%; margin:0 auto;}
.divfooter {width:75%; margin:0 auto;}
}

@media screen and (max-width: 320px){
body{background:100%;}

.weather{display:block; width:179px; padding-top:0; margin:0 auto;}

.slider-wrapper {margin:0 auto;}

.pageContent{width:95%; float:none; margin:0 auto;}
.pageContent img {width:100%;}
.videos {float:none; padding:0;}
.homeimages {display:block; margin:0 7px 0 7px; padding:0; width:100%;}
.homeimages img {width:100%;}
.videowrap {display:block; margin:0 auto; width:95%}
.markets{width:80%; float:none; margin:0 auto; margin-right:0;}

.vertical-contacts{float:left; width:90%; margin:0 auto; padding:0;}

.sidePhoto {width:100%; float:none; text-align:center;}
.sidePhoto img {width:100%; margin:0 auto;}
.ProductPhoto {width:100%; float:none; text-align:center;}
.ProductPhoto img {width:100%; margin:0 auto;}
.sidetext {width:100%; float:none;}

.finabutton{padding: 10px 0; font-size: 16px; width:100%; max-width:100%;}

.banner {width:100%; margin:0 auto;}
.divfooter {width:90%; margin:0 auto;}

h1 {font-size:18px;}
h4, h1#homepage {font-size:24px;}
p.textBlock2{width:90%;}

.typography p.textBlock{width:90%; float:none; margin:0 auto;}
}
