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

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

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

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

h1 {color:#fe0000; font-family:'roboto_condensedbold', Arial, sans-serif; text-align:center; font-size:60px; margin:30px auto;}
h2 {font-family:'roboto_condensedbold', Arial, sans-serif; font-size:26px; text-align:center; color:#00d2ff;}
h2:hover {font-family:'roboto_condensedbold', Arial, sans-serif; font-size:26px; text-align:center; color:#fe0000;}
h3 {font-family:'roboto_condensedbold', Arial, sans-serif; font-size:16px; text-align:center; margin-left:10px;}
h3 a {font-family:'roboto_condensedbold', Arial, sans-serif; font-size:14px; text-align:center; margin-right:16px; color:#000;}
h4 {font-family:'roboto_condensedbold', Arial, sans-serif; font-size:32px; text-align:center; color:#fff;}
h5 {font-family:'roboto_condensedbold', Arial, sans-serif; font-size:32px; color:#00d2ff;}

p {font-size:18px;}
a {text-decoration:none; font-family:'roboto_condensedbold', Arial, sans-serif; }

.homeheader {color:#fe0000; font-family:'roboto_condensedbold', Arial, sans-serif; text-align:center; font-size:60px; margin:30px auto;}


/******MAIN NAVIGATION******/ 
#nav {
    position:relative;
    display:block;  
    z-index:9000;
    margin:0 auto 0 auto;
    padding:0 0 0 0;
    text-align:center;
    width:891px;
}
  
#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 { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight:normal;
    font-size:20px;
    line-height:23px;
    transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
    padding:8px 17px;  
    height: 1%;
    text-transform: uppercase;
    border-right:0;
    border-left:0;
    text-shadow: 2px 2px 2px rgba(0,0,0,.6); 
    text-align:center;
    font-family:'roboto_condensedbold', Arial, sans-serif;
}
 
 
#nav ul li a:hover { /* appearance of the first-level links on hover */
    height: 1%; 
    color:#fff; 
    background: #fe0000 url("../siteart/nav-ro-bg.jpg") repeat-x;
}
  
  
  
#nav ul li li a { /* appearance of the sub-level links */
    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:16px;
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#fe0000 url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
  
  
  
/* Optional-use, Begin targeting styles of first and last links */
#nav ul li:last-child  { /* Optional-use, this targets last li */
    border-right:0;
}
#nav ul li:last-child a {
    border-right:0;  /* Optional-use, this targets last link */
}
#nav ul li:first-child  { /* Optional-use, this targets first li */
    border-left:0;
}
  
/* Optional-use, cancells out border for subnav li containers*/
#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;
}
/* Optional-use, End targeting styles of first and last links */
  
  
  
/* Unless needing to do something extra or experimental, DON'T edit these positioning styles below! */
#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; /* make sure your line-height always matches that of your main link styles!*/
    z-index: 100;
    background:#4b0000; /* make sure your background color always matches your link styles!*/
}
  
#nav ul ul li {
    float: none; 
    position: relative;
}


