/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage 
{width:24px; height:24px; background:url(../images/back.gif) no-repeat; cursor:pointer; float:left }
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px 0px;	}
/* disabled navigational button */
a.disabled { visibility:hidden !important;}
/* next button uses another background image */
a.next, a.nextPage { background-image:url(../images/next.gif); clear:right;}
/* root element for the whole scrollable setup */
div.scrollable { position:relative; overflow:hidden; height:174px; background-color:#FFFFFF }
/* root element for scrollable items. It is absolutely positioned with large width. */
#thumbs { position:absolute; width:20000px; clear:both;}
/* single item */
#thumbs div { float:left;  }
/* style when mouse is over the item */
#thumbs div.hover {}
/* style when element is active (clicked) */
#thumbs div.active { cursor:default;}
.gallery {background-color:#F4F3F4; width: 320px; display:inline-block}
.gallerytext {float:left; width: 272px; text-align:center; color:#DD2027; margin-top:6px}
.casescroll {width:520px; background-color:#FFFFFF}
.casescroll img {margin-right: 20px}
.casescrollnav {background-color:#F4F3F4; width: 520px; display:inline-block}
.casescrollnavtext {float:left; width: 472px; text-align:center; color:#DD2027; margin-top:6px}