﻿/*
  
  Script-Free 3-Level Menu 1.3.4 Tailor
  www.CesarDaniel.info/Tech/ScriptFree3LevelMenu.html
  
  ...............................................................................................
  
  Sections
  
  * General
  * Colors
  * Widths
  
*/
/*-------------------------------------------------------------------------------------- General */
div.MenuBar#VitalSpotMb {
  font: 13px arial, helvetica, clean, sans-serif;
  width: 760px; /* Total width 760px. */
  border-width: 1px 0;
  border-style: solid;
}
div.MenuBar#VitalSpotMb ul {
  font: 13px arial, helvetica, clean, sans-serif; /* For IE55. */
}
/*--------------------------------------------------------------------------------------- Colors */
div.MenuBar#VitalSpotMb {
  background-color: Black;
  border-color: Gray;
}
div.MenuBar#VitalSpotMb a,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  background-color: Black; /* Unselected items. */
  color: White;
}
div.MenuBar#VitalSpotMb ul li:hover a,
div.MenuBar#VitalSpotMb ul li a:hover,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
  background-color: White; /* Selected item. */
  color: Black;
}
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  background-color: Gray; /* Sets the drop-down and side menus "effective border" color. */
}
/*--------------------------------------------------------------------------------------- Widths */
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#TheWailersDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#TheWailersDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#TheWailersDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#TheWailersDdm li a {
  width: 10em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#BobMarleyDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#BobMarleyDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#BobMarleyDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#BobMarleyDdm li a {
  width: 10em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#PeterToshDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#PeterToshDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#PeterToshDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#PeterToshDdm li a {
  width: 10em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#BunnyWailerDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#BunnyWailerDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#BunnyWailerDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#BunnyWailerDdm li a {
  width: 10em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#YellowmanDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#YellowmanDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#YellowmanDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#YellowmanDdm li a {
  width: 12em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#PatoBantonDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#PatoBantonDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#PatoBantonDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#PatoBantonDdm li a {
  width: 10em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#MoreDdm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#MoreDdm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu#MoreDdm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu#MoreDdm li a {
  width: 15em; /* Drop-down menu width. */
}
/*...............................................................................................*/
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#NoSm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#NoSm {
  left: 10em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#NoSm,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#NoSm,
div.MenuBar#VitalSpotMb ul li:hover ul.DropDownMenu li:hover ul.SideMenu#NoSm li a,
div.MenuBar#VitalSpotMb ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#NoSm li a {
  width: 10em; /* Side menu width. */
}
/*-----------------------------------------------------------------------------------------------*/