html {
    position: relative;
    min-height: 100%;
}

body {
	font-size: 15px;
	line-height: 1.6;
	background-color: #333;
    background-image: url('../images/bg-top-css.jpg');
    background-repeat: no-repeat;
    background-position: top;
    min-height: 100%;
    
    font-family: "Century Gothic", "Times New Roman", "Arial";  
    font-weight: bold;
    font-size: 14px;  
    margin: 0 0 400px 0;
    padding: 0;
}

body { color: #fff; }
a { color: #fff; text-decoration: none; }
a:hover { cursor: pointer; }
.flash a { color: #3366BB; }
a:hover { text-decoration: underline; }
:not (.page-content) ul { list-style-type: none; margin: 0; padding: 0; }
:not (.page-content) p { margin: 0; padding: 0; }

i[class^="icon-"], i[class*=" icon-"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0% 0%;
    background-repeat: repeat;
    margin-top: 0;
}

i.icon-right-mark, 
a:not(.selected):hover i.icon-right-mark-inverse,
a.selected i.icon-right-mark-inverse
 { background-image: url('../images/sipka-right-red-non.png'); }
a:not(.selected):hover i.icon-right-mark, i.icon-right-mark-inverse { background-image: url('../images/sipka-right-white-non.png'); }

i.icon-down-mark, a:hover i.icon-down-mark-inverse { background-image: url('../images/sipka-bottom-red-non.png'); }
a:not(.selected):hover i.icon-down-mark, i.icon-down-mark-inverse { background-image: url('../images/sipka-bottom-white-non.png'); }

i.icon-box, i.icon-list,
i.icon-box-inverse, i.icon-list-inverse {
    width: 56px;
    height: 46px;
    background-image: url('../images/ico-layout.png');
}

i.icon-box { background-position: 0px 0px; }
a.selected i.icon-box, i.icon-box:hover { background-position: 0px 46px; }

i.icon-list { background-position: -56px 0px; }
a.selected i.icon-list, i.icon-list:hover { background-position: -56px 46px; }



i[class^="icon-format-"], i[class*=" icon-format-"] {
     background-image: url('../images/ico-audio.png');
     width: 36px;
     height: 36px;
}

i.icon-format-dvd { background-position: 0px 0px; }
i.icon-format-dvd:hover { background-position: 0px 36px; }

i.icon-format-midi { background-position: -36px 0px; }
i.icon-format-midi:hover { background-position: -36px 36px; }

i.icon-format-mp3 { background-position: -72px 0px; }
i.icon-format-mp3:hover { background-position: -72px 36px; }

i.icon-format-mp3r { background-position: -108px 0px; }
i.icon-format-mp3r:hover { background-position: -108px 36px; }

i.icon-format-mp3v3 { background-position: -144px 0px; }
i.icon-format-mp3v3:hover { background-position: -144px 36px; }

i.icon-format-mp3v2 { background-position: -180px 0px; }
i.icon-format-mp3v2:hover { background-position: -180px 36px; }

i.icon-format-mp3v1 { background-position: -216px 0px; }
i.icon-format-mp3v1:hover { background-position: -216px 36px; }

i.icon-format-mpeg { background-position: -252px 0px; }
i.icon-format-mpeg:hover { background-position: -252px 36px; }

i.icon-format-wav { background-position: -288px 0px; }
i.icon-format-wav:hover { background-position: -288px 36px; }

i.icon-format-wma { background-position: -324px 0px; }
i.icon-format-wma:hover { background-position: -324px 36px; }

i.icon-format-wma { background-position: -324px 0px; }
i.icon-format-wma:hover { background-position: -324px 36px; }

i.icon-format-info { background-position: -360px 0px; }
i.icon-format-info:hover { background-position: -360px 36px; }

i.icon-format-jpg { background-position: -396px 0px; }
i.icon-format-jpg:hover { background-position: -396px 36px; }

i.icon-format-tabs { background-position: -432px 0px; }
i.icon-format-tabs:hover { background-position: -432px 36px; }

i.icon-format-video { background-position: -468px 0px; }
i.icon-format-video:hover { background-position: -468px 36px; }

i[class^="icon-search"], i[class*=" icon-search"] {
     background-image: url('../images/ico-search.png');
     width: 20px;
     height: 20px;
}

i[class^="icon-mover-"], i[class*=" icon-mover-"] {
     background-image: url('../images/ico-move.png');
     width: 28px;
     height: 36px;
}

i.icon-mover-right { background-position: 0px 0px; }
i.icon-mover-right:not(.disabled):hover { background-position: 0px 36px; }

i.icon-mover-left { background-position: -28px 0px; }
i.icon-mover-left:not(.disabled):hover { background-position: -28px 36px; }

i.icon-phone { background-image: url('../images/ico-operator.png'); width: 100px; height: 100px; background-size: 100%; }

i.icon-thrash { background-image: url('../images/ico-thrash.png'); width: 19px; height: 24px; background-position: 0px 0px; }
i.icon-thrash:hover { background-position: 0px 24px; }

input[type="text"], input[type="password"], input[type="email"] {
    width: 200px;
    height: 30px;
    line-height: 30px;
    color: #000;
    padding: 2px 4px 2px 4px;
    margin: 5px 0 5px 0;
    border-radius: 4px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus { 
    outline: none;
    border-color: #FF6000;
    box-shadow: 0 0 10px #FF6000;
}

input.extra-width { width: 300px; }
input.extra-extra-width { width: 400px; }

h1 {
	color: #F60;
    text-transform: uppercase;
}

form { 
    text-align: left; 
    margin: 0;
    padding: 0;
}

select {
    color: #ccc;
    font-size: 11pt;
    border: 1px solid #777;
    background-color: #555;
    border-radius: 3px;
    width: 100%;
}

button, .btn {
    color: #fff;
    font-family: Arial;
    font-size: 11pt;
    border: 0px ridge #ccc;
    border-radius: 3px;
    background-color: #FF6600;
    padding: 5px 10px 5px 10px;
}

button:hover, .btn:hover {
    cursor: pointer;
    background-color: #555;
}

dl { clear: both; }

dt {
    float: left;
    clear: both;
    width: 80px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999;
}

dd { float: left; margin-left: 20px; }

dl.wide dt { width: 160px; }
dl.wide-extra dt { width: 220px; }

.max-width { max-width: 100%; }
.full-width { width: 100%; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.lclear { clear: left; }
.rclear { clear: right; }
.hidden, .hidden > * { display: none !important; }

.bg-black { background-color: #000; color: white; }

.text-orange { color: #FAAD23 !important; }
.text-gray { color: #999; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-small { font-size: 12px; }

.no-margin { margin: 0; }
.margin-top { margin-top: 10px !important; }
.margin-top-extra { margin-top: 20px !important; }
.margin-left { margin-left: 10px !important; }
.margin-left-extra { margin-left: 20px !important; }
.margin-right { margin-right: 10px !important; }
.margin-right-extra { margin-right: 20px !important; }
.margin-center-auto { margin: 0 auto 0 auto; }

.no-padding { padding: 0; }
.padding-left-small { padding-left: 5px; }
.padding-right-small { padding-right: 5px; }
.padding-right { padding-left: 10px; }

.vmiddle { vertical-align: middle !important; }
.col-2 { width: 49.9%; }

ul.horizontal {
    list-style: none;
    display: table;
    height: 100%;
    margin: 0;
    padding: 0;
}
ul.horizontal > li {
    list-style-type: none;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}


#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div {
    display: block;
}

div.flash {
	color: #000;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}

a[href^="error:"] {
	background: red;
	color: white;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}

html.js .jshidden, .hidden {
	display: none;
}

.container {
    width: 1200px;
    position: relative;
    margin: 0 auto 0 auto;
    display: table;
}

div.header {
    display: inline-block;
    height: 58px;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.header .counter { color: #FAAD23; }
.header ul li,  .main-menu ul li {
    padding-left: 15px;
    padding-right: 15px;
}

.header .login_lock {
    position: relative;
    display: inline-block;
    background-image: url('../images/lock.png');
    width: 20px;
    height: 26px;
    text-align: middle;
}
.header .login_lock:hover, .header .login_lock.loggedIn { background-image: url('../images/unlock.png'); }

.main-menu ul.left li, .header ul.left li {
    border-left: 1px solid white; 
}
.main-menu ul.right li, .header ul.right li { 
    border-right: 1px solid white; 
}

a.right_red_non, li a.right_red_non_inverse,
a.bottom_red_non, li a.bottom_red_non_inverse
{
    background-repeat: no-repeat;
    display: inline-block;
    padding-top: 2px;
}

a.left_arrow_link {
    background-position: center left;
    text-indent: 20px;
}
a.bottom_arrow_link {
    background-position: center right;
    padding-right: 30px;
}

a.right_red_non, a.right_red_non_inverse:hover { background-image: url('../images/sipka-right-red-non.png'); }
a.right_red_non:hover, a.right_red_non_inverse { background-image: url('../images/sipka-right-white-non.png'); }

a.bottom_red_non, a.bottom_red_non_inverse:hover { background-image: url('../images/sipka-bottom-red-non.png'); }
a.bottom_red_non:hover, a.bottom_red_non_inverse { background-image: url('../images/sipka-bottom-white-non.png'); }



.header, .logo  { margin: 0; padding: 0; }
.logo a { 
    margin: 42px 0 2px 0;
    width: 485px;
    height: 225px;
    display: block;
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.phone  { display: none; }
.phone .inner { padding-left: 10px;}
.phone .inner p { margin: 0; padding: 0; }
.phone .inner span.tel { font-size: 20px; }
.phone .inner p.est { font-size: 15px; color: #999; }


.user_menu { height: 100px; margin-bottom: 1px; color: #fff; }

.user_menu ul {
    margin-left: 30px;
    height: 70px;
    border-collapse:separate;
    border-spacing: 4px 0;
}

.user_menu ul li {
    background-color: #FF6600;
    padding-left: 40px;
    padding-right: 40px;
    border: 0px;
}

.user_menu ul li:not(:first-child) { background-color: #3C3C3C; }
.user_menu ul li:hover { background-color: #6E6E6E; }

.main-menu { height: 80px; margin-bottom: 40px; color: #fff; }
.main-menu ul li a h2 { margin: 0; padding: 0; font-size: 18px; text-transform: uppercase; }
.main-menu ul li { padding: 0; }
.main-menu ul li a { 
    padding-left: 30px;
    padding-right: 30px;
    height: 100%; 
    display: inline-block;
    text-align: center;
    line-height: 80px;
    
}
.main-menu ul li a:hover { 
    color: #000;
    background: #d3d3d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #d3d3d3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3d3d3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d3d3d3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d3d3d3 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}


.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
    text-align: center;
    margin-top: 1em;
    z-index: 0;
}

.footer .inner { background-color: #1c1c1c; width: 100%; float: left; position: relative; margin-top: 40px; }
.footer .divisor { background-color: #3c3c3c; width: 100%; height: 1px; }

.footer .list_container {
    list-style: none;
    width: 100%;
    display: inline-block;
    margin-top: 4px;
    padding-bottom: 10px;
}

.footer .list_container > li , .footer .list_container ul.social li { 
    height: 100%; 
    float: left; 
    position: relative;
}

.footer .list_container > li { 
    width: 290px; 
    height: 260px; 
    float: left; 
    display: inline-block; 
    padding: 0 10px 0 10px; 
    box-sizing: border-box; 
}
 
.footer .list_container > li:not(:first-child) { border-left: 1px solid #3c3c3c; } 

.footer ul.social {
    list-style: none;
    padding: 0;
}

.footer ul.sitemap {
    list-style: initial;
    box-sizing: border-box;
    padding-left: 20px;
    text-align: left;
    color: #FAAD23;
}


.footer .social li { margin-top: 10px; }
.footer .social a {
    background-repeat: no-repeat;
    background-position: top left;
    width: 270px;
    height: 68px;
    float: left;
    position: relative;
    display: block;

    float: left;
    clear: left;
    margin-top: 5px;
}

.footer .social a.fb { background-image: url('../images/facebook.png'); background-position: 0px 0px; }
.footer .social a.fb:hover { background-position: 0px -68px; }
.footer .social a.gplus { background-image: url('../images/google.png'); background-position: 0px 0px; }
.footer .social a.gplus:hover { background-position: 0px -68px; }
.footer .social a.youtube { background-image: url('../images/youtube.png'); background-position: 0px 0px; }
.footer .social a.youtube:hover { background-position: 0px -68px; }
.footer .social a.soundcloud { background-image: url('../images/soundcloud.png'); background-position: 0px 0px; }
.footer .social a.soundcloud:hover { background-position: 0px -68px; }
.footer .social a.bandzone { background-image: url('../images/bandzone.png'); background-position: 0px 0px; }
.footer .social a.bandzone:hover { background-position: 0px -68px; }
.footer .social a.twitter { background-image: url('../images/twitter.png'); background-position: 0px 0px; }
.footer .social a.twitter:hover { background-position: 0px -68px; }
.footer .social a.instagram { background-image: url('../images/instagram.png'); background-position: 0px 0px; }
.footer .social a.instagram:hover { background-position: 0px -68px; }
.footer .social a.linkedin { background-image: url('../images/linkedin.png'); background-position: 0px 0px; }
.footer .social a.linkedin:hover { background-position: 0px -68px; }

.footer .laws_info { color: #FF7900; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;  }
.footer .tags { color: #999999; font-size: 12px; }

p.copyright { color: #CCC; text-transform: uppercase; font-size: 1.4em; }

.top {
    background-image: url('../images/sipka_top.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 64px;
    height: 60px;
    display: inline-block;
}
.top:hover { background-position: 0px -60px; }

.footer .other > * {
    margin-top: 10px;
}

.footer .other .copyright {
    width: 381px;
    height: 19px;
    margin-top: 25px;
}

.sub-panel {
    height: 310px;
    width: 100%;
    padding-bottom: 40px;
}

.sub-panel > div {
    float: left;
    height: 100%;
}

.info-panel {
    width: 670px;
    height: 100%;
    float: left;
}

.info-panel .header { 
    height: 58px; 
    line-height: 58px;
    background-color: #111111;
}


.info-panel .header h3, .info-panel h3.header { 
    color: #999;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 20px 0 20px;
    margin: 0;
}

.info-panel .content {
    background-color: #1A1A1A;
    height: 225px;
    width: 100%;
    position: relative;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
}

.info-panel .content > div {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 10px 0 10px 0;
    box-sizing: border-box;
}

div.tab-changer { 
    width: 100%; 
    display: inline-block;
    background-color: #111111;
}
div.tab-changer > a { margin-right: 20px; }

ul.tab-changer {
    border-collapse:separate;
    border-spacing: 2px 2px;
    height: 30px;
    width: 100%;
}

ul.tab-changer li {
    #padding: 0 20px 0 20px;
    text-transform: uppercase; 
    background-color: #3C3C3C;
    width: 125px;
}

ul.tab-changer li a { cursor: pointer; }
ul.tab-changer li a h4 { margin: 0; }
/* SUBMENU */

.sub-panel div.submenu {
    width: 200px;
    margin: 0 4px 0 30px;
}

.sub-panel ul.submenu {
    border-spacing: 0 3px;
    width: 100%;
    height: 100%;
    float: left;
    display: table;
    padding: 0;
    margin: 0;
}

.sub-panel .submenu li {
    width: 100%;
    text-indent: 10px;
    text-align: left;
    display: table-row;
}
.sub-panel .submenu li a { width: 100%; display: table-cell; vertical-align: middle; }
.sub-panel .submenu li a:hover span { text-decoration: underline; }
.sub-panel .submenu li a > span { display: inline-block; }

.sub-panel .submenu li :hover { background-color: #FF6600; }

.sub-panel .submenu li:nth-child(1) { background-color: #111; }
.sub-panel .submenu li:nth-child(2) { background-color: #222; }
.sub-panel .submenu li:nth-child(3) { background-color: #333; }
.sub-panel .submenu li:nth-child(4) { background-color: #444; }
.sub-panel .submenu li:nth-child(5) { background-color: #555; }
.sub-panel .submenu li:nth-child(6) { background-color: #666; }
.sub-panel .submenu li:nth-child(7) { background-color: #777; }
.sub-panel .submenu li:nth-child(8) { background-color: #888; }
.sub-panel .submenu li:nth-child(9) { background-color: #999; }

.sub-panel .submenu li h3 { margin: 0; }
/* FILTER */
.filter {
    width: 290px;
    height: 100%;
    margin-left: 5px;
    background-color: #3C3C3C;
}

.filter form { 
    padding: 10px 35px 10px 35px;
    float: left;
    clear: both;
    width: 100%;
    box-sizing: border-box; 
}
.filter form p { margin: 0; padding: 0; font-size: 1em; }
.filter form#frm-filter > * { float: left; clear: both; }
.filter form#frm-filter > select { height: 20px;  box-sizing: border-box; }
.filter form#frm-filter > button { height: 26px;  box-sizing: border-box; }
.filter form#frm-filter > *:not(:first-child) { margin-top: 8px; }

.filter form#frm-search { border-top: 2px solid #000; }
.filter form#frm-search > * { float: left; }
.filter form#frm-search button { margin: 5px 0 0 5px; height: 38px; }
.filter form#frm-search input[type="text"] { width: 71%; }

.filter select.with-groups option:not(.opt-group) { padding-left: 0.5em; }
.filter select.with-groups option.opt-group { font-weight: bold; font-style: italic; }

/* POPUP */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}

#popup-overlay { float: left; width: 100%; height: 100%; background-color: #000; opacity: 0.7; z-index: 1001; }
#popup-content { 
    z-index: 1002; 
    position: fixed; 
    left: 0;
    top: 0; 
    width: 100%; 
    height: 100%;
    display: table;
}
#popup-content > div { display: table-cell; vertical-align: middle; }

/* CONTENT */

.content-body a { color: #FAAD23; }

/* SIDE PANELS */
.content-body > *:first-child:not(:only-child) { width: 840px; }
.content-body > *:first-child:only-child { width: 100%; }

.side-panel { width: 290px; float: right; margin-left: 70px; }
.widget { width: 290px; margin-bottom: 50px; float: left; clear: both; }
.widget hr { height: 1px; border-top: 1px solid #444; border: 0; background-color: #444; }

/* MAIN CONTENT */

.content-body > div[class*="-body"],
.content-body > div[class*="-body"] > div[class*="-content"] { width: 100%; }

/* PAGES */

.page-content a, .page-content a:visited, .page-content a:active { color: #FAAD23; }
.page-content a:hover { color: #fff; text-decoration: underline; }

.shop-entry { width: 100%; margin: 5px 0 10px 0; }
.shop-entry:not(:first-child) { border-top: 1px solid #666; }

.shop-entry > h2 { color: #FAAD23; }
.shop-entry .shop-description { 
    padding: 5px 20px 5px 20px; 
    margin: 5px 0 5px 0;
    background-color: #222; 
    box-sizing: border-box; 
    border-radius: 8px; 
}

div.song-merch { width: 400px; padding: 20px; background: #222; border-radius: 12px; } 

/* LOGIN Form */

#frm-loginForm, #frm-forgottenPassword { float: left; }
form div.submit { width: 100%; text-align:center; }


.cart-body #frm-loginForm .send-btn { padding: 0 97px 0 97px;  }

/* CAPTCHA */
img.captcha { border-radius: 4px; }
a.captcha-reset:hover {  cursor: pointer; }

/* SHOP */

.shop-block {
    width: 100%;
    margin-top: -20px;
    min-height: 400px;
}

.shop-block-header {
    width: 100%;
    height: 60px;
    background: #4a4a4a; /* Old browsers */
    background: -moz-linear-gradient(top, #4a4a4a 0%, #121212 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4a4a4a), color-stop(100%,#121212)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4a4a4a 0%,#121212 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4a4a4a 0%,#121212 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4a4a4a 0%,#121212 100%); /* IE10+ */
    background: linear-gradient(to bottom, #4a4a4a 0%,#121212 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a4a4a', endColorstr='#121212',GradientType=0 ); /* IE6-9 */
}

.shop-block-header .inner {
    float: left;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: left;
    display: inline-block;
    padding: 0 19px 0 19px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.shop-block-header .inner .header { line-height: 60px; }
.shop-block-header .inner .display_switcher { width: 120px; }
.shop-block-header .inner .pagination { margin-right: 20px; margin-top: 20px; }

ul.paginator li { padding: 0 6px 0 6px; border-left: 1px solid #fff; border-collapse: collapse; }
ul.paginator li:last-child { border-right: 1px solid #fff; }

/* ITEM BOX style */

.row {
    float: left;
    clear: both;
    width: 100%;
    border-bottom: 4px solid #3C3C3C;
    margin: 20px auto 20px auto;
}
.row:not(:first-child) { margin-top: 0px; }

.item-box {
    width: 290px;
    float: left;
    margin: 20px auto 20px auto;
}

.item-box:not(:first-child) {
    margin-left: 13px;
}

.item-box .prices ul {
    width: 290px;
    height: 40px;
    text-align: center;
    border-spacing: 1px 0;
    font-size: 12px;
}

.item-box .prices li {
    float: left;
    line-height: 40px;
    display: table-cell;
}
.item-box .prices li:not(:first-child) { margin-left: 1px; }
.item-box .prices ul li.midi { width: 86px; }
.item-box .prices ul li.audio { width: 98px; }
.item-box .prices ul li.video { width: 102px; }

.item-box li.midi, .item-table th.midi { background-color: #FF6600; }
.item-box li.audio, .item-table th.audio { background-color: #FF7900; }
.item-box li.video, .item-table th.video { background-color: #FF9300; }


.item-box .content { 
    float: left;
    width: 100%;
    padding: 0 20px 0 20px;
    background-color: #222222;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.product-info dd {
    max-width: 150px;
    white-space: nowrap;
    overflow:hidden !important;
    text-overflow: ellipsis;
}

.product-formats {
    margin-left: -10px;
    float: left;
    width: 290px;
    height: 36px;
    display: inline-block;
    margin-bottom: 15px;
}

.format-box {
    height: 36px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    text-indent: 0;
}
.item-box .format-box { max-width: 180px; }

.format-box div {
    float: left;
    width: auto;
    height: 36px;
    display: inline-block;
    white-space: nowrap;
}

.item-box select.format-selector {
    float: left;
    width: 100%;
    height: 38px;
    border: 0px solid #777;
    margin-bottom: 10px;
    background-color: #444;
    color: #ccc;
    font-size: 15px;
    text-indent: 10px;
    line-height: 38px;
}

.item-box button, button.buy-button, .big-button, .btn {
    height: 43px;
    border: 1px solid #3C3C3C;
    background-color: #222222;
    padding: 0 12px 0 20px;
    font-weight: bold;
    vertical-align: middle;
    line-height: 43px;
    color: #fff !important;
    display: inline-block;
}

.item-box button:hover, button.buy-button:hover, .big-button:hover, .btn:hover {
    background-color: #FF6600;
    cursor: pointer;
    text-decoration: underline;
}

/* ITEM TABLE style */
table.item-table { width: 100%; margin-top: 20px; text-align: left; }
table.item-table tr th {
    text-transform: uppercase;
    background-color: #222;
    font-size: 12px;
    height: 48px;
    box-sizing: border-box;
}
table.item-table thead tr:last-child { width: 100%; height: 10px; }

table.item-table tr td, table.item-table tr th { padding: 0 5px 0 10px; }
table.item-table tr td:nth-child(4) { padding: 0; }

table.item-table tr th:nth-child(1), table.item-table tr th:nth-child(2) { width: 175px; }
table.item-table tr th:nth-child(3) { width: 52px; }
table.item-table tr th:nth-child(4) { width: 251px; }
table.item-table tr th:nth-child(5) { width: 190px; }
table.item-table tr th:nth-child(6), table.item-table tr th:nth-child(7), table.item-table tr th:nth-child(8) { width: 70px; }
table.item-table tr th.spacer { width: 125px; background-color: transparent; }

table.item-table tr td:nth-child(7), table.item-table tr td:nth-child(8), table.item-table tr td:nth-child(9) { text-align: center; padding: 0; }
table.item-table tr td:nth-child(7) { background-color: #FF6600 !important; }
table.item-table tr td:nth-child(8) { background-color: #FF7900 !important; }
table.item-table tr td:nth-child(9) { background-color: #FF9300 !important; }

table.item-table tr:nth-child(odd) td:not(:last-child) { background-color: #444; }
table.item-table tr:nth-child(even) td:not(:last-child) { background-color: #555; }

table.item-table tr td:nth-child(6) { padding: 0 10px 0 10px; }
table.item-table .format-box { width: 108px; margin-left: 28px; }

i.icon-mover-left + div.format-box { margin-left: 0; }


#song-info-container { width: 300px; background-color: #333; border-radius: 4px; border-left: 1px solid #3c3c3c; padding: 10px; }

/* CART style */
.cart-body, .side-panel { margin-bottom: 50px; }
.content-body .header { 
    padding: 12px 0 12px 30px ;
    border-bottom: 4px solid #555;
    background-image: url('../images/sipka-shop-css.png'); 
    background-position: left center;
    background-repeat: no-repeat; 
    margin-bottom: 1em;
    background-color: #000;
    text-transform: uppercase;
    box-sizing: border-box;
    margin-top: -2px;
    font-size: 20px; 
    color: #FF9300;
}

.content-body .header h1 { border: 0; margin: 0; padding: 0; font-size: 20px; color: #FF9300; }

.cart-body .stage p { margin: 0; padding: 0; font-size: 14px; }
.cart-body .stage p.numbering { font-size: 28px; }
.cart-body .stage ul { width: 100%; }
.cart-body .stage ul li { width: 24%; height: 60px; display: table-cell; padding: 5px 0 5px 0; }

.cart-body .stage ul li:not(:first-child) { background-image: url('../images/sipka-kosik.png'); }
.cart-body .stage ul li:nth-child(1) { background-color: #151515; }
.cart-body .stage ul li:nth-child(2) { background-color: #232323; }
.cart-body .stage ul li:nth-child(3) { background-color: #2E2E2E; }
.cart-body .stage ul li:nth-child(4) { background-color: #444444; }
.cart-body .stage { margin-bottom: 40px; }

.cart-body .block { padding: 1em; border-radius: 4%; background-color: #222; }

.cart-body table.cart { width: 100%; font-size: 14px; font-weight: normal; }
.cart-body table.cart th { font-weight: normal; text-transform: uppercase; }
.cart-body table.cart th:nth-child(1):before, .cart-body table.cart td:nth-child(1):before,
.cart-body table.cart th:nth-child(2):before, .cart-body table.cart tbody.cart-content td:nth-child(2):before,
.cart-body table.cart th:nth-child(3):before, .cart-body table.cart tbody.cart-content td:nth-child(3):before { content: "|"; margin-right: 10px; }
.cart-body table.cart th, .cart-body table.cart td { text-align: left; }
.cart-body table.cart th:nth-child(5), 
.cart-body table.cart td:nth-child(6),
.cart-body table.cart tbody.summary td:nth-child(2) { text-align: right; }

.cart-body table.cart th:nth-child(1), .cart-body table.cart td:nth-child(1),
.cart-body table.cart th:nth-child(2), .cart-body table.cart td:nth-child(2) { width: 230px; }

.cart-body table.cart tr.head-spacing td { height: 1px; border-bottom: 1px solid #444; margin: 2px 0 2px 0;  }
.cart-body table.cart tr.head-spacing td:before { content: ""; margin: 0; }
.cart-body table.cart tbody tr td { height: 50px; }
.cart-body table.cart tbody.summary tr.head-spacing:first-child td { height: 40px; }

/* PROFILE Style */
.profile-body .menu ul { width: 100%; }
.profile-body .menu a { color: #fff; }
.profile-body .menu ul li { height: 30px; }
.profile-body .menu ul li:nth-child(1) { background-color: #151515; }
.profile-body .menu ul li:nth-child(2) { background-color: #232323; }
.profile-body .menu ul li:nth-child(3) { background-color: #2E2E2E; }
.profile-body .menu ul li:nth-child(4) { background-color: #444444; }
.profile-body .menu ul li:nth-child(5) { background-color: #555555; }
.profile-body .menu ul li:nth-child(6) { background-color: #666666; }
.profile-body .menu ul li:nth-child(7) { background-color: #777777; }

.songs-table a { color: #fff; }

/* ORDER SPECS */
div.invoice-data, div.shipping-data { min-width: 300px; }

/* BOUGHT SONG LIST */
.profile-body table { width: 100%; margin-top: 20px; text-align: left; }
.profile-body table tr th {
    text-transform: uppercase;
    background-color: #222;
    font-size: 12px;
    height: 48px;
    padding: 0 10px 0 10px;
}
.profile-body table thead tr:last-child { width: 100%; height: 10px; }
.profile-body table tr td { padding: 0 10px 0 10px; }

.profile-body table tr th.spacer { width: 125px; background-color: transparent; }


.profile-body table.order-table tr:nth-child(odd) td,
.profile-body table.service-table tr:nth-child(odd) td,
.profile-body table.service-items-table tr:nth-child(odd) td,
.profile-body table tr:nth-child(odd) td:not(:last-child) { background-color: #444; }

.profile-body table.order-table tr:nth-child(even) td,
.profile-body table.service-table tr:nth-child(even) td,
.profile-body table.service-items-table tr:nth-child(even) td,
.profile-body table tr:nth-child(even) td:not(:last-child) { background-color: #555; }


/* CUSTOM CSS */

.fb-like *, .g-plusone  * { color: #fff !important; }

.buy-min { width: 120px; }

.levy2 {
 width: 50%; 
 padding-right: 15px;
 padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
 vertical-align: top;
 text-align: justify;
 background-color: #1B1B1B;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 }
.pravy2 {
 width: 50%;
 padding-right: 15px;
 padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
 vertical-align: top;
 text-align: justify;
 background-color: #1B1B1B;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 }
  .jak {
width: 95%; 
margin: 0 auto 0 auto;
padding-right: 15px;
padding-left:25px;
padding-right:25px;
padding-top:20px;
padding-bottom:20px;
vertical-align: top;
text-align: justify;
background-color: #1B1B1B;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
 
.frame
 {
   padding: 5px 15px 5px 15px;
   background-color: #222;
   border-radius: 4px;
 }

 /* Cookie Agreement */
#cookies-agreement {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: white;
    background-color: #1c1c1c;
    z-index: 1000;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding: 3px 0 0 3px;
}

#cookies-agreement a:first-child { color: #FF6600; }

.separator { border-bottom: 0.25em solid #222; border-radius: 4em; width: 100%; margin: 1em 0 0 0; }