﻿body 
{
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: Arial;    
}

div 
{
    padding: 0px;
    margin: 0px;
}

#page 
{
    width: 967px;
    margin: auto;
    text-align: center;
    margin-top: 10px;
}

#contentarea {
    margin: 0px;
    padding: 0px;
}

#homeheaderarea 
{
    background-image: url('/Theme/Pastperfect/Backgrounds/HeaderPlayer.jpg');
    background-repeat: no-repeat;
    min-height: 160px;
    height: 160px;
    text-align: left;
    position: relative;
    background-color: Transparent;
    z-index: 1;
    
}

#headerarea 
{
    background-image: url('/Theme/Pastperfect/Backgrounds/Header.jpg');
    background-repeat: no-repeat;
    min-height: 160px;
    height: 160px;
    text-align: left;
    position: relative;
    background-color: Transparent;
    z-index: 1;
    
}

#topnav1920s { width: 52px; height: 34px; }
#topnav1920s:hover { background-image: url('../../Theme/Pastperfect/Nav/1920s_Hover.jpg'); background-repeat: no-repeat;}

#topnav1930s { width: 52px; height: 34px; }
#topnav1930s:hover { background-image: url('../../Theme/Pastperfect/Nav/1930s_Hover.jpg'); background-repeat: no-repeat;}

#topnav1940s { width: 52px; height: 34px; }
#topnav1940s:hover { background-image: url('../../Theme/Pastperfect/Nav/1940s_Hover.jpg'); background-repeat: no-repeat; }

#topnavarts { width: 85px; height: 34px; }
#topnavarts:hover { background-image: url('../../Theme/Pastperfect/Nav/TopArtists_Hover.jpg'); background-repeat: no-repeat; }

#topnavbest { width: 85px; height: 34px;}
#topnavbest:hover { background-image: url('../../Theme/Pastperfect/Nav/BestSeller_Hover.jpg'); background-repeat: no-repeat; }

#topnavfilms { width: 60px; height: 34px; }
#topnavfilms:hover { background-image: url('../../Theme/Pastperfect/Nav/Films_Hover.jpg'); background-repeat: no-repeat; }

#topnavcomps { width: 95px; height: 34px;  }
#topnavcomps:hover { background-image: url('../../Theme/Pastperfect/Nav/Compilations_Hover.jpg'); background-repeat: no-repeat; }

#topnavwholesale { width: 115px; height: 34px; }
#topnavwholesale:hover { background-image: url('../../Theme/Pastperfect/Nav/Wholesale_Hover.jpg'); background-repeat: no-repeat; }

a,a:active, a:visited { color: #009ace; text-decoration: none; }
a:hover { text-decoration: underline; }

#basket {
    display: inline;
    float: left;
    position: absolute;
    top: 0px;
    left: -4px;
    z-index: 100;
    height: 75px;
    width: 175px;
    padding-left: 5px;
    text-align: center;
    color: #fff;
    font-size: 0.7em;
}

#baskettable 
{
    background-image: url('../../Theme/Pastperfect/Basket/basketnew.jpg');
    background-position: -2px 0px;
    background-repeat: no-repeat;
    width: 100%;
    padding: 3px;
    padding-top: 6px;
    padding-bottom: 10px;
}

#sameday {
    position: absolute;
    top: 0px;
    left: 770px;
    background-image: url('../../Theme/Pastperfect/Buttons/dispatch.jpg');
    height: 90px;
    width: 170px;
}

#emailnote 
{
    position: absolute;
    top: 78px;
    left: 790px;
    background-image: url('../../Theme/Pastperfect/Buttons/email.png');
    height: 18px;
    width: 167px;    
}

#header {
    position: absolute;
    background-image: url('../../Theme/Pastperfect/Buttons/topNavBG.png');
    z-index: 12;
    margin-top: 0px;
    padding: 0px;
    width: 965px;
    float: left;
}

