Меню на CSS для модуля категории

<div class="category1">{category}</div>

.category1 {
display: block;
width: 200px;
margin-left: 10px;
}
.category1 a {
display: block;
width: 195px;
padding-left: 0px;
padding-top: 2px;
padding-bottom: 2px;
color: #0d124c;
font-size: 12px;
font-family: Verdana;
text-decoration: none;
}
.category1 a:hover{
padding-left: 4px;
color: #f4654c;
}

<div class="category2">{category}</div>

.category2 {
display: block;
width: 200px;
margin-left: 5px;
}
.category2 a {
display: block;
width: 200px;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 1px;
background: #f4f4f4;
text-align: center;
color: #707070;
text-transform: uppercase;
font-size: 12px;
font-weight: 100;
font-family: Verdana;
text-decoration: none;
}
.category2 a:hover{
background: #efefef;
color: #4c4c4c;
}