@charset 'utf-8';

div#slide{
    width:850px;
    height: 196px;
    position:relative;
    left: -8px;
    margin:20px 0 45px 5px;
    border: solid 1px #8dd8f3;
    overflow: hidden;
}
div#slide ul, div#slide ul li {
    position:absolute;
    width: 850px;
    height: 196px;
    overflow: hidden;
}

div#slide-panel{
    position:relative;
    width: 850px;
    height: 11px;
    top: 168px;
    z-index: 501;
    font-size: 0;
}
div#slide-panel-nav {
    height:11px;
    width:200px; /* this must be changed */
    padding: 0px 0 0 23px;
}

div.slide-arrow-left, div.slide-arrow-right, div.slide-nav, div.slide-separator{
    float:left;
    height: 21px;
    font-size: 0;
    margin: 0 0 0 0;
    background: url('/framework/images/slide/button.png') no-repeat;
}
div.slide-arrow-left{
    width: 8px;
    cursor: pointer;
    height: 10px;
}
a:hover div.slide-arrow-left {background-position: 0 bottom;}

div.slide-arrow-right{
    width: 8px;
    cursor: pointer;
    background-position: -8px top;
}
a:hover div.slide-arrow-right {background-position: -8px bottom;}

div.slide-nav {
    width:22px; 
    cursor: pointer;
}
div.slide-separator{
    width: 2px;
    background-position: -16px top;
}