@charset "utf-8";

/* *************************************** */
/*         Aryo Darmo Kusuma			   */
/*     RL_template 1.01 (UTF-8 ver.)       */
/*       ver 1.01 Release : 2008.06.24     */
/* *************************************** */

/* ********** CSS Compatibility ********** */
/*   full:Win IE6,7;Firefox1.5,2.0;        */
/*        Mac Safari 1.3;Firefox 1.5,2.0;  */
/*   Not usable:                           */
/*        IE 5.5-;NC4                      */
/* *************************************** */

/* filter CSS \*/

*{padding: 0; margin: 0;}
/*  ==================== universal styles ==================== */

html {
	overflow-y			: scroll;
}
body, form {
	margin				: 0;
	padding				: 0;
	word-wrap			: break-word;
}

img {
	border				: 0px;
	margin				: 0px;
	padding				: 0px;
}

div {
	padding				: 0px;
	margin				: 0px;
	}


/*-- Body start --*/
body {
	margin-left			: 0px;
	margin-top			: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;
	font-size			: 12px;
	font-family			: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	line-height			: 140%;
	}

h1 a
	{
	margin				: 0px;
	padding				: 0px;
	display				: block;

	}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
	{
	visibility			: hidden;
	text-decoration		: none;
	display				: none;
	font-size			: 0px;
	margin				: 0px;
	padding				: 0px;
	text-indent			: -999px;
	}
	
h2, h3, h4, h5, h6{
	font-size			: 12px;
	margin				: 0px;
	padding				: 0px;
	font-weight			: bold;
	display				: inline;
	}
	

.ver_09 { font-size: 9px; line-height:140%;  }
.ver_10 { font-size: 10px; line-height:140%; }
.ver_11 { font-size: 11px; line-height:140%; }
.ver_12 { font-size: 12px; line-height:140%; }
.ver_13 { font-size: 13px; line-height:140%; }
.ver_14 { font-size: 14px; line-height:140%; }
.ver_15 { font-size: 15px; line-height:140%; }
.ver_17 { font-size: 17px; line-height:140%; }
.ver_18 { font-size: 18px; line-height:140%; }

.TextHitam { color:#000000;}
.TextBold { font-weight: bold; }
.TextHitamBold { color: #000000; font-weight: bold; }
.TextPutihBold { color: #ffffff; font-weight: bold; }
.TextYellowBold { color: #ffff00; font-weight: bold; }

.italicBold { font-style:italic; font-weight:bold; }

.Link16 a { color: #000080; text-decoration:none }
.Link16 a:hover { color: #000080; text-decoration:underline }
.Link17 a { color: #000080; text-decoration:underline; font-style:italic; }
.Link17 a:hover { color: #000080; text-decoration:none; font-style:italic; }

.Link18 a { color: #000000; text-decoration:none }
.Link18 a:hover { color:#000000; text-decoration:underline; }
.Link19 a { color: #000000; text-decoration:underline; font-style:italic; }
.Link19 a:hover { color: #000000; text-decoration:none; font-style:italic; }


.padding_top5 {
	padding-top			: 10px;
	}
	
.padding_top6 {
	padding-top			: 6px;
	}


.pdg_topbtn10 {
	padding				: 10px 0px 10px 0px;
	}


.pdg_topbtn5 {
	padding				: 5px 0px 5px 0px;
	}


.mrg_topbtn5 {
	margin				: 5px 0px 5px 0px;
	}

.mrg_topbtn15 {
	margin				: 5px 0px 5px 0px;
	}

.padding_btn10 {
	padding-bottom		:10px;
	}

.padding_btn6 {
	padding-bottom		:6px;
	}

.pdg_lftrht {
	padding				: 0px 5px 0px 5px;
	}

.mrg_top6 {
	margin-top			:6px;
	}

							
/*-- Link Universal Start --*/

a, a:link 
	{
	color				: #10016A;
	text-decoration		: none;
	}
	
a:hover
	{
	color				: #10016A; 
	text-decoration		: underline;
	}

		
/*--Link Universal End --*/

/*-- Out_side Start --*/
#out_side {
	padding				: 0px;
	margin				: auto;
	text-align			: center;
	background			: #FFFFFF url(../images/bg_utama.jpg) repeat-x left top;

}

#ads {
	height				: 55px;
	margin				: auto;
	text-align			: center;
	}

iframe {
	margin				: 0px;
	padding				: 0px;
	}				

/*-- wrapper_page  Start --*/

#wrapper_page {
	color				: #000000;
	width				: 970px;
	margin				: auto;
	text-align			: center;
	
}

#header {
	height				: 104px;
	width				: 970px;
	}

.box_logo {
	float				: left;
	width				: 224px;
	}

.box_logo img {
	border				: 0px;
	}

.box_menu {
	width				: 740px;
	float				: right;
	}

.menu_top {
	font-weight			: bold;
	padding				: 6px 0px 0 0px;
	font-size			: 11px;
	}

.menu_top a, .menu_top a:link {
	color				: #830101;
	text-decoration		: none;
	}

.menu_top a:hover {
	color				: #830101;
	text-decoration		: underline;
	}

/*-- menu_utama start --*/
#menu_utama {
	float				: left;
	font-size			: 12px;
	line-height			: normal;
	padding-top			: 38px;
	width				: 650px;
}
#menu_utama ul {
	margin				: 0;
	padding				: 0px 0px 0 60px;
	list-style			: none;
}
#menu_utama li {
	display				: inline;
	margin				: 0;
	padding				: 0;
}
#menu_utama a {
	float				: left;
	background			: url(../images/menu_left.jpg) no-repeat left top;
	margin				: 0;
	padding				: 0 0 0 4px;
	text-decoration		: none;
}
#menu_utama a span {
	float				: left;
	display				: block;
	background			: url(../images/menu_right.jpg) no-repeat right top;
	padding				: 10px 16px 18px 12px;
	color				: #FFF;
	font-weight			: bold;
	text-align			: center;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_utama a span {float:none;}
/* End IE5-Mac hack */
#menu_utama a:hover span {
color					: #FFF;
font-weight				: bold;
}
#menu_utama a:hover {
background-position		: 0% -42px;
}
#menu_utama a:hover span {
background-position		: 100% -42px;
}

#menu_utama #current a {
background-position		: 0% -42px;
color					: #FFF;
font-weight				: bold;
}
#menu_utama #current a span {
background-position		: 100% -42px;
color					: #FFF;
font-weight				: bold;
}
/*-- menu_utama end --*/



