/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address, section { 
display: block; 
} 

/***** 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;	
}

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

body {
	margin: 0 auto;
	background: #fff;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	color:#4a4a4a;
}

h1 {font-weight:bold; color:#fff; font-size:36px;}
h2 {font-size: 24px; color:#4a4a4a; font-weight:600; margin:0 0 20px 0;}
h3{font-size: 14px; color:#4a4a4a;margin:32% 0 0 0; font-weight:normal;}
h4{font-size: 14px; color:#4a4a4a;margin:10% 0 0 0; font-weight:normal;}
p {font-size: 16px; color:#4a4a4a; margin:0 0 5px 0;}
p strong{font-weight:600;}

a img {border:0;}
a {color: #b12a1c; text-decoration:none; outline:none;}
a:hover {color: #000;}

.center{text-align:center;}
#clear {clear:both;	}
.clear {clear:both;	}
.header#wrapper {
	max-width: 1200px !important;
}
#wrapper {
    max-width: 1024px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
}
#top {
    padding: 0;
    height: 450px;
    background: #8b8d90 url(../siteart/main-image.jpg) no-repeat center;
    background-size: cover;
}
#top-other {
    padding: 0;
    height: 250px;
    background: #8b8d90 url(../siteart/main-image.jpg) no-repeat center;
    background-size: cover;
}

#top.sub {
	padding:0;
	height: 350px;/*For IE7*/ 
	background:#8b8d90 url(../siteart/main-image.jpg) no-repeat center;
    background-size: cover;
}

header{
	height:85px;
	border-bottom:1px solid #000;
}

.logo{
	padding-top:15px;
}

a.logo-link {
      display: inline-block;
    float: left;
    z-index: 701;
    position: relative;
}
.at-logo{
	width:250px; 
	float:right;
	position:relative;	
	margin: 0 0 2% 0;

}

/*nav {
	float:right;
	height: 30px;
	padding-top:25px;
}

nav ul {list-style: none;}

nav ul li {
    display: block;
    position: relative;
    float: left;
	text-align:center;
}

nav li ul {display: none;}

nav ul li a {
    display: block;
    text-decoration: none;
    color: #000;
	font-weight:600;
	font-size:14px;
	line-height:20px;
	margin-left:0;
}

nav ul li a:hover {
	color:#b12a1c;
}*/

#headline {
	margin-top:240px;
	color:#fff;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
	
}

#headline h1 span {font-size:24px;
	font-weight:600;display: block;}
#content{
	padding:40px 0px;
}

.leftcol{
	width:460px;
	position:relative;
}

.rightcol{
	width:460px;
	position:relative;
}

.break{
	height:0px;	
}

/*------------------------------------------*/

.column1 {width:100%;}
.column2 {width:50%; float:left; box-sizing: border-box; padding-right: 25px;}
.column3 {width:33.33333%; float:left; padding-right: 25px; box-sizing: border-box;}
.column4 {width:25%; float:left; padding-right: 25px; box-sizing: border-box;}
.column5 {width:20%; float:left; padding-right: 25px; box-sizing: border-box;}
.column6 {width:16.66666%; float:left; padding-right: 25px; box-sizing: border-box;}

.column3 img{
	max-width:300px;
	width:100%;
	margin-top:30px;
}
.gray-bg{
	vertical-align:middle;
	font-size:14px;
	background:#e5e5e5;
	padding:15px;
	border-bottom:2px solid #fff;
}

#gray-bg {
    background: url(../siteart/gray-bg.jpg);
    padding: 40px 0px;
    background-repeat: repeat;
}
#col1{
	width:328px;
	float:left;
	position:relative;
	margin-top:30px;
	margin-right:20px;
	padding-left:70px;
}

#col3{
	width:328px;
	float:right;
	position:relative;
	margin-top:30px;
	padding-right:70px;
}

a #button{
	background:#b12a1c url(../siteart/button.png) no-repeat 10px center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top:20px;
	float:left;
	position:relative;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	padding: 8px 20px 8px 50px;
	font-size:14px;
}

a:hover #button{
	background:#8b8d90 url(../siteart/button.png) no-repeat 10px center;
}

a #button2{
	background:#b12a1c url(../siteart/button.png) no-repeat 10px center;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	margin-top:20px;
	float:left;
	position:relative;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	padding: 8px 20px 8px 50px;
	font-size:14px;
	margin-left:85px;
}

a:hover #button2{
	background:#8b8d90 url(../siteart/button.png) no-repeat 10px center;
}


