/*
last update
	17 april 2013
		11.00 - d - create
*/

/*start itemmall*/

.wrapitemmall{
	clear:both;
	display:inline;
	float:left;
	margin:20px 0 0 35px;
	padding-bottom:40px;
	width:620px;	
}
	.wrapitemmall .wrapbanner{
		clear:both;
		display:inline;
		float:left;
		margin-left:8px;
		width:602px;
		height:128px;
	}
	.wrapitemmall .wrapsubmenu{
		clear:both;
		display:inline;
		float:left;
		width:580px;
		margin:20px 0 0 20px;
	}
			.wrapitemmall .wrapsubmenu .bgsubmenu{
				background:url(/images/layout/itemmall/bgsubmenu.png) no-repeat left top;
				clear:both;
				display:inline;
				float:left;
				height:28px;
				width:555px;
				margin:0 0 0 12px;
			}
				.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim{
					float:left;
					margin:5px 0 0 15px;
					width:530px;
				}
					.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li{
						display:inline;
						float:left;
						text-align:center;
						margin-right:10px;
					}
						.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li a{
							color:#73ae39;
							display:inline;
							float:left;
							font-size:12px;
							text-align:center;
						}
							.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li a.intro{
								width:95px;
							}
							.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li a.katalog{
								width:137px;
							}
							.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li a.pesan{
								width:117px;
							}
							.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li a.status{
								width:135px;
							}
						
						.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li a:hover,
						.wrapitemmall .wrapsubmenu .bgsubmenu ul.submenuim li.selected a{
							color:#3b7502;
							font-weight:bold;
						}
						
						.wrapitemmall .wrapsubmenu ul.menukatalog{
							clear:both;
							display:inline;
							float:left;
							margin:20px 0 0 12px;
							width:555px	;
						}
							.wrapitemmall .wrapsubmenu ul.menukatalog li{
								display:inline;
								float:left;
								height:29px;
								width:134px;
								margin-left:4px;
							}
							.wrapitemmall .wrapsubmenu ul.menukatalog li a{
								background:url(/images/layout/itemmall/itemspesial/btna.png) no-repeat left top;
								display:inline;
								float:left;
								width:134px;
								height:29px;
								text-align:center;
							}
							.wrapitemmall .wrapsubmenu ul.menukatalog li a.rare{
								background:url(/images/layout/itemmall/itemspesial/btnred.png) no-repeat left top;
								display:inline;
								float:left;
								width:134px;
								height:29px;
								text-align:center;
							}
							.wrapitemmall .wrapsubmenu ul.menukatalog li a.rare:hover ,
							.wrapitemmall .wrapsubmenu ul.menukatalog li.selected a.rare{
								background:url(/images/layout/itemmall/itemspesial/btnb.png) no-repeat left top;
								
							}
							.wrapitemmall .wrapsubmenu ul.menukatalog li a.rare:hover span,
							.wrapitemmall .wrapsubmenu ul.menukatalog li.selected a.rare span{
								color:#797979;
							}
								
							.wrapitemmall .wrapsubmenu ul.menukatalog li a:hover ,
							.wrapitemmall .wrapsubmenu ul.menukatalog li.selected a{
								background:url(/images/layout/itemmall/itemspesial/btnb.png) no-repeat left top;
							}
								.wrapitemmall .wrapsubmenu ul.menukatalog li a span{
									color:#797979;
									clear:both;
									display:inline;
									float:left;
									font-weight: bold;
									width:134px;
									margin-top:5px;
									text-align:center;
								}
								.wrapitemmall .wrapsubmenu ul.menukatalog li a.rare span{
									color:#fff;
									clear:both;
									display:inline;
									float:left;
									font-weight: bold;
									width:134px;
									margin-top:5px;
									text-align:center;
								}

			.wrapitemmall .wrapcontentim{
				clear:both;
				display:inline;
				float:left;
				width:540px;
				margin:0 0 0 40px;
				position:relative;

			}
				.wrapitemmall .wrapcontentim h1{
					color:#3b7502;
					font-weight:bold;
				}
				.wrapitemmall .wrapcontentim p{
					font-size:11px;
				}
				.wrapitemmall .wrapcontentim ul{
					color:#464646;
					font-size:11px;
				}
				
/*end itemmall*/

