/*
//----------------------------------------------------------------------------
// Copyright (c) 2006-2009 Asymmetric Software - Innovation & Excellence
// Author: Mark Samios
// http://www.asymmetrics.com
// CSS Menu styles
//----------------------------------------------------------------------------
// I-Metrics Layer
//----------------------------------------------------------------------------
// Script is intended to be used with:
// osCommerce, Open Source E-Commerce Solutions
// Copyright (c) 2003 osCommerce
//----------------------------------------------------------------------------
// Released under the GNU General Public License
//----------------------------------------------------------------------------
*/

.menu {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #6D6B6C;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0;
  position: relative;
}

.menu ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  z-index: 100;
}

.menu li {
  border: #FFF 1px solid;
  float: left;
  height: 24px;
  text-align: center;
  z-index: 100;
}

.menu li ul li {
  background: #FAF2FD;
  text-align: left;
  width: 260px;
}

.menu table {
  font-size: 11px; 
  z-index: 100;
  top: 0px; 
  left: 0px; 
  position: absolute; 
  border-collapse: collapse;
}

.menu a {
  width: 80px;
  color: #6D6B6C;
  text-indent: 0px; 
  line-height: 24px; 
  letter-spacing: -0.05em;

  height: 24px;
  text-decoration: none;
  display: block;
  z-index: 100;
}

.menu a.ext {
  width: 109px; 
  color: #6D6B6C;
  text-indent: 0px;
  line-height: 24px; 
  letter-spacing: -0.05em;

  height: 24px;
  text-decoration: none;
  display: block;
}

.menu a a {
  text-indent: 10px;
}

HTML .menu a {
  position: relative;
  width: 80px;
}

HTML .menu a.ext {
  width: 109px;
}

HTML .menu a a {
  width: 260px;
}


HTML .menu a:hover {
  position: relative;
  background: #b699b2; 
  color: #FFF;
}

HTML .menu li ul li a {
  display:block;
  width: 260px;
  line-height: 24px; 
  height: 24px;
}

HTML .menu li.top:hover span {
  color: #FFF;
}

.menu li:hover {
  position: relative;
  background: #b699b2;
}

.menu li.sub {
  background: #EAE2ED url(images/design/arrow_right_pad4.gif) no-repeat right center;
}

.menu li.sub:hover {
  background: #b699b2 url(images/design/arrow_right_pad4.gif) no-repeat right center;
}

.menu li.sep {
  position: relative;
  background: transparent; 
  margin-top: 7px;
  margin-bottom: -7px;
  height: 14px;
  float: left;
}

.menu li.top {
  float: left;
}

.menu li.top li ul {
  visibility: hidden;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
}
.menu li.top ul {
  visibility: hidden;
  position: absolute;
  left: 0;
/*
  top: 100%;
*/
  margin: 0;
}


.menu li.top li table {
  visibility: hidden;
  position: absolute;
  left: 99%;
  top: 0;
  margin: 0;
}
.menu li.top table {
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 100%;
  margin-left: -1px;
}

.menu ul li:hover ul {
  visibility: visible;
}
.menu ul li:hover ul li:hover ul {
  visibility: visible;
}
.menu ul li:hover ul li:hover ul li:hover ul {
  visibility: visible;
}
.menu ul li:hover ul li:hover ul li:hover ul li:hover ul {
  visibility: visible;
}
.menu ul li:hover ul li ul {
  visibility: hidden;
}
.menu ul li:hover ul li:hover ul li ul {
  visibility: hidden;
}
.menu ul li:hover ul li:hover ul li:hover ul li ul {
  visibility: hidden;
}
.menu ul li:hover ul li:hover ul li:hover ul li:hover ul li ul {
  visibility: hidden;
}
.menu ul li:hover a ul {
  visibility: hidden;
}
.menu ul li:hover a ul li:hover a ul {
  visibility: hidden;
}
.menu ul li:hover a ul li:hover a ul li:hover a ul {
  visibility: hidden;
}
.menu ul li:hover a ul li:hover a ul li:hover a ul li:hover a ul {
  visibility: hidden;
}
.menu ul a:hover ul ul {
  visibility: hidden;
}
.menu ul a:hover ul a:hover ul ul {
  visibility: hidden;
}
.menu ul a:hover ul a:hover ul a:hover ul ul {
  visibility: hidden;
}
.menu ul a:hover ul {
  visibility: visible;
}
.menu ul a:hover ul a:hover ul {
  visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul {
  visibility: visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {
  visibility: visible;
}