@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'MyriadRegular'; /*a name to be used later*/
    src: url('//soundgine.com/fonts/MyriadPro-Regular.otf'); /*URL to font*/
}
@font-face {
    font-family: 'TabsFont'; /*a name to be used later*/
    src: url('//soundgine.com/fonts/HelveticaNeueLTCom-MdCn.ttf'); /*URL to font*/
}
html, body {
	font-family:'MyriadRegular', Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	-webkit-font-smoothing: antialiased;
	background-color:#333;
	min-width:220px;
}
#header {
	color:#fff;
	padding:10px;
	height:30px;
	font-size:22px;
	z-index:1;
	position:fixed;
	width:100%;
	top:0px;
}
#headerText {
	color:#fff;
	padding:10px;
	height:30px;
	font-size:22px;
	z-index:5;
	position:fixed;
	width:100%;
	top:0px;
	min-width:200px;
}
#headerbg {
	width: 100%;
	height: 50px;
	position: fixed;
	background: #000;
	opacity: .8;
	top: 0px;
	z-index:2;
}
#headerText .menu {
	font-weight:bold;
	float:left;
	cursor:pointer;
	height:24px;
	background-image:url('images/img-sprite.png') !important;
	background-position:-100px -100px;
	padding-left:35px;
	background-repeat:no-repeat;
	text-transform:uppercase;
	color:#676767;

	font-size:18px;
	/*text-shadow: 1px 1px 2px black;*/
}
#headerText .menu:after {
	content:"Menu";
}
#headerText .currency {
	font-size:12px;
}
#headerText .cart {
	float:right;
	margin-right:20px;
	margin-top:-2px;
	font-size:9px;
	cursor:pointer;
}
#headerText .cart .total {
	display:inline-block;
	background:#fff;
	color:#000;
	padding:4px;
	font-size:18px;
	vertical-align:middle;
	font-weight:bold;
	height:24px;
	padding-top:7px;
	padding-left:22px;
}
#headerText .cart .count {
	background-color: #fc1111;
    border-radius: 15px;
    font-size: 12px;
    position: absolute;
    color: #fff;
    display: inline-block;
    padding: 3px;
    width: 16px;
    text-align: center;
    font-weight: bold;
    margin-top: 6px;
    padding-top: 5px;
    margin-left: -12px;
	opacity:0;
}
#headerText .cart .total small {
	font-size:12px;
	text-transform:uppercase;
	margin-left:5px;
	vertical-align:middle;
}
#headerText .cart .discount {
	display:inline-block;
	display:none;
	height:35px;
	vertical-align:middle;
	text-align:-webkit-right;
}
#headerText .cart .discount .icon {
	background-image:url(images/img-sprite.png);
	background-position:-100px -446px;
	background-repeat:no-repeat;
	width:35px;
	height:35px;
}

#headerText .cart .discount .amount {
	border-radius:4px;
	background:#f37737;
	color:#fff;
	padding:7px;
	font-size:14px;
	line-height:11px;
	float:right;
	margin-top:5px;
	font-weight:bold;
	margin-right:10px;
}
#headerText .cart .buyGraphic {
	height: 23px;
    display: inline-block;
    vertical-align: middle;
    /*background-color: #6ac258;*/
	background-color:#a8a8a8;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 4px;
    padding-top: 8px;
    padding-right: 22px;
	padding-left:12px;
}
#headerText .cart img {
	vertical-align:middle;
}
#headerText .checkout {
	background:#fff;
	color:#000;
	padding:3px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:16px;
	display:none;
}


::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #2f2f2f;
}
::-webkit-scrollbar {
	width: 12px;
	background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #5b5b5b;
}
/* IE scroll bars */
html, body {
	scrollbar-base-color: #5b5b5b;
	/*scrollbar-3dlight-color: #f00;*/
	scrollbar-highlight-color: #2f2f2f;
	scrollbar-track-color: #2f2f2f;
	/*scrollbar-arrow-color: #f00;
	scrollbar-shadow-color: #0f0;
	scrollbar-dark-shadow-color: #00f;*/
}
	





.main {
	width:100%;
	margin-top:50px;
	display:none;
}

#leftPane {
	/*height:100%;*/
	position:fixed;
	width:30%;
	background:#3f3f3f;
	color:#fff;
	padding-right:1px;
}

#leftPane .content {
	height:100%;
	overflow-y:auto;
	position:relative;
	z-index:1;
}
#leftPane .cart {
	padding:5px;
	font-size:14px;
	margin-top:-30px;
}
#leftPane .instructions {
	padding:5px;
	font-size:13px;
	width:90%;
	color:#808683;
	margin-top:20px;
	/*height:0px;*/
	/*overflow:hidden;*/
	/*line-height:25px;*/
}
#leftPane .instructions h1 {
	font-size:17px;
	font-weight:normal;
}

#leftPane .instructions .videoIcon {
	width:26px;
	height:20px;
	display:inline-block;
	background:url('images/img-sprite.png');
	background-position:-80px -740px;
	opacity:.6;
	vertical-align:sub;
	cursor:pointer;
	margin-left:5px;
}
#leftPane .instructions .videoIcon:hover {
	opacity:1;
}
#leftPane .instructions li {
	margin-bottom:15px;
}
#leftPane .instructions img {
	vertical-align:text-bottom;
	padding:0px 3px 0px 3px;
}
#leftPane .instructions ol {
	padding-left:20px;
}
#rightPane {
	width:70%;
	
	float:right;
	position:fixed;
	left:30%;
	/*padding-bottom:50px;*/
	/*padding-top:210px;*/
}

#rightPane .artist {
	background-color:#dbdbdb;
	padding:10px;
	color:#000;
	/*height:110px;*/
	max-height:200px;
	overflow:hidden;
}
.dealsBar {
	background: rgba(0,0,0,.5);
	padding: 0px;
	text-align:right;
	height:0px;
	z-index:6;
	overflow:hidden;
	top:50px;
	position:absolute;
}
.dealsBar .dealsButton {
	background: #fe2d11;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 12px 3px;
	display: inline-block;
	border-radius: 4px;
	font-weight:bold;
	cursor:pointer;
	display:inline-block;
}
.dealsBar .dealsButton img {
	vertical-align:middle;
	padding-bottom:1px;
}
.dealsBar .closeBtn {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	cursor:pointer;
}
#rightPane .artist .detail {
	/*display:inline-block;*/
	vertical-align:top;
	padding-left:10px;
	padding-right:5px;
	overflow:hidden;
}
#rightPane .artist .logo {
	width:120px;
	vertical-align:top;
}
#rightPane .artist .logo .spotlight {
	position:absolute;
	background-image:url('images/img-sprite.png');
	
	z-index:0;
	width:117px;
	height:110px;
	background-position:-85px -215px;
	cursor:pointer;
}
#rightPane .artist .logo .spotlight:hover {
	background-position:-85px -335px;
}
#rightPane .artist .img {
	width:120px;
	height:110px;
	/*display:inline-block;*/
	vertical-align:top;
	font-size:0px;
	/*background-color:#CCC;*/
}
#rightPane .artist .img img {
	width:100%;
	height:100%;
}
#rightPane .artist .detail .title {
	font-weight:bold;
	font-size:20px;
	background-color:#1c1c1c;
	/*font-style:italic;*/
	display:inline-block;
	padding:3px 8px;
	vertical-align:middle;
	border-radius:3px;
}
#rightPane .artist .detail .tagline {
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	font-style:italic;
	display:none;
}

#rightPane .artist .detail img {
	margin-left:5px;
	vertical-align:sub;
}
#rightPane .artist .detail .info {
	margin-top:26px;
	font-size:12px;
	opacity:.8;
}
#rightPane .artist .plays {
	margin-top:5px;
	background-color:#a5ccea;
	font-size:13px;
	padding:2px 10px 0px;
	display:inline-block;
	border-radius:3px;
	font-style:italic;
	font-weight:bold;
	color:#3c3c3c;
}
#rightPane .artist .collection {
	margin-top:5px;
	font-size:12px;
	opacity:.8;
}
#rightPane .artist .detail .ratings {
	margin-top:5px;

	font-size:12px;
	font-weight:bold;
}
#rightPane .navigation{
	padding:0px;
	background:#fff;
	height:30px;
}
/*#rightPane .navigation ul {
	margin:0px;
	padding:0px;
	display:inline;
}
#rightPane .navigation ul li {
	list-style:none;
	display:inline;
	padding:5px;
}
*/
#rightPane .navigation img {
	vertical-align:middle;
	margin-right:10px;
}


