/* for internet explorer */
* html body {
  padding:0px 0 0px 0;

  }


bbody {

  font-family: Arial, Helvetica, Verdana, sans-serif;
  ffont-size: 1.9em;
  font-size: 76%;/*like cssplay*/
  ffont-size: 67%; /*seems to */style.css
   /* The other stylesheet for  level1b had the font-size set as the following
   font-size: 62.5%;
   */      /*then 1em = 10pt 1.1 = 11pt*/
  mmin-width:750px;
  wwidth: 760px;
  bbackground-color: red;
  padding: 0px;
  margin:0;
}


/* ++++++ general elements +++++ */

a {text-decoration: none; color:white}
a:hover{text-decoration: underline;}


/*Peekaboo Hacks*/
/*\*/
*html div.list{height:1%;}
/**/

h1{
  font-size:1.2em;
  color:white;
}

h2{
  font-size:1.2em;
  color:white;
}

h3{
  font-size:1.0em;
  color:white;
}

address{
  color:white;
  font-style:normal;
}

input, select{
  font-size:1.1em;
  font-family: Arial, Helvetica, sans-serif;

}

input.submit{margin:1em 0 0 0;}

input.currency{text-align:right;bbackground-color:green;/*fix overflow in IE*/width:80%;}

#td.currency{text-align:right;background-color:green;/*fix overflow in IE*/wwidth:90%;}










/*debug font*/
h5 { font-family:Arial,Helvetica,sans-serif;
        font-size:10px;
        line-height:10px;
        font-weight:bold;
        color:#999999;
        color:white;
        color:black;
        ccolor:gray;
        margin-top:6px;
        margin-bottom:0px;
        }

/*usefull general classes*/
.left {float:left;}
.right {float:right;}
.clear {clear:both; }
.error{color:yellow;}
.handcursor{
cursor:hand;
cursor:pointer;
}

 .handcursor:hover {
  bbackground: #258;
  color:#BE0000;
  }


#nextpage a, #nextpage{color:white;}/*The table pager thing*/





/*The page is held by a few containers The wrapper puts it in the center
of the window. left container is the left menu column and container is the
main content. Ensure that #leftcontainer and #container = less than #wrapper*/

/*page layout*/

/*
#wrapper {
    width: 720px;
    width: 900px;
    margin-top:0;
    margin: 0 auto;
    padding: 5px;
    background-color: #EF1821;
    background-color: silver;
}




#leftcontainer {
  width:160px;
  bborder-top:1px solid #fff;
  bborder-bottom:1px solid #fff;
  font-size:.8em;
  float:left;
  padding: 0 0px 0 0px;
  background:#e7e7e5;
  margin:0;
  }

#rightcontainer {
  float:left;
  width:160px;
  bborder-top:1px solid #fff;
  bborder-bottom:1px solid #fff;
  font-size:.8em;
  float:left;
  padding: 0 0px 0 0px;
  background:pink;
  margin:0;
  }


#container{
  float:left;
  width:600px;
  margin:0;
  padding: 10px;
  bborder-right: 2px solid #fff;
  bfont-size:1em;
  background-color:#EF1821;

}

*/



/*new 3 col container set */
html, body {width:940px; margin:0px; padding:0px; background:#eee; font-family: Arial, Helvetica, Verdana, sans-serif;  ffont-size: 76%;/*like cssplay*/ ;}
#container {pposition:relative; display:block; bbackground:#BE0000; border-left:160px solid #DFDFDF; border-right:160px solid #DFDFDF;}
#inner {display:block; margin-left:-160px; margin-right:-160px; padding:0px;}
#leftcontainer {float:left; position:relative; width:160px; left:0px;}
#rightcontainer {float:right; position:relative; width:160px; right:0px;}
#centercontainer {margin-left:160px; margin-right:160px; pposition:relative; display:block; height:1%;}
.clear {clear:both;font-size:0;}


body{
  font-size: 76%;/*like cssplay*/ ;
}
#container {
  background:#EF1821;
  background:#DFDFDF;
  mmin-height:600px;
}

