ul {list-style: none outside none;}
li {margin-left: 0px;}
.hmLowerButtons {
  margin:20px 0;
  font-family:Helvetica, sans-serif;
  font-size:1rem;
}
a.picture-btn { 
  background: url(https://s3.amazonaws.com/dom-cms/Site/68bf0864-0e74-4e1c-9d7f-38b689f2780e/images/buttonbg.jpg) top center no-repeat;
  color: #FFF;
  display: block;
  padding: 5px 5px 6px;
  text-align:center;
  margin-bottom:10px;
  border-radius: 4px;
  border:2px solid #636363;
  font-family:Helvetica, sans-serif;
}
a.picture-btn:hover { 
  color: #47ADED;
  box-shadow: inset 0px 0px 8px rgba(0,0,0,0.9);
  /*border: 1px solid rgba(0,0,0,0.2);*/
}
a.picture-btn img:hover { 
  box-shadow: inset 0px 0px 8px rgba(0,0,0,0.9);
}
a.picture-btn span {
  margin-bottom: 0;
  display: block;
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 1.4;
}
a.picture-btn img {
  border:1px solid black;
}
a.color-btn { 
  border-radius: 4px;
  border:2px solid #636363;
  color: #fff;
  display: block;
  padding: 6px 10px 6px;
  text-align:center;
  margin-bottom:2px;
  background:#0072bc;
  border-radius:8px;
}
a.color-btn:hover { 
  box-shadow: inset 0px 0px 8px rgba(0,0,0,0.9);
  color: #47ADED; 
}
a.color-btn span {
  margin-bottom: 0;
  display: block;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.7;
}
.SlideBanner{margin: 0px auto 20px; text-align:center}
.flexslider {
    background: none !important;
    border: none !important;
}
.hondaLineUp {
     background-color: #FFFFFF;
     font-size: 0.95rem;
     padding-top: 2px;
     text-align: center;
     text-transform: uppercase;
}
.hondaLineUp li {
     border-radius: 4px 4px 4px 4px;
     display: inline-block;
     padding-top: 2px;
     width: 8.7%;
}
.hondaLineUp img {
     max-width: 100%;
}
.hondaLineUp a {
     color: #444444;
     text-decoration: none;
}

/* style default override*/
.flex-direction-nav li .next {
    right: -11px;
}
/*------------------
    Pop-up Window
------------------*/
#mask {position:absolute;left:0;top:0;z-index:1000;background-color:#000;display:none;width: 100%; height: 100%;}
/* you can set initial width/height on popupWrap, but it will get recconfigured by the Jquery, based on the size of #popupInner */
#popupBoxes .popupWrap {width: 920px; height: 550px; position:absolute;left:0;top:0;margin: 0;display:none;z-index:1101;padding:20px;}
.popupOuter { position: relative;width: 100%;height: 100%; }
div.popShadow {position: absolute;padding: 0;margin: 0;border: 0;z-index: 1001;}
    div.popShadow-n {top: -20px;left: 0;width: 100%;height: 20px;background: transparent url(/inventory/images/theme01/shadow_n.png) repeat-x;}
    div.popShadow-ne {top: -20px;right: -20px;width: 20px;height: 20px;background: transparent url(/inventory/images/theme01/shadow_ne.png) no-repeat;}
    div.popShadow-e {top: 0;right: -20px;height: 100%;width: 20px;background: transparent url(/inventory/images/theme01/shadow_e.png) repeat-y;}
    div.popShadow-se {bottom: -20px;right: -20px;width: 20px;height: 20px;background: transparent url(/inventory/images/theme01/shadow_se.png) no-repeat;}
    div.popShadow-s {bottom: -20px;left: 0;width: 100%;height: 20px;background: transparent url(/inventory/images/theme01/shadow_s.png) repeat-x;}
    div.popShadow-sw {bottom: -20px;left: -20px;width: 20px;height: 20px;background: transparent url(/inventory/images/theme01/shadow_sw.png) no-repeat;}
    div.popShadow-w {top: 0;left: -20px;height: 100%;width: 20px;background: transparent url(/inventory/images/theme01/shadow_w.png) repeat-y;}
    div.popShadow-nw {    top: -20px;    left: -20px;    width: 20px;    height: 20px;    background: transparent url(/inventory/images/theme01/shadow_nw.png) no-repeat;}

#popupBoxes .popupInner { overflow: visible; position: absolute; padding: 0;margin: 0;top: 0px; left: 0px;}
    .popupInnerTop { text-align: center; width: 100%; background: #fff; margin: 0; padding: 10px 0;-moz-border-radius-topleft:10px;    -webkit-border-top-left-radius:10px;    border-top-left-radius:10px;    -moz-border-radius-topright:10px;    -webkit-border-top-right-radius:10px;    border-top-right-radius:10px;}
    .popupInnerBottom { text-align: center; width: 100%; background: #fff; margin: 0; padding: 10px 0;-moz-border-radius-bottomleft:10px;	-webkit-border-bottom-left-radius:10px;	border-bottom-left-radius:10px;	-moz-border-radius-bottomright:10px;	-webkit-border-bottom-right-radius:10px;	border-bottom-right-radius:10px; }

span.closePopup { position: absolute; z-index: 1002; top: -20px; right: -20px; text-indent: -9999px; width: 50px; height: 50px; display: block; background: url(/inventory/images/theme01/iconSprites.png) no-repeat -498px -399px; }
    a.closePopup { width: 100%; height: 100%; display: block;}

/* -----------------------------------------
   Media Queries
----------------------------------------- */

@media only screen and (max-width: 1024px) {    
	/* anything below 1024px */
	/* style default override*/
	.flex-direction-nav li .next {
		right: -16px;
	}
}
@media only screen and (max-width: 950px) { 
	/*At the 800px size the four main buttons are different heights and it looks off, please adjust to be the same height.*/
	a.picture-btn span {
		display: block;
		font-size: 1.2rem;
		text-shadow:none;
	}
	.hmLowerButtons {
	  margin:20px 0px;
	  font-size: 0.8 rem;
	  }
}
@media only screen and (max-width: 935px) { 
	.flex-direction-nav li .next {
		display: none;
	}  
	.flex-direction-nav li .prev {
		display: none;
	}  
}
@media only screen and (max-width: 800px) { 
  /* anything below 900px */
	.hmLowerButtons {
	  margin:20px 0px;
	  font-size: 0.75 rem;
	}
}
@media only screen and (max-width: 800px) {
  /* anything below 800px */
	/*At the 800px size adjust the padding on the buttons next to the slide show so that they are closer to the height of the slideshow*/
		a.color-btn span  {
		display: block;
		font-size: 1.6em;
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {   
	/* anything below 767px */
	a.picture-btn {
	  max-width:50%;
		margin:10px auto 0px;
	  }
	a.picture-btn span {
	  margin-bottom: 0;
	  font-size: 16px;
	  font-size: 1.6rem;
	  font-weight: bold;
	  line-height: 1.7;

	}
	  a.color-btn span {
	  margin-bottom: 0;
	  font-size: 16px;
	  font-size: 1.6rem;
	  font-weight: bold;
	  line-height: 1.7;
	}
	  a.color-btn { 
		max-width:50%;
		margin:10px auto 10px;
	  }
	  .hondaLineUp li {
		width: 15%;
	  }
}

@media only screen and (max-width: 480px) { 
  /* anything below 480px */
	  .SlideBanner {
		display:none;
	  }
	  .hondaLineUp  {
		font-size: 1.0rem;
	  }
	  .hondaLineUp li {
		width: 25%;
	  }
	  ul.hondaLineUp { 
		margin-bottom: 5px;
	  }
}

@media only screen and (max-width: 320px) {    
	  .hondaLineUp li {
		width: 45%;
	  }
}