* { 
  margin: 0; 
}
html, body { 
  height: 100%; 
  background: url(../images/bgfill.png) top center repeat-y;
}
.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  /*background: url(../images/bg.png) top left repeat-x;*/
}
/* * html #wrapper {
  height: 100%;
}*/
/*#doc4 {
  padding-bottom: 165px;
}*/

body {
  color: #454545;
  /*font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;*/
  font-family: Helvetica, Arial, sans-serif;
  /*font-family: "Open Sans","Lucida Sans Unicode","Lucida Sans Std","Lucida Sans Unicode","Lucida Grande",Tahoma,Verdana,Arial,sans-serif;*/
  line-height: 1.65em;
  margin: 0;
  padding: 0;
}
#bd {
  background-color: white;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
legend { 
  color: #454545;
  margin-bottom: 0.5em;
  font-weight: bold;
}
a { outline: none; }
:moz-any-link:focus { outline: none; }

/**** Clearfix *****/

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/**** Main Banner ****/
#hd {
  background-color: #333333;
  height: 90px;
  width: 100%;
}
#hd .inner {
  margin: auto;
  width: 974px;
}
h1 { 
  margin: 0; 
  padding: 0;
}
a#header {
  background: url(../images/muvolution.png) 10px 9px no-repeat;
  border: none;
  display: block;
  height: 85px;
  text-indent: -9999px;
  width: 286px;
}
h4 {
  font-size: 120%;
}

#cartQualityKey {
  margin: 0;
  float: right;
  line-height: 100%;
}
#cartQualityKey img {
  vertical-align: bottom;
}

/**********************/

ul.noList  {
  margin: 0;
  padding: 0;
  text-indent: none;
}
ul.noList li {
  list-style: none;
}

/**** Footer ****/
.push {
  height: 150px;
  margin-top: 15px;
}
#ft {
  background-color: #333333;
  color: #AAAAAA;
  height: 170px;
  margin-top: -155px;
}
#ftInner {
  background-color: #333333;
  margin: auto;
  text-align: left;
  width: 954px;
}
#ft a {
  color: #F759AF;
}
#ft p#copy {
  color: white;
  margin-top: 1em;
  margin-bottom: 0;
}
#ft h3 { 
  color: white;
  font-size: 108%;
  margin-top: 1em;
  letter-spacing: 0; 
}

img.stdBorder { 
  border: 1px solid #cccccc;
  background-color: white;
  padding: 1px;
}
/*************************/

#audioplayer {
  margin-left: -1px;
  margin-right: 1px;
  border-right: 1px solid #CCCCCC;
}

/**** Menu Lists ****/
ul.menu {
  text-indent: 0;
  margin: 0;
}
ul.menu li {
  list-style: none;
}
ul.menu.horizontal>li {
  float: left;
  margin-right: 2px;
}
dl {
  margin: 0;
}
dl.horizontal {
  clear: both;
  display: block;
}
dl.horizontal dd,
dl.horizontal dt {
  float: left;
  /*margin: 0 1em 0 0;*/
}

dl.table dt { 
  float: left; 
  clear: left; 
  width: 100px; 
  font-weight: bold; 
} 
dl.table dt:after { 
  content: ":"; 
} 
dl.table dd { 
  margin: 0 0 0 110px; 
  padding: 0 0 0.2em 0; 
}

/********************/

/**** Default Links ****/
a, a:visited { 
  /*color: #0088FF; */
  color: #F3198F;
  text-decoration: none; 
}
a:active, a:hover { 
  text-decoration: underline; 
}
/***********************/

/**** Headings ****/

h2 {
  font-size: 250%;
  line-height: 100%;
  margin: 15px 0 15px 0;
  letter-spacing: -2px;
}

/**********************/

/* Override YUI to close the gap between left and right columns slightly
   by making the right colums a little wider */
.yui-t6 .yui-b {
  width: 23.8em;
}

/* Override YUI to make our right hand columns a little larger
   and coser together */
.yui-gb .yui-u,
.yui-gc .yui-u {
  margin-left: 0.4%;
  padding-left: 0.4%;
  width: 32.8%;
}
.yui-gb .yui-u.first,
.yui-gc .yui-u.first {
  margin: 0;
  padding: 0;
}

