/* DJ-MegaMenu RTL styles */ .dj-megamenu-classic li.dj-up { float: right; } .dj-megamenu-classic li a.dj-up_a { float: right; padding: 0 15px 0 0; background: url(../images/three_0.gif) right top no-repeat; } .dj-megamenu-classic li a.dj-up_a span { float: left; padding: 0 0 0 15px !important; background: url(../images/three_0.gif) left top no-repeat; } .dj-megamenu-classic li a.dj-up_a span.dj-drop { padding: 0 0 0 25px !important; background: url(../images/three_0a_rtl.gif) no-repeat left top; } .dj-megamenu-classic li:hover a.dj-up_a, .dj-megamenu-classic li.hover a.dj-up_a, .dj-megamenu-classic li.active a.dj-up_a { background: url(../images/three_1.gif) right top no-repeat; } .dj-megamenu-classic li:hover a.dj-up_a span, .dj-megamenu-classic li.hover a.dj-up_a span, .dj-megamenu-classic li.active a.dj-up_a span { background: url(../images/three_1.gif) no-repeat left top; } .dj-megamenu-classic li:hover a.dj-up_a span.dj-drop, .dj-megamenu-classic li.hover a.dj-up_a span.dj-drop, .dj-megamenu-classic li.active a.dj-up_a span.dj-drop { background: url(../images/three_1a_rtl.gif) no-repeat left top; } .dj-megamenu-classic li a.dj-up_a span span.image-title { padding: 0 5px 0 0 !important; margin: 0 5px 0 0; } /* Hide submenus */ .dj-megamenu-classic li div.dj-subwrap, .dj-megamenu-classic li:hover div.dj-subwrap li div.dj-subwrap, .dj-megamenu-classic li.hover div.dj-subwrap li div.dj-subwrap { left: auto; right: -9999px; } /* Show first level submenu */ .dj-megamenu-classic li:hover div.dj-subwrap, .dj-megamenu-classic li.hover div.dj-subwrap { left: auto; right: 1px; } /* Show higher level submenus */ .dj-megamenu-classic li:hover div.dj-subwrap li:hover > div.dj-subwrap, .dj-megamenu-classic li.hover div.dj-subwrap li.hover > div.dj-subwrap { left: auto; right: 100%; } /* Submenu elements styles - drop down */ .dj-megamenu-classic li div.dj-subcol { float: right; } .dj-megamenu-classic li ul.dj-submenu > li.parent > a { background: #50b5d0 url(../images/arrow_rtl.gif) 2% 6px no-repeat; } .dj-megamenu-classic li ul.dj-submenu > li.parent:hover > a, .dj-megamenu-classic li ul.dj-submenu > li.parent.hover > a { background: #3f96a9 url(../images/arrow_over_rtl.gif) 2% 6px no-repeat; } .dj-megamenu-classic li ul.dj-submenu > li.parent > a.active { background: #3f96a9 url(../images/arrow_over_rtl.gif) 2% 6px no-repeat; } /* Submenu elements styles - tree */ .dj-megamenu-classic li ul.dj-subtree { margin: 5px 20px 5px 0 !important; }