/* POPUP */
body.popup{ background: #313C4A; }
  body.popup .Wrapper {position:relative;margin:0px auto 0px auto; width:574px; text-align:left; }
  body.popup .register_form td{background-color: #D0DCE7 }
  body.popup h1.decorative{height: 0.1%}


/* POPUP */



form{
  margin:0;
  padding:0;
  border:0;
}
.window{
  position: absolute;
  display: none;
  background: url( /images/wnd.gif ) #000;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0.5;
}
.wiw{
  position: absolute;
  display: none;
  background-color: #fff;
  z-index: 1010;
  overflow: auto;
  border: 2px #aaa solid;
}
.fleft{
  float:left;
}
.fright{
  float:right;
}
.clear {
  clear: both;
}
.clear_all {
  line-height: 1px;
  clear: both;
  font-size: 1px;
  line-height: 0px;
}
body{
  background-color: #1E252E;
  font-size:11px;
  background-image: url(/images/top.gif);
  background-repeat: repeat-x;
  background-position: top center;
  padding:0;
  margin:0;
}
#mainNavigaion{
  display: none;
}
.backgr{
  background-color: #333C49;
  position: relative;
  z-index: 1;
}
.middle{
  width:958px;
  padding-top:34px;
  margin-left:auto;
  margin-right:auto;
}
.right{
  background-color: #FFF;
  position: relative;
  width: 190px;
  height:850px;
  float:left;
  background-color:#EEEEEE;
  border-top:10px solid #333C49;
}
.center{
  background-color: #FFF;
  position: relative;
  width: 370px;
  height:850px;
  float:left;
  border-top:10px solid #333C49;
}

/* header--------------------------*/

.topheader{
  width:958px;
  height:161px;
  margin-left:auto;
  margin-right:auto;
}
.logo{
  width:210px;
  padding-left: 7px;
  margin-top: 7px;
  float:left;
  overflow: hidden;
}
.headerpic{
  float:right;
  margin-top: 9px;
  padding-right: 9px;
  height: 90px;
  overflow: hidden;
}
.skin, .skin_A{
  background-image: url(/images/choose-your-genre.gif);
  float:left;
  width: 278px;
  height: 62px;
}
.skin_B{
  background-image: url(/images/skin-your-site.gif);
  float:left;
  width: 222px;
  height: 62px;
}
.skin_C{
  background-image: url(/images/xpress-your-beats.gif);
  float:left;
  width: 249px;
  height: 62px;
}

/* login--------------------------*/
.memberlogin{
  float:right;
  background-image: url(/images/login_backgr.gif);
  background-repeat:repeat-x;
  font-size:14px;
  font-weight: bold;
  color:#fff;
  border-bottom:1px solid #b3b3b3;
  border-left: 1px solid #b3b3b3;
  border-right: 1px solid #b3b3b3;
}
.loginOk{
  background: url( /images/login_backgr_ok.gif ) repeat-x;
}
.loginfailed{
  background: url( /images/login_backgr_failed.gif ) repeat-x;
}
.loginmark{
  background: url( /images/login_mark.gif ) right bottom no-repeat;
}
.memberlogin .loginErrorMessage {
  font-size: 10px;
  color: #ff0000;
  padding-left: 15px;
}
.loginuser
{
  /*background: url( /images/login_user.jpg ) right bottom no-repeat;*/
}
.loginsizer{
  overflow: hidden;
  width:188px;
  min-height:92px;
  padding-bottom: 10px;
  background-image: url(/images/loginContainerGradient.png);
  line-height: 15px;
}

.loginsizer a
{
  color: #fff;
  font-size: 11px;
  margin-left: 9px;
}
.loginsizer a:hover
{
  color: #fff;
  font-size: 11px;
  margin-left: 9px;
}

.loginheader{
  padding-top:6px;
  margin-left:15px;
  /*color: #FFF;*/
  color: #333D49;
  font-size: 15px;
}
.loginheader_err{
  padding-top:6px;
  margin-left:15px;
  color: #FFF;
  font-size: 14px;
}
.loginheaderOk{
  padding-top:6px;
  margin-left:15px;
  color: #FFF;
  font-size: 14px;
  overflow: hidden; 
  white-space: nowrap;
}
.loginerror
{
  padding-top: 6px;
  color: #fcc;
  font-weight: normal;
  font-size: 11px;
  margin-left:9px;  
}

.loginform{
  padding-left:15px;
  padding-right:15px;
}
.loginInputs{
  width: 155px;
  float: left;
}
#forgottenPwrd {
  margin:0px !important;
  float: left;
  color: #000;
  font-size: 11px;
  width: 100px;
  margin-top: 6px !important;
}
.loginInput{
  border: 1px solid #bfbfbf;
  padding-left: 22px;
  height: 15px;
  width:132px;
  margin-top:5px;
  font-weight: normal;
}
.loginInput#username{
  background: url(/images/login_letter.gif ) no-repeat 2px 3px #fff;
}
.loginInput#password{
  background: url(/images/login_key.gif ) no-repeat 2px 2px #fff;
}
.loginButton a, .loginButton a:hover{
  margin-left: 0px;
}
.loginButton{
  display: inline;
  float: right;
  margin-top:12px;
  margin-right:3px;
  width: 48px;  
  text-align: right;
}
#userInformation a {
  text-decoration: none;
  color: #000000;
}
#loginInfo{
  border-bottom: 1px solid #333C49;
}