/**** Countdown lists ****/
ol.countdown {
  list-style-position: -9999em;
  margin: 0;
}
ol.countdown li {
  margin: 0;
  text-indent: 0;
  font-size: 92%;
  float: left;
  display: block;
  width: 76px;
  height: 132px;
  padding-right: 2px;
  overflow: hidden;
  margin-bottom: 3px;
}
ol.countdown li {
  line-height: 1.1em;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  word-wrap: break-word;
}
ol.countdown li span.collectionName a {
  font-weight: bold;
}
ol.countdown li span.artistName a,
ol.countdown li span.releaseDate {
  font-size: 90%;
  color: #454545;
}
ol.countdown li img {
  width: 72px;
  height: 72px;
  margin-bottom: 4px;
  display: block;
}
ol.countdown li.item1,
ol.countdown li.item2,
ol.countdown.large li {
  width: 154px;
  height: 190px;
  font-size: 120%;
  padding-right: 3px;
}
ol.countdown.large li {
  height: 200px;
  font-size: 100%;
}
ol.countdown.large li.item1,
ol.countdown.large li.item2 {
  width: 310px;
  height: 390px;
  padding-right: 5px;
}
ol.countdown li.item1 img,
ol.countdown li.item2 img,
ol.countdown.large li img {
  width: 150px;
  height: 150px;
}
ol.countdown.large li.item1 img, 
ol.countdown.large li.item2 img {
  width: 306px;
  height: 306px;
}
ol.countdown li.item1 a, ol.countdown li.item2 a {
  white-space: nowrap;
  word-wrap: normal;
}
ol.countdown li.rowend,
ol.countdown.large li.rowend {
  padding-right: 0px;
}
/*ol.countdown li:hover {
  background-color: #F3F3F3;
}*/
.collectionTypeControl, p.pager, p.filters {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 0 4px 0 4px;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  display: block;
}
.collectionTypeControl .seeMore,
span.pager {
  float: right;
}
p.filters span.order {
  float: right;
}

.itemInfo h4 {
  font-size: 120%;
}
.itemInfo .releaseDate {
  letter-spacing: -0.5px;
}
/*************************/


/**** Testing Stuff ****/

.sidebarItemList .viewAll {
  float: right;
}

.regularweight {
  font-weight: normal;
}

#mainCell {
  margin-top: 0.8em;
  padding-left: 10px;
  padding-right: 10px;
}

.hidden { 
  display: none;
}

.contentBlock.bordered {
  margin-bottom: 0.7em;
  /*padding-bottom: 0.3em;*/
  border-bottom: 1px solid #CCCCCC;
}
.yui-b .contentBlock {
  border: none;
}
.contentBlock .inner {
  /*font-size: 97%;*/
  padding: 0 10px 1em 10px;
}
.yui-gc .contentBlock .inner {
  padding: 0; 
  /*font-size: 100%;*/
}
#yui-main .contentBlock .inner {
  /*padding: 0 10px 1em 10px;*/
}
.contentBlock h3 {
  margin: 0.2em 0 0.5em 0;
  /*text-indent: -9999em;
  height: 30px;*/
}

.yui-u .inner {
  /*padding: 0 16px 0 16px;*/
}

.clear {
  clear: both;
}

.frontPageArtistBlock {
  clear: both;
  margin-bottom: 1em;
  float: left;
  width: 610px;
}
.frontPageArtistBlock h4 {
  font-size: 150%;
  margin-top: 200px;
}
.frontPageArtistBlock h4, .frontPageArtistBlock p {
 /* float: right;
  width: 290px;*/
}
.frontPageArtistBlock img {
  float: left;
  margin-top: -220px;
}

