

/* Base Styles */
#cssmenu p{
    background:url(../images/products2.jpg) no-repeat;
	height:45px;
	font-weight:bold;
	line-height:44px;
	color:#fff;
    text-align: center;
	font-size:16px;
  background-size: cover;
}
#cssmenu p img{
	float:left;
	margin-right:7px;
	margin-left:5px;
	margin-top:8px;}
#cssmenu ul,
#cssmenu li,
#cssmenu a 
#cssmenu h1 a 
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;

  text-decoration: none;
  line-height: 1;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  position: relative;
}

#cssmenu {
  
}
#cssmenu > ul > li {
  cursor: pointer;
    background: #e2e2e2;

}
#cssmenu > ul > li.even {
    cursor: pointer;


}
#cssmenu > ul > li > div.panel-heading {
    font-size: 13px;
    display: block;
    padding-left: 10px;
    font-weight:bold;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    background:url(../images/bgli_hover.jpg) no-repeat;
    border-bottom: 1px solid #bccada;
    background-size: cover;
}
#cssmenu > ul > li > div.panel-heading:hover,#cssmenu > ul > li.active > div.panel-heading  {
    font-size: 13px;
    display: block;
    font-weight:bold;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    background:url(../images/bgli.jpg) no-repeat;
}
#cssmenu > ul > li > div.panel-heading:hover a, #cssmenu > ul > li.active > div.panel-heading a{
    color: #fff;
}
#cssmenu > ul > li > div.panel-heading > h2> a{
    font-size: 13px;
    font-weight:bold;
    line-height: 41px;
    color: #345579;
}
#cssmenu > ul > li > div.panel-heading > h2>  a:hover {
  text-decoration: none;
}
#cssmenu > ul > li > div.panel-heading >  a{
    font-size: 13px;
    font-weight:bold;
    line-height: 41px;
    color: #345579;
}
#cssmenu > ul > li > div.panel-heading >  a:hover {
  text-decoration: none;
}

#cssmenu   ul   li .panel-heading  h1 a{
    font-size: 13px;
    font-weight:bold;
    line-height: 41px;
    color: #345579;
}
#cssmenu   ul   li .panel-heading h1 a:hover {
  text-decoration: none;
}


/* Sub menu */
#cssmenu ul ul {
  padding: 0;
  display: none;
}
#cssmenu ul ul a {

  display: block;
  color: #5b5555;
  font-size: 13px;
}
#cssmenu ul ul a:hover{ color:#00419e}
#cssmenu ul ul li:last-child {
  border: none;
}
#cssmenu ul li img{
    float: left;
    margin: 5px 2px;
    height: 30px;
}
li i.chevron {
    display: inline-block;
    margin: 12px;
    width: 14px;
    height: 14px;
    float: right;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../images/glyphicons-halflings.png");
    background-position: -288px -120px;
    background-repeat: no-repeat;
}
li.active i.chevron {
    background-position: -313px -119px;
}