div.scrollable {position:relative;overflow:hidden;margin-left:10px;width:363px;height:185px;border:1px solid #ccc;background:url(img/h300.png) repeat-x;}
div.scrollable div.items {width:20000em;position:absolute;clear:both;}
div.scrollable div.items img {float:left;margin:15px 5px 15px 5px;background-color:#fff;padding:2px;border:1px solid #ccc;cursor:pointer;width:105px;height:151px;}
div.scrollable div.items .active {border:1px solid #005dab;z-index:9999;position:relative;}
.scrollable {float:left;}
/* prev, next, prevPage and nextPage buttons */
a.browse {background:url(img/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:80px 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/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;}
#image_wrap{width:450px;margin:15px 0 15px 0px;padding:10px;background-color:#efefef;border:2px solid #fff;outline:1px solid #ddd;}
#image_wrap img{float:left;}
#image_wrap p{float:left;font-size:11px;margin:0px;padding:0 10px 0 10px;width:230px;text-align:justify;}