/* 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}

/* ── 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. Filter/Sort drawers (JS moves the existing gridfilter + sorter in) */
  .ls-mfbar{display:flex;gap:10px;align-items:center;margin:0 0 12px}
  .ls-mfbar button{flex:0 0 auto;min-height:48px;padding:0 18px;border:1px solid #222;background:#fff;border-radius:4px;font-weight:700;font-size:15px;cursor:pointer}
  .ls-mfbar .ls-mfcount{margin-left:auto;color:#666;font-size:14px}
  .ls-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
  .ls-chips button{border:1px solid #ccc;background:#f6f6f6;border-radius:15px;padding:6px 12px;font-size:13px;min-height:32px;cursor:pointer}
  .ls-chips button:after{content:" \00d7";font-weight:700}
  .ls-drawer{position:fixed;top:0;right:0;bottom:0;width:86%;max-width:370px;background:#fff;z-index:1220;transform:translateX(102%);transition:transform .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px;box-shadow:-4px 0 18px rgba(0,0,0,.2)}
  .ls-drawer.ls-open{transform:none}
  .ls-drawer .ls-drawer-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #222;padding-bottom:8px;margin-bottom:10px}
  .ls-drawer .ls-drawer-head strong{font-size:18px}
  .ls-drawer .ls-drawer-close{min-width:44px;min-height:44px;border:0;background:none;font-size:26px;line-height:1;cursor:pointer}
  .ls-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1210;display:none}
  body.ls-drawer-open .ls-overlay{display:block}
  body.ls-drawer-open{overflow:hidden}
  /* the moved-in blocks stretch full width inside the drawer */
  .ls-drawer .gridfilter,.ls-drawer .filter_label{width:100% !important;float:none !important}
  .ls-drawer .toolbar{width:100%;padding:0;margin:0}

  /* 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;}
}
.bx-wrapper{position:relative;margin:0 auto 30px;padding:0}.bx-wrapper img{max-width:100%;display:block;width:100%}.bx-wrapper .bx-viewport{border:0 solid #fff;background:#fff;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.bx-wrapper .bx-controls-auto,.bx-wrapper .bx-pager{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/css/slider/images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px;display:none}.bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager .bx-pager-item{display:inline-block}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#000}.bx-wrapper .bx-prev{left:10px;background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/css/slider/images/controls.png) 0 -32px no-repeat}.bx-wrapper .bx-next{right:10px;background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/css/slider/images/controls.png) -43px -32px no-repeat}.bx-wrapper .bx-prev:hover{background-position:0 0}.bx-wrapper .bx-next:hover{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/css/slider/images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:hover{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(https://www.likespikes.com.au/skin/frontend/psretail/default/css/slider/images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:hover{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@font-face { font-family: 'bikoregular'; font-display: swap; src: url('https://www.likespikes.com.au/skin/frontend/psretail/default/css/fonts/Biko.eot'); src: url('https://www.likespikes.com.au/skin/frontend/psretail/default/css/fonts/Biko.eot') format('embedded-opentype'), url('https://www.likespikes.com.au/skin/frontend/psretail/default/css/fonts/Biko.woff') format('woff'), url('https://www.likespikes.com.au/skin/frontend/psretail/default/css/fonts/Biko.ttf') format('truetype'), url('https://www.likespikes.com.au/skin/frontend/psretail/default/css/fonts/Biko.svg') format('svg'); }