@media screen and (max-width: 768px) {
#truethemes-styling-preview,
#truethemes-styling-preview #container {
	display: none !important;
}  
}

#truethemes-styling-preview {
	width: 280px;
	position: absolute;
	right: 0;
	top: 20px;
	z-index: 1000;
	display: block;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

#container {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0 2px 9px 2px rgba(0,0,0,0.20);
	display: hidden;
	background: #fff;
}

.style-title {
	color: #FFF;
	font-size: 15px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-bottom: 1px solid rgba(23,24,26,0.15);
	background-image: linear-gradient(to bottom, #555555, #333333);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333');
}

#truethemes-styling-preview p {
	margin-bottom: 10px;
}

.style-info {
	font-size: 12px;
	padding: 5px 15px;
}

.style-switch-section-title {
	color: #000;
	font-size: 15px;
	line-height: 44px;
	text-align: center;
}

.style-switch-section {
	padding: 15px 0;
	border-top: 1px solid rgba(23,24,26,0.08);
	background-image: linear-gradient(to bottom, #F7F4F4, #FFFFFF);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F7F4F4', endColorstr='#FFFFFF');
}

.option-title {
	font-size: 12px;
	height: auto;
	line-height: 18px;
	padding: 12px 0;
	text-align: center;
	border-bottom: 1px solid rgba(23,24,26,0.15);
}

#truethemes-styling-preview .images {
	width: 235px;
	padding-left: 25px;
	position: relative;
	z-index: 1000000;
}

#truethemes-styling-preview .images img {
	width: 25px;
	height: 24px;
	margin: 0 7px 7px 0;
	z-index: 1000;
}

#truethemes-styling-preview .images img.active {
	border: 0 solid #ccc;
	opacity: 0.5;
}

.style-switch-input {
	padding-left: 80px;
	margin-top: -5px;
	margin-bottom: 10px;
}

.style-switch-input select {
	width: 120px;
}

#truethemes-styling-preview .toggle-button {
	width: 35px;
	height: 43px;
	background: url(images/toggle-button.png);
	cursor: pointer;
}

#truethemes-styling-preview .close {
	background-position: top left;
	position: absolute;
	top: 45px;
	right: 0px;
	width: 35px;
}

#truethemes-styling-preview .open {
	background-position: bottom left;;
	position: absolute;
	top: 45px;
	right: 0;
	width: 35px;
}

#truethemes-styling-preview .open i.fa-cog {
	color:#ffffff;
	font-size:18px;
	left:6px;
	position:absolute;
	top: 12px;
}

.color-scheme-link,
.banner-overlays a {
width:25px;
height:25px;
display:inline-block;
-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, .3);
box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, .3);
text-indent:-9999em;
outline:none;
margin:0 2px 5px 0;
}

.banner-overlays a {
	background: #CCC;
	text-align: center;
	text-indent:0;
	color: #FFF;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	-webkit-box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, .2);
	box-shadow: inset 1px 1px 2px 1px rgba(0, 0, 0, .2);
}

.banner-overlays a:hover {
	background: #999;
	text-decoration: none;
}

