Дизайн меню базового шаблона

[Rocker47 0]

Здравствуйте. Возник такой вопрос про дизайн меню. Как свой дизайн меню подключить? Или хотя бы который стандартный подрихтовать. Мне нужно вот такое меню как в шаблоне NewAgency:

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

Подскажите пожалуйста какие теги нужно в стиле прописать чтобы это всё сделать?

[TopRaN 235]

1 час назад, Rocker47 сказал:

Подскажите пожалуйста какие теги нужно в стиле прописать чтобы это всё сделать?

http://www.wisdomweb.ru/CSS/indent.php

[Rocker47 0]

3 часа назад, TopRaN сказал:

http://www.wisdomweb.ru/CSS/indent.php

Это то понятно, а куда их вписывать вопрос для многоуровневого меню? Вот код меню:

#pcm{display:none;}
ul.pureCssMenu ul{
    display:none;
}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {

list-style:none;
padding:0px 2px 2px 0px;
 }
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    display:block;
    zoom:1;
    float: left;
    z-index: 999;
}
ul.pureCssMenu ul{
    width:160.65px;
}
ul.pureCssMenu li{
    display:block;
    margin:2px 0px 0px 2px;
    font-size:0px;
    z-index: 999;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover span a span.text-top  {
list-style: none;
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 1.4em;
border:2px solid #000000;
border-left: 1px solid #000000;
float: left;
padding: 0;
margin: 12px 0 25px 24px
display: block;
text-decoration: none;
background-color: #595959;
padding: 5px 10px 0 10px;
color: #fefefe;
border-right: 1px solid #797979;
border-left: 1px solid #191919
border-bottom: 1px solid #595959
border-bottom: 1px dashed #fefefe;
color: #ffddbb
visibility: hidden;
font-size: 12px;
text-align: right
visibility: visible
}
ul.pureCssMenu span{
    overflow:hidden;
}
ul.pureCssMenu li {
    float:left;
}
ul.pureCssMenu ul li {
    float:none;
}
ul.pureCssMenu ul a {
    text-align:left;
    white-space:nowrap;
}
ul.pureCssMenu li.sep{
    text-align:center;
    padding:0px;
    line-height:0;
    height:100%;
}
ul.pureCssMenu li.sep span{
    float:none;    padding-right:0;
    width:5;
    height:16;
    display:inline-block;
    background-color:#AAAAAA;    background-image:none;}
ul.pureCssMenu ul li.sep span{
    width:80%;
    height:3;
}
ul.pureCssMenu li:hover{
    position:relative;
}
ul.pureCssMenu li:hover>a{
    background-color:#4792E6;
    border-color:#665500;
    border-style:solid;
    font:normal 12px Verdana;
    color: #ffffff;
    text-decoration:none;
}
ul.pureCssMenu li a:hover{
    position:relative;
    background-color:#4792E6;
    border-color:#665500;
    border-style:solid;
    font:normal 12px Verdana;
    color: #ffffff;
    text-decoration:none;
}
ul.pureCssMenu li.dis a {
    color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}
ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}
ul.pureCssMenu span{
    display:block;
    background-image:url(../images/arrv_anim_1.gif);
    background-position:right center;
    background-repeat: no-repeat;
   padding-right:20px;}
ul.pureCssMenu li:hover>a>span{    background-image:url(../images/arrv_anim_1o.gif);
}
ul.pureCssMenu a:hover span{    _background-image:url(../images/arrv_anim_1o.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(../images/arr_double_1.gif)}
ul.pureCssMenu ul li:hover > a span{    background-image:url(../images/arr_double_1o.gif);}
ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(../images/arr_double_1o.gif)}
ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(../images/arr_double_1.gif)}