body {
	margin-top: 115px;
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #23262b;
}

#header #nav {
	margin-top: 20px;
	margin-right: 20px;
	font-size: 12px;
}

#header #nav a {
	font-size: 12px;
}

#header h1 {
	top: 6px;
	padding: 0;
}

#header #social-follow {
	position: absolute;
	top: 36px;
	left: 300px;
	opacity: 0.5;
}

#header #social-follow img {
	border-radius: 1em;
	margin-left: 3px;
}

#header #search-browse {
	position: absolute;
	top: 48px;
	left: 632px;
}

#header form.search {
	display: inline;
	margin-top: 0px;
}

#header form.search input.q {
	width: 180px;
	font-size: 12px;
	color: #c3c6cb;
	margin: 0 0 0 7px;
	border: 1px solid transparent;
	border-radius: 4px;
	padding: 5px 5px 5px 26px;
	background: #33363b url(../img/v1/icon-search.gif) 5px center no-repeat;
	background-size: 16px 16px;
	outline: none;
}

#header form.search input.small {
	padding: 0 0;
	height: 26px;
	line-height: 1;
	font-size: 11px;
}

#header_genres_nav {
	position: absolute;
	top: 91px;
	left: 6px;
	width: 934px;
	z-index: 10;
	border-collapse: collapse;
	border-spacing: 0;
}

#header_genres_nav td {
	font-size: 11px;
	font-weight: 300;
	/* padding: 0 7px 0 7px; */
	white-space: nowrap;
	border-top: 1px solid #53565b;
	text-align: center;
}

#header_genres_nav td a {
	color: #a3a6ab;
	display: inline-block;
	padding: 5px 7px 6px 7px;
	text-decoration: none;
}

#header_genres_nav td:hover {
	border-top: 1px solid #1277ba;
	/* border-top: 1px solid #106fad; */
}

#header_genres_nav td.on {
	border-top: 1px solid #1691E2;
	-background: #23262b;
}

#footer .select-store {
	font-size: 12px;
	outline: none;
}

#main.home {
	position: relative;
	padding-top: 30px;
}

span.count {
	margin-left: 1em;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 11px;
}

.stop-scrolling {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#overlay {
	width: 100%;
	height: 100%;
	margin: 0 0 0 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 998;
}

#quickview {
	position: fixed;
	width: 720px;
	height: 540px;
	top: 20px;
	left: 20px;
	display: none;
	background: #e3e6eb;
	box-shadow: 0 0 50px #000;
	color: #111;
	text-align: left;
	z-index: 999;
	clear: both;
}

#quickview .content {
	margin: 0;
	padding: 0;
	/* font-weight: 300; */
}

#quickview .content .pline {
	font-size: 8pt;
	margin: 3px;
	width: 93%;
	/* opacity: 0.6; */
}

#quickview .album-details {
	width: 100%;
	font-size: 11px;
}

#quickview .album-details td {
	padding: 1px 4px 1px 0;
}

#quickview a {
	color: #357;
}

#quickview a.genre {
	color: inherit;
	line-height: 1.3;
	/* font-size: 13px; */
}

#quickview a.genre:hover {
	text-decoration: underline;
}

a.genre {
	color: inherit;
	line-height: 1.4;
}

a.genre:hover {
	text-decoration: underline;
}

#quickview .content .close {
	position: absolute;
	top: 14px;
	right: 0;
	display: inline-block;
	padding: 0.5em 0.6em;
	margin: 0;
	font-size: 11px;
	color: #93969b;
	line-height: 1;
	background: transparent;
	cursor: pointer;
	border: 1px inset #fff;
}

#quickview .content .mast {
	margin: 12px;
	width: 660px;
	-background: #eee;
}

#quickview .content .mast tr td {
	vertical-align: top;
}

#quickview .content .mast tr td.col1 {
	width: 200px;
}

#quickview .content .mast .album-art {
	border: 1px solid #d3d6db;
	width: 180px;
	height: 180px;
	margin: 3px;
}

#quickview .content .mast .cmenu {
	display: inline;
	z-index: 999;
}

#quickview .content .mast .cmenu span.value {
	padding: 8px 12px 8px 0;
}

#quickview .content .mast .button {
	padding: 11px 20px 10px;
	margin-left: 10px;
}

#quickview .content .mast .album-name {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	margin-top: 0.25em;
	margin-bottom: 4px;
}

#quickview .content .mast .album-artist {
	font-size: 13px;
	line-height: 1.2;
	margin-bottom: 12px;
}

#quickview .content .mast .album-blurb {
	font-size: 12px;
	line-height: 1.5;
	margin: 2em 0;
}

#quickview .content .mast .album-purchase {
	height: 40px;
	line-height: 1;
	white-space: nowrap;
}

#quickview .content .tabs {
	display: flex;
	justify-content: center;
	/* text-align: left; */
	/* margin-left: 212px; */
}

