	#style-switcher.styler-visible{
		left: 0;

	    ms-transform: scale(1,1); /* IE 9 */
	    -webkit-transform: scale(1,1); /* Safari */
	    transform: scale(1,1);
	    -webkit-transition-duration: .4s; /* Safari */
	    -moz-transition-duration: .4s; /* Firefox */
	    -ms-transition-duration: .4s; /* IE */
	    -o-transition-duration: .4s; /* Opera */
	    transition-duration: .4s;
	}
	#style-switcher{
		opacity: .8;
		width: 280px;
		left: -280px;
		position: fixed; 
		top: 120px; 
		background: #303238; 
		color: #FFF;
		border: 1px solid rgba(255,255,255,.3);
		padding: 10px;
		font-family: Tahoma,Verdana,Arial,sans-serif;
		box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.30);
		z-index: 999999999999;
		border-bottom-right-radius: 4px;

	    ms-transform: scale(1,1); /* IE 9 */
	    -webkit-transform: scale(1,1); /* Safari */
	    transform: scale(1,1);
	    -webkit-transition-duration: .4s; /* Safari */
	    -moz-transition-duration: .4s; /* Firefox */
	    -ms-transition-duration: .4s; /* IE */
	    -o-transition-duration: .4s; /* Opera */
	    transition-duration: .4s;
	}
	#style-switcher:hover{
		opacity: 1;
	}
	#style-switcher h4{
		color: #fff;
		margin-top: 0;
		border-bottom: 1px solid rgba(255,255,255,.3);
		padding-bottom: 10px;
		text-align: center;
		font-weight: bold;
	}
	#show-styler{
		position: absolute;
		top: -1px;
		right: -37px;
		cursor: pointer;
		display: block;
		font-size: 1.5em;
		padding: 6px 8px;
		text-align: center;
		border: 1px solid rgba(255,255,255,.3);
		border-left: 1px solid transparent;
		background: #101010;
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	#style-switcher ul{
		padding: 0;
		margin: 0;
	}
	#style-switcher ul li{
		list-style-type: none;
	}

	/*five blocks*/
	.styler-five-blocks li{
		width: 18.4%;
		height: 32px;
		display: inline-block;
		border: 2px solid rgba(255,255,255,.3);
		cursor: pointer;
		margin-right: 1.6%;
	}
	.styler-five-blocks li:hover{
		border: 2px solid rgba(255,255,255,.7);
	}


	/*two blocks*/
	.styler-two-blocks li:first-child{
		margin-right: 10px;
	}
	.styler-two-blocks li{
		float: left;
		width: 47.8%;
		text-align: center;
		cursor: pointer;
		font-size: .9em;
	}
	.styler-two-blocks li a{
		display: block;
		width: 100%;
		padding: 10px;
		border: 2px solid rgba(255,255,255,.3);
		color: #fff;
		font-size: .85em;
	}
	.styler-two-blocks li a:hover{
		border: 2px solid rgba(255,255,255,.7);
		background: rgba(255,255,255,0.1);
		text-decoration: none;
	}