#slider {
background-color:#fff;
width:700px;
/*border:1px solid #4d4d4d;
height:286px;*/
position:relative;
margin:0 auto
}

.scroll {
/*background:#FFF*/
width:700px;
height:286px;
overflow:auto;
overflow-x: hidden;
position:relative;
clear:left;
}

#long-page ul.navigation {
height:12px;
padding-left:33px;
padding-top:12px;
position:relative;
right:0;
top:0;
}

ul.navigation {
position:absolute;
right:234px;
top:303px;
}

ul.navigation li {
float:left;
margin-right:5px
}

#long-page ul.navigation li {
margin-right:0
}

ul.navigation li a {
background:#fff url('../img/bullet.gif') no-repeat 0 0;
width:22px;
height:12px;
display:block;
text-indent:-9000px
}

ul.navigation li a:hover {
background:#fff url('../img/bullet-active.gif') no-repeat 0 0
}

ul.navigation li a.selected {
background:#fff url('../img/bullet-active.gif') no-repeat 0 0
}

#scrollleft, #scrollright {
position:absolute;
bottom:0;
cursor:pointer;
width:35px;
height:125px
}

div.disabled,div.disabled:hover {
background-image:none!important;
cursor:default
}

#scrollleft {
left:0;
z-index:5000;
background:#fff;
text-indent:-9000px
}

#scrollleft:hover {
background:#fff;
}

#scrollright {
right:0;
background:#fff;
text-indent:-9000px
}

#scrollright:hover {
background:#fff;
}