/*start tukar voucher*/
.wraptukarvoucher{
	clear:both;
	display:inline;
	float:left;
	width:580px;
	margin-top:15px;
}
	.wraptukarvoucher .wrapbanner{
		clear:both;
		display:inline;
		float:left;
		width:575px;
		height:135px;
		margin-left:2px;
	}
	.wraptukarvoucher .wrapsubmenu{
		clear:both;
		display:inline;
		float:left;
		width:580px;
		margin:10px 0 0 0;
	}
						
		.wraptukarvoucher .wrapsubmenu ul.submenu{
			clear:both;
			display:inline;
			float:left;
			margin:0 0 0 12px;
			width:555px	;
		}
			.wraptukarvoucher .wrapsubmenu ul.submenu li{
				display:inline;
				float:left;
				height:29px;
				width:134px;
				margin-left:4px;
			}
			.wraptukarvoucher .wrapsubmenu ul.submenu li a{
				background:url(/images/layout/itemspesial/btna.png) no-repeat left top;
				display:inline;
				float:left;
				width:134px;
				height:29px;
				text-align:center;
			}
			.wraptukarvoucher .wrapsubmenu ul.submenu li a.rare{
				background:url(/images/layout/itemspesial/btnred.png) no-repeat left top;
				display:inline;
				float:left;
				width:134px;
				height:29px;
				text-align:center;
			}
			.wraptukarvoucher .wrapsubmenu ul.submenu li a.rare:hover ,
			.wraptukarvoucher .wrapsubmenu ul.submenu li.selected a.rare{
				background:url(/images/layout/itemspesial/btnb.png) no-repeat left top;
				
			}
			.wraptukarvoucher .wrapsubmenu ul.submenu li a.rare:hover span,
			.wraptukarvoucher .wrapsubmenu ul.submenu li.selected a.rare span{
				color:#797979;
			}
				
			.wraptukarvoucher .wrapsubmenu ul.submenu li a:hover ,
			.wraptukarvoucher .wrapsubmenu ul.submenu li.selected a{
				background:url(/images/layout/itemspesial/btnb.png) no-repeat left top;
			}
				.wraptukarvoucher .wrapsubmenu ul.submenu li a span{
					color:#797979;
					clear:both;
					display:inline;
					float:left;
					font-weight: bold;
					width:134px;
					margin-top:5px;
					text-align:center;
				}
				.wraptukarvoucher .wrapsubmenu ul.submenu li a.rare span{
					color:#fff;
					clear:both;
					display:inline;
					float:left;
					font-weight: bold;
					width:134px;
					margin-top:5px;
					text-align:center;
				}

			.wraptukarvoucher .wrapcontenttv{
				clear:both;
				display:inline;
				float:left;
				width:540px;
				margin:0 0 0 20px;
			}
				.wraptukarvoucher .wrapcontenttv h1{
					color:#3b7502;
					font-weight:bold;
				}
				.wraptukarvoucher .wrapcontenttv p{
					font-size:11px;
				}
				.wraptukarvoucher .wrapcontenttv ul{
					color:#464646;
					font-size:11px;
				}
				.wraptukarvoucher .wrapcontenttv table{
					border: solid 1px #000;
					color:#082278;
					width:540px;
					background:#fffeec;
				}
				.wraptukarvoucher .wrapcontenttv table tr{
					border: solid 1px #000;
				}
				.wraptukarvoucher .wrapcontenttv table tr th{
					border: solid 1px #000;
					text-align:center;
					height:50px;
					vertical-align:middle;
				}
				.wraptukarvoucher .wrapcontenttv table tr td{
					border: solid 1px #000;
					text-align:center;
					vertical-align:middle;
				}
				.wraptukarvoucher .wrapcontenttv table tr.blue td{
					background:#f2efef;
					border: solid 1px #000;
					text-align:center;
					vertical-align:center;
				}
				.wraptukarvoucher .wrapcontenttv table tr.blue td.nama,
				.wraptukarvoucher .wrapcontenttv table tr td.nama{
					font-weight:bold;
				}
/*end tukar voucher*/

/*start .wrapform*/
	.wrapcontentim .wrapform{
		clear:both;
		display:inline;
		float:left;
		width:540px;
			
	}
		.wrapcontentim .wrapform .bgtop{
			background:url(../images/layout/itemmall/bgatas.jpg) no-repeat left top;
			clear:both;
			display:inline;
			float:left;
			height:9px;
			margin:-7px 0 0 25px;
			padding:0;
			position:relative;
			width:870px;
		}
		.wrapcontentim .wrapform .bgisi{
			clear:both;	
			display:inline;
			float:left;
			margin:0px 0 0 0px;
			padding-bottom:4px;			
			position:relative;
			width:540px;
		}
			.wrapcontentim .wrapform .bgisi .wrapbgformatas .warnmsg{
				background:red;
				color:#fff;
				clear:both;
				display:inline;
				float:left;
				font-weight:bold;
				margin:20px 0 0 45px;
				padding:5px 0;
				text-align:center;
				width:450px;
			}
				.wrapcontentim .wrapform .bgisi .wrapbgformatas .warnmsg .warning{
					color:#fff !important;
				}
			.wrapcontentim .wrapform .bgisi .wrapbgformatas{
				clear:both;
				display:inline;
				float:left;
				width:540px;
			}
			.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan{
				display:inline;
				float:left;
				margin:20px 0 0 0px;
				width:494px;
			}
					.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformatas{
						background:url(../images/layout/itemmall/bgformlats.gif) no-repeat left top;
						clear:both;
						display:inline;
						float:left;
						margin: 0 0 0 45px;
						height:170px;
						width:450px;
					}
						.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformatas .loginatas{
							clear:both;
							display:inline;
							float:left;
							margin:23px 0 0 0px;
							width:398px;						
					  }
							.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformatas .loginatas span.judullogin{
								color:#640a00;

								font-weight:bold;
								font-family:Verdana;
								font-size:14px;
								margin:0 0 0 140px;
							}
							.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformatas .loginatas p{
								color:#640a00;
								clear:both;
								float:left;								
								font-family:Verdana;
								font-size:12px;
								margin:5px 0 0 30px;
								width:100%;
							}
						.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformatas .logintengah{
							clear:both;
							display:inline;
							float:left;
							margin: 10px 0 0 110px;
							width:261px;
						}
						
/*start formloginim*/
#formloginim{
	display:inline;
	float:left;
	width:	261px;
}
#formloginim .wrapformim{
	clear:both;
	display:inline;
	float:left;
	width:210px;
}
	#formloginim label{
		clear:both;
		display:inline;
		float:left;
	}
		#formloginim label img{
			display:inline;
			float:left;
			margin-top:5px;			
		}
		
		#formloginim input.formrow{
			display:inline;
			float:left;
			margin:2px 0 0 5px;
			width:160px;
		}
		
		#formloginim input.btnlogin{
			display:inline;
			float:left;
			height:29px;		
			margin-top:10px;			
			width:51px;
		}
