#frontPageCarousel{
width:620px;
float:left;
height:308px;
overflow:visible;
background-image:url(/images/scrollbg.png);
background-repeat:no-repeat;
background-position:center center;
margin-bottom:24px;
}

#newsScroller {
clear:both;
display:block;
height:308px;
margin-left:auto;
margin-right:auto;
overflow:visible;
width:620px;
position:relative;

}
div.scrollable {
height:308px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
position:relative;
width:620px;
}
div.scrollable div.items {
position:absolute;
width:20000em;
}
div.scrollable div.items div {
float:left;
}
a.disabled {
visibility:hidden !important;
}
#newsScroller .prev, #newsScroller .next {
}
#newsScroller .prev:hover {
background-position:left top;
cursor:pointer;
}
#newsScroller .next:hover {
background-position:right top;
cursor:pointer;
}
#newsScroller .prev {
background-image:url(/images/prev.png);
background-repeat:no-repeat;
background-position:right top;
bottom:108px;
height:89px;
left:0px;
position:absolute;
width:24px;
z-index:500;
color:transparent;
}
#newsScroller .next {
background-image:url(/images/next.png);
background-repeat:no-repeat;
bottom:108px;
height:89px;
position:absolute;
right:0px;
width:24px;
z-index:500;
color:transparent;
}
.navi {
position:absolute;
left:12px;
bottom:-22px;
z-index:1000;
width:600px;
}
.navi li {

border:1px solid #ddd;
color:#444;
display:inline-block;
float:left;
font-size:10px;
line-height:16px;
list-style:none outside none;
margin:1px 1px 1px 2px;
padding-left:4px;
padding-right:4px;
text-transform:uppercase;
background-color:#e8e8e8;
}
.navi .active {
border:1px solid white;
color:white;
}
.navi li:hover {

border:1px solid white;
color:white;
cursor:pointer;
}
div.navi a.active {
}
.teaserItem, .teaserItem .active {
height:306px;
overflow:hidden;
position:relative;
width:594px;
margin-left:12px;
margin-right:12px;

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