.styleswitcher h4{color:#000000 !important; font-size:14px; font-weight:bold; text-transform:uppercase; margin:10px 0 10px 0;}
.styleswitcher .arrow-box { top:20%; right:-40px; position: absolute;}
.switch-button { color:#ffffff !important;background:#E800CC;border:1px solid #E800CC;width:30px; height:140px; line-height:130%;text-align:center;font-size:21px;cursor:hand; display: block; 
box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-webkit-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-moz-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-o-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);} 

@media screen and (min-width: 360px) and (max-width: 385px) {
.styleswitcher h4{color:#000000 !important; font-size:14px; font-weight:bold; text-transform:uppercase; margin:10px 0 10px 0;}
.styleswitcher .arrow-box { top:20%; right:-30px; position: absolute;}
.switch-button { color:#ffffff !important;background:#E800CC;border:1px solid #E800CC;
width:24px; height:120px; line-height:130%;text-align:center;font-size:16px;cursor:hand; display: block;
box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-webkit-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-moz-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-o-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);} 
}

@media screen and (min-width: 992px) {
.styleswitcher h4{color:#000000 !important; font-size:14px; font-weight:bold; text-transform:uppercase; margin:10px 0 10px 0;}
.styleswitcher .arrow-box { top:20%; right:-50px; position: absolute;}
.switch-button { color:#ffffff !important;background:#E800CC;border:1px solid #E800CC;
width:40px; height:170px; line-height:130%;text-align:center;font-size:26px;cursor:hand; display: block;
box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-webkit-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-moz-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-o-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);} 

}


.styleswitcher { position: fixed; top: 50%; left: 0; background:#ffffff;padding:10px 5px 12px 5px; width:72px;border: 1px solid #E800CC; z-index:3000; 
box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-webkit-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-moz-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);
-o-box-shadow:0 0 10px rgba(307, 100, 91, 0.8);}
.styleswitcher p { margin:0; }

.styleswitcher ul { margin: 0 auto; padding: 0; width:100%; }
ul.background-selector img:hover, ul.background-selector1 img:hover{ cursor:hand;}
.styleswitcher ul li { list-style: none; margin:0; padding:5px 5px;display:inline-block;}
.styleswitcher ul li a { float:left;text-decoration:none;}
.styleswitcher ul li a:hover { border:1px solid #ccc;}
.styleswitcher ul li.nomargin { margin-bottom:2px; }