#footer {
	background-color:rgba(0,0,0,.8);
	height:50px;
	color:#fff;
	z-index:2;
	position:fixed;
	bottom:0px;
	width:100%;
	min-width:220px;
	/*right:0px;*/
}
/*#footer .leftPane {
	width:30%;
	float:left;
	height:50px;
}
#footer .leftPane .bg {
	height:50px;
}*/
/*#footer .rightPane {
	width:70%;
	float:right;
}*/



.verified {
	background-color:#5e92f7;
	border-radius:15px;
	padding:0px 2px 5px 3px;
	width:12px;
	height:12px;
	color:#fff;
	/*display:inline-block;*/
	font-size:12px;
	display:none;
}

div[id^=data-albums] .buyBtn {
	width: 32px;
    display: inline-block;
    background-color: #fe2d11;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 4px;
    padding: 2px;
    color: #fff;
    cursor: pointer;
	border-radius:3px;
	font-weight:bold;
}
div[id^=data-albums] .listenBtn {
	width: 46px;
    display: inline-block;
    background-color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
    margin-right: 2px;
    padding: 2px;
    color: #222;
    cursor: pointer;
	border-radius:3px;
	font-weight:bold;
}

.add-to-cart {
	margin-right: 0px;
    margin-top: 10px;
	width:27px;
	height:25px;
	display:inline-block;
	background-image:url(images/img-sprite.png);
	background-position:0px -140px;
}

.rating {
	/*unicode-bidi: bidi-override;*/
	/*direction: rtl;*/
	font-size:0px;
	float:left;
	font-weight:normal;
	width: 84px;
	height: 16px;
	overflow: hidden;
	margin-top:2px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;

}

.tracks {
	display:none;
	
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
	/*padding-bottom:50px;*/
}

.tracks .track {
	padding:5px;
	background-color:#fff;
	cursor:pointer;
	overflow:hidden;
	
	/*-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;*/
	
	min-height:50px;

}
.tracks .track .detail {
	height:50px;
	display:inline-block;
}
.tracks .active {
	background-color:#5e92f7 !important;
}

.tracks .track:nth-child(odd) {
    background-color: #e0e0e0;
}
.tracks .track:hover {
	background-color:#000;
	color:#fff;
}
/*.tracks .rating:hover {
	width:84px;
}*/

.tracks .track:hover .pricing .price span {
	border-color:inherit;
}
.tracks .track img {
	width:50px;
	height:50px;
	margin-right:5px;
	/*width:auto;
	height:auto;*/
}
.tracks .track .rating img {
	width:auto;
	height:auto;
	margin-right:0px;
}
.tracks .track .img {
	float:left;
}
.tracks .track .title {
	font-size:14px;
	vertical-align:top;
	height: 16px;
	overflow: hidden;
	max-width:350px;
}
.tracks .track .title .new {
	background: #F95D17;
	color: #eee;
	font-size: 9px;
	text-transform: lowercase;
	padding: 1px 4px;
	vertical-align: middle;
	margin-left: 7px;
	border-radius: 3px;
}
.tracks .track .title .hot {
	/*vertical-align: middle;
	margin-left: 3px;
	display:inline-block;
	width:16px;
	height:16px;
	background:url(images/popular-today.png);*/
	background: #f00;
	color: #eee;
	font-size: 9px;
	text-transform: lowercase;
	padding: 1px 4px;
	vertical-align: middle;
	margin-left: 4px;
	border-radius: 3px;
}

.tracks .track .bpm {
	font-size:11px;
	vertical-align:middle;
	font-weight:bold;
	display:inline-block;
	margin-left:8px;
	background:rgba(0,0,0,.5);
	padding:2px;
	border-radius:3px;
	color:#ddd;
	font-weight:normal;
	/*padding-right:24px;
	background:url('images/img-sprite.png');
	background-repeat:no-repeat;
	background-position:right -340px;*/
	line-height:11px;
}
.tracks .track .bpm:after{
	content:" bpm";
}
.tracks .track .pricing {
	float:right;
	font-size:12px;
	
	text-align:left;
	cursor:pointer;
	padding-top:6px;
}
.tracks .track .sold {
	float:right;
	margin:14px 5px;
	text-align:left;
	color:#fff;
	font-size:11px;
	padding:4px 6px 1px 4px;
	background:#f00;
	border-radius:4px;
	opacity:.5;
}

.tracks .track .pricing .price {
	font-weight:bold;
	font-size:20px;
	padding-right:5px;
}
.tracks .track .pricing .free {
	/*font-weight:bold;
	font-size:16px;
	color:#6ac258;
	margin-top:5px;*/
	background:url('images/img-sprite.png');
	background-position:-120px -140px;
	margin-right: 0px;
    margin-top: 10px;
	width:25px;
	height:25px;
	display:inline-block;
}
div[id^=data-beats] .track .pricing .icons {
	background:none;
    display: inline-block;
    width: 52px;
	height:40px;
	overflow:hidden;
    text-align: right;
}
.tracks .track .pricing .starting {
	opacity:.6;
}
.tracks .track .pricing .price span {
	border:1px dashed #000;
	padding:2px;
	width:10px;
	height:10px;
	display:inline-block;
	font-size:16px;
	line-height:12px;
	vertical-align:text-top;
	margin-top:2px;
}



.tracks .track:hover .icon-share {
	background-position:0px -20px;
}
.tracks .track:hover .icon-youtube {
	background-position:-20px -20px;
}
.tracks .track:hover .icon-comment {
	background-position:-40px -20px;
}
.tracks .track .votes {
	float: left;
	font-size: 12px;
	font-style: italic;
	margin-top: 4px;
	margin-right: 5px;
	opacity:.9;
}

.tracks .track .genre {
	opacity:.6;
	font-size:11px;
	height:13px;
	overflow:hidden;
	/*display:inline-block;*/
}
.tracks .track .icon-share,.icon-youtube,.icon-comment {
	float:left;
	margin:1px 2px 5px 1px;
}

.tracks .track .licenses {
	clear:both;
	text-align:center;
	margin-top:10px;
	padding:8px;
	background-color:#282828;
	width:100%;
	margin-left:-5px;
}
.tracks .track .licenses .license {
	padding:8px;
	border-radius:4px;
	background-color:#000;
	color:#fff;
	display:inline-block;
	margin:3px;
	font-size:12px;
	
	position:relative;
	z-index:1;
	vertical-align:middle;
	
	/*max-width:65px;*/
	width:100px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
	text-transform:capitalize;

}
.tracks .track .licenses .offer {
    background: #f37737;
    font-size: 11px;
	color:#fff;
	text-transform:uppercase;
    border-radius: 5px;
	padding-top:2px;
}
.tracks .track .licenses .offer:hover {
	background:#62b052;
}
.tracks .track .licenses .offer-full {
    background: #f37737;
    padding:8px;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	margin:3px;
	font-size:12px;

	vertical-align:top;
	position:relative;
	z-index:1;
	
	width:100px;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
	text-transform:capitalize;
}
.tracks .track .licenses .offer-full span {
	font-size:18px;
	font-weight:normal;
}
.tracks .track .licenses .sale {
	background:url('images/img-sprite.png');
	background-position:-375px -635px;
	background-color:#000;
}
.tracks .track .licenses .license .checkmark {
	display:none;
}
.tracks .track .licenses .license .content {
	/*position:absolute;*/
}
.tracks .track .licenses .selected .checkmark {
	display: block;
    float:right;
    width: 20px;
    height: 20px;
    background: url('images/img-sprite.png');
    background-position: -58px -660px;
}
.tracks .track .licenses .selected {
	background-color:#0d0d0d !important;
}
/*.tracks .track:hover .licenses .license {
	background-color:#fff;
	color:#000;
}*/
.tracks .track .licenses .license:hover {
	background-color:#2d2d2d;
	color:#fff;
}
.tracks .track .licenses .title {
	font-size:12px;
	opacity:.7;
}
.tracks .track .licenses span {
	font-size:20px;
	display:block;
	font-weight:bold;
}
.tracks .track .licenses .license span span {
	font-size:10px;
	display:inline;
	font-weight:normal;
	margin-left:5px;
}


