/*
Theme Name: SMART Toko by lapakinstan
Description: Wordpress Themes untuk Toko Online Anda.
Author: Wikielf
Author URI: http://www.themejunior.com/
Theme URI: http://www.lapakinstan.com/
Version: 4.2
Tags: light, white
*/

@import url('css/bootstrap.css');
@import url('http://www.rendangnaniko.com/wp-content/themes/smart-toko-theme-v4/css/jquery.rating.css');

html {
    height: 100%;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    background: #ddd url(images/bg.jpg) repeat top left;
    font-weight: 300;
    font-size: 15px;
    color: #333;
    -webkit-font-smoothing: antialiased;
    overflow-y: scroll;
    overflow-x: hidden;
}

a {
    color: #555;
    text-decoration: none;
}

.container {
    width: 100%;
    position: relative;
}

.clr {
    clear: both;
    padding: 0;
    height: 0;
    margin: 0;
}

.main {
    margin: 0 auto;
    position: relative;
}

.container > header {
    margin: 10px;
    padding: 20px 10px 10px 10px;
    position: relative;
    display: block;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
}

.smart_header {
    padding: 25px 0 25px 10px;
}

.container > header h1 {
    font-size: 30px;
    line-height: 38px;
    margin: 0;
    position: relative;
    font-weight: 300;
    color: #666;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.container > header h2 {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 15px 0 5px 0;
    color: #666;
    font-family: Cambria, Georgia, serif;
    font-style: italic;
    text-shadow: 0 1px 1px rgba(255,255,255,0.6);
}

.smart_content {
    width: 561px;
    float: left;
    margin-right: -1px;
}

.smart_pdbox {
    width: 165px;
    border: 1px solid #ddd;
    height: 375px;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0 5px;
}

.smart_pdbox:hover {
    border: dashed 1px #4E4E4E;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smart_pdbox img {
    margin-top: 5px;
	margin-bottom: 5px;
	max-height: 135px;
	max-width: 150px;
	width: auto;
}

.smart_pdtitle {
    font-weight: bold;
    padding-top: 7px;
    overflow: hidden;
    height: 34px;
}

.smart_sidebarlft {
    float: left;
    width: 188px;
    margin-right: 10px;
}

.smart_sidebarrht {
    width: 196px;
    float: left;
}

.clear {
    clear: both;
}

.smart_box {
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.smart_box ul {
    list-style-type: none;
    margin-top: 2px;
    margin-right: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0px;
}

.smart_box ul li {
    border-bottom: 1px solid #CCC;
    padding-top: 5px;
    padding-right: 0.3em;
    padding-bottom: 5px;
    padding-left: 10px;
    background-position: left center;
    font-size: 14px;
    cursor: pointer;
}

.smart_pdimg {
    width: 150px;
    height: 155px;
}

.smart_box li:hover {
    background: #E4E4E4;
}

.smart_box h3 {
    background: #111;
    margin: 0;
    border-bottom: 1px solid #DDD;
    padding: 5px 8px;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.smart_xbox {
    float: left;
    margin-right: 10px;
}

.smart_bank {
    padding: 9px;
    border-bottom: 1px dotted #CCC;
}

.smart_bank .bank {
    display: block;
    background-image: url('images/bank.png');
    background-repeat: no-repeat;
    margin-bottom: 5px;
}

.bca {
    background-position: -0px -0px;
    width: 170px;
    height: 37px;
}

.mega {
    background-position: -170px -0px;
    width: 170px;
    height: 37px;
}

.mandiri {
    background-position: -0px -37px;
    width: 170px;
    height: 37px;
}

.cimb {
    background-position: -170px -37px;
    width: 170px;
    height: 37px;
}

.bri {
    background-position: -0px -74px;
    width: 170px;
    height: 37px;
}

.permata {
    background-position: -170px -74px;
    width: 170px;
    height: 37px;
}

.bni {
    background-position: -0px -111px;
    width: 170px;
    height: 37px;
}

.muamalat {
    background-position: -170px -113px;
    width: 170px;
    height: 37px;
}

.danamon {
    background-position: -0px -153px;
    width: 170px;
    height: 37px;
}

.bank_detail {
    text-align: center;
}

.smart_logo {
    width: 257px;
    height: 74px;
}
/*
.smart_logo img.logo {
    max-height: 70px;
}
 GLOBALS */

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.content {
    margin-top: 10px;
    width: 528px;
}
.content.liblog {
	width: 551px;
}
.content h2 {
    margin: 0;
    padding: 5px 0;
}

.meta_tags {
    border-top: 1px dotted #DDD;
    padding-top: 5px;
}

.wrap-in {
    width: 957px;
    margin: 20px auto 20px;
    padding: 15px;
    position: relative;
    background: #fff;
    color: #333;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2);
}

.wrap-in h1 {
    font-size: 15px;
    font-weight: bold;
    color: #bdb5aa;
    margin: 0;
}

.wrap-in h1 .log-in,
.wrap-in h1 .sign-up {
    display: inline-block;
    text-transform: uppercase;
}

.wrap-in h1 .log-in {
    color: #6c6763;
    padding-right: 2px;
}

.wrap-in h1 .sign-up {
    color: #ffb347;
    padding-left: 2px;
}

.wrap-in .float {
    width: 50%;
    float: left;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,1);
}

.wrap-in .float:first-of-type {
    padding-right: 5px;
}

.wrap-in .float:last-of-type {
    padding-left: 5px;
}

.content p img {
    max-width: 100%;
    height: auto;
}

.comment-content img {
    width: auto !important;
}

.zx {
    float: right;
    margin-top: 0px;
}

.smart_actionbtn {
    width: 160px;
    margin-top: 5px;
}

.smart_actionbtn a.btn {
    padding: 6px 40px;
}

.kd {
    font-size: 12px;
}

.smart_dtprice {
    font-size: 18px;
    font-weight: bold;
    margin: 3px;
    color: #036;
}

.smart_slide {
    height: 300px;
    width: 549px;
    margin-bottom: 40px;
}

.slides_pd_container .smart-epd {
    height: 140px;
}

#slides {
    position: absolute;
    z-index: 100;
}

