/*
* 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 first part which will need to be modified
* for each Allianz site
*/

/* this empty block is needed for an IE bug, without it,
shift-tab does not display the selected link color */
a:link:active, a:visited:active {}

.menuContainer { width: 750px; height: 53px; margin: 0; padding: 0; background-color: #5773b4; border-bottom: solid 1px #19194b; }
html>body .menuContainer { width:750px; height: 52px }

.mainMenu, .navMenu { margin:0; padding:0; font-family:arial,sans-serif; }

/* Top level menu */
.mainMenu { position: relative; width: 750px; height: 30px; background-color: #19194b; border-bottom: solid 2px #19194b; }
html>body .mainMenu { width: 750px; }
.mainMenu ul { width: 750px; list-style-type:none !important;}
.mainMenu li { display:block; float:left; width: auto; height: 25px; margin:0 !important; padding: 0 !important; background-color: #33539C; border: none; border-right: solid 1px #19194b; border-left: solid 1px #19194b; vertical-align: bottom !important; color:#fff; list-style-position: outside !important; }
.mainMenu li { border-top: solid 3px #19194b; width: 150px; }
html>body .mainMenu li { margin-top: 3px; width: 148px; }

.mainMenu li.item_1, .mainMenu li.item_1_active { border-left: none; width: 150px; }
html>body .mainMenu li.item_1, html>body .mainMenu li.item_1_active { width: 148px; }
.mainMenu li.item_2, .mainMenu li.item_2_active { width: 150px; }
html>body .mainMenu li.item_2, html>body .mainMenu li.item_2_active { width: 148px; }
.mainMenu li.item_3, .mainMenu li.item_3_active { width: 210px; }
html>body .mainMenu li.item_3, html>body .mainMenu li.item_3_active { width: 208px; }
.mainMenu li.item_4, .mainMenu li.item_4_active { width: 135px; }
html>body .mainMenu li.item_4, html>body .mainMenu li.item_4_active { width: 133px; }
.mainMenu li.item_5, .mainMenu li.item_5_active { border-right: none; width: 105px; }
html>body .mainMenu li.item_5, html>body .mainMenu li.item_5_active { width: 105px; }

.mainMenu li a { display:block; height: 25px; background-color: transparent; border: 0; padding-left:10px; padding-right:10px; vertical-align: bottom !important; line-height: 23px; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; }
.mainMenu li a, .mainMenu li a:link, .mainMenu li a:visited { color:#fff; text-decoration:none; font-size:11px; font-weight:bold; }
.mainMenu li a:hover, .mainMenu li a:active, .mainMenu li a:focus, .mainMenu li a.activeItem { color:#fff; }
.mainMenu li.activeItem { color:#fff; }

.mainMenu li.item_1_active, .mainMenu li.item_2_active, .mainMenu li.item_3_active, .mainMenu li.item_4_active, .mainMenu li.item_5_active { height: 30px; background: url( '/images/navigation/menu_corner.gif' ) no-repeat top right; border-top: none 3px #19194b; }
.mainMenu li.item_1_active a, .mainMenu li.item_2_active a, .mainMenu li.item_3_active a, .mainMenu li.item_4_active a, .mainMenu li.item_5_active a { line-height: 29px; color:#fff; }

.mainMenu li.item_1_active, .mainMenu li.item_1 a:hover, .mainMenu li.item_1 a:active, .mainMenu li.item_1 a:focus  { background-color: #ffcf1c; }
.mainMenu li.item_2_active, .mainMenu li.item_2 a:hover, .mainMenu li.item_2 a:active, .mainMenu li.item_2 a:focus { background-color: #f13847; }
.mainMenu li.item_3_active, .mainMenu li.item_3 a:hover, .mainMenu li.item_3 a:active, .mainMenu li.item_3 a:focus { background-color: #ff9f4d; }
.mainMenu li.item_4_active, .mainMenu li.item_4 a:hover, .mainMenu li.item_4 a:active, .mainMenu li.item_4 a:focus { background-color: #5abea8; }
.mainMenu li.item_5_active, .mainMenu li.item_5 a:hover, .mainMenu li.item_5 a:active, .mainMenu li.item_5 a:focus { background-color: #333399; }

/* After this you MUST have the navigation_secondary.css file for the lower levels of the main navigation to work */