body{
  margin:0;
  padding:0;
  font:normal 14px Arial, Helvetica, sans-serif;
  color:#fff;
}
img{border-style:none;}
a{color:#fff;}
a:hover{text-decoration:none;}
input,
textarea,
select{
  font:12px "ArialMt",arial,sans-serif;
  vertical-align:middle;
}
form,fieldset{ 
  margin:0;
  padding:0;
  border:none;
}
#up-frame{
  background:#070707  url(bg.jpg) no-repeat 50% 0;
  overflow:hidden;
}
#wrapper{
  width:920px;
  margin:0 auto;
}
#header{
  width:920px;
  height:127px;
}
#header .logo{
  float:left;
  width:668px;
  float:left;
}
#header .logo h1{
  margin:25px 0 17px;
  padding:0;
  float:left;
  width:301px;
  height:84px;
  display:inline;
  background:url(logo.png) no-repeat;
}
#header .logo h1 a{
  display:block;
  text-indent:-9999px;
  text-decoration:none;
  float:left;
  width:301px;
  height:84px;
}
#header .right{
  float:left;
  width:230px;
}
#header .right  .login-block{
  float:right;
}
#header .right .login-block .content{
  background:url(bg-content-login.png)  repeat-y;
  float:right;
  width:170px;
}  
#header .right .login-block ul{
  float:left;
  margin:0;
  padding:5px 5px 2px;
  list-style:none;
  display:inline;
}
#header .right  .login-block ul li{
  display:inline;
  float:left;  
}
#header .right .login-block ul li a.member{
  font-weight:bold;
  font-size:12px;
  float:left;
  text-decoration:none;
  display:block;    
  font:bold 12px  "ArialMT", Arial, Helvetica, sans-serif;
  color:#fff; 
}
#header .right  .login-block ul li a.member:hover{
  text-decoration:underline;
}
#header .right  .login-block ul li span.separator{
  float:left;
  background:url(bullet-login.gif) no-repeat;
  width:1px;
  height:19px;
  margin:0 8px;
  display:inline;
}
#header .right  .login-block ul li a.view{
  font-weight:bold;
  font-size:12px;
  float:left;
  text-decoration:none;
  display:block;    
  font:bold 12px  "ArialMT", Arial, Helvetica, sans-serif;
  color:#fff; 
}
#header .right  .login-block ul li a.view:hover{
  text-decoration:underline;
}
#header .right  .login-block ul li label{
  font-size:11px;
  float:left;
  color:#ffc;
  margin:7px 3px 0 11px;
  display:inline;
  font:normal 12px  "ArialMT", Arial, Helvetica, sans-serif;
}
#header .right  .login-block ul li a.not-member{
  font-size:12px;
  float:left;
  text-decoration:none;
  display:block;
  margin-top:7px;  
  font:normal 12px  "ArialMT", Arial, Helvetica, sans-serif;
  color:#fff; 
}
#header .right  .login-block ul li a.not-member:hover{
  text-decoration:underline;
}
#header .right  .login-block .bottom{
  background:url(bg-bottom-login.png) no-repeat;
  float:right;
  width:170px;
  height:5px;
}
#header .right  .search{
  float:right;
  padding:42px 0 20px;
  display:inline;  
}
#header .right  .search input.txt{
  background:url(bg-input.gif) no-repeat;
  padding:0 0 0 3px;
  width:143px;
  height:18px;
  float:left;
  border:none;
  display:inline;
}
#header .right  .search input.search-btn{
  background:url(btn-search.gif) no-repeat;
  width:60px;
  height:18px;
  float:left;
  border:none;
  cursor:pointer;
  margin:0;
}
#nav{
  background:url(bg-nav.png)  no-repeat;
  height:16px;
  padding:10px 16px;
  width:868px;
  float:left;
  display:inline;
}
#nav ul{
  margin:0;
  padding:0;
  float:left;
  list-style:none;
}
#nav ul li{
  display:inline;
  float:left;
  margin:0 20px 0 0;
}
#nav ul li a{
  display:block;
  text-decoration:none;
  color:#fff;
  position:relative;
  font:16px "Century  Gothic" ,Arial, Helvetica, sans-serif;
}
#nav ul li a:hover,
#nav  ul li.active a{
  color:#fc0;  
}
#flash{  
  float:left;
  background:url(countour-flash-block.jpg) no-repeat;
  width:902px;
  height:268px;
  position:relative;
  z-index:1;
  display:inline;
}
#flash img{
  display:block;
  float:left;
  width:890px;
  height:260px;
  position:relative;
  z-index:900;
  padding:6px;  
  margin:0;
} 
#content{
  padding:13px 0;
  width:917px;
  float:left;
  display:inline;
}
#content  .two-block{
  float:left;
  width:899px;
}
#content .two-block .radio-block{
  height:159px;
  width:290px;  
  padding:4px;
  display:inline;
  float:left;
  border:1px solid  #666;
}
#content .two-block .radio-block h2.ico-cr{
  background:url(ico-cr.gif)  no-repeat;
  padding:0 0 0 30px;
  float:left;
  display:inline;
  margin:0;
  padding:0 0 0 28px;
  font-size:16px;
  font-weight:normal;
  width:263px;
  height:24px;
  border-bottom:1px solid #1e1e1e;
}
#content .two-block  .radio-block .image-btn{
  width:294px;
  float:left;
  margin-top:4px;
  display:inline;
}
#content .two-block .radio-block .image-btn .image{
  display:block;
  width:128px;
  height:132px;
  float:left;
}
#content .two-block  .radio-block .image-btn .image img{
  display:block;
  width:128px;
  height:132px;
  
}
#content .two-block  .radio-block .image-btn .cr-radio{
  float:left;
  background:url(bg-image-btn.jpg) no-repeat;
  height:117px;
  margin-left:5px;
  padding:10px 9px 4px  5px;
  width:144px;
  display:inline;  
}
#content .two-block  .radio-block .image-btn .cr-radio span{
  margin-left:8px;
  float:left;
  font:16px Verdana,  Geneva, Arial, Helvetica, sans-serif;
  color:#fff;
  height:88px;
}
#content .two-block .radio-block .image-btn .cr-radio  a.radio{
  background:url(btn-cr-radio.gif) no-repeat;
  width:145px;
  height:27px;
  float:left;
  border:none;
  cursor:pointer;
  text-decoration:none;
  text-indent:-9999px;
}
#content .two-block  .featured-album{
  height:160px;
  width:572px;  
  padding:4px;
  display:inline;
  float:right;
  margin-right:2px;
  border:1px solid #666;
  position:relative;
}
#content .two-block  .featured-album h2{
  padding:0 0 0 30px;
  float:left;
  display:inline;
  margin:0;
  padding:0;
  font-size:16px;
  font-weight:normal;
  width:570px;
  height:24px;
  border-bottom:1px solid #1e1e1e;
}
#content .two-block  .featured-album .albums{
  float:left;
  width:570px;
  background:url(bg-featured.png) no-repeat;
  height:131px;
  margin-top:4px;
  display:inline;
}
#content .two-block  .featured-album .albums ul{
  float:left;
  padding:8px 0 0 9px;
  margin:0;
  list-style:none;
  width:560px;
  
}
#content .two-block .featured-album .albums ul li{
  display:inline;
  float:left;
  width:80px;
  margin-right:32px;     
}
#content  .two-block .featured-album .albums ul li.last{
  margin-right:0;
}
#content .two-block  .featured-album .albums ul li label{
  float:left;
  width:80px;
  height:35px;
  font:11px Verdana, Geneva, Arial, Helvetica,  sans-serif;
}
#content .two-block .featured-album .albums ul li a{
  width:80px;
  float:left;
  display:block;
  text-decoration:none;
  position:relative;
}
#content .two-block  .featured-album .albums ul li a img{
  display:block;
  border:1px solid #c69f03;
}
#content .two-block  .featured-album .albums ul li a.active{
  
}
#content .two-block .featured-album .albums ul li  a.active img,
#content .two-block  .featured-album .albums ul li a:hover img{
  display:block;
  border:1px solid  #feeeaf;
}

