a, a:hover{
    color: #009d3c;
}

.panel{
    border-color: #111 !important;
}

.menu{
    border-color: #999 !important;
    min-width: 100%;
}

/*BACKGROUND 1*/
.menu, .footer1, .product-thumbnail-buttons a,
 .menu .dropdown-menu
{
        --background-color: #2ebd0e;
    background-image: linear-gradient(to bottom, #81de08, #23920a);
        background-color: #23920a;
        box-shadow: 0px 0px 5px #333;
        --text-shadow: 0 1px 1px #333;
}

/*hover*/
.menu a:hover, .btn-primary:hover, .search-button a:hover, .menu .dropdown-menu li:hover
{
    background: #208609 !important; 
    --background-image: linear-gradient(to bottom, #75c908, #208609); !important;   
}

.menu .alog:hover  {
    background: transparent !important;
}

/*BACKGROUND 2*/
.panel, .footer3{
    background:#222 !important;
}

/*BACKGROUND 3*/
.footer1
{
    background-image: linear-gradient(to bottom, #75c908, #208609); !important;
}

/*BACKGROUND 4*/
.footer2
{
    background: #5da104 !important;
}

/*BACKGROUND 5*/

.search-button a
{
    background: #4fb509;
    --background-image: linear-gradient(to top, #75c908, #208609); !important;
}


/*COLOR 1*/

/*COLOR 2*/

/*COLOR 3*/
.footer1{
    color: #A3A8A9;
}
/*COLOR 4*/

/*BORDER 1*/
/*BORDER 2*/
/*BORDER 3*/
/*BORDER 4*/


/* ============================================================================================================================
== Andhika : Add chat style
** ============================================================================================================================ */
.chatbox {
    position: fixed; 
    bottom: -30px; 
    right: 5px;
    z-index: 1;
}

.chatbox a {
    text-decoration: none;
    text-weight: bold;
}
.chat {
    position:relative;
    padding:5px 30px 30px 30px;
    margin:0;
    color:#fff;
    background:#ffb319; /* default background for browsers without gradient support */
    /* css3 */
    background:-webkit-gradient(linear, 0 0, 0 100%, from(#ffb319), to(#ff8b19));
    background:-moz-linear-gradient(#ffb319, #ff8b19);
    background:-o-linear-gradient(#ffb319, #ff8b19);
    background:linear-gradient(#ffb319, #ff8b19);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
        
        -moz-box-shadow: 0 0 3px 3px #888;
        -webkit-box-shadow: 0 0 3px 3px #888;
        box-shadow: 0 0 3px 3px #888;
}
/* ============================================================================================================================*/

/* ============================================================================================================================
== Andhika : Add left sidebar style
** ============================================================================================================================ */
.sidebar {display:none;font-family: arial; font-size: 8pt;background-image:url(../images/nav/xbg_trans_green.png);color:#fff;width:70px;position:fixed;right:0;top:60%;margin-top:-148px;font-weight:bold;z-index:20;}
.sidebar ul{margin:0;padding:0;list-style:none;}
.sidebar ul li{margin:0;padding:10px 0 0;text-align:center;position:relative;}
.sidebar ul li:last-child{padding-bottom:10px;}
.sidebar ul li a{display:block;line-height:normal;color:#fff;text-decoration:none;}
.sidebar ul li span{margin:0 auto;padding:0;width:30px;height:30px;display:block;background-image:url(../images/nav/xbg_sidebar.png);background-repeat:no-repeat;}
.sidebar ul li a.side-cs span{background-position:0px -60px; cursor: pointer;}
.sidebar ul li a.side-guide span{background-position:0px 0px;}
.sidebar ul li a.side-track span{background-position:0px -30px;}
.sidebar ul ul{display:none;position:absolute;top:0;right:70px;background:url(../images/nav/xbg_side_cs2.png) no-repeat 197px 25px;padding-right:10px;}
.sidebar ul li:hover ul{display:block;}
.sidebar ul ul li{float:left!important;background:#09c;width:200px;height:auto;padding:0;text-align:left;}
.sidebar ul ul li a{float:left!important;line-height:24px;display:block;padding:5px;width:200px;}
.sidebar ul ul li:last-child{padding-bottom:inherit;}.sidebar ul ul li span{margin:0 5px 0 0;padding:0;width:24px;height:24px;display:block;float:left;background-image:url(../images/nav/xbg_side_cs.png);background-repeat:no-repeat;}
.sidebar ul ul li a.side-call span{background-position:right 0px;}
.sidebar ul ul li a.side-chat span{background-position:right -30px;cursor: pointer;}
.sidebar ul ul li a.side-mail span{background-position:right -60px;}
.sidebar .closeme a{ display: block; background-color: #031600; width: 100%; padding: 5px 0; margin-bottom: -10px; }
/* ============================================================================================================================*/

/* ============================================================================================================================
== Andhika : Add Other Style
** ============================================================================================================================ */
.headFont {border-bottom: 5px solid #4FB609; color:#092600;font-weight: bold;font-size:13pt;margin-top: 10px; padding-bottom: 10px; }
.arrowFont {margin-right: 10px;}
/* ============================================================================================================================*/