/* 
    DROP DOWN MENU FOR THE TOP OF THE SITE
    JAMES GREENWOOD / DARREN READ
    June 2009
*/

/* top level links */
ul#ulMenu{display: inline; background: blue;}
ul#ulMenu li{float: left; position: relative; height: 1%;}  
ul#ulMenu li a{color: #fff; font-size: 14px; margin: 0; display: block; padding: 5px 10px 5px 10px;}
ul#ulMenu li a:hover {color: #ff9d0f; background: url(../images/drop-menu-bg.png); }
ul#ulMenu li.clsMenuHover a {color: #ff9d0f; background: url(../images/drop-menu-bg.png);}

/* second level links */
ul#ulMenu div{display: none; text-align: left; z-index: 999;}
ul#ulMenu li.clsMegaMenu div
{  
    width: 200px;   
    position: absolute;   
    top: 20px;   
    left: 0;
    z-index: 999;
  }  
ul#ulMenu li.clsMenuHover div 
{   
    display: block;   
    z-index: 999;
}  

ul#ulMenu div ul{display: block; margin: 0; padding: 3px 0 3px 0;}
ul#ulMenu div ul li{display: block; line-height: 24px; float:none; margin: 0; padding: 0;}
ul#ulMenu li.clsMenuHover div ul li a{color: #fff; font-size:13px; display: block; margin: 0; padding: 0 10px 0 10px; height: 1%;}
ul#ulMenu li.clsMenuHover div ul li a:hover{color: #000; background: #ff9d0f;}

/* Home and Basket styles */
ul#ulMenu li.clsHomeMenuLink a {width:18px; height:16px; text-indent:-9999px; background: url(../images/home.png) top left no-repeat; display: block; margin: 3px 10px 0 0; padding:0; text-align: left; display: block; cursor: pointer}
ul#ulMenu li.clsHomeMenuLink a:hover {background-position: 0 -16px;}

ul#ulMenu li.clsMenuShoppingBasket a{ height: 16px; margin: 3px 0 0 10px; background:url(../images/basket-icon.png) top left no-repeat; padding: 0 0 0 26px; display: block; cursor: pointer}
ul#ulMenu li.clsMenuShoppingBasket a:hover {background-position: 0 -24px;}