@charset 'UTF-8';




/* Base Styles */
#cssmenu,
#cssmenu ul,
#cssmenu li,
#cssmenu a {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none;
	line-height: 1;
	font-family: 'Fira Sans', sans-serif;
	font-size: 13px;
	position: relative;
}
#cssmenu a {
  line-height: 1.3;
}
#cssmenu {
  width: 100%;
  max-width: 260px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /*padding: 2px;*/
  padding-right:10px;
  
}

#cssmenu ul a:hover {
  color: #fff;
}


#cssmenu > ul > li {
  margin: 0 0 2px 0;
}
#cssmenu > ul > li:last-child {
  margin: 0;
}

#cssmenu > ul > li > a {
  font-size: 13px;
  display: block;
  
  color: #162737;
  text-align:left;
  border-bottom:1px solid #E5E5E5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


#cssmenu > ul > li > a > span {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left:  10px;
  padding-right:  12px;
  
  
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

#cssmenu > ul > li > a:hover {   

  	text-decoration: none;
  /*	background: #ffa119;*/
  	color: #8A8A8A;
	
  	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#cssmenu > ul > li.active {
  border-bottom: none;
}
#cssmenu > ul > li.active > a {
  text-decoration: none;
  /*background: #ffa119;*/
  color: #000;
  font-weight:700;
  text-align:left;
  
}

#cssmenu > ul > li.active > a span {
/*  border: 1px solid #ffa119;*/
}


#cssmenu > ul > li.has-sub > a span {
  background: url(/images/icon_plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-sub.active > a span {
  background: url(/images/icon_minus.png) 98% center no-repeat; 	 color: #9c0000;

}

#cssmenu > ul > li.has-prod > a span {
  background: url(/images/icon_prod-plus.png) 98% center no-repeat;
}
#cssmenu > ul > li.has-prod.active > a span {
  background: url(/images/icon_minus.png) 98% center no-repeat;
}

/* Sub menu */
#cssmenu ul ul {
  padding: 0px 0px;
  display: none;  	
  color:#fff;

 /* border: 1px solid #<? echo $maincolour2; ?>;*/
 
 
}

#cssmenu ul ul a {
  display: block;
  font-size: 12px;
  color:#000;
  text-align:left;
}


#cssmenu ul ul :hover {
	 color: #9c0000;
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#cssmenu ul ul li span {
  display: block;
  padding: 5px 18px;
  border-bottom:1px solid #E5E5E5;

    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#cssmenu ul ul a:active {
	 color: #9c0000;
    -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;; 
}

#cssmenu ul ul li a:hover {
  color: #9c0000;
}

.maincat-on {
	color: #580000 !important; 
	font-weight:700;    
  	}	


@media (max-width:820px)
{
#cssmenu {
	max-width:100%;  
	  padding-right:0px;

}
}