/*end formloginim*/
						
					#wraploginim .wrapform .bgisi .wrapbgformatas .kanan .bgformbawah{
							background:url(/images/layout/itemmall/bgfombwh.gif) no-repeat left top;
							clear:both;
							display:inline;
							float:left;
							height:57px;
							margin:-5px 0 0 0;
							position:relative;
							width:450px;
							background:blue !important;
					}
						.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformbawah .loginbawah{
								clear:both;
								display:inline;
								float:left;
								width:100%;
						}
							.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformbawah .loginbawah span{
									color:#640a00;
									font-family:Verdana;
									font-size:12px;
									font-weight:bold;
									float:left;
									margin: 17px 0 0 0;
									width:100%;
							}
							.wrapcontentim .wrapform .bgisi .wrapbgformatas .kanan .bgformbawah .loginbawah p{
									color:#640a00;
									font-family:Verdana;
									font-size:12px;
									float:left;
									margin:20px 0 0 20px;
									width:300px;
							}
				.wrapcontentim .wrapform .bgisi .wrapbgformatas .gambarlogin{
					background:url(../images/layout/itemmall/rabbit.gif) left top;
					display:inline;
					float:left;
					height:327px;
					margin:17px 0 0 110px;
					width:276px;
				}
				.wrapcontentim .wrapform .bgisi .wrapbgformatas .wrapcatatan{
					display:inline;
					float:left;
					margin:15px 0 0 0;
				}
				.wrapcontentim .wrapform .bgisi .wrapbgformatas .wrapcatatan span.maincatatan{
					color:#640a00;
					font-family:verdana;
					font-size:12px;
					font-weight:bold;
					float:left;
				}
				.wrapcontentim .wrapform .bgisi .wrapbgformatas .wrapcatatan .listcatatan{
					clear:both;
					display:inline;
					float:left;
					padding:0 0 50px 0;
				}
				.wrapcontentim .wrapform .bgisi .wrapbgformatas .wrapcatatan .listcatatan li{
					background:url(/images/layout/itemmall/liststyle.gif) no-repeat left 5px;
					clear:both;
					color:#640a00;
					display:inline;
					float:left;
					width:100%;
					font-family:verdana;
					font-size:11px;
					float:left;
					margin:0 0 0 25px;
				}
					.wrapcontentim .wrapform .bgisi .wrapbgformatas .wrapcatatan .listcatatan li span{
						display:inline;
						float:left;
						margin-left:15px;
						width:480px;
					}
				/*end .wrapbgformatas*/
			/*start .bgbtm*/
		.wrapcontentim .wrapform .bgbtm{
			background:url(../images/layout/itemmall/bgbtm.jpg) no-repeat left top;		
			clear:both;
			display:inline;
			float:left;
			height:8px;
			margin:0 0 0 25px;
			width:870px;
		}
		/*end .bgbtm*/	
	/*end .wrapform*/

/*start pesan*/
#wrappesan{
	clear:both;
	display:inline;
	float:left;
	margin:0px 0 0 0px;
	width:540px;
}
	#wrappesan .bannerstatuspesan{
		background:url(/images/layout/itemmall/bannerstatuspemesanan2.gif) no-repeat top left;
		clear:both;
		display:inline;
		float:left;
		height:71px;
		width:100%;
	}
	#wrappesan .bannerstatuspesan span.txtbannerpesan{
		color:#FFF200;
		clear:both;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		margin:27px 0 0 270px;
		width:250px;
	}
	#wrappesan .wraporderpesan{
		background:url(../images/layout/itemmall/order/bgisi.jpg) no-repeat scroll left top;
		display:inline;
		float:left;
		height:440px;
		width:540px;
	}
	#wrappesan .wraporderpesan .wrapisipesan{
		clear:both;
		display:inline;
		float:left;
		width:100%;
	}
	#wrappesan .wraporderpesan .peringatan{
		background:#64120B;
		border:1px solid #80501F;
		display:inline;
		float:left;
		padding:10px;
		margin:30px 0 0 0px;
		width : 200px;
	}
		#wrappesan .wraporderpesan .peringatan li{
			clear:both;
			color:white;
			display:inline;
			float:left;
			width:200px;
		}
	#wrappesan .wraporderpesan .isiorderpesan{
		display:inline;
		float:left;
		height:350px;
		/*margin:30px 0 0 0*/;
		width :310px;
	}
		#wrappesan .wraporderpesan .isiorderpesan li{
			clear:both;
			display:inline;
			float:left;
			margin:20px 0 0 0px;
			width:310px;
		}
			#wrappesan .wraporderpesan .isiorderpesan li input{
				margin:0 0 0 30px;
				width:135px;				
			}
			#wrappesan .wraporderpesan .isiorderpesan li select{
				margin:0 0 0 30px;
				width:140px;
			}
			#wrappesan .wraporderpesan .isiorderpesan li strong{
				display:inline;
				float:left;
				font-size:14px;
				font-family:Arial;
			}
				#wrappesan .wraporderpesan .isiorderpesan li .list{
					color:#FFF200;
					text-align:right;
					width:120px;		
				}
				#wrappesan .wraporderpesan .isiorderpesan li .list2{
					color:#FFF;
					text-align:left;
					margin:0 0 0 30px;
				}
				#wrappesan .wraporderpesan .isiorderpesan li label.contentlist{
					color:#ffc453;
					margin:0 0 0 5px;
				}
	#wrappesan .wrapisipesan .wrapbtnlogout{
		display:inline;
		float:right;
		height:26px;
		margin:20px 20px 0 0;
		width:94px;
	}	
	#wrappesan .wraplistpesan{
		display:inline;
		float:left;
		width:540px;
	}
		#wrappesan .wraplistpesan .bgwraplistpesantop{
		clear:both;
		/*background:url(../images/layout/itemmall/status/bglistpesantop.gif) no-repeat left top;*/
		display:inline;
		float:left;
		height:18px;
		width:540px;
	  }
		#wrappesan .wraplistpesan .bgwraplistpesanisi{
			clear:both;
			/*background:url(../images/layout/itemmall/status/bglistpesanbtm.gif) repeat-y left top;*/
			display:inline;
			float:left;
			padding-bottom:20px;
			width:540px;
	  }
		#wrappesan .wraplistpesan .bgwraplistbtmpesan{
		clear:both;
		background:url(../images/layout/itemmall/order/bgbwahbtm.jpg) no-repeat left top;
		display:inline;
		float:left;
		height:18px;
		width:540px;
	  }
		#wrappesan .wraplistpesan .bgwraplistpesanisi strong{
			color:#3B7502;
			display:inline;
			float:left;
			font-family:Arial;
			font-size:12px;
			margin:0px 0 0 30px;
		} 
		#wrappesan .wraplistpesan h1{
			display:inline;
			float:left;
			padding:0 0 10px 0;
			width:100%;
		}
			#wrappesan .wraplistpesan h1 span{
				color:#3B7502;
				display:inline;
				float:left;
				font-family:Arial;
				font-size:25px;
				margin:20px 0 10px 0;
			}
			#wrappesan form .wraplistpesan h1 .game{
				margin-left:30px;
				width:100%;
			}
			#wrappesan .wraplistpesan h1 .kode{
				font-size:20px;
				text-align:right;
				margin-left:38px;
				width:300px;
			}
			
			/*start table pesan*/
			table.wrapitempesan{
				clear:both;
				margin:20px 0 0 10px;
				width:520px;
			}
				table.wrapitempesan tr td,
				table.wrapitempesan tr th{	
					border:1px solid #000;
					color:#000;
					font-size:14px;					
					font-weight:bold;		
					height:40px;									
					text-align:center;
					vertical-align:middle;
				}

					
					
					table.wrapitempesan tr th.pilihpaket{
						width:40px;
					}
					table.wrapitempesan tr td.pilihpaket{
						width:40px;
					}
						table.wrapitempesan tr td div.wrappaket{
							display:inline;
							float:left;
							width:100%;
							
						}
					table.wrapitempesan tr th.kolompaket{
						width:220px;
					}
					table.wrapitempesan tr td.kolompaket{
						width:220px;
					}						
					table.wrapitempesan tr th.kolomharga{
						width:200px;
					}
					table.wrapitempesan tr td.kolomharga{
						width:200px;
					}
					table.wrapitempesan tr th.kolomjumlah{
						width:260px;
					}
					table.wrapitempesan tr td.kolomjumlah{
						width:260px;
					}					
					
								
					table.wrapitempesan tr td.kolomtotal span.subtotal{
						width:199px;
					}
					table.wrapitempesan .itemrowpesan td.kolomtotal2{
						width:199px;
					}
					table.wrapitempesan tr.totalrowpesan{
						border:none;
					}
					table.wrapitempesan tr.totalrowpesan td{
						border:none;
					}
					table.wrapitempesan .totalrowpesan td.kolomtotal{
						border:solid 1px #ccc;
						border-top:none;
						height:60px;
						width:220px;
						padding:0;
					}	
					table.wrapitempesan .totalrowpesan td span.total{
						color: #3B7502;
						font-size:1spx;
						font-weight:bold;
					}				
					table.wrapitempesan .totalrowpesan td.kolomtotal span.totalsemua{
						color:#000;
						font-size:19px;
						font-weight:bold;
						width:199px;
					}
					
		/*end table pesan*/
		