.color-scheme-link.blue {
background-image: -webkit-gradient(linear, left top, left bottom, from(#0D9DDC), to(#0D5292));
background-image: -webkit-linear-gradient(top, #0D9DDC, #0D5292);
background-image:    -moz-linear-gradient(top, #0D9DDC, #0D5292);
background-image:      -o-linear-gradient(top, #0D9DDC, #0D5292);
background-image:         linear-gradient(to bottom, #0D9DDC, #0D5292);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0D9DDC', endColorstr='#0D5292');/*For IE7-8-9*/	
}

.color-scheme-link.coffee {
background-image: -webkit-gradient(linear, left top, left bottom, from(#9A6742), to(#2E1C10));
background-image: -webkit-linear-gradient(top, #9A6742, #2E1C10);
background-image:    -moz-linear-gradient(top, #9A6742, #2E1C10);
background-image:      -o-linear-gradient(top, #9A6742, #2E1C10);
background-image:         linear-gradient(to bottom, #9A6742, #2E1C10);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#9A6742', endColorstr='#2E1C10');/*For IE7-8-9*/
}

.color-scheme-link.red {
background-image: -webkit-gradient(linear, left top, left bottom, from(#C71901), to(#961300));
background-image: -webkit-linear-gradient(top, #C71901, #961300);
background-image:    -moz-linear-gradient(top, #C71901, #961300);
background-image:      -o-linear-gradient(top, #C71901, #961300);
background-image:         linear-gradient(to bottom, #C71901, #961300);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C71901', endColorstr='#961300');/*For IE7-8-9*/
}

.color-scheme-link.autumn {
background-image: -webkit-gradient(linear, left top, left bottom, from(#D0600E), to(#772002));
background-image: -webkit-linear-gradient(top, #D0600E, #772002);
background-image:    -moz-linear-gradient(top, #D0600E, #772002);
background-image:      -o-linear-gradient(top, #D0600E, #772002);
background-image:         linear-gradient(to bottom, #D0600E, #772002);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D0600E', endColorstr='#772002');/*For IE7-8-9*/
}

.color-scheme-link.fire {
background-image: -webkit-gradient(linear, left top, left bottom, from(#FE8A0B), to(#B33410));
background-image: -webkit-linear-gradient(top, #FE8A0B, #B33410);
background-image:    -moz-linear-gradient(top, #FE8A0B, #B33410);
background-image:      -o-linear-gradient(top, #FE8A0B, #B33410);
background-image:         linear-gradient(to bottom, #FE8A0B, #B33410);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FE8A0B', endColorstr='#B33410');/*For IE7-8-9*/	
}

.color-scheme-link.golden {
background-image: -webkit-gradient(linear, left top, left bottom, from(#FDBB0D), to(#BF7D02));
background-image: -webkit-linear-gradient(top, #FDBB0D, #BF7D02);
background-image:    -moz-linear-gradient(top, #FDBB0D, #BF7D02);
background-image:      -o-linear-gradient(top, #FDBB0D, #BF7D02);
background-image:         linear-gradient(to bottom, #FDBB0D, #BF7D02);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FDBB0D', endColorstr='#BF7D02');/*For IE7-8-9*/
}

.color-scheme-link.lime-green {
background-image: -webkit-gradient(linear, left top, left bottom, from(#AED613), to(#467612));
background-image: -webkit-linear-gradient(top, #AED613, #467612);
background-image:    -moz-linear-gradient(top, #AED613, #467612);
background-image:      -o-linear-gradient(top, #AED613, #467612);
background-image:         linear-gradient(to bottom, #AED613, #467612);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#AED613', endColorstr='#467612');/*For IE7-8-9*/
}

.color-scheme-link.purple {
background-image: -webkit-gradient(linear, left top, left bottom, from(#8F4EC2), to(#513567));
background-image: -webkit-linear-gradient(top, #8F4EC2, #513567);
background-image:    -moz-linear-gradient(top, #8F4EC2, #513567);
background-image:      -o-linear-gradient(top, #8F4EC2, #513567);
background-image:         linear-gradient(to bottom, #8F4EC2, #513567);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8F4EC2', endColorstr='#513567');/*For IE7-8-9*/
}

.color-scheme-link.pink {
background-image: -webkit-gradient(linear, left top, left bottom, from(#C4378F), to(#72234F));
background-image: -webkit-linear-gradient(top, #C4378F, #72234F);
background-image:    -moz-linear-gradient(top, #C4378F, #72234F);
background-image:      -o-linear-gradient(top, #C4378F, #72234F);
background-image:         linear-gradient(to bottom, #C4378F, #72234F);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C4378F', endColorstr='#72234F');/*For IE7-8-9*/	
}

.color-scheme-link.periwinkle {
background-image: -webkit-gradient(linear, left top, left bottom, from(#5064C9), to(#522173));
background-image: -webkit-linear-gradient(top, #5064C9, #522173);
background-image:    -moz-linear-gradient(top, #5064C9, #522173);
background-image:      -o-linear-gradient(top, #5064C9, #522173);
background-image:         linear-gradient(to bottom, #5064C9, #522173);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5064C9', endColorstr='#522173');/*For IE7-8-9*/
}

.color-scheme-link.teal {
background-image: -webkit-gradient(linear, left top, left bottom, from(#3CBA9F), to(#185C60));
background-image: -webkit-linear-gradient(top, #3CBA9F, #185C60);
background-image:    -moz-linear-gradient(top, #3CBA9F, #185C60);
background-image:      -o-linear-gradient(top, #3CBA9F, #185C60);
background-image:         linear-gradient(to bottom, #3CBA9F, #185C60);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#3CBA9F', endColorstr='#185C60');/*For IE7-8-9*/	
}

.color-scheme-link.green {
background-image: -webkit-gradient(linear, left top, left bottom, from(#49A501), to(#416119));
background-image: -webkit-linear-gradient(top, #49A501, #416119);
background-image:    -moz-linear-gradient(top, #49A501, #416119);
background-image:      -o-linear-gradient(top, #49A501, #416119);
background-image:         linear-gradient(to bottom, #49A501, #416119);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#49A501', endColorstr='#416119');/*For IE7-8-9*/
}

.color-scheme-link.teal-grey {
background-image: -webkit-gradient(linear, left top, left bottom, from(#33657E), to(#162E36));
background-image: -webkit-linear-gradient(top, #33657E, #162E36);
background-image:    -moz-linear-gradient(top, #33657E, #162E36);
background-image:      -o-linear-gradient(top, #33657E, #162E36);
background-image:         linear-gradient(to bottom, #33657E, #162E36);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#33657E', endColorstr='#162E36');/*For IE7-8-9*/	
}

.color-scheme-link.blue-grey {
background-image: -webkit-gradient(linear, left top, left bottom, from(#5E6475), to(#2C2F38));
background-image: -webkit-linear-gradient(top, #5E6475, #2C2F38);
background-image:    -moz-linear-gradient(top, #5E6475, #2C2F38);
background-image:      -o-linear-gradient(top, #5E6475, #2C2F38);
background-image:         linear-gradient(to bottom, #5E6475, #2C2F38);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5E6475', endColorstr='#2C2F38');/*For IE7-8-9*/
}

.color-scheme-link.royal-blue {
background-image: -webkit-gradient(linear, left top, left bottom, from(#2D59A2), to(#122A53));
background-image: -webkit-linear-gradient(top, #2D59A2, #122A53);
background-image:    -moz-linear-gradient(top, #2D59A2, #122A53);
background-image:      -o-linear-gradient(top, #2D59A2, #122A53);
background-image:         linear-gradient(to bottom, #2D59A2, #122A53);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#2D59A2', endColorstr='#122A53');/*For IE7-8-9*/
}

.color-scheme-link.sky-blue {
background-image: -webkit-gradient(linear, left top, left bottom, from(#53C5FE), to(#16A7E1));
background-image: -webkit-linear-gradient(top, #53C5FE, #16A7E1);
background-image:    -moz-linear-gradient(top, #53C5FE, #16A7E1);
background-image:      -o-linear-gradient(top, #53C5FE, #16A7E1);
background-image:         linear-gradient(to bottom, #53C5FE, #16A7E1);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#53C5FE', endColorstr='#16A7E1');/*For IE7-8-9*/	
}

.color-scheme-link.silver {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ACACAC), to(#5C5C5C));
background-image: -webkit-linear-gradient(top, #ACACAC, #5C5C5C);
background-image:    -moz-linear-gradient(top, #ACACAC, #5C5C5C);
background-image:      -o-linear-gradient(top, #ACACAC, #5C5C5C);
background-image:         linear-gradient(to bottom, #ACACAC, #5C5C5C);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ACACAC', endColorstr='#5C5C5C');/*For IE7-8-9*/	
}

.color-scheme-link.black {
background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#262626));
background-image: -webkit-linear-gradient(top, #333333, #262626);
background-image:    -moz-linear-gradient(top, #333333, #262626);
background-image:      -o-linear-gradient(top, #333333, #262626);
background-image:         linear-gradient(to bottom, #333333, #262626);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#333333', endColorstr='#262626');/*For IE7-8-9*/
}