/* CSS for Scrollable */

/* required settings */ 
div.scrollable { position:relative; overflow:hidden; width: 490px; height: 140px; } 
div.scrollable div.items { width:20000em; position:absolute; } 
div.scrollable div.items div { float:left; } 
div.items div.active { border:1px inset #ccc; background-color:#fff; }
div.items img { border: 5px solid #ccc; margin: 5px; }
.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../img/gallery/slide-buttons.png) no-repeat; display:block; width:30px; height:30px; float:left; margin:40px 10px; cursor:pointer; font-size:1px; }

/* right */
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; } 

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

/* up and down */
a.up, a.down { background:url(img/scrollable/arrow/vert_large.png) no-repeat;  float: none; margin: 10px 50px; }

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

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


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