/**
 * Theme Style Swithcer
 */
.switcher-wrapper {
	position: fixed;
	left: 0px;
	top: 100px;
	float: left;
	clear: both;
	padding: 10px;
	background: #fff;
	box-shadow: 1px 1px 1px #E1E1E1;
	width: 120px;
	z-index: 9;
}


/**
 * toggle button
 */

.switcher-wrapper span.toggle {
	background-color: #05acd6;
	background-image: url(arrow.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	position: absolute;
	z-index: 2;
	cursor: pointer;
	top: 5px;
	right: -25px;
	width: 25px;
	height: 25px;
	border-radius: 0px 5px 5px 0px;
}

.switcher-wrapper span.toggle-active {
	background-image: url(arrow_two.png);
}

.switcher-wrapper h4 {
	float: left;
	clear: both;
	width: 100%;
	margin: 10px 0px 10px 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E6E6E6;
}

.switcher-wrapper a {
	float: left;
	margin: 0px 5px 5px 0px;
	width: 20px;
	height: 20px;
	border: 2px solid #efefef;
	border-radius: 3px;
}


.switcher-wrapper .dark-blue {
	background: #00677d;
}


.switcher-wrapper .blue {
	background: #05acd6;
}


.switcher-wrapper .red {
	background: #d53f3f;
}	


.switcher-wrapper .dark-red {
	background: #a12727;
}

.switcher-wrapper .green {
	background: #94d53f;
}


.switcher-wrapper .orange {
	background: #d59b3f;
}


.switcher-wrapper .dark-grey {
	background: #313131;
}


.switcher-wrapper .brown {
	background: #896a2f;
}


.switcher-wrapper .pink {
	background: #df41f2;
}

.switcher-wrapper a.version {
	float: left;
	clear: both;
	text-decoration: none;
	margin: 10px 0px 5px 0px;
	display: block;
	width: 100%;
	border: none;
	box-shadow: none;
	padding-top: 5px;
	border-top: 1px solid #e1e1e1;
}


.switcher-wrapper select
{
	float: left;
	clear: both;
	width: 100%;
}



/**
 * More Options
 */
.switcher-wrapper .dark {
	background: #333333;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Open Sans' , sans-serif;
	color: #f7f7f7;
	text-transform: uppercase;
	float: left;
	clear: both;
	margin-right: 10px;
	padding: 3px 7px;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom:10px;
}


.switcher-wrapper .light {
	background: #EFEFEF;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Open Sans' , sans-serif;
	color: #373737;
	text-transform: uppercase;
	float: left;
	clear: none;
	margin-right: 0px;
	padding: 3px 7px;
	cursor: pointer;
	margin-top: 10px;
	margin-bottom:10px;
}


.switcher-wrapper br {
	float: left;
	clear: both;
	width: 100%;
	border-bottom: 2px solid #a7a7a7;
	margin: 10px 0px;
}

/**
 * Pats
 */
.switcher-wrapper a.pat1 {
	background: url(patterns/pat1.gif) no-repeat;
}
.switcher-wrapper a.pat2 {
	background: url(patterns/pat2.gif) no-repeat;
}

.switcher-wrapper a.pat3 {
	background: url(patterns/pat3.gif) no-repeat;
}

.switcher-wrapper a.pat4 {
	background: url(patterns/pat4.gif) no-repeat;
}

.switcher-wrapper a.bg1 {
	background: url(patterns/bg1.gif) no-repeat;
}
.switcher-wrapper a.bg2 {
	background: url(patterns/bg2.gif) no-repeat;
}

.switcher-wrapper a.bg3 {
	background: url(patterns/bg3.gif) no-repeat;
}

.switcher-wrapper a.bg4 {
	background: url(patterns/bg4.gif) no-repeat;
}



@media only screen and  (max-width: 767px) {
	.switcher-wrapper {
		display: none;
	}
}