cambiar color a los diferentes niveles del bloque categoria izquierdo

[velax]

Hola buenas estoy intentando cambiar el color a los diferentes niveles de categorias en el bloque izquierdo, para que se distingan del nivel superior puesto que solo se distingue la categoria padre y la categoria siguiente, pero por ejemplo yo tengo 4 niveles de categoria y me gustaria que cada nivel tuviera un color diferente, no se si me explico, e encontrado el archivo donde cambiar el color a los nombres, y e conseguido cambiar los dos que ya se diferenciaban pero no consigo cambiar los otros niveles. 

Alguien sabe como se puede hacer? 

dejo la ruta del archivo y lo que yo cambie

la ruta seria esta :

themes/tutema/css/modules/blockcategories/blockcategories.ccs

y este el archivo modificado:

 

#categories_block_top {

  clear: both;

  position: relative;

  top: 30px; }

  #categories_block_top .sf-menu {

    position: relative; }

    #categories_block_top .sf-menu > li {

      position: static; }

      #categories_block_top .sf-menu > li > ul {

        width: 100%;

        top: 60px;

        margin: 0 20px; }

        #categories_block_top .sf-menu > li > ul > li {

          display: block;

          float: left;

          width: 20%;

          -webkit-box-sizing: border-box;

          -moz-box-sizing: border-box;

          box-sizing: border-box;

          padding: 0 10px; }

        #categories_block_top .sf-menu > li > ul > .category_thumb {

          display: block;

          clear: both;

          overflow: hidden;

          width: 100%; }

          #categories_block_top .sf-menu > li > ul > .category_thumb img {

            display: inline-block;

            width: 33%; }

      #categories_block_top .sf-menu > li h4 a {

        font-size: 1.1em; }

        #categories_block_top .sf-menu > li h4 a:before {

          display: none; }

      #categories_block_top .sf-menu > li .main-level-submenus {

        position: relative;

        display: block !important;

        visibility: visible !important;

        top: 0;

        background: none;

        box-shadow: none;

        padding: 0;

        left: 0; }

    #categories_block_top .sf-menu .category_thumb {

      display: none; }

 

#categories_block_left .block_content > ul {

  border-top: 1px solid #d6d4d4; }

#categories_block_left li {

  position: relative; }

  #categories_block_left li a {

    font-weight: bold;

    color: #333333; //cambio color categoria padre

    display: block;

    font-size: 13px;

    line-height: 30px;

    padding: 0 30px 0 19px;

    border-bottom: 1px solid #d6d4d4; }

  #categories_block_left li span.grower {

    display: block;

    background: #f6f6f6;

    position: absolute;

    right: 0;

    top: 0;

    cursor: pointer;

    font-family: "FontAwesome";

    font-size: 14px; }

    #categories_block_left li span.grower.OPEN:before, #categories_block_left li span.grower.CLOSE:before {

      content: "\f068";

      display: block;

      vertical-align: middle;

      width: 30px;

      height: 30px;

      color: #333333; //cambio color boton contraer categoria (boton -)

      line-height: 30px;

      text-align: center; }

    #categories_block_left li span.grower.CLOSE:before {

      content: "\f067";

      color: #777777; } // cambio color boton expander categoria (boton +) 

  #categories_block_left li span.grower:hover + a,

  #categories_block_left li a:hover,

  #categories_block_left li a.selected {

    background: #f6f6f6; }

  #categories_block_left li li a {

    font-weight: normal;

    color: #777777; }  //color de las subcategorias 1º nivel

    #categories_block_left li li a:before {

      content: "\f105";

      font-family: "FontAwesome";

      line-height: 29px;

      padding-right: 8px; }