.slides_container {
    width: 549px;
    height: 300px;
    overflow: hidden;
    position: relative;
    display: none;
}

.not-f-ada {
    padding: 10px;
    margin-bottom: 21px;
    border: 1px solid #B81414;
    background: #FFEAEA;
    font-weight: bold;
    color: #850000;
}

.not-f-tidak {
    padding: 10px;
    margin-bottom: 21px;
    border: 1px solid #14B842;
    background: #EAFFEA;
    font-weight: bold;
    color: #008510;
}

#slides .slide {
    padding: 40px 40px 20px 0;
    width: 531px;
    height: 300px;
    display: block;
}

#slides .slidep {
    width: 549px;
    height: 300px;
    display: block;
    background: url('images/smartbnr.png');
}
.in-slide {
	height: 170px;
	margin-top: 60px;
}
.slide img {
    margin: -40px 0px;
}

.sing_product_image {
    float: left;
}

.detailsingle_boxleft {
    float: right;
    width: 267px;
    margin-right: 13px;
    margin-bottom: 15px;
}

.detailsingle_boxleft h1 {
    margin: 0px;
    color: #444;
    border-bottom: 1px dotted #DDD;
    margin-top: -2px;
}

.sg_title {
    display: block;
    font-size: 18px;
    line-height: 1em;
}

.sg_meta {
    clear: both;
    font-size: 12px;
    font-weight: normal;
}

.pagination {
    margin: 10px auto 0;
    width: 100px;
}

.pagination li {
    float: left;
    margin: 0 1px;
    list-style: none;
}

.pagination li a {
    display: block;
    width: 12px;
    height: 0;
    padding-top: 12px;
    background-image: url(images/pagination.png);
    background-position: 0 0;
    float: left;
    overflow: hidden;
}

.pagination li.current a {
    background-position: 0 -12px;
}

.sg_ratting {
    padding: 5px 0 8px 0;
    border-bottom: 1px dotted #DDD;
}

.sg_share {
    float: right;
    margin-top: -16px;
}

.smart_pdbox .review_rating {
    margin-top: 6px;
}

.review_rating {
    margin: 12px;
    display: block;
    background: url(images/stars.png) no-repeat;
    height: 14px;
    width: 84px;
    text-indent: -9999px;
}

.strs-0_0 {
    background-position: 0px 0px !important;
}

.strs-0_5 {
    background-position: 0px -20px !important;
}

.strs-1_0 {
    background-position: 0px -39px !important;
}

.strs-1_5 {
    background-position: 0px -57px !important;
}

.strs-2_0 {
    background-position: 0px -77px !important;
}

.strs-2_5 {
    background-position: 0px -96px !important;
}

.strs-3_0 {
    background-position: 0px -115px !important;
}

.strs-3_5 {
    background-position: 0px -134px !important;
}

.strs-4_0 {
    background-position: 0px -154px !important;
}

.strs-4_5 {
    background-position: 0px -174px !important;
}

.strs-5_0 {
    background-position: 0px -193px !important;
}

.sg_price {
    font-size: 22px;
    line-height: 1em;
    display: block;
    color: #069;
    font-weight: bold;
    margin-top: 5px;
}

.sg_hrg {
    line-height: 1em;
    border-bottom: 1px dotted #DDD;
    display: block;
    margin-top: 10px;
    padding-bottom: 5px;
}

.sg_code {
    font-size: 12px;
    border-bottom: 1px dotted #DDD;
    padding-bottom: 5px;
}

.sg_stock {
    margin-left: 15px;
    margin-top: -20px;
    border-left: 1px dotted #DDD;
    padding-left: 5px;
    position: absolute;
    font-weight: bold;
    font-size: 13px;
    width: 105px;
}

.sg_stock img {
    margin-right: 5px;
}

.ck_txt {
    display: block;
    float: left;
    margin-bottom: 3px;
}
/*
	Footer
*/

#footer {
    text-align: center;
    width: 580px;
    margin-top: 9px;
    padding: 4.5px 0 18px;
    border-top: 1px solid #dfdfdf;
}

#footer p {
    margin: 4.5px 0;
    font-size: 1.0em;
}

/*
	Type and anchors
*/

#slides .link {
    display: block;
    margin-top: 10px;
    font-weight: 800;
}

.slide_img {
    height: 250px;
	float: left;
	margin-right: 60px;
	margin-left: 50px;
	width: 194px;
}

.slide_img img {
	max-height: 188px;
	max-width: 150px;
    width: auto;
}

#slides h2 {
    color: #333;
    font-size: 18px;
    max-height: 42px;
    overflow: hidden;
}