#userInformation {
  display: block;
  float: left;
  width: 538px;
  padding: 3px 18px 0px 18px;
  height: 52px;
  background-image: url(/images/bigBoxBg.gif);
  overflow: hidden;
  font-size: 12px;
}
#userInformation  #currentUser {
  float: left;
  color: #FFFFFF;
  font-size: 14px;
}
#userInformation  #currentUser * {
  color: #FFFFFF;
  font-size: 14px;
}
#userInformation  #currentUserWallet {
  float: right;
  color: #FFFFFF;
  font-size: 14px;
}
#userInformation  #currentUserWallet * {
  color: #FFFFFF;
  font-size: 14px;
}
#userInformation  #userInformationBtns {
  display: block;
  float: left;
  width: 540px;
  height: 29px;
  overflow: hidden;
}
#userInformation  #userInformationBtns a{
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 17px;
  text-decoration: none;
  color: #586D7D;

  margin: 0px !important;
  float: left;
  border-left: 0px !important;
  border-right: 0px !important;
  line-height: 40px;
}
#userInformation  #userInformationBtns a:hover, 
#userInformation  #userInformationBtns a:active, 
#userInformation  #userInformationBtns a.active{
  color: #FFFFFF;
}
#userInformation  #userInformationBtns a.active{
  font-weight: bold;
}
#userInformation ul {
  height:29px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
#userInformation ul a.last{
  border-right: 0px !important;
}
#userInformation ul a.first {
  border-left: 0px !important;
}
#userInformation ul a{
  font-size: 13px;
  display: block;
  border-right: 1px solid #201E16;
  border-left: 1px solid #666666;
  text-align: center;
  height: 28px;
  line-height: 27px;
  text-decoration: none;
  color: #CCCCCC;
  outline: none;
  /*width: 133px;*/
  width: 173px;
}
#userInformation ul a:hover {
  color: #fff;
}
/* menu--------------------------*/

.menu{
/*
  background-image: url(/images/menu_backgr.gif);
  background-repeat:repeat-x;
  background-color: #282519;
  */
  height: 45px;
  color: #747372;
  position: relative;
  z-index: 10;
}
.menuBar{
  position: relative;
  margin-left:auto;
  margin-right:auto;
  width:958px;
}
.mouseover#joinBord
{
  border-right:1px solid #878680;
  border-left: 1px solid #2B2922;
  width:190px; 
  float:left;
}
.mouseover#joinBord a, .mouseover#joinBord a:hover
{
  color: #c7d995;
  text-decoration: none;
}
#loginBtns{
  /*position:relative;*/
  /*display: inline;*/
  float:right;
  width:190px; 
  height: 25px;
  padding-right: 9px;
  padding-top: 9px;
}
#loginBtns a{
  float: left;
  outline: 0;
}
#logOutBtn {
  display: block;
  float: right !important;
  width: 104px;
}
#loginContainer {
  /*display: none;*/
  left: -9999px;
  top:34px;
  position: absolute;
  z-index: 200000;
  width: 190px !important;
  overflow: hidden;
}

#joinText{
  font-size: 13px;  
  padding:6px 9px;  
  border-left:1px solid #878680;
  border-right: 1px solid #2B2922;
}

