Thank you. Nearly there. I changed your css slightly to:
#ariyui22.yui-skin-sam LI.yuimenuitem-hassubmenu A {background-image:url(js/assets/menu/sam/menuitem_submenuindicator.png);background-position: right center;background-repeat: no-repeat;}}
This does however have the effect that the arrow is applied to all submenu items rather than just submenu items that lead to other submenus/sub items. I tried various alteration of the code to fix this, but the best result I got was that all submenu items would have arrows regardless of whether they are parents themselves.
I therefore changed the code and made specific exclusions. This is the code I added:
#ariyui22.yui-skin-sam LI.yuimenuitem-hassubmenu .yuimenuitem-parent A {background-image:url(js/assets/menu/sam/menuitem_submenuindicator.png);background-position: right center;background-repeat: no-repeat;}
#ariyui22.yui-skin-sam LI.yuimenuitem-hassubmenu .yuimenuitem-parent UL LI A {background-image:none;}
.yuimenuitem-item507 A {background-image:url(js/assets/menu/sam/menuitem_submenuindicator.png);background-position: right center;background-repeat: no-repeat;}
.yuimenuitem-item507 UL LI A {background-image:none}
.yuimenuitem-item500 A {background-image:url(js/assets/menu/sam/menuitem_submenuindicator.png);background-position: right center;background-repeat: no-repeat;}
.yuimenuitem-item500 UL LI A {background-image:none}
Clearly the problem will be that when adding submenus to parents that dont currently have children will require css coding on every occasion. I am not sure if there is an easier alternative?
Thank you for your help Admin. Very happy with the extension and the support! Heres the menu as it looks now: