@charset "utf-8";

/** Basics **/

html {
	width: 100%;
	min-height: 100%;
	padding: 0;
	margin: 0;
}

body {
	color: #fff;
	background-color: #000;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 17px;
	width: 100%;
	min-height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}

header, footer, article, section, video {
	display: block;
}

div, form, table, td, p, ul, ol, h1, h2, h3, h4, a, a img {
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding: 0;
	margin: 0;
	border: 0;
}

h1 {
	font-size: 19px;
	line-height: 25px;
	padding: 4px 0 8px 0;
}

h2 {
	font-size: 17px;
	line-height: 23px;
	padding: 3px 0 6px 0;
}

h3 {
	font-size: 15px;
	line-height: 21px;
	padding: 3px 0 6px 0;
}

a, object, player, video, embed {
	outline: none;
}

input, textarea, select {
	background-color: #222222;
	color: #f0f0f0;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height: 19px;
	padding: 2px 10px;
	margin: 5px 0;
	border: 2px solid #8a079b;
	border-radius: 2px;
}

select, select option {
	text-align: left;
	padding: 2px 0;
}

select option {
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	line-height: 19px;
}

input[type="submit"] {
	font-weight: normal;
}

a {
	color: #f0f0f0;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
}

/** Bootstrap override **/

a:hover,
a:focus {
	color: inherit;
	text-decoration: underline;
}

.container-fluid > .navbar-header {
	margin: 0;
}

.navbar .container-fluid {
	padding: 0 10px;
}

.navbar-toggle {
	float: left;
	margin-left: 15px;
	border: 2px solid #999;
}

.navbar-toggle > span {
	background-color: #999;
}

@media (max-width: 797px) {
	body {
		padding: 0;
	}
}

.modal-content {
	border: 1px solid #87009a;
}

.modal-header {
	background-color: #ab00a5;
	background: linear-gradient(to bottom, #c900c2 0%, #91008c 80%, #ab00a5 100%);
	background: -webkit-linear-gradient(#c900c2 0%, #91008c 80%, #ab00a5 100%);
	border-color: #87009a;
}

.modal-title {
	color: #fff;
}

.modal-body {
	background-color: #000;
	color: #fff;
}

.modal-body p {
	padding: 0 0 8px 0;
}

.modal-footer {
	background-color:#000;
	border-color: #87009a;
}

.modal-footer button {
	background-color: #333;
	background: linear-gradient(to bottom, #888 0%, #222 20%, #111 100%);
	background: -webkit-linear-gradient(#888 0%, #222 20%, #111 100%);
	color: #eee;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	padding: 6px 12px;
	border: 1px solid #87009a;
	border-radius: 6px;
}

.modal-footer .btn-default:hover,
.modal-footer .btn-default:focus,
.modal-footer .btn-default:active {
	color: inherit;
}

/** Common rules **/

.cboth {
	clear: both;
}

.h20 {
	height: 20px;
}

.h30 {
	height: 30px;
}

.h40 {
	height: 40px;
}

.purple-gradient {
	background-color: #ab00a5;
	background: linear-gradient(to bottom, #c900c2 0%, #91008c 80%, #ab00a5 100%);
	background: -webkit-linear-gradient(#c900c2 0%, #91008c 80%, #ab00a5 100%);
}

.ui-dialog-buttonset button {
	background: #222 url("../images/jquery/ui-bg_highlight-soft_33_281f32_1x100.png") repeat-x scroll 50% 50%;
	color: #eee;
	font-family: Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 19px;
	text-decoration: none;
	text-align: center;
	overflow: visible;
	cursor: pointer;
	display: inline-block;
	padding: 6px 12px;
	margin: 0.5em 0.4em 0.5em 0px;
	border: 1px solid #87009a;
	border-radius: 6px;
}

/** Header **/

#header-container {
	background-color: #e6e6e6;
	background: linear-gradient(to bottom, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	height: 50px;
	opacity: 1.0;
	transition: opacity 1.0s;
	-webkit-transition: opacity 1.0s;
}

#header-container.moved {
	opacity: 0.8;
	transition: opacity 1.0s;
	-webkit-transition: opacity 1.0s;
}

#header-container:hover.moved {
	opacity: 1.0;
	transition: opacity 0.4s;
	-webkit-transition: opacity 0.4s;
}

#main-nav-menu {
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}

#main-nav-menu ul li a {
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
	display: block;
	padding: 5px;
	margin: 0;
}

#main-nav-menu ul li a:hover {
	color: #ab00a5;
	text-decoration: none;
	padding: 5px 5px 1px 5px;
	border-bottom: 4px solid #ab00a5;
}

#main-nav-menu > ul > li > a {
	font-weight: bold;
	text-transform: uppercase;
}

#main-nav-menu ul li a.join {
	color: #fff;
}

