/*
------------------------------------------------------
[WB] Menu:  Widgets - Created by designbox.com.kw 
------------------------------------------------------
*/

/*Menu */
#menu {position:relative; z-index:500;}
#browseCategory a.main{background:url(../../images/placeholder/browsecatBg.gif) no-repeat !important;text-indent:-9999px;height:25px}
#menu ul {padding:0; margin:0; list-style:none;}
#menu ul.level1 {height:30px;width:193px}
#menu ul ul {position:absolute; left:-9999px;}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li { float:left;}
#menu ul li a {display:block; float:left; padding:8px 10px 8px 20px; font-size:12px;font-weight:bold; color:#336ca6;text-decoration:none; width:163px!important;background:url(../../images/placeholder/leftNavmiddleBg.gif) no-repeat;}
#menu ul li a:hover{background:url(../../images/placeholder/leftNavmiddleBghover.gif) no-repeat;}
#menu ul ul li {margin:0;float:left;padding:0;}
#menu ul ul li a {float:left;}
#menu ul ul li a:hover {border-right:2px solid #0082c4;position:relative;}
#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; position:relative;}
#menu ul ul li:hover > a{background:url(../../images/placeholder/leftNavmiddleBghover.gif) no-repeat!important;}
#menu ul ul ul li:hover > a {background:none;border-right:none;color:#336ca6;}
#menu ul ul {left:-3px;top:40px;z-index:1000;}
#menu ul ul ul{left:-9999px;border:1px solid #DDDBC7;float:left;background:#fff url(../../images/placeholder/mainMenuleftbg.gif) left top no-repeat ;border-left:none;border-right-color:#999999;border-bottom-color:#999999}
#menu ul ul ul li a{padding:0;background:url(../../images/placeholder/bluelist.gif) no-repeat left 4px!important;padding:3px 10px;font-weight:normal;}
#menu ul ul ul li a,#menu ul ul ul li a:hover{border:none;}
#menu ul ul ul li a:hover{color:#f08525;text-decoration:underline ; background:url(../../images/placeholder/bluelist.gif) no-repeat left 4px!important;}
#menu ul ul li.first ul li a:hover{background:url(../../images/placeholder/bluelist.gif) no-repeat left 6px!important;}
#menu ul ul li.first ul li a{background:url(../../images/placeholder/bluelist.gif) no-repeat left 6px!important;}
#menu ul ul li.last ul li a:hover{background:url(../../images/placeholder/bluelist.gif) no-repeat left 6px!important;}
#menu ul ul li.last ul li a{background:url(../../images/placeholder/bluelist.gif) no-repeat left 6px!important;}
#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:165px; top:0px;z-index:10001}
#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}
#menu li.last{background:url(../../images/placeholder/leftNavbottomBg.gif) no-repeat left bottom!important;}
#menu li.last a{background:none!important;}
#menu li.last a:hover{background:url(../../images/placeholder/leftNavbottomBghover.gif) no-repeat left bottom!important;}
#menu ul ul li.first:hover > a{background:url(../../images/placeholder/leftNavtopBghover.gif) no-repeat!important;}
#menu ul ul li.last:hover > a{background:url(../../images/placeholder/leftNavbottomBghover.gif) no-repeat left bottom!important;}
.level1 div{float:left;padding:5px 0 5px 15px;border:1px solid;border-right-color:#DDDBC7;border-bottom-color:#DDDBC7;border-top:none;border-left:none;}
#accountMenu {position:relative; z-index:500; height:33px;}
#accountMenu ul {padding:0; margin:0; list-style:none; }
#accountMenu ul.level1 {height:30px;}
#accountMenu ul ul {position:absolute; left:-9999px;border:1px solid #cbcbcb;float:left;background:#fff;border-right-color:#999999;border-bottom-color:#999999;}
#accountMenu table {border-collapse:collapse; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#accountMenu ul li {float:left;}
#accountMenu ul li a {display:block;float:left;width:117px;}
#accountMenu ul li a.fly {background: url(../../images/placeholder/topmyaccountBg.gif) no-repeat scroll left top;text-indent:-9999px;height:38px!important;}
#accountMenu ul li a.fly:hover{background: url(../../images/placeholder/topmyaccountBgHover.gif) no-repeat scroll left top!important;text-indent:-9999px;}
#accountMenu ul li a.fly:hover > a{background:url(../../images/placeholder/topmyaccountBgHover.gif) no-repeat!important;}
#accountMenu ul ul li {margin:0;float:left;}
#accountMenu ul ul li a {width:130px;background:#FFFF;background:url(../../images/placeholder/bluelist.gif) no-repeat scroll 8px 6px;padding:5px 0 5px 20px;font-size:1.2em;color:#2965a3;}
#accountMenu ul ul li a.fly {padding-right:10px;}
#accountMenu ul li:hover > a {background:url(../../images/placeholder/topmyaccountBgHover.gif) no-repeat!important;}
#accountMenu ul li:hover {position:relative;}
#accountMenu ul li a:hover {direction:ltr; position:relative;background:url(../../images/placeholder/bluelist.gif) no-repeat scroll 8px 6px!important;color:#F08525;}
#accountMenu ul :hover ul {left:-38px; top:35px;}
#accountMenu ul :hover ul :hover ul,
#accountMenu ul :hover ul :hover ul :hover ul,
#accountMenu ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}
#accountMenu ul :hover ul ul,
#accountMenu ul :hover ul :hover ul ul, 
#accountMenu ul :hover ul :hover ul :hover ul ul {left:-9999px;}
.level2 div{float:left;padding:10px 0;border:1px solid;border-right-color:#cbcbcb;border-bottom-color:#cbcbcb;border-top:none;border-left:none;}