Верхнее меню одной строчкой - Вопросы по CSS

Помогите пожалуйста делаю свой перевый сайт.....в сайте верхнее меню идет одной строчкой  -- О компанииПродукцияПрайс-листВакансииКонтакты --   пробовала и в админке исправить и в шаблоне кавырялась! не получается ( помогите

помочь чтоб отступы были! да на демо отспупы есть.

http://www.netshop24.ru/joomla/joomla-templates/165-redevo-flexi-news.html    вот шаблон
верхнее меню   горизонтальное   на сером фоне

попробуйте создать еще одно меню и кинуть его в ту позицию.
"вашсайт"/?tp=1 вам в помощь

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

<ul id="mainlevel-nav">
<li>
<a href="/demo_templates/about-joomla" class="mainlevel-nav" >Что такое Joomla!</a>
</li>
<li>
<a href="/demo_templates/features" class="mainlevel-nav" >Возможности</a>
</li>
<li>
<a href="/demo_templates/news" class="mainlevel-nav" >Новости</a>
</li>
<li>
<a href="/demo_templates/the-community" class="mainlevel-nav" >Сообщество</a>
</li>
</ul>

ul#mainlevel-nav {
margin:0;
padding:0 10px 0 0;
text-align:right;
}
ul#mainlevel-nav li {
display:inline;
margin:0;
padding:0;
}
a.mainlevel-nav {
border-right:1px solid #FFFFFF;
color:#FFFFFF;
font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
padding:0 10px;
text-decoration:none;
}
a.mainlevel-nav:hover {
text-decoration:underline;
}

данное меню сделано списком:

Код

<ul id="mainlevel-nav">
<li>
<a href="/demo_templates/about-joomla" class="mainlevel-nav" >Что такое Joomla!</a>
</li>
<li>
<a href="/demo_templates/features" class="mainlevel-nav" >Возможности</a>
</li>
<li>
<a href="/demo_templates/news" class="mainlevel-nav" >Новости</a>
</li>
<li>
<a href="/demo_templates/the-community" class="mainlevel-nav" >Сообщество</a>
</li>
</ul>

соответственно, в CSS этот стиль выглядит так:

Код

ul#mainlevel-nav {
margin:0;
padding:0 10px 0 0;
text-align:right;
}
ul#mainlevel-nav li {
display:inline;
margin:0;
padding:0;
}
a.mainlevel-nav {
border-right:1px solid #FFFFFF;
color:#FFFFFF;
font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
padding:0 10px;
text-decoration:none;
}
a.mainlevel-nav:hover {
text-decoration:underline;
}

т.е отступы задаются не только элементам списка, но и ссылкам внутри элемента списка
в данной ситуации этот стиль описан уже в шаблоне, просто задайте суффикс меню -nav (mainlevel-nav)

я в template  везде где было mainlevel добавила -nav   получилось mainlevel-nav  правильно?
но ничего не изменилось в шаблоне меню отступов не появолось.

да не в шаблон надо, а в модуле этого меню суффикс добавить..

Нет не в модулях, в админке Joomla, в настройках модуля, есть параметр "Суффикс класса модуля(есть так же суфикс меню)" в параметрах суикс меню добавьте -nav

добавила,но ничего не изменилась (   отступов нету

ссылку на сайт дайте

он у меня пока на локальном сервере...

посмотрите в менеджере модулей у этого модуля параметр "Стиль меню" какой стоит

стиль меню Legacy(горизонтально)

ставьте на Список и сохраняйте