#main-nav-menu ul li a.join:hover {
	background-color: #ab00a5;
	background: linear-gradient(to bottom, #c900c2 0%, #91008c 80%, #ab00a5 100%);
	background: -webkit-linear-gradient(#c900c2 0%, #91008c 80%, #ab00a5 100%);
}

#main-nav-menu ul.submenu {
	list-style: none;
	background-color: #f9f9f9;
	background: linear-gradient(to top, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#e6e6e6 0%, #d7d7d7 20%, #f9f9f9 100%);
	display: none;
	position: absolute;
	right: 0px;
	padding: 10px 20px;
	margin: 0;
	border-bottom: 4px solid #ab00a5;
}

#main-nav-menu ul li.parent:hover ul.submenu {
	display: block;
}

#main-nav-menu ul.submenu li {
	list-style-type: none;
	float: none;
}

#main-nav-menu ul.submenu li a {
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 0;
	margin: 0;
	border: 0;
}

#main-nav-menu ul.submenu li a:hover {
	color: #ab00a5;
	text-decoration: none;
}

#main-nav-menu.in {
	background-color: #e6e6e6;
	background: linear-gradient(to bottom, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);

}

#main-nav-menu.in .navbar-nav {
	margin: 0;
}

/*#main-nav-menu.in ul li a {
	padding: 5px;
	margin: 0;
}

#main-nav-menu.in ul li a:hover {
	color: #ab00a5;
	text-decoration: none;
	padding: 5px 5px 1px 5px;
	border-bottom: 4px solid #ab00a5;
}

#main-nav-menu.in > ul > li > a {
	font-weight: bold;
	text-transform: uppercase;
}

#main-nav-menu.in ul li a.join {
	color: #fff;
}

#main-nav-menu.in ul li a.join:hover {
	background-color: #ab00a5;
	background: linear-gradient(to bottom, #c900c2 0%, #91008c 80%, #ab00a5 100%);
	background: -webkit-linear-gradient(#c900c2 0%, #91008c 80%, #ab00a5 100%);
}*/

#main-nav-menu.in ul.submenu {
	background-color: #f9f9f9;
	background: linear-gradient(to top, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#e6e6e6 0%, #d7d7d7 20%, #f9f9f9 100%);
	display: none;
	/*position: absolute;
	right: 0px;
	padding: 10px 20px;
	margin: 0;*/
	border-bottom: 4px solid #ab00a5;
}

#main-nav-menu.in ul li.parent:hover ul.submenu {
	display: block;
}

#main-nav-menu.in ul.submenu li {
	float: none;
}

#main-nav-menu.in ul.submenu li a {
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
	text-decoration: none;
	white-space: nowrap;
	padding: 2px 0;
	margin: 0;
	border: 0;
}

#main-nav-menu.in ul.submenu li a:hover {
	color: #ab00a5;
	text-decoration: none;
}

/** Header - Translations **/

@media (min-width: 768px) {
	#translations {
		position: relative;
		display: block;
		height: 40px;
		padding: 5px;
	}

	#translations > img {
		padding: 3px;
		margin: 12px 0 0 0;
		border-radius: 3px;
		box-shadow: 0 0 5px #ffffff;
	}

	#translations > ul {
		background-color: #f9f9f9;
		background: linear-gradient(to top, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
		background: -webkit-linear-gradient(#e6e6e6 0%, #d7d7d7 20%, #f9f9f9 100%);
		list-style-type: none;
		display: none;
		position: absolute;
		left: 0px;
		top: 50px;
		padding: 6px 0;
		margin: 0;
		border-bottom: 4px solid #ab00a5;
		z-index: 10;
	}

	#translations > ul > li {
		list-style-type: none;
		padding: 2px 8px;
	}

	#translations > ul > li a {
		color: #333;
		font-family: 'Oswald', sans-serif;
		font-size: 15px;
		font-weight: normal;
		line-height: 17px;
		text-decoration: none;
		padding: 0 12px 0 24px;
		margin: 0;
		border: 0;
	}

	#translations > ul > li a:hover {
		color: #ab00a5;
		text-decoration: none;
		padding: 0 12px 0 24px;
		margin: 0;
		border: 0;
	}

	#translations > ul > li a.en { background: transparent url('../images/flag-en.png') scroll no-repeat left center; }
	#translations > ul > li a.es { background: transparent url('../images/flag-es.png') scroll no-repeat left center; }
	#translations > ul > li a.fr { background: transparent url('../images/flag-fr.png') scroll no-repeat left center; }
	#translations > ul > li a.it { background: transparent url('../images/flag-it.png') scroll no-repeat left center; }
	#translations > ul > li a.de { background: transparent url('../images/flag-de.png') scroll no-repeat left center; }
	#translations > ul > li a.dk { background: transparent url('../images/flag-dk.png') scroll no-repeat left center; }
	#translations > ul > li a.pt { background: transparent url('../images/flag-pt.png') scroll no-repeat left center; }
	#translations > ul > li a.ru { background: transparent url('../images/flag-ru.png') scroll no-repeat left center; }
	#translations > ul > li a.cn { background: transparent url('../images/flag-cn.png') scroll no-repeat left center; }
	#translations > ul > li a.jp { background: transparent url('../images/flag-jp.png') scroll no-repeat left center; }
	#translations > ul > li a.hu { background: transparent url('../images/flag-hu.png') scroll no-repeat left center; }
}