/*start status pemesananitemmall */
#wrapstatus{
	clear:both;
	display:inline;
	float:left;
	margin:0px 0 0 0px;	
	width:540px;
}
	#wrapstatus .bannerstatus{
		background:url(/images/layout/itemmall/bannerstatuspemesanan2.gif) no-repeat top left;
		clear:both;
		display:inline;
		float:left;
		height:71px;
		width:100%;
	}
	
	#wrapstatus .bannerstatus span.txtbanner{
		color:#FFF200;
		clear:both;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:20px;
		font-weight:bold;
		margin:27px 0 0 200px;
		width:320px;
	}	

	#wrapstatus span.txtwelcome{
		clear:both;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:12px;
		margin:20px 0 0 0px;
		width:380px;
	}
	#wrapstatus a.btnlogout{
		background:url(/images/layout/itemmall/btnlogout.gif) no-repeat left top;
		display:inline;
		float:right;
		height:20px;
		margin:17px 0px 0 0;
		width:80px;
		padding-bottom:5px;
	}

	#wrapstatus .liststatus{
		clear:both;
		display:inline;
		float:left;
		margin:10px 0 0 0px;	
		width:540px;
	}
	#wrapstatus .liststatus .liststatustop{
		background:url(/images/layout/itemmall/status/bglistpesantop.gif) no-repeat left top;
		clear:both;
		display:inline;
		float:left;
		height:18px;
		position:relative;
		width:540px;
	}
	#wrapstatus .liststatus .liststatusbtm{
		background:url(/images/layout/itemmall/status/bglistpesanbtm.gif) no-repeat left bottom;		
		clear:both;
		display:inline;
		float:left;		
		padding-bottom:15px;	
		position:relative;
		width:540px;
	}
	
ul#listpesan{
	clear:both;
	display:inline;
	float:left;	
	margin:-11px 0 0 0px;
	position:relative;
	width:540px;
}
	ul#listpesan li{
		background:#efeee9;
		border-bottom:1px solid #cdcdcd;				
		border-top:1px solid #cdcdcd;
		clear:both;
		display:inline;
		float:left;
		margin-top:9px;
		min-height:30px;
		margin-left:12px;
		width:95%;
	}

		ul#listpesan li span.txtlist{
			clear:both;
			display:inline;
			float:left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:11px;
			margin:6px 0 0 6px;
			width:350px;
		}
			ul#listpesan li span.txtlist a{
				color:#000;
			}
			ul#listpesan li span.txtlist a strong{
				font-weight:normal;
				font-size:11px;
			}
			
			ul#listpesan li span.txtlist a .statuspesanan{
				margin-left:5px;
			}
			
		ul#listpesan li .txtdetil2{
			background:url(/images/layout/itemmall/status/txtdetil2.gif) no-repeat left top;
			display:inline;
			float:right;
			margin-top:13px;
			padding-right:12px;
			height:5px;
			width:96px;			
		}
			ul#listpesan li .txtdetil2 a.detil{
				display:inline;
				float:left;
				height:5px;
				margin-left:58px;
				width:34px;
			}
				ul#listpesan li .txtdetil2 a.detil span{
					display:none;
				}
		ul#listpesan li .txtdetil{
			background:url(/images/layout/itemmall/status/txtdetil.gif) no-repeat left top;
			display:inline;
			float:right;
			margin-right:6px;
			margin-top:6px;
			padding-bottom:6px;
			height:5px;
			width:184px;
		}		
			ul#listpesan li .txtdetil a.detil{
				display:inline;
				float:left;
				height:5px;				
				margin-left:62px;
				width:30px;
			}
			ul#listpesan li .txtdetil a.print{			
				display:inline;
				float:left;
				height:5px;
				margin-left:26px;
				width:64px;
			}
				ul#listpesan li .txtdetil a span{
					display:none;
				}
		ul#listpesan li span.warn{
			color:#F00;
			display:inline;
			float:left;
			font-weight:bold;
			margin-top:6px;
			text-align:center;
			width:100%;			
		}						
	