#content .design{
  background:url(bg-design.png) no-repeat;
  width:386px;
  height:179px;
  float:right;
  margin:-179px 0 0;
  display:inline;
}

/*
 * sub content
 */

#sub-content{
  padding:6px 0 0 3px;
  width:958px;
  float:left;
  display:inline;
  background:url(bg-sub-content.gif)  no-repeat -2px -1px;
  
  
}
#sub-content .head-sub-content{
  width:890px;
  height:95px;
  float:left;
  background:url(head-sub-content.jpg)  no-repeat 1px 0;
  margin-bottom:4px;
  padding-left:3px;
  display:inline;

}
#sub-content .head-sub-content h1{
  margin:59px 0 0 18px;
  padding:0;
  font:25px "Trebuchet  MS",Arial, Helvetica, sans-serif;
  float:left;
  display:inline;
  color:#fc0;
}
#sub-content .two-section{
  float:left;
  width:890px;
  padding-bottom:4px;
  display:inline;
  border-left:1px  solid #53472e;
  border-right:1px solid #53472e;
  border-bottom:1px  solid #53472e;  
}
#sub-content .two-section .white-section{
  width:596px;
  margin-left:4px;
  display:inline;
  float:left;
  overflow:hidden;
  border:1px solid  #54482f;
  background:#f5f5f5;
}
#sub-content .two-section  .white-section  .top-white-section{
  background:url(shadow-top-white-block.gif) repeat-x;
  float:left;
}
#sub-content  .two-section .white-section  .top-white-section h2{
  float:left;
  display:inline;
  padding:0 0 9px;
  margin:25px 0 12px  13px;
  width:582px;
  font:normal 22px  "Trebuchet MS",Arial, Helvetica, sans-serif;  
  color:#101010;
  height:24px;
  border-bottom:1px  solid #1e1e1e;
}
#sub-content .two-section  .white-section .description{
  width:560px;
  float:left;
  padding:0 0 20px  20px; 
  display:inline;
}

