.color-switcher {
	width: 183px;
	height: 361px;
	color: #fff;
	text-shadow: #0e0e0e 0 1px 0;
	background: url(../images/color-switcher-bg.png) bottom left no-repeat;
	position: absolute;
	right: 0;
	z-index: 100;
}

.color-switcher h2 {
	padding: 37px 0 10px 23px;
	margin: 0 0 13px 11px;
	width: 147px;
	text-align: left;
	font-size: 14px;
	background: url(../images/color-switcher-h2-bg.png) bottom left repeat-x;
}

.color-switcher h3 {
	padding: 0 0 9px 0;
	margin: 17px 0 13px 11px;
	width: 147px;
	text-align: left;
	font-size: 14px;
	background: url(../images/color-switcher-h2-bg.png) bottom left repeat-x;
}

.color-switcher h3 span {
	padding: 9px 0 0 23px;
	background: url(../images/color-switcher-h2-bg.png) top left repeat-x;
	display: block;
}

.color-switcher a {
	display: block;
	padding: 0 0 0 25px;
	margin: 0 0 8px 34px;
	text-decoration: none;
}

.color-switcher .active {
	font-weight: bold;
}

.color-switcher .blue {
	color: #3ab1ff;
	background: url(../images/color-switcher-blue.png) center left no-repeat;
}

.color-switcher .red {
	color: #e25050;
	background: url(../images/color-switcher-red.png) center left no-repeat;
}

.color-switcher .green {
	color: #72b939;
	background: url(../images/color-switcher-green.png) center left no-repeat;
}

.color-switcher .purple {
	color: #ea57e5;
	background: url(../images/color-switcher-purple.png) center left no-repeat;
}

.color-switcher .black {
	color: #9b9b9b;
	background: url(../images/color-switcher-black.png) center left no-repeat;
}

.color-switcher .orange {
	color: #ff9434;
	background: url(../images/color-switcher-orange.png) center left no-repeat;
}

.color-switcher .light {
	color: #fefefe;
	background: url(../images/color-switcher-light.png) center left no-repeat;
}

.color-switcher .dark {
	color: #9b9b9b;
	background: url(../images/color-switcher-dark.png) center left no-repeat;
}