/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'open_sansregular', Arial, sans-serif;
}
ol, ul {list-style: none;}

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


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

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

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


header, nav, article, footer {display:block;}

html {height:100%;}

body {
	font-family: 'open_sansregular', Arial, sans-serif;
	font-size:16px;
	font-weight:normal;
	overflow-x: hidden; 
	height:100%;
	-webkit-text-size-adjust: none;
	position: relative;
	overflow-x: hidden;
}

body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	background: url("/siteart/bg.jpg") center center / cover no-repeat;
	pointer-events: none;
}

.wrap {width:90%; max-width:1230px; margin:0 auto; position:relative;}

.clear {clear: both; height:0px; margin:0;}

.show-tablet {display:none;}

.lt-col {width:46%; margin-right:4%; float:left;}
.rt-col {width:46%; margin-left:4%; float:left;}

  .bg-cover {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url('/siteart/bg.jpg') center center / cover no-repeat;
  }

body {
	inset: 0;
    z-index: -1;
    background: url('/siteart/bg.jpg') center center / cover no-repeat;
	height: 100%;
}




/* Prevent background scroll when menu is open */
.fixed {
  overflow: hidden;
}

/* Off-canvas drawer: starts hidden off the left */
#mobile-nav {
  position: fixed;
  top: 0;
  left: 0;
  height: 100dvh;         /* full viewport height, mobile-friendly */
  width: 280px;           /* adjust to your menu width */
  max-width: 90vw;
  background: #fff;       /* theme as needed */
  box-shadow: 2px 0 16px rgba(0,0,0,0.2);
  transform: translateX(-100%);
  transition: transform 300ms ease;  /* smooth horizontal slide */
  z-index: 1000;
  will-change: transform;    background: #000;
}

/* Visible/open state */
#mobile-nav.is-open {
  transform: translateX(0);
}

/* Optional: rotating chevron/icon */
.rotate {
  transition: transform 200ms ease;
  transform: rotate(180deg);
}

/* For your expandable items */
.collapsed { display: none; }
.expanded  { display: block; }


