
.crmContainer
  {
    background:white;
    padding:10px 30px 10px 10px; 
    border:1px solid balck;
  }


.imgright
  {
    padding:0px 0px 10px 10px;
  }



/*********************/
/*     MAIN MENU     */
/*********************/

#mainMenu
  {
    padding:0px 19px 0px 20px;
  }

#mainMenu ol  
  {  
    padding:5px 0px 0px 10px;
    background:#CACA8A url(media/menu-bg.gif) repeat-x;  
    color:black;  
    margin:auto;  
    list-style:none;  
    height:1%;  
    overflow:auto; 
  }  


#mainMenu li  
  {  
    background:none;
    color:black;  
    float:left;  
    padding:0px;  
  }  
  


#mainMenu li a:link,
#mainMenu li a:visited  
  {  
    background:none;
    color:black;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 


#mainMenu .pageOn a:link,
#mainMenu .pageOn a:visited  
  {  
    background:white;
    color:#6B0610;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 
 

#mainMenu li a:hover  
  {
     text-decoration:underline;  
  } 



/*********************/
/*     SUB MENU      */
/*********************/



#sub_menu,
#sub_menu ol  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#000;  
    margin:auto;  
    padding:0;  
    list-style:none;    
    overflow:auto; 
    width:200px;
  }  


#sub_menu li  
  {  
    background:white;
    color:#000;    
    padding:0 0px 0 0;  
  }  
  


#sub_menu li a:link,
#sub_menu li a:visited  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#fff;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 


#sub_menu .pageOn a:link,
#sub_menu .pageOn a:visited  
  {  
    background:black url(media/mainmenu-on.gif) repeat-x;  
    color:black;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 
 

#sub_menu li a:hover  
  {
 
  } 





/*********************/
/*     CAT LIST      */
/*********************/



.catList,
.catList ol  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#000;  
    margin:auto;  
    padding:0;  
    list-style:none;    
    overflow:auto; 
    width:150px;
  }  


.catList li  
  {  
    background:white;
    color:#000;    
    padding:0 0px 0 0;  
  }  
  

.catList li a:link,
.catList li a:visited  
  {  
    background:black url(media/mainmenu-off.gif) repeat-x;  
    color:#fff;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 


.catList .pageOn a:link,
.catList .pageOn a:visited  
  {  
    background:black url(media/mainmenu-on.gif) repeat-x;  
    color:black;  
    display:block;  
    padding:8px 20px 8px 20px;     
    text-decoration:none;  
  } 
 

.catList li a:hover  
  {
 
  } 






/*********************/
/*     TEXT STYLES   */
/*********************/

body,
td,
p
  {
    font-family:tahoma;
    font-size:13px;
    line-height:130%;
    color:black;
    text-align:justify;
  }

p
  {
    margin:0px;
  }


h1
  {
    font-size:18px; 
    padding:20px 0px 0px 10px;
    text-align:left;
    color:#6B0610;
  }

h2
  {
    font-size:13px;
    margin:0px;
    line-height:130%;
    color:#6B0610;
    text-align:left;
  }

h3
  {
    font-size:13px;
    margin:0px;
    line-height:280%;
    color:#6B0610;
  }

h4
  {
    font-size:11px;
    margin:0px;
    font-weight:bold;
    line-height:280%;
    color:#6B0610;
  }

a:link 
  {
    color:#6B0610;
  }

a:visited
  {
    color:#6B0610;
  }

a:active,
a:hover
  {
    color:#6B0610;
  }



/*********************/
/*    PAGE LAYOUT    */
/*********************/

body
  {
    margin:0;
    padding:0;
    background:#F0F0F0 url(media/bg.jpg) repeat-x;
  }

#pageOuter
  {
    width:920px;
    margin:0px auto; 
    border:0px solid black;
    background:url(media/page-bg.gif) no-repeat;
  }

#pageOuter2
  {
    width:920px;
    margin:0px auto; 
    background:url(media/slice.gif) repeat-y;
  }




.basket,
.sleeveDetail,
.artistDetail,
.albumDetail
  {
    padding:0px 30px 0px 10px;
  }




#banner
  {
    height:161px;
    background:url(media/banner.jpg) no-repeat 20px 0px;
  }


#banner img
  {
    padding:0px;
    margin:0px;
  }

#content
  {
    clear:both;
    padding:0px;
    margin:0px 0px 0px 20px;
  }


#content td
  {
    vertical-align:top;
  }


#basketSummary
  {
    padding:10px;
    background:white;
  }



.label
  {
    text-align:left;
    color:black;
    background:url(media/menu-bg.gif) repeat-x;
    padding:5px 5px 5px 10px;
    font-weight:bold;
  }

#basketButton
  {
    float:right;
  }


#basketText
  {
    width:100px;
    float:left;
    background:white;
    text-align:left;
  }

#basketButton
  {
    float:right;
  }

#basketPaypal
  {
    clear:both;
    padding:0px 0px 30px 0px;
  }


#footerTxt
  {
    margin:10px 0px 10px 0px;
    padding:5px 0px 5px 10px;
    border-top:1px solid black;
  }

#footer
  {
    width:920px;
    height:98px;
    margin:0px auto 0px auto; 
    padding:0px;
    border:0px solid black;
    background:url(media/footer.jpg) no-repeat 10px 0;
  }




#crumbs
  {
    float:none;
    clear:both;
    padding:10px 30px;
  }



.sleeveDetail img
  {
    margin:0px 0px 0px 20px;
  }



.albumDetails p
  {
    padding:10px 0px 0px 0px;
  }


.presisBox,
.presisBox div,
.presisBox span
  {
    border:0px solid black;
  }


.presisBox
  {
    width:500px;
    padding:15px 0px 20px 0px;
    height:75px;
  }




.artistSummary
  {
    padding:0px 30px 0px 0px;
    width:294px;
  }




.presisLabel
  {
    float:left;
    width:350px;
    line-height:150%;
    text-align:right;
  }


.presisPic
  {
    float:right;
    padding:0px 0px 20px 0px;
  }

.presisMore 
  {
    float:right;
  }

.presisMore a
  {
    padding:0px 0px 0px 10px;
    width:100px;
  }






.artistBox
  {
    clear:both;
    padding:5px 0px 5px 0px;
  }

.artistLabel
  {
    float:left;
    width:175px;
  }

.artistMore
  {
    float:left;
    width:70px;
    vertical-align:top;
  }




.reviewBox
  {
    clear:both;
    padding:5px 0px 5px 0px;
  }

.reviewLabel
  {

    float:left;
    width:175px;
  }

.reviewMore
  {
    float:left;
    width:70px;
    vertical-align:top;
  }








.trackBox
  {
    clear:both;
    padding:5px 0px 5px 0px;
  }

.trackNumber
  {
    float:left;
    width:20px;
  }

.trackName
  {
    float:left;
    vertical-align:top;
    width:250px;
  }

.trackSample
  {
    float:left;
    width:30px;
    vertical-align:bottom;
  }








.priceBox
  {

    padding:20px 0px 0px 20px;
  }

.priceLabel
  {
    float:left;
    padding:0px 0px 20px 0px;
  }

.addToBasket
  {
    float:right;
  }


.artistDetail
  {

  }



#right
  {
    width:200px;
    background:#F0F0F0;
    padding:10px;
  }

#left
  {
    width:660px;
  }



.latestBox
  {
    padding:25px 0px 0px 0px;
  }


.latestLabel
  {
    float:left;
    width:120px;
    line-height:110%;
    text-align:left;
  }


.latestPic
  {
    float:right;
  }