@media (max-width: 767px) {
	#translations {
		display: none;
	}
}

/** Header - Login box **/

#login-box {
	background-color: #f9f9f9;
	background: linear-gradient(to top, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#e6e6e6 0%, #d7d7d7 20%, #f9f9f9 100%);
	display: none;
	position: absolute;
	right: 0px;
	padding: 10px 20px;
	margin: 0;
	border-bottom: 4px solid #ab00a5;
}

#login-box input[type="text"],
#login-box input[type="password"] {
	width: 190px;
}

#login-box .login-options {
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 17px;
	white-space: nowrap;
}

#login-box .login-options a {
	color: #333;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 17px;
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
}

#login-box .login-options a:hover {
	text-decoration: underline;
}

/** Header - Account box **/

#account-box {
	background-color: #aaa;
	background: linear-gradient(to bottom, #555 0%, #777 60%);
	background: -webkit-linear-gradient(#555 0%, #777 60%);
	color: #fefefe;
	font-size: 12px;
	text-align: left;
	line-height: 14px;
	max-width: 37%;
	height: 50px;
	float: right;
	padding: 4px 10px;
	margin: 0 10px;
}

#account-box span {
	font-weight: bold;
}

#account-box .red-points {
	color: #ff2222;
}

#account-box .green-points {
	color: #42d242;
}

#account-box .expiration-points {
	color: #f22;
}

/** Header - Social links **/

.social-links {
	float: right;
	padding-top: 9px;
}

.social-links a:last-child {
	margin-right: 15px;
}

/** Content - Forms **/

div.form-row {
	padding: 5px 0;
}

div.form-row label {
	font-size: 12px;
	font-weight: bold;
	line-height: 22px;
	float: left;
	width: 250px;
}

div.form-row label em {
	color: #ff2222;
}

div.form-row input[type="text"],
div.form-row input[type="button"],
div.form-row input[type="submit"],
div.form-row input[type="checkbox"] {
	font-size: 12px;
	line-height: 15px;
	max-width: 90%;
	padding: 2px 5px;
	margin: 0;
}

div.form-row input[type="submit"] {
	padding: 2px 15px;
}

div.form-row input.button {
	height: 22px;
}

div.form-row select {
	font-size: 12px;
	padding: 1px 5px;
}

div.form-row textarea {
	font-family: Tahoma, Verdana;
	font-size: 12px;
	padding: 5px;
}

div.form-row div.ckedit_box {
	float: left;
}

div.form-row span.label_desc {
	color: #c0c0c0;
	font-size: 10px;
	display: block;
	clear: both;
}

div.form-row span.form_error {
	color: #ff2222;
	font-size: 10px;
	display: block;
}

/** Home - Top slider **/

#topslider {
	width: 100%;
	height: 325px;
	position: relative;
	overflow: hidden;
}

#topslider .logo {
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	max-width: 60%;
	z-index: 240;
}

#topslider .logo img {
	width: 100%;
}

#topslider .slides {
	background-color: #000;
	position: absolute;
	left: 0px;
	top: 70px;
	height: 233px;
	opacity: 0.0;
	box-shadow: 0 0 25px #777;
}

#topslider .slide {
	position: relative;
	display: block;
	float: left;
	width: 325px;
	height: 233px;
	opacity: 0.5;
	transition: opacity 1s;
	-webkit-transition: opacity 1.0s;
}

#topslider .slide.current {
	opacity: 1.0;
	transition: opacity 1s;
	-webkit-transition: opacity 1.0s;
}

#topslider .slide img {
	height: 100%;
}

#topslider .slide .cover {
	background: transparent url('../images/film-reel-slide.png') scroll no-repeat center center;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

/** Home - big sections **/

.home-section {
	background: #000 url('../images/bg-main.png') scroll no-repeat center top;
	width: 100%;
	padding: 0;
	margin: 0;
}

/** Home - Video browser **/

.videobrowser {
	max-width: 1200px;
	padding: 20px;
	margin: 0 auto;
}

.videobrowser .column {
	float: left;
	width: 30%;
	margin: 0 2% 0 0;
	transition: width 0.9s;
	-webkit-transition: width 0.9s;
}

@media (min-width: 992px) {
	.videobrowser .column {
		width: 15%;
	}
}

.videobrowser .last {
	margin: 0 0 0 0;
}

.videobrowser .hidden {
	width: 0%;
	margin: 0;
	transition: width 0.8s;
	-webkit-transition: width 0.8s;
}

.videobrowser .box {
	background-color: #000;
	cursor: pointer;
	position: relative;
	width: 100%;
	/*min-height: 106px;*/
	overflow: hidden;
	margin: 0 0 15% 0;
	box-shadow: none;
	transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
}

.videobrowser .box:hover {
	box-shadow: 0 0 10px #ab00a5;
	transition: box-shadow 0.3s;
	-webkit-transition: box-shadow 0.3s;
}

.videobrowser .box.collast {
	margin-bottom: 0;
}

