/*width of accordion menu*/
.arrowlistmenu{ width:220px; height:100%; overflow:auto; margin:0; padding:10px 0 0 0; float:left; margin-right:5px; margin-left:5px; }

.only_link { font-size:12px; font-family:Arial; color:#fff; float:left; width:220px; height:23px; border-bottom:2px solid #fff; margin-top:2px; }
.only_link a{ float:left; width:210px; padding:5px 0 5px 10px; background:url(../images/slide_btn.jpg) no-repeat 195px 2px #b9b9b9; color:#000; text-decoration:none; }
.only_link a:hover{ color:#000; text-decoration:none}


.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/ 
margin-top:2px; font-size:12px; font-family:Arial; color:#000; background:url(../images/slide_btn.jpg) no-repeat 195px 0 #b9b9b9; padding: 4px 0 4px 10px; 
/*header text is indented 10px*/
cursor:pointer; cursor:hand; /* cross browser */
}

/*CSS class to apply to expandable header when it's expanded*/
.arrowlistmenu .openheader{ background:url(../images/slide_btn.jpg) no-repeat 195px -25px #c80910; margin-top:2px; color:#fff; }

/*CSS for UL of each sub menu*/
.arrowlistmenu ul{ list-style-type: none; margin:0; margin-top:0px; padding:0;/*bottom spacing between each UL and rest of conte nt*/ }

/*bottom spacing between menu items*/
.arrowlistmenu ul li{ background:#f5f5f5; font-size:11px; font-family:Arial; border-bottom:1px solid #fff; }
.arrowlistmenu ul li a{ color:#484848; text-decoration:none; display:block; height:15px; padding:5px 0 5px 10px; background:#f5f5f5;  }
.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color:#000; background:#cccccc; }
.arrowlistmenu ul li a:visited{ color:#000; }

.arrowlistmenu ul li .opensubmenu{ color: #ff0000; }

.categoryitems { text-transform:inherit; }