html,body {
	height: 100%;
}
body{
	font-family: Verdana;
        float: center;
        color: #ffffff;
	font-size: 9px;
	background: url("bg.jpg") no-repeat fixed center top;
        background-color: #000000;
}
input, select {
    font-size: 10px;
}
div {
    margin: 0;
    padding: 0;
}
#products {
	display:none;
}

h1 {
	font-family: Verdana;*/
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
}
h2 {
	font-family: Verdana;*/
    font-size: 9px;
    text-transform: uppercase;
    margin: 10px 5px 5px 0;
    padding: 0;
    font-weight: normal;
}
img {
    border: none;
}
a {
    font-family: Verdana;*/
    padding: 0 30px 0 0;
    margin: 0 15px 0 0;
    font-size: 9px;
    color: #f19800;
    text-decoration: none;
    text-transform: uppercase;
}
#top {
   width: 165px;
   height: 83px;
   background: url("cart.gif");    
   margin: 0 0 10px 0;
}
#cart{
    font-size: 10px;
    margin: 0 0 0 23px;
    padding: 15px 0 0 0;
    color: white;
    font-weight: normal;
    line-height: 15px;
    display:none;
    width: 130px;
}
#cartActions a {
    background: ;
    margin: 0;
    padding: 0;
}
#cart img{
    margin: 5px 20px 0 0;
}
#cartContent {
    font-family: Verdana;*/
    font-size: 9px;
    top: 170px;
    background-color: #080808;
    margin: 5px 0 30px 0;
    padding: 5px 5px 0 6px;
}
#cartContent .cartName {
    width: 130px;
    float: left;
    margin: 0 0 20px 0;
}
#cartContent .cartRemove{
    width: 4px;
    padding: 0;
    float: left;
}
#cartContent a {
    background:
    padding: 0;
    margin: 0;
}
#wrapper {
    width: 807px;
    margin: 0px auto;
    padding: 93px 0 0 4px;
}
#menu {
    width: 800px;
    height: 45px;
    font-float: right;
    background: url("bg_menu.gif");
}
#menu a, #close a {
    font-size: 9px;
    margin: 10px 5px 5px 0;
    color: #999999;
}
#bottom a {
    font-size: 9px;
}
#close {
    width: 100%;
    height: 12px;
    margin: 0;
    padding: 3px 0 0 0;
    text-align: right;
}
#menu ul {
    width: 400px;
    float: right;
    margin: 0 0 0 0;
    padding: 0;
}
#menu li {
    float: left;
    padding: 10px 2px 0 4px;
    margin: 0 0 2px 5px;
    list-style: none;
}
#player {
   width: 310px;
   height: 15px;
   padding: 5px 0 0 45px;
}
#player, #player div {
    float: left;
}
#player img {
    float: left;
    padding: 5px 0 0 0;
}
#player a {
    background: none;
    margin: 0;
    padding: 0;
}
#playerArtist, #playerName {
    vertical-align: left;
    color: #f19800;
    float: left;
    clear: both;
    padding: 0 10px 0 0;
    font-size: 9px;
}
#playerName {
    color: #f198999;
}
#productsLoader {
    width: 800px;
    background: url("album_bg.gif") center;    
    text-align: center;
    padding: 0 0 0 0;
}
.album {
    float: left;
    clear: both;
    width: 795px;
    background: url("album_bg.gif");    
    padding: 10px 0 20px 5px;
    margin: 0 0 0 0;
}
.album .cover, .album .albumInfo {
    float: left;
    width: 150px;
    padding: 0 0 0 30px;
    color: #ffffff;
}
.album .name {
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.album .productContext {
    margin: 10px 0 0 0;
}
.album .productContext .currency, .album .productContext .price {
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #f19800;
    margin: 5px 10px 5px 0;
}
.album .productContext .buyButton {
    clear: both;
    float: left;
    padding: 0 0 15px 0;
}
.album a {
    padding: 0;
    margin: 0;
    background: none;
}
.album .artist {
    font-weight: bold;
    color: #ffffff;
    margin: 2px 0 15px 0;
}
.album #children {
    float: left;
    width: 370px;
}
.album #child {
    width: 370px;
    padding: 0 0 0 60px:
    float: none;
    clear: both;
}
.album #children div{
    font-family: verdana;
    float: left;
    margin: 0;
    font-size: 9px;
    font-weight: normal;
    float: left;
    color: white;
    height: 20px;
}
.album #children #child {
    float: left;
    clear: both;
}
.album #children a {
    padding: 0;
    margin: 0;
}
.album #children .sample {
    width: 19px;
}
.album #children .name {
    width: 160px;
    color: #ffffff;
}
.album #children .price,.album #children .buyButton {
    text-align: right;
    width: 30px;
    color: #ffffff;
}
.album #children .variation {
    text-align: center;
    width: 60px;
    color: #ffffff;
}
.album #children .currency {
    text-align: center;
    width: 40px; 
}
#track {
    margin: 5px;
}
#checkoutWrapper{
    background:url("boblegrafik.jpg");
    width: 630px;
    top: 120px;
    margin: 0 0 0 75px;
    border: 5px solid #080808;
}
#payment {
    padding: 0 20px 20px 20px;
    text-align: left;
}
#disableShopLayer {
    background: #080808;
    filter:alpha(opacity=65);
    -moz-opacity:.65;
    opacity:.65;
    z-index:4;
    margin: 0;
    top: 0;
    left: 0;
}
#paymentForms {
    margin: 0;
    padding: 20px;
    width: 280px;
    float: left;
    height: 180px;
    background: url("") no-repeat;
    border: 5px solid white;
}
#paymentForms .label {
    width: 70px;
    text-align: left;
}
#paymentForms td a {
    font-size: 10px;
    font-family: Arial;
    background: none;
}
#personInfo {
    margin: 15px 0 15px 0;
}
#paymentActions {
    width: 100%;
    vertical-align: bottom;
    text-align: center;
}
#paymentAcrions img {
    margin: 0 50px 0 0;
}
#security, #security a {
    clear: both;
    font-size: 10px;
    background: none;
    padding: 0;
    margin: 0;
}
#security table{
    width: 100%;
    margin: 20px 0 0 0;
}
#security img {
    float: left;
    padding: 0 10px 15px 0;
    clear: left;
}
#orderRedownloadError {
    margin: 10px 10px 10px 20px;
    padding: 5px;
    background: #000000;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display:none;
}
#paymentError  {
    margin: 10px 10px 10px 20px;
    padding: 2px;
    background: #000000;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    display:none;
}
#invoice,#paymentInfo {
    float: right;
    width: 250px;
}
#invoice {
    padding: 0 0 20px 10px;
    margin: 0;
    width: 240px;
}
#invoice div {
    float: left;
    width: 150px;
}
#invoice #invoiceCertificateRow {
    float: none;
    display: none;
    width: 230px;
}
#invoice .currency, #invoice .totalCurrency {
    width: 20px;
    text-align: center;
}
#invoice .price, #invoice .totalPrice {
    font-weight:bold;
    width: 50px;
    text-align: right;
    clear: right;
}
.totalLabel, .totalCurrency, .totalPrice{
    border-top: 1px solid white;
    font-weight:bold;
}