.videobrowser .box.rowlast {
	float: right;
	margin: 2% 0 0 0;
}

.videobrowser .box img {
	width: 100%;
}

.videobrowser .box p {
	background-color: rgba(0,0,0,0.7);
	font-size: 12px;
	line-height: 17px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0.0;
	padding: 0;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.videobrowser .box:hover p {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	opacity: 1.0;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.videobrowser .box p span {
	font-family: "arial", "verdana";
	font-size: 11px;
	display: block;
	padding: 5px 10px;
}

.videobrowser .box p span strong {
	color: #ab00a5;
	font-size: 13px;
	font-weight: bold;
}

.videobrowser .box .play {
	opacity: 0.0;
	width: 50px;
	height: 50px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.videobrowser .box:hover .play {
	opacity: 1.0;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
}

.videobrowser p.readmore {
	color: #666;
	font-family: 'Oswald', sans-serif;
	font-size: 13px;
	text-align: right;
	line-height: 16px;
	clear: both;
	max-width: 1200px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}

.videobrowser p.readmore a {
	color: #ab00a5;
	display: inline-block;
	padding: 2px 10px;
}

.videobrowser p.readmore a:hover {
	background-color: #ab00a5;
	background: linear-gradient(to bottom, #c900c2 0%, #91008c 80%, #ab00a5 100%);
	background: -webkit-linear-gradient(#c900c2 0%, #91008c 80%, #ab00a5 100%);
	color: #fff;
	text-decoration: none;
}

/** Home - Interacts **/

.interacts .title {
	color: #f24f4f;
	font-size: 14px;
	float: left;
	padding-right: 5px;
}

.interacts .send {
	float: right;
	height: 32px;
	margin: 0;
}

.interacts .send a {
	color: #f24f4f;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	display: block;
	height: 22px;
	padding: 0 10px;
	margin: 5px 0 0;
}

.interacts .send a:hover {
	background-color: #f24f4f;
	color: #fff;
	text-decoration: none;
}

.interacts .feed {
	color: #fff;
	font-size: 12px;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	padding: 6px 0;
	margin: 0;
}

.interacts .feed div {
	color: #fff;
	font-size: 12px;
	line-height: 20px;
}

/** Interact popup **/

textarea#interact_message {
	width: 100%;
	height: 100px;
	margin-top: 10px;
	box-sizing: border-box;
}

/** Home - News **/

.news {
	background: #000 url('../images/news-background.jpg') scroll no-repeat center top;
	width: 100%;
}

.news-inner {
	max-width: 1200px;
	padding: 20px;
	margin: 0 auto;
}

.news-col {
	height: auto;
}

@media (min-width: 992px) {
	.news-col {
		height: 240px;
		overflow-y: auto;
	}
}

article h2 {
	padding: 0 0 10px 0;
}

article h2,
article h2 a {
	color: #3e6eef;
	font-family: 'Oswald', sans-serif;
	font-size: 15px;
	line-height: 21px;
}

article h2 a:hover {
	text-decoration: none;
}

article h2 a:hover::after {
	content: ' »';
}

article p {
	color: #ddd;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}

article p.readmore {
	text-align: right;
}

article p.readmore a {
	color: #3e6eef;
	display: inline-block;
	padding: 2px 10px;
}

article p.readmore a:hover {
	background-color: #3e6eef;
	color: #fff;
	text-decoration: none;
}

.news-lead p {
	font-weight: bold;
}

/** Heavy Rotation & Top 30 **/

.videobrowser-info {
	float: left;
	min-width: 340px;
}

.videobrowser-info .image-column {
	float: left;
	width: 300px;
	min-height: 320px;
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #c900c2;
}

.videobrowser-info .image-column a {
	color: #fff;
	line-height: 25px;
	display: block;
	height: 25px;
	padding: 2px 20px;
}

.videobrowser-info .image-column a:hover {
	background-color: #fff;
	color: #c900c2;
	text-decoration: none;
}

.videobrowser-info .image-column a:hover::after {
	content: ' »';
}

.videobrowser-info .image-column a.active {
	background-color: #c900c2;
	color: #fff;
	text-decoration: none;
}

.videobrowser-info .styles-column {
	float: left;
	width: 200px;
	padding: 0 0 0 20px;
}

.videobrowser-info .style-box {
	display: none;
}

.videobrowser-info .style-box:first-child {
	display: block;
}

/** Content - Global **/

.content {
	width: 100%;
}

.content.first {
	padding-top: 70px;
}

.content.catalog-first {
	padding-top: 50px;
}

.content-heading {
	width: 100%;
	min-height: 32px;
}

.content-heading.top {
	margin-top: 20px;
}

.content-heading.bottom {
	margin-bottom: 20px;
}

.content-heading h1 {
	background: transparent url('../images/heading-spinner.png') scroll no-repeat left center;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}

.content-heading h1 span {
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 32px;
	display: block;
	padding: 0 0 0 5px;
	margin: 0 0 0 36px;
}

.content-heading h1 a.arrow {
	background-color: transparent;
	color: #ab00a5;
	font-size: 22px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	float: right;
	display: block;
	height: 22px;
	padding: 0 10px;
	margin: 5px 0 0 0;
	transition: background-color 0.5s, color 0.5s;
	-webkit-transition: background-color 0.5s, color 0.5s;
}

.content-heading h1 a.arrow:hover {
	background-color: #ab00a5;
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.5s, color 0.5s;
	-webkit-transition: background-color 0.5s, color 0.5s;
}

.content-heading h1 a.toplist-type {
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 0 0 15px;
}

.content-heading h1 a.toplist-type.active {
	color: #2f2;
}

.content-heading.purple {
	background: transparent url('../images/heading-background-purple.png') scroll no-repeat center top;
}

.content-heading.purple h1 span {
	background: transparent url('../images/heading-inner-purple.png') scroll repeat-x left top;
	color: #ab00a5;
}

.content-heading.red {
	background: transparent url('../images/heading-background-red.png') scroll no-repeat center top;
}

.content-heading.red h1 span {
	background: transparent url('../images/heading-inner-red.png') scroll repeat-x left top;
	color: #f24f4f;
}

.content-heading.blue {
	background: transparent url('../images/heading-background-blue.png') scroll no-repeat center top;
}

.content-heading.blue h1 span {
	background: transparent url('../images/heading-inner-blue.png') scroll repeat-x left top;
	color: #3e6eef;
}

.content-inner {
	max-width: 1200px;
	padding: 20px 0;
	margin: 0 auto;
}

.content p {
	color: #eee;
	padding: 5px 0 15px 0;
}

.content p img {
	float: left;
	padding: 0;
	margin: 4px 12px 8px 0;
	border: 1px solid #ab00a5;
}

.content .text ul,
.content .text ol {
	color: #ab00a5;
	padding: 5px 0 15px 0;
	margin: 0 0 0 15px;
}

.content .text ul li,
.content .text ol li {
	color: #eee;
	padding: 0 0 10px 0;
	margin: 0;
}

/** Catalog **/

.video-left-panel h2 {
	color: #c900c2;
	font-size: 14px;
	text-shadow: 0 0 4px #7b097e;
	margin: 10px 0;
}

.video-left-panel > a > img {
	width: 100%;
	max-width: 320px;
}

#site_message h3 {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}

#site_message p {
	color: #bcbcbc;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
	padding-bottom: 12px;
}

@media (max-width: 639px) {
	.video-container {
		float: none;
		clear: both;
		width: 100%; /** 640px **/
		padding: 20px 0;
	}

	#video {
		background: #000 url('../images/video-player.png') scroll no-repeat right top;
		display: none;
		width: 100%;
		height: 100%;
		clear: both;
		outline: none;
		position: relative;
	}

	p.support_missing {
		color: #ff2222;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		padding: 100px 40px 0 40px;
	}

	#pv_image_container {
		width: 100%; /** 640px **/
		height: auto; /** 360px **/
		overflow: hidden;
		position: relative;
	}

	#pv_image_container img.preview {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 10;
	}

	#pv_image_container span.title {
		background-color: rgba(0,0,0,0.7);
		color: #fff;
		display: block;
		width: 100%; /** 600px **/
		position: absolute;
		left: 0px;
		top: 20px;
		padding: 10px 20px;
		z-index: 20;
	}

	#pv_image_container span.login {
		background-color: rgba(240,0,0,0.7);
		color: #fff;
		text-align: center;
		display: block;
		width: 100%; /** 600px **/
		position: absolute;
		left: 0px;
		bottom: 20px;
		padding: 10px 20px;
		z-index: 20;
	}
}

