/* 3-Column Positioning */
html {background:#fff;}
body { margin: 0; padding: 0 10px 0 250px; min-width:680px; min-height:670px;}
div#h1 {height: 130px; margin:0; padding:0; width:100%; background:#ffeed0;}
div#h1 div {float:left; background:#ffeed0;}
.extra { margin-left: -240px; width: 240px; position: relative; float: left; _margin-left:-460px;}
.head {display:inline-block; width:271px; height:99px; background: url(/images/head.gif) no-repeat center center; margin-top:10px;}
span.head-left {color:#df610d; font-family: Arial; font-size:19px; font-weight:normal; display:inline-block; width:250px; margin-top:80px;}
span.head-right {display:inline-block; font-size:14px; font-weight:normal; text-align:left; width:290px; margin-top:80px; padding-left:20px;}
.content { float: left; width: 100%;}
.service { margin-right: -240px; width: 240px; position: relative; float: left; display:none;}
.footer { padding: 30px 0 10px 0; margin: 0 -10px 0 -240px; clear: both; }
.footer div {float:right; font-size:11px; padding-right:10px;}
.footer div a {color:#5076e5;}


/* Global Layout */
body { background:url(/images/fon.png) repeat-x left top; font: 12px Verdana, Arial, sans-serif;}
h1, h2 { color: #fff; background: #ffae00; font-size: 1em; padding: 2px 4px; margin: 0 10px; position:relative; overflow:hidden;}
h1 span, h2 span {position:relative; z-index:20}
h3 { clear: both; margin: 10px 0 15px; padding: 5px 10px 0; color:#df610d;}
h3#first {border: none; margin-top: 0; padding-top: 0;}
.content h1 a, .content h2 a { color: #fff; display: inline;}
a { color: #5076e5; text-decoration: underline; outline:none;}
a:hover { text-decoration: none; }
a.artist { font-weight: bold; display: block; font-size:14px;}
a.album { display: block; color:#000;}
p#cleaner {margin: 0; font-size: 0; clear: both;}
.cover { float: left; margin: 0 5px 5px 0;} /* ?????? */
a.cover img { border: none; }
.footer { color: #494949; text-align: center; font-family:Tahoma; font-size:19px;}
.footer a { text-decoration: underline; color: #ff8724; outline:none;}
.content div, .sidebar div, .sidebar ol, .sidebar ul, .sidebar form { background: #fff; }
.content a {text-decoration:underline;}
.content a:hover {text-decoration:none;}
b.niftycorners {background-color:#fff5e2 !important;}

/* main content */
.content div { margin: 0 10px; padding: 10px;}
.content ul { list-style: none; margin: 0; padding: 0; }
p.arrows { text-align: right; clear: both; }
img.photo { float: left; margin: 0 10px 10px 0;}
p#letters { text-align: center; position: relative; z-index: 2;  font-weight:bold; font-size:14px;}
.albums li { width: 32%; margin: 0 1% 40px 0; float: left; }
.albums li.li_clear {width:100%; height:7px; font-size:1px; margin:0; padding:0;}
.artists { width: 49%; margin-right: 1%; float: left;}
.tracks { clear: both; width: 100%; margin:5px 0; border-collapse: collapse;}
.tracks thead {background: #ccbc99;}
.tracks td {padding: 12px 4px; vertical-align: top;}
.tracks tr {background:#f3f2f0 url(/images/tr.gif) repeat-x top left;}

.tracks th {text-align:center; font-weight:bold; color:#df610d;}
.tracks .divider, .tracks .separator {padding:20px; font-weight: bold; color: #333;}
.tracks .separator {border:0; color:inherit; padding:1.5em 5px 0.5em 65px;}
.tracks .number { width: 20px; text-align: center; padding-left:0; padding-right:10px;}
.tracks .check { width: 25px; text-align: center; padding-left:10px; padding-top:10px;}
.cart .check .buy {display:none;}
.tracks .preview { width: 15px; text-align: center; padding-top:10px; padding-bottom:5px;}
.tracks .duration { width: 40px; text-align: right; padding:12px 20px 2px 20px;}
.tracks td.price { width: 5%; text-align: right; white-space:nowrap; padding: 12px 20px 2px 4px;}
.tracks td.date { width: 5%; text-align: center;}
.tracks td.link { width: 100px; text-align: center; white-space:nowrap;}
#artist {color:#df610d;}
.content label { text-align: right; width: 320px; margin: 0 auto 2px; display: block;}
.content div.btns { width: 320px;padding: 2px 0 0 0; margin: 2px auto; text-align: right;  //width:340px; }
.content div.btns input {width:155px;}
.content select, .content label input { width: 150px; }
.content div.trackinfo { background: none; margin: 0; padding: 0; }
.content div.trackinfo p { margin: 0; }
.discs strong {font-size:12px;}
h4 {background:#fff; color:#494949; margin:0 10px; padding:20px 0 0 30px; font-size:13px;}

/* sidebars */
.sidebar { font-size: 0.9em;}
.sidebar ul { padding:10px 10px 10px 0; margin: 0 0 10px; list-style:url('gfx/bullet.gif'); background-color:transparent; color:#df610d;}
.sidebar ol { padding: 10px 0 10px 31px; margin: 0 0 10px; list-style-position: outside; background-color:transparent}
.sidebar ul li { margin: 0 0 5px 25px; padding: 0; background-color: transparent}
.sidebar ol li { margin: 0 0 5px 7px; padding: 0; background-color: transparent}
.sidebar form, .sidebar div.userblock div { padding: 10px 0 10px 0; margin: 0; background-color:transparent}
.sidebar li.nobullet { list-style: none; margin-left: 15px; background-color:transparent}
#search { text-align: center; }
.sidebar #login { text-align: right; }
.sidebar #login label { display: block; margin-bottom: 3px; }
.sidebar #login input {width: 202px; height:21px; border:0; padding:3px 10px 0 10px; margin-bottom:10px;}
.sidebar #login .text {background:url(/images/log.gif) no-repeat bottom left; outline:none;}
.sidebar #login .focus {background:url(/images/log.gif) no-repeat top left; outline:none;}
.sidebar #login .pass {background:url(/images/log.gif) no-repeat center left; outline:none;}
.sidebar #login input.button {width:74px; height:25px; background:transparent url(/images/enter.gif) no-repeat top left; cursor:pointer;}
.sidebar div.userblock form a, .sidebar div.userblock div a { display: block; }
.sidebar div.userblock form a {padding-bottom:5px;}
.sidebar div {margin:0 10px; padding:0;}

body#help {font: 12px Arial, sans-serif; margin: 0; padding: 0 10px 0 210px; line-height: 1.5em; background:#fff;}
#help #contents { position: fixed; list-style: none; background: #fff0d5; top: 0; left: 0; width: 180px; padding: 10px; height: 100%; margin: 0; color: #fff; border-right: 1px solid #999;}
#help #contents li {cursor: pointer; margin: 0 0 5px; line-height: 1.2em; text-align: left; color:#df610d;}
#help #contents li:hover { text-decoration: underline; }
#help li { text-align: justify; }
#help h2 {font-size:150%}
#help h2, #help h3, #help h4 {color: #df610d; background:none;}
#help p { text-align: justify; text-indent: 2em; margin: 0; }
/*#help a { color: #900; text-decoration: none; }
#help a:hover { text-decoration: underline; }*/
* html #help ul#contents { border-bottom: 1px solid #999; position: absolute; }

.content .drm {float:right; width:1px; text-align:right; margin:0 5px 0 0; padding:0;}
.td_drm {width:19px; text-align:center;}
.td_drm div, .td_drm iframe {margin:0; padding:0; background:transparent}
.td_drm img {width:15px; height:15px; border:0}


#moneystuff {font-size:90%;}
#moneystuff fieldset {border:0; clear:both; margin:0; padding:0;}
#moneystuff input, #moneystuff select {width:200px; margin:3px; float:left;}
#moneystuff .submit_btn {width:auto; margin-left:153px;}
#moneystuff label {width:150px; text-align:right; display:block; float:left; padding:3px 0; clear:both;}
#phone_error {float:left; margin:5px 0; text-align:left;}
#moneystuff p {margin-top:10px;}


.forfullsale {text-align:center; color:#fff; background:#990000; margin:0 2px; padding:0; border:1px solid #fff; cursor:pointer;}
.forfullsale a, .forfullsale a:active, .forfullsale a:visited, .forfullsale a:hover {color:#fff; cursor:pointer; text-decoration:none;} 
.forfullsale_price {color:#990000; white-space:nowrap; text-decoration:none; font-weight:bold;}
h3.green {background-color:#319e01; color:#fff; display:none;}

.text {background:#fff;}

.extra {_left:220px;}
.sidebar ul li {_margin-left:15px; _padding-left:13px;}
body {_width:expression(document.documentElement.offsetWidth < 1024 ? "1024px" : "auto");}
span.head-right {_padding-left:0;}

.footer div.bottom {padding:30px 20px 0 240px; float:none; overflow:hidden; margin-bottom:30px;}
.footer div.bottom p {text-align:left; font-size:12px; line-height:16px; padding:0 35px 0 50px;}
.footer div.bottom h1 {font-family:Tahoma; font-size:20px; font-weight:normal; color:#df610d; background:none;}
.footer div.bottom h2 {background:none; color:#494949; font-family:Tahoma; font-size:16px; text-align:left; padding-left:50px; margin-left:0;}
.footer div.bottom h1 b.niftycorners, .footer div.bottom h2 b.niftycorners {background:none !important;}
.footer div.bottom ul {font-size:12px; line-height:20px; text-align:left; padding-left:90px;}

div.search {background:transparent; padding-bottom:0;}
div.search form {width:100%;}
div.search .text {color:#b8b8b8; font-size:16px; font-style:oblique; font-weight:bold; border:0; background:transparent url(/images/search.png) no-repeat top left; width:90%; height:20px; padding:5px 10px; position:relative; //margin-top:-1px; _margin-top:0;}
div.search .text:focus {outline:none;}
div.search div {background:url(/images/search.png) no-repeat center right; width:75%; float:left; padding:0; margin:0; height:30px; position:relative; //zoom:1;}
div.search .submit {width:101px; height:29px; border:0; background:transparent url(/images/button-search.gif) no-repeat top left; margin-left:10px; cursor:pointer; color:#fff; font-size:18px; padding-bottom:3px;}

.sidebar div.userblock {background:transparent; margin:0; overflow:hidden; height:188px;}
div.userblock h4 {background:transparent; font-family:Arial; font-size:17px; padding-left:20px; padding-top:40px; //padding-top:30px;}
div.userblock h4 span {font-size:13px; font-weight:normal;}
div.userblock p {color:#666; margin-left:30px;}
div.userblock p span {color:#000; font-size:13px;}
div.userblock p span strong {font-size:20px;}

h3.styles {color:#fff; padding:12px 10px 8px 20px; background:url(/images/genre.png) no-repeat top left; width:220px; height:24px; margin:20px 10px 0 10px; font-size:14px;}

.footer span {float:none; padding:0 240px 0 290px; text-align:left; display:block;}
.footer .help {float:left; padding-left:260px;}
.footer .help p {float:left; margin:0;}
.footer .help a {display:block; padding:0 30px; float:left;}

ul.albums .cover {height:128px; width:192px; float:none; display:block; background:url(/images/disc.gif) no-repeat top left; margin-bottom:10px;}
ul.albums .cover img {margin-left:16px;}

.genres {height:44px; background:url(/images/style.png) no-repeat top left; margin:0 10px; padding:0 0 0 25px;}
.genres div {margin:0; padding:7px 0 0 0; background:url(/images/style.png) no-repeat top right; height:37px; font-weight:normal; font-size:22px;}
.genres a {text-decoration:none;}
.genres a:hover {text-decoration:underline;}
.sidebar .disc {width:205px; height:30px; background:url(/images/band.png) no-repeat top left; padding:14px 0 0 15px; margin:20px 10px 0 10px; font-size:12px;}
.sidebar .discs ul {margin-bottom:30px; list-style-type:none; list-style-image:none;}
.sidebar .discs li {padding-left:30px; background:url(/images/disc.png) no-repeat left top; margin:0 5px 0 15px; padding-bottom:15px;}
.sidebar .discs li span {font-size:0.7em; color:#656565;}

#buy_album {padding-left:330px;}
#buy_album .cover {width:316px; height:224px; background:url(/images/album.gif) no-repeat top left; margin-left:-330px; float:left;}
#buy_album .cover img {margin-left:26px;}
#buy_album {overflow:hidden;}
#buy_album .artist {font-size:30px;}
#buy_album span {font-size:20px;}

#buy_album .album-button {height:49px; background:url(/images/button.png) no-repeat top left; display:inline-block; overflow:hidden; margin-top:10px;}
#buy_album .album-button a {display:inline-block; background:url(/images/button.png) no-repeat top right; height:39px; color:#fff; text-decoration:none; overflow:hidden; margin:0 0 0 15px; padding:10px 15px 0 0;}

.small-button {height:29px; color:#fff; font-size:16px; font-weight:bold; border:0; padding:0; background:transparent; margin-top:15px; white-space:nowrap; cursor:pointer; //margin-left:-50px;}
.small-button span {display:inline-block; height:29px; overflow:visible; background:url(/images/small.png) no-repeat top left;}
.small-button span span {display:inline-block; height:29px; overflow:visible; background:url(/images/small.png) no-repeat top right; margin-left:10px; padding-right:10px; padding-top:4px;}

.attention {color:#cc2a59; font-size:14px; font-weight:bold;}
.tracks table td {background:none;}

.zip {white-space:nowrap;}

.tracks td.left {padding:0 0 10px 0; background:#f3f2f0 url(/images/cor2.gif) no-repeat left bottom; width:10px;}
.tracks td.left div {margin:0; padding:0; width:10px; height:44px; background:transparent url(/images/cor1.gif) no-repeat top left;}
.tracks td.right {padding:0 0 10px 0; background:#f3f2f0 url(/images/cor4.gif) no-repeat right bottom; width:10px;}
.tracks td.right div {margin:0; padding:0; width:10px; height:44px; background:transparent url(/images/cor3.gif) no-repeat top right;}

#artist p {color:#000;}
p#letters a {color:#df610d; text-decoration:none; font-weight:normal;}
p#letters a:hover {text-decoration:underline;}

ul.artists .artist {padding:10px 0;}

table.toptable {margin-top:0;}
table.toptable tr {background:none; border-bottom:1px solid #c9c9c9;}
h2.top10 {background:url(/images/top.png) no-repeat top left; color:#fff; height:24px; font-size:14px; margin:20px 10px 0 10px; padding:8px 10px 12px 20px; width:220px;}

.content ul.style-name {float:left; width:100%; margin-bottom:20px;}
.content ul.style-name li {float:left; padding:10px 40px 10px 0; white-space:nowrap;}

.content ul.albums {float:left; overflow:hidden; width:100%; height:100%; _margin-bottom:20px;}

a.del {width:20px; height:20px; background:url(/images/delete.gif) no-repeat center center; display:block; padding-left:20px; padding-top:5px;}

p.clear {margin:0; clear:both; height:1px;}