.icons {
	background:url('images/icons.png');
	width:20px;
	height:20px;
}
.icon-share {
	background-position:0px 0px;
}
.icon-youtube {
	background-position:-20px 0px;
}
.icon-comment {
	background-position:-40px 0px;
}


#footer .controls {
	width:275px;
	position:absolute;
	right:0px;
	z-index:7;
}
#footer .controls .volume {
	width:100px;
	height:50px;
	float:left;
	margin-right:6px;
	background-image:url('images/img-sprite.png') !important;
	background-position:-200px -89px;
	cursor:pointer;
	background-repeat:no-repeat;
}
#footer .controls .volume .bg {
	position:absolute;
	width:100px;
	height:50px;
	background-color:#000;
	opacity:.3;
	z-index:-1;
}
#footer .controls .volume .slider {
	width:80%;
	background-color:#fff;
	height:50px;
	opacity:.3;
}
#footer .controls .sideButtons {
	padding:5px 5px 5px 0px;
	float:right;
}
#footer .controls .shuffle-off {
	width:30px;
	height:20px;
	background:url('images/img-sprite.png');
	background-position:-40px -840px;
	cursor:pointer;
}
#footer .controls .shuffle-on {
	width:30px;
	height:20px;
	background:url('images/img-sprite.png');
	background-position:0px -840px;
	cursor:pointer;
}
#footer .controls .repeat-off {
	width:30px;
	height:20px;
	background:url('images/img-sprite.png');
	background-position:-120px -840px;
	margin-top:3px;
	cursor:pointer;
}
#footer .controls .repeat-on {
	width:30px;
	height:20px;
	background:url('images/img-sprite.png');
	background-position:-80px -840px;
	margin-top:3px;
	cursor:pointer;
}
#footer .streaming {
	position:absolute;
	width:270px;
	z-index:3;
}
#footer .streaming .img {
	width:46px;
	height:46px;
	padding:2px;
	float:left;
}
#footer .streaming .img img {
	/*width:100%;
	height:auto;*/
	max-width:46px;
	max-height:46px;
	width:auto;
	height:auto;
}

#footer .streaming .activeTrack {
    font-weight: normal;
    font-size: 12px;
	width:180px;
	float:left;
	margin-left:5px;
}
#footer .streaming .activeTrack .title {
	padding:3px 0px;
	height:12px;
	width:210px;
	overflow:hidden;
	display:none;
}

/*#footer .streaming .activeTrackRating {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}*/
#footer .streaming .tracktime {
	color:#ccc;
	font-size:12px;
	position:absolute;
	margin-top:34px;
	margin-left:55px;
	opacity:.5;
}
#footer .streaming .tracktime-left {
	display:none;
	color:#ccc;
	font-size:12px;
	position:absolute;
	margin-top:-40px;
	opacity:.5;
	left:5%;
}
#footer .streaming .tracktime-right {
	display:none;
	color:#ccc;
	font-size:12px;
	position:absolute;
	margin-top:-40px;
	right:5%;
	opacity:.5;
}
#footer .streaming .played {
	background:#666;
	position:absolute;
	height:21px;
	width:0%;
	margin-top:10px;
	margin-left:55px;
	opacity:.8;
	border-radius:3px;
}
#footer .streaming .loaded {
	height:21px;
	opacity:.8;
	width:0%;
	margin-top:10px;
	position:absolute;
	margin-left:55px;
	border-radius:3px;
}
#footer .streaming .holder {
	height:0px;
	opacity:0;
	width:170px;
	z-index:-100;
}
/*#footer .mobile-bg {
	display:none;
}*/

#playBtn, #pauseBtn, #nextBtn, #prevBtn {
	float:left;
	/*border:2px solid #fff;*/
	vertical-align:middle;
	width:40px;
	height:40px;
	margin:2px;
	cursor:pointer;
	opacity:1;
	margin-top:4px;
	background-repeat:no-repeat;
	background-position:center;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	background-image:url(images/img-sprite.png) !important;
}
#playBtn:hover, #pauseBtn:hover, #nextBtn:hover, #prevBtn:hover {
	opacity:.8;
}

#prevBtn {
	background-position:-35px -435px;
}
#nextBtn {
	background-position:-35px -395px;
}
#playBtn {
	background-position:-35px -315px;
}
#pauseBtn {
	background-position:-35px -355px;
	display:none;
}

#sidebar {
	position:fixed;
	left:0px;
	top:0px;
	width:0%;
	height:100%;
	overflow:hidden;
	z-index:7;
    box-shadow: 5px 0px 10px #000;
}
#sidebar hr {
	border:0;
	background:#555;
	height:1px;
}

#sidebar .bg {
	position:absolute;
	width:100%;
	height:100%;
	background-color:#131313;

	z-index:4;
}
#sidebar .content {
	z-index:5;
	color:#fff;
	font-size:15px;
	/*width:100%;*/
	position:relative;
	padding-left:5px;
	min-width:220px;
	overflow-y:auto;
	overflow-x:hidden;
}
#genreHolder div label {
	text-transform:capitalize;
}
#sidebar .item {
	background-color:#373737;
    margin-right: 5px;
    padding: 5px;
    padding-top: 8px;
	cursor:pointer;
	height:20px;
	line-height:20px;
	margin-top:5px;
}
#sidebar .searchHead {
	padding:5px;
	margin-top:5px;
	color:#666;
	font-size:14px;
}
#sidebar .content .artist {
	height:45px;
	overflow:hidden;
	padding-top:10px;
}
#sidebar .content #couponcode {
	margin-top:15px;
}
#sidebar .content #couponcode input[type='submit'] {
	position:absolute;
	right:00px;
	width:40px;
	height:30px;
	opacity:0;
}
#sidebar .content #couponcode input[type='text'] {
	width: 94%;
	padding: 6px;
	border: none;
	font-size: 16px;
	background:url('images/img-sprite.png') no-repeat right -780px;
	background-color:#fff !important;
	text-transform:uppercase;
}
#sidebar .content .artist div {
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
#sidebar .content .artist div span {
	color:#aaa;
	cursor:pointer;
}
#sidebar .content .artist div span:hover {
	color:#000;
}
#sidebar .content .artist .img {
	width:45px;
	height:45px;
	display:inline-block;
	vertical-align:top;
}
#sidebar .content .artist .img img {
	width:45px;
	height:45px;
}
/*#sidebar .content ul {
	padding-left:0px;
	margin-top:0px;
}*/
#sidebar .content .li {
	list-style:none;
	line-height:25px;
	height:25px;
	overflow:hidden;
	font-size:13px;
	cursor:pointer;
    padding: 1px 5px;
    margin-bottom: 2px;
    margin-right: 5px;
	background:url('images/subitemclose.png') top 6px right 5px no-repeat;
	background-color:#373737 !important;
}
#sidebar .content .expanded {
	background:url('images/subitemopen.png') top 6px right 5px no-repeat;
}
#priceRange div:first-child, #bpmRange div:first-child {
	margin-top:0px !important;
}
/*#sidebar .content ul li.couponcode {
	height:auto;
}*/
/*
#sidebar .content ul li input[type='text'], #sidebar .content ul li input[type='submit'] {
	background-color:#f8f8f8;
	border:none;
	padding:5px;
	color:#555;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	margin-right:10px;
}
#sidebar .content ul li input[type='submit'] {
	font-size:14px;
	padding:6px;
	color:#777;
}
*/
#sidebar .content .couponOutput {
	text-transform: none;
    font-weight: normal;
    font-size: 12px;
	line-height:14px;
	padding:5px;
	color:#999;
}
#sidebar .content .li:hover {
	color:#eee;
}
#sidebar .content .li.search {
	height:auto;
}
#sidebar .content .li div:first-child {
	margin-top:5px;
}
#sidebar .content .li img {
	margin-left:5px;
}

