/* =================================================================== */
/* Styles Switcher
/* =================================================================== */
#style-switcher {
	background: #303030;
	width: 210px;
	position: fixed;
	top: 50%;
	margin-top: -187px;
	z-index: 99999;
	left: -210px;
}

#style-switcher h3 {
	color: #fff;
	font-size: 12px;
	margin: 5px 0 5px 1px;
}

#style-switcher.open {
	left: 0;
}

#style-switcher div {
	padding: 5px 10px;
}

#style-switcher h2 {
	background: #404040;
	color: #fff;
	font-weight: bold;
	margin: 0;
	font-size: 13px;
	padding: 14px 0 12px 10px;
}

#style-switcher h2 a {
	background: url("../images/switcher.png") no-repeat 9px center transparent;
	background-color: #404040;
	display: block;
	height: 41px;
	position: absolute;
	right: -39px;
	text-indent: -9999px;
	top: 0;
	width: 39px;
}

#style-switcher select {
	clear: both;
	padding: 5px;
	border: none;
	width: 185px;
	margin: 0 0 12px 1px;
	color: #666;
	cursor: pointer;
}

.colors { list-style: none; margin: 0px 0px 10px 0px; overflow: hidden}
.colors li { float: left; margin: 2px; }
.colors li a { display: block; width: 15px; height: 15px; cursor: pointer;} 

#reset { margin: 0 0 15px 2px; }
#reset a { padding: 7px 25px; }

.blue { background: #6e9dd5; }
.green { background: #619d21; }
.orange {background: #b7531d; }
.teal { background: #0db0bf; }
.yellow { background: #d0a202; }
.cement { background :#837155; }
.crimson { background :#d0103f; }
.red { background: #aa0d0d; }
.pink { background: #b2377f; }
.purple { background: #7f2a7c; }

.no-img { background: #fff; }
.bg1 { background-image: url(../images/background-patterns/bg1.png); }
.bg2 { background-image: url(../images/background-patterns/bg2.png); }
.bg3 { background-image: url(../images/background-patterns/bg3.png); }
.bg4 { background-image: url(../images/background-patterns/bg4.png); }
.bg5 { background-image: url(../images/background-patterns/bg5.png); }
.bg6 { background-image: url(../images/background-patterns/bg6.png); }
.bg7 { background-image: url(../images/background-patterns/bg7.png); }
.bg8 { background-image: url(../images/background-patterns/bg8.png); }
.bg9 { background-image: url(../images/background-patterns/bg9.png); }
.bg10 { background-image: url(../images/background-patterns/bg10.png); }

.colors li a.active { box-shadow:0 0 0 2px #505050 inset }