.content_left {
    margin              : 0px 15px 0px 15px;
    width               : 175px;
    float               : left;
}
.content_left h1 {
    font-size:13px;
}
.content_left p.align-justify {
    font-size:13px;
    text-align:justify;
}
.content_middle iframe#viewer {
    width               : 555px;
    height              : 315px;
}

.scroller {
    position            : relative;
    width               : 555px;
    float               : right;
    margin              : 13px 0px 0px;
}
.scroller .scrollable {
    height              : 175px;
    overflow            : hidden;
    position            : relative;
}
.scroller .scrollable .items {
    clear               : both;
    left                : 0;
    position            : absolute;
    width               : 20000em;
}
.scroller a.browse {
    background          : url("./scroller-arrow.png") no-repeat scroll 0 0 transparent;
    cursor              : pointer;
    display             : none;
    float               : left;
    font-size           : 1px;
    height              : 20px;
    position            : absolute;
    top                 : 70px;
    width               : 20px;
    z-index             : 1000;
}
.scroller a.browse.right {
    background-position : 0 -20px;
    clear               : right;
    margin-right        : 0;
    right               : -10px;
}
.scroller a.browse.right:hover {
    background-position : -20px -20px;
}
.scroller a.browse.right:active {
    background-position : -40px -20px;
}
.scroller a.browse.left {
    left                : -10px;
}
.scroller a.browse.left:hover {
    background-position : -20px 0;
}
.scroller a.browse.left:active {
    background-position : -40px 0;
}
.scroller a.browse.disabled {
    visibility          : hidden !important;
}