Как сделать два разных меню <ul class="nav bar> и <ul class="menu-left">? - Вопросы по CSS

<nav class="menu-top-box">
<ul class="nav-bar">
<li class="item-101 current active">
<li class="item-107">
<li class="item-108">
<li class="item-109">
</ul></nav>

<div class="menu-left-name"></div>  /*menu title*/
<nav class="menu-left-box">   /*class menu block*/
<ul class="menu-left">
<li class="item-115 current active">
<li class="item-116">
<li class="item-117">
<li class="item-118">
</ul></nav>

.menu-top-box { стили для любых элементов меню}

.suffix .menu-top-box { уже другие стили }

<div class="menu-left-name"></div>  /*menu title*/
<nav class="menu-left-box">   /*class menu block*/
<ul class="menu-left">

.menu-left-name h3 {стиль заголовка}
.menu-left-box .menu-left-box {следующий стиль}

nav.имя1 >li { float: none; }
.suff nav.имя1 >li { float: left; }

<?php if($this->countModules('имя1')) : ?>
   <nav class="имя1">
      <jdoc:include type="modules" name="имя1" style="xhtml" /> 
          </nav> 
             <?php endif; ?>

<?php if($this->countModules('имя2')) : ?>
   <nav class="имя2">
      <jdoc:include type="modules" name="имя2" style="xhtml" /> 
          </nav> 
             <?php endif; ?>

<?php // The menu class is deprecated. Use nav instead. ?>
<ul class="ИМЯ<?php echo $class_sfx;?>"<?php
	$tag = '';

	if ($params->get('tag_id')!= null)
	{
		$tag = $params->get('tag_id'). '';
		echo ' id="' . $tag . '"';
	}
?>>

<ul class="ИМЯ<?php echo $class_sfx;?>"