.bar-menu {
    width: 250px;
}
.bar-menu .box1 {
    background-color: #2A2A2A;
    color: #ffffff;    
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box1-hover {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box1-open-hover {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box1 img, .bar-menu .box1-hover img, .bar-menu .box1-open img, .bar-menu .box1-open-hover img {
    position: absolute;

}
.bar-menu .section {
    background-color: #2A2A2A;
    font-family: Tahoma;
    font-size: 13px;    
    border-width: 0px;
    border-color: #000000;
    display: none;
}
.bar-menu .section a {
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
    padding: 4px 8px;
}
.bar-menu .section a:hover {
    color: #CCEEEB;
    text-decoration: none;
    white-space: nowrap;
}
.bar-menu .box2 {    
    background-color: #2A2A2A;
    color: #000000;    
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
    border-bottom: 1px solid #3A3A3A;
    text-align: right;

}
.bar-menu .box2-hover {
    background-color: #D89430;
    color: #000000;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
    border-bottom: 1px solid #3A3A3A;
    text-align: right;
}

.bar-menu .box3 {    
    background-color: #2A2A2A;
    color: #D89430;    
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
    text-align: left;
}

.bar-menu .box3 a{    
    color: #D89430;      
}



.bar-menu .box4 {
    background-color: #2A2A2A;
    color: #ffffff;    
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}

.bar-menu .box4 a{
    background-color: #2A2A2A;
    color: #ffffff;    
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 0px;
    cursor: default;
    position: relative;
}

.bar-menu .box4-hover {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box4-open {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box4-open-hover {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;
}
.bar-menu .box4 img, .bar-menu .box4-hover img, .bar-menu .box4-open img, .bar-menu .box4-open-hover img {
    position: absolute;

}


.catsel a{
background-color: #31317B; color: #ffff00;
}


.bar-menu .box3-hover {
    background-color: #31317B;
    color: #ffffff;
    font-size: 13px;
    font-family: tahoma;
    padding: 4px 8px;
    cursor: default;
    position: relative;    
}

.bar-menu .section .active,
.bar-menu .section .active:hover {
    color: yellow;
}

a, a:visited, a:hover, a:active, a:focus {direction:ltr; outline:0;}
 
#positioner {position:relative; width:160px; height:370px; padding-right:10px; float:left; background:#222222;border:0px solid red;}

.holder {position:absolute; width:150px; height:19px; border:0px solid blue;}

dl.menu {width:528px; float:left; margin:-32000px 0 0 -9999px;}

.p0 {top:0;}
.p1 {top:20px;}
.p2 {top:40px;}                                           
.p3 {top:60px;}
.p4 {top:80px;}
.p5 {top:100px;}
.p6 {top:120px;}
.p7 {top:140px;}
.p8 {top:160px;}
.p9 {top:180px;}
.p10 {top:200px;}
.p11 {top:220px;}                        
.p12 {top:240px;}
.p13 {top:260px;}
.p14 {top:280px;}
.p15 {top:300px;}
.p16 {top:320px;}
.p17 {top:340px;}
.p18 {top:360px;}

dl.menu a {display:block; height:19px; font:13px Tahoma; text-decoration:none;
           padding-right:10px;
           border-bottom:1px solid rgb(58,58,58);
           border-left:1px solid #2A2A2A;
          text-align:right;}
 
 dl.menu dt {float:left; padding:0; position:relative; left:9999px; z-index:50; margin:32000px 0 0 0;}
 dl.menu dt a {width:237px; background:#2A2A2A; float:left; color:#fff;}
 dl.menu dt a.sub {background:#2A2A2A url(images/arrow.png) no-repeat 10px center; color:#fff;}
 dl.menu dt a:hover,
 dl.menu dt a:focus,
 dl.menu dt a:active
 {margin-right:1px; text-decoration:none; background-color:#31317B; color:#fff;}
 
 dl.menu dd {float:left; padding:0; margin:0;}
 dl.menu dd a {position:relative; background:#444444; width: 269px; color:#fff; left:9719px; top:-20px; z-index:60;}
 dl.menu dd a:hover,
 dl.menu dd a:focus,
 dl.menu dd a:active
 {margin-right:1px; background:#31317B; color:#fff;}