table {
  border: 1px solid #DFDFDF; 
  text-align: center;
  width: 100%;
}
table tr {
  border-bottom: 1px solid #DFDFDF; 
}
table tr.odd { 
  background-color: #FBFBFB; 
}
table tr.even { 
  background-color: #F9F9F9; 
}
table tr:hover {
  background-color: #FBFBFB; 
}
table td, th {
  padding: 0.6em;
  border: none;
}
table th {
  background-color: #F3F3F3;
  border-bottom: 1px solid #DCDCDC;
}
table tfoot td {
  background-color: #F9F9F9;
}
table td.cover {
  padding: 2px;
  width: 39px;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.trackRow {
  border: none;
}
.trackRow td.trackName,
.trackRow td.download,
.trackRow td.format {
  border-bottom: 1px solid #CCCCCC;
}
#tracksTable {
  margin-top: 1em;
  margin-bottom: 2px;
}
#tracksTable .trackName {
  width: 400px;
}
#browseTable {
  margin-bottom: 0;
}
#browseTable td {
  line-height: 1em;
}
#browseTable td.collectionName {
  font-weight: bold;
} 
#browseTable td.collectionName, 
#browseTable td.trackName { 
  width: 220px;
}
#browseTable td.artistName {
  width: 150px;
}
#browseTable td.genre, 
#browseTable td.label {
  width: 70px;
}
#trackNameColumn {
  text-align: left;
}
/*#trackButtonsColumn {
  width: 100px;
}*/
table#purchaseList tr.tracks table {
  border: none;
  margin: 0;
  width: 100%;
}
table#purchaseList tr.tracks table tr.last {
  border: none;
}
table#purchaseList th #formatPlaceholder select {
  padding: 2px;
  margin: 0;
  font-weight: normal;
}
table#purchaseList tr.tracks>td {
  padding: 0;
}

.itemInfo {
  clear: both;
  margin-bottom: 0.5em;
}
.opposing img {
  float: left;
}
.opposing h4, .opposing h3, .opposing p,
.opposing div  {
  float: right;
}
.opposing div.clear { float: none; }
.opposing.x640x200 h4, .opposing.x640x200 h3, .opposing.x640x200 p,
.opposing.x640x200 div  {
  width: 385px;
}
.opposing.x640x60 h4, .opposing h3, .opposing.x640x60 p {
  width: 560px;
}
.opposing.x640x72 h4, .opposing h3, .opposing.x640x72 p,
.opposing.x640x72 div  {
  width: 545px;
}
.opposing.x300x60 h4, .opposing h3, .opposing.x300x60 p {
  width: 245px;
}
.opposing.x300x60 h4, .opposing h3, .opposing.x300x60 p {
  width: 232px;
}
.opposing.x300x105 h4, .opposing h3, .opposing.x300x105 p {
  width: 200px;
}
.opposing.x954x60 h4, .opposing h3, .opposing.x954x60 p {
  width: 880px;
}
.opposing.x954x72 h4, .opposing h3, .opposing.x954x72 p {
  width: 870px;
}
.opposing.x954x230 h4, .opposing h3, .opposing.x954x230 p,
.opposing.x954x230 div {
  width: 700px;
}

/*div#messagesContainer.js {
  position: absolute;
  top: 50%;
  border: 1px solid red;
}*/
/*div.error, div.info {
  position: absolute;
  left: 50%;
  border: 2px solid #cccccc;
  margin-bottom: 1em;
  padding: 0 10px 0 35px;
  width: 300px;
  margin-left: -150px;
}*/
/*div.error {
  background: url(/images/icons/cancel.png) 10px 1.3em no-repeat;
  background-color: #ffdddd;
}
div.info {
  background: url(/images/icons/accept.png) 10px 1.2em no-repeat;
  background-color: #ffdddd;
  background-color: #ddffdd;
}*/

ul#purchaseList, ul.tracksList {
  margin: 0;
}
#purchaseList li {
  list-style: none;
}

#topBanner {
  margin-bottom: 20px;
  border-bottom: 1px solid #CCCCCC;
  text-indent: -9999em;
  padding: 10px 16px 10px 16px;
}
#topBanner .inner {
  height: 196px;
  background: url(/images/adBanner.png) top left no-repeat;
}
#topBanner .inner li {
  list-style: none;
}
#topBanner .inner h3 {
  margin: 0;
}