@media (min-width: 640px) {
	.video-container {
		float: right;
		width: 640px;
		max-width: 100%;
		min-height: 370px;
		padding: 20px 0 20px 20px;
	}

	#video {
		background: #000 url('../images/video-player.png') scroll no-repeat right top;
		display: none;
		width: 100%;
		height: 100%;
		clear: both;
		outline: none;
		position: relative;
	}

	p.support_missing {
		color: #ff2222;
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		line-height: 32px;
		padding: 100px 40px 0 40px;
	}

	#pv_image_container {
		width: 640px;
		height: 360px;
		overflow: hidden;
		position: relative;
	}

	#pv_image_container img.preview {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 10;
	}

	#pv_image_container span.title {
		background-color: rgba(0,0,0,0.7);
		color: #fff;
		display: block;
		width: 600px;
		position: absolute;
		left: 0px;
		top: 20px;
		padding: 10px 20px;
		z-index: 20;
	}

	#pv_image_container span.login {
		background-color: rgba(240,0,0,0.7);
		color: #fff;
		text-align: center;
		display: block;
		width: 600px;
		position: absolute;
		left: 0px;
		bottom: 20px;
		padding: 10px 20px;
		z-index: 20;
	}
}

/** Catalog - Filter for search **/

.catalog-filter {
	width: 100%;
}

.catalog-filter td {
	font-size: 15px;
	text-align: left;
	vertical-align: middle;
	padding: 0 10px;
	margin: 0;
}