#mainMenu{
  font-size: 9px;
  color: #1C2128;
  width:728px;
  padding:6px 14px;
}
#mainMenu a{
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 14px;
  line-height: 30px;
  
}
#mainMenu a, #joinText a{
  color: #586D7D;
  text-decoration: none;
  /*font-size: 13px;*/
}
#mainMenu a:hover, #joinText a:hover{
  color: #FFFFFF;
}
#join_text{
  font-size: 13px;  
  width:170px; 
  padding:6px 9px;  
  border-left:1px solid #878680;
}
a#joinNow{
  color: #FF3333; !important;
}
a#joinNow:hover{
  color: #CC0000; !important;
}
/* shoppingCrate ----------------*/
.cart-bord{
  border-bottom:1px solid #586D7D;
}
.cartCont{
  background-image: url(/images/bigBoxBg.gif);
  padding-left: 21px;
  padding-right: 22px;
  clear: both;  
}
.cart-header
{

  width: 531px;
  /*
  padding-left:10px;
  padding-right:10px;
  */
}
.cart-control
{
  width:350px;
  float: right;
  height: 31px;
}
.cart-control .items
{
  float: right;
  padding: 6px;
  font-size: 18px;
  color: #FFFFFF !important;
}
.cart-control .items b
{
  font-size: 18px;
}
.cart-control-bottom
{
  text-align: right;
  padding-right: 0px;
  margin-top: 10px;
}
.cart-control-bottom a{ color: #FFFFFF }
.cart-control-bottom .clear-all, .cart-control-bottom .clear-all:hover
{
  color: #c00;
  font-weight: bolder;
}

.cart-data
{
  width: 531px;
  padding-top: 9px;
  z-index: 0;

}
.cart-data table{
  border-left: 1px solid #8C9094;
  border-right: 1px solid #8C9094;
}
.cartDataTop{
  background-image: url(/images/cartDataTop.gif);
  width:531px;
  height: 6px;
  font-size: 1px;
  clear: both;
  
}
.cartDataBottom{
  background-image: url(/images/cartDataBottom.gif);
  width:531px;
  height: 6px;
  font-size: 1px;
  clear: both;
}

.cart-data table th
{
  background: #D0DCE7;
  padding: 3px 7px 9px 7px;
  height: 12px;
  color: #171C22;
  font-size: 12px;
  font-weight: bold;
  overflow: hidden;
}

.cart-data table td
{
  background: #fff;
  padding: 12px 7px 4px 7px;
  color: #171C22;
  font-size: 11px;
  height: 23px;
  overflow: hidden;
}
.cart-data table td.gray
{
  /*color: #666;*/
}
.cart-data table div a, .cart-data table div a:hover
{
  float: left;
  width: 4px;
  margin-top: 3px;
  overflow: hidden;
}
.cart-data table tr.finish td
{
  /*padding-top: 4px;*/
}
.cart-data .quantity
{
  width: 15px;
  padding-left: 2px;
  padding-right: 2px;
  float: left;
  text-align: right;
  height: 11px;
  line-height: 11px
}
.cart-data table td.top
{
  /* background: url( /images/contbg.gif ) repeat-x top left #fff; */
}
.cart-data table td .divider
{
  background: url( /images/listItemBg.gif ) repeat-x center left;
  height: 1px;
}
.cart-data table .td-divider
{
  height: 1px;
  overflow: hidden;
  line-height: 1px;
  padding:0 5px 0 5px;
}
.cart-data table .td-divider .divider{ background: none;}
/* left--------------------------*/

.listTable th{
  background: #616C78;
  padding: 7px;
  padding-left: 5px;
  height: 12px;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  overflow: hidden;
}


/*
.listTable th.tlast
{
  border-right: 1px #666 solid;
}
.listTable th.tfirst
{
  border-left: 1px #666 solid;
}
*/
.listTable td
{
  background: #fff;
  padding: 5px;
  padding-top: 7px;
  color: #000;
  font-size: 11px;
  /* height: 23px; */
  overflow: hidden;
}
.listTable td.gray
{
  color: #666;
}
.listTable div a, .listTable div a:hover
{
  float: left;
  width: 4px;
  margin-top: 3px;
  overflow: hidden;
}
.listTable tr.finish td
{
  padding-top: 4px;
}
.cart-data .quantity
{
  width: 15px;
  padding-left: 2px;
  padding-right: 2px;
  float: left;
  text-align: right;
  height: 11px;
  line-height: 11px
}
.listTable td.top
{
  background: url( /images/contbg.gif ) repeat-x top left #fff;
}
.listTable td .divider
{
  background: url( /images/listItemBg.gif ) repeat-x center left;
  height: 1px;
}
.listTable .td-divider
{
  height: 1px;
  overflow: hidden;
  line-height: 1px;
  padding:0 5px 0 5px;
}

.letfContent{
  float:left;
  width: 341px;
}
.topleft{
  background-image: url(/images/smallBoxBg.png);
  background-repeat: repeat-y;
  float:left;
  width: 341px;
  padding-left: 21px;
  padding-right: 22px;
  clear: both;
}
.smallRoundedTop{
  float:left;
  width: 384px;
  height: 17px;
  background-image: url(/images/smallRoundedTop.png);
  clear: both;
}
.smallRoundedBottom{
  float:left;
  width: 384px;
  height: 20px;
  background-image: url(/images/smallRoundedBottom.gif);
  clear: both;
}
#browseLoaderCont{
  position: relative;
  z-index: 10;
}
#browseLoader{
  position: absolute;
  padding-top: 5px;
  padding-left: 120px;
  top: 6px;
  left: 10px;
  background-color: #616C78;
  width: 200px;
  height: 20px;
  z-index: 10;
  color:#CCCCCC;
}
#browse{
  background-color:#FFFFFF;
  border-bottom: 1px solid #636D7B;
  border-top: 1px solid #636D7B;

}
#cartContainerLoaderCont{
  position: relative;
  z-index: 10;
}
#cartContainerLoader{
  position: absolute;
  padding-top: 5px;
  width: 120px;
  top: 1px;
  left: 565px;
  z-index: 10;
  color:#CCCCCC;
}


#contentLoaderCont{
  position: relative;
  z-index: 12;
}
#contentLoader{
  position: absolute;
  top:24px;
  left: 21px;
  width: 530px;
  background-color: #333C49;
  z-index: 1000;
  color:#000;
  display: block;
  text-align: center;
  background: url( /images/loader_content_bg.gif );
  opacity: 0.9;
}


.resultCont{
  background-image: url(/images/contbg.gif);
  background-position: top;
  background-repeat: repeat-x;
  position: relative;
  width: 339px;
  border-left:1px solid #4B4F55;
  border-right:1px solid #4B4F55;

  background-color: #FFFFFF;
  float:left;
  padding-bottom: 15px;
}
.pageContent .resultCont{
  border: none;
}

/* searchbox--------------------------*/
#searchNavigation{
  overflow: hidden;
  margin-bottom: 9px;
}
#searchTabs{
  width:340px;
  height:44px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
