QT Cases - What Makes a QT Box Different?

body {behavior: url(http://www.qtcases.com/modules/mod_lxmenupro/csshover.htc);} .moduletable div#mainmenu3lxmenupro, .module div#mainmenu3lxmenupro, div#mainmenu3lxmenupro { background: transparent; width: auto; } .moduletable div#mainmenu3lxmenupro ul, .module div#mainmenu3lxmenupro ul, div#mainmenu3lxmenupro ul { margin: 0; padding: 0; } .moduletable div#mainmenu3lxmenupro li, .module div#mainmenu3lxmenupro li, div#mainmenu3lxmenupro li { float: left; position: relative; list-style: none; margin: 0; padding: 0; height: 25px; width: 200px; background-color: #EBEBEB; background-image: none; } .moduletable div#mainmenu3lxmenupro li:hover, .moduletable div#mainmenu3lxmenupro li.currentsub, .module div#mainmenu3lxmenupro li:hover, .module div#mainmenu3lxmenupro li.currentsub, div#mainmenu3lxmenupro li:hover, div#mainmenu3lxmenupro li.currentsub { background-color: #A1D1E9; background-image: none; z-index: 20; } .moduletable div#mainmenu3lxmenupro li.mainitem, .module div#mainmenu3lxmenupro li.mainitem, div#mainmenu3lxmenupro li.mainitem { height: 22px; width: auto; background-color: transparent; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: ; } .moduletable div#mainmenu3lxmenupro li.mainitem:hover, .moduletable div#mainmenu3lxmenupro li.currentmain, .module div#mainmenu3lxmenupro li.mainitem:hover, .module div#mainmenu3lxmenupro li.currentmain, div#mainmenu3lxmenupro li.mainitem:hover, div#mainmenu3lxmenupro li.currentmain { background-color: transparent; } .moduletable div#mainmenu3lxmenupro li a, .module div#mainmenu3lxmenupro li a, div#mainmenu3lxmenupro li a { display: block; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; color: #000000; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: bold; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-left-style: solid; border-left-width: 6px; border-left-color: #EBEBEB; width: auto; height: auto; } .moduletable div#mainmenu3lxmenupro li:hover>a, .moduletable div#mainmenu3lxmenupro li.currentsub>a, .module div#mainmenu3lxmenupro li:hover>a, .module div#mainmenu3lxmenupro li.currentsub>a, div#mainmenu3lxmenupro li:hover>a, div#mainmenu3lxmenupro li.currentsub>a { color: #000000; font-weight: bold; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-left-style: solid; border-left-width: 6px; border-left-color: #A1D1E9; } .moduletable div#mainmenu3lxmenupro li.mainitem>a, .module div#mainmenu3lxmenupro li.mainitem>a, div#mainmenu3lxmenupro li.mainitem>a { padding-top: 2px; padding-right: 1px; padding-bottom: 4px; padding-left: 1px; color: #000000; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: bold; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: ; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-left-style: solid; border-left-width: 6px; border-left-color: ; } .moduletable div#mainmenu3lxmenupro li.mainitem:hover>a, .moduletable div#mainmenu3lxmenupro li.currentmain>a, .module div#mainmenu3lxmenupro li.mainitem:hover>a, .module div#mainmenu3lxmenupro li.currentmain>a, div#mainmenu3lxmenupro li.mainitem:hover>a, div#mainmenu3lxmenupro li.currentmain>a { color: #000000; font-weight: bold; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: ; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-left-style: solid; border-left-width: 6px; border-left-color: ; } .moduletable div#mainmenu3lxmenupro ul.level1 a, .module div#mainmenu3lxmenupro ul.level1 a, div#mainmenu3lxmenupro ul.level1 a { width: auto; } .moduletable div#mainmenu3lxmenupro li.folder>a, .module div#mainmenu3lxmenupro li.folder>a, div#mainmenu3lxmenupro li.folder>a { } .moduletable div#mainmenu3lxmenupro>ul a, .module div#mainmenu3lxmenupro>ul a, div#mainmenu3lxmenupro>ul a { width: auto; } .moduletable div#mainmenu3lxmenupro ul ul, .module div#mainmenu3lxmenupro ul ul, div#mainmenu3lxmenupro ul ul { display: none; position: absolute; width: 200px; } .moduletable div#mainmenu3lxmenupro li.folder li.folder>a, .module div#mainmenu3lxmenupro li.folder li.folder>a, div#mainmenu3lxmenupro li.folder li.folder>a { background-image: url(http://www.qtcases.com/modules/mod_lxmenupro/images/symbol/arrow_gr1.gif);background-position:98% 50%;padding-right:15px; background-repeat: no-repeat; } .moduletable div#mainmenu3lxmenupro ul.level0 li.folder:hover ul.level1, .moduletable div#mainmenu3lxmenupro ul.level1 li.folder:hover ul.level2, .moduletable div#mainmenu3lxmenupro ul.level2 li.folder:hover ul.level3, .moduletable div#mainmenu3lxmenupro ul.level3 li.folder:hover ul.level4, .moduletable div#mainmenu3lxmenupro ul.level4 li.folder:hover ul.level5, .moduletable div#mainmenu3lxmenupro ul.level5 li.folder:hover ul.level6, .moduletable div#mainmenu3lxmenupro ul.level6 li.folder:hover ul.level7, .moduletable div#mainmenu3lxmenupro ul.level7 li.folder:hover ul.level8, .moduletable div#mainmenu3lxmenupro ul.level8 li.folder:hover ul.level9, .module div#mainmenu3lxmenupro ul.level0 li.folder:hover ul.level1, .module div#mainmenu3lxmenupro ul.level1 li.folder:hover ul.level2, .module div#mainmenu3lxmenupro ul.level2 li.folder:hover ul.level3, .module div#mainmenu3lxmenupro ul.level3 li.folder:hover ul.level4, .module div#mainmenu3lxmenupro ul.level4 li.folder:hover ul.level5, .module div#mainmenu3lxmenupro ul.level5 li.folder:hover ul.level6, .module div#mainmenu3lxmenupro ul.level6 li.folder:hover ul.level7, .module div#mainmenu3lxmenupro ul.level7 li.folder:hover ul.level8, .module div#mainmenu3lxmenupro ul.level8 li.folder:hover ul.level9, div#mainmenu3lxmenupro ul.level0 li.folder:hover ul.level1, div#mainmenu3lxmenupro ul.level1 li.folder:hover ul.level2, div#mainmenu3lxmenupro ul.level2 li.folder:hover ul.level3, div#mainmenu3lxmenupro ul.level3 li.folder:hover ul.level4, div#mainmenu3lxmenupro ul.level4 li.folder:hover ul.level5, div#mainmenu3lxmenupro ul.level5 li.folder:hover ul.level6, div#mainmenu3lxmenupro ul.level6 li.folder:hover ul.level7, div#mainmenu3lxmenupro ul.level7 li.folder:hover ul.level8, div#mainmenu3lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } .moduletable div#mainmenu3lxmenupro ul.level1, .module div#mainmenu3lxmenupro ul.level1, div#mainmenu3lxmenupro ul.level1 { top: 22px; left: 0px; } .moduletable div#mainmenu3lxmenupro ul.level2, .moduletable div#mainmenu3lxmenupro ul.level3, .moduletable div#mainmenu3lxmenupro ul.level4, .moduletable div#mainmenu3lxmenupro ul.level5, .moduletable div#mainmenu3lxmenupro ul.level6, .moduletable div#mainmenu3lxmenupro ul.level7, .moduletable div#mainmenu3lxmenupro ul.level8, .moduletable div#mainmenu3lxmenupro ul.level9, .module div#mainmenu3lxmenupro ul.level2, .module div#mainmenu3lxmenupro ul.level3, .module div#mainmenu3lxmenupro ul.level4, .module div#mainmenu3lxmenupro ul.level5, .module div#mainmenu3lxmenupro ul.level6, .module div#mainmenu3lxmenupro ul.level7, .module div#mainmenu3lxmenupro ul.level8, .module div#mainmenu3lxmenupro ul.level9, div#mainmenu3lxmenupro ul.level2, div#mainmenu3lxmenupro ul.level3, div#mainmenu3lxmenupro ul.level4, div#mainmenu3lxmenupro ul.level5, div#mainmenu3lxmenupro ul.level6, div#mainmenu3lxmenupro ul.level7, div#mainmenu3lxmenupro ul.level8, div#mainmenu3lxmenupro ul.level9 { top: 0px; left: 200px; }

#mainmenu3_menu { display: none; }

Home |

QT Boxes |

What makes a QT Box Different

What Makes a QT Box Different?

Instructions: Point your mouse over each of the features below for a detailed explanation.