#theme-selector
{
padding: 5px;
font-family: Arial;
background-color: #ff0054;
color: #fff;
text-align: center;
position: absolute;
font-weight: 600;
right: 0px;
top: -31px;
}

#wrapper
{
position: absolute;
width: 100%;
background-color: lime;
border-top: 5px solid #666;
bottom: 0;
left: 0;
position: fixed;
}

#theme-items
{
position: relative;
max-height: 140px;
}

#theme-carousel
{
background-color: #eee;
position: relative;
overflow: hidden;
}

#themes-frame
{
overflow: hidden;
margin-left: 50px;
margin-right: 50px;
}


#theme-carousel #btn-previous,
#theme-carousel #btn-next
{
position: absolute;
width: 28px;
height: 25px;
text-indent: -9999px; 
cursor: pointer;
top: 50px;
margin-left: 10px;
}

#theme-carousel #btn-previous
{
float: left;
background-image: url('http://www.respeak.net/images/sprites/prev-next-sprite.png');
background-repeat: no-repeat; 
}

#theme-carousel #btn-next
{
float: left;
background-image: url('http://www.respeak.net/images/sprites/prev-next-sprite.png');
background-repeat: no-repeat; 
background-position: right;
right: 10px;
}


#theme-carousel ul
{
position: relative;
padding: 0;
margin: 10px 0 5px 0;
height: 130px;
overflow: hidden;
}

#theme-carousel ul li
{
list-style: none;
display: inline;
float: left;
width: 150px;
margin-left: 22px;
position: relative;
}

#theme-carousel ul li a img
{
border: 0;
height: 100px;
width: 150px;
}

#theme-carousel ul li a .changeTheme
{
font-family: Arial;
display: none;
position: absolute;
top: 0;
left: 0;
background-color: #000;
color: #fff;
text-align: center;
width: 150px;
font-size: .9em;
line-height: 20px;
}

#theme-carousel ul li a:hover .changeTheme
{
display: inline;
}

#theme-carousel ul li a
{
color: #999;
text-decoration: none;
}
#theme-carousel ul li a .themeName
{
display: block;
width: 150px;
margin-top: 3px;
text-align: center;
font-size: .9em;
}

#theme-carousel ul li a:hover
{
color: #333;
}