body {background: url(images/bg_body.jpg) fixed repeat-x;  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 11px; color: #000; line-height: 16px}
.left{
	float:left;	
}
.right{
	float:right;
}
.clear {clear:both; height:0px; font-size:0px;}

a:link {
	color: black;
	text-decoration: none;
}
h1 {
	color:#535252;
}
a:visited {
	color: black;
	text-decoration: none;
	
}
a:hover {
	color: black;
	text-decoration:none;
	
}
a:active {
	color: black;
	text-decoration: none;
	
}
a img {
			border: 0;
		}
img {border:none;
	behavior: url("js/iepngfix.htc");
}
img.tengah {vertical-align:middle;}

#shape { position:absolute; top:50px; left:-2px; width:100%; height:500px; z-index:-1;   background:url(images/bg_shape.png) center top no-repeat ;   }

#page {width:850px;  clear: both;position:relative;  padding-top:30px;margin:auto;}

.header { clear:both; width: 850px;height:30px;position:relative; z-index:500;}
.logo {  width:196px;}

.mainmenu { float:left; position:relative;left:200px;top:-40px;}
.submenu { float:right; padding: 25px 70px 0px 0px; }

a .facebook{
	float:right;
}

/* tabbed menu top */
ol#toc {height: 40px; list-style: none; margin: 0; padding: 0; width:620px;}
ol#toc a {height: 40px;background: url(images/tabs.gif) 100% 0; color: #262525; line-height:40px; outline: none; padding-right: 13px; text-decoration: none; border: 0; }
ol#toc li a:hover{height: 40px;color: ;border: 0; border: 0; }
ol#toc li.current {height: 40px; background-position: 0 -40px; }
ol#toc li.current a {height: 40px;background-position: 100% -40px; color: #262525; font-weight: bold;border: 0; }

ol#toc>li {height: 40px;background: url(images/tabs.gif); float: left; margin: 0 1px 0 0; padding-left: 13px; }

/* tabbed menu sub */
ol#sub {height: 40px; list-style: none; margin: 0; padding: 0; }
ol#sub a {background: url(images/tabs-sub.gif) 100% 0; color: #262525; float: left; line-height:40px; outline: none; padding-right: 13px; text-decoration: none; border: 0;}
ol#sub li.current { background-position: 0 -40px; }
ol#sub li.current a {background-position: 100% -40px; color: #262525;border: 0; border: 0;}
ol#sub li {background: url(images/tabs-sub.gif); float: left; margin: 0 5px 0 0; padding-left: 13px; }

.product_sub{
	position:absolute;
	z-index:8888;	
	background:white;
	width:150px;
	margin-left:-10px;
	*margin-left:-100px;
	*margin-top:30px;
	padding-left:20px;	
	padding-right:20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 10px #666;
	-webkit-box-shadow: 3px 3px 10px #666;
	box-shadow: 3px 3px 10px #666;	
}

ol#toc li ul li{
	border-bottom:1px solid #666;
}

ol#toc li ul li a{
	padding-left:25px;
	background:url(images/bg_list01_sub.png) top left no-repeat;
}


ol#toc li ul li:last-child{
	border:none;	
}


/* top part */
.frametop {background:url(images/box-top-index.png) top left no-repeat; width:855px; margin-left:-3px;padding-top:45px;position:relative; z-index:50;*margin-top:-3px;}
.boxtop {background:url(images/box-top.jpg) no-repeat;overflow:hidden; width:850px; height: 65px; }
.pagetitle{float: left; padding: 16px 0px 0px 70px;}

/*daleman*/
#content { background: url(images/box-tile.png) center repeat-y; width:839px; margin: auto 0; padding:0px 5px 0px 5px;margin-left:3px; }
.contenttext {
	position:relative;	
}
#content_warp { background:#EDECEE url(images/bg_content.jpg) repeat-x;width:813px; margin-left:-2px;padding:0 15px 0 15px; padding-bottom:20px;}
#content .content_news,#content .content_about{padding-bottom:10px;}
#content_warp .about_image{height:350px;}

.isi {padding : 15px 70px 15px;  clear: both; overflow: hidden; width: 710px; }
.judul {float: left; padding: 20px 0px 10px 70px; clear: both; overflow:hidden; }
.gambar {float: left;text-align: center; padding-right: 20px; } 
.textmidle {vertical-align:middle; }
.isiteks {float: left;text-align: justify; width: 420px;}
h1 {font-size: 13px; font-weight: bold; margin-top: 0px;}
.ratakiri { float:left;}
.ratakanan { float:right;}