#paymentInfo dd a {
    font-weight: bold;
}

#paymentInfo dd {
   padding: 0 15px 7px 5px;
   margin: 0 0 8px 0;
}

#paymentInfo dt {
   font-weight: bold;
   padding: 2px 0 2px 5px;
}

#CreditCardPayment, #loading, #NetBankingPayment, #CertificatePayment {
    display:none;
}

#loading {
    background: url("loading.gif") no-repeat 220px;
    width: 100%;
    height: 50px;
    padding: 0;
    margin: 0;
}
#download, #assetChooser {
    padding: 15px;
    display:none;
    float: left;
}
#encodedAsset, #asset {
    float: none;
    clear: both;
}
#encodedAsset div, #asset div {
    float: left;
    height: 25px;
    padding: 0;
    background: url("bg_line.gif") repeat-x bottom;
}
#encodedAsset .downloadButton, #asset .assetStatus {
    width: 120px;
    text-align: right;
}
#encodedAsset .downloadButton a {
    background: none;
    padding: 0;
}
#encodedAsset .numDownloadRemaining, #asset .numDownloadRemaining  {
    width: 30px;
    text-align: center;
}
#encodedAsset .artist, #asset .artist {
    width: 220px;
}
#encodedAsset .name, #asset .name {
    width: 220px;
    font-weight: bold;
}
.encodeAssets {
    margin: 20px 0 20px 0;
    width: 100%;
    float: left;
    text-align: right;
}
#terms {
    font-family: verdana;
    background: url("boblegrafik.jpg");
    margin: 0 50px 0 50px;
    width: 360px;
    padding: 15px;
   
}
#terms dt{
    padding: 0;
    margin: 25px 0 5px 0;
    font-weight: bold;
}
#terms dd {
    padding: 0;
    margin: 0;
    text-align: justify;
}
#terms a {
    font-size: 12px;
}
#orderRedownload {
    background: #080808;
    width: 350px;
    padding: 5px 15px 15px 0;
    margin: 0 0 0 215px;
    top: 193px;
    visibility:hidden;
    position:absolute;
    z-index:3;
    float:left;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
