[Resolvido] "forçar" um estilo de css

É o seguinte:

estou utilizando um widget para mostrar um menu, e claro o widget tem o seu estilo por defeito, eu gostaria de forçar esse em concreto a mostrar outro estilo.

A pagina de testes está em ***, o widget em questão é o ultimo em baixo do lado direito.

Esse é o código generado do widget

<div id="nav_menu-3" class="widget widget_nav_menu">
<div class="menu-menu-rodape-direito-container">
<ul id="menu-menu-rodape-direito" class="menu">
<li id="menu-item-4403" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-4403"><a href="http://fotografiasdeangola.com/1/">Home</a></li>
<li id="menu-item-4404" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4404"><a href="http://fotografiasdeangola.com/1/en/a-nossa-inspiracao/">A nossa inspiração</a></li>
<li id="menu-item-4406" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4406"><a href="http://fotografiasdeangola.com/1/en/historia-de-angola/">Historia de Angola</a></li>
<li id="menu-item-4407" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4407"><a href="http://fotografiasdeangola.com/1/en/provincias-de-angola/">Provincias de Angola</a></li>
<li id="menu-item-4405" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4405"><a href="http://fotografiasdeangola.com/1/en/faq/">FAQ</a></li>
</ul>
</div>
</div> <!-- end .footer-widget -->

Na realidade o unico que me falta conseguir é trócar a setinha que aparece antes de cada item por outra imagem e modificar o estilo do texto para:

font-size; 22px; padding-bottom: 5px; color: #808080; letter-spacing: -1px; line-height: 1em; font-weight: normal;

alguem me pode ajudar ;)

esqueci de uma coisa:

para conseguir esse efeito de caixinha cinza com os cantos redondos eu criei uma regra css para .menu-menu-rodape-direito-container

.menu-menu-rodape-direito-container{
height:391px;
margin-bottom: 15px;
border: 1px solid #e1e1e1;
border-bottom: 1px solid #979797;
background: url(images/author-shortcodes-topbg.png) repeat-x;
padding-top:1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
position: relative; box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
background: #fbfbfb url(images/author-bg.png) repeat-x bottom left; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
padding: 17px 21px 10px 17px;
}

e claro tentei colocar as regras para o texto dentro, mas não reflete

[SULOCIONADO]