/* css hover horisontal */

/* menu container (do not modify these values) */
#menux { position: relative; display: block; width: 100%; z-index: 98; }

/* overall styles (do not modify these values) */
#menux ul { width: 100%; list-style: none; margin: 0; padding: 0;  }

#menux ul ul,
#menux ul li:hover ul ul,
#menux ul li:hover ul ul ul,
#menux ul li:hover ul ul ul ul
{ display: none; }

#menux ul li:hover ul,
#menux ul ul li:hover ul,
#menux ul ul ul li:hover ul,
#menux ul ul ul ul li:hover ul
{ display: block; }

/* overall modifiers (do not modify these values) */
#menux ul li    { position: relative; float: left; }
#menux ul li li { width: 100%; }
#menux ul ul    { position: absolute; left:    0; top: 100%; z-index: 99; }
#menux ul ul ul { position: absolute; left: 100%; top:    0; z-index: 99; }

/* customized settigs */

/* all level modifiers */
#menux ul ul    { width: 15.33em; }
#menux ul ul    { border: 1px solid #E8E8E8; border-top: 0px none; }
#menux ul ul ul { border: 1px solid #E8E8E8; top: -1px;  }

#menux img { margin: 0px 5px 2px 0px; vertical-align: middle; }

#menux a { text-decoration: none; }
#menux span { cursor: default; }

/* top level modifiers */
#menux ul li       { }
#menux ul li:hover { background-color: #F8F8F8; }
#menux ul li div   { padding: 8px 8px 4px 4px; font-weight: bold; }

/* sub level modifiers */
#menux ul li ul li       { background-color: #F8F8F8; }
#menux ul li ul li:hover { background-color: #617FA5; }
#menux ul li ul li div   { padding: 5px 8px 5px 16px; font-weight: normal; }

#menux ul li a  { color: #365680; }
#menux ul li ul li:hover a { color: #FFFFFF; }
#menux ul li ul li:hover ul li a { color: #365680; }
#menux ul li ul li ul li:hover a { color: #FFFFFF; }
#menux ul li ul li ul li:hover ul li a { color: #365680; }
#menux ul li ul li ul li ul li:hover a { color: #FFFFFF; }
#menux ul li ul li ul li ul li:hover ul li a { color: #365680; }