@charset "utf-8";
/* CSS Document */
div.shopby {
    text-align: left;
    margin: 0;
    padding: 1em 10em;
    color: white;
    font-weight: bold;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 18px;
    position: relative;
}
.shopby li {
    color: white;
    padding: .5em 0;
    margin: 0;
}

.shopby ul.downlst li {
    color: black;
}

div.shopby .sbcontain {
position: relative;
border: 1px dotted #aaa;
border-radius: 20px;
padding-bottom: 1em;
min-height: 36px;
background: #333;
}

div.shopby ul { list-style: none;line-height:36px; margin: .5em; /* max-height: 36px; */ overflow: hidden; padding: 0 1em; width: 100%;}
div.shopby ul.downlst { background: white; z-index: 1000; border-right: 5px solid rgba(0,0,0,.5); border-bottom: 5px solid rgba(0,0,0,.25); }
div.shopby .arrow-down,
div.shopby .arrow-up,
div.shopby .arrow-left,
div.shopby .arrow-right{ line-height:36px; position: absolute; top: 1em; right: 1em;}

.arrow-up { 
width: 0;  
height: 0;  
border-left: 20px solid transparent;

border-right: 20px solid transparent; 


border-bottom: 20px solid white;
}

.arrow-down { 
width: 0;  
height: 0;  
border-left: 20px solid transparent;

border-right: 20px solid transparent; 


border-top: 20px solid white;
}

.arrow-right { 
width: 0;  
height: 0;  
border-top: 60px solid transparent;

border-bottom: 60px solid transparent; 


border-left: 60px solid white;
}

.arrow-left { 
width: 0;  
height: 0;  
border-top: 10px solid transparent;

border-bottom: 10px solid transparent;  


border-right:10px solid white; 
}
ul.shopby li {
    line-height: 36px;
    height: 36px;
    vertical-align: middle;
}

span.shopw {
    display: inline-block;
    margin: .5em;
    height: 36px;
    float: left;
    vertical-align: middle;
    line-height: 36px;
    text-align: left; 
    /* margin: 0; */ 
    padding: 1em 3em; color: white; font-weight: bold; font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 18px; position: relative;
}
div.shopby ul {
    margin: 0;
    position: absolute;
    border-radius: 20px;
    /* left: 5em; */
    z-index: 10000;
    background: #000;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0;

content: " "; 
clear: both; 
height: 0; 
}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */