.vCenterBox { position:relative; top:50%; transform:translateY(-50%); }

#catalogWrapper { width:100%; max-width:95vw; margin:0 auto; font-family: 'Open Sans', sans-serif; background:#fff; padding:20px 0px; }
    #showBreadCrumb { margin:0px 20px; }

    #refineBtn { display:none; transition:background .5s ease; width:40px; height:40px; padding:20px; background:#333; border-radius:0px 50% 50% 0px; color:#fff; text-align:center; position:fixed; z-index:100; font-size:12px; font-weight:400; line-height:14px; top:30vh; left:0px; cursor:pointer; opacity:.75; }
        #refineBtn strong { font-weight:700; }
    #resultsListNavTop { margin:0px 20px; }
    #resultsListNavBottom { margin:20px 20px 0px; }
    #leftRefineBox { float:left; width:225px; min-height:100vh; transition:all .5s ease; overflow:hidden; }
        #leftRefineContainer { padding:10px 20px; border-right:1px solid #ccc; }
            #refineHeader { width:215px; height:40px; color:#333; font-weight:700; line-height:40px; font-size:16px; }
            #closeRefineBtn { display:none; float:right; width:40px; height:40px; font-size:20px; color:#999; cursor:pointer; transition:all .5s ease; text-align:center; line-height:40px; }
                .sideContentHolder {}
                    .sideContentTitle { padding:5px 0px; color:#000; font-size:12px; line-height:20px; font-weight:700; margin-top:10px; }
                        .floatLeft { float:left; }
                        .floatRight { float:right; }
                    .sideContentLinks { line-height:20px; font-size:12px; font-weight:300; max-height:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .5s ease; }
                        .sideLinkContainer { color:#333; overflow:hidden; text-overflow:ellipsis; cursor:pointer; padding:2px 0; }

                            .sideLinkContainer i { padding-right:5px; }
                            
                            .catalogInputContainer { border:1px solid #ccc; border-right:0px; padding:5px; background:#fff; font-size:14px; border-radius:3px 0px 0px 3px; display:inline-block; }
                            .sideContentInput { padding:0px; border:none; background:transparent; font-size:12px; font-weight:400; width:135px; text-align:left; color:#666; font-family:inherit; }
                            .inputDivider { width:25px; border-top:1px solid #ccc; color:#666; border-bottom:1px solid #ccc; height:30px; display:inline-block; vertical-align:top; font-weight:700; margin:0px -3px; text-align:center; line-height:30px; background:#fff; font-size:12px; }
                                .leftRange { border-radius:3px 0px 0px 3px; }
                                    .leftRange input, .rightRange input { text-align:center; }
                                .rightRange { border-radius:0px; border-left:0px; border-right:0px; text-align:center !important; }
                                .inputBtnBox { border-radius:0px 3px 3px 0px; cursor:pointer; text-align:center; height:32px; width:32px; background:#ccc; color:#fff; line-height:30px; display:inline-block; vertical-align:top; margin-left:-3px; transition:all .5s ease; }
                            .viewMoreBtn { display:none; }
                        .slideSelectorBox { padding:5px; margin-bottom:10px; }
                        .sideLvl1 { padding-left:12px; }
                        .sideLvl2 { padding-left:24px; }
            .viewAllBtn { background:#ccc; padding:5px; text-align:center; font-size:12px; margin-top:5px; border-radius:3px; font-weight:700; color:#fff; transition:all .5s ease; cursor:pointer; max-width:170px; }
            .brandViewAllBtn { display:none; }
    #rightProductBox { float:right; background:#fff; width: calc(100% - 225px); min-height:100vh; }
        #rightProductContainer { padding:20px; text-align:center; }


.itemListDropDowns {}
.itemListInfo { color:#333; font-size:14px; line-height:20px; padding:7px 0px; font-weight:300; text-align:center; }
.resultsNavPaging {}

.sideLinkContainer[data-checked="selected"], .sideLinkContainer[data-checked="checked"] { font-weight:700; }

@media (max-width: 950px)
{
    #refineHeader { color:#fff; display:block; float:right;  }
    #refineBtn { display:block; top:200px; }
    #refineBtn[data-status="show"] { opacity:.75; }
    #refineBtn[data-status="hide"] { opacity:0; }
    #closeRefineBtn { display:block; }
    
    #leftRefineBox[data-status="show"]{ width:225px; }
    #leftRefineBox[data-status="hide"]{ width:0px; }
    
    #clearanceBoxSide { margin:10px 10px 0px 0px; }
    
    #leftRefineBox { position:fixed; top:0px; left:0px; z-index:10000; background:#333; color:#fff; padding:0px; }
    #leftRefineContainer { padding:0px; border:0px; }
        #overflowContainer { height: calc(100vh - 93px); overflow:auto; }
        .sideContentTitle { color:#fff; }
        .sideContentHolder { padding:10px; }
        .sideLinkContainer { color:#ccc; }
    #rightProductBox { float:none; width:100%; }
    .mobileRefineFormatting { background:#333; }
    
    .itemListDropDowns { float:none; width:100%; text-align:center; }
    .itemListInfo { color:#333; font-size:14px; line-height:20px; padding:7px 0px; font-weight:300; text-align:center; }
    .resultsNavPaging { float:none; }
    
    .inputDivider { width:25px; }
    .leftRange, .rightRange, .inputDivider { border-color:#fff; }
    .inputBtnBox, .viewAllBtn { background:#666; }
}
@media (max-width: 600px)
{
    #rightProductBox { float:none; width:100%; }
    .itemListDropDowns span { display:block; text-align:center; line-height:30px; }
}




/* Remove Hover Effects for Mobile Devices */
@media (min-width: 800px)
{
	#refineBtn:hover { background:#666; opacity:1; }
	#closeRefineBtn:hover { color:#fff; }
	.sideLinkContainer:hover { color:#3e7697; }
	.inputBtnBox:hover { background:#999; }
	.viewAllBtn:hover { background:#999; }
	.inputBtnBox:hover, .viewAllBtn:hover { background:#999; }
}