.sl {
    width: auto;
}

.sl a.btn {
    padding: 6px 20px;
}

#menu-trigger {
    display: none;
}

@media only screen and (max-width: 960px) {
    .page_content {
        width: 90%;
        margin: 0 auto;
    };
}

.menu {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
    overflow: visible;
    zoom: 1;
    display: block;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #212121;
}

.menu > li {
    text-align: left;
    float: left;
    position: static;
    display: inline-block;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    transition: background 0.5s ease;
}

.menu > li.right {
    float: right;
}

.menu > li:hover,
		.menu > li.active {
    background: #444;
}

.menu > li.noactive {
    background: none;
}

.menu > li > a {
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    text-shadow: #000000 1px 1px 1px;
    padding: 11px 20px;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu .menu_dropdown {
    width: auto;
    position: absolute;
    margin: 0 auto;
    background: #FAFAFA;
    color: #212121;
    left: -9999em;
    z-index: 999998;
    padding: 20px 0 20px 0;
    border: 1px solid #CCCCCC;
    border-top: none;
    opacity: 0;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-transition: opacity 0.5s 0.2s ease;
    -moz-transition: opacity 0.5s 0.2s ease;
    -o-transition: opacity 0.5s 0.2s ease;
    -ms-transition: opacity 0.5s 0.2s ease;
    transition: opacity 0.5s 0.2s ease;
}

.menu li:hover .menu_dropdown {
    left: auto;
    opacity: 1;
}

.menu li:hover .menu_dropdown_right {
    right: 0;
}

.menu .menu_dropdown > li {
    font-size: 12px;
    line-height: 21px;
    padding: 0;
    margin: 0 0 18px 0;
    list-style: none;
    display: inline;
    float: left;
    position: relative;
    margin: 0 20px;
    width: auto;
}

.menu .menu_dropdown > li ul a {
    color: #888888;
    text-decoration: none;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    -ms-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.menu .menu_dropdown > li ul a:hover {
    color: #222222;
}

.menu .list_heading {
    color: #333333;
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 14px;
}

.menu .clear {
    clear: both;
    width: 100%;
    height: 18px;
}

.menu .menu_dropdown .sub-menu {
    padding: 0;
    list-style: none;
}

.caret {
    border-top: 4px solid #FFFFFF;
    margin-top: 6px;
    margin-left: 5px;
}

.non-drop {
    float: none !important;
    display: block !important;
}

@media only screen and (max-width: 600px) {

    .menu > li {
        width: 100%;
    }

    .menu > li.right {
        float: left;
    }

    .menu > li > a {
        padding: 14px;
    }

    .menu li .menu_dropdown {
        width: 100%;
        border: none;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .menu .clear {
        clear: none;
        height: 0;
    };
}

@media only screen and (min-width: 601px) {
    .menu {
        display: block !important;
    };
}

@media only screen and (max-width: 480px) {

    .menu .menu_dropdown > li {
        width: 100%;
        display: block;
        margin-bottom: 18px;
    };
}

@media screen and (max-width: 600px) {

    #menu-wrap {
        position: relative;
    }

    #menu-wrap * {
        box-sizing: border-box;
    }

    #menu-trigger {
        display: block;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        padding: 0 0 0 35px;
        border: 1px solid #222;
        color: #fafafa;
        font-weight: bold;
        background-color: #111;
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -moz-linear-gradient(#111, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -webkit-linear-gradient(#111, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -o-linear-gradient(#111, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, -ms-linear-gradient(#111, #111);
        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC) no-repeat 10px center, linear-gradient(#111, #111);
    }

    .menu {
        display: none;
    };
}	

.no-transition {
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;
}

#menu li:hover > .no-transition {
    display: block;
}

.smart_footer {
    background: #111;
    padding: 20px;
}

.smart_footer .smart_box {
    width: 250px;
    border: none;
    float: left;
    margin-right: 20px;
}

.smart_footer .smart_box h3 {
    border-bottom: 1px solid #222;
}

.smart_footer .smart_box ul li {
    border: none;
}

.smart_footer .smart_box ul {
    border-top: 1px solid #444;
    margin-top: -0px;
}

.smart_search {
    padding: 5px 8px;
    border: 1px solid #EEE;
    margin-bottom: 10px;
    width: 530px;
    background: #EEE;
}

.smart_search .sol {
    padding: 6px;
    width: 268px;
    border: 1px solid #CCC;
}

.smart_search select {
    padding: 6px;
    color: #555;
    border: 1px solid #CCC;
    width: 170px;
}

.smart_epdbox {
    width: 185px;
    border: 1px solid #ddd;
    height: 280px;
    float: left;
    padding: 0 5px;
}

.smart_epdbox:hover {
    border: solid 1px #ccc;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.smart_epdbox img {
	max-height: 135px;
	max-width: 150px;
	width: auto;
    margin-top: 5px;
}

.smart_epdtitle {
    font-weight: bold;
    padding-top: 7px;
    height: 34px;
}

.smart_eactionbtn {
    width: 160px;
    margin-top: 5px;
}

.smart_eactionbtn a.btn {
    padding: 6px 30px;
}

.ekd {
    font-size: 12px;
}

.smart_edtprice {
    font-size: 18px;
    font-weight: bold;
    margin: 3px;
    color: #036;
}

.sidebox {
    width: 197px;
    float: left;
}

