.sclist .large .scdiscount,.kl,.kr,.scdiscount,#bc *,.ico,#totop{background:url(images/no-repeat.png) no-repeat;}
.scbutton,#keyword,#searchbtn,.pattern,#kategori li ul{background:url(images/x.png) repeat-x;}

*{margin:0;padding:0;word-wrap:break-word;}
body{font:12px/150% Arial;color:#000;background:url(images/body.jpg) repeat-x top center;}
a{color:#06C;text-decoration:none;}
a:hover{color:#F60;text-decoration:underline;}
img{border:0;}
option{padding:0 3px 0 5px;height:16px;}
h2{font:18px Arial;color:#000;margin:15px 0 0}

.clearfix:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{zoom:1;}
.clear{clear:both;}

.wrap{width:1155px;margin:0 auto;}

/* Keranjang Belanja */

h3{font:bold 14px Arial;background:none;}
h5{background:none;font:bold 12px Arial}
.address,.crt{padding:10px;margin:10px 0 0}
dl{line-height:35px;}
dt{float:left;width:26%;font-size:12px;text-align:right;clear:left;}
dd{float:left;padding:0 0 0 10px;}
.half{float:left;width:80%;margin:5px 0;}
.half div{white-space:nowrap;display:inline;}
.half label{line-height:15px;float:left;width:10%;font:normal 12px Arial;text-align:right;clear:left;display:inline;}
.half input,.half select,.half textarea{height:22px;float:left;margin: 7px 0;}
.half b{line-height:15px;float:left;font:normal 12px Arial;}
.addchg{font:normal 11px Verdana;}
.crt{padding:10px 0}
#content input,#content textarea,#content select{border:1px solid #ccc;padding:5px;border-radius:1px;box-shadow:1px 2px 3px #ddd inset}
.address input,.address textarea,.address select{width:310px}
input[type="radio"]{border:none}

a {font:normal 11px Arial}
.box{width:70%;margin:0;font-size:12px}
.box h4,.summary h5{background:#85ccc4;font:bold 12px/33px Arial;padding:0 10px;color:#fff;margin-top:10px;}
h4 a{color:#416561}
.order{float:left;margin-right:10px}
.data{padding:10px 5px;display:block;}
.data a{color:#333}
.data a:hover{color:#f60}
.top{border-top:1px solid #c9d5e5}
.left{float:left;margin:0 10px}
.pdimg{width:73px;height:73px;border:1px solid #c9d5e5;display:table-cell;text-align:center;vertical-align:middle}

.right{margin-left:95px}
.pdname{width:150px;word-wrap:break-word}
.piece{padding:0 25px;line-height:25px}
.piece input{width:90px}
.pdname,.piece,.sub-ttl{float:left}
.sub-ttl{font:bold 12px/25px Arial;padding:0 15px;float:right;text-align:right;}
.rmv{width:98%;display:block;text-align:right;padding:5px 0;font:normal 9px Arial;}
.rmv a{font-weight:bold}
.subtotal{font-size:18px;color:#990000}
.ship{background:#edfdf3;float:left;margin:20px 0 0;width:98%;}
.ship div{padding:10px 10px;margin:0 1px 0 0;float:left;border-right:1px solid #fff;width:45%;}
.ship input{margin:0 5px;float:left;border:none !important}
.ship p{margin:5px 0;font-size:11px;clear:left}
.ship select,.ship input{width:auto}
.ship select{width:130px}
.ket{width:98%;margin:10px 0}
.ket p{font-size:11px}
.delete{line-height:16px;padding-left:20px;background:url(images/del.gif) no-repeat}

.summary{width:27%;border-left:1px dashed #85ccc4;float:left;padding:0 0 0 10px;margin:0;}
.crt .floating{margin:50px 0 0}
.summary dl{line-height:25px;margin:0 0;}
.summary dt{width:50%;font:bold 12px/30px Arial;background:#edfdf3;}
.summary dd{font:bold 12px/30px Arial;margin:0;color:#990000;width:45%;background:#edfdf3;}
.summary dt.alltotal,.summary dd.alltotal{border-top:1px solid #ccc;background:#9ed7b2}
.summary h3{background:#fff;padding:5px;margin:0;width:95%;}
.summary h5{margin:10px 0}
.fix{position:fixed}

.payopt{float:left;margin:0 1px 1px;list-style:none}
.payopt li{padding:3px;margin:0 0 10px;font-weight:bold;}
.payopt li input{vertical-align:middle;width:auto;margin:0 10px}
.method label{line-height:40px;cursor:pointer;display:inline-block;width:151px;margin:0 5px}
.logo{background: url(images/pay.png) no-repeat;width:103px;height:34px;display:inline-block;vertical-align:middle;margin-right:10px}
.bca{background-position:0 -34px}
.manc{background-position:0 -68px}
.bcac{background-position:0 -102px;border:1px solid #ccc}
.idnc{background-position:0 -136px;border:1px solid #ccc}

.pdtab .l,.pdtab .r,.bnl,.bnr{background:url(images/no-repeat.gif) no-repeat;}
.pdtab .m,.bnm{background:url(images/repeat-x.gif) repeat-x;}

.act{clear:both;background:#edfdf3;margin:1px;text-align:center;padding:10px}
.bn{display:inline-block;margin:0 10px 5px 0;font:bold 16px/34px "Trebuchet MS";height:34px;color:#FFF;text-shadow:1px 1px 1px #284160;}
.bnl,.bnm,.bnr{display:block;height:34px;float:left;}
.bnl{width:6px;background-position:0 -441px;}
.bnm{background-position:0 -842px;padding:0 5px;}
.bnr{width:6px;background-position:-6px -441px;}
.bn:hover{color:#DFD}
.bn2{display:inline-block;margin:0 10px 5px 0;font:bold 16px/34px "Trebuchet MS";height:34px;color:#FFF;text-shadow:1px 1px 1px #284160;background:url(images/repeat-x.gif) repeat-x;background-position:0 -842px;padding:0 5px;}

/* login */
.m{overflow:hidden}
.mask{background:#fff;opacity:0.5;width:100%;height:100%;position:fixed;z-index:100;filter: alpha(opacity=50);height:1200px;display:none}
.login{position:absolute;z-index:101;background:#fff;width:470px;border:1px solid #ccc;box-shadow:1px 1px 8px #ccc;top:60px;left:445px;display:none}
.login h3{background:#eff4fa;line-height:30px;padding:0 10px}
.m .mask,.m .login{display:block}

.pdtab{position:relative;list-style:none;margin-top:5px;top:1px;display:inline-block;}
.pdtab li{float:left;margin-right:1px;cursor:pointer;}
.pdtab span{display:block;float:left;height:33px;width:9px;font-weight:bold;line-height:33px;}
.pdtab .l{background-position:0 -126px;}
.pdtab .r{background-position:-9px -126px;}
.pdtab .m{width:auto;padding:0 3px;background-position:0 -685px;}
.pdtab li.active .l{background-position:0 -93px;}
.pdtab li.active .m{background-position:0 -650px;}
.pdtab li.active .r{background-position:-9px -93px;}
.pdtab a{color:#555;}
.tabcontent{border:#DDD solid 1px;padding:10px;}

.ctn{padding:10px}
.tabcontent dt{width:115px;line-height:25px}
.tabcontent dd{margin-left:125px;line-height:25px;padding:0;position:relative}
.tabcontent input{padding:2px;box-shadow:none}
.tabcontent .logbut{background:url(images/masuk.jpg) no-repeat scroll 0 0 transparent;border: 0 none;color: #FFFFFF;font: bold 12px Arial;height: 40px;margin:5px 0;padding-bottom: 15px;width: 59px;box-shadow:none}
.tabcontent h5{display:block;text-align:center;font:bold 12px/25px Arial;border-bottom:1px dashed #ddd;margin:10px 0;background:#f0f0f0}
.tabcontent p{font:11px Arial;}

.ctn dd .msg{background:#fde8e9;position:absolute;top:0;left:150px;padding:2px 10px;z-index:10;border:1px solid #fcc4c7;}

/* konfirmasi pembelian */
.name p{margin:10px 0;display:block}
.name{width:265px;padding:10px;word-wrap:break-word}
.konfirm .data{position:relative;border:1px solid #85ccc4;border-top:none}
.konfirm .ship{position:absolute;right:10px;top:10px;margin:0}
.konfirm .ship div{padding:10px;float:left;margin:0 1px;font:11px/20px Arial;width:180px;height:40px}
.konfirm .ket{margin:0;width:auto}
.bot{border-top:1px dashed #c8d5e5;padding-top:10px}
dl.total{width:197px;border-left:1px solid #85ccc4;padding-left:10px;float:right;line-height:20px}
.total dt{width:100px}
.total dd{margin-left:110px;padding:0}

.grandtotal{float:right;width:560px;font:12px/35px Arial}
.grandtotal dl{line-height:20px;font-size:14px}
.grandtotal dt{width:400px}
.grandtotal dd{text-align:right;padding:1px 25px 1px 365px;margin:0;font-weight:bold;margin-bottom:1px;}
.grandtotal .grand{color:#990000}
.grandtotal .act{margin:10px 0;text-align:left}
.grandtotal .bn{float:right}

.instruct{width:520px;border:1px solid #ccd8e7;padding:10px;margin:10px 0}
.instruct h3{margin:0 0 20px;font:Bold 14px Arial}
.payinfo{border:1px solid #ccc;background:#fff;line-height:30px;margin:5px 0 15px}
.payinfo dt{width:140px;background:#e9e9e9;border-right:1px solid #ccc;padding:0 10px}
.payinfo dd{margin:0;border-bottom:1px solid #ccc;padding:0 10px 0 170px}

#footer{margin-top:10px;color:#777;margin:15px 0;text-align:center}
.foot1{text-align:center;padding:10px 0;width:918px;font-size:11px;background-color:#F7F7F7;border-top:#ccc solid 1px;border-bottom:#ccc solid 1px;}
.foot2{margin-top:5px;}
.foot2 a,.foot3 a{color:#333;}
.foot3{text-align:center;padding:10px 0;width:918px;color:#777;}
#footer div a{color:#333} 
.errorbox-bad {border: 2px solid red;padding: 2px;}
.err_info{margin:0;font:bold 13px Arial;color:#f00;}