﻿/*===================== 
	Color information
	
	-
	-
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
	@Font-Face 
=======================*/


/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
	width: 100%;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	}
	h1 {font-size: 2em;}

p {
	margin: 0px 0px 0px 0px;
	}

	
h1 {
}
		

h2 {
	margin: 75px 0 5px 0;
	font-style: italic;
	font-weight: 800;
	font-size: 35px;
	text-transform: uppercase;
}

.locate {
	margin: 75px 0 5px 0;
	font-style: italic;
	font-weight: 800;
	font-size: 45px;
	text-transform: uppercase;
}

	
h3 {
}


h4 {
	line-height: 45px;
}


h5 {
}


h6 {
}

b.blue {
	color: #077cc6;
	font-weight: 900;
	text-transform: uppercase;
}

p.bodytext {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 5px;
	font-family: "Montserrat";
	font-size: 14px;
	font-kerning: 5px;
}

a.mailto {
	text-decoration: none;
	color: black;
}



/*===================== 
	header styles 
=======================*/


header {
	width: 100%;
    box-sizing: border-box;
	}

header *, footer * {
    box-sizing: border-box;
}
footer a[href^="tel:"], header a[href^="tel:"] {
    color: #fff;
}

.replacement {
	display: none;
}

.whitebg {
	width: 100%;
	background-image: url("../siteart/Background-White.png");
	padding-top: 5px;
}

.logo {
	padding-left: 10px 15px;
	clear: right;
	float: left;
	max-width: 100%;
}

/*===================== 
	button styles 
=======================*/


.row.buttons {
	padding: 20px;
	display: inline-block;
}


.buttonyellow {
	background-image: url("../siteart/Button-Yellow.png");
	border: none;
	width: 455px;
	height: 65px;
	color: whitxdde;
	text-align: left;
	font-family: "Open Sans";
	font-weight: 800;
	padding: 0px 80px;
	margin-right: 10px;
}

.buttonblue {
	background-image: url(../siteart/Button-Blue.png);
	border: none;
	width: 455px;
	height: 65px;
	color: white;
	text-align: left;
	font-family: "Open Sans";
	font-weight: 800;
	padding: 0px 80px;
	margin-right: 10px;
}

.buttonblack {
	background-image: url(../siteart/Button-Black.png);
	border: none;
	width: 455px;
	height: 65px;
	color: white;
	text-align: left;
	font-family: "Open Sans";
	font-weight: 800;
	padding: 0px 80px;
}

.contactbutton {
	background-color: #ffd200;
	color: black;
	border: none;
	padding: 5px 25px;
	text-align: center center;
	font-display: none;
	font-family: 'Open Sans';
	font-style: italic;
}

.buttonarrow {
	vertical-align: center;
	float: right;
	clear: both;
	padding-top: 5px;
	
}

.buttonarrow2 {
	text-align: right;
	vertical-align: center center;
	padding-left: 10px;
	width: 30px;
}

.view {
	font-family: "Open Sans";
	font-size: 13px;
	font-style: oblique;
}

.buttontext {
	font-family: "Open Sans";
	font-size: 25px;
	font-style: oblique;
	margin-top:-5px;
}

/*===================== 
	nav styles 
=======================*/

nav.primary {
	padding: 10px;
	display:inline;
	color: white!important;
	font-size: 14px;
	list-style: none;
}




.nav-invent {
	padding: 0px 20px;
	text-decoration: none;
	display: inline-block!important;
	float: right;
	clear: left;
	letter-spacing: 3px;
}

.nav-padding {
	padding-top:8px;
}


a {
	color: white;
}

a.contact {
	color: black;
}

a.nav-link {
	color: #ffffff;
	display: inline-block!important;
}

a.nav-link:hover {
	color: #ffd200;
}

.nav-icon {
	display: inline-block;
}


.desktop-nav {
	background: #000!important;
	padding: 10px 0px;
}

/*===================== 
	mobile nav
=======================*/

