﻿hr {
    background-color: #b5c27c;
    color: #b5c27c;
    border: none;
    height: 1px;
    display: block;
    width: 100%;
}
ul {
    list-style: disc none;
}
.font12 {
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font24 {
    font-size: 24px;
}
.font32 {
    font-size: 32px;
}
.text-normal {
    font-weight: normal;
}
.text-bold {
    font-weight: bold;
}
.text-italic {
    font-style: italic;
}
.text-underline {
    text-decoration: underline;
}
.text-line-through {
    text-decoration: line-through;
}
.text-link {
    text-decoration: none;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-blue-link {
    text-decoration: none;
    color: #27c4e7;
}
.text-blue-link:hover {
    text-decoration: underline;
}
.marginauto {
    margin: auto;
}
.margin10 {
    margin: 10px;
}
.margin20 {
    margin: 20px;
}
.margin40 {
    margin: 40px;
}
.margin60 {
    margin: 60px;
}
.margin80 {
    margin: 80px;
}
.margin100 {
    margin: 100px;
}
.margin120 {
    margin: 120px;
}
.margin-top10 {
    margin-top: 10px;
}
.margin-top20 {
    margin-top: 20px;
}
.margin-top40 {
    margin-top: 40px;
}
.margin-top60 {
    margin-top: 60px;
}
.margin-top80 {
    margin-top: 80px;
}
.margin-top100 {
    margin-top: 120px;
}
.margin-top120 {
    margin-top: 120px;
}
.margin-right10 {
    margin-right: 10px;
}
.margin-right20 {
    margin-right: 20px;
}
.margin-right40 {
    margin-right: 40px;
}
.margin-right60 {
    margin-right: 60px;
}
.margin-right80 {
    margin-right: 80px;
}
.margin-right100 {
    margin-right: 100px;
}
.margin-right120 {
    margin-right: 120px;
}
.margin-bottom10 {
    margin-bottom: 10px;
}
.margin-bottom20 {
    margin-bottom: 20px;
}
.margin-bottom40 {
    margin-bottom: 40px;
}
.margin-bottom60 {
    margin-bottom: 60px;
}
.margin-bottom80 {
    margin-bottom: 80px;
}
.margin-bottom100 {
    margin-bottom: 100px;
}
.margin-bottom120 {
    margin-bottom: 120px;
}
.margin-left10 {
    margin-left: 10px;
}
.margin-left20 {
    margin-left: 20px;
}
.margin-left40 {
    margin-left: 40px;
}
.margin-left60 {
    margin-left: 60px;
}
.margin-left80 {
    margin-left: 80px;
}
.margin-left100 {
    margin-left: 100px;
}
.margin-left120 {
    margin-left: 120px;
}
.margin-topbottom10 {
    margin: 10px 0;
}
.margin-topbottom20 {
    margin: 20px 0;
}
.margin-topbottom40 {
    margin: 40px 0;
}
.margin-topbottom60 {
    margin: 60px 0;
}
.margin-topbottom80 {
    margin: 80px 0;
}
.margin-topbottom100 {
    margin: 100px 0;
}
.margin-topbottom120 {
    margin: 120px 0;
}
.margin-leftright10 {
    margin: 0 10px;
}
.margin-leftright20 {
    margin: 0 20px;
}
.margin-leftright40 {
    margin: 0 40px;
}
.margin-leftright60 {
    margin: 0 60px;
}
.margin-leftright80 {
    margin: 0 80px;
}
.margin-leftright100 {
    margin: 0 100px;
}
.margin-leftright120 {
    margin: 0 120px;
}
.padding10 {
    padding: 10px;
}
.padding20 {
    padding: 20px;
}
.padding40 {
    padding: 40px;
}
.padding60 {
    padding: 60px;
}
.padding80 {
    padding: 80px;
}
.padding-top10 {
    padding-top: 10px;
}
.padding-top20 {
    padding-top: 20px;
}
.padding-top40 {
    padding-top: 40px;
}
.padding-top60 {
    padding-top: 60px;
}
.padding-top80 {
    padding-top: 80px;
}
.padding-right10 {
    padding-right: 10px;
}
.padding-right20 {
    padding-right: 20px;
}
.padding-right40 {
    padding-right: 40px;
}
.padding-right60 {
    padding-right: 60px;
}
.padding-right80 {
    padding-right: 80px;
}
.padding-bottom10 {
    padding-bottom: 10px;
}
.padding-bottom20 {
    padding-bottom: 20px;
}
.padding-bottom40 {
    padding-bottom: 40px;
}
.padding-bottom60 {
    padding-bottom: 60px;
}
.padding-bottom80 {
    padding-bottom: 80px;
}
.padding-left10 {
    padding-left: 10px;
}
.padding-left20 {
    padding-left: 20px;
}
.padding-left40 {
    padding-left: 40px;
}
.padding-left60 {
    padding-left: 60px;
}
.padding-left80 {
    padding-left: 80px;
}
.padding-topbottom10 {
    padding: 10px 0;
}
.padding-topbottom20 {
    padding: 20px 0;
}
.padding-topbottom40 {
    padding: 40px 0;
}
.padding-topbottom60 {
    padding: 60px 0;
}
.padding-topbottom80 {
    padding: 80px 0;
}
.padding-leftright10 {
    padding: 0 10px;
}
.padding-leftright20 {
    padding: 0 20px;
}
.padding-leftright40 {
    padding: 0 40px;
}
.padding-leftright60 {
    padding: 0 60px;
}
.padding-leftright80 {
    padding: 0 80px;
}
.border-radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -mz-border-radius: 5px;
}
.border-radius-top5 {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -mz-border-radius: 5px 5px 0 0;
}
.border-radius-bottom5 {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    -mz-border-radius: 0 0 5px 5px;
}
@media screen and (min-width: 1260px) {
    .mainWrapper {
        width: 100% !important;
        max-width: 1600px;
    }
    .mainContent,
    #MainTopBarInnerWrapper {
        width: 1240px;
    }
}
@media screen and (max-width: 1259px) {
    .mainWrapper {
        width: 100% !important;
    }
    .mainContent,
    #MainTopBarInnerWrapper {
        width: 993px;
    }
    .MainFooterColumnSmall {
        width: 210px !important;
    }
    .MainFooterColumnLarge {
        float: right !important;
    }
    .MainFooterColumnSmallRad {
        width: 190px !important;
        margin-right: 30px !important;
    }
    #MainFooterSocial a {
        margin-right: 2px !important;
    }
}
.mainWrapper,
.mainContent {
    min-width: 993px;
    margin: auto;
}
.lt-ie9 .mainContent {
    width: 993px;
}
.lt-ie9 .mainWrapper {
    width: 100%;
    max-width: 1600px;
}
.lt-ie9 .mainContent,
.lt-ie9 #MainTopBarInnerWrapper,
.lt-ie9 #divTopText {
    width: 993px;
}
.mainContent993 {
    width: 993px;
    margin: auto;
}
.themelight {
    color: #85bc00;
}
.thememedium {
    color: #71a602;
}
.themenormal {
    color: #6a8500;
}
.themedarker {
    color: #618901;
}
.themedark {
    color: #360;
}
.themedarkest {
    color: #008000;
}
.themeleftpane {
    background-color: #e7e8e5;
}
.bgthemenormal {
    background-color: #e9edda;
}
.bgthemedark {
    background-color: #e0e4cf;
}
.themeborder {
    border: 1px solid #7c8b3f;
}
.themeborderleftright {
    border-left: 1px solid #7c8b3f;
    border-right: 1px solid #7c8b3f;
}
.themeborderleft {
    border-left: 1px solid #7c8b3f;
}
.themeborderleftbottom {
    border-left: 1px solid #7c8b3f;
    border-bottom: 1px solid #7c8b3f;
}
.themeborderright {
    border-right: 1px solid #7c8b3f;
}
.themeborderrightbottom {
    border-right: 1px solid #7c8b3f;
    border-bottom: 1px solid #7c8b3f;
}
.themeborderbottom {
    border-bottom: 1px solid #7c8b3f;
}
.themebordertop {
    border-top: 1px solid #7c8b3f;
}
.themebar {
    background-image: url("../images/App_Themes/Hijau/top_bg.gif");
    height: 36px;
}
.themebarwide {
    background-image: url("../images/App_Themes/Hijau/bg3.gif");
    height: 35px;
    background-repeat: repeat-x;
}
.themebarnewletter {
    background-image: url("../images/App_Themes/Hijau/bar_bg_newsletter.gif");
    height: 40px;
}
.UbuntuCondensed {
    font-family: "Ubuntu Condensed", Arial;
}
.ButtonOrange {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #fed56f),
        color-stop(1, #fec253)
    );
    background: -moz-linear-gradient(center top, #fed56f 5%, #fec253 100%);
    background: -webkit-linear-gradient(center top, #fed56f 5%, #fec253 100%);
    background: -o-linear-gradient(center top, #fed56f 5%, #fec253 100%);
    background: -ms-linear-gradient(center top, #fed56f 5%, #fec253 100%);
    background: linear-gradient(to bottom, #fed56f 5%, #fec253 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fed56f',endColorstr='#fec253',GradientType=0);
    background-color: #fed56f;
    border: 1px solid #dfa33d;
    color: #513602;
}
.ButtonGray {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #ececec),
        color-stop(1, #cacaca)
    );
    background: -moz-linear-gradient(center top, #ececec 5%, #cacaca 100%);
    background: -webkit-linear-gradient(center top, #ececec 5%, #cacaca 100%);
    background: -o-linear-gradient(center top, #ececec 5%, #cacaca 100%);
    background: -ms-linear-gradient(center top, #ececec 5%, #cacaca 100%);
    background: linear-gradient(to bottom, #ececec 5%, #cacaca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec',endColorstr='#cacaca',GradientType=0);
    background-color: #cacaca;
    border: 1px solid #9c9d9d;
    color: #3e3e3d;
}
.ButtonOrange,
.ButtonGray {
    -moz-box-shadow: inset 0 2px 5px 0 #fff;
    -webkit-box-shadow: inset 0 2px 5px 0 #fff;
    box-shadow: inset 0 2px 5px 0 #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: block;
    font-size: 18px;
    padding: 6px 10px;
    text-decoration: none;
    height: 21px;
    text-align: center;
    line-height: 24px;
    text-transform: uppercase;
}
.ButtonOrange:active,
.ButtonGray:active {
    position: relative;
    top: 1px;
}
a.black {
    color: #000;
    text-decoration: underline;
}
a.theme {
    color: #360;
    font-weight: bold;
    text-decoration: none;
}
a.themenormal {
    color: #6a8500;
    font-weight: bold;
    text-decoration: underline;
}
a.themenormal:hover {
    text-decoration: none;
}
a.product {
    font-weight: bold;
}
a.salelink {
    color: #7d8a2e;
    text-decoration: none;
    font: small "Myriad Pro";
}
label {
    cursor: pointer;
}
#calcBackground {
    background-image: url("../images/App_Themes/Hijau/calc_bg.gif");
    background-repeat: repeat-x;
}
#top {
    position: relative;
    height: 35px;
    background: #88c7ea;
}
.modalBackground {
    background-color: #808080;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.plain {
    position: relative;
    border: 1px solid #333;
}
.plain .close {
    background-image: url("../images/App_Themes/Hijau/close.gif");
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -10px;
    right: -10px;
}
.plain .hd {
    border-bottom: 1px solid #333;
    background-color: #eee;
}
.plain .hd .tl {
    float: left;
    width: 30px;
    background-color: #666;
    border-right: 1px solid #333;
}
.plain .hd .tr {
    float: right;
    width: 30px;
    background-color: #666;
    border-left: 1px solid #333;
}
.plain iframe {
    width: 100%;
    height: 350px;
}
.story {
    position: relative;
    border: 1px solid #7c8b3f;
    width: 700px;
    background-image: url("../images/grey_bg3.gif");
    background-repeat: repeat-x;
    height: 400px;
}
.story .close {
    background-image: url("../images/App_Themes/Hijau/close.gif");
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -10px;
    right: -10px;
}
.story .hd {
    height: 61px;
    background-image: url("../images/App_Themes/Hijau/ornament_top.gif");
    background-repeat: no-repeat;
    background-position: center;
}
.story .bd {
    width: 590px;
    height: 280px;
    margin: 0 50px 0 50px;
}
.story .ft {
    margin-bottom: 20px;
    height: 26px;
    background-image: url("../images/App_Themes/Hijau/ornament_bottom.gif");
    background-repeat: no-repeat;
    background-position: center;
}
.story iframe {
    width: 100%;
    height: 350px;
}
.product {
    position: relative;
    border: 1px solid #7c8b3f;
    width: 500px;
    background-image: url("../images/grey_bg3.gif");
    background-repeat: repeat-x;
    height: 400px;
}
.product .close {
    background-image: url("../images/App_Themes/Hijau/close.gif");
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
}
.product .hd {
    height: 35px;
    padding-left: 25px;
}
.product .hd .tl {
    background-image: url("../images/App_Themes/Hijau/line_left.gif");
    width: 25px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
.product .hd .tr {
    background-image: url("../images/App_Themes/Hijau/line_right.gif");
    width: 25px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    z-index: 0;
}
.product .bd {
    margin: 0 26px 0 26px;
}
.product .ft {
    clear: both;
    height: 35px;
    background-image: url("../images/grey_bg4.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}
.product iframe {
    width: 440px;
    height: 350px;
}
.popup {
    position: relative;
    border: 1px solid #7c8b3f;
    background-image: url("../images/grey_bg3.gif");
    background-repeat: repeat-x;
    font-size: 11px;
}
.popup .close {
    background-image: url("../images/App_Themes/Hijau/close.gif");
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
}
.popup .hd {
    height: 35px;
    padding-left: 25px;
}
.popup .hd .tl {
    background-image: url("../images/App_Themes/Hijau/line_left.gif");
    width: 25px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
}
.popup .hd .tr {
    background-image: url("../images/App_Themes/Hijau/line_right.gif");
    width: 25px;
    height: 150px;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    z-index: 0;
}
.popup .bd {
    margin: 0 26px 0 26px;
}
.popup .ft {
    clear: both;
    height: 35px;
    background-image: url("../images/grey_bg4.gif");
    background-repeat: repeat-x;
    background-position: bottom;
}
.panelhd {
    background: transparent url("../images/App_Themes/Hijau/aqua_hd_bg.gif");
    color: #000;
    height: 41px;
    text-align: left;
    overflow: visible;
}
.navigation {
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    float: right;
    width: 780px;
    height: 100%;
    margin-top: 0;
    -webkit-box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
    box-shadow: 10px 5px 30px -10px rgba(0, 0, 0, 0.3);
}
.navigation a {
    text-decoration: none;
    color: #000;
    display: block;
    height: 24px;
    line-height: 24px;
    position: relative;
}
#navigation td {
    padding-left: 10px;
}
html,
body {
    font-family: "Noto Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}
img {
    border-width: 0;
}
input,
textarea,
select {
    font-family: Ubuntu, Arial, Verdana;
}
#menuContainerID {
    z-index: 1000000;
}
.divMenuListOuterContainer {
    position: absolute;
    line-height: 16px;
    text-align: left;
    border: 1px solid #ccc;
    background: #fff;
}
.divMenuListInnerContainer {
    color: #000;
    padding: 0 8px 8px;
}
.divMenuListInnerContainer ul {
    list-style: none none;
    margin: 0;
    padding: 0;
}
.divMenuListInnerContainer a {
    color: #000;
    font: normal 14px "Ubuntu", Arial;
    *font: normal 13px "Ubuntu", Arial;
    text-decoration: none;
    display: block;
    margin-top: 11px;
    *margin-top: 8px;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    line-height: 1;
}
.divMenuListInnerContainer a:hover {
    color: #3697db;
}
.divMenuListInnerContainer ul li ul li {
    font: normal 11px Ubuntu, "Segoe UI", Verdana, Arial, Sans-Serif;
    margin-top: 0;
    border-bottom: 0 none;
    color: #868686;
    line-height: 1;
}
.divMenuListInnerContainerTitle {
    font: bold 18px "Ubuntu Condensed", "Segoe UI", Verdana, Arial, Sans-Serif;
    margin-top: 15px;
    z-index: 9999;
    line-height: 1;
}
.divMenuListInnerContainerTitle a {
    font: bold 18px "Ubuntu Condensed", "Segoe UI", Verdana, Arial, Sans-Serif;
    color: #323130;
    text-decoration: none;
    display: block;
    -moz-transition: 250ms;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
}
.divMenuListInnerContainerTitle a:hover {
    color: #3697db;
}
.divMenuListInnerContainerTitleBorderBottom {
    margin-top: 10px;
    height: 1px;
    background-color: #ddd;
}
.lnkMenuRoll {
    overflow: hidden;
    -moz-perspective: 400px;
    -webkit-perspective: 400px;
    -ms-perspective: 400px;
    perspective: 400px;
    -moz-perspective-origin: 50% 50%;
    -webkit-perspective-origin: 50% 50%;
    -ms-perspective-origin: 50% 50%;
    perspective-origin: 50% 50%;
}
.lnkMenuRoll span {
    display: block;
    -moz-transition-duration: 400ms;
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
    -moz-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.lnkMenuRoll:hover span {
    background-color: #fff;
    -moz-transform: translate3d(0, 0, -30px) rotateX(90deg);
    -webkit-transform: translate3d(0, 0, -30px) rotateX(90deg);
    -o-transform: translate3d(0, 0, -30px) rotateX(90deg);
    -ms-transform: translate3d(0, 0, -30px) rotateX(90deg);
    transform: translate3d(0, 0, -30px) rotateX(90deg);
}
.lnkMenuRoll span:after {
    content: attr(data-title);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #360;
    background-color: #fff;
    -moz-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -moz-transform: translate3d(0, 105%, 0) rotateX(-90deg);
    -webkit-transform: translate3d(0, 105%, 0) rotateX(-90deg);
    -o-transform: translate3d(0, 105%, 0) rotateX(-90deg);
    -ms-transform: translate3d(0, 105%, 0) rotateX(-90deg);
    transform: translate3d(0, 105%, 0) rotateX(-90deg);
}
@-moz-keyframes shake {
    0% {
        -moz-transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        -moz-transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        -moz-transform: translate(-3px, 0) rotate(1deg);
    }
    30% {
        -moz-transform: translate(0, 2px) rotate(0deg);
    }
    40% {
        -moz-transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        -moz-transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        -moz-transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        -moz-transform: translate(2px, 1px) rotate(-1deg);
    }
    80% {
        -moz-transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        -moz-transform: translate(2px, 2px) rotate(0deg);
    }
    100% {
        -moz-transform: translate(1px, -2px) rotate(-1deg);
    }
}
@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        -webkit-transform: translate(-3px, 0) rotate(1deg);
    }
    30% {
        -webkit-transform: translate(0, 2px) rotate(0deg);
    }
    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
    }
    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
    }
    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
    }
}
@-o-keyframes shake {
    0% {
        -o-transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        -o-transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        -o-transform: translate(-3px, 0) rotate(1deg);
    }
    30% {
        -o-transform: translate(0, 2px) rotate(0deg);
    }
    40% {
        -o-transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        -o-transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        -o-transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        -o-transform: translate(2px, 1px) rotate(-1deg);
    }
    80% {
        -o-transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        -o-transform: translate(2px, 2px) rotate(0deg);
    }
    100% {
        -o-transform: translate(1px, -2px) rotate(-1deg);
    }
}
@keyframes shake {
    0% {
        transform: translate(2px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        transform: translate(-3px, 0) rotate(1deg);
    }
    30% {
        transform: translate(0, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(2px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(2px, 2px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}
.shake {
    display: inline-block;
}
.shake:hover,
.shake:focus {
    -moz-animation: shake 0.8s linear infinite;
    -webkit-animation: shake 0.8s linear infinite;
    -o-animation: shake 0.8s linear infinite;
    animation: shake 0.8s linear infinite;
    -moz-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
form {
    margin: 0;
    padding: 0;
    display: inline;
}
form select,
textarea {
    border: 1px solid #808080;
}
form .checkbox {
    border: 0;
}
.textnormal {
    border: 1px solid #e6e6e6;
}
.text {
    padding-left: 0;
    background-color: #fff;
    border: 1px solid #808080;
    font-size: 12px;
}
.btnkopong {
            border: 3px solid #083d77;
            border-radius: 8px;
            color: #123972;
            background: #fff;
            margin: 10px;
        }
        .button {
        display: block;
        width: 120px;
        height: 30px;
        border-radius: 4px;
        color: #fff;
        font-size: .75em;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
    }
.button {
    padding-left: 0;
    /* background-color: #85bc00;
    border: 1px solid #808080; */
}
.textyellow {
    font: 12px "Trebuchet MS";
    border: 1px solid #cacaca;
    background-color: #ffffca;
}
.loadingbox {
    position: absolute;
    top: 40%;
    left: 40%;
    border: 1px solid #b0c4de;
    background-color: #fff;
    height: 50px;
    width: 250px;
    text-align: center;
    padding-top: 20px;
}
.ratingStar {
    font-size: 0;
    width: 13px;
    height: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar {
    background-image: url("../images/App_Themes/Hijau/FilledStar.png");
}
.emptyRatingStar {
    background-image: url("../images/App_Themes/Hijau/EmptyStar.png");
}
.savedRatingStar {
    background-image: url("../images/App_Themes/Hijau/SavedStar.png");
}
.std {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}
.divContent {
    width: 100%;
    height: 100%;
    z-index: 0;
    margin: 0;
    padding: 0;
    min-width: 993px;
}
.divInnerContent {
    background: #fff;
    position: relative;
    text-align: left;
    width: 100%;
    margin: auto;
    z-index: 0;
}
#Search {
    font-family: Verdana;
    border: 1px solid #6a8500;
    vertical-align: middle;
}
#frmServer {
    margin: 0;
    padding: 0;
}
#flyoutTopeng {
    position: absolute;
    width: 200px;
    left: 9px;
    top: 0;
    height: 115px;
}
.sh {
    margin-top: 10px;
    font-weight: bold;
    position: absolute;
    left: 220px;
    width: 350px;
    font-size: 12px;
    vertical-align: middle;
}
.sh a {
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}
.shoppingcart {
    width: 100%;
}
.shoppingcart thead th {
    color: #666;
    font-weight: bold;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background-color: #f3f3f3;
}
.shoppingcart .footer td {
    color: #666;
    font-weight: bold;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    background-color: #f3f3f3;
}
.box {
    border: 1px solid #c0c0c0;
    background-color: #f3f3f3;
}
.large {
    font-size: 15px;
}
.small {
    font-size: 9px;
}
.blurlight {
    color: #c0c0c0;
}
.blur {
    color: #808080;
}
.blurdark {
    color: #666;
}
.black {
    color: #000;
}
.orange {
    color: #f60;
}
.red {
    color: #800000;
}
.redlite {
    color: #f00;
}
.blue {
    color: #00f;
}
.dark {
    color: #333;
}
.softgray {
    color: #767573;
}
.lightblue {
    color: #3697db;
}
.bg-softgray {
    background-color: #f2f2f2;
}
.MainFloatLeft {
    float: left;
}
.MainFloatRight {
    float: right;
    padding-right: 20px;
}
.MainClearBoth {
    clear: both;
    overflow: hidden;
    height: 0;
}
#MainTopBar {
    position: absolute;
    z-index: 1000002;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 993px;
    font-size: 11px;
    background-color: #011b36;
    text-align: justify;
}
#MainTopBarInnerWrapper ul {
    list-style: none none;
    margin: 0;
    padding: 0;
}
#MainTopBarInnerWrapper li {
    height: 35px;
    float: left;
}
.lnkMainTopBar {
    display: block;
    background: no-repeat left center;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    height: 15px;
}
.lnkMainTopBar:hover {
    background-color: #092c52;
}
#MainTopBarInnerWrapper span span {
    display: block;
}
.MainTopBarPaddingHorizontal {
    padding: 0 3px;
}
.MainTopBarBorderLeft {
    border-left: 1px solid #26405b;
}
#MainTopBarInnerWrapper {
    margin: auto;
    color: #fff;
}
#divTopText {
    margin: auto;
    color: #000;
}
#MainTopBarContactPhone {
    font-weight: bold;
    font-size: 1.333em;
}
.MainTopBarSubTitle {
    font-size: 8px;
}
.MainTopBarIcon {
    float: left;
    margin-right: 5px;
}
.MainTopMenubarItem a {
    display: block;
    padding: 5px 15px;
    font-size: 12px;
}
.MainTopMenubarItem a:hover {
    background-color: #6fb6e0;
}
.MainLogo span {
    display: block;
    background: url("../images/bhinneka-logo-shine.png") no-repeat -160px -50px;
    transition: all 0.8s ease-out;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    width: 237px;
    height: 60px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    border-radius: 10%;
    cursor: pointer;
    visibility: visible;
}
.MainLogo:hover span {
    background-position: 247px 70px;
}
.lnkPopularSearch {
    text-decoration: none;
    color: #fff;
    padding: 0 6px;
}
.lnkPopularSearch:hover {
    text-decoration: underline;
}
#MainFooter {
    width: 100%;
    min-width: 993px;
    text-align: left;
    position: relative;
}
#MainFooter ul,
#MainFooter li {
    list-style: none none;
    margin: 0;
    padding: 0;
}
#MainFooter a {
    color: #767573;
    text-decoration: none;
}
#MainFooter li a {
    display: block;
    width: 100%;
    -moz-transition-duration: 500ms;
    -webkit-transition-duration: 500ms;
    -o-transition-duration: 500ms;
    transition-duration: 500ms;
}
#MainFooter li a:hover {
    background-color: #f4f6f5;
    color: #3697db;
    padding-left: 10%;
    width: 90%;
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
}
#MainFooterOuterWrapper {
    background-color: #f9f9f9;
    border-top: 1px solid #c5c1c2;
}
#MainFooterInnerWrapper {
    margin: 0 auto;
    padding-top: 27px;
    font-size: 13px;
    color: #767573;
}
#MainFooterContentTop {
    padding-bottom: 20px;
    line-height: 18px;
}
#MainFooterContentBottom {
    padding-bottom: 10px;
}
.MainFooterColumnSmall {
    float: left;
    margin-right: 10px;
    width: 280px;
}
.lt-ie9 .MainFooterColumnSmall {
    width: 210px;
}
.mainContent993 .MainFooterColumnSmall {
    width: 210px;
}
.MainFooterColumnSmall li {
    margin-bottom: 3px !important;
}
.MainFooterColumnSmallRad {
    background-color: #474948;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 190px;
    margin-right: 100px;
}
.lt-ie9 .MainFooterColumnSmallRad {
    width: 190px;
    margin-right: 30px;
}
.mainContent993 .MainFooterColumnSmallRad {
    width: 190px;
    margin-right: 30px;
}
.MainFooterColumnSmallRad a {
    color: #fff !important;
    text-decoration: none;
}
.MainFooterColumnSmallRad img {
    padding: 5px;
}
.MainFooterColumnLarge {
    float: left;
    width: 310px;
}
.lt-ie9 .MainFooterColumnLarge {
    float: right;
}
.mainContent993 .MainFooterColumnLarge {
    float: right;
}
.MainFooterColumnTitle {
    margin: 20px 0 5px;
    font: bold 16px "Ubuntu Condensed", Arial;
    color: #3d3d3d;
}
#MainFooterContact {
    color: #3d3d3d;
    font-size: 11px;
    font-weight: bold;
}
#MainFooterContactPhone {
    font-size: 28px;
    line-height: 32px;
}
#MainFooterContact a {
    color: #3d3d3d !important;
}
#MainFooterStore {
    margin-top: 10px;
    font-style: italic;
}
.MainFooterStoreBranch {
    float: left;
    width: 80px;
}
.MainFooterStoreSeparator {
    float: left;
    width: 10px;
}
.MainFooterStoreSchedule {
    float: left;
}
#MainFooterEmailNewsletter {
    background-color: #fff;
    margin-top: 20px;
    padding: 20px 10px;
    border: 1px solid #c5c1c2;
}
#MainFooterEmailNewsletter .MainFooterColumnTitle,
#MainFooterIdeaBox .MainFooterColumnTitle {
    margin-top: 0;
}
#MainFooterEmailNewsletterInputWrapper {
    margin-top: 5px;
    height: 26px;
}
#MainFooterEmailNewsletterInput {
    float: left;
    width: 200px;
    height: 24px;
    padding: 0 4px;
    font-size: 14px;
    line-height: 24px;
    color: #aaa;
}
#MainFooterEmailNewsletterInput:focus {
    color: #000;
}
#MainFooterEmailNewsletterButton {
    float: right;
    background-color: #474948;
    width: 70px;
    height: 27px;
    text-align: center;
    cursor: pointer;
    font: bold 13px/26px Tahoma, Arial;
    color: #fff;
    text-transform: uppercase;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.MainFooterLinkButton {
    color: #474747 !important;
    cursor: pointer;
    background-color: #474948;
    font-size: 12px;
}
.MainFooterLinkButtonContentTitle {
    margin-top: 7px;
    display: block;
    font: bold 14px "Ubuntu Condensed", Arial;
}
#MainFooterSocial {
    height: 90px;
}
#MainFooterSocial a {
    display: block;
    float: left;
    margin-right: 5px;
    background-color: #474948;
}
.lt-ie9 #MainFooterSocial a {
    margin-right: 5px;
}
.mainContent993 #MainFooterSocial a {
    margin-right: 2px;
}
.MainFooterIcon {
    float: left;
    margin: 5px;
}
#MainFooterIdeaBox {
    display: block;
    height: 65px;
    position: relative;
    cursor: pointer;
}
#MainFooterIdeaBox span {
    display: block;
    text-align: justify;
}
.MainFooterIdeaBoxContent {
    float: left;
    width: 190px;
}
#MainFooterBottomWrapper {
    height: 51px;
    background-color: #353535;
}
#MainFooterBottom {
    margin: 0 auto;
}
#MainFooterCBNLogo {
    padding-top: 13px;
    font: bold 11px "Ubuntu";
    text-transform: uppercase;
    color: #fff;
}
#MainFooterCBNLogoImg {
    vertical-align: middle;
    padding-right: 10px;
}
#MainFooterCopyright {
    float: left;
    font-size: 10px;
    line-height: 51px;
    color: #fff;
}
#StickyChatWithUs {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 150px;
    height: 31px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    text-align: justify;
    text-decoration: none;
    cursor: pointer;
    z-index: 100;
}
#StickyChatWithUsImage {
    position: absolute;
    top: 0;
    left: 0;
}
#StickyChatWithUsText {
    position: absolute;
    top: 0;
    left: 45px;
}
#StickyLoginSales {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 150px;
    height: 31px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    line-height: 31px;
    text-align: justify;
    text-decoration: none;
    cursor: pointer;
    z-index: 3;
}
.MainDisplayNone {
    display: none !important;
}
.MainDisplayBlock {
    display: block;
}
.selectedProduct {
    font-size: 12px;
    width: 200px;
}
.selectedProduct input {
    border: none;
}
.selectedProduct .img {
    position: relative;
}
.selectedProduct .title {
    font-size: 13px;
    font-weight: bold;
    display: block;
    color: #000;
}
.selectedProduct .desc {
    margin-top: 10px;
}
.selectedProduct .price {
    font-size: 14px;
    color: #767573;
}
.selectedProduct .select {
    float: right;
    margin-top: 10px;
    width: 80px;
    text-align: center;
    vertical-align: middle;
}
.relatedproductcontainer {
    font-size: 11px;
    position: relative;
}
.relatedproduct {
    width: 92%;
    margin: auto;
    padding: 2px;
    padding-bottom: 5px;
}
.relatedproduct input {
    border: none;
}
.relatedproduct .img {
    width: 68px;
    float: left;
}
.relatedproduct .desc {
    margin-left: 68px;
}
.relatedproduct .title {
    margin-top: 10px;
    color: #000;
    font-size: 13px;
    font-weight: bold;
    display: block;
}
.relatedproduct .price {
    font-size: 12px;
}
.relatedproduct .select {
    width: 80px;
    vertical-align: middle;
    border: 1px solid #663;
    background-color: #e9edda;
}
.relatedproduct .select table {
    font-size: 12px;
}
.relatedproductsummary {
    width: 180px;
    margin-top: 35px;
    text-align: center;
}
.hr hr {
    background-color: #476901;
    color: #476901;
    border: none;
    height: 1px;
    display: block;
    width: 100%;
}
.hr {
    clear: both;
    padding: 1px 0 0 0;
}
.small {
    font-size: 11px;
}
.header {
    color: #ec5f00;
    font-weight: bold;
}
.beli {
    width: 42px;
    height: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/beli.gif");
    display: block;
}
.belidisabled {
    width: 42px;
    height: 21px;
    cursor: normal;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/beli_blur.gif");
    display: block;
}
.add {
    width: 42px;
    height: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/add.gif");
    display: block;
}
.adddisabled {
    width: 42px;
    height: 21px;
    cursor: normal;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/add_blur.gif");
    display: block;
}
.belilarge {
    width: 51px;
    height: 24px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/buy.gif");
    display: block;
}
.belidisabledlarge {
    width: 51px;
    height: 24px;
    cursor: normal;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/beli_blur.gif");
    display: block;
}
.addlarge {
    width: 51px;
    height: 24px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/add.gif");
    display: block;
}
.adddisabledlarge {
    width: 51px;
    height: 24px;
    cursor: normal;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/add_blur.gif");
    display: block;
}
.belisale {
    width: 42px;
    height: 21px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-image: url("../images/App_Themes/Hijau/beli_hitam.gif");
    display: block;
}
.buttonBuy {
    text-transform: uppercase;
    font-family: "Ubuntu Condensed", Arial;
    text-align: center;
    cursor: pointer;
    color: #513602;
    text-decoration: none !important;
    font-weight: normal !important;
}
.buttonBuy:active {
    position: relative;
    top: 1px;
}
.buttonBuySmallDisabled:active,
.buttonBuyLargeDisabled:active {
    top: 0;
}
.buttonBuySmallContainer,
.buttonBuySmallDisabledContainer {
    margin: 0 8px;
}
.buttonBuyLargeContainer,
.buttonBuyLargeDisabledContainer {
    margin: 0 7px;
}
.buttonBuyLarge,
.buttonBuyLargeDisabled {
    height: 40px;
    line-height: 37px;
    font-size: 22px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.buttonBuySmall,
.buttonBuySmallDisabled {
    height: 33px;
    line-height: 33px;
    font-size: 17px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 60px;
}
.buttonBuyLargeDisabled,
.buttonBuySmallDisabled,
.buttonBuyMerchantDisabled,
.buttonLargeDisabled {
    cursor: default;
}
.buttonAskUs {
    cursor: pointer;
}
.buttonBuySmallText,
.buttonBuyLargeText,
.buttonBuyMerchantText,
.buttonLargeText {
    background: #27c4e7;
    color: #fff;
}
.buttonBuyLargeDisabledText,
.buttonBuySmallDisabledText,
.buttonBuyMerchantDisabledText,
.buttonLargeDisabledText {
    background: #b4b4b4;
    color: #fff;
}
.buttonBuyMerchant,
.buttonBuyMerchantDisabled {
    height: 33px;
    line-height: 33px;
    font-size: 18px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 70px;
}
.buynow {
    background: url("../images/App_Themes/Hijau/tag_buy_green.gif") no-repeat;
    width: 45px;
    height: 15px;
    border: outset 0 buttonface;
    margin: 0;
    vertical-align: middle;
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-indent: -500px;
}
.moreinfo {
    background: url("../images/App_Themes/Hijau/tag_info_green.gif") no-repeat;
    width: 45px;
    height: 15px;
    border: outset 0 buttonface;
    margin: 0;
    vertical-align: middle;
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-indent: -500px;
}
div#mb_overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #000;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: 1000003;
}
div#mb_center {
    position: absolute;
    left: 50%;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.3);
    z-index: 1000004;
}
div#mb_contents {
    background-color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
    visibility: hidden;
    position: static;
}
.mb_loading {
    background: #ddd url("../images/loading.gif") no-repeat center center;
}
#mb_error {
    color: #cd0000;
    text-align: center;
    padding: 0.5em;
    font: bold 1.2em Verdana, Helvetica, sans-serif;
}
#mb_error em {
    font-size: 0.8em;
}
a#mb_close_link {
    display: block;
    width: 17px;
    height: 17px;
    background: transparent url("../images/Close.gif") no-repeat;
    margin: 5px 5px 0 0;
    cursor: pointer;
    top: 0;
    right: 0;
}
.gridblur {
    font-size: 12px;
    color: #808080;
}
.gridblur .header {
    border-collapse: collapse;
    background-image: url("../images/bar_bg.gif");
    background-repeat: repeat-x;
    color: #000;
    font-size: 13px;
    height: 46px;
}
.gridblur .header a {
    color: #000;
}
.gridblur .header th {
    padding-top: 0;
    height: 46px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 0;
}
.gridblur .alternate td {
    background-color: #efefef;
    padding-left: 5px;
    padding-right: 0;
}
.gridblur .selected td {
    background-color: #ccc;
    padding-left: 5px;
    padding-right: 0;
}
.gridblur .row {
    background-color: #fff;
    padding-left: 5px;
    padding-right: 0;
}
.gridblur .row a {
    color: #808080;
    text-decoration: underline;
}
.gridblur .row a:hover {
    font-weight: bold;
}
.gridblur .alternate a {
    color: #808080;
    text-decoration: underline;
}
.gridblur .alternate a:hover {
    font-weight: bold;
}
.gridblur .row td {
    border-bottom: 1px solid #e6e6e6;
    padding-left: 5px;
    padding-right: 0;
}
.gridblur .footer {
    background-color: #c0c0c0;
}
.gridblur .footer td {
    border-top: 3px solid #999;
    padding: 3px 0 3px 5px;
}
.grid {
    font-size: 12px;
    color: #000;
}
.grid .header {
    border-collapse: collapse;
    background-image: url("../images/bar_bg.gif");
    background-repeat: repeat-x;
    color: #000;
    font-size: 13px;
    height: 46px;
}
.grid .header a {
    color: #000;
}
.grid .header th {
    padding-top: 0;
    height: 46px;
    font-weight: bold;
    color: #000;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 0;
}
.grid .selected td {
    background-color: #ccc;
    padding-left: 5px;
    padding-right: 0;
}
.grid .row td {
    background-color: #fff;
    padding-left: 5px;
    padding-right: 0;
}
.grid .row a {
    text-decoration: underline;
}
.grid .row a:hover {
    font-weight: bold;
}
.grid .alternate td {
    background-color: #efefef;
    padding-left: 5px;
    padding-right: 0;
}
.grid .alternate a {
    text-decoration: underline;
}
.grid .alternate a:hover {
    font-weight: bold;
}
.grid .footer {
    background-color: #c0c0c0;
}
.grid .footer td {
    border-top: 3px solid #999;
    padding: 3px 0 3px 5px;
}
.detailview .insertrow td {
    border: 0;
}
.detailview .header {
    font-weight: bold;
    color: #000;
}
.parade .header {
    background-image: url("../images/App_Themes/Hijau/org45.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
}
.parade .footer {
    background-image: url("../images/App_Themes/Hijau/org452.gif");
    background-position: center;
    background-repeat: no-repeat;
    height: 40px;
}
.ajax-loading {
    width: 80px;
    background: url("../images/App_Themes/Hijau/spinner.gif") no-repeat 0 0;
    background-position: left;
}
.toggler {
    margin: 0;
    padding: 2px 5px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
    font: bold 16px Georgia;
    text-align: center;
    cursor: pointer;
}
.detail-page-lets-get-social,
.header-bhinneka-bisnis-logo-tagline,
.header-bhinneka-bisnis-logo,
.frontpage-title-ornament-left-clean,
.header-bhinneka-com,
.frontpage-title-ornament-right-clean,
.frontpage-title-ornament-left-color,
.frontpage-title-ornament-left-black-white,
.frontpage-title-ornament-right-black-white,
.chat-with-us-sticky-background,
.frontpage-title-ornament-right-color,
.happiness-guarantee-fast-shipping,
.happiness-guarantee-payment,
.detail-page-customer-review,
.detail-page-editor-review,
.detail-page-most-view,
.detail-page-product-discussion,
.detail-page-product-interest,
.detail-page-product-tags,
.detail-page-recent-view,
.detail-page-related-product,
.detail-page-shipping-method,
.detail-page-video,
.happiness-guarantee-low-price,
.footer-email-us,
.footer-lets-get-social,
.header-find-your-perfect-pc,
.header-online-bidding,
.happiness-guarantee-lost-package,
.detail-page-facebook,
.detail-page-google-plus,
.detail-page-instagram,
.detail-page-pinterest,
.detail-page-twitter,
.happiness-guarantee-complete,
.shipping-method-call-us-active,
.shipping-method-call-us,
.shipping-method-chat-active,
.shipping-method-chat,
.shipping-method-desktop-active,
.shipping-method-desktop,
.shipping-method-mobile-active,
.shipping-method-mobile,
.shipping-method-store-active,
.shipping-method-store,
.happiness-guarantee-dont-worry,
.happiness-guarantee-genuineness,
.happiness-guarantee-defective,
.happiness-guarantee-free-shopping,
.footer-cbn,
.murah-maksimal-big-icon,
.happiness-guarantee-secure,
.murah-maksimal-small-icon,
.detail-page-free-shipping,
.product-badge-plus,
.list-page-email,
.detail-page-print,
.product-badge-view-by,
.header-shopping-cart,
.product-bagde-last-sold,
.header-free-shipping,
.product-badge-most-viewed,
.product-badge-product-launch,
.product-badge-average-rating,
.header-cost-on-delivery,
.footer-career-with-us,
.product-badge-listpedia,
.product-badge-love-it,
.product-badge-most-selling,
.product-badge-sold,
.detail-page-certified-buyer,
.detail-page-english,
.detail-page-first-to-review,
.detail-page-i-own-this-product,
.detail-page-indonesia,
.header-tracking,
.detail-page-arrow-less-active,
.detail-page-arrow-less,
.detail-page-arrow-more-active,
.detail-page-arrow-more,
.footer-advertise,
.footer-facebook,
.footer-google-plus,
.footer-instagram,
.footer-pinterest,
.footer-twitter,
.footer-youtube,
.product-badge-i-own-it,
.product-badge-total-review,
.detail-page-big-star-full,
.detail-page-big-star-half,
.detail-page-big-star,
.addaccelerator,
.addsearchprovider,
.header-payment-confirmation,
.list-page-grid-view,
.list-page-list-view,
.detail-page-like,
.detail-page-unlike,
.detail-page-big-arrow-left,
.detail-page-big-arrow-right,
.detail-page-contact,
.detail-page-email,
.detail-page-listpedia,
.detail-page-online-bidding,
.header-menu-icon,
.header-zero-percent-installment,
.detail-page-info,
.header-home,
.header-search,
.login-password,
.login-user,
.detail-page-small-star-full,
.detail-page-small-star-half,
.detail-page-small-star,
.header-phone,
.detail-page-check-list,
.list-page-arrow,
.product-dropdownlist-arrow,
.header-arrow-bottom-all-categories,
.header-arrow-bottom-black,
.header-arrow-bottom-white,
.detail-page-small-arrow-left,
.detail-page-small-arrow-right,
.detail-page-bullet,
.red-arrow-bottom,
.red-arrow-top,
.header-arrow-left-white,
.header-arrow-left,
.red-arrow-left,
.red-arrow-right {
    display: inline-block;
    background: url("../images/SpriteCSS/icon-pagec312.png?d=201701101648")
        no-repeat;
    overflow: hidden;
    text-align: left;
    *display: inline;
    zoom: 1;
}
.detail-page-lets-get-social {
    background-position: -1px -0;
    width: 412px;
    height: 40px;
}
.header-bhinneka-bisnis-logo-tagline {
    background-position: -1px -41px;
    width: 278px;
    height: 46px;
}
.header-bhinneka-bisnis-logo {
    background-position: -1px -88px;
    width: 278px;
    height: 31px;
}
.frontpage-title-ornament-left-clean {
    background-position: -1px -120px;
    width: 223px;
    height: 38px;
}
.header-bhinneka-com {
    background-position: -1px -159px;
    width: 217px;
    height: 40px;
}
.frontpage-title-ornament-right-clean {
    background-position: -1px -200px;
    width: 205px;
    height: 38px;
}
.frontpage-title-ornament-left-color {
    background-position: -225px -120px;
    width: 166px;
    height: 38px;
}
.frontpage-title-ornament-left-black-white {
    background-position: -219px -159px;
    width: 162px;
    height: 38px;
}
.frontpage-title-ornament-right-black-white {
    background-position: -219px -198px;
    width: 154px;
    height: 38px;
}
.chat-with-us-sticky-background {
    background-position: -207px -237px;
    width: 150px;
    height: 31px;
}
.frontpage-title-ornament-right-color {
    background-position: -1px -239px;
    width: 138px;
    height: 38px;
}
.happiness-guarantee-fast-shipping {
    background-position: -140px -269px;
    width: 110px;
    height: 90px;
}
.happiness-guarantee-payment {
    background-position: -251px -269px;
    width: 99px;
    height: 90px;
}
.detail-page-customer-review {
    background-position: -1px -278px;
    width: 94px;
    height: 94px;
}
.detail-page-editor-review {
    background-position: -96px -360px;
    width: 94px;
    height: 94px;
}
.detail-page-most-view {
    background-position: -191px -360px;
    width: 94px;
    height: 94px;
}
.detail-page-product-discussion {
    background-position: -286px -360px;
    width: 94px;
    height: 94px;
}
.detail-page-product-interest {
    background-position: -1px -373px;
    width: 94px;
    height: 94px;
}
.detail-page-product-tags {
    background-position: -96px -455px;
    width: 94px;
    height: 94px;
}
.detail-page-recent-view {
    background-position: -191px -455px;
    width: 94px;
    height: 94px;
}
.detail-page-related-product {
    background-position: -286px -455px;
    width: 94px;
    height: 94px;
}
.detail-page-shipping-method {
    background-position: -1px -468px;
    width: 94px;
    height: 94px;
}
.detail-page-video {
    background-position: -96px -550px;
    width: 94px;
    height: 94px;
}
.happiness-guarantee-low-price {
    background-position: -191px -550px;
    width: 90px;
    height: 90px;
}
.footer-email-us {
    background-position: -280px -41px;
    width: 87px;
    height: 66px;
}
.footer-lets-get-social {
    background-position: -282px -550px;
    width: 85px;
    height: 56px;
}
.header-find-your-perfect-pc {
    background-position: -1px -563px;
    width: 75px;
    height: 42px;
}
.header-online-bidding {
    background-position: -1px -606px;
    width: 75px;
    height: 42px;
}
.happiness-guarantee-lost-package {
    background-position: -282px -607px;
    width: 72px;
    height: 90px;
}
.detail-page-facebook {
    background-position: -191px -641px;
    width: 71px;
    height: 71px;
}
.detail-page-google-plus {
    background-position: -77px -645px;
    width: 71px;
    height: 71px;
}
.detail-page-instagram {
    background-position: -1px -649px;
    width: 71px;
    height: 71px;
}
.detail-page-pinterest {
    background-position: -263px -698px;
    width: 71px;
    height: 71px;
}
.detail-page-twitter {
    background-position: -335px -698px;
    width: 71px;
    height: 71px;
}
.happiness-guarantee-complete {
    background-position: -149px -713px;
    width: 70px;
    height: 90px;
}
.shipping-method-call-us-active {
    background-position: -73px -717px;
    width: 70px;
    height: 70px;
}
.shipping-method-call-us {
    background-position: -1px -721px;
    width: 70px;
    height: 70px;
}
.shipping-method-chat-active {
    background-position: -220px -770px;
    width: 70px;
    height: 70px;
}
.shipping-method-chat {
    background-position: -291px -770px;
    width: 70px;
    height: 70px;
}
.shipping-method-desktop-active {
    background-position: -72px -788px;
    width: 70px;
    height: 70px;
}
.shipping-method-desktop {
    background-position: -1px -792px;
    width: 70px;
    height: 70px;
}
.shipping-method-mobile-active {
    background-position: -143px -804px;
    width: 70px;
    height: 70px;
}
.shipping-method-mobile {
    background-position: -214px -841px;
    width: 70px;
    height: 70px;
}
.shipping-method-store-active {
    background-position: -285px -841px;
    width: 70px;
    height: 70px;
}
.shipping-method-store {
    background-position: -72px -859px;
    width: 70px;
    height: 70px;
}
.happiness-guarantee-dont-worry {
    background-position: -1px -863px;
    width: 69px;
    height: 90px;
}
.happiness-guarantee-genuineness {
    background-position: -143px -875px;
    width: 68px;
    height: 90px;
}
.happiness-guarantee-defective {
    background-position: -212px -912px;
    width: 67px;
    height: 90px;
}
.happiness-guarantee-free-shopping {
    background-position: -280px -912px;
    width: 66px;
    height: 90px;
}
.footer-cbn {
    background-position: -140px -239px;
    width: 60px;
    height: 24px;
}
.murah-maksimal-big-icon {
    background-position: -351px -269px;
    width: 59px;
    height: 74px;
}
.happiness-guarantee-secure {
    background-position: -355px -607px;
    width: 54px;
    height: 90px;
}
.murah-maksimal-small-icon {
    background-position: -362px -770px;
    width: 48px;
    height: 59px;
}
.detail-page-free-shipping {
    background-position: -368px -41px;
    width: 44px;
    height: 14px;
}
.product-badge-plus {
    background-position: -368px -56px;
    width: 42px;
    height: 35px;
}
.list-page-email {
    background-position: -96px -278px;
    width: 40px;
    height: 40px;
}
.detail-page-print {
    background-position: -374px -198px;
    width: 38px;
    height: 38px;
}
.product-badge-view-by {
    background-position: -368px -92px;
    width: 38px;
    height: 23px;
}
.header-shopping-cart {
    background-position: -358px -237px;
    width: 37px;
    height: 28px;
}
.product-bagde-last-sold {
    background-position: -96px -319px;
    width: 35px;
    height: 33px;
}
.header-free-shipping {
    background-position: -368px -550px;
    width: 32px;
    height: 20px;
}
.product-badge-most-viewed {
    background-position: -368px -571px;
    width: 32px;
    height: 30px;
}
.product-badge-product-launch {
    background-position: -149px -645px;
    width: 32px;
    height: 42px;
}
.product-badge-average-rating {
    background-position: -381px -360px;
    width: 31px;
    height: 29px;
}
.header-cost-on-delivery {
    background-position: -382px -159px;
    width: 30px;
    height: 20px;
}
.footer-career-with-us {
    background-position: -381px -390px;
    width: 28px;
    height: 34px;
}
.product-badge-listpedia {
    background-position: -381px -425px;
    width: 28px;
    height: 29px;
}
.product-badge-love-it {
    background-position: -381px -455px;
    width: 28px;
    height: 25px;
}
.product-badge-most-selling {
    background-position: -381px -481px;
    width: 27px;
    height: 31px;
}
.product-badge-sold {
    background-position: -381px -513px;
    width: 27px;
    height: 29px;
}
.detail-page-certified-buyer {
    background-position: -220px -713px;
    width: 25px;
    height: 25px;
}
.detail-page-english {
    background-position: -382px -180px;
    width: 25px;
    height: 16px;
}
.detail-page-first-to-review {
    background-position: -220px -739px;
    width: 25px;
    height: 25px;
}
.detail-page-i-own-this-product {
    background-position: -362px -830px;
    width: 25px;
    height: 25px;
}
.detail-page-indonesia {
    background-position: -149px -688px;
    width: 25px;
    height: 16px;
}
.header-tracking {
    background-position: -356px -856px;
    width: 25px;
    height: 20px;
}
.detail-page-arrow-less-active {
    background-position: -388px -830px;
    width: 24px;
    height: 24px;
}
.detail-page-arrow-less {
    background-position: -388px -855px;
    width: 24px;
    height: 24px;
}
.detail-page-arrow-more-active {
    background-position: -356px -877px;
    width: 24px;
    height: 24px;
}
.detail-page-arrow-more {
    background-position: -381px -880px;
    width: 24px;
    height: 24px;
}
.footer-advertise {
    background-position: -356px -902px;
    width: 24px;
    height: 34px;
}
.footer-facebook {
    background-position: -381px -905px;
    width: 23px;
    height: 23px;
}
.footer-google-plus {
    background-position: -381px -929px;
    width: 23px;
    height: 23px;
}
.footer-instagram {
    background-position: -71px -930px;
    width: 23px;
    height: 23px;
}
.footer-pinterest {
    background-position: -95px -930px;
    width: 23px;
    height: 23px;
}
.footer-twitter {
    background-position: -119px -930px;
    width: 23px;
    height: 23px;
}
.footer-youtube {
    background-position: -347px -937px;
    width: 23px;
    height: 23px;
}
.product-badge-i-own-it {
    background-position: -371px -953px;
    width: 23px;
    height: 36px;
}
.product-badge-total-review {
    background-position: -1px -954px;
    width: 22px;
    height: 29px;
}
.detail-page-big-star-full {
    background-position: -24px -954px;
    width: 21px;
    height: 20px;
}
.detail-page-big-star-half {
    background-position: -46px -954px;
    width: 21px;
    height: 20px;
}
.detail-page-big-star {
    background-position: -68px -954px;
    width: 21px;
    height: 20px;
}
.addaccelerator {
    background-position: -392px -120px;
    width: 20px;
    height: 20px;
}
.addsearchprovider {
    background-position: -90px -954px;
    width: 20px;
    height: 20px;
}
.header-payment-confirmation {
    background-position: -111px -954px;
    width: 20px;
    height: 20px;
}
.list-page-grid-view {
    background-position: -347px -961px;
    width: 20px;
    height: 20px;
}
.list-page-list-view {
    background-position: -132px -966px;
    width: 20px;
    height: 20px;
}
.detail-page-like {
    background-position: -153px -966px;
    width: 19px;
    height: 18px;
}
.detail-page-unlike {
    background-position: -173px -966px;
    width: 19px;
    height: 18px;
}
.detail-page-big-arrow-left {
    background-position: -77px -563px;
    width: 18px;
    height: 32px;
}
.detail-page-big-arrow-right {
    background-position: -77px -596px;
    width: 18px;
    height: 32px;
}
.detail-page-contact {
    background-position: -263px -641px;
    width: 18px;
    height: 18px;
}
.detail-page-email {
    background-position: -263px -660px;
    width: 18px;
    height: 18px;
}
.detail-page-listpedia {
    background-position: -263px -679px;
    width: 18px;
    height: 18px;
}
.detail-page-online-bidding {
    background-position: -193px -966px;
    width: 18px;
    height: 18px;
}
.header-menu-icon {
    background-position: -392px -141px;
    width: 18px;
    height: 12px;
}
.header-zero-percent-installment {
    background-position: -395px -953px;
    width: 17px;
    height: 20px;
}
.detail-page-info {
    background-position: -396px -237px;
    width: 16px;
    height: 16px;
}
.header-home {
    background-position: -396px -254px;
    width: 16px;
    height: 13px;
}
.header-search {
    background-position: -351px -344px;
    width: 15px;
    height: 14px;
}
.login-password {
    background-position: -367px -344px;
    width: 15px;
    height: 15px;
}
.login-user {
    background-position: -383px -344px;
    width: 15px;
    height: 15px;
}
.detail-page-small-star-full {
    background-position: -77px -629px;
    width: 14px;
    height: 13px;
}
.detail-page-small-star-half {
    background-position: -175px -688px;
    width: 14px;
    height: 13px;
}
.detail-page-small-star {
    background-position: -246px -713px;
    width: 14px;
    height: 13px;
}
.header-phone {
    background-position: -246px -727px;
    width: 14px;
    height: 13px;
}
.detail-page-check-list {
    background-position: -280px -108px;
    width: 12px;
    height: 11px;
}
.list-page-arrow {
    background-position: -293px -108px;
    width: 11px;
    height: 8px;
}
.product-dropdownlist-arrow {
    background-position: -305px -108px;
    width: 11px;
    height: 8px;
}
.header-arrow-bottom-all-categories {
    background-position: -317px -108px;
    width: 10px;
    height: 6px;
}
.header-arrow-bottom-black {
    background-position: -328px -108px;
    width: 9px;
    height: 5px;
}
.header-arrow-bottom-white {
    background-position: -338px -108px;
    width: 9px;
    height: 6px;
}
.detail-page-small-arrow-left {
    background-position: -207px -200px;
    width: 8px;
    height: 14px;
}
.detail-page-small-arrow-right {
    background-position: -207px -215px;
    width: 8px;
    height: 14px;
}
.detail-page-bullet {
    background-position: -348px -108px;
    width: 7px;
    height: 7px;
}
.red-arrow-bottom {
    background-position: -356px -108px;
    width: 7px;
    height: 4px;
}
.red-arrow-top {
    background-position: -356px -113px;
    width: 7px;
    height: 4px;
}
.header-arrow-left-white {
    background-position: -132px -319px;
    width: 6px;
    height: 10px;
}
.header-arrow-left {
    background-position: -132px -330px;
    width: 6px;
    height: 10px;
}
.red-arrow-left {
    background-position: -407px -92px;
    width: 4px;
    height: 7px;
}
.red-arrow-right {
    background-position: -407px -100px;
    width: 4px;
    height: 7px;
}
.happiness-guarantee-container {
    text-align: center;
    margin-top: 60px;
    padding: 40px 0;
    color: #3d3d3d;
    width: 100%;
    background: #f2f2ea;
}
.happiness-guarantee-title {
    width: 29%;
    float: left;
    padding: 0 2%;
}
.happiness-guarantee-title > h5 {
    margin: 20px 0 0 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 3px;
    text-align: center;
}
.happiness-guarantee-description {
    margin: 20px 0 0;
    line-height: 1.7;
    text-align: justify;
}
.new-member-popup-transparent-background {
    position: fixed;
    z-index: 2000000;
    top: 0;
    left: 0;
    background-image: url("../images/transparent.png");
    width: 100%;
    height: 100%;
    display: none;
}
.new-member-popup-container {
    position: fixed;
    z-index: 2000001;
    top: 0;
    left: 0;
    width: 250px;
    height: 250px;
    background: #ff5858;
    display: none;
    text-align: center;
    opacity: 0;
    color: #fff;
    line-height: 16px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}
.new-member-popup-container > a {
    text-decoration: none;
    background: #27c4e7;
    color: #efefef;
    padding: 5px 10px;
    font-size: 13px;
    width: 80%;
    margin: auto;
    border: 2px solid #27c4e7;
    text-transform: uppercase;
}
.new-member-popup-container > .spanClose {
    background: #ff5858;
    padding: 5px;
    cursor: pointer;
    position: absolute;
    border-radius: 100%;
    right: 18%;
    width: 14px;
    height: 14px;
}
.affiliate-update-profile-popup-container {
    position: fixed;
    z-index: 2000001;
    top: 0;
    left: 0;
    width: 287px;
    height: 287px;
    background: #27c4e7;
    display: none;
    text-align: center;
    opacity: 0;
    color: #fff;
    line-height: 20px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    -ms-border-radius: 100%;
}
.affiliate-update-profile-popup-container > a {
    text-decoration: none;
    background: #fd5058;
    color: #efefef;
    padding: 5px 10px;
    font-size: 13px;
    width: 80%;
    margin: auto;
    border: 2px solid #fd5058;
    text-transform: uppercase;
}
.affiliate-update-profile-popup-container > .spanClose {
    background: #27c4e7;
    padding: 9px;
    cursor: pointer;
    position: absolute;
    border-radius: 100%;
    right: 9%;
    top: 4%;
    font-size: 14px;
    width: 20px;
    height: 20px;
}
ul.MainMemberDropDownMenu {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
}
ul.MainMemberDropDownMenu li {
    display: block;
    float: none !important;
    margin: 0 !important;
    height: auto !important;
}
ul.MainMemberDropDownMenu li a {
    padding: 10px !important;
    color: #3d3d3d !important;
    display: block;
    margin: 0 !important;
    text-decoration: none;
}
ul.MainMemberDropDownMenu li a:hover {
    color: #3697db !important;
    background: #efefef !important;
}
ul.MainMemberDropDownMenu li.separator {
    background: #ddd !important;
    padding: 3px;
    color: #3d3d3d !important;
    font-weight: bold;
}
.product-type-promo-name {
    display: block;
    font-size: 11px;
    max-height: 28px;
    overflow: hidden;
    margin-bottom: 5px;
    color: #767573;
    line-height: 1.3;
}
.seoWording {
    font-size: 12px !important;
    color: #3d3d3d !important;
}
.dailyDealsPopup {
    width: 402px;
    height: 403px;
    position: fixed;
    z-index: 2000001;
}
.closeDailyDeals {
    display: block;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -khtml-border-radius: 100%;
    border-radius: 100%;
    background: #331360;
    color: #fff;
    text-align: center;
    font-size: 36px;
    position: absolute;
    right: 15px;
    top: 45px;
    cursor: pointer;
}
.buttonLargeContainer,
.buttonLargeDisabledContainer {
    margin: 0 7px;
}
.buttonLarge,
.buttonLargeDisabled {
    font-family: ubuntu, normal;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0 15px;
    line-height: 37px;
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #27c4e7;
}
.footerSEO {
    font-size: 12px;
    color: #909090 !important;
    text-decoration: none !important;
    font-weight: 100;
}
.footerSEO:hover {
    color: #458bf8 !important;
}
.footerSEOSubtitle {
    font-size: 12px;
    color: #909090;
}
.footerSEOTitle {
    font-size: 16px;
    color: #474747 !important;
    text-decoration..l: none !important;
    font-weight: bold;
}
.footerSEOTitle:hover {
    color: #458bf8 !important;
}
.footerSEOTitleSubtitle {
    font-size: 16px;
    color: #474747;
}
.main-search {
    float: left;
    width: 100%;
    height: 27px;
    line-height: 25px;
    padding: 0 5px;
    margin: 0;
    border: 2px solid #fff;
}
.main-search:focus {
    outline: none;
}
.autocomplete-panel {
    background: #fff;
    position: relative;
    top: 31px;
    z-index: 999999;
    border: 1px solid #aaa;
    color: inherit;
    font-size: 12px;
    padding: 5px 0;
}
@media screen and (min-width: 1260px) {
    .autocomplete-panel {
        width: 633px;
    }
}
@media screen and (max-width: 1259px) {
    .autocomplete-panel {
        width: 400px;
    }
    .autocomplete-products li:nth-child(n + 7) {
        display: none;
    }
}
.autocomplete-panel h3 {
    margin: 0;
    padding: 5px 15px;
    font-size: 14px;
}
.autocomplete-panel .separator {
    padding: 3px 15px;
    display: block;
}
.autocomplete-panel .separator > .inner {
    display: block;
    border-bottom: 1px solid #c2c2c2;
    margin: auto;
}
.autocomplete-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.autocomplete-panel ul:last-child {
    border: none;
}
.autocomplete-item li a {
    text-decoration: none;
    color: inherit;
    font-size: 13px;
    padding: 5px 15px;
    display: block;
}
.autocomplete-item li a:hover,
.autocomplete-item li a:focus {
    background-color: #3697dc;
    color: #fff;
}
.autocomplete-item li a .counter {
    color: #aaa;
}
.autocomplete-item li a:hover .counter,
.autocomplete-item li a:focus .counter {
    color: #fff;
}
.autocomplete-info-wrapper span {
    display: block;
    line-height: 12px;
}
.autocomplete-info-wrapper a {
    display: block;
    text-decoration: none;
    color: inherit;
}
.autocomplete-product-picture {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 19px;
}
.autocomplete-product-picture img {
    width: 100%;
    height: 100%;
}
ul.autocomplete-products {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.autocomplete-products > li {
    cursor: pointer;
    display: block;
}
ul.autocomplete-products > li > a {
    display: block;
    text-decoration: none;
    color: #000;
    padding: 7px;
}
ul.autocomplete-products > li > a:hover,
ul.autocomplete-products > li > a:focus {
    background-color: #3697dc;
    color: #fff;
}
ul.autocomplete-products li a span {
    display: block;
}
ul.autocomplete-products > li > a > span.discount-container > span {
    display: inline;
}
ul.autocomplete-products > li > a > span.discount-container > .normal-price {
    font-size: 13px;
    display: inline-block;
    color: #767573;
    text-decoration: line-through;
}
ul.autocomplete-products
    > li
    > a
    > span.discount-container
    > .discount-percentage-container {
    margin-left: 5px;
    text-align: center;
    display: inline-block !important;
}
ul.autocomplete-products
    > li
    > a
    > span.discount-container
    > .discount-percentage-container
    > .arrow-left {
    display: inline-block !important;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    border: 1px solid #fc2029;
    border-width: 0 0 1px 1px;
    background: #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
ul.autocomplete-products
    > li
    > a
    > span.discount-container
    > .discount-percentage-container
    > .discount-inner {
    padding: 3px 5px;
    line-height: 20px;
    color: #fc2029;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline !important;
    vertical-align: middle;
    border: 1px solid #fc2029;
    margin-left: -3px;
}
ul.autocomplete-products > li > a > span.discount-container > .promo-text {
    padding: 3px 5px;
    line-height: 20px;
    color: #fc2029;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    display: inline !important;
    vertical-align: middle;
    border: 1px solid #fc2029;
    cursor: pointer;
}
ul.autocomplete-products > li > a:hover > span.discount-container > .promo-text,
ul.autocomplete-products
    > li
    > a:hover
    > span.discount-container
    > .normal-price,
ul.autocomplete-products
    > li
    > a:hover
    > span.discount-container
    > .discount-percentage-container
    > .arrow-left,
ul.autocomplete-products
    > li
    > a:hover
    > span.discount-container
    > .discount-percentage-container
    > .discount-inner,
ul.autocomplete-products > li > a:focus > span.discount-container > .promo-text,
ul.autocomplete-products
    > li
    > a:focus
    > span.discount-container
    > .normal-price,
ul.autocomplete-products
    > li
    > a:focus
    > span.discount-container
    > .discount-percentage-container
    > .arrow-left,
ul.autocomplete-products
    > li
    > a:focus
    > span.discount-container
    > .discount-percentage-container
    > .discount-inner {
    border-color: #fff;
    color: #fff;
    background: #3697dc;
}
.autocomplete-product-price {
    font-size: 1.1em;
    font-weight: bold;
}
.autocomplete-product-title {
    margin-bottom: 3px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.autocomplete-no-results-wrapper {
    padding: 20px;
    text-align: center;
    font-size: 1.5em;
}
.header-bhinneka-com-concept-store {
    background-image: url("../images/ConceptStore/logo-header.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 128px 25px;
    height: 50px;
}
#conceptStoreNavMenu {
    background-image: url("../images/ConceptStore/menu-bar.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 128px 25px;
    cursor: pointer;
    height: 49px;
    position: absolute;
    top: 0;
    left: 20px;
    width: 30px;
}
#conceptStoreNavQR {
    cursor: pointer;
    color: #fff;
    height: 49px;
    position: absolute;
    top: 1px;
    right: 122px;
    width: 30px;
    padding: 0 5px;
}
#conceptStoreNavQR i {
    position: absolute;
    top: 12px;
    right: 8px;
}
#conceptStoreNavSearch {
    background-image: url("../images/mobile/search.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 22px 20px;
    cursor: pointer;
    height: 49px;
    position: absolute;
    top: 1px;
    right: 75px;
    width: 30px;
    padding: 0 5px;
}
#conceptStoreSideNavContent {
    height: 100%;
    width: 44%;
    background-color: #fff;
    position: fixed;
    z-index: 1000003;
    top: 0;
    overflow-y: scroll;
    -webkit-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
}
#conceptStoreSideNavClose {
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    left: 44%;
    position: absolute;
    top: -2px;
    z-index: 1000003;
    padding: 10px;
    transition: 0.5s;
    -webkit-transition: 5s;
    -moz-transition: 0.5s;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.conceptStoreSideMenuButton {
    border: 2px solid #a1a1a1;
    border-radius: 2px;
    cursor: pointer;
    width: 105px;
    width: 47%;
    float: left;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #000;
    font-size: 15px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
#ulMasterTopMenuConceptStore {
    padding: 0;
    margin: 0;
    position: relative;
    top: 7px;
}
#ulMasterTopMenuConceptStore li {
    list-style: none;
}
#ulMasterTopMenuConceptStore li a:hover,
#ulMasterTopMenuConceptStore li.active {
    background-color: #ffcb05;
}
#ulMasterTopMenuConceptStore li a {
    color: #3a3a3a;
    display: block;
    padding: 8px 24px;
    text-decoration: none;
}
.masterMenuTextConceptStore {
    font-size: 15px;
    position: relative;
    top: 2px;
}
#masterMenuHomeConceptStore {
    background-image: url("../images/mobile/sideNavigation/sidenav-home.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px auto;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    vertical-align: middle;
    width: 23px;
}
#masterMenuCategoriesConceptStore {
    background-image: url("../images/mobile/sideNavigation/sidenav-category.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px auto;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    vertical-align: middle;
    width: 23px;
}
#masterMenuAboutBhinnekaConceptStore {
    background-image: url("../images/mobile/sideNavigation/sidenav-about.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px auto;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    vertical-align: middle;
    width: 23px;
}
#masterMenuLogoutConceptStore {
    background-image: url("../images/mobile/sideNavigation/sidenav-logout.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 28px auto;
    display: inline-block;
    height: 20px;
    margin-right: 20px;
    vertical-align: middle;
    width: 23px;
}
#MainSideNavigationStore {
    background-color: #001b38;
    border-radius: 35px;
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 140px;
    z-index: 1000003;
    width: 55px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
#MainSideNavigationStore a {
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
}
#conceptStoreSocialMedia {
    list-style: none;
    padding-top: 5px !important;
}
#conceptStoreSocialMedia li {
    display: inline-block;
    margin: 3px 0 0;
    width: 42px;
}
#conceptStoreSocialMedia a {
    height: 40px;
    width: 40px;
    display: inline-block;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85%;
}
#conceptStoreSocialFacebook {
    background-image: url("../images/ConceptStore/social-facebook.png");
}
#conceptStoreSocialTwitter {
    background-image: url("../images/ConceptStore/social-twitter.png");
}
#conceptStoreSocialGPlus {
    background-image: url("../images/ConceptStore/social-gplus.png");
}
#conceptStoreSocialInstagram {
    background-image: url("../images/ConceptStore/social-instagram74d8.png?d=201611291745");
}
#conceptStoreSocialYoutube {
    background-image: url("../images/ConceptStore/social-youtube.png");
}
