.scrollable { /* required settings */ position:relative; overflow:hidden; width: 625px; height:160px; margin:57px 0 0 56px;	/* custom decorations */ }
.scrollable .items { /* this cannot be too large */
	width:20000em; position:absolute; clear:both; }
.items div { float:left; width:625px; margin: 0 40px 0 0; }
/* single scrollable item */
.scrollable .scrimgWrap { float:left; display:block; width:143px; height:83px; overflow:hidden; margin:0 0 8px; padding:2px; border-width: 2px; -moz-border-image: url(../images/home/topicimgBD.png) 2 stretch; -webkit-border-image:url(../images/home/topicimgBD.png) 2 stretch; -o-border-image:url(../images/home/topicimgBD.png) 2 stretch; border-image:url(../images/home/topicimgBD.png) 2 stretch; }
/*.scrollable img { width:143px; }*/
/* active item */
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }
.scrollable .items li { float:left; display:block; width:147px; height:149px; margin:0 9px 0 0; }
.topicTxt-b { display:block; width:147px; }
.topicTxt-b h4 { font-size:11px; font-weight:400; color:#204692; padding:0 0 6px 0; line-height:12px; }
a:hover .topicTxt-b h4{ text-decoration:underline; }
.topicTxtNei { font-size:11px; font-weight: 300; color:#666666; text-decoration:none !important; }
a .topicTxtNei { color:#666666; text-decoration:none !important; }
.scrollable .items li a:hover { text-decoration:none !important; }
/* this makes it possible to add next button beside scrollable */
.scrollable { float:left; }
/* prev, next, prevPage and nextPage buttons */
a.browse { background:url(../images/home/hori_large.png) no-repeat; display:block; width:24px; height:22px; position:absolute; top:91px; left:50%; cursor:pointer; font-size:1px; }
/* right */
a.right { background-position: 0 -22px; clear:right; margin-left: 339px; }
a.right:hover { background-position:-24px -22px; }
a.right:active { background-position:-48px -22px; }
/* left */
a.left { margin-left:-364px; }
a.left:hover { background-position:-24px 0; }
a.left:active { background-position:-48px 0; }
/* position and dimensions of the navigator */
.navi { position:absolute; top:20px; margin-right:631px; width:200px; height:20px; }
/* items inside navigator */
.navi a { width:8px; height:8px; float:right; margin:3px; background:url(../images/home/navigator.png) 0 0 no-repeat; display:block; font-size:1px; }
/* mouseover state */
.navi a:hover { background-position:0 -8px; }
/* active state (current page state) */
.navi a.active { background-position:0 -16px; }