/* RESET */
header, footer, aside, nav, article { display: block; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* generics */
a, a:link { color:#2991FF;  text-decoration:none; outline:none; }
a:hover { text-decoration:underline; }

a img {border: none;}
strong, th, thead td, h1, h2, h3, h4, h5, h6, dt {
font-weight:bold;
}

/* DESKTOP --------------------------------------------*/
@media only screen and (min-width: 900px) {

    .clear, .clearer {
        clear: both;
        width: 1px;
        height: 1px;
    }

    body {
        font: 11px/15px Arial, Verdana, sans-serif;
        margin: 0;
        padding: 0;
        min-width: 1000px; /* Don't work in IE */
        background: #fff;
    }


    /* LAYOUT */
    #page {
        position: relative;
    }

    #mainContainer {
        min-height: 100%;
        margin: 0 auto;
        width: 1000px;
        position: relative;
    }

    #section {
        margin-top: 20px;
    }

    #section-wrap {
        margin: 20px auto;
        background: transparent url(img/section_bg.png) 0 0 repeat-y;
    }

    #content {
        float: right;
        width: 800px;
        position: relative; /*** IE needs this  ***/
    }

    #content.full {
        float: none;
        width: 1000px;
        position: relative; /*** IE needs this  ***/
    }

    #content.left {
        float: left;
        width: 800px;
        position: relative; /*** IE needs this  ***/
    }

    #content-wrap {
        margin-left: 10px;
    }

    #content.full #content-wrap {
        margin-left: 0px;
    }

    #content.left #content-wrap {
        margin-left: 0px;
        margin-right: 10px;
    }


    #left {
        float: left;
        width: 200px;
        position: relative; /*** IE needs this  ***/
        background: #fff;
    }

    #right {
        float: right;
        width: 200px;
        position: relative; /*** IE needs this  ***/
        background: #fff;
    }

    /* HEADER
    ---------------------------*/
    #header {
        height: 150px;
        background: transparent url(img/bg_header.png) left top no-repeat;
        position: relative;
        z-index: 20;
    }

    #logo {
        position: absolute;
        top: 0px;
        left: 20px;
        width: 190px;
        height: 125px;
    }

    #logo a {
        display: block;
        width: 190px;
        height: 125px;
    }

    #logo a span {
        display: none;
    }

    #menu {
        left: 190px;
        position: absolute;
        top: 56px;
    }

    #menu li {
        display: block;
        float: left;
        margin-left: 8px;
        padding: 8px 4px 0 4px;
    }

    .en #menu li {
        margin-left: 19px;
    }

    #bt-menu, #mobile-menu-special {
        display: none;
    }

    #menu a {
        font-weight: bold;
        color: #d2d2d2;
        border-bottom: 2px solid #474747;
        padding: 0 1px 2px 1px;
        font-size: 13px;
        display: block;
    }

    #menu .activ a {
        color: #fff;
    }

    #menu a:hover {
        border-bottom: 2px solid #fff;
        text-shadow: 0 0 8px #d2d2d2;
        text-decoration: none;
    }

    #quick-search {
        position: absolute;
        top: 60px;
        right: 15px;
    }

    #quick-search-wrapper {
        width: 280px;
        height: 25px;
        background: transparent url(img/bg_input_search.png) left top no-repeat;
    }

    #search-button {
        display: inline-block;
        cursor: pointer;
        margin: 0;
        outline: medium none;
        padding: 0;
        background: transparent url(img/bt_search.png) 0 0 no-repeat;
        height: 26px;
        width: 41px;
        float: right;
    }

    #search-button:hover {
        background-position: 0 -25px;
    }

    #search-button span {
        display: none;
    }

    #quick-search-input {
        width: 223px;
        height: 19px;
        background: transparent;
        border: 1px solid transparent;
        font-size: 11px;
        margin: 2px 0 0 7px;
        padding: 0;
        color: #7F7F7F;
        display: inline-block;
        float: left;
    }

    #cart-box {
        position: absolute;
        top: 115px;
        right: 24px;
    }

    #cart-summary {
        display: inline-block;
        background: transparent url(img/icon_cart_bluebg.png) left center no-repeat;
        height: 24px;
        padding-left: 27px;
        color: #005b9b;
        font-size: 11px;
        line-height: 28px;
    }

    #cart-summary-separator {
        color: #fff;
        font-size: 15px;
        line-height: 12px;
    }


    #user-account {
        position: absolute;
        top: 10px;
        right: 50px;
        z-index: 30;
    }

    #account-summary-wrapper {
        color: #fff;
        position: relative;
        width: 297px;
    }

    #account-summary-header {
        width: 297px;
        height: 35px;
        position: relative;
    }

    #account-summary-header-inner {
        background: transparent url(img/login/icon_login_mini.png) 0 0 no-repeat;
        line-height: 25px;
        padding-left: 20px;
        position: absolute;
        right: 7px;
        top: 7px;
    }

    #account-summary-header-inner a:hover {
        text-shadow: 0 0 8px #ffffff;
    }

    .activ#account-summary-wrapper #account-summary-header {
        background: transparent url(img/login/bg_top_login_box.png) 0 0 no-repeat;
    }

    #account-summary-content, #account-summary-footer {
        display: none;
    }


    .activ#account-summary-wrapper #account-summary-content,
    .activ#account-summary-wrapper #account-summary-footer {
        display: block;
    }

    #account-summary-content {
        width: 297px;
        background: transparent url(img/login/bg_login_box.png) 0 0 repeat-y;
        padding-bottom: 5px;
    }

    #account-summary-footer {
        width: 297px;
        height: 5px;
        background: transparent url(img/login/bg_bottom_login_box.png) 0 0 repeat-y;
    }


    #account-summary-wrapper a {
        color: #fff;
        font-weight: bold;
        font-size: 11px;
    }

    #account-summary-wrapper #account-summary-header a {
        font-weight: bold;
        font-size: 11px;
    }

    .account-quick-link {
        float: left;
        width: 135px;
        padding: 0 0 0 10px;
        margin: 0;
    }

    .account-quick-link li {
        padding: 5px 0;
    }

    #account-summary-wrapper .account-quick-link a {
        display: block;
        font-size: 10px;
        font-weight: bold;
        height: 16px;
        line-height: 16px;
        padding: 0 0 0 18px;
        background: transparent url(img/icon_account.png) 0 0 no-repeat;
    }

    #account-summary-content li a:hover {
        text-shadow: 0 0 8px #ffffff;
    }

    #quick-info {
        background-position: 0 0;
    }

    #account-summary-wrapper .account-quick-link #quick-order {
        background-position: 0 -16px;
    }

    #account-summary-wrapper .account-quick-link #quick-preorder {
        background-position: 0 -129px;
    }

    #account-summary-wrapper .account-quick-link #quick-reorder {
        background-position: 0 -113px;
    }

    #account-summary-wrapper .account-quick-link #quick-soldout {
        background-position: 0 -145px;
    }

    #account-summary-wrapper .account-quick-link #quick-sales {
        background-position: 0 -81px;
    }

    #account-summary-wrapper .account-quick-link #quick-return {
        background-position: 0 -97px;
    }

    #account-summary-wrapper .account-quick-link #quick-credit {
        background-position: 0 -33px;
    }

    #account-summary-wrapper .account-quick-link #quick-loyalty {
        background-position: 0 -49px;
    }

    #account-summary-wrapper .account-quick-link #quick-alert {
        background-position: 0 -65px;
    }


    #account-quick-link-part-1 {
        border-right: 1px solid #000;
    }

    #account-quick-link-part-2 {
        border-left: 1px solid #323232;
    }

    #loginForm {
        height: 60px;
    }

    #loginForm input {
        height: 19px;
        border: 1px solid #d3d3d3;
    }

    #loginForm #email-label {
        position: absolute;
        top: 43px;
        left: 8px;
    }

    #loginForm #email-element {
        position: absolute;
        top: 60px;
        left: 8px;
    }

    #loginForm #email-element input {
        width: 135px;
    }

    #loginForm #password-label {
        position: absolute;
        top: 43px;
        left: 150px;
    }

    #loginForm #password-element {
        position: absolute;
        top: 60px;
        left: 150px;
    }

    #loginForm #password-element input {
        width: 72px;
    }


    #loginForm #loginsubmit-element {
        left: 226px;
        position: absolute;
        top: 59px;
    }

    #loginsubmit.tb-button {
        padding: 2px 0px;
    }

    #mobile-user-menu {
        display: none;
    }

    #account-summary-content hr {
        height: 2px;
        background: transparent url(img/login/bg_separator_login.png) 0 0 repeat-x;
        margin: 5px 8px;
        border: none;
    }

    #account-summary-content p {
        padding: 2px 10px;
    }

    #summary-password-forgotten a {
        background: transparent url(img/login/icon_forgot_pswd_mini.png) 0 0 no-repeat;
        padding-left: 21px;
    }

    #summary-create-account a {
        background: transparent url(img/login/icon_create_account_mini.png) 0 0 no-repeat;
        padding-left: 21px;
    }

    #account-summary-content p a:hover {
        text-decoration: underline;
        text-shadow: 0 0 8px #ffffff;
    }


    #language-selector {
        position: absolute;
        top: 25px;
        right: 8px;
    }

    .current-language {
        display: block;
        float: left;
        height: 11px;
        margin: 0;
        width: 16px;
        background: transparent url(img/flag.png) 0 0 no-repeat;
    }

    #language-switch {
        display: block;
        float: left;
        height: 11px;
        margin: 0;
        width: 16px;
        background: transparent url(img/bottom_arrow.png) center center no-repeat;
    }

    .current-language.fr {
        background-position: 0 -12px;
    }

    #languages {
        position: absolute;
        top: 38px;
        right: 12px;
        width: 85px;
        background: #0B0B0B;
        -moz-border-radius: 0 0 5px 5px;
        z-index: 20;
    }

    .lang {
        padding: 8px 4px;
        margin: 0 3px;
        border-top: 1px solid #333;
    }

    .language-link {
        display: block;
        color: #fff;
        padding: 0px 0 0px 20px;
        height: 11px;
        background: transparent url(img/flag.png) 0 0 no-repeat;
        line-height: 11px;
    }

    .language-link.fr {
        background-position: 0 -12px;
    }


    #catalog-submenu {
        position: absolute;
        top: 28px;
        left: 41px;
        width: 733px;
        background: transparent url(img/submenu_bottom.png) right bottom no-repeat;
        padding-bottom: 16px;
        z-index: 500;

    }


    #new-feature-playlist {
        position: absolute;
        top: 48px;
        left: 670px;
        width: 31px;
        height: 33px;
        background: transparent url(img/new_tag.png) 0 0 no-repeat;
    }

    .en #new-feature-playlist {
        left: 637px;
    }

    #new-feature-playlist span {
        display: none;
    }


    /* CATALOG - SUBMENU */
    #catalog-submenu-inner {
        background: #5C5C5C;
        padding: 10px;
    }

    #catalog-submenu a {
        color: #D2D2D2;
        font-weight: bold;
        border: none;
    }

    #catalog-submenu a:hover {
        color: #fff;
        border-bottom: 1px solid #fff;
        text-shadow: none;
        text-decoration: none;
    }

    #catalog-submenu li {
        line-height: 15px;
        padding: 1px 1px 1px 4px;
        float: none;
    }

    #catalog-submenu-styles {
        float: left;
        margin-right: 10px;
    }

    #styles-part1, #styles-part2 {
        float: left;
        padding: 0 3px;
        margin: 3px 0;
    }

    #styles-part1 {
        border-right: 1px solid #ccc;
    }

    #catalog-submenu-special {
        float: left;
        margin-right: 10px;
    }

    #catalog-submenu-hot {
        float: left;
    }

    .catalog-submenu-head {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #3D3D3D;
        color: #FFFFFF;
        font-weight: bold;
        height: 20px;
        line-height: 20px;
        padding: 0 4px;
    }

    #catalog-dropdown.open {
        background: #5c5c5c;
        height: 20px;
    }

    #catalog-dropdown.open a {
        color: #fff;
    }

    .submenu-arrow {
        display: inline-block;
        width: 15px;
        height: 9px;
        background: transparent url(img/submenu_arrow.png) 0 0 no-repeat;
    }

    .open .submenu-arrow {
        background-position: 0 -11px;
    }


    /* FOOTER
    ---------------------------*/
    #footer {
        background: transparent url(img/bg_body_footer.jpg) left bottom repeat-x;
        height: 450px;
    }

    #footer-content {
        background: transparent url(img/bg_footer.jpg) left bottom repeat-x;
        width: 1000px;
        margin: 0 auto;
        color: #fff;
        height: 450px;
    }

    #footer-inner {
        position: relative;
        color: #898787;
        padding: 0 10px;
        height: 448px;
        width: 980px;
    }

    #footer-infos-copyright {
        border-top: 1px solid #898787;
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 980px;
    }

    #footer-infos-links {
        height: 305px;
        border-left: 1px solid #898787;
        position: absolute;
        left: 660px;
        top: 95px;
        padding-left: 15px;
    }

    #footer-inner a {
        font-weight: bold;
        color: #898787;
    }

    #footer-inner a:hover {
        text-decoration: underline;
    }

    #footer-categories-links {
        height: 305px;
        border-left: 1px solid #898787;
        position: absolute;
        left: 330px;
        top: 95px;
        padding-left: 15px;
    }


    #footer-promo-links {
        height: 305px;
        position: absolute;
        left: 10px;
        top: 95px;
    }

    #footer-promo-links a:hover {
        text-decoration: none;
    }

    #footer-rss a {
        display: block;
        height: 60px;
        background: transparent url(img/stick_rss.png) 0 0 no-repeat;
        font-weight: bold;
        padding-left: 63px;
        width: 240px;
        padding-top: 5px;
    }

    .promo-strong {
        font-weight: bold;
        font-size: 14px;
        color: #ff9900;
        letter-spacing: -1px;
    }

    #footer-playlist a {
        display: block;
        height: 60px;
        background: transparent url(img/stick_playlist.png) 0 0 no-repeat;
        font-weight: bold;
        padding-left: 63px;
        width: 240px;
        margin-top: 10px;
        padding-top: 5px;
    }

    #footer-fb a {
        display: block;
        height: 60px;
        background: transparent url(img/stick_fb.png) 0 0 no-repeat;
        font-weight: bold;
        padding-left: 63px;
        width: 240px;
        margin-top: 10px;
        padding-top: 5px;
    }

    #footer-twitter a {
        display: block;
        height: 60px;
        background: transparent url(img/stick_twitter.png) 0 0 no-repeat;
        font-weight: bold;
        padding-left: 63px;
        width: 240px;
        margin-top: 10px;
        padding-top: 5px;
    }

    /* AUTO - PROMO */
    .auto-promo-box {
        width: 190px;
        height: 85px;
        margin: 10px 0 0px 7px;
    }

    .auto-promo-box a {
        display: block;
        width: 190px;
        height: 85px;
    }

    .auto-promo-box a span {
        display: none;
    }

    .auto-promo-box p {
        display: none;
    }

    .en #playlist-promo {
        background: transparent url(img/playlists_en.png) 0 0 no-repeat;
    }

    .fr #playlist-promo {
        background: transparent url(img/playlists_fr.png) 0 0 no-repeat;
    }

    .en #free-shipping {
        background: transparent url(img/free_shipping_fr.png) 0 0 no-repeat;
    }

    .fr #free-shipping {
        background: transparent url(img/free_shipping_fr.png) 0 0 no-repeat;
    }

    .en #secure-payment {
        background: transparent url(img/secure_payment_en.png) 0 0 no-repeat;
    }

    .fr #secure-payment {
        background: transparent url(img/secure_payment_fr.png) 0 0 no-repeat;
    }

    #worldwide-shipping {
        margin-bottom: 10px;
    }

    .en #worldwide-shipping {
        background: transparent url(img/shipping_en.png) 0 0 no-repeat;
    }

    .fr #worldwide-shipping {
        background: transparent url(img/shipping_fr.png) 0 0 no-repeat;
    }


    /* PRODUCT TIP */
    .tipContent {
        position: relative;
    }

    .tipContent img {
        width: 77px;
        height: 77px;
        border: 1px solid #363636;
        float: left;
    }

    .tipRight {
        float: left;
        height: 81px;
    }

    .tipContent ul {
        font-size: 10px;
        line-height: 12px;
        margin-left: 4px;
        width: 91px;
        height: 59px;
        border-bottom: 1px solid #5e5d5d;
    }

    .tipContent ul li {
        padding-left: 4px;
        background: transparent url(img/bullet_micro.png) left 3px no-repeat;
    }

    .mini-cart {
        position: absolute;
        top: 60px;
        right: 2px;
        height: 17px;
        width: 91px;
        color: #fff;
        border-top: 1px solid #969595;
        padding-top: 3px;
        height: 18px;
    }

    .mini-cart span {
        display: inline-block;
        font-size: 11px;
        font-weight: bold;
        color: #661212;
        height: 17px;
        vertical-align: top;
        width: 39px;
    }

    .mini-cart input {
        border: 1px solid #4b4b4b;
        width: 17px;
        height: 15px;
        font-size: 10px;
    }

    .mini-cart-button {
        display: block;
        width: 31px;
        height: 17px;
        background: transparent url(img/bt_mini_cart.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .mini-cart .mini-cart-button {
        float: right;
    }

    .mini-cart-button:hover {
        background: transparent url(img/bt_mini_cart.png) -36px 0 no-repeat;
    }

    .mini-cart-button.success {
        background: transparent url(img/bt_mini_cart.png) -72px 0 no-repeat;
    }

    .mini-cart-button.loading {
        background: transparent url(img/mini_cart_loading.gif) 0 0 no-repeat;
    }

    .mini-cart-button.reorder-button {
        background-position: 0 -18px;
    }

    .mini-cart-button.reorder-button:hover {
        background-position: -36px -18px;
    }

    .mini-cart-button.reorder-button.success {
        background-position: -72px -18px;
    }

    .mini-cart-button.reorder-button.loading {
        background: transparent url(img/mini_cart_loading.gif) 0 0 no-repeat;
    }

    .mini-cart-button.preorder-button {
        background-position: 0 -36px;
    }

    .mini-cart-button.preorder-button:hover {
        background-position: -36px -36px;
    }

    .mini-cart-button.preorder-button.success {
        background-position: -72px -18px;
    }

    .mini-cart-button.preorder-button.loading {
        background: transparent url(img/mini_cart_loading.gif) 0 0 no-repeat;
    }

    .mini-cart-button.alert-button {
        background-position: 0 -54px;
    }

    .mini-cart-button.alert-button:hover {
        background-position: -36px -54px;
    }

    .mini-cart-button.alert-button.success {
        background-position: -72px -18px;
    }

    .mini-cart-button.alert-button.loading {
        background: transparent url(img/mini_cart_loading.gif) 0 0 no-repeat;
    }

    .mini-player {
        clear: both;
        padding-top: 3px;
    }


    /* PAGINATOR */
    .loader {
        background: transparent url(img/loader.gif) left center no-repeat;
        padding-left: 20px;
        line-height: 22px;
        height: 22px;
    }

    .paginationControl a, .paginationControl span {
        display: inline-block;
        width: 22px;
        height: 22px;
        background: #e8e8e8;
        color: #555454;
        margin: 0 0 0 1px;
        line-height: 22px;
        text-align: center;
        font-size: 10px;
    }

    .paginationControl a.control, .paginationControl span.control {
        width: 60px;
        height: 22px;
    }


    .pagination-counter {
        float: left;
        background: #e8e8e8;
    }

    .pagination-counter span {
        color: #555454;
        font-size: 10px;
        padding: 2px 6px;
        line-height: 22px;
    }

    .paginationControl span.current {
        background: #C4C4C4;
        color: #FFFFFF;
    }

    .paginator-wrap {
        height: 22px;
        margin-top: 4px;
        margin-bottom: 15px;
        background: #f8f8f8;
        position: relative;
        margin-left: 5px;
    }

    #paginatorBottom.paginator-wrap {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .paginationControl {
        position: absolute;
        top: 0;
        left: 115px;
    }


    /* PRODUCT GENERICS */
    .product-tag {
        position: absolute;
        right: 0;
        top: 15px;
        background: transparent url(img/status_tag.png) right 0 no-repeat;
        height: 22px;
    }

    .product-tag.tag-collector {
        width: 62px;
    }

    .product-tag.tag-news {
        width: 33px;
        background-position: right -23px;
    }

    .product-tag.tag-restock {
        width: 53px;
        background-position: right -46px;
    }

    .product-tag.tag-secondhand {
        width: 74px;
        background-position: right -69px;
    }


    .product-thumb.medium {
        border: 1px solid #E0E0E0;
    }

    .product-thumb.small {
        width: 80px;
        height: 80px;
        background: url(img/bg_small_pic.png) no-repeat scroll 0 0 transparent;
        border: 0 none;
        margin: 0;
        padding: 11px;
    }

    .vatTag {
        font-size: 8px;
        vertical-align: 1px;
    }

    .product-rating .rating-bombs {
        display: inline-block;
        height: 15px;
        background: transparent url(img/rating.png) left center no-repeat;
    }

    .product-rating.value-0 .rating-bombs {
        width: 0px;
    }

    .product-rating.value-1 .rating-bombs {
        width: 15px;
    }

    .product-rating.value-2 .rating-bombs {
        width: 30px;
    }

    .product-rating.value-3 .rating-bombs {
        width: 45px;
    }

    .product-rating.value-4 .rating-bombs {
        width: 60px;
    }

    .product-rating.value-5 .rating-bombs {
        width: 75px;
    }


    .cart-button {
        display: inline-block;
        background: transparent url(img/cart_icons.png) 0 0 no-repeat;
        width: 107px;
        height: 27px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 3px;
        border-radius: 3px 3px 3px 3px;
        outline: none;
        font: bold 10px helvetica, verdana, arial, sans-serif;
        text-align: left;
    }

    .en .cart-button {
        font-size: 12px;
    }

    .cart-button.large {
        width: 134px;
        font-size: 13px;
    }

    .cart-button span {
        line-height: 26px;
        padding-left: 29px;
        color: #4F4F4F;
    }

    .en .cart-button span {
        padding-left: 33px;
    }

    .cart-button.large span {
        padding-left: 30px;
    }

    .en .cart-button.large span {
        padding-left: 35px;
    }

    .cart-button:hover {
        text-decoration: none;
    }

    .cart-button.add-cart-button {
        background-position: 0 0;
        background-color: #bbd652;
    }

    .cart-button.add-cart-button:hover {
        background-color: #d0e678;
    }

    .cart-button.reorder-button {
        background-position: 3px -32px;
        background-color: #c5ccac;
    }

    .cart-button.reorder-button:hover {
        background-position: 3px -32px;
        background-color: #dadfc5;
    }

    .cart-button.preorder-button {
        background-position: 0 -64px;
        background-color: #fdaa2d;
    }

    .cart-button.preorder-button:hover {
        background-position: 0 -64px;
        background-color: #ffc772;
    }

    .cart-button.alert-button {
        width: 127px;
        background-position: 3px -96px;
        background-color: #cecece;
    }

    .cart-button.alert-button:hover {
        background-position: 3px -96px;
        background-color: #ddd;
    }


    .cart-button.loading, .cart-button.loading:hover {
        background: #45711c url(img/add_cart_anim.gif) 0 0 no-repeat;
    }

    .cart-button.success, .cart-button.success:hover {
        background-position: 0 -127px;
        background-color: #45711c;
    }


    /* SIDEBAR */
    .sidebar-title {
        width: 200px;
        height: 27px;
        background: transparent url(img/bg_side_header.png) left top no-repeat;
        line-height: 27px;
        color: white;
        font-weight: bold;
        text-indent: 15px;
    }

    .sidebar-title span {
        line-height: 32px;
        color: white;
        font-weight: bold;
        text-indent: 17px;
        font-size: 13px;
    }

    .sidebar-content {
        background: #f2f2f2;
        width: 190px;
        margin-left: 7px;
        color: #898989;
        font-size: 12px;
        padding-bottom: 15px;
    }

    .sidebar-title#current-category {
        position: relative;
        height: 108px;
        line-height: 25px;
        background: none;
        text-indent: 10px;
    }

    #current-category .category-name {
        color: #5a3203;
        font-size: 12px;
        line-height: 45px;
        padding-left: 20px;
        text-indent: 0;
    }

    a.current-category-link {
        color: #5a3203;
    }

    a.current-category-link:hover {
        text-decoration: underline;
    }

    #category-select-button {
        position: absolute;
        left: 8px;
        top: 13px;
        width: 17px;
        height: 17px;
        background: transparent url(img/bt_categories_select.png) 0 0 no-repeat;
        cursor: pointer;
    }

    #category-select-button.hover {
        background-position: 0 -18px;
    }

    #category-select-button.activ {
        background-position: 0 -36px;
    }

    #category-select-button.activ.hover {
        background-position: 0 -54px;
    }


    /* LOGIN ACTION */
    #signin-loader {
        background: url("img/big_loading.gif") no-repeat scroll center center #202020;
        height: 127px;
        left: 2px;
        position: absolute;
        top: 32px;
        width: 293px;
        opacity: 0.50;
        filter: alpha(opacity:50);
    }

    #signin-error {
        background: #202020;
        height: 127px;
        left: 2px;
        position: absolute;
        top: 32px;
        width: 293px;
        opacity: 0.90;
        filter: alpha(opacity:90);
        color: #ff0000;
        font-weight: bold;
        text-align: center;
    }

    #signin-error p {
        margin-top: 60px;
        font-weight: bold;
        font-size: 13px;
    }


    /* --------- Playlist pop up */
    #playlist-manager {
        width: 313px;
        height: 154px;
        background: transparent url(img/playlist/bg_playlist.png) 0 0 no-repeat;
    }

    #playlist-manager-inner {
        position: relative;
    }

    #playlist-title {
        position: absolute;
        top: 7px;
        left: 35px;
        color: #fff;
    }

    #playlist-create-wrapper {
        position: absolute;
        top: 30px;
        left: 10px;
        height: 21px;
    }

    #new-playlist-bt {
        display: block;
        width: 283px;
        height: 21px;
        line-height: 21px;
        background: transparent url(img/playlist/bt_create_playlist.png) 0 0 no-repeat;
        text-indent: 26px;
        color: #474747;
    }

    #new-playlist-bt:hover {
        background-position: 0 -22px;
    }

    #new-playlist-form {
        width: 283px;
        height: 21px;
        background: transparent url(img/playlist/bt_create_playlist.png) 0 0 no-repeat;
        color: #474747;
    }

    #new-playlist-name {
        height: 14px;
        border: 1px solid #c3c1c1;
        margin: 0 0 0 26px;
        width: 160px;
        vertical-align: 1px;
    }

    #create-playlist-button {
        width: 25px;
        height: 16px;
        background: transparent url(img/playlist/bt_mini_ok.png) 0 0 no-repeat;
        text-indent: -50000px;
        border: none;
        margin-top: 3px;
        cursor: pointer;
    }

    #create-playlist-button:hover {
        background-position: -27px 0;
    }

    #create-playlist-back-button {
        width: 25px;
        height: 16px;
        background: transparent url(img/playlist/bt_mini_back.png) 0 0 no-repeat;
        text-indent: -50000px;
        border: none;
        margin-top: 3px;
        cursor: pointer;
    }

    #create-playlist-back-button:hover {
        background-position: -27px 0;
    }


    #user-playlists {
        position: absolute;
        top: 55px;
        left: 10px;
        height: 95px;
        overflow: auto;
        background: #fff;
        width: 283px;
    }

    #user-playlists a {
        display: block;
        color: #474747;
        padding: 1px 2px;
    }

    #user-playlists a:hover {
        background: #e7f9ff;
    }

    #playlist-signin-required {
        position: absolute;
        top: 45px;
        left: 10px;
        font-weight: bold;
        text-align: center;
        width: 270px;
        background: transparent url(img/icon_secure2_small.png) 0 0 no-repeat;
    }

    #playlist-signin-action {
        position: absolute;
        top: 85px;
        left: 10px;
    }


    /* Product track list */
    .track {
        height: 15px;
        width: 280px;
    }

    .track-button {
        float: left;
        margin-left: 5px;
        background: transparent url(img/bt_play_audio.png) 0 0 no-repeat;
        line-height: 15px;
        height: 15px;
        width: 22px;
    }

    .title-player-wrapper {
        float: left;
        width: 230px;
        height: 15px;
        position: relative;
    }

    .play {
        cursor: pointer;
    }

    .track-title {
        font-size: 11px;
        line-height: 15px;
    }

    .track.activ .track-title {
        font-size: 9px;
        line-height: 9px;
    }

    .player-wrapper {
        display: none;
        height: 6px;
    }

    .track.activ .player-wrapper {
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        height: 6px;
    }

    .track.hover .track-button {
        background-position: 0 -17px;
    }

    .track.activ .track-button {
        background: transparent url(img/bt_play_audio_activ.gif) 0 0 no-repeat;
    }

    .track.activ.hover .track-button {
        background: transparent url(img/bt_play_audio.png) 0 -34px no-repeat;
    }

    .bouton-add-playlist {
        width: 16px;
        height: 15px;
        float: left;
        margin-left: 5px;
        background: transparent url(img/bt_add_playlist.png) 0 0 no-repeat;
        cursor: pointer;
    }

    .bouton-add-playlist.add-all-tracks {
        width: 280px;
        padding-left: 20px;
        background-position: 0 -18px;
        font-weight: bold;
        color: #888888;
    }

    .bouton-add-playlist:hover {
        background-position: 0 -18px;
        text-decoration: none;
    }

    .bouton-add-playlist.open {
        background-position: 0 -36px;
    }

    .bouton-add-playlist span {
        display: none;
    }

    .player_scrubber {
        width: 300px;
        position: relative;
        height: 7px;
        background: #d5d5d5;
        cursor: pointer;
        margin-top: 7px;
    }

    .product-cell-thumb .player_scrubber {
        width: 200px;
    }


    .player_scrubber_progress {
        position: absolute;
        height: 7px;
        background: #ff9900;
    }


    /* CHARTS */
    .product-bestseller-element span {
        display: block;
        float: left;
    }

    .product-bestseller-element {
        clear: both;
        border-bottom: 1px solid #E7E7E7;
        border-top: 1px solid #FFFFFF;
        position: relative;
    }

    .product-bestseller-element .rank {
        width: 17px;
        text-align: right;
    }

    .product-bestseller-element a {
        display: block;
        height: 35px;
        padding: 3px 0px;
        text-decoration: none;
        color: #626262;
        font: 11px/1.53846 "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif;
    }

    .product-bestseller-element a:hover {
        background: #9ED7FF;
    }


    .rank-direction {
        background: url("img/position.png") no-repeat scroll right 0 transparent;
        bottom: 7px;
        height: 11px;
        left: 7px;
        position: absolute;
        width: 11px;
    }

    .bestseller-product-name {
        padding-left: 4px;
    }

    .rank-direction.down {
        background-position: right -23px;
    }

    .rank-direction.equal {
        background-position: right -11px;
    }

    .rank-direction.new {
        background-position: right -34px;
    }


    /* SOCIAL LINKS */
    .sc {
        display: inline-block;
        width: 21px;
        height: 21px;
        background: transparent url(img/social.png) 0 0 no-repeat;
    }

    .sc.facebook {
        background-position: 0 0;
    }

    .sc.twitter {
        background-position: 0 -44px;
    }

    .sc.myspace {
        background-position: 0 -22px;
    }

    .sc.facebook:hover {
        background-position: -22px 0;
    }

    .sc.twitter:hover {
        background-position: -22px -44px;
    }

    .sc.myspace:hover {
        background-position: -22px -22px;
    }

    /* BOXES / BLOCKS */
    .lefty {
        float: left;
    }

    .righty {
        float: right;
    }


    .infobox {
        padding: 10px;
        margin: 10px 0 10px 0;
        color: #676767;
        font-size: 12px;
    }

    .infobox.rounded {
        border: 1px solid #ccc;
    }

    .rounded {
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        padding: 10px;
    }

    .rounded-5 {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .rounded-top {
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
    }

    .rounded-bottom {
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
        border-radius: 0 0 10px 10px;
    }


    .help_box {
        margin: 10px 0 30px 0;
        border: 1px solid #ccc;
        cursor: pointer;
        background-color: #f2faff;
    }

    .help_box.infoText {
        border: 2px solid #cc3011;
        cursor: default;
        background-color: #ffad07;
    }

    .help_box.hover {
        background-color: #9ccdef;
    }


    .page-title {
        line-height: 48px;
        color: #BEBEBE;
        font-size: 21px;
        font-family: Arial, sans-serif;
    }

    .embed_input {
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        border: 1px solid #CCCCCC;
        font-size: 10px;
        height: 20px;
        padding: 2px;
    }

    /* BUTTONS */
    .tb-button {
        -moz-user-select: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        background: #DEDEDE;
        border: 1px solid #C4C4C4;
        color: #333333;
        cursor: pointer;
        font: 11px arial, sans-serif;
        outline: medium none;
        padding: 2px 4px;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        font-weight: bold;
    }

    a.tb-button {
        padding: 3px 5px;
    }

    a.tb-button:hover {
        text-decoration: none;
    }


    .tb-button.tb-small {
        padding: 1px;
    }

    .tb-button:hover {
        background: #F7F7F7;
    }


    .tb-button.bt-blue {
        background: #00a7d2;
        border: 1px solid #00a7d2;
        color: #fff;
    }

    .tb-button.bt-blue:hover {
        background: #35d4fd;
    }


    .tb-button.bt-orange {
        background: #FFFAD7;
        border: 1px solid #FFD36F;
        color: #7E7E7E;
    }

    .tb-button.bt-orange:hover {
        background: #FFF095;
    }

    .tb-button.bt-red {
        background: #FF9191;
        border: 1px solid #FF4747;
        color: #fff;
    }

    .tb-button.bt-red:hover {
        background: #FF4747;
    }

    .tb-button.bt-green {
        background: #3bb914;
        border: 1px solid #23b400;
        color: #fff;
    }

    .tb-button.bt-green:hover {
        background: #2b9d08;
    }


    .bt-image {
        border: none;
        cursor: pointer;
        outline: medium none;
        display: inline-block;
    }

    .tb-button.bt-5-10 {
        padding: 5px 10px;
    }


    #playlist-signup {
        margin-left: 20px;
    }


    /* MESSAGES */
    .messages {
        width: 785px;
        padding: 5px 0;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        min-height: 60px;
        margin-bottom: 20px;
    }

    .full .messages {
        width: 1000px;
    }

    .messages p {
        margin-left: 55px;
    }

    .messages.error {
        background: #fffdc6 url(img/icon_message_warning.png) 5px center no-repeat;
    }

    .messages.success {
        background: #f5ffcc url(img/icon_message_success.png) 5px center no-repeat;
    }


    .messages.tip {
        background: #FDFFB0 url(img/tip_bg.png) 30px center no-repeat;
    }

    .tip-info {
        color: #fff;
        font: 11px "Lucida Grande", Lucida, Arial, Verdana, Tahoma, sans-serif;
        padding-top: 5px;
        opacity: 0.80;
        filter: alpha(opacity:80);
    }

    .tip-info.top-blue {
        background: transparent url(img/tip_info_top_blue.png) top right no-repeat;
    }

    .tip-info.top-blue p {
        background: #70c8ff;
        padding: 4px 3px;
    }

    /* CATEGORIES */
    #dynamic-category-list {
        position: absolute;
        top: 58px;
        left: 7px;
        width: 190px;
        background: #DDDBDB;
        z-index: 100;
    }

    #dynamic-category-list ul {
        padding: 10px 7px;
    }

    #dynamic-category-list ul a {
        color: #555454;
        font-size: 12px;
        display: block;
    }

    #dynamic-category-list ul a:hover {
        text-decoration: underline;
    }

    #dynamic-category-list ul li.separator {
        display: block;
        border-top: 1px solid #959492;
        border-bottom: 1px solid #fffffd;
        margin: 5px 0;
    }


    /* TEXT STYLE */
    .subtle {
        color: #777;
        font-family: Georgia, 'Times New Roman', serif;
        font-style: italic;
        font-weight: normal;
    }

    .selected_indicator {

    }


    /* jQuery UI Dialog 1.8.6
     *
     * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
     * Dual licensed under the MIT or GPL Version 2 licenses.
     * http://jquery.org/license
     *
     * http://docs.jquery.com/UI/Dialog#theming
     */
    .ui-helper-hidden {
        display: none;
    }

    .ui-helper-hidden-accessible {
        position: absolute;
        left: -99999999px;
    }

    .ui-helper-reset {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
    }

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

    .ui-helper-clearfix {
        display: inline-block;
    }

    /* required comment for clearfix to work in Opera \*/
    * html .ui-helper-clearfix {
        height: 1%;
    }

    .ui-helper-clearfix {
        display: block;
    }

    .ui-helper-zfix {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute;
        opacity: 0;
        filter: Alpha(Opacity=0);
    }

    .ui-state-disabled {
        cursor: default !important;
    }

    .ui-icon {
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        background-repeat: no-repeat;
    }

    /* Overlays */
    .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


    .ui-dialog {
        position: absolute;
        padding: .2em;
        width: 300px;
        overflow: hidden;
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .5em 1em .3em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .2em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

    .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
        margin: 1px;
    }

    .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
        padding: 0;
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: right;
    }

    .ui-dialog .ui-dialog-buttonpane button {
        margin: .5em .4em .5em 0;
        cursor: pointer;
    }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

    .ui-draggable .ui-dialog-titlebar {
        cursor: move;
    }

    /* Component containers
    ----------------------------------*/
    .ui-widget {
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
        font-size: 1.1em;
    }

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
        font-size: 1em;
    }

    .ui-widget-content {
        border: 1px solid #dddddd;
        background: #eeeeee url(jquery/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
        color: #333333;
    }

    .ui-widget-content a {
        color: #333333;
    }

    .ui-widget-header {
        border: 1px solid #e78f08;
        background: #f6a828 url(jquery/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
        color: #ffffff;
        font-weight: bold;
    }

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
    ----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f6f6f6 url(jquery/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4;
    }

    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
        color: #1c94c4;
        text-decoration: none;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #fbcb09;
        background: #fdf5ce url(jquery/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #c77405;
    }

    .ui-state-hover a, .ui-state-hover a:hover {
        color: #c77405;
        text-decoration: none;
    }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #fbd850;
        background: #ffffff url(jquery/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #eb8f00;
    }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #eb8f00;
        text-decoration: none;
    }

    /*.ui-widget :active { outline: none; }*/
    /* Interaction Cues
    ----------------------------------*/
    /* Icons
    ----------------------------------*/
    /* states and images */
    .ui-icon {
        width: 16px;
        height: 16px;
        background-image: url(jquery/images/ui-icons_222222_256x240.png);
    }

    .ui-widget-header .ui-icon {
        background-image: url(jquery/images/ui-icons_ffffff_256x240.png);
    }

    .ui-icon-close {
        background-position: -80px -128px;
    }

    .ui-icon-closethick {
        background-position: -96px -128px;
    }

    /* Misc visuals
    ----------------------------------*/
    /* Corner radius */
    .ui-corner-all {
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

    /* Overlays */
    .ui-widget-overlay {
        background: #666666 url(jquery/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;
        opacity: .50;
        filter: Alpha(Opacity=50);
    }

    .ui-widget-shadow {
        margin: -5px 0 0 -5px;
        padding: 5px;
        background: #000000 url(jquery/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;
        opacity: .20;
        filter: Alpha(Opacity=20);
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }


    a.category-rss {
        display: block;
        height: 32px;
        position: absolute;
        top: -2px;
        right: 5px;
        background: transparent url(img/feed_spray.png) 0 0 no-repeat;
        padding-left: 32px;
        line-height: 32px;
        color: #FFAB3B;
    }

    .mobil-button-big, .mobil-bt {
        display: none;
    }


    .cart-button-loader {
        display: none;
    }

    .product-list-item .playlist-cell {
        display: none;
    }


    .switch-address-bt {
        display: none;
    }

    #mobile-indicator {
        display: none;
    }

    #menu li#news-menu-mobile {
        display: none;
    }
    #menu li#mobile-menu-special {
        display: none;
    }

    #menu li#mobile-menu-charts {
        display: none;
    }

    .mobile-only {
        display: none !important;
    }
}



