#mainmenu li a { background: none; color: #FFFFFF; display: block; float: left; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-decoration: none; text-transform: uppercase; }замените на:
#mainmenu li a { background: none; color: #FFFFFF; display: block; float: left; line-height: 30px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-decoration: none; text-transform: uppercase; }
найдите и удалите:
#mainmenu li ul li:hover > ul { left: 212px; top: 0; }
Добавьте:
#mainmenu li ul li ul li ul { padding-left: 10px; }
не могла не заметить, что у вас каталог изменился, скорее всего это связано с нашими изменениями, код HTML и CSS временно сохраните в блокноте, восстановите бэк ап до момента работающего каталога и в нашем меню
<ul id="mainmenu" class="pad-box cont620">задайте новые класс, пример:
<ul id="mainmenu" class="catalog pad-box cont620">и в CSS вместо #mainmenu указывайте .catalog
Также измените nav1 на nav2 и в CSS поменяйте также.
Это все необходимо, чтобы стили одного меню не влияли на стили другого меню.