﻿/*  ### CG Site-Specific Styles   ### */


.resultsPageHeader h1 {
    color: #a4104a;
}

.siteHilightColor {
    color: #a4104a !important;
}

.fabricHolder {
    background-color: #ffffff;
    transition: background-color 0.5s ease;
}


.fabricHolder:hover {
    background-color: #e1e1e1;
}
.heroImage .heroTitle {
    background-color: rgba(0,0,0,0.55);
    left: 3vw;
    top: 3vw;
    width: auto !important;
}
.showcasePanel {
    width: calc(25% - 1vw) !important;
}
.showcasePanelTitle {
    position: absolute;
    bottom: 0vw;
    left: 0vw;
    padding-bottom: 0.5vw;
    padding-top: 0.7vw;
    padding-left: 1vw;
    width: calc(100% - 1vw);
    background-color: rgba(0,0,0,0.5);
    z-index: 150;
}
.fabricFlameRetardent_container {
   display: none !important;
}
h3.fabricColour {
    width: 100% !important;
}
.featureColor,
.fabricName,
.fabricColour strong,
.selectedFabricThumb,
.desc-show,
.fabricAvailability {
    color: #a4104a !important;
}
.fabricIndicativePriceBelow {
    padding-top: 10px;
}

.textPanel h1 {
    color: #a4104a;
}

.textPanel a:hover {
    color: #a4104a;
}

.headerLeft p a:hover {
    color: #a4104a;

}
.reorderBtn {
    background-color: #a4104a !important ;
}
.expandButton {
    color: #a4104a !important ;
}
.navBar ul li a:hover {
    color: #a4104a;
}

.navBar ul li a.open {
    color: #a4104a;
}

.cookieAcceptBtn {
    background-color: #a4104a;
    color: #ffffff;
}
.footerLower {
    border-top: 1px solid #cbcbcb;
}

.footerCol a:hover {
    color: #a4104a;
}

.headerRight p a {
    color: #a4104a;
}

input:checked+.slider {
    background-color: #a4104a;
}

input:focus+.slider {
    box-shadow: 0 0 1px #a4104a;
}

/* ### Hide the filterbar on Beaumont  ### */
#filterBody {
    display: none;
}

.forceFullWidth {
   display: block !important;
}
#fabricResults {
    width: 100%;
}

.fabricHolder {
    width: 17%;
    margin-right: 0;
}
.fabricOtherItems {
  display: block;
  line-height: 1.1em;
}
.fabricOtherItemLinks {
  margin-left: 1em;
}
.fabricOtherItemLinksTitle {
    margin-top: 1em;
}
.fabricOtherItems a {
  color: #696969 !important;
  transition: color ease 0.3s;
  line-height: 1em;
  text-decoration: none;
 
}
.fabricOtherItems a:hover {
  color:  #999999 !important; 
}
.addToWishlistBrowser{
	display:none;
}
.addToWishlistBrowser img{
	display:none;
}
.fabricBrand{
	display:none;
}
.messageBar {
    display: block; 
}
.headerMiddle {
    width: 98%;
    display: block;
}
#TradeRetailToggle {
    display: block;
}

.retailPricePoint {
    display: none;
}

.tradePricePoint {
    display: inline;
}
.sampleOuter {
    display: none !important;
}
.checkoutBtn {
    background-color: #a4104a;
    border-color: #a4104a;
}

.checkoutTabHeader div p {
    border-color: #a4104a !important;
    background-color: #a4104a;
}

.checkoutTab p {
    color: #a4104a !important;
}

#passwordSent {
    border-color: #a4104a !important;
}

.resetAction:hover,
.forgotPasswordLink:hover,
.subItemPrice a:hover,
.registerLink a:hover,
.saveQuoteText a:hover {
    color: #a4104a;
}

.orderFormTitle {
    color: #a4104a;
}

.fabricImageDisclaimer_container p {
    font-size: 0.8em;
}

.selectedFabricThumb {
    border: 1px solid #a4104a !important;
}

.M2M-Button {
    background-color: #a4104a !important;
    border-color: #a4104a !important;
}

.M2M-orderForm .freeSample {
    background-color: #ffffff !important;
}

.checkoutBtnLong {
    color: #a4104a !important;
    border-color: #a4104a !important;
}

.basketHeader h2,
.orderTotalTop,
.basketProductName strong {
    color: #a4104a !important;
}

.basketHeader {
   position: relative;
}

#basketQtyVal,
#basketQtyVal2 {
    background-color: #a4104a;
}

.titleColour {
    color: #a4104a;
}

.modal-fieldset legend {
    color: #a4104a;
}

.orderTotal,
.orderTotalBottom,
.basketTotalsBottom {
    color: #a4104a;
}

#innerSelectionClose {
    background-color: #a4104a;
}

.sampleOuter {
    diplay: none;
}

.radio-image {
	height: unset;
}

.measuringLinkDesktop{
	color: #696969 !important;
}

@media all and (max-width:390px) {
    .showcasePanelTitle{
        left: 0 !important;
        width: 100% !important;
        padding-left: 0 !important;
    }
    .showcasePanelTitle h3 {
        font-size: 10vw !important;
        text-align: center;
        line-height: 15vw !important;
        background-color: rgba(100, 100, 100, 0.3);
    }
    .headerLeft img {
        border-bottom: none #333333 1px !important;
    }
}