#cookie-message {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding:20px;
    background: #333;
    opacity: 80%;
    color: #fff;
    font-size: 16px;
}

#cookie-message-inner {
    text-align: center;
}

#cookie-message-inner p {
    line-height: 20px;
}

#cookie-setting-action {
    display: flex;
    gap:10px;
    justify-content: center;
    margin-top: 5px;
}

.cookie-option-button {
    line-height: 20px;
    padding:4px 10px;
    display: block;
}

#cookie-opt-in {
    background: mediumseagreen;
    color: #fff;
}

#cookie-opt-out {
    background: mediumvioletred;
    color: #fff;
}

.follow-bt {
    display: inline-block;
    text-indent: -9999px;
    background: transparent url(img/alert.png) 0 0 no-repeat;
    width: 15px;
    height: 15px;
    background-size: 13px;
    cursor: pointer;
    margin-left: 10px;
    vertical-align: middle;
}

.follow-bt.medium {
    width: 25px;
    height: 25px;
    background-size: 20px;
}

.product-properties h1 span.follow-bt {
    display: inline-block;
    margin-left: 4px;
}

/* MOBILE --------------------------------------------*/
@media only screen and (max-width: 899px) {

    @import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

    @import url(https://fonts.googleapis.com/css?family=Nobile:400,400italic,700,700italic);

    #mobile-indicator {
        display: block;
    }

    body {
        font-family:  'PT Sans', sans-serif;
        color: #333333;
        font-size: 14px;
        display:flex;
        flex-direction:column;
        min-height:100vh;
    }

    #page, #checkout-page {
        display:flex;
        flex-direction:column;
        min-height:100vh;
    }

    #mainContainer {
        flex:1;
    }

    #header {
        position: fixed;
        text-align: center;
        margin-bottom: 6px;
        height: 58px;
        width: 100%;
        background: #2F2F2F;
        box-sizing: border-box;
        z-index: 11;
    }

    #header:after {
        content: "";
        position: absolute;
        top: 30px;
        left: 0;
        height: 65%;
        width: 100%;
        background: #2F2F2F;
        transform: skewY(-2deg);
        z-index: 11;
    }

    #logo a {
        display: block;
        position: absolute;
        top: 12px;
        left: 53px;
        width: 78px;
        height: 57px;
        z-index: 12;
        background: transparent url(img/mobil/logo.png) 0 0 no-repeat;
        text-indent: -9999px;
        background-size: 75%;
    }

    #logo a span {
        text-indent: -99999px;
        font-size: 1px;
    }

    #bt-menu {
        position: absolute;
        top: 26px;
        left: 16px;
        width: 20px;
        height: 20px;
        background: transparent url(img/mobil/menu_bt.png) 0 0 no-repeat;
        z-index: 12;
    }

    #menu-items {
        display: none;
        position: fixed;
        top: 41px;
        left: 0;
        background: white;
        z-index: 11;
        height: 100%;
        width: 100%;
        padding-top: 40px;
    }

    #menu-items.open {
        display: flex;
        flex-direction: column;
        overflow-x: hidden;
        overflow-y: auto;
        text-align: left;
    }

    #menu-items li a {
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        font-feature-settings: 'hist' on;
        color: #333333;
    }

    #menu-items li  {
        padding:10px;
        border-bottom:1px solid #D9D9D9;
        width: 90%;
    }

    #menu-items li li {
        padding: 5px 20px;
        border-bottom: 0;
        width: 90%;
        background: #F4F4F4;
    }

    #menu-items li li a {
        font-size: 14px;
        line-height: 18px;
    }

    #mobile-search {
        display: none;
        width: 18px;
        height: 18px;
        background: transparent url(img/mobil/search.png) 0 0 no-repeat;
        z-index: 12;
        position: absolute;
        top: 22px;
        left: 242px;
    }

    #user-account {
        display: none;
    }

    #catalog-submenu-special, #catalog-submenu-hot {
        display: none;
    }

    #user-account-bt, #user-account-bt-login {
        width: 35px;
        height: 35px;
        background: transparent url(img/mobil/user.png) center center no-repeat;
        position: absolute;
        top: 13px;
        right: 88px;
        z-index: 12;
    }

    #user-account-bt-login a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #user-account-menu-wrapper {
        display: none;
        position: fixed;
        top: 92px;
        right: 0px;
        background: #fff;
        width: 70%;
        padding-top: 20px;
        min-height: 100%;
    }

    #user-account-menu-wrapper.open {
        display: block;
    }

    .account-menu-item li {
        text-align: right;
        padding: 10px;
        border-bottom: 1px solid #D9D9D9;
        width: 90%;
    }

    .account-menu-item li a {
        font-weight: 700;
        font-size: 16px;
        line-height: 21px;
        text-transform: uppercase;
        font-feature-settings: 'hist' on;
        color: #333333;
    }

    .catalog-submenu-head {
        display: none;
    }


    #section {
        width: 100%;
        padding: 125px 15px 0 15px;
        box-sizing: border-box;
    }

    #footer {
        background: #2F2F2F;
    }

    #footer a {
        color: #fff;
    }

    #footer-categories-links, #footer-promo-links {
        display: none;
    }

    #footer-infos-links {
        padding: 10px;
    }

    #footer-infos-links li {
        padding: 10px 0;
    }

    .clearer {
        display: none;
    }

    .messages {
        border-radius: 7px;
        background: #FFF8B5;
        padding: 10px;
        font-weight: 700;
        font-size: 14px;
        line-height: 16px;
        color: #333333;
        margin-bottom: 20px;
    }

    #freeShippingTip span {
        font-size: 10px !important;
    }

    .messages.error {
        background: #f15555;
        color: #fff;
    }

    #menu-playlist, #menu-agenda {
        display: none;
    }


    #home-playlist-title,
    #dailynews h3,
    #listen-up-title,
    #password-content h2,
    #returning-customer-login h3,
    .signup legend,
    .signin h2,
    .contact h2,
    .infos-title,
    .account-title,
    #products-news h3.section-title,
    .catalogh1 ,
    #collectors h3,
    #same-artist h4,
    #same-label h4,
    h2.page-title,
    #cart-sidebar h6,
    #reminder-wrapper h4,
    #featured-products h3 {
        width: 100%;
        height: 23px;
        background: transparent url(img/mobil/h_backgroud.png) right top no-repeat;
        margin: 20px 0;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
        font-feature-settings: 'hist' on;
        color: #333333;
        text-align: right;
        padding-right: 28px;
        box-sizing: border-box;
        padding-top: 3px;
    }

    .product-list-tb {
        width: 100%;
    }

    .product-list-tb th {
        background: #D9D9D9;
        border-bottom: 1px solid #747373;
    }

    .product-list-tb th.data-price.price-1 {
        width: 60px;
    }

    .product-list-tb td.data-price {
        width: 60px;
    }

    .product-list-tb  td, .product-list-tb th {
        padding:4px;
    }

    .data-action {
        width: 45px;
    }

    .product-list-tb .product-quantity-input {
        width: 20px;
    }

    .product-list-tb tbody tr:nth-child(even) td {
        background: #F0F0F0;
    }

    .product-list-tb tfoot  {
        border-top: 1px solid #adadad;
    }

    .track .title-player-wrapper {
        position: relative;
        width: 85%;
    }

    .track .track-title {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
    }



    .player_scrubber_progress {
        position: absolute;
        height: 7px;
        background: #ff9900;
    }

    .track-button {
        background: transparent url(img/bt_play_audio.png) 0 0 no-repeat;
        line-height: 15px;
        height: 15px;
        width: 22px;
    }

    .player-wrapper {
        display: none;
        height: 6px;
    }

    .track.activ .player-wrapper {
        display: block;
        position: absolute;
        top: 3px;
        left: 0;
        height: 6px;
        width: 100%;
    }

    .track.hover .track-button {
        background-position: 0 -17px;
    }

    .track.activ .track-button {
        background: transparent url(img/bt_play_audio_activ.gif) 0 0 no-repeat;
    }

    .track.activ.hover .track-button {
        background: transparent url(img/bt_play_audio.png) 0 -34px no-repeat;
    }

    .player_scrubber {
        width: 300px;
        position: relative;
        height: 19px;
        background: #d5d5d5;
        cursor: pointer;
        margin-top: -4px;
        opacity: 50%;
    }

    .player_scrubber_progress {
        position: absolute;
        height: 19px;
        background: #ff9900;
    }

    .mobil-button-big {
        width: 100%;
        border-radius: 5px;
        background: #ff9900;
        text-align: center;
        line-height: 30px;
        color: #fff;
        margin:20px 0;
        font-weight: bold;
    }

    .gg-chevron-down {
        box-sizing: border-box;
        position: relative;
        width: 22px;
        height: 22px;
        border: 2px solid transparent;
        border-radius: 100px
    }
    .gg-chevron-down::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid;
        border-right: 2px solid;
        transform: rotate(45deg);
        left: 4px;
        top: 4px;
    }

    .submenu-arrow {
        box-sizing: border-box;
        position: relative;
        width: 22px;
        height: 22px;
        border: 2px solid transparent;
        border-radius: 100px
    }

    .submenu-arrow::after {
        content: "";
        display: block;
        box-sizing: border-box;
        position: absolute;
        width: 10px;
        height: 10px;
        border-bottom: 2px solid;
        border-right: 2px solid;
        transform: rotate(-45deg);
        left: 4px;
        top: 4px;
    }

    .top-level-menu.open .submenu-arrow::after {
        transform: rotate(45deg);
    }

    .menu-txt {
        width: 92%;
        display: inline-block;
    }

    #load-more.loading .load-text {
        display: none;
    }

    #load-more .load-anim {
        display: none;
    }

    #load-more.loading .load-anim {
        display: inline-block;
    }

    .cart-button {
        border-radius: 4px;
        background-size: 85%;
    }

    .cart-button  {
        display: block;
        width: 30px;
        height: 25px;
        border-radius: 4px;
        background-size: 85%;
        background: #bbd652 url(img/cart_icons.png) 0 0 no-repeat;
    }

    .cart-button.loading  {
        background: none;
    }

    .cart-button .cart-button-loader {
        display: none;
        margin-left: 5px;
    }

    .cart-button .cart-button-text {
        display: none;
    }

    .cart-button.loading .cart-button-loader {
        display: inline-block;
    }

    .cart-button.reorder-button  {
        background-color: #ebffa2;
        background-position: 3px -32px;
        text-indent: -9999px;
    }

   .cart-button.preorder-button  {
       background-position: 3px -64px;
       background-color: #fdaa2d;
    }

    .cart-button.alert-button  {
        background-position: 3px -96px;
        background-color: #cecece;
    }

    #cart-box {
        position: absolute;
        top: 20px;
        right: 45px;
        z-index: 12;
    }

    #cart-summary-separator, #cart-summary-total-amount {
        display: none;
    }

    .cart-article {
        display: none;
    }

    #cart-summary-item-count {
        background: #F19D38;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        text-align: center;
        color: #fff;
        font-size: 11px;
        display: block;
        line-height: 19px;
        position: absolute;
        top: 8px;
        left: 14px;
    }

    #quick-search {
        position: absolute;
        top: 51px;
        left: 0;
        z-index: 13;
        background: #333;
        padding: 15px 0;
        width: 100%;
    }

    input#quick-search-input {
        padding: 8px 10px;
        width: 60%;
        border-radius: 4px;
        border: 0;
        outline: 0;
        display: inline;
        background: #fff;
    }

   #search-button {
        padding: 8px 10px;
        border: 0;
        border-radius: 4px;
        background: #ff9900;
        color: #fff;
    }

    #quick-search.open {
        display: block;
    }

    #cart-summary {
        display: block;
        width: 23px;
        height: 19px;
        background: transparent url(img/mobil/cart.png) 0 0 no-repeat;
    }


    .product-cell-thumb a.bouton-add-playlist {
        display: none;
    }

    .product-track-listing.mini-player-track-list .track {
        display: flex;
        margin:10px  5px;
    }

    .bouton-add-playlist {
        display: none;
    }

    .products-list-view {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 15px;
    }

   .products-list-view.products-list-view-simple {
        display: flex;
        justify-content: initial;
        flex-direction: column;
        gap: 0;
    }


    a.tb-button ,
    .tb-button {
        display: inline-block;
        font-weight: 400;
        font-size: 12px;
        line-height: 25px;
        height: 25px;
        color: #FFFFFF;
        padding: 0 10px;
        outline: 0;
        border: 0;
    }

   .tb-button.bt-red {
        background: #FF6948;
    }

   .tb-button.bt-blue {
        background: #93C5FF;
    }

    .tb-button.bt-green {
        background: #3bb914;
    }

    #product-list-wrapper h4,
   .confirmation-adress h3,
   .confirmation-box h4,
   #paymentMethod h3,
   .customer-info-form h3 {
       position: relative;
       width: 160px;
       height: 30px;
       line-height: 30px;
       background: #D9D9D9;
       padding-left: 5px;
   }

    #product-list-wrapper h4:after,
    .confirmation-box h4:after,
    .confirmation-adress h3:after,
    #paymentMethod h3:after,
    .customer-info-form h3:after {
        content: " ";
        width: 0;
        height: 0;
        border-top: 30px solid transparent;
        border-left: 30px solid #D9D9D9;
        position: absolute;
        top: 0px;
        right: -29px;
    }

    #passwordforgotbt,
    #createAccount,
    .signup-link-bt,
    #signinsubmit,
    #contactbt,
    #go-to-confirmation-bt,
    .place-order-bt,
    a.validate-button,
    .validate-button {
        display: inline-block;
        color: #fff;
        padding: 0 20px;
        background: #F19D38;
        font-weight: 700;
        font-size: 14px;
        line-height: 18px;
        margin-top: 20px;
        height: 40px;
        line-height: 40px;
        outline: none;
        border: 0;
    }

    #also-purchased {
        display: none;
    }

    .product-charts .product-picture {
        display: flex;
    }

    .product-charts .chart-rank {
        font-weight: 400;
        font-size: 60px;
        line-height: 50px;
        color: #D9D9D9;
        letter-spacing: -10px;
        display: block;
        width: 50px;
        text-align: right;
        padding-right: 13px;
        margin-left: -10px;
    }

    .product-cell-thumb.product-charts .product-infos {
        padding: 10px 5px;
    }

    .product-cell-thumb.product-charts  .product-picture {
        width: 128px;
    }

    .product-cell-thumb.product-charts .product-picture a {
        display: inline-block;
        width: 75px;
        height: 75px;
    }

    .product-cell-thumb.product-charts h3 {
        position: absolute;
        top: 10px;
        left: 140px;
    }


    .rank-direction {
        background: url(img/position.png) no-repeat right 0 transparent;
        bottom: 12px;
        height: 10px;
        left: 7px;
        position: absolute;
        width: 40px;
        line-height: 8px;
    }

    .rank-direction.down {
        background-position: right -23px;
    }

    .rank-direction.equal {
        background-position: right -11px;
    }

    .rank-direction.new {
        background-position: right -34px;
    }


    .expandable-menu-content {
        display: none;
    }

    .top-level-menu.open .expandable-menu-content {
        display: block;
    }

    .chartsNav {
        display: flex;
        justify-content: space-between;
        margin:10px 0;
    }


    #menu li#news-menu-desktop {
        display: none;
    }


    .ui-widget-content {
        border: 1px solid #f0f0f0;
        background: #f0f0f0;
        color: #333333;
        box-sizing: border-box;
        width: 92% !important;
        padding: 10px;
    }

    .ui-menu-item {
        padding: 5px 0;
    }

    .ui-dialog {
        border-radius: 7px;
        background: #FFF8B5;
        border:0;
    }

    .ui-dialog #dialog-confirm {
        background: #FFF8B5;
        border:0;
    }

    .ui-dialog-titlebar-close {
        float: right;
    }

    .ui-dialog-buttonpane {
        background: #FFF8B5;
        border:0;
        display: flex;
        gap: 20px;
    }

    .ui-dialog-content {
        background: #FFF8B5;
        border: 0;
    }

    #account-playlist {
        display: none;
    }

    .section-all-link {
        width: 100%;
        padding: 7px 0;
        text-align: center;
        color: #fff;
        background: #ff9900;
        border-radius: 4px;
        margin: 20px 0 0px 0;
        display: block;
    }

    #cookie-message {
        font-size: 12px;
    }

    #filters-button {
        width: 35px;
        height: 35px;
        position: absolute;
        top: 15px;
        right: 139px;
        background: transparent url(img/mobil/filters.png) center center no-repeat;
        z-index: 12;
    }

    .activ #filters-button {
        background-color: #ff99005e;
        border-radius: 50%;
    }

    #filters-options {
        display: none;
        position: fixed;
        top: 92px;
        right: 0px;
        background: #fff;
        width: 200px;
        padding-top: 20px;
        min-height: 100%;
        text-align: left;
    }

    .activ #filters-options {
        display: block;
    }

    #filters-options h4 {
        margin-top: 10px;
        padding: 10px;
    }

    #filters-options ul {
        padding: 5px 10px;
    }

    #filters-options li {
        display: flex;
        justify-content: space-between;
        padding: 10px 10px;
        border-top: 1px solid #333;
    }
}



@media only screen and (min-width: 730px) and (max-width: 899px) {
    .product-list-item  {
        position: relative;
        width: calc((100% - 60px)/4);
        box-sizing: border-box;
        background: #F2F2F2;
    }

}

@media only screen and (min-width: 560px) and (max-width: 729px) {
    .product-list-item  {
        position: relative;
        width: calc((100% - 30px)/3);
        box-sizing: border-box;
        background: #F2F2F2;
    }
}