I have found a way of doing this if anyone else is interested. Not sure it's the best way but appears to work 
added this to css
Code:
.statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
margin-top: 8px;
margin-left: 4px;
border: none;
}
.menuheaders a{
text-indent: 18px;
}
and added this to //Initialize Arrow Side Menu: to point to images
Code:
togglehtml: ["prefix", "<img src='http://www.3d-cases.co.uk/assets/images/icons/menu-plus_icon.gif' class='statusicon' />", "<img src='http://www.3d-cases.co.uk/assets/images/icons/menu-minus_icon.gif' class='statusicon' />"],
If anyone knows a better/simplier way please let me know
Thanks DD for a great menu
Bookmarks