#sub-content  .two-section  .white-section .description p{
  font:14px/21px  "Trebuchet MS",Arial, Helvetica, sans-serif;  
  color:#101010;
  display:inline;
  width:544px;
  float:left;
  margin:0 0 25px;
}
#sub-content  .two-section  .white-section .description p.last{
  padding-bottom:116px;
}
#sub-content  .two-section  .right-section{
  display:block;
  width:288px;
  float:left;
}


#sub-content .two-section  .right-section  .posted-images{
  float:left;
  padding:58px 0 0 5px;
  display:inline;
}
#sub-content  .two-section  .right-section .posted-images img{
  border:1px solid  #b79408;
  display:block;
}
#sub-content .two-section  .right-section  .relevantimage{}
#sub-content  .two-section  .right-section .relevantimage p{
  padding:6px 0 0;
  margin:0 0 0 9px;
  float:left;
  display:inline; 
  font:12px/14px  "Trebuchet MS",Arial, Helvetica, sans-serif;  

}
#sub-content  .design-body{
  background:url(design-body.png) no-repeat;
  width:468px;
  height:218px;
  float:right;
  margin:-219px 0 0;
  display:inline;
}
/*
 * catalogue page
 */
#sub-content .content-catalogue{
  float:left;
  width:890px;
  padding-bottom:4px;
  display:inline;
  border-left:1px  solid #53472e;
  border-right:1px solid #53472e;
  border-bottom:1px  solid #53472e;  
}
#sub-content .content-catalogue  .white-section-catalogue{
  width:880px;
  margin-left:4px;
  display:inline;
  float:left;
  overflow:hidden;
  border:1px solid #54482f;
  background:#f5f5f5;
}
#sub-content  .content-catalogue .white-section-catalogue  .top-white-section{
  background:url(shadow-top-white-block.gif)  repeat-x;
  float:left;
  width:880px;
  margin-bottom:10px;
  display:inline;
}
#sub-content .content-catalogue  .white-section-catalogue  .top-white-section h2{
  float:left;
  display:inline;
  padding:0 0 9px;
  margin:25px 0 0  13px;
  width:834px;
  font:normal 22px  "Trebuchet MS",Arial, Helvetica, sans-serif;  
  color:#101010;
  height:24px;
  border-bottom:1px  solid #1e1e1e;
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list{
  width:860px;
  float:left;
  display:inline;  
  padding:0 0  20px  20px; 
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul{
  float:left;
  margin:0;
  padding:0 0 21px;
  list-style:none;
  display:inline;
  
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li{
  background:url(bg-albom-box.jpg)  no-repeat 0 59px;
  float:left;
  display:inline;
  margin:0 11px 10px 0;
  width:161px;
  height:256px;
  color:#333;
  
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li  label.title{
  font:bold 12px "Trebuchet MS",Arial, Helvetica,  sans-serif;
  color:#333;
  height:30px;
  float:left;
  width:160px;
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li  .album-play{
  float:left;
  width:126px;
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li  .album-play a.album{
  background:url(btn-yellow-play.gif) no-repeat;
  width:31px;
  height:31px;
  float:right;
  margin:-32px 0 0 0;
  display:block;
  text-decoration:none;
  position:relative;
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li  .album-play  img.image-album{
  border:1px solid #b89509;
  display:block;
  float:left;
  width:124px;
  height:122px;
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li  .add-info{
  float:left;
  height:58px;
  padding:4px 0 0 0;
  display:inline;
  width:140px;
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li .add-info  label.type{
  font:bold 12px "Trebuchet MS",Arial, Helvetica,  sans-serif;
  color:#333;
  
}
#sub-content  .content-catalogue  .white-section-catalogue .album-list ul li .add-info  span.name{
  font:normal 12px/18px "Trebuchet MS",Arial, Helvetica,  sans-serif;
  color:#333;
  margin-left:3px;
  display:inline;  
}
#sub-content .design-body-catalogue{
  background:url(design-body-catalogue.png)  no-repeat  0 24px;
  display:inline;
  float:right;
  height:238px;
  margin:-235px 0 0;
  width:463px;
}
/*
 * musicplayer
 */

#musicplayer-box{
  display:none;
  float:left;
  width:527px;
  
}
#musicplayer-box .top{
  float:left;
  width:527px;
  height:11px;
  line-height:11px;
  background:url(overlay-top.png)  no-repeat;
  position:relative;
  z-index:1;
}
#musicplayer-box .content{
  float:left;
  width:527px;
  background:url(overlay-content.png)  repeat-y;
}
#musicplayer-box .content .head{
  float:left;
  width:525px;
  
}
#musicplayer-box .content .head h2{
  margin:0;
  padding:8px 0 0  20px;
  display:inline;
  font:normal 20px  "ArialMT",Arial, Helvetica, sans-serif;
  color:#C69F03;  
  float:left;
}
#musicplayer-box  .content .head a.close{
  background:url(ico-close.gif) no-repeat 100% 0;
  float:right;
  font:normal 10px  Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#666; 
  display:block;
  margin:-2px 7px;
  padding:0 21px 6px  0;
  text-decoration:none;
   position:relative;
  z-index:10;
  
}
#musicplayer-box .content .album-description{
  float:left;
  padding:10px 6px 9px  9px;
  width:510px;
  display:inline;
}
#musicplayer-box  .content .album-description .top{
  float:left;
  width:509px;
  height:5px;
  line-height:5px;
  background:url(popup-top-int.png) no-repeat;
}
#musicplayer-box  .content .album-description .content{
  float:left;
  width:509px;
  background:url(popup-content-int.png) repeat-y;
  padding:3px 0;
  display:inline;
}
#musicplayer-box  .content .album-description .content .txt{
  float:left;
  width:315px;
  padding:0 0 0 8px;
}
#musicplayer-box  .content .album-description .content .txt p{
  margin:0 0 8px;
  padding:0;
  float:left;
  display:inline;
  font:normal 12px  "ArialMT", Arial, Helvetica, sans-serif;
  color:#fff; 
  width:292px;
}
#musicplayer-box  .content .album-description .content .image{
  float:left;
  width:180px;  
}
#musicplayer-box  .content .album-description .content .image img{
  display:block;
  height:180px;
  width:179px;
}
#musicplayer-box  .content .album-description .bottom{
  float:left;
  width:509px;
  height:5px;
  line-height:5px;
  background:url(popup-bottom-int.png) no-repeat;
}
#musicplayer-box  .content .track-list{
  float:left;
  padding:10px 6px 9px 9px;
  width:510px;
  display:inline;
}
#musicplayer-box  .content .track-list .top{
  float:left;
  width:509px;
  height:5px;
  line-height:5px;
  background:url(popup-top-int.png) no-repeat;
}
#musicplayer-box  .content .track-list .content{
  float:left;
  width:492px;
  background:url(popup-content-int.png) repeat-y;
  padding:4px 9px;
  display:inline;
}
#musicplayer-box  .content .track-list .content ul{
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  width:245px;
}
#musicplayer-box .content .track-list .content ul li{
  display:inline;
  float:left;
  width:238px;
  margin:0 0 4px;
  padding:3px 0;
  
}
#musicplayer-box .content .track-list .content ul li{
  display:block;
  font:normal 11px  Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#FFF; 
  padding:2px 0 4px  22px;
  text-decoration:none;
  background:url(ico-right-arrow.gif)  no-repeat;
}
#musicplayer-box .content .track-list .content ul li:hover{
  background:url(ico-right-arrow-active.gif) no-repeat;
}
#musicplayer-box .content .track-list .content ul li.active{
  color:#C69F03;
  background:url(ico-right-arrow-active.gif)  no-repeat;
}
#musicplayer-box .content .track-list .bottom{
  float:left;
  width:509px;
  height:5px;
  line-height:5px;
  background:url(popup-bottom-int.png)  no-repeat;
}
#musicplayer-box .content .play-buy{
  float:left;
  padding:0 6px 0 9px;
  width:510px;
  display:inline;
}
#musicplayer-box  .content .play-buy .player{
  background:url(bg-play-capsul.png) no-repeat;
  width:221px;
  height:38px;
  float:left;
  
}