.smart_comi {
    padding: 5px;
    border: 1px solid #DDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.smart_shipping {
    border-top: 1px solid #DDD;
    padding-top: 10px;
    margin-top: 10px;
}

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

.clearfix {
    display: block;
    zoom: 1;
}

ul#gallery_01 {
    display: block;
}

ul#gallery_01 li {
    float: left;
    margin-right: 2px;
    list-style: none;
}

ul#gallery_01 li a {
    display: block;
    border: 1px solid #E9E9E9;
}

ul#gallery_01 li a.active {
    border: 1px solid #999;
}

#product_zoom {
    max-height: 220px;
    position: absolute;
    overflow: auto;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.cart_pdtitle {
    font-weight: bold;
    display: block;
    color: #555;
}

.cart_pdcat {
    display: block;
    font-size: 12px;
    color: #999;
}

.cart_pdcod {
    display: block;
    font-size: 13px;
}

.cart_pdpri {
    font-size: 16px;
    font-weight: bold;
    color: #555;
    display: block;
}

.cart_pdto {
    display: block;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.cart_hd {
    padding-bottom: 10px;
}

.cart_hd h1 {
    font-size: 24px;
    color: #555;
}

.error_msg {
    color: #333;
    padding: 10px;
    background: #FFCDD1;
    border: 1px solid #E10C0C;
    margin-bottom: 10px;
}

.sg_button {
    margin-top: 15px;
}

#cart_head {
    float: right;
    margin-top: -99px;
    color: #333;
    background: #f6f6f6;
    padding: 10px;
}

#breadcrumb {
    padding: 5px 10px;
    background: #EEE;
    margin-bottom: 10px;
    font-size: 14px;
    margin-top: -10px;
}

.cart_pdpro {
    font-size: 12px;
    text-decoration: line-through;
    color: #999;
}

.cart_pdqu {
    font-size: 12px;
}

.list_sm {
    list-style: none;
    margin: 0px -19px;
    overflow: hidden;
}

.list_sm li {
    background: url(images/ico-check.png) 0 2px no-repeat;
    padding-left: 14px;
    font-size: 11px;
    text-align: left;
    line-height: 15px;
    color: #444;
}

.smart_dtpripro {
    font-size: 12px;
    text-decoration: line-through;
    color: #333;
    margin-bottom: -6px;
}

.ale {
    margin: 5px -35px;
    width: 260px;
}

.pripri {
    border-bottom: 1px dotted #DDD;
    margin-bottom: -2px;
    padding-bottom: 2px;
    display: block;
}

.nobr {
    border: 0;
}

.smart_mess {
    padding: 5px 5px;
    border: 1px dotted #DDD;
    width: 538px;
    background: #F4F4F4;
}

.head_pst {
    padding: 7px;
    background: #2C9FEB;
    color: #fff;
    font-weight: bold;
}

.exo {
    width: 270px;
    height: 265px;
    border: 1px solid #ddd;
}

.exo .well {
    max-height: 219px;
}

.smart_pdbox .buble,.smart_epdbox .buble {
    background-image: url('images/buble.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 68px;
    height: 56px;
    position: absolute;
    z-index: 7040;
    margin-top: -90px;
    margin-left: 90px;
    color: #fff;
    padding-top: 17px;
    font-weight: bold;
    font-size: 14px;
    line-height: 1em;
    padding-left: 2px;
    cursor: pointer;
}

.buble p {
    font-size: 12px;
    line-height: 1em;
    margin: 0;
}

.bbbaru {
    background-position: 0px 0px;
}

.bbgreen {
    background-position: 0px -73px;
}

.bbhot {
    background-position: 0px -146px;
}

.bbsold {
    background-position: 0px -292px;
}

.bblimit,.bbpersen {
    background-position: 0px -219px;
}

.tagcloud {
    padding: 5px;
}

.widget_side {
    padding: 5px;
    border: 1px solid #CCC;
    margin: 5px;
    text-align: center;
}

#slides_pdbox {
    margin-bottom: 10px;
}

.kontak {
    padding: 5px;
}

.kontak p {
    margin: 0;
    font-weight: bold;
    font-size: 13px;
}

.kontak .iconct {
    display: block;
    background-image: url('images/kontak.png');
    background-repeat: no-repeat;
    float: left;
}

.mail {
    background-position: -0px -0px;
    width: 32px;
    height: 32px;
}

.sms {
    background-position: -32px -0px;
    width: 32px;
    height: 32px;
}

.telp {
    background-position: -0px -32px;
    width: 32px;
    height: 32px;
}

.ym {
    background-position: -0px -62px;
    width: 32px;
    height: 32px;
}

.bbm {
    background-position: -32px -30px;
    width: 32px;
    height: 32px;
}

.cnt {
    margin-left: 37px;
    display: block;
    color: #ccc;
}

.cnt2 {
    margin-left: 37px;
    display: block;
}

.smart_ftbox {
    float: left;
    width: 230px;
    margin-right: 20px;
}

.smart_ftbox h3 {
    font-size: 15px;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.8);
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    padding-bottom: 11px;
    position: relative;
    color: #F4F4F4;
    margin: 0;
    margin-bottom: 5px;
}

.conta {
    width: 250px;
}

.soci {
    width: 125px;
}

.con2 {
    padding: 5px;
}

