@charset "UTF-8";
 /* CSS Document allllllllll */

 input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill,
 input:-moz-autofill,
 textarea:-moz-autofill,
 select:-moz-autofill {
     background-color: #ffcc00 !important;
 }

 .mask {
     display: none;
     margin: 0px auto;
     width: 1000px;
     opacity: 0.3;
     position: absolute;
     background-image: url("mask.jpg");
     background-repeat: no-repeat;
     left: 148px;
     top: 15px;
     height: 1500px;
     z-index: 999;
     background-position: -11px 0px;
 }

 .toggle {
     position: fixed;
     left: 10px;
     top: 10px;
     z-index: 1000;
 }

 /* main font pragmatica web regular */
 body {
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
 }

 .register div {
     margin-top: 0px;
     margin-bottom: 0px;
 }

 /* modifying main width */
 #header .inner,
 #wrapper,
 #footer_wrapper.footer_menu,
 #footer_wrapper .bottom,
 #footer .footer_menu {
     width: 960px;
     margin-top: 3px;
 }

 /* modifying main grid */
 .container_20 .grid_10,
 .container_20 .grid_5 {
     margin-left: 12px;
     margin-right: 12px;
 }

 .container_20 .grid_10 {
     width: 456px;
 }

 .container_20 .grid_5 {
     width: 216px;
 }

 .ctl_detail #content {
     margin: 2px 0px 8px 16px;
 }

 .ctl_detail #wrapper {}

 .article_nr {
     border-bottom: 1px solid #ccc;
     margin-bottom: 27px !important;
     color: #666;
     padding: 0px 0px 3px;
     width: 938px;
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
 }

 .article_nr span {
     line-height: 14px;
 }

 /* header */
 .ctl_index #header {
     height: 100px;
     margin-top: 8px;
 }

 #header {
     margin-top: 8px !important;
     height: 258px;
 }

 #header #logo {}

 #header #logo a {
     margin: 9px 0 0 16px;
     background-image: url("../images/logo.png");
     height: 87px;
     width: 325px;
 }

 .doublespace {
     height: 0px !important;
 }


 /* navigation */
 div#mainNavigation {
     left: auto;
     width: auto;
     right: 10px;
     top: 63px;
 }

 div#mainNavigation ul li {
     margin-left: 9px;
     color: #333 !important;
 }

 div#mainNavigation ul li:nth-child(2) {
     margin-left: 2px;
 }

 #mainNavigation a,
 #mainNavigation a.active,
 #mainNavigation a span,
 #mainNavigation a.active span,
 #mainNavigation a:hover span,
 #mainNavigation a:active span,
 #mainNavigation a.active:hover span {
     font-weight: normal;
     font-size: 18px;
 }

 #mainNavigation a.active span {
     color: #333 !important;
 }

 #mainNavigation a span,
 #mainNavigation a:hover span {
     color: #333 !important;
     padding-right: 17px;
 }

 #mainNavigation li:last-child a span,
 #mainNavigation li:last-child a:hover span {
     padding-right: 0px;
 }


 /* COLORS FOR LOGIN CART */

 #login_top a strong {
     font-weight: normal;
 }

 /* for shop */
 .menu_category_9 #login_top .color {
     color: #FF3399 !important;
 }

 /* account: when logged in or in cart should be always magenta */

 .profile #login_top .color {
     color: #ff3399 !important;
 }


 /* YELLOW for artist, release and projects */
 #mainNavigation a.active span,
 #mainNavigation a:hover span,
 #login_top .color,
 .menu_category_7 #login_top .color,
 .menu_category_12 #login_top .color,
 .menu_category_5 #login_top .color {
     color: #ffcc00 !important;
 }


 /* new grey color for login box */
 #cartBox,
 #login_top a,
 #login_top #shopnavi .quantity,
 #login_top a,
 #login_top a:hover,
 #login_top #shopnavi .quantity,
 #login_top #shopnavi .top span,
 #login_top span {
     color: #999 !important;
     font-weight: normal;
 }

 .ctl_account #mainNavigation li:first-child a.active span,
 .ctl_newsletter #mainNavigation li:first-child a.active span,
 body.ctl_checkout #mainNavigation li:first-child a.active span {
     color: #333 !important;
 }


 /* CYAN: Home News  and EVENTS icon is blue on active and hover */
 #mainNavigation li:first-child a.active span,
 #mainNavigation li:first-child a:hover span,
 #mainNavigation li:nth-child(5) a.active span,
 #mainNavigation li:nth-child(5) a:hover span,
 body.ctl_checkout #mainNavigation li:first-child a.active:hover span {
     color: #3399FF !important;
 }

 /* alt color for store and releases */
 #mainNavigation li:last-child a.active span,
 #mainNavigation li:last-child a:hover span {
     color: #FF3399 !important;
 }

 body.ctl_search #mainNavigation li:first-child a.active span,
 body.ctl_forms #mainNavigation li:first-child a.active span {
     color: #333 !important;
 }

 /* .ctl_listing #login_top   { color:#ffcc00 !important;} 
/* MAGENTA for cart color store */
 /*
body.menu_category_9 #login_top a, 
body.menu_category_9 #login_top #shopnavi .quantity , 
body.menu_category_9.ctl_detail #login_top a, 
body.menu_category_9.ctl_detail #login_top #shopnavi .quantity, 
body.menu_category_9 #login_top span, 
body.ctl_account #login_top a, 
body.ctl_account #login_top #shopnavi .quantity , 
body.ctl_account #login_top span, 
body.ctl_account #login_top, 
body.ctl_register #login_top a, 
body.ctl_register #login_top #shopnavi .quantity,  
body.ctl_register #login_top span,
body.ctl_register #cartBox, 
body.menu_category_9 #cartBox,
body.ctl_account #cartBox,
body.menu_category_9.ctl_detail #cartBox,
body.ctl_checkout #login_top a, 
body.ctl_checkout #login_top #shopnavi .quantity,  
body.ctl_checkout #login_top span,
body.ctl_checkout #login_top #cartBox,
body.ctl_checkout #mainNavigation li:last-child a span,
body.ctl_newsletter #login_top a, 
body.ctl_newsletter #login_top #shopnavi .quantity,  
body.ctl_newsletter #login_top span,
body.ctl_newsletter #login_top #cartBox, 
body.menu_category_9 #login_top div div,
body.ctl_checkout #login_top div div */
 body.ctl_newsletter #mainNavigation li:last-child a span,
 body.ctl_newsletter #login_top .color,
 body.ctl_account #login_top .color,
 body.ctl_forms #login_top .color {
     color: #FF3399 !important;
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
 }

 /* releases color store */
 /*
body.ctl_detail #login_top a, body.ctl_detail #login_top #shopnavi .quantity, .ctl_detail #login_top   { color:#ffcc00 !important;  }
/* CYAN for  news and events, and inner pages */
 /*
body.menu_category_8  #login_top a, 
body.menu_category_8 #login_top #shopnavi .quantity,  
body.menu_category_8 #login_top span,
body.menu_category_8 #login_top #cartBox,
body.ctl_blog  #login_top a, 
body.ctl_blog #login_top #shopnavi .quantity,  
body.ctl_blog #login_top span,
body.ctl_blog #login_top #cartBox,
body.ctl_custom #login_top a, 
body.ctl_custom #login_top #shopnavi .quantity,  
body.ctl_custom #login_top span,
body.ctl_custom #login_top #cartBox,
body.ctl_search #login_top a, 
body.ctl_search #login_top #shopnavi .quantity,  
body.ctl_search #login_top span,
body.ctl_search #login_top #cartBox,
body.ctl_forms #login_top a, 
body.ctl_forms #login_top #shopnavi .quantity,  
body.ctl_forms #login_top span,
body.ctl_forms #login_top #cartBox, 
body.ctl_account #login_top a, 
body.ctl_account #login_top #shopnavi .quantity,  
body.ctl_account #login_top span,
body.ctl_account #login_top #cartBox,  */
 body.menu_category_8 #login_top .color,
 body.ctl_custom #login_top .color,
 body.ctl_blog #login_top .color,
 body.ctl_search #login_top .color {
     color: #3399FF !important;
 }

 #login_top,
 #login_top a,
 body.ctl_detail #login_top #shopnavi .quantity {
     font-weight: normal !important;
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
 }

 /* search */
 div#searchcontainer {
     top: 12px;
     right: 8px;
 }

 div#searchcontainer .inner_searchcontainer {
     border-top: none;
     border-left: none;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     height: 26px;
     margin: 0;
     width: 212px;
 }

 div#searchcontainer .inner_searchcontainer form#searchform input#searchfield {
     border: none;
     width: 180px;
     text-align: left;
     height: 25px;
 }

 div#searchcontainer .inner_searchcontainer #submit_search_btn {
     background-image: url("../images/search.png");
     border: none;
     background-position: 3px 5px;
 }

 /* line below breadcrumbs and content */
 div#breadcrumb {
     width: 936px !important;
     margin-left: 16px;
     height: 28px;
     border-bottom: 1px solid #ccc;
     margin-bottom: 0px;
 }

 /* retail breadcrumbs have a line above */
 .container_20 + .grid_16.menu_top {
     height: 28px;
 }

 .container_20 + .grid_16.menu_top div#breadcrumb,
 #content + .grid_16.menu_top div#breadcrumb {
     border-bottom: none;
     border-top: 1px solid #ccc;
     padding-top: 12px;
 }

 /* except artist detail and shop detail */
 .ctl_detail.menu_category_5 #content + .grid_16.menu_top div#breadcrumb,
 .ctl_detail.menu_category_9 .container_20 + .grid_16.menu_top div#breadcrumb {
     border-top: none;
     margin-top: -28px;
 }

 /* hack for artist detail */
 .ctl_detail #content + .grid_16.menu_top {
     margin: 4px auto 0px;
     height: 28px;
 }




 /* breadcrumb arrow */
 div#breadcrumb .sep {
     background: url("../images/breadcrumb-arrow.png") no-repeat scroll -1px 6px;
 }

 /* bottom breadcrumb */
 .breadcrumb_bottom {
     margin-top: -40px;
 }

 .breadcrumb_bottom div#breadcrumb {
     border-bottom: none;
     border-top: 1px solid #ccc;
     padding-top: 12px;
     height: 14px;
     padding-bottom: 2px;
 }

 div#breadcrumb strong {
     margin-left: 2px;
     color: #666;
     font-family: "PragmaticaWebBold";
 }

 /* in release listing, breadcrumb bottom doesn't have a border-top */
 body.ctl_listing.menu_category_12 .breadcrumb_bottom div#breadcrumb,
 body.ctl_listing.menu_category_9 .breadcrumb_bottom div#breadcrumb {
     border-top: none;
 }

 div#breadcrumb a {
     padding: 3px;
     margin-left: -3px;
     display: inline-block;
     margin-top: -3px;
 }

 div#breadcrumb a.last,
 div#breadcrumb a.last:hover,
 div#breadcrumb a:hover {
     color: #666;
     text-decoration: none;
 }


 /* change in breadcrumb top for news listing */
 body.ctl_blog #content {
     /* min-height:410px; */
 }

 body.ctl_blog.menu_category_10 div#breadcrumb {
     margin-bottom: -28px;
     /* z-index: 9999; */
     position: absolute;
 }

 body.ctl_blog.menu_category_10 .breadcrumb_bottom div#breadcrumb {
     margin-bottom: 0px;
 }

 body.ctl_blog.menu_category_10 .listing_actions_top {
     height: 40px;
 }

 body.ctl_blog.menu_category_10 .listing_actions_top .paging {
     right: 3px;
 }

 /* breadcrumb botton */
 .grid_16.menu_top,
 .container_20 .grid_16.menu_top {
     margin: 0px auto;
     width: 959px !important;
 }



 /* content */
 #content {
     margin-top: 20px;
 }

 body.ctl_index #content .inner,
 #center.home {
     width: 960px;
     margin-bottom: 0px;
 }

 body.ctl_index #footer_wrapper .footer_inner #footer {
     padding-top: 12px;
 }

 /* footer */

 #footer .footer_menu {
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
     background-color: #fff;
     height: 100%;
     padding: 5px;
     color: #999;
     padding: 0px 0px 0px 16px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     margin-top: 11px;
 }

 #footer .footer_menu ul {
     padding: 0px;
 }

 #footer .footer_menu .copyright {
     top: 6px;
 }

 #footer .footer_menu a,
 #footer .footer_menu a:hover,
 #footer .footer_menu .copyright {
     width: 130px;
     color: #999 !important;
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
 }

 #footer .footer_menu a:hover {
     color: #666 !important;
 }

 #footer .footer_menu .footer_column {
     border-top: 1px solid #ccc;
     padding: 11px 11px 0px;
     border-right: none;
     width: 217px;
     /* margin-right:1px; */
 }

 #footer .footer_menu .footer_column.col1 {
     padding-left: 0px;
 }

 #footer .footer_menu .footer_column.last {
     padding-right: 0px;
     width: 217px;
     padding-left: 11px;
 }

 #footer .footer_menu .footer_column .head {
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: #666;
     font-size: 12px;
     margin-bottom: 2px;
 }

 #footer .footer_menu li {
     margin-right: 0px;
     list-style-position: inside;
     list-style-type: disc;
     width: 100%;
 }

 #footer .footer_menu li:before,
 #footer .footer_menu .footer_column.last span.label:before {
     content: "·";
     font-size: 12px;
     vertical-align: middle;
     line-height: 16px;
     float: left;
     clear: left;
     padding-right: 10px;
     margin-right: 0px !important;
 }

 #footer .footer_menu .footer_column ul li a {}

 #footer .footer_menu .footer_column form input {
     background: none;
     border: none;
     border-left: 1px solid #FC0;
     width: 196px;
     margin: 6px 0 0 0px;
     height: 7px;
 }

 /* CYAN newsletter form for events, home, news and inner pages */
 body.ctl_index #footer .footer_menu .footer_column form input,
 body.menu_category_8 #footer .footer_menu .footer_column form input,
 body.ctl_blog #footer .footer_menu .footer_column form input,
 body.ctl_custom #footer .footer_menu .footer_column form input,
 body.ctl_search #footer .footer_menu .footer_column form input {
     border-left-color: #3399FF;
 }

 body.ctl_index #footer .footer_menu .footer_column form input.submit,
 body.menu_category_8 #footer .footer_menu .footer_column form input.submit,
 body.ctl_blog #footer .footer_menu .footer_column form input.submit,
 body.ctl_custom #footer .footer_menu .footer_column form input.submit,
 body.ctl_search #footer .footer_menu .footer_column form input.submit {
     background-position: left -5px;
 }

 .ctl_listing #footer .footer_menu .footer_column form input {
     border-left-color: #ffcc00
 }

 /* MAGENTA footer color */
 body.menu_category_9 #footer .footer_menu .footer_column form input,
 body.ctl_register #footer .footer_menu .footer_column form input,
 body.ctl_checkout #footer .footer_menu .footer_column form input,
 body.ctl_newsletter #footer .footer_menu .footer_column form input,
 body.ctl_forms #footer .footer_menu .footer_column form input,
 body.ctl_account #footer .footer_menu .footer_column form input,
 body.ctl_payment_paypal #footer .footer_menu .footer_column form input {
     border-left-color: #FF3399;
 }

 body.menu_category_9 #footer .footer_menu .footer_column form input.submit,
 body.ctl_register #footer .footer_menu .footer_column form input.submit,
 body.ctl_checkout #footer .footer_menu .footer_column form input.submit,
 body.ctl_newsletter #footer .footer_menu .footer_column form input.submit,
 body.ctl_account #footer .footer_menu .footer_column form input.submit,
 body.ctl_forms #footer .footer_menu .footer_column form input.submit,
 body.ctl_payment_paypal #footer .footer_menu .footer_column form input.submit {
     background-position: left 0px;
 }

 .ctl_register #mainNavigation li:first-child a.active span {
     color: #333 !important
 }

 /* events footer color */
 #footer .footer_menu .footer_column form input.submit {
     height: 5px;
     background: url('img/newsletter-arrow.png') no-repeat left -10px;
     padding: 0px;
     width: 10px;
     margin-top: 14px;
 }

 /* styling social links so they are just normal links */
 #noton_social_box {
     float: none;
     position: static !important;
 }

 #noton_social_box ul li {
     display: block;
     background: none !important;
     float: none;
 }

 #noton_social_box ul li span {
     width: auto !important;
     color: #999;
     height: 16px !important;
 }

 #noton_social_box ul li a:hover span {
     width: auto !important;
     color: #666;
     height: 16px !important;
 }

 .text p {
     color: #999;
 }

 /* all titles now have pragmatica web bold in uppercase; */
 .home_caption_one,
 .home_caption_two,
 .home_caption_three,
 .home_caption_view-all,
 #shop-listing .inner .artikel_name,
 #shop-listing .inner .supplier_name,
 #detail .detail_artist,
 #detail h1.article_name,
 .detail_headline_bottom .article_name,
 #recommended .artbox .inner .artikel_name,
 #recommended .artbox .inner .supplier_name,
 a.title,
 .detail_headline_top .project_article,
 .detail_headline_bottom h2,
 .archiv li.related_description.booking,
 .login_headline span.frontend_account_login,
 #content .blogdetail h1,
 #blog .listing-blog .blogbox .aticle_titel a.titel,
 .new_register_headline .frontend_account_login,
 .personal_register_headline,
 .billing_register_headline,
 #content .supportrequest h1,
 .ctl_newsletter #content .custom h1,
 #content .register h1,
 h2 span.frontend_account_logout,
 .inner .heading h2,
 #content .downloads h1,
 .agb_cancelation h2,
 h2.headingbox,
 .payment_method h3,
 .dispatch-methods h3 {
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
     font-size: 13px !important;
     color: #666 !important;
     text-transform: uppercase;
     margin-bottom: 0px;
     line-height: 16px;
     letter-spacing: 0.00em;
     font-weight: normal;
 }

 /*  'view all' or 'more' links, replaced with images. */
 .article-element .artbox .more,
 #shop-listing .inner .desc_more a,
 a.title .more,
 #blog .listing-blog .blogbox .aticle_titel a.titel .more {
     text-indent: -5000px;
     background: url("../images/more.png") no-repeat left 3px;
     width: 26px;
     display: inline-block;
     height: 15px;
 }

 #blog .listing-blog .blogbox .aticle_titel a.titel .more {
     position: absolute;
     height: 15px;
     right: 12px;
     background: url("img/more-cyan.png") no-repeat left 3px;
 }

 /* forms and fields */
 #login input[type=text],
 #login input[type=password],
 .register input[type=text],
 .register input[type=email],
 .register input[type=password],
 .email.first input,
 #confirm .personal-information .payment_method .bankdata input {
     box-shadow: none;
     background: none;
     border: none;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
     width: 326px;
     height: 16px;
     padding: 3px 0px;
     color: #666;
 }

 /* inverting position of fields with absolute positioning */

 .payment fieldset p {
     position: relative;
     height: 32px;
 }

 .register .personal_settings div,
 .supportrequest div,
 #letterForm div,
 #confirm .personal-information .payment_method .bankdata p,
 #confirm .additional-options .user-comment {
     position: relative;
     height: 70px;
 }

 #confirm .personal-information .payment_method .bankdata p {
     height: 55px;
 }

 .payment fieldset p label,
 .register .personal_settings div label,
 .alternative_shipping div label,
 .shipping_address div label,
 .company_informations div label,
 .ctl_forms .supportrequest div label,
 #letterForm label,
 .password.active label,
 .email.first label,
 #confirm .personal-information .payment_method .bankdata label,
 #confirm .additional-options .user-comment label {
     position: absolute;
     top: 29px;
     color: #999;
 }

 .payment fieldset p label {
     top: 50px;
 }

 #login fieldset p label {
     top: 29px;
 }

 .payment fieldset p input,
 .register .personal_settings div input,
 .alternative_shipping input,
 .shipping_address input,
 .company_informations input,
 .ctl_forms .supportrequest input,
 #letterForm input,
 .password.active input,
 .email.first input,
 #confirm .personal-information .payment_method .bankdata input,
 #confirm .additional-options .user-comment textarea {
     position: absolute;
     top: 6px;
 }

 .register .personal_settings div,
 .register .shipping_address div,
 .alternative_shipping div,
 .register .company_informations div,
 .password.active .inner p,
 .email.first .inner p {
     position: relative;
     height: 56px;
 }

 .register .personal_settings div label {
     top: 30px;
 }

 .company_informations {
     width: 336px;
     padding-top: 28px;
 }

 .register .required_fields {
     width: 361px;
     float: none;
     font-family: "PragmaticaWebBook";
     font-weight: normal;
     position: absolute;
     bottom: -10px;
 }

 .register .grid_10 input.text,
 .register .alternative_shipping select {
     width: 339px !important;
     left: 0px;
 }

 .register .alternative_shipping select {
     width: 336px !important;
 }

 select {
     background: url('img/select-arrow.png') no-repeat 201px 5px !important;

 }

 .ctl_account .required_field {
     display: none;
     color: #999;
 }

 /* links */
 a {
     color: #999;
 }

 #footer_wrapper .footer_inner #footer a:hover {
     color: #666;
 }

 .detail_right div[id*="buyBox_"] {
     background-color: #ccc;
     padding: 5px;
 }

 .detail_right .newbasketform,
 .detail_right .mejs-list#tracksTable li.buy a {
     color: #666 !important;
 }

 .detail_right .newbasketform:hover,
 .detail_right .mejs-list#tracksTable li.buy a:hover {
     color: #333 !important;
     text-decoration: none !important;
 }

 /**************************************************
/* raster noton home **********************************************/

 .ctl_index #wrapper {
     margin-bottom: -20px;
 }

 #content {
     margin-top: 0;
 }

 .home_caption_one {
     top: 368px;
 }

 .home_caption_two {
     top: 721px
 }

 .home_caption_three {
     top: 1077px
 }

 .home_caption_view-all {
     top: 1465px;
 }


 /* home slider */
 .ctl_index #content {
     margin-top: 2px;
 }

 /* fix after changes in homme */
 #content .banner-slider-emotion.horizontal_slider div:first-child {
     /* display:none !important ; */
 }

 #content .banner-slider-emotion.horizontal_slider div:last-child {
     display: block !important;
     margin-top: 0px;
     background-color: #eee;
 }

 .ctl_index .home .emotion-1 {
     margin: 0px 0px 0px 16px;
     position: relative;
     height: 1160px;
 }

 .ctl_index .banner-slider-emotion .ajaxSlider .leftArrow,
 .banner-slider-emotion .ajaxSlider .rightArrow {
     height: 12px;
     width: 12px;
     top: 191px;
 }

 .ctl_index .banner-slider-emotion .ajaxSlider .leftArrow,
 .banner-slider-emotion .ajaxSlider .leftArrow:hover {
     background: url("../images/slider-left.png") no-repeat left center;
     left: 16px;
 }

 .ctl_index .banner-slider-emotion .ajaxSlider .rightArrow,
 .banner-slider-emotion .ajaxSlider .rightArrow:hover {
     background: url("../images/slider-right.png") no-repeat left center;
     right: 16px;
 }

 .ctl_index #content .horizontal_slider .sliding_outer,
 .ctl_index #content .banner-slider-emotion.horizontal_slider .ajaxSlider {
     width: 936px;
 }

 .ctl_index .home .emotion-0 {
     margin-left: 16px;
 }


 /* slider for inner pages */
 body.ctl_detail #content,
 body.ctl_listing #content {
     top: 96px !important;
 }

 body.ctl_detail #content .banner-slider-emotion.horizontal_slider,
 body.ctl_listing #content .banner-slider-emotion.horizontal_slider,
 body.ctl_blog #content .banner-slider-emotion.horizontal_slider,
 body.ctl_forms #content .banner-slider-emotion.horizontal_slider,
 body.ctl_custom #content .banner-slider-emotion.horizontal_slider,
 body.ctl_forms #content .banner-slider-emotion.horizontal_slider,
 body.ctl_newsletter #content .banner-slider-emotion.horizontal_slider,
 body.ctl_register #content .banner-slider-emotion.horizontal_slider,
 body.ctl_search #content .banner-slider-emotion.horizontal_slider,
 body.ctl_checkout #content .banner-slider-emotion.horizontal_slider,
 body.ctl_payment #content .banner-slider-emotion.horizontal_slider,
 body.ctl_payment_paypal #content .banner-slider-emotion.horizontal_slider,
 body.ctl_account.menu_category_ .banner-slider-emotion.horizontal_slider {
     position: absolute;
     left: 16px !important;
     top: 105px !important;
 }

 body.ctl_detail #content .banner-slider-emotion.horizontal_slider div:last-child,
 body.ctl_listing #content .banner-slider-emotion.horizontal_slider div:last-child,
 body.ctl_blog #content .banner-slider-emotion.horizontal_slider div:last-child,
 body.ctl_custom #content .banner-slider-emotion.horizontal_slider div:last-child {
     height: 144px !important;
 }

 #content .slider_banner .leftArrow,
 #content .slider_banner .leftArrow:hover {
     /* display: block !important; */
     background: url("../images/slider-left.png") no-repeat left center;
     left: 10px;
     top: 69px;
 }

 #content .slider_banner .rightArrow,
 #content .slider_banner .rightArrow:hover {
     background: url("../images/slider-right.png") no-repeat left center;
     /* display: block !important; */

     right: 0px;
     top: 69px;
 }

 /* raster noton home - blog */
 .emotion-listing .blog-outer-container .blog-entry-inner .blog_img a {
     height: 304px !important;
 }

 body.ctl_index .all_news a.more {
     display: inline-block;
     margin: 5px 0px 0px 0px;
     color: #666;
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
     background: url("img/more-cyan.png") no-repeat right 4px;
     padding-right: 32px;
     position: absolute;
     top: 311px;
     left: 255px;
     display: block;
     width: 30px;
     z-index: 999;
 }

 .emotion-listing .blog-outer-container {
     overflow: visible;
     border-top: none;
 }

 .emotion-listing .blog-outer-container .blog-entry {
     padding: 0px 0 12px 0;
     width: 457px;
     float: left;
     border-bottom: none;
 }

 .ctl_index .emotion-spacer {
     height: 0px;
 }

 .emotion-listing .blog-outer-container .blog-entry:nth-child(odd) {
     margin-right: 24px;
 }

 /* .emotion-listing .blog-outer-container .blog-entry:nth-child(5), .emotion-listing .blog-outer-container .blog-entry:nth-child(6) { border-bottom:1px solid #ccc;} */


 .emotion-listing .blog-outer-container .blog-entry h2 {
     font-family: "PragmaticaWebBold";
     font-size: 13px !important;
     color: #666;
     text-transform: uppercase;
     margin-bottom: 0px;
     line-height: 13px;
     letter-spacing: 0.05em;
     font-weight: normal;
 }

 .emotion-listing .blog-outer-container .blog-entry .article_data_more a {
     display: inline-block;
     text-indent: -5000px;
     width: 30px;
     margin-left: 6px;
     background: url("img/more-cyan.png") no-repeat left 4px;
 }

 .emotion-listing .blog-outer-container .blog-entry-inner .blog_img {
     margin: 0px 0px 14px 0px !important;
     width: 456px;
     height: 304px;
 }

 .emotion-listing .blog-outer-container .blog-entry-inner .home_blog_headline h2 {
     text-transform: uppercase;
     margin: 0 0 0 5px;
 }

 .emotion-listing .blog-outer-container .blog-entry-inner p {
     line-height: 16px;
     margin-left: 0px;
     margin-top: 1px;
     color: #999;
     font-size: 12px;
 }


 /* raster noton home - news */
 .emotion-element-1-0,
 .emotion-inner-element-1-0 {
     width: 960px !important;
     margin-top: 16px;
     height: auto !important;
 }

 .home_caption_view-all .grid_10 {
     margin: 0 5px 0 5px !important;
     padding: 10px 0px !important;
 }

 /* raster noton home - news releases */
 .emotion-inner-element .artbox .inner {
     border-top: 1px solid #FF3399;
 }

 .home_caption_one .component_blog_new-releases {
     padding-left: 11px;
 }

 .emotion-element-1-1 {
     left: 475px !important;
 }

 .emotion-element-1-3 {
     top: 354px !important;
     left: 475px !important;
 }

 .emotion-element-1-5 {
     top: 710px !important;
     left: 475px !important;
 }

 .home_caption_view-all .grid_5 {
     margin: 0 5px 0 15px !important;
     padding: 10px 0px !important;
 }

 .article-element .artbox .more {
     font-weight: bold;
 }

 .ctl_index .article-element .artbox .inner {
     width: 100% !important;
     height: 353px !important
 }

 /* raster noton home - shop */
 .emotion-inner-element-1-2 {
     width: 235px !important;
 }

 /* raster noton home - newsletter */
 .emotion-inner-element-1-2 .home_newsletter {
     border-top: 1px solid #ffcc00;
 }

 .emotion-inner-element-1-2.html-text-inner-element,
 .emotion-inner-element-1-2 .html-text-inner-element {
     padding-left: 5px;
 }

 .emotion-inner-element-1-2 input#newsletter_input {
     border: 1px solid #333;
     margin: 20px 0 0 0;
     border-bottom-color: transparent;
 }

 .emotion-inner-element-1-2 input#newsletter {
     border: 1px solid #333;
     margin-top: -1px;
 }

 .emotion-inner-element-1-2 input#newsletter_input {
     width: 226px
 }

 /* raster noton home - projects */
 .home_caption_two span,
 .home_caption_three span,
 #blog .component_blog_news {
     padding-left: 0;
 }

 .emotion-element-1-4 {
     top: 354px !important;
 }

 .emotion-inner-element-1-4 .home_projects {
     margin: 0 0 0 5px;
 }

 /* raster noton home - artist */
 #content .emotion-element-1-6 {
     top: 710px;
     left: 715px !important;
 }

 .home_caption_view-all .grid_5.last {
     margin: 0 0 0 15px;
     padding: 8px 0px 10px !important;
     border-top: 1px solid #000;
 }

 #content .banner-slider-emotion.horizontal_slider {
     overflow: visible;
 }

 /*#content .emotion-element-0-0 { margin-left:16px; }*/

 /* footer */
 #footer_wrapper .footer_inner {
     min-height: 100px;
 }



 /* replacing all 2px lines for 1px ones */
 .emotion-inner-element .artbox .inner,
 #content .emotion-inner-element-1-6 .ajaxSlider,
 .emotion-listing .blog-outer-container .blog-entry,
 .home_caption_view-all .grid_10,
 .home_caption_view-all .grid_5,
 .home_caption_view-all .grid_5.last,
 .emotion-inner-element-1-4 .home_projects,
 .emotion-inner-element-1-2 .home_newsletter,
 .emotion-listing .blog-outer-container,
 #detail .detail_headline,
 #detail .detail_right .detail_more_information .detail_releated_releases_headline,
 #detail .detail_right .detail_attach_artist_headline,
 .detail_recommended .detail_recommended_headline,
 .artist_content h1,
 .ctl_detail #artist .artbox,
 #projects-listing-2col .projects_heading {
     border-width: 1px !important;
 }


 /* GENERAL INNER PAGES *************************/
 #login_top {
     TOP: 105px;
     background-color: #fff !important;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 43px 0px 15px;
     line-height: 16px;
     height: 85px;
     font-size: 12px !important;
     width: 216px;
     right: 8px;
 }

 #login_top #shopnavi {
     top: 0px;
 }

 #login_top .border {
     border: none !important;
 }

 /* pagination **************************/
 .paging {
     color: #999;
     position: absolute;
     right: 7px;
     top: -5px;
     width: 217px;
 }

 .paging ul:before {
     content: "page:";
     float: left;
     padding-top: 5px;
     padding-right: 5px;
     color: #666;
     font-family: "PragmaticaWebBold";
 }

 .paging ul li {
     float: left;
     margin: 0px 1px 0px 1px;
     padding-top: 5px;
 }

 .paging ul li a,
 .ctl_search .listing_actions a,
 .ctl_search .listing_actions a:hover {
     padding: 0px 4px;
     line-height: 16px;
     color: #999;
     border: none;
     font-size: 12px;
     font-weight: normal;
     height: auto;
     width: auto;
 }

 .paging ul li a.on,
 .ctl_search .listing_actions a.on,
 .paging ul li.next a,
 .paging ul li.previos a {
     color: #ffcc00;
 }

 /* paging bug in news listing */
 body.ctl_blog.menu_category_10 .paging {
     padding-bottom: 12px;
     border-bottom: 1px solid #ccc;
 }

 body.ctl_blog.menu_category_10 div#breadcrumb {
     width: 725px !important;
     z-index: 9999 !important;
 }

 body.ctl_blog.menu_category_10 div.breadcrumb_button div#breadcrumb {
     width: 935px;
     z-index: 9999 !important;
 }




 /* cyan pagination */
 .menu_category_8 .paging ul li a.on,
 body.ctl_blog .paging ul li a.on,
 .ctl_search .listing_actions a.on,
 .menu_category_8 .paging ul li.next a,
 body.ctl_blog .paging ul li.next a,
 .ctl_search .paging ul li.next a,
 .menu_category_8 .paging ul li.previos a,
 body.ctl_blog .paging ul li.previos a,
 .ctl_search .paging ul li.previos a {
     color: #3399FF !important;
     background-color: #FFF;
 }

 /* magenta pagination */
 .menu_category_9 .paging ul li a.on,
 .menu_category_9 .paging ul li.next a,
 .menu_category_9 .paging ul li.previos a {
     color: #FF3399 !important;
 }


 /* pagination in search */
 .ctl_search .listing_actions .bottom .paging {}

 .listing_actions .bottom .paging a.more,
 .listing_actions .bottom .paging a.more:hover {
     color: #999;
 }

 /* dots details in some pages */
 body.ctl_listing.menu_category_7 #content,
 .ctl_blog.menu_category_10 #content {
     background: url('img/line-bg.png') repeat-x 24px top;
 }

 .ctl_blog.menu_category_10 #content {
     background-position: 24px 28px;
 }


 .listing_actions_bottom {
     position: relative;
     height: 42px;
     width: 4px;
 }

 /* .menu_category_9 .ctl_listing .listing_actions_bottom, 
.menu_category_12 .ctl_listing .listing_actions_bottom { height:0px;} */
 .listing_actions_bottom .paging {
     left: 736px;
     top: 11px;
 }

 /* filter  search */
 .container_20 .filter {
     margin-left: 16px;
     border-bottom: 1px solid #ccc;
     margin-bottom: 16px;
     height: 23px;
     width: 936px;
 }

 .container_20 #searchfield:before {
     content: "search artist:";
     line-height: 23px;
     padding-right: 16px;
     font-family: "PragmaticaWebBold";
     float: left;
     color: #666;
     font-family: "PragmaticaWebBold";
     background: url("img/search-lines.png") no-repeat right top;
 }

 .container_20 #searchfield {
     width: 960px;
     margin-left: 0px;
 }

 .container_20 #searchfield input {
     margin-top: -2px;
     color: #999;
     width: 222px;
     float: left;
     border: none !important;
     height: 21px;
     padding: 0px;
     margin-right: 40px;
 }

 /* search icon in releases
.container_20 #searchfield:after { content:""; display:block; width:18px; height:27px; background:url("../images/search.png") no-repeat left 5px; float:left; }
*/
 body.menu_category_12 .container_20 #searchfield,
 body.menu_category_9 .container_20 #searchfield {
     /* background: url("img/search-lines-end.png") no-repeat 343px 0px !important; */
     height: 23px;
 }

 #searchfield ::-webkit-input-placeholder {
     /* WebKit browsers */
     color: #fff;
 }

 #searchfield :-moz-placeholder {
     /* Mozilla Firefox 4 to 18 */
     color: #fff;
 }

 #searchfield ::-moz-placeholder {
     /* Mozilla Firefox 19+ */
     color: #fff;
 }

 #searchfield :-ms-input-placeholder {
     /* Internet Explorer 10+ */
     color: #fff;
 }

 /* hiding filter on certain pages */
 .menu_category_7 .container_20 .filter {
     border: none;
     height: 6px;
 }



 #shop-listing {
     margin-top: 40px;
     margin-bottom: -8px;
 }

 #shop-listing .artbox {
     width: 240px;
 }

 .ctl_listing.menu_category_9 .listing_actions_bottom .paging,
 .ctl_listing.menu_category_12 .listing_actions_bottom .paging {
     top: 10px
 }

 /* .ctl_listing.menu_category_9 .breadcrumb_bottom,
.ctl_listing.menu_category_12 .breadcrumb_bottom
 { margin-top:0px; }
*/
 /* artist list page *************/

 #artist-listing-4col {
     margin-left: 16px;
 }

 .artbox .artbox_thumb {
     margin-bottom: 12px;

     width: 216px !important;
     height: 144px !important;
 }

 /* left menu */
 .grid_5.filter {
     padding: 5px;
     background-color: #E6E6E6;
     margin-right: 0px !important;
     height: 23px;
 }

 .grid_5.filter li {
     margin: 0px 5px;
     padding: 3px 5px;
 }

 .grid_5.filter li a {
     color: #000;
 }

 .grid_5.filter li:nth-child(odd) {
     background-color: #FFF;
 }

 .filter .options span {
     font-size: 14px;
     border-bottom: 1px solid #ccc;
     color: #666;
     display: block;
     padding: 2px;
     margin: 2px 5px 7px;
 }

 /* moving the main container a bit below */
 .ctl_listing .container_20 {
     /* margin-top:40px; */
 }

 /* correct color and size for artist names */
 #artist-listing-3col .artbox a.title {
     font-size: 13px !important;
     color: #000
 }






 /* artist page  *************/
 .menu_category_5 .detail_headline_top {
     margin-top: 30px;
     margin-bottom: 0px;
     height: 32px;
 }

 .menu_category_5 .detail_headline_bottom h2 {
     margin-top: 52px;
 }

 .menu_category_5 #detail .detail_left .detail_description {
     margin-top: 17px;
 }

 .artist_content h1 {
     font-size: 14px;
     font-family: "PragmaticaWebBook";
 }

 .grid_5 h4,
 .grid_5 h5,
 .artist_related h2,
 .artist_similar h3,
 .live_dates h4 {
     font-size: 13px !important;
     color: #666;
 }

 /* the images for media and social sites work both for artist and projects pages */
 .artist_medialink {
     margin: 10px 0px 30px;
 }

 .artist_medialink a {
     margin-right: 10px;
 }

 .artist_medialink li.artist_website a,
 .artist_medialink li.project_website a {
     font-size: 14px;
     padding: 4px 10px !important;
     background-color: #ccc;
     color: #fff;
     float: left;
     display: block;
     width: auto !important;
     text-indent: 0px !important;
     height: auto;
 }

 .artist_medialink li.artist_website a:hover {
     background-color: #000;
     color: #fff;
 }

 .artist_medialink a {
     display: block;
     float: left;
     height: 27px;
     width: 26px;
     text-indent: -5000px;
 }






 /* project listing, individual project page.   *************/
 #artist-listing-4col .artbox {
     height: 173px;
     margin: 0px 24px 11px 0px;
 }

 #artist-listing-4col .artbox:nth-child(4n) {
     margin-right: 0px;
 }

 #artist-listing-4col .artbox a.title {
     font-weight: normal;
     font-size: 12px !important;
 }

 #artist-listing-4col .artbox a.title .more {
     display: inline-block;
     text-indent: -5000px;
     width: 30px;
     margin-left: 6px;
     background: url("img/more-yellow.png") no-repeat left 4px;
 }

 #projects-listing-2col .project_detail_right {
     margin-left: 10px;
 }

 .project_detail_right .desc span a {
     font-family: "PragmaticaWebBold";
 }

 #project .project_archiv_headline {
     border-bottom: 1px solid #333;
 }

 #project .project_name,
 #project .project_documentaion {
     border-bottom: 1px solid #000;
 }

 #project .project_documentaion_video,
 #project .project_documentaion_slide {
     border-bottom: 1px solid #666;
 }

 .menu_category_7 .detail_headline_top {
     margin-top: 15px;
 }

 .menu_category_7 .detail_headline_top span {
     display: block;
     height: 32px;
 }

 /* releases list, shop list **********/
 .ctl_detail.menu_category_9 .detail_headline_top {
     margin-top: 8px !important;
     margin-bottom: 0px;
 }

 #shop-listing .artbox .inner {
     height: 211px;
     border-bottom: 1px solid #ccc;
     padding-bottom: 20px;
     margin-left: 16px;
     width: 216px;
 }

 .shop_imges {
     width: 216px;
     height: 144px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
 }

 .shop_imges a {
     margin: 10px auto;
     overflow: hidden;
     display: block;
     width: 200px;
     height: 124px !important;
     background-size: cover !important;
 }

 #shop-listing .artbox .list,
 #shop-listing .artbox .supplier_name,
 #shop-listing .artbox .artikel_name {

     margin-left: 8px;
     margin-top: 9px;
     margin-bottom: -8px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 211px;

 }

 #shop-listing .artbox .order_number,
 #shop-listing .artbox .pipe,
 #shop-listing .artbox .pipe-2,
 #shop-listing .artbox .format,
 #shop-listing .artbox .labels {
     position: absolute;
     top: 191px;
     left: 24px;
     color: #999;
 }

 #shop-listing .artbox .pipe-2 {
     left: 80px;

 }

 #shop-listing .artbox .labels {
     left: 90px;

 }

 #shop-listing .artbox .pipe {
     left: 140px;
     /* 80px*/
 }

 #shop-listing .artbox .format {
     left: 150px;
     /* 90px*/
 }

 /* individual project page */

 body.project #detail .detail_left .detail_description {
     margin-top: 37px;
 }

 .frontend_listing_filter_supplier {
     font-family: "PragmaticaWebBook" !important;
 }

 .ctl_listing.menu_category_9 .supplier_filter .left {
     padding-top: 1px;
     border-top: 1px solid #ccc;
     width: 936px;
 }


 /* link list */
 .archiv {
     float: left;
     border-bottom: 1px solid #ccc;
     margin-top: 44px;
 }

 .menu_category_7 .archiv {
     margin-top: 32px;
 }

 .archiv ul.table_headline {
     font-family: "PragmaticaWebBold";
     text-transform: uppercase;
     font-size: 13px !important;
 }

 .archiv li {
     float: left;
     color: #999999;
     height: 24px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     padding: 5px 0px 7px 3px;
 }

 .archiv ul.table_headline li {
     color: #666;
 }

 .archiv ul {
     clear: left;
     border-bottom: 1px solid #ccc;
 }

 .archiv li.related_description {
     width: 290px;
 }

 .archiv li.section {
     width: 120px;
     text-align: left;
 }

 .archiv li.visit_link {
     width: 46px;
 }

 .archiv li.visit_link span {
     margin-lefT: 4px;
 }

 .archiv li,
 .archiv ul.table_headline li {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .archiv li.visit_link .linkIcon a {
     display: inline-block;
     text-indent: -5000px;
     width: 30px;
     background: url("img/more-yellow.png") no-repeat 3px 4px;
 }


 /* events */
 .tablesorter-default .header,
 .tablesorter-default .tablesorter-header {
     color: #000;
     font-family: "PragmaticaWebBook";
 }

 /* releases */
 /* titles for releases and artists in release list page and shop list page */
 .menu_category_9 .list,
 .menu_category_12 .list {
     margin-bottom: 6px;
     float: left;
 }

 .menu_category_9 .list span,
 .menu_category_12 .list span {
     float: left;
     color: #999;
     margin-right: 2px;
 }

 .menu_category_9 .list span.desc_more,
 .menu_category_12 .list span.desc_more {
     margin-left: 4px;
 }

 .menu_category_9 .list span.desc_more a,
 .menu_category_12 .list span.desc_more a {
     margin-top: -3px;
 }

 .menu_category_9.ctl_listing .supplier_name,
 .menu_category_12.ctl_listing .supplier_name {
     clear: left;
     margin-top: 16px;
 }

 .detail_headline_bottom .detail_ordernumber {
     margin-top: 3px;
     color: #999;
     display: block;
 }

 .detail_headline_top {
     height: 32px;
 }

 .detail_right .mejs-playlist {
     position: relative;
     background: white;
     opacity: 1;
     color: #999;
     height: auto !important;
 }

 #detail #detail_img {
     padding-top: 4px;
 }

 #detail #detail_img .zoom {
     width: 456px;
     height: 304px;
 }

 #detail #detail_img .thumb_box {
     top: 4px;
     left: 480px;
 }

 #detail #detail_img .thumb_box ul {
     margin: 0 0 16px 0px;
 }

 #detail #detail_img .thumb_box ul:nth-child(odd) {
     margin-right: 21px;
 }

 #detail #detail_img .thumb_box ul li a {
     width: 216px;
     height: 144px;
 }

 .ctl_detail #content .inner {
     width: 980px;
 }

 .ctl_detail #content .inner .inner {
     width: 100%;
 }

 .ctl_detail #content #detail .detail_left {
     width: 456px;
 }

 .detail_headline_bottom {
     margin-top: 12px;
 }

 .detail_headline_bottom h2 {
     margin-top: 35px;
 }

 .ctl_detail #content #detail .detail_right {
     width: 456px;
     float: left;
     margin-left: 25px;
     margin-top: 35px;
 }

 /* format listing , sd, mp3s, vinyl, etc */
 #buybox {
     position: relative;
 }

 #buybox #related li {
     width: 216px;
     position: absolute;
     z-index: 999;
 }

 #buybox #related li:nth-child(1) {
     left: 0px;
     top: 17px
 }

 #buybox #related li:nth-child(2) {
     right: 2px;
     top: 0px
 }

 #buybox #related li:nth-child(3) {
     left: 0px;
     top: 0px
 }

 #buybox #related li:nth-child(1) .related_format,
 #buybox #related li:nth-child(3) .related_format {
     width: 191px;
 }

 .article_original li.format,
 .related_box .related_format {
     float: left;
     width: 193px;
     color: #999;
 }

 #detail .detail_right #table_buy tr th {
     color: #999;
     font: 12px "PragmaticaWebBook", Arial, Helvetica, sans-serif;
     text-transform: lowercase;
 }

 #detail .detail_right #table_buy tr th.cart_button {
     width: 70px;
 }

 #detail .detail_right #table_buy {
     border-bottom: 1px solid #ccc;
     padding: 14px 0px 3px;
     width: 466px !important
 }

 #detail .detail_right #table_buy tr th.cart_button {
     text-align: left;
     width: 30px;
 }

 #detail .detail_right #table_buy tr th.ordernumber {
     width: 279px;
     text-align: right;
     padding-right: 38px;
 }

 #detail .detail_right #table_buy tr th.attr_14 {
     width: 79px;
 }


 .related_box .linkIcon {
     width: 19px;
     margin-right: 0px;
     margin-top: -4px;
     float: left;
 }

 .related_box span:nth-child(2) {
     margin-left: -4px;
 }

 .related_box .linkIcon a {
     margin-left: 10px !important;
     margin-top: 4px !important;
 }

 #sAddToBasket {
     height: 45px;
 }

 .article_original li.format {
     width: 120px;
 }

 .article_original li.price {
     width: 33px;
 }

 .article_original #sAddToBasket #addToCart {
     margin-top: 4px !important;
 }

 /* playlst */
 #detail .detail_left .detail_description {
     color: #999;
     line-height: 16px;
     margin-top: 19px;
 }

 .detail_right ul#tracksTable {
     color: #666 !important;
     ;
     float: left;
     border-top: 1px solid #ccc !important;
     border-bottom: 1px solid #ccc;
     font-family: "PragmaticaWebBold";
     text-transform: uppercase;
     border-width: 1px !important;
     padding: 4px 2px 0px !important;
     margin-bottom: 0px;
 }

 .detail_right ul#tracksTable li {
     float: left;
     height: 19px;
 }

 .detail_right ul#tracksTable li.track_name {
     width: 239px;
 }

 .detail_right ul#tracksTable li.time,
 #albumTable td.time {
     width: 116px;
 }

 .detail_right ul#tracksTable li.play {
     width: 68px;
 }

 #albumTable td.play {
     width: 70px;
     display: inline-block !important;
 }

 .detail_right ul#tracksTable li.buy,
 #albumTable td.buy {
     width: 30px;
 }

 /* footer playlist */

 #albumTable td {
     height: 18px !important;
 }

 #albumTable td.track_name {
     width: 238px;
 }

 #albumTable td.time {
     width: 117px !important;
 }

 #albumTable td.play {
     width: 29px !important;
     margin-bottom: -1px;
 }

 #albumTable td.buy #buyIconAlbum {
     position: absolute;
     right: 0px;
     top: -7px;
 }

 .detail_right .mejs-list#tracksTable .track_name {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }


 .detail_right .mejs-list#tracksTable li.buy {
     width: 55px;
 }

 .ctl_detail .detail_right #buybox .mejs-playlist .ico_buyIcon {
     /* margin:5px 0px 5px 41px !important; */
     margin: 3px 0px 3px 37px !important;
 }

 .detail_right .mejs-list#tracksTable li.buy a {
     width: 71px;
     display: block;
 }

 .detail_right #tracksTable #mejis-list #tracksTable {
     padding: 0px !important;
 }

 .mejs-playlist.mejs-layer {
     float: left;
 }

 .detail_right .mejs-playlist {
     float: left;
 }

 .detail_right .mejs-playlist li.time {}

 .detail + right .mejs-playlist li.ico_play {}

 .detail_right .mejs-playlist #tracksTable {
     font-family: "PragmaticaWebBook";
     text-transform: none;
     border-top: none !important;
     border-bottom: none !important;
     padding-top: 0px !important;
 }

 .detail_right .mejs-playlist #tracksTable li {
     line-height: 23px;
 }

 .detail_right .mejs-playlist {
     padding: 0px;
     width: 100%;
     padding-bottom: 40px;
     margin-bottom: -40px;
 }

 .ctl_detail .detail_right #buybox .mejs-playlist .ico_play,
 .ctl_detail #buybox table .ico_play {
     height: 23px !important;
     background: url('img/ico-play.jpg') no-repeat left 7px;
     width: 70px;
 }

 .ctl_detail #buybox table .ico_play {
     background-position: left 2px;
     height: 24px !important;
 }


 /* buy icons, magenta squares */
 .ctl_detail .detail_right #buybox .mejs-playlist .ico_buyIcon,
 .ctl_detail #buybox table #buyIconAlbum,
 #sAddToBasket #addToCart,
 .related_box .linkIcon a,
 #detail .detail_right #table_buy tr th.cart_button #basketbutton {
     text-indent: -5000px;
     background-image: none;
     background-color: #FF3399;
     /*background-image: url("../images/icons/AddtoCart_9x9.png");
     background-color: transparent;*/
     width: 9px;
     height: 9px;
     margin: 7px 0px 8px 50px;
     border: 4px solid white;
     display: block;
 }


 #buybox .mejs-playlist .ico_buyIcon,
 .ctl_detail #buybox table #buyIconAlbum {
     background-image: url("../images/icons/AddtoCart_9x9.png") !important;
     background-color: transparent !important;
     background-position: left;
 }



 #detail .detail_right #table_buy tr th.cart_button #basketbutton {
     width: 13px;
     height: 13px;
     position: absolute;
     top: 7px;
     margin-left: 6px;
     right: 14px;
 }

 .cart .cart_icon.no_stock,
 #detail .detail_right #table_buy tr th.cart_button .out_of_stok {
     text-indent: -5000px;
     /* out of stock */
     background-image: none;
     background-color: white;
     border: 1px dashed #ccc;
     width: 7px;
     height: 7px;
     margin: 1px 0px 8px 49px;
     display: block;
 }

 #detail .detail_right #table_buy tr th.cart_button .out_of_stok {
     position: absolute;
     bottom: 0px !important;
     width: 5px;
     left: 188px;
 }

 /* yellow icons in release detail */
 .menu_category_12.ctl_detail .detail_right #buybox .mejs-playlist .ico_buyIcon,
 .menu_category_12.ctl_detail #buybox table #buyIconAlbum,
 .menu_category_12.related_box .linkIcon a {
     /* background-color: #ffcc00 !important; */
     margin-bottom: 3px !important;
     border: 4px solid white;
     margin-top: 3px !important;
     height: 9px !important;
     width: 9px !important;
 }

 .menu_category_12.ctl_detail .detail_right #buybox .mejs-playlist .ico_buyIcon:hover,
 .menu_category_12.ctl_detail #buybox table #buyIconAlbum:hover,
 .menu_category_12 #sAddToBasket #addToCart:hover,
 .menu_category_12 .related_box .linkIcon a:hover {
     /* background-color:#ffcc00 !important;  */
 }

 .menu_category_12.ctl_detail #buybox table #buyIconAlbum {
     margin: 6px 0px 0px 0px !important;
 }

 /* link icons are grey */

 /* hiding basket in release detail 
.menu_category_12 #sAddToBasket, .menu_category_12 #related { display:none;  }*/

 .related_box .linkIcon a {
     background-color: #cccccc;
 }

 #sAddToBasket #addToCart {
     margin-top: 0px;
 }

 .detail_right .mejs-playlist li {
     color: #999;
     border-bottom: 1px solid #ccc;
     font-size: 12px;
     line-height: 24px;
 }

 .detail_right .mejs-playlist li.clear {
     border: none !important;
 }

 .detail_right .mejs-playlist li:hover {
     color: #777;
 }

 #buybox table {
     font-family: "PragmaticaWebBold";
     text-transform: uppercase;
     color: #666 !important;
     float: left;
     margin-top: 4px !important;
     margin-left: 2px !important;
     position: relative;
     padding-bottom: 28px;
 }

 .ctl_detail.menu_category_9 #content #detail .detail_right #buybox #related {
     /* display:none; */
 }

 #buybox table tr td:nth-child(4) {
     width: 68px !important;
     position: relative;
 }

 #albumTable tr td,
 #albumTable tr th {
     color: #666;
     border-bottom: 1px solid #ccc;
     padding: 0px;
 }

 .detail_right #albumTable #buyBoxAlbum {
     background-color: #ccc;
     right: 33px;
     padding: 5px;
 }

 #buyBoxAlbum a,
 #buyBoxAlbum {
     text-transform: lowercase;
     color: #666 !important;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
 }

 #buyBoxAlbum a:hover {
     text-decoration: none !important;
 }

 .detail_right .newbasketform {
     height: 26px;
 }

 /* custom for releases without tracklists (books, posters, etc) */
 #sAddToBasket.no-tracklist .ordernumber {
     visibility: hidden;
     width: 209px !important;
 }

 #sAddToBasket.no-tracklist tr th.attr_14 {
     width: 155px !important;
 }

 #sAddToBasket.no-tracklist #table_buy {
     width: 455px !important;
     /*height:16px; */

 }

 #detailBuyInfoNotAvailable {
     height: 12px;
 }

 /*
#sAddToBasket.no-tracklist tr th { line-height:10px !important; padding:9px 0px !important;}
*/
 #sAddToBasket.no-tracklist th.cart_button .out_of_stok {
     bottom: -2px !important;
 }

 #sAddToBasket.no-tracklist #addToCart {
     position: absolute;
     top: 6px;
     left: 212px;
     border: 4px solid white;

 }

 #detail .detail_right #table_buy tr th.attr_14 {
     position: absolute;
     left: 256px;
 }

 .menu_category_12 #sAddToBasket.no-tracklist #addToCart {
     background-color: #ffcc00 !important;
 }

 #detail .detail_right #table_buy tr th.price {
     position: absolute;
     right: 5px;
 }

 /* recommended */

 /* recommended are hidden in release detail */
 .ctl_detail.menu_category_12 .detail_recommended {
     display: none;
 }

 /* and catalogue number is hidden in shop detail 
.ctl_detail.menu_category_9 .big_line { display:none; }*/


 .detail_recommended_headline {
     font-family: "PragmaticaWebBold";
     color: #666;
     border: none !important;
     margin-bottom: 3px;
     margin-top: 13px
 }

 #recommended .artbox {

     margin: -5px 24px 20px 0;
     width: 216px;
     border-top: 1px solid #dcdcdc;
     border-bottom: 1px solid #dcdcdc;
     padding: 0px 0px 6px;
 }

 .detail_recommended .content div:nth-child(5) .artbox {
     margin-right: 0px !important;
 }

 #recommended .artbox .images {
     background-color: #cccccc;
     padding: 1px 0px 0px;
     width: 216px;
     height: 146px !important;
     margin: 10px 0px;
 }

 #recommended .artbox .inner .images a {
     margin-top: -1px;
     overflow: hidden;
     display: block;
     width: 200px;
     height: 147px !important;
     background-size: cover !important;
 }

 #recommended .artbox .inner {
     padding: 0px;
     width: 165px;
 }

 #recommended .artbox .inner .list {
     margin-top: 10px;
 }

 #recommended .artbox .inner .list span {
     color: #999;
 }

 #recommended .artbox .inner .artikel_name {
     margin-top: 15px;
     clear: left;
 }

 #recommended .artbox .inner .artikel_name,
 #recommended .artbox .inner .supplier_name,
 #recommended .artbox .inner .list {
     margin-left: 8px;
     margin-bottom: 11px;
 }

 #recommended .artbox .inner .artikel_name {
     margin-bottom: 0px;
 }

 #recommended .artbox .inner .artikel_name,
 #recommended .artbox .inner .supplier_name {
     font-size: 12px !important;
 }

 #recommended .artbox .description p.desc {
     font-size: 12px;
     color: #999 !important;
     line-height: 16px;
 }

 #recommended .artbox .inner .article_data_more {
     display: inline !important;
 }

 #recommended .artbox .inner .article_data_more a {
     display: inline-block;
     text-indent: -5000px;
     width: 26px;
     margin-left: 2px;
     background: url("img/more-magenta.png") no-repeat left 4px;
 }

 .menu_category_5 #recommended .artbox .inner .article_data_more a {
     background: url("img/more-yellow.png") no-repeat left 4px;
 }

 .menu_category_12 #recommended .artbox .inner .article_data_more a,
 .menu_category_12 #shop-listing .inner .desc_more a {
     background: url("img/more-yellow.png") no-repeat left 4px;
 }

 #shop-listing .inner .desc_more {
     /* display:block;  
	margin-top: 0px;
	margin-left: 2px;
	margin-bottom: -2px; */
     position: absolute;
     top: 210px;
     left: 24px;
 }

 #shop-listing .artbox {
     margin-bottom: 8px;
 }

 .shop_imges {
     background-color: #c2c4c7;
     /* padding: 10px 10px 1px; */
     margin-bottom: 12px;
 }

 #articleTable {
     border-bottom: 1px solid #000;
     padding-bottom: 4px;
 }

 #articleTable tr td {
     border-top: none;
 }

 #tracksTable tbody tr:first-child td {
     border-top: none !important;
     color: #666 !important;
 }

 #tracksTable {
     color: #000;
     font-size: 12px;
 }

 #tracksTable tr:hover {
     background-color: #cce6ff;
 }

 #tracksTable tbody tr:first-child:hover {
     background-color: #fff;
 }

 #albumTable tr td {
     border-top: none;
     line-height: 15px;
 }

 #detail .detail_right #buybox {
     margin-top: 0px !important;
     clear: left;
 }

 #detail .detail_right #buybox .article_original {
     position: absolute;
     right: 2px;
     top: 17px;
 }

 #detail .detail_right #buybox .article_original li {
     float: left;
     color: #999;
 }

 .detail_recommended .detail_recommended_headline {
     margin-bottom: 8px;
 }

 /* FIX for display of boxes in shop detail 28/8 */
 #detail .detail_right #buybox .article_original {
     position: absolute;
     left: 238px;
 }

 li.cart {
     position: absolute;
     left: 0px;
     top: 0px;
 }

 #sAddToBasket #addToCart {
     margin-left: -4px;
 }

 .article_original li.format,
 .related_box .related_format {
     left: 21px;
     position: absolute;
 }

 .article_original li.price {
     position: absolute;
     left: 172px;
 }

 .related_box .linkIcon {
     position: absolute;
     left: 0px;
 }

 .related_box .linkIcon a,
 .cart .cart_icon.no_stock {
     margin-left: 0px !important;
 }

 .cart .cart_icon.no_stock {
     margin-top: 4px;
 }



 /* proyects page */
 a.title .more {}

 /* terms and conditions */
 div.second_terms {
     padding-top: 0px;
 }

 div.second_terms strong,
 div.privacy_policy strong {
     font-weight: normal;
 }


 /* shop */
 .ctl_listing #search_box {
     left: 11px;
     position: absolute;
     height: 23px;
     width: 936px;
     border-bottom: 1px solid #ccc;
     top: 29px;
 }

 .container_20 #searchfield input {
     margin-top: 0;
     margin-left: 6px;
 }

 body.menu_category_12 .container_20 #searchfield,
 body.menu_category_9 .container_20 #searchfield {
     width: 460px;
 }

 body.menu_category_12 .container_20 #searchfield input,
 body.menu_category_9 .container_20 #searchfield input,
 body.menu_category_5 .container_20 #searchfield input {
     margin-left: 5px;
 }

 div.filter_properties {
     position: absolute;
     top: -1px;
 }

 div.filter_properties h2 {
     display: none;
 }

 div.supplier_filter {
     width: 960px !important;
     border: none !important
 }

 div.supplier_filter,
 .supplier_filter div {
     float: left;
 }

 div.supplier_filter .options {
     margin-left: 15px;
 }

 div.supplier_filter div:first-child {
     display: none !important;
 }

 div.supplier_filter div {
     background: none !important;
     position: absolute;
     top: 1px;
     width: 500px;
     right: 0px;
 }

 div.supplier_filter ul li {
     border: none;
     color: #999;
     height: 20px;
 }

 div.supplier_filter ul li:hover,
 div.supplier_filter ul li:hover a {
     background: none;
 }

 div.supplier_filter ul li a {
     height: 10px;
     padding: 4px 6px 7px 22px;
     color: #999;
     margin: 0px;
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px 8px;
 }

 div.supplier_filter ul li a:hover,
 div.supplier_filter ul li.active,
 div.supplier_filter ul li.close:hover a,
 div.supplier_filter ul.left li.close:hover a {
     font-weight: normal;
     display: inline-block;
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px -12px;
     height: 12px;
     line-height: 12px;
     padding-bottom: 0px;
 }

 div.supplier_filter ul li.active,
 div.supplier_filter ul.left li.close:hover a {
     background-position: 5px -10px;
 }

 .menu_category_12 div.supplier_filter ul li a:hover,
 .menu_category_12 div.supplier_filter ul li.active,
 .menu_category_12 div.supplier_filter ul li.close:hover a,
 .menu_category_9 div.supplier_filter ul li a:hover,
 .menu_category_9 div.supplier_filter ul li.active,
 .menu_category_9 div.supplier_filter ul li.close:hover a,
 .menu_category_12 div.supplier_filter ul li.active:hover a {
     font-weight: normal;
     display: inline-block;
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px -12px;
     height: 12px;
 }


 .menu_category_9 div.supplier_filter ul li.close:hover a,
 .menu_category_9 div.supplier_filter ul li.active a {
     background-position: 5px -10px !important;
 }

 div.supplier_filter ul li:hover.active {
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px -10px !important;
 }

 div.supplier_filter ul li.close {
     height: 20px;
 }

 div.supplier_filter ul li.close span {
     color: #999;
 }

 div.supplier_filter ul li.close:hover a {
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px 8px;
 }

 div.supplier_filter div.active {
     display: none;
     background: url ("../images/icons/ico_search_inactive.gif") no-repeat 5px 7px;
 }

 div.supplier_filter div span.expandcollapse {
     background: #fff url('data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==') center !important;
     height: 9px;
     top: 9px !
 }

 div.supplier_filter div.slideContainer {
     display: block !important;
     position: absolute;
     width: 500px;
     left: 473px;
     height: 21px;
     border: none;
 }

 div.supplier_filter div:nth-child(4) {
     left: 166px
 }

 /* positioning the artist combo list */
 #shop-listing .artikel_name {
     font-family: "PragmaticaWebBold";
 }

 #shop-listing .supplier_name {
     margin-bottom: 10px;
     font-family: "PragmaticaWebBold";
 }

 #shop-listing .inner .desc_more a {
     font-family: "PragmaticaWebBold";
     display: block;

     background: url("img/more-magenta.png") no-repeat left 3px;
 }

 /* CART ************************************/
 .shopping_cart_images,
 #basket .cart .shipping .shipping_costs h2,
 #basket .cart .shipping .basket_dispatch_description,
 #basket .table .ordernumber {
     display: none;
 }

 .container_20 #basket .table {
     width: 935px;
 }

 #basket .actions {
     height: 24px;
 }

 #basket .table .table_head {
     border-bottom: 1px solid #999 !important;
     border-top: 1px solid #999;
     padding: 4px 0px;
     font-size: 12px !important;
     font-family: "PragmaticaWebBold";
 }

 #basket .table .table_foot {
     border-top: 1px solid #999;
     height: 90px;
 }

 #basket .cart .table_head .grid_6 span {
     font-family: "PragmaticaWebBold";
     font-size: 12px;
     font-weight: normal;
     padding-left: 0px;
 }

 .table .table_row .title,
 #basket .table .table_row .title {
     font-family: "PragmaticaWebBook";
     font-size: 12px !important;
     text-transform: none;
     font-weight: normal;
     color: #999;
 }

 body.ctl_checkout #basket {
     color: #999;
     font-size: 12px;
     font-family: "PragmaticaWebBook";
     margin-left: 19px;
     margin-top: -13px;
 }

 #login_top #shopnavi .top span.amount {
     font-weight: normal;
     font-family: "PragmaticaWebBook";
 }

 .ctl_account #login .inner_container {
     height: 150px;
 }

 #login_top #shopnavi .top span {
     font-family: "PragmaticaWebBook";
 }

 #login_top #shopnavi .top span.amount strong {
     font-weight: normal;
 }

 .grid_10.aggregation {
     position: absolute;
     right: 0px;
     top: 0px;
     font-size: 12px;
     margin: 0px;
 }

 .ctl_checkout .grid_10.aggregation .inner {
     width: 300px !important;
 }

 .basket_dispatch_description {
     clear: left;
 }

 .grid_10.shipping .headingbox.largesize {
     width: 300px;
 }

 #basket .table .table_row .title {
     margin-top: -4px;
 }

 #basket .cart .shipping form {
     margin-top: -1px;
     height: 100px;
     position: relative;
 }

 #basket .cart .shipping {
     margin-left: 0px;
     padding-top: 4px;
 }

 .table .table_row select {
     -webkit-appearance: none;
     border: 1px solid #999;
     width: 40px;
     border-radius: 0px;
     padding: 2px;
     color: #999;
     background: url('img/select-arrow.png') no-repeat 26px 5px !important;
     margin-left: -13px;
 }

 #basket .cart .shipping select {
     border: none;
     -webkit-appearance: none;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
     border-radius: 0px;
     height: 24px;
     line-height: 24px;
     color: #999;
     font-family: "PragmaticaWebBold";
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
 }

 #basket .cart .shipping .basket_payment {
     left: 0px;
 }

 #basket .cart .shipping .basket_dispatch {
     left: 238px;
     top: -45px;
 }

 #recalcShipping .basket_payment,
 #recalcShipping .basket_dispatch {
     position: relative;
 }

 #recalcShipping div p {
     position: absolute;
     top: 33px;
 }

 #recalcShipping div select {
     position: absolute;
     top: 10px;
 }

 .include_vat {
     position: absolute;
     right: 0px;
     top: 130px;
 }

 #basket .cart .table_foot #aggregation_left {
     position: absolute;
     right: 117px;
     width: 193px;
     top: 9px;
 }

 #basket .cart .table_foot #aggregation_left div {
     text-align: right;
 }

 #basket .cart .table_foot #aggregation_right {
     position: absolute;
     right: 0px;
     top: 9px;
     text-align: right;
 }

 #basket .actions a.button-right {
     position: absolute;
     width: 152px;
     margin-left: 2px;
     background: url("img/more-magenta.png") no-repeat right 4px;
     box-shadow: none;
     padding: 0px;
     right: 24px;
 }

 #basket .actions:first-child {
     display: none;
 }

 #basket .space + .actions {
     margin-top: 24px;
 }

 .frontend_checkout_cart {
     display: none;
 }

 #basket .cart .table_row .grid_3 {
     top: 33px;
     left: 105px;
 }

 #basket .actions a.button-right:before {
     content: "proceed to checkout";
     color: #999;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     text-transform: lowercase;
     display: block;
     margin-top: -13px;
 }

 #basket .cart .table_row,
 #content #confirm .table .table_row {
     padding: 0px;
 }

 .table .table_row .basket_details {
     left: 120px;
     top: 354px;
 }

 #basket .cart .table_row div,
 #content #confirm .table .table_row div {
     padding-top: 35px !important;
 }

 #basket .cart .table_row div div,
 #content #confirm .table .table_row div div {
     padding-top: 0px !important;
 }

 #basket .cart .table_head .grid_6,
 #content #confirm .table .table_head .grid_6 {
     width: 238px;
 }

 #basket .cart .table_row div.first {
     padding-top: 0px !important;
 }

 #basket .cart .table_head .grid_5,
 #content #confirm .table .table_head .grid_5 {
     width: 239px;
 }

 #basket .cart .table_head .grid_7,
 #content #confirm .table .table_head .grid_7 {
     width: 146px;
 }

 #basket .cart .table_head .grid_2,
 #basket .cart .table_row .grid_2,
 #content #confirm .table .table_head .grid_2,
 #content #confirm .table .table_row .grid_2 {
     width: 100px;
 }

 #basket .cart .table_head .grid_2 {
     width: 99px;
 }

 .table_row .grid_2 + .grid_2,
 .table_head .grid_2 + .grid_2 {
     width: 116px !important;
 }

 #basket .cart .table_row .grid_8 {
     width: 0px
 }

 #basket .cart .table_row .grid_8 a.del,
 #basket .cart .table_row .grid_8 a.del:hover {
     position: absolute;
     left: 700px;
     top: 37px;
     display: block;
     padding: 2px;
     z-index: 99999;
     text-indent: -5000px;
     background: url("img/delete.png") no-repeat left top;
     width: 12px;
     height: 12px;
 }

 .table .table_row .basket_details {
     left: 120px;
     top: 354px;
 }

 #basket .cart .table_row .grid_1,
 #content #confirm .table .table_row .grid_1 {
     padding-top: 31px !important;
 }

 #basket .cart .table_row .grid_6,
 #content #confirm .table .table_row .grid_6 {
     width: 240px;
     height: 80px;
     padding-top: 0px !important;
 }

 #basket .cart .table_row .grid_5,
 #content #confirm .table .table_row .grid_5 {
     width: 240px;
 }

 #basket .cart .table_row .grid_7,
 #content #confirm .table .table_row .grid_7 {
     width: 149px;
 }

 #basket .cart .table_row a.thumb_image,
 #content #confirm .table .table_row a.thumb_image {
     margin: 7px 0px !important;
 }

 .table .table_row a.thumb_image img {
     width: 93px;
     height: 65px;
 }

 .footer_total_left,
 .footer_total_right {
     font-family: "PragmaticaWebBold";
 }



 /* CHECKOUT *********************/
 .ctl_checkout .agb_accept {
     top: 76px !important;
 }

 .ctl_checkout .agb_accept.esd_article {
     top:
         /*103px*/
         155px !important;
     width: 326px;
 }


 .ctl_checkout .inner_container div p {
     margin-top: 16px !important;
 }

 .ctl_checkout #confirm p,
 .ctl_checkout #confirm label {
     font-weight: normal !important;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     color: #999;
 }

 .outer-confirm-container {
     margin-left: -24px !important;
 }

 .ctl_checkout .confirm_accept a {
     color: #999;
 }

 .ctl_checkout #confirm label {
     margin: 0px;
     padding: 0px;
 }

 .ctl_checkout .actions .button-middle.small {
     margin-left: 0px !important;
 }

 #confirm .underline {
     border-bottom: 1px solid #999;
 }

 #confirm .agb_cancelation {
     height: 96px;
 }

 div.agb_accept input,
 .ctl_checkout .more_info p input {
     margin: 3px 0;
     position: absolute;
     left: 340px;
     top: -5px;
     width: 10px;
     height: 10px;
 }

 .ctl_checkout #dpacheckbox:checked:after {
     margin-top: -1px;
 }

 #content #confirm .underline {
     line-height: 16px;
     padding-top: 3px;
     font-weight: normal;
     color: #999;
     border-bottom: 1px solid #ccc !important;
 }

 #content h3.underline {
     border-bottom: none !important;
 }

 .ctl_checkout #confirm .personal-information .invoice-address {
     float: left;
 }

 .ctl_checkout #confirm .personal-information .invoice-address,
 .ctl_checkout #confirm .personal-information .shipping-address {
     width: 338px !important;
     margin: 0 20px 0 0;
 }


 .paymill-tooltip {
     display: none;
 }

 .ctl_checkout #content .method .grid_10 {
     float: left;
     margin-left: 180px;
     margin-top: -16px;
 }

 .ctl_checkout #confirm .personal-information h2 {
     border-bottom: 1px solid #ccc !important;
     width: 696px;
     margin: 0 0 0 40px !important;
     padding: 0px !important;
 }

 .ctl_checkout #confirm .personal-information .actions {
     bottom: 0;
 }

 .ctl_checkout #confirm .personal-information .invoice-address,
 .ctl_checkout #confirm .personal-information .shipping-address,
 .ctl_checkout #confirm .personal-information .payment-display {
     height: auto;
     padding-bottom: 40px;
 }

 #content #confirm .payment_method .underline,
 .ctl_checkout #confirm .payment_method .method {
     border-bottom: none;
     width: 696px;
 }

 .ctl_checkout #content #confirm .method .grid_10 {
     width: 420px;
 }

 .ctl_checkout #confirm .personal-information .payment_method .bankdata {
     margin-top: 6px;
 }

 .ctl_checkout .bankdata #card-expiry-month {
     position: absolute;
     width: 30px;
     left: 0px;
     border: 1px solid #ccc;
 }

 .ctl_checkout .bankdata #card-expiry-year {
     position: absolute;
     width: 30px;
     left: 40px;
     border: 1px solid #ccc;
 }


 .ctl_checkout .more_info {
     top: 105px !important;
     width: 326px;
     position: absolute;
 }





 /* login page, forgot password  */
 .ctl_account .breadcrumb_bottom {
     display: none;
 }

 body.ctl_account #content {
     margin-left: 16px;
 }

 body.ctl_account div#breadcrumb {
     border-bottom: none;
 }

 #login .inner_container {
     background: white;
 }

 .ctl_account .container_20 #content .grid_10.account,
 .ctl_account .container_20 #content .grid_10.right {
     margin-top: 41px;
 }

 .ctl_account .container_20 #content .grid_10.right {
     float: left !important;
 }

 .payment fieldset {
     background: none;
     border: none;
 }

 .frontend_account_login {
     color: #999;
     font-weight: normal;
 }

 #login .inner_container {
     margin-top: -28px;
     height: 145px;
 }

 #login .inner_container,
 .payment fieldset {
     border: none;
     padding: 0px;
     margin-bottom: 35px;
 }

 .inner_container {
     border: none;
     margin-bottom: 40px;
 }

 .container_20 #content .grid_10.right .shipping_adress_description,
 .container_20 #content .grid_10.right .billing_adress_description {
     margin-bottom: 16px;
 }

 .container_20 #content .shipping_adress {
     margin-top: 59px;
 }

 .login_headline span.frontend_account_login {
     color: #999 !important;
 }

 /* #login label { margin-top:0px; } */
 #login .action {
     position: absolute;
     bottom: 35px;
     left: 39px;
 }

 #login .password {
     margin-left: 0px;
     margin-top: 44px;
 }

 #login .password a span {
     color: #FF3399;
 }

 .new_register_headline .frontend_account_login,
 .login_headline .frontend_account_login {
     color: #999 !important;
 }

 /* login button as "more" links */
 #login .action .button-middle,
 input.button-right.register_now {
     display: inline-block;
     text-indent: -5000px;
     width: 26px;
     margin-left: 2px;
     background: url("img/more-magenta.png") no-repeat left 4px !important;
     box-shadow: none;
 }

 .button-right.large.register_now {
     position: absolute;
     top: -3px;
     left: 182px;
 }

 .ctl_account .button-right.large.register_now {
     left: -16px;
 }

 .login_facebook_acount {
     display: none;
 }

 /* ERROR HANDLING **/

 .error {
     box-shadow: none;
     width: 923px;
     background-color: white;
     margin: 0px;
     padding: 0px;
     box-shadow: none;
     width: 923px;
     background-color: white;
     margin-left: 10px;
     font-family: "PragmaticaWebBold";
     text-transform: uppercase;
     font-weight: normal;
     min-height: 65px;
 }

 .error h2 {
     text-transform: uppercase;
     font-family: "PragmaticaWebBold";
     font-weight: normal;
     font-size: 12px;
     margin: 0px;
     color:
         #ff3399;
 }

 .error ul li {
     color: #999;
     font-family: "PragmaticaWebBook";
     font-weight: normal;
     font-size: 12px;
     text-transform: lowercase;
     background: none !important;
     padding: 0px !important;
 }

 .register .error h2 {
     border-bottom: none;
     color: #ff3399;
 }

 #ajax_validate_email_error,
 #ajax_validate_password_error {
     top: 265px !important;
     left: 0px !important;
     position: absolute;
     z-index: 100;
     padding: 0px;
     width: 100% !important;
     margin: 0px auto !important;
 }

 .register .error {
     margin: 0px;
     border-bottom: none;
 }

 .instyle_error {
     background: #fff !important;
     box-shadow: none;
     color: #ff3399 !important;
 }

 .instyle_error a {
     color: #ff3399 !important;
 }

 input.instyle_error,
 select.instyle_error {
     border-top: 1px solid #ff3399 !important;
     border-bottom: 1px solid #ff3399 !important;
     color: #ff3399 !important;
 }

 div#ajax-validate-error.error {
     left: 0px !important;
     top: 290px !important;
     width: 100% !important;
     text-align: center !important;


 }

 .ctl_checkout #content .agb_confirm {
     color: #ff3399 !important;
     background: none;
     left: 0px;
     padding: 10px 0px 0px;
     height: 0px;
     margin-bottom: -30px;
     width: 936px;
 }

 .ctl_checkout #content .agb_confirm div strong {
     font-weight: normal;
 }

 /* maintenance page */
 .ctl_error #content {
     height: 200px;
 }

 .ctl_error .banner-slider-emotion.horizontal_slider {
     text-align: center;
     position: absolute;
     top: 105px !important;
 }

 .ctl_error #content h2 {
     font-size: 13px;
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
     color: #F0F;
     text-transform: uppercase;
     margin-top: 25px;
     margin-bottom: 10px;
 }

 .ctl_error #content p {
     color: #999;
 }

 .ctl_error .container_20 .push_2 {
     text-align: center;
     width: 960px;
 }


 /* inner static pages */

 /* no breadcrumb */
 .ctl_custom div#breadcrumb {
     border-bottom: none;
 }

 .ctl_custom #content .custom .inner h2 {
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
     font-size: 13px !important;
     color: #666;
     text-transform: uppercase !important;
     line-height: 16px;
     letter-spacing: 0.00em;
     font-weight: normal;
     margin: 0px 0px 12px
 }

 .ctl_custom #content .custom .inner {
     margin-left: 12px;
     margin-top: 16px;
     margin-bottom: 48px;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     line-height: 16px;
     color: #999;
 }

 .ctl_custom #content .custom .inner .second {
     margin-top: 28px;
 }

 .ctl_custom.custom_sites_4 #content .custom .inner div div {
     margin-bottom: 14px;
 }

 /* lines in faq page */
 .ctl_custom hr {
     border-top: 1px solid #ccc;
     margin-bottom: 12px;
 }

 .ctl_custom #content .inner p,
 #content .custom p {
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif !important;
     color: #999;
     margin-bottom: 12px;
     width: 450px;
 }

 hr + p {
     margin-bottom: 24px !important;
 }

 .custom_sites_9 .about-raster p {
     width: 960px !important
 }

 .custom_sites_9 .about-raster h3 {
     color: #666;
     font-family: "PragmaticaWebBold", Arial, Helvetica, sans-serif;
     font-size: 13px !important;
 }

 .custom_sites_9 .about-raster p.raster-media,
 .custom_sites_9 .about-raster p.noton {
     margin-bottom: 0px !important;
 }

 .ctl_custom #content .inner p span {
     color: #999 !important;
 }

 /* forgot your password ******************************************************************/

 .ctl_account .container_20 .grid_20 {
     margin-left: 0px !important;
 }

 .ctl_account .container_20 #content .grid_10.left .inner,
 .ctl_account .container_20 #content .grid_10.right .inner {
     margin-top: 0px;
     padding-bottom: 0px;
     width: 335px !important;
 }

 h2.headingbox_dark.largesize {
     border: none !important;
     padding: 0px !important;
 }

 h2.headingbox_dark.largesize span {
     font-family: "PragmaticaWebBold";
     font-weight: normal;
     color: #666;
 }

 .password .outer {
     background-color: white;
     margin: 0px;
     padding: 0px;
     border: none;
 }

 .password label {
     width: 132px;
     font-weight: normal;
     color: #999;
 }

 .password #txtmail {
     background: none;
     border: none;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
     width: 336px;
 }

 .password .description {
     position: absolute;
     top: 152px;
     width: 308px;
 }

 .payment fieldset p {
     margin-top: 24px;
 }

 .password .button-right.large,
 #registerbutton {
     position: absolute;
     text-indent: -5000px;
     width: 26px;
     margin-left: 2px;
     background: url("img/more-magenta.png") no-repeat left 4px;
     box-shadow: none;

 }

 .password .button-right.large {
     left: 170px;
     top: -36px;
 }

 .password .button-left.large {
     display: none;
 }

 .frontend_account_password {
     color: #999;
 }

 .password fieldset p label {
     top: 36px;
 }


 /* register page ******************************************************************/


 .personal_register_headline {}

 #registerbutton,
 #registerbutton:hover {
     background-color: white;
     width: 30px;
     box-shadow: none;
     bottom: 16px;
     float: right;
     left: 0px;
     margin-right: 26px;
 }

 #registerbutton:hover {
     background-position: left 4px !important;
 }

 #dpacheckbox {
     margin-right: 80px;
     margin-top: -1px;
 }

 .register .alternative_shipping div label {
     color: #999;
 }

 .grid_20.register {
     margin-top: 32px !important;
     margin-left: 16px;
     padding-bottom: 16px;
 }

 .ctl_register .grid_20.register form {
     width: 721px;
 }

 .ctl_register .grid_10 {
     width: 360px !important;
     float: left !important
 }

 /* mod for zip and city */
 .ctl_register .grid_10 input#zip,
 .ctl_account .grid_10 input#zip,
 .alternative_shipping input#zip2 {
     width: 100px !important
 }

 .ctl_register .grid_10 input#city,
 .ctl_account .grid_10 input#city,
 .alternative_shipping input#city2 {
     width: 220px !important
 }

 .ctl_register .grid_10 div.city,
 .ctl_account .grid_10 div.city {
     position: absolute;
     top: 152px;
     left: 118px;
 }

 .ctl_register .grid_10 div.city {
     top: 112px;
 }

 .ctl_account .grid_10 div.city {
     top: 96px;
 }

 .ctl_register .alternative_shipping div.city {
     top: 280px;
 }

 .ctl_account .alternative_shipping div.city {
     top: 280px;
 }

 .ctl_register .grid_10 div,
 .ctl_register .grid_10 span,
 .ctl_register .grid_10 label {
     color: #999;
 }

 .ctl_register #content .grid_10 .inner {
     width: 360px;
 }

 .ctl_register .alt_shipping label,
 .register .accept .privacy .chklabel,
 .register .register_bussines .inner div label {
     font-family: "PragmaticaWebBook";
     color: #ff3399;
     margin: 5px 5px 0px 0px;
     padding-right: 20px;
     position: relative;
 }

 .register .accept .privacy .chklabel,
 .register .accept .privacy .chklabel a,
 .register .accept .privacy .chklabel a:hover {
     color: #ff3399
 }

 .ctl_register .alt_shipping label {
     position: relative;
 }

 .alternative_shipping_headline {
     display: none;
 }

 .register .shipping_address .alt_shipping input {
     position: relative
 }

 .register .shipping_address .alt_shipping label {
     margin-top: -30px;
 }

 .fade_password.description {
     margin-left: 0px !important;
     margin-top: 12px !important;
     height: 24px !important;
     line-height: 16px;
 }

 .register .accept {
     float: right;
     width: 303px;
     margin-top: 20px;
     padding-right: 58px;
 }

 .register .accept .privacy .chklabel {
     left: 0px;
     background: transparent !important;
 }

 .register .accept. privacy {
     width: 316px !important;
 }

 .required_fields {
     font-weight: normal;
     font-family: "PragmaticaWebBook";
     color: #999;
 }

 .alt_shipping {
     width: 333px;
 }

 /* custom checkboxes ******************************************************************/

 input[type="checkbox"],
 .register .payment_method .radio,
 input[type=radio] {
     -webkit-appearance: none;
     -moz-appareance: none;
 }

 .ctl_register .alt_shipping input[type="checkbox"]:after,
 .register .accept .privacy .chklabel input[type="checkbox"]:after,
 .register .register_bussines .inner div input[type="checkbox"]:after,
 .register .privacy input[type="checkbox"]:after,
 .container_20 #content .grid_10 .newsletter input[type="checkbox"]:after,
 .register .payment_method .radio:after,
 div.agb_accept input:after,
 input[type=radio]:after,
 .ctl_checkout .more_info p input:after {
     content: "";
     height: 15px;
     width: 15px;
     display: block;
     position: absolute;
     right: 0px;
     top: 0px;
     background-color: red;
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 0px 7px;
 }

 .register .privacy input[type="checkbox"]:after {
     background-position-y: 9px;
     height: 17px;
 }

 .ctl_register .alt_shipping input[type="checkbox"]:checked:after,
 .register .accept .privacy .chklabel input[type="checkbox"]:checked:after,
 .register .register_bussines .inner div input[type="checkbox"]:checked:after,
 input[type=radio]:checked:after,
 .ctl_checkout .more_info input:checked:after {
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 0px -11px;
 }

 #dpacheckbox:checked:after,
 .container_20 #content .grid_10 .newsletter input[type="checkbox"]:checked:after,
 div.agb_accept input:checked:after {
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 0px -11px;
 }

 input[type=radio]:after {
     right: -10px;
     top: -17px;
 }

 /*.ctl_checkout .more_info input:after  { left: 340px;
top: -9px; }*/

 /* cyan checkbox */
 .register .payment_method .radio:checked:after,
 #register_personal_customer_type_checkbox:checked:after,
 #register_billing_shippingAddress:checked:after {
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 0px -13px !important;
     margin-top: 2px;
 }


 .register .personal_settings,
 .register .shipping_address,
 .register .payment_method,
 .register .company_informations,
 .register .alternative_shipping {
     background-color: #fff;
     border: none;
 }

 .register .shipping_address {
     position: relative;
 }

 .fade_password {
     clear: left;
 }

 .register .description {
     margin-left: 148px;
     color: #000;
     font-size: 12px;
 }

 .register_bussines {
     width: 467px !important;
 }

 .privacy {
     width: 315px;
 }

 .register_bussines label {
     margin-top: 0px;
 }

 .register .privacy,
 .register .alt_shipping {
     margin-left: 0px;
     height: 24px !important;
 }

 .register .privacy {
     width: 316px !important;
 }

 #register_personal_customer_type_checkbox {
     margin-left: 0px;
 }

 .alt_shipping input {
     float: right !important;
 }

 .register #register_billing_shippingAddress {
     margin-right: -2px !important;
     background-position-x: 5px;
 }

 .register .alt_shipping label {
     width: 324px;
     margin: 3px 0px;
 }

 .company_informations {
     margin-top: 44px;
     padding-top: 40px !important;
 }

 .register .grid_10 + .grid_10 + .grid_10 {
     margin-top: -1px !important;
 }

 /*.country-area-state-selection { display:none; }*/
 .privacy .chklabel {
     width: 275px !important;
     margin-left: 0px !important;
 }

 .register input.streetnumber,
 .alternative_shipping input.number,
 .alternative_shipping input.zipcode {
     float: left;
     width: 50px !important;
 }

 .register .grid_10 input.text.zipcode {
     float: left;
     width: 100px !important;
 }

 .register .zipcode,
 .alternative_shipping .zipcode {
     margin-right: 15px;
 }

 .register .city,
 .alternative_shipping .city {
     float: left;
     margin-left: 0px !important;
 }

 .shipping_address div,
 .alternative_shipping div {
     clear: left;
 }

 .alternative_shipping {
     margin-left: 10px !important;
 }

 .register select,
 .filter select {
     border-radius: 0px;
     background-color: #fff;
     -webkit-appearance: none;
     border: none;
     border-top: 1px solid #999;
     padding: 3px 3px 3px 0px;
     border-bottom: 1px solid #999;
     position: absolute;
     top: 6px;
     color: #999;
     width: 336px;
     box-shadow: none;
     background-position: 325px 6px !important;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
 }

 .alternative_shipping input[type=text],
 .alternative_shipping input.street,
 .alternative_shipping #text1 {}

 .register #dpacheckbox {
     float: right;
     margin-right: 63px;
 }

 .register .company_informations div label {
     margin-top: 4px;
 }

 /* NEWS DETAIL ******/
 #content .blogdetail {
     padding: 0px;
     /* border-top: 1px solid #ccc; */
     margin-top: 23px;
     margin: 24px 16px;
 }

 #content .blogdetail_images {
     margin-top: 16px;
     height: 342px;
 }

 #content .blogdetail #imgTarget {
     /* background-color:#cccccc; */
     width: 457px;
     height: 304px;
     border: none;
     padding: 0px;
     position: relative;
 }

 #content .blogdetail #imgTarget img {}

 #content .blogdetail .description {
     width: 430px;
     padding-left: 24px;
     padding-right: 0px;
     padding-bottom: 50px;
     margin-top: -8px;
 }

 #content .blogdetail .description p {
     font-size: 12px;
     line-height: 16px;
     color: #999;
     font-family: "PragmaticaWebBook";
 }

 #content .blogdetail .post_metadata {}

 .blogbox .post_metadata span {
     border: none;
     padding: 0px;
     color: #3399FF;
 }

 #content .blogdetail .blogdetail_header {
     border: none;
     margin-bottom: 16px;
 }

 .blogbox .right {
     float: none !important;
 }

 .blogbox .right ul li a.ico {
     width: 66px !important;
     background: url("img/more-cyan.png") no-repeat right 4px;
 }

 .blogbox .right ul li a.ico span {
     font-family: "PragmaticaWebBold";
     color: #666;
 }

 /* bookmarks */
 #share {
     padding-bottom: 62px;
 }

 #share li ul.bookmarks {
     margin-left: 72px;
     margin-top: -16px;
 }

 #share li ul li a {
     color: #999;
     font-size: 12px;
     font-family: "PragmaticaWebBook";
 }

 #share li ul li a:hover {
     color: #666;
 }


 /* NEWS LISTING ******************************************************************/

 #content #blog {
     margin-left: 16px;
     width: 939px;
 }

 #blog .blogbox .blogbox_content .blog_picture {
     padding: 0px;
     border: 0px;
     background-color: #ccc;
     margin-bottom: 12px;
 }

 #blog .listing-blog .blogbox {
     margin-right: 24px;
     margin-bottom: 0px;
     height: 184px;
 }

 #blog .listing-blog .blogbox:nth-child(4n) {
     margin-right: 0px;
 }

 #blog .listing-blog .blogbox .post_metadata {
     display: none;
 }

 #blog .listing-blog {
     margin-top: 12px;
 }

 #blog .listing-blog .blogbox .aticle_titel a.titel {
     letter-spacing: -0.005em;
 }

 #blog .listing_actions_bottom {
     height: 41px;
     /*
border-top: 1px solid #ccc;
width: 100%; */
 }

 #blog .listing-blog .blogbox .aticle_titel a.titel {
     text-overflow: ellipsis;
     white-space: nowrap;
     max-width: 185px;
     overflow: hidden;
     display: inline-block;
     padding-right: 45px;
     position: relative;
 }

 /* logout */
 .text span.frontend_account_logout,
 h2 .frontend_account_logout {
     display: block;
     width: 100%;
     text-align: center;
 }

 .text p a.button-left.large {
     width: 12% !important;
     margin-top: 40px;
     margin-bottom: -20px;
 }

 .ctl_account .text p {
     margin-bottom: 0px;
 }


 /* releases neu (tabelle) *************************************************/

 .ctl_listing.menu_category_12 #content .inner div#center {
     margin-left: 16px;
 }

 .ctl_listing.menu_category_12 .listing_actions_top {
     margin-top: 30px;
     width: 936px;
 }

 .ctl_listing.menu_category_12 .listing_actions_top table thead tr th:first-child {
     width: 75px !important;
 }

 .ctl_listing.menu_category_12 .listing_actions_top table thead tr th:nth-child(2) {
     width: 120px !important;
 }

 .ctl_listing.menu_category_12 .listing_actions_top table thead tr th:nth-child(3) {
     width: 180px !important;
 }

 .ctl_listing.menu_category_12 .listing_actions_top table thead tr th:nth-child(4) {
     width: 481px !important;
 }

 .ctl_listing.menu_category_12 .listing_actions_top table thead tr th:nth-child(5) {
     width: 40px !important;
 }

 .ctl_listing.menu_category_12 .listing_actions_top table thead tr th:nth-child(6) {
     width: 40px !important;
 }



 /* events ******************************************************************/


 .ctl_listing.menu_category_8 #content .inner div#center {
     margin-left: 16px;
 }

 .ctl_listing.menu_category_8 #selectEventsMonth {
     position: absolute;
     left: 8px;
 }

 .ctl_listing.menu_category_8 #selectEventsYear {
     position: absolute;
     left: 182px;
 }

 .eventsCurrentDayList tbody tr td:first-child {
     width: 131px;
 }

 .eventsCurrentDayList tbody tr td:nth-child(2) {
     width: 354px;
 }

 .eventsCurrentDayList tbody tr td:nth-child(3) {
     width: 238px;
 }

 .eventsCurrentDayList tbody tr td:nth-child(4) {
     width: 226px;
 }

 .listing_actions_top table.eventsCurrentDayList,
 table.eventsList {
     border: none;
 }

 .listing_actions_top table thead tr th {
     background-color: white;
     font-family: "PragmaticaWebBold";
     font-size: 13px;
     color: #666;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     padding: 0px;
     line-height: 24px;
     font-weight: normal;
     text-transform: uppercase;
 }

 .listing_actions_top table thead tr th:first-child {
     width: 260px !important;
 }

 .listing_actions_top table thead tr th:nth-child(2) {
     width: 294px !important;
 }

 .listing_actions_top table thead tr th:nth-child(3) {
     width: 330px !important;
 }

 .listing_actions_top table thead tr th:nth-child(4) {
     width: 264px !important;
 }

 .listing_actions_top table tbody tr td {
     border-bottom: 1px solid #ccc;
     text-transform: uppercase;
     color: #999;
     border-bottom: 1px solid #ccc;
     padding: 0px 0px;
     line-height: 24px;
 }

 .tablesorter-default thead {
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
 }

 .tablesorter-default .tablesorter-header {
     background: #fff url("img/sort.png") no-repeat 80px center;
 }

 .filter select {
     border: none;
     margin: 0px 40px 0px -8px;
     color: #666;
     font-family: "PragmaticaWebBold";
     font-weight: normal;
     font-size: 13px;
     width: 105px;
     top: 0px;
     background-position: 95px 7px !important;
     text-transform: uppercase;
 }

 .tablesorter-default th div {
     color: #666;
     font-family: "PragmaticaWebBold";
 }

 h1.events {
     display: none;
 }

 .listing table tbody tr td {
     text-transform: uppercase;
     color: #999;
     border-bottom: 1px solid #ccc;
 }

 .listing table tbody tr td a {
     color: #666;
 }


 /*.listing table tbody tr td a { color:#666; } */

 .listing table tbody tr td a {

     text-indent: -5000px;
     background: url("../images/more.png") no-repeat left 3px;
     width: 26px;
     display: inline-block;
     line-height: 13px;
     margin-top: 5px;
 }

 .listing table tbody tr td a.visit_link {
     color: #3399FF;
     background: url("img/more-cyan.png") no-repeat 4px 3px;
 }

 /* search ******************************************************************/

 /* hiding things */
 .ctl_search .grid_4.first,
 .fuzzy .category_filter h3,
 #listing .artbox div.ico_esd,
 .ctl_search .artbox .actions a.buynow,
 .ctl_search .artbox p.price.both,
 .ctl_search .listing_actions .top,
 .ctl_search #listing .artbox p.desc {
     display: none;
 }

 .ctl_search #header {
     margin-top: 38px !important;
 }

 .fuzzy div.result_box,
 .fuzzy .category_filter,
 .fuzzy .category_filter .categories {
     border: none;
 }

 .ctl_search #listing {
     width: 956px;
     padding-bottom: 40px;
     margin-top: 50px;
 }

 .listing_actions .articleperpage {
     width: 143px;
     margin-right: 27px;
 }

 .ctl_search .shop_imges {
     padding: 0px;
 }

 .ctl_search .container_20 .grid_13,
 .fuzzy .listing_actions {
     width: 936px;
 }

 .ctl_search #content {
     margin-left: 16px;
     margin-top: -30px;
 }

 .ctl_search #listing .artbox:nth-child(4n+1),
 .ctl_search #listing .artbox:first-child {
     width: 214px;
 }

 .ctl_search #listing .artbox:nth-child(4n+1) .inner,
 .ctl_search #listing .artbox:first-child .inner {
     margin-left: 0px
 }

 .ctl_search #listing .artbox {
     border: none;
     width: 230px;
 }

 .ctl_search #listing .artbox .inner {
     height: 175px;
     padding-bottom: 20px;
     margin-left: 16px;
     width: auto;
     padding: 0px;
 }

 .listing_actions .bottom .paging a.prev,
 .listing_actions .bottom .paging a.prev:hover {
     font-family: "PragmaticaWebBook";
     color: #999;
 }

 .ctl_search #listing .artbox a.title {
     margin: -2px 0px 5px;

     padding-right: 33px;
     display: inline-block;
     background: url("img/more-cyan.png") no-repeat right 4px;
 }

 .ctl_search #listing .artbox a.title:hover {
     color: #666;
 }

 .ctl_search #listing .artbox .actions {
     display: none;
 }

 .fuzzy .category_filter .categories {
     background: none;
     border: none;
     background: none;
     border-bottom: 1px solid #ccc;
     padding-bottom: 2px;
     position: absolute;
     top: 16px;
     left: 16px;
     width: 464px;
     padding-right: 0px;
     padding-left: 473px;
     z-index: 999;
 }

 .fuzzy .category_filter .showall {
     padding-left: 0px;
     float: left;
     clear: none;
     background: none;
     margin-top: 0px;
 }

 .fuzzy .category_filter .showall:hover {
     font-size: 12px;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
 }

 .fuzzy .category_filter .categories span {
     float: left;
     height: 10px;
     padding: 2px 34px 7px 22px;
     color: #999;
     margin: 0px;
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px 6px;
 }

 .fuzzy .category_filter .categories span:hover {
     background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px -52px;
 }

 .fuzzy .category_filter .categories span a,
 .fuzzy .category_filter .categories span a:hover {
     color: #999;
 }

 .ctl_search .artbox .actions {
     width: 100%;
 }

 .ctl_search .artbox .actions a {
     background-color: white;
     background-image: none;
     font-family: "PragmaticaWebBold";
 }

 .ctl_search #listing .artbox p.desc,
 .fuzzy div.result_box {
     padding-left: 0px;
     font-weight: normal;
     font-size: 12px;
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
     line-height: 16px;
     color: #999;
 }

 .fuzzy div.result_box {
     display: none;
 }

 .fuzzy .category_filter {
     height: 23px;
     width: 936px;
 }

 .ctl_search .artbox span.price {
     font-family: "PragmaticaWebBold";
     font-weight: normal;
     text-transform: uppercase;
     color: #999;
 }

 .listing_actions .sort-filter,
 .listing_actions label {
     font-size: 12px;
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
     font-weight: normal;
     color: #999;
 }

 .listing_actions select {
     border-radius: 0px;
     background-color: #fff;
     -webkit-appearance: none;
     border: none;
     border-top: 1px solid #999;
     padding: 3px;
     border-bottom: 1px solid #999;
     position: absolute;
     color: #999;
     width: 136px;
     box-shadow: none;
     background-position: 125px 6px !important;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
     margin-top: 3px;
 }

 .listing_actions .articleperpage select {
     background-position: 40px 6px !important
 }

 .ctl_search .artbox .artbox_thumb {
     width: 216px;
     height: 144px !important;
     box-sizing: border-box;
     background-color: #c2c4c7 !important;
     padding: 10px 10px 1px;
     margin-bottom: 12px;
 }

 .ctl_search #listing + .listing_actions.normal {
     display: none;
 }

 /* search pagination */
 .fuzzy .paging_top .bottom .paging {
     position: absolute;
     top: -22px;
     right: 0px;
 }

 /* top pagination */
 .fuzzy .paging_bottom .bottom .paging {
     position: absolute;
     top: 839px;
     right: 0px;
     height: 10px;
 }

 /* contact form ******************************************************************/

 #content .supportrequest .col_center_custom {
     padding-left: 0px;
     color: #999;
     height: 100px;
 }

 #content .supportrequest .col_center_custom h1 {
     margin-bottom: 12px;
     margin-top: 12px;
 }

 #content .supportrequest .col_center_custom p {
     /*display:none; */
 }

 #content .supportrequest .inner_container {
     background-color: white;
     border: none;
     padding: 0px;
 }

 #content .grid_20.supportrequest {
     margin-left: 0px;
     padding-bottom: 32px;
     height: 465px;
 }

 .supportrequest label {
     font-family: "PragmaticaWebBook", Arial, Helvetica, sans-serif;
     font-weight: normal;
     font-size: 12px;
     margin-left: 0px;
     width: 132px;
     color: #999;
     top: 18px !important;
 }

 #content .supportrequest.request {
     height: 310px;
 }


 .supportrequest form div {
     clear: left;
     height: 56px;
     margin: 0px;
 }

 .supportrequest form div:first-child {
     height: 56px;
 }

 .ctl_forms .supportrequest div:first-child label {
     top: 21px;
 }

 #content .supportrequest input {
     width: 336px;
     margin-top: 0px;
     top: 0px;
 }

 #content .supportrequest select {
     width: 336px;
     position: absolute;
     top: 0px;
     border-radius: 0px;
     background-color: #fff;
     -webkit-appearance: none;
     border: none;
     border-top: 1px solid #999;
     padding: 3px 3px 3px 0px;
     border-bottom: 1px solid #999;
     position: absolute;
     color: #999;
     width: 136px;
     box-shadow: none;
     background-position: 125px 6px !important;
     -moz-appearance: none;
     text-indent: 0.01px;
     text-overflow: '';
     margin-top: 0px;

 }

 .supportrequest .buttons {
     position: absolute;
     right: 114px;
     bottom: 88px;
     width: 49px;
     height: 15px;
     margin-bottom: 0px;
 }

 .supportrequest .buttons input {
     border: none;
 }

 /* textarea and captcha */
 #content .supportrequest form div.textarea textarea {
     position: absolute;
     left: 0px;
     top: 0px;
     margin-top: 0px;
     margin-left: 0px;
     border-left: none;
     border-right: none;
     height: 100px;
     width: 326px;
 }

 #content .supportrequest form div.textarea label {
     top: 106px !important;
 }

 .ctl_forms .supportrequest div.textarea,
 .ctl_forms .supportrequest div.captcha {
     position: absolute;
     top: 0px;
     left: 360px;
 }

 .ctl_forms .supportrequest div.captcha {
     top: 139px;

     margin: 0px;
 }

 .ctl_forms .headingbox_dark.largesize {
     display: none;
 }

 .supportrequest .captcha {
     margin-top: 90px;
     margin-left: 132px;
     margin-bottom: 13px;
 }

 .supportrequest .captcha img {
     margin-left: 0px;
     width: 110px;
     margin-bottom: 13px;
     margin-top: 13px;
 }

 .supportrequest .code label {
     margin-left: 0px;
     width: 304px;
 }

 .supportrequest .code input {
     margin-left: 0px;
 }

 .supportrequest .requiredfields {
     margin-left: 0px;
     color: #999;
     position: absolute;
     left: 0px;
     bottom: 72px;
 }

 .supportrequest.request .requiredfields {
     top: 310px;
 }

 .supportrequest.request p.buttons {
     top: 323px;
 }

 .supportrequest input {
     box-shadow: none;
     background: none;
     border: none;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
     width: 326px;
     height: 16px;
     padding: 3px 0px 3px;
     margin-bottom: 0px;
 }

 #center.supportrequest form p.buttons input {
     display: inline-block;
     text-indent: -5000px;
     width: 30px;
     margin-left: 6px;
     background: url("img/more-magenta.png") no-repeat right 4px;
     top: -13px;
     /*left: 23px;*/
     left: -175px;
     position: absolute;
 }

 #center.supportrequest form p.buttons:before {
     content: "send";
     color: #999;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     text-transform: lowercase;
     display: block;
     margin-top: -13px;
 }

 .ctl_forms div.space {
     height: 0px;
 }

 .ctl_forms .inner {
     margin-left: 16px;
 }

 .ctl_forms .slider_banner,
 .ctl_account.slide_banner {
     top: 104px !important;
     left: 6px !important;
 }

 .ctl_forms .slider_banner .ajaxSlider {
     height: 144px !important;
 }




 /* newsletter */
 .ctl_newsletter #content .custom h1 {
     color: #999 !important;
     margin-top: 36px;
     margin-bottom: 14px;
 }

 .ctl_newsletter #content .custom p {
     width: 350px;
     line-height: 16px;
 }

 .ctl_newsletter #content .custom {
     margin-left: 6px;
     height: 414px;
 }

 .ctl_newsletter #content .custom .contact_box.register {
     margin-left: 9px;
     color: #999;
     margin-top: -4px;
 }

 #content .tellafriend #letterForm fieldset {
     padding: 0px;
     position: relative;
 }

 #content .tellafriend div.textarea textarea,
 #content .tellafriend .captcha,
 #content .tellafriend label {
     margin-left: 0px;
 }

 #letterForm div {
     height: 54px;
 }

 #letterForm div label {
     top: 30px;
 }

 .ctl_newsletter #newsletter {
     width: 336px;
 }

 #content .tellafriend #letterForm .button-right {
     background: url("img/more-magenta.png") no-repeat right 16px;
     Ò top: 114px;
     float: none;
     position: absolute;
     /* left: 277px; */
     left: 80px;
     box-shadow: none;
     padding: 0px;
     margin: 0px;
     width: 58px !important;
     content: "save";
     font-size: 12px;
     color: #999 !important;
     font-family: "PragmaticaWebBook";
     height: 30px !important;
     top: 111px;
 }

 #content .tellafriend #letterForm .required_fields {
     margin: 0px;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
     position: absolute;
     top: 120px;
 }

 .ctl_newsletter .error {
     height: 22px !important;
     margin-top: 24px;
     display: block;
     margin-bottom: -60px;
 }

 /* LOGIN SECTION */
 .ctl_account .slider_banner {
     top: 104px !important;
     position: absolute;
     left: 16px;
 }

 .ctl_account .account.left,
 .ctl_account .account.left .inner {
     width: 336px;
 }

 .ctl_account .account,
 .ctl_account .right {
     color: #999 !important;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
     line-height: 16px;
     font-size: 12px;
 }

 .ctl_account .container_20 #content .headline {
     border-bottom: 1px solid #ccc !important;
     margin-bottom: 14px;
     font-size: 12px;
 }

 .container_20 #content a.button {
     color: #999 !important;
 }

 .container_20 #content a.button span.frontend_account_index,
 .my_downloads a.button span,
 .past_orders a.button span {
     background: transparent url("img/more-magenta.png") no-repeat right 4px;
     padding-right: 32px;
 }

 .account .password label,
 .account .email label {
     text-align: left;
     width: 250px;
     font-weight: normal;
 }

 #content .downloads .table_album .table_row {
     border-top: none;
     border-bottom: 1px solid #ccc;
 }

 /* downloads */
 #content .downloads .table .table_row .grid_8 {
     font-weight: normal;
     font-family: "PragmaticaWebBook";
     line-height: 16px;
     color: #999;
     width: 388px;
 }

 #content .downloads .table .center {
     text-align: left !important;
 }

 #content .downloads .table .table_row:last-child {
     border-bottom: 1px solid #ccc;
 }

 #content .downloads .button-right.small_right {
     background: transparent url("img/more-magenta.png") no-repeat right 4px;
     box-shadow: none;
     padding-right: 15px;
     width: 11px;
     margin: 0px;
 }

 #content .downloads .button-right.small_right span {
     display: none;
 }

 #content .downloads .table .table_row {
     color: #999;
     padding: 2px 0px;
     border-bottom: 1px solid #ccc;
 }

 #content .downloads .grid_8,
 #content .downloads .table_album .grid_8 {
     width: 360px;
     margin-left: 0px !important;
 }

 #content .downloads .grid_2,
 #content .downloads .table_album .grid_3.center {
     width: 245px;
 }

 #content .downloads .grid_5,
 #content .downloads .table_album .grid_4 {
     width: 100px;
 }

 #content .downloads .grid_3 {
     width: 64px;
 }

 #content .downloads .grid_2:nth-child(4),
 #content .downloads .table_album .grid_2:nth-child(4) {
     width: 100px;
 }

 #content .downloads .table .table_head .grid_5 {
     width: 88px;
 }

 #content .downloads .table .table_row .grid_8 {
     width: 330px;
 }

 #content .downloads .table .table_row .grid_3.center {
     width: 133px;
     text-align: center !important;
 }

 #content .downloads .table .table_row .grid_4 {
     width: 190px;
     text-align: center;
     padding-left: 68px;
     margin-right: 0px;
 }

 #content .downloads .table .table_row .grid_3:last-child,
 #content .downloads .table_album .table_head .grid_3:nth-child(5) {
     width: 97px !important;
 }

 #content .downloads .table .table_row .grid_3:last-child .button-right.small_right {
     width: 0px !important
 }


 /* action buttons */
 .password #currentPassword,
 .password #newpwd,
 .password #newpwdrepeat {
     box-shadow: none;
     background: none;
     border: none;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
     width: 326px;
     height: 16px;
     padding: 3px 0px 3px;
     margin-bottom: 0px;
 }

 .ctl_account .container_20 #content .grid_10 .newsletter {
     margin-top: 0px;
 }

 .account .email .button-right {
     width: 154px;
     margin-left: 168px !important;
 }

 .newsletter.first .chklabel {
     top: 0px;
 }

 .container_20 #content .grid_10 .newsletter input[type="checkbox"] {
     right: 174px;
     top: -6px;
 }

 /* back button */
 a.button-left,
 a.button-left.large,
 a.button-middle.small {
     background: transparent url("img/back-magenta.png") no-repeat left 4px;
     box-shadow: none;
     padding: 0px;
     display: block;
     width: auto !important;
     color: #999 !important;
     font-size: 12px;
     font-family: "PragmaticaWebBook";
     font-weight: normal;
     position: relative;
     opacity: 1 !important;
     /* margin-left: 198px; */
     border: none !important;
     padding-left: 32px;
     line-height: 16px;
 }

 /* change button */
 input[type="submit"].button-right,
 .password.active input.button-right,
 .account .email .button-right,
 .ctl_checkout .actions .button-middle.small,
 .ctl_payment .button-right.large.right,
 .ctl_payment_paypal .button-right.large.right {
     background: transparent url("img/more-magenta.png") no-repeat right 4px;
     box-shadow: none;
     padding: 0px 35px 0px 0px;
     display: block;
     width: auto !important;
     color: #999 !important;
     font-size: 12px;
     font-family: "PragmaticaWebBook";
     font-weight: normal;
     position: relative;
     opacity: 1 !important;
     margin-left: 198px !important;
     border: none !important;
     height: 18px;
 }

 .account .email .button-right {
     margin-left: 173px;
 }

 .ctl_checkout .actions .button-middle.small {
     margin-left: 0 !important;
     background: transparent url("img/more-magenta.png") no-repeat right 4px;

 }

 /* success, etc */
 .error,
 .notice,
 .success {
     font-weight: normal;
     font-family: "PragmaticaWebBold";
     text-transform: uppercase;
     box-shadow: none;
     width: 923px;
     background-color: white;
 }

 .error {
     color: #ff3399;
     border: none;
 }

 .success {
     color: #3399FF;
     border: none;
     margin-top: 15px;
     margin-bottom: -12px;
     padding-bottom: 0px;
 }

 #content div.inner .change_shipping .actions,
 #content div.inner .change_.actions,
 #content div.inner .paymnet .actions,
 .container_20 #content .grid_10.right .inner {
     width: 696px;
 }

 /* change billing and billing address */
 /* .ctl_account .container_20 #content .inner { margin-top:8px;} */

 .ctl_account .change_shipping .grid_10,
 .ctl_account .change_billing .grid_10 {
     float: left !important;
     width: 357px !important;
 }

 .ctl_account .change_shipping .button-left.large,
 .ctl_account .change_billing .button-left.large {
     margin-left: 0px !important;
 }

 .ctl_account .change_shipping .button-right,
 .ctl_account .change_billing .button-right {
     float: right;
     margin: -2px 0px 0px !important;
     padding: 0px;
     height: 19px;
     width: 84px !important;
 }

 .ctl_account .change_shipping .alternative_shipping {
     height: 235px;
 }

 .ctl_account .change_shipping .alternative_shipping div:nth-child(5),
 .ctl_account .change_shipping .alternative_shipping div:nth-child(6),
 .ctl_account .change_shipping .alternative_shipping div:nth-child(7),
 .ctl_account .change_shipping .alternative_shipping div:nth-child(8),
 .ctl_account .change_shipping .alternative_shipping div:nth-child(9),
 .ctl_account .change_shipping .alternative_shipping div:nth-child(10) {
     position: absolute;
     top: 0px;
     left: 358px;
 }

 .ctl_account .change_shipping .alternative_shipping div:nth-child(6) {
     top: 56px;
 }

 .ctl_account .change_shipping .alternative_shipping div:nth-child(7) {
     top: 112px;
 }

 .ctl_account .change_shipping .alternative_shipping div:nth-child(8) {
     top: 112px;
     left: 476px;
 }

 .ctl_account .change_shipping .alternative_shipping div:nth-child(9) {
     top: 168px;
 }

 .ctl_account .register .register_bussines {
     margin-top: 12px !important;
 }

 .ctl_account .change_billing .grid_10 div.city {
     top: 112px;
 }

 .ctl_account .newsletter .payment fieldset p {
     margin-top: 6px;
 }

 .ctl_account .billing_register_headline {
     margin-top: -16px;
 }

 .ctl_account .change_billing .grid_10 + .grid_10 {
     width: 340px !important;
 }

 .ctl_account .change_billing .personal_register_headline {
     display: none;
 }

 .ctl_account .change_shipping h1,
 .ctl_account .change_billing h1 {
     margin-top: 32px !important;
     margin-bottom: 3px !important;
 }

 #content div.inner .change_billing .shipping_address {
     border: none;
     margin-bottom: 16px;
 }

 .ctl_account .register .register_bussines .inner div {
     margin: 14px 0 15px 0;
 }

 .ctl_account #content div.inner .change_billing .actions {
     width: 696px;
 }

 /* downloads */
 #content .downloads h1 {
     border: none !important;
     margin-top: 32px;
 }

 #content .downloads .table .table_head {
     padding: 6px 0px;
     border-bottom: 1px solid #ccc;
     border-top: 1px solid #ccc;
     font: 12px "PragmaticaWebBold", Arial, Helvetica, sans-serif
 }

 #content .downloads h2 {
     margin-top: 16px;
     color: #999;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     padding-bottom: 6px;
 }

 #content .downloads .actions {
     border-top: none;
 }

 #content .downloads .actions a {
     margin-left: 0px;
 }

 .grid_10.account + .grid_10 {
     float: right !important;
     clear: none !important;
 }

 /* payment method **************************/

 .register .payment_method .method {
     border: none;
     padding: 0px;
     color: #999;
     clear: left;
     height: 75px;
 }

 .change_payment,
 .change_payment .grid_15 {
     width: 500px;
 }

 .register .payment_method .method .first,
 .register .payment_method .method_last .first {
     margin-left: 16px;
 }

 .register .payment_method .radio {
     top: -6px;
 }

 .register .payment_method label {
     color: #999;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
 }

 #content .register h2.headingbox_dark {
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     font-weight: normal;
     color: #999;
 }

 div.space {
     height: 0px !important;
 }

 .change_payment .container_20 #content .grid_10 {
     width: 280px;
     margin: 0;
     float: right !important;
     margin-top: -15px !important;
 }

 .register .payment_method .method_last {
     color: #999;
     padding-left: 0px;
 }

 .register .description {
     color: #999;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
 }

 .payment_method + .actions {
     width: 500px;
 }

 .ctl_account .container_20 #content .grid_15 .grid_10 {
     margin-top: 4px;
     float: right !important;
     width: 358px;
     margin-top: -26px;
 }

 .container_20 #content .payment {
     margin-top: 32px;
     margin-bottom: 35px;
 }

 .container_20 #content .my_downloads,
 .container_20 #content .past_orders {
     margin-bottom: 27px;
 }

 #login .grid_10 {
     clear: none !important;
 }

 .ctl_checkout #confirm .dispatch-methods .method .grid_10 {
     margin-left: -39px;
 }

 .ctl_checkout #confirm .dispatch-methods {
     width: 696px;
 }

 #content #confirm .dispatch-methods .method {
     width: 696px !important;
     border: none !important;
 }

 .ctl_checkout .container_20 #content .payment {
     margin-bottom: 0px;
 }

 .ctl_checkout #confirm .additional-options h2.headingbox {
     border-bottom: 1px solid #ccc !important;
     width: 696px;
     margin: 0 0 20px 40px !important;
     padding: 0px !important;
 }

 #confirm .additional-options .user-comment {
     height: 125px;
 }

 #confirm .additional-options .user-comment textarea {
     left: 180px;
     top: -5px;
     border-left: none;
     border-right: none;
     height: 67px;
 }

 #confirm .additional-options .user-comment textarea:focus {
     border-color: #ccc;
 }

 #confirm .additional-options .user-comment label {
     left: 180px;
     top: 83px;
 }

 .ctl_checkout .table.grid_16 {
     width: 935px !important;
     margin-left: 42px !important;
 }

 .ctl_checkout #confirm p.ordernumber {
     display: none;
 }

 #content #confirm .table .table_row {
     border-bottom: 1px solid #ccc;
     min-height: 79px;
 }

 .ctl_checkout .table_row .title {

     margin: 17px 16px 0px 6px;
     display: block;
     color: #999 !important;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     width: 120px;
 }

 #confirm .additional-options .inner_container {
     padding-bottom: 8px;
 }

 #content #confirm .table .table_head,
 #content #confirm .table .table_row {
     width: 935px;
 }

 #content #confirm .table .table_row .basket_details {
     top: 19px;
     width: 156px;
 }

 /*.ctl_checkout #confirm .table.grid_16 .table_row .grid_8 { display:none; }  delete button */
 .ctl_checkout #confirm .table.grid_16 .table_row .grid_8 {
     position: absolute;
     top: 1px;
     left: 700px;
     z-index: 10000;
 }

 .ctl_checkout #confirm .table.grid_16 .table_row .grid_8 .del {
     display: block;
     padding: 2px;
     z-index: 99999;
     text-indent: -5000px;
     background: url("img/delete.png") no-repeat left top !important;
     width: 12px;
     height: 12px;
 }

 .ctl_checkout #confirm .table.grid_16 .table_row div {
     color: #999 !important;
 }

 #content #confirm .table .table_head .grid_6 span {
     padding-left: 0px;
 }

 #content #confirm .table .table_row a.thumb_image {
     height: 70px;
 }

 #content #confirm .table .table_head div {
     margin-right: -4px;
 }

 .ctl_checkout #content #confirm .table .table_head {
     font-family: "PragmaticaWebBold";
     font-size: 12px;
     border-top: 1px solid #ccc !important;
     border-bottom: 1px solid #ccc !important;
     padding: 3px 0px 5px;
 }

 #basket .cart .table_row .grid_1 input[type="text"],
 #content #confirm .table .table_row .grid_1 input[type="text"] {
     border-color: #ccc;
     color: #999;
 }

 #content #confirm .table_foot .grid_10.aggregation {
     color: #999;
     width: 215px;
     text-align: right;
     top: 12px;
     font-size: 12px;
 }

 #content #confirm .table_foot #aggregation_left,
 #content #confirm .table_foot #aggregation_right {
     width: 105px;
 }

 #content #confirm .outer-confirm-container .additional_footer {

     margin-bottom: 0px !important;
     padding-bottom: 0px;
     height: 20px;
 }

 #content #confirm .table .table_foot {
     height: 120px;
 }

 #content #confirm .additional_footer .actions {
     width: 285px;
 }

 #confirm .additional_footer #basketButton {
     background: transparent url("img/more-magenta.png") no-repeat right 5px;
     box-shadow: none;
     padding: 9px;
     width: 99px !important;
     color: #999 !important;
     height: 16px;
     line-height: 0px;
 }

 #basket .cart .table_row .grid_1 input[type="submit"],
 #content #confirm .table .table_row .grid_1 input[type="submit"] {
     color: #999;
     border: 1px solid #ccc;
     height: 22px;
     top: 0px;
     display: none;
     /* hiding confirm button */
 }

 .ctl_checkout .confirm_accept {
     top: 45px;
 }

 #content #confirm .outer-confirm-container .personal-information {
     margin-top: 50px;
 }

 #confirm .personal-information .payment_method .grid_5 {
     margin-left: 6px;
 }

 #confirm .personal-information .payment_method .bankdata .text {
     width: 373px;
 }

 .ctl_checkout .container_20 .grid_5 {
     width: 202px;
     margin-left: 6px;
 }

 /* thank you ************************/


 #content .finish {
     color: #999;
 }

 #content .finish #finished .orderdetails {
     margin: 21px 0 60px 0;
 }

 #content .finish h2 {
     text-transform: uppercase;
     font-family: "PragmaticaWebBold";
     font-size: 12px;
     font-weight: normal;
     margin-top: 4px;
     margin-bottom: 2px;
 }

 .teaser p {
     margin-bottom: 16px;
 }

 #content .finish .button-right {
     background: transparent url("img/more.png") no-repeat right 5px;
     box-shadow: none;
     padding: 9px;
     width: 180px !important;
     color: #999 !important;
     height: 16px;
     line-height: 0px;
     font-size: 12px;
     margin-bottom: 32px;
 }

 #content .finish h2.headingbox {
     text-transform: lowercase;
     border-bottom: 1px solid #999;
     font-weight: normal;
     color: #999 !important;
     font-size: 12px !important;
     font-family: "PragmaticaWebBook" !important;
 }

 #finished .table .table_head {
     padding: 3px 0px 5px;
 }

 #content .finish #finished .orderdetails p {
     font-weight: normal;
     font-size: 12px !important;
     font-family: "PragmaticaWebBook" !important;
 }

 #finished .table {
     border: none !important;
 }

 #finished .table .table_head {
     font-weight: normal;
     font-size: 12px !important;
     font-family: "PragmaticaWebBook" !important;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
 }

 #content .finish #finished .table_head .grid_2,
 #content .finish #finished .table_row .grid_2 {
     width: 96px !important;
 }

 #finished .table,
 #finished .table .table_head {
     border-bottom: solid 1px #999;
     color: #999;
 }

 #content .finish {
     width: 935px !important;
     margin-left: 16px !important;
 }

 #finished .table .table_head,
 #finished .table .table_row {
     width: 935px !important;

 }

 #finished .table .table_row {
     height: 66px;
     min-height: 66px;
 }

 #finished .table strong {
     font-weight: normal !important
 }

 #finished .table .table_row .basket_details {
     left: 25px !important;
     top: 10px !important;
 }

 #finished .table .ordernumber {
     display: none;
 }

 .ctl_checkout .finish .actions .button-middle.small {
     background: transparent url("img/back-magenta.png") no-repeat left 3px;
     width: 103px !important;
     padding-left: 35px;
 }

 #content #finished .table .table_foot div {
     text-align: right;
     font-size: 12px !important;
 }

 #content #finished .table .table_foot {
     width: 222px;
 }

 #content .finish #finished .table .grid_6,
 #content .finish #finished .table_row .grid_6,
 #content .finish #finished .table_head .grid_5,
 #content .finish #finished .table_row .grid_5 {
     width: 241px;
     margin: 0;
 }

 #content .finish #finished .table_head .grid_7,
 #content .finish #finished .table_row .grid_7 {
     width: 164px;
     margin: 0;
 }

 #content .finish #finished .table_head .grid_2,
 #content .finish #finished .table_row .grid_2 {
     width: 119px !important;
 }

 #finished .table_row .grid_5,
 #finished .table_row .grid_7,
 #finished .table_row .grid_1,
 #finished .table_row .grid_2 {
     padding-top: 30px;
 }

 #finished .table .table_row a.thumb_image {
     height: 73px;
     width: 61px;
     margin: 2px 3px 0px 3px;
 }

 /* past orders **************************/
 .ctl_account .container_20 .grid_20.orders,
 .ctl_account .container_20 .grid_20.orders .grid_20 {
     width: 936px !important;
 }

 .ctl_account #content .orders h1 {
     margin-bottom: 0px;
     border: none;
     color: #999;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
 }

 .ctl_account .orders .table .table_head {
     background-color: white;
     /* border-top:1px solid #ccc; */
     border-bottom: 1px solid #ccc;
     padding: 3px 0px;
     border-color: #ccc;
 }

 .ctl_account .orders .table .table_head,
 .ctl_account .orders .table .table_row {
     border-left: none !important;
     border-right: none !important;
 }

 .ctl_account .orders .table .table_head span {
     color: #999;
     font-family: "PragmaticaWebBold";
     font-weight: normal;
 }

 .ctl_account .orders .table a.button-middle.small {
     text-indent: -5000px;
     background: transparent url("img/more-magenta.png") no-repeat left 5px;
     margin-left: 124px;
 }

 .ctl_account .orders .table a.button-middle.small span {
     display: none;
 }

 .ctl_account .orders .actions {
     clear: left;
     margin-top: 16px;
     float: left;
     margin-bottom: -6px;
 }

 .ctl_account .orders .table .table_row div,
 .ctl_account .orders .table .table_head div {
     color: #999 !important;
     background-image: none;
     margin: 0px !important;
 }

 .ctl_account .orders .table .grid_3 {
     width: 161px;
 }

 .ctl_account .orders .table .grid_2 {
     width: 208px;
 }

 .ctl_account .orders .table .grid_5 {
     width: 115px;
     padding-left: 82px;
 }

 .ctl_account .orders div.active .table .table_head .grid_2 div.textright {
     margin-left: 43px !important;
 }

 .ctl_account .orders .table .table_row div {
     padding-top: 5px;
 }

 .ctl_account .orders .table .table_row div.textright {
     padding-top: 5px;
 }

 .ctl_account .orders .table .table_head div.textright {
     width: 167px;
 }

 .ctl_account .orders .table .grid_8 {
     width: 306px;
 }

 .ctl_account .orders .table .table_row .grid_8 {
     padding-top: 10px !important;
 }

 .ctl_account .orders .table .table_row {
     padding-top: 10px;
     padding-bottom: 0px;
     position: relative;
 }

 #confirm .personal-information .payment_method .bankdata {
     left: 0 !important;
     top: -25px;
 }

 .ctl_account .orders .table .grid_3.push_4 {
     left: 310px;
 }

 .ctl_account .orders .table .grid_2.push_4 {
     left: 177px;
 }

 #content .orders .orderoverview_active .download {
     display: block;
     position: absolute;
     top: 20px;
     left: 259px;
     z-index: 99999;
 }

 #content .orders .orderoverview_active .download span {
     background: transparent url("img/more-cyan.png") no-repeat right 3px;
     padding-right: 34px;
 }

 .ctl_account .orders .table div .table .table_row div,
 .ctl_account .orders .table div .table .table_row span,
 .ctl_account .orders .table .table_foot div p strong {
     color: #999 !important;
     font-weight: normal;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     position: static;
 }

 .ctl_account .orders .table .table_foot div p,
 .ctl_account .orders .table div .table .table_row strong {
     color: #999 !important;
     font-family: "PragmaticaWebBook";
     font-weight: normal;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .ctl_account .orders .table .table_foot {
     border: none;
     border-bottom: 1px solid #ccc;
     padding-bottom: 0px;
 }

 .ctl_account .orders .table .table_foot div {
     margin-left: 0px !important;
 }

 #content .orders .orderoverview_active .table .button-right {
     margin-left: 0px !important;
 }

 /* new player */
 .audioplayer-frame {
     position: absolute;
     top: 105px;
     /* display: block; */
     left: 16px;
     height: 143px;
     width: 696px;
     background-color: white;
     border-top: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
 }

 .audioplayer-frame .wrapper {
     height: 143px;
     width: 696px;
     background: none;
 }

 .mejs-container {
     margin-left: 97px;
 }

 .mejs-container .mejs-controls {
     background-color: #fff;
 }

 .mejs-controls div.mejs-horizontal-volume-slider,
 div.mejs-mute {
     display: none !important;
 }

 .mejs-controls div.mejs-time-rail {
     margin-top: 45px;
     width: 358px !important;
 }

 .mejs-controls .mejs-time-rail .mejs-time-total {
     width: 354px !important;
 }

 .mejs-controls .mejs-time-rail .mejs-time-total,
 .mejs-time-loaded,
 .mejs-controls .mejs-time-rail .mejs-time-current {
     border-radius: 0px !important;
     height: 16px !important;
 }

 .mejs-container .mejs-controls .mejs-time {
     position: absolute;
     left: 322px;
     top: 72px;
 }

 .mejs-container .mejs-controls .mejs-time span,
 p.current-title {
     font-family: "PragmaticaWebBook";
     color: #ccc;
     font-size: 12px;
 }

 p.current-title {
     position: absolute;
     left: 245px;
     top: 79px;

     overflow: hidden;
     text-overflow: ellipsis;
     width: 170px;
     white-space: nowrap;

 }

 .mejs-controls .mejs-button button {
     height: 22px;
     width: 22px;
 }

 .audioplayer-frame .mejs-prevtrack {
     top: 47px;
     left: 430px;
 }

 .audioplayer-frame .mejs-nexttrack {
     top: 47px;
     left: 524px;
     position: absolute;
 }

 .audioplayer-frame .current-artist {
     position: absolute;
     left: 102px;
     top: 79px;
     color: #ccc;

     overflow: hidden;
     text-overflow: ellipsis;
     width: 135px;
     white-space: nowrap;
 }

 .audioplayer-frame #close_popup {
     background: url('img/player-close.png') no-repeat left top;
     height: 16px;
     width: 16px;
     position: absolute;
     right: 12px;
     top: 12px;
     display: block;
     z-index: 999;
     text-indent: -5000px;
 }

 .mejs-controls .mejs-pause {
     top: 47px;
     left: 480px;
 }

 .mejs-controls .mejs-pause button {

     width: 22px;
     height: 22px;
     background-position: left top !important;
 }

 .mejs-controls .mejs-button.mejs-play,
 .mejs-controls .mejs-button.mejs-pause {
     top: 42px;
     left: 483px;

 }

 .mejs-controls .mejs-button.mejs-play button,
 .mejs-controls .mejs-button.mejs-pause button {

     width: 22px;
     height: 21px;
     background-position: left top !important;

 }

 .mejs-controls .mejs-button.mejs-pause button {
     background-position: -2px -21px !important;
 }



 /* payment pages ***************/
 .ctl_payment #content .inner,
 .ctl_payment_paypal #content .inner {
     margin-left: 16px;
     min-height: 182px;
     width: 960px;
 }

 .ctl_payment #content .inner h2,
 .ctl_payment_paypal #content .inner h2 {
     font-weight: normal;
     font-family: "PragmaticaWebBold";
     font-size: 14px;
     text-transform: uppercase;
     color: #FF3399;
     text-align: center;
     margin-top: 50px;
 }

 .ctl_payment_paypal #content .inner .grid_13 {
     width: 944px !important;
 }


 .ctl_payment_paypal .button-right.large.right span {
     display: block;
     margin-top: -10px;
 }


 /* tooltip */
 .qtip-default {
     border: 1px solid #ccc;
     background-color: #fff;
     color: #999;
 }

 h3 .engine_Shopware_Plugins_Default_Frontend_SwagPaymentPaypal_Views_frontend_payment_paypal_return {
     text-align: center;
     display: block;
     margin-top: -35px;
     font-family: "PragmaticaWebBook";
     font-size: 12px;
     color: #999;
 }







 /* FIXES FOR FIREFOX *******/
 @-moz-document url-prefix() {

     /*
    #footer .footer_menu {
	    padding-left:32px;
    }  */
     div.supplier_filter ul li a:hover,
     div.supplier_filter ul li.active,
     div.supplier_filter ul li.close:hover a {
         background: url("../images/icons/ico_search_inactive.gif") no-repeat scroll 5px -13px;
         height: 12px;
     }

     .menu_category_12 div.supplier_filter ul li a:hover,
     .menu_category_12 div.supplier_filter ul li.active,
     .menu_category_12 div.supplier_filter ul li.close:hover a {
         font-weight: normal;
         display: inline-block;
         background: url("../images/icons/ico_search_inactive.gif") no-repeat 5px -33px;
         height: 10px;
     }

     .archiv li.section {
         width: 114px;
     }

     .menu_category_7 .archiv li.section {
         width: 120px;
     }

     #albumTable td {
         height: 9px !important;
     }

     #albumTable td.play {
         height: 20px !important;
     }

     .ctl_listing.menu_category_8 #selectEventsMonth,
     .ctl_listing.menu_category_8 #selectEventsYear {
         top: -2px;
         height: 22px;
     }

     .register .shipping_address .alt_shipping label {
         margin-top: -45px;
     }

     .register .accept .privacy .chklabel {
         top: -18px;
     }

     .container_20 #content .grid_10 .newsletter input[type="checkbox"] {
         top: -3px;
     }

     #register_personal_customer_type_checkbox {
         top: 7px;
     }

     div.agb_accept input {
         top: 0px;
     }

     .ctl_account #login .inner_container {
         height: 150px;
     }

     #login .action {
         bottom: 35px;
     }

     .password .description {
         top: 165px;
     }

     /* #login .action {
	    bottom: 28px;
	    left: 39px;
    }
    #basket .actions a.button-right {
	    right:22px;
    }*/
 }


 /* FIXES FOR IE9 and IE10 *******/
 @media screen and (min-width:0\0) {
     #wrapper .wrap_inner .container_20 {
         margin-left: 32px;
     }

     #search_box {
         margin-left: 35px;
     }

     .ctl_detail #breadcrumb {
         margin-left: -16px;
     }

     /* #breadcrumb.detail { margin-left:16px;} */
     .all_news a.more span,
     .all_news {
         margin-left: 32px;
         width: 70px;
     }

     #login .action .button-middle {
         bottom: -25px;
     }

     #footer .footer_menu .footer_column form input {
         margin-left: -16px;
     }

     .listing_actions_top .paging {
         right: 38px;
     }

     body.ctl_index .all_news a.more {}

     body.ctl_index .all_news a.more span {
         margin-left: -6px;
     }
 }

 /* FIXES FOR SAFARI *******/
 @media \\0 screen {
     #sAddToBasket.no-tracklist #addToCart {
         top: 16px;
     }

 }

 /* mobile *******/
 /* ipad non retina */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
     #wrapper {
         padding-left: 30px;
     }

     .ctl_detail.menu_category_9 div#breadcrumb,
     .ctl_detail.menu_category_7 div#breadcrumb {
         margin-left: -12px !important;
     }

     .ctl_listing #search_box {
         left: 42px !important;
     }
 }

 @media only screen and (max-device-width:960px) and (orientation : portrait) {
     #wrapper {
         padding-left: 30px;
     }

     .ctl_detail.menu_category_9 div#breadcrumb,
     .ctl_detail.menu_category_7 div#breadcrumb {
         margin-left: -12px !important;
     }

     .ctl_listing #search_box {
         left: 42px !important;
     }

 }

 @media only screen and (max-device-width:960px) and (orientation : landscape) {
     #wrapper {
         padding-left: 30px;
     }

     .ctl_detail.menu_category_9 div#breadcrumb,
     .ctl_detail.menu_category_7 div#breadcrumb {
         margin-left: -12px !important;
     }

     .ctl_listing #search_box {
         left: 42px !important;
     }
 }

 @media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
     #wrapper {
         padding-left: 30px;
     }

     .ctl_detail.menu_category_9 div#breadcrumb,
     .ctl_detail.menu_category_7 div#breadcrumb {
         margin-left: -12px !important;
     }

     .ctl_listing #search_box {
         left: 42px !important;
     }
 }



 /* change colors of frame according to section */

 /* artists - yellow 

.menu_category_5 .slider_banner .leftArrow {
	background: url("../images/slider-left_yellow.png") no-repeat left center !important;
}

.menu_category_5 .slider_banner .rightArrow {
	background: url("../images/slider-right_yellow.png") no-repeat left center !important;
}

/* releases - yellow 

.menu_category_12 .slider_banner .leftArrow {
	background: url("../images/slider-left_yellow.png") no-repeat left center !important;
}

.menu_category_12 .slider_banner .rightArrow {
	background: url("../images/slider-right_yellow.png") no-repeat left center !important;
}

/* projects - yellow 

.menu_category_7 .slider_banner .leftArrow {
	background: url("../images/slider-left_yellow.png") no-repeat left center !important;
}

.menu_category_7 .slider_banner .rightArrow {
	background: url("../images/slider-right_yellow.png") no-repeat left center !important;
}

/* events - cyan 

.menu_category_8 .slider_banner .leftArrow {
	background: url("../images/slider-left_cyan.png") no-repeat left center !important;
}

.menu_category_8 .slider_banner .rightArrow {
	background: url("../images/slider-right_cyan.png") no-repeat left center !important;
}

/* shop - magenta 

.menu_category_9 .slider_banner .leftArrow {
	background: url("../images/slider-left_mag.png") no-repeat left center !important;
}

.menu_category_9 .slider_banner .rightArrow {
	background: url("../images/slider-right_mag.png") no-repeat left center !important;
}

/* profile - magenta 

.ctl_account .slider_banner .leftArrow {
	background: url("../images/slider-left_mag.png") no-repeat left center !important;
}

.ctl_account .slider_banner .rightArrow {
	background: url("../images/slider-right_mag.png") no-repeat left center !important;
}