#selection {
	/*box-shadow: 0px 10px 15px #111;*/
	font-family:"TabsFont";
}
#selection .head {
	background:#000;
	color:#a3a3a3;
	font-size:15px;
	padding:7px;
	text-transform:uppercase;
}
#selection ul {
	font-size:0px;
	padding:0px;
	/*display:table;*/
	border-collapse:separate;
	border-spacing:4px;
	/*margin-top:-4px;*/
}
#selection ul li {
	font-size:12px;
	/*width:1%;*/
	text-align:left;
	cursor:pointer;
	color:#a3a3a3 !important;
	vertical-align:middle;
	/*display:block;*/
	padding:8px 5px 5px 30px;
	/*font-weight:bold;*/

	/*background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="20px" width="20px"><text x="5" y="15" fill="%236d6d6d" font-size="20">♫</text></svg>') no-repeat;*/
	background:url("images/inactive-black.png") no-repeat !important;
	background-position:left 5px center !important;

	background-color:#252525 !important;
	/*margin:2px;*/
	/*border:1px solid #3f3f3f;*/

	

	text-transform: uppercase;
	letter-spacing: 1px;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#selection .shadow {
	height:50px;
	background:url('images/shadow.png');
}
#selection ul li:hover {
	/*background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="20px" width="20px"><text x="5" y="15" fill="%23222222" font-size="20">♫</text></svg>') no-repeat;
	*/
	background:url("images/active-music.png") no-repeat !important;
	background-position:left 5px center !important;
	background-color:#474747 !important;
	color:#FFF !important;
	
}
#selection ul li.active {
	/*background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="20px" width="20px"><text x="5" y="15" fill="%23222222" font-size="20">♫</text></svg>') no-repeat;*/
	background:url("images/active-music.png") no-repeat !important;
	background-position:left 5px center !important;
	background-color:#474747 !important;
	color:#FFF !important;
}

#selection ul li span:nth-child(2) {
	float:right;
	font-size:10px;
	color:#868686;
	background-color:#191919;
	border-radius:8px;
	padding:3px 6px;
	margin-top:-3px;
	/*line-height:10px;*/
	height:12px;
	line-height:12px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#loading {
	background-color:rgba(255, 255, 255, .5);
	background-image:url('images/loader.gif');
	height:20px;
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	width:100%;
	z-index:6;
	margin-top:-20px;
	/*display:none;*/
}
#audioPlayer {
	width:0px;
	height:0px;
}
#audioPlayerContainer, #audioPlayer2Container {
	width:0px;
	height:0px;
}


div[id^=data-albums] .album {
	width:140px;
	margin:15px;
	height:200px;
	display:inline-block;
	overflow:hidden;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	
	color:#000;
}
div[id^=data-albums] .album:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
div[id^=data-albums] .album .artist {
	opacity:.8;
	color:inherit;
}
div[id^=data-albums] .hover {
	position:relative;
	width:140px;
	height:125px;
	top:-125px;
	background:url(images/album-hover.png);
	cursor:pointer;
}
div[id^=data-albums] .detail {
	position:relative;
	top:-125px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
	text-align:left;
}
div[id^=data-albums] .detail .selected {
	opacity:.3;
}
div[id^=data-albums] .detail p {
	font-size:11px;
	height:13px;
	overflow:hidden;
	margin:0px;
}
div[id^=data-albums] .detail span p {
	/*color:#999;	*/
	opacity:.6;
	display:inline-block;
	font-size:10px;
}
div[id^=data-albums] .artist {
	background-color:inherit !important;
	padding:0px !important;
	margin-bottom:5px;
}
div[id^=data-albums] .detail span {
	font-size:14px;
	vertical-align:middle;
	/*float:right;*/
	display:block;
	margin-top:5px;
}
div[id^=data-albums] img {
	vertical-align:middle;
	cursor:pointer;
}

#cartItems {
	
}
#cartItems .item {
	background-color:#fff;
	padding:5px;
	color:#323232;
	margin:5px;
	overflow:hidden;
	margin-right:8%;
	border-radius:3px;
	font-size:13px;
	/*font-weight:bold;*/
	/*text-transform:uppercase;*/
	text-transform:capitalize;
	line-height:15px;
}
#cartItems .item .info {
	/*float:left;*/
}
#cartItems .item .type {
	/*opacity:.5;
	font-size:18px;*/
	color:#888;
}
#cartItems .item .price {
	font-weight:bold;
	/*float:right;*/
	font-size:16px;
	padding-top:4px;
}
#cartItems .item .price .pr {
	display:inline-block;
}
#cartItems .item .price .dim {
	opacity:.30;
}
#cartItems .item .title {
	height:16px;
	overflow:hidden;
}
#cartItems .item .remove {
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url('images/img-sprite.png');
	background-repeat:no-repeat;
	background-position:-137px -520px;
	opacity:.5;
}
#cartItems .item .play {
	cursor:pointer;
	width:20px;
	height:20px;
	background-image:url('images/img-sprite.png');
	background-repeat:no-repeat;
	background-position:-137px -540px;
	opacity:.5;
}
#cartItems .item .controls {
	float:right;
	width:20px;
	height:50px;
}
#cartItems .discount {
	background-color:#f37737;
	padding:5px;
	color:#fff;
	margin:5px;
	overflow:hidden;
	margin-right:8%;
	border-radius:3px;
	font-size:13px;
	text-transform:capitalize;
	line-height:15px;
}
#cartItems .item .price span {
	color:#f37737;
	margin-left:8px;
	text-transform:uppercase;
}
#cartItems .discount .icon {
	/*border:1px solid #fff;*/
	border-radius:4px;
	padding:4px 3px 2px 3px;
	/*width:15px;*/
	background:#fff;
	color:#f37737;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	text-transform:uppercase;
}
#cartItems .discount .text {
	margin-left: 20px;
	text-align: center;
	line-height: 22px;
	font-size: 16px;
	font-weight:bold;
	text-transform:none;
}


/*YOUTUBE POPUP*/
#videoPopup {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	display:none;
}
#videoPopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}

#videoPopup .radio {
	width:18px;
	height:18px;
	padding:3px;
	border:1px solid #ccc;
	border-radius:15px;
	display:inline-block;
	vertical-align:middle;
}
#videoPopup .radio .fill {
	width:18px;
	height:18px;
	background:#ccc;
	border-radius:15px;
	display:none;
}
#youtube-licenses td {
	cursor:pointer;
}
#videoPopup .text {
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	font-size:14px;
}
#videoPopup table {
	margin-top:10px;
	background: rgba(0, 0, 0, .5);
}
#videoPopup .content {
	width:520px;
	margin:0 auto;
	margin-top:50px;
}
#youtube-head {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
#youtube-licenses {
	font-size: 12px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	width: 520px;
	margin: 0 auto;
}
#youtube-video {
	text-align:center;
	width:520px;
	margin:0 auto;
}
#youtube-close-btn-container {
	width:520px;
	margin:0 auto;
	text-align:right;
}
#youtube-close-btn {
	width:16px;
	height:16px;
	background-image:url('../images/close.png');
	cursor:pointer;
	float:right;
	margin-top:-30px;
}
#searchIcon {
	cursor:pointer;
	width:32px;
	height:30px;
	background-image:url('images/img-sprite.png');
	background-position:-76px -136px;
	vertical-align: middle;
    margin-right: 10px;
	display:inline-block;
	opacity:.3;
}


#commentIcon {
	cursor:pointer;
	display:none;
	width:32px;
	height:32px;
	background-image:url('images/img-sprite.png');
	background-position:0px -198px;
	vertical-align: middle;
    margin-right: 10px;
	position:absolute;
	margin-top:8px;
	z-index:2;
	margin-left:250px;
}

#comments {
    color: #fff;
    vertical-align: middle;
	text-align:center;
	height:20px;
	overflow:hidden;
	padding-left:290px;
	padding-right:280px;
	position:absolute;
	margin-top:15px;
	overflow:hidden;
	font-size:14px;
	cursor:pointer;
}
#comments span {
	color:#f0a800;
	padding-right:10px;
}
	
