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

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

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

h1{font-size: 85px; line-height: 76px; color: #fff; font-family: 'bebas_neuebold', Arial, sans-serif; padding-top: 100px;}
h2{font-size: 38px; font-family: 'bebas_neuebold', Arial, sans-serif; text-align: center;}
h3{font-size: 45px; color: #4e5467; font-family: 'bebas_neuebold', Arial, sans-serif; text-decoration: none;}
h4{font-size: 60px; color: #000; font-family: 'bebas_neuebold', Arial, sans-serif; padding-top: 30px;}
h5{font-size: 30px; color: #000; font-family: 'bebas_neuebold', Arial, sans-serif;}
h6{font-size: 60px; color: #fff; font-family: 'bebas_neuebold', Arial, sans-serif; padding-top: 30px;}
p{font-size: 20px; line-height: 30px;}

/***** BASIC STYLES *****/
body{overflow-x: hidden;}
body a{text-decoration: none;}

.show-menu-for-mobile{display: none;}

header{background-color: rgba(000,000,000,0.6); width: 100%; position: absolute; top: 0; z-index: 999999999;}
#taglinewrap{position: relative; top: -435px; z-index: 999999;}
#site-width{width: 75%; margin: 0 auto;}
.viewinventory{background: #fff; color: #4e5467; font-size: 45px; font-family: 'bebas_neuebold', Arial, sans-serif; text-decoration: none; width: 275px; padding: 10px 15px; margin-top: 10px; text-align: center;}
.viewinventory:hover{background: #ed242d; width: 275px; padding: 10px 15px; margin-top: 10px; text-align: center; color: #fff;}
#logowrap{float: left; padding: 10px 0;}
#homemain{background: url(../siteart/slides/100_2914.jpg) no-repeat center center; background-size: cover; padding: 290px 0;}
#main{background: url(../siteart/100_3142.jpg) no-repeat center center; background-size: cover; padding: 290px 0;}
#contactmain{background: url(../siteart/100_3139.jpg) no-repeat center center; background-size: cover; padding: 290px 0;}
#locationmain{background: url(../siteart/100_3145.jpg) no-repeat center center; background-size: cover; padding: 290px 0;}
.abouttext a{color: #ed242d; text-decoration: none;}
.abouttext a:hover{color: #fff; text-decoration: none;}
#buttonwrap{background: url(../siteart/concrete.jpg) no-repeat center center; background-size: cover; padding: 30px 0 40px 0; margin-top: -333px;}
#otherbuttonwrap{background: url(../siteart/concrete.jpg) no-repeat center center; background-size: cover; padding: 20px 0;}

.buttoncontent{width: 100%; margin: 0 auto;}
.button{text-align: left; float: left; padding: 5px 10px;}
.button ul{list-style: none; padding: 0; margin: 0;}
.button li{list-style: none; padding: 0; margin: 0;}
.button ul li{display: block; position: relative; float: left;}
.button li ul{display: none;}
.button ul li a{display: block; text-decoration: none; color: #000; text-transform: uppercase; font-family: 'bebas_neuebold', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: .875em; padding: 19em 9.1em 2.6em 14.1em;}

.button ul li li a{text-decoration: none; color: #000; text-transform: uppercase; font-family: 'bebas_neuebold', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 1em; padding: 1em 1em 1em 0.95em; background: url(../siteart/concrete.jpg) no-repeat center center;}
.button ul li li a:hover{color: #ed242d;}
.button ul ul{display: none; position: absolute; right: 0; width: 20em; border-bottom: 0; top: 5%; left: 265px; margin: -50px 0 0 0; padding: 0 0 0 0; line-height: 0;}
.button ul ul ul{position: absolute; left: 100%; top: 0;}
.button ul li:hover > ul{display: inline-block; line-height: normal; z-index: 100;}
.button ul ul li{float: none; position: relative;}
.button ul li a.inventory{background: url(../siteart/invbtn.png) no-repeat center 30px;}
.button ul li a.auctions{background: url(../siteart/auctionbtn.png) no-repeat center 30px;}
.button ul li a.contact{background: url(../siteart/contactbtn.png) no-repeat center 30px;}
.button ul li a.inventory:hover{background: url(../siteart/invbtn_on.png) no-repeat left 0 top 30px;}
.button ul li a.auctions:hover{background: url(../siteart/auctionbtn_on.png) no-repeat left 0 top 30px;}
.button ul li a.contact:hover{background: url(../siteart/contactbtn_on.png) no-repeat left 0 top 30px;}
.button ul li a.inventory, .button ul li a.auctions, .button ul li a.contact{transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
.button ul li a:hover{text-decoration: none; color: #000;}


/*------Menu-----*/
	
/* MENU HEADER BLURRY BACKGROUND */
	
	.mobile.open + .menu-toggle.exit-click {
		pointer-events: auto;
		opacity: 1;
	}
	
	.mobile + .menu-toggle.exit-click {
		position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 499;
        pointer-events: none;
        background: rgba(12, 35, 22, 0.95);
        opacity: 0;
        transition: ease opacity 0.3s;
	}
	




#truckinv{text-align: center;}
#truckinv ul{list-style: none; padding: 0; margin: 0;}
#truckinv li{list-style: none; padding: 0; margin: 0;}
#truckinv ul li{display: block; position: relative; float: left;}
#truckinv li ul{display: none;}
#truckinv ul li a{display: block; text-decoration: none; color: #000; text-transform: uppercase; font-family: 'bebas_neuebold', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: .875em; padding: 1em 13.5em 5.6em 0em;}
#truckinv ul li li a{text-decoration: none; color: #000; text-transform: uppercase; font-family: 'bebas_neuebold', Arial, sans-serif; font-style: normal; font-weight: normal; font-size: 1em; padding: 1em 1em 1em 0.95em; background: url(../siteart/concrete.jpg) no-repeat center center;}
#truckinv ul li li a:hover{color: #ed242d;}
#truckinv ul ul{display: none; position: absolute; right: 0; width: 14em; border-bottom: 0; top: 5%; left: 265px; margin: -50px 0 0 0; padding: 0 0 0 0; line-height: 0;}
#truckinv ul ul ul{position: absolute; left: 100%; top: 0;}
#truckinv ul li:hover > ul{display: inline-block; line-height: normal; z-index: 100;}
#truckinv ul ul li{float: none; position: relative;}
#truckinv ul li a.grain{background: url(../siteart/inventory/grain.png) no-repeat center 30px;}
#truckinv ul li a.day{background: url(../siteart/inventory/day.png) no-repeat center 30px;}
#truckinv ul li a.dump{background: url(../siteart/inventory/dump.png) no-repeat center 30px;}
#truckinv ul li a.cab{background: url(../siteart/inventory/cab.png) no-repeat center 30px;}
#truckinv ul li a.van{background: url(../siteart/inventory/van.png) no-repeat center 30px;}
#truckinv ul li a.flat{background: url(../siteart/inventory/flat.jpg) no-repeat center 30px;}
#truckinv ul li a.trailer{background: url(../siteart/inventory/trailers.png) no-repeat center 30px;}
#truckinv ul li a.grain:hover{background: url(../siteart/inventory/grain_on.png) no-repeat center 30px;}
#truckinv ul li a.day:hover{background: url(../siteart/inventory/day_on.png) no-repeat center 30px;}
#truckinv ul li a.dump:hover{background: url(../siteart/inventory/dump_on.png) no-repeat center 30px;}
#truckinv ul li a.cab:hover{background: url(../siteart/inventory/cab_on.png) no-repeat center 30px;}
#truckinv ul li a.van:hover{background: url(../siteart/inventory/van_on.png) no-repeat center 30px;}
#truckinv ul li a.flat:hover{background: url(../siteart/inventory/flat_on.jpg) no-repeat center 30px;}
#truckinv ul li a.trailer:hover{background: url(../siteart/inventory/trailers_on.png) no-repeat center 30px;}
#truckinv ul li a.inventory, #truckinv ul li a.auctions, #truckinv ul li a.contact{transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
#truckinv ul li a:hover{text-decoration: none; color: #000;}

#aboutwrap{background: url(../siteart/grass.jpg) no-repeat center center; background-size: cover; height: 250px; padding: 100px 0 0 0;}
.abouthead{float: left; width: 20%;}
.abouttext{float: right; color: #fff; width: 80%;}
.contacttext{float: right; color: #000; width: 80%;}
#locationwrap{background: url(../siteart/grass.jpg) no-repeat center center; background-size: cover; height: 250px; padding: 50px 0 0 0;}
#inventorywrap{background: #fff;}
.buttoncontent{width: 100%; max-width: 1020px; margin: 0 auto;}

#fb{top: 230px; right: -300px; z-index: 99999999;}
.side{background: #fff; width: 300px; height: 520px; position: fixed; z-index: 9990;}
.fb_iframe_widget{display: inline-block; position: relative;}
#facebookTab{display: block; height: 51px; width: 50px; background: url(../siteart/fbicon.png); position: absolute; left: -50px; top: 0px;}
#facebookTab:hover{background: url(../siteart/fbicon_on.png); z-index: 99999999999;}
#weather{top: 285px; right: -300px; height: 159px; z-index: 999;}
#weatherTab{display: block; height: 51px; width: 50px; background: url(../siteart/weathericon.png); position: absolute; left: -50px; top: 0px;}
#weatherTab:hover{background: url(../siteart/weathericon_on.png);}

/******MAIN NAVIGATION******/ 
#navwrap{float: right; margin-top: 60px;}
#nav{position: relative; display: block; z-index: 9000; margin: 0 auto 0 auto; padding: 0 0 0 0; text-align: center;}
#nav ul, nav li{list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
#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: #fff; font-weight: normal; font-size: 15px; line-height: 16px; padding: 8px 10px; height: 1%; text-transform: uppercase; text-shadow: 2px 2px 2px rgba(0,0,0,.6); text-align: center; font-family: Arial;}
#nav ul li a:hover{height: 1%; color: #fff; border-bottom: 2px solid #fff;}
#nav ul li li a{width: 250px; padding: 8px 0 8px 15px; text-align: left; background: #090909; border-bottom: 1px #333 solid; border-right: 1px solid #333; border-left: 1px solid #333; font-size: 14px;}
#nav ul li li a:hover{color: #fff; background: #ed242d url("../siteart/nav-ro-bg.jpg") repeat-x;}
#nav ul li:last-child{border-right: 0;}
#nav ul li:last-child a{border-right: 0;}
#nav ul li:first-child{border-left: 0;}
#nav ul li li:last-child{border-left: 0; border-right: 0;}
#nav ul li li:last-child a{border-right: 0;}
#nav ul li li:first-child{border-left: 0; border-right: 0;}
#nav ul ul{display: none; position: absolute; top: 100%; left: 0;}
#nav ul ul ul{position: absolute; left: 100%; top: 0;}
#nav ul li:hover > ul{display: block; line-height: 18px; z-index: 100; background: #4b0000;}
#nav ul ul li{float: none; position: relative;}

#bottomwrap{background: url(../siteart/concrete.jpg) no-repeat center center; background-size: cover;}
/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/******SCROLLING INV******/
.mobilecontainer{overflow: hidden; width: 100%; max-width: 1900px; margin: 0 auto; height: 92px; padding: 10px 0 10px 0;}
iframe.banner{width: 100%; height: 92px;} 
.sandhillsfooter{float: left; width: 40%;}
.footerright{float: right; padding-bottom: 15px; width: 45%;}
.footeraddress{float: left; font-size: 14px; line-height: 18px; padding-top: 15px;}
.footertagline{float: left; font-weight: bold; font-size: 24px; color: #ed242d; margin: 55px 0 0 20px;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}
a.footerlink:hover{text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #ed242d;}
.footertext{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}
.smallfootertext{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.divfooter{width: 100%; padding-top: 10px; padding-bottom: 20px;}

/******FACETED INV STYLE******/
.container{
    display: inline-block;
    margin: 0 auto;
    width: 100%;}

.list-content .list-title .list-title-text {
	color: #000 !important;
	line-height: 32px !important;
	font-size: 25px !important;
}
.info {
 	color: #000 !important;
}
.list-content .list-title .list-title-text {
	color: #000 !important;
	line-height: 29px !important;
	font-size: 22px !important;
}
.list-content .list-listing-mobile .dealer-phone-container a {color:#ed242d !important; border-color:#ed242d !important;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
	margin-top: 0 !important;
	margin-left: 5px !important;
}
.faceted-search-content .selected-facets-container .selected-facet,.view-listing-details-link, .buy-now-link,.compare-listings-container .compare-container .button,.detail-content-mobile .contact-options a, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-bg .form-bottom .captcha-and-submit .captcha-placeholder input, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder button, .modal-container .form-bottom .captcha-and-submit .captcha-placeholder input {background:#ed242d !important;}

.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 .compare-price,.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price {color: #ed242d !important;}
.compare-chkbox-container .compare-listings .compare-label {margin-bottom: 8px !important; margin-left: 5px !important;}
.compare-chkbox-container .compare-listings .fa-check {top: -1px !important;
    left: 2px !important;}


.contact-options .collapsible-content a,.fin-calc-mobile>a,#calculator-mobile .modal-content .form-main-content .modal-left-col .calculator-btns .calculator-btn {
	background: #000 !important;
	color: #fff !important;
}
.disclaimer {
	font-size: 14px !important;
}

.contact-info-heading h2 {text-align: left !important;}
.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title h3 {font-size: 28px !important;}
/******RESPONSIVE******/
@media screen and (max-width: 1780px) and (min-width: 1281px){
    #site-width{width: 95%;}
    #logowrap{width: 25%;}
    #logowrap img{width: 100%;}
    #nav ul li a{font-size: 12px; padding: 8px;}
    #truckinv ul li a{padding: 1em 12.25em 5.6em 0em;}
}
@media screen and (max-width: 1280px) and (min-width: 1160px){
    .show-menu-for-mobile{display: none;}
    h2{margin-left: 75px;}
    #site-width{width: 95%;}
    #logowrap{width: 26%;}
    #logowrap img{width: 100%;}
    #nav ul li a{font-size: 12px; padding: 8px;}
    #truckinv ul li a{padding: 1em 11.1em 5.6em 0em;} 
    .sandhillsfooter{width: 50%;}
    .footerright{width: 30%;}
    .footeraddress{display: block; width: 100%;}
    .footertagline{display: block; margin: 5px 0 0 0; font-size: 19px;}
}
@media screen and (max-width: 1159px) and (min-width: 820px){
    .show-menu-for-mobile{display: block;}
    .hide-for-mobile{display: none;}
    .hide{display: none;}
    #site-width{width: 95%;}
    #logowrap img{width: 90%;}
    #taglinewrap{margin-top: -45px;}
    .viewinventory{width: 275px;}
    .viewinventorya{font-size: 28px;}
    h1{font-size: 50px; line-height: 48px;}
    h2{margin-left: 55px;}
    h4{font-size: 50px;}
    #truckinv{display: none;}
    .sandhillsfooter{width: 50%;}
    .footerright{width: 30%;}
    .footeraddress{display: block; width: 100%;}
    .footertagline{display: block; margin: 5px 0 0 0; font-size: 19px;}
    #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: #fff;}
    #nav{display: none;}
        

    

    


}
@media screen and (max-width: 1015px) and (min-width: 820px){
    .button ul li a{padding: 19em 9.1em 2.6em 9.1em;}
}
@media screen and (max-width: 819px) and (min-width: 500px){
    .show-menu-for-mobile{display: block;}
    .hide-for-mobile{display: none;}
    .hide{display: none;}
    #site-width{width: 95%;}
    #logowrap img{width: 85%;}
    #buttonwrap{margin-top: 0;}
    .button ul li a{display: none;}
    .button ul li li a{display: none;}
    #aboutwrap{padding-top: 40px;}
    .abouthead{width: 30%;}
    .abouttext{width: 65%;}
    #locationwrap{padding-top: 40px;}
    #buttonwrap{margin-top: -20px;}
    #homemain{padding-bottom: 5px;}
    #truckinv{display: none;}
    #taglinewrap{display: none;}
    .side{display: none;}
    h2{margin-left: 35px;}
    h4{font-size: 48px;}
    p{font-size: 16px; line-height: 20px;}
    .sandhillsfooter{float: none; width: 100%;}
    .divfooter{text-align: center;}
    .footerright{float: none; width: 100%; text-align: center;}
    .footeraddress{float: none;}
    .footertagline{float: none; margin-top: 5px; font-size: 19px;}
    #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: #fff;}
    #nav{display: none;}
}
@media screen and (max-width: 499px) and (min-width: 321px){
    .show-menu-for-mobile{display: block;}
    .hide-for-mobile{display: none;}
    .hide{display: none;}
    #site-width{width: 95%;}
    #logowrap{width: 70%;}
    #navwrap{width: 10%;}
    #logowrap img{width: 100%;}
    #buttonwrap{margin-top: 0;}
    .button ul li a{display: none;}
    .button ul li li a{display: none;}
    #homemain{padding-bottom: 5px;}
    #main{padding-bottom: 5px;}
    #contactmain{padding-bottom: 5px;}
    #locationmain{padding-bottom: 5px;}
    .button{width: 26.75%; margin-left: -5px;}
    .button img{width: 100%;}
    #aboutwrap{padding: 0 0 10px 0;}
    .abouthead{float: none; width: 100%; padding-bottom: 10px;}
    .abouttext{float: none; width: 100%;}
    #locationwrap{padding: 0 0 175px 0;}
    #taglinewrap{display: none;}
    #truckinv{display: none;}
    h2{font-size: 27px; margin-left: 32px;}
    h4{font-size: 48px;}
    h6{padding-top: 10px;}
    p{font-size: 14px; line-height: 20px;}
    .side{display: none;}
    .sandhillsfooter{float: none; width: 100%;}
    .divfooter{text-align: center;}
    .footerright{float: none; width: 100%; text-align: center;}
    .footeraddress{float: none;}
    .footertagline{float: none; margin-top: 5px; font-size: 19px;}
    #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: #fff;}
    #nav{display: none;}
}
@media screen and (max-width: 320px){
    .show-menu-for-mobile{display: block;}
    .hide-for-mobile{display: none;}
    .hide{display: none;}
    #site-width{width: 90%; margin: 0 auto;}
    #logowrap{width: 83%;}
    #navwrap{width: 15%;}
    #logowrap img{width: 100%;}
    #buttonwrap{margin-top: 0;}
    .button ul li a{display: none;}
    .button ul li li a{display: none;}
    #homemain{padding-bottom: 5px;}
    #main{padding-bottom: 5px;}
    #contactmain{padding-bottom: 5px;}
    #locationmain{padding-bottom: 5px;}
    .button{width: 75%; display: block; margin: 0 auto;}
    .button img{width: 100%;}
    #aboutwrap{padding: 0 0 75px 0;}
    .abouthead{float: none; width: 100%; padding-bottom: 10px;}
    .abouttext{float: none; width: 100%;}
    #truckinv{display: none;}
    #locationwrap{padding: 0 0 205px 0;}
    #taglinewrap{display: none;}
    h1{font-size: 45px; line-height: 50px;}
    h2{margin-left: 45px;}
    h4{font-size: 48px;}
    h5{font-size: 24px;}
    h6{padding-top: 10px;}
    p{font-size: 13px; line-height: 20px;}
    .side{display: none;}
    .sandhillsfooter{float: none; width: 100%;}
    .divfooter{text-align: center;}
    .footerright{float: none; width: 100%; text-align: center;}
    .footeraddress{float: none;}
    .footertagline{float: none; margin-top: 5px; font-size: 19px;}
    #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: #fff;}
    #nav{display: none;}
}