#wrapper_midle {
	text-align			: left;
	width				: 970px;
	padding-top			: 15px;
	}

#contents {
	text-align			: left;
	width				: 663px;
	float				: left;
	}

.flash_banner {
	width				: 660px;
	height				: 388px;
	float				: left;
	}

.hot_event {
	width				: 660px;
	padding-top			: 10px;
	float				: left;	
	}

.hot_title {
	background			: url(../images/bar_title.jpg) top left no-repeat;
	height				: 42px;
	}

.title_hot {
	padding				: 12px 0px 0px 89px;
	float				: left;
	width				: 320px;	
	color				: #CE0000;
	}

.title_text {
	padding				: 12px 0px 5px 0px;
	float				: left;	
	color				: #CE0000;
	width				: 100%;
	}

.text {
	width				: 100%;
	text-align			: justify;
	float				: left;
	}

.more_hot {
	width				: 200px;
	float				: right;
	padding				: 12px 0px 0px 0px;
	color				: #CE0000;
	text-align			: right;
	}

.hot_contens {
	width				: 160px;
	float				: left;
	padding-right		: 5px;
	margin-bottom		: 10px;
	}

.title_top {
	padding				: 10px 0px;
	height				: 60px;
	width				: 120px;
	line-height			: normal;
	}

.title_top h3 {
	font-size			: 13px;
	margin				: 0px;
	padding				: 0px;
	font-weight			: bold;
	}

.hot_foto {
	margin				: 0px 0px 5px 0px;
	}	
	
.hot_foto img {
	border				: 2px solid #000;
	}

.title_down {
	padding				: 10px 0px 0px 0px;
	}

.buy2 {
	float				: left;
	padding-right		: 2px;
	}

.buy3 {
	margin				: 15px 0px 5px 0px;
	}

.events {
	width				: 160px;
	border-bottom		: 1px dotted #6E0101;
	display				: block;
	float				: left;
	margin-bottom		: 3px;
	height				: 60px;
	}

.date {
	float				: left;
	width				: 35px;
	background			: #6E0101;
	color				: #FFFFFF;
	padding				: 5px 0px;
	text-align			: center;
	font-size			: 12px;
	}

.date_text {
	float				: right;
	width				: 120px;
	padding-left		: 3px;
	}

.buy {
	padding				: 0px 3px 0px 0px;
	width				: 132px;
	float				: left;
	}
	

.tabs5 {
	float				: left;
	font-size			: small;
	line-height			: normal;
	text-align			: left;
	margin				: 0px;
	padding				: 0px;
	width				: 500px;
}

.on_sale {
	padding-top			: 20px;
	width				: 660px;
	}

.detail_box {
	width				: 660px;
	float				: left;
	display				: block;
	}

