#mobileFilter{ padding-top:5px; background-color: #f0f0ec; display: none; position: relative; width: 100%; margin-bottom: 10px; z-index: 10000 }
#mobileFilterShadow{ display: none; z-index: 9000; position: fixed; background-color: black; filter: alpha(opacity=50); opacity: .5; -moz-opacity: .5; width: 100%; height: 100%; top: 0; left: 0 }
#mobileFilter #mobileFilterButton{ background-color: #fff; font: bold 14px/38px arial; color: #000; text-align: center; cursor: pointer; position: relative; border: solid 1px gray; width: 47%; margin-left:1%; }
#mobileFilter #mobileFilterButton .arrow{ cursor: pointer; position: absolute; top: 14px; left: 12px }
#mobileFilter #mobileFilterBlock{ background-color: #333; width: 0; position: absolute; z-index: 10; top: 44px }
#mobileFilter #mobileFilterBlock #refines{ width: 100%; border: 0 none; margin: 0; box-sizing: border-box }
#mobileFilter #mobileFilterBlock #refines h2{ display: none }
#mobileFilter #mobileFilterBlock #refines label{ border-top: solid 1px #262626; font: bold 14px arial; color: white; position: relative; padding: 10px 30px; margin: 0; cursor: pointer; background: url(https://turbifycdn.com/ty/cdn/swps/mobile-filter-plus.png) 10px 13px no-repeat }
#mobileFilter #mobileFilterBlock #refines label.open{ background: url(https://turbifycdn.com/ty/cdn/swps/mobile-filter-minus.png) 10px 13px no-repeat }
#mobileFilter #mobileFilterBlock #refines label .filteredIcon{ position: absolute; top: 5px; right: 5px }
#mobileFilter #mobileFilterBlock #refines .refineClearAll{ display: none !important }
#mobileFilter #mobileFilterBlock #refines .refineBlock{ background-color: #545253; display: none; margin: 0 }
#mobileFilter #mobileFilterBlock #refines .refineBlock .attr{ border-top: solid 1px #262626; margin-bottom:0;}
#mobileFilter #mobileFilterBlock #refines .refineBlock .attr.selected{ background: url(https://turbifycdn.com/ty/cdn/swps/mobile-filter-check-green.png) 98% center no-repeat }
#mobileFilter #mobileFilterBlock #refines .refineBlock .showMore{ border-top: solid 1px #262626; color: white; text-align: center; padding: 10px }
#mobileFilter #mobileFilterBlock #refines .refineBlock div{ font: bold 14px arial; color: white; padding: 10px 30px; display: block }
#mobileFilter #mobileFilterBlock #refines .refineBlock div input{ display: none }
#mobileFilter #mobileFilterBlock #refines .refineBlock div span{ font-weight: normal }
#mobileFilter #mobileFilterBlock #refines .refineBlock #sliderContainer{ display: none !important }
#mobileFilter #mobileFilterBlock #refines .refineBlock #priceRangeInputs td{ font: bold 14px arial; color: white; padding: 10px }
#mobileFilter #mobileFilterBlock #refines .refineBlock #priceRangeInputs td input{ font: normal 16px arial; color: black; padding: 5px; margin: 0 10px }
#mobileFilter #selections{ position: relative; width: 100%; margin: 0; border: 0 none }
#mobileFilter #selections h2{ font: normal 14px arial; color: black; padding: 5px; margin: 0; background-color: transparent }
#mobileFilter #selections .selection{ background-color: #ededed; position: relative; font: normal 14px arial; color: black; padding: 7px 2%; width: 96%; margin: 0 0 1px }
#mobileFilter #selections .selection br{ display: none }
#mobileFilter #selections .selection span.clearFilter{ position: absolute; top: 3px; right: 10px; font: bold 18px arial; color: red }
#mobileFilter #selections .selection span.clearFilter span.normal{ display: none }
#mobileFilter #selections .selection span.clearFilter span.mobile{ display: block !important }
#mobileFilter #selections #clearAll{ position: absolute; top: 5px; right: 0; font: bold 14px arial; color: #316ab9; margin: 0; padding: 0 }
#mobileFilter #mobileFilterBlock.hide{ opacity: 0 }
#mobileSort{ display: none; position: relative; width: 100%; margin-bottom: 10px; z-index: 10000; margin-top: -50px }
#mobileSort label{ width: 47%; margin-right:1%; float: right; display: block; font: bold 14px/38px arial; color: #000; text-align: center; cursor: pointer; position: relative; background: #fff; border: 1px solid gray; }
#mobileSort label img.arrow{ cursor: pointer; position: absolute; top: 14px; right: 12px }
#mobileSort #mobileSortLinks{ width: 0; position: absolute; top: 39px; right: 0; background-color: #585858; opacity: 0 }
#mobileSort #mobileSortLinks a{ display: block; text-align: center; font: normal 14px/34px arial; color: white; text-decoration: none; border-bottom: solid 1px #707070 }
@media screen and (max-width: 700px) and (min-width: 640px){
    #pagingTable .contentsItem{ width: 50% }
    #pagingTable .contentsItem:nth-of-type(3n+4){ clear: none }
    #pagingTable .contentsItem:nth-of-type(2n+1){ clear: left }
}
@media screen and (max-width: 640px){
    #pagingContents{ clear: both }
    #sortControl{ width: 100%; table-layout: fixed; display: table !important }
    #sortControl > tbody > tr > td{ display: inline-block; width: 100%; padding: 10px 0 5px 0; text-align: center }
    #sortControl > tbody > tr > td[width="15"]{ display: none }
    #sortControl td.pageNums{ font-size: 19px }
}
@media screen and (max-width: 500px){
    #pagingTable .contentsItem{ width: 48%; padding: 1% }
    #pagingTable .contentsItem:nth-of-type(3n+4){ clear: none }
    #pagingTable .contentsItem:nth-of-type(2n+1){ clear: left }
    .colhalf{ width: 100%; padding: 0 !important; text-align: center }
}
@media screen and (max-width: 1225px){
    #filterNav {
        margin-right: 2%;
        width: 19%;
    }
    #filterContent {
        width: 79%;
    }
    .pagingItem{
        margin: 1%;
        width: 31.3%;
    }
    .pagingItem .img img{max-width: 100%; height:auto;}
    /*1225*/
}
@media screen and (max-width: 1150px){
    .sortControl{
        table-layout: fixed;
    }
    .sortControl tr{ display: inline; font-size: 0;}
        .sortControl td[width="15"]{ display: none;}
        .sortControl td{ float: left; font-size:14px; box-sizing: border-box;}
        .sortblock, .pagingResults{ width:50%;}
        .pagingResults{text-align: right; padding-right:10px;}
        .pageNums{ width:100%;}
        .sortControl > tbody > tr > td:last-child{ display: none !important;}
    /*1150*/
}
@media screen and (max-width: 768px){
    #filterNav {
        margin-right: 2%;
        width: 24%;
    }
    #filterContent {
        width: 74%;
    }
    .pagingItem{
        margin: 1%;
        width: 48%;
    }
}
@media screen and (max-width: 640px){
    #filterNav {display:none;}
    #filterContent {width:100%;}
    td.sortblock{ display: none !important;}
    .sortControl td {
        line-height: 35px;
    }
    div#pagingTable {
        clear: both;
    }
}
/*Filter Contents*/