/**
 * MENU WIDTHS
 */

#navigation .panel           { width:17.3em; }   /* ref value */
#navigation a,
#navigation .sublabel        { width:16.4em; }   /* ref - 1   */
* html #navigation .sublabel { width:16.4em; } /* ref - 1.2 :: MSIE only */

/**
 * LOOK AND FEEL
 */

#navigation
{
  font-size:11px; 
  font-family:verdana; 
  font-weight:normal; 
  font-style:normal; 
  color:#000;
}

#navigation ul
{
  float:left;
  margin:0;
  padding:0;
}

#navigation .panel
{
  visibility:hidden;
  position:absolute;
  background-color:#fff;
  border:1px solid #ccc;
}


#navigation .panel .panel
{
  margin-left:8px;
}

#navigation div.menu
{
  cursor:default;
}

#navigation .menu
{
  width:auto;
}

#navigation a.menu:hover
{
  background-color:#fff;
}

#navigation ul.clicked .menu
{
  text-decoration:underline;
}

#navigation a
{
  display:block;
  clear:both;
  text-decoration:none;
  color:black;
}

#navigation a:hover
{
  color:#cc6633;
  background:url('/assets/images/web_ui/prod_arrow_over.gif') no-repeat center left;
}

#navigation .panel ul.clicked
{
  color:#cc6633;
  background-color:#f9f9f9;
}

#navigation .panel ul.hover
{
  color:#cc6633;
}

#navigation a,
#navigation .panel ul
{
  color:black;
  padding:1px 0 1px .8em;
}

#navigation .sublabel
{
  float:left;
  cursor:pointer;
  background:url('/assets/images/web_ui/prod_arrow_over.gif') no-repeat;
  background-position:right center;
  -moz-user-select:none;
}

#navigation .subpanel
{
  float:right;
  cursor:default;
  margin-top:-2px;
}