#information{
	clear:both;
	display:inline;
	float:left;
	width:100%;
}
	#information h2.info{
		clear:both;
		color:#F00;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:14px;
		margin:15px 0 0 0px;
		width:100px;		
	}
	#information ul.listinfo{
		clear:both;
		display:inline;
		float:left;
		margin:0 0 0 0px;
		padding-bottom:10px;
		width:540px;
	}
		#information ul.listinfo li{
			clear:both;
			display:inline;
			float:left;
			margin-top:12px;
			width:100%;			
			
		}
			#information ul.listinfo li span.no{
				display:inline;
				float:left;
				font-family:Arial, Helvetica, sans-serif;				
				font-weight:bold;	
				font-size:12px;				
				width:20px;			
			}
			#information ul.listinfo li span.txtinfo{
				display:inline;
				float:left;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				margin-left:5px;
				width:510px;
			}
		
	#wrapstatus .wrapbtntop{
		clear:both;
		display:inline;
		float:left;
		width:100%;
	}
		#wrapstatus .wrapbtntop a{
			background:url(/images/layout/maincontent/btntop.png) no-repeat left top;
			clear:both;
			display:inline;
			float:left;
			height:17px;
			margin-left:380px;
			width:32px;	
		}
		#wrapstatus .wrapbtntop a:hover{
			background:url(/images/layout/maincontent/btntoph.png) no-repeat left top;
		}

/*end status pemesanan itemmall*/

		
/*start konfirmasi*/
#wrapkonfirmasi{
	clear:both;
	display:inline;
	float:left;	
	width:540px;
}
	#wrapkonfirmasi .bannerstatus{
		background:url(/images/layout/itemmall/bannerstatuspemesanan2.gif) no-repeat top left;
		clear:both;
		display:inline;
		float:left;
		height:71px;
		width:100%;
	}
	#wrapkonfirmasi .bannerstatus span.txtbanner{
		color:#FFF200;
		clear:both;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight:bold;
		margin:27px 0 0 190px;
		width:340px;
	}	
	#wrapkonfirmasi .wraporder{
		background:url(../images/layout/itemmall/order/bgisi.jpg) no-repeat left top;
		display:inline;
		float:left;
		padding:0 0 100px 0;
		width:540px;
	}
#bgro{
	background:url(/images/layout/itemmall/order/bgisiro.jpg) no-repeat left top !important;
}
#bgaf{
	background:url(/images/layout/itemmall/order/bgisiaf.jpg) no-repeat left top !important;
}
#bgseal{
	background:url(/images/layout/itemmall/order/bgisiseal.jpg) no-repeat left top !important;
}
#bgrf{
	background:url(/images/layout/itemmall/order/bgisirf.jpg) no-repeat left top !important;
}
#bgrfc{
	background:url(/images/layout/itemmall/order/bgisirf.jpg) no-repeat left top !important;
}
#bgidol{
	background:url(/images/layout/itemmall/order/bgisiidol.jpg) no-repeat left top !important;
}
#bgpw{
	background:url(/images/layout/itemmall/order/bgisipw.jpg) no-repeat left top !important;
}
#bgpwpetir{
	background:url(/images/layout/itemmall/order/bgisipw.jpg) no-repeat left top !important;
}
#bgck2{
	background:url(/images/layout/itemmall/order/bgisick.jpg) no-repeat left top !important;
}
#bgrh{
	background:url(/images/layout/itemmall/order/bgisirohan.jpg) no-repeat left top !important;
}
#bgcf{
	background:url(/images/layout/itemmall/order/bgisicf.jpg) no-repeat left top !important;
}
#bgluna{
	background:url(/images/layout/itemmall/order/bgisiluna.jpg) no-repeat left top !important;
}
#bgav{
	background:url(/images/layout/itemmall/order/bgisiavalon.jpg) no-repeat left top !important;
}
#bgge{
	background:url(/images/layout/itemmall/order/bgisige.jpg) no-repeat left top !important;
}
#bgjade{
	background:url(/images/layout/itemmall/order/bgisijade.jpg) no-repeat left top !important;
}
#bgall{
	background:url(/images/layout/itemmall/order/bgisiallods.jpg) no-repeat left top !important;
}
#bgfw{
	background:url(/images/layout/itemmall/order/bgisifw.jpg) no-repeat left top !important;
}
#bgs4{
	background:url(/images/layout/itemmall/order/bgisis4.jpg) no-repeat left top !important;
}
#bglno{
	background:url(/images/layout/itemmall/order/bgisilno.jpg) no-repeat left top !important;
}
#bgmaple{
	background:url(/images/layout/itemmall/order/bgisimaple.jpg) no-repeat left top !important;
}
	#wrapkonfirmasi .wraporder .isiorder{
		clear:both;
		display:inline;
		float:left;
		height:250px;
		margin:30px 0 0 0;
		width : 500px;
	}
		#wrapkonfirmasi .wraporder .isiorder li{
			clear:both;
			display:inline;
			float:left;
			margin:20px 0 0 40px;
			width:500px;
		}
			#wrapkonfirmasi .wraporder .isiorder li strong{
				display:inline;
				float:left;
				font-size:14px;
				font-family:Arial;
			}
				#wrapkonfirmasi .wraporder .isiorder li .list{
					color:#FFF200;

					text-align:right;
					width:120px;		
				}
				#wrapkonfirmasi .wraporder .isiorder li .contentlist{
					color:#FFF;
					text-align:left;
					margin:0 0 0 30px;
				}

	#wrapkonfirmasi .wraplist{
		display:inline;
		float:left;
		width:540px;
	}
		#wrapkonfirmasi .wraplist .bgwraplisttop{
		clear:both;
		/*background:url(../images/layout/itemmall/order/bgbwahtop.jpg) no-repeat left top;*/
		display:inline;
		float:left;
		height:18px;
		width:540px;
	  }
		#wrapkonfirmasi .wraplist .bgwraplistisi{
			clear:both;
			/*background:url(../images/layout/itemmall/order/bgbwahisi.jpg) repeat-y left top;*/
			display:inline;
			float:left;
			margin-top:10px;
			padding-bottom:20px;
			width:540px;
	  }
		#wrapkonfirmasi .wraplist .bgwraplistbtm{
		clear:both;
	/*	background:url(../images/layout/itemmall/order/bgbwahbtm.jpg) no-repeat left top;*/
		display:inline;
		float:left;
		height:18px;
		width:540px;
	  }
		#wrapkonfirmasi .wraplist .bgwraplistisi strong{
			color:#3B7502;
			display:inline;
			float:left;
			font-family:Arial;
			font-size:12px;
			margin:0px 0 0 30px;
		} 
		#wrapkonfirmasi .wraplist h1{
			display:inline;
			float:left;
			width:100%;
		}
			#wrapkonfirmasi .wraplist h1 span{
				color:#3B7502;
				display:inline;
				float:left;
				font-family:Arial;
				font-size:20px;
				margin:20px 0 10px 0;
			}
			#wrapkonfirmasi .wraplist h1 .game{
				float:left;
				margin-left:30px;
				width:200px;
				line-height: 25px;
			}
			#wrapkonfirmasi .wraplist h1 .kode{
				float:right;
				font-size:15px;
				text-align:right;
				margin-right:30px;
				width:200px;
				line-height: 25px;
			}
		
	#wrapkonfirmasi .wrapketentuan{
		display:inline;
		float:left;
		width:540px;
	}
		#wrapkonfirmasi .wrapketentuan .bgwrapketentuan{
		clear:both;
		background:url(../images/layout/itemmall/order/bgketentuan.jpg) no-repeat left top;
		display:inline;
		float:left;
		width:540px;
	  }
			#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .ketentuan{
				clear:both;
				display:inline;
				float:left;
				margin:20px 0 0 30px;
				padding-bottom:15px;
			}
				#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .ketentuan span{
					clear:both;
					color:yellow;
					display:inline;
					float:left;
					font-size:12px;
					font-weight:bold;
				}
				#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .ketentuan li{
					color:white;
					font-weight:normal;
					text-align:left;
					margin:0 0 0 18px;
					list-style-type:decimal;
				}
				/*#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .ketentuan li .contentnomor{
					color:white;
					text-align:left;
				}*/
			#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .wrapbtn{
			clear:both;
			display:inline;
			float:left;
			margin: 0 0 0 60px;
			padding:0 0 20px 0;
			width:450px;
			}
				#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .wrapbtn .btnback{
					display:inline;
					float:left;
				}
				#wrapkonfirmasi .wrapketentuan .bgwrapketentuan .wrapbtn .btnok{
					display:inline;
					margin:0 0 0 10px;
					float:left;
				}
