.scrollable {
float:left;
}
a.browse {
cursor:pointer;
display:block;
float:left;
font-size:1px;
height:30px;
margin:15px 10px;
width:30px;
}
a.right {
background:url("images/scroll/hscroll_right.png") no-repeat scroll center center transparent;
clear:right;
margin-right:0;
}
a.right:hover {
background:url("images/scroll/hscroll_right.png") no-repeat scroll center center transparent;
}
a.right:active {
background:url("images/scroll/hscroll_right.png") no-repeat scroll center center transparent;
}
a.left {
background:url("images/scroll/hscroll_left.png") no-repeat scroll center center transparent;
margin-left:0;
}
a.left:hover {
background:url("images/scroll/hscroll_left.png") no-repeat scroll center center transparent;
}
a.left:active {
background:url("images/scroll/hscroll_left.png") no-repeat scroll center center transparent;
}
a.up, a.down {
background:url("../img/scrollable/arrow/vert_large.png") no-repeat scroll 0 0 transparent;
float:none;
margin:10px 50px;
}
a.up:hover {
background-position:-30px 0;
}
a.up:active {
background-position:-60px 0;
}
a.down {
background-position:0 -30px;
}
a.down:hover {
background-position:-30px -30px;
}
a.down:active {
background-position:-60px -30px;
}
a.disabled {
visibility:hidden !important;
}


/* === */


.scrollable {
height:60px;
overflow:hidden;
position:relative;
width:498px;
}
.scrollable .items {
clear:both;
position:absolute;
width:20000em;
}
.items div {
float:left;
}
.scrollable img {
/*-moz-border-radius:4px 4px 4px 4px;
background-color:#FFFFFF;
border:1px solid #CCCCCC;*/
float:left;
/*height:75px;*/
margin:8px 5px;
padding:2px;
/*width:100px;*/
}
.scrollable .active {
border:2px solid #000000;
cursor:default;
position:relative;
}