/*** Start 2-level navigation ***/
#divNav ul, #divNav li, #divNav a, #divNav span { font-size: 1em; padding: 0; margin: 0;}
#divNav { margin: 0; padding: 0 0 20px 0; height: 1.9em; width: 100%; background-color: transparent; position: relative; }
#ulNav { position: relative; top: 0px; width: 100%; }
#ulNav li ul, #ulNav li ul { margin: 0; padding: 0; width: 100%; }
#ulNav a { text-decoration: none; background-color: #7abaf2; }
#ulNav li { /*float the main list items*/ margin: 0;  display: inline; float: left; }
#ulNav li ul { display: none; width: 100%; }
#ulNav li.off ul, #ulNav li.on ul  { z-index: 400; /*put the subnav below*/ position: absolute; top: 20px; left: 0; padding: 4px 0 0 0; background: #004b8d; height: 20px; width: 100%; }
#ulNav li.on ul { position: absolute; background: #0074d9; width: 100%; }
#ulNav li.on:hover ul, 
#ulNav li.over ul { /*for ie*/ background: #004b8d; width: 100%; }
#ulNav li a { color: #00305a; font-weight: normal; display: inline; margin: 0 0 0 10px; padding: 2px 10px 5px 10px; text-align:center; }
#ulNav li.on a { color: #fff; } 
#ulNav li.on a:hover { color: #ddd; }

#ulNav li.on ul a, 
#ulNav li.off ul a { border: 0; display: inline; /*float: left;*/ /*ie doesn't inherit the float*/ color: #0074d9; width: auto; padding: 0 10px; }

#ulNav li.on:hover ul a, 
#ulNav li.over ul li a { /*** Tab-On Submenu no-hover *** ***/ background: #004b8d; color: #ddd; }

#ulNav li.on:hover ul a:hover,
#ulNav li.over ul li a:hover { /*** Tab-On Submenu hover *** ***/ background: #004b8d; color: #fff; }

#ulNav li.on ul { display: block; }
#ulNav li.off:hover ul, 
#ulNav li.over ul { display: block; z-index: 6000; }

#ulNav li.off:hover a { color: #fff; }
#ulNav li.off:hover li a { color: #ddd; }
#ulNav li.off:hover li a:hover { color: #fff; }
#ulNav li.off a:hover { color: #fff; }
#ulNav li.on a:hover { color: #fff; }

#ulNav li.off ul a, #ulNav li.on ul a { display: block; background: #004b8d; color: #fff; padding-bottom: 0; }
#ulNav li.on ul a { background: #0074d9; color: #fff; }
#ulNav li.off a { border: 1px solid #0074d9; }

#liProducts a {  display: inline; float: left; position: relative; height: 20px /* submenu-height */ ; padding: 10px; }
#liProducts a { padding: 5px 10px; }
#liProducts a:hover, #liProducts:hover a, #liProducts.over a { background-color: #004b8d; color: #fff;}
#liOrder a {  display: inline; float: left; position: relative; height: 20px /* submenu-height */ ; padding: 10px; }
#liOrder a { padding: 5px 10px; background-color: #0074d9;  display: inline; float: left; }
#liOrder a:hover, #liOrder:hover a, #liOrder.over a { background-color: #004b8d; color: #fff; }
#liCompany a {  display: inline; float: left; position: relative; height: 20px /* submenu-height */ ; padding: 10px; }
#liCompany a { padding: 5px 10px; }
#liCompany a:hover, #liCompany:hover a, #liCompany.over a { background-color: #004b8d; color: #fff;}
#liAccount a {  display: inline; float: left; position: relative; height: 20px /* submenu-height */ ; padding: 10px; }
#liAccount a { padding: 5px 10px; }
#liAccount a:hover, #liAccount:hover a, #liAccount.over a { background-color: #004b8d; color: #fff;}
#liBlog a {  display: inline; float: left; position: relative; height: 20px /* submenu-height */ ; padding: 10px; }
#liBlog a { padding: 5px 10px; }
#liBlog a:hover, #liBlog:hover a, #liBlog.over a { background-color: #004b8d; color: #fff;}
#ulNav li li a { margin: 0 ;}
/*** End 2-level navigation ***/