Вертикальное меню

Добрый день, уважаемые знатоки.
Я изменила  код   отсюда:  п.5(вариант2)  https://help.forum2x2.ru/t26640-topic , но кнопки  списка изменить не смогла-они по-прежнему серые.
Не могли бы вы подсказать, что  отвечает в этом  коде за цвет кнопок? как сделать, чтобы кнопки меняли цвет плавно при наведении мышки от  F77943 до F2936A  :
      .wigmenu {
   background-color: #782F1E;
   }

       .wigmenu {
   background-color: #782F1E;
   }

   .wigmenu a {
   display: block;
   padding: 8px 0 8px 5px;
   margin: 0;
   background-color: #E87D3A;
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
   background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#F2936A', EndColorStr='#F77943');
   border-bottom: 1px solid #E86615;
   -webkit-box-shadow: inset 0px 1px 0px 0px #FA815C;
   -moz-box-shadow: inset 0px 1px 0px 0px #FA815C;
   box-shadow: inset 0px 1px 0px 0px #FA815C;
   font-family: Helvetica, Arial, sans-serif;
   color: #fff;
   text-shadow: 0px 1px 0px rgba(0,0,0,.5);
   }

   .wigmenu a:hover {
   transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   margin-left: 5px;
   color: #782F1E;  
   }


можно ли сделать так,чтобы  фон кнопки  при переходе  от пункта к пункту  при наведении  плавно менялся от насыщенного до бледного?  Подскажите,пожалуйста, где подсмотреть и почитать.? Где -то встречала похожее,но не нашла.
Заранее спасибо.

печально, что не нашлось знатоков, чтобы помочь чайнику...

 

Валентина Ивановна,
если я правильно поняла вы хотели
-без наведения мышки-темное
-при наведении вот так

тогда попробуйте вот этот код ( не знаю правильно или нет но работает)

Код:

.wigmenu {
background-color: #fff;
}
.wigmenu a {
display: block;
padding: 8px 0 8px 5px;
margin: 0;
background-color: #616975;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
border-bottom: 1px solid #33373d;
-webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
-moz-box-shadow: inset 0px 1px 0px 0px #878e98;
box-shadow: inset 0px 1px 0px 0px #878e98;
font-family: Helvetica, Arial, sans-serif;
color: #fff;
text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}
.wigmenu a:hover {  
transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
margin-left: 5px;
background-color: #DADADA;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(181, 181, 181)),to(rgb(128, 128, 128)));
background-image: -webkit-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -moz-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -o-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -ms-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
}  

-если хотите сменить на свой цвет ищите эти строчки и меняете

Код:

background-color: #DADADA;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(181, 181, 181)),to(rgb(128, 128, 128)));
background-image: -webkit-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -moz-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -o-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: -ms-linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));
background-image: linear-gradient(top, rgb(181, 181, 181), rgb(128, 128, 128));

спасибо Вам огромное!