.homeboxwrap {position:relative; margin:22px;}
.homeboxout { float:left;margin-right:8px; width:260px; height:215px; background:url(images/bg_homeboxout.jpg) top no-repeat;}
.homebox {background:#f5f6f6 url(images/bg_homebox.jpg) bottom repeat-x ; position:relative; padding:20px;}
.homeboxtitle { padding:5px 5px 5px 5px; text-align:center; margin-top:20px; font-family:Verdana; font-size:12px; font-weight:bold; }
.homeboxcontent {
	margin:0px 20px 10px 20px;
	font-family:Verdana;
	font-weight:lighter;
	font-size:11px;
	color:#545454;
	height:145px;
	position:relative;
}
.homeboxicon {
	height:33px;
	position: relative;
}
.homeboxiconlink{
	background: url(images/arrow.png) left no-repeat;
	padding-left:10px;
	color:#032c88;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;

}
.read{
	position:absolute;
	bottom:5px;
	left:0px;
	padding-left:10px;
	background: url(images/arrow.png) left no-repeat;
	color:#032c88;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
}

	
.homedealer {
	background: url(images/bg_homedealer.jpg) top center no-repeat;
	position:relative;
	padding:15px 10px 0;
	height:auto !important;

	text-align:center;
	margin-top:20px;
}
.innerhomedealer{
	background:#E3E4E6;margin-left:5px;
	margin-top:20px;
	padding-left:15px;
	width:770px;padding-bottom:20px;
}

.homedealerleft {background:url(images/bg_homedealerl.jpg) left no-repeat ; width:18px; height:170px; position:absolute; left:0px;}
.homedealerright{background:url(images/bg_homedealerr.jpg) right no-repeat ; width:18px; height:170px; position:absolute; right:0px;}
.homedealertop {background:url(images/bg_homedealertop.jpg) center no-repeat ; width:46px; height:17px; position:absolute;left:365px;top:-1px;}
.homedealertitle {
	text-align:left;
	font-size:12px;
	font-family:Verdana;
	font-weight:bold;
	padding:10px 5px 30px 5px;
	position: relative;
	
}
.homedealercontent {
	float:left;
	width:225px;
	text-align:left;
	margin:0px 10px 0px 10px;
	font-family:Verdana;
	font-size:11px;
	color:#676464;
}

#homesocial {
	/*height:53px;*/
}

#homesocial . facebook{
	float:right;
}
	
	#boxnews_warp {
		padding:0px;

		}
	#boxnewsleft {
		padding:4px 0px 4px 4px;
		float:left;
		background:url(images/bg_boxnewsleft.jpg) bottom left repeat-x;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
		width:605px;
	}
	.boxnews {
		width:178px;
		height:225px;
		border:2px #bcbcbc solid;
		background:#FFF;
		margin-right:8px;
		padding:5px;
		float:left;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
	}
	.boxnews1 {
		width:788px;
		border:2px #bcbcbc solid;
		background:#FFF;
		margin-right:8px;
		margin-top:10px;
		margin-bottom:10px;
		padding:10px;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
	}
	
	.boxnews2 {
		width:788px;
		border:2px #bcbcbc solid;
		background:#D1D2D3;
		color:#000;
		margin-right:8px;
		padding:10px;
		margin-top:10px;
		margin-bottom:10px;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
	}
	
	.boxnewstitle {
		background:url(images/bg_boxnewstitle.jpg) top no-repeat;
		height:25px;
		text-align:center;
		vertical-align:middle;
		text-transform:uppercase;
		color:#FFF;
		display:block;
		font-weight:bold;
		font-size:15px;
		padding-top:5px;
	}
	
	.boxnews ul {
		margin:8px 6px 0px 6px;
		padding:0px;
	}
	
		.boxnews ul li {
		margin:0px;
		padding:0px;
		list-style:none none;
		height:auto !important;
		height:80px;
		min-height:80px;
		border-bottom: 1px dashed #666;
		display:block;
		position:relative;
	}
	.boxnews ul li  img {
		margin-right:3px;
	}
	
	.boxpromotitle {
		background:url(images/bg_boxpromotitle.jpg) top no-repeat;
		height:25px;
		text-align:center;
		vertical-align:middle;
		text-transform:uppercase;
		color:#FFF;
		display:block;
		font-weight:bold;
		font-size:15px;
		padding-top:5px;
	}
	.boxnewspromo {
		width:178px;
		height:240px;
		padding:5px;
		float:right;
		background:#f6f3ee url(images/bg_boxnewspromo.jpg) center repeat-x;
		border:2px #bcbcbc solid;
	  	-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
	}