ul#searchTabs li{
  margin: 0;
  padding: 0;
  height: 44px;
  display: inline;
  float: left;
  width: 110px;
}
/*
ul#searchTabs li#preorderSearchTab{
  width: 76px;
}
ul#searchTabs li#newSearchTab{
  width: 65px;
}
ul#searchTabs li#lastSearchTab{
  width: 87px;
}
*/
ul#searchTabs li.selected{
/*
  background-image: url(/images/search_menu_hover.gif);
  background-repeat:no-repeat;
  */
}
ul#searchTabs li.selected a{
  color: #FFFFFF;
  font-weight: bold;
}
ul#searchTabs li a{
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 17px;
  display: block;
  text-align: center;
  margin-top: 13px;
  height: 28px;
  line-height: 27px;
  text-decoration: none;
  color: #586D7D;
  outline: none;
}

ul#searchTabs li a.first{
  border-left: 0;
}
ul#searchTabs li a.last{
  border-right: 0;
}
ul#searchTabs li a:hover{
  color: #fff;
}

#searchArea{
  width: 340px;
  overflow: hidden;
  
  color: #CCCCCC;
  line-height: 18px;
}
#hCharts, #hArtists, #hLabels, #hGenres, #hSearch, #hNew{
  padding: 2px 0px 7px 0px;
  width: 345px;
}

#searchArea a.active, #searchArea a.active:hover{
  color: #586D7D;
  text-decoration: none;
}
.tabItem{
  background-image: url(/images/tabitembg.gif);
  background-position: center left;
  border: 1px solid #475767;
  width: 165px;
  height:18px;
  float: left;
  display: inline;
  margin-right: 5px;
  margin-top: 5px;
  text-align: center;
  overflow: hidden;
}
div.tabItem a{
  color: #000;
  display: block;
}
div.tabItem a.active{
  color: #586D7D;
}
.alphaTab{
  padding-left: 4px;
  padding-right: 8px;
  padding-bottom: 5px;
  padding-top: 5px;
}
div.alphaTab a, div.alphaTab a:hover{
  color: #FFF;
}
div.alphaTab a.active{
  color: #586D7D;
}
.leftContentBoxTop{
  width:341px;
  height: 10px;
  background-image: url(/images/leftContentBoxTop.gif);
  font-size: 1px;
}
.leftContentBoxBottom{
  width:341px;
  height: 10px;
  background-image: url(/images/leftContentBoxBottom.gif);
  font-size: 1px;
}

#searchTabCont{
  padding: 5px 0px;
  margin-top: 5px;
}

#searchSelect{
  width:82px;
  height:24px;
  border:0px;
  font-size: 13px;
}

#searchInput, #promoCodeInput{
  width:148px;
  height:18px;
  background-image: url(/images/search_box_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #000;
  margin-left: 9px;
  font-size: 13px;
  border:0px;
  margin-top: -1px;
  line-height:22px;
  padding-top: 5px;
  padding-left: 5px;
}
#searchButton{
  margin-top: -1px;
  width: 91px;
  float: right;
}
.searchResultLabel{
  color: #000;
}

.pagination{
  padding-top:5px;
  background-color: #616C78;
  height:20px;
  border:1px solid #4B4F55;
  border-top: none;
  border-bottom: none;

}
.paginationInner{
  text-align:center;
  color: #FFFFFF;
}
.paginationInner h3{
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif !important;
  font-size: 15px !important;
  color: #FFFFFF !important;
  margin-top: -5px !important;
}
.paginationInner a, .paginationInner a:hover{
  color: #EEEEEE;
  font-weight: bold;
}
.paginationInner a.active, .paginationInner a.active:hover{
  color: #000000;
  font-weight: bold;
}
.paginationInner .prev{
  float:left;
  text-align:right;
  width: 130px;
}
.paginationInner .next{
  float:right;
  text-align:left;
  width: 130px;
}
/* play_songs--------------------------*/

.trackItem{
  padding-left:5px;
  padding-top:10px;
  position: relative;
}
.resultCont .trackItem { 
  
  overflow: hidden;
}
.trackNumber{
  float: left;
  margin-right: 5px;
  height: 20px;
  text-align: center;
  /*background-color: #000;*/
  color: #000;
  font-size: 12px;
  font-weight: bold;
  
  top:0;
  left:0;
  z-index: 1;
  line-height: 19px;
  padding-left: 5px;
  padding-right: 5px;

}

.trackImage{
  float: left;
  z-index: 0;
  margin:0;
  padding-right: 6px;
  background-color: #FFF;
  width: 70px;

}

.trackImage img, img.bordered{
  border: 1px solid #000;
}
.trackImage img{
  float: left;
}

img.contentImg{
  border: 1px solid #000;
  margin-right: 10px;
}

.trackDetails{
  padding-right: 5px;
}
.trackDetailsLinks{
  height:53px; 
}
a.songArtist, a.songArtist:hover{
  color:#000000;
  font-weight:bold;
  display:block;
  line-height:14px;
}
a.songArtist:hover{
  color:#666666;
}

a.songArtistBig, a.songArtistBig:hover{
  color:#000000;
  font-weight:bold;
  font-size: 11px;
  display:block;
  line-height:14px;
}
a.songArtistBig:hover{
  color:#666666;
}

a.songLabel, a.songLabel:hover{
  color:#455060;
  font-weight:bold;
  font-size: 11px;
  display:block;
  line-height:14px;
}
a.songLabel:hover{
  color:#6E7F99;
  font-weight:bold;
  text-decoration:none;
}