.jGrowl {
  margin-top: 50px;
}
div.jGrowl div.jGrowl-notification {
  border: 3px solid;
  color: #333333;
  opacity: 1.0;
  -moz-border-radius: 0;
  width: 500px;
  min-height: 60px;
  padding: 10px;
}
div.jGrowl div.jGrowl-closer {
  background-color: white;
  border: 3px solid;
  color: #333333;
  padding: 0.5em 0 0.8em 0;
}
div.jGrowl div.jGrowl-notification.error {
  border-color: red;
  background-color: #FFECEC;
}
div.jGrowl div.jGrowl-notification.info {
  border-color: #CCCCCC;
  background-color: white;
}
div.jGrowl div.jGrowl-notification div.header {
  font-size: 150%;
  margin-bottom: 0.3em;
}
div.jGrowl div.jGrowl-notification.error .header {
  color: red;
}
div.jGrowl div.jGrowl-notification.info .header {
  color: #F3198F;
}
div.jGrowl div.jGrowl-notification .close {
  margin-top: -20px;
  margin-right: -22px;
  text-indent: -9999em;
  width: 29px;
  height: 29px;
}
div.jGrowl div.jGrowl-notification.error .close {
  background: url(/images/close-red.png) top left no-repeat;
}
div.jGrowl div.jGrowl-notification.info .close {
  background: url(/images/close-pink.png) top left no-repeat;
}

.featuredArtistBlock h4 {
  font-size: 200%;
  line-height: 105%;
  margin-bottom: 0.2em;
}

#collectionPrice {
  font-weight: bold;
  font-size: 150%;
}
.collectionPrice {
  font-weight: bold;
}

fieldset legend {
  font-size: 160%;
}

ul.cartCollection {
  margin: 0;
}
ul.cartCollection li {
  list-style: none;
}
ul.cartCollection li p {
  line-height: 1.5em;
}


/* HEADINGS */

h3 {
  text-indent: 0;
  height: auto;
  letter-spacing: -1px;
  margin-top: 0.2em;
  font-size: 180%;
}
/*h2.graphical{
  text-indent: -9999em;
  height: 40px;
}
h2.checkout {
  background: url(/images/headings/checkout.png) top left no-repeat;
}
h2.cartContents {
  background: url(/images/headings/cartContents.png) top left no-repeat;
}
h2.signUp {
  background: url(/images/headings/signUp.png) top left no-repeat;
}
h2.signUpComplete {
  background: url(/images/headings/signUpComplete.png) top left no-repeat;
}
h2.signUpConfirmed {
  background: url(/images/headings/signUpConfirmed.png) top left no-repeat;
}
h2.locationDetails {
  background: url(/images/headings/locationDetails.png) top left no-repeat;
}
h2.yourAccount {
  background: url(/images/headings/yourAccount.png) top left no-repeat;
}
h2.notFound {
  background: url(/images/headings/notFound.png) top left no-repeat;
}
h2.contact {
  background: url(/images/headings/contact.png) top left no-repeat;
}

h3#charts {
  background: url(/images/headings/charts.png) top left no-repeat;
}
h3.bio {
  background: url(/images/headings/bio.png) top left no-repeat;
}
h3.releases {
  background: url(/images/headings/releases.png) top left no-repeat;
}
h3.videos {
  background: url(/images/headings/videos.png) top left no-repeat;
}
h3.photos {
  background: url(/images/headings/photos.png) top left no-repeat;
}
h3.photoGalleries {
  background: url(/images/headings/photoGalleries.png) top left no-repeat;
}
h3.notFound {
  background: url(/images/headings/notFound.png) top left no-repeat;
}
h3.cart {
  background: url(/images/headings/cart.png) top left no-repeat;
}
h3.latestCollections {
  background: url(/images/headings/latestUploads.png) top left no-repeat;
}
h3.topCollections {
  background: url(/images/headings/topReleases.png) top left no-repeat;
}
h3.topTracks {
  background: url(/images/headings/topTracks.png) top left no-repeat;
}
h3.topVideos {
  background: url(/images/headings/topVideos.png) top left no-repeat;
}*/

.spinner {
  background: url(/images/spinner.gif) top left no-repeat;
  display: block;
  float: left;
  text-indent: -9999em;
  height: 22px;
  width: 22px;
}