#container.shop{bbackground:green; bbackground-color: #336600 }

#t {
  margin:0;
  padding:6px;
  padding-top:0px;
  bbackground:#EF1821;
  width:600px;
  float:left;
}

#t img{
  ppadding-left:8px;

  ttext-align: right;


}

#logo {
  padding-left:8px;
}








#masthead h3{
  font-size:1.1em;
  color:white;
  text-align:center;
  margin:0;
  margin-bottom:2em;
  padding:0;
}

#masthead a{
  color:white;
}

#loggedbar, #loginbar{
  color:white;
  margin:0 0 0em 0;
  bbackground-color:black;
  float:left;
}

#loggedbar h2, #loginbar h2{
  font-size:1.0em;
  margin:0 0 0em 0em;
  float:left;
  bbackground-color:blue;
  color:white;
  ppadding:1em;
}

#loggedbar a, #loginbar a{
  text-decoration:underline;
  bbackground-color:black;
  ffloat:left;
  margin:0;
  padding:0;
}

#menubar{
  ttext-decoration:underline;
  bbackground-color:pink;
  float:right;
  margin-bottom:.5em;
  color:white;
  font-size:100%;
}

#menubar a{
  text-decoration:none;
}
#menubar a:hover{
  text-decoration:underline;
}



/*SEARCH*/
#search{
  width:100%;
  bbackground-color:gray;
}


#search fieldset {
  border:0;
  mmargin:1em;
  padding:0em;
  acolor:red;
}

#search label.red{
    color:red;
    font-weight:bold;
}

#search form{
   margin:0;
   padding:0em;
}

#_breadcrumb h3{
  font-size:1em;
  margin:0;
  padding:0em;
}

#_breadcrumb a{
  color:red;
}



_input#mixedsearch{
    width:20em;
}






/*level 1 list*/

/*
div.list, div.box,  div.detail, div#intro {
  border-color:black;
  border-width:2px;
  background:white;
  padding:.2em;
  margin:0em 0em 1em 0em;
  border: solid;
  clear:both;
  bbackground-color:green;
}

div.box h2{
  color:black;
  margin:0;
  padding:0;
}

div.box a{
  color:red;
  text-decoration:underline;
}






div.list, div.detail{
  padding:.5em;
  margin:0 0 1em 0;
  bbackground-color:orange;
}

div.list a{
  color:black;
}


ddiv.list h2{
    color:red;
    font-size:1.1em;
    padding:0;
    margin:0;
  }

div.list p, div.detail p{
   padding:0em 0em 1em 0em;
   margin:0em 0em 0em 0em;
   line-height:1.2em;
}


div.list ul, div.detail ul{
  margin:0em 0em 0em 0em;
  padding:0;
}


div.list li, div.detail li{
  display:inline;
  list-style-type: none;
  margin:0;
  padding:0em 1.5em 0em 0em;
}


div.list img.thumbnail{
  border-width:2px;
  border-color:black;
  mmargin:1em;
  padding:0;
  margin:0;
  width:120px;
  hheight:140px;

}

div.list dl, div.detail dl {
  margin:0;
  padding:0;
  bbackground-color:purple;
}

div.list dt, div.detail dt{
  float:left;
  hheight:100%;
  margin:0;
  padding:0;
}
*/

div.list dd, div.detail dd{
  /*This bit ensures that the text doesnt wrap under the picture*/
  margin:0;
  ppadding:0;
  ppadding-left:140px;
  margin-left:130px;

}

/*
div.tracklist h3{
  margin:0;
  padding:0;
  font-size:1em;
}

div.list ul.tracklist{
  margin:0em 0em 0em 0em;
  padding-bottom:1em;
  padding:0;
  bbackground-color:pink;
}

div.list ul.tracklist li{
  display:inline;
  list-style-type: none;
  margin:0;
  padding:0em 0em 0em 0em;
}

div.list ul.format{
  margin:1em 0em 0em 0em;
  font-size:120%;
  padding:0;
  bbackground-color:green;
}

div.list ul.format li{
  display:inline;
  list-style-type: none;
  margin:0;
  padding:0em 1em 0em 0em;
  bbackground-color:yellow;
}


 */