.catalog-filter td:first-child {
	width: 50px;
}

.catalog-filter td.right {
	text-align: right;
}

.catalog-filter select {
	line-height: 23px;
	width: 220px;
	height: 23px;
	padding: 0;
	margin: 0;
}

.catalog-filter option {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: 19px;
	height: 23px;
	padding: 2px 3px;
}

.catalog-filter input {
	line-height: 19px;
	width: 220px;
	height: 23px;
	margin: 0;
}

.catalog-filter .submit {
	font-size: 19px;
	display: inline-block;
	padding: 0 10px;
}

.catalog-filter .submit:hover {
	text-decoration: none;
}

/** Catalog - Table **/

@media (min-width: 900px) {
	#catalog_content {
		background: #000 url('../images/bg-main.png') scroll no-repeat center top;
		height: 502px;
		overflow-y: auto;
	}

	.catalog-table {
		width: 100%;
		border-spacing: 0px;
	}

	.catalog-table tr td {
		background-color: transparent;
		transition: background-color 0.5s;
		-webkit-transition: background-color 0.5s;
	}

	.catalog-table tr:hover td {
		background-color: #ab00a5;
		transition: background-color 0.5s;
		-webkit-transition: background-color 0.5s;
	}

	.catalog-table th {
		color: #f7b2ff;
		font-size: 13px;
		font-weight: bold;
		line-height: 18px;
		height: 18px;
		padding: 4px 5px 2px 5px;
		border: 0;
	}

	.catalog-table th > a {
		color: #f7b2ff;
		font-size: 13px;
		font-weight: bold;
		text-decoration: none;
	}

	th.catalog-date {
		text-align: center;
		width: 48px;
	}

	th.catalog-info {
		text-align: center;
	}

	th.catalog-wishlist {
		text-align: center;
		width: 18px;
	}

	th.catalog-title {
		text-align: left;
	}

	th.catalog-genre {
		text-align: left;
		width: 110px;
	}

	th.catalog-bpm {
		text-align: right;
		width: 32px;
	}

	th.catalog-preview {
		text-align: center;
		width: 110px;
	}

	th.catalog-download {
		text-align: center;
		width: 125px;
	}

	.catalog-table tr.downloaded td,
	.catalog-table tr.downloaded td a {
		color: #e13555;
	}

	.catalog-table tr.previewed td,
	.catalog-table tr.previewed td a {
		color: #57b2e1;
	}

	.catalog-table tr.wishlisted td,
	.catalog-table tr.wishlisted td a {
		color: #eae55f;
	}

	.catalog-table td {
		font-family: "arial", "verdana";
		font-size: 11px;
		line-height: 22px;
		padding: 2px 0;
		border-top: 1px dotted #ab00a5;
	}

	.catalog-table td a {
		font-family: "arial", "verdana";
		font-size: 11px;
		line-height: 22px;
	}

	.catalog-table td img.hd {
		vertical-align: middle;
		display: inline-block;
		padding: 0 6px 0 0;
		margin: 0;
	}

	td.catalog-date {
		padding: 2px 0 2px 10px;
	}

	td.catalog-info {
		text-align: center;
		width: 28px;
	}

	td.catalog-info img {
		display: block;
		overflow: hidden;
		padding: 0;
		margin: 0 2px;
	}

	td.catalog-wishlist a.wl-add {
		background: transparent url('../images/icon-add.png') scroll no-repeat left top;
		display: block;
		width: 18px;
		height: 18px;
	}

	td.catalog-wishlist a.wl-remove {
		background: transparent url('../images/icon-remove.png') scroll no-repeat left top;
		display: block;
		width: 18px;
		height: 18px;
	}

	td.catalog-wishlist a.wl-none {
		display: none;
	}

	td.catalog-bpm {
		text-align: right;
	}

	td.catalog-preview {
		text-align: right;
		padding-right: 10px;
	}

	td.catalog-preview select {
		font-family: "arial", "verdana";
		font-size: 11px;
		line-height: 17px;
		width: 90%;
		height: 23px;
		padding: 0;
		margin: 0;
	}

	td.catalog-preview select > option {
		font-family: "arial", "verdana";
		font-size: 11px;
		line-height: 15px;
		padding: 0 2px;
	}

	td.catalog-download {
		padding-left: 5px;
	}

	td.catalog-download a {
		text-decoration: none;
		display: block;
		width: 18px;
		height: 18px;
		float: left;
		margin-left: 5px;
	}

	td.catalog-download a.download-clean {
		background: transparent url('../images/download-clean.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-dirty {
		background: transparent url('../images/download-dirty.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-instrumental {
		background: transparent url('../images/download-instrumental.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-remix {
		background: transparent url('../images/download-remix.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-acapella {
		background: transparent url('../images/download-acapella.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-clean:hover {
		background: transparent url('../images/download-hover.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-dirty:hover {
		background: transparent url('../images/download-hover.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-instrumental:hover {
		background: transparent url('../images/download-hover.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-remix:hover {
		background: transparent url('../images/download-hover.png') scroll no-repeat left top;
	}

	td.catalog-download a.download-acapella:hover {
		background: transparent url('../images/download-hover.png') scroll no-repeat left top;
	}

	td.catalog-download span.download-spacer {
		display: block;
		width: 18px;
		height: 18px;
		float: left;
		margin-left: 5px;
	}

	.mobile-catalog-table {
		display: none;
	}
}

@media (max-width: 899px) {
	.catalog-table {
		display: none;
	}
}

/** Catalog - Info bubble **/

#catalog_info_bubble {
	background-color: #f9f9f9;
	background: linear-gradient(to top, #f9f9f9 0%, #d7d7d7 80%, #e6e6e6 100%);
	background: -webkit-linear-gradient(#e6e6e6 0%, #d7d7d7 20%, #f9f9f9 100%);
	color: #333;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 10px 20px;
	margin: 4px 0 0 26px;
	border-bottom: 4px solid #ab00a5;
	box-shadow: 1px 1px 3px #555555;
}

#catalog_info_bubble .bubble-column {
	float: left;
	max-width: 235px;
	padding-right: 15px;
}

#catalog_info_bubble .bubble-column:last-child {
	padding: 0;
}

#catalog_info_bubble .bubble-column img {
	border: 1px solid #333;
	border-bottom: 4px solid #ab00a5;
}

#catalog_info_bubble h2 {
	font-size: 13px;
	font-weight: bold;
	line-height: 19px;
	padding: 0 0 3px 0;
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #c0c0c0;
}

.bubble-line {
	font-size: 11px;
	line-height: 13px;
	padding: 2px 0;
}

.bubble-line label {
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	padding-right: 5px;
}

/** Catalog toplist icons **/

.toplist-badge {
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-shadow: 0 0 2px #333333;
	line-height: 18px;
	display: block;
	float: right;
	width: 17px;
	height: 18px;
	padding: 0 1px 0 0;
	margin: 0 5px 0 10px;
}

.toplist-badge-1 { background: transparent url('../images/bg-toplist-1.png') scroll no-repeat center center; }
.toplist-badge-2 { background: transparent url('../images/bg-toplist-2.png') scroll no-repeat center center; }
.toplist-badge-3 { background: transparent url('../images/bg-toplist-3.png') scroll no-repeat center center; }
.toplist-badge-4 { background: transparent url('../images/bg-toplist-4.png') scroll no-repeat center center; }
.toplist-badge-5 { background: transparent url('../images/bg-toplist-5.png') scroll no-repeat center center; }

/** Catalog pager **/

#catalog_pager {
	border-top: 1px solid #ab00a5;
	color: #ffffff;
	font-size: 1px;
	text-align: center;
	line-height: 1px;
	padding: 0;
	margin: 0 auto;
}

#catalog_pager strong {
	background-color: #ab00a5;
	color: #f0f0f0;
	font-size: 12px;
	line-height: 25px;
	display: inline-block;
	padding: 0 10px;
	margin: 0;
}

#catalog_pager a {
	color: #aaa;
	font-size: 12px;
	text-decoration: none;
	line-height: 25px;
	display: inline-block;
	padding: 0 5px;
	margin: 0 2px;
}

#catalog_pager a:hover {
	background-color: #ab00a5;
	color: #333333;
	text-decoration: none;
}

