﻿#search-result-mid h1 { color: #d43900; font-family: Arial, sans-serif; font-size: 22px; font-weight: normal; display: inline-block; margin-bottom: 10px; margin-top: 0; float: left; }
.body-container { padding-left: 0px; padding-right: 0px; }
.container { width: 100%; padding: 1px; max-width: 1900px; margin: auto; }
#main-search-results-cont { padding: 0 15px 0; position: relative }
#main-search-results-cont .search-result-left { width: 205px; float: left; margin-right: -205px; position: relative; height: 100%; max-height: 100%; left: 0; top: 0; z-index: 2 }
#main-search-results-cont .search-result-left .inner-search-box h2 { font-size: 18px; color: #333; font-weight: normal; margin-bottom: 10px; border-bottom: 1px solid #ddd; background: #fffce8; padding: 8px 14px 7px; margin: 0 -15px 10px; border-top: 1px solid #ddd; }
#main-search-results-cont .search-result-left .inner-search-box h2 a { font-size: 11px; display: block; float: right; margin-top: 2px; }
#main-search-results-cont .search-result-mid { padding: 0 0 0 230px; width: 100%; float: left; z-index: 1; }
#main-search-results-cont .search-result-right { width: 332px; }
.product-grid { list-style: none; margin: 0 auto; text-align: center; display: inline-block; border-left: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }
.product-grid li { position: relative; width: 147px; height: 128px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 11px; display: inline-block; float: left; margin: 0; padding: 0; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; background: #fff; box-sizing: content-box !important; }
.product-grid li.product-detail-view { height: 182px; }
.product-grid li > a, .product-grid li > a img { border: none; outline: none; display: block; position: relative; }
.text-cont { padding-top: 5px; float: left; width: 100%; font-size: 8pt; color: #CC0000; }
.site-text-cont { padding-top: 10px; float: left; width: 100%; font-size: 8pt; }
.product-grid li .product-img-cont { width: 100%; height: 128px; line-height: 128px; background: #FFFFFF; position: relative; }
.product-grid li .text-cont { padding-top: 5px; float: left; width: 100%; font-size: 8pt; }
.product-grid li .size-cont { padding-top: 5px; font-size: 7pt; float: left; width: 100%; }
.product-thumb { position: absolute; padding: 0 10px 10px; height: 100%; overflow: hidden; width: 100%;z-index:0;}
.product-grid li .product-img-cont img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.product-grid li .product-img-cont a { display: block }
.product-grid li.on > .product-thumb { height: auto; overflow: visible; z-index: 5; background: #FFF; border-bottom: 1px solid #DDD; box-shadow: 0px 5px 10px 5px rgba(128,128,128,.3); }
.product-grid li .option-cont { display: table; width: 100%; }
.product-grid li .option-cont a { display: table-cell; text-align: center }
.product-grid li .option-cont a:first-child { text-align: left }
.product-grid li .option-cont a:last-child { text-align: right }
.checkbox label { line-height: 23px; }
.search-results-heading { color: #333333; font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; padding: 12px 0 6px 0; }
.advance-cont h4 { font-size: 16px; color: #d43900; padding-top: 10px; margin-bottom: 8px; cursor: pointer; border-top: 1px solid #ddd; }
.advance-cont h4:first-child { border-top: none; }
.accordion-content { margin-bottom: 10px; margin-left: 19px; }
.advance-cont h4 i { vertical-align: -2px; font-size: 15px; font-weight: normal }
.advance-cont h4.active i.icon-essential-regular-12-minus-big:before { content: "k"; }
.owl-carousel { padding: 0 35px; }
.owl-nav div { cursor: pointer; display: block; height: 37px; line-height: 37px; overflow: hidden; width: 36px; display: inline-block; zoom: 1; filter: Alpha(Opacity=70); opacity: 0.7; }
.owl-nav .owl-next { background: url(/img/src/sprite-carousel-arrows.png) no-repeat -38px -38px; position: absolute; top: 35%; right: 0; }
.owl-nav .owl-prev { background: url(/img/src/sprite-carousel-arrows.png) no-repeat 0 -38px; position: absolute; top: 35%; left: 0; }
.control { display: block; position: relative; padding-left: 26px; margin-bottom: 8px; cursor: pointer; font-size: 13px; font-family: arial; font-weight: normal; color: #333; line-height: 23px; }
.control input { position: absolute; z-index: -1; opacity: 0; }
.control__indicator { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background: #e6e6e6; border: 1px solid #cccccc; border-radius: 2px; }
.control input:checked ~ .control__indicator { background: #d43900; border: none; }
.control__indicator:after { content: ''; position: absolute; display: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.control--checkbox .control__indicator:after { left: 7px; top: 3px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.control input:checked ~ .control__indicator:after { display: block; }
.search-filter .selectedFilter { border: 1px solid #D7D7D7; -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; height: 40px; padding: 4px 20px 0px 8px; text-decoration: none; background: #fff; color: #444444; margin-right: 10px; margin-bottom: 10px; font-size: 13px; line-height: 17px; position: relative; font-family: Arial, sans-serif; cursor: pointer; }
.search-filter .selectedFilter:after { display: inline-block; content: "j"; position: absolute; right: 5px; bottom: 8px; font-family: FontAwesome !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #C42628; font-size: 11px; }
.search-filter .selectedFilter:hover:after { color: #C42628 !important }
.search-filter .selectedFilter span.Searchtype { font-size: 10px; letter-spacing: 1px; text-transform: uppercase; display: block; line-height: 13px; font-family: Arial, sans-serif; }
.department-list .item, .department-list .slick-slide { min-height: 172px; width: 170px; border: 1px solid #CCCCCC; text-align: center; }
.owl-carousel .owl-item img, .slick-slider .slick-slide img { width: auto !important; max-width: 100%; display: inline-block !important; }
.department-list .item h4, .department-list .slick-slide h4 { background: #f0f0f0; padding: 3px 5px 3px 18px !important; border-bottom: 1px solid #CCCCCC; font-size: 13px; font-weight: bold; text-align: left; position: relative; line-height: 16px; height: 38px; }
.department-list h4 i { font-weight: normal; font-size: 11px; color: #337ab7; position: absolute; left: 6px; top: 6px; }
.owl-dots { margin: 7px 0 0 0; text-align: center; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-dots .owl-dot span { display: block; width: 11px; height: 11px; margin: 3px 7px 0; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-dots .owl-dot.active span { opacity: 1 }
/* slick slider css start */
.department-list{display:none;}
.department-list .slick-slide img{max-width: 150px; max-height: 120px;}
.department-list.slick-slider{margin: 0 20px;}
.department-list .slick-slide{ margin-right:20px;}
.slick-slider .slick-track {margin-left: 0px;}
.slick-slide a:focus, .slick-slide a:active, .slick-slide:focus, .slick-slide:active {outline: none;}
.slick-slider {visibility: hidden; opacity: 0;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;}
.slick-slider.slick-initialized {visibility: visible;opacity: 1;display:block;}
.slick-slider .slick-dots li {margin: 0px; vertical-align: middle;}
.slick-slider .slick-dots li button:before {line-height: 23px;}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {color: #0047ba; font: 14px/1 FontAwesome;font-size: 40px;line-height:18px;}
.slick-slider .slick-prev:before {content: "\f104";}
.slick-slider .slick-next:before {content: "\f105";}
/* slick slider css end */
.search-field-container { background-color: #f1f1f1; border: 1px solid #e5e5e5; padding: 10px; margin-bottom: 15px; }
.search-field-container .input-group { width: 290px; margin-right: 20px; }
.search-field-container .input-group-btn { text-align: center; border-bottom-left-radius: 0; border-top-left-radius: 0; height: 40px; min-width: 40px; margin: 0; padding: 0; width: 40px; min-width: 38px !important; background-color: #4285f4; background-image: none; border: none; }
.search-field-container .input-group-btn > button { background: transparent; border: 0; height: 30px; min-width: 40px; font-size: 14px; outline: 0; width: 100%; color: #fff; font-size: 25px; font-weight: normal; }
.search-field-container .input-group-btn > button i { vertical-align: -3px; }
.search-field-container .search-input-field { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; height: 40px; padding: 6px 10px; background: #fff; }
.search-field-container .search-input-field input[type="text"] { padding: 0; margin: 0; outline: none; width: 230px; border: none; box-shadow: none; font-size: 16px; line-height: 26px; height: 26px; }
.search-filter-top { margin-bottom: 5px; }
.search-filter-top .sol-inner-container { background: #fff; border: 1px solid #ccc; box-shadow: 0 2px 0 #ccc; border-radius: 0px; height: 36px; line-height: 36px; font-family: arial; }
.search-filter-top .sol-caret-container { padding: 0 10px 0 10px; border-left: 1px solid #ccc; margin: 5px 0; width: 40px; cursor: pointer; }
.search-filter-top .sol-input-container { right: 40px; }
.search-filter-top .sol-caret-container .sol-caret { left: 6px; border-top: 6px solid #d43900; top: -7px; }
/*.sol-current-selection { display: none }*/
.sol-label-text { font-family: arial; }
.search-filter-top { width: 100%; }
.search-filter-top .sol-label .sol-checkbox { top: -4px; background: #d43900; border: none; }
.search-filter-top .sol-action-buttons a { color: #1D50C3; }
.search-filter-top .sol-label input { position: absolute; z-index: -1; opacity: 0; }
.search-filter-top .sol-label-text:before { content: ''; position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background: #e6e6e6; border: 1px solid #cccccc; border-radius: 2px; }
.search-filter-top .sol-input-container input[type="text"] { font-size: 16px; }
.search-filter-top .sol-label .sol-label-text { padding-left: 25px; line-height: 22px; font-weight: normal; font-size: 13px; }
.search-filter-top .sol-label-text:after { position: absolute; top: 2px; left: 0; height: 18px; width: 18px; background: #d43900; border: 1px solid #cccccc; border-radius: 2px; display: none; color: #fff; border: none; text-align: center; font-weight: normal; content: "\f00c"; font: normal normal normal 14px/18px FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.search-filter-top .sol-label input:checked ~ .sol-label-text:after { display: block; }
.search-filter-top .sol-label input:checked ~ .sol-label-text:before { display: none; }
.search-top-filter-cont { display: none }
.select-product-display { margin-right: 15px; }
.sol-container.sol-active .sol-inner-container { z-index: 9 !important }
.sol-container.sol-active .sol-selection-container { z-index: 8 !important }
.select-product-display { margin-right: 15px; }
.sol-container.sol-active .sol-inner-container { z-index: 9 !important }
.sol-container.sol-active .sol-selection-container { z-index: 8 !important }
.sol-selected-display-item { background: #fff !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; padding: 4px 20px 4px 8px !important; position: relative; }
.sol-selected-display-item .sol-selected-display-item-text { font-size: 13px; }
.sol-quick-delete { padding: 2px 5px !important; }
.sol-selected-display-item .sol-quick-delete i { font-size: 11px; color: #C42628; font-size: 11px; }
.sol-quick-delete { position: absolute; right: 0; }
.sol-selected-display-item-text { padding: 0 !important }

@media(max-width:1024px) {
    .search-result-left { display: none; }
    .search-top-filter-cont { display: block }
#main-search-results-cont .search-result-mid { padding-left: 0; }
    .product-grid li { width: 140px; }
}

@media(max-width:800px) {
    .product-grid li { width: 152px; }
}

@media(max-width:768px) {
    .product-grid li { width: 146px; }
	.owl-dots { display:none}
}

@media(max-width:600px) {
    .product-grid li { width: 140px; }
}
.body-container { max-width: inherit; width: 100%; padding-left: 0; padding-right: 0; }
.for-search-width { max-width: inherit; width: 100%; }
/* styles up to line 26 below will be eleminated after browsethisstore.ascx is switched to browsestore.ascx */

.bsourstoretop { background: url(/img/src/browsestore.gif) no-repeat; background-position: 0px 0px; }
.bsourstorebottom { background: url(/img/src/browsestore.gif) no-repeat; background-position: 0px -30px; }
.bsotherstop { background: url(/img/src/browsestore.gif) no-repeat; background-position: 0px -45px; }
.bsothersbottom { background: url(/img/src/browsestore.gif) no-repeat; background-position: 0px -75px; }
.bsarrowright { background: url(/img/src/browsestore.gif) no-repeat; background-position: 0px -83px; }
/* this new style sheet is for browsestore.ascx to be carried to every site */

.browsestore {    padding-bottom: 5px !important;
    border: 1px solid #ddd !important;}
.browsestore ul li {  border-bottom:none !important;     padding: 6px 0 6px 20px !important; }
.browsestore ul li > img { display:none !important}
.browsestore > ul > li.browsestore_mainheader { background: url(/companies/swimmingpoolsigns/arrow.png) no-repeat 8px 7px  #f1f0f0 !important;    margin: 8px 0 0 !important;  }
.browsestore ul li.browsestore-heading { padding:0 !important;}
.browsestore ul li a { color: #0057a6 !important; text-decoration: none !important; }
.browsestore ul li ul li { border-bottom: none; background: none !important; list-style: disc; list-style-position: inside; padding: 5px 0 5px 0; margin: 0; font-weight: normal; color: #6c6c6c; border-top: 1px dashed #B8B8B8; }
#back-top, .header-menu.menu-fixed .top-nav-search { display: none !important; }
.add-more-product, .add-more-product2, .add-more-product3, .add-more-product4 { padding: 5px 40px; }

/* Big search box on page */
.form-group { margin-bottom: 12px; }
.form-group .form-label { padding-top: 5px; margin-bottom: 0;  margin-top: 1px; width: 160px; color: #333333; font-family: Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica; font-size: 13px; float: left; position: relative; min-height: 1px; padding-right: 15px; text-align: right; }
.form-group .form-control { font-size: 13px; font-weight: normal; color: #333333; background-color: white; border: 1px solid #e5e5e5; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; display: block; width: 100%; height: 28px; padding: 4px; }
.form-group .select-option { width: 180px; float: left; position: relative; min-height: 1px; }
.search-big-box { margin: 0 auto 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; border-radius: 5px; padding: 8px 20px 16px 0; }
.search-big-box_bg { clear: both; display: block; width: 700px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.search-big-box-title { color: #212121; float: left; font-size: 14pt; font-family: Arial; line-height: 2.1; }
.search-your-sign { position: absolute; background: url(/img/src/find-your-sign.png) no-repeat bottom left; width: 272px; height: 95px; left: 0; top: -62px; }
.home_search { margin: 0 70px 0 78px; position: relative; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease }
.home_search form { position: relative; height: 42px; border: 1px solid #848282; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.home_search form input[type=text] { width: 100%; padding: 0 10px; line-height: 40px; height: 40px; font-size: 16px; font-family: Arial, Helvetica, sans-serif; border: 0; color: #292f33; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline: none; }
.active-searchbox .home_search form input[type=text] { font-size: 18px; height: 42px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.home_search form input[type=submit] { width: 100px; float: right; position: absolute; padding: 0; height: 40px; line-height: 16px; font-size: 16px; top: 0; right: 0; border: 0; background: url(/companies/MySafetySign/saf-search.png) center center no-repeat #6C9001; cursor: pointer; outline: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.active-searchbox .home_search form input[type=submit] { height: 42px; font-size: 24px; }
.home_search input[type=submit]:hover { box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.3); outline: 0; }
.header_search { padding: 8px 0 5px; margin: 10px 10px 0; clear: both; }
.header_search h4 { font-size: 14px; margin-bottom: 3px; }
.header_search form { box-shadow: 0 0 3px 0 #BDBDBD; }
.header_search form input[type="text"] { width: 100%; padding: 0 10px; height: 39px; line-height: normal; font-size: 16px; font-family: Arial, Helvetica, sans-serif; border: 0; color: #292f33; font-weight: normal; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline: none; }
.header_search form input[type="submit"] { background: url(/companies/MySafetySign/saf-search.png) no-repeat scroll center center #7AD027; border: 0 none; cursor: pointer; float: left; height: 30px; padding: 0; width: 20%; }
.header_search form input[type="submit"]:hover { box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3) inset; }
.roundrect { top: 50px; }
.active-searchbox .roundrect { top: 65px; }
.owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled { opacity: 0.2; cursor: default !important; }
/*.department-list .item h4 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   line-height: 16px;     
   max-height: 40px;     
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   -moz-line-clamp: 2;
   -moz-box-orient: vertical;
}*/
.department-list .item > a, .department-list .slick-slide > a { display: block; line-height: 132px; }
/*.department-list .item h4{    height: 40px; line-height:16px; overflow:hidden;}
.department-list .item h4:after {
content: '...';
position: absolute;
bottom: 0;
right: 0;
padding: 0 0.3em;
background: inherit;
}
.department-list .item h4 span:after {
content: '\0000a0';
position: absolute;
width: 1000px;
z-index: 1;
background: #f0f0f0;
}*/
.product-grid li.ss-more-products { position: relative; cursor: pointer; box-shadow: none }
.product-grid li.ss-more-products:before {     content: '+';
    position: absolute;
    background: rgba(256,256,256,0.9);
    width: 100%;
    height: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    z-index: 6;
    font-size: 52px;
    font-family: 'Open Sans';
    font-weight: 600;
    line-height: 94px;
    color: rgb(22, 94, 202);}
.product-grid li.ss-more-products img { -webkit-filter: grayscale(1); filter: grayscale(1); }
.product-grid li.ss-more-products:after {     content: 'More Products';
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 7;
    position: absolute;
    bottom: 0;
    font-weight: bold;
    left: 0;
    right: 0;
    font-family: 'Open Sans';
    font-weight: 600;
    background: rgba(0,0,0,0.5);
    padding: 7px 0;
}
.product-grid li.on.ss-more-products > .product-thumb { height: 128px; overflow: hidden; box-shadow: none; border:1px solid #4F91C0 }
@media (max-width: 767px){
    .department-list.slick-slider {
        margin-left: 0px;
        margin-right: 0px;
    }
    .search-big-box{padding-right:0px;}
    .search-big-box_bg{width:100%;}
    .home_search{margin:0px;}
    .search-big-box-title{float:none;text-align:left;}
    .home_search form input[type=submit]{width:50px;}
    .home_search form input[type=text]{padding-right:60px;}
}
@media (max-width:480px) {
    .department-list.slick-slider {
        margin-right: -15px;
        margin-left: -15px;
    }
}