#musicplayer-box .content .play-buy .player ul{
  float:left;
  margin:0;
  padding:10px 5px  10px 7px;
  list-style:none;
  display:inline;
}

#musicplayer-box .content .play-buy .player ul li{
  display:inline;
  float:left;
  margin:0  2px 0;
  
}

#musicplayer-box .content .play-buy .player ul li  .play{
  display:block;
  text-decoration:none;
  background:url(btn-play.gif)  no-repeat;
  width:64px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}
#musicplayer-box  .content .play-buy .player ul li .play:hover{
  background:url(btn-play-hover.gif)  no-repeat;
}
#musicplayer-box .content .play-buy .player ul li  a.pause{
  display:block;
  text-decoration:none;
  background:url(btn-pause.gif)  no-repeat;
  width:64px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}
#musicplayer-box  .content .play-buy .player ul li a.pause:hover{
  background:url(btn-pause-hover.gif)  no-repeat;
}

#musicplayer-box .content .play-buy .player ul li a.stop{
  display:block;
  text-decoration:none;
  background:url(btn-stop.gif) no-repeat;
  width:31px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}

#musicplayer-box .content .play-buy .player ul li a.stop:hover{
  background:url(btn-stop-hover.gif) no-repeat;
}


#musicplayer-box .content .play-buy .player ul li  a.forward{
  display:block;
  text-decoration:none;
  background:url(btn-forward.gif)  no-repeat;
  width:31px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}
