/**
 * "Seo Layered Navigation" extension for "Magento Commerce" by "EcommerceTeam (www.ecommerce-team.com)"
 *
 * @category     Extension
 * @copyright    Copyright (c) 2015 EcommerceTeam (http://www.ecommerce-team.com)
 * @author       EcommerceTeam
 * @version      4.1.1
 */


@font-face {
  font-family: 'seonav';
  src: url("fonts/seonav.eot");
}
@font-face {
  font-family: 'seonav';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBSoAAAC8AAAAYGNtYXAXVtKHAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZiTiqmsAAAF4AAAA4GhlYWQH9MUxAAACWAAAADZoaGVhB8IDxgAAApAAAAAkaG10eAoAAAAAAAK0AAAAFGxvY2EAKACEAAACyAAAAAxtYXhwAAgAQQAAAtQAAAAgbmFtZbHsIIMAAAL0AAABenBvc3QAAwAAAAAEcAAAACAAAwMAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAAPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QD//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAD/qwQAA6sAFAA+AAABIg4CFRQeAjMyPgI1NC4CIxMOASMiJicwLgIxLgE3MDwCMTQ2MzIWFTAcAjEwHgIxHgEVFAYHAgBqu4tQUIu7amm6jFFRjLpp8wodEAoTCjpHOg0NASofGyowOTAMDQgGA6tRi7tparqMUFCMumppu4tR/VwQDQcFKDEoCCMSSlpKHisrHkNQQyAmIAccDwsXCwAAAAEAAAABAAAP80OpXw889QALBAAAAAAA0mrAbwAAAADSasBvAAD/qwQAA6sAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAABAAAAQAAAAAAAAAAAAAAAAAAAAUEAAAAAAAAAAAAAAACAAAABAAAAAAAAAAACgAUAB4AcAABAAAABQA/AAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABgAAAAEAAAAAAAIABwBXAAEAAAAAAAMABgAzAAEAAAAAAAQABgBsAAEAAAAAAAUACwASAAEAAAAAAAYABgBFAAEAAAAAAAoAGgB+AAMAAQQJAAEADAAGAAMAAQQJAAIADgBeAAMAAQQJAAMADAA5AAMAAQQJAAQADAByAAMAAQQJAAUAFgAdAAMAAQQJAAYADABLAAMAAQQJAAoANACYc2VvbmF2AHMAZQBvAG4AYQB2VmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwc2VvbmF2AHMAZQBvAG4AYQB2c2VvbmF2AHMAZQBvAG4AYQB2UmVndWxhcgBSAGUAZwB1AGwAYQByc2VvbmF2AHMAZQBvAG4AYQB2Rm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^="seonav-"], [class*=" seonav-"] {
  font-family: 'seonav';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.seonav-seonav-clock:before {
  content: "\e900";
}

.landing-list:after,
.std .landing-list:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
.landing-list li,
.std .landing-list li {
  width: 49%;
  display: inline-block;
  margin: 0 0 30px 0;
  border: 1px solid #e8e8e8;
  list-style: none;
  vertical-align: top;
}
.landing-list li:nth-child(2n + 2),
.std .landing-list li:nth-child(2n + 2) {
  margin-right: 0;
}
.landing-list li:nth-child(3n+3),
.std .landing-list li:nth-child(3n+3) {
  clear: both;
}
.landing-list li:nth-child(odd),
.std .landing-list li:nth-child(odd) {
  float: left;
}
.landing-list li:nth-child(even),
.std .landing-list li:nth-child(even) {
  float: right;
}

.landing-block .visual img {
  height: auto;
  width: 100%;
}
.landing-block .clearfix {
  padding: 0 27px 12px 222px;
}
.landing-block .clearfix:after {
  content: '';
  display: block;
  width: 100%;
  clear: both;
}
.landing-block .text {
  padding: 30px 0 0;
}
.landing-block .cat-name {
  font-size: 24px;
  text-transform: uppercase;
  line-height: 30px;
  margin: 0 0 10px;
}
.landing-block .info {
  margin: -80px 0 0 -193px;
  float: left;
  width: 160px;
  position: relative;
  z-index: 20;
  text-align: center;
  line-height: 160%;
}
.landing-block .update span {
  display: block;
  width: 100%;
}
.landing-block .update:after {
  content: "\e900";
  display: inline-block;
  clear: both;
  font-family: seonav;
  font-size: 16px;
  color: #a2a2a2;
}
.landing-block .qty {
  box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.2);
  border: 1px solid #e8e8e8;
  padding: 25px 20px;
  background: #fff;
  margin: 0 0 10px;
  display: block;
}
.landing-block .qty:hover {
  text-decoration: none;
}
.landing-block .number {
  font-size: 42px;
  color: #555;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}
.landing-block .name {
  text-transform: uppercase;
  color: #777;
}
.landing-block .name span {
  display: block;
  width: 100%;
  clear: both;
}

@media only screen and (max-width: 979px) {
  .col1-layout .landing-list li {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}
@media only screen and (max-width: 1199px) {
  .col2-left-layout .landing-list li,
  .col2-right-layout .landing-list li {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
}
@media only screen and (min-width: 1200px) {
  .col2-left-layout .landing-block .info,
  .col2-right-layout .landing-block .info {
    width: 140px;
    margin-left: -173px;
  }
  .col2-left-layout .landing-block .info .qty,
  .col2-right-layout .landing-block .info .qty {
    padding: 20px 15px;
  }
  .col2-left-layout .landing-block .clearfix,
  .col2-right-layout .landing-block .clearfix {
    padding: 0 27px 12px 202px;
  }
}
.block-layered-nav .resetfilter,
.block-layered-nav .currently .actions a {
  display: inline-block;
  width: 100px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  margin-top: 5px;
}
.block-layered-nav .resetfilter {
  text-align: left;
}
.block-layered-nav .currently a {
  margin: 0;
}
.block-layered-nav .currently .actions .button {
  float: left;
}
.block-layered-nav dl.sln-nav dt {
  overflow: hidden;
  cursor: pointer;
}
.block-layered-nav dl.sln-nav dt span {
  float: left;
}
.block-layered-nav dl.sln-nav dt img.filter-details {
  float: right;
  cursor: help;
}
.block-layered-nav dl.sln-nav dd ol > li > span,
.block-layered-nav dl.sln-nav dd ol > li > a {
  display: inline-block;
  padding: 5px 15px;
  outline: none;
}
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li a,
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li span.disabled {
  background: url("../../images/ecommerceteam/sln/checkbox.png") 0 0 no-repeat;
  padding: 0 0 2px 20px;
  text-decoration: none;
  line-height: 120%;
}
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li span.disabled {
  cursor: default;
}
.block-layered-nav dl.sln-nav dd .sln-type-checkbox li a.checked {
  background-position: 0 -48px;
  padding-left: 20px;
}
.block-layered-nav dl.sln-nav dd .configurable-swatch-list li .checked,
.block-layered-nav dl.sln-nav dd .configurable-swatch-list li .checked:not(.has-image) .swatch-label {
  border-color: #FAA819 !important;
}
.block-layered-nav dl.sln-nav dd .configurable-swatch-list li a .count {
  color: inherit;
}

#sln-filter-top .sln-type-image {
  overflow: hidden;
}
#sln-filter-top .sln-type-image li {
  display: inline;
  float: left;
  margin: 0 3px 3px 0;
}

.sln-type-image li img {
  border: 1px solid #ccc;
  padding: 1px;
}
.sln-type-image li .checked img {
  border: 2px solid #F75A58;
  padding: 0;
}

.sln-type-input .fields {
  overflow: hidden;
  padding: 3px 0;
}
.sln-type-input .fields label {
  display: block;
}
.sln-type-input .fields label span {
  float: left;
  position: relative;
  top: 2px;
}
.sln-type-input .fields label input {
  float: left;
  margin: 0 7px;
  width: 40px;
}

.sln-notice-block {
  padding: 2px 5px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #1F5070;
  text-align: left;
}

#sln-indicator {
  position: fixed;
  padding: 5px;
  width: 160px;
  text-align: center;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  margin-left: -80px;
  background: #FEC;
  border: 1px solid #FAA819;
  color: #333;
  left: 50%;
  top: 45%;
  z-index: 999;
}

.button-set button,
.button-set button span,
.button-set button span span {
  border: 0;
  background: none;
  padding: 0;
}
.button-set button span span {
  background: url("../../images/ecommerceteam/sln/button-small.png") no-repeat scroll 0 0 transparent;
  width: 100px;
  height: 22px;
  cursor: pointer;
  color: #1E7EC8;
  font-weight: 100;
  font-size: 11px;
  line-height: 200%;
}

.block-layered-nav select {
  width: 165px;
}
.block-layered-nav .hidden {
  display: none;
}
.block-layered-nav .more {
  text-align: right;
  cursor: pointer;
}