/*========MENU FRAME=========*/

.menu_holder{
width:194px;
}

.menu_top{
background-image:url(../../templates/images/front/menu_top.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:194px;
height:3px;
}

.menu_middle{
background-image:url(../../templates/images/front/menu_middle.jpg);
background-repeat:y-repeat;
width:174px;
padding:5px 10px 5px 10px;
}

.menu_bottom{
background-image:url(../../templates/images/front/menu_bottom.jpg);
background-repeat:no-repeat;
background-position:top;
width:194px;
height:3px;
}
/*========MENU FRAME=========*/

#menu {
width: 174px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
background-image:url(../../templates/images/front/menu_bullet.jpg);
background-repeat:no-repeat;
background-position:left;
background-color:#e3e2e3;
font-size:14px;
font-weight:bold;
display: block;
border-bottom:1px #b69514 solid;
margin: 3px 0 3px 0;
padding: 5px 0px 2px 39px;
height:20px;
}

#menu h2 {
color: #fff;
background: #000;
text-transform: uppercase;
}

#menu a {
color: #000;
text-decoration: none;
}

#menu a:hover {
background-image:url(../../templates/images/front/menu_bullet_hover.jpg);
background-repeat:no-repeat;
background-position:left;
background-color:#ececec;
color:#998740;
}

/*submenu*/

#menu ul ul li a {
background-image:none;
background-color: #EFEBC2;
color: #000;
text-decoration: none;
margin: 0px;
border-left:1px #b69514 solid;
}

#menu ul ul li  a:hover {
background-image:none;
color:#998740;
}



#menu ul ul  {
position: absolute;
top: 0;
left: 0;
}

#menu li {position: relative;}

#menu ul ul  {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul 
{display: none;}

div#menu ul  li:hover ul 
{display: block;}

div#menu ul  ul,
div#menu ul  li:hover ul 
{display: none;}

div#menu ul li:hover ul 
{display: block;}

div#menu ul  ul,
div#menu ul  li:hover ul ul
{display: none;}

div#menu ul  li:hover ul,
div#menu ul  ul li:hover ul
{display: block;}