#orderRedownload div {
    float: left;
}
#orderRedownloadConfirm {
    font-weight: bold;
    padding: 5px 0 5px 0;
}
#bottom {
    background-color: #ffffff;
    text-align: center;
    font-weight: normal;
    clear: both;
    width: 800px;
    height: 50px;
    float: left;
    clear: both;
    background: url("bottom.gif") no-repeat;
    padding: 30px 0 0 15px;
    color: #f19800;
}
#bottom a {
    font-weight: normal;
}
#zip {
    background: url("bg_zip.gif") no-repeat;
    width: 584px;
    clear: both;
    float: center;
    height: 56px;
    padding: 10px;
    margin: 10px 0 10px 0;
}
#zip p {
    width: 350px;
    margin: 0;
    padding: 10px 50px 10px 0;
    float: left;
}
#zip #zipButton {
    width: 150px;
    padding: 20px 0 0 0;
    text-align: center;
    float: left;
}
#zip #zipButton a {
    background: none;
    margin: 0;
    padding: 0;
}
.explanation {
    background: url("bg_explanation.gif") no-repeat;
    width: 584px;
    height: 46px;
    clear: both;
    float: left;
    padding: 15px;
    margin: 0 0 20px 0;
}
#notification {
    display: none;
    height: 20px;
    width: 20px;
    position: absolute;
}
#receiptWrapper {
    padding: 10px;
    float: left;
}
#receiptHeader {
    padding: 10px;
    margin: 10px 0 5px 0;
    float: right;
    text-align: right;
    color: #000000;
        background: url("boblegrafik.jpg");

}
#receiptHeader img {
    margin: 0 0 5px 0;
}
#receiptInfo {
    padding: 10px;
    margin: 5px 0 5px 0;
    background: #ffffff;
    border: 1px solid black;
    /*width: 440px;*/
    color: #000000;


}
#receiptInfo .label {
    flot: left;
    margin: 5px 0 0 0;
    font-weight: bold;
}
#receiptSpecification {
    background: #ffffff;
    border: 1px solid black;
    float: left;
    /*width: 460px;*/
    color: #000000;


}
#lineItems #lineItem div {
    padding: 2px 0 2px 0;
    float: left;
}
#lineItems #lineItem .name {
    width: 183px;
    padding-left: 2px;
    text-align: left;
}
#lineItems #lineItem .artist {
    width: 150px;
    text-align: left;
}
#lineItems #lineItem .variation {
    width: 58px;
    text-align: right;
    padding-right: 2px;
}
#receiptSpecification #totalRow div{
    font-weight: bold;
}
#receiptSpecification .currency, #receiptSpecification #totalCurrency {
    width: 30px;
    text-align: center;
    border-left: 1px solid black;
}
#receiptSpecification .price, #receiptSpecification #totalPrice {
    width: 48px;
    padding-right: 2px;
    text-align: right;
}
#receiptSpecification .label, #receiptSpecification #totalLabel {
    width: 393px;
    text-align: right;
    padding-right: 2px;
}
#receiptSpecification #feeRow, #receiptSpecification #subTotalRow, #receiptSpecification #giftcertificateRow, #receiptSpecification #totalRow {
    clear: both;
    float: left;
    width: 476px;
}
#receiptSpecification #subTotalRow, #receiptSpecification #totalRow {
    border-top: 1px solid black;
}
#receiptSpecification #feeRow div, #receiptSpecification #subTotalRow div, #receiptSpecification #giftcertificateRow div, #receiptSpecification #totalRow div{
    height: 15px;
}
#receiptSpecification div div {
    float: left;
}