.con2 p {
    margin: 7px;
    font-weight: bold;
    font-size: 13px;
}

.sociale {
    display: block;
    background-image: url('images/social.png');
    background-repeat: no-repeat;
    float: left;
}

.pin-icon {
    background-position: -0px -0px;
    width: 32px;
    height: 32px;
}

.twitter-icon {
    background-position: -32px -0px;
    width: 32px;
    height: 32px;
}

.facebook-icon {
    background-position: -0px -32px;
    width: 32px;
    height: 32px;
}

.gplus-icon {
    background-position: -32px -32px;
    width: 32px;
    height: 32px;
}

.smart_ftbox ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.smart_ftbox li a {
    color: #ccc;
    font-size: 13px;
}

.smart_ftbox li a:hover {
    text-decoration: underline;
}

.sm-footer {
    background: #222;
    padding: 1px 20px;
    border-top: 1px solid #333;
    color: #CCC;
    font-size: 13px;
}

.column_left input {
    padding: 5px;
	border: 1px solid #ccc;
    width: 200px;
}

.column_left textarea {
    width: 515px;
    height: 150px;
	border: 1px solid #ccc;
    padding: 5px;
}

.comment_ratings label {
    float: left;
    margin-right: -10px;
    margin-top: -2px;
}

#comments_template .meta-com {
    float: left;
    display: block;
    width: 430px;
    border-bottom: 1px dotted #DDD;
    margin-top: -5px;
    margin-bottom: 5px;
}
.children .meta-com {
	width: 393px !important;
}
.commentlist .review_rating {
    margin: 7px 0;
}

#comments_template ul li {
    list-style: none;
}

.commentlist {
    padding: 0;
}

.commentlist li {
    border: 1px dotted #DDD;
    padding-bottom: 5px;
    margin-bottom: 10px;
    padding: 10px;
}

.commentlist .reply {
    float: right;
}

.comment-author {
    float: left;
    margin-right: 10px;
}

.btncm {
    float: right;
    margin-top: -7px;
}

#comments_template {
    border-top: 1px dotted #DDD;
}

.sg_stock .ckstok {
    display: block;
    background-image: url('images/check.png');
    background-repeat: no-repeat;
    float: left;
    margin-right: 3px;
}

.checked {
    background-position: -0px -0px;
    width: 14px;
    height: 16px;
}

.sort-date {
    background-position: -0px -16px;
    width: 14px;
    height: 16px;
}

.unchecked {
    background-position: -0px -32px;
    width: 14px;
    height: 16px;
}

.box-checkout {
    width: 290px;
    float: left;
    border: 1px solid #DDD;
    padding: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.titrad {
    margin-left: 28px;
    font-weight: bold;
}

.ac-container article p img {
    display: block;
}

.late {
    margin-right: 0 !important;
}

.box-checkout fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.box-checkout h2 {
    margin: 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #DDD;
    font-size: 19px;
}

.box-checkout input {
    width: 280px;
    padding: 3px;
	border: 1px solid #ACACAC;
}

.box-checkout select {
    padding: 3px;
}

.box-checkout .ui-formRow {
    padding-top: 10px;
}

.box-checkout .labelahir {
    font-size: 11px;
    color: #999;
    float: left;
    width: 50px;
    margin-right: 5px;
}

.ggra {
    margin-top: 25px;
}

.pulwidth {
    width: 290px;
    padding: 3px;
}

.uicheckbox {
    width: auto !important;
}

.ac-container {
    margin: 10px auto 30px auto;
    text-align: left;
}

.ac-container label {
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 16px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container label:hover {
    background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover {
    color: #3d7489;
    text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
    background: transparent url(http://www.rendangnaniko.com/wp-content/themes/images/arrow_down.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after {
    background-image: url(http://www.rendangnaniko.com/wp-content/themes/images/arrow_up.png);
}

.ac-container input {
    float: left;
    position: absolute;
    z-index: 3989;
    margin-left: 10px;
    margin-top: 14px;
    cursor: pointer;
    width: 50px;
}

.ac-container article {
    background: rgba(255, 255, 255, 0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0px;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}

.ac-container article p {
    color: #777;
    line-height: 17px;
    font-size: 14px;
    padding: 0 20px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.ac-container .bkn {
    display: block;
    background-image: url('images/bank-chk.png');
    background-repeat: no-repeat;
    margin-top: -4px;
}

.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
    box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container input:checked ~ article.ac-small {
    height: 100%;
    background: #EEE;
}

.ac-container .kece {
    font-size: 11px;
    border-bottom: 1px solid #CCC;
    padding: 5px 20px;
    background: #DDD;
    margin: 0;
}

.pas {
    padding: 5px;
    text-align: left;
}

.rght {
    text-align: right;
}

.ui-bggrey {
    background: #F4F4F4;
}

.cart-txt {
    font-size: 12px;
}

.ui-borderBottom {
    background: white;
}

.cartSummary {
    background: white;
}

.sumcart {
    margin-top: 10px;
    border-top: 1px solid #DDD;
}

.txtgray {
    color: #999;
}

.grandtotal {
    background: #F4F4F4;
}

.txtblod {
    font-weight: bold;
}

.ac-container input:checked ~ article.ac-medium {
    height: 180px;
    background: #EEE;
}

.ac-container input:checked ~ article.ac-large {
    height: 230px;
    background: #EEE;
}

.sub-ui {
    float: right;
    margin-top: 15px;
    border-top: 1px solid #DDD;
    padding-top: 10px;
    width: 100%;
}

.sub-ui button {
    float: right;
}

.notify {
    padding: 10px;
    border: 1px solid red;
    margin-bottom: 10px;
    background: #FFF2F2;
}

.notify p {
    border: 1px solid red;
    padding: 5px;
    background: #FFD9D9;
}

.sup-bar {
    border: 1px solid #333;
    padding: 10px;
    background: #333;
    color: white;
}

.sup-bar h3 {
    margin: 0;
}

.ord_id {
    border: 1px solid #777;
    width: 100px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    background: #333;
    color: white;
}

.as_op {
    margin-left: 30px;
}

.fns {
    float: left;
    padding: 5px;
    margin: 4px 4px;
    border: 1px solid #DDD;
}

.meta-dt {
    font-size: 12px;
}

.info-toko {
    background: #333;
    color: #F0F0F0;
    font-size: 11px;
    margin-bottom: 10px;
}

.info-toko .kontak {
    float: left;
}

.kontak-hd {
    float: left;
    margin-left: 2px;
}

.harini {
    background: #444;
    padding-right: 20px;
    padding-top: 7px;
    padding-bottom: 9px;
}

.tk-open {
    margin-left: 10px;
    display: block;
    float: left;
}

#konten {
    border: 1px solid #E0DFDF;
    width: 528px;
    padding: 0 10px;
}

.f-nav {
    z-index: 7050;
    position: fixed;
    top: 0;
    width: 957px;
    -moz-box-shadow: 0px 1px 6px #4E4E4E;
    -webkit-box-shadow: 0px 1px 6px #4E4E4E;
    box-shadow: 0px 1px 6px #4E4E4E;
}

ul#nav {
    padding: 20px 5px 10px 0;
}

ul#nav li {
    display: inline;
    float: left;
    position: relative;
    margin-right: 5px;
}

ul#nav li a {
    background: #29B8F3;
    padding: 8px 25px;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
    display: block;
}

ul#nav li a:hover {
    background: #ccc;
}

ul#nav li a.active, ul#nav li a.active:hover {
    background: #eee;
    color: #555;
}

#related_posts {
    width: 561px;
    margin-left: -11px;
    background: white;
    padding: 10px 0;
}

