/* global */

body, 
td,
form {
  margin:0px;
  padding:0px;
}

td {
  vertical-align: top;
}

img, .image {
  border:0px;
}

#page {
  margin:0px auto;
}

.pageHeader {
  height:76px;
  margin-bottom:20px;
}

.pageHeaderRight {
  height: 100%;
  width: 100%
}

.contentHeader,
.contentHeaderTab {
  height:17px;
  margin:0px;
  font-weight: bold;
  border: 1px solid;
  border-bottom: 0px;
}

.contentHeaderTab {
  height: 30px;
}

.content,
.contentTab {
  clear:both;
  border-left-width: 1px;
  border-right-width: 1px;
  border-left-style: solid;
  border-right-style: solid;
}

.tabOff,
.tabOn {
  vertical-align: bottom;
  float: left;
  display:block;
  margin-top: 15px;
  line-height: 15px;
  font-size: 100% !important;
  padding: 0px 5px;
  height:15px;
  margin-right:9px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
}

.contentHeaderInner {
  height: 17px;
  padding: 0px 10px;
  display: table-cell;
  vertical-align: middle;
}


.line {
  height:1px;
  line-height: 1px;
  overflow: hidden;
  display:block;
  clear:both;
}

.footer
{
  clear: both;
  margin-top:0px;
  height:11px;
  overflow:hidden;
  text-transform:uppercase;
  font-size: 80%;
}

.footer div {
  margin: 0px 10px;
  text-transform:uppercase;
  font-size:9px
}

.footerRight {
  float:right;
}

.container {
  padding: 10px;
}

.headline {
  margin-bottom: 15px;
  display: block;
  float: none;
  font-size:120%;
  font-weight:bold;
}

.cartTitle {
  font-size: 120%;
  display: block;
}

.cartArtist {
  display: block;
}

.cartInfo {
  margin-top: 5px;
  font-size: 80%;
}


.info {
  margin-bottom: 10px;
}

.button,
.select {
  float: none;
  border: 0px;
  display: block;
}

.select {
  border: 1px solid;
}

.productInfo {
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
  margin-right: 70px;
}

.priceInfo {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 5px;
}

.paymentTable td {
  vertical-align: top;
  padding: 0px 5px 5px 5px;
}

.noRight  { margin-right: 0px !important; }
.noTop    { margin-top: 0px !important; }
.noBot    { margin-bottom: 0px !important; }
.rightTen { margin-right: 10px;}
.fRightTen { margin-right: 10px;}
.rightFive { margin-right: 5px;}
.leftTen { margin-left: 10px;}
.left20 { margin-left: 20px;}
.topFive { margin-top: 5px;}
.topTen { margin-top: 10px;}
.botFive{ margin-bottom: 5px;}
.botTen { margin-bottom: 10px;}
.bot15  { margin-bottom: 15px;}
.error { font-weight:bold; }
.textfield {border:1px solid; margin: 0px;}
.bold { font-weight: bold; }
.cover { margin: 0px 0px 10px 10px; border: 1px solid; padding: 1px; }
.textRight { text-align: right; }
.fr { float: right; }
.fl { float: left; }
.fn { float: none; }
.cb { clear: both; }
.w100 { width: 98px; }
.w140 { width: 138px; }
.w200 { width: 198px; }
.w250 { width: 248px; }
input.w360 { width: 358px; }
select.w360 { width: 360px; }
.lPadFive { padding-left: 5px; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }
.vbot { vertical-align: bottom; }


/* COUPON */

.couponProduct {
  margin: 0px 10px 0px 0px;
  border: 1px solid; 
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  width: 100%;
}

.couponProduct td {
  vertical-align: middle;
  border: 1px solid;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  padding: 3px;
  cursor: default;         
}

.couponProduct td.first {
  border: 1px solid;
  border-right: 0px;
  border-top: 0px;
}

.couponProduct td.last {
  border: 1px solid;
  border-left: 0px;
  border-top: 0px;
}


.selectorFrame {
  width: 534px;
  border:1px solid;
  border-right:0px;
  overflow:hidden;
}

.selectorProducts {
  width: 100%;
}

div.selectorDrm {
  position:absolute; 
  display:none; 
  text-align: right; 
  margin:0px; 
  padding: 3px;       
  border:1px solid;
  border-right:0px;
}

div.pager {
  width: 100%;
  padding:4px 0px;
  text-align:center;
  height: 15px;  
  border: 1px solid;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
}

.noborder, tr.noborder td { border: 0px; }
.nomargin { margin: 0px; }

.tracklist {
  border: 1px solid;
  padding: 5px;
  margin-bottom: 10px;
}

.tracklist .entry {
  border: 1px solid;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
}

.captcha {
  border: 2px solid;
  float: left;
  margin-right: 20px;
}

/* PRODUCT DISPLAY */
/* AJAX STUFF */
div.ajaxLoader {
  display:block;
  position:absolute;
  filter:alpha(opacity=60);
  -moz-opacity:.6;
  opacity:.6;
  -khtml-opacity:.6;
  z-index:5;
}

div.ajaxLoader div.loaderContent {
  position:absolute;
  text-align:center;
  z-index:6;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity:1.0;
  -khtml-opacity:1.0;
  font-family:Verdana,Arial,sans-serif;
  font-size:14px;
  font-weight:bold;
  width:auto;
  height:auto;
  color:#39c;
}

table.productList {
  border-left: 1px solid;
  border-right: 1px solid;
  width: 100%;
}

th.tlHead {
  text-align: left;
  font-weight: bold;
  vertical-align: middle;
  padding: 3px;
  padding: 3px 0px 3px 10px;
}

td.tl {
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  padding: 3px 0px 3px 10px;
  border-bottom: 1px solid;
}

td.last {
  padding-right: 10px;
}

.artistList,
.artistList a {
  font-weight: normal !important;
}

td.tl .cover {
  margin: 0px !important;
}

td.title,
th.title {
  white-space: normal !important;
  text-align: left !important;
  width: 100%;
}

.listPager div {
  line-height: 12px;
  vertical-align: middle;
  float: left;
  border: 1px solid;
  border-top: 0px;
  border-right: 0px;
  padding: 0px 5px;
  font-size: 9px;
  font-weight: bold;
}

.listPager div.previous,
.listPager div.next {
  cursor: pointer;
}

.listPager div.last {
  border: 1px solid;
  border-top: 0px;
}

.listPager div.term {
  float:none;
  border: 0px;
  padding: 0px;
  height: 100%;
  clear: both;
}

div.tabs {
  height: 20px;
  overflow: visible;
  border-bottom: 1px solid;
}

div.tabs div.tab {
  height: 14px;
  margin-top: 5px;
  float: left;
  border: 1px solid;
  border-bottom: 0px;
  font-weight: bold;
  margin-right: 5px;
  cursor: pointer;
}

div.tabs div.tab div {
  padding: 0px 5px;
}

div.tabs div.selected div {
  padding-top: 3px;
}

div.tabs div.selected {
  height: 20px;
  margin-top: 0px;
  background-color: #FFFFFF;
}