@charset "utf-8";
.fruity { font-weight:bold; color:#666;}
a:active, a:focus{outline:none}
.imgside { margin:8px 0 0 5px;}
.lebar { width:500px;}
.thumb { border:solid #C8CACB 1px; margin-right:10px; margin-bottom:10px;}
.map { width:750px; border:solid #4a7135 2px; margin:15px 0;}
.isian1 { float:right; padding:7px;}
.input1 {border:none; width:140px; height:20px; padding-left:5px; margin-right:10px;}
.tombol1 {cursor:pointer; background:url(../images/bg_bar.jpg) repeat-x; font-weight:bold;}
.tumpul {border:none;-moz-border-radius: 5px;border-radius: 5px;}
.chart a{ background:url(../images/bg-chart.gif) no-repeat left; font-size:14px; padding:10px 5px 10px 50px; text-align:right; font-weight:bold; display:block;-moz-border-radius: 5px;border-radius: 5px; color:#fff; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
hr { border-bottom:dotted #c8cacb 1px; border-top:none; border-left:none; border-right:none;}
.line{ border-bottom:dotted #c8cacb 1px; border-top:none; border-left:none; border-right:none;}
#ina { background:url(../images/ind_flag.jpg) no-repeat; margin-right:10px;}
#end { background:url(../images/en_flag.jpg) no-repeat; margin-right:10px;}
.img1 {display:block; float:left; margin-right:40px;}
.bg-contact { background:url(../images/cs.jpg) #e2e9e5 bottom right no-repeat;}
body {background:#e2e9e5 url(../images/bg-right-header.jpg) top repeat-x; font-family:arial; font-size:12px; color:#666;}
h2 {color:#054124; font-weight:bold; margin-bottom:10px;}
.halaman {border:solid #4a7135 1px; padding:10px; background-color:#ddd;}
.info1 {color:#595a5c; font-weight:bold;font-size:14px;}
.info2 {color:#054124; font-weight:bold;font-size:20px;}
.list1 {color:#054124; font-weight:bold;float:left; margin:20px 0 20px 35px;}
.list2 {list-style:inside circle; margin-top:10px;}
.list2 li {margin-bottom:8px;}
.list3 { margin:15px 0 10px 180px;}
.list4 {list-style:inside url(../images/bullet1.gif); display:block; padding:0 10px;}
.list4 li { font-weight:bold; margin-top:20px;}
.list4 a { font-weight:bold;}
.list5 {list-style:outside circle; display:block; margin-top:10px;}
.list5 li {font-weight:bold; margin-left:25px; margin-top:5px; line-height:16px;}
.list5 a { font-weight:normal;}
.link1 {color:#054124; font-weight:normal;}
.link2 {color:#fff; font-weight:normal; margin:5px 20px 0 0; display:block; float:left;}
.bahasa li{display:inline; color:#fff; margin-right:20px;}
.bahasa li a, .bahasa li a:hover{ text-decoration:none; color:#fff;}
.fl {float:left;}
.fr {float:right;}
.clr {clear:both;}
.center {text-align:center;}
.p-8 {padding-bottom:8px;}
.mt-8px { margin-top:8px;}
.ml-15 {margin-left:15px;}
.mb-15 {margin-bottom:15px;}
.mr-19 {margin-right:19px;}
.mr-23 {margin-right:23px;}
.mr-30 {margin-right:30px;}
.mt-65 {margin-top:28px;}
.mb-20 {margin-bottom:20px;}
.wrapper {width:1067px; height:auto; margin:0 auto 0 auto;position:relative;}
.header {width:1067px; height:135px; background:url(../images/bg-header.jpg) no-repeat;}
.logo {width:198px; height:100px; margin:18px 0 0 37px; float:left;}
.info {float:right; display:inline; width:640px;}
.button a {color:#FFF; display:block; float:right; height:18px; line-height:16px; margin:3px 0 0 32px; padding-left:23px;}
.menu {width:1067px; height:36px; background:#4a7135;}
.box {width:1009px; background:#fff; padding:15px 29px 20px 29px; height:auto; clear:both; display:block;}
.box2{width:989px; border:1px solid #c8cacb; padding:10px; text-align:center;}
.box5{width:1011px;}
.box6 {width:192px; margin-bottom:15px;}
.box9 {width:190px; margin-bottom:15px; border:solid #c8cacb 1px; text-align:center; padding-bottom:10px;}
.box7 { padding: 5px 0 5px 0; border-bottom:solid #c8cacb 1px; border-left:solid #c8cacb 1px; border-right:solid #c8cacb 1px}
.box7 h3 { font-size:20px; font-weight:bold; color:#af1f2d;}
.box7 img, .box7 p, .box7 h3 {margin-bottom:10px;}
.box8{width:756px; border:1px solid #c8cacb; padding:10px;margin-bottom:20px; background:url(../images/bg-produk.jpg) bottom right no-repeat; line-height:16px;}
.box8 ol { list-style:outside circle; margin-left:20px;}
.box8 strong { font-weight:bold;}
.box8 ol li { margin-bottom:10px; line-height:16px;}
.box8 h2 { color:#4a7135; font-size:18px; margin-bottom:20px;}
.box8 ul {list-style:outside circle; display:block;}
.box8 ul li {margin-left:20px; padding:3px 0;}
.box10 { width:250px; float:left; margin-right:20px;}
.box10 img { border:#CCC solid 2px;}
.box11 { width:475px; float:left;}
.mid {clear:both; margin-bottom:15px;}
.left {float:left; width:196px;}
.right {float:right; width:777px;}
.bar1 {background:url(../images/bg_bar.jpg) repeat-x; width:190px; height:32px; border:solid 1px #4a7135;}
.bar2 {background:url(../images/bg_bar.jpg) repeat-x; width:776px; height:32px; border:solid 1px #4a7135;}
.judul {font-size:16px; font-weight:bold; margin-top:8px; margin-left:10px;}
.footer {clear:both;}
.list {width:950px; height:auto; margin:20px auto 0 auto; position:relative;}
.slider {width:1008px; height:280px;clear:both; display:block; position:relative;}
#nav li {display:inline;}
#nav li a {float:left;height:36px; line-height:34px; padding:0px 10px;color:#054124; background:url(../images/bg-tombol.jpg) repeat-x bottom left; border-right:1px solid #c8cacb; border-left:1px solid #c8cacb; font-weight:bold;}
#nav li a:hover, #nav li a.current {background:#4a7135 no-repeat center top; color:#fff; text-decoration:none;}
.shadow {-webkit-box-shadow:0 5px 5px #999;-moz-box-shadow:0 5px 5px #999;box-shadow:0 5px 5px #999;}

.lof-snleft{float:right;margin-left:auto;margin-right:inherit;clear:both;height:280px;}
.lof-slidecontent{position:relative;overflow:hidden;border:#F4F4F4 solid 1px;width:1008px;height:278px;}
.lof-slidecontent .preload{height:100%;width:100%;background:#FFF;position:absolute;top:0;left:0;z-index:100000;color:#FFF;text-align:center}
.lof-slidecontent .preload div{height:100%;width:100%;background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;}
.lof-main-outer{position:relative;height:100%;width:712px;z-index:3px;overflow:hidden; float:right;}
/*******************************************************/
.lof-main-item-desc{z-index:100px;position:absolute;top:150px;left:50px;width:400px;background:url(../images/transparent_bg.png);/* filter:0.7(opacity:60) */}
.lof-main-item-desc p{color:#FFF;margin:0 8px;padding:8px 0}
.lof-main-item-desc h3 a{color:#FFF;margin:0;font-size:14px;padding:20px 8px 2px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;}
.lof-main-item-desc h3 a:hover{color:#FF6;text-decoration:underline;}
/* main flash */
ul.lof-main-wapper{ margin-left:auto; margin-right:inherit;overflow:hidden;background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;padding:0px;height:280px;width:712px;position:absolute;overflow:hidden; clear:both;}
ul.lof-main-wapper li{overflow:hidden;padding:0px;margin:0px;height:100%;width:712px;float:left;}
.lof-opacity  li{position:absolute;top:0;left:0;float:inherit;}
ul.lof-main-wapper li img{padding:0px;width:712px;}
li-desc{z-index:100px;position:absolute;top:150px;left:50px;width:400px;background:url(../images/transparent_bg.png);/* filter:0.7(opacity:60) */}
li-desc p{color:#FFF;margin:0 8px;padding:8px 0}
li-desc h3 a{color:#FFF;margin:0;font-size:14px;padding:20px 8px 2px;font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;}
li-desc h3 a:hover{color:#FF6;text-decoration:underline;}
/* item navigator */
.lof-snleft .lof-navigator .active{background:url(../images/arrow-bg.gif) center right no-repeat; color:#FFF;}
ul.lof-navigator{top:0;padding:0;margin:0;position:absolute;width:100%;}
ul.lof-navigator li{cursor:hand;cursor:pointer;list-style:none;width:100%;padding:0;margin:0;overflow:hidden;}
.lof-navigator-outer{position:absolute;top:0px;z-index:100;height:56px;width:200px;overflow:hidden;color:#FFF;left:0;right:inherit;}
.lof-navigator li h3{color:#054124;font-size:20px;padding:10px 0 5px !important;margin:0;font-weight:bold;}
.lof-navigator li div{background:url(../images/bg-trans.gif);color:#054124;height:56px;position:relative;padding-left:15px;margin-left:inherit;margin-right:18px;}
.lof-navigator li.active div{background:url(../images/grad-bg.gif);color:#FFF;}
.lof-navigator li img{height:40px;width:40px;margin:4px 15px 10px 0px;float:left;padding:3px;border:#C5C5C5 solid 1px;}
.lof-navigator li.active img{border:#6C8E5C  solid 1px;}
.lof-navigator li.active h3{color:#FFF;}

#container{width:777px;}
#container ul{list-style: none;list-style-position: outside;}
#container ul.tab li{float: left;margin-right: 5px;margin-bottom: -1px;}
#container ul.tab li{font-weight:bold;display: block;padding: 5px 10px 5px 10px;background:url(../images/bg_bar.jpg) repeat-x;margin-bottom: -1px;border: 1px solid #4a7135;border-width: 1px 1px 1px 1px;position: relative;color: #fff;cursor: pointer; font-size:16px;}
#container ul.tab li.active{background: #fff;top: 1px;border-bottom: 0;color: #4a7135;}
.content{margin: 0pt auto;background: #efefef;background: #fff;border: 1px solid #4a7135;text-align: left;padding:10px 10px 0 10px; margin-bottom:15px;}
.content h1{line-height: 1em;vertical-align: middle;height: 48px;padding: 10px 10px 10px 52px;font-size: 32px;}
.content.news h1{background: transparent url(../images/news.jpg) no-repeat scroll left top;}
.content.news{display: block; padding-top:20px;}
.content.tutorials h1{background: transparent url(../images/tuts.jpg) no-repeat scroll left top;}
.content.tutorials{display: none; padding-top:20px;}
.content.links h1{background: transparent url(../images/links.jpg) no-repeat scroll left top;}
.content.links{display: none; padding-top:20px;}

/*---------prod_box----------*/
.prod_box{width:228px;height:auto;float:left;padding:0 0 20px 23px;}
.top_prod_box { text-align:center; margin-bottom:5px;}
.product_title { margin-bottom:10px;}
.center_prod_box{width:226px;text-align:center;padding:10px 0 10px 0;border:1px solid #c8cacb;height:210px;}
.prod_details_tab{width:228px;height:33px;float:left;background:url(../images/products_details_bg.gif) no-repeat center;margin:0px 0px 0px 0px;}
img.left_bt{float:left;padding:6px 0 0 6px;}
a.prod_details{float:right;color:#fff;font-weight: bold;margin-top: 11px;padding-right: 60px;}
a.prod_cart{float:left;padding:0 0 0 20px;margin:11px 0 0 50px;color:#fff;font-weight: bold;}
span.price{color:#C65159;font-weight: bold;}
span.price2{color:#464646;font-weight: bold;}
span.price3{color:#892d33;font-family: Tahoma, Helvetica, sans-serif;font-size: 12px;font-weight: bold;}
a.addtocart{width:36px;height:27px;display:block;float:left;background:url(../images/addtocart.gif) no-repeat left;padding:0 0 0 35px;margin-left:50px;text-decoration:none;line-height:27px;color:#1c4a52;}
.prod_cart_habis{width:75px;height:33px;float:left;background:url(../images/cart_hbs.png) no-repeat center; margin-left:36px;}
span.blue{color:#5F9FAB;}

.prod_box1{width:160px;height:auto;float:left;padding:0 0 20px 10px;}
.center_prod_box1{width:158px;text-align:center;padding:10px 0 10px 0;height:168px;}
.prod_details_tab1{width:160px;height:33px;float:left;background:url(../images/products_details_bg.gif) no-repeat center;margin:0px 0px 0px 0px;}
a.prod_details1{float:right;color:#fff;font-weight: bold;margin-top: 11px;padding-right: 26px;}
a.prod_cart1{float:left;padding:0 0 0 20px;margin:11px 0 0 10px;color:#fff;font-weight: bold;}
.prod_cart_habis1{width:75px;height:33px;float:left;background:url(../images/cart_hbs.png) no-repeat center;}
.simplebtn {background:url(../images/bg-tombol.gif) repeat-x; font-weight:bold;cursor: pointer;display: inline-block;height: 23px;padding:0 10px 2px;}
.selesai {background:url(../images/bg-tombol.gif) repeat-x; font-weight:bold;cursor:pointer; color:#000900;display:inline-block;height: 18px; width:109px; padding-top:5px; text-align:center; font-size:12px;}
.selesai:hover { text-decoration:none;}
.bg-row {background:url(../images/bg-table_03.jpg) repeat-x;}
#sliderwrap {text-align: center;width: 915px;overflow: hidden;position: relative;height: 110px; float:left;}
a.prev {float: left;margin-top: 25px;}
a.next {float: right;margin-top: 25px;}
#slidertext {float: left;width: 600px;overflow: hidden;position: relative;}
#slidertext li {overflow: hidden;position: relative; width: 915px;height: 1400px;}
#slidertext ul {width: 915px }
#scroll-pane { float:left;overflow: auto; width: 170px; height:270px;position:relative;border:1px solid gray;display:inline; margin-bottom:20px;}
#scroll-content {position:absolute;top:0;left:0}
#slider-wrap{float:left;width:18px;border:1px solid gray;border-left:none;}
#slider-vertical{position:relative;height:100%}
.ui-slider-handle{width:18px;height:10px;margin:0 auto; background:url(../images/slider.jpg) no-repeat;display:block;position:absolute}