@import url('menu.css');

/* HOME */
/* pre-load the hover images into the lists */
.menu li.menu-industries {width:113px; background: url(../img/menu/f_industries_.gif) no-repeat;}
.menu li.menu-products-solutions {width:128px; background: url(../img/menu/f_products-solutions_.gif) no-repeat;}
.menu li.menu-technology {width:93px; background: url(../img/menu/f_technology_.gif) no-repeat;}
.menu li.menu-doc-news {width:139px; background: url(../img/menu/f_doc-news_.gif) no-repeat;}
/* set up the normal unhovered images in the links */
.menu li a#menu-industries {width:113px; background: url(../img/menu/f_industries.gif) no-repeat; height:25px; }
.menu li a#menu-products-solutions {width:128px; background: url(../img/menu/f_products-solutions.gif) no-repeat; height:25px;}
.menu li a#menu-technology {width:93px; background: url(../img/menu/f_technology.gif) no-repeat; height:25px;}
.menu li a#menu-doc-news {width:139px; background: url(../img/menu/f_doc-news.gif) no-repeat; height:25px;}
/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#menu-industries:hover,
.menu li a#menu-products-solutions:hover,
.menu li a#menu-technology:hover,
.menu li a#menu-doc-news:hover
 {background:transparent;}

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:25px; background:#E2E2E2; padding:10px 0; white-space:nowrap; width:auto; height:auto; }
.menu :hover ul.sub li {display:block; height:auto; position:relative; float:left; width:100%; padding-right:10px; }
.menu :hover ul.sub li a {display:block; font-size:11px; height:auto; width:auto; line-height:15px; color:#003D74; text-decoration:none; padding:3px 5px 3px 5px; border-bottom:1px dotted #999; }
.menu :hover ul.sub li a.fly {background:#E2E2E2 url(../img/menu/arrow.gif) right 7px no-repeat; }
.menu :hover ul.sub li a:hover {background:#878889; color:#fff; width:auto; }
.menu :hover ul.sub li a.fly:hover {background:#878889 url(../img/menu/arrow_over.gif) right 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#878889 url(../img/menu/arrow_over.gif) right 7px no-repeat; color:#fff;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:96%; top:0px; background: #E2E2E2; border:none; white-space:nowrap; width:auto; height:auto; z-index:300;}
.menu :hover ul :hover ul li :hover
{ width:auto; }