/******************** inventory **/
.body-wrapper {padding: 1em 15px!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, .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:#b85e19 !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: #b85e19 !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, .mobile-breadcrumb {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, .detail-content-mobile .detail-additional-data .data-row .data-value {color:#000 !important;}

.dealer-btns-bottom a {background: #b85e19 !important;}
.page-nav{background-color:#b85e19!important}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white!important;}
.search-results {color:#b85e19!important}
.return-links span, .return-links i {color:#b85e19!important;}
.sort-by-dropdown-container span, .list-content , .list-listing {color:black;}
.list-bcrumbs-and-title {margin-top: 30px!important;}
.compare-label, .compare-chkbox fas  {color:black!important;}
.detail-content {color:black; margin-top: 30px!important;}
.bread-crumbs-heading {margin-top: 30px!important;}
.compare-listings-container {color:black!important; line-height: 17px;}

/******************** bg styles **/

.content-holder {position:relative; z-index:9;}

.sign-container {width:100%; display:block; bottom:0; z-index:1;}

.sign-col {width:25%; float:left; margin-bottom:-7px;}
.sign-col img {width:96%; margin:0 2%; height:auto;}


.CaptchaMessagePanel{
	color: white;
}

/******************** typography styles **/

strong {font-family: 'open_sansbold'; font-weight:normal;}
em {font-style:normal; font-family: 'open_sansitalic';}


.content-holder h1 {
    font-size:24px;
    font-weight:normal;
    font-family: 'open_sansbold';
    margin-bottom:12px;
}

.content-holder h2 {
    font-size:28px;
    font-weight:normal;
    font-family: 'open_sansbold';
    margin-bottom:0;
}
.content-holder h2 a {font-family: 'open_sansbold'; text-decoration:none;}
.content-holder h2 a:hover {color:#b85e19;}



.content-holder a {text-decoration:none; transition: all .2s ease-in-out;}
.content-holder a:hover {color:#b85e19;}



.content-holder p {margin-bottom:18px;}

.content-holder p.address {
    width:100%;
    width:calc(100%-30px);
    padding-left:30px;
    background-image:url('../siteart/sm-loc-icon.png');
    background-repeat:no-repeat;
    background-position:left center;
}

.content-holder p.phone {
    width:100%;
    width:calc(100%-30px);
    padding-left:30px;
    background-image:url('../siteart/sm-phone-icon.png');
    background-repeat:no-repeat;
    background-position:left center;
}

.content-holder p.email {
    width:100%;
    width:calc(100%-30px);
    padding-left:30px;
    background-image:url('../siteart/sm-mail-icon.png');
    background-repeat:no-repeat;
    background-position:left center;
}


.white-text{
	color: white;
}



/******************** header styles **/

.content-holder header {width:100%; text-align:center; padding:30px 0;}

.content-holder .logo {width:70%; margin:0 15%;}
.content-holder .logo img {width:100%; height:auto; max-width:600px; margin:0 auto;}





/******************** nav styles **/

.content-holder .menu-bar {
    width:100%;
    background:#b85e19 url('../siteart/nav-bg.jpg') repeat-x;
    -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, .4); 
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, .4); 
	box-shadow:0px 2px 3px rgba(0, 0, 0, .4);
	z-index:999;
	position:relative;
}
.content-holder .menu-bar:after {content:""; display:block; clear:both;}


.content-holder nav {
    width:100%;
    background:#b85e19 url('../siteart/nav-bg.jpg') repeat-x;
    -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, .4); 
	-webkit-box-shadow:0px 2px 3px rgba(0, 0, 0, .4); 
	box-shadow:0px 2px 3px rgba(0, 0, 0, .4);
	z-index:1000;
	position:relative;
}
.content-holder nav ul {width:100%; margin:0 auto; text-align:center;}
.content-holder nav li {
	position:relative;
	vertical-align:top;
	display:inline-block;
	zoom:1;
    *display:inline;
    margin-left:-4px;
}
.content-holder nav a:link, .content-holder nav a:active, .content-holder nav a:visited {
    display:inline-block;
    line-height:40px;
    text-decoration:none;
    color:#fff;
    font-size:18px;
    font-weight:normal;
    font-family: 'open_sansbold';
    padding:0 23px;
    border-left:1px #b85e19 solid;
    border-right:1px #b85e19 solid;
}

.content-holder nav a:hover {background:#000;}

.content-holder nav li.lt-border {
    width:1px;
    height:40px;
    background:#b85e19;
    margin-left:0 !important;
    display:inline-block;
    zoom:1;
    *display:inline;

}
.content-holder nav li.rt-border {
    width:1px;
    height:40px;
    background:#b85e19;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.content-holder nav ul ul {
	display: none;
	position: absolute; 
	z-index:99999;
	top: 40px;
	left:0;
	width:220px;
	background:#b85e19;
}

.content-holder nav ul ul ul {
	position: absolute; 
	left: 100%; 
	top:0;
}

.content-holder nav ul li:hover > ul {
	display: block;
	z-index:99999;
}

.content-holder nav ul ul li {
	float: none; 
	position: relative;
	display:block;
	margin-left:0;
}

.content-holder nav ul ul li a:link, .content-holder nav ul ul li a:active, .content-holder nav ul ul li a:visited{
	font-size:14px;
	line-height:18px;
	padding:5px 0 5px 23px;
	border-right:0;
	border-left:0;
	border-bottom: 1px solid #b85e19;
	text-align:left;
	color:#fff;
	display:block;
}

.content-holder nav ul ul li a:hover {background: #000; color:#fff;}



/******************** content styles **/

.content-holder article {
    width:93.6%;
    padding:35px 3.2%;
    background:url('../siteart/65-blk.png') repeat;
    margin-bottom:50px;
    z-index:9;
}
/*article.home {margin-bottom:250px;}*/
.content-holder article.auctions {padding:35px 0 0 0; width:100%;}

.home-address {
    width:35%;
    padding-left:5%;
    float:left;
    background-image:url('../siteart/loc-icon.png');
    background-position:left center;
    background-repeat:no-repeat;
}
.home-phone {
    width:20%;
    padding-left:5%;
    float:left;
    background-image:url('../siteart/phone-icon.png');
    background-position:left center;
    background-repeat:no-repeat;
}
.home-email {
    width:30%;
    padding-left:5%;
    float:left;
    background-image:url('../siteart/mail-icon.png');
    background-position:left center;
    background-repeat:no-repeat;
}

.inv {width:100%; display:block; margin-bottom:70px; z-index:9; position:relative; background:#fff;}
.inv iframe {background:#fff; width:100%; height:2100px; display:block;}

.contact-info {width:28.4%; float:left; margin-right:2.6%;}
.loc-map {width:69%; display:block; float:left;}
.loc-map iframe {
    width:100%;
    width:calc(100%-6px);
    border:3px #fff solid;
    height:350px;
    display:block;
}




/******************** footer styles **/

.foot-content {bottom:0; width:100%;}


footer {
    width:100%;
    background:#000;
    padding:30px 0;
    border-top:5px #b85e19 solid;
    line-height:12px;
    position:relative;
    bottom:0;
    z-index:3;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:10px; color:#d7d7d7;}
a.footerlink:hover {text-decoration:none; color:#d7d7d7;}

.footertext{font-size:10px; color:#d7d7d7;}
.smallfootertext{font-size:10px; color:#d7d7d7;}

.divfooter {width:44.5%; max-width:610px; text-align:center; margin:0 auto;}






/******************** form styles **/

#formpage label {margin-bottom:2px;}

#formpage input {
	padding:6px 5px;
	border:1px solid #d7d7d7;
	color:#000;
	font-size:12px;
	width:97%;
	width:calc(100%-12px);
	background:#fff;
	margin-bottom:10px;
	-webkit-appearance: none;
}

#formpage textarea {
	padding:6px 5px;
	border:1px solid #d7d7d7;
	color:#000;
	font-size:12px;
	width:97%;
	width:calc(100%-12px);
	height:120px;
	background:#fff;

}

/* 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 #d7d7d7;
	color:#000;
	vertical-align:middle;
	font-size:12px;
	line-height:normal;
	padding:5px;
	width:97%;
	width:calc(100%-12px);
	background:#fff;
}

#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 #666;
	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:0px 0;
    background:#b85e19;
    border:0;
    font-size:18px;
	line-height:30px;
	font-weight:normal;
	font-family: 'open_sansbold';
    color:#fff;
	transition: all .2s ease-in-out;
	cursor: pointer;
}
#formpage input.button:hover {
	background:#000;
	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;
}

.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:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}






/******************** responsive styles **/

@media screen and (max-width:1180px) {
    .content-holder h1 {font-size:22px;}
    .content-holder h2 {font-size:24px;}
    
    .home-address, .home-phone, .home-email {width:45%; background-size:7%;}
}


@media screen and (max-width:1024px) {
    .content-holder header {padding:20px 0;}
	.content-holder nav a:link, .content-holder nav a:active, .content-holder nav a:visited {font-size:16px; padding:0 17px;}
}


@media screen and (max-width:768px) {
    .show-tablet {display:block;}
    .hide-tablet {display:none;}
    
    .content-holder h1 {font-size:20px;}
    .content-holder h2 {font-size:22px;}
    
    #container.fixed {position:fixed !important; overflow-y:hidden !important;}
    
    #simple-menu{
        float:left;
        background:url(../siteart/mobile-nav-icon.png) no-repeat center center;
        height:46px;
        width:46px;
        display:block;
        cursor:pointer;
    }
    
    .home-address, .home-phone, .home-email {width:93%; background-size:4%; padding-left:7%;}
    
    .contact-info {width:100%; float:left; margin-right:0%;}
	.loc-map {width:100%; display:block; float:left;}
    
    .lt-col, .rt-col {width:100%; margin:0 auto; float:none;}    
    .CaptchaPanel {margin-top:10px !important;}
    
    .divfooter {width:60%;}
	
}

/*
@media screen and (max-width:680px) {
    .sign-container {display:none;}
}
*/

@media screen and (max-width:640px) {
    .home-address, .home-phone, .home-email {background-size:5%;}
}


@media screen and (max-width:480px) {
    .content-holder h1 {font-size:18px;}
    .content-holder h2 {font-size:20px;}
    
    .content-holder .logo {width:90%; margin:0 5%;}
    
    .home-address, .home-phone, .home-email {background-size:7%; width:90%; padding-left:10%;}
    
    .lt-col, .rt-col {width:100%; margin:0 0 0 0;}
    
    .divfooter {width:80%;}
}


@media screen and (max-width:320px) {
    
}