#comments a {
	color:#fff;
	text-decoration:none;
}

#commentField {
	position:absolute;
	margin-left:290px;
	margin-top:15px;
	font-style:italic;
	display:none;
}
#commentField input {
	font-size:14px;
	border:none;
	vertical-align:middle;
	outline:none;
	background:none;
	border-bottom:1px solid #666;
	font-style:italic;
	color:#fff;
}
#commentField input::-webkit-input-placeholder {
   color: #555;
}

#commentField input:-moz-placeholder { /* Firefox 18- */
   color: #555;  
}

#commentField input::-moz-placeholder {  /* Firefox 19+ */
   color: #555;  
}

#commentField input:-ms-input-placeholder {  
   color: #555  
}
#commentField .textCount {
	color:#aaa;
	font-style:italic;
	vertical-align:middle;
	opacity:.4;
}
#commentField .commentBtn {
	vertical-align:middle;
	margin-left:5px;
	cursor:pointer;
	display:inline-block;
	width:38px;
	height:18px;
	background-image:url('images/img-sprite.png');
	background-position:-40px -180px;
	margin-right:2px;
	opacity:.6;
}
#commentField .closeBtn{
	width:16px;
	height:16px;
	background-image:url(images/img-sprite.png);
	background-position:0px -240px;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}

#spotlight {
	width:26px;
	height:20px;
	display:inline-block;
	background:url('images/img-sprite.png');
	background-position:-80px -740px;
}

#spotlightPopup {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	display:none;
}
#spotlightPopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}
#spotlightPopup .content {
	width: 520px;
	margin: 0 auto;
	margin-top: 50px;	
}
#spotlight-head {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
#spotlight-video {
	text-align:center;
	width:520px;
	margin:0 auto;
}
#sidebar #pkgdeals div {
	background:#fff;
	color:#000;
	text-transform:uppercase;
	width: 78%;
    text-transform: uppercase;
    margin-bottom: 5px;
    padding: 6px;
		
    font-weight: normal;
    font-size: 12px;
	line-height:14px;
	cursor:default;

}
#sidebar #pkgdeals div span{
	color:#aaa;
	margin-left:15px;
}



#instructionsVideoPopup {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	display:none;
}
#instructionsVideoPopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}
#instructionsVideoPopup .content {
	width: 520px;
	margin: 0 auto;
	margin-top: 50px;	
}
#instructionsVideoPopup .head {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 15px;
}
#instructionsVideoPopup .video {
	text-align:center;
	width:520px;
	margin:0 auto;
}


#instructionsBtn {
	background: #666;
	margin: 5px;
	margin-right:20%;
	margin-left:15%;
	padding: 8px;
	text-align: center;
	text-transform: uppercase;
	font-size:14px;
	line-height:14px;
	letter-spacing:1px;
	cursor:pointer;
	color:#ccc;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
#instructionsBtn:hover {
	background:#ccc;
	color:#333;
}
#closeSidebar {
	width:24px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url('images/img-sprite.png');
	margin-right:10px;
	margin-top:-45px;
	background-position:0px -740px;
}
#searchField {
	display:inline;
	/*font-style:italic;*/
	vertical-align:middle;
}
#searchField input {
	padding:4px;
	font-size:14px;
	border:none;
	vertical-align:middle;
	outline:none;
	color:#585858;
}
#searchField input::-webkit-input-placeholder {
	/*font-style:italic;*/
	color:#c4c4c4;
}
#searchField .advanced {
	margin-right:4px !important;
	vertical-align:middle;
	cursor:pointer;
	width:95px;
	height:24px;
	/*display:inline-block;*/
	display:none;
	
	background-color:#a5ccea;
	border-radius:4px;
	color:#fff;
	font-size:13px;
	text-align:center;
	line-height:25px;
}
#searchField .close {
	width:24px;
	height:24px;
	margin-right:0px !important;
	vertical-align:middle;
	cursor:pointer;
	background-image:url(images/img-sprite.png);
	background-position:-60px -480px;
	/*display:inline-block;*/
	display:none;
}
#priceRange, #bpmRange {
	display:inline-block;
	margin:0px 10px 0px 10px;
	width:50%;
	vertical-align:middle;
}
.priceMin, .bpmMin {
	display:inline-block;
	min-width:30px;
}
#sortby input {
	/*-webkit-transform: scale(1.5,1.5);*/
}
#sortby label {
	vertical-align:middle;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}
#resetSearch {
	text-align:center;
}
#resetSearch span {
	display:inline-block;
	width:16px;
	height:18px;
	background:url('images/img-sprite.png');
	background-position:0px -280px;
	vertical-align:middle;
	margin-right:5px;
}
#currencyHolder {
	margin-top:5px;
}
#currencyHolder div {
	line-height:19px;
}
#currencyHolder input {
	/*transform: scale(1.5,1.5);*/
	vertical-align:middle;
}
#currencyHolder label {
	vertical-align:middle;
	font-size:13px;
	font-weight:normal;
	text-transform:none;
}

#checkoutPopup {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	overflow-y:auto;
	display:none;
}
#checkoutPopup .cartItems {
	max-height:150px;
	overflow-y: auto;
	overflow-x: hidden;
	
	font-size:14px;
	color:#383838;
}
#checkoutPopup .amountArea {
	margin-top:10px;
	float:right;
}
#checkoutPopup .amountArea .price {
	display:inline-block;
	padding:3px;
}
#checkoutPopup .amountArea .removeHead {
	display:inline-block;
	padding:3px;
}


#checkoutPopup .couponOutput {
    color: #999;
    font-size: 12px;
	padding-top:5px;
}
#checkoutPopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}
#checkoutPopup .content {
	position:relative;
	margin:0 auto;
	width:80%;
	border-radius:8px;
	margin-top:2%;
	background-color:#fff;
	padding:15px;
	max-width:800px;
	/*border-radius:10px;*/
}
#checkoutPopup .pp {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
}
#checkoutPopup .cc {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	padding:10px 0px;
}
#checkoutPopup .continue {
	cursor:pointer;
}
#checkoutPopup .head {
	color: #555;
	font-size: 14px;
	/*max-width: 600px;*/
    margin: 0 auto;
    margin-bottom: 25px;
}
#checkoutPopup .head .img {
	width:46px;
	height:44px;
	/*display:inline-block;*/
	vertical-align:middle;
	margin-right:10px;
	float:left;
}
#checkoutPopup .head .img img {
	width:100%;
	height:100%;
}
#checkoutPopup .coupon {
	/*position:absolute;
	margin-top:-20px;*/
	margin-top:10px;
	margin-bottom:30px;
}
#checkoutPopup .coupon input[type='text'] {
	border-radius:0;
}
#checkoutPopup .coupon input {
    padding: 5px;
    margin-left: 10px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #666;
}
#checkoutPopup .head .text {

	vertical-align:middle;
}
#checkoutPopup .head .text span {
	font-weight:bold;
}