#left {
    text-align: left;    
    background-image: url('../../Theme/Pastperfect/Buttons/rightContentBG.png');
    background-repeat: no-repeat;
    margin-top: 30px;
}

#lefthome {
    text-align: left;    
    background-image: url('../../Theme/Pastperfect/Buttons/rightContentBG.png');
    background-repeat: no-repeat;
    margin-top: 85px;
}

#right 
{
    text-align: center;    
    background-image: url('../../Theme/Pastperfect/Buttons/rightContentBG.png');
    background-repeat: no-repeat;
    padding-top: 15px;
}

#content 
{
    z-index: 99;
    width: 590px;
    text-align: left;
    background-image: url('../../Theme/Pastperfect/product/descBG.png'); 
    background-position: 2px 25px;
    background-repeat: no-repeat;    
    font-size: 0.7em;
    margin-top: 15px;
}

#content p 
{

    color: #000;
}
#content table {

}
#content li 
{

    color: #000;
}
#content h3 
{

    color: #009ace;
}
#content h2 { color: #000; font-size: 1.2em; }

#content h1 
{
    color: #fff;
    font-size: 1.3em; 
    background-image: url('../../Theme/Pastperfect/backgrounds/pageTitleBg.png');
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

#footer {
    width: 100%;
    text-align: center;
    clear: both;
}

#searchbox 
{ 
    position: relative;
    display: inline;
    float: left;
    width: 700px;
    margin: 0px; 
    padding: 0px; 
    text-align: left; 
    font-size: 0.7em;
    color: #fff;
    top: 67px;
    left: 250px;
    vertical-align: middle;
   
}
#searchbox a { color: #fff; }

.tb { margin: 0px; margin: 0px;}

#eramenu 
{
    margin: 0px;
    margin-top: 0px;
    padding: 0px;
    list-style-type: none;
}

.leftmenu li
{
    padding-left: 30px;
    background-image: url('../../Theme/Pastperfect/Nav/dblArrow.gif');
    background-position: 8px 5px;
    background-repeat: no-repeat;
    color: #000;
    font-size: 0.7em;
    width: 148px;
    height: 15px;
    padding-bottom: 2px;
    border-bottom: 1px solid #999;
}
.leftmenu li a 
{
    text-decoration: none;
    color: #000;
}
.leftmenu li a:hover
{
    color: #fff;
}
.leftmenu li:hover {background-position: 0px 0px; background-image: url('../../Theme/Pastperfect/LeftNav/leftNavOn.png');}

#eramenuheader 
{
    margin-top: 15px;
    list-style-type: none;
    height: 25px;
    background-image: url('../../Theme/Pastperfect/LeftNav/eraButton.png');
}
#eramenuheader:hover {background-position: 0px 25px;}

#catmenu, #eramenu, #wholesalemenu 
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#catmenuheader 
{
    height: 25px;
    background-image: url('../../Theme/Pastperfect/LeftNav/catalogueButton.png');
}
#catmenuheader:hover { background-position: 0px 25px; }

#downloadmenuheader 
{
    height: 25px;
    background-image: url('../../Theme/Pastperfect/LeftNav/downloadButton.png');
}
#downloadmenuheader:hover { background-position: 0px 25px; }

#byartistmenuheader 
{
    height: 25px;
    background-image: url('../../Theme/Pastperfect/LeftNav/artistButton.png');
}
#byartistmenuheader:hover { background-position: 0px 25px; }

#wholesalemenuheader 
{
    height: 25px;
    background-image: url('../../Theme/Pastperfect/LeftNav/wholesaleButton.png');
}
#wholesalemenuheader:hover { background-position: 0px 25px; }

