/* Full width add ot basket areaa*/
@media screen and (min-width : 1440px) and (max-width : 1913px) {#firstdetails {padding-right: 32px;}}
@media screen and (min-width : 1914px) { #firstdetails { padding-right: 32px;}}
@media screen and (max-width: 767.99px){#prodInfoLeft, #prodInfoRight {width: 100%;}}
@media screen and (max-width: 1023.99px) and (min-width: 768px){#prodInfoLeft, #prodInfoRight {width: 100%;}}
.productPageTop .container {background: #ffffff;}
.productPageTop .maxInner { max-width: 100%}
@media screen and (min-width : 1440px) and (max-width : 1913px) {#firstdetails {padding-right: 32px;}}
@media screen and (min-width : 1914px) {#firstdetails {padding-right: 32px;}}
#prodInfoRight {align-items: center;background: #efefef;}
.dropdownA2B {padding: 0;}
#prodInfoLeft {width: 60%;}
#prodInfoRight {width: 40%;}
.iGscPrice { display:none} 
@media screen and (max-width: 1023.99px) and (min-width: 0px){#prodInfoRight {align-items: center;max-width: 100%;}}
@media screen and (max-width: 1023.99px) and (min-width: 0px){
    .productPageTop .zflex-w { display:block !important}
    #prodInfoLeft {width: 100%;}
    #prodInfoRight {width: 100%;}
    #prodInfoRight {align-items: center;max-width: 100%;}
    .productPageTop .container {padding: 16px;}
    .productPageTop, .productPageTop .container {padding: 0px !important;}
}


/* Miv modiactions*/
#detailMiv .imgCtr:after {padding-bottom: 75%}
.productPageTop, .productPageTop .container {padding: 16px;}
.MIVicon div:hover, .MIVicon2:hover a { background:#303338}
#firstdetails {text-align: center;}
#firstdetails .starsLarge {display: none;clear: both;float: none;margin: 8px auto;}
#detailMiv {padding: 16px;border: 1px solid #e3e3e3;}
#detailMivThumb { background:#e3e3e3}
#detailMivThumb a { margin:3px 0px 3px 3px}
#detailMivThumb .imgCtr {background-size:contain !important;} 

/* Brands text added*/
#Brand:before {content:"Brand |"; opacity:0.5}

/* Prices */
.percentOff {color: #EC0028}

/* Override the h1 as Bebus pro is smaller then convention fonts */
.productName {font-size: 1.5em;width: 100%;}
@media screen and (max-width: 767px) {.productName {font-size: 1.25em;}}
@media screen and (max-width: 1920px) and (min-width: 1441px){.productPageTop {padding-right:0px}}

/* Season CTA  */
.season {border-bottom: 1px solid#cccccc;margin-bottom: 32px !important;}
.longDesc { line-height:200%}
.longDesc a { color:#2f76ec; text-decoration:underline}

/* Season CTA  */
.accordianBox {border: 1px solid #e1e1e1;width: 100%;float: left;margin-bottom: 16px;padding: 0 32px;}

/* sidebar modifications  */



/* Colour picker  */
.colourPicker {border: 1px solid #d5d5d5;margin: 8px 0 0;position:relative;width: 100%;padding: 8px 0;}
.colourPicker:after {content: "Other colours available";position:absolute;top: -11px;background: #efefef;padding: 0 18px;font-size: 12px;}
.productColourPicker {order: 0;padding: 8px 0 4px 0;}
.colourPicker {border: 1px solid #d9d9d9;background: #efefef;padding: 8px 8px 4px 8px !important;}

/* Colour picker  */
.add-to-cart-area {padding: 0px;}
.productSize {display:none}
.add-to-cart-area-msg { text-align:left}

#financeTopPanel {
    background: #87c657;
    border: 1px solid #87c657;
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    display: inline-flex;
    justify-content: flex-end;
    justify-items: center;
    font-size: 11px;
}
#financeTopPanel a:before {content:"* Order today and Spread the cost";flex-grow: 2;align-items: center;justify-content: center;display: inline-flex;padding: 8px;font-family: 'citrfontbold';background: #90c742;color: #fff;margin-right: 16px;height: 100%;font-size: 15px;/* min-width: 320px; */}
#financeTopPanel a {
    color: #87c657;
    text-decoration: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    flex-grow: 2;
    font-size: 16px;
    font-family: 'citrfontbold';
}
#financeTopPanel a:after {
    content:"";
    background: url("/layout/finance/v12-logo-blue.png");
    min-width: 110px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 40px;
    flex-wrap: wrap;
    background-position: right;
    display: block;
    margin: 0 8px;
}
@media screen and (max-width: 1023.99px) and (min-width: 0px){
    #financeTopPanel a, #financeTopPanel a:before {font-size: 12px !important;}
}

#manualTechInfo ul { padding:0; margin:0}
#manualTechInfo li {clear: both;width: 100%;line-height: 150%;list-style: none;padding: 8px;border-bottom: 1px dotted #a6afbc; font-size:smaller;}
#manualTechInfo li:nth-child(even){ background:#eaeaea}
#FAQPane .col-.ctrMgr16-left.flex-grow1.zflex-v {padding: 8px 0 0 0;}



/* CR overrides */
#CustomerRewardPane {color:#000;background: #fff;padding: 8px !important;clear: both;}
#CustomerRewardPane:before {content:"";background: url("/layout/rewards/rewards-detail.gif") no-repeat;width: 24px;height: 19px;display: inline-block;float: left;background-size: contain;position: relative;top: 6px;}
#CustomerRewardPane span {font-size: 18px;color: #509b11;}
#CustomerRewardPane > div { text-align:left; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
#devPromotext {font-size: 12px !important;}
#lblPoints { font-weight:700}
#lblPoints:before {content:"";font-size:15px !important;color:#212121;font-weight: 400;}
#lblPoints:after {content: "";font-size:15px !important;color:#212121;font-weight: 400;}


/* hide the warehouse click and collect message */
.collectLocation > [data-name*='Warehouse'] { display: none !important} 

/* hide the Click and click and message pill */
#PillClickAndCollect { display:none}


/* Reoder Call to action */
.detailOrder { position:relative}
.ctaMain { display:none}
#buyersGuidePane {position:absolute;right: 0px;width: 33.33%;}


@media screen and (max-width: 1024px) {
  #buyersGuidePane {position:relative;width: 100%;}
}


#firstdetails #cart-target {background: #e6e8eb;margin: 0;}
#firstdetails #cart-target > div.add-to-cart-area, #firstdetails #cart-target > div.add-to-cart-area > div {padding: 0px; background:#efefef}
#firstdetails #cart-pills > div {border-radius: 0;padding: 0;text-align: center;color: #333;font-size: 13px;background: #c7dcef;line-height: 44px;}
#firstdetails #cart-target .col-1.zflex-s.add-to-cart-area-1-row-2 {flex-wrap: wrap;}
#firstdetails #cart-target .col-1.zflex-s.add-to-cart-area-1-row-2 > div {width: 100%;}
#firstdetails #cart-target .col-1.zflex-s.add-to-cart-area-1-row-2 > div:first-child {}
#firstdetails #cart-target .col-1.zflex-s.add-to-cart-area-1-row-2 > div:first-child > div.add-to-cart-area-dropdown-qty {order: 2;margin: 0;}
#firstdetails #cart-target .col-1.zflex-s.add-to-cart-area-1-row-2 > div:first-child > div.add-to-cart-area-2 {order: 1;}
#firstdetails #cart-target .col-1.zflex-s.add-to-cart-area-1-row-2 > div.add-to-cart-area-button {margin: 6px 0 0 0;text-align: center;}

#firstdetails #cart-target > div.add-to-cart-area > div:last-child .add-to-cart-area-checkavailability {-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: #484848;padding: 6px 12px;height: auto;line-height: 100%;align-items: center;background: #c7dcef;width: auto;}
#firstdetails #cart-target > div.add-to-cart-area > div:last-child .add-to-cart-area-checkavailability > div > span:first-child {display: none;}
#firstdetails #cart-target > div.add-to-cart-area > div:last-child .text-right::before {text-transform: capitalize;}
.add-to-cart-area-checkavailability span[class*="icon-"] {padding: 0;height: auto;line-height: 100%;border-radius: 100%;float: none;text-align: center;padding: 8px;background: transparent;}
.add-to-cart-area-checkavailability span[class*="icon-"]::before {-webkit-transition: .3s ease-in-out;-o-transition: .3s ease-in-out;transition: .3s ease-in-out;color: #8fa5b9; content: "\e88e"; transform: none; font-size: 20px;}
#firstdetails #cart-target > div.add-to-cart-area > div:last-child .add-to-cart-area-checkavailability:hover {background: #00b1cd; color: #fff;}
#firstdetails #cart-target > div.add-to-cart-area > div:last-child .add-to-cart-area-checkavailability:hover span[class*="icon-"]::before {color: #fff;}


/* Reoder Call to action */
.productAccordian {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: row; flex-direction:column; -webkit-flex-direction:column }
.productAccordian > #techSpecifications { order: 1;} /* Reoder Tech info */
.productAccordian > #ModularSizing { order: 2;}/* Reoder sizing */
.productAccordian > div:nth-child(2) { order: 3;}/* Reoder delivery */
.productAccordian > div:nth-child(3) { order: 4;}/* Reoder returns */
.productAccordian > div:nth-child(1) { order: 5;}/* Reoder need help */
.productAccordian > #showReviews { order: 6;}/* Reoder reviews */
.productAccordian > #showFAQs { order: 7;}/* Reoder FAQ */
                                                                

/* Starbuy overide display  */
div#starbuyDisplayPanel {display: inline-block !important;z-index: 0;position: relative;background: #a773d0; padding: 0 0 16px 0; text-align: left;margin: 0 0 16px 0;}
.starbuyDisplayPanel-Inner { width:100%}
div#ctl01_starbuyBtnDisplay { display:none}
.starbuyDisplayPanel-Inner-Close { display:none}
#starbuysV2target { order: 1; margin-top: 8px;} 

#starbuyDisplayPanel::after {
    display: block;
    content: " Deal is applied when you add both products to the basket and checkout.";
    font-family: 'citrfontbold';
    opacity: 1;
    color: #fff;
    float: left;
    position: absolute;
    bottom: 0;
    padding: 8px 32px;
    background: #6b4489;
    width: 100%;
    font-size: 12px;
}

@media screen and (max-width: 1024px) {
	div#starbuyDisplayPanel {padding: 0 0 32px 0;}
	#starbuyDisplayPanel::after {padding: 8px 16px; }
}