#navigation {
  background:#8C939D;
  color:#FFFFFF;
  font:11px Arial, Verdana, sans-serif;
  position:relative;
  width:200px;
}

#navigation .item {
  border:solid #D2D6D9;
  border-width:1px 0 0 0;
  color:#FFFFFF;
/*  float:left; */
  font-weight:bold;
  padding:2px 2px 2px 2px;
  position:relative;
  text-align:left;
}

#navigation .item.selected {
  background-color:#D2D6D9;
  z-index:1;
}

#navigation .item a {
  background:transparent url('/statics/images/top_arr.gif') no-repeat left center;
  padding-left:9px;
  color:#FFFFFF;
  text-decoration:none;
}

#navigation .item.selected a {
  background:#D2D6D9 url('/statics/images/top_arr_r.gif') no-repeat left center; 
  color:#E23022;
}

#navigation .item.last {
}

#navigation .subitem {
  background:#F4F4F4;
  border:solid #8C939D;
  border-width:1px 0 0 0;
  color:#FFFFFF;
  padding:2px 2px 2px 2px;
  position:relative;
  text-align:left;
}

#navigation .subitem.selected {
  background:#D2D6D9;

}

#navigation .subitem a {
  background:transparent url('/statics/images/top_arr_g.gif') no-repeat left center;
  color:#434C55;
  padding-left:10px;
  text-decoration:none;
}



#navigation .subitem2 {
  background:#F4F4F4;
  border:solid #8C939D;
  border-width:1px 0 0 0;
  color:#FFFFFF;
  padding:2px 2px 2px 2px;
  position:relative;
  text-align:left;
}

#navigation .subitem2.selected {
  background:#D2D6D9;
}

#navigation .subitem2 a {
  background:transparent url('/statics/images/top_arr_g.gif') no-repeat left center;
  color:#434C55;
  padding-left:10px;
  text-decoration:none;
}







#navigation .item.selected a, #navigation .subitem.selected a {
  background:url('/statics/images/top_arr_r.gif') no-repeat left center;
  color:#E23022;
}

/* .item.selected:hover added for mozilla, valid only if hover effect for both ought to be the same */
#navigation .item a:hover, #navigation .item.selected a:hover {
  background:transparent url('/statics/images/top_arr_r.gif') no-repeat left center;
  color:#E23022;
}