/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:'roboto_condensedregular', Arial, sans-serif;
	-webkit-text-size-adjust: none;
}
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 {font-size:36px; font-family:'roboto_condensedbold', Arial, sans-serif; color:#fff; -webkit-text-size-adjust: none;}
h2 {font-size:36px; font-family:'roboto_condensedbold', Arial, sans-serif; color:#ec2127; -webkit-text-size-adjust: none;}
h3 {font-size:18px; padding-bottom:10px; -webkit-text-size-adjust: none;}
h4 {font-size:24px; font-family:'roboto_condensedbold', Arial, sans-serif; -webkit-text-size-adjust: none;}
h5 {font-size:18px; -webkit-text-size-adjust: none;}


a {text-decoration:none;}

#pagewrap a {color:#ec2127;} 
#pagewrap a:hover {color:#263a75;}

/******** Basic Styles ********/
body {background:#fff;}
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
#headercontent {width:90%; margin:0 auto;}
#site-width {width:100%; max-width:1100px; margin:10px auto 40px;}

#pagewrap {width:100%; max-width:1100px; margin:10px auto;}

/******** Header Styles ********/
header {background:#263a75; padding:15px 0;}
.logo {float:left; width:33%;}
.navwrap {float:right; width:67%; margin-top:40px;}

.appreciation {background:#ec2127; text-align:center; color:#fff; padding:20px 0;}
.appreciation a {color:#fff;}
.appreciation a:hover {color:#263a75;}


.lilred {background-color:#ec2127; display: block; width: 40%; height: 2px; margin-top: 2px; margin-bottom: 6px;}



/******MAIN NAVIGATION ******/ 
#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 { /* appearance of the first-level links */
    display: block;
    text-decoration: none;
    color: #fff;
    font-weight:normal;
    font-size:18px;
    line-height:18px;
    transition:color .2s ease-in-out; -moz-transition:color .2s ease-in-out; -webkit-transition:color .2s ease-in-out;
    padding:8px 17px;  
    text-transform: uppercase;
    text-shadow: 2px 2px 2px rgba(0,0,0,.6); 
    text-align:center;
}
 
#nav ul li a:hover {border-bottom:1px solid #ed2027;}
  
#nav ul li li a { /* appearance of the sub-level links */
    width:215px;
    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;    
}
#nav ul li li a:hover { /* appearance of the sub-level links on hover */
    color:#fff; 
    background:#4b0000 url("../siteart/nav-ro-bg.jpg") repeat-x;     
}
    
/* 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;}

/******** Content Styles ********/
#heading {background:#263a75; padding:15px 0;}

#banner {width:100%;}
#banner img {width:100%;}

.button {
	max-width:800px;
	width:100%; 
	margin:0 auto; 
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:36px;
	padding:15px 20px;
	background: #d91e25; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d91e25, #f61e28); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d91e25, #f61e28); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d91e25, #f61e28); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d91e25, #f61e28); /* Standard syntax */
	margin-bottom:50px;
	font-family:'roboto_condensedbold', Arial, sans-serif;
}

.button:hover {background: #263a75; }

#inventorywrapper {width:100%; max-width:1020px; margin:0 auto;}
.inventory {float:left; width:25%; text-align:center;}

.invbtn {
	width:250px; 
	margin:0 auto; 
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	padding:15px 20px;
	background: #d91e25; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d91e25, #f61e28); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d91e25, #f61e28); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d91e25, #f61e28); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d91e25, #f61e28); /* Standard syntax */
	margin-bottom:75px;
	font-family:'roboto_condensedbold', Arial, sans-serif;
}

.invbtn:hover {background: #263a75; }

.pagetext {float:left; width:55%;}
.pagetext a {color:#ec2127;} 
.pagetext a:hover {color:#263a75;}

.pageimage {float:right; width:40%; padding-bottom:20px;}
.pageimage img {width:100%;}

.partsbtn {float:left; width:50%; text-align:center;}

.product {padding:10px 20px;}

.contact {float:left; width:35%;}
.contact a {color:#ec2127;} 
.contact a:hover {color:#263a75;}
.map {float:right; width:60%;}

.used {
	float:left; 
	width:49%; 
	margin:10px 1% 10px 0; 
	background: #d91e25; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d91e25, #f61e28); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d91e25, #f61e28); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d91e25, #f61e28); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d91e25, #f61e28); /* Standard syntax */}
.used:hover {background:#263a75;}
.usedtext {color:#fff; text-align:center; font-size:18px; padding:15px 0; font-family:'roboto_condensedbold', Arial, sans-serif;}


.manubtn {
	float:left; 
	width:24%; 
	margin:10px 1% 10px 0; 
	background: #d91e25; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d91e25, #f61e28); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d91e25, #f61e28); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d91e25, #f61e28); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d91e25, #f61e28); /* Standard syntax */}
.manubtn:hover {background:#263a75;}


#p-logos {margin:0 auto;}

#p-logos img {max-width:339px;	 display:inline-block; vertical-align:middle;}
.parts {display:inline-block; width:24%; vertical-align:middle; text-align:center;}

/******** Scrolling Inventory ********/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	background:#263a75;
	padding:5px 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/******** Manufacturing Logos ********/
#manulogos {text-align:center; padding:20px 0;}
#manulogos img {padding:0 20px;}

/******** Footer Inventory ********/
footer {background:#263a75; color:#fff; padding:15px 0;}
footer a {color:#fff;}
.footerwrap {float:left; width:60%;}
.footer {float:left; width:33%;}
.footerlogo {float:right; width:40%; text-align:right;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none;font-size:13px; color:#fff;}

.footertext{font-size:13px; color:#fff;}

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

.divfooter {width:90%; text-align:left;}


.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, .list-container-flexrow .view-listing-details-link { background:#ec2127 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color: black; 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: #F37029 !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 {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;}

.body-wrapper{margin: 5% 0;}

.full, .hosted-content {display:none;}


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


#site-width {width:100%; max-width:1100px; margin:10px auto 20px;}

.logo {float:left; width:30%;}
.navwrap {float:right; width:70%; margin-top:40px;}
#nav ul li a {font-size:16px; line-height:18px; padding:8px 7px;}

.inventory img {width:100%;}

.pageimage {float:right; width:40%; padding-bottom:0;}

#manulogos img {padding:0 5px; width:11%;}

.footerwrap {width:70%;}
.footerlogo {width:30%;}

#p-logos {
	margin:0 auto;
}

#p-logos img {
	max-width:300px;	
	display:inline;

}

}

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


#site-width {width:100%; max-width:1100px; margin:10px auto 20px;}

.logo {float:left; width:30%;}
.navwrap {float:right; width:70%; margin-top:40px;}
#nav ul li a {font-size:14px; line-height:18px; padding:8px 7px;}

.inventory img {width:100%;}

.pageimage {float:right; width:40%; padding-bottom:0;}


#manulogos img {padding:0 5px; width:11%;}

.footerwrap {width:70%;}
.footerlogo {width:30%;}

#p-logos {
	margin:0 auto;
}

#p-logos img {
	max-width:300px;	
	display:inline;

}


}

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

#site-width {width:95%; margin:10px auto 20px;}
#pagewrap {width:95%; margin:10px auto 20px;}
#inventorywrapper {width:95%; margin:0 auto;}

.logo {float:left; width:25%;}
.logo img {width:100%;}
.navwrap {float:right; width:72%; margin-top:40px;}
#nav ul li a {font-size:12px; line-height:18px; padding:8px 6px;}

.inventory img {width:100%;}
.invbtn {font-size:15px; }

h3 {font-size:16px;}

#manulogos img {width:10%; padding:0 5px;}

.footerwrap {width:75%; font-size:12px;}
.footerlogo {width:25%;}
.footerlogo img {width:100%;}


#p-logos {
	margin:0 auto;
}

#p-logos img {
	display:inline-block;
	margin:0 auto;
	max-width:200px;
}


}


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

#site-width {width:95%; margin:10px auto 20px;}
#pagewrap {width:95%; margin:10px auto 20px;}
#inventorywrapper {width:95%; margin:0 auto;}
.button {width:75%; font-size:28px;}

h1 {font-size:24px;}
h2 {font-size:22px; line-height:20px;}

.inventory img {width:100%;}
.invbtn {width:200px; font-size:14px; margin-bottom:50px;}

h3 {font-size:16px;}

.contact {float:left; width:40%;}
.map {float:right; width:55%;}

#manulogos img {width:11%; padding:0 5px;}

.footerwrap {width:100%; font-size:12px;}
.footerlogo {display:none;}

/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	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;}


#p-logos {
	margin:0 auto;
}

#p-logos img {
	display:inline-block;
	margin:0 auto;
	max-width:150px;
}

}



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

#site-width {width:90%; margin:10px auto 20px;}
#pagewrap {width:95%; margin:10px auto 20px;}
#inventorywrapper {width:95%; margin:0 auto;}

.button {width:75%; font-size:22px;}

h1 {font-size:18px;}
h2 {font-size:18px; line-height:20px;}

.inventory img {width:100%;}
.invbtn {width:145px; font-size:11px; margin-bottom:50px; padding:15px 5px;}

#manulogos img {width:10%; padding:0 5px;}

h3 {font-size:16px;}

.product {width:25%; padding:10px 20px;}

.contact {float:none; width:100%;}
.map {float:none; width:100%;}

.manubtn {width:49%;}	
.usedtext {font-size:12px;}

.footerwrap {width:100%; font-size:12px;}
.footer {width:100%; text-align:center; padding:10px 0; float:none;}
.divfooter {width:100%;text-align:center; float:none;}
.footerlogo {display:none;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	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;}


#p-logos {
	margin:0 auto;
}

#p-logos img {
	display:inline-block;
	margin:0 auto;
	max-width:100px;
}

.parts {width:32%;}


}

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

#site-width {width:90%; margin:10px auto 20px;}
#pagewrap {width:90%; margin:10px auto 20px;}
#inventorywrapper {width:95%; margin:0 auto;}

.logo {width:75%;}
.logo img {width:100%;}
.navwrap {width:10%;}

.button {width:75%; font-size:15px;}

h1 {font-size:16px; text-align:center;}
h2 {font-size:18px; line-height:20px;}

.inventory {float:none; width:100%;}
.inventory img {width:100%;}
.invbtn {width:100%; float:none; padding: 15px 0; font-size:16px; margin:10px auto;}

.pagetext {float:none; width:100%;}
.pageimage {display:none;}
h3 {font-size:16px;}

.partsbtn {float:none; width:100%; }

.product {width:27%; padding:5px 10px;}

.contact {float:none; width:100%;}
.map {float:none; width:100%;}

.used {float:none; width:90%; margin:5px auto;}
.usedtext {font-size:14px;}
.manubtn {float:none; width:90%; margin:5px auto;}

#manulogos img {width:25%; padding:0 5px;}

.footerwrap {width:100%; font-size:12px;}
.footer {width:100%; text-align:center; padding:10px 0; float:none;}
.divfooter {width:100%;text-align:center; float:none;}
.footerlogo {display:none;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	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;}


#p-logos {
	margin:0 auto;
}

#p-logos img {
	display:block;
	max-width:90%;
	margin:0 auto;
}
.parts {width:49%;}

}

@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:10px auto 20px;}
#pagewrap {width:90%; margin:10px auto 20px;}
#inventorywrapper {width:95%; margin:0 auto;}

.logo {width:80%;}
.logo img {width:100%;}
.navwrap {width:10%;}

.button {width:100%; font-size:12px; padding:15px 0; margin-bottom:20px;}

h1 {font-size:14px; text-align:center;}
h2 {font-size:16px; line-height:20px;}

.inventory {float:none; width:100%;}
.inventory img {width:100%;}
.invbtn {width:100%; float:none; padding: 15px 0; font-size:16px; margin:10px auto;}

.pagetext {float:none; width:100%;}
.pageimage {float:none; width:100%; padding-top:10px;}
h3 {font-size:12px;}

.partsbtn {float:none; width:100%; }

.pageimage {display:none;}

.product {width:100%; margin:0 auto; padding:5px 0; text-align:center;}

.contact {float:none; width:100%;}
.map {float:none; width:100%;}

.used {float:none; width:90%; margin:5px auto;}
.usedtext {font-size:13px;}
.manubtn {float:none; width:90%; margin:5px auto;}

#manulogos img {width:25%; padding:0 5px;}

.footerwrap {width:100%; font-size:12px;}
.footer {width:100%; text-align:center; padding:5px 0; float:none;}
.divfooter {width:100%;text-align:center; float:none;}
.footerlogo {display:none;}
/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: right;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: -1rem 0 0 0.5rem;
	color:#fff;
}
#nav  {display:none;}


#p-logos {
	margin:0 auto;
}

#p-logos img {
	display:block;
	max-width:90%;
	margin:0 auto;
}

.parts {display:block; width:100%;}

}