/* WRAPPER IN USER CONTROL */

#frontPageTeaserWrap {
height:250px;
overflow:hidden;
width:658px;
border:1px solid #ddd;
}
.frontPageTeaser {
width:658px;
}
#teaserWrap {
clear:both;
display:block;
height:320px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
width:100%;
}

/* WRAPPER FOR SCROLLABLE */

div.scrollable {
height:250px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
position:relative;
width:658px;
}
div.scrollable div.items {
position:absolute;
width:20000em;
}
div.scrollable div.items div {
float:left;
}
a.disabled {
visibility:hidden !important;
}

/* NEXT & PREVIOUS LINKS */

#teaserWrap .prev, #newsScroller .next {
}
#teaserWrap .prev:hover {
background-image:url(/images/pagination.png);
background-position:left bottom;
background-repeat:no-repeat;
cursor:pointer;
}
#teaserWrap .next:hover {
background-image:url(/images/pagination.png);
background-position:right bottom;
background-repeat:no-repeat;
cursor:pointer;
}
#teaserWrap .prev {
background-image:url(/images/pagination.png);
background-position:left top;
background-repeat:no-repeat;
bottom:95px;
color:transparent;
height:28px;
left:8px;
position:absolute;
width:28px;
z-index:500;
text-indent:-1000px
}
#teaserWrap .next {
background-image:url(/images/pagination.png);
background-position:right top;
background-repeat:no-repeat;
bottom:95px;
color:transparent;
height:28px;
position:absolute;
right:8px;
width:28px;
z-index:500;
text-indent:-1000px
}
/* PAGING NUMER OF ITEMS */
.navi {
display:none;
position:absolute;
right:1px;
top:1px;
z-index:1000;
height:16px;
margin:0px;
padding:0px;
}
.navi li {
border:1px solid #CCCCCC;
color:#000;
display:inline-block;
float:left;
font-size:10px;
line-height:16px;
margin:1px 1px 1px 2px;
text-transform:uppercase;
background:#ddd;
height:10px;
width:10px;
list-style:none;
}
.navi .active {
background:#0064A4;
border:1px solid white;
color:white;
}
.navi li:hover {
background:black;
border:1px solid white;
color:white;
cursor:pointer;
}
div.navi a.active {
}

/* THE WRAPPER FOR ITEMS GENERATED BY ADMIN TEMPLATE */

.teaserItem, .teaserItem .active {
height:320px;
overflow:hidden;
position:relative;
width:658px;
z-index:1;
}