.style_switcher { 
    z-index: 45; 
    position: fixed;
    left: -212px;
    top: 145px; 
}

.style_switcher .style_separator { 
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 13px 0;
}

.style_switcher a {
	color: #000;
	cursor: pointer;
}

.style_switcher a:hover {
	text-decoration: underline
}

.style_switcher .switcher_icon {
    background: transparent url(../style_switcher/assets/images/style_switcher_icon.png) no-repeat;
    cursor: pointer;
    float: right;
	height: 55px;
    width: 55px;
}

.style_switcher.active .switcher_icon, 
.style_switcher .switcher_icon:hover {
    background-image: url(../style_switcher/assets/images/style_switcher_icon_open.png);
}

.style_switcher .form_holder {
	padding: 0 5px 0 0;
	margin: 0;
	background: #fff;
	color: #000;
    float: right;
    width: 212px;
	border-top: 1px solid #5a5a5a;
	border-bottom: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
}

.style_switcher .choose_your_style {
	font-size: 14px;
	padding: 20px 15px;
}

.style_switcher .bg_type {
	border-top: 1px solid #e5e5e5;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	display: block; 
	margin-bottom: 20px;
}

.style_switcher .bg_type .s_boxed,
.style_switcher .bg_type .s_wide {
	float: left;
	width: 50%;
	text-align: center;
	padding: 10px
}

.style_switcher .bg_type .s_boxed { 
	border-left: 1px solid #e5e5e5;
}

.style_switcher h3 {
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 15px;
}

/* Patterns */
.style_switcher h3.bg_patterns {
	margin-bottom: 15px;
}

.style_switcher .bg_pattern_icons {
	padding: 0 20px;
}

.style_switcher a.pattern_icon {
	border: 1px solid #CCC;
	width: 27px;
	height: 27px;
	margin: 1px 1px 5px 2px;
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
}

.style_switcher a.pattern_icon:hover {
	border-color: red;
}

/* Background Images */
.style_switcher h3.bg_images {
	margin-bottom: 15px;
}

.style_switcher .bg_images_icons {
	padding: 0 20px;
}

.style_switcher a.bg_icon {
	border: 1px solid #CCC;
	width: 27px;
	height: 27px;
	margin: 1px 1px 5px 2px;
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
}

.style_switcher a.bg_icon:hover {
	border-color: red;
}

/* Color Schemes */
.style_switcher h3.color_schemes {
	margin-bottom: 15px;
}

.style_switcher .color_schemes_icons {
	padding: 0 20px;
}

.style_switcher a.skin_icon {
	width: 27px;
	height: 27px;
	margin: 1px 1px 5px 2px;
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
}

/* Reset style */
.style_switcher .reset_style {
	text-align: center;
	padding: 20px 0;
	font-size: 14px;
}
.style_switcher .reset_style a {
	background: transparent url(../style_switcher/assets/images/reset_style_icon.png) no-repeat left center;
	padding-left: 30px;
}

@media(max-width: 1023px) {
.style_switcher {
    display: none;
}
}