#topmenu 
{
    float: left;
    position: absolute;
    width: 585px;
    font-size: 0.8em;
    margin: 0px;
    padding: 0px;
    padding-top: 10px;
    padding-left: 20px;
    left: 175px;
    display: inline;
    height: 50px;
    top: 0px;
    background-image: url('../../Theme/Pastperfect/Backgrounds/PageFade.png');
    background-repeat: no-repeat;
    z-index: 99;
}
#topmenu ul 
{
    list-style-image: url('../../Theme/Pastperfect/Nav/dblArrow.gif');  
    margin: 0px;
    padding: 0px;
    font-size: 0.85em;
}
#topmenu li 
{
background-image: url('../../Theme/Pastperfect/Nav/dblArrow.gif');
background-repeat: no-repeat;
background-position: 1px 4px;
float: left;
width: 90px;
display: inline;
text-align: center;
}
#topmenu ul li a { color: #000; text-decoration: none;}
#topmenu ul li a:hover { text-decoration: underline;}    

/*Footer at bottom of each content section*/
#footerarea 
{
    margin-top: 20px;
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/Footer/footerBG.png');
    padding-top: 10px;
}
#footerarea p
{
    font-size: 1em;
}
#contentfooter
{
    list-style-image: url('../../Theme/Pastperfect/Nav/dblArrow.gif');  
    margin: 0px;
    padding: 0px;    
    margin-left: 20px;
}
#contentfooter li
{
    margin-left: 13px;
    margin-right: 13px;
    float: left;
}
#contentfooter li a { color: #000; text-decoration: none;}
#contentfooter li a:hover { text-decoration: underline;}  


/* ALL CMS CONTENT */

div.article
{
    text-align: left; font-size: 1em; color: #333; margin-left: 10px; margin-right: 10px;
}
div.article h2 { font-size: 1em; padding: 0px; margin: 0px; border-bottom: 1px dotted #333;}

/* HOMEPAGE LAYOUTS */

#twitterlink 
{
    color: #3bceff;
    font-size: 0.7em;
    font-weight: bold;
    min-height: 25px;
}
#theatre 
{
    min-height: 270px;
}

#topartists 
{
    background-image: url('../../Theme/Pastperfect/Homepage/topArtists/topArtists.gif'); 
    background-repeat: no-repeat;
    background-position: 3px 0px;
    width: 100%; 
    height: 200px; 
}

#fourgrid
{
    clear: both;
    width: 100%; 
    height: 360px; 
}

#homepagesamples 
{
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/Homepage/samples/h2.gif'); 
    min-height: 200px;
}

#homepageremastered 
{
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/Homepage/remastered/h2.gif');     
    min-height: 200px;
}

#homepagenews 
{
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/Homepage/news/index_bg.gif');     
    min-height: 130px;
}

#homepagedownload
{
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/Homepage/download/h2.gif');     
    min-height: 130px;
}

/* RIGHT CHART */

#chartheader 
{
    margin: 0px;
    padding: 0px;
    margin-top: 10px;
    width: 180px;
    height: 40px;
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/RightNav/top10Title.png');    
}
#chart 
{
    margin: 0px;
    padding: 0px;    
    background-image: url('../../Theme/Pastperfect/RightNav/top10ItemBGLast.png');      
    
}
#chart ol 
{
    margin: 0px;
    padding: 0px; 
}
#chart ol li 
{
    margin-left: 0px;   
}
#chartfooter 
{
    margin: 0px;
    padding: 0px;    
    width: 180px;
    height: 30px;    
    background-repeat: no-repeat;
    background-image: url('../../Theme/Pastperfect/RightNav/top10Bottom.png');  
}

/* PRODUCT DETAIL PAGE */

.productname { color: #0099cc; font-weight: bold; font-size: 1.3em; }

.productname li {margin-left: 30px;}

#productdetail { margin: 0px; padding: 0px; margin-left: 5px; text-align: left; min-height: 280px; margin-top: 0px;}
#productbg p {}
#productbg li {}
#productbg { padding-top: 30px;}

.track { color: #0099cc; }

#productbasket 
{
    height: 75px;
    width: 316px;
    background-image: url('../../Theme/Pastperfect/product/basketBg.png');  
    background-repeat: no-repeat; 
}
#productbasketfooter 
{
    height: 15px;
    width: 316px;
    background-image: url('../../Theme/Pastperfect/product/basketBtm.png');  
}
.productprice { color: Red; font-weight: bold;}

/* PRODUCT BROWSE PAGE */

.productbrowsetitle 
{
    background-image: url('../../Theme/Pastperfect/subCat/subCatTitle.png'); 
    background-repeat: no-repeat;     
    color: #fff;
    font-weight: bold;
    height: 40px;
    padding-top: 3px;
    padding-left: 3px;
    font-size: 1.2em;
}
.productbrowseitem { min-height: 165px; position: relative; }
.productbrowseprice { color: red; font-weight: bold; font-size: 1.2em; }
.productbrowsetext { min-height: 140px; margin-right: 170px;}
.productbrowseimage 
{
 position: absolute;
 left: 150px;   
 top: 40px;
}  

#productnav { 
    height: 28px; 
    background-image: url('../../Theme/Pastperfect/product/tabsBG.png'); 
    background-repeat: no-repeat; 
    background-position: 10px 10px;
    position: relative;
    top: 20px;
    color: #fff;
    font-weight: bold;
}

#productnav a {
    color: #fff;
}
#productnav a:active {
    color: #000;
}

