@charset "utf-8";

.menutop { margin:0; height:20px; list-style:none; padding:0; position:relative; }
.menutop li.top { display:block; float:left; position:relative;}
.menutop li a.top_link { color:#999; cursor:pointer; display:block; float:left; font-size:11px; font-weight:bold; height:20px; text-decoration:none; padding:0 0 0 10px; }
.menutop li a.top_link span { display:block; float:left; height:20px; padding:0 10px 0 5px; }
.menutop li a.top_link span.down { background:url(../_aux_images/down.gif) no-repeat right 7px; display:block; float:left; height:20px; padding:0 10px 0 5px; }
.menutop li a.top_link:hover { color:#000; }

.menutop li a.top_link:hover span.down { background:url(../_aux_images/down.gif) no-repeat right 7px; color:#000; }

.menutop li:hover > a.top_link span.down { background:url(../_aux_images/down.gif) no-repeat right 7px; color:#000; }


.menutop table { border-collapse:collapse; height:0; left:0; position:absolute; top:0; width:0; }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menutop a:hover { visibility:visible; }
.menutop li:hover { position:relative; z-index:200; }

/* keep the 'next' level invisible by placing it off screen. */
.menutop ul, 
.menutop :hover ul ul, 
.menutop :hover ul :hover ul ul,
.menutop :hover ul :hover ul :hover ul ul,
.menutop :hover ul :hover ul :hover ul :hover ul ul { left:-9999px; height:0; list-style:none; margin:0; padding:0; position:absolute; top:-9999px; width:0; }

.menutop :hover ul.sub { background:#E2E2E2; border:1px solid #CCC; border-width:1px 1px 0 1px; height:auto; left:12px; padding:0; top:20px; white-space:nowrap; width:170px;}
.menutop :hover ul.sub li { border-bottom:1px solid #CCC; display:block; float:left; height:20px; position:relative; width:170px; }
.menutop :hover ul.sub li a { color:#000; display:block; font-size:11px; height:20px; line-height:20px; text-decoration:none; text-indent:4px;  width:170px; }
.menutop :hover ul.sub li a.fly { background:#fff url(../_aux_images/arrow.gif) 203px 7px no-repeat; }
.menutop :hover ul.sub li a:hover { background:#900; color:#FFF; }
.menutop :hover ul.sub li a.fly:hover { background:#12ADD3 url(../_aux_images/arrow_over.gif) 203px 7px no-repeat; color:#fff; }
.menutop :hover ul li:hover > a.fly { background:#12ADD3 url(../_aux_images/arrow_over.gif) 203px 7px no-repeat; color:#fff; }


a.fly ul li a { border:1px solid #000; }

.menutop :hover ul :hover ul,
.menutop :hover ul :hover ul :hover ul :hover ul
{ background:#fff; border:1px solid #12ADD3; height:auto; left:208px; padding:1px 0; top:-4px; white-space:nowrap; width:120px; z-index:200;}

.menutop :hover ul :hover ul :hover ul
{ background:#FFF; border:1px solid #12ADD3; height:auto; left:120px; padding:1px 0; top:-4px; white-space:nowrap; width:172px; z-index:200;}
.menutop :hover ul :hover ul :hover ul li, .menutop :hover ul :hover ul :hover ul li a { width:170px; }
.menutop :hover ul.sub li ul li a { width:118px; }
.menutop :hover ul.sub li ul li a:hover { background:#12ADD3; color:#fff; }
.menutop :hover ul.sub li ul li a.fly { background:#fff url(../_aux_images/arrow.gif) 111px 7px no-repeat; }
.menutop :hover ul.sub li ul li a.fly:hover { background:#12ADD3 url(../_aux_images/arrow_over.gif) 111px 7px no-repeat; color:#fff; }
.menutop :hover ul li ul li:hover > a.fly { background:#12ADD3 url(../_aux_images/arrow_over.gif) 111px 7px no-repeat; color:#fff; }