/* What is Afterpay modal */
#afterpay-what-is-modal  img.afterpay-modal-image {
    display: block;
}
#afterpay-what-is-modal  img.afterpay-modal-image-mobile{
    display: none;
}

@media only screen
and (max-width : 480px) {
    #afterpay-what-is-modal  img.afterpay-modal-image-mobile {
        display: block;
    }
    #afterpay-what-is-modal  img.afterpay-modal-image{
        display: none;
    }
}

/* Afterpay info in checkout */
#what-is-afterpay-trigger {
    margin-top: 0;
    margin-left: 0;
    float: none;
}

#afterpay-logo {
    height: 18px;
    float: none;
}

#dt_method_afterpaypayovertime span {
    margin-left: 10px;
}

#payment_form_afterpaypayovertime.form-list {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .form-alt {
    display: inline-block; /* shrink-wrap the form, to make the footer align nicely */
}

#payment_form_afterpaypayovertime .total-due p {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 12px;
    color: #A1A4A6;
    margin: 0 5px 0 0;
    text-transform: uppercase;
    float: left;
    height: 35px;
    line-height: 38px;
}

#payment_form_afterpaypayovertime .total-due span {
    font-family: Arial, sans-serif;
    font-weight: normal;
    font-size: 30px;
    height: 35px;
    line-height: 35px;
    color: #000000;
}

#payment_form_afterpaypayovertime .instalments {
    margin-bottom: 30px;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .header-text {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-size: 9px;
    color: #A1A4A6;
    margin: 10px 0;
    text-transform: uppercase;
    line-height: 20px;
}

#payment_form_afterpaypayovertime .instalments .cost,
#payment_form_afterpaypayovertime .instalments .icon,
#payment_form_afterpaypayovertime .instalments .instalment {
    display: table-row;
    position: relative;
}

#payment_form_afterpaypayovertime .instalments .icon:after {
    content: "";
    background: #f7f7f7;
    display: block;
    height: 1px;
    left: 30px;
    right: 30px;
    margin-top: -5px;
}

#payment_form_afterpaypayovertime .instalments li {
    display: table-cell;
    text-align: center;
    padding: 0 10px;
}

#payment_form_afterpaypayovertime .instalments li:first-child {
    padding-left: 0;
}

#payment_form_afterpaypayovertime .instalments li:last-child {
    padding-right: 0;
}

#payment_form_afterpaypayovertime .instalments .cost {
    font-size: 14px;
    color: #379dd6;
}

#payment_form_afterpaypayovertime .instalments .icon img {
    width: 12px;
    display: inline;
    position: relative;
    z-index: 1;
}

#payment_form_afterpaypayovertime .instalments .instalment {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

#payment_form_afterpaypayovertime .instalment-footer {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #636363;
    text-align: center;
}

#payment_form_afterpaypayovertime .instalment-footer a {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
    text-decoration: underline;
}

@media (min-width: 560px) {
    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments li {
        padding: 0 30px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .header-text {
        font-size: 12px;
    }

    .checkout-onepage-index #payment_form_afterpaypayovertime .instalments .cost {
        font-size: 25px;
    }
}

/* By default, only show the callout text on the default checkout */
#afterpay-callout {
    display: none;
}

.checkout-onepage-index #afterpay-callout {
    display: block;
    margin-left: 0;
}

/* AW_Onestepcheckout support */
#aw-onestepcheckout-payment-method #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

/* IWD_Opc support */
.opc-index-index #dt_method_afterpaypayovertime img {
    height: auto;
    display: inline-block;
    margin: 7px auto 0;
}

.opc-index-index #dt_method_afterpaypayovertime label a {
    display: none;
}

.opc-index-index #payment_form_afterpaypayovertime .form-alt {
    font-style: normal;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.5;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li {
    color: #379dd6;
    padding: 0 10px;
    font-size: 20px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .cost li:first-child {
    padding-left: 0;
}

.opc-index-index #payment_form_afterpaypayovertime .instalment-footer p {
    color: #636363;
    font-size: 11px;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments .instalment li {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #A1A4A6;
}

.opc-index-index #payment_form_afterpaypayovertime .instalments li {
    padding: 0 20px;
}

/* GoMage Lightcheckout support */
#gcheckout-payment-methods-available #payment_form_afterpaypayovertime .instalments .header-text {
    height: auto;
    line-height: 1.55;
    margin-top: 10px;
}

/* Onetouch on cart page */
.method-afterpay_onetouch h3 {
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #379dd6;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: none;
}

.method-afterpay_onetouch p {
    font-size: 12px;
}

.method-afterpay_onetouch .button {
    margin-top: 10px;
    padding: 7px 30px 7px 30px;
}

.method-afterpay_onetouch .button img {
    display:block;
    width: 90px;
    height: 18px;
}

.method-afterpay_onetouch .express-button {
    width: 267px;
    max-width: 100%;
    margin-top: 10px;
    cursor: pointer;
}

#payment_form_afterpaypayovertime li {
    float:none
}

/* Hide the doubled Afterpay Assets */
.product-view .afterpay-installments-amount {
    display:none;
}
.product-view .afterpay-installments-amount:last-of-type {
    display:inline;
}

.m-fpc-debug-info {
  width: 420px;
  min-height: 115px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}
