/* -------------------------------------------------------------------------- */
/* LEFT MENU
/* -------------------------------------------------------------------------- */

  /* main frame */
  #left-menu-frame {
    background: #008AD1;
    border-radius: 4px;
    border-bottom: 1px solid #F6F8F9;
    margin-bottom: 28px;
    box-shadow: 0px 1px 2px #EAEAEA;
  }
  
  
  
    @media screen and (max-width: 800px) {
        
        #left-menu-frame {
            font-size: 110%;
            border-radius: 6px;
        }
       
    }

  /* left menu basic formating */

    #left-menu
    {
        font-size: 120%;
        font-weight: 100;
        line-height: 115%;
        background: #FFFFFF;
        border-radius: 3px;
        border: 1px solid #C0E9FE;
        padding: 20px 10px 20px 20px;
        margin-bottom: -2px;
    }

    ul.leftmenu
    {
      list-style-type: none;
      display: block;
      margin: 0px 0px 0px 0px;
      padding:  0px;
    }

    ul.leftmenu li
    {
      display: block;
      margin: 0px;
      padding: 0px;
    }

    ul.leftmenu li.last
    {
      border-bottom: 0px ;
    }


   /* link formating */

    .leftmenu a
    {
      display: block;
      position: relative;
      padding:  8px 0px 4px 0px;
    }


    ul.leftmenu a
    {
      text-decoration: none;
      color: #008AD1;
    }

    ul.leftmenu a:hover
    {
      text-decoration: none;
      color: #394B70;
    }

    /* link colors for opened and selected items */
    
      /* product - all */
      .page-level-1 ul.leftmenu .wh_item_id_product_all a.selected 
      {
         color: #394B70;
      }
      ul.leftmenu .wh_item_id_product_all a.selected 
      {
         color: #008AD1;
      }
      
      /* product gallery - all */
      .page-level-1 ul.leftmenu .wh_item_id_product_gallery_all a.selected 
      {
         color: #394B70;
      }
      ul.leftmenu .wh_item_id_product_gallery_all a.selected 
      {
         color: #008AD1;
      }


      ul.leftmenu a.opened
      {
        color: #394B70;
      }
      ul.leftmenu a.selected
      {
        color: #394B70;
      }


            


    /* level 2 */

      .leftmenu ul  a
      {
         padding-left:  25px;
         background:  url(img/leftmenu-dots.png) 7px -10px no-repeat;
      }
      
      .leftmenu ul  a.last
      {
         background:  url(img/leftmenu-dots-last.png) 7px -10px no-repeat;
      }

    /* level 3 */

      .leftmenu ul ul a
      {
         padding-left:  50px;
         background:  url(img/leftmenu-dots-l2.png) 7px -10px no-repeat;
      }
      
      .leftmenu ul ul a.last
      {
         background:  url(img/leftmenu-dots-l2-last.png) 7px -10px no-repeat;
      }
    

      .leftmenu ul li.last ul a
      {
         background:  url(img/leftmenu-dots-l2-last-nolast.png) 7px -10px no-repeat;
      }
      
      .leftmenu ul li.last  ul a.last
      {
         background:  url(img/leftmenu-dots-l2-last-last.png) 7px -10px no-repeat;
      }
    


    /* level 4 */

      .leftmenu ul ul ul a
      {
         padding-left:  75px;
         background:  url(img/leftmenu-dots-l3.png) 7px -10px no-repeat;
      }
             
      .leftmenu ul ul ul a.last
      {
         background:  url(img/leftmenu-dots-l3-last.png) 7px -10px no-repeat;
      }
    
             
      .leftmenu ul  li.last ul ul li a
      {
         background:  url(img/leftmenu-dots-l3-last-nolast-nolast.png) 7px -10px no-repeat;
      }
      
      .leftmenu ul  li.last ul ul a.last
      {
         background:  url(img/leftmenu-dots-l3-last-nolast-last.png) 7px -10px no-repeat;
      }
      
      
             
      .leftmenu ul ul li.last ul li a
      {
         background:  url(img/leftmenu-dots-l3-nolast-last-nolast.png) 7px -10px no-repeat;
      }
      
      .leftmenu ul ul li.last ul li.last a.last
      {
         background:  url(img/leftmenu-dots-l3-nolast-last-last.png) 7px -10px no-repeat;
      }
      
      
      .leftmenu ul  li.last ul li.last ul li a
      {
         background:  url(img/leftmenu-dots-l3-last-last-nolast.png) 7px -10px no-repeat;
      }
      
      .leftmenu ul li.last ul li.last ul li.last a.last
      {
         background:  url(img/leftmenu-dots-l3-last-last-last.png) 7px -10px no-repeat;
      }