#musicplayer-box  .content .play-buy .player ul li a.forward:hover{
  background:url(btn-forward-hover.gif)  no-repeat;
}
#musicplayer-box .content .play-buy .player ul li  span#time{
  font:normal 8px Verdana, Geneva, Arial, Helvetica,  sans-serif;
  color:#fff; 
  margin-left:3px;
}
#musicplayer-box .content .play-buy .buy{
  background:url(bg-buy-capsul.png)  no-repeat;
  height:28px;
  padding:3px 2px;
  width:136px;
  float:right;
}
#musicplayer-box .content .play-buy .buy  .nbr-track-cost{
  width:71px;
  float:left;
  text-align:right;
}
#musicplayer-box .content .play-buy .buy  .nbr-track-cost span.nbr-track{
  width:68px;
  float:left;
  text-align:right;
  font:normal 11px Verdana, Geneva, Arial, Helvetica,  sans-serif;
  color:#fff; 
}
#musicplayer-box .content .play-buy .buy  .nbr-track-cost span.cost{
  width:68px;
  float:left;
  text-align:right;
  font:normal 11px Verdana, Geneva, Arial, Helvetica,  sans-serif;
  color:#fff; 
}
#musicplayer-box .content .play-buy .buy .btn-buy{
  width:64px;
  height:28px;
  float:left;
}
#musicplayer-box  .content .play-buy .buy .btn-buy a.buy{
  width:23px;
  height:18px;
  text-decoration:none;
  color:#C69F03;
  display:block;
  background:url(bg-btn-by.png)  no-repeat;
  padding:5px 21px;
  float:left;
  position:relative;
  cursor:pointer;
}

