#extra_notice{



  padding: 10px;



  text-align: center;



  background-color: #C3DD1F;



  color: #2A1E1E;



  font-weight: bold;



}



#notice{



  padding: 10px;



  text-align: center;



  background-color: #2B6EE4;



  color: #fff;



}



#error{



  padding: 10px;



  text-align: center;



  background-color: #E42B39;



  color: #fff;



}



@font-face {

    font-family: 'Raleway';

    src: url('/fonts/raleway/Raleway-Regular.ttf');

    font-weight: 400;

}



/*================================= FORM INPUT =================================*/form{



    background-color: transparent;



    -moz-border-radius: 5px;



    -webkit-border-radiust: 5px;



    border-radius: 5px;



    padding: 20px;



    border: 0px solid #EAEAEA;



    position: relative;



}



.simple_form{



    background-color: transparent;



    padding: 0px;



    margin: 0px;



    border: 0px;



}


/*============================================================*/

body {
    font-family: 'Raleway', sans-serif !important;    /*font-family: 'Buda', cursive !important;*/    font-size: 12px;    color: #8882BE;    background-color: white;}#line_top {

    height: 5px;

    background-color: #F26C4F;

}



#header, #container, #footer {



    width: 1100px;



    margin: 0 auto;



}



#container {



    min-height: 400px;



}



#container_border_top {



    margin-bottom: 20px;



    /*border-top: 2px dashed #438CCA;*/



}



#header {



    padding-top: 10px;



}



.header_member{
    float: none;
}
.header_member #profile_name{
    font-size: 13px;
    cursor: pointer;
}
.header_member div{
    float: left;
    margin-right: 5px;
}



#header-top {



    margin-bottom: 5px;



}



#cart-artikel {



    text-align: right;



}



#header_logo {



    text-align: center;



    font-weight: bold;



    font-size: 14px;



}



.header-contact {



    font-size: 12px;



    border-radius: 0;



    padding: 3px;



    width: 40px;



    text-align: center;



    border: none;



}



#social-placer{



    /*width: 300px;*/



}



#social-placer .left{



    float: left;



}



#social-placer .right{



    float: right;



    width: 110px;



}



#social-placer .clear{



    clear: both;



}.header-contact i {

    font-size: 12px;

}.header-contact-1 {

    background-color: #7BCDC8;

}.header-contact-2 {

    background-color: #7EA7D8;

}.header-contact-3 {

    background-color: #6ECFF6;

}.header-contact-4 {

    background-color: #BC8DBF;

}#header_nav {

    margin: 10px 0 0;

    text-align: center;

    /*border-top: 2px dashed #438CCA;*/

    color: white;

    /*border-bottom: 2px dashed #438CCA;*/

}#nav_mobile_menu {

    display: none;

}#footer {



    padding-left: 15px;



    padding-right: 15px;



    margin-top: 20px;



}



#footer_content{



    padding: 20px;



    border-top: 2px solid #858C9B;



}



#footer_content_1{



    float: left;



}



#footer_content_2{



    float: right;



}#searching-input {

    padding-right: 0;

}#searching-input input {

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}.searching-button {



    border-top-left-radius: 0;



    border-bottom-left-radius: 0; 



    height: 30px;



    width: 100%;



    background-color: #125a9d;



    border-color: #044d90;



}#header_logo img {

    max-width: 200px;

    max-height: 80px;

}#left {



    width: 200px;



    float: left;



    margin-right: 20px;



}



#right {



    width: 820px;



    margin-left: 30px;



    float: left;



    color: #7D7D7D;



}



#right a {



    color: #7D7D7D;



}



#right.full_page{



    width: auto;



    float: none;



    margin-left: 0px;



}



/*------------------------ Navigation Horizontal -------------------------*/

#nav_horizontal{



    color: #8882BE;



    text-align: center;



    background-color: #3989d4;



}



#nav_horizontal ul li a, #nav_horizontal ul li span {



    text-decoration: none;



    font-size: 16px;



    font-weight: 300;



    color: #fff;



}



#nav_horizontal ul {



    display: table;



    margin: 0 auto;



    padding: 0;



}



#nav_horizontal ul li {



    display: table-cell;



    padding: 10px 30px;



    border-left: 2px solid #4b92d4;



    position: relative;



}



#nav_horizontal ul li:nth-child(1) {



    border-left: 0



}



#nav_horizontal ul li:hover {



    /*border-left: 2px solid #8493CA;*/



    background-color: #FFF;



    color: #82A1BE;



}



#nav_horizontal ul li:hover a, #nav_horizontal ul li:hover span {



    color: #82A1BE;



}



