/***** CSS GUIDE *****
1. BODY
2. WRAPPER
3. COPYRIGHT
4. HEADER + MENU
5. CONTENT FRONT
6. CONTENT FRONT  UP1
	6.1 Find Your Artist
	6.2 New Release
7. CONTENT FRONT UP2
	7.1 Left
		7.1.1 Best Seller
		7.1.2 Banner
	7.2 Middle
		7.2.1 Our Products - Front
		7.2.2 News & Event
	7.3 Right
		7.3.1 Member Login
		7.3.2 Newsletter
		7.3.3 Payment
8. CONTENT INSIDE 
9. PRODUCT
**********************/

/* ----------------------------------------------------------- 1. BODY */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	/*background:#EBE8E1 center top repeat-x;*/
	background:#EBE8E1 center top repeat-x;
	margin: 0px auto;
	text-align:center;
}
.background-belakang {
	background:#46c2dc;
	width:100%;
	height:123px;
	z-index:1;
}

/* ----------------------------------------------------------- 2. WRAPPER */
.wrapperbg {
	background:#EBE8E1 center top repeat-x;
	width: 900px;
	margin: 0 auto;
	text-align:center;
	z-index:10;
}
.wrapper {

	width: 800px;
	margin: 0 auto;
	text-align:left;
	z-index:50;
}
.clear {
	float:none;
	clear:both;
}
/* ----------------------------------------------------------- 3. COPYRIGHT */
.copyright {
	width: 760px;
	margin: 0 auto;
	padding: 20px;
	text-align:center;
	color:#0066FF;
}
.copyright a {
	color:#0066FF;
}
.copyright h1 {
	margin:0px;
	padding-bottom:10px;
	font-size:11px;
	color:#5a5142;
	font-weight:normal;
}
.copyright h1 a{
	color:#5a5142;
	text-decoration:none;
}
.copyright h1 a:hover{
	color:#5a5142;
	text-decoration:underline;
}

