Настройка стиля меню (нужна помощь) - Joomla 2.5: Шаблоны, разметка и макеты вывода

Есть шаблон
тык

Справа по середине есть блок-модуль с навигационным меню "Module User Right"
 и вот такими чинненькими стрелочками возле каждого пункта
FireBug   распознает этот элемент и CSS как

а в template.css

так вот я не знаю как применить этот стиль в своем меню.
Создав модуль с меню
у меня почему-то получается так
если  вручную в FireBug вписать вместо "menu"  "arrow"  то  возле пункта появляется соответсвтующая желтая стрелка, но если я делаю, эту операцию в админке Joomla через Суфикс класса меню добавляю arrow, то у у меня ничего не работает, а код приобретает вид
помогите разобраться как применить стиль к моему меню?

Попробуйте в суффикс класса меню вписать не arrow, а пробелarrow

так тоже пробовал, тогда получается

а эти стрелки получаются тлько если просто написано "arrow"  без "menu"

Тогда в файле шаблона html/mod_menu/default.php замените

Тогда в файле шаблона html/mod_menu/default.php замените

не совсем уловил что на что заменить?
не повлияет ли это в дальнейшем на создание других меню  (без стрелок) из шаблона?

не совсем уловил что на что заменить?

menu на arrow

не повлияет ли это в дальнейшем на создание других меню  (без стрелок) из шаблона?

Ну, вместо menu будет arrow. И во всех других. Этот момент нужно будет учитывать. Хотя не знаю, как это может повлиять...
Или можете в css
ul.arrow li
поменять на
ul.menu li
   

тогда все основные меню будут со стрелками - мне это не подходит. Мне нужно только одно меню со стрелками

Пропишите любой суффикс, а в template.css добавьте соответствующий код для этого суффикса
Например, если
, то в CSS добавьте

тогда все основные меню будут со стрелками - мне это не подходит. Мне нужно только одно меню со стрелками

Тогда пропишите суффикс, чтоб было menu arrow а в CSS так

ul.arrow li {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: transparent !important;
    background-image: url("../images/orange_arrow.png")!important;
    background-origin: padding-box !important;
    background-position: 0 7px !important;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    line-height: 170% !important;
    padding-left: 16px !important;

спасибо всем, кто откликнулся. Первый вариант мне помог.