#divide{
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
	position:relative;
	display:block;
	background:#8b8d90;
	height:1px;
}


.building img {
    max-width: 600px;
    width: 100%;
    margin-left: 25px;
    border: 1px solid #4a4a4a;
}

h1.pg-title {color: #111;margin-bottom: 20px;font-size: 28px;}


/*------------- scrolling inventory ------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	margin:0;
}
 
.scrolling{
    width:100%;
    height:92px;
	margin:0;
}



/*------------- slideshow ------------*/
#slideshow {
	max-width: 400px;  
	width:100%;
	overflow:hidden;
	margin:2% 0;
}


#slideshow img { 
	padding:0; 
	border:0; 
	top: 0;
	left: 0;
	max-width: 400px;  
	width:100%;
}
#slideshow img:hover { 
	cursor:pointer;
}


/*----ACTION EQUIPMENT---*/
.action-wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
    text-align: center;
}
.action-box {height: 150px;overflow: hidden;}
.action-wrap img {width: 100%;height: 100%;object-fit: cover;}
/***** DETAILED SEARCH *****/

.search input, .search select {
    width: 100%;
    padding: 8px 10px;
    font-size: 12px;
    background-color: #fff;
	box-sizing: border-box;
	color: #555;
	margin-top: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	outline:none;
}
::-webkit-input-placeholder{color: #555;}
:-moz-placeholder{color: #555;}
::-moz-placeholder{color: #555;}
:-ms-input-placeholder{color: #555;}

.search input[type="submit"]{
	background: #b12a1c;
	font-family: 'Raleway', sans-serif;
    font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	border:1px solid #b12a1c;
    width: 100%;
    outline: none;
	transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	-webkit-transition: all .2s ease-in-out;
	cursor: pointer;
	position: relative;
	padding: 10px 8px;
	margin-bottom: 8px;
}
.search input[type="submit"]:hover {background: #fff; color:#b12a1c; border:1px solid #b12a1c;}



/***** Equipment In Action *****/

/*
#gal_container {
      padding:0 20px;
      margin:0 auto;
      text-align:center;
}
#gal_container img {  Style to make the thumbnail image style on the gallery page.
       height:120px;
       margin:0 5px 5px 0;
       border:1px #666666 solid;
}
*/


footer {
    padding: 40px 0px;
    background: #676765;
    width: 100%;
	text-align: center;
	color:#fff;
}

footer p {color:#fff;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#ccc;}
.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff;}
.divfooter {
    max-width: 450px;
    text-align: center;
    margin: 0px auto;
    line-height: 13px;
    display: block;
    color: #fff;
}



.hosted-content .listings-wrapper .listings-list .category-banner h3 {
    line-height: 2.5em;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

/* INVENTORY */

#inv h1, #inv h2, #inv h3, #inv h4, #inv h5, #inv h6{
	color: #000;
}

#inv h3{margin-top: 0px !important;}
#inv{padding: 3% 0;}
#inv *:not(.loading-spinner):not(.loader){border-radius: 0!important;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: 'Raleway', sans-serif!important;} /* Reset font, ignore icons */


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px !important;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-top: 0 !important;
}
span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: -3px !important;
    left: 6px !important;
}

#inv .secondary-detail-data{
	padding: 20px 0;
}
.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !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, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button {background:#b12a1c !important; color: #fff !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .video-chat-link, .faceted-search, .faceted-show-all-btn {background: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {padding-left: 4px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button, .list-page-nav, .contact-options a {background: #000 !important;}

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

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details, .cs-btns a {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px;box-sizing: border-box;}



/***** RESPONSIVE STYLES *****/

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

#wrapper {
    width: 94%;
    margin: 0 3%;
}


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

.break{
	height:40px;	
}

.column2{
	width:100%;	
	padding-right:0;
}
.column2 img {
    display: block;
    width: 100%;
    max-width: 328px;
    margin: 2% 0;
    padding: 0;
}
a #button2 {
    margin: 20px auto;
    float: none;
    width: 38%;
}
.action-wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
	}


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

.column3 {
    width: 100%;
    float: left;
    padding-right: 0;
}
h3 {
    margin: 2% 0 0 0;
}
h4 {
    margin: 2% 0 0 0;
}


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

.at-logo {
    width: 250px;
    float: none;
    position: relative;
    margin: 2% auto;
}
	
.action-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);

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

a #button2 {
    width: 75%;
}
.action-wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
@media screen and (max-width: 326px){

#headline {
    margin-top: 220px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
h1{font-size:28px;}


}