/* basic elements */

body {
  font-size: 10px;
  font-family: verdana, sans-serif;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: underline;
  font-weight: bold;
  color: #000;
}

a:hover {
  text-decoration: none;
  color: #3D3C34;
}

img {
  border: 0;
}




/* specific divs */

#shopcontact { }
#logo { }
#maincontent { }




/* maincontent */

.department h3, #maincontent .department h1, .releaseinfo h1, #maincontent #artistinfo h1, #newsbox h2, #subscribe h1, #subscribe tr.head h3 {
  margin-top:10px;
  font-size: 10px;
  color: #fff;
  padding: 5px;
  margin-bottom:5px;
  text-transform: uppercase;
  border-top: 5px solid #B3AD98;
  border-left: 1px solid #B3AD98;
  border-right: 1px solid #B3AD98;
  border-bottom: 1px solid #B3AD98;
  background-color: #5999e0;
}

#subscribe tr.head h3 { margin-top: 0px; }

#maincontent .department h2, .linedetails h2 {
  font-size: 10px;
  color: #000;
  padding: 0;
  font-weight: normal;
  margin-top: 0;
}

#maincontent .releaseinfo h2 {
  font-size: 10px;
  font-weight: normal;
}

/* #maincontent #artistinfo h2 {
  padding-left: 0;
  margin-top: 10px;
} */

#maincontent form.greedbag {
/*  margin: 5px 0 5px 0; */
}

#maincontent em {
  color: #000;
}

#maincontent a {
  margin: 0;
}




/* maincontent - products */

table#formats {
  border-collapse: collapse;
  margin-bottom: 15px;
  font-size: 10px;
}

table#formats th {
  text-align: left;
  color: #000;
}

table#formats td {
  padding-right:25px;
  margin:0;
  color: #000;
}

* html div.releaseinfo { padding-bottom: 8px; }

div.releaseinfo tr.downloads td.format {
  padding-left: 17px;
  background: url("../images/arrow.gif") no-repeat top left;
}

div.releaseinfo form { display: inline; }

table#formats td.format { font-weight: bold; }
table#formats span.download { font-weight: normal; }

span.listen { display:none; }

div.listen {
  height: 17px;
  width: 17px;
  background: url(../images/listen.gif) no-repeat;
  padding-right:7px;
}


/* maincontent - line */

/* line sales banner */

.linedetails #sale {
  position:absolute;
  margin-left: 132px;
  margin-top: -13px;
  height: 68px;
  width: 68px;
}
* html .linedetails #sale { margin-left: 35px;}

.linedetails .title {
  height: 3em;
}

.linedetails .artist {
  height: 1.5em;
}

#maincontent div.linedetails {
  height: 18em;
}

#maincontent div.line {
  font-size: 10px;
  margin: 3px 8px 5px 0;
  width: 196px;
  height: 25em;
  float: left;
  line-height: 1.5em;
  background: #fff;
  text-align: center;
  padding: 10px 3px 0 3px;
  border: 1px solid #B3AD98;
}

/* \*/
* html #maincontent div.line { width: 205px; height: 26em; }
/* */

.department .packshot img, .linedetails .packshot img {
  height: 70px;
  width: 70px;
}

.department .appshot img {
  padding: 10px;
  height: 70px;
}

#maincontent .releaseinfo img.packshot {
  position: relative;
  display: block;
  float: right;
  border: 2px solid #666;
  margin: 35px 0 0 0;
  padding: 0;
}

/* PC IE Only hack \*/
* html #maincontent .releaseinfo img.packshot { margin: 45px 0 0 0; }
/* */

#maincontent form.greedbag {
  margin: 5px 0 5px 0;
}

#maincontent .formatinfo {
  padding: 10px;
}

#maincontent .pages .nav a {
  font-weight: normal;
}



/* maincontent - newsbox */

#newsbox {
  margin-top: 10px;
}

#newsbox h2 {
  margin:0;
}

#newsbox .newsitem {
  margin: 0 0 5px 0;
  padding:0;
  border: 1px solid #B3AD98;

}

#newsbox .newstext {
  padding: 0 10px 0 10px;
  display: inline-block;
}

/* \*/
* html #newsbox .newstext { padding: 10px 10px 0px 10px; }
/* */

#newsbox .newsline {
  font-size: 10px;
  margin: 3px 5px 0 0;
  width: 14em;
  height: 15.5em;
  float: left;
}

#newsbox .newsend {
  clear: both;
}

#newsbox .packshot img {
  height: 100px;
  width: 100px;
}

#newsbox .appshot img {
  height: 100px;
}

#newsbox .newsmenu {
  margin-top:5px;
  font-size: 10px;
  padding: 5px;
  margin-bottom:5px;
  text-transform: uppercase;
  border: 1px solid #B3AD98;
  background-color: #5999e0;
}

