﻿#cm_querybox {
    width: 100%;
}
.cm_pager .pager-title {
    cursor: auto;
}
.cm_debug {
    display: none;
}
/*#cm_facets {
    float: left;
    width: 22%;
    padding:0 1% 0 0;    
}*/
.cm_facets a {
    cursor: pointer;
}
.cm_facets .facetbody  {background: rgba(0, 0, 0, 0) linear-gradient(to right, #cccccc 0%, #fafafa 50%, #cccccc 100%) repeat scroll 0 0;
  
}
.cm_facets .removeref {
    margin-right: 3px;
    padding: 0 1px;
}
.cm_facets .clearall { padding:0 0 0 5px;}
 /*.cm_facets .clearall {
   display:inline-block;
    padding:5px 10px;
    margin: 6px 0 0 0;
    background:#ad0413; color:#ffffff; font-size:12px;
}
.cm_facets .clearall:hover { background:#0d0d0d;}*/
.cm_facets span.facetentryval {
    float: right; 
    display:inline-block;   
}
.cm_facets .facetbody .menu-headers {
    margin: 2px 0;
}
.cm_facets .facetbody input[type=checkbox] {
     vertical-align:top; 
     margin:3px 6px 0 0;
}

.cm_facets .facetbody.refpanel>div {
    margin-bottom: 0;
}
.cm_facets a.expandswitcher.cat {padding: 5px 18px 5px 10px;}
/*.cm_facets a.expandswitcher.cat.collapsed { background:url(images/arrow.png) no-repeat 100% 75%;}
.cm_facets a.expandswitcher.cat.expanded { background:url(images/arrow2.png) no-repeat 100% 75%;}*/

ul.suggestion-items { background:#fbfbfb; max-width: 585px !important;border-bottom: 2px solid #cccccc; border-left: 2px solid #cccccc; border-right: 2px solid #cccccc;}
ul.suggestion-items li img { max-width:50px; max-height:50px; margin:5px 0 0 0;}
ul.suggestion-items div.imgblock {width:60px; float:left; text-align:center; border:1px solid #cccccc; height:60px; background:#ffffff;margin: 0 5px 0 0;}
ul.suggestion-items li {border-top: 1px solid #eae9e9; margin:-1px !important; border-bottom: 1px dotted #ffffff; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;  }
ul.suggestion-items li:after {  content: "";  display: table;   clear: both;border-top: 1px solid #eae9e9; }
ul.suggestion-items .product-descr { padding:5px 0 5px 67px; color: #585c5f; font-size:11px; font-family:arial;}
ul.suggestion-items .product-price { font:bold 11px arial; color: #bc0000; padding:0px 0 0px 67px;}
ul.suggestion-items .product-price.onsale { color:#ff0000;}
ul.suggestion-items li b { color:#494949;}
ul.suggestion-items.cm-autocomplete-allPages { width: 507px !important;}
ul.suggestion-items li.suggestion-category {padding: 5px 1em 3px 0.4em;font-weight: bold;text-transform: uppercase;  font-size: 14px; background:#22303a; color:#ffffff;}

.facetdiv { clear:both; padding:3px 10px; }
.facetdiv:hover { cursor:pointer;}
.frame .menu-text { color:#ffffff;}

.menu-headers .menu-headers {
    display: none;
}
.menu-headers {cursor: pointer;}
.cm-ui.ui-widget-content a { text-decoration:none;}

a.facetentrykey { display:inline-block; margin:0 5px 0 0; }
a.subcat { padding:0; border:none; font-size:12px; color: #0057ab;}
a.subcat:hover { color: #0e335a;}

#cm_itemsperpage { float:left; width:170px; font-weight:bold;}
#itemsBlock .products-header-cm .sort-by {float: left;    width: 190px; font-weight:bold; margin-right:30px;}
.products-header-cm select { font-family:Arial;}

/*section#search {
    float: right;
    width: 77%;
}*/

@media only screen and (max-width: 767px) {
    section#search {
        float: none;
        width: 100%;
    }
}

#search .paging {margin:0; width: 300px; float:right;}
#search .paging a { margin-left:0; background: #eee url("//d2brc35ftammet.cloudfront.net/img/button-bg-grey.gif") repeat-x scroll 0 0;
    border-color: #ccc #ccc #acaeae;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #eeeeee;
    color: #444;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
    padding: 1px 3px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    min-width: 22px;}

.cm_pager > div a:first-of-type:not(.active):before {content: "< ";}
.cm_pager > div a:last-of-type:not(.active):after {content: " >";}
.cm_pager > div a:first-of-type:not(.active):before, .cm_pager > div a:last-of-type:not(.active):after {font-weight:600;}


.products-header { border-bottom:1px solid #383733; padding:10px; margin:10px 0;}

#search .pager-wrapper strong.active { background:#494949; color:#ffffff; padding: 0 6px 2px;}
#search .pager-wrapper a { }
#search .pager-wrapper a:hover {        background: #9eddf3;  border:1px solid #9eddf3;      color: #0e335a;    }

.menu-headers.expanded { /*background:url(images/icon_minus.jpg) no-repeat right center;*/}
.menu-headers.collapsed { /*background:url(images/icon_plus.jpg) no-repeat right center;*/}

#itemsBlock .products-header .paging span, .paging span {display:inline; padding:0 5px;}
#search .paging a.active {border-color: #ccc #ccc #acaeae;
    border-image: none; background:#fff;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 0 #eeeeee;
    color: #999;
    cursor: default;
    display: inline-block;
    margin: 2px;
    padding: 1px 0;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
    /*width: 22px; */}
#search .paging a.active:hover { text-decoration:none; cursor:auto;}
#search .line2 { padding:10px 0 20px 0;}

.cm-msg-highlight { color:#494949; font-weight:bold; font-style:italic;}

#cm_results .product-item { border:none; padding:0;}
#cm_results .product-item .img { margin-bottom:0;}

.facetsilderinfo { padding:0 0 5px 0;}

/*autocomplete*/
.cm-ui.ui-widget { font-family: "Open Sans",sans-serif;}
.cm-ui.ui-state-focus, .cm-ui.ui-widget-content .ui-state-focus {
    background: #22303a;
    border: 1px solid #ccc;
    color: #ffffff !important;
    font-weight: normal;
}

ul.suggestion-items li.ui-state-focus a {color: #ffffff }
ul.suggestion-items li.ui-state-focus  b { color:#ffffff;}

.menu-headers { margin-bottom:0;}

.facetsilderinfo { padding:10px; font-size:12px;}
.facetslider { margin:0 10px 10px 10px;}


.facetsilder-wrapper { padding:0 0 5px 0;}

/*--*/

#pickerfacetpanel { padding: 0!important; }
#pickerfacetpanel .picker-selector {/* width: 35px; height: 28px; */}
#pickerfacetpanel .colorpercentage { width: 32px; }
#pickerfacetpanel .showpicker { margin-left: 8px; }

#facet div div { cursor: pointer;}

.pickerlargecolors { width: 100%; border: none; border-collapse: collapse; }
.pickerlargecolors td { padding: 1%; width: 18%; }
.picker-selector { width: 100%; height: 30px; border: 1px solid white; }
.picker-selector:hover { border: 1px solid cornflowerblue; cursor: pointer; }
.picker-selector.active { border: 1px solid darkmagenta; }

.colorentry { cursor: default !important; }
.colorentry .ui-slider .ui-slider-handle { width: 0.5em; }
.colorentry .ui-slider-horizontal { height: 2em; }
.colorentry .ui-slider-horizontal .ui-slider-handle { margin-left: -0.1em; height: 2.2em; }
.delcolor { float: left; width: 10px; height: 10px; background: url(images/delref.png); padding: 0 !important; margin-top: 12px; cursor:pointer; }
.colorslider { float: left; padding: 4px 0 !important; width: 110px; margin-left: 8px; }
#cmColorSliders { padding:10px 0 0 0;}

.buttonaddcolor, .uploader { text-align: center; margin: 0 auto; border: 1px solid #ffffff; cursor: default; }
.buttonaddcolor:hover, .uploader:hover { border: 1px solid cornflowerblue; cursor:pointer;}
.buttonaddcolor img, .uploader img { width: 32px; height: 32px; }

.showpicker { float: right; margin: 12px 2px 0px 2px; width: 16px; height: 16px; background: url(images/hsthumb.png) no-repeat; }
.colorpercentage { float: right; cursor: default !important; margin-top: 12px; }

#itemsBlock .refblock span .color-current { width:16px; height:16px; display:inline-block; margin:0px 5px 3px 0;}
#itemsBlock .refpanel a.btn.clearall { display:none;}
#itemsBlock .refblock  a.removeref { background: rgba(0, 0, 0, 0) url("//d2brc35ftammet.cloudfront.net/img/x.gif") no-repeat scroll 0 0;
    display: inline-block; cursor:pointer;
    float: left;  height: 12px;   
    margin-right: 2px;
    margin-top: 2px;
    overflow: hidden;
    text-indent: -999px;
    width: 12px;}
#itemsBlock .refblock span { font-weight:bold;}
#itemsBlock .refblock span span { font-weight:normal;}
#itemsBlock .refpanel { padding:4px 0;}
#itemsBlock .refblock { display:inline-block; margin:0 5px 0 0;}

.colorentry .ui-slider-horizontal .ui-slider-handle { cursor:pointer;}
.colorentry .ui-slider-horizontal.ui-state-disabled .ui-slider-handle{ cursor:default;}

.colorslider .ui-state-disabled { opacity:1;}

.ui-dialog .ui-dialog-content {
    padding: .5em 0.7em;
}

#facetPanel { display:table; width:100%; }
#facetPanel .facet-Category { display:table-cell; vertical-align:top; width:70%;}
#facetPanel .facet-Category .facetbody { max-height: 180px;overflow-y: auto;}
#facetPanel .facet-InStock{ display:table-cell; vertical-align:top; width:30%;}

#facetPanel { background:#f1f1f1;}

#cm_results .product-item .btn, #cm_results .product-item .btn:hover, #cm_results .product-item .btn_over {background: #2ba8eb url("//d2brc35ftammet.cloudfront.net/img/icon-cart-white.png") no-repeat scroll right 45%;
    border: 1px solid #007dc1;    box-shadow: 0 1px 0 0 #eeeeee, 0 1px 0 0 #90d1f6 inset;
    color: #fff;    cursor: pointer;    font-size: 11px;    font-weight: bold;    padding: 4px 6px;
    text-align: left;    width: 100px; margin:0; letter-spacing:normal; line-height:14px;}
#cm_results .product-item .btn:hover
#cm_results .product-item .name { text-align:left;}
#cm_results .product-item .name a { font-size:12px; font-weight:bold; color: #0057ab;  line-height: 18px;}
#cm_results .product-item .name a:hover { color:#000; text-decoration:underline;}
#cm_results .product-item .price { color:#000; font-weight:normal; font-size: 14px; text-align:left; height:auto; line-height:18px; margin:0;}
#cm_results .product-item .action { text-align:left;}

.facethead { font-weight:bold; padding:5px 0 0px 10px;}

a.expandswitcher { cursor:pointer; display:inline-block; padding:10px 0 10px 10px; color: #f28c28;text-decoration: underline; text-transform:uppercase;}
a.expandswitcher:hover { text-decoration:none;}

#cm_results { border-top:1px solid #eeeeee; padding:3px 0 0 0;}

.products-header-cm .results { font-size: 14px;    font-weight: bold;}

#cm_results .product-container.first-item, .product-container.middle-item, .product-container.last-item { padding:0 !important;}
#cm_results .productBlockContainer { margin:0;}
#cm_results .product-item:hover { box-shadow:none !important;}
#cm_results .product-item .img { text-align:left; height:155px;}
#cm_results .product-item .img img { margin:0; border:1px solid #ccc; padding: 5px; min-width:150px; min-height:150px;}
#cm_results .product-item .img img:hover { border:1px solid #333; box-shadow:0 0 5px 0 #ddd;}
#cm_results .product-item .name { text-align:left; padding:0 15px 0 0; line-height:14px; margin:0;}
#cm_results .product-container { margin:0 0 10px 0;}

#search span.hidden-mobile {    display: inline;}

#cm_facets .facet-holder-title {background: #d8d8d8 url("//d2brc35ftammet.cloudfront.net/img/widget-header-bg.gif") repeat-x scroll 0 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    padding: 6px 10px 3px;
    text-transform: capitalize;}

.current-search.has-refinements {background: #d8d8d8 url("//d2brc35ftammet.cloudfront.net/img/widget-header-bg.gif") repeat-x scroll 0 0;
    border-color: #c7c9c9 #c7c9c9 #b3b3b5;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 2px;
    margin-bottom: 10px;
    padding: 5px;}
.current-search-title { font-weight:bold;}

#cm_viewmode .viewmode > div { height: 21px; width: 27px; float: left; cursor:pointer;}
#cm_viewmode .viewmode div.list:hover, #cm_viewmode .viewmode div.grid:hover {border: 1px solid #bbb;}
#cm_viewmode .viewmode div.grid { background: #ededed url("images/button-gridview.png") no-repeat scroll 0 0; overflow: hidden;
    text-align: center; border: 1px solid #d9d9d9;}
#cm_viewmode .viewmode div.grid.active {  background-position: 0 -22px;    border-color: #c06811;}
#cm_viewmode .viewmode div.list { background: #ededed url("images/button-listview.png") no-repeat scroll 0 0; overflow: hidden;
    text-align: center; border: 1px solid #d9d9d9;}
#cm_viewmode .viewmode div.list.active { background-position: 0 -22px;    border-color: #c06811;}


/*list view*/
#cm_results .list .product-item  { display:table; width:100%; border-bottom:1px dotted #ccc;}
#cm_results .list .product-item .img { display:table-cell; vertical-align:top; width:160px; text-align:center; }
#cm_results .list .product-item .info { display:table-cell; vertical-align:top;}
#cm_results .list .product-item .name { min-height:auto;}
#cm_results .list .product-item .img img, #cm_results .list .product-item .img img:hover { border:none; box-shadow:none; max-height:100px; min-height:auto; min-width:auto; position:relative; margin:0 auto;}
#cm_results .list .product-item .price { font-size:12px;}
#cm_results .list .product-item .price .value {color: #104179;   font-size: 18px;    font-weight: bold;    letter-spacing: 0;}
#cm_results .list .product-item a { font-weight:normal;color: #0057ab;}
#cm_results .list .product-item .action { padding:0 0 20px 0;}
#cm_results .list .product-item .availibility { margin-top: 20px; color: #000000;}
