#slider {
width: 100%;
margin: 0 auto;
position: relative;
}

.scroll {
margin: 0 auto;
height: 290px;
width: 300px;
overflow: auto;
overflow-x: hidden;
position: relative;
clear: left;
}

.scrollContainer div.panel {
height: 290px;
width: 300px;
overflow: hidden;
}

#shade {
height: 50px;
}

.scrollButtons {
position: absolute;
top: 305px;
cursor: pointer;
}

.scrollButtons.left {
left: 0px;
}

.scrollButtons.right {
right: 0px;
}

.hide {
display: none;
}

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }