#screen {padding: 0; margin:0 }
#screen li { float: left; list-style: none; display:inline; }
#screen .jq-ss-crop { margin: 5px 5px; float: left; text-align:center; }
#view {width: 520px; border: 1px white solid; height: 100px; overflow: hidden; }
#images { width: 3818px !important; width: 3822px; padding: 0; height:100px }
#images li img { border: 0;  border: 2px solid #FFFFCC;}
/* this makes it possible to add next button beside scrollable */


/* right */
#right {  margin-left: 10px; background: url(arrow_right.gif) no-repeat;  width:16px; height:25px; display:block; margin-top:30px; }


/* left */
#left { margin-left: 10px;background: url(arrow_left.gif) no-repeat; width:16px; height:25px; display:block; margin-top:30px;}


/* up and down */

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