#catalog_pager .ajax-pagination-datepicker {
	color: #d2d2d2;
	font-size: 12px;
	text-align: right;
	float: right;
	position: relative;
	padding: 0 10px;
}

#catalog_pager .ajax-pagination-datepicker:hover {
	background-color: #ab00a5;
}

#catalog_pager .ajax-pagination-datepicker a.jump-to-date {
	background: transparent url('../images/icon-datepicker.png') scroll no-repeat right center;
	color: #aaa;
	white-space: nowrap;
	padding: 0 28px 0 0;
}

#catalog_pager .ajax-pagination-datepicker a.jump-to-date:hover {
	text-decoration: none;
}

/** Shop **/

.shop-pricelist {
	float: left;
	min-width: 560px;
	padding: 20px 20px 16px 20px;
}

.shop-pricelist table {
	width: 100%;
}

.shop-pricelist table th {
	background-color: #ab00a5;
	background: linear-gradient(to bottom, #c900c2 0%, #91008c 80%, #ab00a5 100%);
	background: -webkit-linear-gradient(#c900c2 0%, #91008c 80%, #ab00a5 100%);
	color: #fff;
	padding: 10px;
}

.shop-pricelist table th:first-child {
	border-radius: 8px 0 0 0;
}

.shop-pricelist table th:last-child {
	border-radius: 0 8px 0 0;
}

.shop-pricelist table td {
	color: #fff;
	padding: 5px 10px;
}

.shop-pricelist table tr td {
	background-color: #333;
	background: linear-gradient(to top, #333 0%, #444 15%, #444 85%, #333 100%);
	background: -webkit-linear-gradient(#333 0%, #444 15%, #444 85%, #333 100%);
	border-bottom: 1px solid #ab00a5;
}

.shop-pricelist table tr:hover td {
	background-color: #444;
	background: linear-gradient(to top, #444 0%, #555 15%, #555 85%, #444 100%);
	background: -webkit-linear-gradient(#444 0%, #555 15%, #555 85%, #444 100%);
}

.shop-pricelist input[type="image"] {
	padding: 0;
	margin: 0;
	border: 0 none;
}

.shop-paypal-form {
	/*padding: 5px 0 0 0;
	margin: 5px 0 0 0;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ab00a5;*/
	padding: 0;
	margin: 0;
	border: 0 none;
}

/** Signup **/

.signup-page h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #8a079b;
}

.signup-page ol {
	padding: 0 0 10px 30px;
	margin: 0 0 20px 0;
}

.signup-page ol li {
	color: #fff;
}

.signup-page .form_error {
	background-color: #ff2222;
	display: inline-block;
	padding: 3px 10px;
	margin: 0 0 0 10px;
	border-radius: 2px;
}

.signup-form input[type="text"],
.signup-form select {
	min-width: 40%;
}

span.signup_info {
	color: #c0c0c0;
	font-size: 10px;
	display: block;
	width: 462px;
	clear: both;
}

span.red_star {
	color: #ff2222;
	vertical-align: super;
}

div#signup_errors {
	clear: both;
	margin: 10px 0;
	border-left: 3px solid #ff2222;
}

div#signup_errors p {
	padding: 0 10px;
}

div#signup_errors p label {
	font-weight: bold;
	padding: 2px 0;
}

img.captcha {
	margin: 0 0 10px 0;
	border: 1px solid #8a079b;
	border-radius: 3px;
	box-shadow: 1px 1px 3px #670075;
}

/** Account **/

.account-details h3 {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #8a079b;
}

/** Labels **/

.labels-left {
	float: left;
	width: 40%;
}

.labels-left hr {
	padding: 0;
	margin: 15px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #8a079b;
	box-shadow: 1px 1px 3px #670075;
}

.labels-right {
	line-height: 18px;
	float: right;
	width: 55%;
}

ol.record_label {
	padding: 0 20px 15px 50px;
}

#id_labels ul.list {
	padding: 0 20px 15px 20px;
}

/** Footer **/

footer {
	background: #000 url('../images/footer-background.jpg') scroll no-repeat center top;
	width: 100%;
	border-top: 1px solid #ab00a5;
}

.footer-inner {
	max-width: 1200px;
	padding: 20px 0;
	margin: 0 auto;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	list-style-type: none;
	padding: 2px 0;
}

#footer ul li h3 {
	color: #ab00a5;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
}

