
/* -------------------------------------------- *
 * Icons
 */
.icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
.sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
    background-image: url(../images/icon_sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .icon-sprite, .btn-remove2, .ratings .rating-box, .ratings .rating-box .rating, .sorter > .sort-by .sort-by-switcher, .sorter > .view-mode .grid,
    .sorter > .view-mode .list, .skip-nav .icon, .skip-search .icon, #search_mini_form .search-button:before, .skip-account .icon, .skip-cart .icon, .product-view .sharing-links a, .review-summary-table .rating-box .rating-number:after, .ratings-table .rating-box, .ratings-table .rating-box .rating {
        background-image: url(../images/icon_sprite@2x.png);
        background-size: 100px 1000px;
    }
}
/* -------------------------------------------- *
 * Toolbar
 */
.toolbar {
    margin-top: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    background: #f4f4f4;
    padding: 5px 10px 0px 10px;
}
.toolbar:after {
    content: '';
    display: table;
    clear: both;
}

.pager-no-toolbar {
    margin-bottom: 10px;
}

.pager-no-toolbar ~ .pager-no-toolbar {
    margin-top: 10px;
}

.toolbar,
.pager {
    font-family: "Montserrat", Verdana, Arial, sans-serif;
    color: #636363;
    line-height: 30px;
    font-size: 12px;
}
.toolbar .pager{
    background: none;
    border: none;
}
.toolbar label,
.pager-no-toolbar label {
    font-weight: normal;
    text-transform: uppercase;
}

.sorter {
    float: left;
    margin-bottom: 5px;
}
.sorter label {
    float: left;
    margin-right: 5px;
}
.sorter label:after {
    content: ':';
}

.sorter > .sort-by {
    float: left;
    margin-right: 5px;
    height: 30px;
}
.sorter > .sort-by .sort-by-switcher {
    width: 30px;
    height: 30px;
    display: inline-block;
}
.sorter > .sort-by .sort-by-switcher--asc {
    background-position: 4px -542px;
}
.sorter > .sort-by .sort-by-switcher--asc:hover {
    background-position: -46px -542px;
}
.sorter > .sort-by .sort-by-switcher--desc {
    background-position: 4px -567px;
}
.sorter > .sort-by .sort-by-switcher--desc:hover {
    background-position: -46px -567px;
}

.sorter > .view-mode {
    float: right;
}
.sorter > .view-mode .grid,
.sorter > .view-mode .list {
    float: left;
    width: 30px;
    height: 30px;
}
.sorter > .view-mode .grid {
    margin-right: 5px;
    background-position: 8px -492px;
}
.sorter > .view-mode strong.grid,
.sorter > .view-mode a.grid:hover {
    background-position: -42px -492px;
}
.sorter > .view-mode .list {
    background-position: 11px -517px;
}
.sorter > .view-mode strong.list,
.sorter > .view-mode a.list:hover {
    background-position: -39px -517px;
}

.pager {
    float: right;
    overflow: hidden;
}
.pager > .count-container {
    float: left;
}
.pager .amount {
    float: left;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
    white-space: nowrap;
    margin: 0 15px 0 0;
}
.pager .limiter {
    float: left;
    height: 30px;
    line-height: 30px;
}
.pager .limiter > label {
    padding-right: 5px;
}
.pager .limiter > label:after {
    content: ':';
}
.pager .amount,
.pager .limiter,
.pager .pages {
    margin-bottom: 5px;
}

.pages {
    float: right;
    overflow: hidden;
    margin-left: 15px;
}
.pages strong {
    display: none;
}

.pages li {
    float: left;
}

.pages a,
.pages .current {
    display: inline-block;
    border: 0;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 30px;
    width: 25px;
    height: 30px;
    padding: 0;
    color: #3399cc;
    font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}

.pages .current,
.pages .current:hover {
    color: #636363;
    border: 1px solid #cccccc;
    width: 30px;
    background-color: #FFFFFF;
    cursor: default;
}

.pages .next,
.pages .previous {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    background-color: transparent;
    position: relative;
}
.pages .next:hover,
.pages .previous:hover {
    border: 1px solid #3399cc;
}

.pages .next:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #3399cc;
    border-right: none;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -2px;
}
.pages .next:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #246b8f;
    border-right: none;
}

.pages .previous:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #3399cc;
    border-left: none;
    top: 50%;
    margin-top: -3px;
    left: 50%;
    margin-left: -2px;
}
.pages .previous:hover:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #246b8f;
    border-left: none;
}
/*============= Breadcrumbs ===============*/
.cms-index-index .breadcrumbs{
    display: none;
}
.breadcrumbs{
    padding-bottom: 10px;
}
.breadcrumbs,
.breadcrumbs li a{
    max-width: 1120px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 30px;
    color: #666666;
    font-family: "Montserrat";
    font-weight: 500;
}
.breadcrumbs li{
    display: inline-block;
}
.breadcrumbs li span{
    padding: 0 5px;
}


