Отступ между пунктами меню

Сайт находится на локальном компьютере.
Подскажите как сделать, чтобы между пунктами меню был отступ, а то уже все перерыл где можно во всех файлах, но нигде ничего не нашел.
У меня сейчас вот так (ГлавнаяКонтакты), а как разделить не знаю, т.е. горизонтальный список меню в модуле top, шаблон сайта gk_eshop, правда я в нем удалил 4 модуля, которые мне мешали - left, right, user1 и user 2. скриншоты не выкладываю, может качнете данный шаблон и посмотрите где изменить надо, просто очень много в нем файлов настроек. А чуть не забыл, что стоит компонент Virtuemart.

 

Нужно редактировать css файл шаблона сайта или магазина.

 

Да я уже все там перерыл!!!! По вертикали, размер и цвет шрифта, все меняется, а отступа нигде нет!!!!

 

Re: Отступ между пунктами меню. Люди очень надо.

Вот мой CSS шаблона:
Где здесь в позиции модуля top сделать отступ между пунктами меню, у меня сейчас так - ГлавнаяКонтакты, а мне надо задать свой отступ между пунктами. Просто уже не знаю где искать.

/*--------------------------------------------------------------
# eShop.com - January 2009 (for Joomla 1.5)
# Copyright (C) 2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com
---------------------------------------------------------------*/
/* ||| universal set of reset styles |||*/

html,
body,
div,
span,
applet,
object,
iframe,
caption,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
}
/* remember to define focus styles! */

:focus {
outline: 0;
}
body {
background: white;
line-height: 1;
color: black;
}
ol,
ul {
list-style: none;
}
/* tables still need cellspacing="0" in the markup */

table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
}
/* remove possible quote marks (") from <q> & <blockquote> */

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
/* ||| the end |||*/
/* ||| set of clearing floats |||*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
.clr {
font-size : 1px;
}
/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
.clear {
clear: both;
}
/* End hide from IE-mac */
/* ||| the end |||*/



