﻿.MenuFrame
{
width: 100%;
border: 0;
text-align: center;
margin-bottom: 6px;
}  

.MenuLeft
{
  background-image: url(../../images/merchant/674bfc5f6b72706fb769f5e93667bd23/MenuLeftCorner.gif?20090618194057);
  background-repeat: no-repeat;
  background-position: right top;
  width: 8px;
  height: 44px;
}

.MenuDivider
{
  display: block;
  height: 44px;
  background-repeat: no-repeat;
  background-image: url(../../images/merchant/674bfc5f6b72706fb769f5e93667bd23/MenuDivider.gif?20090618194056);
  background-position: center 5px; /*margin-top:10px;*/
  width: 1px !important;
}

.MenuRight
{
  background-image: url(../../images/merchant/674bfc5f6b72706fb769f5e93667bd23/MenuRightCorner.gif?20090618194057);
  background-repeat: no-repeat;
  background-position: left top;
  width: 8px;
  height: 44px;
}

.Menu
{
  /*float:left;*/ /*width:694px;*/
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  margin: 0 0 0px; /*background-color: #E5E5E3;*/
  background-image: url(  'MenuBack.gif' );
  background-repeat: repeat-x;
  height: 44px;
}

.Menu ul
{
  padding: 0;
  margin: 0;
  list-style-type: none;
  height: 44px;
}
.Menu ul li
{
  float: left;
  position: relative;
  z-index: 1;
}

.Menu ul li a, .Menu ul li a:visited
{
  float: left;
  display: block;
  text-decoration: none;
  color: #fff;
  padding: 7px 11px;
  line-height: 25px;
  height: 28px;
}

.Menu ul li:hover
{
  width: auto;
}

.Menu ul li a:hover
{
  background: url(  'MenuBack.gif' );
  color: #ccff00;
}

.Menu ul li:hover a
{
  background: url(  'MenuBack.gif' );
  color: #ccff00;
  background-image: url(  'MenuBack.gif' );
}

.Menu ul li ul
{
  display: none;
  font-weight: normal;
}
.Menu table
{
  margin: 0;
  border-collapse: collapse;
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
}

/* specific to non IE browsers */
.Menu ul li:hover ul
{
  display: block;
  position: absolute;
  top: 37px;
  background: #fff;
  margin-top: 1px;
  left: 0;
  width: 156px;
}
.Menu ul li:hover ul li ul
{
  display: none;
  width: 200px;
}
.Menu ul li:hover ul li a
{
  display: block;
  background: #363737;
  color: #fff;
  height: auto;
  line-height: 15px;
  padding: 4px;
  width: 156px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #c2cf80;
}
.Menu ul li:hover ul li a.drop
{
  background: #cfde83;
}
.Menu ul li:hover ul li a:hover
{
  color: #fff;
  background: #3886F0;
}
.Menu ul li:hover ul li a:hover.drop
{
  background: #036FA8;
}
.Menu ul li:hover ul li:hover ul
{
  display: block;
  position: absolute;
  top: 0px;
  color: #fff;
  left: 152px;
  height: auto;
  width: 205px;
  overflow: hidden;
  background: #cfde83;
}
.Menu ul li:hover ul li:hover ul li a
{
  background: #cfde83;
}

.Menu ul li:hover ul li:hover ul.left
{
  /* left:-205px;*/
  top: 0px;
}
.Menu ul li:hover ul li:hover ul li a:hover
{
  background: #A9B56B;
  color: #444444;
}
/* specific to IE5.5 and IE6 browsers */
.Menu ul li a:hover ul
{
  display: block;
  position: absolute;
  top: 38px;
  background: #363737;
  left: 0;
  margin-top: 1px;
}
.Menu ul li a:hover ul.scroller
{
  overflow: auto;
}

.Menu ul li a:hover ul.endstop
{
  left: -80px;
}
.Menu ul li a:hover ul li a
{
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #c2cf80;
  display: block;
  color: #ffffff;
  height: 1px;
  line-height: 15px;
  padding: 4px;
  width: 160px;
}
.Menu ul li a:hover ul li a.drop
{
  background: #888;
  padding-bottom: 2px;
}
.Menu ul li a:hover ul li a ul
{
  visibility: hidden;
  position: absolute;
  height: 0;
  width: 180px;
}
.Menu ul li a:hover ul li a:hover
{
  color: #fff;
  background: #3886F0;
}
.Menu ul li a:hover ul li a:hover.drop
{
  background: #cfde83;
  color: #444444;
}
.Menu ul li a:hover ul li a:hover ul
{
  visibility: visible;
  position: absolute;
  top: -77px;
  color: #000;
  left: 152px;
  height: auto;
  overflow: auto;
  background: #FFFFFF;
}
.Menu ul li a:hover ul li a:hover ul.left
{
  left: -212px;
  top: 0px;
}
.Menu ul li a:hover ul li a:hover ul li a:hover
{
  background: #A9B56B;
  color: #fff;
}