#menu-button{ /* initially will need to be hidden */
	display: block;
	font-size: 30px;
	width:100%;
	position: relative;
	z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
	text-align: right;
	min-height: 0 !important;
	padding-right: 5%;
	padding-top: 20px;
	}
	#menu-button a{
		 color:white;
		 text-decoration: none;
		 text-align: right !important;
	  }

nav.mobile {
	display:block;
	position: fixed;
	top: 0;
	left: -250px;
	width: 250px;
	height: 100%;
	background: #191919;
	opacity: 0.9;
	z-index: 500; /* needs to be higher than #menu-button, adjust as needed */
	overflow:auto;
	padding: 10px;
}


.menu-toggle {
	text-align: right;
	font-size: 40px;
	color: white;
}

.close_mobile {
	font-size: 40px !important;
	font-weight: 900;
	text-align: right;
	cursor: pointer;
	color: white;
}

nav.mobile .menu-toggle:hover { /* Menu close button on hover */
	color: #fff;
}
nav.mobile ul {
	list-style: none;
	font-weight: 300;
	margin:0;
	padding:0;
}
nav.mobile ul li {
	padding: 8px 0 6px 0 !important;
}
nav.mobile ul li a {
	position: relative;
	display: block;
	padding-left: 14px;
	color: white;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 700;
}
nav.mobile ul li a:hover {
	color: white;
}


nav.mobile ul li li a { /* appearance of the sub-level links */
	position: relative;
	display: block;
	padding: 0px 10px 0px 15px;
	color: white;
	text-decoration: none;
	text-transform: none !important;
	font-family:'Roboto', sans-serif;
}

nav.mobile ul li span.click{/* dropdown menu idicator arrow be sure to include this image with your image files */ 
	background:url(../siteart/menu-dropdown-arrow.png) 10px 12px no-repeat;
	background-size:55%;
	position:relative;
	display:block;
	float:right;
	margin:-44px 0 0 0;
	cursor:pointer;
	z-index: 12399994;
	width:44px;
	height:44px;
	-webkit-transition:background-size .3s ease-in-out;
	-moz-transition:background-size .3s ease-in-out;
	transition:background-size .3s ease-in-out;
}
nav.mobile ul li span.click:hover{
	background-size:60%;
}

/*DROP-BUTTON-MOBILE-NAV*/

.dropbtn {
	font-family: 'Roboto', sans-serif;
	background-color: transparent;
    color: white;
    padding-top: 10px;
	padding-bottom: 10px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	font-weight: 700;
}

.dropbtn:hover, .dropbtn:focus {
    color: #ac202d;
}

.dropdown {
    position: relative;
    display: block;
}