#musicplayer-box  .content .play-buy .buy .btn-buy a.signin{
  width:23px;
  height:18px;
  text-decoration:none;
  color:#C69F03;
  display:block;
  background:url(bg-btn-by.png)  no-repeat;
  padding:5px 21px;
  float:left;
  position:relative;
  cursor:pointer;
}

#musicplayer-box .bottom{
  float:left;
  width:527px;
  height:11px;
  line-height:11px;
  background:url(overlay-bottom.png)  no-repeat;
}










/*
 * popup player
 */

#popup-player-box{
  display:none;
  float:left;
  width:380px;  
}
#popup-player-box  .top{
  float:left;
  width:367px;
  height:6px;
  line-height:6px;
  background:url(popup-player-box-top.png)  no-repeat;
  position:relative;
  z-index:1;
}
#popup-player-box .content{
  float:left;
  width:367px;
  background:url(popup-player-box-content.png)  repeat-y;  
}

#popup-player-box .content{
  float:left;
  width:367px;
  background:url(popup-player-box-content.png)  repeat-y;  
}

#popup-player-box .content .track-name{
  float:left;
  padding:0 6px 3px  4px;
  width:354px;
  display:inline;
}
#popup-player-box  .content .track-name .top{
  float:left;
  width:359px;
  height:5px;
  line-height:5px;
  background:url(popup-player-top-int.png) no-repeat;
}
#popup-player-box  .content .track-name .content{
  float:left;
  background:url(popup-player-content-int.png) repeat-y;
  padding:0 5px 0 9px;
  width:345px;
  display:inline;
}
#popup-player-box  .content .track-name .content h3{
  float:left;
  margin:0;
  padding:0;
  list-style:none;
  width:245px;
  font:normal 11px Verdana, Geneva, Arial, Helvetica,  sans-serif;
  color:#fff; 
}
#popup-player-box .content .track-name .content  .more-info{
  float:right;
  width:96px;
  height:18px; 
}
#popup-player-box .content .track-name .content  .more-info a{
  float:left;
  height:20px;
  padding:2px 5px;
  text-decoration:none;
  width:56px;
  background:url(btn-more-info.gif)  no-repeat;
  font:normal 11px Verdana, Geneva, Arial, Helvetica,  sans-serif;
  color:#fff;
  display:block;
}

#popup-player-box .content .track-name .content  .more-info a.close{
  background:url(ico-close.gif) no-repeat 100% 0;
  font:normal 10px  Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#666; 
  text-decoration:none;
  float:right;
  display:block;
  width:20px;
  height:20px;  
}
#popup-player-box  .content .track-name .content .more-info a:hover{color:#C69F03;}
#popup-player-box .content .track-name .bottom{
  float:left;
  width:359px;
  height:5px;
  line-height:5px;
  background:url(popup-player-bottom-int.png)  no-repeat;
}
#popup-player-box .content .play-buy{
  float:left;
  padding:0 4px;
  width:360px;
  display:inline;
}
#popup-player-box  .content .play-buy .player{
  background:url(bg-play-capsul-popup.png) no-repeat;
  width:217px;
  height:33px;
  float:left;  
}

#popup-player-box  .content .play-buy .player ul{
  float:left;
  margin:0;
  padding:8px 0 9px 5px;
  list-style:none;
  display:inline;
}
#popup-player-box  .content .play-buy .player ul li{
  display:inline;
  float:left;
  margin:0  2px 0;  
}

