DIV.scrollable { FLOAT: left; z-index: 50; }
A.prev { DISPLAY: block; BACKGROUND: url(left.png) no-repeat; FLOAT: left; WIDTH: 26px; CURSOR: pointer; HEIGHT: 26px }
A.next { DISPLAY: block; BACKGROUND: url(left.png) no-repeat; FLOAT: left; WIDTH: 26px; CURSOR: pointer; HEIGHT: 26px }
A.prevPage { DISPLAY: block; BACKGROUND: url(left.png) no-repeat; FLOAT: left; WIDTH: 26px; CURSOR: pointer; HEIGHT: 26px }
A.nextPage { DISPLAY: block; BACKGROUND: url(left.png) no-repeat; FLOAT: left; WIDTH: 26px; CURSOR: pointer; HEIGHT: 26px }
A.prev:hover { BACKGROUND-POSITION: 0px -26px }
A.next:hover { BACKGROUND-POSITION: 0px -26px }
A.prevPage:hover { BACKGROUND-POSITION: 0px -26px }
A.nextPage:hover { BACKGROUND-POSITION: 0px -26px }
A.disabled { VISIBILITY: hidden! important }
A.next { CLEAR: right; BACKGROUND-IMAGE: url(right.png) }
A.nextPage { CLEAR: right; BACKGROUND-IMAGE: url(right.png) }

DIV.navi { MARGIN-LEFT: 395px; WIDTH: 200px; HEIGHT: 20px; }
DIV.navi A { BACKGROUND: url(navigator.png) no-repeat 0px 0px; FLOAT: left; MARGIN: 3px; WIDTH: 14px; CURSOR: pointer; HEIGHT: 14px }
DIV.navi A:hover { BACKGROUND-POSITION: 0px -12px }
DIV.navi A.active { BACKGROUND-POSITION: 0px -24px }

/* Page styles */
DIV.scrollable { OVERFLOW: hidden; WIDTH: 784px; POSITION: relative; HEIGHT: 425px; z-index: 50; }
#thumbs { CLEAR: both; WIDTH: 20000em; POSITION: absolute;	z-index: 51; }
A.prev { MARGIN-TOP: 194px }
A.next { MARGIN-TOP: 194px }

#thumbs DIV { FLOAT: left; WIDTH: 260px; CURSOR: pointer; COLOR: #000000; HEIGHT: 425px; z-index: 51; }
#thumbs DIV.hover { }
#thumbs DIV.active { CURSOR: default; }
#thumbs P { text-align: center; FONT-SIZE: 11px; MARGIN: 4px auto; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif; }
#thumbs P a { color: #333333; text-decoration: underline; font-weight: bold; }
#thumbs P a:hover { color: #333333; text-decoration: underline; }