.side_bar{left:-567px;height: 100%; width: 300px; position:fixed; top:66px; border: 1px solid #CCCCCC; background-color: #f9f9f9; overflow: hidden; overflow-y: scroll; z-index: 900;}
@media screen and (max-width: 567px) {
.side_bar{left:-567px;height: 100%; width: 100%;  max-width:567px; position:fixed; top:66px; border: 1px solid #CCCCCC; background-color: #f9f9f9; overflow: hidden; overflow-y: scroll;z-index: 900;}
}

.side_bar_admin{text-align: left; width: 300px; position: absolute; background-color: white; overflow: hidden; box-shadow: 6px 6px 18px -4px #666666; z-index: 900;}

.side_bar_parent{font-weight: bold; height: 48px; width: 100%; line-height: 48px; border-bottom: 1px solid #CCCCCC; background-color: #f9f9f9; color: #333333; cursor: pointer; padding-left: 8px;}
.side_bar_parent_selected{font-weight: bold; height: 48px; width: 100%; line-height: 48px; border-bottom: 1px solid #CCCCCC; background-color: #f9f9f9; color: #d30000; cursor: pointer; padding-left: 8px;}
.side_bar_parent:hover{background: #f9f9f9; color: #d30000;}
.side_bar_parent a:hover{text-decoration:none; color: #d30000;}
.side_bar_children{display: none;padding: 0px 8px 0px 8px;}

.cat_list_child_new{background-color: pink;}
.cat_list a{text-decoration:none;}

.side_bar_child_area{height: 58px; text-align: center; background-color: #FFFFFF;}
.side_bar_child{font-weight: normal; height: 48px; line-height: 48px; color: #333333; background-color: #FFFFFF; border-bottom: 1px solid #CCC; padding-left: 36px; cursor: pointer;}
.side_bar_child_selected{font-weight: bold; height: 48px; line-height: 48px; color:#d30000; background-color: #f9f9f9; border-bottom: 1px solid #CCC; padding-left: 36px;cursor: pointer;}
.side_bar_child:hover{text-decoration:none; background-color: #f9f9f9; color: #d30000;}
.side_bar_child a:hover{text-decoration:none; color: #d30000;}

.side_bar_child_viewed{width:100%; height:58px; background-color: #FFFFFF; text-align:left; font-size: 12px; padding: 0px 8px 0px 0px;}
.side_bar_viewed_list{background-color: #FFFFFF;}
.side_bar_viewed_list a:hover{text-decoration: none; color: #d30000;}
.side_bar_input{background-color:#FDFDFD; border:none; height:24px; overflow:hidden; -webkit-appearance:none; width:100%; outline:none; ont-size:14px; margin:0 0 0 0; text-align:center;}
.side_bar_input_container{max-width: 240px; background-color: #FDFDFD; width:100%; border: 1px solid #999999; border-radius: 4px; padding:2px 8px 3px 12px; margin:0 auto;}
.side_bar_input_container_error{max-width: 240px; background-color: #FDFDFD; width:100%; border: 1px solid red; border-radius: 4px; padding:2px 8px 3px 12px; margin:0 auto;}
.side_bar_input_container select{
    background-color: #FDFDFD;
    background: url(img/img_arrow_down_sm.png) no-repeat 100% 6px;
    border: none;
    height: 24px;
    overflow: hidden;
   -webkit-appearance: none;
    width: 100%; 
    outline: none; 
    font-size:14px;
    margin:0 0 0 0;
    text-align: center; 
}
.side_bar_input_container input{
    background-color: #FDFDFD;
    border: none;
    height: 24px;
    overflow: hidden;
   -webkit-appearance: none;
    width: 100%; 
    outline: none; 
    font-size:14px;
    margin:0 0 0 0;
    text-align:center;
}

.side_bar_input_container_error input{
    background-color: #FDFDFD;
    border: none;
    height: 24px;
    overflow: hidden;
    width: 100%;
   -webkit-appearance: none;
    outline: none; 
    font-size:14px;
    margin:0 0 0 0;
    text-align:center;
}

.jzsubcat_arrow {
    background-image:url(img/img_arrow_down_sm_gr.png);background-repeat:no-repeat;
    background-position: center;
    width: 12px;
    height: 42px;
    display: inline;
    float: right;
/*    border: 1px solid #333;*/
    margin-right: 4px;
}

.jzsubcat {
    margin: 0;
    padding-left: 14px;
    margin-right: 14px;
    background-color: #FFFFFF;
    height: 42px;
    line-height: 42px;
    width: 220px;
    border-bottom: 1px solid #CCCCCC;
    cursor:pointer;
}

.jzsubcat a {
    text-decoration: none;
}

.jzsubcat:hover {
    background: #f9f9f9;
    color: #d30000;
}

.jzsubcat:hover > .jzsubcat_arrow{
    background-image:url(img/img_arrow_down_sm.png);
    background-repeat:no-repeat;
}

.jzsubcat:hover > a {
    color: #d30000;
}

.jzsubcat_group{
    width: 220px;
}

.jzsubcat_group_item{
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    width: 220px; 
    border-bottom: 1px solid #CCCCCC;
/*    background: #f9f9f9; */
    padding-left: 24px;
}

.jzsubcat_group_item:hover {
    background: #f9f9f9;
}

.jzsubcat_group_item a {
    text-decoration: none;
}

.jzsubcat_group_item:hover > a {
    color: #d30000;
}