.popupCloseBtn {
	float:right;
	cursor:pointer;
	opacity:.6;
	width:24px;
	height:24px;
	background-image:url(images/img-sprite.png);
	background-position:-60px -480px;
}
.popupCloseBtnBright {
	float:right;
	cursor:pointer;
	opacity:.6;
	width:24px;
	height:24px;
	background-image:url(images/img-sprite.png);
	background-position:-120px -740px;
}
#checkoutPopup .inner {
	margin:20px 80px 20px 80px;
	padding:5px;
	overflow-x:hidden;
	/*max-width:500px;*/
	margin:0 auto;
}
#checkoutPopup .terms {
	color:#444;
	padding:5px;
	margin-top:15px;
	width:60%;
	float:left;
}
#checkoutPopup .payment {
	color:#444;
	margin-top:15px;
	width:37%;
	float:right;
}
#checkoutPopup .payment div {
	text-align:right;
}
#checkoutPopup .terms .termsText {
	height:50px;
	overflow-y:auto;
	width:100%;
	font-size:12px;
	color:#aaa;
	border:1px solid #ccc;
	padding:5px;
}
#checkoutPopup .terms .comments {
	height:50px;
	overflow-y:auto;
	font-size:12px;
	color:#6a6a6a;
	border:1px solid #ccc;
	margin-bottom:10px;
	display:none;
	padding:5px;
	width:100%;
	resize:none;
}
#checkoutPopup .terms .accept {
	text-align:right;
	font-size:14px;
	margin-top:8px;
}
#checkoutPopup .inner .cartItem {
	width:100%;
}
#checkoutPopup .inner .cartItem .title {
	display:inline-block;
	width:42%;
	margin:0 3% 0 0;
	overflow:hidden;
	vertical-align:middle;
}
#checkoutPopup .inner .cartItem .license {
	display:inline-block;
	width:20%;
	text-transform:capitalize;
}
#checkoutPopup .inner .cartItem .price {
	display:inline-block;
	width:20%;
}
#checkoutPopup hr {
	margin-top:0px;
	border:0;
	background:#ccc;
	height:1px;
}
#checkoutPopup hr.head {
	background:#999;
	height:1px;
	margin-bottom:10px;
}
#checkoutPopup .inner .cartItem .remove {
	display:inline-block;
	width:15%;
	color:#f41212;
	background:url('images/img-sprite.png');
	background-position:-82px -520px;
	cursor:pointer;
	max-width:75px;
	vertical-align:middle;
	height:20px;
}
#checkoutPopup .inner .cartItem .removeHead {
	display:inline-block;
	width:15%;	
}

#checkoutPopup .inner .cartItem .big {
	font-size:22px;
	font-weight:bolx;
}

#checkoutPopup .inner .subtotal {
	color:#ccc;
}
#checkoutPopup .inner .discount {
	color:#999;
}
#checkoutPopup .inner .total .license {
	color:#000;
}
#checkoutPopup .inner .total .price {
	color:#090;
}

#rightPane .artist .detail .info p {
	margin:0px;
}
#rightPane .artist .detail .info a {
	color:#5897fe;
	font-weight:bold;
	text-decoration:none;
	background-image:url('images/img-sprite.png');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-right:18px;
	font-size:13px;
}



/*------BULK POPUP---------*/
#BulkPopup {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	overflow-y:auto;
	display:none;
}

#BulkPopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}
#BulkPopup .content {
	position:relative;
	margin:0 auto;
	width:80%;
	border-radius:8px;
	margin-top:2%;
	background-color:#fff;
	padding:15px;
	max-width:800px;
	/*border-radius:10px;*/
}

#BulkPopup .head {
	color: #555;
	font-size: 14px;
	/*max-width: 600px;*/
    margin: 0 auto;
    margin-bottom: 25px;
}
#BulkPopup .head .img {
	width:46px;
	height:44px;
	/*display:inline-block;*/
	vertical-align:middle;
	margin-right:10px;
	float:left;
}
#BulkPopup .head .img img {
	width:100%;
	height:100%;
}
#BulkPopup .head h2 {
	margin-bottom:5px;
	font-weight:normal;
	margin-top:0px;
}
#BulkPopup .head .saleIcon {
	width:20px;
	height:20px;
	display:inline-block;
	background:url('images/img-sprite.png');
	background-position:-220px -660px;
	vertical-align:sub;
}
#BulkPopup .head .text {

	vertical-align:middle;
}


#BulkPopup .inner {
	padding:5px;
	margin:0 auto;
	width:75%;
	text-align:center;
}
#BulkPopup .inner .block {
	background: #efefef;
	padding: 10px;
	border-radius: 5px;
	margin:5px;
	font-size:12px;
	color:#999;
	line-height:20px;
}
#BulkPopup .inner .block h2 {
	margin:5px;
	text-transform:capitalize;
	color:#030303;
}

#BulkPopup hr {
	margin-top:0px;
	border:0;
	background:#ccc;
	height:1px;
}



/*------OFFER POPUP---------*/
#OfferPopup {
	width:100%;
	height:100%;
	position:fixed;
	z-index:1000;
	left:0px;
	top:0px;
	overflow-y:auto;
	display:none;
}

#OfferPopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}
#OfferPopup .content {
	position:relative;
	margin:0 auto;
	width:80%;
	border-radius:8px;
	margin-top:2%;
	background-color:#fff;
	padding:15px;
	max-width:800px;
	/*border-radius:10px;*/
}

#OfferPopup .head {
	color: #555;
	font-size: 14px;
	/*max-width: 600px;*/
    margin: 0 auto;
    margin-bottom: 25px;
}
#OfferPopup .head .img {
	width:46px;
	height:44px;
	/*display:inline-block;*/
	vertical-align:middle;
	margin-right:10px;
	float:left;
	padding-bottom:40px;
}
#OfferPopup .head .img img {
	width:100%;
	height:100%;
}
#OfferPopup .head h2 {
	margin-bottom:5px;
	font-weight:normal;
	margin-top:0px;
}

#OfferPopup .head .text {

	vertical-align:middle;
}
#OfferPopup .head .text .license {
	font-size:12px;
	color:#aaa;
	text-transform:capitalize;
}


#OfferPopup .inner {
	padding:5px;
	margin:0 auto;
	width:75%;
	text-align:center;
}
#OfferPopup .inner .currency {
    display: inline-block;
    vertical-align: top;
    font-size: 35px;
    color: #cbcbcb;
    margin-top: 25px;
    margin-left: 20px;
}
#OfferPopup .inner .priceOutline {
	border: 1px solid #eaeaea;
	display:inline-block;
	padding:0px 20px;
}
#OfferPopup .inner .priceInput {
	font-size: 70px;
	border:none;
	padding:8px 10px;
	color: #555;
	padding-right:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align: center;
	display:inline-block;
	vertical-align:top;
	width:140px;
	
}
#OfferPopup .inner .error {
	color:#f00;
	margin-top:10px;
	font-size:14px;
	font-weight:bold;
}
#OfferPopup .inner .output {
	margin-top:10px;
}
#OfferPopup .inner .common {
	border: none;
	display: block;
	width: 225px;
	margin: 0 auto;
	margin-top: 5px;
	font-size:18px;
	font-style:italic;
	background:#f7f7f7;
	padding:10px;
}
#OfferPopup .inner .first {
	margin-top:15px;
}
#OfferPopup .inner .common:focus, #OfferPopup .inner .priceInput:focus {
	outline:0;
}
#OfferPopup .inner .submit {
	color:#fff;
	padding:10px;
	margin:0 auto;
	border-radius:4px;
	cursor:pointer;
	background-color:#6bc259;
	font-size:24px;
	margin-top: 15px;
	border:none;
    text-transform: uppercase;
    width: 150px;
}
#OfferPopup hr {
	margin-top:0px;
	border:0;
	background:#ccc;
	height:1px;
}





input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -28px;
  padding-left : 28px;
  background   : url('images/img-sprite.png') no-repeat -200px -20px;
  line-height  : 20px;
}

input[type=checkbox]:not(old):checked + label{
  background-position : -200px -40px;
}

input[type=radio]:not(old):checked + label{
  background-position : -200px -60px;
}
.priceSlider, .bpmSlider {
	margin-top:2px;
}
.error {
	color:#f00;
}
#sharePopup {
	color:#000;
	width:100%;
	height:100%;
	position:fixed;
	z-index:10;
	left:0px;
	top:0px;
	display:none;
}
#sharePopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}

#sharePopup .content {
	position:relative;
	margin:0 auto;
	width:70%;
	height:50%;
	max-height:250px;
	margin-top:5%;
	background-color:#fff;
	padding:15px;
	max-width:600px;
	text-align:center;
	/*border-radius:10px;*/
}

#sharePopup .content .msg {
	margin: 20px;
	padding: 5px;
	border: 1px solid #ccc;
	font-family: monospace;
	color: #666;
	display:none;
}
#sharePopup h2 {
	font-weight:normal;
}
#sharePopup h2 span {
	color:#999;
	margin-right:10px;
}
#sharePopup .facebook, #sharePopup .twitter, #sharePopup .google, #sharePopup .link {
	cursor:pointer;
	padding:5px;
	background-image:url(images/img-sprite.png);
	width:64px;
	height:64px;
	display:inline-block;
}
#sharePopup .facebook {
	background-position:-160px -560px;
}
#sharePopup .twitter {
	background-position:-80px -560px;
}
#sharePopup .google {
	background-position:0px -560px;
}
#sharePopup .link {
	background-position:-160px -480px;
}