#productbg {
    background-image: url('../../Theme/Pastperfect/product/descBG.png'); 
    background-repeat: no-repeat;
    margin-left: 10px;
}

#tracksbutton {height: 40px; background-repeat: no-repeat; position: absolute; left: 10px; top: -10px; padding-top: 3px; padding-left: 8px; padding-right: 10px; background-image: url('../../Theme/Pastperfect/product/tabLeft.gif'); }

#tracksbutton:hover {background-position: 0px -50px; }

#covernotesbutton {height: 40px; background-repeat: no-repeat; position: absolute; left: 70px; top: -10px; padding-top: 3px; padding-left: 8px; padding-right: 10px; background-image: url('../../Theme/Pastperfect/product/tabLeft.gif'); }

#covernotesbutton:hover {background-position: 0px -50px; }

#testimonialsbutton {height: 40px; width: 90px; background-repeat: no-repeat; position: absolute; left: 160px; top: -10px; padding-top: 3px; padding-left: 8px; padding-right: 5px; background-image: url('../../Theme/Pastperfect/product/tabLeft.gif'); }
#testimonialsbutton:hover {background-position: 0px -50px; }

#downloadsbutton {height: 40px; width: 90px; background-repeat: no-repeat; position: absolute; left: 250px; top: -10px; padding-top: 3px; padding-left: 8px; padding-right: 5px; background-image: url('../../Theme/Pastperfect/product/tabLeft.gif'); }
#downloadsbutton:hover {background-position: 0px -50px; }

#tracksbuttonright {position: absolute; left: 60px; top: -10px; background-image: url('../../Theme/Pastperfect/product/tabRight.gif'); background-repeat: no-repeat; height: 50px; width: 20px; }
#covernotesbuttonright {position: absolute; left: 150px; top: -10px; background-image: url('../../Theme/Pastperfect/product/tabRight.gif'); background-repeat: no-repeat; height: 50px; width: 20px; }
#testimonialsbuttonright {position: absolute; left: 240px; top: -10px; background-image: url('../../Theme/Pastperfect/product/tabRight.gif'); background-repeat: no-repeat; height: 50px; width: 20px; }
#downloadsbuttonright {position: absolute; left: 330px; top: -10px; background-image: url('../../Theme/Pastperfect/product/tabRight.gif'); background-repeat: no-repeat; height: 50px; width: 20px; }

/* HELP PAGES */

#helpheader {
    font-weight: bold;
    width: 100%;    
    height: 110px;
}

#helpheader h2 
{
    padding: 0px;
    margin: 0px;
    color: #fff;
    font-size: 1.2em; 
    padding-left: 10px;
    width: 580px; 
    background-image: url('../../Theme/Pastperfect/backgrounds/pageTitleBg.png');
    padding-bottom: 10px;
    padding-top: 3px;
    
}

