/*MOBILE MENU*/
a.close-menu{
    cursor: pointer;
}
.sidebar-wrapper {
    background-repeat: repeat;
    position: fixed;
    top: 0px;
    height: 100%;
    z-index: 9999;
}
.sidebar-menu {
    overflow: auto;
    height: 100%;
    background-color: #EEE;
}
.sidebar-menu ul {
    background-color: #FFF;
}

.sidebar-menu ul {
    width: 250px;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}
.sidebar-menu ul.sidebar-list li {
    border: medium none !important;
}
.sidebar-menu ul li a {
    display: block;
    text-decoration: none;
    color: #7F7F7F;
    padding: 5px 15px 5px 10px;
    border-bottom: 1px solid #EEE;
    font-size: 12px;
}
.sidebar-menu ul li a:hover,.sidebar-menu a.c1:hover,.sidebar-menu a.c2:hover,.sidebar-menu a.c3:hover{
    background-color:#eee
}
.has-dropdown span, #categories span, #filter-categories span, .animated span {
    float: right;
}
.arrow-indicator {
    float: right;
}
.sidebar-menu .active {
    background-color: #007FC7 !important;
    color: #FFF !important;
}
.sidebar-menu ul li a p {
    height: 24px;
    line-height: 24px;
    margin: 0px;
}
.sidebar-menu .sidebar-login-section {
    text-align: center;
    padding: 10px;
}
.sidebar-menu .sidebar-login-section a.sidebar-login-button {
    display: block;
    padding: 10px;
    background-color: #7F7F7F;
    color: #FFF;
    border-radius: 0px;
    font-weight: bold;
    letter-spacing: 0.5px;
}

.sidebar-menu ul li a.c1 {
    padding-left: 15px;
    background-color: #F9FFFF;
}
.sidebar-menu ul li a.c2 {
    padding-left: 25px;
    background-color: #F6FFFF;
}
.sidebar-menu ul li a.c3 {
    padding-left: 35px;
    background-color: #F3FFFF;
}
.menu-name {
    display: inline-block;
    margin-top: 0px;
    clear: both;
    vertical-align: middle;
}


.wrapper-mobile{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5); /*dim the background*/
  z-index: 9999;
  opacity: 0.5;
  -moz-opacity: 0.5;-webkit-opacity: 0.5;-o-opacity: 0.5;
  pointer-events: none;
  overflow: hidden;
  padding-top: 50px;
}

.wrapper-mobile .menu-wrapper{
    pointer-events : auto;
    background: none repeat scroll 0% 0% rgb(255, 0, 0);
}


.header-content-mobile {
    height: 50px;
    border-bottom: 1px solid #CCC;
}
.header-content-mobile section:first-child {
    padding-left: 0px;
}

.header-content-mobile .logo-section {
    margin-left: 40px;
}
.header-content-mobile .logo-section {
    height: 50px;
    text-align: left;
}

.logo-section img {
    height: 40px;
    margin-top: 5px;
    margin-left: 10px;
}

.menu-wrapper {
    line-height: 60px;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    cursor: pointer;
    float: left;
    position: absolute;
    z-index: 120;
}
.mobile-ic-nav-small{
    display: inline-block;
    background: url("../images/sprite.png") no-repeat scroll 0% 0% / 171px 579px transparent;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.mobile-ic-nav-small {

    background-position: -46px -347px;
    width: 40px;
    height: 24px;
}
.search-mobile-section {
    display: block;
    visibility: visible;
    padding: 5px 5px 6px;
    overflow: hidden;
background-color: #DDD;
}
.search-icon a {
    display: inline-block;
    padding: 0px 10px;
    height: 100%;
    background-color: #DDD;
    text-align: center;
}
.search-icon a .mobile-ic-search {
    margin-top: 3px;
}

.mobile-ic-search {
    display: inline-block;
    background: transparent url("../images/sprite.png") no-repeat scroll 0% 0% / 171px 579px;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}
.mobile-ic-search {
    background-position: -89px -369px;
    width: 40px;
    height: 42px;
}
.search-mobile-section .search-section {
    width: 100%;
    border: 0px none;
}

.search-section {
    height: 32px;
    float: left;
    background-color: #FFF;
    margin-left: 10px;
}

input#search-icon {
    margin-top: 0px;
    padding: 0px;
    border-radius: 0px;
}
input#search-icon {
    outline: 0px none;
    border: 0px none;
    display: block;
    width: 50px;
    height: 32px;
    font-size: 14px;
    line-height: 28px;
    float: right;
    background-color: #666;
    color: #FFF;
    margin-top: -1.5px;
    text-align: center;
    padding: 0px;
    border-radius: 0px;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

