Space after arrow - jQuery Multi Level CSS Menu

[jpodge]

I added a lot of extra padding to my menu because it only has three links. It looks fine with no arrows, but when I keep them I lose the padding!
I need a way to create more space after the arrow, here's what I have so far..

jqueryslidemenu.js
- changing the 23 below does nothing..

var arrowimages={down:['downarrowclass', 'images/arrow.png', 23], right:['rightarrowclass', 'right.gif']}


jqueryslidemenu.css
- what mine looks like

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: none; /*background of tabs (default state)*/
color: #fff;
padding: 8px 80px 8px 7px;
color: #2d2b2b;
text-decoration: none;
font-family: arial black;
font-size: 11pt;
}