#helpheader ul
{
    margin: 0px;
    margin-left: 2px;
    height: 130px;
    list-style-image: url('../../Theme/Pastperfect/Nav/dblArrow.gif');  
    background-image: url('../../Theme/Pastperfect/product/descBG.png'); 
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 100%;
    text-align: center;
    background-color: Transparent;
    padding: 10px;
    
    
}
#helpheader ul li
{
    display: inline;
    background-image: url('../../Theme/Pastperfect/Nav/dblArrow.gif');  
    background-repeat: no-repeat;
    padding-left: 10px;
    background-position: 0px 4px;
    margin-right: 10px;
    
}

#helpheader ul li a
{
    color: #000;
}

#helpheader ul li a:active
{
    color: #FFF;
}

#help {
    clear: both;
}

/* CHECKOUT */

#checkout {

}
#checkout td { }
#checkout h1 { 
    color: #fff;
    padding-left: 10px;
    width: 580px; 
    background-image: url('../../Theme/Pastperfect/backgrounds/pageTitleBg.png');
    padding-top: 5px;
    padding-bottom: 5px;
}
#checkout h2 
{
    display: inline;
    margin: 0px;
    padding: 0px;
    color: #9b350f;
}


.checkouttextbox 
{
    border: 1px solid #000;
}
.checkouttextbox:focus
{
    border: 1px solid red;
}

.requiredtextbox {
    background-image: url('../../Theme/Pastperfect/icons/RequiredField.gif'); 
    background-repeat: no-repeat;
    background-position: right 1px;
    border: 1px solid #000;
}

.requiredcheckouttextbox 
{
    background-image: url('../../Theme/Pastperfect/icons/RequiredField.gif'); 
    background-repeat: no-repeat;
    background-position: right 1px;
    border: 1px solid #000;
}
.requiredcheckouttextbox:focus
{
    border: 1px solid red;
}



.checkoutarea 
{
    background-image: url('../../Theme/Pastperfect/product/descBG.png'); 
    background-position: 2px 25px;
    background-repeat: no-repeat;
}

.checkoutbutton 
{
    font-size: 1.1em;
    font-weight: bold;
    width: 170px; 
    padding: 10px;
    /*padding-left: 20px;     
    background-image: url('../../Theme/Pastperfect/icons/tickgreen.gif'); 
    background-position: 5px;
    background-repeat: no-repeat;    */
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
}

.checkoutbutton:hover
{
    border: 1px solid #000;
}

#checkout select {}

#checkoutbaskettable td {padding: 3px; border-right: 1px solid #ddd; font-size: 1.1em; }
.lastcell {border-right: 1px solid #ddd;}

/*RIGHT NAV ELEMENTS*/

#downloadshop 
{
    background-image: url('../../Theme/Pastperfect/RightNav/downloadShopBG.png');
    min-height: 170px;
    height: 170px;
}


/*PAGING/AZ*/

.pager 
{
    text-align: center;
    height: 20px;
    color: #fff;
    padding-left: 20px;
    padding-top: 2px;
    margin-left: 10px;
    width: 566px;
    background-image: url('../../Theme/Pastperfect/artists/alphaBg.gif');
    background-repeat: no-repeat;
}
.selectedpage {padding: 2px; padding-left: 5px; padding-right: 5px; background-image: url('../../Theme/Pastperfect/artists/alphaOn.gif'); height: 20px; width: 20px;}
.pager a {color: #fff; font-weight: bold; padding: 2px;}

/*TOP ARTISTS PAGE*/

#artistbrowse * { font-size: 1em; }

ul,li,span { behavior: url("../../iepngfix.htc") }

.checkouterror {
    background-image: url('../../Theme/Pastperfect/checkout/errBG.gif');
    background-position: -5px;
    background-repeat: no-repeat;
    padding-left: 50px;
    height: 42px;
    padding-top: 10px;
    color: red;
}

.checkouterror li 
{
	color: red;
	margin-left: 20px;
	list-style-type: square;
}