html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
font-size:100%;
}
#bg {
background: #fff url('../images/bg.png') repeat-x 0 0;
font: normal 12px Arial, Helvetica, sans-serif;
line-height:1.6;
color: #666;
}
#spot {
}
a {
outline: none;
cursor: pointer;
}
img {
border: none;
text-decoration: none;
}
a:link,
a:visited,
a:active {
text-decoration: none;
color: #588CB8;
}
a:hover {
text-decoration: underline;
color: #666;
}
ul {
padding: 0 0 0 2px;
margin: 0;
margin-left: 0px;
list-style: none;
}
ul li {
background: url('../images/arrow.png') no-repeat 0 6px;
padding-left: 14px;
line-height: 190%;
}
ul li a {
text-decoration: none!important;
}
ul li a:hover {
text-decoration: underline!important;
}
ol li {
line-height: 190%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 210%;
font-weight: normal;
margin:2px 0 15px 0;
}
h3 {
font-size: 145%;
}
h4 {
font-size: 100%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
th {
padding: 4px;
text-align: left;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input,
select,
button {
font: normal 11px Tahoma, Arial, Verdana, sans-serif;
}
hr {
border-color:#f1f1f1;
border-style:solid none none;
border-width:1px 0 0;
height:1px;
}
.clearfix {
clear: both;
}
.lf {
float: left;
}
.rf {
float: right;
}
.inputbox,
.textarea,
select {
border: 1px solid #eee;
border-right: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
}
/* Set the major blocks
--------------------------------------------------------------------------------*/

#page1002 {
background: url('../images/bg_page.png') repeat-y 0 0;
width: 1002px;
padding: 0;
margin: 0 auto;
min-height: 559px;
}
#page1002a {
background: url('../images/bg_top.png') no-repeat 0 0;
}
.page970 {
width: 970px;
margin: 0 auto;
}
#hiddenarea1 {
display: none;
width: 400px;
}
#hiddenarea2 {
display: none;
width: 400px;
}
#hiddenarea_wrap1,
#hiddenarea_wrap2 {
padding: 21px;
background: #66798c;
border: 1px solid #71787d;
filter:alpha(opacity=93);
opacity: 0.93;
-moz-opacity:0.93;
color: #fff;
font-weight: bold;
}
#hiddenarea_wrap1 a,
#hiddenarea_wrap2 a {
color: #fff;
font-weight: bold;
}
#close_button1,
#close_button2 {
background: url('../images/icon_close.png') no-repeat 100% 0;
width: 17px;
height: 17px;
position: absolute;
right: 10px;
cursorointer;
}
#hiddenarea1 h3,
#hiddenarea2 h3 {
background: url('../images/show_cart_top.png') no-repeat 0 0;
height: 17px;
position: relative;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
padding: 11px 0 9px 20px;
margin: 0;
color: #fff;
}
.scart_visible {
position: absolute;
top: 35px;
z-index: 200;
}
.login_visible {
position: absolute;
top: 50px;
z-index: 250;
}
#bg_top {
margin: 0 16px;
}
#top {
height: 85px;
margin: 0 21px;
}
#logo {
background: url('../images/logo.png') no-repeat 0 0;
height: 85px;
width:281px;
display: block;
float: left;
}
#topbanner {
padding:12px 0;
float: left;
}
p#trblock {
margin: 29px 0 0;
padding: 0;
float: right;
width: 146px;
font: normal 10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
}
#trblock a:link,
#trblock a:visited {
color: #878787;
text-decoration:none;
}
#trblock a.first {
border-right:1px solid #878787;
margin-right: 6px;
padding-right: 6px;
}
a:link#scart,
a:visited#scart {
background: url('../images/icon_bag.png') no-repeat 100% 50%;
color: #546878;
display: block;
padding: 6px 5px 3px 0;
}
a:hover#scart {
color: #666;
}
#menu_wrap {
min-height:41px;
}
/* suckerfish menu */
#horiz-menu {
background: url('../images/bg_menu.png') repeat-x 0 0;
}
/* advanced search form */
#advanced_search_form {
clear: both;
background: url('../images/bg_advsearch.png') repeat-x 0 0;
height: 35px;
line-height: 35px;
padding: 0 21px;
}
#advanced_search_form span {
background: url('../images/icon_serch.png') no-repeat 0 0;
padding: 0 20px 0 30px;
float: left;
}
#advanced_search_form input,
#advanced_search_form select {
margin-right:10px;
padding: 3px 2px;
color: #999;
}
#advanced_search_form input:focus,
#advanced_search_form select:focus {
border: 1px solid #546285;
color: #4d6672;
}
#advanced_search_form input.search,
.blogin input.button {
background: url('../images/b_search.png') no-repeat 0 0;
border: none!important;
height: 17px;
padding: 0;
margin: 0;
width: 59px;
color: #fff;
}
.blogin input.button {
background: url('../images/b_login.png') no-repeat 0 0;
color: #436578;
}
#restofpage {
clear: both;
margin: 21px 37px 0;
}
/* Set the block size
------------------------------------------------------------------------------------------------*/
#user_position-1 {
width: 100%;
overflow: hidden;
}
.users {
overflow: hidden;
float: left;
}
.us_width-16 .users {
width: 16%;
}
.us_width-19 .users {
width: 20%;
}
.us_width-24 .users {
width: 25%;
}
.us_width-33 .users {
width: 33%;
}
.us_width-50 .users {
width: 50%;
}
.us_width-100 .users {
width: 100%;
}
#user_position-2 {
width: 100%;
overflow: hidden;
}
#user_position-3 {
clear: both;
overflow: hidden;
background: #fdfdfd url('../images/moduletable_h3_shadow.png') repeat-x 0 0;
}
#user_position_3wrap {
margin: 0 21px 21px;
}
.us_width-49 .users {
width: 49%;
}
.us_width-99 .users {
width: 100%;
}
div.spacer {
width: 2%;
float: left;
height: 1px;
}
.us-stand {
clear: both;
width: 100%;
}
/* component */
div#component {
width: 100%;
}
/* component + right */
div#component-2 {
float: left;
width: 607px;
}
div#right {
float: right;
width: 300px;
margin-left: 21px;
}
/* component + left */
div#component-3 {
float: left;
width: 657px;
}
div#left {
float: left;
width: 160px;
margin: 0 21px 0 0;
}
#content_wrap-3 #left {
width: 250px;
}
/* component + left + right */
div#component-1 {
float: left;
width: 426px;
}
div#mainbody {
clear: both;
margin-bottom: 20px;
}
/*Modules
-------------------------------------------------------------------*/
div.moduletable,
div.moduletable_menu,
.moduletable_clear {
font: normal 18px Verdana, Arial, Helvetica, sans-serif;
line-height: 20px;
margin: 0 0 10px;
padding: 0;
}
div.moduletable_content {
background: url('../images/moduletable_h3_shadow.png') repeat-x 0 0;
padding: 16px 20px 6px;
}
div.moduletable h3,
div.moduletable_menu h3 {
background: url('../images/mod_def_h3_l.png') no-repeat 0 0;
font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
color: #51616f;
}
div.moduletable h3 span,
div.moduletable_menu h3 span {
background: url('../images/mod_def_h3_r.png') no-repeat 100% 0;
display:block;
height:37px;
line-height:37px;
margin-left: 4px;
padding-left: 16px;
}
div.moduletable h3 span strong,
div.moduletable_menu h3 span strong {
color: #4d6278;
}
div.moduletable_content ul li {
}
.moduletable_clear div.moduletable_content {
padding: 0;
background: none;
}
/* moduletable restriction */
#user_position-3 div.moduletable h3,
#user_position-3 div.moduletable_menu h3 {
margin: 12px 8px 26px;
background: none;
color: #999;
}
#user_position-3,
#user_position-3 a {
color: #999;
}
#user_position-3 div.moduletable_content {
padding-top: 43px;
}
div.moduletable_menu div.moduletable_content {
padding: 2px 0 6px;
}
div.moduletable_menu ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
div.moduletable_menu ul.menu li {
background: #fbfbfb url('../images/menu_li_bg.png') repeat-x 0 100%;
margin: 0;
padding: 0 0 0 21px;
}
div.moduletable_menu ul.menu li:hover {
background: url('../images/menu_li_h_bg.png') repeat-x 0 0;
}
div.moduletable_menu ul.menu li a {
display: block;
outline: none;
padding: 5px 2px;
color: #999;
font-weight: bold;
text-decoration:none!important;
}
div.moduletable_menu ul.menu li a:hover,
div.moduletable_menu ul.menu li:hover#current a {
color:#fff;
}
div.moduletable_menu ul.menu li.active a {
}
div.moduletable_menu ul.menu li ul {
list-style: none;
margin: 0 0 0 -21px;
padding: 0;
}
div.moduletable_menu ul.menu li li a {
border: none;
font-weight: normal !important;
padding-left: 0 !important;
color: #999!important;
}
div.moduletable_menu ul.menu li li a:hover,
div.moduletable_menu ul.menu li li a:active,
div.moduletable_menu ul.menu li li a:focus {
color: #fff!important;
}
div.moduletable_menu ul.menu li li:last-child a {
padding-bottom: 5px;
}
/* tabs */

/* Login module*/
.loginposition_l {
width: 50%;
float: left;
border-right: 1px solid #707891;
}
.loginposition_r {
width: 48%;
float: right;
}
.loginposition_r li {
margin-left: 14px!important;
}
.loginposition_l li {
float: left;
background: none;
padding: 0 16px 0 0;
}
.loginposition_l li.inputbox {
padding: 3px 2px;
}
.blogin {
margin-top: 10px;
}
/* Footer */

#footer_wrap {
clear: both;
background: url('../images/bg_footer.png') no-repeat 0 0;
height: 58px;
width: 1002px;
line-height: 45px;
font-size: 11px;
margin: 0 auto;
color: #999;
}
#copyright {
margin: 0 auto;
width: 928px;
}
#copyright #infoo {
margin: 0;
float: left;
width: 80%;
}
div#footer_wrap a {
text-decoration: none;
color: #666;
}
#copyright #stylearea {
margin:0;
float: right;
width: 11%;
}
#copyright #stylearea a:link,
#copyright #stylearea a:visited,
#copyright #stylearea a:active {
color: #999;
}
#copyright #stylearea a:hover {
color: #666;
}

 

Вы лучше ссылку на свой сайт дайте. Такие вещи ищутся firebug (дополнением к Mozilla).