@charset "utf-8";

html {*overflow-x: hidden;}
body {font: 12px/15px Arial, Helvetica, sans-serif; background: #f8f8f8; color: #333;}
html, body {margin: 0px; padding: 0px; height: 100%; width: 100%;}
*:focus, * {-moz-outline: none; outline: none; ie-dummy: expression(this.hideFocus=true); resize: none;}
* {line-height: 1;}
table, td, th, tr {padding: 0px; border-collapse: collapse;}
ul, ol, li, form, fieldset, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, del, blockquote, dfn, kbd, address, canvas, legend {margin: 0px; padding: 0px; text-decoration: none; font-style: normal; border: none;}
ul li {list-style: none;}
input {margin: 0px;}
a {color: #333; text-decoration: none;}
a:hover {color: #09c;}
a *, input[type='button'], input[type='submit'], button, button * {cursor: pointer;}
a, a img {border: none;}
u, u * {text-decoration: none !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}
@-moz-document url-prefix() {
  .p-new-sorter-dates li, .p-new-sorter-dates a, .p-new-sorter-dates span {line-height: 22px !important;}
}

/* framework */

.button {display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: url(/images/buttons.png) repeat-x; position: relative;}
.button u {display: block; position: absolute; top: 0px; background: url(/images/buttons.png) repeat-x; height: 100%;}
.button input {display: block; position: absolute; width: 100%; height: 100%; background: url(/images/blank.gif); border: 0px; top: 0px; left: 0px; z-index: 2; zoom: 1;}
.button.h19 {height: 19px; background-position: 0px -721px; color: #333; font-size: 12px; line-height: 18px; text-shadow: #f4f4f4 0px 1px 0px; padding: 0px 5px 0px 2px;}
.button.h19 u {width: 8px; left: -8px; background-position: 0px -702px;}
.button.h19 u + u {left: auto; right: -8px; background-position: 100% -740px;}
.button.h19.js-hover {background-position: 0px -778px;}
.button.h19.js-hover u {background-position: 0px -759px;}
.button.h19.js-hover u + u {background-position: 100% -797px;}
.button.h19.js-active {background-position: 0px -835px;}
.button.h19.js-active u {background-position: 0px -816px;}
.button.h19.js-active u + u {background-position: 100% -854px;}
.button.h20 {height: 20px; background-position: 0px -1184px; color: #333; font-size: 12px; line-height: 20px; text-shadow: #f4f4f4 0px 1px 0px; padding: 0px 5px 0px 2px;}
.button.h20 u {width: 4px; left: -4px; background-position: 0px -1164px;}
.button.h20 u + u {left: auto; right: -4px; background-position: 100% -1204px;}
.button.h20.js-hover {background-position: 0px -1244px;}
.button.h20.js-hover u {background-position: 0px -1224px;}
.button.h20.js-hover u + u {background-position: 100% -1264px;}
.button.h20.js-active {background-position: 0px -1304px;}
.button.h20.js-active u {background-position: 0px -1284px;}
.button.h20.js-active u + u {background-position: 100% -1324px;}
.button.h20 span {color: #a5a5a5; font-size: 10px; position: relative; top: -2px;}
.button.h20 i {position: relative; top: 6px; left: 2px;}
.button.buy {width: 20px; height: 19px; background-position: 0px -873px;}
.button.buy.js-hover {background-position: 0px -892px;}
.button.buy.js-active {background-position: 0px -911px;}
.button.buyed {width: 20px; height: 19px; background-position: 0px -1689px !important;}
.button.square.h21 {height: 21px; background-position: 0px -1365px; color: #333; font-size: 11px; line-height: 20px; text-shadow: #f4f4f4 0px 1px 0px; padding: 0px 8px;}
.button.square.h21 u {width: 5px; left: -5px; background-position: 0px -1344px;}
.button.square.h21 u + u {left: auto; right: -5px; background-position: 100% -1386px;}
.button.square.h21.js-hover {background-position: 0px -1428px;}
.button.square.h21.js-hover u {background-position: 0px -1407px;}
.button.square.h21.js-hover u + u {background-position: 100% -1449px;}
.button.square.h21.js-active {background-position: 0px -1491px;}
.button.square.h21.js-active u {background-position: 0px -1470px;}
.button.square.h21.js-active u + u {background-position: 100% -1512px;}
.button.square.h26 {height: 26px; background-position: 0px -956px; color: #333; font-size: 12px; line-height: 26px; text-shadow: #f4f4f4 0px 1px 0px; padding: 0px 8px;}
.button.square.h26 u {width: 5px; left: -5px; background-position: 0px -930px;}
.button.square.h26 u + u {left: auto; right: -5px; background-position: 100% -982px;}
.button.square.h26.js-hover,
.button.square.h26.nobg.js-hover {background-position: 0px -1034px; color: #333;}
.button.square.h26.js-hover u,
.button.square.h26.nobg.js-hover u {background-position: 0px -1008px;}
.button.square.h26.js-hover u + u,
.button.square.h26.nobg.js-hover u + u {background-position: 100% -1060px;}
.button.square.h26.js-active,
.button.square.h26.nobg.js-active {background-position: 0px -1112px;}
.button.square.h26.js-active u,
.button.square.h26.nobg.js-active u {background-position: 0px -1086px;}
.button.square.h26.js-active u + u,
.button.square.h26.nobg.js-active u + u {background-position: 100% -1138px;}
.button.square.h26.nobg, .button.square.h26.nobg u, .button.square.h26.nobg u + u {background-position: 0px 50px; color: #999;}
.button.h44 {height: 44px; background-position: 0px -44px; color: #333; font-size: 24px; line-height: 44px; text-shadow: #f4f4f4 0px 1px 0px; padding: 0px 5px 0px 2px;}
.button.h44 u {width: 22px; left: -22px; background-position: 0px 0px;}
.button.h44 u + u {left: auto; right: -22px; background-position: 100% -88px;}
.button.h44.js-hover {background-position: 0px -176px;}
.button.h44.js-hover u {background-position: 0px -132px;}
.button.h44.js-hover u + u {background-position: 100% -220px;}
.button.h44.js-active {background-position: 0px -308px;}
.button.h44.js-active u {background-position: 0px -264px;}
.button.h44.js-active u + u {background-position: 100% -352px;}
.button.h34 {height: 34px; background-position: 0px -430px; color: #333; font-size: 18px; line-height: 32px; text-shadow: #f4f4f4 0px 1px 0px; padding: 0px 10px 0px 9px;}
.button.h34 u {width: 22px; left: -22px; background-position: 0px -396px;}
.button.h34 u + u {left: auto; right: -22px; background-position: 100% -464px;}
.button.h34.js-hover {background-position: 0px -532px;}
.button.h34.js-hover u {background-position: 0px -498px;}
.button.h34.js-hover u + u {background-position: 100% -566px;}
.button.h34.js-active {background-position: 0px -634px;}
.button.h34.js-active u {background-position: 0px -600px;}
.button.h34.js-active u + u {background-position: 100% -668px;}
.button.dark {height: 26px; background-position: 0px -1559px; color: #999; font-size: 12px; line-height: 26px; padding: 0px 8px;}
.button.dark u {width: 5px; left: -5px; background-position: 0px -1533px;}
.button.dark u + u {left: auto; right: -5px; background-position: 100% -1585px;}
.button.dark.js-hover {background-position: 0px -1637px;}
.button.dark.js-hover u {background-position: 0px -1611px;}
.button.dark.js-hover u + u {background-position: 100% -1663px;}

.buybutton {width: 59px; height: 20px; overflow: hidden; zoom: 1; position: relative;}
.buybutton a {display: block; height: 20px; background: url(/images/buybutton.png); color: #fff; line-height: 20px; font-size: 11px;}
.buybutton-buy {display: none;}
.buybutton-big {text-align: center; padding: 0px 20px 0px 4px;}
.buybutton-big.js-hover {background-position: 0px -20px;}
.buybutton-big.js-hover .buybutton-buy {display: inline;}
.buybutton-big.js-hover .buybutton-price {display: none;}
.buybutton-big.js-active {background-position: 0px -40px;}
.buybutton-small {position: absolute; width: 20px; top: 0px; right: 0px;}
.buybutton-small.gray {background-position: -59px 1px;}
.buybutton-small.gray.js-hover {background-position: -59px -19px;}
.buybutton-small.gray.js-active {background-position: -59px -39px;}
.buybutton-small.green {background-position: -79px 0px;}

.textarea {border: 1px solid #c3c3c3; border-top-color: #7c7c7c; border-bottom-color: #ddd; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.textarea textarea {display: block; width: 100%; font: 12px/15px Arial, Helvetica, sans-serif; color: #333; border: 1px solid #f0f0f0; border-top-color: #c3c3c3; border-bottom-color: #fff; background: #fff; margin: 0px; padding: 5px;}

.input {display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; background: url(/images/inputs.png); margin-left: 12px;}
.input u {background: url(/images/inputs.png) no-repeat; display: block; margin-left: -12px;}
.input u u {margin: 0px -12px 0px 0px;}
.input input {display: block; background: none; margin: 0px; border: 0px; font: 12px Arial, Helvetica, sans-serif; color: #343434;}
.input.blue input {color: #09c;}
.input.error input {color: #343434;}
.input.default {background-position: 0px -26px;}
.input.default u {background-position: 0px 0px; height: 26px;}
.input.default u u {background-position: 100% -52px;}
.input.default.error {background-position: 0px -104px;}
.input.default.error u {background-position: 0px -78px;}
.input.default.error u u {background-position: 100% -130px;}
.input.big {background-position: 0px -196px;}
.input.big u {background-position: 0px -156px; height: 40px; margin-left: -20px;}
.input.big u u {background-position: 100% -236px; margin: 0px -20px 0px 0px;}
.input.big.error {background-position: 0px -316px;}
.input.big.error u {background-position: 0px -276px;}
.input.big.error u u {background-position: 100% -356px;}

.tabs {border-bottom: 1px solid #ccc; overflow: hidden; zoom: 1; padding: 9px 18px 8px 2px;}
.tabs li {float: left; font-weight: bold; padding-left: 19px; color: #09c; cursor: pointer;}
.tabs li a {color: #09c;}
.tabs li.right {float: right; font-weight: normal;}
.tabs li.active a, .tabs li a:hover {color: #333;}

.tabs li.active {color: #333; cursor: default;}
.tabs li:hover {color: #333;}

.tabs b {display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; height: 17px; background: #739e1e url(/images/tabs-message.png) no-repeat; color: #fff; line-height: 17px; top: -3px;}
.tabs b b {font-weight: bold; background-position: 100% 100%; background-color: transparent; padding: 0px 6px 0px 10px; top: 0px;}

[class^="i-"] {display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: url(/images/sprite.png);}
[class^="i-like-"] {width: 16px; height: 16px; margin-right: 8px;}
[class^="i-rate-"] {width: 14px; height: 8px; margin-right: 8px;}
.i-darr {width: 6px; height: 5px; background-position: 0px 0px;}
.i-uarr {width: 6px; height: 5px; background-position: 0px -5px;}
.i-header-help {width: 14px; height: 15px; background-position: -32px 0px;}
.i-header-mail {width: 13px; height: 10px; background-position: -6px 0px;}
.i-header-mail.new {background-position: -6px -10px;}
.i-header-cart {width: 13px; height: 12px; background-position: -19px 0px;}
.i-cur840 {width: 9px; height: 12px; background-position: -46px 0px;}
.i-cur978 {width: 8px; height: 12px; background-position: -55px 0px;}
.i-cur926 {width: 7px; height: 12px; background-position: -63px 0px;}
.i-like-fb {background-position: -76px 0px;}
.i-like-tw {background-position: -92px 0px;}
.i-like-gp {background-position: -108px 0px;}
.i-rate-up {background-position: -132px 0px;}
.i-rate-down {background-position: -132px -8px;}
.i-close {width: 12px; height: 12px; background-position: -146px 0px;}
.i-close:hover {background-position: -158px 0px;}

[class^="i-chart-"] {display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: url(/images/charts.png); width: 44px; height: 44px;}
.i-chart-usa {background-position: 0px 0px;}
.i-chart-gbr {background-position: -44px 0px;}
.i-chart-can {background-position: -88px 0px;}
.i-chart-ger {background-position: -132px 0px;}
.i-chart-aus {background-position: -176px 0px;}
.i-chart-aut {background-position: -220px 0px;}
.i-chart-bel {background-position: -264px 0px;}
.i-chart-dnk {background-position: -0px -44px;}
.i-chart-bgr {background-position: -44px -44px;}
.i-chart-fin {background-position: -88px -44px;}
.i-chart-irl {background-position: -132px -44px;}
.i-chart-nzl {background-position: -176px -44px;}
.i-chart-mex {background-position: -220px -44px;}
.i-chart-nor {background-position: -264px -44px;}
.i-chart-pol {background-position: -0px -88px;}
.i-chart-prt {background-position: -44px -88px;}
.i-chart-swe {background-position: -88px -88px;}
.i-chart-che {background-position: -132px -88px;}
.i-chart-payplay {background-position: -176px -88px;}
.i-chart-chr {background-position: -220px -88px;}
.i-chart-country {background-position: -308px -44px;}
.i-chart-pop {background-position: -308px 0px;}
.i-chart-rock {background-position: -352px 0px;}
.i-chart-latin {background-position: -352px -44px;}
.i-chart-christian {background-position: -352px -88px;}
.i-chart-dance {background-position: -308px -88px;}
.i-chart-autumn {background-position: -264px -88px;}
.i-chart-winter {background-position: -396px 0px;}
.i-chart-spring {background-position: -396px -44px;}
.i-chart-summer {background-position: -396px -88px;}
.i-chart-fra {background-position: -440px 0px;}
.i-chart-home {background-position: -440px -44px;}

.fader {background: url(/images/album-fader.png);}

.album-control {position: absolute; height: 32px; display: none; cursor: pointer;}
.album-control a {display: block; width: 22px; height: 22px; background: url(/images/tracks-player.png); position: absolute; top: 6px; left: 6px; z-index: 2;}
.album-control.played a {background-position: 0px 0px;}
.album-control.played a:hover, .album-control.played:hover a {background-position: 0px -22px;}
.album-control.played a:active, .album-control.played:hover a:active {background-position: 0px -44px;}
.album-control.stopped a {background-position: -22px 0px;}
.album-control.stopped a:hover, .album-control.stopped:hover a {background-position: -22px -22px;}
.album-control.stopped a:active, .album-control.stopped:hover a:active {background-position: -22px -44px;}
.album-control b {color: #fff; display: block; font-size: 14px; line-height: 32px; text-shadow: #222 1px 1px 1px; padding-left: 35px;}



*:hover [class^="pricetag-"] {color: #333 !important;}
.pricetag-big {height: 38px; font-size: 24px; line-height: 38px; position: absolute; padding: 0px 12px; background: #fc0; font-weight: bold; text-decoration: none;}
.pricetag-big * {display: block; width: 2px; height: 38px; background: url(/images/pricetag-big.png) -2px 0px; position: absolute; top: 0px; right: -2px; font-size: 0px; line-height: 0px;}
.pricetag-big *:first-child {right: auto; left: -2px; background-position: 0px 0px;}
.pricetag-small {height: 20px; font-size: 12px; line-height: 20px; position: absolute; padding: 0px 5px; background: #fc0; font-weight: bold; text-decoration: none;}
.pricetag-small * {display: block; width: 2px; height: 20px; background: url(/images/pricetag-small.png) -2px 0px; position: absolute; top: 0px; right: -2px; font-size: 0px; line-height: 0px;}
.pricetag-small *:first-child {right: auto; left: -2px; background-position: 0px 0px;}

.title {text-align: center; padding-bottom: 21px; position: relative; background: url(/images/title.gif) repeat-x 0px 13px;}
.title b {font-size: 24px; line-height: 24px; background: #f8f8f8; padding: 0px 10px; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.title span {font-size: 11px; color: #666; position: relative; font-weight: normal; top: -9px;}
.title .button {font-weight: normal; margin: 3px 0px 0px 6px; *left: 6px; *position: relative;}
.title .btn {position: absolute; top: -6px; right: 30px; border-left: 10px solid #f8f8f8; border-right: 10px solid #f8f8f8; padding: 0px 20px 0px 16px; }
.title.tabbed a {color: #b2b2b2; border-bottom: 1px dotted #b2b2b2;}
.title.tabbed a:hover {border-bottom-color: #f8f8f8;}

.text {padding: 41px 20px;}
.text h2 {font-size: 18px; line-height: 24px; font-weight: bold; padding-bottom: 7px;}
.text p {font-size: 14px; line-height: 20px; padding-bottom: 8px;}
.text p + h2 {padding-top: 9px;}

.album-data {overflow: hidden; zoom: 1;}
.album-data dt {line-height: 17px; float: left; clear: both; color: #666; padding-right: 3px;}
.album-data dd {line-height: 17px; color: #323232;}

.fav {display: block; position: absolute; top: 5px; left: 25px; width: 22px; height: 42px; background: url(/images/fav.png);}
.fav:hover {background-position: -22px 0px;}
.fav:active, .fav.active {background-position: -44px 0px;}

.album-type-main {text-align: center; white-space: nowrap; position: relative; width: 148px; overflow: hidden; zoom: 1;}
.album-type-main a {display: block;}
.album-type-main img {display: block; padding: 3px 4px 5px 4px; background: url(/images/album-type-main.png);}
.album-type-main b {display: block; text-align: center; font-size: 14px; padding: 6px 0px;}
.album-type-main s {position: absolute; width: 19px; height: 35px; background: url(/images/album-overshadow.png) 100% 100%; display: block; top: 150px; right: 0px;}
.album-type-main .new {display: block; width: 50px; height: 50px; background: url(/images/album-new-big.png); position: absolute; top: 3px; right: 4px;}

.album-type-dg {overflow: hidden; zoom: 1; display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.album-type-dg-image {float: left; display: block; position: relative;}
.album-type-dg-image img {display: block; padding: 3px 4px 5px 4px; background: url(/images/album-type-main.png);}
.album-type-dg-desc {margin-left: 148px;}
.album-type-dg-desc h2 {font-size: 14px; font-weight: bold; padding: 11px 0px 0px 16px;}
.album-type-dg-singer {padding: 5px 0px 3px 16px;}
.album-type-dg-desc .rating {margin: 4px 0px 0px 11px;}
.album-type-dg .album-data {padding: 16px 0px 0px 16px;}
.album-type-dg-options {overflow: hidden; zoom: 1; padding: 9px 5px 0px 6px;}
.album-type-dg-options .buybutton {float: left; margin: 5px 3px 0px 3px;}
.album-type-dg-options .button.square {margin: 2px 0px 0px 13px; *position: relative; *left: 13px; *margin-left: 0px;}
.album-type-dg-options .button.square:first-child {margin-left: 2px; *position: relative; *left: 2px; *margin-left: 0px;}
.album-type-dg-options > .button.h19 {margin: 6px 3px 0px 9px; *position: relative; *left: 9px; *margin: 6px 12px 0px 0px;}
.album-type-dg .new {display: block; width: 50px; height: 50px; background: url(/images/album-new-big.png); position: absolute; top: 3px; right: 4px;}
.album-type-dg .soon {display: block; width: 144px; height: 20px; background: url(/images/album-soon.png); position: absolute; top: 111px; left: 2px; z-index: 2; text-align: center; font-weight: bold; font-size: 12px; line-height: 18px; text-transform: uppercase; color: #000;}
.album-type-dg .soon + img {opacity: 0.50; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50;}
.album-type-dg-buy.gray {background-color: #d2d2d2; background-position: 100% -90px;}
.album-type-dg-buy.gray b {background-position: 0px -60px;}
.album-type-dg-buy.gray span {opacity: 0.60; -khtml-opacity: 0.60; -moz-opacity: 0.60;}
.album-type-dg-buy.gray span.h19 {background-position: 0px -721px !important;}
.album-type-dg-buy.gray span.h19 u {background-position: 0px -702px !important;}
.album-type-dg-buy.gray span.h19 u + u {background-position: 100% -740px !important;}
.album-type-dg-buy.gray span.buy {background-position: 0px -873px !important;}

.similar li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; width: 140px; padding: 9px 20px 12px 80px; min-height: 70px;}
.similar a, .similar i {font-size: 14px; line-height: 18px; margin-right: 20px; font-style: normal;}
.similar a + a, .similar i + a, .similar i + i, .similar a + i {padding-top: 1px; font-size: 12px; *zoom: 1;}
.similar a + a:before, .similar a + i:before, .similar i + i:before, .similar i + a:before {content: "\A"; white-space: pre;}
.similar a:first-child b, .similar i:first-child b {*width: 120px; *display: inline; *zoom: 1;}
.similar img {display: block; padding: 3px 4px 5px 4px; position: absolute; top: 0px; left: 0px; background: url(/images/album-similar.png);}
.similar span {color: #808080; font-size: 10px; font-weight: normal; position: relative; top: -6px; left: 7px; margin-left: -5px; *zoom: 1;}
.similar del {display: block; margin: 8px 0px 0px 0px; font-size: 10px; color: #999;}
.similar .more {padding: 0px;}
.similar .more a {padding: 0px 0px 0px 3px; display: block;}
.similar .more strong {display: block; font-size: 48px;}
.similar .place {display: block; position: absolute; color: #a9a9a9; font-size: 24px; font-weight: bold; text-decoration: none; top: 10px; left: -17px;}
.similar .letter {font-size: 84px; font-weight: bold; padding: 0px 0px 0px 4px; width: 236px; margin-top: -10px;}
.similar .date {font-size: 70px; font-weight: bold; padding: 3px 0px 0px 4px; width: 236px;}
.similar .new {display: block; width: 32px; height: 32px; background: url(/images/album-new-small.png); position: absolute; top: 3px; left: 32px;}
.similar .pricetag-small {top: 8px; right: 174px;}
.similar li.similar-header {width: 100%; padding: 0px 0px 23px 3px; min-height: 0px; font-size: 24px; font-weight: bold;}

.artists li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; width: 294px; padding: 21px 0px 0px 20px; min-height: 148px;}
.artists a {display: block; padding: 9px 0px 0px 135px; font-size: 14px; line-height: 18px;}
.artists img {display: block; padding: 3px 4px 5px 4px; position: absolute; top: 18px; left: 0px; background: url(/images/album-type-main.png);}
.artists a span {color: #808080; font-size: 10px; font-weight: normal; position: relative; top: -6px; left: 2px;}
.artists .new {display: block; width: 32px; height: 32px; background: url(/images/album-new-small.png); position: absolute; top: 20px; left: 112px;}
/* .artists.searched li {width: 216px;} */

.latest li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; width: 220px; padding: 2px 0px 16px 20px;}
.latest a {color: #09c;}
.latest a:hover {color: #000;}

.albums-slider {overflow: hidden; zoom: 1;}
.albums-slider .button {float: right; margin: -1px 24px 0px 0px;}
.albums-slider-wrap {width: 948px; height: 204px; overflow: hidden; zoom: 1; position: relative; margin-left: 16px;}
.albums-slider-wrap ul {position: absolute; width: 3840px; height: 204px;}
.albums-slider li {float: left; margin-right: 12px;}
.albums-slider-bar {height: 19px; background: url(/images/album-slider.png) 0px -19px; height: 19px; width: 940px; margin-left: 19px; overflow: hidden; zoom: 1; position: relative; cursor: pointer;}
.albums-slider-bar * {background: url(/images/album-slider.png); display: block; height: 19px;}
.albums-slider-bar i {width: 19px; float: left; background-position: 0px 0px;}
.albums-slider-bar i + i {float: right; background-position: 100% -38px;}
.albums-slider-bar a {position: absolute; top: 0px; left: 0px; background-position: 0px -76px; margin: 1px 4px 0px 6px;}
.albums-slider-bar a b {width: 5px; float: left; background-position: 0px -57px; margin-left: -5px;}
.albums-slider-bar a b + b {float: right; background-position: 100% -95px; margin: 0px -5px 0px 0px;}
.albums-slider-bar a:hover {background-position: 0px -133px;}
.albums-slider-bar a:hover b {background-position: 0px -114px;}
.albums-slider-bar a:hover b + b {background-position: 100% -152px;}
.albums-slider-bar a:active {background-position: 0px -190px;}
.albums-slider-bar a:active b {background-position: 0px -171px;}
.albums-slider-bar a:active b + b {background-position: 100% -209px;}
.albums-slider .button + .albums-slider-bar {float: left; width: 879px;}
.albums-slider-dates {text-shadow: #b8b8b8 0px 1px 0px; position: relative; width: 960px; margin-top: 4px; *margin-top: -16px;}
.albums-slider-dates li {position: absolute;}
.albums-slider.noscroll {text-align: center;}
.albums-slider.noscroll ul {width: 100%;}
.albums-slider.noscroll li {float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin-right: 10px;}

.albums-slider.charts .albums-slider-wrap {height: 97px; margin-left: -8px; width: 980px;}
.albums-slider.charts li {text-align: center; width: 100px; margin-right: 0px;}
.albums-slider.charts li a {line-height: 14px; font-weight: bold;}
.albums-slider.charts li i {margin: 2px 0px 6px 0px;}

.rating, .rating dd, .rating ul, .rating li, .rating a, .rating li[class*="rated"] span {height: 17px;}
.rating dd, .rating ul, .rating li[class*="rated"], .rating li.rated-5 span, .rating li.rate-5 a:hover, .rating li[class*="rated"] span {width: 135px;}
.rating li, .rating a, .rating li.rated-1 span, .rating li.rate-1 a:hover {width: 27px;}
.rating ul, .rating a:hover, .rating li[class*="rated"], .rating li[class*="rated"] span {background-image: url(/images/rating-small.png);}
.rating {overflow: hidden; zoom: 1; text-align: left;}
.rating dd {float: left; position: relative; overflow: hidden; zoom: 1;}
.rating dt {float: left; font-size: 10px; line-height: 10px; color: #666;}
.rating ul {position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: 50% 0px; overflow: hidden; zoom: 1;}
.rating li {float: left;}
.rating a {display: block; position: absolute; z-index: 3; top: 0px;}
.rating a:hover {z-index: 2; background-position: 0px -19px; left: 0px;}
.rating li[class*="rated"] {background-position: 0px 0px;}
.rating li[class*="rated"] span {display: block; background-position: 0px 100%;}
.rating li.rated-0 span {width: 0px;}
.rating li.rated-2 span, .rating li.rate-2 a:hover {width: 54px;}
.rating li.rated-3 span, .rating li.rate-3 a:hover {width: 81px;}
.rating li.rated-4 span, .rating li.rate-4 a:hover {width: 108px;}
.rating:hover .rated span {visibility: hidden;}

.rating.big, .rating.big dd, .rating.big ul, .rating.big li, .rating.big a, .rating.big li[class*="rated"] span {height: 22px;}
.rating.big dd, .rating.big ul, .rating.big li[class*="rated"], .rating.big li.rated-5 span, .rating.big li.rate-5 a:hover, .rating.big li[class*="rated"] span {width: 170px;}
.rating.big li, .rating.big a, .rating.big li.rated-1 span, .rating.big li.rate-1 a:hover {width: 34px;}
.rating.big ul, .rating.big a:hover, .rating.big li[class*="rated"], .rating.big li[class*="rated"] span {background-image: url(/images/rating-big.png);}
.rating.big ul {background-repeat: no-repeat; background-position: 50% 0px;}
.rating.big a:hover {background-position: 0px -22px;}
.rating.big li[class*="rated"] {background-position: 0px 0px;}
.rating.big li[class*="rated"] span {background-position: 0px 100%;}
.rating.big li.rated-2 span, .rating.big li.rate-2 a:hover {width: 68px;}
.rating.big li.rated-3 span, .rating.big li.rate-3 a:hover {width: 102px;}
.rating.big li.rated-4 span, .rating.big li.rate-4 a:hover {width: 136px;}

.tags {background: url(/images/artist-tags.png) 0px -19px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; height: 19px; line-height: 17px;}
.tags u {display: block; position: absolute; top: 0px; left: -15px; height: 19px; width: 15px; background: url(/images/artist-tags.png) no-repeat 0px 0px;}
.tags u + u {left: auto; right: -5px; width: 5px; background-position: 100% 100%;}
.tags a:hover {color: #000;}

.likes {width: 92px; background: url(/images/likes.png) repeat-y -992px 0px; position: absolute;}
.likes > i {display: none; position: absolute; width: 92px; height: 5px; background: url(/images/likes.png); left: 0px;}
.likes > i.ct {background-position: 0px 0px; top: -5px;}
.likes > i.cb {background-position: 100% 100%; bottom: -5px;}
.likes > a {display: block; background: url(/images/likes-heart.png) no-repeat 11px 5px; line-height: 30px; padding-left: 37px; color: #999;}
.likes > a i {margin-top: 14px; *margin-top: 6px; background-position: -70px 0px;}
.likes ul {display: none;}
.likes li {line-height: 16px; font-size: 11px; padding: 3px 0px 7px 11px;}
.likes:hover {background-position: -92px 0px;}
.likes:hover > i {display: block;}
.likes:hover ul {display: block;}
.likes:hover > a {color: #09c;}
.likes:hover > a i {background-position: 0px 0px;}

.grayblock {position: relative; background: #ebebeb; margin-bottom: 17px;}
.grayblock > i {display: block; position: absolute; background: url(/images/grayblock.png); z-index: 3;}
.grayblock > i.cr, .grayblock > i.cl {background: url(/images/grayblock-sides.png); width: 2px; height: 100%; z-index: 2; top: 0px;}
.grayblock > i.tr, .grayblock > i.br, .grayblock > i.bl, .grayblock > i.tl {width: 10px; height: 10px;}
.grayblock > i.tr, .grayblock > i.cr, .grayblock > i.br {right: -2px;}
.grayblock > i.ct, .grayblock > i.tr, .grayblock > i.tl {top: -1px;}
.grayblock > i.ct, .grayblock > i.cb {left: 0px; width: 100%;}
.grayblock > i.br, .grayblock > i.cb, .grayblock > i.bl {bottom: -3px;}
.grayblock > i.bl, .grayblock > i.cl, .grayblock > i.tl {left: -2px;}
.grayblock > i.ct {background-position: 0px -50px; height: 1px;}
.grayblock > i.tr {background-position: 0px 0px;}
.grayblock > i.cr {background-position: 100% 0px;}
.grayblock > i.br {background-position: 0px -10px;}
.grayblock > i.cb {background-position: 0px -27px; height: 3px; z-index: 2;}
.grayblock > i.bl {background-position: 0px -30px;}
.grayblock > i.cl {background-position: 0px 0px;}
.grayblock > i.tl {background-position: 0px -40px;}

.grayblock-lowballance {width: 100%;}
.grayblock-lowballance td {text-align: center; border-left: 1px solid #d4d4d4;}
.grayblock-lowballance td:first-child {border: 0px;}
.grayblock-lowballance p {text-align: center; font-size: 11px; line-height: 18px; padding: 11px 20px 6px 20px;}
.grayblock-lowballance p span {display: block; color: #c33;}
.grayblock-lowballance a {font-size: 11px; line-height: 46px; color: #09c; margin: 0px 20px; white-space: nowrap;}
.grayblock-lowballance a:hover {color: #333;}

.review {overflow: hidden; zoom: 1; padding: 14px 0px 14px 0px; margin-bottom: 3px;}
.review-author {float: left; width: 122px; padding: 4px 10px 0px 25px; position: relative; color: #999;}
.review-author canvas {position: absolute; left: 10px; top: 5px;}
.review-author strong {font-size: 14px; display: block; padding-bottom: 6px; color: #333;}
.review-author span {color: #666;}
.review-rating {float: left; width: 180px; text-align: center;}
.review-rating .rating {display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.review-rating p {font-size: 11px; padding: 19px 0px 5px 0px;}
.review-rating .button {margin: 0px 6px;}
.review-text {margin: 5px 20px 0px 342px; font-size: 14px;}
.review-text-title {color: #999; line-height: 15px; font-size: 12px;}
.review-text-title b {color: #333; padding-right: 15px; font-size: 14px;}
.review-text p {line-height: 17px; padding-bottom: 8px;}
.review-text-more a {font-size: 12px; color: #09c;}
.review-text-more a:hover {color: #333;}
.review-vote {visibility: hidden;}
.reviews-more {text-align: center; padding-top: 7px;}
.review:hover {background: #c8e295;}
.review:hover .review-vote {visibility: visible;}
.reviews-befirst {color: #f90; text-align: center; font-size: 18px; padding-top: 3px;}
.reviews-add {overflow: hidden; zoom: 1; padding: 28px 0px 10px 53px;}
.reviews-add .review-author {margin-top: 6px;}
.reviews-add-body {float: left;}
.reviews-add .grayblock {width: 547px; margin: 0px 0px 0px 6px;}
.grayblock-addreview {padding: 13px 25px 5px 13px; font-size: 11px; color: #666; overflow: hidden; zoom: 1; position: relative;}
.grayblock-addreview .i-close {position: absolute; top: 10px; right: 7px;}
.grayblock-addreview dl {padding-top: 7px;}
.grayblock-addreview dt {float: left; width: 13px; line-height: 15px; padding-bottom: 5px; *clear: both;}
.grayblock-addreview dd {float: left; width: 490px; line-height: 15px; padding-bottom: 5px;}
.grayblock-addreview a {color: #09c; text-decoration: underline;}
.grayblock-addreview a:hover {text-decoration: none;}
.reviews-add-body .textarea {margin: 20px 0px 0px 10px;}
.reviews-add-body textarea {width: 526px; height: 106px;}
.reviews-add-submit {text-align: center; padding: 18px 0px 0px 6px;}
.review-add-rate {float: left; width: 130px; padding: 12px 0px 0px 53px;}
.review-add-rate p {padding: 0px 0px 8px 3px;}

.tracks {width: 620px;}
.tracks-header {height: 30px; line-height: 30px; font-size: 11px;}
.tracks-header li {line-height: 30px; color: #999; float: left;}
.tracks-header li.number {width: 51px; text-align: right;}
.tracks-header li.name {width: 408px; padding-left: 9px; text-align: left;}
.tracks-header li.artist {width: 391px;}
.tracks-header li.release {text-align: right; width: 75px; padding-right: 2px;}
.tracks-header li.duration {width: 51px; text-align: right; padding-right: 13px;}
.tracks-header li.buy {width: 58px; text-align: center;}
.tracks-header li.check {width: 30px; text-align: center; float: right;}
.tracks-header li.check input[type="checkbox"] {position: relative; top: 2px; left: -2px;}
.tracks-header li.name-buyed {width: 438px; padding-left: 9px; text-align: left;}


.tracks-item {height: 29px; position: relative;}
.tracks-item:nth-child(2n) {background: #ebebeb;}
.tracks-item .loader {width: 467px; position: absolute; height: 29px; visibility: hidden;}
.tracks-item .loader i {display: block; position: absolute; top: 0px; left: 0px; height: 29px;}
.tracks-item .loader i.load {z-index: 1; background: #d9d9d9;}
.tracks-item .loader i.progress {z-index: 2; background: #aed534;}
.tracks-item ul {position: relative; z-index: 3;}
.tracks-item li {float: left;}
.tracks-item li.clicker {position: absolute; height: 29px; width: 467px; z-index: 3; visibility: hidden;}
.tracks-item li.clicker a {display: block; position: absolute; width: 467px; height: 29px;}
.tracks-item li.control {position: relative; z-index: 4;}
.tracks-item li.control a, .tracks-sound-button, .tracks-sound-control, .tracks-sound-handler {background-image: url(/images/tracks-player.png);}
.tracks-item li.control a {display: block; width: 22px; height: 22px; margin: 4px 0px 0px 8px; visibility: hidden;}
.tracks-item li.number {text-align: right; width: 21px; line-height: 29px; color: #999;}
.tracks-item li.name {padding-left: 9px; line-height: 29px; width: 335px; overflow: hidden; zoom: 1; white-space: nowrap;}

.tracks-item li.name-buyed {padding-left: 9px; line-height: 29px; width: 365px; overflow: hidden; zoom: 1; white-space: nowrap;}
.tracks-item li.price {text-align: right; line-height: 29px; width: 48px; padding-left: 1px; margin-left: 8px;}

.tracks-item li.cover {width: 30px; margin-left: 9px;}
.tracks-item li.cover img {vertical-align: top; position: relative; margin-right: 5px; display: inline-block; *display: inline; zoom: 1; *margin-bottom: -15px; *top: -7px;}
.tracks-item li.artist {line-height: 29px; width: 317px;}
.tracks-item li.release {line-height: 29px; width: 75px; text-align: right; margin: 0px -4px 0px 9px;}
.tracks-item li.time {text-align: right; line-height: 29px; width: 36px; visibility: hidden;}
.tracks-item li.duration {text-align: right; line-height: 29px; width: 51px; padding-left: 1px; margin-left: 8px;}
.tracks-item li.sound {position: relative; width: 22px; margin: 27px 0px 0px 6px; visibility: hidden; z-index: 4;}
.tracks-item li.buy {text-align: center; width: 57px; padding-left: 13px; font-size: 11px;}
.tracks-item li.buy > a {color: #09c; line-height: 29px;}
.tracks-item li.buy > a:hover {color: #333;}
.tracks-item li.buy > span {color: #999; line-height: 29px;}
.tracks-item li.buy .buybutton {margin-top: 4px;}
.tracks-item li.check {width: 30px; text-align: center; float: right;}
.tracks-item li.check input[type="checkbox"] {position: relative; top: 8px; left: -2px;}
.tracks-sound-button {display: block; width: 22px; height: 22px; background-position: -22px -66px; position: absolute; bottom: 0px; left: 0px;}
.tracks-sound-button:hover {background-position: -22px -88px;}
.tracks-sound-control {display: none; width: 22px; height: 70px; background-position: 0px -66px; position: absolute; bottom: 0px; left: 0px;}
.tracks-sound-slider {display: block; width: 10px; height: 40px; position: absolute; top: 7px; left: 6px;}
.tracks-sound-slider i {display: block; background: #b1ec3b; bottom: 0px; border: 1px solid #333; width: 2px; left: 3px; position: absolute;}
.tracks-sound-handler {width: 10px; height: 10px; display: block; position: absolute; background-position: -22px -110px; bottom: 0px; left: 0px; margin-top: -5px;}
.tracks-sound-handler:hover {background-position: -32px -110px;}
.tracks-sound-handler:active {background-position: -22px -120px;}
.tracks-item.played li.control a {background-position: 0px 0px; visibility: visible;}
.tracks-item.played li.control a:hover {background-position: 0px -22px;}
.tracks-item.played li.control a:active {background-position: 0px -44px;}
.tracks-item.played li.duration {border-left: 1px solid #ccc; padding-left: 0px;}
.tracks-item.played li.release {border-left: 1px solid #ccc; width: 74px;}
/*
.tracks-item.paused li.control a {background-position: -22px 0px;}
.tracks-item.paused li.control a:hover {background-position: -22px -22px;}
.tracks-item.paused li.control a:active {background-position: -22px -44px;}
*/
.tracks-item.paused li.control a {background-position: -22px 0px; visibility: visible;}
.tracks-item.paused li.control a:hover {background-position: -22px -22px;}
.tracks-item.paused li.control a:active {background-position: -22px -44px;}
.tracks-item.paused li.duration {border-left: 1px solid #ccc; padding-left: 0px;}
.tracks-item:hover li.control a, .tracks-item.paused:hover li.sound, .tracks-item.paused li.time, .tracks-item.paused .loader, .tracks-item.paused .clicker {visibility: visible;}.tracks-item.paused li.release {border-left: 1px solid #ccc; width: 74px;}


.tracks-item.paused > i {visibility: hidden;}
.tracks-item:hover li.control a, .tracks-item.played:hover li.sound, .tracks-item.played li.time, .tracks-item.played .loader, .tracks-item.played .clicker {visibility: visible;}
.tracks-item li.sound:hover .tracks-sound-control {display: block;}
.tracks-item li.clicker {background-image: url(/images/blank.gif);}
.tracks-item li.control a {z-index: 5;}
.tracks-footer {overflow: hidden; zoom: 1; color: #999; border-top: 1px solid #d0d0d0;}
.tracks-footer li {float: left; text-align: right; line-height: 30px;}
.tracks-footer li.number {width: 51px;}
.tracks-footer li.duration {width: 468px;}
.tracks-footer li.price {width: 525px;}

.tracks-item.stopped li.control a {background-position: -22px 0px;}
.tracks-item.stopped li.control a:hover {background-position: -22px -22px;}
.tracks-item.stopped li.control a:active {background-position: -22px -44px;}
.tracks-item.stopped > i {visibility: hidden;}

/* grid */

.banner-top {height: 120px; overflow: hidden; zoom: 1; text-align: center; white-space: nowrap; min-width: 980px; position: relative; z-index: 1; background: #032337 url(/images/bn/ny12.png);}
.banner-top a {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 120px; background: url(/images/bn/ny12-c.png) no-repeat 50% 50%;}
/*.banner-top img {position: absolute; top: 0px; display: block; left: 0px;}
.banner-top img + img {left: auto; right: 0px;}*/
/*.banner-top + #signin {position: absolute; z-index: 2; top: 0px;}*/
.banner-top + #signin {position: absolute; z-index: 20; top: 0px;}


#signin {height: 120px; background: #0ae url(/images/signin.png); width: 100%; display: block;}
#signin ul {float: left; padding-top: 35px;}
#signin ul li {float: left;}
#signin label {width: 203px; height: 34px; display: block; background: url(/images/signin-input.png); position: relative; margin: 6px 17px 0px 0px;}
#signin label input {position: absolute; border: 0px; background: none; font: 18px Arial, Helvetica, sans-serif; color: #333; padding: 0px; margin: 6px 0px 0px 16px; width: 170px; left: 0px; top: 0px;}
#signin label span {display: block; color: #999; font-size: 18px; line-height: 34px; text-indent: 17px;}
#signin .eye {display: block; position: absolute; width: 34px; height: 34px; top: 0px; right: 0px; background: url(/images/signin-eye.png);}
#signin input[type="password"] + .eye {background-position: 0px -34px;}
#signin .forgot {display: block; padding: 12px 0px 0px 18px;}
#signin .forgot a {color: #fff;}
#signin .forgot a:hover {color: #80cee9;}
#signin .submit {width: 103px; height: 38px; background: url(/images/signin-submit.png); font-size: 18px; color: #333; text-shadow: #d8d8d8 0px 1px 0px; position: relative; line-height: 36px; text-align: center; margin-top: 5px; cursor: pointer;}
#signin .submit:hover {background-position: 0px -38px;}
#signin .submit input {display: block; position: absolute; border: 0px; width: 100%; height: 100%; background: none;}
#signin .fb {padding: 7px 0px 0px 21px;}
#signin .fb a {display: block; width: 122px; height: 34px; background: url(/images/signin-fb.png);}
#signin .fb a:hover {background-position: 0px -34px;}
#signin .fb a:active {background-position: 0px -68px;}
#signin .close {padding: 1px 0px 0px 62px;}
#signin .close a {display: block; width: 44px; height: 45px; background: url(/images/signin-close.png);}
#signin .close a:hover {background-position: 0px -45px;}
.signin-wrap {width: 980px; margin: 0px auto; overflow: hidden; zoom: 1;}
.signin-title {float: left; color: #fff; text-shadow: #007198 0px 1px 0px; padding-left: 6px; font: bold 40px/110px "Myriad Pro", Arial, Helvetica, sans-serif; width: 182px;}

.header-wrap {background: #202020 url(/images/header.png) repeat-x; zoom: 1;}
.header {width: 980px; margin: 0px auto; min-width: 980px; height: 152px;}
.header-user {height: 34px; background: url(/images/header-user.png); position: relative; *z-index: 3;}
.header-user > i {display: block; position: absolute; width: 5px; height: 6px; background: url(/images/header-user.png); bottom: 0px; z-index: 2;}
.header-user > i.bl {background-position: 0px -142px; left: -1px;}
.header-user > i.br {background-position: 0px -136px; right: -1px;}
.header-user-help {float: left; background: url(/images/header-user.png) no-repeat 100% -68px; padding-right: 5px;}
.header-user-help a {display: block; width: 54px; height: 32px; text-align: center;}
.header-user-help a:hover {background: url(/images/header-user.png) 0px -34px;}
.header-user-help i {margin-top: 9px;}
.header-user-social {float: left; padding: 8px 0px 0px 18px;}
.header-user-social li {float: left; padding-right: 20px;}
.header-user-social li a {width: 16px; height: 16px; display: block; background: url(/images/header-user-social.png);}
.header-user-social li.tw a {background-position: 0px 0px;}
.header-user-social li.tw a:hover {background-position: 0px -16px;}
.header-user-social li.fb a {background-position: -16px 0px;}
.header-user-social li.fb a:hover {background-position: -16px -16px;}
.header-user-connect {float: right; padding: 7px 25px 0px 0px;}
.header-user-connect a {display: block; width: 83px; height: 19px; background: url(/images/header-user-connect.png);}
.header-user-connect a:hover {background-position: 0px -19px;}
.header-user-data {float: right; padding-right: 18px;}
.header-user-data li {float: left; line-height: 32px; padding-left: 20px;}
.header-user-data i {margin: 10px 3px 0px 0px; *margin-top: 2px;}
.header-user-data i.i-header-cart {margin: 10px 9px 0px 0px; *margin-top: 2px;}
.header-user-data i.i-header-mail {margin: 11px 5px 0px 0px; *margin-top: 3px;}
.header-user-data a:hover {text-decoration: underline; color: #333;}
.header-user-right {float: right;}
.header-user-right > li {float: left; padding-left: 2px; background: url(/images/header-user.png) no-repeat 0px -68px; position: relative;}
.header-user-right > li > a {display: block; height: 32px; line-height: 32px; padding: 0px 17px 0px 16px;}
.header-user-right > li > a:hover, .header-user-right > li.active > a {color: #333; background: url(/images/header-user.png) 0px -34px;}
.header-user-right > li:hover ul {display: block; z-index: 15}
.header-user-right .i-darr {margin-top: 15px; *margin-top: 7px;}
.header-user-right > li.active ul {display: block;}
.header-user-right ul {position: absolute; top: 32px; right: 0px; background: #ebebeb; display: none; z-index: 3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; *width: 180px;}
.header-user-right ul li {border-top: 1px solid #d2d2d2;}
.header-user-right ul a {display: block; height: 29px; white-space: nowrap; border-top: 1px solid #f5f5f5; font-weight: bold; color: #09c; text-shadow: #f9f9f9 0px 1px 0px; line-height: 29px; padding: 0px 39px 0px 21px;}
.header-user-right ul a:hover {background: #e8e8e8 url(/images/header-user-menu.png) repeat-x 0px -2px;}
.header-user-right ul li:last-child, .header-user-right ul li:last-child a {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.header-user-right ul li:first-child, .header-user-right ul li:first-child a {border-top: 0px;}
.header-logo {float: left; width: 181px; height: 60px; background: url(/images/header-logo.png); margin: 28px 0px 0px 20px;}
.header-logo a {display: block; height: 100%;}
.header-nav {float: left; padding: 50px 0px 0px 23px;}
.header-nav li {display: inline; padding-left: 35px;}
.header-nav a {color: #9c3; font-size: 18px;}
.header-nav a:hover {color: #bfff40;}
.header-nav .active a {color: #fff;}
.header-search {float: right; width: 250px; height: 20px; position: relative; background: url(/images/header-search.png); margin: 51px 21px 0px 0px; z-index: 12;}
.header-search input[type="text"] {position: absolute; border: 0px; background: none; font: 12px Arial, Helvetica, sans-serif; color: #333; padding: 0px; margin: 3px 0px 0px 8px; width: 185px; left: 0px; top: 0px;z-index: 15;}
.header-search input[type="submit"] {display: block; position: absolute; border: 0px; width: 25px; height: 20px; background: none; top: 0px; right: 0px; z-index: 13;}
.header-search label span {display: block; color: #999; line-height: 22px; text-indent: 9px;}
.header-search-popup {width: 288px; background: url(/images/header-search-popup.png) -288px 0px; position: absolute; margin: -2px 0px 0px -19px; z-index: 12; display: none;}
.header-search-popup > i {display: block; position: absolute; width: 9px; height: 9px; background: #fff; top: -9px;}
.header-search-popup > i.tl {left: 19px;}
.header-search-popup > i.tr {right: 19px; background: url(/images/header-search-popup-corner.png);}
.header-search-popup dl {padding: 0px 19px;}
.header-search-popup dt {height: 21px; background: #e3e3e3 url(/images/header-search-popup-lines.png); color: #4c4c4c; text-shadow: #e2e2e2 0px 1px 0px; font-size: 10px; line-height: 20px; text-indent: 10px;}
.header-search-popup dd {overflow: hidden; zoom: 1; display: block; padding: 4px 0px 3px 6px; cursor: pointer;}
.header-search-popup dd b {display: block; float: left; width: 190px; font-size: 12px; line-height: 14px; padding: 5px 0px 0px 7px;}
.header-search-popup dd i {display: block; float: left; width: 38px; height: 38px; background: url(/images/header-search-popup-cover.png);}
.header-search-popup dd i img {display: block; margin: 3px 0px 0px 4px;}
.header-search-popup dd i[class] {width: 30px; height: 16px; background: url(/images/header-search-popup-icons.png); margin: 0px 5px 0px 4px;}
.header-search-popup dd i.tags {background-position: 0px -8px;}
.header-search-popup dd i[class] + b {padding-top: 0px;}
.header-search-popup dd span {color: #14b1e5;}
.header-search-popup dd.hover {background: #424242 url(/images/header-search-popup-lines.png) 0px -21px; color: #fff;}
.header-search-popup dd.hover i img {border: 1px solid #fff; margin: 2px 0px 0px 3px;}
.header-search-popup-full {width: 288px; height: 50px; background: url(/images/header-search-popup.png); position: absolute; line-height: 32px; color: #4c4c4c; text-indent: 44px; cursor: pointer;}
.header-search-popup-full.hover {text-decoration: underline;}
.header-search-popup .notfound {width: 288px; height: 24px; line-height: 22px; color: #999; text-indent: 154px;}

.bc {height: 29px; background: #ccc;}
.bc ul {width: 940px; margin: 0px auto; overflow: hidden; zoom: 1;}
.bc li {float: left; background: url(/images/bc.png) no-repeat 100% 0px; padding-right: 11px; line-height: 29px; margin-right: 8px; color: #666;}
.bc li:last-child {background: none;}
.bc a {color: #666; line-height: 29px;}
.bc a:hover {color: #000;}
.bc .i-darr {position: relative; top: 13px; *top: 7px;}

.page {width: 980px; margin: 0px auto; min-width: 980px;}
.page-header {overflow: hidden; zoom: 1; padding-bottom: 10px;}
.page-header h1 {font-size: 36px; line-height: 36px; font-weight: bold; float: left; padding: 25px 0px 0px 20px; width: 640px; *padding-bottom: 2px;}
.page-header h1 [class^="i-chart-"] {margin-top: -4px;}
.page-header .button {display: block; float: right; margin: 29px 40px 0px 0px;}

.tech {background: #009cd1 url(/images/tech.png) repeat-x;}
.tech + .footer-wrap {border-top: 0px;}
.tech .page {padding-bottom: 74px;}

.paginator {text-align: center; font-size: 18px;}
.paginator li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; line-height: 25px; font-weight: bold; *margin: 0px 2px;}
.paginator b {display: block; height: 25px; line-height: 25px; font-weight: bold; background-position: 100% 100%; padding: 0px 6px;}
.paginator .active, .paginator .active b {background-image: url(/images/paginator.png);}
.paginator .button {font-size: 18px !important; line-height: 20px !important; padding: 0px 10px !important;}
.paginator .full {margin-left: 12px;}
.paginator .full .button {font-size: 14px !important; line-height: 24px !important;}
.paginator .full.active u {background: none;}
.paginator .full.active a {background: url(/images/paginator.png) 100% -25px !important; height: 25px;}

.footer-wrap {background: #ebebeb url(/images/footer.png) repeat-x; border-top: 49px solid #f8f8f8;}
.footer {width: 940px; margin: 0px auto; min-width: 940px; overflow: hidden; zoom: 1; color: #666; padding-bottom: 5px;}
.footer dl {float: left; width: 140px; padding: 18px 0px 0px 20px;}
.footer dl:first-child {padding-left: 0px;}
.footer dt {font-size: 14px; font-weight: bold; padding-bottom: 19px;}
.footer dd {font-size: 11px; padding-bottom: 13px;}
.footer dd span {color: #333;}
.footer dd a {color: #666; text-decoration: none;}
.footer dd a:hover {color: #09c;}
.footer li {padding: 74px 20px 0px 20px; float: left; width: 120px; font-size: 11px; line-height: 14px; background-repeat: no-repeat; background-position: 20px 17px;}
.footer li b {display: block; padding-bottom: 5px;}
.footer li.cd {background-image: url(/images/footer-cd.png);}
.footer li.ipod {background-image: url(/images/footer-ipod.png);}
.footer li.download {background-image: url(/images/footer-download.png);}

.footer-bottom-wrap {background: #333 url(/images/footer-bottom.png) repeat-x 0px 100%;}
.footer-bottom {width: 940px; margin: 0px auto; min-width: 940px; overflow: hidden; zoom: 1; color: #999; padding-bottom: 8px;}
.footer-bottom-copy {float: left; background: url(/images/footer-logo.png) no-repeat 0px 0px; padding-left: 40px; font-size: 11px; line-height: 30px; height: 31px; margin-top: 10px;}
.footer-bottom-social {float: right; padding-top: 16px;}
.footer-bottom-social li {float: left; background: url(/images/footer-social.png); margin-left: 8px;}
.footer-bottom-social li.ms {background-position: 0px 0px;}
.footer-bottom-social li.tw {background-position: 0px -20px;}
.footer-bottom-social li.fb {background-position: 0px -40px;}
.footer-bottom-social li a {display: block; width: 20px; height: 20px;}
.footer-bottom-pay {float: right; padding: 13px 75px 0px 0px;}
.footer-bottom-pay li {float: left; height: 23px; margin-left: 9px;}
.footer-bottom-pay li a {display: block; height: 100%;}
.footer-bottom-pay li.visa {background: url(/images/footer-pay-visa.png); width: 36px; margin-right: 11px;}
.footer-bottom-pay li.mc {background: url(/images/footer-pay-mc.png); width: 36px;}
.footer-bottom-pay li.pp {background: url(/images/footer-pay-pp.png); width: 54px;}

/* main */

.p-main .title {margin-top: 59px;}

.p-main-scroller {height: 300px; margin-left: -40px; width: 1060px; padding: 50px 0px 11px 0px;}
.p-main-scroller .prev, .p-main-scroller .next {display: block; height: 300px; width: 40px; background: url(/images/main-scroller.png) no-repeat; float: left;}
.p-main-scroller .prev:hover, .p-main-scroller .next:hover {background-color: #222;}
.p-main-scroller .prev {background-position: 0px 50%;}
.p-main-scroller .prev:hover {background-position: -40px 50%;}
.p-main-scroller .next {background-position: -80px 50%;}
.p-main-scroller .next:hover {background-position: -120px 50%;}
.p-main-scroller-wrap {float: left; width: 940px; height: 300px; margin: 0px 20px; overflow: hidden; zoom: 1; position: relative;}
.p-main-scroller-content {width: 3000px; height: 300px; *width: 300px;}
.p-main-scroller img {display: block;}
.p-main-scroller-block {float: left; width: 640px; position: absolute; left: 300px; z-index: 1;}
.p-main-scroller-block ul {overflow: hidden; zoom: 1;}
.p-main-scroller li {float: left; padding: 0px 0px 20px 20px; width: 140px;}
.p-main-scroller-preview {width: 300px; height: 300px; float: left;}
.p-main-scroller-preview > a {display: block; position: relative; color: #333;}
.p-main-scroller-preview > a img {display: block; position: absolute; top: 0px; left: 0px; z-index: 1;}
.p-main-scroller-preview > a img:first-child {z-index: 2;}
.p-main-scroller-preview .fader {display: block; width: 260px; position: absolute; bottom: 0px; color: #fff; text-shadow: #000 1px 1px 1px; padding: 16px 21px 16px 19px; z-index: 3;}
.p-main-scroller-preview .fader b {display: block; font-size: 14px; line-height: 17px; padding-bottom: 19px;}
.p-main-scroller-preview .fader a {color: #fff;}
.p-main-scroller-preview .fader a:hover {color: #09c;}
.p-main-scroller .pricetag-big {top: 20px; right: -3px; z-index: 3;}
.p-main-scroller .album-control {margin-top: -32px; width: 140px; display: block;}
.p-main-scroller .album-control * {display: none;}
.p-main-scroller-block li > a {position: relative; display: block;}
.p-main-scroller-block li > a u {position: absolute; display: none; width: 100%; height: 100%; background: #000; opacity: 0.20; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -khtml-opacity: 0.20; -moz-opacity: 0.20;}
.p-main-scroller-block li:hover > a u {display: block;}
.p-main-scroller-block li:hover .album-control a, .p-main-scroller .album-control.played a {display: block;}

.p-main-scroller-block li > div > a {position: relative; display: block;}
.p-main-scroller-block li > div > a u {position: absolute; display: none; width: 100%; height: 100%; background: #000; opacity: 0.20; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); -khtml-opacity: 0.20; -moz-opacity: 0.20;}
.p-main-scroller-block li:hover > div > a u {display: block;}

.p-main-scroller .album-control:hover b {display: block;}
.p-main-scroller .album-control:hover {background: url(/images/album-fader.png);}

.p-main-scroller-block.hidden li > div {display: none}
.p-main-scroller-block.top {z-index: 2;}

.p-main-charts {margin-bottom: -19px;}
.p-main-charts dl {overflow: hidden; zoom: 1; border-top: 1px solid #e6e6e6; padding: 19px 0px 16px 0px;}
.p-main-charts dl:first-child {border-top: 0px; padding-top: 0px;}
.p-main-charts dt {float: left; width: 146px; padding-left: 18px;}
.p-main-charts dt b {font-size: 18px; line-height: 42px; padding-left: 7px;}
.p-main-charts dt .button {width: 116px; text-align: center; margin: 17px 0px 0px 6px;}
.p-main-charts dd {float: left; margin-left: 12px;}

/* artist */

.p-artist-header {background: #262626; border-radius: 5px; margin-top: 15px; overflow: hidden; zoom: 1; padding-bottom: 20px;}
.p-artist-header img {display: block; float: left; padding: 20px 20px 0px 20px;}
.p-artist-header-desc {position: relative; padding: 4px 5px 0px 0px;}
.p-artist-header-genre {/*width: 380px; */padding: 12px 250px 0px 10px;}
.p-artist-header-genre dt {color: #666; display: inline; line-height: 18px;}
.p-artist-header-genre dd {color: #ccc; display: inline; line-height: 18px;}
.p-artist-header-genre dd a {color: #ccc;}
.p-artist-header-genre dd a:hover {color: #09c}
.p-artist-header .tags {margin: 10px 0px 0px 15px;}
.p-artist-header-text p {font-size: 14px; line-height: 18px; color: #fff; padding: 14px 15px 0px 11px;}
.p-artist-header-buttons {padding: 16px 0px 0px 16px;}
.p-artist-header-buttons a {margin-right: 15px;}
.p-artist-header-likes {position: absolute; top: 13px; right: 4px;}
.p-artist-header-likes .button {margin: 7px 7px 0px 0px; float: left; display: block;}
.p-artist-header-likes .likes {float: left; margin-top: 5px; position: relative;}

.p-artist-sorter {height: 36px; background: #262626; border-radius: 5px; margin-top: 20px; padding: 13px 14px 5px 13px;}

.p-artist-sorter .active {font-weight: bold;color: #14b1e5 !important;}
.p-artist-sorter li.passive {padding: 5px 6px; margin: 0px 0.5px;}
.p-artist-sorter li.passive:hover {background: none;}
.p-artist-sorter li.active {padding: 5px 6px; border-radius: 3px; margin: 0px 0.5px; display: block;}

.p-artist-sorter > ul {float: left; font-size: 18px; color: #999;}
.p-artist-sorter > ul > li {float: left; border-radius: 3px; margin-left: 0px;}
.p-artist-sorter > ul > li a {padding: 5px 6px; border-radius: 3px; display: block;}
.p-artist-sorter > ul:last-child {float: right;}
.p-artist-sorter > ul:last-child a {padding: 5px 6px;}
.p-artist-sorter a {font-weight: bold; color: #fff;}
.p-artist-sorter a:hover {color: #09c;}
.p-artist-sorter .sortby {*margin-top: -2px; background: #262626 !important; padding: 5px 6px; margin-left: 8px;}
.p-artist-sorter .sortby li {background: #fff !important;}
.p-artist-sorter .sortby a {font-weight: normal; margin-left: 6px;}
.p-artist-sorter .sortby a i {width: 8px; height: 5px; background-position: -124px 0px; margin: 8px 0px 0px 0px;}
.p-artist-sorter .sortby a:hover {color: #14b1e5 !important;}
.p-artist-sorter-handler {display: inline; position: relative;}
.p-artist-sorter-handler a {padding: 0px !important; display: inline !important;}
.p-artist-sorter-handler:hover .p-artist-sorter-popup {display: block;}
.p-artist-sorter-popup {position: absolute; top: -1px; left: 2px; display: none; *top: -2px; z-index: 15;}
.p-artist-sorter-popup > i {display: block; position: absolute; width: 5px; height: 5px; background: url(/images/artist-sorter.png);}
.p-artist-sorter-popup > i.cr, .p-artist-sorter-popup > i.cl {background: url(/images/artist-sorter-sides.png); height: 100%;}
.p-artist-sorter-popup > i.ct {width: 100%; background-position: 0px 0px; top: -5px; left: 0px;}
.p-artist-sorter-popup > i.tr {background-position: 0px -5px; top: -5px; right: -5px;}
.p-artist-sorter-popup > i.cr {background-position: -5px 0px; top: 0px; right: -5px;}
.p-artist-sorter-popup > i.br {background-position: 0px -10px; bottom: -5px; right: -5px;}
.p-artist-sorter-popup > i.cb {width: 100%; background-position: 0px -15px; bottom: -5px; left: 0px;}
.p-artist-sorter-popup > i.bl {background-position: 0px -20px; bottom: -5px; left: -5px;}
.p-artist-sorter-popup > i.cl {background-position: 0px 0px; top: 0px; left: -5px;}
.p-artist-sorter-popup > i.tl {background-position: 0px -25px; top: -5px; left: -5px;}
.p-artist-sorter-popup ul {background: #fff;}
.p-artist-sorter-popup li {padding: 3px 5px 6px 0px; *padding-left: 6px;}
.p-artist-sorter-popup a {color: #333; white-space: nowrap; padding: 0px;}
.p-artist-sorter-popup a i {background-position: -124px -5px !important;}
.p-artist-sorter .active, .p-artist-sorter li:hover {background: #383838;}
.p-artist-sorter .active a {color: #14b1e5 !important;}
.p-artist-sorter a:hover {color: #fff;}
.p-artist-sorter .alphabet a {padding: 5px 6px; border-radius: 3px; margin: 0px 0.5px; display: block;}
.p-artist-sorter label {display: block; float: right; width: 203px; height: 25px; position: relative; background: url(/images/artist-sorter-search.png); margin: 2px 1px 0px 13px;}
.p-artist-sorter label input {position: absolute; background: none; border: 0px; display: block; top: 4px; left: 26px; font: 12px Arial, Helvetica, sans-serif; color: #333; width: 170px; z-index: 2;}
.p-artist-sorter label span {display: block; color: #b2b2b2; line-height: 26px; text-indent: 27px;}
/* --> ie.css */

.p-artist-discography {padding: 27px 0px 5px 0px;}
.p-artist-discography .album-type-dg {width: 460px; padding: 10px 0px 18px 16px;}
.p-artist-discography + .paginator {padding-bottom: 45px;}

.p-artist .similar {margin: -5px 0px 0px 16px;}

/* release */

.p-release-author {font-size: 24px; line-height: 26px; color: #666; padding-left: 20px;}

.p-release-body {overflow: hidden; zoom: 1; *width: 980px; *position: relative; padding-bottom: 19px;}
.p-release-body-leftcol {float: left; width: 312px; padding: 20px 0px 0px 14px;}
.p-release-body-rightcol {float: left; margin: 25px 0px 0px 14px; width: 620px;}
.p-release-cover {position: relative;}
.p-release-cover img {display: block; padding: 5px 6px 7px 6px; background: url(/images/release-cover.png);}
.p-release-cover .pricetag-big {top: 25px; right: 2px;}
.p-release-body-leftcol .rating {margin: 14px 0px 0px 0px; float: left;}
.p-release-body-leftcol .likes {margin: 11px 0px 0px 215px; *margin-left: 33px;}
.p-release-body-leftcol p {clear: both; padding: 9px 0px 0px 6px;}
.p-release-body-leftcol .button {margin: 18px 0px 0px 10px;}
.p-release-body-leftcol .tags {margin: 8px 0px 0px 10px;}
.p-release-body-leftcol .album-data {padding: 15px 0px 0px 6px;}
.p-release-body-leftcol .album-data * {line-height: 20px;}

.p-release .tracks {padding-top: 0px;}
.p-release-body-tocart {text-align: right; padding-right: 20px; overflow: hidden; zoom: 1;}
.p-release-body-tocart .button {margin-left: 60px;}
.p-release .reviews {margin-top: -13px; padding-bottom: 80px;}
.p-release .albums-slider {padding-bottom: 45px;}
.p-release .similar {padding: 0px 0px 18px 16px;}

/* release soon */

.p-release-soon {width: 765px; height: 323px; background: #fc0 url(/images/release-soon.png); margin: 10px 0px 0px 1px; padding: 10px 0px 0px 13px;}
.p-release-soon .p-release-cover {position: relative; float: left; width: 312px;}
.p-release-soon .p-release-cover img {background: none;}
.p-release-soon-date {float: right; font-size: 16px; background: url(/images/release-soon-date.png) no-repeat 0px 254px; padding: 250px 32px 0px 25px;}
.p-release-soon-date dt {font-weight: bold; line-height: 20px;}
.p-release-soon-date dd {line-height: 20px; position: relative;}
.p-release-soon-date dd span {position: relative; z-index: 2;}
.p-release-soon-date dd i {display: block; position: absolute; z-index: 1; height: 9px; background: #9c3; width: 100%; bottom: 1px; left: -3px;}
.p-release-soon-options {padding: 15px 0px 29px 25px;}
.p-release-soon-options .button {margin-bottom: 8px;}
.p-release .p-artist-discography {padding-bottom: 19px;}
.p-release-soon-discography-title {font-size: 24px; line-height: 30px; font-weight: bold; padding: 0px 0px 20px 18px;}
.p-release.soon .reviews {padding-bottom: 24px;}
.p-release.soon .albums-slider {padding-bottom: 8px;}

/* search */

.marker {color: #9c3 !important;}

.p-search-form {overflow: hidden; zoom: 1; padding-bottom: 9px;}
.p-search-form .text {float: left; width: 380px; padding: 23px 0px 0px 20px;}
.p-search-form .text p {font-size: 12px; line-height: 18px; padding-bottom: 22px;}
.p-search-form .text a {color: #09c;}
.p-search-form .text a:hover {color: #333;}
.p-search-form form {float: left; width: 490px; padding: 59px 0px 0px 75px;}
.p-search-form label {overflow: hidden; zoom: 1; display: block; padding-bottom: 6px;}
.p-search-form label span {display: block; float: left; width: 104px; padding-top: 7px;}
.p-search-form label span b {color: #c00; visibility: hidden;}
.p-search-form label .input {display: block; float: left;}
.p-search-form label input {font-size: 16px; padding: 3px 12px; width: 356px;}
.p-search-form label textarea {border: 1px solid #c9c9c9; border-top-color: #c9c9c9; border-bottom-color: #dfdfdf; font: 12px/15px Arial, Helvetica, sans-serif; padding: 5px; margin-top: 4px; width: 368px; height: 106px;}
.p-search-form label.required span b {visibility: visible;}
.p-search-form .button {margin: 25px 0px 0px 124px;}

.p-search-item {padding: 0px 20px 10px 16px;}
.p-search-item-title {text-align: center; font-size: 24px; font-weight: bold; padding: 26px 0px 20px 0px;}
.p-search-item-button {overflow: hidden; zoom: 1; padding: 20px 21px 0px 9px;}
.p-search-item-button .button.h26 {display: block; float: left;}
.p-search-item-button .button.h44 {display: block; float: right;}

.p-search-item .tracks {padding-left: 4px; width: 940px; *position: relative; *zoom: 1; *overflow: hidden;}
.p-search-item .tracks-header li.number {width: 57px; padding-right: 7px;}
.p-search-item .tracks-item li.number {width: 27px; padding-right: 6px;}
.p-search-item .tracks-header li.name {width: 266px;}
.p-search-item .tracks-item li.name {width: 233px; padding-left: 4px;}
.p-search-item .tracks-item li.duration {border: none; *width: 48px;}
/* --> ie.css */
.p-search-item .tracks-item .loader, .p-search-item .tracks-item li.clicker {width: 730px;}

.p-search-discography {padding: 8px 0px 5px 0px;}
.p-search-discography .album-type-dg {width: 470px; padding: 10px 0px 18px 0px;}
.p-search-discography + .p-search-item-button {padding-top: 0px;}
.p-search-item .p-search-discography:first-child {padding-top: 18px;}

.p-search-tags {border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: 38px 0px 10px 0px;}
.p-search-tags-title {font-size: 36px; font-weight: bold; padding: 25px 0px 0px 19px;}
.p-search-tags ul {text-align: center; padding: 11px 0px 27px 0px;}
.p-search-tags a {color: #666;}
.p-search-tags a:hover {color: #333;}
.p-search-tags li {display: inline-block; *display: inline; zoom: 1; vertical-align: baseline; padding: 7px 3px;}
.p-search-tags .s {font-size: 24px;}
.p-search-tags .m {font-size: 36px;}
.p-search-tags .l {font-size: 48px;}
.p-search-tags .x {font-size: 60px;}

.p-search-item .artists:first-child {padding-top: 6px;}
.p-search-item .tracks:first-child {padding-top: 22px;}
.p-search-item .paginator {padding-top: 35px;}

/* catalog */

.catalog-tip {color: #808080; padding-top: 28px;}
.catalog-tip li {padding-bottom: 6px;}
.catalog-tip li > span {display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 76px; text-align: center; font-size: 14px; font-weight: bold; color: #333; position: relative; top: -2px;}
.catalog-tip li > span span {color: #808080; font-size: 10px; position: relative; top: -6px;}
.catalog-tip img {margin: -2px 0px 2px -16px;}

.p-catalog .p-artist-sorter {margin-top: 30px;}
.p-catalog .similar {padding: 23px 0px 0px 16px; border-top: 1px solid #ccc; margin-top: 5px;}
.p-catalog .p-artist-sorter + .similar,
.p-catalog .p-artist-sorter + * + .similar {border: 0px; margin-top: 0px;}
.p-catalog .paginator {padding-top: 25px;}

.p-catalog-tags {padding: 10px 0px 9px 20px;}
.p-catalog-tags li {display: inline; color: #666; line-height: 25px;}
.p-catalog-tags a {color: #666;}
.p-catalog-tags a:hover {color: #0da3d5;}
.p-catalog-tags .t24 {font-size: 16px;}
.p-catalog-tags .t36 {font-size: 20px;}
.p-catalog-tags .t48 {font-size: 24px;}
.p-catalog-tags .t60 {font-size: 30px;}

.p-catalog-subheader {font-size: 30px; font-weight: bold; padding: 31px 0px 14px 20px;}

/* charts */

.p-charts-items {padding-top: 12px;}

.p-charts-item {border-bottom: 1px solid #ccc; overflow: hidden; zoom: 1; padding-top: 30px;}
.p-charts-item:last-child {border-bottom: 0px;}
.p-charts-item-name {float: left; width: 237px; padding: 0px 0px 0px 20px;}
.p-charts-item-name b {display: block; text-transform: uppercase; font-size: 18px; padding-top: 14px;}
.p-charts-item-upcoming {float: left; width: 237px; padding: 0px 0px 0px 20px;}
.p-charts-item-upcoming b {display: block; font-size: 18px; padding-bottom: 8px;}
.p-charts-item-upcoming .button {margin-left: 3px;}
.p-charts-item .similar {float: left; width: 720px;}

.p-chart-date {color: #666; font-size: 12px; padding: 1px 0px 0px 73px;}
.p-chart-date-upcoming {color: #666; font-size: 12px; padding: 5px 0px 0px 23px;}

.p-chart-list {padding: 26px 0px 20px 0px;}
.p-chart-item {overflow: hidden; zoom: 1; padding-bottom: 16px;}
.p-chart-item-number {float: left; text-align: right; width: 164px; color: #999; font-size: 48px; font-weight: bold; padding-top: 7px;}
.p-chart-item-cover {float: left; padding-left: 12px;}
.p-chart-item-cover a {display: block; position: relative;}
.p-chart-item-cover .pricetag-small {top: 8px; right: 1px;}
.p-chart-item-cover img {display: block; padding: 3px 4px 5px 4px; background: url(/images/album-similar.png);}
.p-chart-item-data {float: left; width: 720px;}
.p-chart-item-data > b {display: block; font-size: 18px; padding: 10px 0px 0px 16px;}
.p-chart-item-data > span {display: block; padding: 10px 0px 0px 16px; font-size: 14px;}
.p-chart-item .album-type-dg-options .button.square:first-child {margin-left: 13px;}

.p-upcoming-other {overflow: hidden; zoom: 1; padding-left: 16px;}
.p-upcoming-other li {float: left; width: 140px; text-align: center; padding-left: 16px;}
.p-upcoming-other a {display: block; position: relative; padding-top: 95px;}
.p-upcoming-other img {display: block; position: absolute;}
.p-upcoming-other img:first-child {z-index: 4; top: 16px; left: 36px;}
.p-upcoming-other img:first-child + img {z-index: 3; top: 21px; left: 41px;}
.p-upcoming-other img:first-child + img + img  {z-index: 2; top: 26px; left: 31px;}
.p-upcoming-other img:first-child + img + img + img  {z-index: 1; top: 11px; left: 46px;}

/* genres */

.p-genres .p-charts-item {padding-top: 0px; margin-bottom: 27px;}
.p-genres .p-artist-sorter {margin-bottom: 15px;}

.p-charts-item-genres {float: left; width: 240px; padding-right: 17px;}
.p-charts-item-genres > li > a {color: #09c; font-weight: bold; font-size: 18px; padding: 0px 0px 17px 21px; display: block;}

.p-charts-item-genres > li > span {font-weight: bold; font-size: 18px; padding: 0px 0px 17px 21px; display: block; background: url(/images/genres-opened.png) no-repeat 10px 8px; color: #000;}
.p-charts-item-genres > li > ul > li.active span {font-weight: bold;}

.p-charts-item-genres > li > a {background: url(/images/genres-closed.png) no-repeat 12px 6px;}
.p-charts-item-genres > li > a + ul {display: none;}
.p-charts-item-genres > li > ul {padding-bottom: 9px;}
.p-charts-item-genres > li > ul > li {padding: 0px 0px 6px 22px;}
.p-charts-item-genres > li > ul > li ul {padding: 16px 0px 0px 36px; margin: -10px 0px -6px -13px; background: url(/images/genres-closed.png) no-repeat 3px 0px; zoom: 1;}
.p-charts-item-genres > li > ul > li ul li {padding-bottom: 6px; display: none;}
.p-charts-item-genres > li.active > a {background: url(/images/genres-opened.png) no-repeat 10px 8px;}
.p-charts-item-genres > li.active > a + ul {display: block;}
.p-charts-item-genres > li > ul > li.active > a {font-weight: bold;}
.p-charts-item-genres > li > ul > li.active ul {background: url(/images/genres-opened.png) no-repeat 0px 2px;}
.p-charts-item-genres > li > ul > li.active li {display: block;}

/* payment */

.p-pay-body {overflow: hidden; zoom: 1;}
.p-pay-leftcol {float: left; width: 540px; padding: 38px 0px 0px 20px;}
.p-pay-rightcol {float: right; width: 400px; padding-top: 35px;}
.p-pay-center {width: 450px;}
.p-pay-rightcol p, .p-pay-center p {font-size: 14px; line-height: 18px; color: #666; padding-bottom: 12px;}
.p-pay-rightcol p b, .p-pay-center p b {color: #333;}
.p-pay-rightcol img {display: block; padding: 4px 0px 23px 0px;}

.p-pay-center a, .p-pay-amount-startip a {color: #09c;}
.p-pay-center a:hover, .p-pay-amount-startip a:hover {color: #000;}

.p-pay-cvv {padding-top: 139px; display: none;}
.p-pay-cvv dt {font-size: 18px; padding-bottom: 18px;}
.p-pay-cvv dd {font-size: 12px; line-height: 15px; color: #999; background: url(/images/pay-cvv.png) no-repeat 0px 0px; padding-top: 138px;}

.p-pay-logo {padding-bottom: 9px;}
.p-pay-logo img {display: block;}

.p-pay-amount-startip {font-size: 11px; color: #808080; margin: -7px 0px 0px 21px;}
.p-pay-amount-note {color: #c00; font-size: 12px; line-height: 18px; padding-top: 20px;}

.p-pay legend {font-size: 14px; font-weight: bold; padding-bottom: 21px; *margin-left: -8px;}
.p-pay .amount {padding-bottom: 35px;}
.p-pay .amount label {display: block; overflow: hidden; zoom: 1; padding-bottom: 24px;}
.p-pay .amount label input {display: block; float: left; margin: 6px 7px 0px 0px; *margin-top: 3px;}
.p-pay .amount label b {display: block; float: left; font-size: 24px;}
.p-pay .amount label + label b {font-size: 20px;}
.p-pay .amount label + label input {margin-top: 5px; *margin-top: 0px;}
.p-pay .amount label + label + label b {font-size: 16px;}
.p-pay .amount label + label + label input {margin-top: 3px; *margin-top: -2px;}
.p-pay .amount label + label + label + label input {margin-top: 1px; *margin-top: -3px;}
.p-pay .amount label + label + label + label b {font-size: 15px;}
.p-pay .amount label b span {color: #739e1e;}
.p-pay .amount label > span {display: block; clear: both; color: #808080; font-size: 11px; padding: 2px 0px 0px 21px; *padding-left: 28px;}
.p-pay .amount + .button {margin: 37px 0px 0px 20px;}
.p-pay .data {padding-bottom: 15px;}
.p-pay .data legend {padding-bottom: 16px;}
.p-pay .data label, .p-pay .data .label {display: block; padding-bottom: 9px; overflow: hidden; zoom: 1;}
.p-pay .data .field-name {float: left; display: block; font-size: 14px; padding-top: 5px; width: 160px;}
.p-pay .data .field-name b {color: #c00; font-weight: normal; position: absolute; margin-left: -6px;}
.p-pay .data .inline-tip {display: block; float: left; padding: 7px 0px 0px 22px;}
.p-pay .data .inline-tip a {color: #666; text-decoration: none; border-bottom: 1px dotted #666;}
.p-pay .data .inline-tip a:hover {border-bottom-color: #09c; color: #09c;}
.p-pay .data .error-tip {display: none; clear: both; color: #c00; padding: 8px 0px 13px 159px;}
.p-pay .data .phone-spacer {padding: 9px 3px 0px 17px; display: block; float: left;}
.p-pay .data .input {display: block; float: left;}
.p-pay .data input[type="text"] {width: 276px; *width: 287px; font-size: 16px; padding: 3px 12px;}
.p-pay .data input.cvv {width: 86px; *width: 97px;}
.p-pay .data input.phone-code {width: 57px; *width: 68px;}
.p-pay .data input.phone-number {width: 180px; *width: 191px;}
.p-pay .data select {font: 14px Arial, Helvetica, sans-serif; color: #333; margin: 4px 0px 3px 0px; width: 300px;}
.p-pay .data select.year {width: 100px; margin-right: 17px;}
.p-pay .data select.month {width: 180px;}
.p-pay .data + .button {margin: 3px 0px 0px 180px;}

/* auth */

.p-auth h1 {text-align: center; color: #f3f3f3; font: bold 60px/70px "Myriad Pro", Arial, Helvetica, sans-serif; text-shadow: #0078a4 0px 1px 0px; padding: 34px 0px 0px 0px;}

.p-auth-ways {overflow: hidden; zoom: 1; padding: 12px 0px 0px 26px;}
.p-auth-way {float: left; width: 374px; margin-left: 63px;}
.p-auth-way h2 {text-align: center; font: 18px/25px "Myriad Pro", Arial, Helvetica, sans-serif; color: #0078a4; text-shadow: #43c1f0 0px 1px 0px; padding-bottom: 6px;}
.p-auth-way form {background: url(/images/auth-ways.png) 0px -279px; text-align: center; height: 534px;}
.p-auth-way:first-child form {padding-top: 30px; height: 249px; background-position: 0px 0px;}
.p-auth-way .forgot {padding: 10px 0px 26px 0px;}
.p-auth-way .forgot a {text-decoration: underline; color: #09c;}
.p-auth-way .forgot a:hover {color: #333;}
.p-auth-way .error-tip {display: block; margin-top: -9px; padding-bottom: 9px;}
.p-auth-social p {font-size: 12px; line-height: 18px; padding: 23px 60px 7px 60px;}
.p-auth-social li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: url(/images/tech-social.png); margin: 0px 5px;}
.p-auth-social li.fb {background-position: 0px 0px;}
.p-auth-social li.tw {background-position: 0px -26px;}
.p-auth-social a {display: block; width: 160px; height: 26px;}
.p-auth-inputs {padding: 40px 0px 4px 0px;}
.p-auth-inputs .error-tip {display: block; margin-top: -9px; padding-bottom: 9px;}
.p-auth-tip-sens {color: #09c; font-size: 18px; line-height: 22px;}
.p-auth-tip-terms {padding: 23px 0px 27px 0px; display: block;}
.p-auth-tip-terms input {margin-right: 5px; position: relative; top: 1px;}
.p-auth-tip-terms a {text-decoration: underline; color: #09c;}
.p-auth-tip-terms a:hover {color: #333;}

.tech .input {width: 300px; height: 40px; background: url(/images/tech-inputs.png); position: relative; margin-bottom: 19px;}
.tech .input.error {background-position: 0px -40px;}
.tech .input input {text-align: center; position: absolute; z-index: 2; background: none; width: 220px; padding-left: 40px; padding-right: 40px; top: 6px; left: 0px; font-size: 24px; color: #333;}
.tech .input span {display: block; width: 300px; text-align: center; color: #999; font-size: 24px; line-height: 44px;}
.tech .eye {display: block; position: absolute; width: 30px; height: 40px; top: 0px; right: 0px; background: url(/images/eye.png) 100% 0px; z-index: 3;}
.tech .eye.active, .tech input[type="text"] + .eye {background-position: 100% -40px;}

/* reset password */

.p-resetpass {text-align: center;}

.p-resetpass-msg {display: inline-block; *display: inline; zoom: 1; vertical-align: top; height: 50px; position: relative; background: url(/images/resetpass-msg.png) 0px -50px; font-size: 19px; line-height: 46px; color: #c33; margin-top: 47px; padding: 0px 23px;}
.p-resetpass-msg i {display: block; position: absolute; top: 0px; background: url(/images/resetpass-msg.png) 100% 100%; width: 30px; height: 50px; right: -30px;}
.p-resetpass-msg i:first-child {background-position: 0px 0px; right: auto; left: -30px;}

.p-resetpass h1 {text-align: center; font: 30px/34px "Myriad Pro", Arial, Helvetica, sans-serif; color: #069; text-shadow: #4dc3ee 0px 1px 0px; padding: 17px 0px 15px 0px;}

.p-resetpass-instr {color: #fff; padding: 16px 200px;}
.p-resetpass-instr dt {text-transform: uppercase; font-size: 14px; line-height: 15px; font-weight: bold;}
.p-resetpass-instr dd {line-height: 15px; padding: 16px 0px 0px 0px;}

.p-resetpass-form {padding: 21px 200px;}
.p-resetpass-form .input {background-position: 0px -160px;}
.p-resetpass-form .input.error {background-position: 0px -200px;}
.p-resetpass-form .input span {font-size: 20px !important;}
.p-resetpass-form .input input {font-size: 20px !important; top: 8px !important;}

.p-resetpass-tip {color: #6cf; font-size: 18px; line-height: 22px; padding: 6px 0px 25px 0px;}

.p-resetpass-empty {color: #fff; padding: 133px 0px 59px 0px;}
.p-resetpass-empty dt {font: bold 60px/70px "Myriad Pro", Arial, Helvetica, sans-serif; text-shadow: #00759f 0px 1px 0px;}
.p-resetpass-empty dd {line-height: 15px; padding: 36px 200px;}
.p-resetpass-empty + .button {margin-bottom: 150px;}
.p-resetpass-empty a {color: #fff; font-weight: bold; text-decoration: underline;}
.p-resetpass-empty a:hover {text-decoration: none;}


.p-resetpass .error-tip {color: #fff; display: block; white-space: nowrap; position: absolute; top: 17px; left: 320px;}

/* sign up */

.p-signup {text-align: center;}

.p-signup-header {padding: 24px 0px;}
.p-signup-header dt {color: #fff; font: bold 72px/80px "Myriad Pro", Arial, Helvetica, sans-serif; text-shadow: #00759f 0px 1px 0px;}
.p-signup-header dd {font: 36px/40px "Myriad Pro", Arial, Helvetica, sans-serif; color: #069; text-shadow: #43c1f0 0px 1px 0px; padding-top: 5px;}

.p-signup-social {padding: 26px 0px;}
.p-signup-social li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: url(/images/tech-social.png); margin: 0px 5px;}
.p-signup-social li.fb {background-position: 0px 0px;}
.p-signup-social li.tw {background-position: 0px -26px;}
.p-signup-social a {display: block; width: 160px; height: 26px;}

.p-signup-form {padding: 13px 200px;}
.p-signup-form .error-tip {color: #fff; display: block; white-space: nowrap; position: absolute; top: 17px; left: 320px;}
.p-signup-form .input {background-position: 0px -160px;}
.p-signup-form .input.error {background-position: 0px -200px;}

.p-signup-tip {color: #6cf; font-size: 18px; line-height: 22px; padding: 6px 0px 25px 0px;}

.p-signup-terms {text-align: center;}
.p-signup-terms label {padding: 8px 0px 27px 0px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #fff;}
.p-signup-terms input {margin-right: 5px; position: relative; top: 1px;}
.p-signup-terms a {text-decoration: underline; color: #fff;}

/* support */

.p-support .title {padding-bottom: 17px;}
.p-support .paginator {padding-top: 30px;}

.p-support-top {overflow: hidden; zoom: 1; padding: 40px 5px 43px 20px; margin-right: -5px;}
.p-support-top form {float: left; width: 380px; padding-top: 2px;}
.p-support-top label {display: block; padding-bottom: 26px;}
.p-support-top label span {display: block; padding-bottom: 8px;}
.p-support-top select {width: 380px; font: 12px Arial, Helvetica, sans-serif;}
.p-support-top textarea {width: 366px; height: 106px;}
.p-support-top .button {margin: -7px 0px 0px 20px;}
.p-support-top .grayblock {float: right; width: 547px;}

.p-support-topic {padding: 19px 20px 16px 20px; border-bottom: 1px solid #d4d4d4;}
.p-support-topic:first-child {padding-top: 0px;}
.p-support-topic-title {color: #666; padding-bottom: 43px;}
.p-support-topic-title b {display: block; color: #333; font-size: 18px; padding-top: 7px;}
.p-support-topic-body {overflow: hidden; zoom: 1;}
.p-support-topic-date {float: left; text-align: right; width: 248px; color: #acacac; padding-top: 5px;}
.p-support-topic-text {float: right; min-height: 42px;}
.p-support-topic-text.question {color: #80ab2b; font-size: 18px; line-height: 22px; background: url(/images/support-q.png) no-repeat 0px 2px; width: 440px; padding: 0px 200px 20px 45px;}
.p-support-topic-text.answer {font-size: 14px; line-height: 20px; background: url(/images/support-a.png) no-repeat 0px 3px; width: 640px; padding: 0px 0px 22px 45px;}
.p-support-topic-text.answer p {padding: 1px 0px 6px 0px; line-height: 20px;}

/* history */

.p-history .title {margin-top: 90px; padding-bottom: 17px;}

.p-history .grayblock, .p-music .grayblock, .p-search .grayblock {margin-top: 43px;}

.p-history-header {font-size: 24px; font-weight: bold; text-align: center; padding: 27px 0px 21px 0px;}
.p-history-header span {color: #666; font-size: 11px; font-weight: normal; position: relative; top: -10px;}
.p-history-header + .p-history-table {padding-top: 0px;}
.p-history .paginator + .p-history-header {padding-top: 38px;}

.p-history-table {padding: 40px 0px 31px 0px;}
.p-history-table-header {overflow: hidden; zoom: 1; padding-bottom: 12px;}
.p-history-table-header li {float: left; color: #999;}
.p-history-table-header li.number {width: 35px; padding-left: 20px;}
.p-history-table-header li.price {text-align: right; width: 50px; float: right;}
.p-history-table-header li.date {text-align: right; width: 150px; float: right;}
.p-history-table-header li.buy {text-align: right; width: 76px; padding-left: 17px; float: right;}
.p-history-table-header li.check {width: 51px; text-align: center; float: right;}
.p-history-table-header li.check input {display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.p-history-table-item {border-top: 1px solid #efefef; overflow: hidden; zoom: 1;}
.p-history-table-item:nth-child(2n) {background: #e1e1e1;}
.p-history-table-item li {float: left; padding-top: 13px; padding-bottom: 12px;}
.p-history-table-item li.number {width: 35px; padding-left: 20px; color: #999;}
.p-history-table-item li.cover {padding: 0px 16px 0px 0px;}
.p-history-table-item li.cover a {display: block; position: relative;}
.p-history-table-item li.cover img {display: block;}
.p-history-table-item li.cover .pricetag-small {top: 8px; right: -1px;}
.p-history-table-item li.name {width: 430px;}
.p-history-table-item li.name a {color: #09c;}
.p-history-table-item li.name a:hover {color: #333;}
.p-history-table-item li.sticker {width: 97px; height: 17px; background: url(/images/history-stickers.png); padding: 0px; margin: 11px 0px 0px 9px; text-align: center; font-weight: bold; font-size: 12px; line-height: 15px;}
.p-history-table-item li.sticker.new {background-position: 0px 0px; color: #fff; text-shadow: 0px 1px 2px #74a621;}
.p-history-table-item li.sticker.soon {background-position: 0px -17px; color: #333; text-shadow: 0px 1px 2px #ffdf33;}

.p-history-table-item li.price {text-align: right; width: 50px; float: right;}
.p-history-table-item li.date {text-align: right; width: 150px; float: right;}
.p-history-table-item li.check {width: 51px; text-align: center; float: right;}
.p-history-table-item li.check input {display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.p-history-table-item li.buy {width: 76px; height: 20px; padding: 0px; float: right; margin: 10px -3px 0px 22px; text-align: right;}
.p-history-table-item li.buy .buybutton {display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.p-history-table-item li.buy .h19 {margin-right: 7px;}
.p-history-table-buttons {border-top: 1px solid #ccc; overflow: hidden; zoom: 1; padding: 12px 5px 0px 5px;}
.p-history-table-buttons li.left {float: left; margin-right: 20px;}
.p-history-table-buttons li.right {float: right; margin-left: 20px;}

.p-history-filter {text-align: right;}
.p-history-filter p {padding: 0px 0px 7px 20px; text-align: left;}
.p-history-filter ul {background: #e1e1e1; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; overflow: hidden; zoom: 1; padding: 9px 6px 8px 21px;}
.p-history-filter li {float: right;}
.p-history-filter li:first-child {float: left;}
.p-history-filter li span {display: block; float: left; padding: 5px 8px 0px 0px;}
.p-history-filter select {display: block; float: left; font: 11px Arial, Helvetica, sans-serif; color: #333; margin-right: 10px;}
.p-history-filter select.day {width: 44px;}
.p-history-filter select.month {width: 152px;}
.p-history-filter select.year {width: 54px;}
.p-history-filter .button {margin: 10px 5px 0px 0px;}

/* balance */

.p-balance-data {overflow: hidden; zoom: 1; padding: 53px 0px 67px 20px;}
.p-balance-stat {float: left; width: 331px;}
.p-balance-stat li {overflow: hidden; zoom: 1; background: url(/images/balance-stat.png) repeat-x 0px 16px; font-size: 14px; padding: 5px 0px 17px 0px;}
.p-balance-stat span {display: block; float: left; background: #f8f8f8; padding-right: 5px;}
.p-balance-stat b {display: block; float: right; background: #f8f8f8; padding-left: 5px; width: 90px;}
.p-balance-stat a {color: #09c;}
.p-balance-stat a:hover {color: #333;}
.p-balance-current {float: left; text-align: center; padding-left: 33px;}
.p-balance-current strong {display: block; font-size: 72px;}
.p-balance-current p {color: #666; font-size: 18px; padding: 8px 0px 22px 0px;}
.p-balance-current .button {font-weight: bold;}

.p-balance-history {padding-bottom: 35px;}
.p-balance-history ul {overflow: hidden; zoom: 1; border-top: 1px solid #efefef; padding: 13px 0px 13px 0px;}
.p-balance-history ul:nth-child(2n) {background: #e1e1e1;}
.p-balance-history ul:first-child {color: #999; border: 0px; padding-top: 6px;}
.p-balance-history li {float: left;}
.p-balance-history li.date {padding-left: 20px; width: 159px;}
.p-balance-history li.deposit {width: 161px;}
.p-balance-history li.bonus {width: 160px;}
.p-balance-history li.type {width: 322px;}
.p-balance-history li.status {width: 150px;}

/* downloads, purchaled, cart */

.p-music .p-artist-sorter {margin-top: 44px;}

.p-music .notfound {font-size: 36px; line-height: 36px; font-weight: bold; padding: 55px 0px 55px 20px; width: 640px; *padding-bottom: 2px;}

.p-music-item {padding: 27px 0px 36px 0px; margin-bottom: 1px; border-top: 1px solid #d4d4d4; position: relative;}
.p-music-item:first-child {border: 0px;}
.p-music-item-header {overflow: hidden; zoom: 1; min-height: 20px;}
.p-music-item-name {float: left; font-size: 18px;}
.p-music-item-name i {display: block; float: left; width: 12px; height: 12px; background-position: -168px 0px; margin: 4px 8px 0px 0px; cursor: pointer}
.p-music-item-name i a {display: block; height: 100%;}
.p-music-item-header .rating {display: block; float: left; margin: 1px 0px 0px 13px;}
.p-music-item-header .button {display: block; float: left; margin: 1px 25px 0px 25px;}
.p-music-item-header .rating + .button {float: right; position: absolute; top: 159px; left: 185px; margin-left: 0px;}

.p-music-item-body {overflow: hidden; zoom: 1; padding: 13px 20px 0px 16px;}
.p-music-item-leftcol {float: left; width: 320px;}
.p-music-item-leftcol > a:first-child {display: inline-block; *display: inline; zoom: 1; vertical-align: top;}
.p-music-item-leftcol img {display: block; background: url(/images/album-type-main.png); padding: 3px 4px 5px 4px; margin-top: 1px;}
.p-music-item-leftcol .tags {margin: 5px 0px 0px 8px;}
.p-music-item-leftcol .album-data {padding: 16px 0px 0px 7px; position: absolute; top: 50px; left: 172px; width: 300px;}
.p-music-item-leftcol .album-data * {line-height: 20px;}
.p-music-item-body .tracks {float: right; display: none;}

.p-music-item.active {padding-bottom: 0px;}
.p-music-item.active .p-music-item-name i {background-position: -180px 0px;}
.p-music-item.active .p-music-item-header .button, .p-music-item.active .album-data {position: relative; top: 0px; left: 0px;}
.p-music-item.active .tracks {display: block;}

.p-music-total {height: 36px; background: #262626; border-radius: 5px; margin: 43px 0px 24px 0px; padding: 15px 23px 3px 20px; overflow: hidden; zoom: 1;}
.p-music-total dl {float: left; font-size: 18px; padding-top: 3px;}
.p-music-total dt {display: inline; color: #666;}
.p-music-total dd {display: inline; color: #fff; padding-right: 5px;}
.p-music-total .button {float: right; margin-left: 18px;}

.p-music .grayblock {width: 100%; margin-left: 0px;}

/* account */

.p-account dl {overflow: hidden; zoom: 1;}
.p-account dt {float: left; width: 300px; text-align: right; font-size: 14px; color: #666; padding: 6px 18px 0px 0px;}
.p-account dd {float: left; width: 540px;}
.p-account .tip {width: 300px; padding-top: 13px; line-height: 18px;}
.p-account input[type="text"], .p-account input[type="password"] {padding: 5px 5px;}
.p-account .button.h34 {padding: 0px;}

.p-account .tabs, .p-account .grayblock, .p-music .grayblock, .p-search .grayblock {margin-bottom: 43px;}

.p-account-confirm {padding: 10px 0px 27px 20px;}
.p-account-confirm dl {padding-left: 83px;}
.p-account-confirm input[type="text"], .p-account-confirm input[type="password"] {width: 280px;}
.p-account-confirm select {margin: 2px 17px 0px 0px; width: 103px;}
.p-account-confirm select + .input input {width: 160px;}
.p-account-confirm .button {margin: 24px 0px 0px 411px;}
.p-account-confirm .button + .button {margin-left: 60px;}
.p-account-confirm .input input{color: #343434;}

.p-account-value {line-height: 28px; display: block !important;}
.p-account-value * {display: block !important;}
.p-account-mask {padding: 2px;}
.p-account-mask li {color: #666; line-height: 18px;}
.p-account-mask span {display: inline !important; color: #999;}

.p-account-editable {margin-bottom: 3px; padding: 22px 0px 22px 20px;}
.p-account-editable.corner-dark {padding: 22px 20px; border-radius: 5px; background: #262626;}
.p-account-editable.corner-dark .title {border-color: #333; padding-bottom: 18px;}
.p-account-editable.corner-dark .title b {background: #262626; color: #fff;}
.p-account-editable.corner-dark .title .btn {right: 10px; border-color: #262626; background-color: #262626;}
.p-account-editable.corner-dark .p-account-value {display: none !important;}
.p-account-editable.corner-dark dd {color: #fff;}
.p-account-editable.corner-dark .input {*position: relative; *left: 10px;}
.p-account-editable:not(.corner-dark) dd *,
.p-account-editable:not(.corner-dark) dl + .button,
.p-account-editable:not(.corner-dark) .p-account-saved {display: none;}
.p-account-editable input[type="text"], .p-account-editable input[type="password"] {width: 214px;}
.p-account-editable select {margin: 2px 0px;}
.p-account-editable select.sex {width: 220px;}
.p-account-editable select.month, .p-account-editable select.day {width: 63px; margin-right: 3px;}
.p-account-editable select.year {width: 82px;}
.p-account-editable dl {padding: 0px 0px 10px 80px;}
.p-account-editable dl + .button {margin: 16px 0px 0px 420px;}
.p-account-editable label {display: block; overflow: hidden; zoom: 1; padding: 4px 0px 0px 1px;}
.p-account-editable label input {display: block; float: left;}
.p-account-editable label span {display: block; float: left; padding: 1px 0px 0px 9px;}
.p-account-saved {display: inline-block; *display: inline; zoom: 1; vertical-align: top; color: #9c3; font-size: 13px; padding: 26px 0px 0px 35px;}

/* new albums */

.p-new-list {padding: 27px 0px 0px 16px;}
.p-new-list .similar {border-bottom: 1px solid #ddd; padding-bottom: 2px; margin-bottom: 26px;}
.p-new-list .similar:last-child {border: 0px;}

.p-new-sorter {background: #e0e0e0; border-radius: 5px; margin-top: 10px; *zoom: 1; *position: relative; *z-index: 2;}
.p-new-sorter-top {height: 20px;}
.p-new-sorter-years {float: left; padding: 19px 0px 0px 18px;}
.p-new-sorter-years .p-artist-sorter-popup {*background: #fff;}
.p-new-sorter-years li {float: left; position: relative; margin-right: 16px;}
.p-new-sorter-years li > a, .p-new-sorter-years li > span {display: block; width: 44px; height: 20px; line-height: 20px; color: #010101; text-align: center; font-weight: bold; font-size: 15px;}
.p-new-sorter-years li > a:hover {color: #09c;}
.p-new-sorter-years li:hover .p-artist-sorter-popup {display: block;}
.p-new-sorter-years li.active > a, .p-new-sorter-years li.active > span {color: #fff; background: #262626 url(/images/new-sorter.png) -41px 0px;}
.p-new-sorter-months {float: right; padding: 19px 16px 0px 0px;}
.p-new-sorter-months li {float: left; width: 41px; height: 20px; text-transform: uppercase; margin-left: 8px;}
.p-new-sorter-months li.active {background: #262626 url(/images/new-sorter.png);}
.p-new-sorter-months li.active a, .p-new-sorter-months li.active span {color: #fff;}
.p-new-sorter-months a, .p-new-sorter-months li > span {display: block; height: 100%; line-height: 20px; color: #010101; text-align: center; font-weight: bold; font-size: 14px;}
.p-new-sorter-months a:hover {color: #09c;}
.p-new-sorter-dates {overflow: hidden; zoom: 1; padding: 12px 0px 12px 14px; clear: both; *padding-top: 30px;}
.p-new-sorter-dates li {float: left; font-size: 18px; color: #818181; height: 24px; line-height: 24px; padding: 0px 7px;}
.p-new-sorter-dates li:nth-child(3n-1) {margin-right: -1px;}
.p-new-sorter-dates li.active a, .p-new-sorter-dates li.active b {color: #fff; background: #262626 url(/images/new-sorter.png) 0px -20px;}
.p-new-sorter-dates li.active a span, .p-new-sorter-dates li.active b span {background: url(/images/new-sorter.png) 100% 100%;}
.p-new-sorter-dates a {display: block; height: 100%; margin: 0px -7px; line-height: 24px;}
.p-new-sorter-dates b {display: block; height: 100%; margin: 0px -7px; line-height: 24px; font-weight: normal;}
.p-new-sorter-dates span {display: block; height: 100%; height: 24px; line-height: 24px; padding: 0px 7px;}
.p-new-sorter .p-artist-sorter-popup {top: -2px; left: -3px; z-index: 2;}
.p-new-sorter .p-artist-sorter-popup li {margin: 0px; float: none; padding: 0px 0px 4px 0px;}
.p-new-sorter .p-artist-sorter-popup li:first-child {padding-bottom: 11px;}
.p-new-sorter .p-artist-sorter-popup ul {padding: 2px 10px 2px 3px; background: #fff url(/images/new-darr.png) no-repeat 46px 9px;}

/* tags */

.p-tags-list {text-align: center; padding: 11px 0px 27px 0px;}
.p-tags-list a {color: #666;}
.p-tags-list a:hover {color: #09c;}
.p-tags-list li {display: inline-block; *display: inline; zoom: 1; vertical-align: baseline; padding: 7px 3px;}
.p-tags-list .t24 {font-size: 24px;}
.p-tags-list .t36 {font-size: 36px;}
.p-tags-list .t48 {font-size: 48px;}
.p-tags-list .t60 {font-size: 60px;}

/* refill */

.p-refill-methods {overflow: hidden; zoom: 1; padding: 25px 0px 15px 0px;}
.p-refill-methods a {display: block; padding-top: 201px;}
.p-refill-methods li {float: left; width: 220px; margin-left: 20px; background-image: url(/images/refill.png); background-repeat: no-repeat; font-size: 12px; text-align: center;}
.p-refill-methods li.card {background-position: 0px 0px;}
.p-refill-methods li.paypal {background-position: -220px 0px;}
.p-refill-methods li.code {background-position: -440px 0px;}
.p-refill-methods li.gift {background-position: -660px 0px;}
.p-refill-methods li.bitcoin {background-position: -880px 0px;}

/* 404, 500 */

.p-404 {background: #202020; width: 100%; height: 100%; min-width: 940px;}
.p-404 dl {position: absolute; width: 380px; padding: 18px 0px 0px 560px; height: 183px; top: 50%; left: 50%; margin: -100px 0px 0px -470px; background: url(https://payplay.fm/images/404.png) no-repeat 80px 0px;}
.p-404 dl.p500 {background: url(https://payplay.fm/images/500.png) no-repeat 80px 0px;}
.p-404 dt {color: #fff; font-size: 30px; font-weight: bold; padding-bottom: 12px;}
.p-404 dd {color: #999; font-size: 12px; line-height: 18px;}
.p-404 a {color: #09c;}
.p-404 a:hover {color: #ccc;}

/* empty cart */

.p-empty {text-align: center; padding: 66px 0px 166px 0px;}
.p-empty h1 {width: auto; float: none; padding-bottom: 22px;}
.p-empty p {line-height: 15px; padding-bottom: 26px;}

/* help */

.p-help-list {padding: 50px 0px; display: none;}
.p-help-list a {color: #09c;}
.p-help-list a:hover {color: #000;}
.p-help-list dl {padding: 0px 180px 20px 20px; background: url(/images/help-closed.png) no-repeat 4px 6px;}
.p-help-list dt {font-size: 15px; line-height: 18px; padding-right: 100px;}
.p-help-list dd {display: none;}
.p-help-list p {font-size: 15px; line-height: 20px; padding-bottom: 18px;}
.p-help-list .arr {display: block; position: absolute; width: 16px; height: 8px; top: -8px; left: 24px; background: url(/images/help-arr.png);}
.p-help-list .active {background-image: url(/images/help-opened.png);}
.p-help-list .active dd {display: block; background: #edf1ba; margin-top: 16px; padding: 18px 20px 0px 20px; position: relative; border-radius: 5px;}


/* EXT */
#signin {margin-top: -120px; display: block;}
#signin .hidden, #signup .hidden, #login .hidden, #forgotpass .hidden, .p-artist-header-text .hidden, .xhidden {display: none;}

.p-account-error {display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 13px; padding: 6px 0px 20px 35px;}
.p-account-error-last {display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 13px; padding: 6px 0px 0px 35px;}

.p-account-editable input[type="checkbox"] {margin-top: 6px;}

.title.tabbed i {font-style: normal;}
.title.tabbed i.active {color: #b2b2b2; border-bottom: 1px dotted #b2b2b2; cursor: pointer;}
.title.tabbed i.active:hover {border-bottom-color: #f8f8f8;}

/* LOGOS */
/*
.header-logo {width: 183px; height: 85px; background: url(/images/lp-ny/ny12-logo.png); margin: 12px 0px 0px 17px;}
*/