/* 3-Column Positioning */
h1 { height: 100px; margin: 0 -215px; background:#fff; position:relative;}
.extra { margin-left: -220px; width: 220px; position: relative; float: left; }
.content { float: left; width: 100%;}
.service { margin-right: -220px; width: 220px; position: relative; float: left; }


/* Global Layout */
body { background: #666; font: 12px Verdana;}
h2 { color: #fff; background: #333; font-size: 1em; padding: 5px 10px; margin:0 4px 0 5px; position:relative; font-family:MS Sans Serif,sans-serif; font-size:14px}
h2 span {position:relative; z-index:20}
h3 { clear: both; border-top: 1px solid #999; margin: 10px 0 5px; padding: 5px 10px 0;}
h3#first {border: none; margin-top: 0; padding-top: 0;}
.content h2 a { color: #fff; display: inline;}
a { color: #900; text-decoration: none; }
a:hover { text-decoration: underline; }
a.artist { font-weight: bold; display: block; color: #666;}
a.album { display: block; font-weight:normal;}
#cleaner {margin: 0; font-size: 0; clear: both; line-height:0; padding:0;}
.cover { float: left; margin: 0 5px 5px 0;} /* ?????? */
a.cover img {border:1px solid #ddd; border-width:0 1px 1px 0}
.even { background: #eee; }
.footer a { text-decoration: underline; color: #333; font-weight:normal}
.footer {margin:0; padding:0; color: #333; text-align: left; height:42px; position:absolute; bottom:0; left:0; width:100%; background:#F7F7F7; z-index:20;}
.footer p {margin:0 20px; padding:14px 200px 0; border-top:1px solid #C9C9C9; background:#F7F7F7; text-align:center;}
.footer span {float:left; margin:7px 0pt 0 20px; width:200px; padding:0; height:31px;}


.content div, .sidebar div, .sidebar ol, .sidebar ul, .sidebar form { background: #fff; }

/* main content */
.content div { margin: 0 10px; padding: 10px;}
.content ul { list-style: none; margin: 0; padding: 0; }
.content p.arrows { text-align: right; clear: both;}
p.arrows a {font-weight:normal; color:#0FABA6; cursor:pointer;}
img.photo { float: left; margin: 0 10px 10px 0;}
p#letters { text-align: center; line-height:1.5em; padding:0; margin-top:0; font-weight:bold; margin:expression('0 -1em 2em -1em');}
p#letters a, p#letters span {color:#111; padding:0 0.07em; font-size:90%; text-decoration:none;}
p#letters a:hover, p#letters #current {color:#fff; background:#0FABA6}
p#letters i {font-weight:normal; font-size:80%; color:#aaa;}
.albums li { width: 49%; margin: 0 1% 5px 0; float: left; }
.albums li.li_clear, .sidebar div.clearer {width:100%; height:1px; font-size:1px; margin:0; padding:0;}
 .sidebar div.clearer {clear:both;}
.artists { width: 49%; margin-right: 1%; float: left;}
.tracks { clear: both; width: 100%; margin:5px 0; border-collapse: collapse; font-size: 0.8em;}
.tracks thead {background: #ccc;}
.tracks td { padding: 2px 4px; vertical-align: top;}
.tracks th {text-align:center; font-weight:bold;}
.tracks .divider, .tracks .separator { border-bottom: 1px solid #999; padding: 5px 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: right; }
.tracks .check { width: 25px; text-align: center; }
.tracks td.preview {width: 15px; text-align: center; padding-top:5px; padding-botton:0}
.tracks .preview img {cursor:pointer;}
.tracks .duration { width: 40px; text-align: right; border-left: 1px solid #999;}
.tracks td.price { width:40px; text-align: right; border-left: 1px solid #999; white-space:nowrap}
.tracks .date { width: 130px; text-align: center; border-right: 1px solid #999; }
.tracks .link { width: 60px; text-align: center; border-left: 1px solid #999;}

.content label { text-align: right; width: 320px; margin: 0 auto 2px; display: block;}
.content div.btns { width: 320px; padding: 2px 20px 0 0; margin: 2px auto; border-top: 1px solid #999; text-align: right;}
.content select, .content label input { width: 150px; }
.content div.trackinfo { background: none; margin: 0; padding: 0; }
.content div.trackinfo p { margin: 0; }

/* sidebars */
.sidebar {font-size: 0.9em;}
.sidebar ul {padding:10px; margin: 0 0 10px; list-style:none; background-color:transparent}
.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 0; padding:0 0 0 22px; background: transparent url('gfx/bullet.gif') -8px 5px no-repeat}
.sidebar ol li { margin: 0 0 5px 7px; padding: 0; background-color: transparent}
.sidebar form, .sidebar div.userblock div { padding: 10px; margin: 0 0 10px; background-color:transparent}
.sidebar li.nobullet {list-style-image:none; list-style-type: none;  margin-left: 15px; background:none; text-align:right; margin-top:1.2em;}
#search { text-align: center; }
.sidebar #login { text-align: right; }
.sidebar #login label { display: block; margin-bottom: 3px; }
.sidebar #login input { width: 110px; }
.sidebar div.userblock form a, .sidebar div.userblock div a { display: block; }

.sidebar div {margin:0 10px; padding:0;}


/* IE6 Stuff */
* html .extra {left: 219px;}
*body .sidebar ul li {margin-left:15px; padding-left:13px;}



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: #333; 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; }
#help #contents li:hover { text-decoration: underline; }
#help li { text-align: justify; }
#help h2 {font-size:150%}
#help h2, #help h3, #help h4 {color: #666; 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:50px; text-align:right; margin:0 5px 0 0; padding:0; background:transparent;}
.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; width:110px; margin:5px 0; text-align:left;}
#moneystuff p {margin-top:10px;}


ul#topalbums {list-style:none; margin:0 5px 0.5em 0; padding:0.5em 0 0;}
#topalbums li {display:block; margin:0 10px 0 7px; padding:0.6em 0; vertical-align:top; clear:both; background:none;}


	.content div.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;}
	

.cover-full {margin:0 0 5px; padding:0; font-weight:bold; text-align:center;}
.cover-full p {text-align:left; margin:0 0 9px; padding:5px 10px 3px; font-size:12px; line-height:16px;}
.cover-full img {padding:3px; margin:0;}