.style-chooser{
  position: fixed;
  z-index: 99999;
  right:-190px;
  top: 300px;
  height: 158px;
  width: 190px;
  background: #f5f5f5;
  -moz-box-shadow: -2px 0px 11px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: -2px 0px 11px rgba(0, 0, 0, 0.12);
  box-shadow: -2px 0px 11px rgba(0, 0, 0, 0.12);

  transition:right 400ms linear 0;
  -moz-transition:right 400ms linear 0;
  -webkit-transition:right 400ms linear 0;
}

.style-chooser.active{
  right: 0;
}

ul.preset-list {
  list-style: none;
  margin: 0;
  padding: 20px;
}

ul.preset-list h4{
  margin-top: 0;
  color:#333;
  font-size: 18px;
}

ul.preset-list li {
  display: inline-block;
  height: 36px;
  width: 45px;
  margin: 2px 1px;
}

.style-chooser-inner{
  position: relative;
  z-index: 1;
}

.toggoler {
  background: #fff  url(../images/styleswitcher.png) no-repeat 50% 50%;
  position: absolute;
  top: 0;
  left: -40px;
  width: 40px;
  height: 40px;
  z-index: 2;
  text-indent: -9999px;
}