/* this makes it possible to add next button beside scrollable */
div.scrollable {float:left; background-color:#00F;}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {display:block;width:18px;height:18px;background:url(http://www.customessays.net/styles/img/leftpng24.png) no-repeat;float:left;margin:0px 0px 0 0px;cursor:pointer;}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {background-position:0px -18px;}

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

/* next button uses another background image */
a.next, a.nextPage {background-image:url(http://www.customessays.net/styles/img/rightpng24.png);clear:right;}

/* position and dimensions of the navigator */
div.navi {margin:0px 0 0 546px;width:100px;height:20px; float:left}
div.navi a {width:8px;height:8px;float:left;margin:3px;background:url(http://www.customessays.net/styles/img/navigator.png) 0 0 no-repeat;cursor:pointer;}
div.navi a:hover {background-position:0 -8px;}
div.navi a.active {background-position:0 -16px;} 	
/***********************************************/

a:active {outline:none;}
:focus {-moz-outline-style:none;}

div.scrollable {position:relative;overflow:hidden;width: 600px;height:150px; background:#000; margin:0px;} /*600 Width*/
 
/* root element for scrollable items. It is absolutely positioned with large width. */
#thumbs {position:absolute;width:40000em;clear:both;}
#thumbs2 {position:absolute;width:40000em;clear:both;}
#thumbs3 {position:absolute;width:40000em;clear:both;}
 
/* custom positioning for navigational links */
a.prev{margin-top:66px;margin-right:-22px; position:relative; z-index:200;}
a.next {margin-top:66px;margin-left:-18px; position:relative; z-index:200;}
/**********************************************/ 
 
/* single item */
#thumbs div {margin-top:0px;float:left;width:600px;height:150px;cursor:pointer;}
#thumbs2 div {margin-top:0px;float:left;width:600px;height:150px;cursor:pointer;}
#thumbs3 div {margin-top:0px;float:left;width:600px;height:150px;cursor:pointer;}


div.scrollabletop {float:left; background-color:#00F;}
div.scrollabletop{position:relative;overflow:hidden;width:500px;height:125px; background:#000;}
#thumbstop {position:absolute;width:40000em;clear:both;}
#thumbstop div {margin-top:0px;float:left;width:500px;height:125px;cursor:pointer; background-color:#FFFFFF;}