.table_categori {
	margin				: 10px 0px;
	text-align			: center;
	background			: #FEF8D3;
	font-weight			: bold;
	font-size			: 11px;
	}

.table_categori table {
	border-left			: 1px solid #000;
	border-top			: 1px solid #000;
	}

.table_categori td {
	border-right		: 1px solid #000;
	border-bottom		: 1px solid #000;
	padding				: 2px;
	}

.un {
	color				: #FF0000;
	}

.on {
	color				: #FF00FF;
	}

.li {
	color				: #663300;
	}

.nu {
	background			: #FF9511;
	}

.sinopsis {
	width				: 265px;
	float				: left;
	}

.eventnya {
	float				: right;
	width 				: 390px;
	}

.date_event {
	float				: left;
	width				: 170px;
	}

.price_events {
	float				: right;
	width				: 210px;
	}

.mailtofriend {
	/*background			: url(../images/mailtofriend.jpg) top left no-repeat;*/
	background			: url(../images/mailtofriend_lit.jpg) top left no-repeat;
	width				: 279px;
	height				: 44px;
	margin-top			: 12px;
	padding-top			: 3px;
	}

.box_frind {
	padding				: 12px 12px 0px 12px;
	float				: left;
	}

.frind_gbr {
	float				: left;
	width				: 40px;
	}

.frind_text {
	float				: right;
	width				: 210px;
	color				: #FFFFFF;
	display				: block;
	}


.tabs5 ul {
	margin				: 0;
	padding				: 0px 0px 0 0px;
	list-style			: none;
}
.tabs5 li {
	display				: inline;
	margin				: 0;
	padding				: 0;
}
.tabs5 a {
	float				: left;
	background			: url(../images/menu_left.jpg) no-repeat left top;
	margin 				: 0;
	padding				: 0 0 0 4px;
	text-decoration		: none;
}
.tabs5 a span {
	float				: left;
	display				: block;
	background			: url(../images/menu_right.jpg) no-repeat right top;
	padding				: 5px 10px 10px 6px;
	color				: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs5 a span {float:none;}
/* End IE5-Mac hack */
.tabs5 a:hover span {
	color				: #FFF;
}
.tabs5 a:hover {
	background-position	: 0% -42px;
}
.tabs5 a:hover span{
	background-position	: 100% -42px;
}

.tabs5 .activeBtn a {
	background-position	: 0% -42px;
}
.tabs5 .activeBtn a span {
	background-position	: 100% -42px;
	color				: #FFF;
}


.onsale_deep {
	width:660px;
	}

.sale_dalem{
	width				: 660px;
	font-size			: 12px;
	font-weight			: bold;
	background			: url(../images/bg_sale.jpg) bottom left repeat-x;
	float				: left;
	display				: block;
	padding-top			: 5px;
	}

.name_sale {
	width				: 550px;
	float				: left;
	height				: 24px;
	padding-top			: 4px;
	}

.more_sale {
	width				: 100px;
	float				: right;
	}


#navigation {
	text-align			: left;
	width				: 300px;
	max-width			: 300px;
	float				: right;
	word-wrap			: break-word;
	}

.signin {
	background			: url(../images/signin.jpg) top no-repeat;
	height				: 90px;
	padding				: 10px 5px 5px 15px;
	}

.title {
	color				: #FFFFFF;
	}

.login {
	width				: 280px;
	padding-bottom		: 6px;
	*padding-bottom		: 0px!important;
	*padding-bottom		: 0px;
	line-height			: normal;
	}

.form_name {
	width				: 130px;
	float				: left;
	}

.form_pswd {
	width				: 130px;
	float				: left;
	}

.join{
	width				: 280px;
	margin-top			: 5px;
	float				: left;
	}


.join a, .join a:link{
	color				: #FFF;
	text-decoration		: none;
	}

.join a:hover {
	color				: #FFF;
	text-decoration		: underline;
	}

.video {
	background			: url(../images/bg_video.jpg) top no-repeat;
	line-height			: 140%;
	color				: #FFFFFF;
	padding				: 8px 0px 0px 15px;
	height				: 260px;
	margin				: 15px 0px 0px 0px;
	}

.video_img {
	padding				: 8px 0px 0px 0px;
	}

.img_login {
	width				: 90px;
	float				: left;
	}

.text_login {
	color				: #FFFFFF;
	font-size			: 11px;
	}

.search {
	background			: url(../images/seach.jpg) top left no-repeat;
	height				: 186px;
	padding				: 10px 5px 5px 15px;
	}

.shopping {
	width				: 300px;
	}

.shopping_top {
	background			: url(../images/shopping_top.jpg) bottom left no-repeat;
	width				: 300px;
	height				: 9px;	
	}