.m-fpc-debug-info .m-fpc-h1 {
  font-family:Arial;
  background: rgb(57, 172, 163);
  color: #fff;
  padding: 3px 3px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align:left;
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-debug-info-main-block {
  padding: 2px 5px 10px 5px;
}
.m-fpc-debug-info .m-fpc-action {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
  padding-top:15px;
}
.m-fpc-debug-info .m-fpc-ignored {
  padding-top: 0px !important;
}
.m-fpc-debug-info .m-fpc-hit-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time-text {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time {
  font-family:Arial;
  text-transform: uppercase;
  font-size: 76px;
  font-weight: 700;
  line-height: 65px;
  text-align:center;
}
.m-fpc-debug-info .m-fpc-time-sec-text {
  font-family:sans-serif,Arial;
  font-size: 35px;
  text-align:center;
  text-transform:none;
}
.m-fpc-debug-info.m-fpc-debug-info-not-cacheable {
  height: 220px;
  box-shadow: 0 0 0 5px #E0E0E0;
}
.m-fpc-debug-info.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 5px #CCFFD3;
}
.m-fpc-debug-info.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 5px #FECBCB;
}
.m-fpc-debug-info .m-fpc-disabled-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
}
.m-fpc-debug-info .m-fpc-detail-info-hide-show-button-style {
  float: right;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.m-fpc-debug-info .m-fpc-info-scroll-hide {
  display: none;
}
/*scroll*/
.m-fpc-debug-info .m-fpc-info-scroll {
  overflow-y: auto;
  height: 350px;
  padding: 0px 5px 10px 5px;
  text-align: justify;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*detail info table*/
.m-fpc-debug-info .m-fpc-detail-info-table {
  display:table;
  width:100%;
  padding-top: 3px;
}
.m-fpc-debug-info .m-fpc-detail-row {
  display:table-row;
}
.m-fpc-debug-info .m-fpc-detail-col {
  display:table-cell;
  text-align: left;
  padding: 2px;
  vertical-align: top;
  width: 50%;
  font-family:sans-serif,Arial;
  padding:5px;
  text-align: left;
  font-size: 10px;
  text-transform:none;
  color: #222 !important;
}
.m-fpc-debug-info .m-fpc-dark {
  background-color: #D9F0EE;
}
.m-fpc-debug-info .m-fpc-light {
  background-color: #ECF8F7;
}

/*flush cache button*/
.m-fpc-debug-info .m-fpc-flush-cache-button-style {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

/*small debug info block*/
.m-fpc-debug-info-small {
  width: 120px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}

.m-fpc-debug-info-small .m-fpc-debug-info-main-block-small {
  padding: 2px 5px 10px 5px;
}

.m-fpc-debug-info-small .m-fpc-hit-info-small {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-small {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

.m-fpc-debug-info-small.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 3px #CCFFD3;
}
.m-fpc-debug-info-small.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 3px #FECBCB;
}
.m-fpc-debug-info-small.m-fpc-debug-info-not-cacheable {
  box-shadow: 0 0 0 5px #E0E0E0;
}

.m-fpc-debug-info .m-fpc-ignored-url-parameters-info {
  font-family:sans-serif,Arial;
  padding:15px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
  word-wrap: break-word;
}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.searchautocomplete{position:absolute;top:-5px;right:0;height:34px;width:458px;padding:4px 10px;-webkit-border-radius:0 0 0 5px;-moz-border-radius:0 0 0 5px;border-radius:0 0 0 5px;background:#fff;display:block}.searchautocomplete .sprite{background:url(https://www.likespikes.com.au/skin/frontend/base/default/images/mirasvit/sprite.png)}.searchautocomplete>label{float:left;margin-right:10px;color:#333;font-weight:700;margin-top:8px}.searchautocomplete .nav{background:url(https://www.likespikes.com.au/skin/frontend/base/default/images/mirasvit/sprite.png);float:left;height:34px;position:relative;width:340px}.searchautocomplete .nav .nav-search-in{position:absolute;top:0;left:0;z-index:15}.searchautocomplete .nav .nav-search-in .category{opacity:0;filter:alpha(opacity=0);background:#fff;border:1px solid #DDD;color:#000;cursor:pointer;height:29px;left:5px;margin:0;outline:0;padding:0;position:absolute;top:5px;visibility:visible;width:auto}.searchautocomplete .nav .nav-search-in .category-fake{-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;background-color:#fcfcfc;background-image:-moz-linear-gradient(top,#fff,#f7f7f7);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f7f7f7));background-image:-webkit-linear-gradient(top,#fff,#f7f7f7);background-image:-o-linear-gradient(top,#fff,#f7f7f7);background-image:linear-gradient(to bottom,#fff,#f7f7f7);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff7f7f7', GradientType=0);border-right:1px solid #ddd;color:#777;cursor:pointer;float:left;font-size:11px;height:27px;line-height:27px;margin:4px 0 0 2px;padding:0 25px 0 10px;text-align:center;white-space:nowrap}.searchautocomplete .nav .nav-search-in .nav-down-arrow{right:10px;top:16px;position:absolute;width:0;height:0;border-style:solid;border-width:5px 4.5px 0;border-color:#000 transparent transparent;line-height:0}.searchautocomplete .nav .nav-search-in:hover .category-fake{background-color:#eee;background-image:-moz-linear-gradient(top,#f7f7f7,#e1e1e1);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f7f7f7),to(#e1e1e1));background-image:-webkit-linear-gradient(top,#f7f7f7,#e1e1e1);background-image:-o-linear-gradient(top,#f7f7f7,#e1e1e1);background-image:linear-gradient(to bottom,#f7f7f7,#e1e1e1);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff7f7f7', endColorstr='#ffe1e1e1', GradientType=0)}.searchautocomplete .nav .nav-search-in:hover .nav-down-arrow{background-position:-6px -34px}.searchautocomplete .nav .nav-input{margin:6px 0 0 10px;padding:0 5px;z-index:12;position:relative}.searchautocomplete .nav .nav-input:after,.searchautocomplete .nav .nav-input:before{display:table;content:"";line-height:0}.searchautocomplete .nav .nav-input:after{clear:both}.searchautocomplete .nav .nav-input input{z-index:10;padding:0;height:23px;border:0;font-family:arial,sans-serif;font-size:12px;background:0 0;color:#000;outline:0;margin-left:5px;width:100%}.searchautocomplete .nav .nav-input input.suggest{display:none;color:#999;z-index:9}.searchautocomplete .nav-submit-button{background:url(https://www.likespikes.com.au/skin/frontend/base/default/images/mirasvit/sprite.png) 0 -34px no-repeat;float:left;height:34px;padding-left:5px}.searchautocomplete .nav-submit-button .button{width:39px;height:34px;padding:0 9px;margin:0;cursor:pointer;font-weight:700;line-height:12px;font-size:13px;background-color:#3c454e;background-image:-moz-linear-gradient(top,#444c55,#313a44);background-image:-webkit-gradient(linear,0 0,0 100%,from(#444c55),to(#313a44));background-image:-webkit-linear-gradient(top,#444c55,#313a44);background-image:-o-linear-gradient(top,#444c55,#313a44);background-image:linear-gradient(to bottom,#444c55,#313a44);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444c55', endColorstr='#ff313a44', GradientType=0);border:1px solid #313a44;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;z-index:14}.searchautocomplete .nav-submit-button .button:hover{background-color:#39414b;background-image:-moz-linear-gradient(top,#313a44,#444c55);background-image:-webkit-gradient(linear,0 0,0 100%,from(#313a44),to(#444c55));background-image:-webkit-linear-gradient(top,#313a44,#444c55);background-image:-o-linear-gradient(top,#313a44,#444c55);background-image:linear-gradient(to bottom,#313a44,#444c55);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff313a44', endColorstr='#ff444c55', GradientType=0)}.searchautocomplete .searchautocomplete-placeholder{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#FFF;border:1px solid #ccc;padding:15px 10px 5px;position:absolute;right:48px;top:42px;width:318px;z-index:102}.searchautocomplete .searchautocomplete-placeholder:before{border-color:transparent transparent #CCC;content:"";position:absolute;border-style:solid;border-width:5px;height:0;width:0;top:-11px;left:30px}.searchautocomplete .searchautocomplete-placeholder ul{list-style:none;padding:0;margin:0}.searchautocomplete .searchautocomplete-placeholder ul li{text-align:left;padding:5px;margin-bottom:5px;border:1px solid #ccc}.searchautocomplete .searchautocomplete-placeholder ul li:after,.searchautocomplete .searchautocomplete-placeholder ul li:before{display:table;content:"";line-height:0}.searchautocomplete .searchautocomplete-placeholder ul li:after{clear:both}.searchautocomplete .searchautocomplete-placeholder ul li a{text-decoration:none}.searchautocomplete .searchautocomplete-placeholder ul li a.name{color:#444;font-weight:700;display:block;margin-bottom:3px}.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right{float:right}.searchautocomplete .searchautocomplete-placeholder ul li.active{background-color:#efe;cursor:pointer}.searchautocomplete .searchautocomplete-placeholder ul li.active a{text-decoration:none}.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image{float:left;margin:0 10px 5px 0}.searchautocomplete .searchautocomplete-placeholder ul li .price-box{font-weight:700;font-size:13px;color:#C76200;float:right}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label{display:none}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label{font-weight:400;color:#999}.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price{font-size:.9em;color:#999}.searchautocomplete .searchautocomplete-placeholder ul li .highlight strong{color:red}.searchautocomplete .searchautocomplete-placeholder ul li .ratings{margin:0;line-height:14px}.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box{float:left;margin:0 5px 0 0}.searchautocomplete .searchautocomplete-placeholder .index-title{text-align:right;color:#0A263C;border-bottom:1px solid #CCC;padding:2px 5px}.searchautocomplete .searchautocomplete-placeholder .index-title span{color:#666;font-size:.9em}.searchautocomplete .searchautocomplete-placeholder .all{text-align:right;margin:10px 4px 5px 10px}.searchautocomplete .searchautocomplete-loader{position:absolute;width:18px;height:18px;top:9px;right:10px;z-index:99;-webkit-transform:scale(.6);-moz-transform:scale(.6);-ms-transform:scale(.6);-o-transform:scale(.6);transform:scale(.6);display:none}.searchautocomplete .searchautocomplete-loader div{position:absolute;background-color:#FFF;height:3px;width:3px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-animation-name:f_autocomplete_loader;animation-name:f_autocomplete_loader;-webkit-animation-duration:.64s;animation-duration:.64s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal}.searchautocomplete .searchautocomplete-loader div#g01{left:0;top:7px;-webkit-animation-delay:.24s;animation-delay:.24s}.searchautocomplete .searchautocomplete-loader div#g02{left:2px;top:2px;-webkit-animation-delay:.32s;animation-delay:.32s}.searchautocomplete .searchautocomplete-loader div#g03{left:7px;top:0;-webkit-animation-delay:.4s;animation-delay:.4s}.searchautocomplete .searchautocomplete-loader div#g04{right:2px;top:2px;-webkit-animation-delay:.48s;animation-delay:.48s}.searchautocomplete .searchautocomplete-loader div#g05{right:0;top:7px;-webkit-animation-delay:.56s;animation-delay:.56s}.searchautocomplete .searchautocomplete-loader div#g06{right:2px;bottom:2px;-webkit-animation-delay:.64s;animation-delay:.64s}.searchautocomplete .searchautocomplete-loader div#g07{left:7px;bottom:0;-webkit-animation-delay:.72s;animation-delay:.72s}.searchautocomplete .searchautocomplete-loader div#g08{left:2px;bottom:2px;-webkit-animation-delay:.8s;animation-delay:.8s}@-moz-keyframes f_autocomplete_loader{0%{background-color:#000}100%{background-color:#fff}}@-webkit-keyframes f_autocomplete_loader{0%{background-color:#000}100%{background-color:#fff}}@-ms-keyframes f_autocomplete_loader{0%{background-color:#000}100%{background-color:#fff}}@-o-keyframes f_autocomplete_loader{0%{background-color:#000}100%{background-color:#fff}}@keyframes f_autocomplete_loader{0%{background-color:#000}100%{background-color:#fff}}.searchautocomplete-widget{position:relative;top:auto;left:auto;bottom:auto;right:auto;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.clearfix { *zoom: 1;}
.clearfix:before,
.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}
.hide-text {font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.input-block-level {display: block;width: 100%;min-height: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.searchindex-results {*zoom: 1; margin-bottom: 10px; border-bottom: 1px solid #a0b3c3;}
.searchindex-results:before, .searchindex-results:after {display: table; content: "";line-height: 0;}
.searchindex-results:after {clear: both;}
.searchindex-results li {margin-bottom: -1px;float: left;*zoom: 1;margin: 0px 2px;}
.searchindex-results li:before, .searchindex-results li:after {display: table;content: "";line-height: 0;}
.searchindex-results li:after {clear: both;}
.searchindex-results li a {font-size: 12px;font-weight: bold;color: #333;display: block;cursor: pointer; padding: 2px 5px 1px 5px;line-height: 20px; border: 1px solid transparent; border-bottom: none;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0;text-decoration: none;}
.searchindex-results li a:hover {background-color: #f1f1f1;background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);border: 1px solid #a0b3c3;border-bottom: none;}
.searchindex-results li a span {font-weight: normal;font-size: 0.9em;}
.searchindex-results li.active a {background-color: #f1f1f1;background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {padding: 5px;}
.searchindex-result li .title a {font-weight: bold;color: #203548;font-size:13px;}
.searchindex-result.searchindex-result-category {margin-bottom: 20px;}
.searchindex-result.searchindex-result-category li {padding: 1px 0px;}
.searchindex-result.searchindex-result-category li a {font-weight: bold;color: #203548;}
.col-main .searchindex-highlight {background-color: #ff0;}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/images/ajaxscroll/ui.totop.png) left top no-repeat}#toTopHover{background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/images/ajaxscroll/ui.totop.png) left -51px no-repeat;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}#toTop:active,#toTop:focus{outline:0}
/**
 * Webtex
 * GiftCards Extension
 *
 * @category   Webtex
 * @package    Webtex_GiftCards
 * @copyright  Copyright (c) 2017 Webtex (https://www.webtexsoftware.com/)
 */
.giftcard-fieldset textarea {width: 100%; height: 100px;}
.giftcard-fieldset label em {color: #EB340A; margin-right: 2px;}
.giftcard-fieldset .field {margin-top: 6px;}
.giftcard-fieldset .email-date input {width: 100px;}

.giftcard-info .field-label {margin-top: 6px;}

/*onepage checkout*/
.giftcard-payment-method { border-bottom: 1px solid #e4e4e4; }
.giftcard-payment-method .buttons-set { border-top: none; padding-top: 6px; padding-bottom: 3px; }

/* Mobile UX round (staging, 2026-08-07) — implements the 2026-08-07 mobile recheck:
   typography scale, 44px touch targets, collapsing header, single-anchor tiles,
   homepage section headings, 8+8 view-all, filter/sort drawers, sticky ATC,
   2-line grid-name clamp. Everything mobile-scoped except the tile/heading and
   accessibility pieces. Companion JS: js/mobile-ux.js. */

/* ── Homepage section headings + intro (all widths) ─────────────────────── */
.ls-home-intro{margin:4px 0 14px}
.ls-home-intro h1{font-size:26px;line-height:1.3;margin:0 0 6px;color:#222}
.ls-home-intro p{margin:0;color:#555;font-size:15px}
.ls-home-mobile-comma{display:none}
.ls-home-cta{display:none}
h2.ls-home-h2{font-size:22px;color:#222;margin:22px 0 12px;padding-bottom:6px;border-bottom:2px solid #222}
/* Progressive disclosure for the category tiles (JS-enhanced, 2026-08-07).
   Tiles 9-16 stay in the HTML — only CSS-collapsed — so every category keeps its
   internal link. The collapse is applied by JS (.ls-tiles--collapsed) and the
   toggle only appears once JS has run (.ls-ready), so a no-JS visitor sees all
   16 tiles and no dead control. */
.ls-viewall-wrap{display:none;text-align:center;margin:16px 0 4px}
.ls-viewall-wrap.ls-ready{display:block}
.ls-viewall-wrap button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:10px 6px;border:0;border-bottom:2px solid #222;background:none;color:#222;font-size:15px;font-weight:700;cursor:pointer}
.ls-viewall-wrap button:hover{color:#000;border-bottom-color:#000}
.home-slider-block ul.ls-tiles.ls-tiles--collapsed li:nth-child(n+9){display:none}

/* ── Homepage rows added 2026-08-07: trust strip, materials, guides ─────── */
ul.ls-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;list-style:none;margin:0 0 18px;padding:14px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff}
ul.ls-trust li{text-align:center;padding:2px 10px;line-height:1.35}
ul.ls-trust strong{display:block;color:#222;font-size:14px}
ul.ls-trust span{display:block;color:#777;font-size:12px;margin-top:2px}
ul.ls-materials{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;list-style:none;margin:0 0 6px;padding:0}
ul.ls-materials a{display:block;border:1px solid #e6e6e6;border-radius:5px;padding:12px 14px;text-decoration:none;background:#fff;min-height:44px}
ul.ls-materials a:hover{border-color:#222;background:#fafafa}
ul.ls-materials strong{display:block;color:#222;font-size:15px}
ul.ls-materials span{display:block;color:#777;font-size:12.5px;margin-top:2px}
ul.ls-guidelinks{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 10px;padding:0}
ul.ls-guidelinks a{display:inline-block;padding:9px 15px;border:1px solid #ddd;border-radius:16px;background:#fafafa;color:#333;text-decoration:none;font-size:13.5px;min-height:38px;line-height:20px}
ul.ls-guidelinks a:hover{border-color:#222;background:#f0f0f0}
@media only screen and (max-width:780px){
  ul.ls-trust{grid-template-columns:repeat(2,1fr);gap:10px 4px;padding:12px 0}
  ul.ls-trust strong{font-size:13.5px}
  ul.ls-materials{grid-template-columns:repeat(2,1fr)}
  ul.ls-guidelinks a{min-height:44px;line-height:26px}
}

/* ── Single-anchor category tiles (block ls-tiles markup) ───────────────── */
.home-slider-block ul.ls-tiles li a.ls-tile{display:block;text-decoration:none;color:#222}
.home-slider-block ul.ls-tiles .slider-heading-wrap{display:inline-block}
.home-slider-block ul.ls-tiles .slider-heading{color:#222;text-decoration:none}
/* Tiles whose artwork already carries the category name (2026-08-11): the site
   label is hidden VISUALLY ONLY — it stays in the DOM so screen readers and
   crawlers still get the category name from the link. Higher specificity than
   the mobile label-strip rule below, so it wins at every breakpoint. */
.home-slider-block ul.ls-tiles a.ls-tile--nolabel .slider-heading-wrap{position:absolute !important;width:1px;height:1px;min-height:0 !important;padding:0 !important;margin:-1px !important;border:0 !important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ── Desktop: no duplicate menu/search controls (owner, 2026-08-07) ──────
   ≥771px the black nav bar already carries the full menu AND a search field,
   so the hamburger + search skip-links are redundant. The theme intends this
   (style.css hides both at min-width:771px) but the rule is easily out-specified
   — including by this file's own touch-target rule before it was scoped to
   mobile — so state it explicitly and last. */
@media only screen and (min-width: 771px) {
  .skip-links .skip-link.skip-nav,
  .skip-links .skip-link.skip-search,
  .header-right .skip-nav,
  .header-right .skip-search{display:none !important}
}

/* ── Mobile scope ───────────────────────────────────────────────────────── */
@media only screen and (max-width: 780px) {

  /* 2. Typography: 16px reading text, corrected hierarchy */
  body{font-size:16px;line-height:1.55}
  .home-page-desc,.category-description,.ls-catseo,.ls-guide,.std{font-size:16px;line-height:1.6}
  .home-page-desc p,.category-description p{font-size:16px}
  h1,.ls-home-intro h1,.likespikes-home-heading{font-size:24px !important;line-height:1.3}
  h2,h2.ls-home-h2{font-size:21px}
  h3{font-size:18px}
  small,.f-fix,.product-pricing{font-size:14px}

  /* Homepage above the fold: mobile is a shopping surface, not an SEO preface.
     Keep the full H1/value proposition in the markup and on desktop, but show
     their useful core on small screens. Two high-value trust signals replace
     the old 2x2 paragraph block, putting complete products in the first view. */
  .ls-home-intro{position:relative;min-height:106px;margin:0 -15px;padding:16px 15px 14px;background:#111;color:#fff}
  .ls-home-intro h1{font-size:23px !important;line-height:1.2;margin:0 0 5px;color:#fff}
  .ls-home-intro p{max-width:230px;margin:0;color:#ddd;font-size:14px;line-height:1.4}
  .ls-home-title-detail,.ls-home-value-detail{display:none}
  .ls-home-mobile-comma{display:inline}
  .ls-home-cta{display:flex;position:absolute;right:15px;bottom:10px;align-items:center;min-height:44px;padding:10px 0 8px;border-bottom:1px solid #fff;box-sizing:border-box;color:#fff;font-size:13px;font-weight:700;line-height:20px;text-decoration:none}
  .ls-home-cta:hover,.ls-home-cta:focus{color:#fff;border-bottom-color:#fff}
  ul.ls-trust{grid-template-columns:repeat(2,1fr);gap:0;min-height:48px;height:auto;margin:0;padding:8px 0;align-items:center}
  ul.ls-trust li{padding:0 8px}
  ul.ls-trust li:nth-child(2),ul.ls-trust li:nth-child(4),ul.ls-trust span{display:none}
  ul.ls-trust strong{font-size:13px;line-height:1.25}
  h2.ls-home-h2{font-size:19px;line-height:1.2;margin:15px 0 9px;padding-bottom:6px}
  .home-slider-block ul.ls-tiles.ls-tiles--collapsed li:nth-child(n+9){display:none !important}

  /* 3. Touch targets (mobile only — at desktop these controls are hidden and
     an all-width display rule here would resurrect them) */
  .page-header .skip-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
  .qty-wrapper .qty-btn,.qty-control .qty-btn{width:44px;height:44px;font-size:20px}
  .qty-control input.qty{height:44px}

  /* 1. Collapsing header. JS stamps body.ls-hdr-mini scrolling down and removes
     it scrolling up; body.ls-hdr-search reveals the search row while mini. */
  body.ls-hdr-mini .page-header{max-height:60px;overflow:visible}
  body.ls-hdr-mini .page-header .header-language-background,
  body.ls-hdr-mini #header-search{display:none}
  body.ls-hdr-mini.ls-hdr-search #header-search{display:block;position:fixed;top:60px;left:0;right:0;background:#fff;padding:8px 10px;z-index:1190;box-shadow:0 4px 10px rgba(0,0,0,.15)}
  body.ls-hdr-mini .page-header .logo img.large{max-height:40px;width:auto}
  body.ls-hdr-mini .page-header .logo img.small{max-height:36px;width:auto}
  .page-header{transition:max-height .2s ease}

  /* 5. Tile label strip ≥44px, full-width, no overlap */
  .home-slider-block ul.ls-tiles .slider-heading-wrap{display:flex;align-items:center;justify-content:center;min-height:44px;width:100%;position:static;top:auto;margin:0 !important;padding:2px 6px;background:#fff;border:1px solid #eee;border-top:none}
  .home-slider-block ul.ls-tiles li{border-radius:4px;overflow:hidden}

  /* 6. Category toolbar: the theme's own filter dropdowns + Sort By stay on the
     page (the drawer experiment was removed 2026-08-11 — see js/mobile-ux.js).
     Only make them touch-sized and compact. */
  .toolbar .filter_label{font-size:14px;margin:0 0 6px;padding:0}
  .toolbar .filter_list .selector .hld{min-height:44px;display:flex;align-items:center}
  .toolbar .sorter{display:flex;float:none;align-items:center;justify-content:flex-end;flex-wrap:nowrap;width:100%;min-height:36px;margin:8px 0 0;line-height:36px}
  .toolbar .sorter .view-mode{display:none}
  .toolbar .sorter .sort-by{display:flex;float:none;align-items:center;justify-content:flex-end;height:36px;margin:0;line-height:36px}
  .toolbar .sorter label,.toolbar .sorter .sort-by label{float:none;flex:0 0 auto;margin:0 6px 0 0;font-size:13px;line-height:36px;white-space:nowrap}
  .toolbar .sorter select,.toolbar .sorter .sort-by select{flex:0 1 auto;width:auto;max-width:130px;height:36px;min-height:36px;margin:0;padding:0 24px 0 7px;font-size:13px;line-height:36px}
  .toolbar .sorter .sort-by-switcher{float:none;flex:0 0 36px;width:36px;height:36px;margin:0;vertical-align:middle;background-position:center}

  /* 7. Grid product names: clamp to 2 lines */
  .products-grid .product-name a span,
  .products-grid li a div span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

  /* 7. Sticky Add-to-Cart bar (PDP). JS stamps body.ls-satc-on when the real
     button scrolls out of view; bar click proxies to the real .btn-cart. */
  .ls-satc{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:none;align-items:center;gap:10px;background:#fff;border-top:1px solid #ddd;box-shadow:0 -3px 12px rgba(0,0,0,.12);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  body.ls-satc-on .ls-satc{display:flex}
  body.ls-satc-on{padding-bottom:76px}
  .ls-satc .ls-satc-info{min-width:0;flex:1}
  .ls-satc .ls-satc-name{font-size:13px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ls-satc .ls-satc-price{font-weight:700;color:#222}
  .ls-satc button{min-height:48px;padding:0 22px;background:#222;color:#fff;border:0;border-radius:4px;font-weight:700;font-size:15px;cursor:pointer}
}

/* Keep the compact hero collision-free on older 320px-wide phones. */
@media only screen and (max-width:340px){
  .ls-home-intro h1{font-size:21px !important}
  .ls-home-cta-detail{display:none}
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;height:auto !important; }
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('https://www.likespikes.com.au/skin/frontend/psretail/default/js/fancybox/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('https://www.likespikes.com.au/skin/frontend/psretail/default/js/fancybox/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('https://www.likespikes.com.au/skin/frontend/psretail/default/js/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;
}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important; width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('https://www.likespikes.com.au/skin/frontend/psretail/default/js/fancybox/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;	margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;text-shadow: 0 1px 2px #222;
	color: #FFF;font-weight: bold;line-height: 24px;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);
}
.fancybox-wrap .product-collection-type{margin: 0 0 10px;max-height: 335px;border: 1px solid #dfdfdf;padding-bottom:0;}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://www.likespikes.com.au/skin/frontend/psretail/default/js/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
	#fancybox-loading div {
		background-image: url('https://www.likespikes.com.au/skin/frontend/psretail/default/js/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
@media (max-width: 479px) {
.fancybox-title-float-wrap {margin-bottom: -68px;}
.fancybox-title-float-wrap span{width: 300px;}
}
/**
 * @category    Mana
 * @package     Mana_Filters
 * @copyright   Copyright (c) http://www.manadev.com
 * @license     http://opensource.org/licenses/osl-3.0.php  Open Software License (OSL 3.0)
 */
/*.m-filter-item-list .m-selected-filter-item { color: red; }*/
.m-filter-popup .m-selected-ln-item > a { font-weight: bold; text-decoration: none; }
.block-layered-nav .btn-remove { margin-top: 3px; }
.block-layered-nav .currently li { position: relative; }
.block-layered-nav .currently .btn-remove { margin-top: -10px; position: absolute; right: 0; top: 50%; margin-left: 0; }
.block-layered-nav dt { position: relative; zoom: 1; left: 0; top: 0; }
.block.block-layered-nav dl dd ol > li > span, .block.block-layered-nav dl dd ol > li > a { padding: 0; }

.block-layered-nav label { font-family: "Helvetica Neue", Verdana, Arial, sans-serif; line-height: 1.5;
    font-size: 14px; color: #3399cc; }

@media only screen and (max-width: 770px) {
    .block-layered-nav dl dd ol > li { background-color: #f4f4f4; padding: 3px 5px; margin: 5px 0; }
    .block-layered-nav dl dd ol > li:hover { background-color: #e7e7e7; }
    .block-layered-nav dl dd ol > li > a, .block-layered-nav dl dd ol > li > span { margin: 0; }
}

/* 
*	Name of design: Products Filter for Magento
*	Designer: Plumrocket Inc
*	Copyright status: All rights reserved
*	Website: www.plumrocket.com
*/      


/*=== Filter ===*/

/* Toolbar */
.product-filter-param {
	background-color: #F2F2F2;
	line-height: 15px;
	padding: 0 15px;
	position: relative;
	box-sizing: border-box;
	display: table;
	width: 100%;

}

.product-filter-param.show-filter {
	margin: 2px 0 10px 0;
}

.category-products .toolbar .product-filter-param .filter_options {
	text-align: left;
	display: table;
	vertical-align: middle;
	width: 100%;
	font-size: 11px;
}

.category-products .toolbar .product-filter-param .text-showing {
  text-transform: uppercase;
  font-weight: 700;
  display: none;
  width: 75px;
  border-right: 1px solid #B8B8B8;
  vertical-align: middle;
  text-align: left;
  font-size: 12px;
}

.category-products .toolbar .product-filter-param .reset-filter {
  border-left: 1px solid #B8B8B8;
  padding-left: 15px;
  display: table-cell;
  vertical-align: middle;
  width: 80px;
  font-size: 12px;
}


.product-filter { padding: 2px 5px 0px 5px; z-index:1; border-bottom:1px solid #E9E9E9;}

.product-filter .filter_send {
	height: 25px;
	line-height: 25px;
	text-align: center;
	border: 1px solid #de5400;
	background: #f18200;
	padding: 0 8px;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	float: left;
}
.product-filter .filter_send:hover {
	cursor: pointer;
}
.product-filter .selector {float: left;position: relative;background:#fff;border: 1px solid #e9e9e9;cursor: pointer;font-size: 12px;line-height: 24px;height:25px;vertical-align: middle; margin: 0 5px 5px 0px; }
.product-filter .selector .hld {background: #fff;}
.product-filter #filter_dash {background:#E9E9E9 !important;}
.product-filter .selector .text {
	background: transparent; 
	border-right: 1px solid #ccc; 
	overflow: hidden; 
	padding: 0px 7px; 
	font-size: 13px;
}
.product-filter .selector .icon {
	float: right;
	margin: 0px;
	padding: 11px 8px 0px 7px;
	overflow: hidden;
}
.product-filter .selector .icon:after {
	display: none;
}

.product-filter .selector .icon:before {
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	border-color: #fff transparent transparent transparent;
	margin: 0 auto;
}
.product-filter .selector .sort-up {background-position:-58px 7px;}
.product-filter .selector .sort-down {background-position:-42px 7px;}
.product-filter .selector .checks *{vertical-align:middle;}
.product-filter .selector .checks label{padding-left:8px;}
.product-filter .border-hidder {background:#FFF; height:8px; overflow:hidden; position:absolute; left:0px; top:22px!important; z-index:12; width:100%; display:none;}
.product-filter .selector .dropdowner {
	background:#FFF; 
	position:absolute; 
	top:24px!important; 
	left:-1px; 
	width:200px; 
	min-width: 200px;
	height: auto;
	padding:15px 15px 10px 15px; 
	z-index:9; 
	text-align:left; 
	border-left:1px solid #E9E9E9; 
	border-bottom:1px solid #E9E9E9; 
	border-right:1px solid #E9E9E9; 
	-webkit-box-shadow: 0px 4px 8px #B9B9B9; 
	-moz-box-shadow: 0px 4px 8px #B9B9B9; 
	box-shadow: 0px 4px 8px #B9B9B9; 
	cursor:default; 
	display:none;
	font-size: 12px;   
}
.product-filter .selector .dropdowner:after {
	display: block;
	clear: both;
	content: "";
}
.product-filter .selector .dropdowner .group {
	font-weight: 700;
	font-size: inherit;
	height: auto;
	padding: inherit;
}
.product-filter .dropdowner .list {
	float:left; 
	padding:0 0 0 18px;
	margin-bottom:5px; 
	cursor:pointer;
	line-height: 16px; 
	width: 100%; 
	box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	position: relative; 
}
.product-filter .dropdowner .list:before {
	overflow: hidden;
	background-repeat: no-repeat;
	background-image: url(https://www.likespikes.com.au/skin/frontend/psretail/default/images/plumrocket/productsfilter/filter_sprite.png);
	content: '';
	background-position: 0 1px;
	width: 14px;
	height: 12px;
	visibility: visible;
	position: absolute;
	display: inline-block;
	margin-right: 5px;
	top: 1px;
	left: 0;
}

.product-filter .dropdowner .list img {
	display: inline;
}

.product-filter .dropdowner .list.active-list {
	border: 0px;
	background-color: transparent;
	color: #474747;
}
.product-filter .dropdowner .list:hover {
	color: #686868!important;
}

.product-filter .dropdowner .list.active-list.disabled,
.product-filter .dropdowner .list.disabled,
.product-filter .dropdowner .list.active-list.disabled:hover,
.product-filter .dropdowner .list.disabled:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	color: inherit!important;
}

.product-filter .dropdowner .list.active-list.disabled span {
	display: inline;	
}
.product-filter .dropdowner .list.disabled span{
	display: none;
}

.product-filter .dropdowner .list.active-list.disabled:hover,
.product-filter .dropdowner .list.disabled:hover {
	cursor: default;
}

.product-filter .dropdowner .list.active-list:before {
	background-position: 0 -25px;
}
/*
.product-filter .dropdowner .list.disabled.active-list:before {
	background-position: 0 1px;
}*/

.product-filter .dropdowner .list span {text-align:center; padding-left: 5px;}
.product-filter .dropdowner .active-list {border-color: #406a83;background: #618499; color:#FFF; }

.product-filter .reset-filter {float:right; text-align: right; padding-left:10px; color:#c76200; padding: 0; font-size: 11px; font-weight: 700;} 

.product-filter .filter-counter {color: #c76200;}

.product-filter-param .reset-filter {
	float: none;
}

	.product-filter-param .filter_counter {
		padding-right: 10px;
	}

	.product-filter-param .filter_options .filter_options_row {
		display: table-row;
	}

	.product-filter-param .filter_options .filter_options_row .filter_options_attr:last-child {
		border-right: 0px;
	}

	.product-filter-param .filter_options_row .filter_options_attr {
		border-right: 1px solid #B8B8B8;
		width: 33%;
	}

	.product-filter-param .filter_options_attr {
		padding: 7px 0 7px 10px;
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
	}

	.product-filter-param .filter_options_attr .filter_options_label {
		text-transform: uppercase;
		padding-right: 10px;
		white-space: nowrap;
		display: inline-block;
		font-weight: 700;
	}

	.product-filter-param .filter_options_attr .filter_options_item {
		padding-right: 13px;
		white-space: nowrap;
		display: inline-block;
	}

	.product-filter-param .filter_options_attr .filter_options_item .close-fo,
	.product-filter-param .filter-reset-all {
		display: inline-block;
		margin-left: 3px;
		color: #1E7EC8;
		font-size: 7px;
		font-weight: 700;
	}

	.product-filter-param .filter_options_attr .filter_options_item .close-fo:hover {
		cursor: pointer;
	}

	.product-filter-param .filter_options_attr .filter_options_item.deleted {
		text-decoration:line-through;	
	}

	.category-products .toolbar:after {
		content: "";
		display: block;
		clear: both;
	}

	.reset-filter-mobile {
		display: none;
		-webkit-text-size-adjust: none;
	}


@media only screen and (max-width: 479px) {

	.product-filter-param {
		display: none;
	}

	.product-filter .selector {
		margin: 0 0 10px 0;
		width: 100%;
		float: none;
		line-height: 27px!important;
		height: auto;
		min-height: 30px;
		position: static;
	}

	.product-filter .selector .text {
		border-right: none;
	}
	
	.product-filter .selector .icon {
		border-left: 1px solid #CCC;
		margin: 7px 0px 0px 0;
		padding: 6px 8px 4px 7px!important;
		display: block;
	}

	.product-filter .selector .dropdowner {
		position: static;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		top: auto;
		left: auto;
		width: auto;
		border: none;
		border-top: 1px solid #E9E9E9;
		padding: 5px;
		width: 100%;
	}

	.product-filter .dropdowner .list {
		width: auto;
		height: 30px;
		line-height: 30px;
		padding: 0 5px 0 19px;
		margin-right: 5px;
	}

	.product-filter .selector .dropdowner .group:before,
	.product-filter .selector .dropdowner .group:after {
		display: block;
		clear: both;
		content: "";
	}

	.product-filter .dropdowner .list:before {
		top: 8px;
		left: 5px;
	}

	.product-filter .border-hidder {
		position: relative;
		left: 0px;
		top: 2px;
		height: 0px;
	}

	.reset-filter-mobile {
		float: right;
		font-size: 13px;
	}

	.reset-filter-mobile .filter-reset-all {
		display: inline-block;
		margin-left: 3px;
		color: #1E7EC8;
		font-size: 11px;
		font-weight: 700;
	}

	.product-filter .filter_send {
		height: 30px;
		line-height: 30px;
		min-width: 90px;
	}

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

	.product-filter .dropdowner .list:before {
		background-image: url(https://www.likespikes.com.au/skin/frontend/psretail/default/images/plumrocket/productsfilter/filter_sprite_retina.png);
		background-size: 22px 50px;
	}

}
/* 
*	Name of design: Products Filter for Magento
*	Designer: Plumrocket Inc
*	Copyright status: All rights reserved
*	Website: www.plumrocket.com
*/      


/*Filter*/
.product-filter {
	border-bottom: 0px;
}

.product-filter-param {
	background-color: #fff;
}

.product-filter .selector {
	line-height: 23px;
}

.product-filter .selector .icon {
	padding: 10px 8px 0px 7px;
}

.product-filter .filter_send {
	background-color: #3399cc;
	border: 1px solid #3399cc;
}

.product-filter .filter_send:hover {
	background: #2e8ab8;
}

.product-filter-param .filter_options_attr .filter_options_item .close-fo, 
.product-filter-param .filter-reset-all,
.product-filter .reset-filter {
	color: #3399cc;
}

/* Below-grid category SEO content panel (P2, 2026-08-06).
   Rendered by catalog/category/view.phtml from CMS block ls_catseo_<categoryId>.
   .category-content-wrapper is a flex column whose children are re-sequenced with
   `order` (description 1/products 2 on desktop, swapped on mobile) — without an
   explicit order this panel defaults to 0 and jumps ABOVE the grid. order:3 keeps
   it last at every breakpoint. */
.ls-catseo{order:3;margin:30px 0 10px;padding:24px 28px;border:1px solid #e6e6e6;border-radius:5px;background:#fff;color:#444;font-size:14px;line-height:1.65}
.ls-catseo h2{font-size:19px;margin:24px 0 10px;color:#222;font-weight:700}
.ls-catseo h2:first-child{margin-top:0}
.ls-catseo p{margin:0 0 12px}
.ls-catseo ul{margin:0 0 12px 20px;padding:0}
.ls-catseo li{margin:0 0 6px}
.ls-catseo a{color:#1979c3}
details.ls-catfaq{border-bottom:1px solid #ececec;padding:10px 2px}
details.ls-catfaq summary{font-weight:700;cursor:pointer;color:#222}
details.ls-catfaq > div{padding:8px 0 4px}
details.ls-catfaq > div p{margin:0 0 8px}
.ls-catseo-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.ls-catseo-links a{display:inline-block;padding:7px 14px;border:1px solid #ddd;border-radius:4px;text-decoration:none;color:#333;background:#fafafa;font-size:13px}
.ls-catseo-links a:hover{border-color:#aaa;background:#f0f0f0}
@media (max-width:640px){.ls-catseo{padding:16px 14px}}