.navlist {
	margin-left:-35px;
}
#browsable .navlist li
{
display: inline;
list-style-type: none;
background: none;
padding: 3px;
text-align: center;
margin-left: 10px;
margin-top: -7px;

}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 880px;
	height:130px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width: 900px;
}

/* single scrollable item */
.scrollable ul li{
	float:left;
	/*margin:20px 5px 20px 21px;*/
	padding:2px;
	height:125px;
	width: 275px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

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




/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}


/* right */
a.right  { margin:-20px 10px 0 10px; right:0; top:50%; }

/* left */
a.left { margin:-20px 10px 0 10px; left:0; top:50%; }




/* disabled navigational button */
a.disabled {
}

.scrollable{position:relative; width:880px; height:140px; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6; margin:0 auto; background:url(boxbg.jpg) repeat-x; padding:0; overflow:hidden;}

.jTscrollerPrevButton { position: absolute;
display: block;
width: 30px;
height: 30px;
margin-top: 58px;
margin-left: 0px;
}
.jTscrollerNextButton{ width: 30px;
height: 30px;
display: block;
position: absolute;
margin-top: 58px;
margin-left: 852px;
background:#d50000 url(nextArrow.png) center center;
}
.jTscrollerPrevButton{background:#d50000 url(prevArrow.png) center center;}
.jTscrollerNextButton:hover, .jTscrollerPrevButton:hover{background-color:#000; opacity:1;}
.scrollable a{ *display:inline;  margin:0px 0px 6px 0;}
.scrollable  a:hover{border-color:#fff;}
.scrollable  a img{border:none; width: 100px;height:100px;}


.scrollable .box{ float:left;margin:0px 40px 0px 0; color:#666666;font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; line-height:8px; width: 270px;}
.scrollable .box .imgbox{ float:left; width: 110px; margin-top: 13px;}
.scrollable .box .linkbox{ float:left;  width: 160px; text-align: left; margin-top: 5px;}

.scrollable a{opacity:1;   text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold;line-height: 16px; }
.scrollable a:hover{opacity:1;}


.linkbox a.nomargin {
	margin: 0px;
}