.scrollable {

    /* required settings */
    position: relative; 
	font-family:UNIV-C, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#352e26;
    overflow:hidden;
    width:562px;
	height:240px;
	z-index:1;
}
.scrollable .items { 
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

.items ul {
    float:left;
    width:562px;
	margin:0;
	padding:0;
	z-index:1;
	}

/* single scrollable item */
.items li {

	display:block; float:left; width:162px; min-height: 180px; height:180px; overflow:hidden; margin:6px 5px 6px 0;
/*	display:block; float:left; width:172px; height:180px; overflow:hidden; border:5px solid #ddd; margin:6px 5px 6px 0; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; */
}

#tbitems {
margin-left:30px;
}
#tbitems li {

	display:block; float:left; width:70px; height:70px; overflow:hidden;margin:6px 5px 6px 0; 
/* border:1px solid #ddd;
background:#fff;
 */

 
}

#catitems ul {
    float:left;
    width:970px;
	margin:0;
	margin-left:15px;
	padding:0;
	z-index:1;
	}
#catitems {
margin-left:30px;
}
#catitems li {
	display:block; float:left; width:220px; height:380px; overflow:hidden;  margin:6px 5px 6px 0; border:0;  background:#221d18; 
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    position:relative;
    cursor:default;
}






/* prev, next, prevPage and nextPage buttons */
a.browse {  
	z-index:1000;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; opacity:0.7; margin:-20px 10px 0 10px;top:50%; width:40px; height:40px; display:block;  position:absolute;
	cursor:pointer;
}

a.catbrowse {  
	z-index:1000;opacity:0.7; margin:20px 0px 0 0px; width:40px; height:240px; display:block;  position:absolute;
	cursor:pointer; top:20px;
}
/* right */
a.right,a.right:active  {background:#000 url(/jquery/images/nextArrow.png) no-repeat; right:0; }
a.right:hover{ background-color:#b6250a; opacity:1; }
a.catright,a.catright:active  {background:url(/images/scroller/scroll_right.png) no-repeat; right:0; }
 a.catright:hover{opacity:1; }



/* left */
a.left,a.left:active { background:#000 url(/jquery/images/prevArrow.png) center center;  left:0; }
a.left:hover,  {background-color:#b6250a; opacity:1;}
a.catleft,a.catleft:active { background: url(/images/scroller/scroll_left.png) center center;  left:0; }
a.catleft:hover{opacity:1; }


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