div#slider {
    clear: both;
    padding-top: 22px;
}
div#slider > div.canvas {
    background: url("images/slider.png") no-repeat scroll top left transparent;
    height: 333px;
    margin: auto;
    padding: 15px 19px;
    width: 728px;
}
div#slider > div.canvas img {
    margin: 1px;
    width: 727px;
    height: 287px;
}
div#slider > div.larrow,
div#slider > div.rarrow {
    width: 57px;
    height: 56px;
    position: relative;
    margin: 0 0 -56px -57px;
    background: url("images/slider-arrows.png") top center scroll no-repeat transparent;
    cursor: pointer;
    top: 130px;
}
div#slider > div.larrow {
    background-position: top left;
    float: left;
    left: 79px;
}
div#slider > div.rarrow { 
    background-position: top right;   
    float:right;
    right: 22px;
}