#boxlink {
	height:20px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(images/bg_boxlink.png) no-repeat left top;
	padding:18px 55px 10px;
	width:705px;
	color:#000;
}

/* Scroller Box */
#scroller_container {
 position: relative;
 width: 705px;
 height: 60px;
 top:-10px
 overflow: hidden;
}

#scroller {
 white-space: nowrap;
 line-height: 20px;
 font-size: 15px;
 color:#F58310;
 text-shadow: 0px 2px 3px #fabe2f;
}

#scroller p {
 padding: 0;
}
/* Scoller Box */
     

#boxlink a {
	display:block;
	float:left;
	height:20px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:5px;
}
#boxproduct {
	height:122px;
	text-align:center;
}
#boxproduct a {
	display:block;
	width:160px;
	float:left;
}

#boxproduct1 {
	text-align:center;
}
#boxwallpaper {
	display:block;
	width:148px;
	float:left;
	overflow:hidden;
	margin-right:5px;
	margin-bottom:10px;
}
#aboutbox {
	padding:3px;
	background:url(images/broder_grd.jpg) left;
	float:left;
	position:relative;
	-moz-border-radius: 10px;
  	-webkit-border-radius:10px;
	margin-right:5px;
}
#aboutbox_content {
	height:229px;
	padding:15px;
	width:230px;
	-moz-border-radius:10px 10px 10px 10px;	
	-webkit-border-radius:10px;
}

.visi {
	background:#fff url(images/bg_visi.jpg) right bottom no-repeat;
}
.misi {
	background: #fff url(images/bg_misi.jpg) right bottom no-repeat;
}
.pt {
	background:#fff url(images/bg_pt.jpg) right bottom no-repeat;
}

#aboutbox_desc {
	width:770px;
	min-height:204px;
	background:#FFF;
	padding:15px;
	padding-top:5px;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
}

#label_bg{
	width:840px;
	background:url(images/bg_labelpage.jpg) top left;
}

#label_container{
	width:750px;	
	overflow:hidden;
	background:url(images/bg_labelpage.jpg) top left;
	margin-left:40px;
}


#labelpage {
	height:40px;
	/*width:2000px; UNTUK PRODUCT*/
	font-size:18px;
	font-weight:bold;
	color:#767676;
	padding-top:8px;
	float:left;
}

#label_bg .labelproducts{
	padding-left:0;
	height:25px;
	padding-top:7px;
}
	



/* index */
.imagetop {text-align: center; clear: both; overflow:hidden; width:815px;background:url(images/bg_imagetop.png) center 200px no-repeat;	}
.product_banner{}
.banner {float: right; margin: 10px 70px 0px 0px}
.banner img{padding-right: 5px;
margin-top:-20px;
}

/* products */
.product_model_gal{
	height:100px;
	width:360px;
	margin:auto;
}
.productplace{text-align: center; width: 710px}
.productbox {float: left; text-align: center;  background: url(images/product-box.png) no-repeat; padding-right: 9px; width: 227px; height:227px; margin-bottom: 20px;}
.productitem {clear: both; overflow: hidden; height: 220px; text-align:center; display:table-cell; vertical-align:middle; width: 227px; margin-top:20px; }
.producttitle {padding-top: 0px;}
.productline {background: url(images/news-line.jpg) no-repeat; clear: both;margin-top: 20px; height: 40px; width: 310px;}
.productdetailwarp { background:url(images/bg_productadetail.jpg) top left repeat-x; padding:10px; position:relative;
		height:auto !important;
		height:550px;
		min-height:250px;
		clear:both;
				overflow:hidden;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
}
.productdetail { background:#FFF; padding:10px 20px 10px 20px; border:1px solid #e9e6cf;
		height:auto !important;
		height:550px;
		min-height:250px;
		overflow:hidden;
		-moz-border-radius: 10px;
  		-webkit-border-radius:10px;
}
.productdetailtext { float:right; width:562px; }

