/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'roboto_condensedregular', Arial, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
    src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-size:36px; color:#9acb50; font-family:'roboto_condensedbold', Arial, sans-serif; padding-top:30px;}
h2 {font-size:18px; color:#9acb50; font-family:'roboto_condensedbold', Arial, sans-serif; text-align:right;}
h2 a {font-size:18px; color:#9acb50; font-family:'roboto_condensedbold', Arial, sans-serif; text-decoration:none;}
h3 {font-size:24px; color:#9acb50; font-family:'roboto_condensedbold', Arial, sans-serif; text-align:center; padding-top:20px;}
h4 {font-size:16px; color:#9acb50; font-family:'roboto_condensedbold', Arial, sans-serif; padding-top:10px; text-transform:uppercase;}
p {font-size:16px; line-height:24px;}

a {text-decoration:none;}

.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, .compare-listings-container .compare-container .button {background:#9acb50 !important; color: #000 !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;}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {background: #000 !important; color: #fff !important;}
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #9acb50 !important;text-transform: uppercase; letter-spacing: 1px; color: #000 !important; font-weight: bold;}
.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;}

.compare-chkbox-container .compare-listings .compare-label {margin-left: 5px;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin-left: 3px !important;}

.detail-content .dealer-info h3 {text-align: left !important; padding-bottom: 10px !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn {border-color: #000 !important; color: #000 !important;}

.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3 {color: #000 !important;}

.compare-chkbox-container .compare-listings .fa-check {     top: 2px !important;
    left: 2px !important;}

.list-content .list-error h2 {
	text-align: center !important;
	    font-size: 24px !important;
}
/*  NAVIGATION
------------------------------------------------*/
#navwrap { 
    text-align:center;
    background:#9acb50;
    -moz-box-shadow:  0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
}
  
#nav-wrapz {
    position:relative;
    display:block;  
    z-index:9000;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
    width: 1000px;
}
  
#nav-wrapz ul, nav li {
    list-style: none;  
    margin:0 0 0 0;
    padding:0 0 0 0;  
}
  
#nav-wrapz ul li {
    display: block;
    position: relative;
    float:left;
    text-align:center;
}
  
#nav-wrapz li ul {
    display: none;
}
  
  
#nav-wrapz ul li a { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #000;
    font-weight:normal;
    font-size:18px;
    line-height:18px;
    transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
    padding:10px 20px 20px;  
    height: 1%;
    text-transform: uppercase;
    border-right: 1px solid #a8e251;
    border-left: 1px solid #a8e251;
    text-align:center;
    font-family:'roboto_condensedbold', Arial, sans-serif;
}
 
 
#nav-wrapz ul li a:hover { /* appearance of the first-level links on hover */
    height: 1%; 
    color:#fff; 
    background: #000 url("../siteart/nav-ro-bg.jpg") repeat-x;
}
  
  
  
#nav-wrapz ul li li a { /* appearance of the sub-level links */
    width:215px;
    padding:8px 0 8px 15px;
    text-align:left;
    background:#9acb50;
    border-bottom:1px #a8e251 solid;
    border-right: 1px solid #a8e251;
    border-left: 1px solid #a8e251;    
}
#nav-wrapz ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#000 url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
  
/* Optional-use, Begin targeting styles of first and last links */
#nav-wrapz ul li:last-child  { /* Optional-use, this targets last li */
    border-right: 1px solid #a8e251;
}
#nav-wrapz ul li:last-child a {
    border-right: 1px solid #a8e251;  /* Optional-use, this targets last link */
}
#nav-wrapz ul li:first-child  { /* Optional-use, this targets first li */
    border-left: 1px solid #a8e251;
}
  
/* Optional-use, cancells out border for subnav li containers*/
#nav-wrapz ul li li:last-child  {
    border-left:0;
    border-right:0;
}
#nav-wrapz ul li li:last-child a {
    border-right: 1px solid #a8e251;
}
#nav-wrapz ul li li:first-child  {
    border-left:0;
    border-right:0;
}
/* Optional-use, End targeting styles of first and last links */
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#nav-wrapz ul ul {
    display: none;
    position: absolute; 
    top:100%;
    left:0;
}
  
