@charset "utf-8";
/* CSS Document */
body {
	background:#ecac00 top left fixed repeat-x;
	background-image:url(../images/WD_01_xamthone_backgroundonly.jpg);
	margin:0px; padding:0px;
/*	font:100%verdana;*/ 
  FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif
  font-size:12px;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
}
h3{color:#000000}
h3 a{color:#990066}
h3 a:hover{color:#999999}
img.pl5{margin-right:10px; border:#ecad00 1px solid; margin-bottom:10px;}
h2{color:#993366;}
h1{color:#993366;}
table{font-size:11px; text-align:left;}
td a{color:#990066; font-size:12px;}
img { border: none; }

A:link { text-decoration: none; color:#990066;} 
A:active { text-decoration: none }
A:visited { text-decoration: none }

.floatright
{
float: right;
margin: 0 0 10px 10px;
border: 0px solid #666;
padding: 5px;
}

#apDiv3 {
	position:absolute;
	left:0px;
	top:350px;
	width:250px;
	height:450px;
	z-index:3;
}
#apDiv4 {
	position:absolute;
	left:300px;
	top:250px;
	width:550px;
	height:500px;
	z-index:4;
	background-image: url(../images/WD_01_xamthone_contentonly.jpg);
}
#apDiv5 {
	position:absolute;
	left:0px;
	top:830px;
	width:100%;
	height:30px;
	z-index:5;
	background-color: #CCCCCC;
}

.style3 {
	font-size: 9px;
	font-family: Arial, Helvetica, sans-serif;
}

.style2 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.style1 {
	font-size: 15px;
	font-family: Trebuchet MS;
}


#content {
	position:absolute;
	left:350px;
	top:300px;
	width:450px;
	height:400px;
	z-index:7;
	overflow: auto;
	padding-right:10px;
}
#menuleft { /*----------------------------------- > > > > for menu left */
	position:absolute;
	left:80px;;
	top:550px;
	width:240px;
	height:30px;
	z-index:2;
	font-size:12px;
	font-family:Tahoma;
	color:#fa9020;
	line-height: 16px;
}

#menuleftada { /*----------------------------------- > > > > for menu left */
	position:absolute;
	left:80px;;
	top:700px;
	width:240px;
	height:30px;
	z-index:2;
	font-size:12px;
	font-family:Tahoma;
	color:#fa9020;
	line-height: 16px;
}

#menuleftkhusus { /*----------------------------------- > > > > for menu left */
	position:absolute;
	left:130px;;
	top:380px;
	width:240px;
	height:30px;
	z-index:2;
	font-size:12px;
  font-family: Arial, Helvetica, sans-serif; 
	color:#fa9020;
	line-height: 16px;
}

.isijudul {
	font-family:Tahoma;
	font-size:11px;
	padding-left:4px;
	text-align:justify;
	line-height: 18px;
}

.judul {
	FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif
	padding-left:5px;
	padding-right:25px;
	padding-bottom:15px;
	text-align:justify;
	line-height: 30px;
}

.isi{
	padding-left:5px;
	padding-right:25px;
	text-align:justify;
	line-height: 18px;
	FONT-SIZE: 13px; 
  COLOR: #4B4B4B; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px;
  FONT-FAMILY: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif

}

.on{padding-left:20px;}
.off{padding-left:20px;}
#menuleft {color:#000000; font-size:12px; line-height:25px;}
#menuleft .on{color:#FFFFFF; cursor:pointer; background:url(../images/bg_hover.jpg) no-repeat; background-position:0px 7px;}
#menuleft .off{color:#000000;}

#menuleftada {color:#000000; font-size:12px; line-height:25px;}
#menuleftada .on{color:#FFFFFF; cursor:pointer; background:url(../images/bg_hover.jpg) no-repeat; background-position:0px 7px;}
#menuleftada .off{color:#000000;}


#menu2{
	position:absolute;
	left:300px;
	top:220px;
	width:550px;
	height:30px;
	z-index:2;
	font-size:11px;
	color:#fa9020;
	font-family:Tahoma;
	font-size:13px;
}

#menu {
	position:absolute;
	font-family:Tahoma;
	font-weight:Bold;
	left:338px;
	top:232px;
	width:550px;
	height:30px;
	z-index:2;
	font-size:13px;
	color:#3B0B00;
}
#menu a{color:#5a5959;font-family:Tahoma;font-size:12px;}
#menu a:hover{color:#000000;font-family:Tahoma;font-size:12px;}
#menu .menuatas{font-family:Tahoma;font-size:12px;float:left; padding-left:10px;padding-right:10px; height:20px;}


.contactp {
	font-family:Tahoma;
	left:320px;
	top:222px;
	width:550px;
	height:10px;
	z-index:2;
	font-size:13px;
	color:#963407;
}

.contacth {
	font-family:Tahoma;
	left:320px;
	top:222px;
	width:550px;
	height:10px;
	z-index:2;
	font-size:16px;
	font-weight:bold;
  color:#492B00;
}

#header2 { /*----------------------------- > > > > > > for header */
	position:absolute; 
	left:0px;
	top:0px;
	width:100%;
	height:350px;
	z-index:1;
	background-image: url(../images/WD_01_xamthone_headeronly.jpg);
}
#anim { /*----------------------------- > > > > > > for animation header */
	position:absolute; 
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:2;
}

