#image_wrap{ width: 500px; margin: 10px 0 10px 40px; padding: 10px 0; text-align: center; background-color: #efefef; border: 2px solid #fff; outline: 1px solid #ddd; -moz-ouline-radius: 4px; }
.scrollable{ position: relative; overflow: hidden; width: 502px; height: 120px; border:1px solid #ccc; background: url('/images/flowplayer/001.png') repeat-x; }
.scrollable .items{ width: 20000em; position: absolute; clear: both; }
.scrollable img{ float: left; margin: 20px 5px 20px 12px; background-color: #fff; padding: 2px; border: 1px solid #ccc; cursor: pointer; width: 100px; height: 75px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.scrollable .active{ border: 2px solid #000; z-index: 9999; position: relative; }
.scrollable{ float: left; }
a.browse{ background: url('/images/flowplayer/002.png') no-repeat; display: block; width: 30px; height: 30px; float: left; margin: 40px 10px; cursor: pointer; font-size: 1px; }
a.right{ background-position: 0 -30px; clear: right; margin-right: 0px; }
a.right:hover{ background-position: -30px -30px; }
a.right:active{ background-position: -60px -30px; }
a.left{ margin-left: 0px; }
a.left:hover{ background-position: -30px 0; }
a.left:active{ background-position: -60px 0; }
a.up, a.down{ background:url('/images/flowplayer/003.png') no-repeat;  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; }