﻿/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	border: 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}

#bottom{

	width: 100%;
	height:20px;
	}
c
/*Mobile Menu CSS*/

/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px !important;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  color: white;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px !important;
	color:#000;
	text-align:left;
	margin:0 auto;
}



#contentbkg{
	margin:0px auto;
	margin-top:30px;
	border:#fff 2px solid;
	width: 896px;
	background-color:#fff;
}

#contentbkg2{
	margin:0px auto;
	margin-top:30px;
	border:#e8e8e8 2px solid;
	max-width:1300px;
	background-color:#fff;
}

#background{
	background-color: #108313;
	background-image: linear-gradient(#e8e8e8, white);
	border: solid #108313;
	border-width: 0;
	border-bottom-width: 114px;
	
}
#background2{
	background-image: linear-gradient(#e8e8e8, white);
	background-size: cover;
	background-repeat: no-repeat;
	
}
.border-bottom-green {height: 120px; background:#108313; width: 100%; }

.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}


#links{
	background:#108313;
	color:white;
	padding: 10px;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	display: none;
}

#gmap{
	margin-bottom: 7px;
}

#links a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	padding: 8px 15px;
}

#links a:hover {
	color:#333;
}

.navbar-custom {
    background-color: forestgreen !important;
	color:#FFFFF !important;
	text-decoration: none !important;
	border-radius: 0;
}

.navbar-custom li{
    color:#FFFFF !important;
}

ul.nav.navbar-nav > li > a {
	color:#fff !important;
	text-decoration: none !important;font-weight: 800;
}

ul.nav.navbar-nav > button {
	background-color: #fff !important
}

.navbar-default .navbar-toggle {
	background-color: #fff !important
}

/*End of Mobile Menu Styling*/

/* Mobile Resposiveness with Media Queries*/

.header {
	font-weight:bold;
	font-style:italic;
	font-size:20px !important;
}

.navbar-default .navbar-toggle .icon-bar{background-color: #108313 !important}

#contact{
	padding:10px;
	font-size:15px;
}

#alltext{padding-left: 22px;
padding-right: 0px;}

#map{
	padding:10px 0px 10px 5px;
	
}

#footer{
	padding:20px 10px;
	text-align:center;
}

.blackline{
	width: auto;
	height: 10px;
	background-color: black;
}

#topblack{margin-top: 20px;}

.col-sm-8{text-align: center}

a:link, a:visited, a:active {text-decoration:underline; color:#000;}
a:hover {color:#108313;}

#topnav{width: 100%}

#myLinks a{
	text-decoration: none;
}

div.item>img{
	margin: 0 auto !important;
}

#navtable{width: 100%;}

#tr2{width: 100%}

.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

.slide{ 
  margin-top: 30px;
}
.details {
    margin: 50px 0; }
 .details h1 {
      font-size: 32px;
      text-align: center;
      margin-bottom: 3px; }
    .details .back-link {
      text-align: center; }
      .details .back-link a {
        display: inline-block;
        margin: 20px 0;
        padding: 15px 30px;
        background: #333;
        color: #fff;
        border-radius: 24px; }
        .details .back-link a svg {
          margin-right: 10px;
          vertical-align: text-top;
          display: inline-block; }

table{width: 100%;
    overflow: hidden;}

#bs-example-navbar-collapse-1 ul > li:hover a {
	color:#333 !important}

#welcome{text-align: left}


/* Inventory Styles */

a.view-listing-details-link{color: #FFF !important; text-decoration: none !important;}
.detail-content .lower-detail-data-button-wrapper .lower-detail-data-right{padding-left: 30px;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#228b22 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#228b22 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #228b22 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #228b22 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #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, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {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 {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 !important; box-sizing: border-box;}

/* Mobile Resposiveness with Media Queries*/
/* Big Navigation */
@media only screen and (min-width: 992px) {#links {display:table-cell;}}
/* Mobile Navigation*/
@media only screen and (min-width: 992px) {#mobilenav {display:none;}}
/* Big Image*/
@media only screen and (max-width: 992px) {#bigbr {display: none;}}
/* Little Image */
@media only screen and (min-width: 992px) {#smallbr {display: none;}}
/* TD 1 Width */
@media only screen and (min-width: 992px) {#td1 {width:100%;}}
/* Making Contact Info and Map Stack*/
@media only screen and (max-width: 992px) {#contact{display: block; clear: both;}}
@media only screen and (max-width: 992px) {#map{display: block; clear: both;}}
/* Making Bottom Width Responsive*/
@media only screen and (max-width: 992px) {#bottom1 {width:100%;}}
@media only screen and (max-width: 992px) {#bottom2 {width:100%;}}
@media only screen and (max-width: 992px) {#bottom3 {width:100%;}}
@media only screen and (max-width: 992px) {#tr3 {width:100%;}}

@media only screen and (max-width: 992px) {#maintr {width:100%;}}
@media only screen and (max-width: 992px) {#contentbkg {width:100%;}}
@media only screen and (max-width: 992px) {#background {width:100%;}}
@media only screen and (max-width: 992px) {td#footer {width:100%;}}

@media only screen and (max-width: 992px) {#tr3 {width:100%;}}
@media only screen and (max-width: 992px) {#bottom {width:100%;}}
@media only screen and (max-width: 992px) {table {width:100%;}}
@media only screen and (max-width: 992px) {tr#tr2 {width:100%;}}
@media only screen and (max-width: 992px) {#beforelinks {width:100%;}}
@media only screen and (max-width: 992px) {tbody {width:100%;}}

/*center text after collapse
@media only screen and (max-width: 768) {#alltext {
	align-content: center;
	align-items: center;
	text-align: center;
	;}}

center text after collapse
@media only screen and (max-width: 768) {#alltext a {
	align-content: center;
	align-items: center;
	text-align: center;
	;}}*/