@charset "utf-8";

.tblcari {
	margin:0px 0 20px 0;float:right;position:relative;z-index:3;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	padding:5px;
	top:-2px;
	background:#900;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);	
}

.divMarquee {
	background:#FFC;
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);		
}

a img {
	border:none;	
}

.promoBox{
	width:100%;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	height:200px;
	background:url(/images/front/promo.png);
	cursor:pointer;
}
.saveupBox{
	width:100%;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	height:200px;
	background:url(/images/front/save-home.png);
	cursor:pointer;
}

.superBox{
	width:100%;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	height:200px;
	background:url(/images/front/super-five.png);
	cursor:pointer;
}
.bbBox{
	background:url(/images/front/scan.png);
	width:100%;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	height:200px;
	cursor:pointer;
}

/* CSS Document */
  <!--
  #slidemenubar, #slidemenubar2 {
    position: absolute;
    left: -265px;
    top: 115px;
  }
.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
  
.forminput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border:1px solid #ccc;
}
.formbutton {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #839F00;
	border:1px solid #ccc;
	font-style: normal;
	font-weight: normal;
	border-top-style: none;
	border-left-style: none;
}
.body 
{
	margin:0 0 0 0;
	text-align: center; /* for IE */
	background:#FFFFFF;
}

.body a
{
	color:#666;
}
.contentDiv{
	background:  repeat-y url(/images/bg.png);
	margin:auto;
	width:987px;
	/*dsfsd
	-moz-box-shadow: 5px 5px 35px rgba(0,0,0,0.5);
	-webkit-box-shadow: -10px -10px 10px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 35px rgba(0,0,0,0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
		*/
}
#colProduct {
	display:block;
	width:120px;
	margin-right:8px;
	margin-top:7px;
	padding:4px 3 4 4;
	height:155px;
	border-radius : 0.5em;
	-moz-border-radius: 0.5em;
	background:#FFF;
	float:right;
	font:11px Verdana, Geneva, sans-serif;
	cursor:pointer;
}
#panelColProduct {
	height:175px;
	width:725px;
	/*display:inherit;*/
}

.productCol {
	-moz-border-top-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
}

#pnlRaiFit
{
	display:block;width:350;height:153;background:url(/images/front/rai-fitness-icon.jpg);cursor:pointer
}
#pnlRaiIns
{
	display:block;width:350;height:153;background:url(/images/front/rai-institute.jpg);cursor:pointer
}
#pnlRaiWord
{
position:relative;width:175;top:40px;left:155px;font:11px Verdana, Geneva, sans-serif	
}



#pnlRaiWordIns
{
	position:relative;width:225;top:40px;left:105px;font:11px Verdana, Geneva, sans-serif	
}

#id {
	border:1px solid #000;	
}

#smsdiv {
	cursor:pointer;height:77px;width:127px;background:url(/images/produk/button-pesan-cepat-sms.jpg);
}


.link { 
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	color:#4f4f4f;
}
.link:hover { 
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:11px;
	color:#036;
}
/*css rai */
/* CSS Document */
#headerTop {
	display:block;
	height:50px;
	padding:16px 0 0 20px;	
	color:#FFF;
	font:24px Verdana;
	background:url(/minisite/images/backtop.jpg)
}

div a{ color:#00C }
#form td { font:12px Arial }

.linkpanel a {
	font: bold 12px Arial;
	text-decoration:none;
	color:#4f4f4f;
}

.linkpanel a:hover {
	color:#000;
}


/* table */
table.sample {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #cccccc;
	border-collapse: separate;
	/*background-color: white; */

}
table.sample th {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #cccccc;
	/*background-color: white;*/
	-moz-border-radius: ;
}
table.sample td {
	border-width: 1px;
	padding: 3px;
	border-style: solid;
	border-color: #EBEBEB;
	/*background-color: white; */
	-moz-border-radius: ;
	
}

#pagingbox { width:200px;float:right;padding-right:5px;font:12px Verdana;margin-bottom:10px }
#pagingbox a {text-decoration:none }
#pagingbox a:hover #page { border:1px solid #000;color:#000 }
#pagingbox a:hover #dir { border:1px solid #000;color:#000 }
#pagingbox #page { display:inline-block;width:25px;height:20px;vertical-align:middle;border:1px solid #999;padding-top:3px;float:left;background:#FFF }
#pagingbox #dir { display:inline-block;width:50px;height:20px;vertical-align:middle;border:1px solid #999;padding-top:3px;float:left;background:#FFF }


#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:360px;
  height:400px;
  display:none;
  z-index:9999;
  padding:20px;
}
#boxes #dialog {
  width:380px; 
  height:470px;
  padding:10px;
  background:url(/images/superfive.gif);
}

