* {margin: 0; padding: 0;}
html {height: 100%}
body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif; height: 100%; background: #f1f1f1;}
a {color: #0e6db1; outline: none; text-decoration: underline;}
a:hover {text-decoration: none;}
p {padding: 0 0 18px}
img {border: none;}
input {vertical-align: middle; padding: 2px 3px;}
.ib {display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.cb {clear: both; _font-size: 1px;}
.float-r {float: right;}
.float-l {float: left;}
.center {text-align: center;}
h1 {font-size: 18px; color: #5d5d5d; margin: 0 0 5px 0; font-weight: normal; text-align: center;}
h2 {color: #126848; font-size: 15px; margin: 0 0 2px 0; font-size: bold;}
h3 {color: #126848; font-size: 15px; margin: 0 0 5px 0; font-size: bold;}
#wrapper {width: 100%; min-width: 1000px; min-height: 100%; height: auto !important; height: 100%;}

/* Header
-----------------------------------------------------------------------------*/
#loader {background: #3C84AB url(../imgs/loader.gif) no-repeat 3px 50%; color: #ffffff; padding: 2px 5px 2px 25px; position: fixed; top: 30px; right: 5px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px #000000; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: none; -moz-box-shadow: 1px 1px 2px #000000; z-index: 10000;}
#header {height: 202px; background: url(../imgs/header-bg.png) repeat-x 0 0;}
.top-user {line-height: 26px; color: #ffffff; margin: 0 10px; _margin: 0 5px; position: absolute;}
.top-user a {color: #ffffff; text-decoration: none;}
.top-user a:hover {text-decoration: underline;}
.tu-l {left: 0;}
.tu-r {right: 0;}
.logo {background: url(../imgs/logo.png) no-repeat 0 0; width: 464px; height: 122px; position: absolute; margin-top: 37px; left: 0;}
.top-alpha {background: url(../imgs/top-alpha.png) repeat-x 0 -80px; float: right; margin-top: 54px;}
	.top-alpha .inner {background: url(../imgs/top-alpha.png) no-repeat 0 0; padding: 20px 10px 20px 15px;}
	.top-alpha .letters {line-height: 20px; text-align: center;}
	.top-alpha .letters a {color: #ffffff; font-weight: bold; padding: 0 4px; margin-left:-3px; margin-right: 2px; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
	.top-alpha .letters a:hover, .top-alpha .letters a.active {background: #ffffff; color: #ef0288;}
.top-menu {background: url(../imgs/top-menu-ends.png) no-repeat 0 0; position: absolute; margin: 161px 0 0 0; width: 100%; left: 0;}
.top-menu .inner {background: url(../imgs/top-menu-ends.png) no-repeat 100% -37px; height: 37px; text-align: center;}
.top-menu a {background: url(../imgs/top-menu-separator.png) no-repeat 100% 0; line-height: 37px; height: 37px; padding: 0 15px 0 10px; color: #ffffff; font-size: 13px; font-weight: bold; text-decoration: none; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
.top-menu a.last {background: none;}
.top-menu a.active, .top-menu a:hover {color: #007a9f;}

/* Middle
-----------------------------------------------------------------------------*/
#middle {width: 100%; padding: 0 0 84px; height: 1%;}
#middle:after {content: '.'; display: block; clear: both; visibility: hidden; height: 0;}
#container {width: 100%; float: left; overflow: hidden;}
#content {padding: 0 0 0 314px;}
.search {background: url(../imgs/search-bg.png) repeat-x 0 -53px; margin-bottom: 9px;}
	.search .inner {background: url(../imgs/search-bg.png) no-repeat 0 0; height: 53px; padding-left: 3%;}
	.search fieldset {border: 0 none;}
	.search input {float: left; margin-top: 15px; padding: 3px;}
	.search input.text {width: 60%;}
	.search input.submit {width: 10%; margin: 15px 0 0 1%; padding: 3px; font-size: 12px;}
	.search .select {width: 20%; margin: 15px 0 0 1%; float: left; padding: 3px;}

#catalog {width: 100%; background: #ffffff; border-collapse: collapse;}
	#catalog .title {background: url(../imgs/catalog-head-bg.png) repeat-x 0 0; height: 31px; color: #ffffff; padding-bottom: 4px; #height: 25px; height: 25px\0/;}
	#catalog td {padding: 0 4px; border: 2px solid #ffffff; #border: 1px solid #ffffff;}
	#catalog td a {color: #0856A6;}
	#catalog td a:hover {color: #F26D00;}
	#catalog .gray {background: #eaeaea;}
	#catalog .green {background: #E6FFE6;}
.pagination {text-align: center; margin: 20px 0;}
	.pagination a, .pagination span {font-weight: bold; text-decoration: none; margin: 0 -3px 0 5px;
	display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 0 5px;}
	.pagination .n {background: url(../imgs/pagination-bg.png) repeat-x 0 0; border: 1px solid #eeeeee; line-height: 18px;}
	.pagination .active, .pagination .n:hover {background: url(../imgs/pagination-bg.png) repeat-x 0 -18px; border: 1px solid #df7c1e;}
	.pagination .n:hover {color: #0E6DB1;}

	#catalog .cart-add {background:url(../imgs/cart.png) no-repeat 50% 0; display: block; text-indent: -9999px; height: 20px;}
	.pack-message {float: left; line-height: 30px; margin-left: 20px;}
	.pack-message .error {font-weight: bold; color: #ff0000;}
	.pack-message .loader {background: url(../imgs/loader2.gif) no-repeat 0 50%; padding-left: 24px;}


.round-box {background: #eeeeee url(../imgs/round-box-left.png) repeat-y 0 0; margin: 9px 20px 0 0;}
.round-box .inner {background: url(../imgs/round-box-right.png) repeat-y 100% 0; padding: 0 32px;}
.round-box .b-top {background: url(../imgs/round-box-top.png) repeat-x 0 0;}
.round-box .b-bottom {background: url(../imgs/round-box-bottom.png) repeat-x 0 0;}
.round-box .b-top span, .round-box .b-bottom span {background: url(../imgs/round-box-corners.png) no-repeat 0 0; width: 20px; height: 20px; display: block;}
.round-box .b-top .top-left {background-position: 0 0;}
.round-box .b-top .top-right {background-position: -20px 0;}
.round-box .b-bottom .bottom-left {background-position: 0 -19px;}
.round-box .b-bottom .bottom-right {background-position: -20px -19px;}
.round-box .blue-top {background: url(../imgs/round-box-blue-center.png) repeat-x 0 0; height: 37px;}
.round-box .blue-top .top-left {background: url(../imgs/round-box-blue-left.png) no-repeat 0 0; height: 37px; width: 32px;}
.round-box .blue-top .top-right {background: url(../imgs/round-box-blue-right.png) no-repeat 0 0; height: 37px; width: 15px;}
.round-box .blue-top h1 {padding: 7px 0 0 20px; font-size: 14px; color: #ffffff; font-weight: bold;}
.lyrics {text-align: center; font-size: 14px;}

.pdf-icon {background: url(../imgs/pdf.png) no-repeat 0 50%; padding-left: 40px; float: right; text-decoration: none; color: #5A0A0C; font-weight: bold;}
.pdf-icon:hover {color: #C51F26;}

.single {background: #ffffff; border: 2px solid #CCCCCC; padding: 20px 20px 10px; width: 500px; margin: 0 auto;}
.single a {font-weight: bold;}
.single h1 {color: #333333; margin: 0 0 10px 0;}
.single table {background: #ffffff; width: 100%; border-collapse: collapse;}
.single table td {border: 2px solid #ffffff; padding: 10px;}
.single table .gray td {background: #EAEAEA;}
.single .artist {background: #ffffff; padding: 1px; border: 1px solid #CCCCCC;}
.single .first {width: 35%;}
.single .download {vertical-align: top;}
.single .download a {font-size: 14px;}

/* Sidebar
-----------------------------------------------------------------------------*/
.sidebar {float: left; width: 294px; margin-left: -100%; position: relative;}
.sidebar .block {background: #f8f9fa url(../imgs/block-bg.png) repeat-y 0 0; margin: 3px 0 5px 20px; _position: relative;}
.sidebar .block .inner {background: url(../imgs/block-bg.png) repeat-y 100% 0; _position: relative;}
.sidebar .block .header {background: url(../imgs/block-header-in.png) no-repeat 100% 0; _position: relative;}
.sidebar .block .header-in {background: url(../imgs/block-header.png) no-repeat 0 0; _position: relative;}
.sidebar .green-block .header {background: url(../imgs/block-header-in-green.png) no-repeat 100% 0; _position: relative;}
.sidebar .green-block .header-in {background: url(../imgs/block-header-green.png) no-repeat 0 0; _position: relative;}
.sidebar .block .footer {background: url(../imgs/block-footer-in.png) no-repeat 100% 0; _position: relative;}
.sidebar .block .footer-in {background: url(../imgs/block-footer.png) no-repeat 0 0; height: 17px; _position: relative;}
.sidebar .block h3 {font-size: 14px; padding: 10px 0 0 45px; line-height: 28px; color: #ffffff;}
.sidebar .menu {padding: 20px 40px;}
.sidebar .menu a {display: block; border-bottom: 1px solid #eaeaea; text-decoration: none; padding: 2px 5px 2px 20px; font-size: 14px;}
.sidebar .menu a:hover {background: #eaeaea; text-decoration: none;}
.sidebar .menu a.active {color: #d70376;}

.sidebar .login {color: #414141; padding: 15px 40px 15px 35px;}
.sidebar .login fieldset {border: 0 none;}
.sidebar .login label {display: block; margin-top: 3px;}
.sidebar .login input {width: 98%;}
.sidebar .login input.submit {background: #5fa3c0; border: 1px solid #f7d7d7; float: right; margin-top: 10px; width: auto; color: #ffffff; font-weight: bold; padding: 4px 12px; #padding: 1px 2px;}
.auth-button {background: #5fa3c0; border: 1px solid #f7d7d7; float: right; margin-top: 10px; width: auto; color: #ffffff; font-weight: bold; padding: 4px 12px; #padding: 1px 2px;}

.sidebar #calendar {padding: 15px 40px 15px 35px; color: #414141;}
.sidebar #calendar table {width: 100%;}
.sidebar .calendar-head {font-weight: bold; text-align: center;}
.sidebar .calendar-head td {white-space: nowrap;}
.sidebar .calendar-head a {color: #414141;}
.sidebar .calendar-days .wk {color: #CC0000;}
.sidebar .calendar-days a {color: #009933; font-weight: bold;}
.sidebar .calendar-days td {border-top: 1px solid #eaeaea;}
.sidebar .calendar-days .last td {border-bottom: 0 none;}

.sidebar .refreshments {padding: 15px 30px 15px 25px;}
.sidebar .refreshments .text {padding: 0;}
.sidebar .refreshments .text p {text-indent: 0;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {margin: -84px auto 0; min-width: 1000px; height: 84px; line-height: 77px; background: url(../imgs/footer-bg.png) repeat-x 0 0; font-size: 11px; color: #666666; text-align: right; padding: 0 10px;}
	#footer .b-links a {background: url(../imgs/footer-icons.png) no-repeat 0 0; font-size: 10px; font-weight: bold; padding-left: 20px; margin: 35px 20px 0 0; height: 16px; line-height: 16px;}
	#footer .b-links .vk {background-position: 0 0;}
	#footer .b-links .fb {background-position: 0 -60px;}
	#footer .b-links .bm {background-position: 0 -120px;}
	#footer .b-links .rs {background-position: 0 -180px;}
#footer #fleft {text-align: center; padding: 0 15px 0 5px; width: 220px;}
#footer #fleft a {font-size: 12px;}

/*Extra Styles*/
.catalog-transp {background-color: transparent !important;}
.catalog-transp td {border: 2px solid transparent !important;}

/*Subcriptions*/
.news-s form table {width: 500px; margin: 0 auto;}
.news-s form table td {text-align: left;}

.add_track {background: url(../imgs/block-header-in-green.png) 50% -11px no-repeat; display: block; margin: 0 auto; padding: 4px 5px; color: #ffffff; font-weight: bold; width: 100px; border: 1px solid #149676; border-width: 0 1px; text-decoration: none;}
.add_track:hover {text-decoration: underline;}
.upload-new table {width: 50%; margin: 0 auto;}
.upload-new table td {vertical-align: top;}
.upload-new input, .upload-new textarea {width: 100%;}
.upload-new textarea {padding: 2px 3px; height: 400px;}
.upload-new .submit {width: auto; padding: 0 20px; margin-top:10px;}

/* Form */
.form {color: #000000; width:600px; margin: 10px auto 0 auto; background: #E8E8E8; padding: 5px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.form h2 {text-align: center;}
.form .f-row {margin:10px 10px 10px 0; padding:5px 0 5px 10px;}
.form .f-row div {padding-left: 200px;}
.form .f-row div img {display: block; float: left;}
.form label, .form strong {width: 190px; float: left; display: block; text-align: right;}
.form label span {color: #ff0000; font-weight: bold;}
.form input, .form select, .form textarea {background: #ffffff; float: left; padding: 3px; display: block; border: 1px solid #9c9c90; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.form input {width: 300px;}
.form input#captcha {width: 190px; margin-left: 9px;}
.form textarea {width: 300px; height: 100px;}
.form select {width:auto;}
.form span.val {float: left; padding: 0 10px; display: block; width: 300px;}
.form input:focus, .form textarea:focus {background: #ffffff; border: 1px solid #175899;}
.form .f-row p {background: #FFBABA; float: left; margin: 0; width: 300px; padding: 0 3px; margin-top: 2px; color: #5A0A0C; border: 1px solid #D8000C; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.form .f-row .error {width: 300px;}
.form .date-in span {float: left; margin: 0 10px; padding-top: 2px;}
.form .date-in input {width: 100px;}
.form .submit, .f-submit {background: #24879C; border: 0 none; color: #ffffff; padding: 6px 10px; text-decoration: none; float: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: auto;}
.form .submit:hover, .form .submit:active, .form .submit:focus {background: #3E3A39; border: 0 none; cursor: pointer;}
.f-submit:hover, .f-submit:active, .f-submit:focus {background: #3E3A39; border: 0 none; cursor: pointer;}
.form .error input, .form .error textarea {background: #ffffff; border: 1px solid #920000;}
.f-correct {font-size: 14px; line-height: 24px;}

.collection-description {color: #000000; width:200px; margin: 10px 30px 0 0; background: #E8E8E8; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-align: center; float: left;}

/* Archive */
.archive-block {
	background: #fefefe url(../imgs/archive-bg.gif) repeat-x 0 100%;
	float: left;
	border: 1px solid #5977b3;
	margin: 10px;
	padding: 5px 10px;
	width: 250px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.archive-block h3 {
	color: #076ca5;
	font-size: 14px;
}
.archive-block .zip-icon {
	float: left;
	background: url(../imgs/i/ico-zip.png) no-repeat -9px 0;
	width: 58px;
	height: 64px;
}
.archive-block .description {
	height: 48px;
	overflow: hidden;
	line-height: 12px;
}
.archive-block .link {
	color: #5977b3;
	font-weight: bold;
}
.archive-block .count {
	font-weight: bold;
}
.archive-block .count span {
	color: #197f66;
}
.archive-block .price {
	font-weight: bold;
}
.archive-block .price span {
	color: #b41e1e;
}
.archive-block .buy {
	background: url(../imgs/archive-buy.png) no-repeat 0 0;
	width: 80px;
	height: 26px;
	line-height: 26px;
	float: right;
	margin: 0 0 5px 5px;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	text-shadow: 0 0 2px #000000;
}
.archive-block .buy:hover {
	text-decoration: underline;
}