.banner-wrapper .banner-block .banner-add{float:right;width:312px}
.banner-wrapper .banner-block .banner-add li{-webkit-transition:transform 2s;transition:transform 2s;border:1px solid #e6e6e6}
.banner-wrapper .banner-block .banner-add li:hover{-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(-5deg);}
.banner-wrapper .banner-block .banner-add li.add2{margin-top:7px}
.banner-wrapper .banner-block .banner-add li img{display:block;width:100%}
.content-wrapper{clear:both;padding-top:15px}
.content-wrapper .content-container{max-width:1200px;margin:0 auto}
.content-wrapper .content-container .new-product-block{float:left;width:100%;clear:both}
.content-wrapper .content-container .col-main .new-product-block{background:none;border:0;padding:9px 2px 5px 0}
.content-wrapper .content-container .new-product-block .product-grid{float:left;width:100%;padding-bottom:15px}
.content-wrapper .content-container .new-product-block .product-grid li{width:187px;height:355px;margin-right:11px}
.content-wrapper .content-container .col-main .new-product-block .product-grid li{width:209px}
.content-wrapper .content-container .new-product-block .product-grid li .pro-img{display:block;max-height:252px;text-align:center;margin:5px 0;overflow:hidden}
.content-wrapper .content-container .new-product-block .product-grid li .pro-img img{display:inline-block}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content{float:left;width:100%;border-top:1px solid;color:#000;text-align:center}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content p{margin-bottom:0}
.content-wrapper .content-container .new-product-block .product-grid li .pro-price{display:block;clear:both;padding:0 10px;font-family:"Droid Sans","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;text-align:center}

.content-wrapper .content-container .new-product-block .product-grid2{float:left;width:100%;padding-bottom:15px}
.content-wrapper .content-container .new-product-block .product-grid2 li{width:217px;height:165px;margin-right:11px}
.content-wrapper .content-container .col-main .new-product-block .product-grid2 li{width:178px}
.content-wrapper .content-container .new-product-block .product-grid2 li .pro-img{display:block;max-height:252px;text-align:center;margin:5px 0;overflow:hidden}
.content-wrapper .content-container .new-product-block .product-grid2 li .pro-img img{display:inline-block}
.content-wrapper .content-container .new-product-block .product-grid2 li .pro-content{float:left;width:100%;border-top:1px solid;color:#000;text-align:center}
.content-wrapper .content-container .new-product-block .product-grid2 li .pro-content p{margin-bottom:0}
.content-wrapper .content-container .new-product-block .product-grid2 li .pro-price{display:block;clear:both;padding:0 10px;font-family:"Droid Sans","HelveticaNeue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:16px;text-align:center}


.content-wrapper .content-container .news-letter-container{float:left;width:100%;clear:both;border-top:1px solid;margin:0 0 14px}
.content-wrapper .content-container .news-letter-block{float:right;padding:20px 0 0}
.content-wrapper .content-container .news-letter-block h2{font-size:12px;font-weight:400;color:#8A8A8A;float:left;margin:0 10px 0 0;line-height:37px}
.content-wrapper .content-container .news-letter-block input[type='text']{width:164px;height:33px;border:1px solid #ccc;padding:0 7px;float:left;font-size:11px;color:#8A8A8A}
.content-wrapper .content-container .news-letter-block input[type='email']{width:164px;height:33px;border:1px solid #ccc;padding:0 7px;float:left;font-size:11px;color:#8A8A8A}
.content-wrapper .content-container .news-letter-block input[type='submit'],.form-button{width:74px;height:37px;border:0 none;padding:0;float:left;line-height:37px;font-size:11px;color:#fff;overflow:visible;margin-left:5px;cursor:pointer;-moz-transition:all 400ms ease-in-out 0;-ms-transition:all 400ms ease-in-out 0;-o-transition:all 400ms ease-in-out 0;transition:all 400ms ease-in-out 0}
.breadcrum-container{float:left;width:100%;padding:0 0 15px}
.breadcrum-container ul li{float:left;color:#000;font-size:11px}
.breadcrum-container ul li + li{padding-left:23px}
.breadcrum-container ul li a{color:#7F7F7F}
.col-main-left{float:left;width:892px;margin-bottom:20px}
.col-main-left .block-01{display:block;clear:both;padding:10px 0;margin:0 0 10px}
.right-sidebar{float:right;width:280px;margin-bottom:30px}
.q-a-block{display:block;clear:both;padding:20px 0 0}
.q-a-block li{display:block;clear:both;padding:7px 0}
.q-a-block li a{display:block;clear:both;color:#666;line-height:18px;font-size:14px;padding-right:20px;background:url(../images/expand_icon.png) no-repeat right 0}
.q-a-block li a.ui-accordion-header-active{background:url(../images/coleps_icon.png) no-repeat right 6px}
.q-a-block li .ui-accordion-content{display:block;padding:5px 15px 0 17px;clear:both;font-size:13px;line-height:18px;color:#888}
.col-left{float:left;width:220px}
.col-left .block{float:left;width:218px;border:1px solid #ddd;margin-bottom:20px}
.col-left .paypal-block{float:left;width:218px;margin-bottom:20px;display:block;text-align:center}
.col-left .paypal-block img{max-width:none}
.col-left .block.community-block ul{padding-top:15px}
.col-left .community-block ul li{line-height:22px}
.col-left .compare-block ul li{padding:5px 0 6px}
.col-left .block .block-title{padding:10px 11px;background:#F5F5F5;border-bottom:1px solid #ddd;font-size:13px;color:#444;line-height:14px;text-align:center}
.col-left .man-block .block-title{font-size:18px;text-align:center;color:#fff;padding:3px 0;display:block;vertical-align:top;padding:15px 0 17px;border:0}
.col-left .block ul{display:block;vertical-align:top;padding:9px 11px 7px}
.col-left .block ul li{display:inline-block;vertical-align:top;width:100%}
.col-left .man-block ul li{line-height:26px}
.col-left .community-block ul li.question-row{border-bottom:1px solid #ddd;margin-bottom:10px;line-height:19px}
.col-left .block ul li a{color:#444}
.col-left .man-block ul li a{font-size:12px;color:#404040;display:inline-block;background:url(../images/left_nav_arrow.png) no-repeat 0 10px;padding-left:12px}
.col-left .man-block ul li a:hover{text-decoration:underline}
.col-left2 .block{width:100%;border-top:1px solid #ddd;margin-bottom:20px}
.col-left2 .block .block-title{padding:10px 11px;background:#F5F5F5;border-bottom:1px solid #ddd;font-size:13px;color:#444;line-height:14px;text-align:center}
.col-left2 .man-block .block-title{border-bottom:1px solid #ddd!important;font-size:13px;text-align:center;color:#444;padding:3px 0;display:block;vertical-align:top;padding:15px 0 17px;border:0}
.col-left2 .block ul{display:block;vertical-align:top;padding:0 11px 7px}
.col-left2 .block ul li{border-bottom:1px solid #ddd;display:inline-block;vertical-align:top;width:100%}
.col-left2 .man-block ul li{line-height:30px}
.col-main{float:right;width:885px;margin-bottom:30px}
.category-banner{-webkit-transition:opacity 1s;transition:opacity 1s;float:left;width:99%;padding-bottom:10px}
.category-banner:hover{opacity:0.5;filter:Alpha(opacity=50)}
.category-banner img{float:left;width:100%}
.col-main .pager-container{float:left;width:100%;font-size:11px;color:#333;line-height:25px}
.col-main .pager-container .pager{float:left;width:100%;border-top:1px solid;padding:10px 0}
h1.page-title{color:#232323;font-size:24px;font-weight:400;margin:0 0 18px;float:left;width:100%;line-height:30px}
.contact-form-container{float:left;width:100%}
.contact-form-container .form-title{display:block;vertical-align:top;font-size:13px;line-height:15px;background:#F1F1F1;color:#333;padding:12px 11px}
.contact-form-container .form-title2{display:block;vertical-align:top;font-size:13px;line-height:15px;background:#F1F1F1;color:#333;padding:12px 11px;text-align:center}
.contact-form-container .form-fields{display:block;vertical-align:top;font-size:11px;color:#333;padding:10px 10px 23px}
.contact-form-container .form-fields li{display:inline;width:275px;vertical-align:top;padding:2px 0 3px}
.contact-form-container .form-fields li label{display:inline-block;width:100%;vertical-align:top}
.contact-form-container .form-fields li label em{color:red}
.contact-form-container .form-fields li input{display:inline-block;width:266px;height:33px;vertical-align:top;border:1px solid #B6B6B6;line-height:33px}
.contact-form-container .form-fields li.full-row{width:100%;clear:both}
.contact-form-container .form-fields li.full-row textarea{overflow:auto;clear:both;display:inline-block;width:541px;height:130px;vertical-align:top;border:1px solid #B6B6B6;line-height:15px}
.button-set{display:inline-block;width:100%;vertical-align:top;border-top:1px solid #E4E4E4;padding:8px 0 30px;margin-top:20px}
.button-set .required{text-align:left;vertical-align:top;color:#EB340A;font-size:11px;margin-bottom:13px}
.button-set .form-button{float:left;clear:both}
.footer-wrapper{float:left;width:100%;clear:both;background:#3A3A3A;padding:27px 0 20px}
.footer-wrapper footer{max-width:1200px;margin:0 auto;color:#7A7A7A}
.footer-wrapper footer a{color:#7A7A7A}
.footer-wrapper footer a:hover{text-decoration:underline}
.footer-wrapper footer .link-block{float:left;width:100%}
.footer-wrapper footer .link-block ul{float:left;width:221px;margin-right:29px}
.footer-wrapper footer .link-block ul.stay-connected-blcok{width:100%;margin:21px 0 18px}
.footer-wrapper footer .link-block ul li{float:left;width:100%;line-height:29px}
.footer-wrapper footer .link-block ul li.aboutus-block{line-height:22px}
.footer-wrapper footer .link-block ul li.link-title{border-bottom:1px solid #4D4D4D;padding-bottom:9px;margin-bottom:8px}
.footer-wrapper footer .link-block ul.stay-connected-blcok .social-links{float:left;padding:4px 0 0;margin:0;width:auto}
.footer-wrapper footer .link-block .social-links li{border-radius:800px 800px 800px 800px;display:inline-block;float:left;margin:0 4px 3px 0;width:auto;-moz-transition:all 400ms ease-in-out 0;-ms-transition:all 400ms ease-in-out 0;-o-transition:all 400ms ease-in-out 0;transition:all 400ms ease-in-out 0}
.social-links li a{display:block;height:18px;opacity:.9;padding:8px;width:18px}
.social-links li a img{max-width:100%}
.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block{float:right;padding:8px 0 0}
.footer-wrapper footer .footer-bottom-block{float:left;width:100%;border-top:1px solid;padding:19px 0 0}
.footer-wrapper footer .footer-bottom-block .bottom-links{float:left}
.footer-wrapper footer .footer-bottom-block .bottom-links li{float:left;padding-right:13px}
.footer-wrapper footer .footer-bottom-block .copyright-block{margin:0;float:right;font-size:11px}

.logo{margin:10px 0}
.pro-content{background:#FFF;height:auto}
.lainnya2{-webkit-transition:transform 1s;transition:transform 1s;float:center;width:100%;margin-bottom:10px}
.lainnya2:hover{transform:scale(1.1);}
.lainnya{width:100%;border:1px solid #DAD8D8;text-align:center;margin:0 0 10px}
.lainnya:hover{border:1px solid #E20C0C}
.lainnya img{margin:10px 0 0}
.lainnya p{margin:0 20px 10px 20px}
.span5{max-width:100%}
.nama_product{line-height:33px;font-size:30px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #DDD}
.harga_product{font-size:25px}
.ket_product{margin:0 0 10px;font-size:16px;border-bottom:1px solid #DDD;padding-bottom:10px}
.ulasan{margin-top:0;clear:both;font-size:14px;font-weight:700}
.detail_atas{border-top:1px solid #CCC;display:block;clear:both;padding:20px 0;margin:0 0 10px}
.produk_lainnya{font-size:14px;font-weight:700;text-align:center;margin-bottom:10px}
.hasil_cari{margin:0 0 20px}
.cara_beli li{list-style:disc;margin:15px 15px 15px 40px}
.cara_beli ol li{list-style:decimal!important;margin-left:30px}
.cara_beli img,object,embed{max-width:95%;height:auto!important}
h2,h3,h4,h5,h6{color:#1b1b1b;font-weight:700;line-height:1.6}
.cara_beli h2{font-size:0;margin-bottom:20px}
.cara_beli p{font-size:16px;font-size:14px;line-height:1.6;margin:0 0 18px}
.testimoni{width:auto;margin:0 0 10px;padding:5px 10px 10px}
a.prod_cart{max-width:150px;height:30px;line-height:28px;float:right;background:#E20C0C;padding:0 20px;margin:5px 0 0;text-decoration:none;text-align:center;color:#fff;font-size:19px}
a.prod_cart:hover{background:#ccc}
.prod_cart_habis{max-width:150px;height:30px;line-height:28px;float:right;background:#ccc;padding:0 20px;margin:5px 0 0;text-decoration:none;text-align:center;color:#fff;font-size:19px}
.artikel_fb{float:left;width:100%;clear:both;border-top:1px solid #DAD8D8;margin:0;padding:20px 0 0}
.artikel{float:left;width:65%;margin:0 1% 20px 0}
.artikel_semua{text-align:right;width:100%;margin:0;font-size:16px}
.facebook{width:34%;float:right}
.pembatas_artikel{overflow:hidden;min-height:90px;clear:both;margin:0 0 10px;border-bottom:1px solid #DAD8D8}
.gambar_artikel{float:left;margin:0 10px 10px 0;border:1px solid #DAD8D8;padding:5px;line-height:0}
.gambar_artikel:hover{border:1px solid #E20C0C;cursor:pointer}
.judul_artikel{font-size:14px;line-height:1.3}
.judul_artikel a{line-height:1}
.ket_artikel{font-size:11px;font-style:italic;margin-bottom:5px}
.banner_bawah{width:100%}
.banner_bawah img{-webkit-transition:opacity 2s;transition:opacity 2s}
.banner_bawah img:hover{opacity:0.5;filter:Alpha(opacity=50)}
.gambar_artikel_detail{width:300px;margin:5px 5px 0 0;float:left}
.pembatas_artikel_lainnya{clear:both;margin:20px 0;padding:5px 0;border-top:1px solid #DAD8D8;border-bottom:1px solid #DAD8D8;font-size:14px;font-weight:700}
.gambar_artikel_lainnya{float:left;margin:0 10px 10px 0;border:1px solid #DAD8D8;padding:5px;line-height:0}
.gambar_artikel_lainnya:hover{border:1px solid #E20C0C;cursor:pointer}
.gambar_artikel_lainnya img{max-width:100%}
.pembatas_artikel_lainnya2{overflow:hidden;min-height:70px;clear:both;margin:0 0 10px;border-bottom:1px solid #DAD8D8}
.komentar{clear:both;margin-top:30px}
.komentar_form{clear:both;margin-top:60px}
.jml_komentar{display:block;vertical-align:top;font-size:13px;line-height:15px;background:none repeat scroll 0 0 #F1F1F1;color:#333;padding:12px 11px;margin-bottom:11px}
.album {overflow:auto;width:279px;height:270px;float:left;text-align:center;margin:0 10px 10px 0;padding:10px;border:1px solid #DDD}
.album:hover {border:1px solid #E20C0C}

@media only screen and (min-width: 960px) and (max-width: 3000px) {
.gambar_detail{background:#FFF;text-align:center;width:200px;float:left;border:1px solid #DAD8D8;padding:5px;margin:0 20px 10px 0;line-height:.8}
.pro-content p{margin:5px}
.col-left2{display:none}
}
@media only screen and (min-width: 960px) and (max-width:980px) {
.content-wrapper .content-container .new-product-block .product-grid li{width:217px;height:254px;margin-right:8px}
.content-wrapper .content-container .new-product-block .product-grid li .pro-img{display:block;text-align:left;margin:5px;max-width:90px;height:105px;float:left;overflow:hidden}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content{float:none;border-top:none;color:#000;text-align:center;background:none;height:100%}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content p{font-size:16px;line-height:27px}
.content-wrapper .content-container .new-product-block .product-grid li .pro-price{font-weight:700;clear:none;padding:0 10px;text-align:center}
.clearfix:after{clear:none}
.content-wrapper .content-container .new-product-block .product-grid li{height:auto}
.content-wrapper .content-container .new-product-block .product-grid li,.content-wrapper .content-container .col-main .new-product-block ul.product-grid li{margin:none!important;width:48.5%}
.artikel{width:100%!important;margin:0}
.facebook{display:none}
.banner_bawah{display:none}
.col-left .paypal-block{display:none}
.album {margin:0 17px 17px 0!important;padding:15px!important}
.col-left2{display:none}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.gambar_detail{background:#FFF;text-align:center;width:200px;float:left;border:1px solid #DAD8D8;padding:5px;margin:0 20px 10px 0;line-height:.8}
.right-sidebar{display:none}
.col-main-left{width:100%}
.col-left .paypal-block{display:none}
.content-wrapper .content-container .new-product-block .product-grid li .pro-img{display:block;text-align:left;margin:5px 10px 5px 5px;max-width:80px;height:100px;float:left;overflow:hidden}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content{float:none;border-top:none;color:#000;text-align:center;background:none;height:100%}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content p{font-size:14px;line-height:20px;margin-right:5px}
.content-wrapper .content-container .new-product-block .product-grid li .pro-price{font-weight:700;clear:none;padding:0 10px;text-align:center}
.clearfix:after{clear:none}
.content-wrapper .content-container .new-product-block .product-grid li{height:auto;margin-right:5px}
.content-wrapper .content-container .new-product-block .product-grid li,.content-wrapper .content-container .col-main .new-product-block ul.product-grid li{margin:none!important;width:48.5%}
.artikel{width:100%!important;margin:0}
.facebook{display:none}
.banner_bawah{display:none}
.album {margin:0 15px 15px 0!important;padding:11px!important}
.col-left2{display:none}
.gambar_artikel_lainnya{margin-bottom:0!important}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.gambar_detail{background:#FFF;text-align:center;width:400px;float:left;border:1px solid #DAD8D8;padding:10px;margin-bottom:20px;line-height:.8}
.gambar_tambahan_wrap {width:200px!important;margin:auto}
.form-button{width:150px}
.header-wrapper header .search-block input[type="submit"]{float:right}
.mobMenu{padding:0}
.right-sidebar{display:none}
.col-left{display:none}
.content-wrapper .content-container .new-product-block .product-grid li .pro-img{display:block;text-align:left;margin:5px 10px 5px 5px;max-width:20%;height:70px;float:left;overflow:hidden}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content{float:none;border-top:none;color:#000;text-align:center;background:none;height:100%}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content p{font-size:16px;line-height:27px;margin-right:5px}
.content-wrapper .content-container .new-product-block .product-grid li .pro-price{font-weight:700;clear:none;padding:0 10px;text-align:center}
.clearfix:after{clear:none}
.content-wrapper .content-container .new-product-block .product-grid li{height:auto}
.content-wrapper .content-container .new-product-block .product-grid li,.content-wrapper .content-container .col-main .new-product-block ul.product-grid li{margin:none!important;width:98%}
.artikel{width:100%!important;margin:0}
.facebook{display:none}
.banner_bawah{text-align:center}
.album {margin:0 7px 7px 0!important;padding:5px!important}
.gambar_artikel{margin-bottom:0!important}
.gambar_artikel_lainnya{margin-bottom:0!important}
}
@media only screen and (max-width: 479px) {
.detail_atas{text-align:center}
.gambar_detail{background:#FFF;text-align:center;width:280px;float:left;border:1px solid #DAD8D8;padding:10px;margin-bottom:20px;line-height:.8}
.gambar_tambahan_wrap {width:200px!important;margin:auto}
.ulasan{text-align:center}
.span5{clear:both;margin:0 10px}
.col-main-left .block-01{margin:0 10px}
.footer-wrapper{text-align:center}
.col-left{display:none}
.button-set .form-button{float:none}
.button-set{text-align:center}
.button-set .required{text-align:center}
.form-button{width:150px}
.header-wrapper header .search-block input[type="submit"]{float:right}
.header-wrapper header .logo{margin:5px 0 0}
.mobMenu{padding:0}
.right-sidebar{display:none}
.content-wrapper .content-container .new-product-block .product-grid li .pro-img{display:block;text-align:left;margin:5px;max-width:30%;height:100px;float:left;overflow:hidden}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content{float:none;border-top:none;color:#000;text-align:center;background:none;height:100%}
.content-wrapper .content-container .new-product-block .product-grid li .pro-content p{font-size:16px;line-height:27px}
.content-wrapper .content-container .new-product-block .product-grid li .pro-price{font-weight:700;clear:none;padding:0 10px;text-align:center}
.clearfix:after{clear:none}
.content-wrapper .content-container .new-product-block .product-grid li{height:auto}
.content-wrapper .content-container .new-product-block .product-grid li,.content-wrapper .content-container .col-main .new-product-block ul.product-grid li{margin:none!important;width:295px}
.artikel{width:100%!important;margin:0}
.facebook{display:none}
.pembatas_artikel,.pembatas_artikel_lainnya2{padding:0 0 10px}
.album {padding:8px!important}
.gambar_artikel{margin-bottom:0!important}
.gambar_artikel_lainnya{margin-bottom:0!important}
}
@media only screen and (min-width: 200px) and (max-width: 299px) {
.detail_atas{text-align:center;width:220px}
.container{width:220px}
.container .col-main {width:100%}
.header-wrapper header .search-block{width:100%}
.header-wrapper header .search-block input[type="text"]{width:65%}
.content-wrapper .content-container .new-product-block .product-grid li,.content-wrapper .content-container .col-main .new-product-block ul.product-grid li{margin:3px 0!important;width:215px}
.content-wrapper .content-container .news-letter-block {text-align:center}
.content-wrapper .content-container .news-letter-block h2{line-height:20px}
.content-wrapper .content-container .news-letter-block input[type="submit"], .form-button {float: none;margin-top:5px}
.right-sidebar{display:none}
.gambar_detail{width:220px;margin:0;text-align:center;line-height:0.8}
.gambar_artikel_detail{width: 220px!important}
.col-main-left{width:220px}
.col-main-left .block-01{margin:0}
.contact-form-container{float:left;width:220px}
.contact-form-container .form-fields{display:block;width:20px;padding:0}
.contact-form-container .form-fields li{display:inline;width:220px;vertical-align:top;padding:2px 0px 3px}
.contact-form-container .form-fields li.full-row textarea{width:220px;padding:none}
.contact-form-container .form-fields li input{display: inline-block;width:220px;height:33px;vertical-align:top;border:1px solid #B6B6B6;line-height:33px}
.footer-wrapper footer .link-block ul{margin:0 0 20px;width:220px}
.footer-wrapper footer .link-block ul.stay-connected-blcok .payment-block{float:none}
.footer-wrapper footer .link-block ul.stay-connected-blcok .social-links{width: none;float:none}
.footer-wrapper footer .link-block ul li{float:none}
.footer-wrapper footer .link-block .social-links li{float:none}
}