.dropdown-content {
    display: none;
    position: relative;
    background-color: #ac202d;
    overflow: auto;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding-top: 10px;
	padding-bottom: 10px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {background-color: #ac202d;}

.show {display: block;}

a.dropdown_style:hover {
	color: black;	
}

li.spacing {
	margin-right: 25px;
	letter-spacing: 3px;
}


/*===================== 
	content styles 
=======================*/

aside {
	background-image: url("../siteart/Top-Bar.png");
	float: right;
	clear: none;
	padding: 0px 50px;
}

.asidefont {
	font-family: "Open Sans";
	font-size: 14px;
	font-style: oblique;
	color: white;
	padding: 0px 25px;
	display: inline;
	vertical-align: center;
}

.asidefont2 {
	font-family: "Open Sans";
	font-size: 14px;
	font-style: oblique;
	color: white;
	display: inline-block;
	text-align: left;
}

.thin {
	font-style: normal;
	text-transform: capitalize;
	padding: 0px 5px;
}

.slash {
	color: white;
	display: inline;
	padding: 5px;
}

.mail {
	text-decoration: none;
	color: white;
}

.text {
	text-align: left;
	padding-left: 65px;
}

.text2 {
	text-align: left;
}

.image {
	float: right;
	text-align: right;
	padding-bottom: 25px;
}


.searchtitle {
	color: #ffd200;
	font-family: "Open Sans";
	font-weight: 500;
	font-size: 20px;
	font-style: oblique;
	text-transform: uppercase;
}

.searchbar {
	background-image: url("../siteart/Background-Black.png");
	background-repeat: none;
	float: right;
	clear: none;
	width: 95.2%;
	font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
	text-align: left;
	border: none;
	padding: 35px 75px 45px 75px;
	margin-bottom: 20px;
}

.searchbarheader {
	font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
	text-align: left;
	border: none;
}

.searchbutton {
	border: none;
	color: white;
	font-style: oblique;
	font-family: "Open Sans", "Open Sans Extrabold"!important;
	vertical-align: center center;
	background-color: #077cc6!important;
	width: 100%;
	padding: 10px 25px;
	margin-top: 10px;
	text-transform:uppercase!important;
	font-size:16px!important;
}
.searchbarheader .search input{
	color: #000 !important;
}
.searchbar input {
	width: 100%;
	height: 40px;
	border: none;
	font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
	text-indent: 10px;
	color: #000 !important;
}
.searchbar select {
	width: 100%;
	height: 40px;
	border: none;
	font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
	text-indent: 10px;
	color:#000;
}
	
/*===================== 
	slideshow styles 
=======================*/

.placeholder {
	width: 90%;
	height: 500px;
	background-color: black;
	border-radius: 50px;
	margin-top: 10px;
}

section {
	padding-top: 25px;
}


/*===================== 
	footer styles 
=======================*/

footer {
	background-color: #000000;
	width: 100%;
}

.smalllogo{
	max-width: 100%;
}
.topfooter {
	color: white;
	background-color: #000000;
	vertical-align: middle;
	padding: 1% 1.5%;
	font-size: 10px;
	font-family: "Open Sans";
	font-style: oblique;
	text-transform: uppercase;
}

.lowfooter {
	background-color: #242424;
	color: #757575;
	font-size: 10px;
	vertical-align: bottom;
	text-align: left;
	clear: both;
	padding: 1% 3%;
}


b.yellow {
	text-align: left;
	color: #ffd200;
	font-size: 14px;
}

.truckpaper {
	color: #ffd200;
	text-decoration: none;
	font-weight: 200;
}

.notice {
	color: #757575;
	text-decoration: none;
	font-weight: bold;
}
.notice:hover {
	color: #757575;
	text-decoration: none;
	font-weight: bold;
}

.contact-form {
	margin: 0px 25px;
}

.CaptchaAnswerPanel {
    padding: 5px 5px 10px 5px;
    border: 1px solid #000;
}


/*===================== 
	covid styles 
=======================*/
.covid {
	background-color:#ff0000;
	padding:15px 25px;
}
.covid-title {
	font-family: "Open Sans";
    font-size: 14px;
    font-style: oblique;
    color: white;
    text-align:center;
	padding-bottom:5px;
}
.covid-text {
	font-family:;
	font-size:;
	text-align:center;
	color:#fff;
	
}


/*-----------------------------------------------------------------*/


/*========================= 
	 Responsive styles 
===========================*/



/*====== 1437 ======*/

@media only screen and (max-width: 1437px) {

	/* Buttons */
	
	.row.buttons {
		padding: 20px 0px;
		display: inline-block;
	}


	.buttonyellow {
		background-image: url("../siteart/Button-Yellow.png");
		border: none;
		width: 455px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 80px;
		margin-right: 10px;
	}

	.buttonblue {
		background-image: url(../siteart/Button-Blue.png);
		border: none;
		width: 455px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 80px;
		margin-right: 10px;
	}

	.buttonblack {
		background-image: url(../siteart/Button-Black.png);
		border: none;
		width: 455px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 80px;
	}
	
}



/*====== 1400 ======*/

@media only screen and (max-width: 1400px) {

	/* Buttons */
	
	.row.buttons {
		padding: 20px 0px;
		display: inline-block;
	}


	.buttonyellow {
		background-image: url("../siteart/Button-Yellow.png");
		border: none;
		width: 400px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 80px;
		margin-right: 10px;
	}

	.buttonblue {
		background-image: url(../siteart/Button-Blue.png);
		border: none;
		width: 400px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 80px;
		margin-right: 10px;
	}

	.buttonblack {
		background-image: url(../siteart/Button-Black.png);
		border: none;
		width: 400px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 80px;
	}
	
}




/*====== 1232 ======*/

@media only screen and (max-width: 1232px) {

	/* Buttons */
	
	.row.buttons {
		padding: 20px 0px;
		display: inline-block;
	}


	.buttonyellow {
		background-image: url("../siteart/Button-Yellow.png");
		border: none;
		width: 350px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 50px;
		margin-right: 10px;
	}

	.buttonblue {
		background-image: url(../siteart/Button-Blue.png);
		border: none;
		width: 350px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 50px;
		margin-right: 10px;
	}

	.buttonblack {
		background-image: url(../siteart/Button-Black.png);
		border: none;
		width: 350px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 50px;
	}
	
}




/*====== 1086 ======*/

@media only screen and (max-width: 1086px) {

	/* Buttons */
	
	.row.buttons {
		padding: 20px 0px;
		display: inline-block;
	}


	.buttonyellow {
		background-image: url("../siteart/Button-Yellow.png");
		border: none;
		width: 300px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 25px;
		margin-right: 10px;
	}

	.buttonblue {
		background-image: url(../siteart/Button-Blue.png);
		border: none;
		width: 300px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 25px;
		margin-right: 10px;
	}

	.buttonblack {
		background-image: url(../siteart/Button-Black.png);
		border: none;
		width: 300px;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 25px;
	}
	
}






/*====== 1199 ======*/

@media only screen and (max-width: 1199px) {

	/* Header */
	
	.logo {
		padding: 15px 20px;
	}
	
	.col-sm-2 {
		align-content: center;
	}
	
	/* Aside */
	
	aside {
		background-image: url("../siteart/Top-Bar.png");
		width: 100%;
		padding: 0px 15px;
		text-align: center;
	}

	.asidefont {
		font-family: "Open Sans";
		font-style: oblique;
		color: white;
		padding: 0px 10px;
		display: inline;
		vertical-align: center;
	}
	
	
	
	/* Text and Image */
	
	.text {
		text-align: left;
		padding: 0px 15%;
	}

	.text2 {
		text-align: left;
	}

	.image {
		padding-bottom: 25px;
		padding-top: 25px;
	}
	
	
	
	/* Search */
	
	.searchtitle {
		color: #ffd200;
		font-family: "Open Sans";
		font-weight: 500;
		font-size: 20px;
		font-style: oblique;
		text-transform: uppercase;
	}

	.searchbar {
		background-image: url("../siteart/Background-Black.png");
		background-repeat: none;
		float: right;
		clear: none;
		width: 95.2%;
		font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
		text-align: left;
		border: none;
		padding: 35px 75px 45px 75px;
		margin-bottom: 20px;
	}

	.searchbutton {
		border: none;
		color: white;
		font-style: oblique;
		font-family: "Open Sans", "Open Sans Extrabold";
		vertical-align: center center;
		background-color: #077cc6;
		width: 100%;
		padding: 10px 25px;
		margin-top: 10px;
	}

	.searchbar input {
		width: 100%;
		height: 40px;
		border: none;
		font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
		text-indent: 10px;
		margin-bottom: 15px;
	}

	.searchbar select {
		width: 100%;
		height: 40px;
		border: none;
		font-family: "Open Sans", "Open Sans Extrabold", Montserrat;
		text-indent: 10px;
		margin-bottom: 15px;
	}
	
		
	
	/* Footer */
	
	footer {
		background-color: #000000;
		width: 100%;
	}

	.topfooter {
		width: 100%;
		color: white;
		background-color: #000000;
		vertical-align: middle;
		font-family: "Open Sans";
		font-style: oblique;
		text-transform: uppercase;
	}
	
}


/* INVENTORY */


#inv{padding: 5% 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: 'open sans', sans-serif!important;} /* Reset font, ignore icons */


.media-buttons {
    margin-top: 0 !important;
}
.lower-detail-data-right {
    font-size: 16px !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;}

span.compare-label{padding-left: 4px !important;}
.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 1px !important;
}

.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, .page-nav {background:#ffd200 !important; color: #000 !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, .data-label, .apply-button, .Manufacturer-button {background: #077cc6 !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;
	font-family: "Open Sans";
	font-style: oblique;
	text-transform: uppercase;

}
.data-label, #inv .contact-options a, #inv button, .faceted-show-all-btn, .view-listing-details-link, .cs-btns a, .compare-title, .mobile-done-button{
	font-family: "Open Sans";
	font-style: oblique;
	text-transform: uppercase;
}

