/*  menu-vertical.css


/*  ------------------------------------------------
    styles for vertical dropdown menu for Pi Tips
    ------------------------------------------------
    src url: www.menucool.com/vertical/vertical-menu
    ------------------------------------------------  */

#menu-v li, #menu-v a {zoom:1;} /* Hacks for IE6, IE7 */

#menu-v,
#menu-v ul
  {
     width: 110px; /* Main Menu Item widths */
     border: 1px solid #ccc;
     border-top:none;
     position: relative; font-size:0;
     list-style: none; margin: 0; padding: 0; display:block;
     z-index:9;
  }
                
/*  Top level menu links style
    ---------------------------------------*/

#menu-v li
  { 
     background: gray url(bg.gif) repeat-x 0 2px;
     list-style: none; margin: 0; padding: 0;
  }
#menu-v li a
  {
    font: normal 12px Arial;
    border-top: 1px solid #ccc;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: black;
    text-decoration: none;
    line-height:26px;
    padding-left:20px;            
  }
#menu-v ul li a
  {
    line-height:30px;
  }
                
#menu-v li a.arrow:hover
  {
    background-image:url(arrowon.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }
        
/*  Sub level menu items
    ---------------------------------------*/
#menu-v li ul
  {
    position: absolute;
    width: 150px; /*Sub Menu Items width */
    visibility:hidden;
  }
        
#menu-v a.arrow
  {
    background-image:url(arrow.gif);
    background-repeat: no-repeat;
    background-position: 97% 50%;
  }
#menu-v li:hover,
#menu-v li.onhover
  {
    background-position:0 -62px;
  }
#menu-v ul li
  {
    background: yellow;
    background-image:none;
  }
#menu-v ul li:hover,
#menu-v ul li.onhover
  {
    background: #66ccff;
    background-image:none;
  }
        
/* Holly Hack for IE \
* html #menu-v  li
  {
    float:left;
    height: 1%;
  }
* html #menu-v  li a
  {
    height: 1%;
 }*/
/* End */