/*.panel{
    border: 2px #bfbfbf solid;
    width: 548px;
    padding: 43px 6px 0 6px;
}*/

.col2 .panel div.scrollpanel{
    margin-left: 6px;
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {
    /* required settings */
    position:relative;
    overflow:hidden;
    width: 470px;
    height:107px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.scrollable a, .scrollable img.blanker{
    float:left;
    padding: 0;
    margin: 0 2px 0 0;
    width:232px;
    height:105px;
    border: 1px #b2295e solid;
}
.scrollable img.blanker{
    border: 1px #FFF solid;
}
.scrollable a:hover {
    border: 1px #aaafb2 solid;
}
.col2 .panel .scrollable a img{
    float: none;
    padding: 0;
}

/* position and dimensions of the navigator */
.navi {
    width:56px;
    height:10px;
    margin: 7px 0 10px 0;
    margin-left: 248px;
}


/* items inside navigator */
.navi a {
    width:10px;
    height:10px;
    float:left;
    margin: 0 4px 0 0;
    background: url(../images_fglib/navi.gif);
    display:block;
    font-size:1px;
    cursor:pointer;
}

/* mouseover state */ /* active state (current page state) */
.navi a:hover, .navi a.active {
    background: url(../images_fglib/navi.gif) 0 -10px;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    background: url(../images_fglib/nextprev.gif);
    display:block;
    width:34px;
    height:107px;
    float:left;
    margin:0 5px;
    cursor:pointer;
    font-size:1px;
}

/* right */
/*a.right{ background-position: -34px 0; clear:right; margin-right: 0px;}*/
a.right{ background-position: -34px 0; margin-right: 0px;}
a.right:hover{ background-position:-34px -107px; }
a.right:active{ background-position:-34px -107px; }


/* left */
a.left{ margin-left: 0px; } 
a.left:hover{ background-position:0 -107px; }
a.left:active{ background-position:0 -107px; }

/* disabled navigational button */
a.disabled {
    visibility:hidden !important;
}