#style-switcher {
	position: fixed;
	top: 9%;
	left: -212px;
	z-index: 10000;
	color: #fff;
       z-index:888;
}
#style-switcher, #style-switcher select { font: 12px/18px Arial, Helvetica, sans-serif; }

#switcher-head {
	width: 238px;
	height: 40px;
	background: #232323 url("../img/switcher/brush.png") 95% 7px no-repeat;
	font-size: 15px;
	line-height: 40px;
	color: #fff;
	padding-left: 15px;
	margin: 0;
	cursor: pointer;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
#reset {
	font-size: 10px;
	background: #cccccc;
	position: absolute;
	color: #333;
	padding: 0 5px 2px;
	margin-top: -29px;
	margin-left: 128px;
	line-height: 14px;
	font-weight: normal;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#switcher-content {
	width: 181px;
	background: #333;
	padding: 0px 0 0px 0px;
	overflow: hidden;
}
#switcher-content .el{border-top:1px solid #414141; border-bottom:1px solid #232323; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px}
#switcher-content select { width: 150px; margin-bottom: 11px; padding: 2px 4px; height: 24px; }
#switcher-content .sub-head { margin-bottom: 10px; }
#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; } 

@media (max-width: 767px) {
	#style-switcher { display: none; }
}
#switcher-content{border-bottom-right-radius:6px;
-webkit-border-bottom-right-radius: 6px;
moz-border-bottom-right-radius:6px}
#switcher-content form{margin:0}
.color-default{background:#d2d1d0}