#nav_horizontal ul li:hover li a, #nav_horizontal ul li:hover li span {



    color: #fff;



}



#nav_horizontal ul li li:hover a, #nav_horizontal ul li li:hover span {



    color: #82A1BE;



}



/* sub menu 1 */



#nav_horizontal li ul{



    display: none;



    position: absolute;



    top: 42px;



    z-index: 100000;



    min-width: 300px;



    margin: 0 auto;



    padding: 0;



    background-color: #1d6dba;



    margin-left: -32px;



}



#nav_horizontal ul li:hover ul{ 



    display: block;



}



#nav_horizontal ul li:hover ul li ul{ display: none;}



#nav_horizontal li ul li{



    text-align: left;



    display: block;



    min-width: 200px;



    padding:0;



    border-bottom: 1px solid #FFF;



    border-left: 2px solid transparent;



}



#nav_horizontal li ul li:last-child{



    border-bottom: 0px solid #FFF;



}



#nav_horizontal ul li ul li a, #nav_horizontal ul li ul li span{



    display: block;



    padding: 13px !important;



    margin: 0;



    font-size: 10pt;



    font-weight: normal;



}



#nav_horizontal ul li span.main_menu_cursor_pointer{



    position:absolute;



    top: 12px;



    right: 5px;



    width: auto;



}



#nav_horizontal ul li span.main_menu_cursor_pointer:after{



    cursor: pointer;



    font-family: FontAwesome;



    right: 10px;



    content: "\f078";



    font-size: 11px;



    color: #ddd;



}



#nav_horizontal ul li span.main_menu_cursor_pointer:hover:after{



    color: #000;



}

/*------------------------ BANNER -------------------------*/



.banner{



    text-align: center;



    margin-bottom: 5px;



}

.banner_slide_show_top {



    position: relative;



    padding: 0;



    background-color: #fff;



    height: 350px;



    width: 100%;



    border: 0px solid #ccc;



    /*border-top: 2px dashed #438CCA;*/



}

.banner_slide_show_top img{



    max-width: 100%;



}

.slide_show_placer {



    display: table-cell; 



    vertical-align: middle; 



    text-align: center;



}

.clearfix {



    float: none;



    clear: both;



}

.pagination {



    bottom: 0;



    text-align: center;



    background-color: transparent;



    padding: 8px;



    margin-left: 10px;



    z-index: 5;



    width: 100%;



    font-size: 11pt;



}

.pagination a, .pagination em, .pagination span{



    margin: 0 5px 0 0;



    display: inline-block;



}

.pagination a.selected {



    background-position: -25px -300px;



    cursor: pointer;



}

.caroufredsel_wrapper {



    width: inherit !important;



}/*================================== SIDEBAR MENU ===============================*/

.side_bar_box_head {



    padding: 10px 0;



    font-size: 16px;



    font-weight: bold;



    text-align: center;



    cursor: pointer;



    background-color: #125a9d;



    color: #fff;



}

.side_bar_box {



    /*max-height: 300px;*/



    overflow: auto;



    /*padding-right: 5px;*/



    padding-top:10px;



}

.side_bar_box ul {



    padding-left: 0;



}

.side_bar_box ul li {



    list-style: none;



    font-size: 13px;



    font-weight: 200;



    padding: 3px 0;



    /*text-align: right;*/



}

.side_bar_box ul li ul li {



    list-style: none;



    font-size: 12px;



    font-weight: 200;



    padding: 3px 26px 3px 0;



    text-align: right;



}



#div_tree_merek_body ul, 



#div_tree_merek_body ul li,



#div_tree_kategori_body ul,



#div_tree_kategori_body ul li{



    padding:0px;



}



.side_bar_box ul li{



    border-bottom: 1px solid #f3f3f3;



}



.side_bar_box ul li:hover{



    border-bottom: 1px solid #f3f3f3;



}



.side_bar_box ul li:hover li{



    border-bottom: 1px solid #f3f3f3;



}



.side_bar_box ul li a, .side_bar_box ul li span{



    padding:10px !important;



}



#div_tree_kategori_body ul li span.div_tree_kategori_cursor_pointer{



    top: -1px;



}

/*================================= THUMB PRODUK =================================*/



.produk_show {



    /* outline: 0; */



    /* border-right: 1px solid #ddd; */



    /* border-bottom: 1px solid #ddd; */



    margin-bottom: 18px;



    padding: 0px 5px 11px 4px;



}



.produk_show:hover{



    outline: 1px solid #e6f5aa;



}



.box_center_image_and_image_note{



    position: initial;



}



.box_thumb_produk .thumb_nama_produk{



    height: 30px;



}



.box_thumb_produk .box_thumb_image{



    width:185px;



}