#freePopup {
	color:#000;
	width:100%;
	height:100%;
	position:fixed;
	z-index:10;
	left:0px;
	top:0px;
	display:none;
}
#freePopup .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}

#freePopup .content {
	position:relative;
	margin:0 auto;
	width:70%;
	height:50%;
	max-height:280px;
	margin-top:5%;
	background-color:#fff;
	padding:15px;
	max-width:600px;
	text-align:center;
	/*border-radius:10px;*/
}

#freePopup input[type='text'] {
	padding:5px;
	font-size:15px;
	margin:2px;
	width:75%;
}
#freePopup .termsText {
	height:50px;
	overflow-y:scroll;
	font-size:12px;
	color:#aaa;
	border:1px solid #ccc;
	padding:5px;
	width:75%;
	margin:0 auto;
	margin-top:10px;
}
#freePopup .accept {
	text-align:right;
	font-size:12px;
	width:75%;
	margin:0 auto;
}
#freePopup .download {
	background:#000;
	color:#fff;
	padding:5px;
	width:100px;
	margin:0 auto;
	cursor:pointer;
}


/*FREE POPUP SINGLE*/
#freePopupSingle {
	color:#000;
	width:100%;
	height:100%;
	position:fixed;
	z-index:10;
	left:0px;
	top:0px;
	display:none;
}
#freePopupSingle .bg {
	background-color:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: .75;
	-khtml-opacity: .75;
	opacity: .75;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-1;
	cursor:pointer;
}

#freePopupSingle .content {
	position:relative;
	margin:0 auto;
	width:70%;
	height:50%;
	max-height:280px;
	margin-top:5%;
	background-color:#fff;
	padding:15px;
	max-width:600px;
	text-align:center;
	/*border-radius:10px;*/
}

#freePopupSingle input[type='text'] {
	padding:5px;
	font-size:15px;
	margin:2px;
	width:75%;
	border:1px solid #ccc;
}
#freePopupSingle .termsText {
	height:50px;
	overflow-y:scroll;
	font-size:12px;
	color:#aaa;
	border:1px solid #ccc;
	padding:5px;
	width:75%;
	margin:0 auto;
	margin-top:10px;
}
#freePopupSingle .accept {
	text-align:left;
	padding-top:5px;
	font-size:12px;
	width:77%;
	margin:0 auto;
}
#freePopupSingle .download {
	color: #fff;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    background-color: #6bc259;
    font-size: 19px;
	padding-left:45px;
    border: none;
    height: 24px;
	padding-right:10px;
	margin-top:10px;
    padding-top: 8px;
	float:right;
	background:url('images/img-sprite.png') 0px -680px #6bc259;
}

#freePopupSingle .head {
	color: #555;
	font-size: 14px;
	/*max-width: 600px;*/
    margin: 0 auto;
    margin-bottom: 25px;
	text-align:left;
}
#freePopupSingle .head .img {
	width:46px;
	height:44px;
	/*display:inline-block;*/
	vertical-align:middle;
	margin-right:10px;
	float:left;

}
#freePopupSingle .head .img img {
	width:100%;
	height:100%;
}
#freePopupSingle .head .track {
	color:#aaa;
}

#freePopupSingle .head h2 {
	margin-bottom:5px;
	font-weight:normal;
	margin-top:0px;
	text-align:left;
}

#freePopupSingle .head .text {

	vertical-align:middle;
}
#freePopupSingle .head .text .license {
	font-size:12px;
	color:#aaa;
	text-transform:capitalize;
}
/*------------*/

#cartItems .checkout {
	height:28px;
	background:url('images/img-sprite.png');
	background-position:0px -680px;
	background-repeat:no-repeat;
	background-color:#62b052;
	border-radius:3px;
	margin:5px;
	margin-right:8%;
	cursor:pointer;
	
	color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding-left: 25px;
    padding-top:12px;
}
#artistHolder div, #instrumentHolder div, #moodHolder div {
	text-transform:capitalize;
}

.tracks .track .pricing img {
	width:auto;
	height:auto;
	margin-right: 0px;
    margin-left: 7px;
    margin-top: 10px;
}
.fleft {
	float:left;
}
.soundgine {
	text-align:center;
}

.tracks-breath {
	height:50px;
}

.available, .notavailable {
	background-image:url(images/img-sprite.png);
	width:12px;
	height:12px;
	display:inline-block;
	margin-left:5px;
}
.available {
	background-position:-120px 0px;
}
.notavailable {
	background-position:-100px 0px;
}
.mt5 {
	margin-top:5px !important;
}
.mt10 {
	margin-top:10px !important;
}
.mt15 {
	margin-top:15px !important;
}
.mt20 {
	margin-top:20px !important;
}

#visualizer {
	position:fixed;
	top:25px;
	width:400px;
	z-index:1;
	height:80px;
	text-align: center;

}
#visualizer .beatTitle {
	position: fixed;
	top: 75px;
	right:15px;
	background: rgba(0,0,0,.7);
	padding: 5px;
	font-size: 12px;
	color: #eee;
	font-weight: bold;
	border-radius: 3px;
	display:none;
}
#visualizer .beatTitle span {
	display:none;
}
#mono-R {
	transform: rotateX(230deg);
	-webkit-transform:(230deg);
	transform: rotateX(230deg);
	top: -13px;
	position: relative;
	opacity:.3;

}
.fixedArea {
	position:fixed;
	z-index:5;
	/*height:210px;*/
	overflow:hidden;
	width:70%;
	top:50px;
}

.buyInterface {
	display:none;
	padding-top:5px;
}
.buyInterface div {
	display:inline-block;
	border-radius:2px;
	margin-right:1px;
	opacity:.8;
	text-transform:uppercase;
	font-size:12px;
	color:#fff;
	padding:3px;
	padding-bottom:0px;
	cursor:pointer;
	font-weight:bold;
}
.buyInterface div:hover {
	opacity:1;
}
.buyInterface .buy {
	background:#ccc;
	color:#333;
}
.buyInterface .free {
	background:#6bc259;
}
.buyInterface .offer {
	background:#f37737;
}
.buyInterface .sold {
	background:#f00;
	cursor:default;
}
.no-spectrum {
	text-align:left !important;	
	padding-left:20px;
}
.no-spectrum canvas {
	display:none;
}
.no-spectrum .beatTitle {
	position:static !important;
	display:inline-block !important;
	margin-top:16px;
}
.no-spectrum .buyInterface {
	display:block;
}
@media screen and (max-width: 849px) {
	/*.tracks .track .licenses .license {
		max-width:90px;
		
	}*/
	#OfferPopup .inner .priceInput {
		/*font-size:40px;
		margin-left:-58px;*/
		zoom:.8;
	}
	#OfferPopup .inner .currency {
		/*margin-top:18px;*/
		zoom:.8;
	}
}
@media screen and (max-width: 749px) {
	#leftPane {
		display:none;
	}
	#footerBlur {
		width:100%;
	}
	#rightPane {
		width:100%;
		left:0px;
	}
	.fixedArea {
		width:100%;
	}
	#headerBlur {
		width:100%;
	}
	#checkoutPopup .pp, #checkoutPopup .cc, #checkoutPopup .continue {
		max-width:125px;
		height:auto;
	}
	#checkoutPopup .inner .cartItem .remove {
		max-width:20px;
		background-position:-140px -520px;
	}
	/*.tracks .track .licenses .license {
		max-width:100px;
	}*/
	#comments, #commentIcon, #commentField, .icon-comment {
		display:none !important;
	}
	
	
	
	
}