#nav-wrapz ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
  
#nav-wrapz ul li:hover > ul {  
    display: block;
    line-height:18px; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav-wrapz ul ul li {
    float: none; 
    position: relative;
}

#formpage {
vertical-align:top;
}

#formpage div {
vertical-align:top;
padding:3px 5px;
}

#formpage input {
	padding:6px 5px;
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	font-size:12px;
	width: 100%;
}

#formpage input.radio {
	width: auto;
}

#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 {
	border:1px solid #8e8d8d;
	color:#8e8d8d;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    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 #16598d;
	outline-style:none;
}
 
#formpage input.button,
#formpage input.button:focus {
    width:200px; 
    margin:10px 0;
    padding:7px 0;
    background:#9acb50 url('../siteart/submit_btn.jpg') repeat-x;
    border:2px #9acb50 solid;
    font-size:14px;
	line-height:14px;
	font-weight:bold;
    color:#fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#formpage input.button:hover {
	background:#000;
	color:#fff;
	text-shadow:none;
	border:2px #000 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;} 
        

/*  BASIC STYLES
------------------------------------------------*/
body {background:#fff;}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
#headercontent {width:90%; margin:0 auto;}
#site-width {width:85%; margin:0 auto;}
#sitewrap {width:80%; margin:10px auto 0;}

.liquid {background:#000; color:#fff; padding:5px 0; width:375px; font-weight:bold; text-transform:uppercase; text-align:center;}
.video-wrap {
    width: 65%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 40px;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}

.video-wrap video {max-width: 100%;width: 100%;display: block !important;}
/*  HEADER STYLES
------------------------------------------------*/
header {padding:10px 0 15px;}
.logo {float:left;}
#searchwrap {text-align:right; padding:20px 0;}
.fblogo {padding-bottom:10px; display:inline-block;}

#colorblock {background:#9acb50; margin-top:-300px; padding:50px 0;}
.icon {background:#000; padding:30px 45px; text-align:center; width:23%; margin:250px 20px 0; height:400px; float:left; color:#fff; z-index:999999; position:relative;}
.icon a {color:#fff; text-decoration:none;}
.btn {background:#9acb50; margin-top:10px; padding:10px 30px; font-size:20px; color:#fff; text-align:center; text-decoration:none; font-family:'roboto_condensedbold', Arial, sans-serif;}
.btn:hover {background:#a8e251;}

/*--------Search Bar Styles--------*/
.searchform {width:20%; float:right; text-align:right; margin-top:15px;}

.searchform input.search-box {
	height: auto !important;
    float: left !important;
    width: 65% !important;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    background: #fff;
    padding: 9px 0 9px 8px !important;
    border: 1px #9acb50 solid !important;
    font-family: 'roboto_condensedbold', Arial, sans-serif;
}

.searchform .search-btn1 {
	float: right !important;
    width: 30% !important;
    color: #9acb50 !important;
    font-size: 16px !important;
    padding: 9px 5px 9px 8px ;
    text-align: center;
    margin: 0 0 0 0;
    border-radius: 0 !important;
    background: #000 !important;
    border: 1px #000 solid !important;
    text-transform: uppercase;
	font-family:'roboto_condensedbold', Arial, sans-serif;
	cursor: pointer;
}

.searchform .search-btn1:hover {
	background:#000;
	color:#fff;
}

#black a {
	color: #000 !important;
}


#black a:hover {
	color: #9acb50 !important;
}

/*  CONTENT INVENTORY
------------------------------------------------*/
.pagetext {float:left; width:53%;}
.pagetext a {color:#000; text-decoration:none;}
.contactinfo {float:right; width:30%; padding:20px 0;}
.contactinfo a {color:#000; text-decoration:none;}

.invleft {float:left; width:28%;}
.invright {float:right; width:72%;}
.used { display:inline-block;background:#000; width:32%; padding:5px 0 5px 0; margin:1% .5% 1% 0; color:#fff !important; text-decoration:none !important; text-align:center; font-weight:bold;}
.used:hover {background:#9acb50; color:#000 !important; text-decoration:none !important;}
.used img {display:inline-block; vertical-align:top; height:20px; padding-left:10px;}

/*.catsort{width:85%;height:80px;margin:15px auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fff;-moz-box-shadow:5px 5px 5px #A6A6A6;-webkit-box-shadow:5px 5px 5px #a6a6a6;box-shadow:5px 5px 5px #a6a6a6;position:relative;}
.catsort img{position:absolute;left:0%;}*/
/*.catsort img, .catsort h4{display:inline-block;text-align:center;vertical-align:middle;}*/
/*.catsort h4{position:absolute;right:0;top:50%;left:50%;transform:translate(20%,-50%);-webkit-transform:translate(20%,-50%);-ms-transform:translate(20%,-50%);font-size:16px;width:35%;height:auto;text-align:center;}
.catsort:hover{padding-left:5%;-moz-transition:0.25s all ease;-webkit-transition:0.25s all ease;-o-transition:0.25s all ease;transition:0.25s all ease;background:#E4E4E4;}
.catsort:hover > h4{color:#000;}*/

.catsort{display:inline-block; width:12%; margin:20px 2%; text-align:center; vertical-align:top;}
.catsort img {width:100%; margin:0 auto; text-align:center;}
.catsort h4,.cat h4{font-size:15px;width:100%;height:auto;text-align:center; margin-top:5px; vertical-align:top;}
.catsort:hover > h4,.cat:hover > h4{color:#000;}

.equipment-wrap {display: grid;    grid-template-columns: repeat(5, 1fr);
    gap: 30px;}
.cat img{height: 120px;margin: 0 auto;display:block;max-height: auto;}
.list-content .list-listing .dealer-name {
	text-align: right !important;
	padding-top: 0 !important;
}

.list-content .list-error-container .info button {
	background: #000 !important;
	color: #9acb50 !important
}
/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	padding:10px 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*  FOOTER STYLES
------------------------------------------------*/
footer {background:#9acb50; padding:20px 0;}
.footerleft {float:left; padding-top:10px;}
.footerright {float:right;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none;font-size:11px; color:#000;}
a.footerlink:hover {text-decoration:none; font-size:11px; color:#fff;}

.footertext{font-size:11px; color:#000;}

.smallfootertext{font-size:11px; color:#000;}

.divfooter {width:450px;}


/************************************************ Responsive Styles **/

@media screen and (max-width: 1480px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}
h1 {font-size:30px;}
.logo {width:55%;}
.logo img {width:100%;}
.searchform {width:30%;}
#colorblock {margin-top:-250px; padding:175px 0;}

.icon {width:18.75%; margin:35px 20px 0;}
.icon img {width:100%;}

.invleft {width:30%;}
.catsort {width:12.25%;}
.catsort h4{font-size:11px;width:100%;}
.invright {width:68%}

.used {font-size:14px;}
	
	

}
@media screen and (max-width: 1350px) {
	.equipment-wrap {    grid-template-columns: repeat(4, 1fr);}
}
@media screen and (max-width: 1031px) {
	#nav-wrapz ul li a {
		font-size: 16px;
	}	
	
	.equipment-wrap {    grid-template-columns: repeat(3, 1fr);}
	#nav-wrapz {
		width: 100%;
	}
	
	.video-wrap {width: 95%; margin: 0 auto;margin-bottom: 50px;}
}
@media screen and (max-width: 1023px) and (min-width:768px) {
.show-menu-for-mobile {display: none;}
h1 {font-size:24px;}
h2 {padding-top:5px;}
h3 {font-size:20px;}
h4 {font-size:13px;}
#site-width {width:90%;}
.logo {width:65%;}
.logo img {width:100%;}
.searchform {width:35%; padding-bottom:10px;}
#nav-wrapz ul li a {padding:10px 17px 20px 23px;}
#colorblock {margin-top:-250px; padding:120px 0;}

.icon {width:25.5%; margin:100px 10px 0; padding:30px 15px; height:350px;}
.icon img {width:75%;}

.pagetext {width:55%;}
.pagetext img {width:100%;}
.contactinfo {width:35%;}

#sitewrap {width:90%;}
.invleft {width:35%;}
.catsort {width:28.5%;}
.catsort img{width:90%;}
.catsort h4{width:100%;font-size:13px;}

.catsort:hover{padding-left:0;}
.invright {width:60%;}

.used {font-size:12px;}

.footerleft {width:50%;}
.footerright {width:50%; text-align:right;}
.footerright img {width:65%;}
}


@media screen and (max-width: 885px) {
	#nav-wrapz ul li a {
    font-size: 14px;
	padding: 10px 10px 20px;
}
}
@media screen and (max-width: 767px) and (min-width:600px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

h1 {font-size:24px;}
h2 {padding-top:10px;}
h3 {font-size:18px;}
	.equipment-wrap {    grid-template-columns: repeat(2, 1fr);}
h4 {font-size:13px;}
#site-width {width:95%;}
.logo {width:65%; padding-top:10px;}
.logo img {width:100%;}
#colorblock {margin-top:-150px; padding:100px 0;}

.searchform {width:45%;}
.searchform input.search-box {font-size:14px;}
.searchform .search-btn1 {font-size:14px;}

.icon {width:24.25%; margin:20px 10px 0; padding:30px 15px; height:350px;}
.icon img {width:75%;}
.btn {padding:5px 20px;}

.pagetext {width:55%;}
.pagetext img {width:100%;}
.contactinfo {width:35%;}

#sitewrap {width:90%;}
.invleft {float:none; width:100%;}
.catsort{width:28%;}
.catsort img{width:90%;}
.catsort:hover{padding-left:0;}
.catsort h4{width:100%;font-size:14px;}
.invright {float:none; width:100%}
.used {font-size:9px;}

.footerleft {width:52%;}
.divfooter {width:100%;}
.footerright {width:48%; text-align:right;}
.footerright img {width:85%; padding-top:10px;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
	
#nav-wrapz  {display:none;}
}
 
 

@media screen and (max-width: 599px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

	.equipment-wrap {    grid-template-columns: repeat(1, 1fr);}
#site-width {width:95%; margin:0 auto;}

h1 {font-size:22px;}
h2 {margin-top:-20px; text align:left;}
h3 {font-size:18px;}
h4 {font-size:12px;}
#site-width {width:95%;}
.logo {float:none; width:100%; margin:0 auto;}
.logo img {width:100%;}
#colorblock {margin-top:-150px; padding:100px 0;}
#searchwrap {float:none; text-align:center; width:100%; margin:0 auto;}
.searchform {width:100%;}
.searchform .search-btn1 {margin-top:7px;}

.facebook {padding-bottom:0;}
.icon {float:none; width:100%; margin:10px auto; padding:10px 0; height:250px;}
.icon img {width:30%;}
.btn {padding:5px 20px;}
.icon a {font-size:12px;}

.pagetext {width:100%;}
.pagetext img {width:100%;}
.contactinfo {width:100%;}

.liquid {width:100%;}

.invleft {float:none; width:100%;}
.catsort{width:100%; margin:0 auto;}
.catsort img{width:100%;}
.catsort:hover{padding-left:0;}
.catsort h4{font-size:14px; text-align:center; margin-top:10px;}
.invright {float:none; width:100%}
.used {width:100%; font-size:9px;}

.footerleft {width:100%;}
.divfooter {width:100%;}
.footerright {width:48%; text-align:right;}
.footerright img {width:75%;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: 0.25rem 0 0 0.5rem;
	color:#000;
}
#nav-wrapz  {display:none;}
}