.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, .contact-options a, .cs-btns a {background: #2e2d2d !important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .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: #2e2d2d!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;}




@media only screen and (max-width: 1660px) and (min-width: 969px) {
	

	a.nav-link {
		font-size: 12px;
    letter-spacing: 2px;
		display: flex !important;
		gap: 10px;
		align-items: center;
	}
	.nav-invent{
		padding: 0 !important;
	}
	.nav-padding{display: flex; justify-content: space-around; gap: 10px; padding: 10px; align-items: center; flex-direction: row-reverse;}
}

/*====== 968 ======*/


@media only screen and (max-width: 968px) {
		
	/* Carousel */
	
	.carousel {
		display: none;
	}
	
	.replacement {
		display: block;
		padding-bottom: 25px;
	}
	
	
	
	
	/* Buttons */
	
	.row.buttons {
		padding-bottom: 20px;
		width: 100%;
		display: inline-block;
	}


	.row.buttons a button {
		margin: 0;

	}
	.buttonyellow {
		background-image: url("../siteart/Button-Yellow.png");
		border: none;
		width: 100%;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 25%;
		margin-right: 10px;
	}

	.buttonblue {
		background-image: url(../siteart/Button-Blue.png);
		border: none;
		width: 100%;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 25%;
		margin-right: 10px;
	}

	.buttonblack {
		background-image: url(../siteart/Button-Black.png);
		border: none;
		width: 100%;
		height: 65px;
		color: white;
		text-align: left;
		font-family: "Open Sans";
		font-weight: 800;
		padding: 0px 25%;
	}

	.buttonarrow {
		vertical-align: center;
		float: right;
		clear: both;
		padding-top: 5px;

	}
	
	.buttontext {
		font-family: "Open Sans";
		font-size: 20px;
		font-style: oblique;
		margin-top:-5px;
	}


	/* Footer */
	
	.topfooter {
		color: white;
		background-color: #000000;
		vertical-align: middle;
		padding: 1% 1.5%;
		font-size: 10px;
		font-family: "Open Sans";
		font-style: oblique;
		text-transform: uppercase;
	}
	
	.smalllogo {
		text-align:center;
		margin:0 auto;
		padding-bottom:10px;
	}
}




/*====== 767 ======*/

@media only screen and (max-width: 767px) {
	
		/* Footer */
	
	.smalllogo {
		text-align:center;
		margin:0 auto;
	}
	
	.logo {float:none;display:block;margin:auto;}
	
	.asidefont {
		font-family: "Open Sans";
		font-size: 12px;
		font-style: oblique;
		color: white;
		padding: 0px 10px;
		display: inline;
		vertical-align: center;
	}
	
}




/*-----------------------------------------------------------------*/


/*========================= 
	 Inventory Stuff 
===========================*/

.isDesktopDevice {
	overflow-x:hidden!important;
}

.isMobileDevice {
	overflow-x:hidden!important;
}