/******** Basic Styles ********/
body {background:#333333;}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
#site-width {width:75%; margin:0 auto;}
#white-block {background:#fff; padding:15px 0 50px 0;}

header {
    text-align:center;
    background:#000;
    -moz-box-shadow:  0 0 5px #000;
    -webkit-box-shadow: 0 0 5px #000;
    box-shadow: 0 0 5px #000;
	border-bottom:1px solid #292929;
}

#logo {position:absolute;top:30px; text-align:center; left:200px; padding:10px 38px 18px 38px;}
#phone {z-index:99999999999; margin:-75px auto 0; width:100%;}
.phone {width:5%;}

.bg {width:100%;}
.bg img {width:100%;}

#iconwrap {background-color:rgba(0,0,0,0.6); position:absolute; top:460px; padding:0 0 50px; width:100%;}
.iconhome {float:left; width:20%; text-align:center;}
.icon {float:left; width:20%; text-align:center;}
.icon img {display:inline-block;}

.icon2 {float:left; width:50%; text-align:center;}
.icon2 img {display:inline-block;}

#iconwrapper {background:#000; padding:60px 0 10px; width:100%;}
.inventorywrap {padding-top:20px; width:100%; max-width:1020px; margin:0 auto;}

#misciconwrapper {background:#000; padding:60px 0 10px; width:100%;}


.button {
	background:#000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:50%; 
	font-size:48px; 
	text-align:center;
	color:#fff; 
	text-decoration:none;
	padding:20px 40px;
	margin:20px auto 0 auto;
}

.button:hover {background:#fe0000;}
/*---------Inventory------------------*/
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button,
.body-wrapper>div:not(.detail-wrapper) button.page-nav {
    background: #000 !important;
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link,
.body-wrapper>div:not(.detail-wrapper) .contact-options a,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .apply-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .nuf-button,
.body-wrapper>div:not(.detail-wrapper) .list-error-container .info button,
.body-wrapper>div:not(.detail-wrapper) .mobile-done-button-container .mobile-done-button,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now,
.body-wrapper>div:not(.detail-wrapper) button.selected-facet.ts-button,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn {
    background: #000 !important;
    color: #fff !important;
}

.body-wrapper>div:not(.detail-wrapper) .view-listing-details-link:hover,
.body-wrapper>div:not(.detail-wrapper) .contact-options a:hover,
.body-wrapper>div:not(.detail-wrapper) .fin-calc-mobile>a:hover,
.body-wrapper>div:not(.detail-wrapper) button.g-recaptcha.button:hover,
.body-wrapper>div:not(.detail-wrapper) .email-seller-link:hover,
.body-wrapper>div:not(.detail-wrapper) .mc-nav-controls .mc-icon-navarrow span,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.gtm-buynow.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) a.buy-btn.des-buy-now:hover,
.body-wrapper>div:not(.detail-wrapper) .detail-contact-bar .contact-bar-btn:hover {
    background: #fe0000 !important;
    color: #fff !important;
    /*----Border----*/
}

.body-wrapper>div:not(.detail-wrapper) .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button,
.body-wrapper>div:not(.detail-wrapper) .show-all-modal .back-button,
.body-wrapper>div:not(.detail-wrapper) .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {
    color: #000 !important;
    border: 1px solid #000 !important;
    /*-----------------------OTHER TEXT STYLES-----------------------*/
    /*----Page Title----*/
}

.body-wrapper>div:not(.detail-wrapper) .list-title .list-title-text,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span,
.body-wrapper>div:not(.detail-wrapper) .title-media-buttons-heading h1 {
    color: #000 !important;
    line-height: 28px !important;
}

.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .listing-dealer-info .spec-value,
.body-wrapper>div:not(.detail-wrapper) .fin-calc,
.body-wrapper>div:not(.detail-wrapper) .fin-calc p,
.body-wrapper>div:not(.detail-wrapper) .list-main-section .list-container .list-error .info,
.body-wrapper>div:not(.detail-wrapper) .parts-bottom-section .parts-list-view .parts-list-content .error-message,
.body-wrapper>div:not(.detail-wrapper) .info,
.body-wrapper>div:not(.detail-wrapper) .list-title .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count,
.body-wrapper>div:not(.detail-wrapper) .list-top-section .listing-option-bar .list-listings-count,
.body-wrapper>div:not(.detail-wrapper) span.part-list-price.bold,
.body-wrapper>div:not(.detail-wrapper) .dealer-company-header,
.body-wrapper>div:not(.detail-wrapper) .dealer-info h3,
.body-wrapper>div:not(.detail-wrapper) .listing-description-text,
.body-wrapper>div:not(.detail-wrapper) .paging-container .list-page-number,
.body-wrapper>div:not(.detail-wrapper) .paging-container .page-number,
.body-wrapper>div:not(.detail-wrapper) .listing-main-stats .price,
.body-wrapper>div:not(.detail-wrapper) .list-container-flexrow .price-container .price,
.body-wrapper>div:not(.detail-wrapper) h2.listing-portion-title,
.body-wrapper>div:not(.detail-wrapper) .list-listing-mobile .price-container .price,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title,
.body-wrapper>div:not(.detail-wrapper) .compare-listings-container .compare-container .compare-price,
.body-wrapper>div:not(.detail-wrapper) .rent-title,
.body-wrapper>div:not(.detail-wrapper) .rent-title-details,
.body-wrapper>div:not(.detail-wrapper) span.list-title-text,
.body-wrapper>div:not(.detail-wrapper) a.search-results-link,
.body-wrapper>div:not(.detail-wrapper) h3.listing-portion-title {
    color: #000 !important;
}

.body-wrapper>div:not(.detail-wrapper) .mobile-option-bar .mobile-option-bar-filter,
.body-wrapper>div:not(.detail-wrapper) span.listing-prices__retail-price,
.body-wrapper>div:not(.detail-wrapper) span.parts-listings-count {
    color: #000 !important;
    /*-----------------------MEDIA QUERIES-----------------------*/
}





/*--------Scrolling Inventory--------*/

.scrolling-wrap {
    width:100%;
    height:110px;
    overflow:hidden;
	background-color:#D1D1D1;
}
 
.scrolling{
    width:100%;
    height:92px;
}
.scrolling-wrap iframe{width:100%; height:90px; padding:10px 0;}

footer {
	background: #000; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#000, #333333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#000, #333333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#000, #333333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#000, #333333); /* Standard syntax */
	padding:15px 0;
	color:#fff;
}

.sandhillsfooter {float:left;}
.contactinfo {text-align: center;}
.contactinfo a {color:#fff;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none; font-family:'roboto_condensedregular', Arial, sans-serif;font-size:12px; color:#fff;}
a.footerlink:hover {text-decoration:underline; font-family:'roboto_condensedregular', Arial, sans-serif;font-size:12px; color:#fe0000;}

.footertext{font-family:'roboto_condensedregular', Arial, sans-serif;font-size:12px; color:#fff;}

.smallfootertext{font-family:'roboto_condensedregular', Arial, sans-serif;font-size:12px; color:#fff;}

.divfooter {width:600px;}

.hosted-content .listings-wrapper .listings-list .price {text-align:left!important; width:50%!important;}

/************************************************ Responsive Styles **/
@media screen and (max-width: 1880px) and (min-width:1481px) {
.show-menu-for-mobile {display:none;}

#logo {left:10px;}
#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
}

@media screen and (max-width: 1480px) and (min-width:1340px) {
.show-menu-for-mobile {display:none;}

#logo {left:10px;}
h1 {font-size:46px;}
h2 {font-size:24px; text-align:center;}
h2:hover {font-size:24px;}


#iconwrap {top:325px; padding:0 0 15px 0;}
.icon {padding:30px 0 50px 0;}
.homeheader {margin:5px auto 0 auto;}
}

@media screen and (max-width: 1339px) and (min-width:1054px) {
.show-menu-for-mobile {display:none;}

#logo {left:-40px;}
/*h1 {padding-left:275px;}*/
h1 {font-size:42px;}
h2 {font-size:20px; text-align:center;}
h2:hover {font-size:20px;}

h3 {padding-left:10px;}

#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
#iconwrapper {padding:150px 0 10px!important;}
}


@media screen and (max-width: 1190px) and (min-width:1054px) {
#logowrap {background:#f1f1f1; padding-bottom:20px;}
#logo {position:relative; left:0%; width:40%; margin:0 auto; padding:10px 0px 30px 0; background:#f1f1f1; text-align:center; top:0;}
#phone img {width:3%;}
#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
#iconwrapper {padding:25px 0 25px!important;}
#misciconwrapper {padding:10px 0 10px;}
}


@media screen and (max-width: 1053px) and (min-width:868px) {
.show-menu-for-mobile {display: none;}

body {overflow-x:hidden;}
#logowrap {background:#f1f1f1; padding-bottom:14px;}
#logo {position:relative; left:0; width:50%; margin:0 auto; padding:10px 0px 30px 0; background:#f1f1f1; text-align:center; top:0;}
#phone img {width:3%;}

#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
#iconwrapper {padding:25px 0 25px!important;}
#misciconwrapper {padding:10px 0 10px;}

h2 {font-size:20px; text-align:center;}
h2:hover {font-size:20px;}
h1 {font-size:40px;}
.homeheader {font-size:36px; padding-top:20px;}
h3 {padding-left:10px;}

#site-width {width:90%; margin:0 auto;}
#nav {width:822px;}
#nav ul li a {font-size:18px;}
}



@media screen and (max-width: 867px) and (min-width:720px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#logowrap {background:#f1f1f1; padding-bottom:0px;}
#logo {position:relative; left:0; width:50%; margin:0 auto; padding:10px 0px 40px 0; background:#f1f1f1; text-align:center; top:0;}
#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
#phone {margin-top:-50px;}

.phone {width:3%;}
	
#iconwrapper {padding:25px 0 25px!important;}
h2 {font-size:16px;}
h2:hover {font-size:16px;}
h3 {font-size:14px; padding-left:10px;}
.homeheader {font-size:28px; padding-top:20px;}
h1 {font-size:28px; margin:0 auto;}

#site-width {width:90%; margin:0 auto;}
.inventorywrap {padding-top:20px; width:100%; margin:0 auto;}
	
.icons {width:90%;}
.arrow {width:10%; margin-top:10px;}
.button {font-size:30px;}
.sandhillsfooter {float:none;}
.divfooter {width:100%; text-align:center; margin:0 auto; padding-top:20px;}
.contactinfo {float:none; width:100%; margin:0 auto; text-align:center;}
/******************styles for the main site navigation during mobile display*************/
#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: 719px) and (min-width:661px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#logowrap {background:#f1f1f1; padding-bottom:30px;}
#logo {position:relative; left:0; width:50%; margin:0 auto; padding:10px 0px 20px 0; background:#f1f1f1; text-align:center; top:0;}
#phone {margin-top:-50px;}

#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
#iconwrapper {padding:25px 0 25px!important;}
h2 {font-size:16px;}
h2:hover {font-size:16px;}
h3 {font-size:14px;}
.homeheader {font-size:28px; padding-top:20px;}
h1 {font-size:28px; margin:0 auto 0 auto;}

#site-width {width:90%; margin:0 auto;}
.inventorywrap {padding-top:20px; width:100%; margin:0 auto;}
	
.icons {width:90%;}
.arrow {width:10%; vertical-align:middle;}
.button {font-size:30px;}
.sandhillsfooter {float:none;}
.divfooter {width:100%; text-align:center; margin:0 auto;}
.contactinfo {float:none; width:100%; margin:0 auto; text-align:center;}
/******************styles for the main site navigation during mobile display*************/
#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: 660px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}

#logo {position:relative; left:0; width:100%; margin:0 auto; padding:10px 0px 20px 0; background:#f1f1f1; text-align:center; top:0;}
.michaelsharp {width:75%; margin:0 auto;}
h3 a {font-size:12px;}
#phone {margin-top:-33px;}
#phone img {width:3%;}
#white-block {padding:20px 0;}
#iconwrap {position:relative; top:0; margin-top:-35px; background:#000;}
#iconwrapper {display:none;}
.iconhome {width:50%; margin:0 auto; float:none; text-align:center;}
.icon {width:50%; margin:0 auto; float:none; text-align:center;}
.inventorywrap {padding-top:0;}
h2 {font-size:14px;}
h2:hover {font-size:14px;}
.homeheader {font-size:20px; margin:0 auto; padding-top:20px;}
h1 {font-size:20px; margin:10px auto;}

#site-width {width:90%; margin:0 auto;}
.icons {width:90%;}
.arrow {width:10%; margin-top:10px;}
.button {font-size:22px; margin:20px auto; padding:10px 10px; width:80%;}
.sandhillsfooter {float:none;}
.divfooter {width:100%; text-align:center; margin:0 auto;}
.contactinfo {float:none; width:100%; margin:0 auto; text-align:center;}
/******************styles for the main site navigation during mobile display*************/
#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;}
}