#templateswitcher {
	background: #fff;
	right: 0;
	position: fixed;
	top: 200px;
	width: 200px;
	z-index: 120;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color:#ccc;
	-webkit-transition: all .3s ease-in-out 0s;
	-moz-transition: all .3s ease-in-out 0s;
	-ms-transition: all .3s ease-in-out 0s;
	-o-transition: all .3s ease-in-out 0s;
	transition: all .3s ease-in-out 0s;
}

#templateswitcher.ts-closed {
	right:-201px;
}

#templateswitcher > div {padding: 15px;}

#templateswitcher .mb20 {margin-bottom:20px;}

#templateswitcher h5 {background: #f5f5f5; color: #4d4d4d; font-size: 14px; font-weight: bold; padding-left: 15px; margin-top: 0; margin-bottom: 0; line-height: 40px; border-bottom:1px solid #ccc; position: relative;}

#templateswitcher h5 a {
	display: block;
	height: 40px;
	position: absolute;
	left:-40px;
	text-indent: -9999px;
	top: 40px;
	width: 40px;
	background: url("settings.gif") no-repeat 0 4px #fff;
	border-width: 1px 0 1px 1px;
	border-style: solid;
	border-color:#ccc;
}

hr.ts-hr-1 {margin: 0 -15px 15px -15px; height:0; border-width: 1px 0 0 0; border-style:solid; border-color: #ccc; }

.layout-style select {border: medium none; color: #666666; cursor: pointer; margin: 0 0 0 -5px; padding: 5px; width: 100%;}

.clearboth {clear:both;display:block;}


#templateswitcher p {font-size: 12px; color: #999;margin-bottom: 15px;}
#templateswitcher p.mb0 {margin-bottom:0;}

#templateswitcher p:last-child {margin-bottom: 0px;}


form#templateselect {margin-bottom:0px;}

#templateswitcher .colors a {float:left;width:18px;height:18px;margin-right:12px;background: #000;margin-bottom:15px;}

#templateswitcher .colors a.color6 {margin-right:0;}

#templateswitcher .colors a.color1 {background: #20A5E8;}
#templateswitcher .colors a.color2 {background: #1FB5AD;}
#templateswitcher .colors a.color3 {background: #e73e54;}
#templateswitcher .colors a.color4 {background: #FFBA00;}
#templateswitcher .colors a.color5 {background: #eb4aa9;}
#templateswitcher .colors a.color6 {background: #a5d524;}