Joomla 1.5 Правка стиля активного и неактивного подпункта меню

Не могу сообразить, где исправить стиль для активного и неактивного подпункта меню. Вот как выглядит меню сейчас:



А вот как выглядит активный подпункт (в данном случае "две двери"):



Как видите, пиктограмма справа отображается почти правильно (хотя хотелось бы чтобы на родительском пункте она была всё-таки неактивной). Такое отображаение естественно никуда не годится, надо чтобы все пункты были белые (неактивные) а активный подпункт - чёрный. Вот мой код CSS, связанный с данным блоком:

Код (CODE):

1. #left ul {
2.     list-style:none;
3.     margin-right:10px;
4. }
5.  
6. #left ul.menu li.active a {
7.     color:#333333;
8.     border-top-width: 0px;
9.     border-right-width: 0px;
10.     border-bottom-width: 0px;
11.     border-left-width: 0px;
12.     border-top-style: none;
13.     border-right-style: none;
14.     border-bottom-style: none;
15.     border-left-style: none;
16.     font-weight: 600;
17.     text-decoration: underline;
18. }
19.  
20. #left ul a:link, #left ul a:visited {
21.     padding: 5px;
22.     margin: 5px;
23.     color: #FFCCCC;
24.     text-decoration: none;
25.     font-family: "Segoe UI", "Arial Narrow", sans-serif;
26.     font-size: 18px;
27.     text-align: right;
28.     vertical-align: middle;
29.     display: block;
30. }
31.  
32. #left ul a:hover {
33.     color: #FFFFFF;
34.     text-decoration:underline;
35.     }
36.  
37. #left li {
38.     background-image: url(../images/list_white.png);
39.     background-repeat: no-repeat;
40.     background-position: right 15px;
41.     line-height: normal;
42.     padding-top: 0px;
43.     padding-right: 17px;
44.     padding-bottom: 0px;
45.     }
46. #left li a:link, #left li a:hover {
47.     color: #FFCCCC; !important
48.     text-decoration: none;
49. }
50.  
51. #left li.active {
52.     background-image: url(../images/list_black.png);
53.     background-repeat: no-repeat;
54.     background-position: right 15px;
55.     line-height: normal;
56.     padding-top: 0px;
57.     padding-right: 17px;
58.     padding-bottom: 0px;
59. }

Направьте меня пожалуйста в нужное русло... Спасибо.

P.S. Если у кого то есть в закладках ссылочки на хороший понятный материал как сделать выпадающее меню (или разворачивающееся... не знаю как правильно поэтому и гуглить уже замучался), чтобы при нажатии например на "дверные композиции" три пункта откатились и обратно свернулись при нажатии на другой пункт меню.