img.menuimg {
  bottom: 2px solid #bb99aa;
  border: 1px solid;
}

td.menucol_top {
  background-color:#ccbb99;
  text-align:center;
  padding-bottom:5px;
  border-bottom:1px solid #bb99aa;
  vertical-align:top;
}

table.menuarea_top {
  width:120px;
  height:130px;
  text-align:center;
  vertical-align:bottom;
}

td.menuarea_top {
  vertical-align:bottom;
}

td.menucol_middle {
  background-color:#ccbb99;
  text-align:center;
  padding-bottom:5px;
  border-bottom:1px solid #bb99aa;
}

table.menuarea_middle {
  width:120px;
  height:130px;
  text-align:center;
  vertical-align:top;
}

td.menuarea_middle {
  vertical-align:top;
}

td.menucol_bot {
    background-color:#ccbb99;
  text-align:center;
  padding-bottom:5px;
  border-bottom:1px solid #bb99aa;
}

table.menuarea_bot {
  width:120px;
  height:163px;
  text-align:center;
  vertical-align:top;
}

td.menuarea_bot {
  vertical-align:top;
}

div.outermenu_short {
  width:120px;
  height:130px;
  overflow:hidden;
  background: #ccbb99;
  color: #770000;
  font-size:15px;
}

div.outermenu_long {
  width:120px;
  height:171px;
  overflow:hidden;
  background: #ccbb99;
  color: #770000;
  font-size:15px;
}

/* CSS for short menu list */

div.outermenu_short ul,
div.outermenu_short ul li {
  list-style: none;
  margin:0;
  padding:0;
  border:0;
  outline:0;
}

div.outermenu_short ul {
  width:120px;
  height:150px;
  position: relative;
  width: 100%;
  height: 100%;
  background: #ccbb99;
}

div.outermenu_short ul.menu_hide {
  top: -999px;
}

div.outermenu_short ul.menu_show {
  top: -130px;
}

div.outermenu_short ul li {
  inline:block;
  width:100%;
}

div.outermenu_short ul li a {
  text-decoration: none;
  font-size: 15px;
}

div.outermenu_short ul li.title,
div.outermenu_short ul li.title a {
  color: #bbaa88;
  background: #554444;
}

div.outermenu_short ul li.title_selected,
div.outermenu_short ul li.title_selected a {
  color: #ddccaa;
  background: #660000; 
}

div.outermenu_short ul li.category,
div.outermenu_short ul li.category a {
  color: #990000;
  background: #ccbb99;
}

div.outermenu_short ul li.category_selected,
div.outermenu_short ul li.category_selected a {
  color: #ddccaa;
  background: #440000;
}

div.outermenu_short ul li.subcategory,
div.outermenu_short ul li.subcategory a {
  color: #770000;
  background: #ccbb99;
}

div.outermenu_short ul li.subcategory_selected,
div.outermenu_short ul li.subcategory_selected a {
  color: #ddccaa;
  background: #440000;
}

/* CSS for long menu */

div.outermenu_long ul,
div.outermenu_long ul li {
  list-style: none;
  margin:0;
  padding:0;
  border:0;
  outline:0;
}

div.outermenu_long ul {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ccbb99;
}

div.outermenu_long ul.menu_hide {
  top: -999px;
}

div.outermenu_long ul.menu_show {
  top: -163px;
}

div.outermenu_long ul li {
  inline:block;
  width:100%;
}

div.outermenu_long ul li a {
  text-decoration: none;
  font-size: 15px;
}

div.outermenu_long ul li.title,
div.outermenu_long ul li.title a {
  color: #bbaa88;
  background: #554444;
}

div.outermenu_long ul li.title_selected,
div.outermenu_long ul li.title_selected a {
  color: #ddccaa;
  background: #660000; 
}

div.outermenu_long ul li.category,
div.outermenu_long ul li.category a {
  color: #990000;
  background: #ccbb99;
}

div.outermenu_long ul li.category_selected,
div.outermenu_long ul li.category_selected a {
  color: #ddccaa;
  background: #440000;
}

div.outermenu_long ul li.subcategory,
div.outermenu_long ul li.subcategory a {
  color: #770000;
  background: #ccbb99;
}

div.outermenu_long ul li.subcategory_selected,
div.outermenu_long ul li.subcategory_selected a {
  color: #ddccaa;
  background: #440000;
}