a.submitStyle {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 120%;
  background: #F3198F url(/images/buttons/button-bg.png) top left repeat-x;
  padding: 7px 8px 4px 8px;
  border: none;
  display: inline-block;
}
a.submitStyle:hover {
  background: #FA65B7;
  border-color: #F845A7;
  cursor: pointer;
  text-decoration: none;
}

a.removeFromCartButton {
  background: url(/images/buttons/cartbuttons.png) left -285px no-repeat;
  height: 18px;
  width: 18px;
  display: inline-block;
  background-position: -115px -110px;
  text-indent: -9999em;
}
a.removeFromCartButton:hover {
  background-position: -135px -110px;
}
a.revertToSQButton {
  background: url(/images/buttons/cartbuttons.png) left -285px no-repeat;
  width: 18px;
  height: 18px;
  text-indent: -9999em;
  display: inline-block;
  background-position: -2px -184px;
}
a.revertToSQButton:hover {
  background-position: -111px -184px;
}
a.upgradeToHQButton {
  background: url(/images/buttons/cartbuttons.png) left -285px no-repeat;
  width: 18px;
  height: 18px;
  text-indent: -9999em;
  display: inline-block;
  background-position: -2px -210px;
}
a.upgradeToHQButton:hover {
  background-position: -111px -210px;
}

#profileButton a, #profileButton span {
  background: url(/images/buttons/cartbuttons.png) left -285px no-repeat;
  display: block;
  text-indent: -9999em;
  height: 28px;
  width: 59px;
}
#profileButton.current span {
  background-position: -120px -285px;
}
#profileButton a:hover {
  background-position: -60px -285px;
}
#musicButton a, #musicButton span {
  background: url(/images/buttons/cartbuttons.png) no-repeat;
  display: block;
  text-indent: -9999em;
  height: 28px;
  width: 56px;
  background-position: 0px -315px;
}
#musicButton.current span {
  background-position: -114px -315px;
}
#musicButton a:hover {
  background-position: -57px -315px;
}
#photosButton a, #photosButton span {
  background: url(/images/buttons/cartbuttons.png) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 28px;
  width: 63px;
  background-position: 0 -345px;
}
#photosButton.current span {
  background-position: -128px -345px;
}
#photosButton a:hover {
  background-position: -64px -345px;
}
#videosButton a, #videosButton span {
  background: url(/images/buttons/cartbuttons.png) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 28px;
  width: 63px;
  background-position: 0 -375px;
}
#videosButton.current span {
  background-position: -128px -375px;
}
#videosButton a:hover {
  background-position: -64px -375px;
}

#surcharge, #total, #itemTotal {
  font-weight: bold;
  font-size: 120%;
}
#total {
  font-size: 150%;
}

.jcarousellite ul {
  margin: 0;
}

.featuredArtistBlock {
  list-style: none;
  float: left;
  margin: 0;
}

#collectionInformation h3 {
  font-size: 220%;
  margin-bottom: 0.15em;
}

#featuredArtistsBlock {
  margin-top: 0.5em;
}

#collection-sharing {
  margin-top: 5px;
}
#collection-sharing .twitter-share-button {
  float: left;
}

/*************************/

/*#player {
  position: relative;
  float: right;
  margin-top: -36px;
}*/

#playerswf { 
  height: 30px;
  width: 242px;
  z-index: 9999;
  opacity: 0.7;
}
#playerbutton {
  display: none;
  float: right;
  margin: 0;
  padding: 0;
  height: 25px;
  text-indent: -9999px;
  background: url(/images/buttons/menu.png) top left no-repeat;
  background-position: -418px 0px;
  width: 107px;
}

.error {
  color: red;
}
.OK {
  color: #00CC00;
}

.liveupdate_result {
  margin-left: 1em;
}

dl#checkout-details { 
  float: left; 
  width: 100%; 
}
dl#checkout-details dt {
   width: 30%;
   margin-right: 0.5em; 
}
dl#checkout-details dd {
  width: 60%;
  float: left;
}
dl#checkout-details dd {
  clear: right;
}

p.filters span.active {
  font-weight: bold;
}