#bgcontent { /*----------------------------- > > > > > > for beground content */
	position:absolute;
	left:320px;
	top:270px;
	width:550px;
	z-index:2;
	margin-bottom:40px;
}
#bgcontent #up{width:550px; height:42px; background:url(../images/bg_up.png) no-repeat;}
#bgcontent #middle{width:550px; background:url(../images/bg_middle.jpg) repeat-y; text-align:center; font-size:11px;}
#bgcontent #middle #isi{width:97%;}
#bgcontent #middle #isi2{width:95%; text-align:left; padding-left:20px;}
#bgcontent #middle #isi2 table tr td img{padding-right:5px; padding-left:5px; padding-bottom:5PX;}
#bgcontent #bottom{width:550px; height:42px; background:url(../images/bg_bottom.png) no-repeat; margin-bottom:80px;}
.titleungu{color:#993366; font-size:225%; MARGIN: 5px 5px 7px;font-weight:normal; padding-top:5px; padding-bottom:5px;font-family:"Trebuchet MS", Arial, Verdana;}
strong.titleungu{padding-top:5px; padding-bottom:5px;}

.titleheader{color:#993366; font-size:225%; MARGIN: 5px 5px 7px;font-weight:normal; padding-top:5px; padding-bottom:5px;font-family:"Trebuchet MS", Arial, Verdana;}
strong.header{padding-top:5px; padding-bottom:5px;}


	
#apDiv8 { /*----------------------------- > > > > > > for search */
	position:absolute;
	right:-1px;
	top:2px;
	width:500px;
	height:25px;
	z-index:8;
	text-align:right;
	margin-top:20px; margin-right:20px;

}
#apDiv8 button.search{background:url(../images/search.gif) no-repeat; width:21px; height:20px; border:none;}
#apDiv8 input{background:#FFFFFF; border:#CCCCCC 1px solid; font-size:11px; color:#666666; padding-left:5px;}



.left{padding-left:20px;}


#divfooter {position: fixed; bottom: 0px; text-align:left; width:100%; z-index: 100; padding-top:5px;}
#divfooter #b{float:left; width:100%; height:30px; padding-top:10px; text-align:right}
#divfooter #a{background:#3B0B00; float:left; width:100%; height:15px; padding-top:3px;padding-bottom:3px}
#divfooter #a #kiri{width:61%; float:right; padding-left:10px; font-size:11px;font-family:Tahoma;color:FFFFFF;line-height:14px;}
#divfooter #a #kanan{width:29%; float:right; text-align:right; padding-right:11px; font-size:10px;font-family:Tahoma;line-height:14px;}

#apDiv9 {
	position:absolute;
	left:678px;
	top:13px;
	width:124px;
	height:25px;
	z-index:9;
}
#apDiv10 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:900px;
	z-index:0;
}
#apDiv11 {
	position:absolute;
	left:80px;
	top:350px;
	width:195px;
	height:450px;
	z-index:10;
}
.style4 {
	font-weight: bold;
	color: #993300;
}

#lang{width:122px; height:119px; position:absolute; left:850px; top:40px; z-index:30;}
#buyhere{width:122px; height:119px; position:absolute; left:850px; top:150px; z-index:30;}
/* for top menu*/

#product{position:absolute; width:490px; left:328px;top:250px; z-index:5; background:#FFFFFF; border:2px solid #cccccc; padding-top:5px; padding-bottom:5px; visibility:hidden;}
#product .submenu{font-family:Tahoma;font-weight:bold;font-size:13px;width:40%; padding-left:15px; font-size:11px; background:url(../images/shading2.gif) no-repeat; background-position:0px 5px; height:18px; float:left; padding-top:3px;}
#product .submenuAct{font-family:Tahoma;font-size:13px;width:40%; padding-left:15px; font-size:11px; height:18px; float:left; background:#e0e0e0; color:#000000; padding-top:3px;}
#secience{position:absolute; font-family:Tahoma;font-size:13px;width:490px; left:328px; top:250px; z-index:5; background:#FFFFFF; border:2px solid #cccccc; padding-top:5px; padding-bottom:5px; visibility:hidden;}
#secience .submenu{width:30%; font-family:Tahoma;font-weight:bold;font-size:13px;padding-left:15px; font-size:11px; background:url(../images/shading2.gif) no-repeat; background-position:0px 5px; height:18px; float:left; padding-top:3px;}
#secience .submenuAct{width:30%; font-family:Tahoma;font-size:13px;padding-left:15px; font-size:11px; height:18px; float:left; background:#e0e0e0; color:#000000; padding-top:3px;}
#news{position:absolute; font-family:Tahoma;font-size:13px;width:490px; left:328px; top:250px; z-index:5; background:#FFFFFF; border:2px solid #cccccc; padding-top:5px; padding-bottom:5px; visibility:hidden;}
#news .submenu{width:40%; font-family:Tahoma;font-size:13px;font-weight:bold;padding-left:15px; font-size:11px; background:url(../images/shading2.gif) no-repeat; background-position:0px 5px; height:18px; float:left; padding-top:3px;}
#news .submenuAct{width:40%; font-family:Tahoma;font-size:13px;padding-left:15px; font-size:11px; height:18px; float:left; background:#e0e0e0; color:#000000; padding-top:3px;}
#testi{position:absolute; font-family:Tahoma;font-size:13px;width:490px; left:328px; top:250px; z-index:5; background:#FFFFFF; border:2px solid #cccccc; padding-top:5px; padding-bottom:5px; visibility:hidden;}
#testi .submenu{width:40%; font-family:Tahoma;font-size:13px;padding-left:15px; font-weight:bold;font-size:11px; background:url(../images/shading2.gif) no-repeat; background-position:0px 5px; height:18px; float:left; padding-top:3px;}
#testi .submenuAct{width:40%; font-family:Tahoma;font-size:13px;padding-left:15px; font-size:11px; height:18px; float:left; background:#e0e0e0; color:#000000; padding-top:3px;}