Hi,
As always seems to be the case, as soon as I post the question I find the answer through a bit of research.
Basically, if anyone needs to do this you create some new styles like the ones below.
ul#cssmw li.horsebox a {
background-image: url("../cssmw_images/img_menu_horsebox_bg.png");
}
ul#cssmw > li.horsebox a:active {
background-image: url("../cssmw_images/img_menu_horsebox_bg_over.png");
background-repeat: repeat-x;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
ul#cssmw > li.horsebox a:hover {
background-image: url("../cssmw_images/img_menu_horsebox_bg_over.png");
background-repeat: repeat-x;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
ul#cssmw > li.horsebox .current a.current {
background-image: url("../cssmw_images/img_menu_horsebox_bg_over.png");
background-repeat: repeat-x;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
And then apply the new class to the menu items that you want to take this styles.
Cheers
Ian