#random_posts {
    width: 561px;
    margin-left: -11px;
    background: white;
    padding: 10px 0;
}

.lgbut {
    margin-bottom: 10px;
    height: 25px;
    padding: 4px;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border: 1px dashed #ddd;
}

.lgbut .b_rs {
    margin-right: 5px;
    background: rgb(218, 218, 218);
    float: left;
    color: #000;
    padding: 5px 20px;
}

.lgbut .b_rs:hover {
    background: #46B5FF;
    color: #FFF;
    cursor: pointer;
}

.ico_b {
    width: 16px;
    height: 16px;
    float: left;
    margin-right: 4px;
}

.csabr {
    margin-right: -1px !important;
}

.subcribe_wdgt {
    background: #333;
    max-width: 540px;
    margin-bottom: 10px;
    padding: 5px;
    color: #fff;
}

.subcribe_wdgt .sols {
    padding: 6px;
    width: 229px;
    border: 1px solid #fff;
}

.subcr_txt {
    float: left;
    margin-right: 14px;
    margin-left: 6px;
}

.ats_txt {
    font-style: italic;
    font-weight: bold;
}

.bwh_txt {
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    margin-top: -8px;
}

.ico_b.logb {
    background-image: url('images/login.png');
}

.ico_b.sigb {
    background-image: url('images/signup.png');
}

.alcart {
    margin-bottom: 22px;
    text-align: center;
}

.inputbox {
    width: 19px !important;
}

.opsidaf {
    padding: 10px 0;
    border: 1px solid rgb(185, 185, 185);
    margin-top: 11px;
    background: rgb(233, 233, 233);
}

#toggle {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    background: rgb(238, 238, 238);
}

#ongkir {
    font-weight: bold;
    font-size: 13px;
}

.logform {
    padding: 10px;
    border: 1px dashed #ccc;
    max-width: 529px;
}

.waitting {
    width: 180px;
    padding: 8px 10px;
    background: #fff url('images/18-1.gif') center left no-repeat;
    position: absolute;
    margin-top: 7px;
    margin-left: 8px;
}

.smart_box ul,.smart_box ul li,.smart_box ul ul {
    margin: 0;
    list-style: none;
}

.smart_box ul .cat-item {
    color: #000;
    background: #F1F1F1 url(img/arrow.gif) no-repeat right center;
}

.smart_box ul .cat-item:hover {
    background: #fff url(img/arrow-hover.gif) no-repeat right center;
    ;
}

.smart_box ul li {
    position: relative;
}

.smart_box ul li.iehover {
    z-index: 1000;
}

.smart_box ul ul {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 9999;
    margin-top: -1px;
}
ul.children {
    border: 1px solid #ccc;
    border-bottom: 0;
    z-index: 45543654 !important;
    width: 172px;
}
#comments_template .children{
    border-bottom: 0;
    z-index: 45543654 !important;
	width: auto;
	border: 0;
}
.smart_box ul li:hover ul ul,.smart_box ul li:hover ul ul ul,.smart_box ul li.iehover ul ul,.smart_box ul li.iehover ul ul ul {
    display: none;
}