/*END .list*/









div.detail h2{
  font-size:1.2em;
  margin:0 0 .5em 0;
  padding:0;
  color:black;
}

div.detail h3{
  font-size:1.1em;
  margin:0 0 .5em 0;
  padding:0;
  color:black;
}

ddiv.detail p{
  ffont-size:1.1em;
  margin:0.5em 0 0.5em 0;
  mpadding:0;
}


div.formats{
    font-size:120%;
}

div.formats a{
  color:red;
  font-weight:bold;
  text-transform: uppercase;
}








#intro h2{
  margin:0;
  padding:0;
}

#intro p{
  margin:0;
  padding:.5em 0 0.5em 0;
  color:white;
}





/*Title */
h2 span.artist{
  text-transform: uppercase
}

h2 span.label{
  ttext-transform: uppercase
}
h2 span.record{
  ttext-transform: uppercase
}








/*Left menu*/
#_leftmenu a, #_leftmenu a:visited {
  color:black;
  text-decoration:none;
  bdisplay:block;
  padding:0.2em;
  background: white;
  bborder:black solid 2px;
  lline-height:1.6em;
  }

  #_leftmenu a:hover {
  bbackground: #258;
  color:red;
  }



#_leftmenu dd {
  margin:0 0 0 1em;
  padding:.5em;
  text-align:left;
  bborder-top:1px solid black;
  line-height:200%;
  }

#_leftmenu dt {
  margin:0.0;
  padding:.5em;
  ppadding:1.5em;
  text-align:left;
  font-size: 1.2em;
  font-weight:bold;
  bbackground: #69c;
  bborder:2px solid black;
  lline-height:2.5em;
  }


/*Login page*/
#loginform {
   text-align:left;
   margin-left:5em;
}

#loginform h1{
   text-align:left;
   color:white;
}

#loginform .colspan1 {
    clear:left;
    display:block;
    float:left;
    width:8em;

    ppadding-right:10px;
    color:black;
    margin-bottom:0.5em;
    bbackground-color:orange;
}

#loginform label{
  color:white;
  width:200px;
}


#loginform br {
    clear:both;
}

#loginform .colspan2 {
    clear:both;
    display:block;
    float:left;
    width:120px;

    ppadding-right:10px;
    color:black;
    margin-bottom:0.5em;
    bbackground-color:orange;
}

#loginform p {
    margin:0;
    padding:.5em 0 .2em 0;
    color:white;
}

#loginform a{
  color:white;
  text-decoration:underline;
}



#loginform input{
  mmargin-left:1em;
}

#loginform #newuser label{
    width:100px;
    bbackground-color: green;
    display:block;
    float:left;
    text-align:right;
    color:white;
}



#generalform{
  margin-left:3em;
  margin-right:2em;
}

#generalform label{
    width:120px;
    bbackground-color: green;
    display:block;
    float:left;
    text-align:right;
    color:white;
    padding-right:10px;
    padding-top:0.5em;
}

#generalform p{
  color:white;
}

#generalform input, #generalform select{
  width:200px;
  margin-bottom:0.5em;
}

#generalform .button{
  width:auto;
}


















/*


#assets table{
  width:100%;
  border:1px black solid;
  border-collapse: collapse;
  margin:0em 0 1em 0;
  padding:0;
}

#assets th{
  text-align: left;
  bbackground-color:gray;
  border-bottom:solid black 1px;
}

#assets tr{
   bbackground-color:red;
}


#assets td{
  padding:.2em;
}



#AssetID{width:5em;bbackground-color:yellow;}
#AssetName{wwidth:80px;bbackground-color:pink;}
#AssetType{width:80px;bbackground-color:yellow;}
#AssetSize{width:80px;bbackground-color:pink;}
#Delete {width:20px;background-color:yellow;}



*/








 #basket {
  margin:0 0em 0 0em;
  margin-top:4em;
  padding:0;
  background:#d3d4ce;
  border: solid 1px gray;
  margin-bottom:30em;
}

