/* CSS Document */

div.scrollable {
	position : relative; 
    overflow : hidden; 
    width    : 325px; 
    height   : 395px;
	/*cursor   : pointer;*/
}

div.scrollable div.items { 
    width : 20000em;
    position : absolute; 
}

div.scrollable div.items div { 
    float:left;
	/*cursor:pointer;*/
}

div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.scrollable {
	float:left;	
}

a.browse {
	position   : absolute;
	display    : block;
	width      : 34px;
	height     : 34px;
	float      : left;
	margin-top : 344px;
	cursor     : pointer;
	font-size  : 1px;
}

a.center
{
	margin-left:120px;
}

/* right */
.scrollable a.right {
	background  : url(/medias/images/common/right-arrow.png) no-repeat;
	clear       : right;
	margin-left : 0px;
	position:absolute;
	right:0px;
}

.scrollable a.right:hover {
	/*background-position : -30px -30px;*/
}
.scrollable a.right:active {
	/*background-position : -60px -30px;*/
} 


/* left */
.scrollable a.left {
	background  : url(/medias/images/common/left-arrow.png) no-repeat;
	margin-left : 0px;
	position:relative;
	left:0px;
	top:3px;
} 
.scrollable a.left:hover {
	/*background-position:-30px 0;*/
}
.scrollable a.left:active {
	/*background-position:-60px 0;*/
}

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