body, div, fieldset, form, h1, h2, h3, h4, html, img, input, label, p, select, table, td, textarea, tr { border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; margin:0; padding:0; }
input, select, textarea { border: 1px solid #000; }

h1 img { border:0; height:60px; width:360px; }
h2, h3, h4 { font-size: 12px; }
.disabled { filter: alpha(opacity=30); -moz-opacity: .30; opacity: .30; }

div#canvas { height:360px; overflow: hidden; width:360px; }
div.page { height: 300px; margin: 0 10px; width: 340px; }
div.page div.tabs { background-position: 0px 0px; background-repeat: no-repeat; height: 32px; overflow: hidden; position: relative; width: 340px; }
div.page div.tabs a, div.page div.tabs span { color: #fff; display: block; font-size: 9px; font-weight: bold; height: 26px; line-height: 24px; padding: 0 10px 0 0; position: absolute; text-align: right; text-decoration: underline; text-transform: uppercase; top: 0px; }
div.page div.tabs span { text-decoration: none; }
div.page div.tabs .checkout1 { left: 0px; }
div.page div.tabs .checkout2 { left: 69px; }
div.page div.tabs .checkout3 { left: 138px; }
div.page div.tabs .checkout4 { left: 207px; }
div.page div.tabs .checkout5 { left: 276px; }
div.page div.tabs .main { left: 0px; width: 159px; }
div.page div.tabs .share { left: 260px; width: 70px; }
div.page div.tabs .zoom { left: 174px; width: 71px; }
div.page div.content { background-color: #fff; background-position: bottom left; background-repeat: no-repeat; height: 219px; overflow: hidden; position: relative; width: 340px; }
div.page div.content div.inner { height: 199px; overflow: auto; margin: 10px; position: relative; width: 320px; }
div.page div.footer { height: 49px; overflow: hidden; position: relative; width: 340px; }
div.page div.footer a.btn { color: #fff; display: block; font-size: 12px; font-weight: bold; height: 26px; line-height: 24px; position: absolute; text-decoration: underline; text-transform: uppercase; top: 10px; width: 136px; }
div.page div.footer a.next { padding-right: 30px; right: 0px; text-align: right; }
div.page div.footer a.prev { left: 0px; padding-left: 30px; }
div.page div.footer p { color: #fff; display: block; font-size: 10px; line-height: 13px; position: absolute; top: 10px; width: 136px; }
div.checkout h2 { background: url(../images/secure.gif) no-repeat right top; padding-bottom: 5px; }
div.checkout div.tabs a, div.checkout div.tabs span { line-height: 11px; padding: 0 0 0 5px; text-align: left; width: 59px; }

div#zoom, div#share { display: none; }

div#main div.content img { height: 150px; left: 10px; position: absolute; top: 10px; width: 150px; }
div#main div.content div#main_options { left: 0; position: absolute; bottom: 10px; width: 160px; }
div#main div.content div#main_options fieldset { height: 20px; position: relative; width: 160px; }
div#main div.content div#main_options fieldset label { bottom: 0; display: block; left: 0; line-height: 16px; position: absolute; text-align: right; width: 55px; }
div#main div.content div#main_options fieldset select { bottom: 0; display: block; position: absolute; right: 0; width: 100px; }
div#main div.content div#main_desc { border-style: dotted; border-width: 0 0 0 1px; height: 205px; left: 170px; overflow: auto; padding-left: 10px; position: absolute; top: 4px; width: 149px; }
div#main div.content div#main_desc p { line-height:12px; margin-top: 5px; }

div#zoom div.content { height: 255px; }
div#zoom.tracklist div.content { height: 219px; }
div#zoom div.content img { border: 0; height: 249px; width: 340px; }
div#zoom div.content div#zoom_options { left: -10px; position: absolute; bottom: 0; width: 160px; }
div#zoom div.content div#zoom_options fieldset { height: 20px; position: relative; width: 160px; }
div#zoom div.content div#zoom_options fieldset label { bottom: 0; display: block; left: 0; line-height: 16px; position: absolute; text-align: right; width: 55px; }
div#zoom div.content div#zoom_options fieldset select { bottom: 0; display: block; position: absolute; right: 0; width: 100px; }
div#zoom div.content div#tracklist { height: 150px; left: 0; overflow: auto; position: absolute; top: 20px; width: 320px; }
div#zoom div.content div#tracklist table { border-collapse: collapse; width: 98%; }
div#zoom div.content div#tracklist table td { padding: 2px 0; }
div#zoom div.content div#tracklist table td.player { width: 2px; }
div#zoom div.content div#tracklist table td.listen { width: 43px; }
div#zoom div.content div#tracklist table td.price { text-align: right; width: 40px; }
div#zoom div.content div#tracklist table td.checkbox { text-align: right; width: 20px; }
div#zoom div.content div#tracklist table td.checkbox input { margin-right: 2px; }
div#zoom div.content div#tracklist table tr.odd td { background: #eee; }

div#share div.content { height: 255px; }
div#share div.content textarea { height: 40px; width: 318px }

div.checkout div.item { display: block; position: relative; }
div.checkout div.item img { height: 50px; left: 0px; position: absolute; top: 5px; width: 50px; }
div.checkout div.item div.item_desc { border-style: dotted; border-width: 0 0 0 1px; padding: 5px 0 5px 10px; position: relative; margin-left: 60px; width: 249px; }
div.checkout div.item div.item_desc h4 { position: absolute; right: 0px; text-align: right; top: 5px; }
div.checkout div.item div.item_desc p { line-height:12px; margin-top: 5px; }
div.checkout div.item fieldset { height: 20px; position: absolute; right: 0px; bottom: 5px; }
div.checkout div.item fieldset label { bottom: 0; display: block; line-height: 16px; position: absolute; right: 45px; text-align: right; }
div.checkout div.item fieldset select { bottom: 0; display: block; position: absolute; right: 0; width: 38px; }
div.checkout div.summary { border-style: dotted; border-width: 0 0 0 1px; height: 173px; left: 200px; overflow: auto; padding: 5px 0 5px 10px; position: absolute; top: 16px; width: 109px; }
div.checkout p.errors { background-color: #ffc6c6; border: 1px solid #f00; color: #f00; margin: 0 0 10px; padding: 5px; }
div.checkout table.form { border-collapse: collapse; width:100%; }
div.checkout table.form td { padding-bottom: 4px; }
div.checkout table.form td.input { width: 190px; }
div.checkout table.form td.input input, div.checkout table.form td.input select { width: 188px; }
div.checkout table.form td.input input.checkbox { width: auto; }
div.checkout table.form td.input input.error, div.checkout table.form td.input select.error { background-color: #ffc6c6; color: #f00; }
div.checkout table.totals { bottom: 0px; position: absolute; right: 0px; }
div.checkout table.totals td.label { padding-right: 10px; text-align: right; }
div.checkout table.totals td.price { width: 75px; }
div.checkout table.totals tr.total td { font-size: 12px; font-weight: bold; }

div#checkout1 h2 { background: none; }
div#checkout4 p { font-style: italic; margin-top: 50px; }
div#checkout5 div.item { width: 180px; }
div#checkout5 div.item div.item_desc { width: 120px; }
div#checkout5 table.totals { bottom: 0px; position: absolute; right: 119px; }

div#confirm div.content { height: 287px; }