.nav-bar { margin-top:0;
}
.nav-bar > li {
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;       
} 
.nav-bar-image {margin: 0 5px;}
.nav-bar > li:first-child,.nav-bar > li:first-child:hover {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0; 
}

.nav-bar > li:last-child {
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
}
.nav-bar > li.active {
/*  background: #BC2D26;
  border-color: #670500;  */
}
.nav-bar > li.active a {
}
.nav-bar > li.active:first-child, .nav-bar > li.active:first-child:hover {
}
.nav-bar > li.active:hover {
/*  background: #E62117;
  background: url("images/3dbutton.png") blue center repeat-x; */
} 
.nav-bar > li:hover {
/*  background: #E62117;*/
/*  background: url("images/3dbutton.png") yellow center repeat-x;             */
}
.nav-bar > li a {
  color: #e6e6e6;      
}
.nav-bar > li.has-flyout > a:first-child:after {
  border: solid 4px;
  border-color: #e6e6e6 transparent transparent transparent;
}
.nav-bar > li.has-flyout h5 a {
  color: #222;
  font-size: 13px; font-size: 1.3rem;   
  font-weight: normal;
  cursor: pointer;
}
.nav-bar > li.has-flyout h5 a:hover {
  color: #C0C0C0;
  font-weight: normal;
  cursor: pointer;
}
.nav-bar > li.has-flyout.is-touch > a.flyout-toggle {
  border-left: 1px dashed #666;
}
.nav-bar.vertical > li.has-flyout > a:first-child:after {
  border: solid 4px;
  border-color: transparent transparent transparent #e6e6e6;
}
.flyout {
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  padding: 20px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style:none;
}
ul.flyout li, .nav-bar li ul li {
  border-left: solid 0px #CCC;
}
ul.flyout li a, .nav-bar li ul li a {
  background: url("images/bullet.png") 7px center no-repeat #f2f2f2;
  border: 0px solid #e6e6e6;
  border-width: 0px 0px 0 0;
  color: #555;
  padding: 10px 0 10px 22px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.0) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.0) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.0) inset;
  font-size: 11px; font-size: 1.1rem;
}
ul.flyout li a:hover, .nav-bar li ul li a:hover {
  background: url("images/bullet_on.png") 7px center no-repeat ;  /*#ebebeb*/
  color: #333;
  cursor: pointer;
}
ul.flyout li.active a, .nav-bar li.active ul li a{
    color: #555;
}
ul.flyout li.active a:hover, .nav-bar li.active ul li a:hover{
    color: #333;
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .nav-bar > li > a.main {
    border-top: 1px solid #ddd;
  }
  .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
    border-top-color: #141414;
  }
}