html.html-loading #theme-options {
	visibility: hidden;
}

#theme-options {
	position: fixed;
	right: 0;
	top: 90px;
	width: 62px;
	height: 62px;
	z-index: 12001;

	transition        : width 1s cubic-bezier(0.190,1.000,0.220,1.000);
	-moz-transition   : width 1s cubic-bezier(0.190,1.000,0.220,1.000);
	-webkit-transition: width 1s cubic-bezier(0.190,1.000,0.220,1.000);
	-o-transition     : width 1s cubic-bezier(0.190,1.000,0.220,1.000);
}

#theme-options.o--on {
	width: 310px;
	height: auto;
}

	.theme-options-button {
		color: #555 !important;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75) !important;
		background-color: #ffffff;
		*background-color: #ffffff;
		background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
		background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e6e6e6');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e6e6e6')";
		background-repeat: repeat-x;

		border: 1px solid #ddd;
		border-bottom-color: #b3b3b3;

		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;

		padding: 12px 0;
		display: block;
		text-align: center;

		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
		box-shadow: 0 1px 1px rgba(0,0,0,.1);

		position: absolute;
		left: 5px;
		width: 64px;
		z-index: 1;
	}

	.theme-options-button.o--active {
		color: #FFFFFF !important;
		border: 1px solid rgba(0,0,0,.08) !important;
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) !important;
		background-color: #C5041E;
		*background-color: #C5041E;
		background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPg0KICAgIDxkZWZzPg0KICAgICAgICA8bGluZWFyR3JhZGllbnQgaWQ9ImxpbmVhci1ncmFkaWVudCIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiIHNwcmVhZE1ldGhvZD0icGFkIj4NCiAgICAgICAgICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZWRlNGIiIHN0b3Atb3BhY2l0eT0iMSIvPg0KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmViNTIxIiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgPHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgc3R5bGU9ImZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsiLz4NCjwvc3ZnPg==');
		background-image: -moz-linear-gradient(top, #C5041E, #C5041E);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#C5041E ), to(#C5041E ));
		background-image: -webkit-linear-gradient(top, #C5041E , #C5041E);
		background-image: -o-linear-gradient(top, #C5041E, #C5041E);
		background-image: linear-gradient(to bottom, #C5041E, #C5041E);
		filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C5041E', endColorstr='#C5041E');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C5041E', endColorstr='#C5041E')";
		z-index: 2;

		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		box-shadow: 0 1px 1px rgba(0,0,0,.2);
		left: 0;
	}

	.theme-options-button-icon {
		font-size: 24px;
		margin: 0;
		padding: 0;
	}

	#theme-options-handler {
		top: 12px;
	}

	#theme-homepages-handler {
		top: 63px;
	}

	#theme-options-container {
		background: #fff;
		border: 1px solid #ebebeb;

		position: relative;
		left: 64px;
		width: 246px;
		min-height: 250px;
		padding: 0;

		-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);
		box-shadow: 0 1px 1px rgba(0,0,0,.2);

		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;

		z-index: 2;
	}

		#theme-options-container > div {
			position: absolute;
			left: -9999px;
		}

		#theme-options-container > div.o--active {
			position: static;
			left: auto;
		}

		.theme-options-section {
			padding: 18px 30px 18px;
			border-bottom: 1px solid #ebebeb;
		}

		#theme-options-container > .theme-options-section:last-child {
			border-bottom: 0;
		}

			.theme-options-section > h6 {
				margin-top: 0;
				margin-bottom: 6px;

			}

.theme-options-selector {
	list-style: none none;
	margin-left: -3px;
	margin-right: -12px;
	margin-bottom: -3px;
}

	.theme-options-selector li,
	.theme-options-selector li a {
		   -moz-border-radius: 3px;
		-webkit-border-radius: 3px;
				border-radius: 3px;
	}

	.theme-options-selector li {
		float: left;
		margin: 0 3px 3px;
	}

		.theme-options-selector li a {
			display: block;
			width: 32px;
			height: 32px;

			border: 1px solid #ebebeb;
			overflow: hidden;
		}

		.theme-options-selector li a.selected,
		.theme-options-selector li a:hover {
			border: 1px solid #ccc;
		}

			.theme-options-selector li a span {
				display: block;
				float: left;
				width: 50%;
				height: 32px;
				outline: 1px solid rgba(255,255,255,.2);
			}

#section--theme-homepages {
	overflow-y: auto;
	max-height: 700px;
}

.theme-options--homepages.o--active {
	background-color: #f1f1f1;
}

.theme-options--homepages-link {
	display: block;
	position: relative;

	width: 186px;
	height: 134px;
	overflow: hidden;

	border: 5px solid #ebebeb;
	margin: -5px -5px;
}

	.theme-options--homepages img {
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		
		bottom: 0;
		margin-bottom: 0;

		transition        : all 3s cubic-bezier(0.190,1.000,0.220,1.000);
		-moz-transition   : all 3s cubic-bezier(0.190,1.000,0.220,1.000);
		-webkit-transition: all 3s cubic-bezier(0.190,1.000,0.220,1.000);
		-o-transition     : all 3s cubic-bezier(0.190,1.000,0.220,1.000);
	}
	
	.theme-options--homepages:hover img {
		bottom: 0;
		margin-bottom: 0 !important;
	}

	.theme-options--homepages:hover .theme-options--homepages-link {
		border-color: #ddd;
	}

	.theme-options--homepages.o--active .theme-options--homepages-link {
		border-color: #feb521;
	}

	.theme-options--homepages.o--active:hover .theme-options--homepages-link {
		border-color: #f3a403;
	}

.theme-options--homepages-text {
	font-size: .9em;
	margin: 10px 0 -10px;
}

@media (max-width: 767px) {
	#theme-options {
		display: none !important;
	}
}