.search-field-div {
    height: 100%;
    width: 100%;
}
span#search-icon {
    height: 100%;
}
div#autocomplete-wrapper input[type="text"] {
    height: 100%;
    width: 100%;
    outline: 0px none;
    border: 0px none;
    font-weight: bold;
    font-size: 13px;
    padding-left: 10px;
    color: #7F7F7F;
    background-color: #FFF;
    text-align: left;
}
div#autocomplete-wrapper {
    height: 100%;
    float: left;
}






/*END MOBILE MENU*/



/********************************MOBILE FILTER *****************************/
.filter-button {
    display: inline-block;
    visibility: visible;
    background-color: rgba(40, 166, 222, 0.8);
    padding: 10px;
    position: fixed;
    right: 0px;
    z-index: 1000;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    color: #FFF;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    top: 180px;
}
.filter-button span {
    display: inline-block;
    height: 20px;
    width: 20px;
    border: 1px solid #FFF;
    border-radius: 100%;
    vertical-align: middle;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    margin-left: 10px;
}
.filter-wrapper-mobile {
    background-repeat: repeat;
    position: fixed;
    height: 100%;
    right: 0px;
    z-index: 999999;
    top:0;
}
.sidebar-filter {
    overflow: auto;
    height: 100%;
    background-color: #EEE;

}

.sidebar-filter ul {
    background-color: #FFF;
}

.sidebar-filter ul li.filter-menu-button {
    padding: 5px;
    background-color: #EEE;
    position: fixed;
    top: 0px;
    right: 0px;
    width: 0px;
}
.sidebar-filter ul li.filter-menu-button .menu-button {
    display: table;
    width: 100%;
}
.sidebar-filter ul li.filter-menu-button .button-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.btn-custom {
    padding: 10px;
    color: #FFF;
    background-color: #0078C7;
    border: medium none;
    font-weight: bold;
    font-size: 13px;
    outline: medium none;
    letter-spacing: 0.5px;
}
.sidebar-filter ul li.filter-menu-button .button-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    text-align: right;
}
.sidebar-filter ul li a {
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #7F7F7F;
    padding: 5px 15px 5px 10px;
    border-bottom: 1px solid #EEE;
}

.sidebar-filter ul li a p {
    height: 24px;
    line-height: 24px;
    margin: 0px;
    font-size: 13px;
}
.sidebar-filter ul {
    width: 250px;
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
}
.sidebar-filter ul.filter-list-item li.sort-filter {
    padding: 0px !important;
    border-bottom: 1px solid #EEE !important;
}
.sidebar-filter ul.filter-list-item li.sort-filter p {
    margin: 0px;
    font-size: 12px;
}
.sidebar-filter ul.filter-list-item li.sort-filter p a {
    display: block !important;
    padding: 10px 10px 10px 15px !important;
}
.sidebar-filter ul.filter-list-item li p{
    margin: 0px;
}
.sidebar-filter .dropdown .selector{
    width: 100%!important;
}
.sidebar-filter ul.filter-list-item li a {  
    border: medium none !important;
    font-weight: normal !important;
    transition:none;
    font-size: 12px;
}

.sidebar-filter ul.filter-list-item li {
    border-bottom: 1px solid #CCC;
    padding: 0px 20px 0px 15px;
}

.sidebar-filter ul.filter-list-item li a:hover{
    background-color: #eee;
    font-weight: bold!important;
}
.caret-arrow {
    font-size: 16px;
    float: right;
    color: #CCC;
}
.filter-list-item .filter-count {
    margin-left: 5px;
}

.filter-list-item span {
    float: none !important;
}
/******************************* END MOBILE FILTER **************************/