#sp-themesettings-wrapper{
position:fixed;
top:30%;
left:0%;
z-index:5000;


}
.rox_theme_switcher{
width:450px;
background: rgb(245, 245, 245); /* The Fallback */
background:rgba(245,245,245,1);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
position:relative;
margin-left:-455px;
transition:all 300ms;
-webkit-transition:all 300ms;
-moz-transition:all 300ms;
-o-transition:all 300ms;
z-index:3000;
}

a.st_button{
position:absolute;
top:40px;
right:-49px;
cursor:pointer;
width:50px;
height:43px;
background:#f5f5f5;
z-index:6000;
border: 1px solid #DADADA;
}
a.st_button .icon-cog {
font-size:30px;
margin-left: 10px;
line-height: 43px;
}
a.st_button:hover {text-decoration:none}
ul.preset{margin:0;padding:0}
ul.preset li{
float:left;
padding:20px;
list-style:none;
}
ul.preset li a{
width:108px;
height:96px;
text-indent:-999em;
display:block;
-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.5);
box-shadow: 0 0px 5px rgba(0,0,0,0.5);
}
ul.preset li a.preset1{
background:#30b6ee;
}
ul.preset li a.preset2{
background:#00a478;
}
ul.preset li a.preset3{
background:#e63d51;
}