.scroll_right_btn span, .scroll_left_btn span{
	display:none;
}

.scroll_left_btn{
	width:10px;
	height:13px;
	margin-top:-23px;
	margin-left:20px;
	background:url(images/blue_left_arrow_102.png) top left no-repeat;
}

.scroll_left_btn:hover{
	background:url(images/blue_left_arrow_102.png) 0 -13px no-repeat;
}

.scroll_right_btn{
	width:10px;
	height:13px;
	margin-top:-23px;
	margin-right:25px;
	background:url(images/blue_right_arrow_102.png) top left no-repeat;
}

.scroll_right_btn:hover{
	background:url(images/blue_right_arrow_102.png) 0 -13px no-repeat;
}

.sc_menu p{
	font-size:13px;		
	margin-top:-10px;
	position:relative;
	top:-2px;	
	cursor:pointer;
}

.sc_menu li{
	padding-right:25px;
}

/* product details */
.box{float: left;text-align: left; width: 350px; overflow: hidden; clear:right;}
.acc{float: left; width:350px; min-height:130px; margin-bottom:30px;}
.acc li{ margin-left:80px;}
/*.productdetail .acc{ display:block; float:left;	 width:350px; min-height:130px;
*/
.acctext{float: left; clear: right; width: 220px; height: 100px; padding-left:10px; }
.detailtext{float: left; clear: right; width: 220px;}


/* news */

.newsline {background: url(images/news-line.jpg) no-repeat; clear: both;margin-top: 20px; height: 40px;}
#news ul {
	margin:0px;
	padding:0px;
	margin-top:20px;
}
#news {
	padding-top:40px;
	padding-bottom:20px;
}
#news ul li {
	list-style:none none;
	display:block;
	padding:21px;
	background:#ededed;
	margin-bottom:20px;
	border-bottom:6px solid #8f8f8f;
	border-right:6px solid #8f8f8f;
	border-left:3px solid #b2b2b2;
	border-top:3px solid #b2b2b2;
		-moz-border-radius:20px;
  		-webkit-border-radius:20px;
		height:auto !important;
		height:159px;
		min-height:159px;
		position:relative;
}
.newsimg {
	width:181px;
	height:135px;
	overflow:hidden;
	border:1px solid #aeaeae;
	background:#fff;
	padding:13px;
		-moz-border-radius:10px;
  		-webkit-border-radius:10px;
	text-align:center;
	margin-right:23px;
	float:left;
}
.newsimg img {
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
}
#news .read {
	position:relative;
}



/* download*/
.wallpaper {float:left; padding: 0px 15px 20px 0px;}
.wallpaper1 {float:left; padding: 0px 20px 20px 10px; height:90px; width:205px;}
.movie {float:left;text-align: center; padding: 0px 15px 20px 0px;}
.ring {float:left;text-align: center; padding: 0px 15px 40px 0px; width: 85px; height:90px; overflow: visible;}
.ringitem {padding-bottom: 15px; clear: both;}


#footer {background: url(images/footer.png) no-repeat; clear: both; overflow: hidden; width: 855px; height:140px;margin-left:-4px;}
#footer1 {background: url(images/footer1.png) center top no-repeat; clear: both; overflow: hidden; width: 849px; height:93px; }

#boxdownload {
	padding:8px;
	background:#fff;
	border:2px solid #cdcdcd;
	float:left;
	margin-bottom:10px;
	margin-right:10px;
		height:auto !important;
		height:345px;
		min-height:345px;
		-moz-border-radius:10px;
  		-webkit-border-radius:10px;
}
.media {
	margin:8px;
	float:left;
}
.mp3 {
	margin-bottom:15px;
	margin-top:15px;
}

/* news */
.tempatform{background: white;margin: 0px auto; width:320px;  clear: both; overflow: hidden; padding: 10px 25px 10px;}
.formatas{width: 100%;height: 90px;vertical-align: middle; clear: both; margin-bottom: 20px;}
.formteks{float: left;height: 40px; clear: right; width: 120px;}
.tarokanan { float:right; clear: right;}
.formisi{float: right;height: 40px;clear:right; overflow: hidden;}
.formisi1{float: right;height: 70px;clear:right; overflow: hidden;}
.lebarform{width: 190px;}

