.navlist {
	margin-left:-35px;
}


.scrollable {
position: relative;
width: 670px;
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;
}


.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
}

/* 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; 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: 642px;
background: #D50000 url(nextArrow.png) center center;
}


.jTscrollerPrevButton{background:#d50000 url(prevArrow.png) center center;}
.jTscrollerPrevButton:hover{background-color:#000; opacity:1;}
.jTscrollerNextButton: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; }



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

.scrollable ul li {
float: left;
padding: 2px;
height: 125px;
width: 220px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}


.scrollable .box .imgbox {
float: left;
margin-top: 25px;
margin-right: 5px;
}


.scrollable .box .linkbox {
float: left;
width: 145px;
text-align: left;
margin-top: 10px;
}

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

.scrollable .box {
color: #666;
font-family: Tahoma, Geneva, sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 8px;
}

.scrollable a:hover{opacity:1;}


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