ul#basket-basket,ul#basket-basket li,ul.menu, ul.menu li{border:0;outline:none;margin:0;padding:0;} ul#basket-basket,ul.menu{list-style:none;} /* Vertical Mega Menu Styles */ .menu{ font: normal 14px "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 20px; position: relative; /* Required */ border-bottom: none; } .menu>li>a { display: block; padding: 8px 20px 10px 15px; text-decoration: none; color: #157AB5; font-size: 12px; } .menu li a:hover, .menu>li.mega-hover a { background-position: 0 -40px; color: #555555; background-color: #F5F5F5; } .menu>li.mega-hover>a { border-radius: 3px 0 0px 3px; box-shadow: 0 0 3px rgba(100, 100, 100, 0.8); } .menu li>a:hover .vmenu-cat{ color: #157AB5; } .menu li a.dc-mega { position: relative; } .menu li a.dc-mega:hover{ background-color: #F5F5F5; color: black; } /* Add arrow icon to parent links */ .menu li a .dc-mega-icon { display: block; position: absolute; top: 14px; right: 15px; width: 6px; height: 8px; background: url(../../css/vmenu/images/arrow_right.png) no-repeat -6px 0; } .menu li a:hover .dc-mega-icon, .menu li.mega-hover a .dc-mega-icon { background-position: 0 0; } /* Mega menu container */ .menu li .sub-container { position: absolute; /* Required */ overflow: hidden; border: 3px solid whitesmoke; border-radius: 7px; box-shadow: 0 0 3px 0 rgba(100, 100, 100, 0.8); background-color: white; } .menu li .sub-container .sub { padding: 15px 15px 5px 15px; background: #fff url(../../css/vmenu/images/bg_grad_top.png) repeat-x 0 0; } .menu li .sub .row { width: 100%; overflow: hidden; /* Clear floats */ } .menu li .sub li { width: 140px; font-size: 1em; font-weight: normal; border: 1px solid white; } .menu li .sub a, .menu.left li .sub a { background: none; text-shadow: none; color: #000; text-decoration: none; font-size: 0.9em; margin-bottom: 0; } .menu .sub li a, .menu .sub li span{ font-weight: normal; font-size: 12px; } .menu .sub ul li { padding-right: 0; } /* Styling for menu items with only 2 levels */ .menu li .sub-container.non-mega .sub { padding: 10px; background: #fff; } /* Custom styling for 2 levels */ .menu li.menu-item-2 .sub-container.non-mega .sub { width: 519px; height: 376px; padding: 0; margin: 0; } .sub li{ height: auto; } .vmenu-count{ position: absolute; right: 25px; color: silver; display: block; } .vmenu-cat{ color: #2FA4E7; display: block; margin-right: 42px; } .menu > li.exlude{ display: block; padding: 8px 20px 10px 15px; text-decoration: none; font-size: 12px; } .menu > li.exlude a{ display: inline; padding: 0; } .menu > li.exlude .vmenu-cat{ color: #555555 !important; } .sub-container .sub li:hover{ border: 1px dashed silver !important; } .sub-container .sub li:hover >a{ text-decoration: underline; } .sub-container .sub_cat-hider{ background: rgb(255, 255, 255); background: transparent; background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.5), #ffffff); /* for firefox 3.6+ */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#ffffff)); /* Safari 4+, Chrome */ background: -webkit-linear-gradient(left top, left bottom, rgba(255, 255, 255, 0.5), #ffffff); /* Chrome 10+, Safari 5.1+, iOS 5+ */ background: -o-linear-gradient(top, rgba(255, 255, 255, 0.5),#ffffff); /* Opera 11.10+ */ background: -ms-filter:"progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#7fFFFFFF, EndColorStr=#7fFFFFFF, GradientType=0)"; background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5),#ffffff); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fFFFFFF', endColorstr='#7fFFFFFF', GradientType='0'); /* for IE */ zoom: 1; cursor: pointer; height: 23px; left: 0; position: absolute; top: 146px; width: 100%; } .sub-container .sub li{ float: left; font-size: 12px; height: 156px; margin: 9px !important; padding: 6px !important; text-align: center; width: 140px; overflow: hidden; position: relative; display: block; border: none; }