/*
 * Compressor:
 https://cssminifier.com/

 */


#productAdditionalText {
clear: none;
}


.productHeaderSummaryText { margin-bottom: 10px; }



/* this wraps floated blocks and ensures */ 
.cmsProductSummary { display: flow-root; overflow: hidden; }


#productAdditionalText { clear: both;}



/*==================================
FILTER LIST OPTION SPACING
==================================*/

body .cmsFormElementsCompressed .cmsFormElement div.FeatureListButtons,
div.checkboxButtonSet,
div.FeatureListButtons {
  display:flex;
  flex-flow:wrap;
  gap:5px;
}



/** Kaasi , 1/08/2013 ShoppingCart Tag css starts */


#ajaxCart input.shoppingbasketupdatebutton, #ajaxCart input.shoppingbasketremovebutton {font-size: 8pt;}
#ajaxCart input , #ajaxCart select, #ajaxCart option{font-size: 9pt;}


/*==================================
DEFAULT CART CSS
==================================*/

.cartSummary { width: 100% ; overflow:hidden; }
.cartSummary ul  {list-style: none; padding: 0px; margin: 0px; }
.cartSummary li { margin: 3px; padding: 0; }


.basketSummaryHeader {
  overflow:auto;
}
.basketCartDelete { display: inline-block; width: 50%; float:left; }
.basketCurrencySelector { display: inline-block; width: 50%; float:right; text-align: right; }

