Проблема CSS Модулей в Joomla2.5.22

Здравствуйте, знаю что тема стара как мир, но всё же у меня постоянно возникает одна и та же проблема с оформлением модулей.
Я хочу изменить стиль встроенного меню в Joomla. После выбора позиции я открываю "Дополнительные параметры" в модуле и в строке "Суффикс CSS-класса модуля" прописываю .leftmenu , после чего сохраняю и иду в template.css и там добавляю такой код:

Код (CODE):

1. .leftmenu{
2. float:left;
3. background: #111;
4. left:-50%;
5. list-style:none;
6. position:relative;
7. border-left:2px ridge #fff;
8. border-right:2px ridge #fff;
9. margin-left:-2px;
10. }

после этого обновляю сайт, но никаких изменений не произошло. Также пробовал прописывать суффикс класса модуля в меню, но ничего не происходит.
И самое главное! при просмотре на сайте с помощью FireBug в этом месте он показывает

Код (xml):

1. <div class="art-block clearfix.leftmenu">

как я понял именно тут и прописывается CSS суффикс при изменении в админке.

P.S. Сразу задам еще один вопрос. Я в HTML и CSS прописал меню и на сайте всё хорошо отображается, но как сделать так, чтобы Joomla его подцепила и туда можно было добавлять другие пункты и т.д. а не писать в HTML ручками. Как-то так. Помогите хоть с чем нибудь. Всем большое спасибо)
Скрины прилагаются.

сайт:http://explay.wliit-web.ru/