a.songName{
  color:#171C22;
  display:block;
  line-height:17px;
  font-weight:bold;
}
a.songName:hover{
  color:#455466;
  font-weight:bold;
}
a.songNameThin{
  color:#171C22;
  line-height:17px;
}
a.songNameThin:hover{
  color:#455466;
}
a.songNameBig{
  color:#171C22;
  font-weight:bold;
  font-size: 11px;
  display:block;
  line-height:17px;
  font-weight:bold;
}
a.songNameBig:hover{
  color:#455466;
  font-weight:bold;
}
a.songLabelName,a.songLabelName:hover{
  font-weight:bold;
  color:#455060;
  display:block;
}
a.songLabelName:hover{
  color:#6E7F99;
}
.songOptions{
  height:19px; 
  background-color: #CFDBE7;
  text-align: right;
}
.releaseDate{
  line-height: 36px;
  color: #455060;
}
.trackDetailsLinks .releaseDate{
  line-height: 17px;
}
.seemoretitles{
  color: #455060;
}
.seemoretitles .songLabelName{
  color: #171C22;
}
.listSpacer{
  height: 4px;
}

.listItem{
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 3px;
  padding-bottom: 7px;
  background-image: url(/images/listItemBg.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
div.divider{
  background-image: url(/images/listItemBg.gif);
  background-repeat: repeat-x;
  background-position: left top;
  height: 1px;
  overflow: hidden;
}


#leftErr{
  padding-top: 10px;
}
.errMsg{
  color: #CC0000;
  padding:15px;
}
.yellowErr, .yellowErrTop{
  background-color: #FFFF99;
  color: #000;
  border: 1px solid #666666;
  background-image: url(/images/errsign.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding: 8px 3px 6px 42px;
  margin-bottom: 10px;
}
.yellowErrTop{
  margin-top: 10px;
}
#browse .yellowErrTop{
  margin: 10px;
}

#contentArea{
  float: left;
  width:574px;
}
#innerContainer{
  background-image: url(/images/bigBoxBg.gif);
  padding-left: 21px;
  padding-right: 23px;
}
#content{
  clear: both;
}
.bigRoundedTop, .bigRoundedTopLow{
  float:left;
  width: 574px;
  height: 24px;
  background-image: url(/images/bigRoundedTop.gif);
  background-repeat: no-repeat;
  background-position: top;
  clear: both;
  font-size: 1px;
}
.bigRoundedTopLow{
  height: 17px;
}
.bigRoundedBottom, .bigRoundedBottomLow{
  float:left;
  width: 574px;
  height: 24px;
  background-image: url(/images/bigRoundedBottom.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  clear: both;
  font-size: 1px;
}
.bigRoundedBottomLow{
  height: 17px;
}
.bigBoxBg{
  background-image: url(/images/bigBoxBg.gif);
  padding-left: 21px;
  padding-right: 23px;
  clear: both;  
}
.mainContentBoxTop{
  width:530px;
  height: 5px;
  background-image: url(/images/mainContentBoxTop.gif);
  font-size: 1px;
  clear: both;
}
.mainContentBoxTopWhite{
  width:530px;
  height: 5px;
  background-image: url(/images/mainContentBoxTopWhite.gif);
  font-size: 1px;
  clear: both;
}
.mainContentBoxBottom{
  width:530px;
  height: 5px;
  background-image: url(/images/mainContentBoxBottom.gif);
  font-size: 1px;
  clear: both;
}


#promoArea{
  background-image: url(/images/bigBoxBg.gif);
  /*padding-left: 21px;
  padding-right: 23px;
  margin-bottom: 10px;*/
}
#promoAreaBanner {
  float: left;
  width: 265px;
  height: 87px;
  overflow: hidden;
}
#flashBannerPlayer{
  float: left;
  margin-right: 10px;
  background-color: #000000;
}

.promoBaner{
  position:relative;
  z-index:2;
  float:left;
}
.promoBaner img{
  border: 1px solid #000;
}
.promoBanerText{
  position:absolute;
  left:0px;
  bottom:0;
  background-color: #000;
  width:156px;
  height:11px;
  z-index:1;
  opacity:0.70;
  color:#fff;
  font-weight:bold;
  padding:7px;
}
.promoBanerText a, .promoBanerText a:hover{
  color:#fff;
  font-weight:bold;
  text-decoration: none;
}
.bottom10{
  margin-bottom: 10px;
}

#mostWantedMain{
  width: 560px;
  overflow: hidden;
}

h1.decorative{
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  background-color: #616C78;
  padding: 6px 10px 12px 10px;
  margin:0;
}

h2.decorative{
  font-size: 15px;
  font-weight: bold;
  color: #4F5964;
  background-image: url(/images/h2bg.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #FFFFFF;
  padding: 6px 10px 5px 10px;
  margin:0;
}
#mostWantedInner{
  padding: 10px 0 0 10px;
  background-color: #FFFFFF;
  width: 560px;
  margin-bottom: 10px;
}
#mostWantedInner .basebanner{
  float: left;
  border: 1px solid #000000;
  margin-right: 12px;
  margin-bottom: 10px;
}
#previewPlayer{
  /*display: none;
  margin-bottom: 10px;*/
  clear:both;
  overflow: hidden;
}