/* Info Center ================================================================================ */
.kbase-index-search { background-color: #efefef; padding:5px 15px; border: 1px solid #ddd; }
.kbase-index-search  label { font-size:12px; font-weight: bold; }
.kbase-index-search input { width:350px; margin:0 5px; }

.kbase-index-categories { overflow:hidden; margin-top:10px; }
.kbase-index-category { width: 200px; float: left; margin:10px 20px 10px 0; }
.kbase-index-category-title { background: transparent url('../images/media/info/agent.gif') no-repeat top left; padding-left:40px; }
.kbase-index-category-title h2 { line-height:30px; border-bottom:1px dashed #ccc; font-size:16px; margin:0; padding:0;}
ul.kbase-index-category-article { list-style: disc; margin: 10px 0 0 55px; padding:0; color: #294B7F; }
ul.kbase-index-category-article li { font-size:12px; margin:4px 0; }
ul.kbase-index-category-article li  a { text-decoration: underline; }

.kbase .kbase-sorter { overflow: hidden; }
.kbase .kbase-sorter .sort-by { float:right; padding-right:5px; padding:5px; }
.kbase .kbase-sorter .sort-by label { vertical-align:middle; }
.kbase .kbase-sorter .sort-by select { margin:0 0 1px; padding:0; vertical-align:middle; }
.kbase .kbase-sorter .sort-by img { vertical-align:middle; }
.kbase .kbase-sorter label { font-weight:normal; color:inherit; }

.kbase-listing { border:1px solid #C4C1BC; border-bottom:none; }
.kbase-listing p { margin:0; }
.kbase-listing-tag { font-size:.8em; }

.kbase-listing tbody td { border-bottom:1px solid #D9DDE3; }
.kbase-listing tbody td.kbase-listing-general { border-right:1px solid #D9DDE3; }
.kbase-listing tbody td.kbase-listing-general a {font-size:1.5em; font-weight: bold; text-decoration: underline; }
.kbase-listing tbody td.kbase-listing-rating { text-align:center; border-right:1px solid #D9DDE3; }
.kbase-listing tbody td.kbase-listing-date-updated { text-align:center; }
.kbase-listing td { padding:10px; }
.kbase-even { background:#fcfcfc; }
.kbase-listing-title { padding:5px 0;}

.block-kbase-search form input { width: 110px; }

.kbase-article-footer { background-color: #efefef; margin-top:20px; padding:10px; overflow:hidden; border: 1px solid #ddd; }
.kbase-article-footer-category, .kbase-article-footer-tags, .kbase-article-footer-attachment { margin:0 0;}
.kbase-article-footer-category span, .kbase-article-footer-tags span, .kbase-article-footer-attachment span { font-weight:bold;}
.kbase-article-posted { margin-top:25px; float: left;}
.kbase-article-rating  { float:right; overflow:hidden;}
.kbase-article-rating-stars { overflow:hidden;}
.kbase-article-rating-stars span {float: left; margin-right:10px; }
.kbase-article-rating-stars .rating-box { margin-top:4px; }
.kbase-article-rating-form select { min-width:40px; padding:1px; margin-right:2px; }
/* ======================================================================================= */

/*=============Media Queries =================*/
@media only screen and (max-width: 479px) {
    .pager .amount--has-pages {
        display: none;
    }

    .pages {
        float: left;
    }

    .limiter label {
        display: none;
    }
}
@media only screen and (max-width: 770px) {
    .col1-layout .sorter,
    .col1-layout .pager {
        width: 100%;
    }
    .col1-layout .pager {
        float: left;
        clear: both;
    }
    .col1-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col1-layout .pager .count-container {
        float: right;
    }
}
@media only screen and (max-width: 979px) {
    .col2-left-layout .sorter,
    .col2-left-layout .pager,
    .col2-right-layout .sorter,
    .col2-right-layout .pager,
    .col3-layout .sorter,
    .col3-layout .pager {
        width: 100%;
    }
    .col2-left-layout .pager,
    .col2-right-layout .pager,
    .col3-layout .pager {
        float: left;
        clear: both;
    }
    .col2-left-layout .pager .pages,
    .col2-right-layout .pager .pages,
    .col3-layout .pager .pages {
        float: left;
        margin-left: 0;
    }
    .col2-left-layout .pager .count-container,
    .col2-right-layout .pager .count-container,
    .col3-layout .pager .count-container {
        float: right;
    }
}
@media only screen and (max-width: 1279px) {
    .toolbar .view-mode > label {
        display: none;
    }
}
/* Persistant Shopping cart*/
.remember-me-popup {
  display: none;
  border: 1px solid #cccccc;
  padding: 10px;
  position: relative;
}
.remember-me-popup.show {
  display: block;
}
.remember-me-popup p {
  font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
}
.remember-me-popup .remember-me-popup-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  font-size: 12px;
}
.remember-me-popup .remember-me-popup-close-button {
  display: none;
}
