body {behavior: url(http://eircart.com/modules/mod_lxmenupro/csshover.htc);} .moduletable div#mainmenu1lxmenupro, .module div#mainmenu1lxmenupro, div#mainmenu1lxmenupro { position: relative; top: 0px; left: 12px; background: transparent; width: auto; } .moduletable div#mainmenu1lxmenupro ul, .module div#mainmenu1lxmenupro ul, div#mainmenu1lxmenupro ul { margin: 0; padding: 0; width: 189px; height: auto; } .moduletable div#mainmenu1lxmenupro li, .module div#mainmenu1lxmenupro li, div#mainmenu1lxmenupro li { position: relative; list-style: none; margin: 0; padding: 0; height: 44px; width: 189px; background-color: transparent; background-image: url(http://eircart.com/modules/mod_lxmenupro/images/background/menu_back.gif); background-repeat: no-repeat; background-position: left; } .moduletable div#mainmenu1lxmenupro li:hover, .moduletable div#mainmenu1lxmenupro li.currentsub, .module div#mainmenu1lxmenupro li:hover, .module div#mainmenu1lxmenupro li.currentsub, div#mainmenu1lxmenupro li:hover, div#mainmenu1lxmenupro li.currentsub { background-color: transparent; background-image: url(http://eircart.com/modules/mod_lxmenupro/images/background/menu_hilight.gif); background-repeat: no-repeat; background-position: left; z-index: 20; } .moduletable div#mainmenu1lxmenupro li.mainitem, .module div#mainmenu1lxmenupro li.mainitem, div#mainmenu1lxmenupro li.mainitem { height: 44px; width: 189px; background-color: transparent; background-image: url(http://eircart.com/modules/mod_lxmenupro/images/background/menu_back.gif); background-repeat: no-repeat; background-position: right; } .moduletable div#mainmenu1lxmenupro li.mainitem:hover, .moduletable div#mainmenu1lxmenupro li.currentmain, .module div#mainmenu1lxmenupro li.mainitem:hover, .module div#mainmenu1lxmenupro li.currentmain, div#mainmenu1lxmenupro li.mainitem:hover, div#mainmenu1lxmenupro li.currentmain { background-color: transparent; background-image: url(http://eircart.com/modules/mod_lxmenupro/images/background/menu_hilight.gif); background-repeat: no-repeat; background-position: right; } .moduletable div#mainmenu1lxmenupro li a, .module div#mainmenu1lxmenupro li a, div#mainmenu1lxmenupro li a { display: block; padding-top: 17px; padding-right: 22px; padding-bottom: 0px; padding-left: 20px; color: #3e6d1a; font-size: 12px; font-family: tahoma,verdana,arial; font-weight: bold; text-align: left; text-transform: lowercase; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 22px; margin-left: 6px; padding-left: 20px; width: auto; height: auto; } .moduletable div#mainmenu1lxmenupro li:hover>a, .moduletable div#mainmenu1lxmenupro li.currentsub>a, .module div#mainmenu1lxmenupro li:hover>a, .module div#mainmenu1lxmenupro li.currentsub>a, div#mainmenu1lxmenupro li:hover>a, div#mainmenu1lxmenupro li.currentsub>a { color: #daffac; font-weight: bold; text-align: left; text-transform: lowercase; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 22px; margin-left: 6px; padding-left: 20px; } .moduletable div#mainmenu1lxmenupro li.mainitem>a, .module div#mainmenu1lxmenupro li.mainitem>a, div#mainmenu1lxmenupro li.mainitem>a { padding-top: 17px; padding-right: 22px; padding-bottom: 0px; padding-left: 22px; color: #3e6d1a; font-size: 12px; font-family: tahoma,verdana,arial; font-weight: bold; text-align: left; text-transform: lowercase; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 22px; margin-left: 6px; padding-left: 22px; } .moduletable div#mainmenu1lxmenupro li.mainitem:hover>a, .moduletable div#mainmenu1lxmenupro li.currentmain>a, .module div#mainmenu1lxmenupro li.mainitem:hover>a, .module div#mainmenu1lxmenupro li.currentmain>a, div#mainmenu1lxmenupro li.mainitem:hover>a, div#mainmenu1lxmenupro li.currentmain>a { color: #daffac; font-weight: bold; text-align: left; text-transform: lowercase; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 22px; margin-left: 6px; padding-left: 22px; } .moduletable div#mainmenu1lxmenupro ul.level1 a, .module div#mainmenu1lxmenupro ul.level1 a, div#mainmenu1lxmenupro ul.level1 a { width: auto; } .moduletable div#mainmenu1lxmenupro li.folder>a, .module div#mainmenu1lxmenupro li.folder>a, div#mainmenu1lxmenupro li.folder>a { } .moduletable div#mainmenu1lxmenupro>ul a, .module div#mainmenu1lxmenupro>ul a, div#mainmenu1lxmenupro>ul a { width: auto; } .moduletable div#mainmenu1lxmenupro ul ul, .module div#mainmenu1lxmenupro ul ul, div#mainmenu1lxmenupro ul ul { display: none; position: absolute; top: 0px; left: 189px; width: 189px; } .moduletable div#mainmenu1lxmenupro ul ul.level1, .module div#mainmenu1lxmenupro ul ul.level1, div#mainmenu1lxmenupro ul ul.level1 { left: 189px; } .moduletable div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, .moduletable div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, .moduletable div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, .moduletable div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, .moduletable div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, .moduletable div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, .moduletable div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, .moduletable div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, .moduletable div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9, .module div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, .module div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, .module div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, .module div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, .module div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, .module div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, .module div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, .module div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, .module div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9, div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } .moduletable div#mainmenu1lxmenupro ul.level1, .module div#mainmenu1lxmenupro ul.level1, div#mainmenu1lxmenupro ul.level1 { -moz-opacity: 1; } #mainmenu1_menu { display: none; }

Sample Designs

Some sample designs we can apply to your ecommerce shop. All designs can be modified to your requirments or we can design a completely new desing to fit your existing or envisaged look and feel.

Next >

[ Back ]

Welcome to EirCart

Sample Designs