.smart_box ul li:hover ul,.smart_box ul ul li:hover ul,.smart_box ul ul ul li:hover ul,.smart_box ul li.iehover ul,.smart_box ul ul li.iehover ul,.smart_box ul ul ul li.iehover ul {
    display: block;
}

.btn-group button {
    margin: 0;
    font-size: 13px !important;
}

.btn-group input {
    margin: 0;
    font-size: 13px !important;
}

button.btn {
    font-size: 13px !important;
}

#searchform button {
    margin-top: -4px;
}

.cart-fade {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    background: #4B474B;
    float: left;
    position: absolute;
    right: 0;
    margin-top: 44px;
    font-size: 14px;
    -moz-box-shadow: 0px 1px 6px #4E4E4E;
    -webkit-box-shadow: 0px 1px 6px #4E4E4E;
    box-shadow: 0px 1px 6px #4E4E4E;
}

.cart-fade .ic-cart {
    padding: 10px 5px;
    margin-right: 10px;
    background: #707070;
}

.cart-fade:hover {
    background: #222222;
}

.cart-fade a {
    color: #fff;
}

.cshow {
    display: none;
}

.alert {
    display: none;
}

.input-append .smrt-qty-count {
    margin: 0;
    padding: 6px;
    width: 35px;
    border: 1px solid #ccc;
}

.input-append .smrt-clear-btn {
    margin-bottom: 5px;
}

.input-append .smrt-kupon {
    margin: 0;
    padding: 6px;
    width: 210px;
    border: 1px solid #ccc;
}

.input-append .smrt-kupon-btn {
    margin-bottom: 5px;
}

#right {
    text-align: right;
}

.kosong {
    font-size: 21px;
}

.aui {
    margin-bottom: 10px;
}

#pd_opsi {
    padding: 4px 10px;
    width: 100%;
    border: 1px solid #ddd;
}

.produk_opsi {
    margin-bottom: 8px;
    border: 1px dotted  #E7E7E7;
    padding: 0px 10px 10px 10px;
}

.no-feature {
    height: 328px;
}

.full-width {
    width: 930px;
    margin: 0 auto;
}

.smart_pdprint {
    width: 169px;
    border: 1px solid #ddd;
    height: 277px;
    float: left;
    margin: 0 5px 5px 0;
    padding: 0 5px;
}

.full-width h1 {
    font-size: 21px;
    border-bottom: 2px dashed #ddd;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.btn-print {
    float: right;
    margin-top: -60px;
}

.kat-log a {
    width: 151px;
}

.kat-log {
    padding: 0 10px 10px;
}

.mini-desk {
    height: 328px;
}

.2cl {
    width: 748px;
}

.btn-group a.btn {
    padding: 4px 12px;
}

.testimonial {
    padding-left: 50px;
    position: relative;
    z-index: 0;
    font-size: 16px;
    border: 1px dashed #ddd;
    padding-right: 12px;
    margin-bottom: 10px;
}

.zxs {
    border: none;
    width: 133px;
    padding-left: 38px;
}

.lin_wd {
    padding: 5px;
    text-align: center;
    background: #F0F0F0;
    border-top: 1px solid #E2E2E2;
}
.column_left .ket {
	width: 203px;
	height: 111px;
	padding: 5px;
}
.column_left select {
	padding: 5px;
}
aside.testimonial {
}

.testimonial .quote {
    position: absolute;
    left: 0;
    top: -4px;
    font-size: 123px;
    font-family: Georgia, serif;
    color: #E7E7E7;
    z-index: -1;
    line-height: 1;
}

.testimonial-text {
    font-style: italic;
}

.testimonial-client-name {
    text-align: right;
    font-size: 14px;
}

.testimonial-client-name cite {
    font-style: normal;
}
.kuponz{float:left;}
.tj_logged_in .links li {
	background: #eee;
	padding: 5px;
	border: 1px dashed #ddd;
}
.list-blog {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}
.list-blog .popthumb {
	float: left;
	margin-right: 10px;
}
.list-blog h2 {
	float: left;
	width: 395px;
	padding-bottom: 1px;
	margin-top: -11px;
	font-size: 16px;
	border-bottom: 1px solid #ddd;
}
.list-blog p {
	margin-top: 2px;
	float: left;
	width: 396px;
}
.list-blog .popauthor {
	float: left;
	color: #999;
	font-size: 13px;
}
.liblog h1 {
	font-size: 24px;
	color: #555;
}
.list-blog li {
	margin-bottom: 25px;
}
.sg_share .fb-like iframe {
	margin-top: -4px;
}
.sg_ratting .norat {
	height: 15px;
}
.sg_ratting .norat {
	height: 15px;
}
.smart_content .norating{
	height: 353px;
}
.borderbtm {
	border-bottom: 1px solid #ddd;
	display: block;
	clear: both;
}
.error_fb_login {
    background-color: #FFEBE8;
    border: 1px dashed #FF0000;
    color: #FF0000;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: 500;
    padding: 6px;
    width: 97%;
	clear:both !important;
}

