#wrapper
{
        margin-top: 20px;
}

#slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-right:10px;
}

.scroll {
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 10px 10px 10px 15px;
}

.ubercolortabs{
padding: 0;
width: 100%;
overflow: hidden;
background: transparent url(images/tabber-bg.png) repeat-x; /*right corner image*/
height:28px;
}

.ubercolortabs ul{
font: 10px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
height:28px;
}

.ubercolortabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
height:28px;
}


.ubercolortabs a{
float: left;
margin: 0 0px 0 0;
padding: 0 0 0 2px;
text-decoration: none;
letter-spacing: 1px;
outline-style: none; -moz-outline-style:none;
color: #666;
height:28px;

}

ul.navigation a.selected
{
background: transparent url(images/tabber-active-l.png) no-repeat left top; /*default background color of tabs, left corner image*/
}

.ubercolortabs a span.middle{
float: left;
display: block;
padding: 8px 20px 3px 20px;
margin-right: -1px;
cursor: pointer;
height:28px;
background: transparent url(images/tabber-div.png) no-repeat right top; /*right corner image*/
}

.ubercolortabs a span.last{
float: left;
display: block;
padding: 8px 20px 3px 20px;
margin-right: -1px;
cursor: pointer;
height:28px;
}

ul.navigation a.selected span
{
background: transparent url(images/tabber-active-r.png) no-repeat right top; /*right corner image*/
}

.ubercolortabs a span{
float: none;
}

.ubercolortabs a:hover span{
background-color: transparent;
}


div.navigation ul {
font: bold 11px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}