/*
------------------------------------------------
MAIN
NAVI
------------------------------------------------
*/
#OverLayer { width:978px; height:632px; position:absolute; top:80; left:0; background:#333333; opacity:0.6; -moz-opacity:0.6; -khtml-opacity:0.6; filter:alpha(opacity=60); z-index:499; display:none;  }

#main_navi_holder { position:absolute; top:186px; left:0px; width:213px; height:260px; z-index:600; }

#main_navi_holder ul { margin:0; padding:0; }

#main_navi_holder ul li { display: block; width:213px; height:24px; margin:0 0 11px 0; _margin:0 0 8px 0; background:url(../images/main-navi-off.png) repeat-x; _background:url(../images/main-navi-off.gif) repeat-x;  }

*+html #main_navi_holder ul li { margin:0 0 8px 0; }
#main_navi_holder ul li a { float:left; clear:none; height:24px; width:197px; color:#ffed00; text-decoration:none; font-size:14px; font-weight:bold; line-height:24px; padding:0 0 0 16px; letter-spacing:0.1em; }

#main_navi_holder ul li a:hover { color:#FFFFFF; }

#main_navi_holder ul li.activ { background:url(../images/main-navi-on.png) repeat-x; _background:url(../images/main-navi-on.gif) repeat-x;  }

#main_navi_holder ul li.activ a { color:#FFFFFF; }



#main_subnavi_holder { position:relative; top:120px; left:213px; right:0px; height:458px; width:300px; paddings:10px 40px 0px 40px; overflow:hidden; z-index:1000; display:none;  }

.subnavi_Main  { position:absolute; top:61px; left:0px; width:200px; height:150px; overflow:auto;  z-index:1210; padding:5px; overflow:hidden; display:none; }

.subnavi_list ul { margin:0; padding:0; }

.subnavi_list ul li { display: block; width:200px; height:25px; margin:0 0 5px 0; background:url(../images/sub-navi-off.png) no-repeat; _background:url(../images/sub-navi-off.gif) no-repeat;  }

.subnavi_list ul li a { float:left; clear:none; height:25px; width:184px; color:#ffed00; text-decoration:none; font-size:12px; font-weight:bold; line-height:25px; padding:0 0 0 16px; letter-spacing:0.1em; }

.subnavi_list ul li a:hover { color:#FFFFFF; }

.subnavi_list ul li.activ { background:url(../images/sub-navi-on.png) no-repeat; _background:url(../images/sub-navi-on.gif) no-repeat;  }

.subnavi_list ul li.activ a { color:#FFFFFF; }



/*PRODUCTS Navi*/

#product_holder { float:left; clear:none; width:223px; height:364px; padding:18px 2px 0 2px;  background:url(../images/bg_product.png) top center no-repeat; _background:url(../images/bg_product.gif) top center no-repeat; }

#product_inlay_holdscroll { float:left; clear:none; width:223px; height:300px; margin-top:21px; overflow:auto; }

#product_inlay { float:left; clear:none; width:223px;  margin-top:0px; overflow:hidden; }

#product_inlay ul { margin:0; padding:0;  }

#product_inlay ul li { display:block; width:223px; height:21px; margin:4px 0 4px 0; overflow:hidden; _overflow:visible;  }

#product_inlay ul li a { float:left; clear:none; height:21px; width:300px; padding:0 0 0 10px; line-height:21px; color:#CDCDCD; font-size:13px; font-weight:bold; text-decoration:none; overflow:hidden;   }

#product_inlay ul li a:hover { color:#FFFFFF; }

#product_inlay ul li a span { float:left; clear:none; height:20px; width:12px; margin-right:6px;  }

#product_inlay ul li a span.arrow { background:url(../images/parrow_off.png) center  no-repeat; _background:url(../images/parrow_off.gif) center  no-repeat;  }

#product_inlay ul li a:hover span.arrow { background:url(../images/parrow_on.png) center  no-repeat; _background:url(../images/parrow_on.gif) center  no-repeat;  }

#product_inlay ul li.activ { background:url(../images/li_product.png) repeat-x; _background:url(../images/li_product.gif) repeat-x; }

#product_inlay ul li.activ a { color:#FFFFFF;  }

#product_inlay ul li.activ a:hover { color:#fbea05;  }

#product_inlay ul li.activ a span.arrow { background:url(../images/parrow_on.png) center  no-repeat; _background:url(../images/parrow_on.gif) center  no-repeat;  }

#product_inlay ul li a.activ { color:#fbea05; }

#product_inlay ul.noactiv li a { color:#FFFFFF;  }


/*next levels*/


#product_inlay ul.lenght1 li {  width:223px; }

#product_inlay ul.lenght2 li {  width:243px; }

#product_inlay ul.lenght3 li {  width:253px; }

#product_inlay ul.lenght4 li {  width:263px; }

#product_inlay ul.lenght5 li {  width:273px; }

#product_inlay ul ul li a { padding:0 0 0 25px; font-size:12px; }

#product_inlay ul ul ul li a { padding:0 0 0 40px; font-size:11px; }

#product_inlay ul ul ul ul li a { padding:0 0 0 50px; font-size:11px; }

#product_inlay ul ul ul ul ul li a { padding:0 0 0 60px; }

#product_inlay .nopadding { padding:0; margin:0; height:auto; }