/*end konfirmasi*/


			
/*start table wrapitem*/
table.wrapitem{
	clear:both;
	margin:20px 0 0 0px;
	width:540px;
}
	table.wrapitem tr.totalrow{
		border:none;
	}
	table.wrapitem tr td,
	table.wrapitem tr th{	
		border:1px solid #000;
		color:#082263;
		text-align:center;
		vertical-align:middle;
	}
table.wrapitem tr td,
table.wrapitem tr th{
		font-size:14px;
		font-weight:bold;		
		padding:10px 0;
		background:url(../images/layout/itemspesial/bgbox.gif) repeat-x left top;
		/*background:#20397B;*/
		color:#000;
		height:34px;
		text-transform:uppercase;
	}
	
	table.wrapitem tr.morepad th,
	{
		padding:6px;
	}
	
	table.wrapitem tr td{
	}
	table.wrapitem tr.blue td{
		background:#F2EFEF;
		color:#082263;
	}
	table.wrapitem tr td.left{
		text-align:left;
		padding:6px 4px 6px 6px;
	}
	
	table.wrapitem tr td img.koin,
	table.wrapitem tr td img.geta{
		margin:2px 0 0 0;
		vertical-align:top;
	}
	
	table.wrapitem tr td img.scrshot{
		clear:both;
		padding:3px 0;
	}

	table.wrapitem tr td img.ro{
		width:75px;
		height:100px;
	}
	table.wrapitem tr td img.seal{
		width:69px;
		height:68px;
	}
	table.wrapitem tr td img.luna{
		width:90px;
		height:90px;
	}
	table.wrapitem tr td img.cf{
		width:118px;
		height:60px;
	}
	table.wrapitem tr td img.idol{
		width:80px;
		height:80px;
	}
	
	table.wrapitem tr td img.ck{
		width:80px;
		height:100px;
	}	
		table.wrapitem .totalrow td{
			border:none;
		}
				table.wrapitem .totalrow td.kolomtotal{
					border:solid 1px #ccc;
					border-top:none;
					border-right:solid 2px #ccc;
					padding:20px 0;
				}	
		table.wrapitem .totalrow td span.total{
			color: #3B7502;
			font-size:14px;
			font-weight:bold;
			width:100%;
		}				
		table.wrapitem .totalrow td.kolomtotal span.totalsemua{
			color:#000;
			font-size:19px;
			font-weight:bold;
			width:199px;
		}
/*end table boxbox2*/

/*start warpthanks*/
#wrapthanks{
	clear:both;
	display:inline;
	float:left;
	height:390px;
	margin:20px 0 0 0px;	
	width:540px;
}
	#wrapthanks .bgthanks{
		background:url(../images/layout/itemmall/order/bgthanks.gif) no-repeat left top;
		clear:both;
		display:inline;
		float:left;
		height:390px;
		width:540px;
	}
	#wrapthanks .bgthanks span.thanks{
		color:#F00;
		display:inline;
		float:left;
		font-family:Verdana, Geneva, sans-serif;
		font-size:22px;
		font-weight:bold;
		line-height:30px;
		margin:10px 0 0 15px;
		text-align:center;
		width:100%;
	}
	#wrapthanks .bgthanks .wrapbtn{
		clear:both;
		display:inline;
		float:left;
		margin:10px 0 0 90px;
		width:386px;
	}
		#wrapthanks .bgthanks .wrapbtn a{
			display:inline;
			float:left;
			margin:0 0 0 30px;
			text-align:center;
		}
			#wrapthanks .bgthanks .wrapbtn a.printm{
				margin:0;
				width:100px;
			}
			#wrapthanks .bgthanks .wrapbtn a.statusm{
				margin-left:10px;
				width:160px;
			}
			#wrapthanks .bgthanks .wrapbtn a.logoutm{
				margin-left:10px;
				width:94px;
			}