.pageContent{
  background-image: url(/images/contbg.gif);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #FFFFFF; 
  padding: 10px;
  width: 510px;
  overflow: hidden;
  color: #212121;
}

.pageContent div.resultCont{
  background-image: none;
  background-color: #FFFFFF;
  padding-bottom: 15px;
  width:510px;
}
.pageContent div.resultCont div.trackDetails{
  padding-right: 0;
}
.pageContent div.trackItem{
  padding-left:0;
  border-bottom:1px solid #FFF;
}

.pageContent div.pagination{
  background-color: #CFDBE7;
  border: 0;
}
.pageContent div.paginationInner{
  border: 0;
}
.pageContent div.paginationInner a, .pageContent div.paginationInner a:hover{
  color: #CC0000;
  font-weight: normal;
}
.pageContent div.paginationInner a strong{
  text-decoration: none;
}
.pageContent div.paginationInner{
  color: #000000;
}


/* headerpics--------------------------*/


.bigpic{
  width:370px; 
  float:left;
}

/* images--------------------------*/


.top_image{
  position:absolute;
  left:0px;
  top:130px;
  background-image: url(/images/black.gif);
  background-repeat:repeat-x;
  width:360px;
  height:30px;
  z-index:1;
  opacity:0.66;
}

.smalpics {
  width:180px; 
  float:left;
}
.align_img{
  padding-right:10px; 
  float:left;
}
#topNews .newsItem{
  padding: 0 8px !important;
}
#topNews {
  float: right;
  width: 265px;
  height: 72px;
  margin-bottom: 9px;
  overflow: hidden;
  background: #fff;
  clear:both;
}

.topNewsTop{
  width: 267px;
  height: 9px;
  background-image: url(/images/topNewsTop.gif);
  clear:both;
  font-size:1px;
}
/*
.topNewsBottom{
  width: 267px;
  height: 9px;
  background-image: url(/images/topNewsBottom.gif);
  clear:both;
}
*/
#topNews #newsMore{
margin-top:20px;
}
table#promoTable {
/*  border-collapse: collapse;*/
  margin-left: 14px;
  width:545px;
  clear: both;
}
.promoAreaText {
  padding: 8px;
}
table#promoTable td {
  vertical-align: top;
  background: url(/images/welcomeBg.gif) bottom no-repeat #fff;
  color: #101010;
}
table#promoTable .Space {width:13px; background:none;}

/* new featured charts style */
#homeNewsContainer{
  /*background-color: #FFFFFF;*/
  width: 530px;
}
#newsBox{
  background-color: #FFFFFF;
  float: left;
  width: 530px;
  overflow: hidden;
}
#newsBox h1.decorative{
  border-right: 1px solid #CCCCCC;
}
#newsMore, #featuredMore {
  float: left;
  width: 508px;
  padding: 0px 0px 10px 0px;
  margin:0;
}
#newsMoreIn{
  background-color:#CFDBE7;
  text-align: center;
  padding: 6px 0;
}
#newsMoreIn a strong{
  text-decoration: none;
}
#featuredMoreIn{
  background-color:#CFDBE7;
  text-align: center;
  padding: 6px 0;
}
#featuredMoreIn a strong{
  text-decoration: none;
}

.newsItem, .offerItem{
  padding: 10px 0;
}
#homeNewsContainer .newsItem  {
  width: 500px;
  overflow:hidden;
}
#homeNewsContainer .offerItem {
  width: 508px;
}

.newsItem .fixed, .offerItem .fixed{
  position:relative;
  width: 370px;
  float: left;
}
.newsItem img, .offerItem img{
  border: 1px solid #000000;
  margin-right: 10px;
}
#featuredBox{
  background-color: #FFFFFF;
  float: right;
  width: 530px;
}
#featuredBox h1.decorative{
  border-left: 1px solid #DFDFDF;
}
.featuredReleasesBtns {
	display: block;
	float: right;
	width: 57px;
	height: 50px;
}
.featuredReleasesBtns a, .featuredReleasesBtns a:hover {
	display: block; 
	float: left;
	margin-top: 5px;
}
.featuredReleasesBtns img {
	margin-right: 0px;
	border: none;
}
#newsBox {
	padding-top: 30px;
}
#featuredReleasesByGenre {
	padding-bottom: 20px;
}
#chartGenres {
  margin: 10px 0px 10px 0px;
  font-size: 10px !important;
}
#chartGenres a {
  color: #6C2D26;
  font-size: 10px !important;
}
#chartGenres a:hover {
  color: #000000;
  font-size: 10px !important;
}

.selectedGenre {
	color:#5677D8 !important;
}
#mainMenu .selectedGenre, #mainMenu .active {
	color:#FFFFFF !important;
	/*font-weight: bold;*/
}
/* end new featured charts style */
.newsDate{
  font-size: 10px;
  font-weight: bold;
  margin: 7px 0;
}
.pad10{
  padding: 0 10px;
}
.mar10{
  margin: 10px 0;
}
/*footer-----------------------*/

