вот что в CSS
[CODE]/* Левое меню */
ul.lmenu { padding:0; margin:0 -10px 0 -5px; list-style:none; }
ul.lmenu li { display:block; padding:0; margin:0; }
ul.lmenu > li { font-size:16px; padding:7px 0; border-bottom:1px solid #e9e9e9; }
ul.lmenu > li > a { display:block; color:#08368a; text-decoration:none; padding:0 0 0 18px; background:url(../_images/menu-arrow.png) no-repeat 7px 7px; }
ul.lmenu > li > a:hover { text-decoration:underline; }
ul.lmenu > li.active { }
ul.lmenu > li.active > a { color:#282828; font-weight:bold; }
ul.lmenu > li.active > ul { display:block; }
ul.lmenu ul { display:none; padding:5px 0 0 21px; }
ul.lmenu ul li { font-size:14px; padding:4px 0; }
ul.lmenu ul li a { color:#08378b; text-decoration:none; padding-left:10px; background:url(../_images/menu-arrow-sub.png) no-repeat 0 5px; }
ul.lmenu ul li a:hover { text-decoration:underline; }
[/CODE]а это после выполнения скрипта
[CODE]<ul class='lmenu'>
<li>
<a title="Сухие смеси" href="/catalog/?SECTION_ID=10">Сухие смеси</a>
<ul class="sub">
<li>
<a title="Клей" href="/catalog/?SECTION_ID=199">Клей</a>
</li>
</ul>
</li>
<li>
<a title="Водосточные системы" href="/catalog/?SECTION_ID=87">Водосточные системы</a>
<ul class="sub" >
<li>
<a title="МЕТАЛЛИЧЕСКИЕ С ПОЛИМЕРНЫМ ПОКРЫТИЕМ" href="/catalog/?SECTION_ID=88">
МЕТАЛЛИЧЕСКИЕ С ПОЛИМЕРНЫМ ПОКРЫТИЕМ</a>
</li>
<li>
<a title="ОЦИНКОВАННЫЕ" href="/catalog/?SECTION_ID=89">ОЦИНКОВАННЫЕ</a>
</li>
<li>
<a title="ПВХ DOCKE" href="/catalog/?SECTION_ID=90">ПВХ DOCKE</a>
<ul class="subsub"> <li> <a title="БЕЛЫЕ" href="/catalog/?SECTION_ID=91">БЕЛЫЕ</a>
</li>
<li> <a title="КОРИЧНЕВЫЕ" href="/catalog/?SECTION_ID=92">КОРИЧНЕВЫЕ</a>
</li>
</ul>
</li>
</li>
</ul>
</li>
[/CODE]
[CODE]/* Левое меню */
ul.lmenu { padding:0; margin:0 -10px 0 -5px; list-style:none; }
ul.lmenu li { display:block; padding:0; margin:0; }
ul.lmenu > li { font-size:16px; padding:7px 0; border-bottom:1px solid #e9e9e9; }
ul.lmenu > li > a { display:block; color:#08368a; text-decoration:none; padding:0 0 0 18px; background:url(../_images/menu-arrow.png) no-repeat 7px 7px; }
ul.lmenu > li > a:hover { text-decoration:underline; }
ul.lmenu > li.active { }
ul.lmenu > li.active > a { color:#282828; font-weight:bold; }
ul.lmenu > li.active > ul { display:block; }
ul.lmenu ul { display:none; padding:5px 0 0 21px; }
ul.lmenu ul li { font-size:14px; padding:4px 0; }
ul.lmenu ul li a { color:#08378b; text-decoration:none; padding-left:10px; background:url(../_images/menu-arrow-sub.png) no-repeat 0 5px; }
ul.lmenu ul li a:hover { text-decoration:underline; }
[/CODE]а это после выполнения скрипта
[CODE]<ul class='lmenu'>
<li>
<a title="Сухие смеси" href="/catalog/?SECTION_ID=10">Сухие смеси</a>
<ul class="sub">
<li>
<a title="Клей" href="/catalog/?SECTION_ID=199">Клей</a>
</li>
</ul>
</li>
<li>
<a title="Водосточные системы" href="/catalog/?SECTION_ID=87">Водосточные системы</a>
<ul class="sub" >
<li>
<a title="МЕТАЛЛИЧЕСКИЕ С ПОЛИМЕРНЫМ ПОКРЫТИЕМ" href="/catalog/?SECTION_ID=88">
МЕТАЛЛИЧЕСКИЕ С ПОЛИМЕРНЫМ ПОКРЫТИЕМ</a>
</li>
<li>
<a title="ОЦИНКОВАННЫЕ" href="/catalog/?SECTION_ID=89">ОЦИНКОВАННЫЕ</a>
</li>
<li>
<a title="ПВХ DOCKE" href="/catalog/?SECTION_ID=90">ПВХ DOCKE</a>
<ul class="subsub"> <li> <a title="БЕЛЫЕ" href="/catalog/?SECTION_ID=91">БЕЛЫЕ</a>
</li>
<li> <a title="КОРИЧНЕВЫЕ" href="/catalog/?SECTION_ID=92">КОРИЧНЕВЫЕ</a>
</li>
</ul>
</li>
</li>
</ul>
</li>
[/CODE]