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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 470px;
	height:275px;
}

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

/* single scrollable item */
div.scrollable div.items div {
	float:left;
    padding-right: 10px;
}

/* active item */
div.scrollable div.items div.active {

}

div.scrollable img{
  border: none;
}

.sub-navi{
  float: left;
  clear: left;
  background-image: url(/media/images/sub-navi-bg.gif);
  background-repeat: no-repeat;
  height: 47px;
  width: 130px;
  padding-left: 23px;
  padding-right: 7px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sub-navi ul{
  padding-left: 0px;
  margin: 0px;
}

.sub-navi li{
  list-style-image: url(../images/arrow-bullet.gif);
  font-size: 11px;
  margin-bottom: 10px;
}

.navi{
  background-color: white;
  float: left;
  margin-right: 10px;
}

.navi a{
  display: block;
  height: 29px;
  width: 160px;
  background-repeat: no-repeat;
  padding-bottom: 1px;
}

#nav-0{
  background-image: url(/media/images/ls-nav.gif);
}
#nav-0:hover, #nav-0.activeSlide{
  background-image: url(/media/images/ls-nav-active.gif); }

#nav-2{
  background-image: url(/media/images/rl-nav.gif); }

#nav-2:hover, #nav-2.activeSlide{
  background-image: url(/media/images/rl-nav-active.gif); }

#nav-3{
  background-image: url(/media/images/ri-nav.gif); }

#nav-3:hover, #nav-3.activeSlide{
  background-image: url(/media/images/ri-nav-active.gif); }

#nav-4{
  background-image: url(/media/images/rc-nav.gif); }

#nav-4:hover, #nav-4.activeSlide{
  background-image: url(/media/images/rc-nav-active.gif); }

#nav-5{
  background-image: url(/media/images/btb-nav.gif); }

#nav-5:hover, #nav-5.activeSlide{
  background-image: url(/media/images/btb-nav-active.gif);
}

#nav-1{
  background-image: url(/media/images/rs-nav.gif); }

#nav-1:hover, #nav-1.activeSlide{
  background-image: url(/media/images/rs-nav-active.gif);
}

#nav-6{
  background-image: url(/media/images/clab-nav.gif); }

#nav-6:hover, #nav-6.activeSlide{
  background-image: url(/media/images/clab-nav-active.gif);
}