#boxes #smartBox {
  width:265px; 
  height:387px;
  padding:15px;
  background:url(/modules/smartbox/letter.jpg);
}

.mostBox {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	float:left;
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);	
	background:#f2f2f2;
	width:350px;
	height:250px;	
}


.inputSearch { border:1px solid #ccc;padding:2px;font:11px Arial }
table .article { width:680px; }
table .article td { font:13px Arial }
table .article .title a { font:bold 18px Arial;color:#000;text-decoration:none }
table .article .title a:hover { text-decoration:underline }
table .sidePanel {
	border:1px solid #ccc;width:200px;	
}
div #judulPanel{
	background:#f2f2f2;height:25px;vertical-align:middle;padding:7 3 0 10;font:bold 14px Arial	
}

td #isiPanel{
	margin-top:7px;
}
.linkArticle { text-decoration:none;font:bold 12px Tahoma;color:#333;padding:4px;background:#FC0 }
.linkArticle:hover{ text-decoration:underline }
#formInputComment td { font:12px Verdana }
#formInputComment td input { padding:5px;border:1px solid #ccc;font:12px Verdana }
#formInputComment td textarea { padding:5px;border:1px solid #ccc;font:12px Verdana }
/*=====================================TIPS=======================================*/
	.tipsBox_comment { margin-left:20px;
	padding:10px;font:10px Arial;background:#f2f2f2;border:1px solid #ccc;width:660px }
	.tipsBox_comment .title { font:bold 13px Verdana;color:#333;padding-top:10px }
	.tipsBox_comment td { font:11px Arial;}
	.tipsBox_comment input,textarea { border:1px solid #f2f2f2; font:11px Arial;padding:4 }
	.tipsBox_comment .button { background:#FF0;cursor:pointer }
	.addcomment { background:url(/askaderai/assets/icons.gif) no-repeat;padding-left:20px;
	background-position:0 -112px; height:16px;font:12px Arial;margin-bottom:2px }
	.addcomment a{ color:#666;text-decoration:none }
	.tipsBox_reply{ 
		padding:10px;background:#FF9;width:450px; font:bold 11px Arial;float:left;margin:5px 10px 10px 40px 
	}

/*=====================================END========================================*/

/*========================================QA=======================================*/
	.title_qBox { font:bold 22px Arial;color:#666;width:710px }
	.title_qBox a { color:#000;text-decoration:none;margin-left:10px }
	.title_qBox a:hover { color:#000;text-decoration:underline }	
	.qaBox { 
		/*background:url(/qa/assets/bg_box_full.jpg) no-repeat top; */
		border:1px solid #ccc;
		position:relative;margin: 0 0 10px 0;width:700px;
		font:12px Arial 
	}
	.qaBox .content { padding: 15px 15px 0 15px;color:#333  }
	.qaBox .contentJawab { padding: 15px 15px 0 15px;width:580px;float:right; color:#333 }	
	.qaBox .content .title { font:bold 16px Arial;color:#900 }	
	.qaBox .contentJawab .title { font:bold 16px Arial;color:#666 }		
	.qaBox .bottom { 
		clear: both; height: 15px; /*background: url(/qa/assets/bg_box_full.jpg) no-repeat center bottom;*/ }
	.qaBox .aderai { 
		float:left;background:url(/askaderai/assets/aderai.gif) no-repeat;width:80px;height:100px;position:relative;top:-25px;
		left:5px;z-index:2
	}
	.qaBox_comment { padding:5px;font:10px Arial;background:#f2f2f2;border:1px solid #ccc;width:690px }
	.qaBox_comment .title { font:bold 13px Verdana;color:#333;padding-top:10px }
	.qaBox_comment td { font:11px Arial;}
	.qaBox_comment input,textarea { border:1px solid #f2f2f2; font:11px Arial;padding:4 }
	.qaBox_comment .button { background:#FF0;cursor:pointer }
	.addcomment { background:url(/askaderai/assets/icons.gif) no-repeat;padding-left:20px;
	background-position:0 -112px; height:16px;font:12px Arial;margin-bottom:2px }
	.addcomment a{ color:#666;text-decoration:none }
	.qBox_reply{ 
		padding:10px;background:#FF9;width:450px; font:bold 11px Arial;float:left;margin:5px 10px 10px 40px 
	}
/*================================END====================================*/
/*==================================QA FRONT===============================*/
.qaBoxFront {
	width:350px;
	height:153px;
	background:url(/modules/qa/images/ask-ade.png);
	text-align:left;
	z-index:1000;
				
}
.qaBoxFront .aderai { 
		float:left;
		position:relative;top:-25px;
		left:5px;z-index:2
}

/*====================================END==================================*/
/* produk */
.productBox {
	background:#fff;border:1px solid #ccc;width:100%;padding:10px;text-align:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;	
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);	
}
.productBox .header,.footer {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	background:#333;
	padding:5px;
}
/*----------*/
.pengirimanBox {
	background:url(/images/simulasi/kalkulasi-biaya-pengiriman.jpg) no-repeat;width:100%;padding:10px;text-align:left;
	height:320px;
	font: 12px Arial
}
.pengirimanBox .header,.footer {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;
	background:#333;
	color:#ffcc33;padding:5px;font:bold 11px Verdana
}
/*---------------------------*/
/*-----------CONFIRM BOX----------------*/
.confirmBox {
	width:170px;
	padding:5px;
	height:155px;	
}
.confirmBox td { color:#fff;font:11px Arial;	 }
.confirmBox .title { font:bold 11px Verdana; color:#FFF }
.confirmBox input {
	padding:2px;
	font:11px Arial;
	background:#FFC;	
	border:1px solid #ccc;
	cursor:pointer;
}
.confirmBox select {
	font:10px Arial;
	background:#FFC;	
	border:1px solid #ccc;
	cursor:pointer;
}
.confirmBox .button { border:none }

/*--------------------------------------*/

/*-----------CALL US BOX----------------*/
	.callBox { background:url(/modules/callus/images/bg_box_full.jpg) no-repeat top; position:relative;margin: 0 0 10px 0;width:705px;font:12px Arial }
	.callBox .content { padding: 15px 15px 0 15px;color:#333  }
	.callBox .content .title {
		font:bold 12px Verdana;
		color:#4D36035
	}	
	.callBox .bottom { clear: both; height: 15px; background: url(/modules/callus/images/bg_box_full.jpg) no-repeat center bottom; }

/*--------------------------------------*/

/*---------------------LEFT MENU---------------------*/
.leftMenu {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-khtml-border-radius:5px;	
	border:1px solid #CCCCCC;
	/*background:url(/images/left/bg.jpg) repeat-y;*/
	padding-bottom:8px;
}
.leftMenu .title {
	margin:8px auto;	
}

.ulLeft td{
	font:11px Arial
}
.ulLeft td a { text-decoration:none }
.ulLeft td a:hover { color:#003 }

/*---------------------------------------------------*/


.shopcart {
	
}

.shopcart td { font:12px Arial }


.boxArticle { 
	background:#eee;
	width:220px !important;
	width: 230px;
	height:190px;float:left;margin-right:10px;padding:5;overflow:hidden 
}

.boxArticle2 {
	background:#eee;
	width:200px !important;
	width:205px;
	height:220px;
	float:left;margin:0 10px 15px 0;padding:5;overflow:hidden	 
}

.adsBox {
	width:230px;
	height:165px;
	/*background:#f2f2f2;*/
	display:block;
	/*border:1px solid #000;*/
	float:left;
	margin-right:10px;	
}

a { text-decoration:none }

/*form aderai*/
.formAsk td{ font:12px Arial } 
.formAsk td textarea,input{ border:1px solid #333 }