.hairline {background-color:#ccc;}
    .vertical-navigation {background-color:#fff; width:167px; padding:0 0 10px 0;}
    .vertical-navigation h3 {color:#7a5a3c; font-weight:bold; padding: 0 0 5px 5px; font-size:11px; padding-top:10px; }
    .vertical-navigation .level-1 .count {color:#7a5a3c; font-weight:normal; font-size:10px;}
    .vertical-navigation .level-2 .count {color:#49382A; font-weight:normal; font-size:9px;}
    .vertical-navigation .level-3 .count {color:#7a5a3c; font-weight:normal; font-size:9px;}
    
    
    
    
    /*styles for first level of navigation*/
    .vertical-navigation ul.level-1 {list-style-type: none;}
    .vertical-navigation ul.level-1 li {background-color:#b79c7c;/*margin-bottom: 3px;*/}
    .vertical-navigation ul.level-1 li .search-header {display: block; width:154px; font-size:10px; line-height:15px; font-weight:bold; border-bottom: 1px solid #D1CCC1;padding: 1px 3px 1px 10px; }
    
    .vertical-navigation ul.level-1 li a {display: block; color: #49382A; text-decoration: none; /*font-size:11px*/; font-size:10px; line-height:15px; font-weight:bold; width:154px; padding: 1px 3px 1px 10px; border-bottom: 1px solid #fff;}
    .vertical-navigation ul.level-1 li a:hover {color:#fff; background-color:#7a5a3c;}
    .vertical-navigation ul.level-1 li a.count:hover, .vertical-navigation ul.level-1 li a:hover .count {color:#fff;}
    .vertical-navigation ul.level-1 li a.active {color:#fff; background-color:#7a5a3c; }
    .vertical-navigation ul.level-1 li a.active .count {color:#fff; background-color:#7a5a3c; }



    /*styles for second level of navigation*/
    /*.vertical-navigation ul.level-2 
    {list-style-type: none; background-color:#fff;  border-bottom: 1px solid #fff;}*/
    .vertical-navigation ul.level-2 li {background-color:#fff; margin-bottom: 0px;}    
    .vertical-navigation ul.level-2 li a {display: block; color: #49382A; font-size:10px; font-weight:normal; width:154px; background-color:#fff; border: none; }
    .vertical-navigation ul.level-2 li a:hover {color:#49382A; background-color:#d7c9b7;}
    
    .vertical-navigation ul.level-2 li a.count:hover, 
    .vertical-navigation ul.level-2 li a:hover .count 
    {color:#49382A;}
    
    .vertical-navigation ul.level-2 li a.active, 
    .vertical-navigation ul.level-2 li.active a 
    {background-color:#fff; font-weight:bold; color:#49382A;}
    
    .vertical-navigation ul.level-2 li a.active .count, /*for active states applied to href*/
    .vertical-navigation ul.level-2 li.active a .count  /*for active states applied to li*/
    {color:#49382A; background-color:#fff; }

    .vertical-navigation ul.level-2 li a.active:hover, /*hover for active states applied to href*/
    .vertical-navigation ul.level-2 li a.active:hover .count, /*hover for active states applied to href*/
    .vertical-navigation ul.level-2 li.active a:hover, /*hover for active states applied to li*/
    .vertical-navigation ul.level-2 li.active a:hover .count  /*hover for active states applied to li*/
    {color:#49382A; background-color:#d0bfaa; }        
    

    
    /*styles for third level of navigation*/
    .vertical-navigation ul.level-3 {list-style-type: none; }
    .vertical-navigation ul.level-3 li {background-color:#fff; margin-bottom: 0px;}
    .vertical-navigation ul.level-3 li a {display: block; color: #7a5a3c !important; font-size:10px; font-weight:normal !important; width:141px; background-color:#fff; padding: 1px 3px 1px 23px; border: none;}
    .vertical-navigation ul.level-3 li a .count {color: #7a5a3c !important;}
    .vertical-navigation ul.level-3 li a:hover {color:#49382A; background-color:#F0EFED !important;}
    .vertical-navigation ul.level-3 li a.count:hover, 
    .vertical-navigation ul.level-3 li a:hover .count { color:#49382A;  background-color:#F0EFED !important;}

    .vertical-navigation ul.level-3 li a.active, 
    .vertical-navigation ul.level-3 li.active a {color:#333!important; background-color:#fff; font-weight:bold !important;}
    .vertical-navigation ul.level-3 li a.active .count {color:#49382A !important; background-color:#fff; }    
        
    .vertical-navigation ul.level-3 li a.active:hover, 
    .vertical-navigation ul.level-3 li a.active:hover .count,
    .vertical-navigation ul.level-3 li.active a:hover, 
    .vertical-navigation ul.level-3 li.active a:hover .count {color:#49382A!important; background-color:#F0EFED; }      
    
    
    /*styles for fourth level of navigation*/
    .vertical-navigation ul.level-4 {list-style-type: none; margin-bottom: 5px;}
    .vertical-navigation ul.level-4 li {background-color:#fff; margin-bottom: 0px;}
    .vertical-navigation ul.level-4 li a {font-weight:normal;}
    .vertical-navigation ul.level-3 li.active ul.level-4 li a { font-weight:normal !important;}
    .vertical-navigation ul.level-3 li.active ul.level-4 li a:hover { color:#49382A !important;}    
    .vertical-navigation ul.level-3 li.active ul.level-4 li.active a { font-weight:bold !important; color:#7a5a3c !important;}
    .vertical-navigation ul.level-3 li.active ul.level-4 li.active a:hover { color:#7a5a3c !important;}

        
    .vertical-navigation ul.level-3 li.active ul.level-4 li a { color:#7a5a3c !important;}    
    .vertical-navigation ul.level-4 li a {display: block; color: #7a5a3c; font-size:10px; width:134px; padding: 1px 3px 1px 30px; border: none;}
    .vertical-navigation ul.level-4 li a:hover {background-color:#fff !important;color:#49382A !important;}
    .vertical-navigation ul.level-4 li.active a {background-color:#fff; font-weight:bold; color:#7a5a3c !important;}
    .vertical-navigation ul.level-4 li.active a:hover {color:#7a5a3c !important; background-color:#fff !important;}    






/* the Tantek hack to feed IE Win 5.5-5.0 a different width value  */
* html .vertical-navigation ul.level-1 li a  /* this is recognized by IE only */
  {
  width: 167px;  /* total width, only for IE5.x/Win */
  w\idth: 154px; /* content width for other IE */
  }
* html .vertical-navigation ul.level-2 li a  /* this is recognized by IE only */
  {
  width: 167px;  /* total width, only for IE5.x/Win */
  w\idth: 154px; /* content width for other IE */
  }
* html .vertical-navigation ul.level-3 li a  /* this is recognized by IE only */
  {
  width: 167px;  /* total width, only for IE5.x/Win */
  w\idth: 141px; /* content width for other IE */
  }  
* html .vertical-navigation ul.level-4 li a  /* this is recognized by IE only */
  {
  width: 167px;  /* total width, only for IE5.x/Win */
  w\idth: 134px; /* content width for other IE */
  }