@import url('reset.css');
/***** BEGIN RESET *****/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0; }

table{border-collapse:collapse; width:75%;}

/* Make HTML 5 elements display block-level for consistent styling */  
article, aside, figure, footer, header, nav, section {
	display: block;
	border:none;
	margin:0;
	padding:0; }
	
.clear { clear:both; height:0px; }
#clear{clear:both;}

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

body{
	background:#080808 url('../siteart/bgcolor_Jan2024.jpg') no-repeat!important;
	background-position:center top!important;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	width:100%;
	-webkit-text-size-adjust: none;
}

#wrapper{
	max-width:1100px;
	width:100%;
	margin:0 auto;
}
/* ============================== Typography Styles ========================== */

h1{
	font-size:27px;
	font-weight:bold;
	text-align:left;
}

h2{
	text-align:center;
	font-weight:normal;
	margin-top:20px;
	font-size:14px;
	line-height:23px;
	color:white;
}

p{
	font-size:14px;
	line-height:23px;
}

.white-txt {color: #ffffff;}
.white-txt a {
    color: #ffffff !important;
    text-decoration: none;
}

.white-txt a:hover {
    text-decoration: underline;
}


a:link, a:visited{
	font-style:italic;
	text-decoration:none;
}
.list-listings-count {color:#042A47!important;}
.list-redesign .contact-container .shared .dealer-data .phone-link{color: #3076A0!important;}
.list-redesign .contact-container .seller {background: #2b2849!important; color: #ffffff!important;}
.payments-as-low-as-route {color: #000000!important;}
.listing-category {color: #000000; text-align: left;}
.list-listing-title-link {text-align: left;}
.detail__title {color: #000000!important;}
.detail__machine-location-address {color:#000000!important; }
.keymachinerycomhdev-9uiqsl {color:#666666!important;}
.keymachinerycomhdev-16jx3ib {color: #666666!important;}
.keymachinerycomhdev-9z7scr {color: #666666!important;}
.breadcrumbs__link {color: #666666!important;}
.shipping .listing-widget__shipping span {color: #666666!important;}
.show-all-modal .show-all-modal-title {color: #000000!important;}
.section-title-text {color: #000000!important;}




a:hover{
	text-decoration:underline;
}

/* ============================== Header Styles ========================== */

header{
	background:#fff;
	z-index:10;
	class="ts-disclaimer des-disclaimer"osition:relative;
}

#header-content{
	max-width:1142px;
	width:100%;
	margin:0 auto;
}

#logo{
	max-width:330px;
	width:100%;
	float:left;
	position:relative;
}

.top-bar{
	width:100%;
	background: #2b2849;
	text-align: right;
	padding: .5% 0;
}
.top-bar .top-content{
	max-width:1142px;
	width:100%;
	margin:0 auto;
}
.top-bar a{
	color:#fff;
	display: inline-block;
	font-size:18px;
	padding-left: 10px;
}

/* ============================== Navigation Styles ========================== */
/* see menumaker.css for additional nav styles */
.hide{display:none !important;}

/*
#parallelogram{
	width: 300px; 
	height: 45px; 
	-webkit-transform: skew(20deg); 
	-moz-transform: skew(20deg); 
	-o-transform: skew(20deg);
	-ms-transform: skew(20deg);
	transform: skew(20deg);
	background-color: #000;
	margin:0 10px 0 0;
}

#secondary_nav{
	padding:0;
	margin:0 0 -32px 0;
	display:block;
	z-index:100;
	position:relative;
	}
	#secondary_nav ul{
		margin:0;
		padding:0;
		}
		#secondary_nav ul li{
			margin:0;
			padding:0;
			float:left;
			display:block;
			list-style-type:none;
			border-left: #fff solid 1px;

			}
			#secondary_nav ul li a{
				color:#fff;
				font-size:16px;
				text-decoration:none;
				padding:5px 18px;
			}
			#secondary_nav ul li a:hover{
				color:#6dc6e7;
			}
#secondary_nav ul li:first-child{
	border-left:none;
}*/

/* ============================== Scrolling Styles ========================== */

#scrollinv{
	background:#bf2219 url('../siteart/scroll.jpg') repeat-y;
	margin-top:270px;
	position:absolute;
	-moz-box-shadow:  0 0 10px #000;
	-webkit-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;	
	z-index:1;
	height:120px;
	width:100%;
	max-width:651px;
	float:left;
	overflow:hidden;
}

/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	margin:15px auto;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/* ============================== Content Styles ========================== */

#gray-line{
	background:url('../siteart/line.jpg') no-repeat;
	background-position:center top;
	height:5px;
	-moz-box-shadow:  0 0 10px #000;
	-webkit-box-shadow: 0 0 20px #000;
	box-shadow: 0 0 20px #000;	
	z-index:3;
	position:relative;
	width:100%;
}

#photo{
	background:url('../siteart/image2color.jpg') no-repeat;
	max-width:1100px;
	width:100%;
	height:413px;
}

#photo2{
	max-width:1100px;
	height:190px;
	
}

#machine{
	background:url('../siteart/machines4.png') no-repeat;
	width:574px;
	height:434px;
	float:right;
	z-index:3;
	position:relative;
	right:-20px;
	top:50px;
}

#finance-hold{
	color:#000000;
	max-width:230px;
	width:100%;
	float:left;
	background: rgba(255, 255, 255, 0.55);
	padding:18px;
}

/* ============================== Main Styles ========================== */
.mainresponsive{width:100%; margin:0 auto; max-width:1025px;}
.white{background:#fff;}
#main{
	background:#474747 url('../siteart/main.png');
	background-repeat:repeat-x;
	padding:30px 0;
	margin-top:45%;
}

#main2{
	background:url('../siteart/main.png');
	background-repeat:repeat-x;
	padding:80px 30px 0 30px;
}

#main-inv{
	background:#474747 url('../siteart/main.png');
	background-repeat:repeat-x;
	padding:30px 0;
}


/* ============================== FRAMELESS INVENTORY PAGES ========================== */

.hosted-content .listings-wrapper .listings-list .listing-banner h2{
	color:#474747;
	font-weight:900;
	font-size:23px;
	text-transform:uppercase;
	}

.listings-wrapper .listing-boxed .listing-boxed-details h2 a{color:#b32018}
.listings-wrapper .listing-boxed .listing-boxed-details h2 a:hover{color:#941b13}
.listings-wrapper .listing-boxed .listing-boxed-details h2{text-align:left}
.hosted-content .listings-wrapper .listings-list .category-banner h3{line-height:1.5em!important;font-size:20px; }
.hosted-content a{color:#333!important}
.hosted-content .fixed-column6 {width: 100%!important;  margin: 3% 0!important;}
.hosted-content h1{color:#b32018!important}

/* ============================== Contact ON HOMEPAGE Styles ========================== */

#contact{
	background:#1c1c1c;
	width:100%;
	padding:15px 0;
	float:left;
	max-width:305px;
}
#contactmiddle{
	background:#1c1c1c;
	width:100%;
	padding:15px 0;
	float:left;
	max-width:305px;
	margin:0 25px;
}
#icon{
	float:left;
	padding:0 15px;
}


/* ============================== Contact PAGE Styles ========================== */

#map{ float:right; max-width:750px; width:100%;}

.google-maps {
    float:right;
    position: relative;
    padding-bottom:40%;
    overflow: hidden;
    width: 100%;
    margin-bottom: 20px;
    margin-top:10px;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	pointer-events: none;
}

img.imgresp{max-width:750px; width:100%}

/* ============================== Auction Time page Styles ========================== */

.ATlogo{padding:105px 0 0 0; float:right;}

/* ============================== Footer Styles ========================== */

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#6E6E6E;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#6E6E6E;}
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#6E6E6E;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#6E6E6E;}
.divfooter {width:100%; max-width:450px; text-align:center; margin:0 auto; padding:50px 0px 50px 0px;}



.list-content .list-title .list-title-text {
	color: #000 !important;
}

.view-listing-details-link, .buy-now-link, .faceted-search-content .selected-facets-container .selected-facet, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .compare-listings-container .compare-container .button, .detail-content-mobile .contact-options a, .detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-contact-bar .contact-bar-btn {
	background: #2b2849 !important;
	font-style: normal !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, .list-content .list-title .list-listings-count, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .detail-main-body .main-detail-data .alternate-retail-price, .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title, .compare-listings-container .compare-container .compare-price, .info {
	color: #9f1f14 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
	color:#c22826 !important;
	border-color:#c22826 !important;
}
 .detail-content-mobile .contact-options a {
	color: #fff !important;
}

.compare-chkbox-container .compare-listings .compare-label {
	margin-left: 5px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
top: -1px !important;
    left: 3px !important;
	}
.contact-info-heading h2{color: black !important;}
.detail-content .detail-additional-data .additional-information p, .disclaimer span, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {
	color: #000 !important;
}
.dealer-company-header{color: black !important;}
.list-content .list-listing-mobile .dealer-phone-container a {
	color:#000 !important;
		border-color:#000 !important;
	font-style: normal !important;
}
.modal-title{color: black !important;}
.fin-calc p, .detail-content-mobile .dealer-info .address-and-contact .address, .detail-content-mobile .dealer-info h3 {
	color: #000 !important;
}
.detail-content {
	padding: 10px 20px !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
	background: #000 !important;
}
/* ============================== Responsive Styles ========================== */

@media screen and (max-width: 1100px){
    #machine{right:0;}
}

@media screen and (max-width: 1099px) and (min-width:900px) {

#logo{
	max-width:330px;
	width:100%;
	float:none;
	position:relative;
	padding:20px 0;
	margin: auto;
    display: block;
}
#contact{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
}
#contactmiddle{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
}
.mainresponsive{width:90%; margin:0 auto;}

#map{ float:none; margin:0 auto 20px auto; width:100%; max-width:100%;}
	
.top-bar{text-align: center;}
}


@media screen and (max-width: 899px) and (min-width:768px) {
#logo{
	max-width:330px;
	width:100%;
	float:none;
	position:relative;
	padding:20px 0;
	margin: auto;
    display: block;
}

#machine{
	background:none;
	display:none;
	float:none;
}

#contact{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
	text-align:center;
}
#contactmiddle{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
	text-align:center;
}
.mainresponsive{width:90%; margin:0 auto;}

#icon{float:none;}

#scrollinv{
	overflow:hidden;
	max-width:100%;
	float:none;
}
#scroll {
	overflow:hidden;  /* minimizes loading issues */
	margin:0; 
	width:100%; /*adjust this to your actual banner width */
}