/*iphone 6*/
@media only screen and (max-width : 550px) {
	#rightPane .artist .img {
		width:60px;
		height:55px;
	}
	#rightPane .artist {
		padding:3px;
		/*height:124px;*/
	}
	#visualizer {
		display:none;
	}
	#rightPane .artist .detail .info {
		margin-top:10px;
	}
	/*
	#rightPane .artist .detail .plays {
		margin-top:0px;
	}*/
	
	div[id^=data-albums] {
		text-align:center;
	}
	#commentPopup .content {
		width:90%;
		margin-top:50px;
	}
	#commentPopup .content .inner .comment {
		width:auto;
	}
	#commentPopup .content .inner .textCount {
		padding:5px;
	}
	#commentPopup .content .inner .name {
		margin-bottom:3px;
	}
	/*.rating {
		font-size:0px;
		float:left;
		font-weight:normal;
		width: 16px;
		height: 16px;
		overflow: hidden;
		margin-top:7px;
	}
	.tracks .rating:hover {
		width:16px;
	}*/
	
	.tracks .track {
		padding:5px;
		/*height:50px;*/
		background-color:#fff;
		cursor:pointer;
		overflow:hidden;
	}
	#footer {
		height:80px;
	}
	#footer .tracktime {
		display:none;
	}
	#footer .streaming .img {
		/*margin-top:-50px;
		margin-left:0px;*/
		display:none;
	}
	/*
	#footer .mobile-bg {
		display:block;
		position:absolute;
		height:50px;
		background:#000;
		width:100%;
		margin-top:-100px;
	}
	*/
	#footer .controls {
		/*margin-top:-97px;*/
		width:auto;
		position:relative;
		text-align:center;
	}
	#footer .streaming .activeTrack {
		margin-top:40px;
		width:auto;
		float:none;
		margin-left:0px;
		/*margin-left:50px;
		/*display:none;*/
	}
	#footer .streaming .activeTrack .title {
		width:auto;
		text-align:center;
	}
	#playBtn, #pauseBtn, #nextBtn, #prevBtn {
		float:none;
		display:inline-block;
	}
	#pauseBtn {
		display:none;
	}
	#footer .streaming {
		padding-right:0px;
		padding-left:0px;
		width:100%;
	}
	#footer .streaming .holder {
		width:90%;
	}
	#footer .streaming .loaded {
		margin-top:5px;
		left:50%;
		width:90%;
		margin-left:-45%;
	}
	#footer .streaming .played {
		margin-top:5px;
		left:50%;
		width:0%;
		margin-left:-45%;
	}
	/*.tracks {
		padding-bottom:80px;
	}*/
	/*div[id^=data-albums] {
		padding-bottom:50px;
	}*/
	#checkoutPopup .content {
		width:92%;
	}
	#checkoutPopup .inner {
		margin:5px;
		overflow-y:hidden;
		overflow-x:hidden;
	}
	#checkoutPopup .head .text {
		font-size:12px;
	}
	#checkoutPopup .cc, #checkoutPopup .pp, #checkoutPopup .continue {
		max-width:140px;
		padding:3px;
		
		width: 120px;
		height: auto;
		margin-top: 5px;
	}
	#rightPane .artist .logo .spotlight {
		width:60px;
		height:55px;
	}
	#rightPane .artist .logo {
		width:60px;
	}
	.tracks .track:hover {
		background-color:#fff;
		color:inherit;
	}
	.tracks .track .title{
		max-width:155px;
	}
	/*.tracks .track .license .title {
		font-size:12px;
		height:12px;
	}
	/*.tracks .track .licenses .license span {
		font-size:12px;
	}*/
	.tracks .track .genre{
		max-width:155px;
	}
	.icon-youtube {
		display:none;
	}
	#footer .volume {
		display:none;
	}
	#footer .streaming .tracktime-right {
		display:block;
	}
	#footer .streaming .tracktime-left {
		display:block;
	}
	
	#comments {
		padding-left:80px;
		font-size:14px;
		padding-right:5px;
		margin-top:-30px;
		line-height:15px;
		height:30px;
	}
	/*.tracks .track .licenses .license {
		padding:5px;
		margin:0px 3px 0px 3px;
		max-width:60px;
	}
	.tracks .track .licenses .license span span {
		display:none;
	}*/
	#rightPane {
		left:0px;
	}
	.icon-comment {
		display:none;
	}
	#checkoutPopup .terms {
		width:50%;
	}
	#checkoutPopup .payment {
		width:45%;
	}
	#checkoutPopup .cartItems {
		font-size:12px;
	}
	#checkoutPopup .coupon {
		margin-top:10px;
	}
	#checkoutPopup hr.last {
		margin-top:45px !important;
	}
	#checkoutPopup .coupon input[type='text'] {
		max-width:100px;
		margin-left:5px;
	}
	.tracks .track .votes {
		display:none;
	}
	/*.tracks .track .licenses .offer {
		padding-top:5px;
		height:26px;
		font-size:10px;

	}
	.tracks .track .licenses .offer-full {
		vertical-align:top;
		padding:3px;
		max-width:60px;
		height:30px;
	}
	.tracks .track .licenses .offer-full .title {
		font-size:12px;
		height:12px;
	}
	.tracks .track .licenses .offer-full span {
		font-size:11px;
	}*/
	#OfferPopup .inner .priceInput {
		/*font-size:30px;
		margin-left:-44px;*/
		zoom:.5;
	}
	#OfferPopup .inner .currency {
		/*margin-top:15px;
		font-size:16px;*/
		zoom:.5;
	}
	
	.tracks .track .licenses .license {
		width:80px;
	}
	.tracks .track .licenses span {
		font-size:14px;
	}
	.tracks .track .licenses .offer-full span {
		font-size:14px;
		
	}
	.tracks .track .licenses .offer-full {
		width:80px;
	}
	.tracks .track .licenses .sale {
		background-position:-395px -635px;
	}
	#OfferPopup .inner .priceOutline {
		padding:0px 10px;
	}
	#OfferPopup .inner .common {
		width:150px;
		font-size:14px;
	}
	
	#footer .controls .sideButtons div {
		display:inline-block;
	}
	#footer .controls .sideButtons {
		position:fixed;
		float: none;
		right: 15px;
		bottom: 32px;
	}
	#sidebar {
		display:none;
	}
	
}


@media only screen and (max-width : 450px) {
	.tagline {
		display:none !important;
	}
	.rating {
		display:none;
	}
	#sharePopup .facebook, #sharePopup .twitter, #sharePopup .google, #sharePopup .link {
		width:40px;
		height:40px;
	}
	#sharePopup .content {
		width:90%;
	}
	#spotlight {
		display:none;
	}
	/*.tracks .track .licenses .license {
		padding:3px;
	}
	.tracks .track .licenses .offer {
		padding:3px;
	}*/
	/*#beats .track .pricing .icons {
		width:26px;
	}*/
}

/*iphone 5*/
@media only screen and (max-width : 350px) {
	.tracks .track .title{
		max-width:115px;
	}
	.tracks .track .genre{
		max-width:115px;
	}
	/*.tracks .track .licenses .license {
		padding:2px;
		margin:0px 1px 0px 1px;
	}
	.tracks .track .licenses .offer {
		padding-top:3px;
		height:24px;
	}*/
	#headerText .menu:after {
		content:"";
	}
	#checkoutPopup .inner .cartItem .license {
		display:none;
	}
	#checkoutPopup .inner .cartItem .title {
		width:60%;
	}
	/*#rightPane .artist {
		padding:0px;
		height:130px;
	}*/
	.tracks .track .bpm {
		display:none;
	}
	
	#OfferPopup .inner .priceInput {
		/*font-size:24px;
		margin-left:-40px;*/
		zoom:.4;
	}
	#OfferPopup .inner .currency {
		zoom:.4;
	}
	/*.tracks .track .licenses .offer {
		display:none;
	}*/
	.tracks .track .pricing .price {
		font-size:15px;
	}
}

@media only screen and (max-width : 300px) {
	.tracks .track .title {
		max-width:75px;
	}
	.tracks .track .genre {
		max-width:75px;
	}
	html, body {
		overflow-x:hidden;
	}
	
	/*.tracks .track .licenses .license {
		max-width:56px;
	}*/
}
@media only screen and (max-width:250px) {
	.tracks .track .pricing .fleft {
		display:none;
	}
}