* { 
  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: 230px;
}

body {
  color: #454545;
  /*font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;*/
  font-family: Helvetica, 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; }
textarea {
  width: 100%;
  line-height: 1.65em;
}

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

/**** Footer ****/
#ft {
  background-color: #333333;
  color: white;
  height: 230px;
  margin-top: -230px;
}
#ftInner {
  background-color: #333333;
  margin: auto;
  text-align: left;
  width: 954px;
}
#ft a {
  color: white;
}
#ft p#copy {
  margin-top: 20px;
}
#ft h3 { 
  color: white; 
}

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

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

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

/**** Countdown lists ****/
ol.countdown {
  list-style-position: -9999em;
  margin: 0;
}
ol.countdown li {
  clear: both;
  display: block;
  float: left;
  margin: 0;
  text-indent: 0;
  width: 292px;
  height: 64px;
  padding: 4px;
  border-top: 1px solid #CCCCCC;
}
ol.countdown li.first {
  border: none;
}
ol.countdown li span.artistName,
.itemInfo h4 {
  font-weight: bold;
  display: block;
  letter-spacing: -1px;
  font-size: 150%;
}
.itemInfo h4 {
  font-size: 120%;
}
ol.countdown li span.artistName a {
  color: #454545;
}
ol.countdown li span.collectionName,
ol.countdown li span.videoTitle {
  font-size: 110%;
  letter-spacing: -0.5px;
  font-weight: bold;
}
.itemInfo .releaseDate {
  letter-spacing: -0.5px;
}
ol.countdown li:hover {
  background-color: #F3F3F3;
}
ol.countdown img {
  float: left;
  margin-right: 4px;
}
/*************************/


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

.regularweight {
  font-weight: normal;
}

#mainCell {
  margin-top: 20px;
  /*border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-top: 1px solid #999999;*/
}

.hidden { 
  display: none;
}

.yui-b {
  /*padding: 5px;*/
}
.contentBlock.bordered {
  margin-bottom: 1em;
  border-bottom: 1px solid #CCCCCC;
}
.yui-b .contentBlock {
  border: none;
}
/*#yui-main .contentBlock {
  width: 640px;
  margin-right: 10px;
}*/
.contentBlock .inner {
  font-size: 95%;
  padding: 0 16px 1em 16px;
}
.yui-b .contentBlock .inner {
  padding: 0 16px 1em 0;
}
#yui-main .contentBlock .inner {
  padding: 0 5px 1em 16px;
}
.contentBlock h3 {
  margin: 0 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#tracksTable {
  border: 1px solid #DFDFDF; 
  text-align: center;
  width: 100%;
  margin-top: 1em;
}
table#tracksTable tr.odd { 
  background-color: #FBFBFB; 
  border-bottom: 1px solid #DFDFDF; 
}
table#tracksTable tr.even { 
  background-color: #F9F9F9; 
  border-bottom: 1px solid #DFDFDF; 
}
table#tracksTable td, th {
  padding: 0.6em;
  border: none;
}
table#tracksTable th {
  background-color: #F3F3F3;
  border-bottom: 1px solid #DCDCDC;
}
.trackName {
  text-align: left;
  width: 400px;
}
#trackNameColumn {
  text-align: left;
}
/*#trackButtonsColumn {
  width: 100px;
}*/

.itemInfo {
  clear: both;
  margin-bottom: 0.5em;
}
.opposing img {
  float: left;
}
.opposing h4, .opposing h3, .opposing p {
  float: right;
}
.opposing.x640x200 h4, .opposing.x640x200 h3, .opposing.x640x200 p {
  width: 390px;
}
.opposing.x640x60 h4, .opposing h3, .opposing.x640x60 p {
  width: 554px;
}
.opposing.x300x60 h4, .opposing h3, .opposing.x300x60 p {
  width: 214px;
}
.opposing.x300x105 h4, .opposing h3, .opposing.x300x105 p {
  width: 169px;
}
.opposing.x954x60 h4, .opposing h3, .opposing.x954x60 p {
  width: 866px;
}

/*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 red;
  background-color: white;
  color: #333333;
  opacity: 1.0;
  -moz-border-radius: 0;
  width: 500px;
}
div.jGrowl div.jGrowl-notification.error .header {
  color: red;
  text-indent: -9999em;
  background: url(/images/error.png) top left no-repeat;
  height: 30px;
  width: 100px;
  margin-bottom: 0.5em;
}
div.jGrowl div.jGrowl-notification .close {
  margin-top: -22px;
  margin-right: -22px;
  background: url(/images/close.png) top left no-repeat;
  text-indent: -9999em;
  width: 31px;
  height: 31px;
}

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

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

fieldset legend {
  font-size: 160%;
}

#artistInfo {
  font-size: 95%;
}
#artistInfo h3 {
  margin: 0.5em 0 0 0;
}

ul.cartCollection {
  margin: 0;
}
ul.cartCollection li {
  list-style: none;
}
ul.cartCollection > li {
}


/* HEADINGS */

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.real {
  text-indent: 0;
  height: auto;
  letter-spacing: -1px;
  margin-top: 0.2em;
  font-size: 180%;
}
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;
}

/*.addRemoveCollectionButton {
  margin-top: 1em;
}
.addRemoveCollectionButton.add {
  background: url(/images/buttons/addToCart.png) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 22px;
  width: 91px;
}
.addRemoveCollectionButton.remove {
  background: url(/images/buttons/removeFromCart.png) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 22px;
  width: 135px;
}
.addRemoveButtonContainer.processing {
  background: url(/images/spinner.gif) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 22px;
  width: 22px;
}*/
/*#removeAllItemsButton a {
  background: url(/images/buttons/removeAllItems.png) top left no-repeat;
  display: block;
  text-indent: -9999em;
  height: 24px;
  width: 125px;
  background-position: 0px -24px;
}
#removeAllItemsButton a:hover {
  background-position: 0 0;
}*/
#checkoutButton a {
  background: url(/images/buttons/cartbuttons.png) left -225px no-repeat;
  display: block;
  text-indent: -9999em;
  height: 28px;
  width: 92px;
}
#checkoutButton a:hover {
  background-position: 0 -255px;
}
#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;
}

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

#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: green;
}

.liveupdate_result {
  margin-left: 1em;
}