/* ----------------------------------------------------------- 4. HEADER + MENU */
.header {
	width:770px;
	margin: 0 auto;
	text-align:center;
}
.scrolling {
	height:28px;
	width:770px;
	font-size:14px;
	color:#6f6858;
	font-style:italic;
	font-weight:bold;
}
.scrolling span {
	font-size:10px;
	color:#a49484;
}
.menus {
	width:770px;
	height:46px;
	font-weight:bold;
}
.menus ul {
	padding:0px;
	margin:0px;
}
.menus li{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	height:46px;
	font-size:11px;
}
.menus a, .menus a span, .menus a.active, .menus a.active span, .menus a.swa, .menus a.swa span {
	display:block;
	float:left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/ 
.menus a, .menus a span, .menus a.active, .menus a.active span, .menus a.swa, .menus a.swa span
{ 
float: none ;
} 
/* End IE5-Mac hack */ 
.menus a 
{ 
	background: url("images/menu_left_off.gif") left top no-repeat; 
	padding-left: 12px;
} 
.menus a span { 
	background: url("images/menu_right_off.gif") right top no-repeat; 
} 
.menus a:hover { 
	background: url("images/menu_left_on.gif") left top no-repeat; 
} 

.menus a:hover span { 
	background: url("images/menu_right_on.gif") right top no-repeat; 
}
.menus a, .menus:hover {
	color:#FFF;
	text-decoration: none; 
	font-weight:bold;
}
.menus a span, .menus a:hover span {
	padding: 6px 26px 28px 13px;
}
.dropmenus{
	position:absolute;
	top: 0;
	font:normal 11px Verdana;
	line-height:21px;
	z-index:100;
	visibility: hidden;
	margin-top:-22px;
	width:160px;
}
.dropmenus a{
	width: auto;
	display: block;
	text-indent: 5px;
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	color: white;
	background:url(images/drop-menu-orange.gif) no-repeat;
	filter:alpha(opacity=90);
	-moz-opacity:.80;
	opacity:.80;	
}

* html .dropmenus a{ /*IE only hack*/
width: 100%;
}

.dropmenus a:hover{ /*THEME CHANGE HERE*/
	background:url(images/drop-menu-blue.gif) no-repeat;
}
/* ----------------------------------------------------------- 5. CONTENT FRONT*/
.content {
	width:800px;
	background:url(images/content-bg.gif) repeat-x #FFFFFF;
}

/* ----------------------------------------------------------- 6. CONTENT FRONT UP1 */
.contentup1 {
	height:279px;
	width:800px;
}
/*------------------------------------------------------------------------------ 6.1 Find Your Artist */
.findartist {
	width:195px;
	float:left;
}
.findartis_menu {
	width:220px;
	height:25px;
	border-bottom:#919191 solid 1px;	
}
.findartis_menu ul {
	padding-left:8px;
	margin:0px;
}
.findartis_menu li{
	list-style:none;
	display:block;
	margin-top:0px;
	margin-left:1px;
	margin-bottom:0px;
	padding:0;
	float:left;
	height:24px;
	font-size:10px;
}
.findartis_menu a, .findartis_menu a span, .findartis_menu a.active, .findartis_menu a.active span, .findartis_menu a.swa, .findartis_menu a.swa span {
	display:block;
	float:left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/ 
.findartis_menu a, .findartis_menu a span, .findartis_menu a.active, .findartis_menu a.active span, .findartis_menu a.swa, .findartis_menu a.swa span
{ 
float: none ;
} 
/* End IE5-Mac hack */ 
.findartis_menu a 
{ 
	color: #000; 
	background: url("images/left.gif") left top no-repeat; 
	text-decoration: none; 
	padding-left: 7px;
	font-weight:bold;
} 
.findartis_menu a span { 
	background: url("images/right.gif") right top no-repeat; 
	padding-right:9px ;
	padding-left:2px ;
	padding-top:8px;
	padding-bottom:5px;
} 
.findartis_menu a:hover { 
	color: #000; 
	background: url("images/left_on.gif") left top no-repeat; 
	text-decoration: none; 
	padding-left: 7px;
	font-weight:bold;
} 

.findartis_menu a:hover span { 
	background: url("images/right_on.gif") right top no-repeat; 
	padding-right:9px ;
	padding-left:2px ;
	padding-top:8px;
} 
.findartis_menu a.selected { 
	color: #003366; 
	background: url("images/left_on.gif") left top no-repeat; 
	text-decoration: none; 
	padding-left:7px;
	font-weight:bold;
} 
.findartis_menu a.selected span{ 
	background: url("images/right_on.gif") right top no-repeat; 
	padding-right:9px ;
	padding-left:2px ;
	padding-top:9px;
} 
.findartis_content {
	width:200px;
	padding:10px;
}
.findartis_content td {
	font-size:10px;
}
.findartis_form {
	width:100px;
	font-size:10px;
	margin-top:3px;
	margin-bottom:3px;
}
.findartis_search {
	margin-top:10px;
	margin-bottom:10px;
	font-size:10px;	
	color:#0066FF;
	font-weight:bold;
}
/*------------------------------------------------------------------------------ 6.2 New Release */
.newrelease {
	margin:0px;
	padding:0px;
	/*width:580px;*/
	width:570px;
	height:279px;
	float:left;
	background:url(images/newrelease-bg.jpg) no-repeat;
}
.newrelease_album {
	margin-top:79px;
	margin-left:83px;
	height:91px;
	width:442px;
}
.newrelease_album img {
	border:#0066FF 1px solid;
	padding: 2px;
	background:#FFFFFF;
	margin-left:26px;
}

.dates {
	margin-top:70px;
	margin-left:20px;
	color:#0066FF;
}
/* ----------------------------------------------------------- 7. CONTENT FRONT UP2 */
.contentup2 {
	width:800px;
}
.contentup2_left {
	width:220px;
	
	float:left;
	padding: 0px; margin: 0px;
}
.contentup2_middle {
	width:330px;
	/*width:310px; padding: 0px;*/
	margin-left:8px;
	float:left;
}
.contentup2_right {
	width:220px;
	width:215px;
	float:left;
	margin-left:8px;
	padding: 0px;
}
/*------------------------------------------------------------------------------ 7.1 CONTENT FRONT UP2 LEFT */
/*------------------------------------------------------------------------------------------------------- 7.1.1  Best Seller */
.bestseller {
	margin-left:8px;
	margin-bottom:10px;
	width:212px;
	background:#EBE8E1;
}
.bestseller_menu {
	width:212px;
	height:25px;
	border-bottom:#919191 solid 1px;	
}
.bestseller_menu ul {
	padding-left:8px;
	margin:0px;
}
.bestseller_menu li{
	list-style:none;
	display:block;
	margin-top:0px;
	margin-left:1px;
	margin-bottom:0px;
	padding:0;
	float:left;
	height:24px;
	font-size:10px;
}
.bestseller_menu a, .bestseller_menu a span, .bestseller_menu a.active, .bestseller_menu a.active span, .bestseller_menu a.swa, .bestseller_menu a.swa span {
	display:block;
	float:left;
}
/* Commented backslash hack hides rule from IE5-Mac \*/ 
.bestseller_menu a, .bestseller_menu a span, .bestseller_menu a.active, .bestseller_menu a.active span, .bestseller_menu a.swa, .bestseller_menu a.swa span
{ 
float: none ;
} 
/* End IE5-Mac hack */ 
.bestseller_menu a 
{ 
	color: #000; 
	background: url("images/left.gif") left top no-repeat; 
	text-decoration: none; 
	padding-left: 7px;
	font-weight:bold;
} 
.bestseller_menu a span { 
	background: url("images/right.gif") right top no-repeat; 
	padding-right:9px ;
	padding-left:2px ;
	padding-top:8px;
	padding-bottom:5px;
} 
.bestseller_menu a:hover { 
	color: #000; 
	background: url("images/left_on.gif") left top no-repeat; 
	text-decoration: none; 
	padding-left: 7px;
	font-weight:bold;
} 

.bestseller_menu a:hover span { 
	background: url("images/right_on.gif") right top no-repeat; 
	padding-right:9px ;
	padding-left:2px ;
	padding-top:8px;
} 
.bestseller_menu a.selected { 
	color: #003366; 
	background: url("images/left_on.gif") left top no-repeat; 
	text-decoration: none; 
	padding-left:7px;
	font-weight:bold;
} 
.bestseller_menu a.selected span{ 
	background: url("images/right_on.gif") right top no-repeat; 
	padding-right:9px ;
	padding-left:2px ;
	padding-top:9px;
} 
.bestseller_content {
	padding:5px 10px 5px 10px;
}
.bestseller_content ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
.bestseller_content li {
	background:#FFFFFF;
	border-bottom:#EBE8E1 1px solid;
	padding:5px;
}
.bestseller_content img {
	float:right;
	border:0px;
}
.bestseller_content a {
	text-decoration:none;
	color:#0066FF
}
/*------------------------------------------------------------------------------------------------------- 7.1.2  Banner */
.banner_box {
	margin-left:8px;
	width:212px;
	padding:10px 0 10px 0;
}
.banner_box img {
	margin: 2px 5px 2px 0;
	float:left;
}
/*------------------------------------------------------------------------------------------------------- 7.1.3  Polling */
.polling {
	width:193px;
	padding-left:12px;
	margin:0 0 20px 8px;
	background:url(images/polling-up.gif) no-repeat;
	color:#016dd0;
	
	/*margin: 0px 0px 0px 0px; */
	/*padding:1px 5px 1px 5px; */
	display: none;
}
/*------------------------------------------------------------------------------ 7.2 CONTENT FRONT UP2 MIDDLE */
/*------------------------------------------------------------------------------------------------------- 7.2.1  Our Products - Front */
.ourproducts {
	width:330px;
	/*width:320px;*/
	background:url(images/content2-bg.gif) repeat-x;
	overflow: auto;
}
.ourproducts_inside {
	margin-left:5px;
	margin-right:5px;
	/*border: 1px solid #000000;*/
}
.ourproducts_item {
	width:91px;
	margin-left:15px;
	margin-bottom:20px;
	/*margin-bottom:40px;*/
	float:left;
	display:inline;
	
	/*border: 1px solid #000000;*/
}
.ourproducts_item img{
	margin-bottom:7px;
	border:#0066FF 1px solid;
	padding: 2px;	
}
.ourproducts_item h1 {
	font-size:11px;
	font-weight:bold;
	margin:0px;
}
.ourproducts_item h2 {
	font-size:11px;
	font-weight:normal;
	margin:0px;
}
.ourproducts_item a {
	color:#000000;
	text-decoration:none;
}
/*------------------------------------------------------------------------------------------------------- 7.2.2  News & Event */
.newsevent {
	width:330px;
	background:url(images/content2-bg.gif) repeat-x;
}
.newsevent_inside {
	margin-left:10px;
	margin-right:10px;
}
.newsevent_inside ul {
	list-style-type:none;
	margin:0 10px 10px 10px;
	padding:0px;

}
.newsevent_inside li {
	border-bottom:dashed #FF6600 1px;
	padding: 3px 0 5px 13px;
	background:url(images/list-newsevent.gif) no-repeat ;
	background-position: 0% 10%;
}
.newsevent_inside img{
	border:#0066FF 1px solid;
	padding: 2px;
	float:left;
	margin:0 4px 3px 0;
}
.newsevent_inside h1 {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
}
.newsevent_inside h2 {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;
}
.newsevent_inside p {
	margin: 0px;
	padding:0px;
	color:#6d6f6f;
}
.newsevent_inside a {
	color:#6d6f6f;
}
.newsevent_inside span {
	color:#0066FF;
}
/*------------------------------------------------------------------------------ 7.3 CONTENT FRONT UP2 RIGHT */
.contentup2_rightline {
	width:199px;
	height:1px;
	border-top:#FF9900 dashed 1px;
	margin-left:20px;
}
/*------------------------------------------------------------------------------------------------------- 7.3.1  Member Login */
.memberlogin {
	background-image:url(images/memberlogin-up.gif);
	width:198px;
	padding-left:12px;
	margin-bottom:20px;

}
.memberlogin, .memberlogin a {
	color:#0071b3;
}
.memberlogin_down {
	margin-left:-12px;
}
.memberlogin_form {
	font-size:10px;
	width:90px;
}
.memberlogin_formtext {
	color:#333333;
	font-size:10px;
}
/*------------------------------------------------------------------------------------------------------- 7.3.2 Newsletter  */
.newsletter {
	width:198px;
	padding-left:12px;
	margin-bottom:20px;
	background:url(images/newsletter-up.gif) no-repeat;
	color:#016dd0;
}
.newsletter_form {
	margin-top:5px;
	margin-bottom:5px;
	width:180px;
	font-size:10px;
}
.newsletter_subscribe {
	margin-bottom:10px;
	font-size:10px;	
	color:#0066FF;
	font-weight:bold;
}
/*------------------------------------------------------------------------------------------------------- 7.3.3 Payment Menthod */
.payment {
	width:198px;
	padding-left:12px;
	margin-bottom:20px;
	background:url(images/payment-up.gif) no-repeat;
}

/* ----------------------------------------------------------- 8. CONTENT INSIDE*/
.content_inside {
	width:800px;
	background:#FFFFFF;
	background:url(images/content-bg.gif) repeat-x;
}
.ci_header {
	width:798px;
	margin:1px
}
.ci_content {
	margin:30px 40px;
	width:720px;
}
.ci_content p {
	margin:5px 0px;
	line-height: 13px;
}
.ci_content h1 {
	font-size:14px;
	font-style:oblique;
	color:#FF9900;
	margin:0px;
}
/* ----------------------------------------------------------- 9. PRODUCT */
.product {
	width:800px;
	background:#FFFFFF;
/*background:#fefaf1;*/
}
.product_left {
	width:220px;
	float:left;
}
.product_right2 {
	margin:0px;
	padding:0px;
	width:580px;
	float:left;
	background:#fefaf1;
}
.product_right {
	margin:0px;
	padding:0px;
	/*width:580px;*/
	width:570px; display: inline;
	float:left;

}
.product_subjectlink {
	/*width:530px;*/
	width:520px;
	padding:10px;
	margin-left:30px;
	background:#e5e0d4;
	color:#464646;
	font-size:12px;
	font-weight:bold;
}
.product_list {
	width:550px;
	width:545px;
	margin:30px 0 30px 30px;
	overflow: auto;
}
.product_item {
	width:91px;
	margin-right:40px;
	margin-bottom:30px;
	float:left;
	display:inline;
}
.product_item img{
	margin-bottom:7px;
	border:#0066FF 1px solid;
	padding: 2px;	
}
.product_item h1 {
	font-size:11px;
	font-weight:bold;
	margin:0px;
}
.product_item h2 {
	font-size:11px;
	font-weight:normal;
	margin:0px;
}
.product_item a {
	color:#000000;
	text-decoration:none;
}
.productdetail_left {
	width:180px;
	float:left;
	margin-top:20px;
	padding-left:30px;
}
.productdetail_left p {
	margin:10px 0 10px 10px;
}
.productdetail_right {
	margin-top:20px;
	/*width:330px;*/
	width:325px;
	margin-left:20px;
	float:left;
}
.productdetail_right h1 {
	font-size:11px;
	font-weight:bold;
	margin:0;
}
.productdetail_right h2 {
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	margin:0;
}
.productdetail_right p {
	font-size:11px;
	color:#333333;
}
.productdetail_right td {
	padding:4px;
	border-bottom:#e5e0d4 1px solid;
}
.pd_title td{
	font-weight:bold;
}
.pd_even td{
	background:#ebe8e1;
}
.pd_border {
	border-right:#e5e0d4 1px solid;
	border-left:#e5e0d4 1px solid;
}
.pd_morenewrelease {
	border-top:#e5e0d4 1px solid;
	/*width:530px;*/
	width:525px;
	padding:10px;
	margin-left:30px;
	font-size:14px;
	font-weight:bold;
	color:#a88e52;
	font-style:italic;
	margin-top:30px;
}