@charset "UTF-8";

@media all
{
  .hlist {
    float:left;
    width:100%;
  }

  .hlist ul {
    margin:0;
    padding:0;
    line-height:1em;
    list-style:none;
    white-space:nowrap;
  }

  .hlist li {
    list-style-type:none !important;
    float:left; /* LTR */
    margin:0;
    padding:0 0 0 7px;
  }

  .hlist a {
    color:#fff;
    display:block;
    font-weight:normal;
    padding:11px 14px 7px 7px;
    text-decoration:none;
    text-transform:none;

    /**
     * @bugfix
     * @affected   IE5.x, IE6
     * @css-for    all browsers
     * @valid      yes
     */
    width:auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  .hlist a:link,
  .hlist a:visited { background-color:transparent; color:#fff; }

  /**
   * @bugfix
   * @affected   IE5.x, IE6
   * @css-for    all browsers
   * @valid      yes
   */
  .hlist > ul a { width:auto; }  /* for other browsers */

  .hlist ul li:focus,
  .hlist ul li:hover,
  .hlist ul li:active {
    background:transparent url("../../images/sliding_door/hover-l.jpg") no-repeat top left;
  }

  .hlist ul li:focus a,
  .hlist ul li:hover a,
  .hlist ul li:active a { 
     background:transparent url("../../images/sliding_door/hover.jpg") no-repeat top right;
   }

  .hlist a:focus,
  .hlist a:hover,
  .hlist a:active {
    color:#fff;
    outline: 0 none;
    text-decoration: underline;
  }

  .hlist ul li.active,
  .hlist ul li.active:focus,
  .hlist ul li.active:hover,
  .hlist ul li.active:active {
    background:transparent url("../../images/sliding_door/current-l.jpg") no-repeat top left;
    border:0 none;
  }

  .hlist ul li.active a,
  .hlist ul li.active a:visited,
  .hlist ul li.active a:focus,
  .hlist ul li.active a:hover,
  .hlist ul li.active a:active {
    background:transparent url("../../images/sliding_door/current.jpg") no-repeat top right;
    color:#000;
    font-weight:bold;
  }

}