/* link home
------------ */


p#titmmrecords {
position: absolute;
top: 8px;
left: 14px;
background-image: url(/img/logo-trans.png);
}
p#titmmrecords,
p#titmmrecords a {
width: 281px;
height: 105px;
}
p#titmmrecords a {
display: block;
text-indent: -1000px;
}



/* #menu
-------- */
div.container {
position:absolute;
left:301px;
top:52px;
width:180px;
width:223px;
}

ul#menu {
width:100%;
position: relative;
}

ul#menu li {
list-style:none;
width:50px;
height:41px;
float:left;
}
ul#menu li a {
display:block;
height:41px;
text-indent:-1000em;
position: relative;
}

/* definicoes especificas itens menus*/
ul#menu li#mnbandas{width:53px;background-image: url(/img/menu-bandas-trans.png)}
ul#menu li#mnloja {width:79px;background-image: url(/img/menu-loja-trans.png)}
ul#menu li#mnzine {width:32px;background-image: url(/img/menu-zine-trans.png)}
ul#menu li#mncontato{width:59px;background-image: url(/img/menu-contato-trans.png)}

ul#menu li#mnbandas a:hover {background-image: url(/img/menu-bandas-ov.gif);}
ul#menu li#mnloja a:hover {background-image: url(/img/menu-loja-ov.gif);}
ul#menu li#mnzine a:hover {background-image: url(/img/menu-zine-ov.gif);}
ul#menu li#mncontato a:hover {background-image: url(/img/menu-contato-ov.gif);}


/* submenu */

ul#menu ul {
display:none;
background:#FFF;
position:absolute;
top: 41px;
width:180px;
height:225px;
overflow-y:auto;
overflow-x:hidden;
padding: 0;
}
ul#menu li#mnbandas:hover ul,
ul#menu li#mnbandas:hover #scrollCont,
ul#menu li#mnbandas.over #scrollCont {
display:block;
}
ul#menu ul li {
width:180px;
height:auto;
float:none;
margin:0;
padding:0;
}
ul#menu ul li a {
position:static;
position:relative;
text-indent:0;
height:auto;
padding: 0.5em 0 0.5em 10px;
}
ul#menu ul li a:hover {
background-image: none !important;
}

/* ----- SCROLL ----- */
#submnbandas{
position:relative;
float:none;
overflow:auto;
overflow-y:scroll;
z-index: 2;
}

ul#menu #scrolltop, ul#menu #scrolltop:hover{
background:url(/img/scrollarrowtop.gif) no-repeat center top  white !important;
height:22px;
}

ul#menu #scrollbottom, ul#menu #scrollbottom:hover{
background:url(/img/scrollarrowbottom.gif) no-repeat center bottom white !important;
height:22px;
}
#scrollbar{
height:181px;
width:20px;
background:url(/img/scrollbg.gif) repeat center center white ;
}
ul#menu #scrollbarbt{
display:block;
width:20px;
height:20px;
background:url(/img/scrollbar.gif) no-repeat center center;

}



.btscroll{
width:20px;
height:20px;
display:block;
overflow:hidden;
text-indent:-1000em;
}
#scrollCont{
position:absolute;
right:23px;
width:20px;
height:225px;
overflow:hidden;
z-index: 3;
}