nav{padding-top:10px;}
nav .topLevel{margin:0;position:relative;}
nav .topLevel li{float:left;list-style:none;position:relative;}
nav .topLevel li.root{background:url(Images/menu_sep.png) no-repeat right 26px;padding:0 11px 0 7px;}
nav .topLevel li.root.last{padding-right:0;background:none;}
nav .topLevel li:hover .BarDetails{display:block;position:absolute;top:40px;left:0;width:645px;z-index:3000;}
nav .topLevel li.last:hover .Reservations{display:block;position:absolute;top:40px;width:445px;z-index:3000;right:0}


nav .topLevel li a.menu_link{display:block;color:#fff;text-decoration:none;font-family:italiccaps;text-align:center;font-weight:bold;}
nav .topLevel li.last a.menu_link{color:#000;}
nav .topLevel li.root a.menu_link:hover, nav .topLevel li.root.selected a, 
nav .topLevel li.root.parent a.menu_link{color:#bda438;text-decoration:none;}
nav .topLevel li.last.root a.menu_link:hover, nav .topLevel li.last.root.selected a.menu_link, 
nav .topLevel li.last.root.parent a.menu_link{color:#fff;text-decoration:none;}
nav .topLevel li.selected a.menu_link{color:White;text-decoration:none;}

nav .topLevel li a.menu_link div.menu{display:block;font-size:22px;text-decoration:none;height:40px;vertical-align:bottom;display:table-cell;padding-bottom:5px;}
nav .topLevel li:hover a.menu_link div.menu,
nav .topLevel li.selected a.menu_link div.menu, 
nav .topLevel li.parent a.menu_link div.menu{background:url(Images/main_menu_detail.png) no-repeat center bottom;}

nav .topLevel li.last div.menu{background:url("Images/last_menu.png") no-repeat left bottom;width:145px;padding-bottom:3px;}
nav .topLevel li.last:hover a.menu_link div.menu,
nav .topLevel li.last.selected a.menu_link div.menu, 
nav .topLevel li.last.parent a.menu_link div.menu{background:url("Images/last_menu.png") no-repeat left bottom;}

@media handheld, only screen and (max-width: 767px) {
    nav{height:auto;}
    nav .topLevel{height:auto;margin:0;position:relative;padding:22px 0 0 0;}
    nav .topLevel li{float:none !important;list-style-type:none;
                     position:relative;background: url(http://www.jewelpiccadilly.co.uk/Portals/_default/Skins/Jewel_Premium/DNNStandard/images/menubg.gif) repeat-x;
                     margin: 2px 3px;border-radius:4px 4px 4px 4px;}

    
    nav .topLevel li a{border-radius: 4px 4px 4px 4px;padding: 0;font-size:16px;text-transform:uppercase;line-height:1em;}
    nav .topLevel li a:hover{color:White;text-decoration:none;}
    nav .topLevel li.selected a{color:White;text-decoration:none;background: url(http://www.jewelpiccadilly.co.uk/Portals/_default/Skins/Jewel_Premium/DNNStandard/images/current.gif) repeat-x;}
    nav .topLevel li.hover a, nav .topLevel li a:hover{color:#fff;text-decoration:none;background: url(http://www.jewelpiccadilly.co.uk/Portals/_default/Skins/Jewel_Premium/DNNStandard/images/current.gif) repeat-x;}

    nav .topLevel li a div{display:block;line-height:2.5em;margin:0 15px;font-size:14px;font-weight:bold;text-decoration:none;}
    nav .topLevel li.hover a div, #dnnMenu .topLevel li a:hover div{}
}