/* PC IE \*/
* html #newsbox .newsmenu { line-height: 2em; }
/* */

#newsbox .newsmenu #prev { text-align: left; }
#newsbox .newsmenu #archive { text-align: center; }
#newsbox .newsmenu #next { text-align:right; }





/**** Subscribe pages ****/

#maincontent #subscribe {
  text-align: justify;
}

.freegifts ul { padding-left:13px; }
.freegifts img { padding-right:7px; }

#subscribe table.login { border-collapse:collapse; }
#subscribe table.login td { padding: 0 10px 0 0; }
#subscribe table.login td + td { padding: 0 0 0 10px; border-left: 1px solid grey; }




/* minibasket */

#minibasket {
  font-size: 10px;
  padding-bottom:65px;
  background: transparent url(../images/minibasketbg.gif) no-repeat bottom center;
}

#minibasket h2 {
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  margin: -2px 0 5px 0;
  color: #fff;
}
#minibasket h2 img { margin-right: 6px; }

#minibasket h3 {
  font-size: 10px;
  font-weight: normal;
  margin: 0 0 5px 0;
  color: #fff;
}

#minibasket div.item {
  border-bottom: 2px solid #fff;
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
}

#minibasket form {
  display: inline;
}

#minibasket div.packshot {
  float: left;
  height: 48px;
  width: 48px;
  padding: 0 8px 0 0;
}

#minibasket div.postage {
  margin: 8px 0 8px 0;
}

#minibasket .checkout {
  position: relative;
  top: 51px;
}

#minibasket p#emptybasket {
  margin:0;
  padding:0;
  position:relative;
  top: 29px;
}

/* MAC IE hack \*/
#minibasket .checkout {
  top: 23px;
}
#minibasket p#emptybasket {
  top: 30px;
}
html>body #minibasket p#emptybasket {
  top: 25px;
}
* html #minibasket .checkout { top: 23px; }
* html #minibasket p#emptybasket { top: 41px; }
/* */

#minibasket .checkout a, #minibasket .postage a {
  font-weight: bold;
  color: #000;
}

#minibasket .checkout a:hover {
  color: #333;
  text-decoration: none;
}

#minibasket ul {
  list-style: none; 
  margin: 0;
  padding-left: 0;
}

#minibasket .preorder { font-weight: bold; text-transform: uppercase; font-style: italic; }




/* info section */

#info h3 {
  margin: 0;
  padding: 5px 0 5px 5px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  background-color: #5999e0;
}

#info #departments, #info #artists, #info #help {
  border-top: 5px solid #B3AD98;
  border-left: 1px solid #B3AD98;
  border-right: 1px solid #B3AD98;
  border-bottom: 1px solid #B3AD98;
}

#info #help, #info #artists {
  margin-top: 10px;
}

#info #description h3 {
  border-top: 5px solid #B3AD98;
  border-left: 1px solid #B3AD98;
  border-right: 1px solid #B3AD98;
  border-bottom: 1px solid #B3AD98; 
}

#info #description p {
  padding: 0 5px 0 3px;
}




/* info section - navigation lists */
.navlist {
  list-style: none;  
  padding: 5px 0 5px 0;
  margin: 5px 0 5px 0;
  font-size: 10px;
  text-transform: uppercase;
}

.navlist li {
  margin: 0 0 5px 15px;
}

.navlist li a {
  color: #000;
}

.navlist li.selected a, .navlist li a:hover {
  color: #3D3C34;
  text-decoration: none;
}




/* helpinfo */

#helpinfo h3, #helpinfo h2, #helpinfo h3.department {
  font-size: 10px;
  padding:0;
}

#helpinfo p {
  text-align: justify;
  line-height: 150%;
}




/* search */
#search input#searchbox {
  width: 100px;
}

/* IE cannot read this */
html>body #search input#searchbox {
  width: 80px;
}




/* prerelease popup */

#prerelease { padding: 10px; width: 410px; }
#prerelease h1 { margin: 0px; font-size: 14px; }
#prerelease table { width:400px; }
#prerelease table th { font-size: 12px; border-bottom: 1px solid #000; }
#prerelease table td { font-size: 10px; border-bottom: 1px solid #000; }

#prerelease table .packshot { width: 60px; }
#prerelease table .format { height: 70px; background: #fff; }
#prerelease table .soundcarrier { padding-top: 4px; }
#prerelease table .released { padding-top: 4px; }

#prerelease p#close { text-align:center; }

/* prerelease info */

p#preorderinfo { padding-top:10px; margin-bottom:0px; }




/* footer */

#footer {
  border-top:1px solid transparent;
}
/* \*/
* html #footer { border: 0; }
/* */

#footer #shopcontact {
  font-size:10px;
  border-top:5px solid #fc3;
  background: #5999e0;
  color: #fff;
}