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

#switcher-head {
	width: 238px;
	height: 40px;
	background: #323232 url("../img/switcher/brush.png") 100% 0 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: #47aede;
	position: absolute;
	color: #fff;
	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: #222;
	padding: 18px 0 10px 15px;
	overflow: hidden;
}
#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; }
}