/* CSS Document */

.arrowlistmenu{
width:220px;;
margin-left:10px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#171616;
cursor: hand;
cursor: pointer;
text-align:left;
}
.menuheader a{ /*CSS class for menu headers in general (expanding or not!)*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#171616;
cursor: hand;
cursor: pointer;
text-align:left;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:ffffff;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;

/*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px !important;/* bottom spacing between menu items*/
background:#ffffff;
text-align:left;
}

.arrowlistmenu ul li a{
background:url(../images/doted-line.jpg) no-repeat bottom;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
width:180px;
margin-left:12px;
color:red;
line-height:30px;
font-weight:normal;
text-decoration:none

}
.arrowlistmenu span a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
width:220px;
color:#171616;
line-height:30px;
font-weight:normal;
text-decoration:none
}
.arrowlistmenu span img{
margin-left:12px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FB824B;
}