#quickview .content .tabs .tab {
	border: 1px solid #c3c6cb;
	width: 90px;
	padding: 6px;
	font-size: 11px;
	cursor: pointer;
	white-space: nowrap;
}

#quickview .content .tabs .tab.on {
	background: #d9dbe3;
}

#quickview .content .album-info-container {
	display: none;
	margin-top: 10px;
	height: 260px;
	overflow: auto;
	border-top: 1px solid #33363b;
	white-space: pre-wrap;
	background: #63666b;
	padding: 40px 60px;
	line-height: 1.7;
	font-size: 12px;
	color: #fff;
}

#quickview .content .recording-info-container {
	display: none;
	margin-top: 10px;
	height: 260px;
	overflow: auto;
	border-top: 1px solid #33363b;
	background: #63666b;
	padding: 40px 60px;
	line-height: 1.7;
	font-size: 12px;
	white-space: pre-wrap;
	color: #fff;
}

#quickview .content .comments-container {
	display: none;
	margin-top: 10px;
	height: 260px;
	overflow: auto;
	border-top: 1px solid #33363b;
	background: #63666b;
	padding: 40px 60px;
	line-height: 1.7;
	font-size: 12px;
	color: #000;
}

#quickview .content .audio-stats-container {
	display: none;
	margin-top: 10px;
	height: 340px;
	overflow: none;
	overflow-x: auto;
	border-top: 1px solid #33363b;
	background: #73767b;
	/* padding: 40px 60px; */
	/* line-height: 1.7; */
	/* font-size: 12px; */
}

#quickview .content .tracks-container {
	margin-top: 10px;
	height: 340px;
	overflow: none;
	overflow-x: auto;
	border-top: 1px solid #33363b;
	background: #73767b;
}

#quickview .content .tracks {
	width: 100%;
}

#quickview .content .tracks td {
	padding: 9px;
	border-bottom: 1px solid #83868b;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
}

#quickview .content .tracks td.track-seq {
	text-align: right;
	width: 16px;
	font-weight: 600;
}

#quickview .content .tracks td.track-play {
	text-align: center;
	width: 24px;
}

#quickview .content .tracks td.track-name {
	text-align: left;
	width: auto;
}

#quickview .content .tracks:not(.stats) td.track-name {
	cursor: pointer;
}

#quickview .content .tracks td.track-duration {
	text-align: right;
	width: 40px;
	padding-left: 1em;
	padding-right: 2em;
}

#quickview .content .tracks td.track-format {
	text-align: right;
	width: 40px;
	padding-left: 1em;
}

#quickview .content .tracks td.track-price {
	text-align: left;
	width: 60px;
	white-space: nowrap;
	font-size: 10px;
	padding-left: 12px;
}

#quickview .content .tracks td.track-stat {
	text-align: center;
	font-size: 12px;
	white-space: nowrap;
}


/* #quickview .content .tracks td span.sub {
			font-size: 8px;
			opacity: 0.8;
		} */

#quickview .content .tracks td.track-format span {
	border: 0 solid rgba(0, 0, 0, 0.1);
	padding: 2px 4px;
	display: inline-block;
	white-space: nowrap;
	font-size: 11px;
}

#quickview .content .tracks td.track-price span.album-only {
	white-space: nowrap;
	font-size: 10px;
	color: #c3c6cb;
	margin-left: 8px;
}

#quickview .content .tracks td.track-price span.buy-track {
	background: #c3c6cb url(../img/v2/bg-button-track.png) repeat-x top;
	color: #23262b;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 2px;
	padding: 4px 10px 3px 8px !important;
	display: inline-block;
	cursor: pointer;
	font-family: arial;
	font-weight: normal;
	font-size: 10px;
	line-height: 1;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	white-space: nowrap;
}

#quickview .content .tracks td.track-price span.buy-track:active {
	background-color: #d3d6db !important;
}

#quickview .content .tracks td.album-pline {
	line-height: 1.4;
	font-size: 10px;
	opacity: 0.6;
}

#quickview .content .tracks td.album-reldate {
	line-height: 1.4;
	font-size: 10px;
	opacity: 0.6;
}

#quickview .content .tracks .TrackName {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.25;
	letter-spacing: auto;
}

#quickview .content .tracks .ArtistName {
	font-size: 10px;
	line-height: 1.25;
	margin-top: 2px;
	opacity: 0.7;
}

#quickview-prev {
	position: fixed;
	z-index: 99999;
	display: none;
	cursor: pointer;
	width: 36px;
	height: 64px;
	top: 400px;
	left: 20px;
	background: #c3c6c9 url(../img/v2/arrow-prev.png) no-repeat center center;
	opacity: 0.25;
	border-radius: 4px;
}

