* {margin:0; padding:0;} body {background:url(images/bg.jpg) top center no-repeat fixed #3f3f3f; font-family:Tahoma, Geneva, sans-serif;} img {border:none;} ul {list-style:none;} h4 {color:#0033FF; font-size:13px; margin-bottom:5px; } .standardul { padding-left:35px; margin-bottom:10px; font-style:italic;} .standardul li {color:#3399FF} .ulangka {list-style:decimal; margin-bottom:10px; padding-left:25px;} .dashedgrey {border:1px dashed #808080; width:549px; margin-left:15px; padding:10px; overflow:hidden; } .dashedgrey2 {border:1px dashed #808080; width:549px; margin-left:15px; padding:10px; overflow:hidden; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#29292b; } .dashedgrey2 p {margin-bottom:10px;} .list-lokasi {font-size:12px; padding-left:15px;} .list-lokasi li {min-height:60px;} .list-lokasi h4 {color:#0033FF; font-size:13px; margin-bottom:5px; margin-left:-15px } .list-lokasi2 {font-size:12px; padding-left:0;list-style:decimal} .list-lokasi2 li {min-height:60px; margin-left:5px} #welcome-mid h3 {margin-bottom:10px;} #profile {width:570px; } #profile label {display:inline-block; float:left; width:120px} #profile div{line-height:1.5em; padding-top:5px; padding-bottom:5px;border-bottom:1px dashed #cccccc; width:550px; } #profile input,select,textarea{padding:3px; width:200px; font-size:12px; font-family:tahoma;} #edit-password, #edit-key, #edit-bank-acc, #membershipform {width:570px} #edit-password label, #edit-key label, #edit-bank-acc label, #membershipform label {display:inline-block; float:left; width:170px} #edit-password div, #edit-key div, #edit-bank-acc div, #membershipform div{line-height:1.5em; padding-top:5px; padding-bottom:5px;border-bottom:1px dashed #cccccc; width:550px} #edit-password input, select,textarea, #edit-key input, select,textarea, #edit-bank-acc input,select,textarea, #membershipform input,select,textarea{padding:3px; width:200px; font-size:12px; font-family:tahoma} #welcome-mid #slideshow{margin:0;padding:0} .kategorititle {background:#29abe2; padding:3px; width:587px; margin-left:17px;} .heading {font-size:14px; font-weight:bold; color:#fff; padding:3px; border:dashed 1px #fff; text-align:center;} #header {width:908px; margin:0 auto; height:150px; position:relative;} #logo {position:absolute; top:10px; left:0;} #basket {position:absolute; top:20px; left:355px; font-size:14px; color:#fff; text-shadow:#000 1px 1px; background:url(images/cart1.png) no-repeat; padding-left:45px; padding-top:10px; height:33px;} #basket a {color:#fff; text-decoration:none;} #basket a:hover {text-decoration:underline;} #location {position:absolute; top:0; right: 15px;} #navigation {position:absolute; right:15px; bottom:0; margin:0; padding:0; height:47px;} #navigation li {float:left; margin-left:15px;} #contentwrap {width:908px; margin:0 auto; margin-top:-5px; margin-bottom:50px;} #contenttop {width:908px; height:80px; background:url(images/contenttop.png) no-repeat; position:relative;} #social {position:absolute; top:25px; right:27px; } #social li {margin-left:15px; float:left;} #maincontent {width:908px; background:url(images/contentbg.png) repeat-y; padding-top:5px; } #contentbottom {width:908px; height:29px; background:url(images/contentbottom.png) no-repeat; } #newsticker{width:860px; margin:0 auto; margin-bottom:10px;height:10px; font-size:12px; font-weight:bold} #loginform {background:url(images/gembok.jpg) no-repeat top left; position:absolute; top:32px; left:25px; padding-left:35px; height:30px; } #loginform input {padding:3px 5px; font-size:11px; color:#5d5d5d; border:dashed 1px #8c6239; width:80px; float:left; margin-right:5px} #loginform #login {background:#8c6239; padding:3px 10px; font-size:11px; width:50px; border:none; color:#fff; cursor:pointer;} #memberlink {position:absolute; left:60px; top:55px;} #memberlink li {float:left; width:115px; margin-right:7px; } #memberlink li a {text-decoration:none; color:#c1272d; font-size:12px; text-shadow:#fff 1px 1px; font-weight:bold;} #memberlink li a:hover {text-decoration:underline;} #user_div { position:absolute; top:32px; left:25px; padding-left:35px;} #user_div p {text-decoration:none; color:#4681EE; font-size:12px; text-shadow:#fff 1px 1px; font-weight:bold; } #user_div p a {text-decoration:none; color:#c1272d; font-size:12px; text-shadow:#fff 1px 1px; font-weight:bold;} #user_div p a:hover {text-decoration:underline;} #sidebar {float:left; width:223px; margin-left:30px; color:#121212; text-shadow:#fff 1px 1px;display: inline} #sidebar a {color:#121212; text-decoration:none; font-weight:bold;} #sidebar a:hover {text-decoration:underline;} #categories {font-size:14px; margin-bottom:20px;} #cat-top {background:url(images/categoriestop.jpg) no-repeat; width:223px; height:87px;} #cat-mid {background:url(images/categoriesmid.jpg) repeat-y; width:153px; text-shadow:#ffc5c5 1px 1px; padding-left:50px; } #cat-mid li {line-height:2em; background:url(images/cat-raq.gif) no-repeat; padding-left:15px;} #cat-bot {background:url(images/categoriesbottom.jpg) no-repeat; width:223px; height:27px;} #account-menu {font-size:12px; margin-bottom:20px;} #cat-mid-acc {background:url(images/categoriesmid.jpg) repeat-y; width:183px; text-shadow:#ffc5c5 1px 1px; padding-left:40px;} #cat-mid-acc li {line-height:2em; background:url(images/cat-raq.gif) no-repeat; padding-left:15px;} #myacc-top {background:url(images/myaccounttop.jpg) no-repeat; width:223px; height:87px;} #list2 {background:url(images/categoriesmid.jpg) repeat-y; width:163px; text-shadow:#ffc5c5 1px 1px; padding-left:40px;} #list2 dt {font-weight:bold; font-family:tahoma,arial;font-size:12px;line-height:1.5em; text-shadow:none; cursor:pointer} #list2 dd p{width:140px;line-height:1.5em ;padding-left:15px;background:url(images/cat-raq2.gif) no-repeat;} #list2 p a{font-family:tahoma,arial;font-size:12px; color:#000000; text-shadow:none; font-weight:normal} #news {font-size:11px; margin-bottom:25px;} #news-top {background:url(images/newstop.jpg) no-repeat; width:223px; height:65px;} #news-mid {background:url(images/newsmid.jpg) repeat-y; padding-left:35px; padding-right:35px; width:153px; text-shadow:#e4b88b 1px 1px;} #news-mid img {margin-bottom:10px; width:150px} #news-bot {background:url(images/newsbot.jpg) no-repeat; height:28px;} #cs {} #cs-top {background:url(images/csstop.jpg) no-repeat; width:223px; height:46px;} #cs-mid {background:url(images/csmid.jpg) repeat-y; padding:10px 40px;} #cs-bot {background:url(images/csbot.jpg) no-repeat; height:22px;} #rightcontent {margin-left:261px; width:630px; padding-top:5px} #welcome {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; color:#29292b;} #welcome a{text-decoration:none; color:#C34120;} #welcome a:hover {text-decoration:underline;} #welcome p {margin-bottom:10px;} #welcome-top {background:url(images/welcometop.jpg) no-repeat; width:620px; height:49px;} #welcome-mid {background:url(images/welcomemid.jpg) repeat-y; width:550px; padding-left:35px; padding-right:35px; padding-top:8px;} #slider-mid {background:url(images/welcomemid.jpg) repeat-y; width:550px; height:170px; padding-left:35px; padding-right:35px; padding-top:8px;} #welcome-bot {background:url(images/welcomebot.jpg) no-repeat; width:620px; height:33px;} #about-top {background:url(images/abouttop.jpg) no-repeat; width:620px; height:49px;} #newspage-top {background:url(images/newspagetop.jpg) no-repeat; width:620px; height:49px;} #othernewstop {background:url(images/othernewstop.jpg) no-repeat; width:620px; height:81px;} #shopping-top {background:url(images/shoppingcart-top.jpg) no-repeat; width:620px; height:49px;} #checkout-top {background:url(images/checkout-top.jpg) no-repeat; width:620px; height:49px;} #contact-top {background:url(images/contacttop.jpg) no-repeat; width:620px; height:49px;} #info-top {background:url(images/infotop.jpg) no-repeat; width:620px; height:49px;} #location-top {background:url(images/location-top.jpg) no-repeat; width:620px; height:49px;} #register-top {background:url(images/registertop.jpg) no-repeat; width:620px; height:49px;} #profile-top {background:url(images/profiletop.jpg) no-repeat; width:620px; height:49px;} #editpass-top {background:url(images/editpass-top.jpg) no-repeat; width:620px; height:49px;} #downline-top {background:url(images/downlinetop.jpg) no-repeat; width:620px; height:49px;} #purchase-top {background:url(images/po-top.jpg) no-repeat; width:620px; height:49px;} #downlinereport-top {background:url(images/downlinereporttop.jpg) no-repeat; width:620px; height:49px;} #editbankacc-top {background:url(images/editbankacctop.jpg) no-repeat; width:620px; height:49px;} #commission-top {background:url(images/commissiontop.jpg) no-repeat; width:620px; height:49px;} #editprofile-top {background:url(images/editprofiletop.jpg) no-repeat; width:620px; height:49px;} #membership-top {background:url(images/membershiptop.jpg) no-repeat; width:620px; height:49px;} #rv-top {background:url(images/rvtop.jpg) no-repeat; width:620px; height:49px;} #shipping-top {background:url(images/shippingtop.jpg) no-repeat; width:620px; height:49px;} #submitsales-top {background:url(images/sbmitsalestop.jpg) no-repeat; width:620px; height:49px;} #transfer-top {background:url(images/transfertop.jpg) no-repeat; width:620px; height:49px;} #transferhistory-top {background:url(images/transferhistorytop.jpg) no-repeat; width:620px; height:49px;} #submitsales-top {background:url(images/signuptop.jpg) no-repeat; width:620px; height:49px;} #signup-top {background:url(images/enrolltop.jpg) no-repeat; width:620px; height:49px;} #product-top {background:url(images/producttop.jpg) no-repeat; width:620px; height:49px;} #transferkey-top {background:url(images/transferkeytop.jpg) no-repeat; width:620px; height:49px;} #transfercomm-top {background:url(images/transfercommtop.jpg) no-repeat; width:620px; height:49px;} #redemption-top {background:url(images/redemptiontop.jpg) no-repeat; width:620px; height:49px;} #redemphistory-top {background:url(images/redemphistorytop.jpg) no-repeat; width:620px; height:49px;} #inbox-top {background:url(images/inboxtop.jpg) no-repeat; width:620px; height:49px;} #compose-top {background:url(images/composetop.jpg) no-repeat; width:620px; height:49px;} #sent-top {background:url(images/senttop.jpg) no-repeat; width:620px; height:49px;} #reply-top {background:url(images/replytop.jpg) no-repeat; width:620px; height:49px;} #viewmsg-top {background:url(images/viewmsgtop.jpg) no-repeat; width:620px; height:49px;} #efund-top {background:url(images/efundtop.jpg) no-repeat; width:620px; height:49px;} #transfercommtoefund-top {background:url(images/commtoefundtop.jpg) no-repeat; width:620px; height:49px;} #efundhistory-top {background:url(images/efundhistory.jpg) no-repeat; width:620px; height:49px;} #transferefund-top {background:url(images/transferefundtop.jpg) no-repeat; width:620px; height:49px;} #forgotpass-top {background:url(images/passwordtop.jpg) no-repeat; width:620px; height:49px;} #gift-order-top {background:url(images/gift_ordertop.jpg) no-repeat; width:620px; height:49px;} #faq-top {background:url(images/faqtop.jpg) no-repeat; width:620px; height:49px;} #terms-top {background:url(images/termstop.jpg) no-repeat; width:620px; height:49px;} #marketing-top {background:url(images/marketingtop.jpg) no-repeat; width:620px; height:49px;} #howto-top {background:url(images/howtotop.jpg) no-repeat; width:620px; height:49px;} #vieworder-top {background:url(images/viewordertop.jpg) no-repeat; width:620px; height:49px;} #skstock-top {background:url(images/starteridtop.jpg) no-repeat; width:620px; height:49px;} #inputnetwork-top {background:url(images/inputnetworktop.jpg) no-repeat; width:620px; height:49px;} #skorder-top {background:url(images/sk_ordertop.jpg) no-repeat; width:620px; height:49px;} #purchasesk-top {background:url(images/purchase_sktop.jpg) no-repeat; width:620px; height:49px;} #ann-top {background:url(images/anntop.jpg) no-repeat; width:620px; height:49px;} #otheranntop {background:url(images/otheranntop.jpg) no-repeat; width:620px; height:79px;} #other_news {list-style:circle; margin-left:20px } #other_news li{padding-bottom:10px} #contactform, #registerform {padding-left:15px; padding-top:10px;} .contactformbg label, .registerformbg label,.registerformbg_long label, .registerformbg_big label {font-size:12px; color:#333; line-height:1.5em; text-shadow:#b1ff9c 1px 1px;} .contactformmsg label, .registerformmsg label {font-size:12px; color:#fff; line-height:2em; text-shadow:#000 1px 1px;} .contactformbg input {font-size: 12px; padding:3px 5px; width:120px; color:#525252; background:#b1ff9c; border:none;} #contactform textarea {font-size:12px; font-family:Tahoma, Geneva, sans-serif; color:#eee; width:250px; height:80px; padding:5px 0; background:none; border:none;} .contactformbg {background:url(images/contactbg.jpg) no-repeat; width:148px; height:67px; float:left; padding-top:8px; padding-left:15px; margin-right:15px;} .contactformmsg {background:url(images/contactmsg.jpg) no-repeat; width:327px; height:146px; margin-top: 75px; padding-top:14px; padding-left:22px;} .registerformbg {background:url(images/registerbg2.jpg) no-repeat; width:248px; height:67px; float:left; padding-top:5px; padding-left:15px; display:inline} .registerformbg input {font-size: 12px; padding:3px 5px; width:210px; color:#525252; background:#b1ff9c; border:none;} .registerformbg select {font-size: 12px; padding:3px 5px; width:220px; color:#525252; background:#b1ff9c; border:none;} .registerformbg_long {background:url(images/registerbg_long.jpg) no-repeat; width:411px; height:67px; float:left; padding-top:8px; padding-left:15px; margin-right:15px; } .registerformbg_long select {font-size: 12px; padding:3px 5px; width:395px; color:#525252; background:#b1ff9c; border:none;} .registerformbg_big {background:url(images/registerbg_big2.jpg) no-repeat; width:516px; height:100px; float:left; padding-top:8px; padding-left:15px; margin-right:15px;} #registerform textarea {font-size: 11px; padding:3px 5px; width:470px; color:#525252; background:#b1ff9c; border:none;font-family:Tahoma, Geneva, sans-serif; } .mailto {background:url(images/mail.png) no-repeat top left; padding-left:40px; margin-bottom:0; height:35px; margin-left:10px; margin-top:15px;} .hape {background:url(images/customer_service.png) no-repeat top left; padding-left:40px; margin-bottom:0; height:35px; margin-left:10px; padding-top:5px;} .listproduct {padding-left:14px; margin-top:5px; overflow:hidden; margin-bottom:15px;} .listproduct li {float:left; margin-bottom:5px;} #new-product {padding-left:14px; margin-top:5px;} #new-product li {float:left; margin-bottom:5px;} .prod-top {background:url(images/prodtop.jpg) no-repeat; width:200px; height:14px; font-size:1px} .prod-mid {background:url(images/prodmid.jpg) repeat-y; width:150px; padding-left:25px; padding-right:25px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; height:235px; margin:0} .prod-detail{ width:599px; padding-left:14px; margin-top:5px; margin-bottom:10px; font-size:12px;} .prod-detail a{text-decoration:none; color:#C34120;} .prod-detail a:hover {text-decoration:underline;} .prod-detail-top{background:url(images/prod-detail-top.jpg) no-repeat; width:599px; height:15px;} .prod-detail-mid{background:url(images/prod-detail-mid.jpg) repeat-y; width:599px; padding-bottom:6px;} .prod-detail-bot{background:url(images/prod-detail-bottom.jpg) no-repeat; width:599px; height:9px;} .imgwrap {overflow:hidden; position:relative; height:175px; width:150px;} .imgwrap img { z-index:5;} .tipe-prod {color:#c34120; font-weight:bold; font-size:14px; line-height:1.5em; margin-top:0} .harga-prod {color:#fff; font-weight:bold; font-size:14px; line-height:2em; text-align:center; position:absolute; bottom:0; z-index:10; background:url(images/40trans.png); width:150px; text-align:center; height:30px} .prod-bot {background:url(images/prodbottom.jpg) no-repeat; width:200px; height:13px;} #footershadow {background:url(images/footershadow.png) repeat-x; height:7px; width:100%; font-size:1px} #footerwrap {background:url(images/footerbg.jpg); height:111px; width:100%; bottom:0; } #footer {width:908px; margin:0 auto; color:#fff; font-size:12px; text-shadow:#000 1px 1px;} #footerlink { padding-top:17px; float:left;} #footerlink a {color:#fff; text-decoration:none;} #footerlink a:hover {text-decoration:underline;} #footernavi1, #footernavi2 {clear:both; height:30px;} #footernavi1 li, #footernavi2 li {float:left; padding-right:11px; background:url(images/pembatas.gif) no-repeat top right; } #nukegraphic {float:right; height:29px; width:155px; background:url(images/nukelogo.png) right top no-repeat; margin-top:22px; padding-top:56px; position:relative;} #nukelink {position:absolute; top:0; right:0; } #nukelink a {display:block; width:125px; height:85px;} .paging{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; float:right; color:#868686; margin-right:20px; font-weight:bold} .paging a{color:#666666; text-decoration:none; font-weight:bold} .paging a:hover{text-decoration:underline} .more { height:20px} .more p{ float:right; margin-right:20px; position:relative; top:-10px } .more p a {color:#666666;text-decoration:none;font-weight:bold;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px;} .more p a:hover{text-decoration:underline} #overlay {width:100%; height:100%; top:0; left:0; position: fixed; z-index:3000; background:#333333; opacity:.7} #yo h1 { font-family:Tahoma, Verdana, Arial; font-size:25px; font-weight:lighter; color:#99CC00;border-bottom:1px solid #CCCCCC; margin-bottom:10px;padding-bottom:10px} #yo { display:block; position:fixed; top:35%; left:35%; width:350px; padding:10px; border:3px solid #99CC00; z-index:3500; background:#FFFFFF;} #yo p {font-size:11px; font-family:tahoma,arial} #err {display:block; position:fixed; top:35%; left:35%; width:350px; padding:10px; border:3px solid #FF3366; z-index:3500; background:#FFFFFF;} #err h1 { font-family:Tahoma, Verdana, Arial; font-size:25px; font-weight:lighter; color:#FF3366; border-bottom:1px solid #CCCCCC; margin-bottom:10px;padding-bottom:10px} #err p {font-size:11px;font-family:tahoma,arial} #cart{width:500px} #downline_table td,th{padding:3px; border:1px solid #999999} #downline_table th{background:#EBEBEB; font-size:12px} #downline_table td{font-size:12px} .prodet {width:40px; float:left; display:inline-block} #product_availability { margin-top:220px; font-size:11px; width:550px} #product_availability ul{margin-top:5px; list-style:square; width:550px} #product_availability ul li {font-size:11px; margin: 0 10px 10px 15px; width:240px; float:left; } #provinsi{list-style:none; margin-left:10px} #provinsi li {font-weight:bold; padding-top:10px } #kota{list-style:circle; margin-left:15px; width:520px} #kota li{font-weight:normal; border-bottom:1px dashed #CCCCCC; padding:5px 0 5px 0} #kota li .content_kota{ width:350px; } #kota li .kota{width:220px; display:inline } #kota li .ongkir {width:125px; float:right; text-align:right } #member_info,#recipient_info{font-size:12px} #member_info label{width:80px; float:left; display:inline-block} #recipient_info div,#member_info div{margin-bottom:10px} #recipient_info label{width:130px; float:left; display:inline-block;} #recipient_info span{vertical-align:top} #submit_product input, select, #trans_comm input, select{width:300px;padding:3px; font-family:tahoma,arial;font-size:12px} #product_idform input, select{width:200px;padding:3px; font-family:tahoma,arial;font-size:12px} #acc label{width:150px; float:left; display:inline-block} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .intro-member-wrap {position:absolute; top:25px; left:27px; overflow:hidden; height:41px;} .intro-left {background: url(images/introleft.gif) no-repeat; width:10px; height:41px; font-size:1px; float:left;} .intro-right {background: url(images/introright.gif) no-repeat; width:11px; height:41px; font-size:1px; float:left;} .intro-main {background: url(images/intromid.gif) repeat-x; height:31px; font-size:12px; color:#fff; text-shadow:#8d1746 1px 1px; float:left; padding-top:10px;} .intro-main a {color:#fff; text-decoration:none;} .ba-login {margin-bottom:10px; } .ba-login li {border-bottom:1px dashed #ccc; line-height:1.8em; overflow:hidden;} .ba-login li label {width:100px; display:inline-block; font-weight:bold; float:left;} #ba-pass-login {float:left; padding-top:5px; margin-left:5px;} #ba-pass-login input {padding:3px; font-size:11px; border:1px solid #ddd; color:#888; float:left; clear:both;} #ba-pass-login label {float:left; clear:both; width:200px; font-weight:normal; font-style:italic; font-size:11px;} #ba-pass-login-submit {cursor:pointer; margin-top:5px; margin-bottom:10px; background:url(images/loginbg.gif) repeat-x #b0fc27; } .avatarwrap {border:1px solid #ccc; padding:5px; float:right; margin-left:10px;} #label1 {float:left; display:inline-block; width:80px; padding-top:5px} #info-hs{list-style:decimal; margin-left:20px; } #info-hs li{margin-left:10px; font-size:12px}