/*end warpthanks*/
/*css txtthx*/
.wraptxtthx{
	clear:both;
	display:inline;
	float:left;
	margin:10px 0 0 10px;
	padding-bottom:20px;
	width:500px;
}

/*start wrapintro*/
#wrapintro{
	clear:both;
	display:inline;
	float:left;
	margin:5px 0 0 0px;
	padding:0 0 0 0; 	
	width:540px;
	z-index:11;
}
	#wrapintro .bannerstatusintro{
		/*background:url(/images/layout/itemmall/bannerstatuspemesanan.gif) no-repeat top left;*/
		background:url(/images/layout/itemmall/bannerstatuspemesanan2.gif) no-repeat left top;
		clear:both;
		display:inline;
		float:left;
		height:71px;
		margin:-7px 0 0 0;
		width:540px;
	}
	#wrapintro .bannerstatusintro span.txtbannerintro{
		color:#FFF200;
		clear:both;
		display:inline;
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:24px;
		font-weight:bold;
		margin-top:30px;
		margin-left:200px;
		text-align:center;
		width:300px;;
	}
	
		#wrapintro .isiintro .isiintroatas .btnlogoutintro{
			display:inline;
			float:right;
			margin:-20px 0 0 0;
			width:80px;
		}
	
	#wrapintro .isiintro .isiintroatas{
		display:inline;
		float:left;
		margin:10px 0 0 0;
		text-align:left;
		width:100%;
	}
	#wrapintro .isiintro .isiintrotengah{
		display:inline;
		float:left;
		text-align:left;
		padding-bottom:10px;
		width:540px;
	}
			#wrapintro .wraplistintro {
				clear:both;
				float:left;
				display:inline;
				width:100%;
				margin:5px 0 0 0;
			}
				#wrapintro .wraplistintro .wraptxttxt{
					clear:both;
					display:inline;
					float:left;
					width:540px;
				}
				#wrapintro .wraplistintro span.txtketentuan{
					clear:both;
					float:left;
					display:inline;
					margin:10px 0 0 0;
				}
			#wrapintro .wraplistintro ul.listintro {
				display:inline;
				float:left;
				width:100%;
			}
			
				#wrapintro .wraplistintro ul.listintro li{
					clear:both;
					display:inline;
					float:left;
					width:100%;
				}
					#wrapintro .wraplistintro ul.listintro li span.no{
						clear: both;
						display: inline;
						float: left;
						font-family: Arial,Helvetica,sans-serif;
						font-size: 20px;
						height: 25px;
						margin: -10px 0 0 0;
						position: relative;
						width: 20px;
					}
					#wrapintro .wraplistintro ul.listintro li span.txtintro{
						display:inline;
						float:left;
						margin:5px 0 0 35px;
						width:450px;		
					}
						#wrapintro .wraplistintro ul.listintro li strong.judul{
							display: inline;
							float: left;
							font-family: Arial,Helvetica,sans-serif;
							font-size: 20px;
							height: 25px;
							margin: -10px 0 0 0;
							padding-top: 10px;
							position: relative;
						}
					
					#wrapintro .wraplistintro .sublistintro2 {
						display:inline;
						float:left;
						margin:15px 0 0 40px;
						width:540px;
					}
						#wrapintro .wraplistintro ul.sublistintro2 li span.no2{
							display:inline;
							float:left;
							width:20px;
						}
						#wrapintro .wraplistintro ul.sublistintro2 li span.txtintro2{
							display:inline;
							float:left;
							width:420px;				
						}
						
						/*start bgisikuning*/
						.bgtopisikuning {
							background: url(../images/layout/itemmall/intro/bgtopisikuning.gif) no-repeat scroll left top transparent;
							clear: both;
							display: inline;
							float: left;
							height: 26px;
							margin: 0 0 0 42px;
							width: 450px;
						}
						
						.bgisikuning {
							background: url(../images/layout/itemmall/intro/bgisikuning.gif) repeat-y scroll left top transparent;
							clear: both;
							display: inline;
							float: left;
							margin: 0 0 0 42px;
							width: 450px;
						}
							.bgisikuning .wrapnote{
								clear:both;
								display:inline;
								float:left;								
								position:relative;
								width:450px;
							}
								.bgisikuning .wrapnote p {
									clear: both;
									display: inline;
									float: left;
									margin-left: 20px;
									width: 450px;
									
								}
								.bgisikuning .wrapnote ol.listnum {
									clear: both;
									display: inline;
									float: left;
									margin: 0px 0px 0px 40px;
									padding-top: 10px;
									width: 400px;
									color:black;
								}
									.bgisikuning .wrapnote ol.listnum li, .wrapnote ol.listnum2 li {
										list-style-type: decimal;
										margin: 0px 0px 6px;
										vertical-align: top;
										width: 100%;
									}
					.bgbottomisikuning {
						background: url(../images/layout/itemmall/intro/bgbottomisikuning.gif) no-repeat scroll left top transparent;
						clear: both;
						display: inline;
						float: left;
						height: 26px;
						margin: 0 0 10px 42px;
						width: 450px;
					}
					/*end bgisikuning*/
			
			/*start bggray*/
			.listintro .bgisigray {
				clear: both;
				display: inline;
				float: left;
				margin:20px 0 0 0;
				width:100%;
			}
				.bgisigray .wraprowpanduan {
					clear: both;
					display: inline;
					float: left;
					margin: 0 0 15px 0px;
					position: relative;
					width: 100%;
				}
					.bgisigray .wraprowpanduan .number {
						clear: both;
						color: rgb(149, 149, 149);
						display: inline;
						float: left;
						font-family: Arial,Helvetica,sans-serif;
						font-size: 15px;
						font-weight:bold;
						margin: 1px 0 0 15px;
						position: relative;
					}
					.bgisigray .wraprowpanduan .panduan {
						clear: none;
						color: rgb(85, 85, 85);
						display: inline;
						float: left;
						font-family: Arial,Helvetica,sans-serif;
						font-size: 12px;
						margin: 0 0 0 15px;
						position: relative;
						width: 500px;
					}
					.bgisigray .wraprowpanduan .imgfbc {
						display: inline;
						float: left;
						margin:15px 0 0 40px;
						position: relative;
						text-align: center;
						width: 230px;
					}
						.bgisigray .wraprowpanduan .imgfbc span {
							color: rgb(85, 85, 85);
							display: inline;
							float: left;
							font-family: Arial,Helvetica,sans-serif;
							font-size: 12px;
							margin: 5px 0 0 7px;
						}
				/*end bggray*/
				
	#wrapintro .isiintro .isiintrobawah{
		display:inline;
		float:left;
		margin:0 0 20px 20px;
		text-align:justify;
		text-indent:20px;
		width:800px;
	}
	#wrapintro .isiintro .isiintroimg{
		display:inline;
		float:left;
		margin:20px 0 0 15px;
		position:relative;
		width:276px;
	}
	#wrapintro .wraptopbtn{
		clear:both;
		display:inline;
		float:left;
		margin:20px 0 0 0;
	}
		#wrapintro .wraptopbtn a{
			background:url(/images/layout/maincontent/btntop.png) no-repeat left top;
			clear:both;
			display:inline;
			float:left;
			height:17px;
			margin-left:380px;
			width:32px;
		}
		#wrapintro .wraptopbtn a:hover{
			background:url(/images/layout/maincontent/btntoph.png) no-repeat left top;
		}
	
