@charset "utf-8";
/* CSS Document */
/* --------------- Common -------------------- */
* {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;color:#767676;outline:none;}
a{text-decoration:none;}
a:hover{outline:none;}
textarea{resize:none;}
.clear{clear:both;}
body {background: url(../images/corp-bg.jpg) repeat-x left top #151515;margin-top:19px;}
#whole-container{width:958px;}
/* --------------- Base Structure -------------------- */
#header{background: url(../images/header-bg.jpg) repeat-x left top;}

/* --------------- logo -------------------- */
#logo-div{background: url(../images/logo-bg.jpg) repeat-x left top;width:338px;float:left;}
#logo-div ul{list-style:none;float:left;background: url(../images/logo-left-bg.jpg) no-repeat left top;}
#logo-div ul li{float:left;}
.logo{display:block;background: url(../images/logo.jpg) no-repeat left top;width:228px;height:71px;margin:16px 50px 18px 31px;}
#logo-bg-end{background:url(../images/logo-right-bg.jpg) no-repeat right top;height:112px;}

/* --------------- Top menu -------------------- */
#top-menu{background:#999999;float:right;background: url(../images/menu-right.jpg) no-repeat right top;width:620px;font-size:13px;}
#top-menu ul{list-style:none;margin-right:15px;}
#top-menu ul li{float:right;background: url(../images/topmenu-li-bg.jpg) no-repeat left top;}
#top-menu ul li a{padding:20px 13px 15px 15px;display:block;height:20px;width:30px;margin-left:2px;color:#1d1d1d;}
#top-menu ul li a:hover{background: url(../images/topmenu-link-bg.jpg) repeat-x left top;color:#fff;}

/* --------------- banner-section -------------------- */
.search-box-input{background:url(../images/search-text.jpg) no-repeat left top;width:142px;height:22px;border:none;margin-bottom:10px;padding:3px 15px 0 10px;color:#666;float:left;}
.search-button{display:block;background:url(../images/search-button.jpg) no-repeat left top;color:#fff;width:35px;height:25px;font-size:12px;float:left;}
.search-button:hover{background:url(../images/search-button.jpg) no-repeat left bottom;}
.cart-button{display:block;background:url(../images/view-cart.jpg) no-repeat left top;color:#fff;width:115px;height:23px;font-size:11px;float:left;padding:3px 0 0 25px;}
.cart-button a{ color:#fff;font-size:11px;}
.cart-button:hover{color:#d0cece;}

/* --------------- banner-section -------------------- */
#banner-section{height:260px;}
#slide-ads{float:left;margin-right:6px;width:648px;height:253px;background:url(../images/slide-ads-bg.jpg) repeat-x left top;}
#slide-ads-left{background:url(../images/slide-ads-left.jpg) no-repeat left top;}
#slide-ads-right{background:url(../images/slide-ads-right.jpg) no-repeat right top;width:611px;height:253px;padding:0 20px 0 17px;}

/* --------------- login-box section -------------------- */
#login-box{float:left;width:304px;background:url(../images/login-bg.jpg) repeat-x left top;height:254px;}
#login-box ul{background:url(../images/login-box-left-bg.jpg) no-repeat left top;list-style:none;}
#login-box ul li{background:url(../images/login-box-right-bg.jpg) no-repeat right top;height:254px;}
#login-box-title{font-size:14px;font-weight:bold;color:#FFFFFF;padding:14px 0 0 15px;}
.login-area{padding:25px 15px 0 25px;}
.login-offers{padding:10px 0px 0 4px;}
#login-box label{float:left;display:block;width:65px;padding-top:4px;color:#d9d9d9}
.login-box-input{background:url(../images/login-box-text.jpg) no-repeat left top;width:155px;height:22px;border:none;margin-bottom:10px;padding:3px 15px 0 10px;color:#666;}
.login-box-input2{background:url(../images/login-box-text2.jpg) no-repeat left top;width:155px;height:22px;border:none;margin-bottom:10px;padding:3px 15px 0 10px;color:#666;}
.login-button{display:block;background:url(../images/login-button.jpg) no-repeat left top;color:#d9d9d9;width:62px;height:27px;padding:4px 0 0 20px;font-size:12px;float:left;}
.login-button:hover{background:url(../images/login-button.jpg) no-repeat left bottom;color:#fff;}
.login-left{font-size:10px;margin-left:63px;color:#8b8b8b;}
.login-signup{font-size:11px;text-decoration:underline;color:#bababa}
.login-signup:hover{text-decoration:none;color:#fff}

/* --------------- content-section -------------------- */
#content-section{margin:0px;}
#leftside{float:left;width:249px;}
#rightside{float:left;width:709px;background: url(../images/rightside-bg.jpg) repeat-y left top;}
#content{background: url(../images/content-bg.jpg) repeat-x left top;margin:0 4px 0 9px;}
#content-div{border-width:0 1px;border-style:solid;border-color:#000;padding:0 20px 20px 20px;background:url(../images/conten-bottom-bg.jpg) repeat-x left bottom;}

/* --------------- menu-section -------------------- */
#menu-bg {background: url(../images/menu/menu-bg.jpg) repeat-x left top;}
#menu-end {background: url(../images/menu/menu-end.jpg) no-repeat right top;}
#divmenu {font-family:Arial, Helvetica, sans-serif;font-size:14px;background: url(../images/menu/menustart.jpg) no-repeat left top;height:53px;text-align:right}
#divmenu ul {height:41px;list-style:none;}
#divmenu ul li {float:right;}
#divmenu ul li a{display:block;background:url(../images/menu/normlay.jpg) repeat-x left top;color: #505050;line-height:41px;text-decoration:none;}
#divmenu ul li a:hover{background:url(../images/menu/hoverlay.jpg) repeat-x left top;color: #fff;line-height:41px;text-decoration:none;}
.page-sub-div{background:url(../images/menu/hoverlay.jpg) repeat-x left top;height:32px;padding-top:15px;width:620px;text-align:left;color:#fff;font-size:18px;}
#whole-container ul li .active-tabs {background:url(../images/artist/menu/hoverlay.jpg) repeat-x left top;color: #fff;line-height:41px;text-decoration:none;}
/* --------------- submenu-section -------------------- */
.submenu-bg {background: url(../images/menu/menu-bg.jpg) repeat-x left top;border-width:0 1px;border-style:solid;border-color:#fff;}
.submenu-end {background: url(../images/menu/menu-end.jpg) no-repeat right top;}
.subdivmenu {font-family:Arial, Helvetica, sans-serif;font-size:14px;background: url(../images/menu/sub-menustart.jpg) no-repeat left top;height:53px;text-align:right}
.subdivmenu ul {height:41px;list-style:none;}
.subdivmenu ul li {float:right;}
.subdivmenu ul li a{display:block;background:url(../images/menu/normlay.jpg) repeat-x left top;color: #505050;line-height:41px;text-decoration:none;}
.subdivmenu ul li a:hover{background:url(../images/menu/hoverlay.jpg) repeat-x left top;color:#fff;line-height:41px;text-decoration:none;}

/* --------------- fans-section -------------------- */
.subdiv-content{background:url(../images/sub-content-bg.jpg) repeat-x left top #141414;padding:10px 20px 20px 25px;}
.subdiv-content ul li{list-style:none;float:left;text-align:center;margin-right:8px;}
.subdiv-content img{border:1px solid #505050;}
.subdiv-content a{font-size:10px;float:left;color:#505050;}
.subdiv-content a:hover{color:#fff;}

/* --------------- artist-section -------------------- */
.artist-listing-content{background:url(../images/fan-artist-list-bg.jpg) repeat-x left top;padding:5px 10px 20px 15px;}
.artist-listing-content p{margin-bottom:3px;font-size:11px;clear:both;line-height:14px;}
.artist-listing-content span{font-size:10px;float:left;margin-left:3px;}
.artist-listing-content ul{float:left;}
.artist-listing-content ul li{list-style:none;float:left;text-align:center;margin-right:14px;width:110px;font-size:11px;text-align:left}
.artist-listing-content img{border:1px solid #fff;float:left;margin-bottom:7px;}
.artist-listing-content a{color:#d8d8d8;}
.artist-listing-content a:hover{color:#fff;}
.artist-title{font-size:12px;font-weight:bold;margin:0 0 10px 0px;}
.fan-pic{width:200px;height:200px;background:url(../images/photo-frame.gif) no-repeat left top;padding:5px;text-align:}
.artist-list-link{font-size:11px;display:block;width:67px;height:13px;line-height:11px;padding-left:12px;margin-top:5px;}

/* --------------- fan listing-section -------------------- */
.artist-listing-arrows-left{float:left;background:url(../images/artist-listing-arrow-left.gif) no-repeat left top;display:block;width:11px;height:68px;margin:20px 10px 0 0;}
.artist-listing-arrows-left:hover{background:url(../images/artist-listing-arrow-left-over.gif) no-repeat left top;}
.artist-listing-arrows-right{float:left;background:url(../images/artist-listing-arrow-right.gif) no-repeat left top;display:block;width:11px;height:68px;margin:20px 0 0 10px;}
.artist-listing-arrows-right:hover{background:url(../images/artist-listing-arrow-right-over.gif) no-repeat left top;}

/* --------------- fan listing-section -------------------- */
.fan-listing-arrows-left{float:left;background:url(../images/artist-listing-arrow-left.gif) no-repeat left top;display:block;width:11px;height:68px;margin:5px 10px 0 0;}
.fan-listing-arrows-left:hover{background:url(../images/artist-listing-arrow-left-over.gif) no-repeat left top;}
.fan-listing-arrows-right{float:left;background:url(../images/artist-listing-arrow-right.gif) no-repeat left top;display:block;width:11px;height:68px;margin:5px 0 0 10px;}
.fan-listing-arrows-right:hover{background:url(../images/artist-listing-arrow-right-over.gif) no-repeat left top;}

/* --------------- left tour link-section -------------------- */
.left-box{width:247px;background:url(../images/tour-bg.jpg) repeat-x left top #000;}
.left-bottom{width:247px;background:url(../images/leftbox-bottom.jpg) no-repeat left bottom #000;}
.left-box ul{background:url(../images/tour-title-left.jpg) no-repeat left top;list-style:none;}
.left-box ul li{background:url(../images/tour-title-right.jpg) no-repeat right top;padding:15px 0 15px 20px;color:#FFFFFF;font-size:16px;}

.left-box-list1{margin:0 0 0 14px;background:url(../images/tourlist1-bg.jpg) no-repeat left top;padding:3px 0 0 7px;color:#767676;}
.left-box-list1 a{float:left;display:block;background:url(../images/tour-link.jpg) no-repeat left top;padding:2px 0 0 14px;color:#FFFFFF;font-size:11px;width:70px;height:22px;margin:2px 8px 0 0;}
.left-box-list1 a:hover{background:url(../images/tour-link.jpg) no-repeat left bottom;color:#000;}

.left-box-list2{margin:0 0 0 14px;background:url(../images/tourlist1-bg.jpg) no-repeat left top;padding:3px 0 0 7px;color:#767676;}
.left-box-list2 a{float:left;display:block;background:url(../images/tour-link2.jpg) no-repeat left top;padding:2px 0 0 14px;color:#FFFFFF;font-size:11px;width:70px;height:22px;margin:2px 8px 0 0;}
.left-box-list2 a:hover{background:url(../images/tour-link2.jpg) no-repeat left bottom;color:#000;}

.left-box-list3{margin:0 0 0 14px;background:url(../images/tourlist1-bg.jpg) no-repeat left top;padding:3px 0 0 7px;color:#767676;}
.left-box-list3 a{float:left;display:block;background:url(../images/tour-link3.jpg) no-repeat left top;padding:2px 0 0 14px;color:#FFFFFF;font-size:11px;width:70px;height:22px;margin:2px 8px 0 0;}
.left-box-list3 a:hover{background:url(../images/tour-link3.jpg) no-repeat left bottom;color:#000;}

.left-box-list4{margin:0 0 10px 14px;background:url(../images/tourlist1-bg.jpg) no-repeat left top ;padding:3px 0 6px 7px;color:#767676;}
.left-box-list4 a{float:left;display:block;background:url(../images/tour-link4.jpg) no-repeat left top;padding:2px 0 0 14px;color:#FFFFFF;font-size:11px;width:70px;height:22px;margin:2px 8px 0 0;}
.left-box-list4 a:hover{background:url(../images/tour-link4.jpg) no-repeat left bottom;color:#000;}
.left-box strong{color:#bcbcbc}
.left-box img{border:1px solid #121212}
.left-box img:hover{border:1px solid #202020}

/* --------------- left-featured section -------------------- */
.featured-box-dpk{width:247px;background:url(../images/featured-box-bg.jpg) repeat-x left top #bbc9d6;margin-top:5px;}
.featured-bottom-dpk{width:247px;background:url(../images/leftbox-bottom.jpg) no-repeat left bottom;}
.featured-box-dpk .dpkul{background:url(../images/featured-title-left.jpg) no-repeat left top;list-style:none;}
.featured-box-dpk .dpkul .dpkli{background:url(../images/featured-title-right.jpg) no-repeat right top;padding:15px 0 15px 20px;color:#FFFFFF;font-size:16px;}

.featured-box-list-dpk{margin:0 0 0 10px;background:url(../images/featured-line.jpg) no-repeat left 28px ;padding:7px 0 0 7px;}
.featured-box-dpk a{color:#d8d8d8;}
.featured-box-dpk a:hover{color:#fff;}

.visit{color:#fff;display:block;width:106px;height:25px;padding:3px 0 0px 0px;background:url(../images/fan/fan-button.jpg) no-repeat left top;float:left;margin:6px 0 12px 0;text-align:center}
.visit:hover{color:#ccc;}

/* --------------- left-featured section -------------------- */
.featured-box{width:247px;background:url(../images/featured-box-bg.jpg) repeat-x left top #bbc9d6;margin-top:5px;}
.featured-bottom{width:247px;background:url(../images/leftbox-bottom.jpg) no-repeat left bottom;}
.featured-box ul{background:url(../images/featured-title-left.jpg) no-repeat left top;list-style:none;}
.featured-box ul li{background:url(../images/featured-title-right.jpg) no-repeat right top;padding:15px 0 15px 20px;color:#FFFFFF;font-size:16px;}

.featured-box-list{margin:0 0 0 10px;background:url(../images/featured-line.jpg) no-repeat left 28px ;padding:7px 0 0 7px;}
/*.featured-box-list a{color:#666;display:block;width:120px;height:25px;padding:5px 0 15px 0;}
.featured-box-list a:hover{color:#000;}*/

.visit{color:#fff;display:block;width:106px;height:25px;padding:3px 0 0px 0px;background:url(../images/fan/fan-button.jpg) no-repeat left top;float:left;margin:6px 0 12px 0;text-align:center}
.visit:hover{color:#ccc;}

/* --------------- bottom section -------------------- */
#bottom{background:url(../images/bottom-bg.jpg) repeat-x left bottom;width:100%}
#footer{width:958px;height:287px;text-align:left;background:url(../images/footer-bg.jpg) repeat-x left top;}

/* --------------- rss section -------------------- */
#rss-content{float:left;height:231px;width:296px;background:url(../images/rss-bg.jpg) repeat-x left top;}
#rss-left{height:231px;width:296px;background:url(../images/rss-left.jpg) no-repeat left top;}
#rss-right{height:206px;width:271px;background:url(../images/rss-right.jpg) no-repeat right top;padding:25px 0 0 25px;}
#rss-right h2{background:url(../images/rss-icon.jpg) no-repeat left top;padding:3px 0 0 35px;color:#fff;font-size:20px;font-weight:normal;height:35px;}
#subscribe{background:url(../images/rss-text.jpg) no-repeat left top;width:206px;height:25px;}
.subscribe-mailbox{border:none;background:none;color:#ccc;margin:4px 0 0 10px;width:185px;}
.rss-button{display:block;background:url(../images/rss-button.jpg) no-repeat left top;margin:12px 0 5px 100px;padding:2px 0 0 15px;color:#d8d8d8;width:80px;height:23px;}
.rss-button:hover{background:url(../images/rss-button.jpg) no-repeat left bottom;color:#fff;}

/* --------------- rss section -------------------- */
#sitemap{float:left;width:662px;height:231px;background:url(../images/footer-right.jpg) no-repeat right top;}
.sitemap-link{display:block;background:url(../images/sitemap-icon.gif) no-repeat left 6px;padding:0 0 0 15px;color:#a9a9a9;margin-bottom:5px;}
.sitemap-link:hover{color:#ddd;}
.sitemap-box{float:left;width:200px;height:200px;background:url(../images/sitemap-divider.jpg) no-repeat right 55px;padding:29px 5px 0px 10px;}
.sitemap-box h2{color:#dedede;font-size:16px;height:42px;}
#footer-links{text-align:right;margin-right:50px;}

/* --------------- menu section -------------------- */
.menuview{display:block;color:#fff;background:url(../images/browse-az.jpg) no-repeat left top;width:139px;height:20px;padding:3px 0 0 32px;}
.menuview:hover{color:#d8d8d8;}
#browse{width:170px;display:block;height:23px;float:left;margin-right:10px;}
#browse ul li {width:auto;list-style:none;cursor:pointer;margin:0px;padding:0px;float:left;}
#browse ul li a{font-size:11px;margin:0px;padding:0px;float:left;background:none;text-align:center;color:#000;}
#browse ul li a:hover{background:#666;font-weight:bold;color:#fff;margin:0px;padding:0px;}
#browse li ul {display: none;position: absolute;width:180px;border:1px solid #666;z-index:2000;background:#ccc}
#browse li>ul {top: auto;left: auto;}
#browse li:hover ul, li.over ul {display: block;}
.browse-title{display:block;height:20px;background:#666;text-align:center;width:180px;color:#FFFFFF}
.browse-genre{width:83px;height:23px;display:block;float:left;margin-right:5px;background:url(../images/browse-genre.jpg) no-repeat left top;padding:3px 0 0 10px;color:#979797}
.browse-genre:hover{color:#d8d8d8}

/*-------------- download section ------------------ */
.download_music_zip{text-align:center;margin-top:100px;}

div.sImage{
	display:block;
	float:left;
	padding:10px;
	margin:0px;
	border:0px;
}

ul.pageList{
	list-style-type:none;
	margin:0px;
	padding:0px 10px 0px 12px;
}

ul.pageList li{
	display:inline;
	padding:4px;
	margin:0px;
}

ul.pageList li a{
	text-decoration:underline;
	font-weight:bold;
}

ul.pageList li a:hover{
	text-decoration:none;
}