/*
* Menus css for Allianz Online
* Author: Kevin Teljeur for Parallel Internet/pTools
* Based on slightly on Menu work by James Craig (jcraig@bearingpoint.net)
*
* This has been modified extensively to work as a Suckerfish menu system
* from the original menu code. It's not very compatible with old browsers.
*
* This is the second part. Do not modify this unless
* you really know what you're doing. It's tricky code.
*
*
*/

/* Second level menu */
.mainMenu li .navMenu { display: none; z-index: 1005; position:absolute; top:30px; left:0px; width: 750px; margin:0; padding:0; background: #33539c; border-style:none; border-top: solid 1px #19194b; color:#333; voice-family:"\"}\"",inherit; width:750px; }
html>body .mainMenu .navMenu { width:750px; }
.mainMenu li .navMenu li { display: block; position: relative; float:left; top: 0; left: 0; width: 5%; height: 21px; background-color: #33539c; border: 0; border-right: solid 1px #33539c; border-left: solid 1px #33539c; color:#fff; line-height:18px; text-align: left; }
html>body .mainMenu li .navMenu li{ width: auto; height: 21px;  white-space: normal;}
.mainMenu li .navMenu li a { display: block; width: auto; height: 21px; padding-left:5px; padding-right:15px; padding-top: 0 !important; background: transparent; border: 0; color:#fff; text-decoration:none !important; font-size:11px; line-height: 18px; font-weight: normal !important; text-align: left; white-space: nowrap; }
html>body .mainMenu li .navMenu li a { width:auto; height: 21px; }
.mainMenu li .navMenu li a:link, .mainMenu li .navMenu li a:link { text-decoration:none; }
.mainMenu li .navMenu li a:hover, .mainMenu li .navMenu li a:active { background-color: #5773b4 !important; color: #ff0; text-decoration:underline; }
.mainMenu .navMenu li:hover, .mainMenu .navMenu li:active, .mainMenu .navMenu li:focus { background-color: #5773b4 !important; border-right: solid 1px #19194b; border-left: solid 1px #19194b; color: #ff0; }
.mainMenu .navMenu li.sfhover, .mainMenu .navMenu li.activesfhover { background-color: #5773b4 !important; border-right: solid 1px #19194b; border-left: solid 1px #19194b; color: #ff0; }
.mainMenu .navMenu li.active { background-color: #5773b4 !important;}

/* Third level menu */
.mainMenu li .navMenu li .navMenu { display: none; top: 21px; left: 0px; width: 170px; height: auto; margin: 0; padding: 0; background: transparent; border: none; border-style: solid solid none solid !important; border-width: 1px !important; border-color: #19194b !important; color: #333; voice-family:"\"}\"",inherit; width: 170px; }
html>body .mainMenu li .navMenu li .navMenu { width:170px; }
.mainMenu li .navMenu li .navMenu li { display:block; position: relative; left: 0px; top: 0px; float: left; width: 170px; height: auto; background-color: #5773b4; border: none; border-style: none none solid none !important; border-width: 1px !important; border-color:#19194b !important; line-height: inherit; white-space: normal !important; word-wrap: break-word !important; list-style-position: outside !important; voice-family:"\"}\"",inherit; left: 0px; text-indent:0; }
.mainMenu li .navMenu li .navMenu li a { display:block; width:100%; height: auto; margin:0 !important; padding: 3px 5px 3px 10px; background-color: #5773b4; border: none !important; vertical-align: bottom; font-weight: normal; text-align: left;}
.mainMenu li .navMenu li .navMenu li a { text-indent:0; white-space: normal !important; word-wrap: break-word !important;}
html>body .mainMenu li .navMenu li .navMenu li a { width:auto; border: none !important; }
.mainMenu li .navMenu li .navMenu li a:hover, .mainMenu li .navMenu li .navMenu li a:active { background-color: #33539c !important; }

/* Fourth level menu */
.mainMenu li .navMenu li .navMenu li .navMenu { display: none; top: 0px; left: 170px; }
.mainMenu li .navMenu li .navMenu li .navMenu li { }

/* Suckerfish menu classes */
#mainMenu li.item_1_active ul,#mainMenu li.item_2_active ul,#mainMenu li.item_3_active ul,#mainMenu li.item_4_active ul,#mainMenu li.item_5_active ul { display: block; z-index: 1010; left: 0px; top:30px; }
#mainMenu li.item_1_active ul ul, #mainMenu li.item_1_active ul ul ul, #mainMenu li.item_1_activesfhover ul ul, #mainMenu li.item_1_activesfhover ul ul ul, #mainMenu li.item_2_active ul ul, #mainMenu li.item_2_active ul ul ul, #mainMenu li.item_2_activesfhover ul ul, #mainMenu li.item_2_activesfhover ul ul ul, #mainMenu li.item_3_active ul ul, #mainMenu li.item_3_active ul ul ul, #mainMenu li.item_3_activesfhover ul ul, #mainMenu li.item_3_activesfhover ul ul ul, #mainMenu li.item_4_active ul ul, #mainMenu li.item_4_active ul ul ul, #mainMenu li.item_4_activesfhover ul ul, #mainMenu li.item_4_activesfhover ul ul ul, #mainMenu li.item_5_active ul ul, #mainMenu li.item_5_active ul ul ul, #mainMenu li.item_5_activesfhover ul ul, #mainMenu li.item_5_activesfhover ul ul ul { display: none; left: -999em; }
#mainMenu li:hover ul ul, #mainMenu li:hover ul ul ul { display: none; left: -999em; }
#mainMenu li.item_1sfhover ul ul, #mainMenu li.item_1sfhover ul ul ul, #mainMenu li.item_2sfhover ul ul, #mainMenu li.item_2sfhover ul ul ul, #mainMenu li.item_3sfhover ul ul, #mainMenu li.item_3sfhover ul ul ul, #mainMenu li.item_4sfhover ul ul, #mainMenu li.item_4sfhover ul ul ul, #mainMenu li.item_5sfhover ul ul, #mainMenu li.item_5sfhover ul ul ul { display: none; left: -999em; }
#mainMenu li li:hover ul, #mainMenu li li.sfhover ul, #mainMenu li li.activesfhover ul { display: block; left:-1px; top:21px; }
#mainMenu li li li:hover ul, #mainMenu li li li.sfhover ul, #mainMenu li li li.activesfhover ul { display: block; top:-1px; left: 170px; }
#mainMenu li li li li:hover ul, #mainMenu li li li li.sfhover ul, #mainMenu li li li li.activesfhover ul { left: 170px; }
/* End Suckerfish menu classes */