.login_fb li{
	margin:5px;
}
/* Tabs */
.opdas {
border: 1px dashed rgb(180, 180, 180);
background: #ddd;
margin-bottom: 10px;
padding: 5px 1px;
width: 172px;
}
ul.tj_tabs {
	list-style: none !important;
	margin: 0 0 -1px !important;
	padding: 0 !important;
	overflow: hidden;
	zoom: 1;
}
ul.tj_tabs li {
	background: #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-top: 1px solid #DDD;
	float: left;
	font-size: 11px;
	margin-right: 5px;
	padding: 0.5em 1em;
	text-transform: uppercase;

}
ul.tj_tabs li.active {
	background: #fff;
}
ul.tj_tabs li a {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none !important;
	text-shadow: white 0px 1px 0px;
}

/* Messages */
form.tj_form ul.errors, form.tj_form ul.messages {
	margin: 0 !important;
	list-style: none !important;
}
form.tj_form ul.errors li, form.tj_form ul.messages li {
	border: 1px solid;
	margin: 0 0 8px -40px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 13px;
}
form.tj_form ul.messages li {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('http://www.rendangnaniko.com/wp-content/themes/img/success.png');
}
form.tj_form ul.errors li {
	color: #9d7b11;
	background-color: #ffe69c;
	background-image: url('http://www.rendangnaniko.com/wp-content/themes/img/errors.png');
}


/* Form/Div Styling */
form.tj_form, div.tj_logged_in {
	border: 1px solid #ddd;
	border-bottom: 2px solid #ddd;
	padding: 1em;
	font-size: 11px;
	margin-bottom: 10px;
}
form.tj_form h2, div.tj_logged_in h2, form.tj_form h3, div.tj_logged_in h3 {
	margin-top: 0;
}
form.tj_form p {
	margin: 0 0 0.5em;
	padding: 0;
	font-size: 13px;
	line-height: 21px;
	font-weight: normal;
	clear: both;
}
form.tj_form p a {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: -0.05em;
	color: #3590bd;
}
form.tj_form p a.forgotten {
	float: right;
	padding: 4px 0 0 0;
}
div.tj_logged_in .avatar {
	padding: 2px;
	border: 1px solid #ddd;
	float: right;
}
form.tj_form label {
	display: block;
	color: #777;
}
form.tj_form label.hidden {
	visibility: hidden;
}
form.tj_form input.text {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    background: #fff url(http://www.rendangnaniko.com/wp-content/themes/img/input.png) repeat-x top left;
    color: #777;
    padding: 5px 2% 3px;
    width: 96%;
    margin: 0;
    outline: 0;

}
form.tj_form input.text:focus {
	background: #f3f3f3;
}
form.tj_form p.column {
	float: left;
	width: 49%;
	margin-right: 2%;
	clear: none;
}
form.tj_form p.column-alt {
	margin-right: 0;
	float: right;
}
form.tj_form p.column input {
	 padding: 5px 3% 3px;
    width: 94%;
}
.tj_logged_in ul.links {
	margin: 0;
	padding: 0;
	list-style: none outside;
	overflow: hidden;
	zoom: 1;
}
.tj_logged_in ul.links li {
	float: left;
	margin: 0 4px 4px 0;
	width: 100%;
}
.tj_logged_in ul.links li a {
	background: #dde0e1;
	padding: 0.5em;
	float: left;
	width: 100%;
	
}
.tj_logged_in .count {
color: rgb(255, 255, 255);
background: rgb(0, 163, 255);
padding: 1px 4px;
margin: 0 4px;
font-size: 1.4em;
font-style: italic;
font-family: Georgia, Times, Serif;
border: 1px solid rgb(107, 107, 107);
}
.tj_logged_in hr {
	border: 0;
	margin: 0 0 10px;
	padding: 0;
}
div.chrt_lan {
border: 1px dashed #ddd;
margin-bottom: 15px;
padding-bottom: 24px;
max-width: 400px;
}
div.chrtimg {
float: left;
padding: 10px;
height: 123px;
border: 1px dashed #ddd;
}
div.chrttxt {
width: 278px;
float: left;
}
div.chrttxt h2 {
padding: 0;
margin: 5px;
}
div.chrtdet {
padding-top: 10px;
margin-top: -12px;
margin-bottom: -10px;
}
.chrtdet table td {
padding: 5px;
}
.chrtdet table tr {
border-bottom: 1px solid #ddd;
}
.wp-pagenavi {
    padding: 10px 0px 10px !important;
    display: block !important;
    clear: both !important;
}

.wp-pagenavi a ,.wp-pagenavi span.pages, .wp-pagenavi span.extend {
    color: #333333 !important;
    text-shadow: 0px 1px #F6F6F6 !important;
    padding: 6px 9px 6px 9px !important;
    border: solid 1px #B6B6B6 !important;
    box-shadow: 0px 1px #EFEFEF !important;
    -moz-box-shadow: 0px 1px #EFEFEF !important;
    -webkit-box-shadow: 0px 1px #EFEFEF !important;
    background: #E6E6E6 !important;
    background: -moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6) !important;
    background: -webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6)) !important;
    font-size: 12px !important;
    margin-right: 3px !important;
    text-decoration: none !important;
}

.wp-pagenavi span.current {
    padding: 6px 9px 6px 9px !important;
    border: solid 1px;
    color: #fff !important;
    box-shadow: 0px 1px #E7E7E7 !important;
    -moz-box-shadow: 0px 1px #E7E7E7 !important;
    -webkit-box-shadow: 0px 1px #E7E7E7 !important;
    margin-right: 3px !important;
    text-shadow: 0px 1px #388DBE !important;
}