.footer{
  background-color: #1E252E;
  background-image: url(/images/footerBg.gif);
  background-repeat: repeat-x;
  background-position: top;
  border-top:20px solid #333C49;
  float:left;
  width:100%;
}
.footercontainer{
  width:940px;
  margin-left:auto;
  margin-right:auto;
}
#footMenu{
  color: #666666;
  padding-top: 47px;
  padding-left: 10px;
}
#footMenu ul{
  margin: 0;
  padding: 0 0 0 12px;
  list-style-type: none;
  list-style-image: none;
  display: block;
  float:left;
  width: 210px;
}
#footMenu ul li, .footText{
  color: #FFFFFF;
  margin-bottom:12px;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;
}
#footMenu ul li a, .footText a{
  color: #a0b3c5;
  font-weight: bold;
  display: block;
  font-size: 12px;
  font-style: normal;
}
.footText a:hover{
  font-weight: bold;
  color: #a0b3c5;
}
.copy{
  padding-top:12px;
  padding-left:12px;
  padding-bottom:25px;
  float:left;
  color: #FFFFFF;
}
.foot{
  width:180px;
  float:left;
}
.socialLinks{
  float: right;
  width:250px;
  margin-top: -9px;
}

/** REGISTER FORM **/
.register_form td
{
  width: 160px;
  padding-left: 10px; padding-right: 10px;
  background-color: #eee;
  color: #171c22;
  font-size: 14px;
}
.register_form .label
{
  padding-bottom: 6px;
}
.register_form td  .editbox
{
  border-collapse: collapse;
  border: 1px #ccc solid;
  border-right: 1px #f3f3f3 solid;
  border-bottom: 1px #f3f3f3 solid;
  width: 158px;
  padding: 4px;
  font-size: 11px;
}
.register_form td  .editbox_small
{
  border-collapse: collapse;
  border: 1px #ccc solid;
  border-right: 1px #f3f3f3 solid;
  border-bottom: 1px #f3f3f3 solid;
  width: 83px;
  padding: 4px;
  font-size: 11px;
}
.register_form  td .error
{
  border: 1px #c00 solid;
}
.register_form .cbcell
{
  height: 20px;
}
.register_form .last-col
{
  width: auto;
  background-color: #fff;
  color: #999;
  font-size: 11px;
}
.grey{
  color: #999;
}
.register_form .last-col strong
{
  font-size: 13px;
}
.register_form .lerror
{
  color: #c00;
  border: none;
}
.register_form .checkbox
{
  font-size: 11px;
  overflow: hidden;
  cursor: default;
  float: left;
}
.register_form .checkbox span
{
  color: #000;
  cursor: pointer;
}
.register_form .checkbox div
{
  width: 10px;
  margin-right: 5px;
  height: 10px;
  overflow: hidden;
  float: left;
  border: 1px #ccc solid;
  border-right: 1px #f3f3f3 solid;
  border-bottom: 1px #f3f3f3 solid;
  background-color: #fff;
  cursor: pointer;
  font-weight: bold;
  line-height: 8px;
  color: #000;
  padding-left: 1px;
}



.b{border:1px solid red;}


#walletSelect{
  width:52px;
  height:20px;
  border:1px solid;
  border-color: #575655 #ECECEC #ECECEC #575655;
  font-size: 13px;
}
#creditLabel{
  float: left;
  padding-top: 2px;
  padding-right: 5px;
  height: 20px;
}


/** CLEAR HEIGHT'S **/
.ch3{
  height: 3px;
  overflow: hidden;
  line-height: 3px;
}
/*
.ch10{
  height: 10px; 
  overflow: hidden; 
  line-height: 10px;
}
*/
.w27 { width: 27px; }


.releaseDetails{
  float: left;
  padding-left: 8px;
  padding-top: 3px;
  line-height: 16px;
}
.releaseDetails .relTitle{
  color: #2F2C18;
  font-weight: bold;
}
.releaseBuy{
  float: right;
  border: 1px solid #CECECE;
  padding: 10px;
  width: 160px;
  background-color: #FFFFCC;
  line-height: 17px;
}
.releaseBuy h3{
  font-size: 12px;
  font-weight: bold;
  color: #0083D7;
  margin:0;
  padding:0;
}
.trackAvailability{
  float: right;
  margin: 0 5px;
}
.black{
  color: #000;
}
.rssItem{
  padding-bottom: 3px;
}
.rssItemFloat{
  padding-bottom: 3px;
  padding-right: 3px;
  width: 175px;
  float: left;
}
#linkCategories{
  padding-bottom: 3px;
}
#linkCategories a{
  padding-bottom: 3px;
  padding-right: 3px;
  display: block;
  width: 175px;
  float: left;
}
#linkCategories a.selected{
  color: #000000;
}
#linkList .linkItem{
  padding: 3px 0;
}
.linkItem img{
  margin-right: 5px;
  margin-bottom: 5px;
}

a.chartTab, a.chartTab:hover {
  display: block;
  float: left;
  width: 265px;
  font-weight: bold;
  color: #ffffff;
  
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-size: 18px;
  line-height: 28px;
  
  margin-bottom: 9px;
  /*text-align: center;*/
  outline: 0;
  /*background: url(/images/fnrtab.gif) !important;*/
  /*overflow: hidden;*/
}
a.chartTabInactive{
  background: none !important;
  color: #4c5e6c;
  font-weight: normal;
}
a.chartTabInactive:hover {
  font-weight: normal;
}
a.chartTab:hover {
  color: #FFFFFF;
}
.exclusiveSticker {
  display: inline; 
  width: 40px; 
  height: 40px; 
  position: absolute; 
  z-index: 8; 
  right: 10px;
  top: 10px;
}
.pageContent .exclusiveSticker{
  top: 25px;
}
.offerItem img.exclusivePng{
  border:none;
}
.offerItem .exclusiveSticker{
  right: 0px;
  top: 0px;
}