.google-maps {padding-bottom:50%;}
#map{ float:none; margin:0 auto 20px auto;}
	.top-bar{text-align: center;}
}

@media screen and (max-width: 767px) and (min-width:321px) {
#logo{
	max-width:330px;
	width:100%;
	float:none;
	position:relative;
	padding:20px 0;
	margin: auto;
    display: block;
}
 #machine{
	background:none;
	display:none;
	float:none;
}
#contact{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
	text-align:center;
}
#contactmiddle{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
	text-align:center;
}

.mainresponsive{width:90%; margin:0 auto;}
#icon{float:none;}

#scrollinv{
	overflow:hidden;
	max-width:100%;
	float:none;
}
#scroll {
	overflow:hidden;  /* minimizes loading issues */
	margin:0; 
	width:100%; /*adjust this to your actual banner width */
}

.google-maps {padding-bottom:65%;}
#map{ float:none; margin:0 auto 20px auto;}
	.top-bar{text-align: center;}
	
#main{margin-top:68%;}
	
}


@media screen and (max-width: 320px){
#logo{
	max-width:330px;
	width:100%;
	float:none;
	position:relative;
	padding:20px 0;
	margin: auto;
    display: block;
}
  #machine{
	background:none;
	display:none;
	float:none;
}
#contact{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
	text-align:center;
}

#contactmiddle{
	width:100%;
	float:none;
	max-width:100%;
	margin:0 auto 20px auto;
	min-height:44px;
	text-align:center;
}

#finance-hold{
	padding:18px 0;
}

.mainresponsive{width:90%; margin:0 auto;}

#icon{float:none;}
#contact p{font-size:13px;}
#contactmiddle p{font-size:13px;}

#scrollinv{
	overflow:hidden;
	max-width:100%;
	float:none;
}
#scroll {
	overflow:hidden;  /* minimizes loading issues */
	margin:0; 
	width:100%; /*adjust this to your actual banner width */
}

.google-maps {padding-bottom:130%;}
#map{ float:none; margin:0 auto 20px auto;}
	.top-bar{text-align: center;}
	
#main{margin-top:80%;}

}