* {margin:0; padding:0px}

body {text-align:center; background:#202124; font-family:Verdana, Arial, Georgia;}

a {text-decoration:none; color:#ffffff; outline:none;}
a:hover {color:#0099fe}
img {border:0px;}
.clear {clear:both}
/*Errors*/
.errorField {color:#af1c2e; font-size:11px; font-style:italic;}

/*Input boxes*/
.loginInputs {padding:2px; width:150px;}
.moduleLogin {padding:2px 4px; color:#666666}
/*Generic table styles*/
#shoppingBagContent .totalColOne {text-align:center; padding:10px 0px; border-right:none !important; border-bottom:none !important; border-left:none !important}
#shoppingBagContent .totalColTwo {text-align:center; padding:10px 0px; border-right:none !important; border-bottom:none !important; border-left:none !important}
#shoppingBagContent .totalColThree {text-align:center; padding:10px 0px; border-right:none !important; border-bottom:none !important; border-left:none !important}
#shoppingBagContent .totalColFour {text-align:center; padding:10px 0px; border-right:none !important; border-bottom:none !important; border-left:none !important}
.tdAlignRight {text-align:right}
/*Buttons or background styles*/
.cssButton {text-indent:-5000px; display:block; border:0px; outline:none; cursor:pointer}
.btnViewMore {background:#000000 url(images/viewmore.gif) no-repeat left top; width:90px; height:16px;}
.btnViewBag {background:#000000 url(images/btnviewbag.gif) no-repeat left top; width:68px; margin-left:86px; height:18px; margin-top:5px;}
.btnRegister {background:#000000 url(images/btnregister.gif) no-repeat left top; width:64px; height:14px;}
.btnCheckout {background:#000000 url(images/btncheckout.gif) no-repeat left top; width:70px; height:14px; float:right; margin:10px 20px;}
.btnLogin {background:#000000 url(images/btnlogin.gif) no-repeat left top; width:39px; height:14px;}
.btnPayNow {float:right; margin-right:20px; margin-bottom:10px; background:#000000 url(images/btnpaynow.gif) no-repeat left top; width:54px; height:14px;}
.btnMyAccount {margin:10px 0px; background:#000000 url(images/btnmyaccount.gif) no-repeat left top; width:79px; height:13px;}
.btnMyDownloads {margin:10px 0px; background:#000000 url(images/btnmydownloads.gif) no-repeat left top; width:97px; height:13px;}
.btnAddProduct {background:#000000 url(images/btn192atb.gif) no-repeat -43px top; text-indent:0px !important; width:55px; font-size:11px; padding-top:1px; padding-right:3px;height:17px; text-align:right; color:#ffffff}

.btnATBLow 
{
    text-indent:0px !important; 
    background:#000000 url(images/btn192atb.gif) no-repeat left top; 
    width:45px; 
    height:19px;
    color:#ffffff;
    font-size:12px;
    border-bottom:1px dotted #ffffff;
    padding:0px 0px 2px 65px;
}
.btnATBHigh
{
    text-indent:0px !important; 
    background:#000000 url(images/btn320atb.gif) no-repeat left top; 
    width:45px; 
    height:19px;
    color:#ffffff;
    font-size:12px;
    border-bottom:1px dotted #ffffff;
    padding:0px 0px 2px 65px;
    margin-top:4px;
}
.btnATBVinyl
{
    text-indent:0px !important; 
    background:#000000 url(images/btnvinylatb.gif) no-repeat left top; 
    width:45px; 
    height:19px;
    color:#ffffff;
    font-size:12px;
    border-bottom:1px dotted #ffffff;
    padding:0px 0px 2px 65px;
    margin-top:4px;
}
/*Generic Site Styles*/
#pageWrapper {width:977px; margin:20px auto; text-align:left; border:1px solid #c5c8c8; background:#000000; padding-bottom:5px;}
#pageHeader {background:#292929 url(images/header.jpg) no-repeat left top; width:100%; height:224px}
.customerLogin p {color:#ffffff; padding:2px 0px; font-size:13px;}
.customerLogin .btnLogin {position:relative; top:4px;}

.bodyContent {margin:6px;}
.bodyContent p {color:#ffffff; font-size:12px; margin-bottom:8px; line-height:15px}
.bodyContent h1 {font-size:14px; color:#ffffff; margin-bottom:11px;}
/*Navigation*/
.navigation {padding:10px 0px; font-size:12px; color:#ffffff}
.navigation a {color:#ffffff; text-decoration:none}
.navigation a:hover {text-decoration:underline}
.navigation p {float:left; padding:0px 6px;}

#labelsContainer {margin-bottom:15px;}
#labelsContainer a {font-size:12px}
#labelsContainer a.selected {color:#0099fe}
#labelsContainer h2 {background:transparent url(images/bglabels.gif) no-repeat scroll left top;
border-bottom:1px dotted #FFFFFF;
height:18px;
margin-bottom:10px;
padding-bottom:10px;
width:100%; text-indent:-5000px}


#addToBagContainer {background:#000000 url(images/bgrecordbag.gif) no-repeat left top; height:64px; width:277px; position:relative; top:156px; left:693px;}
#addToBagContainer p {margin-left:88px; padding-top:21px; font-size:11px; color:#ffffff}
#mainTable {width:967px; margin:0px auto; border-collapse:collapse;}
#mainTable .colOne, #mainTable .colTwo, #mainTable .colThree {border:1px solid #27282c; vertical-align:top}
#mainTable .colOne, #mainTable .colThree {width:200px; padding:10px;}
#mainTable .colTwo {width:567px;}

.featuredItem h2 
{
    background:transparent url(images/featuredtrack.gif) no-repeat left top; 
    width:100%;
    height:18px;
    padding-bottom:10px; 
    border-bottom:1px dotted #ffffff;
    margin-bottom:10px;
    
}

.featuredItem h3, .featuredItem h4 {color:#ffffff;font-size:12px; line-height:16px; margin-bottom:3px; margin-top:3px}
.featuredItem h4 {font-weight:normal; margin-bottom:8px;}


.customerLogin h2 {background:#000000 url(images/customerlogin.gif) no-repeat left top; width:100%; height:18px; padding-bottom:10px; border-bottom:1px dotted #ffffff}
.cartSummary {width:40%; float:right; margin-top:6px; color:#d8d8d7; text-align:right; margin-right:20px; font-size:13px;}
.cartText, .cartText a {color:#7ea019; text-decoration:none;}
.cartText a:hover {text-decoration:underline;}


/*Modular boxes*/
.modularHeaderContainer {border-top:1px solid #27282c; border-bottom:1px solid #27282c; padding:1px;}
.modularHeader {background:#ffffff url(images/moduleheader.gif) repeat-x left top; height:29px; width:100%}

#allOurTracks .header {background:transparent url(images/allourtracksheader.gif) no-repeat left top; height:100%; width:96px; margin-left:5px;}

/*Product Detail / Product Listing*/
#productDetailHeader .header {background:transparent url(images/productdetailmodularheader.gif) no-repeat left top; height:100%; width:116px; margin-left:5px;}
#productContent {width:547px; margin:0px auto; border-top:1px dotted #ffffff; margin-top:10px; padding-top:10px}
.productListingItem {width:547px; margin:10px auto; border-top:1px dotted #ffffff; border-bottom:1px dotted #ffffff; padding:10px 0px}
.productOverview .innerLeft {width:420px; float:left}
.productOverview .innerLeft .productImage {width:125px; float:left}
.productOverview .innerLeft .productDetails {width:295px; float:left; padding-top:5px}
.productOverview .innerRight 
{
    float:right; 
    width:112px; 
    background:transparent url(images/bgaddtobag.gif) no-repeat left top; 
    padding-top:20px;
    margin-top:5px;
}
.bgOutOfStock {
    background:#000000 url(images/outofstock.gif) no-repeat left top; 
    width:45px; 
    height:19px;
    color:#ffffff;
    font-size:12px;
    border-bottom:1px dotted #ffffff;
    padding:0px 0px 2px 65px !important;
    margin-top:4px;
    text-indent:-5000px
}
#productContent h1, .productListingItem h2, #productContent p {font-size:11px; color:#ffffff; padding-bottom:10px}

.trackListings {width:551px; border-collapse:collapse; margin:10px 6px;}
.trackListings td, .trackListings th { color:#ffffff; padding:5px 3px;}

/*Shopping bag*/
#shoppingBagHeader .header {background:transparent url(images/shoppingbagmodularheader.gif) no-repeat left top; height:100%; width:116px; margin-left:5px;}
#shoppingBagContent table {width:100%; border-collapse:collapse}
#shoppingBagContent table td 
{
    color:#ffffff; 
    padding:3px 10px; 
    border:0px !important;
    border-bottom:1px solid #666666 !important;
    border-right:1px solid #666666 !important;
    vertical-align:middle !important; 
    font-size:12px;
}
#shoppingBagContent table .head {font-weight:bold; border-right:none !important; font-size:13px;}

#shoppingBagContent table .colOne{width:350px}
#shoppingBagContent table .colTwo{width:50px; text-align:center}
#shoppingBagContent table .colThree{width:50px; text-align:center}
#shoppingBagContent table .colFour{width:50px; padding-right:10px; border-right:none !important; text-align:center}

/*Registration page*/
#customerDetailsHeader .header {background:transparent url(images/customerdetailsmodularheade.gif) no-repeat left top; height:100%; width:113px; margin-left:5px;}
#billingAddressHeader .header {background:transparent url(images/billingmodularheader.gif) no-repeat left top; height:100%; width:113px; margin-left:5px;}
#deliveryAddressHeader .header {background:transparent url(images/deliverymodularheader.gif) no-repeat left top; height:100%; width:113px; margin-left:5px;}

.registrationTbl {border-collapse:collapse; margin:10px 0px}
.registrationTbl td {padding:6px !important; vertical-align:middle !important; border:none !important}
.registrationTbl .colOne {width:160px !important; color:#ffffff; font-size:12px; text-align:right}
.registrationTbl .colTwo {width:210px !important; text-align:left}
.registrationTbl .colThree {width:95px !important;}
.registrationTbl input {padding:2px; width:200px}
.chkBox {width:25px !important}

/*Login Page */
#loginContainer {padding:10px;}
#loginContainer h1 {color:#ffffff; font-size:19px;padding-bottom:7px;}
#loginContainer .innerLeft {float:left; width:47%; padding-right:10px; margin-right:10px; border-right:1px dotted #ffffff}
#loginContainer .innerRight {float:right; width:47%}
#loginContainer p {font-size:12px; color:#ffffff; padding-bottom:7px}

/*Checkout confirmation page*/
#customerDetailsHeader .header {background:transparent url(images/customerdetailsmodularheade.gif) no-repeat left top; height:100%; width:113px; margin-left:5px;}
#shippingDetails {padding:10px; border-bottom:1px dotted #ffffff}
#shippingDetails .innerLeft {width:47%;float:left; padding-right:10px; border-right:1px dotted #ffffff; margin-right:10px}
#shippingDetails .innerRight {width:47%; float:right}
#shippingDetails h1, #shippingDetails p {color:#ffffff; font-size:18px}
#shippingDetails p {font-size:12px !important;}

/*Checkout Complete*/
#checkoutComplete .header {background:transparent url(images/checkoutcommodularheader.gif) no-repeat left top; height:100%; width:123px; margin-left:5px;}

/*My Account*/
#userDetails {width:500px; margin-top:10px}
#userDetails td {color:#ffffff;}
#userDetails .cOne {width:120px; text-align:right; padding-right:10px}
#userDetails .cTwo {width:300px;}

/*My Downloads*/
.downloadsTable {border-collapse:collapse; width:555px; margin:0px 6px; color:#ffffff; font-size:14px;}
.downloadsTable td {padding:6px 0px; border-bottom:1px dotted #ffffff; font-size:12px;}

/*Inherited table settings from product details*/
.trackListings .col1 {font-size:12px; border-bottom:1px dotted #ffffff;}
.trackListings .col2 {font-size:12px; border-bottom:1px dotted #ffffff; width:50px;}
.trackListings .col3 {font-size:12px; border-bottom:1px dotted #ffffff; width:50px;}
.header192 {width:44px; height:17px; background:#000000 url(images/btn192atb.gif) no-repeat left top}
.header320 {width:44px; height:17px; background:#000000 url(images/btn320atb.gif) no-repeat left top}
.hdrTrackListings {height:17px; background:#000000 url(images/hdrfulltracklist.gif) no-repeat left top}