/*support*/
#supportwarp {
	position:relative;
	padding-top:50px;
	padding-bottom:30px;
}

#supportwarp h2{
	font-family:arial;
	font-size:25px;
	letter-spacing:-1px;
	line-height:29px;
	line-height:px;
	margin:0 0 10px;
	padding:0;
	color:#555;
	text-shadow: 0px 2px 3px #888;

}

.faqmenu {
	float:right;
	width:254px;
	height:auto !important;
	height:142px;
	min-height:142px;
	background:#8c8c8c;
	border:#b3b2b1 4px solid;
	padding:20px 10px 10px 10px;
	-moz-border-radius:10px;
  	-webkit-border-radius:10px;
}
.faqmenu  ul  {
	margin:0px;
	padding:0px;
}
.faqmenu  ul  li {
	display:block;
	padding:7px 4px 7px 30px;
	border-bottom:#fff 1px dashed;
	background:url(images/bg_list01.png) left 7px no-repeat;
	margin-bottom:10px;
	font-size:14px;
}
.faqmenu  ul  li:hover, .faqmenu  ul  li:focus, .faqmenu  ul  li.active {
	background:url(images/bg_list01.png) left -18px no-repeat;
	cursor:pointer;
}

.faqmenu  ul  li a {
	color:#fff;
}



.faqcontent {
	padding:10px;
	width:495px;

	min-height:354px;
	border:2px solid #b2b1b0;
	background:#fff;
	display:block;
	-moz-border-radius:10px;
  	-webkit-border-radius:10px;
}

/*animate menu*/
ol#toc li.current {height: 50px; background-position: 0 -40px; }
ol#toc li.current a {height: 50px;background-position: 100% -40px; color: #262525; font-weight: bold;border: 0; }
ol#toc li {}

div#slide {position:absolute;height: 50px;background:  url(images/tabs.png) 0px 43px ; width:20px; z-index:-1;}
span#slide { position:absolute; right:-10px;display:block;background: url(images/tabs.png) 100% 43px ; float:right; width:10px;height: 50px}

      .ui-jcoverflip {
        position: relative;
		margin:0 auto;
		z-index:10;
		padding-left:20px;
      }
      
      .ui-jcoverflip--item {
        position: absolute;
        display: block;
      }
      
      /* Basic sample CSS */
      #flip {
        height: 300px;
        width: 600px;
		margin:0 auto;
      }
      
      #flip .ui-jcoverflip--title {
        position: absolute;
        bottom: -30px;
        width: 100%;
        text-align: center;
        color: #555;
		left:-30px;
      }
      
      #flip img {
        display: block;
        border: 0;
        outline: none;
      }
      
      #flip a {
        outline: none;
      }
      
      
      #wrapper {
        height: 350px;
        width: 600px;
        overflow: hidden;
        position: relative;
      }
      
      .ui-jcoverflip--item {
        cursor: pointer;
      }
      ul,
      ul li {
        margin:0px;
        padding:0px;
        display: block;
        list-style-type: none;
	  }	
	  
	   .product_img {
		  width:368px;
		  float:right;
		  text-align:center;
		  display:block;
		 }
		 #product_detail {
		  width:810px;
		  float:left;
		  text-align:left;
		  color:#000;
		  position:relative;
		 }
		 .product_title {

			 padding-top:5px;
			 display:block;
			 font:Verdana, Geneva, sans-serif;
			 font-size:36px;
			 color:#7b7b7b;
			}
			 .product_text {
				margin-top:10px;
				margin-bottom:10px;
			 	padding-top:10px;
			 	display:block;
			 	font:Verdana, Geneva, sans-serif;
			 	font-size:12px;
				text-align:justify;

				color:#000000;
			}
	
				.product_list {

				}
			
			.product_list ul {
			margin:0px;
			padding:0px;
			}

			
			.product_model_gal ul li, .product_list ul li {
				display:block;
				width:90px;
				float:left;
				background:url(images/thumb_bgprod.png) center top no-repeat;
			}
			.product_model_gal ul li a, .product_list ul li a {
				display:block;
				width:75px;
				height:58px;
				margin-top:7px;
				margin-left:9px;
				overflow:hidden;
				float:left;
				cursor: pointer;
			}
			.product_model_gal ul li{
				margin-top:10px;
			}