#footer ul li a {
	color: #ddd;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	line-height: 15px;
}

#footer ul li a:hover {
	text-decoration: none;
}

#footer ul li a:hover::after {
	content: ' »';
}

#footer ul.download-legend li {
	line-height: 23px;
	padding: 0 0 0 25px;
}

#footer ul.download-legend li:first-child {
	padding-left: 0;
}

#footer ul li.dl-clean { background: transparent url('../images/download-clean.png') scroll no-repeat left center; }
#footer ul li.dl-dirty { background: transparent url('../images/download-dirty.png') scroll no-repeat left center; }
#footer ul li.dl-instrumental { background: transparent url('../images/download-instrumental.png') scroll no-repeat left center; }
#footer ul li.dl-remix { background: transparent url('../images/download-remix.png') scroll no-repeat left center; }
#footer ul li.dl-acapella { background: transparent url('../images/download-acapella.png') scroll no-repeat left center; }
#footer ul li.dl-info { background: transparent url('../images/icon-info.png') scroll no-repeat left center; }
#footer ul li.dl-hd { background: transparent url('../images/icon-hd.png') scroll no-repeat left center; }
#footer ul li.dl-wl-add { background: transparent url('../images/icon-add.png') scroll no-repeat left center; }
#footer ul li.dl-wl-remove { background: transparent url('../images/icon-remove.png') scroll no-repeat left center; }

#footer .right-section p {
	padding: 10px 0;
}

#footer_social_bar {
	padding-bottom: 15px;
}

#footer a.rss {
	background: transparent url('../images/footer-rss.png') scroll no-repeat left center;
	color: #c3c3c3;
	font-size: 12px;
	line-height: 21px;
	display: block;
	padding: 0 10px 0 26px;
}

#footer .footer-translations {
	text-align: center;
	clear: both;
	padding: 20px 0 0 0;
}

#footer .footer-translations a {
	padding: 0;
	margin: 0 5px;
	border: 0 none;
}

#footer .footer-subscript {
	text-align: center;
	clear: both;
	padding: 20px 0;
}

/** Footer - Top downloads **/

.footer-toplist .title {
	float: left;
	padding-right: 5px;
}

.footer-toplist .feed {
	color: #ffffff;
	font-size: 12px;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
	padding: 6px 0;
	margin: 0;
}

.footer-toplist .feed span {
	color: #f24f4f;
	font-size: 12px;
	line-height: 20px;
	display: block;
	float: left;
	padding-right: 5px;
}

/** Fix for float divs **/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */