Конфигурация меню

[scuterpro]

Всем привет. Прошу помощи в решении проблемы с изменением цвета одного пункта меню. Пробывал поменять цвет в .css но цвет меняется там на все пункты меню, а мне нужно только для одного, но как я понял, отдельно для пунктов меню по умолчанию нет css классов. 
Менял в css ul.top_menu_lvl1 li a{ значение color 

Вот код файла template.php для меню:

Код <?if (!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die();

$this->setFrameMode(true);

if(!empty($arResult)):
?><ul class="top_menu_lvl1 clearfix">
   <li><a class="home_icon<?if($arParams['SELECT_MAIN']):?> selected<?endif;?>" href="<?=SITE_DIR?>"><span><img src="<?=$templateFolder?>/img/home_icon.png" alt="" /></span></a></li><?
   foreach($arResult as $arItem):
      if($arParams['MAX_LEVEL'] == 1 && $arItem['DEPTH_LEVEL'] > 1)
         continue;
      if($arItem['SELECTED']):
         ?><li><a href="<?=$arItem['LINK']?>" class="selected"><span><?=$arItem['TEXT']?></span></a></li><?
      else:
         ?><li><a href="<?=$arItem['LINK']?>"><span><?=$arItem['TEXT']?></span></a></li><?
      endif;
   endforeach
?></ul><?
endif;

Вот css код менюшки:

Код ul.top_menu_lvl1{
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
   position: relative;
   z-index: 65;
   color: #000;
}

ul.top_menu_lvl1 li{
   float: left;
}

ul.top_menu_lvl1 li a{
   display: block;
   text-decoration: underline;
   color: #000;
   border-top: 1px solid transparent;
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
}

ul.top_menu_lvl1 li a:hover{
   color: #fff;
   text-decoration: underline;
   background: url(img/bg_top_part.png) 0 0 repeat-x;
   border-top: 1px solid #25b1e4;
   border-left: 1px solid #25b1e4;
   border-right: 1px solid #25b1e4;
   border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   -khtml-border-radius: 4px 4px 0 0;
}

ul.top_menu_lvl1 li a.selected{
   color: #fff;
   position: relative;
   background: url(img/bg_top_part.png) 0 0 repeat-x;
   border-top: 1px solid #25b1e4;
   border-left: 1px solid #25b1e4;
   border-right: 1px solid #25b1e4;
   z-index: 85;
   border-radius: 4px 4px 0 0;
   -moz-border-radius: 4px 4px 0 0;
   -khtml-border-radius: 4px 4px 0 0;
}

ul.top_menu_lvl1 li a span{
   display: block;
   padding: 11px 17px;
}

 

[Vicos]

Создайте html код со стилями здесь, то что вы предоставили не очень читаемо.

И если верно понял проблему, то это вам должно помочь http://htmlbook.ru/css/nth-child.

ul.top_menu_lvl1 li:nth-child(1) a {    color:#000;}

Edited April 29, 2015 by Vicos