#basket form{
  margin:0;
  padding:0;
}

#basket input.button{
  background-image:url(../img/b_plain.png);
  border:none;
  margin:1em;
  padding:1em;
}


#basket div.format{
      width:100%;
      margin:0;
      padding:0;
      margin-top:2em;
  clear:both;
  bbackground:red;
}

#basket div.format ul{
  margin:0;
  padding:0;
  bbackground:green;
}

#basket div.format ul li input{
  margin:0;
  padding:0;
  bbackground:yellow;
}

#basket div.format ul li a{
  margin:0;
  padding:0;
  bbackground:orange;
}



#basket div.format ul li{
      float:right;
      margin:0 0 -3px 0;
      padding:0;
      list-style-type: none;
      /*There is a couple of pixels at bottom here I can't get rid of*/
      /*for some reason, so i'll fill with gold bar */
bbackground:blue;
bbackground-image: url(../img/b_add.png);
}

#basket br.clear{
  line-height:0;
  font-size:0;
}



#bbasket table input{width:90%;text-align:left;}
#basket #ProductName{width:60%; bbackground-color:green}
#bbasket #ArtistName{width:100px; bbackground-color:pink}
#bbasket #FormatName{width:5em;bbackground-color:orange}
#bbasket #current_price{width:5em;bbackground-color:blue;}
#bbasket #list_price{width:5em;bbackground-color:gray;}
#bbasket #current_qty {width:3em;bbackground-color:lime;}
#bbasket #total_weight{width:5em;bbackground-color:indigo;}
#bbasket #total_price{width:5em;bbackground-color:brown;}



#basket .ProductName{width:60%; bbackground-color:green}
#basket .ArtistName{bbackground-color:pink}
#basket .FormatName{bbackground-color:orange}
#basket .current_price{bbackground-color:blue;text-align:right;}
#basket .list_price{bbackground-color:gray;text-align:right;}
#basket .current_qty {wwidth:3em;bbackground-color:lime;text-align:center;}
#basket .total_weight{bbackground-color:indigo;text-align:right;}
#basket .total_price{bbackground-color:brown;text-align:right;}





#basket table{
  width:100%;

      ppadding-top:20px;
      mmargin-top:4em;
      ppadding:0 1em 0 1em;
      mmargin:0 1em 0 1em;
      margin-bottom:10px;
      ppadding:2em;
  border-collapse: collapse;
}

#basket tr{
  padding:0.0em .6em 0.0em .6em;
  margin:0 1em 0 1em;

}


#basket td{
  ppadding:0 .2em 0 .2em;
  padding: .3em .6em .3em .6em;
  border-bottom: solid 1px #E6E6E6;
}



#basket th{
  bborder-bottom:solid 1px black;
  background:#909090;
  margin:0;
  margin:.0 .0em 0 .0em;
  padding:0.3em .6em 0.3em .6em;
}

#basket table a{
  color:white;
  text-decoration:none;
}

#basket tfoot{
    text-align:right;
    font-weight:bold;
}

#basket tfoot td{
  border:0;
}





#basket caption{
  color:white;
  bbackground:black;
  padding:.2em;
}


#basket p{
  margin:0;
  margin:0 0.5em 0 0.5em;
  padding:0;
  color:black;
  ccolor:#585858;
}

#basket img{
  border:none;
}



a.continue{
  text-decoration: underline;
}





#cCatalogueNo{wwidth:100px;background-color:blue}
#cPriceWholesale{width:5em;background-color:orange}
#cQty{width:50px;background-color:red}




#foot{
  clear:both;
}