/* common styling */
.menu {font-family: arial, sans-serif; width:840px; height:30px; position:relative; margin:0; font-size:15px; margin:47px 0; position:relative;text-align:center; text-transform:uppercase;}
.menu ul {padding:0; margin:0; list-style-type: none;}
.menu ul li {float:left;}
.menu ul li a, .menu ul li a:visited {display:block; float:left; text-decoration:none; padding:0 10px 0 10px; height:30px; line-height:30px; color:#000; color:#FFF;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#e20072;}
.menu ul li:hover ul {display:block; position:absolute; width:840px; top:30px; height:32px; left:0; background-image:url(/assets/templates/aj/images/backgroundssmenu_cine.png); color:#fff; font-size:12px; line-height:22px;}
.menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}
.menu ul li:hover ul li a.hide {background:#e20072; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#e20072; color:#fff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#e20072; color:#fff; height:22px; line-height:22px;}
.menu ul li:hover ul li a:hover {background:#b0095a; color:#fff; height:22px; line-height:22px;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:22px; color:#000; background:#e20072;}
.menu ul li:hover ul.right li {float:right;}
.menu ul li:hover ul li:hover a.hide {background:#e20072; color:#fff;}
.menu ul li:hover ul li:hover ul li a {background:#e20072; color:#fff;}
.menu ul li:hover ul li:hover ul li a:hover {background:#e20072; color:#fff;}