.box_thumb_produk .box_thumb_image_note{ /**/



    width: 175px;



    height: 95px !important;



    margin-top: 0px !important;



    padding: 5px;



    margin: 0 auto;



    position: absolute;



    top: 0;



}



.box_thumb_produk .button_produk{/**/



    top: 100px;



    left: 0px;



    height: 35px;



    min-width: 70px;



    padding: 5px;



    font-size: 12px;



    color: #fff;



    background-color: #0A69B8;



    border: 1px solid #4F92A9;



}



.box_thumb_produk .button_produk:hover{



    background-color: #1880D7;



}



.box_thumb_produk .box_thumb_image .center_image_wrapper {/**/



    width:175px;



    height: 150px;



    position: absolute;



    bottom:0;



    border-top: 1px solid #f1f1f1;



    /*-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 6px;*/



    /*-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 6px;*/



    /*box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 6px;*/



    /*outline: 1px solid silver;*/



}



.box_thumb_produk .center_image {



  width: 175px;



}



.box_thumb_produk .box_thumb_image .center_image img{



    max-height:175px;



    max-height: 150px;



}



.box_thumb_header {



    position: relative;



    width: 150px;



    height: 100px;



    padding-bottom: 5px;



    display: table-cell;



    vertical-align: bottom;



    text-align: left;



}

.box_thumb_header_text{



    vertical-align: top;



    height: 40px;



    word-break: break-word;



}

#produk_breadcrumb {



    margin-bottom: 30px !important;



}

.box_thumb_produk .produk_additional_text_with_zero_stock{



    bottom: initial;



    top: 69px;



    left: 20px;



}



/*================================= SHOPPING CART ======================================*/



#timeline_shopping {



    background-color: #7CC576;



    height: 35px;



}



.timeline_process {



    border-right: 1px solid #3BB878;



}

.timeline_shopping_aktif {



    background-color: #3BB878;



}
.text_center {







    text-align: center;







}







.text_right {







    text-align: right;







}







.text_left {







    text-align: left;







}







.td_no {







    width: 20px;







}





.right {
    float: right;
    margin-left: 5px;







}







.left {







    float: left;







    margin-right: 5px;







}







.clear {







    clear: both;







}/*================================= CSS ==========================================*/







.modul_content {







    margin-bottom: 20px;







}h1, h2, h3, h4, h5 {







    font-weight: 100;







}







h2{







    font-size : 20pt;







}







.col-xs-12 {







    min-height: 0 !important;







}







#notice {



  padding: 12px;



  margin-bottom: 20px;



  border: 1px solid transparent;



  border-radius: 4px;



  color: #FFFFFF;



  background-color: #1CA6ED;



  border-color: #1CAEED;



  text-align: center;



  font-size: 11pt;



}



#error_explanation {



    padding: 12px;



    margin-bottom: 20px;



    border: 1px solid transparent;



    border-radius: 4px;



    color: #a94442;



    background-color: #f2dede;



    border-color: #ebccd1;



}



.caroufredsel_wrapper {







    width: inherit !important;







}







#produk_content_1{

    float: left;

    margin-right: 10px;

    width:400px;

}







#produk_content_2{



    float: right;



    width: 350px;



    /*width: 45%;*/



    border: 1px solid #DDD;



    border-radius: 5px;



    padding: 10px;



}







#produk_content_2 table {



    border: 0px solid #FFF;



    width: 100%;



}







#produk_content_2 table td {







    border: none;







    border-bottom: 1px solid #CCC;







    padding: 8px 5px;







}
.produk_content_2_full_page{







    float: left;







    width: 96%;







}







#produk_content_3{







    margin-top: 10px;







}







#produk_content_{







    font-size: 12pt;







}







.artikel_placer h1 {







    padding-bottom: 20px;







    border-bottom: 1px dashed #CCC;







}
.button, button {
    padding: 6px 12px;    
    margin-bottom: 0;    
    font-size: 13px;    
    font-weight: normal;    
    line-height: 1.42857143;    
    text-align: center;    
    white-space: nowrap;    
    vertical-align: middle;    
    cursor: pointer;    
    -webkit-user-select: none;     
    -moz-user-select: none;      
    -ms-user-select: none;          
    user-select: none;    
    background-image: none;    
    border: 1px solid transparent;    
    border-radius: 4px;    
    color: #fff;    
    background-color: #7EA7D8;    
    border-color: #46b8da;    
    text-decoration: none;
}

.button:hover, button:hover{    
    color: #fff;    
    background-color: #438CCA;    
    border-color: #269abc;    
    background-image: none;
}      

#footer_content_1 div {



    display: inline-block !important;



    padding: 0 10px !important;



}