#style-switcher {
	position: fixed;
	top: 137px;
	left: -263px;
	z-index: 10000;
	color: #222;
}
#style-switcher, #style-switcher select { font: 12px/18px Arial, Helvetica, sans-serif; }

#switcher-head {
	width: 315px;
	height: 51px;
	font-size: 16px;
	line-height: 40px;
	color: #222;
	margin: 0;
	cursor: pointer;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
#switcher-head .head_c{background:#f6f6f6; width:260px;height: 49px;float: left;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
#switcher-head .head_c h3{float:left;font-weight:normal;font-family: Arial, Helvetica, sans-serif; color:#222; margin-top:15px; margin-left:15px; font-size:16px;}
#switcher-head .button{background:url('../img/switcher/brush.png') no-repeat; float: left;width: 51px;height: 52px;margin-top: -1px;}
#reset {
	font-size: 11px;
	background: #fff;
	border:1px solid #e4e4e4;
	color: #999999;
	float:left;
	padding: 0 5px 2px;
	margin-top:18px;
	margin-left: 30px;
	line-height: 14px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#switcher-content {
	width: 245px;
	background: #fff;
	padding: 18px 15px 0px 0px;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	-webkit-box-shadow: 1px 0px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 0px 10px rgba(0,0,0,0.1);
	box-shadow: 1px 0px 10px rgba(0,0,0,0.1);
}
#switcher-content form{margin-bottom:0;}
#switcher-content p{color:#999; font-size:13px;font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;margin-top:0;padding-left:15px; margin-bottom:15px;}
#switcher-content select { width: 150px; margin-bottom: 11px; padding: 2px 4px; height: 24px; }
#switcher-content ul { margin: 0 0 11px; padding: 0; width: 135px; overflow: hidden; }
#switcher-content li {
	list-style-type: none;
	float: left;
	margin: 0 8px 6px 0;
}
#switcher-content img { display: block; }
#switcher-content .el .head{background:#f6f6f6  url('../img/switcher/plus.png') no-repeat 236px 15px; border-top:1px solid #ebebeb; width:100%; border-bottom:1px solid #ebebeb; padding:11px 15px; color:#222; font-size:13px;font-weight:bold;
	font-family: Arial, Helvetica, sans-serif; cursor:pointer;float:left;}
#switcher-content .options{padding:15px; display:none; float:left; width:100%; background:#fff;}
#switcher-content .open .options{display:block;}
#switcher-content .open .head{background: #f6f6f6 url('../img/switcher/opened.png') no-repeat 235px 20px;}


#switcher-content .switch_button{width:110px;float:left; padding:8px 0; text-align:center;background:#fff;color:#999; font-size:13px; border:1px solid #ebebeb;}
#switcher-content .switch_button:nth-child(2){border-left:none;border-top-right-radius: 12px; -webkit-border-top-right-radius: 12px; -moz-border-top-right-radius: 12px; border-left:none;border-bottom-right-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-bottom-right-radius: 12px}
#switcher-content .switch_button:nth-child(1){border-top-left-radius: 12px; -webkit-border-top-left-radius: 12px; -moz-border-top-left-radius: 12px;border-bottom-left-radius: 12px; -webkit-border-bottom-left-radius: 12px; -moz-border-bottom-left-radius: 12px}
#switcher-content .switch_button.active{background:#f6f6f6;}

#switcher-content .button_text{width:32px; padding:7px 0; color:#999; background:#fff; text-align:center;float:left;margin-right:10px; border:1px solid #ebebeb; border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius:6px;}
#switcher-content .button_text.active{background:#f6f6f6;}

#switcher-content .button_img{position:relative;width:32px; height:32px ; margin-right:10px; margin-bottom:10px; float:left; border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius:6px;}
#switcher-content .button_img img{width:100%; height:100%; float:left;}
#switcher-content .button_img.active span{background:url('../img/switcher/selected.png') no-repeat center; position:absolute; width:100%; height:100%; top:0; left:0; }
@media (max-width: 767px) {
	#style-switcher { display: none; float:left;}
}