@charset "utf-8";
/* CSS Document */

/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
/*Reset*/

a {text-decoration: none;}
 
    
.navigation-mobile {
	display: none;
}


.qrspot {float: right;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 40px;
    /* max-height: 100px; */
}

.qrspot > img {
	max-height: 200px;
}



/*
colors: 
red: #b62123;
light blue: #27a8e1;
dark blue: #034577;

*/

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format('woff');
}

	/* PARAGRAPH/LIST/GENERAL TEXT */
	p, ul, li {font-size: 16px;}

	/* HEADERS */
h1, h2, h3, h4 ,h5 ,h6, p {line-height: normal; text-align: left;font-family: 'Montserrat' !important;}
h1 {font-size:35px; color:#b62123; text-transform:uppercase; text-align:inherit;}
h2 {font-size:35px; color:#b62123;  text-transform: uppercase; padding-bottom: 15px;}
h3 {font-size:25px; color:#034577;}
h4 {font-size:20px; color: #27a8e1; font-weight: 700;text-transform:uppercase; text-align: center; padding-bottom: 4%;}
h5 {font-size:16px;}
h6 {font-size:14px;}
strong{font-weight: 700;}

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {float:left;}
.right {float:right;}
#pad{padding: 30px 0;}

.bold { font-weight: 700;}
body {
	margin:0;
	line-height:20px;
  font-family: 'Montserrat';
	text-align: center; 
	background: #fff;
	overflow-x:hidden;
}

/*-------Header-------------*/
.header {
	width: 100%;
	height: auto;
	background-color: rgba(255, 255,255, 0.7);
	float: left;
	z-index: 99999999;
	box-sizing: border-box;
	position: absolute;
}
.inner-header {	
	width: 77%;
	vertical-align: middle;
	display: inline-block;
	height: auto;
}
.header-left {	float: none; margin: 0 auto;	text-align: center;	}
/*.header-left {
	float: left;
	text-align: left;
}
.header-right {
	padding-top: 5%;
	float: right;
	color:#b62123;
	font-size:22px;
	text-align:right;
	font-weight: 700;
	line-height: 30px;
}	
.header-right a{color:#b62123;}*/
#logo{width: 90%; max-width: 300px; display: block; margin: 0 auto}
/*---------------------------*/

/*---------Layout----------*/
.cycle-slideshow img{
	width:100%;
}


#banner{ margin:-80px auto 0 auto; max-width: 100%;}
.wrapper {
	width: 100%;
	height: auto;
	float: left;
	background:#fff;
}
.wrapper-inner{width:100%; max-width: 1020px; margin: 0 auto; padding-bottom: 1%;}
.wrapper h2,h3{text-align:center; padding-top: 1%;}

.wrapper-inv{width:85%; margin: 0 auto; padding-bottom: 1%; text-align: left;}


.wrapper p {
	line-height: 180%;
	font-size: 16px;
	width: 80%;
	max-width: 1020px;
	text-align: center;
	margin:0 auto;
	vertical-align: middle;
	padding: 1%;
}
.wrapper a{color: #000;}
.container{background: #fff; width: 85%; margin: 0 auto; margin-top:-40px;}
.quicklinks-text{
	position:absolute;
	text-align:center;
	display:block;
	width: 100%;
	color:#fff;
	font-size:30px;
	line-height: 30px;
	text-transform:uppercase;
	top:50%;
	color:#fff;
	text-transform:uppercase;
	font-weight: 700;
}
.quicklinks-text a{color:#fff;}

#quicklinks{
	position:relative;
	display:inline-block;
	width: 20%;
	height:246px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover; 
	background-size: cover;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
	margin-bottom: 2%;
	padding-top: -1%;
}
#quicklinks:hover {
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
}
.inventorypic{background:#000 url(../siteart/inventory.jpg) center center no-repeat;}
.inventorypic:hover{background:#000 url(../siteart/inventory-on.jpg) center center no-repeat; }
.partspic{background:#000 url(../siteart/parts-service.jpg) center center no-repeat;}
.partspic:hover{background:#000 url(../siteart/parts-service-on.jpg) center center no-repeat; }
.contactpic{background:#000 url(../siteart/contact.jpg) center center no-repeat;}
.contactpic:hover{background:#000 url(../siteart/contact-on.jpg) center center no-repeat;}

.feature{
	background:url(../siteart/feature.jpg);
	width:100%;
	height: 400px;
	color: #fff;
	background-color:black;
}

.feature2{
	background:url(../siteart/feature2.jpg);
	width:100%;
	height: 525px;
	color: black !important;;
}

.feature-inner {
	width: 80%;
	max-width: 1020px;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	text-align:center;
	line-height: 40px;
	margin: 0 auto;
	margin-top: 7%;
	margin-bottom: 7%;
	font-size: 30px;
}

#button{
	display:inline-block;
	zoom:1; 
	*display:inline;
	background: #a4d527;
	padding:2% 2%;
	color:#fff;
	text-decoration:none;
	font-size: 40px;
	font-weight:400;
  font-family: 'Montserrat';
	margin: 2%;
	margin-top: 5%;
	margin-bottom: 0;
	left: 0;
	right: 0;
}
#button:hover{ background: #5b5b5b;}

 /* LYTEBOX GALLERY */
        #gal_container {
        	padding:10px 40px;
        	margin:0 auto;
        	text-align:left; }
        #gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
        	height:auto;
			width:247px;
        	margin:30px; }
			
		#vehicles{ width:100%; max-width: 247px; padding: 5px;}
		.wrapper-vehicles{ width:85%; margin: 0 auto; padding-bottom: 1%;}
 /* LYTEBOX GALLERY */
 
.contact-inner{width:100%; max-width: 1200px; margin: 0 auto; padding-bottom: 2%;}

.three-cols{ display: inline-block; color:#034577; padding: 1%; font-size: 22px; font-weight: 700; text-align: center; width: 28%; line-height: 30px;vertical-align: middle;}
.three-cols #icon{ max-width: 20%; position: relative; vertical-align: middle;}
.three-cols a{color:#034577;}
.three-cols a:hover{color:#e6e6e6;}
.four-cols {display: inline-block;  text-align: center; width: 24%; line-height: 30px; vertical-align: middle;}

#apparel { width: 20%;}


/*--parts-------------------------------*/

.hours{vertical-align: top; display: inline-block; width:18%; text-align: left;}
.hours p {text-align: left !important; font-size: 15px;}
/*--------Form Styles----------*/
#formpage {vertical-align:top;padding-bottom: 30px;margin: 0 auto;}
#formpage div { vertical-align:top; padding:5px 5px;}
#formpage input { padding:6px 5px 10px; border:1px solid #8e8d8d; color:#000; font-size:13px; background:#fff;}
#formpage textarea { padding:6px 5px; border:1px solid #8e8d8d; color:#000; font-size:12px; background:#fff; margin-top: 5px;}

 /* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select { border:1px solid #8e8d8d; color:#000; vertical-align:middle; font-size:12px; line-height:normal; padding:5px; width:100%;}
.formfield { float:none;  margin-right: 10px;  margin-top: 10px; color: #000; text-align: left; }
#formpage input  { width:100%; margin-top: 5px;}
 #formpage input.larger  { width:100%; }
#formpage textarea { width:99%; height:85px; text-align:left;}
#formpage input.radio { padding:0;  border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus { background:#abacac;  color:#FFF; border:1px solid #abacac; outline-style:none;}

#formpage input.radio:focus,
#formpage input.checkbox:focus { background:none; border:0; outline-style:none;}

#formpage input.button,
#formpage input.button:focus { width:120px; margin:0; padding:12px 0; background: #034577;   border: 4px solid #034577;  font-size:20px; line-height:14px;  
font-weight:700;  color:#fff; text-transform:uppercase;}

#formpage input.button:hover {background: #0c3a6c;color:#fff;text-shadow:none;border: none;text-transform:uppercase;padding:12px 0;border: 4px solid #0c3a6c;}
 
/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {  color:#212121; font-size:13px; text-align:left; }

/*control the Captcha */
.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#000;width: 30%;margin: 0 auto; }

.CaptchaImagePanel {
	margin:0 auto;
	padding:0 0 0 0;
}

.CaptchaMessagePanel {
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
	font-weight:normal !important;
	font-size:12px;
	line-height:14px;
	text-align: center;
}

.CaptchaAnswerPanel {
	margin:0 0 0 0;
	padding:2px 0px 2px 0px !important;
	text-align: center;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0 10px 0 !important;
	text-align: center;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;}

/*---------------------------*/





/*--------Inventory----------*/
.inventory {
	width: 100%;
	max-width: 1020px;
	vertical-align: middle;
	display: inline-block;
	box-sizing: border-box;
	height: auto;
	box-sizing: border-box;
	padding: 45px 0px 25px 0px;
}
.hosted-content{
	text-align: left !important;
}
.hosted-content .bold {
	font-family: 'Montserrat'!important;
    font-weight: bold;

}
.hosted-content h3 { 	
	font-family: 'Montserrat'!important;
	color: #b62123!important;
	text-transform: uppercase;
	padding-bottom: 2% !important;
}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {
	font-family: 'Montserrat'!important;
	font-size: 28px !important;
	padding-top: 0px !important;
}

.hosted-content .listings-wrapper .listings-list .dealer-info a.btn {
    width: 35%!important;
    text-align: center;
    margin-top: 1em;
}
.listings-wrapper .listing-boxed .price-label{ line-height: 25px;}


.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 {background:#b62123 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-family:'Montserrat' !important;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: #b62123 !important;text-transform: uppercase; letter-spacing: 1px;font-family:'Montserrat' !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #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{
	background:#0c3a6c!important;
}
.list-content .list-title .list-listings-count{
	color:#0c3a6c!important;
}
.list-content .list-top-section .listing-option-bar .list-listings-count{
	color:#0c3a6c!important;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{
	margin-left: 4px!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info{
	text-align: left!important;
}
.detail-content .dealer-info .phone-and-email .send-email-btn{
	background:#0c3a6c!important;
	color:#fff!important;
}
.detail-content .detail-additional-data h4{
	color:#0c3a6c!important;
	text-align: left!important;
	margin: 10px 0 -30px!important;
	
}

/*-------Manu logos------*/
.manu-logos{ 
	height: auto;
	background-color: #eee;
	width: 100%;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	
}
.manu-logos img{ 
	width: 100%;
	max-width: 240px ; 
	padding: 20px 40px;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
}
/*-------Footer----------*/
.bottomwrap{background: url(../siteart/footer-bg.jpg) repeat-x; background: #17497A; padding:20px 0; width: 100%;}
#bottom-inner { width:95%; margin:0 auto;}
#bottom-inner a{ color: #fff;}
#bottom-contact{ display: inline-block; color:#fff; padding: 3%; line-height: 20px; vertical-align: top; font-weight: 700;}
footer { width:100%; margin:0 auto;}
#footercontent {border-top: #fff solid thin;  padding-top: 1%; width:50%; margin:0 auto; float: none; color:#fff; font-size: 11px; text-align: right; line-height: 20px; vertical-align: middle;}
#footercontent a{color: #fff;}
#footercontent a:hover{ color: #27a8e1;}
#footercontent img:hover{	opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */}




/*-------responsive----------*/

@media screen and (max-width: 1450px) {

.hours{width:30%; margin-bottom: 10px;}

}

@media screen and (max-width: 1260px) {
	#quicklinks {width: 20%; min-width: 30%;}
	.feature{height: 300px;}
}

@media screen and (max-width: 1200px) and (min-width: 650px) {
.inner-header{width:90%;}
.header-right{font-size: 18px; padding-top: 12%;}
#quicklinks {width: 20%; min-width: 30%;}
.quicklinks-text{font-size: 30px;}	

#apparel{ width:35%; padding-bottom: 5px;}

/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline;
	background: none;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: absolute;
	z-index: 999999999!important;
	text-align: left;
	left: 0px;
	top:32px;
}
.nav-inner-mobile {
	width: auto;
	height: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: #034577;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover { cursor: pointer;}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	height: auto;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: #034577;
	font-weight: 700;
	text-transform: uppercase;	font-size: 12px;
	text-align: left;
	line-height: 42px;
	
}
#panel h2 span { text-align: right; }

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #034577;
	background: #e6e6e6;
	border: 1px solid #fff;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #fff;}
	
.level-indicator {
	float: right;
	height: auto; 
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	height: auto;
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	height: auto
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #fff;}
	
.bottom ul li a {
	width: 100%;
	color: #034577;
	line-height: 40px;
	font-size: 11px;
	display:inline-block;
	font-weight: 700;
	text-transform: uppercase;	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}



@media screen and (max-width: 750px)  {	
	
	.qrspot {display: none !important;}
}

.hours{width:auto; display: block;margin-bottom: 10px;}
}

@media screen and (max-width: 682px)  {	

#banner{ top: -50px;}
}
@media screen and (max-width: 649px) and (min-width: 320px) {
	#vehicles{ width:40%; }
.wrapper-vehicles{ width:100%; max-width: 98%;}
		
#apparel{ width:45%; padding-bottom: 5px;}
#banner{ top: -40px;}	
.header{position: relative;}
.inner-header{width:90%;}
.header-right{font-size: 18px;padding-top: 12%;}
#quicklinks{width: 20%; min-width: 80%;}
.quicklinks-text{font-size: 30px;}
#footercontent {width:95%;}
.feature{height: 440px;}
.feature-inner {font-size: 25px;}
.hosted-content h3 { 	padding-bottom: 10% !important; font-size: 24px!important; }
.hosted-content h2{font-size: 27px !important; padding: 2% !important;}
.hosted-content .listings-wrapper .listings-list .category-banner h3 {line-height: 1.5em!important;}
/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline;
	background: none;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: absolute;
	z-index: 999999999!important;
	text-align: left;
	left: 0px;
	top:32px;

}
.nav-inner-mobile {
	width: auto;
	height: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: #034577;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover {cursor: pointer;}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	height: auto;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: #034577;
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-weight: 700;
	text-transform: uppercase;
}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #e6e6e6;
	border: 1px solid #fff;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #fff;}
	
.level-indicator {
	float: right;
	height: auto; 
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	height: auto;
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #fff;}
	
.bottom ul li a {
	width: 100%;
	color: white;
	line-height: 40px;
	font-size: 11px;
	display:inline-block;
	font-weight: 700;
	text-transform: uppercase;	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}
@media screen and (max-width: 590px) {	
#banner{ top: 45px;}
.inner-header{width:90%;}
#logo{width: 50%;}
.header-left{ text-align: center; float: none; }
.header-right{ padding-top: 3%; text-align: center; float: none;}
.header{background-color: rgba(255, 255,255, 0.8);}
.wrapper-inner{padding-top: 15%;}
.container{padding-top: 15%;margin-top: 20px;}
}

@media screen and (max-width: 320px){
	#vehicles{ width:40%; }
.wrapper-vehicles{ width:100%; max-width: 98%;}
		
#apparel{ width:95%; padding-bottom: 5px;}
#banner{ top: 90px;}
.container{margin-top: 60px;}
.header{position: relative;}
.feature{height: 470px;}
.feature-inner {font-size: 25px;}
#quicklinks {width: 20%; min-width: 90%;}
.quicklinks-text{font-size: 30px; line-height: 30px;}
#footercontent {width:95%;}

/*Navigation*/
.navigation-mobile {
	float: left;
	display: inline;
	background: none;
	-webkit-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	box-shadow: 0px 6px 13px -4px rgba(0,0,0,0.45);
	position: absolute;
	z-index: 999999999!important;
	text-align: left;
	left: 0px;
	top:32px;

}
.nav-inner-mobile {
	width: auto;
	height: auto;
	vertical-align: middle;
	display: inline-block;
	text-align: left;
	color: white;
	box-sizing: border-box;
	font-size: 25px;
	display:inline-block;
}
.nav-inner-mobile:hover {cursor: pointer;}
/*ACCORDIAN PANEL THAT DROPS DOWN*/
#panel { 
	display: none;
	height: auto;
	background-color: #000;
	vertical-align: middle;
	box-sizing: border-box;
	overflow: hidden;
}
#panel h2 {
	color: white;
	font-size: 12px;
	text-align: left;
	line-height: 42px;
	font-weight: 700;
	text-transform: uppercase;
}
#panel h2 span {text-align: right;}

/*1st level of Accordian*/
.mobile-bar {
	float: left;
	color: #FFF;
	background: #4b4b4b;
	border: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 0px 0px 15px;
	display: block;
	width: 100%;
}
.mobile-bar:hover {background: #fff;}
	
.level-indicator {
	float: right;
	height: auto; 
	width: auto; 
	color: white; 
	font-size: 12px;
	border-left: 1px solid #9b9a9a;
	box-sizing: border-box;
	padding: 0px 20px;
}

/*2nd level of Accordian*/
.bottom {
	height: auto;
	width: 100%;
	color: #FFF;
	background: #9b9a9a;
	box-sizing: border-box;
	text-align: left;
	float: left;
}
.bottom ul {
	width: 100%;
	height: auto;
	display: inline-block;
	box-sizing: border-box;
}
.bottom ul li {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #4b4b4b;
}
.bottom ul li:hover {background: #fff;}
	
.bottom ul li a {
	width: 100%;
	color: white;
	line-height: 40px;
	font-size: 11px;
	display:inline-block;
	font-weight: 700;
	text-transform: uppercase;
	box-sizing: border-box;
	padding: 0px 15px;
}
/*Navigation*/
}