.shopping_btn {
	background			: #C30A0A url(../images/shopping_btn.jpg) bottom no-repeat;
	display				: block;
	float				: left;
	padding				: 10px 5px 5px 15px;
	width				: 280px;
	}

.box_belanja {
	float				: left;
	border-bottom		: 2px solid #FFF;
	padding-bottom		: 5px;	
	}

.daftarartis {
	width				: 280px;
	padding				: 12px 0px 5px 0px;
	color				: #FFFFFF;
	border-bottom		: 1px dotted #990000;
	float:left;
	}

.nama_artis {
	width				: 170px;
	float				: left;	
	}
	
.harga {
	width				: 100px;
	float				: right;
	}

.harga img {
	vertical-align		: bottom;
	}

.total_belanja {
	float				: left;
	padding-bottom		: 5px;	
	}
	
.belanjarartis {
	width				: 280px;
	padding				: 5px 0px 5px 0px;
	color				: #FFFFFF;
	float				: left;
	}
	

.calendar {
	width				: 300px;
	float				: left;
	margin-top			: 15px;
	}

.calendar_top {
	background			: url(../images/calendar_top.jpg) bottom left no-repeat;
	width				: 300px;
	height				: 51px;
	}

.bulan {
	width				: 300px;
	float				: left;
	padding				: 8px 0px;
	}
	
.next_left {
	width				: 50px;
	text-align			: center;
	float				: left;
	}

.mont {
	width				: 200px;
	text-align			: center;
	font-weight			: bold;
	float				: left;
	color				: #FFFFFF;
	}
	
.next_right {
	float				: left;
	width				: 50px;
	text-align			: center;
	}

.hari {
	width				: 300px;
	}

.hari ul {
	margin				: 0;
	padding				: 0px;
	list-style			: none;
}

.hari li {
	display				: inline;
	margin				: 0;
	padding				: 0;
	float				: left;
	width				: 42px;
	text-align			: center;
	color				: #FFFFFF;
	font-weight			: bold;
}


.harian {
	width				: 300px;
	font-size			: 11px;
	}

.harian ul {
	margin				: 0;
	padding				: 0px;
	list-style			: none;
}

.harian li {
	display				: inline;
	margin				: 0;
	float				: left;
	width				: 42px;
	height				: 35px;
	text-align			: left;
	color				: #000;
	font-weight			: bold;
	background			: url(../images/calendar_box.jpg) top no-repeat;
}

.harian li a, .harian li a:link, .harian li a:hover {
	background			: url(../images/calendar_box_ho.jpg) top no-repeat;
	display				: block;
	height				: 33px;
	width				: 40px;
	color:#FFFFFF;
	}

.upcoming {
	padding-top			: 15px;
	width				: 300px;
	}

.title_upcoming {
	color				: #FFFFFF;
	background			: url(../images/bg_upcoming.jpg) left top repeat-x;
	height				: 22px;
	width 				: 295px;
	clear				: both;
	padding				: 5px 0px 0px 5px;
	}

.tumb_up, .tumb_down {
	width				: 300px;
	clear				: both;
	}

.box_upcoming {
	float				: left;
	width				: 100%;
	background			: #E3E3E3;
	border-bottom		: 1px solid #000000;
	margin-bottom		: 5px;
	}

.img_upcoming {
	width				: 99px;
	float				: left;
	}
	
.img_upcoming img {
	border				: 1px solid #000000;
	float				: left;
	}
	
.event_upcoming {
	float				: right;
	width				: 195px;
	}

.events_text {
	width				: 190px;
	border-bottom		: 1px dotted #6E0101;
	display				: block;
	float				: left;
	margin-bottom		: 3px;
	text-align			: left;
	}

.date_text2 {
	float				: right;
	width				: 150px;
	padding-left		: 3px;
	}

.breadcrum {
	padding				: 0px 0px 8px 0px;
	font-size			: 11px;
	font-weight			: bold;
	}

.box_next {
	margin				: 10px 0px;
	clear				: both;
	height				: 40px;
	}

.next_next {
	float				: left;
	width				: 165px;
	}

/*-- wrapper_page  End --*/

/*-- signal_bottom Start --*/

.signal_bottom {
	clear				: both;
	color				: #ff00ff;
	padding-top			: 0.1px;
	
}

.gap {
	margin-top			: 10px;
	}
							

/*-- signal_bottom  end --*/
							

/*-- footer Start --*/

#footer {
	color				: #333333;
	background			: url(../images/footer.jpg) left top repeat-x;
	margin				: auto;	
	width				: 100%;
	height				: 90px;
	text-align			: center;
	padding-top			: 30px;	
}