/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

header, nav, article, footer {display:block;}

body {background:#000; -webkit-text-size-adjust:none; font-weight:normal; font-size:16px; overflow-x:hidden;}
.wrap {width:90%; margin:0 auto; max-width:1230px;}
.show-tablet, .show-480 {display:none;}

.breadcrumbs__list {display: none !important;}
/** typography styles **/
p {margin-bottom:16px;}
.no-margin {margin:0 !important;}

a {color:#9e2021; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}

.red {color:#9e2021;}
.white {color:#fff;}
.black {color:#000;}

h1 {color:#fff; text-transform:uppercase; font-weight:bold; font-size:40px; margin-bottom:0;}
h2 {color:#9e2021; font-weight:bold; font-size:36px; margin-bottom:18px;}

h4 {color:#fff; font-weight:bold; font-size:24px; margin-bottom:7px;}
h4.loc {background:url('../siteart/layout/loc-icon-blk.png') no-repeat center left; background-size:5%; padding-left:7%; color:#000;}
h4 img {vertical-align:middle; width:8%; height:auto; display:inline;}
h4 a {color:#fff;}
h4 a:hover {color:#9e2021; text-decoration:none;}

.lg-text {font-size:18px;}

.bborder {border-bottom:2px #000 solid;}
/** inventory styles **/
.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:#9e2021 !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: #9e2021 !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: #9e2021 !important;} .view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;} .search-results {color:#9e2021!important} .page-nav{background:#9e2021!important;} .faceted-search-content-container {background:white !important;} .title-media-buttons-heading h1 {color:black !important;}
 

/** header styles **/
header {width:100%; padding:12px 0; border-bottom:2px #fff solid; background:#fff url('../siteart/store-front-day.jpg') no-repeat center bottom; background-size:contain; position:relative;}

/*.markets-icon {width:40px; height:40px; display:block; top:110px; right:0; background:#007236 url('../siteart/layout/market-icon.png') no-repeat center; position:absolute;}
.markets-icon:hover {background-color:#00582A; cursor:pointer;}
.weather-icon {width:40px; height:40px; display:block; top:160px; right:0; background:#00bff3 url('../siteart/layout/weather-icon.png') no-repeat center; position:absolute;}
.weather-icon:hover {background-color:#00ABD9; cursor:pointer;}
*/
#weather-box {z-index: 8; width:280px; height:300px; position:absolute; top:90px; right:-280px;}
#weather-box.out {right:0;}
.weather-icon {background:#00bff3 url('../siteart/layout/weather-icon.png') no-repeat center;
			display: block; height:40px; width:40px; position: absolute; left:-40px; top: 0;}
.weather-icon:hover {background-color:#00ABD9;}

#markets-box {z-index: 7; width:310px; height:500px; position:absolute; top:135px; right:-310px; background:#fff;}
#markets-box.out {right:0;}
.markets-icon {background:#007236 url('../siteart/layout/market-icon.png') no-repeat center;
			display: block; height:40px; width:40px; position: absolute; left:-40px; top: 0;}
.markets-icon:hover {background-color:#00582A;}


.address-box {width:33.33333%; float:left; margin:20px 7.66666% 15px 0;}
.logo {width:18%; float:left; margin-bottom:20%;}
.logo img {width:100%; height:auto; display:block; margin:0 auto; max-width:200px;}
.phone-box {width:25%; float:left; margin:20px 0 15px 16%; text-align:right;}
.phone-box h4 a {color:#000;}
.phone-box h4 a:hover {color:#9e2021;}


/** nav styles **/
nav {width:100%; background:#9e2021;}
nav ul {width:100%; text-align:center;}
nav li {display:inline-block; zoom:1; *display:inline; position:relative;}
nav a:link, nav a:active, nav a:visited {display:block; color:#fff; padding:0 18px; text-decoration:none; font-weight:bold; font-size:17px; line-height:40px;}
nav a:hover {background:#841B1C;}


/** homepage styles **/
.banner {width:100%; padding:20px 1%; text-align:center; background:#9e2021; border-bottom:2px #fff solid;}

.cycle-slideshow {width:100%; display:block; overflow:hidden; border-bottom:2px #000 solid; z-index:3;}
.cycle-slideshow div.slide {width:100%; height:auto; display:block; top:0; left:0; z-index:3;}
.cycle-slideshow img {width:100%; height:auto; display:block;}
/* pager */
.cycle-pager {text-align:center; width:100%; z-index:500; position:absolute; bottom:2%; overflow:hidden;}
.cycle-pager span {font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#000; cursor:pointer;}
.cycle-pager span.cycle-pager-active {color:#9e2021;}
.cycle-pager > * {cursor:pointer;}

.link-boxes {width:100%; display:block; border-bottom:2px #fff solid; border-top:2px #000 solid;}
.link-boxes:after {content:""; display:block; clear:both;}

.link-boxes div.linked {width:20%; float:left; height:273px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}

.link-boxes div.auction {background-image:url('../siteart/thumbs/auctions.jpg');}
.link-boxes div.all-farm {background-image:url('../siteart/thumbs/farm.jpg');}
.link-boxes div.tractors {background-image:url('../siteart/thumbs/tractors.jpg');}
.link-boxes div.combines {background-image:url('../siteart/thumbs/combines.jpg');}
.link-boxes div.headers {background-image:url('../siteart/thumbs/headers.jpg');}
.link-boxes div.tillage {background-image:url('../siteart/thumbs/tillage.jpg');}
.link-boxes div.const {background-image:url('../siteart/thumbs/const.jpg');}
.link-boxes div.dismantled {background-image:url('../siteart/thumbs/dismantled.jpg');}
.link-boxes div.sprayers {background-image:url('../siteart/thumbs/sprayers.jpg');}
.link-boxes div.contact {background-image:url('../siteart/thumbs/contact.jpg');}

.equip-links {
	width:96%;
	display:block;
	position:absolute;
	bottom:0px; left:0px;
	background:url('../siteart/layout/70-red.png') repeat;
	padding:10px 2%;
	height:253px;
	-webkit-transform:translateY(233px);
	-moz-transform:translateY(233px);
	-ms-transform:translateY(233px);
	-o-transform:translateY(233px);
	transform:translateY(233px);
	-webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
	text-align:center;
}

.link-boxes div:hover > .equip-links {
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-o-transform:translateY(0px);
	transform:translateY(0px);
}

.equip-links a {color:#fff !important; text-decoration:none; font-size:18px; font-weight:bold; display:block; margin-bottom:10px;}
.equip-links a:hover {color:#d7d7d7 !important;}


/** content styles **/
article {width:100%; padding:35px 0; background:url('../siteart/layout/wt-pattern.jpg') repeat;background-color:#fff;}
.lt-content {width:60%; float:left; margin-right:4.5%;}
.rt-content {width:35.5%; float:left;}
.rt-content img {width:100%; width:calc(100% - 4px); height:auto; border:2px #000 solid;}

.inv {width:100%; display:block;}


/** footer styles **/
.soc-map {width:100%; display:block;}
.soc-map:after {content:""; clear:both; display:block;}
.facebook-box {width:340px; float:left; display:block;}
.lg-map {width:100%; width:calc(100% - 340px); float:left; display:block;}
.lg-map iframe {width:100%; height:350px; display:block;}

footer {padding:20px 0; line-height:12px; color:#999; border-top:2px #9e2021 solid;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {text-decoration:underline; font-size:10px; color:#999;}
a.footerlink:hover {text-decoration:none; color:#999;}
.footertext {font-size:10px; color:#999;}
.smallfootertext {font-size:10px; color:#999;}
.divfooter {width:96%; max-width:610px; text-align:center; margin:0 auto;}
footer p {padding-left:30px;margin-top:10px;}


/** form styles **/
#formpage {width:100%; display:block;}
#formpage .row {width:100%;}
#formpage .row:after {content:""; clear:both; display:block;}
#formpage .col3 {width:31.33333%; float:left; margin-right:2%;}
#formpage .col-full {width:98%;}

#formpage label {display:block; margin-bottom:3px;}

#formpage input {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #8e8d8d;
	color:#666;
	font-size:12px;
	margin-bottom:7px;
}

#formpage textarea {
	width:100%;
	width:calc(100% - 12px);
	padding:6px 5px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #8e8d8d;
	color:#aaa;
	font-size:12px;
	height:100px;
	margin-bottom:7px;
}

 
/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	width:100%;
	width:calc(100% - 2px);
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:1px solid #8e8d8d;
	color:#aaa;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	margin-bottom:7px;
}

#formpage input.checkbox {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:13px;
    height:13px;
    display:inline;
    background-color:#fff;
 }

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
    display:inline;
 }




/* focus states of various types of fields */

#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#8e8d8d; 
	color:#FFF;
	border:1px solid #16598d;
    -moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	outline-style:none;
}
#formpage input.radio:focus,
#formpage input.checkbox:focus {
	background:none; 
	border:0;
	outline-style:none;
}
 
#formpage input.button,
#formpage input.button:focus {
    width:100%; 
    margin:0;
    padding:7px 0;
    background:#000;
    border:0;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	-webkit-appearance:none;
}
#formpage input.button:hover {background:#9e2021; color:#fff;}


/*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;}
.CaptchaImagePanel img {width:100%; height:auto; display:block; max-width:160px; margin:0 auto;}
.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 5px 0; padding:8px 0 8px 0 !important;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}


/** responsive styles **/
@media screen and (max-width:1382px) {
	nav a:link, nav a:active, nav a:visited {padding:0 11px; font-size:15px;}
}

@media screen and (max-width:1240px) {
	h1 {font-size:32px;}
}

@media screen and (max-width:1160px) {
	.equip-links a {font-size:16px;}
}

@media screen and (max-width:1136px) {
nav a:link, nav a:active, nav a:visited {padding:0 5px; font-size:12px;}	
}

@media screen and (max-width:1024px) {
	h1 {font-size:28px;}
	h2 {font-size:30px; margin-bottom:16px;}
	h4 {font-size:20px;}
	
	.wrap {width:96%;}
	
	
	
	/*.link-boxes div.linked {height:213px;}
	.equip-links {
		height:193px;
		-webkit-transform:translateY(173px);
		-moz-transform:translateY(173px);
		-ms-transform:translateY(173px);
		-o-transform:translateY(173px);
		transform:translateY(173px);
	}*/
	.link-boxes div.linked {height:183px; width:33.33333%;}
	.equip-links {
		height:163px;
		-webkit-transform:translateY(143px);
		-moz-transform:translateY(143px);
		-ms-transform:translateY(143px);
		-o-transform:translateY(143px);
		transform:translateY(143px);
	}
	.equip-links a {font-size:14px;}
}

@media screen and (max-width:852px) {
nav a:link, nav a:active, nav a:visited {padding:0 5px; font-size:10px;}	
}

@media screen and (max-width:768px) {
	h1 {font-size:22px;}
	h4 {font-size:18px;}
	h4.loc {background-size:7%; padding-left:10%;}
	h4 img {width:10%;}
	
	.lg-text {font-size:16px;}
	
	.show-tablet {display:block;}
	.hide-tablet {display:none !important;}
	
	#weather-box, #markets-box {display:none !important; height:0; width:0;}
	
	#simple-menu {float:left; background:url(../siteart/layout/mobile-nav-icon.png) no-repeat center left; height:40px; width:50px; padding-left:32px; margin-left:2%; display:block; cursor:pointer; line-height:40px; color:#fff; font-weight:bold; font-size:18px;}
	
	.address-box {width:35%; margin-right:4.5%;}
	.logo {width:21%; margin-bottom:22%;}
	.phone-box {margin-left:14.5%;}
	
	.lt-content {width:100%; margin-right:0;}
	.rt-content {width:50%;}
	
	
}
@media screen and (max-width:640px) {
	body {font-size:14px;}
	p {margin-bottom:14px;}
	
	h2 {font-size:26px; margin-bottom:12px;}
	h4 {font-size:15px;}
	h4.loc {background-size:8%; padding-left:11%;}
	h4 img {width:12%;}
	
	.address-box {margin-right:2.5%;}
	.logo {width:25%; margin-bottom:25%;}
	.phone-box {margin-left:12.5%;}
	
	.banner {padding:10px 1%;}
	
	article {padding:20px 0;}
	.rt-content {width:70%;}
	
	#formpage .row:after {clear:none;}
	#formpage .col3 {width:48%;}
	
	.facebook-box {display:none;}
	.lg-map {width:100%; float:none;}
	.lg-map iframe {height:200px;}
	
	footer {padding:10px 0;}
	.smallfootertext {display:none;}
}
@media screen and (max-width:480px) {
	h1 {font-size:18px;}
	h2 {font-size:24px; margin-bottom:8px;}
	
	.lg-text {font-size:14px;}
	
	.show-480 {display:block;}
	.hide-480 {display:none;}
	
	header {background:#fff;}
	.address-box {width:52%; margin:0 3% 0 0;}
	.logo {width:30%; margin:0 35% 2% 35%;}
	.phone-box {width:38%; margin:0 0 0 7%;}
	
	.banner {width:96%; padding:10px 2%;}
	
	.rt-content {width:100%;}
	
	.link-boxes div.linked {height:153px; width:50%;}
	.equip-links {
		height:139px;
		padding:7px 2%;
		-webkit-transform:translateY(121px);
		-moz-transform:translateY(121px);
		-ms-transform:translateY(121px);
		-o-transform:translateY(121px);
		transform:translateY(121px);
	}
	.equip-links a {font-size:14px; margin-bottom:7px;}
	
	footer p {padding-left:80px;}
}
@media screen and (max-width:375px) {
	.address-box {width:57%; margin:0 3% 0 0;}
	.logo {width:34%; margin:0 33% 2% 33%;}
	.phone-box {width:38%; margin:0 0 0 2%;}
	
	.equip-links a {font-size:12px;}
	
	#formpage .col3 {width:100%; margin-right:0;}
	#formpage .col-full {width:100%;}
}
@media screen and (max-width:320px) {
	h4 {font-size:14px;}
}
