.arrowlistmenu {
	width: 100%; /*width of accordion menu*/
	background:#565656;
	height:100%;
	padding-top:1px;
}

.arrowlistmenu a {
  color: #b63b4d;
  text-decoration: none;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;

  color: #DBE0E6;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background:#565656;
  margin:0;
}

.arrowlistmenu .menuheader i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #DBE0E6;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.arrowlistmenu .minimise{ /*CSS class to apply to expandable header when it's expanded*/
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #F7C331 !important;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background:#565656;
}

.arrowlistmenu .minimise i{ /*CSS class to apply to expandable header when it's expanded*/
  color: #F7C331 !important;
   -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.arrowlistmenu .menuheader:hover, .arrowlistmenu .menuheader a:hover { /*CSS class to apply to expandable header when it's expanded*/
	background:#696969;
	color:#FFFFFF !important;
}

a.subcat_link {
	padding-left:12px !important;
	color: #EFEFEF !important;
}


/* sub menu */

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
  list-style-type: none;
  background: #909090;
  font-size: 14px;
  padding-left:0;
  margin-bottom:0;
}

.arrowlistmenu ul li{
	border-bottom: 1px solid #4b4a5e;; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a, .arrowlistmenu ul li a:visited{
display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 15px 15px 15px 30px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;}

.arrowlistmenu ul li a:visited{
	color: #d9d9d9;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	color: #d9d9d9;
	background-color: #8B8B8B;
}
/*
.arrowlistmenu h3:first-child {
	 background: url(../images/toptitle.gif) no-repeat; 
}
*/