Помогите с модулкм категории

[kopaweb19]

Хочу красиво офтрмить модуль категории. В css прописал так:

#category {
      background-color: #1f8ee3;
	  font-family: Arial;
	  font-weight: 700;
      }

#category ul {
      list-style: none;
      padding: 0px;

      border: none;
      }

#category li {
      border-bottom: 1px solid #90bade;
      margin: 0;
      }
#category li a {
      display: block;
      padding: 5px 5px 5px 15px;
      background-color: #2175bc;
      color: #000;
      text-decoration: none;
      width: 100%;
	  padding-left: 20px;
	  background-image: url(Images/Shop_menu/Fly_test_13_13.png);  
      }

html>body #category li a {
      width: auto;
      }

#category li a:hover {
      background-color: #2586d7;
      color: #fff;
      }

Как зделать так чтоб подкатегории отображались подругому. Тоисть другой фон, и отступ от левого края.

Помогите пожалуйста. Очень нужно!!!

[phantom]

#category {

background-color: #1f8ee3; ----- настройка фона

font-family: Arial; ----- шрифт

font-weight: 700;

}

#category li a {

display: block;

padding: 5px 5px 5px 15px; ---- а вот тут собственно и поля, изменяя значения можно подобрать какое необходимо

background-color: #2175bc; --- фон ссылки

color: #000; --- цвет ссылки

text-decoration: none; --- формат текста

width: 100%; --- ширина

padding-left: 20px; ---- левое поле

background-image: url(Images/Shop_menu/Fly_test_13_13.png);

}

Пробуй играться с этими блоками, точно не могу сказать, что и как - надо смотреть на примере, но все же пробуй изменять значения