img.exclusivePng { behavior: url(../css/ie6.htc); }

/* recommendedReleases */
#recommendedReleasesFrameCont{
  border-top: 1px solid #333C49;
}
#recommendedReleasesFrame{
  background-image: url(/images/bigBoxBg.gif);
  padding-left: 21px;
  padding-right: 22px;
  clear: both;
  margin-top: 0;

  /*margin-bottom:10px;*/
}
#recommendedReleasesFrame h1.decorative{
  color: #4C5E6C;
  background: none;
  padding:0 0 9px 0;
  line-height: 17px;
}
#recommendedReleases {
    display: block;
    float: left;
    width: 524px;
    background: #fff;
    overflow: hidden;
    background: url('../images/recommendedBg.png') repeat-x top left;
  }
  #scrollerFrame {
    display: block;
    float: left;
    width: 431px;
    height: 291px;
    margin-top: 9px;
    margin-right: 0;
    margin-left: 0;
    overflow: hidden;
    position: relative;
  }
  #scrollerFrameVisible {
    display: block;
    float: left;
    width: 431px;
    padding-left: 2px;
    padding-right: 0px;
    height: 297px;
    overflow: hidden;
  }
  #albumsFrame {
    display: block;
    float: left;
    padding: 0px;
    position: relative;
    left: 0px;
    width: 3500px;
  }
  #scrollerFrame a {
    width: 137px;
    height: 137px;
    margin-bottom: 10px;
    overflow: hidden;
  }
  #scrollerFrame a img.thmb{
    width: 135px;
    height: 135px;
    border: 1px solid #999;
  }    
  .albumsColumn {
    display: block;
    float: left;
    width: 137px;
    height: 284px;
    overflow: hidden;  
    margin-right: 10px;
  }
  #previousBtn, #nextBtn {
    display: block;
    float: left; 
    width: 45px;
    height: 300px;
    outline: 0;
  }
  #nextBtn {
    float:right;
  }
  #recommendedGenres {
    display: block; 
    float: left; 
    background: #e2e2e2; 
    padding: 7px; 
    width: 530px;
  }
  #recommendedGenres a {
    font-size: 10px;     
  }
.exclusiveStickerOnRecommended {
  display: inline; 
  width: 40px; 
  height: 40px; 
  position: absolute; 
  z-index: 2; 
  top: 2px;
  left: 92px;
}

#recommendedReleasesFrameLoaderCont{
  position: relative;
  z-index: 20;
}
#recommendedReleasesFrameLoader{
  position: absolute;
  width: 525px;
  height: 300px;
  background-color: #333C49;
  z-index: 1000;
  color:#000;
  display: block;
  text-align: center;
  background: url( /images/loader_content_bg.gif );
  opacity: 0.9;
  left: 20px;
  top: 50px;
}
.btnMore{
  width: 61px;
  height: 17px;
}
.btnListen{
  width: 61px;
  height: 17px;
}
.btnBuyMp3{
  width: 61px;
  height: 17px;
}
.btnPreOrder{
  width: 61px;
  height: 17px;
}
.btnBuy{
  width: 61px;
  height: 17px;
}
table#promoTable td.promoNews{
  width: 267px;
  background: none;
  background: url(/images/topNewsBottom.gif) bottom no-repeat;
  background-color: #FFFFFF;
  border: none;
  
}


/* rotating top news */
#topNews {
  position: relative;
}
#topNews .newsItem{
  position:absolute;
  width: 250px;
  left: 0px;
  background-color: #FFFFFF;
  height: 75px;
}
#topNews .newsItem#newsItemTopBox0{
  left: 0px;
  z-index:1;
}

.maillist{
  background-image: url(/images/newsletter-img.gif);
  background-repeat: no-repeat;
  float:right;
  width: 253px;
  height: 54px;
  margin-top: 8px;
  padding-right: 9px;
  padding-left: 13px;
  margin-right: 9px;
}

#statusSubscribe{
  color: #7d92a1;
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  font-weight: bold;
  font-size: 12px;
}
#NewsLetterSubmitBtn{
  margin-top: 3px;
  background: url(/images/newsletterSubmit.jpg) no-repeat;
  width: 33px;
  height: 18px;
  border: none;
  float:left;
}
#newsLetterSubscribeEmail{
  margin-top: 3px;
  height: 18px;
  width: 217px;
  border: none;
  background: url(/images/newsLetterInput.jpg) no-repeat;
  float:left;
  color: #9aa2a8;
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  
  font-style: italic;
  padding-left: 3px;
}
#latest_newsletter{
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  float: right;
  display: block;
  color: #ccd5dc;
  font-style: italic;
  font-size: 10px;
  text-decoration: underline;
  font-weight: bold;
}
.newsletterSuccess{
  text-align: center;
  padding-top: 20px;
  font-family: "Century Gothic", "Trebuchet MS", Helvetica, Arial, Tahoma, Verdana, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
}