.deleteCart a:link { border: 1px solid #faa;  display: inline-block; font-size: 8pt;
text-decoration: none; color: #faa; text-align: center; padding: 1px 4px; margin: 2px; }

.basketSummaryCheckout{
  text-align: right;
  margin-top: 10px;
  margin-bottom: 10px;
}

.selectShippingMethodMessage {
  text-align: left;
  font-style: italic;
  font-size: 80%;
  width:75%;
}
.selectShippingMethod select {
  font-size: 110%;
}

.shoppingbasketcheckoutbutton:not(.checkoutcancelorder){font-size: 110%;} /*causes large checkout cancel button without :not*/

.basketSummaryLineItems {
  border-top: 1px solid #ccc;
}

.basketSummaryLineItems>ul>li {
  list-style: none;
  border-bottom: 1px solid #ccc;
}


.checkoutMakeChangesOrAddMoreItems
{
  border-bottom: 1px solid #ccc;
}

.basketSummaryLine, .basketSummarySubTotalLine {
  clear:both; overflow: hidden;
    margin-top: 5px;  margin-bottom:5px;
}


.basketSummarySubTotalLine_Savings{margin-top:15px;margin-bottom:10px;color:#999;font-weight:bolder}




.basketSummaryLineItemIcons a:link,
.basketSummaryLineItemIcons a:visited
{
border: 1px solid #ccc;
display: inline-block;
width: 13px;
text-align: center;
height: 14px;
line-height: 14px;
 text-decoration: none;
 margin: 2px;
 font-size: 14px;
 font-weight: bolder;
}

.basketSummaryQtyInc a:link { color: green;  }
.basketSummaryQtyDec a:link { color: red;  }


.cartSummaryFull .warning { padding:2px; color:red; background-color: white; border: 1px dashed red ; margin-bottom: 8px; }

.cartSummaryFull .basketSummaryLineMessage {
  font-size:75%;
  color: red;
}

#ajaxCart label  {font-size: 75%;}

.basketCustomisedOptions table {
border-spacing:0;
}
.cartSummaryFull td.question {
  font-size: 75%;
  min-width: 45px;
}
 {
  width: 20%;
}

.basketSummaryLineItemOptionsEditable .cmsFormData label {
display:block; width: auto;
}

.basketSummaryLineItemOptionsEditable .cmsFormPrompt,
.cartSummaryFull label, .basketID , .vieworderstable label {
  font-size: 75%;
  min-width: 45px;
  display: inline-block;
 }

.fullPrice{ text-decoration: line-through; color:red;}

.basketSummaryLineRight .fullPrice{ text-align: right; }


.basketCheckoutDiv {
  padding-top: 10px;
  clear:both;
  text-align: right;
}

.basketSummaryPrompt {
  font-size:75%;
  text-align: right;
}


.basketSummaryTotal {
  border-top: 1px solid #ccc;
  font-weight: bolder;
}

.basketSummaryLineLeft{width:83%; float: left; }
.basketSummaryLineRight{width:17%; float: right; text-align: right; }
.cartSummaryFull .basketSummaryLineImage img {max-width:100%; max-height: 100%; height:auto;}
.basketSummaryLineOtherDetails { font-size: 80% }

@media (min-width : 500px) {

    .cartSummaryFull .basketSummaryLineOptions {    float: right;       margin-right: 0%;       width: 38%;     }
    .cartSummaryFull .basketSummaryLineImage{max-width:20%; float: left; margin-right: 1%;}
    .cartSummaryFull .basketSummaryLineDetails{width:38%; float: left; margin-right: 1%;}
    .cartSummaryFull .basketSummaryLineItemOptionsEditable {}

}
@media (max-width : 500px) {
    .cartSummary {font-size: 12pt;}
    .basketSummaryLineLeft{width:80%; float: left; }
    .basketSummaryLineRight{width:20%; float: right; text-align: right; }
    .basketSummaryLineItems .basketSummaryLineRight{font-size: 80%; }
    .cartSummaryFull .basketSummaryLineImage{max-width:20%;  float: left;  margin-right: 2%;}
    .cartSummaryFull .basketSummaryLineDetails,
    .cartSummaryFull .basketSummaryLineOptions { width:70%; margin-left: 2%; font-size: 80%; float: right; }
    .basketSummaryLineRight{ text-align: right; }
    .checkoutsubmitorder {font-size: 130%;}
    .checkoutConfirmBottomButtons input{margin-bottom:2%;}
}

.cartSummaryNarrow .basketSummaryLineLeft {width:65%; float: left;}
.cartSummaryNarrow .basketSummaryLineRight {width:35%; float: right; max-width:33%; overflow: visible;}
.cartSummaryNarrow .basketSummaryLineItemIcons { display: inline; float: right; }

table.vieworderstable tr.headerrow td , table.vieworderstable tr.viewOrderLine td{
  border-bottom: 1px solid #ccc;
}


.cmsShoppingCartTemplateLinks {
padding: 5px;
}
.cmsShoppingCartTemplateLinks a {
text-decoration: none;
}






@keyframes animScarcity {

  from {
    opacity: 0;
    transform: translate3d(-800%, 0, 0);
  }

  12% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  38% {
    transform: scale3d(1, 1, 1);
  }

  42% {
    transform: scale3d(1.25, 0.75, 1);
  }

  46% {
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    transform: scale3d(1.15, 0.85, 1);
  }

  54% {
    transform: scale3d(0.95, 1.05, 1);
  }

  58% {
    transform: scale3d(1.05, 0.95, 1);
  }

  62% {
    transform: scale3d(1, 1, 1);
  }

  88% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d( 700%, 0, 0);
  display:none;
  }
}



.cmsScarcityMessages {
    padding: 10px;
    position: fixed;
    bottom: 10px;
    border-radius: 4px;
    right: 40%;
    margin: auto;
    z-index: 99;
  font-size: 150%;
    animation-name: animScarcity;
    animation-delay: 1s;
    animation-duration: 8s;
    animation-fill-mode: both;
    color: white;
    background:#dd4938;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5)  ;
}



.buttonSet button {box-sizing: border-box; padding: 2%;}
button.activeOptionButton { background-color: black; color: white; }

ul.circleSwatches li { text-align: center; }
ul.circleSwatches li img {    border-radius: 50%; max-height: 70px;  border: 2px solid rgba(0,0,0,0); cursor:pointer;}
ul.circleSwatches li:hover img,
ul.circleSwatches li.optionSelected img { border: 2px solid #999 ; }
ul.circleSwatches li .ColorSwatchOption { text-align: center; width: 100%; }
ul.circleSwatches li input { display:none }
ul.noLabels  .ColorSwatchOption { display:none }
div.cmsOptionSwatches {text-align: center; width: 100%; flex: 100%;  }
div.cmsOptionSwatches span {  border-radius: 50%; background-position:center center; background-size: cover; height: 40px; width: 40px; display: inline-block; margin: 3px;}
div.cmsOptionSwatches img  {  border-radius: 50%; height: 40px; width: 40px; margin: 3px;}

.cmsOptionButtonSet button.optionSelected { border-style: inset; }

div.cmsItemPromoStamp {
    position: relative;
    left: 50%;
    margin-left: -45px;
    min-height: 20px;
    width: 90px;
    line-height: 20px;
    text-transform: uppercase;
    opacity: 0.90;
    text-align: center;
    background-color: rgb(144, 164, 174);
    color: #fff;
	font-size: 11pt;
}
.Product.hasImage div.cmsItemPromoStamp {
    position: absolute;
    top: 0px;
    z-index: 3;
}

.list-style-default div.cmsItemPromoStamp,
.list-style-bizcard div.cmsItemPromoStamp,
.ProductViewBizcard div.cmsItemPromoStamp{
  position: absolute;
	left:0px;
	margin-left:0;
}


.cmsItemListStockCount { font-size: 70% ; }


.cmsPageList, .CategoryList,.ProductList { clear: both; }



.Product .cmsPrdCategories a { font-size: 70%; padding-right: 10px; }
.cmsFormElementCategories .cmsPrdCategories a { padding-right: 10px; }

/* default bigger than normal, but assume default cmsMoreInfo styling otherwise */
#showMoreProducts>a.showMoreProducts {
	    padding: 15px 50px;
}


.productSortingDropdown,
.selectCurrency{
  margin-bottom:1rem;
}




/*==================================
CORE CHECKOUT FLEX UPDATE AUG 2022
Affects Order Summary Basket FORMATTING
==================================*/

.basketSummaryLine {
 display:flex;
}

.basketSummaryLineOptions .basketSummaryLineItemOptionsEditable > div{
    display:flex;
    flex-direction:column;
    margin-bottom:0.2rem;
}

.basketSummaryLineOptions .basketSummaryLineItemOptionsEditable > div:last-child {
    display:block;
}

.basketSummaryLineOptions .basketSummaryLineItemOptionsEditable > div:last-child{
    font-size:11px;
}

.basketSummaryLineOptions .basketSummaryLineItemOptionsEditable>.sectionAutoReveal { display:none; }


.basketSummaryLine input[type=checkbox]{display:inline-block;margin-right:5px}


.cartSummaryFull .basketSummaryLineOptions {
  width:max(38% , 150px);
}


@media(max-width:500px){
    .cartSummaryFull .basketSummaryLineOptions {
        width: 70%;
    }
}



.ProductList .cmsItemProductReview { border: 1px solid #b8ebff; border-radius: 10px; background: #edfaff; color: #333; padding: 5px; font-style: italic; margin-top: 5px; font-size:13px;}
.ProductList .cmsTitle:has(+.cmsStarRating) {min-height: 2.5em;}
.ProductList .productReviewDate { font-size:  70%; color: #999; }
.ProductList .productReviewTitle { font-weight: 700; }

.forumMessageTitle{font-weight:700;}


.shopsearch .formDIVColour  { border: 0; background-color: inherit; }

/* fastBasketForm ... */
  .fastBasketForm input,
  .fastBasketForm select { width: 100%; min-width: 60px; }
  .fastBasketForm.InStock {  }
  .fastBasketForm.OutOfStock { border-bottom: 2px solid red; }
  .fastBasketForm.AvailabilityBackOrder { border-bottom: 2px solid orange; }
  .fastBasketForm.LowStock { border-bottom: 2px solid yellow; }

.ajaxAddCartMessageTopRight {position: fixed; z-index: 99999; width:auto; right:0; top:0; padding: 20px; background: green; color: white ; text-decoration: none; }



/* now that we have image dimensions, default height to auto, and override as required... */

.imageAlignmentBlock img,
.cmsProductSummary img {
  height: auto;
}


@media(min-width:600px) {
 .popupCartAddedChanges .cmsModal {
	position: fixed;
	width:90%;
	right:5%;
	top:5%;
	height: auto !important;
	max-width: 400px !important;
 }
}




.preDiscount { font-size: 80%; text-decoration: line-through; color:red }
.productRrp .productRrpPrice { text-decoration: line-through; color:red }
.productPriceSavingsPrice {color:red  }
.mainPrice .value { font-weight: bolder;}
.productPrice .value { font-weight: bolder;}
.otherTaxPrice { font-size: 80%; }
.ccySymbol { margin-right: 3px; }