#popup-player-box .content .play-buy .player ul li  a.play{
  display:block;
  text-decoration:none;
  background:url(btn-play.gif)  no-repeat;
  width:64px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}

#popup-player-box  .content .play-buy .player ul li a.play:hover{
    background:url(btn-play-hover.gif)  no-repeat;
}
#popup-player-box .content .play-buy .player ul li  a.pause{
  display:block;
  text-decoration:none;
  background:url(btn-pause.gif)  no-repeat;
  width:64px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}

#popup-player-box  .content .play-buy .player ul li a.pause:hover{
  background:url(btn-pause-hover.gif)  no-repeat;
}

#popup-player-box .content .play-buy .player ul li a.stop{
  display:block;
  text-decoration:none;
  background:url(btn-stop.gif) no-repeat;
  width:31px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}

#popup-player-box .content .play-buy .player ul li a.stop:hover{
  background:url(btn-stop-hover.gif) no-repeat;
}



#popup-player-box .content .play-buy .player ul li  a.forward{
  display:block;
  text-decoration:none;
  background:url(btn-forward.gif)  no-repeat;
  width:31px;
  height:18px;
  text-indent:-9999px;
  position:relative;  
}

#popup-player-box  .content .play-buy .player ul li a.forward:hover{
    background:url(btn-forward-hover.gif)  no-repeat;
}

#popup-player-box .content .play-buy .player ul li  span#time{
  font:normal 8px Verdana, Geneva, Arial,  Helvetica, sans-serif;
  color:#fff; 
  margin-left:3px;
}

#popup-player-box .content .play-buy .buy{
  background:url(bg-buy-capsul.png) no-repeat;
  height:28px;
  padding:3px 2px;
  width:136px;
  float:right;
}

#popup-player-box .content .play-buy .signin{
  background:url(bg-buy-capsul.png) no-repeat;
  height:28px;
  padding:3px 2px;
  width:136px;
  float:right;
}

#popup-player-box .content .play-buy .buy .nbr-track-cost{
  width:71px;
  float:left;
  text-align:right;
}
#popup-player-box .content .play-buy .buy .nbr-track-cost span.nbr-track{
  width:68px;
  float:left;
  text-align:right;
  font:normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#fff;  
}
#popup-player-box .content .play-buy  .buy .nbr-track-cost span.cost{
  width:68px;
  float:left;
  text-align:right;
  font:normal  11px Verdana, Geneva, Arial, Helvetica, sans-serif;
  color:#fff;  
}
#popup-player-box .content .play-buy .buy .btn-buy{
  width:64px;
  height:28px;
  float:left;
}

#popup-player-box .content .play-buy .signin .btn-buy{
  width:64px;
  height:28px;
  float:left;
}

#popup-player-box  .content .play-buy .buy .btn-buy a.buy{
  width:23px;
  height:18px;
  text-decoration:none;
  color:#C69F03;
  display:block;
  background:url(bg-btn-by.png)  no-repeat;
  padding:5px 21px;
  float:left;
  position:relative;
  cursor:pointer;
}

#popup-player-box .content .play-buy .buy .btn-buy a.signin{
  width:23px;
  height:18px;
  text-decoration:none;
  color:#C69F03;
  display:block;
  background:url(bg-btn-by.png)  no-repeat;
  padding:5px 21px;
  float:left;
  position:relative;
  cursor:pointer;
}