#quickview-next {
	position: fixed;
	z-index: 99999;
	display: none;
	cursor: pointer;
	width: 36px;
	height: 64px;
	top: 400px;
	right: 36px;
	background: #c3c6c9 url(../img/v2/arrow-next.png) no-repeat center center;
	opacity: 0.25;
	border-radius: 4px;
}

#quickview-prev:hover {
	opacity: 0.4;
}

#quickview-next:hover {
	opacity: 0.4;
}

#quickview .mp3 {
	cursor: pointer;
	background: url(../img/v2/icon-play.png) no-repeat center center;
	background-size: 24px 24px;
	display: inline-block;
	width: 24px;
	height: 24px;
	opacity: 0.8;
}

#quickview .mp3.loading {
	background-image: url(../img/v2/loading3.gif);
	background-size: 12px 12px;
	opacity: 0.5;
}

#quickview .mp3.playing {
	background-image: url(../img/v2/icon-pause.png);
}

#main .mp3 {
	cursor: pointer;
	background: url(../img/v2/icon-play.png) no-repeat center center;
	background-size: 20px 20px;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 2px 0 -2px 0;
	opacity: 0.8;
}

#main .mp3.loading {
	background-image: url(../img/v2/loading3.gif);
	background-size: 12px 12px;
	opacity: 0.5;
}

#main .mp3.playing {
	background-image: url(../img/v2/icon-pause.png);
}

/* SKIN */
#quickview {
	background: #63666b url(../img/v2/gradient-overlay.png) no-repeat left top;
	color: #fff;
	font-weight: 300;
	/* text-shadow: 0 1px 0 #63666b; */
}

#quickview .float-right {
	float: right;
}

#quickview a {
	color: #fff;
	text-decoration: none;
}

#quickview .content .social-container {
	float: right;
	display: inline-block;
	margin: 0px 0 12px 12px;
	width: 140px;
	height: 24px;
	text-align: right;
	-background: #999;
}

#quickview .content .social {
	display: none;
}

#quickview .content .close {
	color: rgba(255, 255, 255, 0.4);
	background: rgba(100, 100, 100, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.3);
	text-shadow: none;
	border-radius: 3em;
	font-weight: 600;
	margin: -5px 10px 0 150px;
}

#quickview .content .close:hover {
	background: rgba(255, 255, 255, 0.1);
}

#quickview .content .tabs .tab {
	border: 1px solid rgba(255, 255, 255, 0.3);
	margin-right: 2px;
	border-radius: 2px;
}

#quickview .content .tabs .tab.on {
	border: 1px solid rgba(255, 255, 255, 0.4);
	background: rgba(0, 0, 0, 0.1);
}

#quickview .content .tracks tr td {
	border-bottom: 1px solid #83868b;
	cursor: default;
}

#quickview .content .tracks tr.head td {
	top: 0;
	position: sticky;
	font-weight: 400;
	background: #63666b !important;
	font-size: 11px;
	white-space: nowrap;
	z-index: 1;
}

#quickview .content .tracks tr.album-stats td {
	background-color: #83868b;
}

#quickview .content .tracks tr:hover td {
	background: #66696e;
}

.fancybox-skin {
	border-radius: 0;
}

#faq24 {
	display: none;
	width: 540px;
	padding: 20px 60px 30px 60px;
	text-align: left;
	line-height: 1.5;
	background: #2E3D58;
	color: #fff;
}

#faq24 h3 {
	font-size: 18px;
	margin: 1.5em 0 0.5em 0;
	color: #fff;
}

#faq24 h4 {
	font-size: 12px;
	margin: 1em 0 0.5em 0;
	color: #fff;
	font-weight: 300;
}

#faq24 p {
	font-size: 12px;
	margin: 0 0 1.5em 0;
	color: #eee;
}

#faq24 ul {
	margin: 1em 1.5em;
}

#faq24 ul li {
	list-style-type: circle;
	margin: auto 2em;
	font-size: 12px;
	color: #eee;
}

#faq24 a {
	color: #fff;
	text-decoration: underline;
}

.album-info u,
.recording-info u,
.album-info-container u,
.recording-info-container u {
	text-decoration: none;
}

.album-info a,
.recording-info a,
.album-info-container a,
.recording-info-container a {
	text-decoration: none;
	color: rgba(210, 230, 255, 1) !important;
}

.album-info a:hover,
.recording-info a:hover,
.album-info-container a:hover,
.recording-info-container a:hover {
	color: rgba(210, 230, 255, 0.9) !important;
}

.format_badges {
	margin: 5px 0 0 0;
	text-align: left;
	cursor: default;
}

.format_badges .badge {
	display: inline-block;
	padding: 1px 4px 1px 2px;
	border-radius: 0px;
	background: #73767b;
	color: #03060b;
	text-shadow: 0 1px 0px rgba(255, 255, 255, 0.1);
	font-weight: 400;
	font-size: 9px;
	line-height: 1 !important;
	margin: 0 2px 2px 0;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	text-align: left;
	min-width: 2.75em;
}