/*end wrapintro*/
/*start wrapinfo*/
	#wrapbgformatas{
		clear:both;
		display:inline;
		float:left;
		margin:10px 0 50px 20px;
		width:540px;
	}
			#wrapbgformatas .gambarlogin{
					background:url(../images/layout/itemmall/rabbit.gif) no-repeat left top;
					display:inline;
					float:left;
					height:327px;
					margin:17px 0 0 -70px;
					padding-bottom:10px;
					width:276px;
				}
			#wrapbgformatas .kanan{
				display:inline;
				float:left;
				margin:0px 0 0 30px;
				width:494px;
			}
					#wrapbgformatas .kanan .bgformatas{
						background:url(../images/layout/itemmall/bginfo.gif) no-repeat left top;
						clear:both;
						display:inline;
						float:left;
						height:170px;
						width:494px;
					}
					#wrapbgformatas .kanan .bgformbawah{
						clear:both;
						display:inline;
						float:left;
						height:57px;
						margin:-5px 0 0 0;
						position:relative;
						width:450px;
					}
					#wrapbgformatas .kanan .bgformatas .wrapinfoatas{
						clear:both;
						display:inline;
						float:left;
					}
						#wrapbgformatas .kanan .bgformatas .wrapinfoatas .infoatas{
							clear:both;
							display:inline;
							float:left;
							margin:23px 0 0 0px;
							width:494px;						
					  }
							#wrapbgformatas .kanan .bgformatas .wrapinfoatas .infoatas span.judulinfo{
								clear:both;
								color:#ED5B27;
								font-family:Verdana;
								font-size:12px;
								font-weight:bold;
								height:1px;
								margin:5px 0 0 140px;
							}
							#wrapbgformatas .kanan .bgformatas .wrapinfoatas .infobawah{
								clear:both;
								display:inline;
								float:left;
								line-height:20px;
								margin:10px 0 0 25px;
								text-align:center;
								width:400px;		
							}
							#wrapbgformatas .kanan .bgformatas .wrapinfoatas .infobawah span.introinfo{
								color:#640a00;
								font-weight:bold;
								font-family:Verdana;
								font-size:14px;
							}
					#wrapbgformatas .kanan .bgformbawah .wrapinfobawah {
							clear:both;
							display:inline;
							float:left;
							margin:20px 0 0 78px;
					}
							#wrapbgformatas .kanan .bgformbawah .wrapinfobawah span.info1{
										clear:both;
										color:#F43D29;
										font-family:Verdana;
										font-size:18px;
										font-weight:bold;
							}
						
/*end wrapinfo*/

/*end css thx*/
.wrapnote{
	clear:both;
	float:left;
	margin-top:20px;
	width:100%;
}

.wrapnote .loginbawah span {
	color: #640a00;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	float: left;
}


/*================================================================================== MONTHLY SALE =========================================================================================*/
.lyto-monthlysale-game{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.lyto-monthlysale-game li{
	display: inline-table;
	margin: 0 0 5px 5px;
}
.btn {
	display: inline-block; 
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
.btn-grad-bluesea {
    font-size: 8pt;
    padding: 3px 15px;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #4369DA;
    *background-color: #4369DA;
    background-image: -moz-linear-gradient(top, #4E77F2, #4369DA);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4E77F2), to(#4369DA));
    background-image: -webkit-linear-gradient(top, #4E77F2, #4369DA);
    background-image: -o-linear-gradient(top, #4E77F2, #4369DA);
    background-image: linear-gradient(to bottom, #4E77F2, #4369DA);
    background-repeat: repeat-x;
    border-color: #4369DA;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4E77F2', endColorstr='#4369DA', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-grad-bluesea:hover,
.btn-grad-bluesea:focus,
.btn-grad-bluesea:active,
.btn-grad-bluesea.active,
.btn-grad-bluesea.disabled,
.btn-grad-bluesea[disabled] {
    color: #FFFFFF;
    background-color: #4369DA;
    *background-color: #003bb3;
}
.lyto-monthly-pilihserver{
	float: left;
}
.lyto-monthly-pilihserver li {
    clear: both;
    display: inline;
    float: left;
    margin: 0 0 10px 0;
}
.lyto-monthly-pilihserver li select {
    margin: 0 0 0 30px;
    width: 140px;
}
.lyto-monthly-span-katalog{
	font-size: 14px;
    font-weight: bold;
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
}
#warpkatalog .table input[type=radio]{
	display: none;
}
.lyto-monthly-pilihserver input[type=text]{
	margin-left: 30px;
}
.lyto-monthly-pilihserver li strong {
    display: inline;
    float: left;
    font-size: 14px;
    font-family: Arial;
}
.lyto-monthly-pilihserver li .list {
    color: #000;
    text-align: right;
    width: 120px;
}
.lyto-history-table{
	width: 100%;
}
/*================================================================================ END MONTHLY SALE =========================================================================================*/