#popup-player-box  .bottom{
  float:left;
  width:367px;
  height:6px;
  line-height:6px;
  background:url(popup-player-box-bottom.png)  no-repeat;
}
#footer{
  background:#000  url(bg-footer.gif) repeat-x;
  overflow:hidden;
  height:400px;
}
#footer  .frame-down{
  width:920px;
  margin:41px  auto;
}
#footer ul{
  float:left;
  margin:0;
  padding:0;
  list-style:none;  
  width:900px;
}
#footer  ul li{
  float:left;
  display:inline;
  margin:  0 14px 0 0;
  font:11px "ArialMT", Arial, Helvetica,  sans-serif;
}
#footer ul li a{
  display:block;
  text-decoration:none;
  
}
#footer  ul li a:hover{
  text-decoration:underline;
}
#footer  ul li.last{
  margin: 0 12px 0 0;
}
#footer  ul li.sign{
  font:12px "ArialMT", Arial, Helvetica,  sans-serif;
  background:url(bullet-white.gif) no-repeat  0 2px;
  padding-left:5px;
  margin:-2px  6px 0 0;
}
#footer ul li.sign-input{
  margin:-2px  0 0;
  position:relative;
}
#footer  ul li.sign-input input.txt{
  background:url(bg-input.gif)  no-repeat;
  height:18px;
  float:left;
  border:none;
  margin:0;
  padding:0  0 0 6px;
width:140px;
}
#footer  ul li.sign-input input.sign-up{
  background:url(btn-sign-up.gif)  no-repeat;
  width:60px;
  height:18px;
  float:left;
  border:none;
  cursor:pointer;
  margin:0;
  padding:0;
}
#footer  .copyright{
  float:left;
  width:100%;
  
}
#footer  .copyright ul.copy{
  float:left;
  margin:35px  0 0;
  padding:0;
  list-style:none;
  display:inline;
  
}
#footer  .copyright ul.copy li{
  display:inline;
  float:left;  
  font:10px  Arial, Helvetica, sans-serif;
  color:#ffc;
}
#footer  .copyright ul.copy li a{
  font:10px Arial, Helvetica,  sans-serif;
  color:#ffc;
  text-decoration:none;
}
#footer  .copyright ul.copy li a:hover{
  color:#fff;
}
#footer  .copyright ul.copy li span.separate{
  background:url(bullet-white.gif)  no-repeat 0 2px;
  width:1px;
  float:left;
  margin:0  2px;
}
#footer .developped-by{
  float:left;
  font:10px  Arial, Helvetica, sans-serif;
  color:#615436;
}
#footer  .developped-by a{
  font:10px Arial, Helvetica,  sans-serif;
  color:#615436;
  text-decoration:none;
}
#footer  .developped-by a:hover{
  color:#fff;
  
}

.required  {
  color: #101010; 
}

.required_error  {
  color: #101010; 
}

.register  {
  background:url(button_log.gif) no-repeat;
}

.reminder  {
  background:url(button_log.gif) repeat-x;
  padding:5px;
}

div.error_panel {
  background-color:#FFFFCC;
  border:1px solid #FFCC66;
  margin:0 0 10px;
  padding:5px 10px;
}

div.error_panel p em {
  color:#CC0000;
  font-style:normal;
  font-weight:bold;
}


div.error_panel ul li {
  margin-left:2ex;
  color:#101010;  
}

div.error_panel p {
  margin-bottom:6px;
  margin-top:6px;
}

.pager {
  color:#101010;
  text-align:center;
  padding-top:10px;
  padding-bottom:15px; 
}

.pager a {
  color:#101010;
  margin:2px; 
}

#signin_album {
-moz-border-radius:5px 5px  5px 5px;
border:1px none transparent;
color:#C69F03;
display:none;
font-size:13px;
font-weight:bold;
margin-right:0;
margin-top:-88px;
position:absolute;
text-align:left;
top:auto;
/*width:130px;*/
z-index:100;
text-align:left;
right:10px;
width:256px;
height:80px;
padding-top:5px;
padding-left:10px;
}

#signin_album input{
 vertical-align:sub; 
}

#signin_album_added, #signin_track_added, #signin_add_album {
-moz-border-radius:5px 5px  5px 5px;
border:1px none transparent;
color:#C69F03;
display:none;
font-size:13px;
font-weight:bold;
margin-right:0;
margin-top:-45px;
position:absolute;
text-align:left;
top:auto;
/*width:130px;*/
z-index:100;
text-align:center;
right:97px;
background:url(item_added_bg.jpg) no-repeat;
width:195px;
height:28px;
padding-top:5px;
}

.signin_album {
  background:url(bg_box.gif) no-repeat;
}

.paypal_text {
 font:bold 12px Verdana;
 color:black;
}