.cat-header {
    font-size:1em !important;
    padding:0 !important;
    height: 2.5em;
}

@media only screen and (max-width:768px) {
    .fourwaychildcategory .cat-header {
        height:2.5em;
        overflow: hidden;
    }
}

/* Don't know who or why - but this is INSANE.  Every image on every info page? Half the site looks broken...
.infopage img{
	 -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
*/

.infopage .pagetitle{
    font-size:26px;
    color:#666;
    margin: 10px 0;
}


.infopage .supercategory{
   padding: 0 7px;
} 
@media only screen and (min-width:464px) and (max-width:768px) {
    .infopage .supercategory {
        padding: 0 0 0 14px !important; 
    }    
	
}
.infopage .supercategory .childcategory img , .infopage .supercategory .fourwaychildcategory img {
   /* display:block; */
    margin:0 auto;
}    
.infopage .supercategory .fourwaychildcategory .moreinfo{
    margin-top:10px;
    padding: 0 10px;
}

.infopage hr{
    margin:20px 0;
}
.infopage .supercategory .childcategory , .infopage .supercategory .fourwaychildcategory {
    text-align:center;
	margin-bottom:10px;
}
.infopage .supercategory .childcategory div , .infopage .supercategory .fourwaychildcategory div {
   /* background-color:#ececec; */    
    color:#333333;
    font-size: 0.8em;
    padding:1em 0; 

    border-top: none;
    margin-bottom: 4px;
    
}

.catshadow {display:none;}

.infopage .supercategory .childcategory div , .infopage .supercategory .fourwaychildcategory div .cat-header {

border: 0px solid #ebebeb !important;

}

.infopage .supercategory a:link, .infopage .supercategory a:hover, .infopage .supercategory a:visited{
    text-decoration:none;
}
.infopage .bottom_text h1 , .infopage .bottom_text h2{
    color:#333;
}
.infopage .bottom_text {
    padding: 0 7px;
}
.infopage .bottom_text h1{
    font-size:16px;
}
.infopage .bottom_text h2{
    font-size:14px;    
}
/* Old by Supplyant
.infopage .bottom_text p{
    font-size:11px;
}
*/
.infopage .extraDetails{
    margin-top:5px;
}
.infopage .extraDetails > button.info-btn {
    background-color: #00bfb2;
    padding: 6px 0 4px;
    width: 100%;
    display: block;
    font-size: 14px;
    font-family: "Poppins SemiBold";
    color: #fff;
    position: relative;
    cursor: pointer;
}
.infopage .extraDetails .cta-arrow-right {
    position: relative;
    top: 0;
    left: 3px;
}
.breadcrumb {
    margin: 10px 0;

}
.breadcrumb a {
    color: #808080;
    text-decoration: none;
    font-weight: bold;
}   

/* About Us Section */

.infopage .about-tab-main,
.infopage .directionsInformation #tab-section {
    padding: 1.5em;
}

.infopage .about-arrow, .infopage .design-arrow, .infopage .service-arrow, .infopage .order-arrow, .infopage .find-arrow, .infopage .delivery-arrow {
    text-align: center;
    position: relative;
    top: -1px;
}

.tab-arrows {
}

.tab-arrows img {
    position: relative;
    top: -3px;
}

.infopage .about-tab-main h1,
.infopage .directionsInformation h1,
.infopage .tab-main h1
 {
    font-size: 2.2em;
    color: #00bfb2;
}


.infopage .about-tab-main .chris-quote {
    padding: 1em 0;
}

.infopage .about-tab-main p {
    /*font-size: 0.8em;*/
    line-height: 1.5em;
	margin-left: 5px;
}

.infopage .about-tab-main .award-text {
    font-size: 0.8em;
    line-height: 1.5em;
}

.infopage .tab-titles, .infopage .tab-titles a  {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.customer-service-tab-live, .about-tabs-live, .design-tabs-live, .order-tabs-live, .find-tabs-live, .delivery-tabs-live{
 background-color: #545759;
}

.customer-service-tab-live p, .about-tabs-live p, .design-tabs-live p, .order-tabs-live p, .find-tabs-live p, .delivery-tabs-live p{
 color:#fff!important;
}

.infopage .about-tabs {
    border:1px solid #ececec;
}
.infopage .sale_tab,
.infopage .design-tabs {
    border:1px solid #ececec;
}
.infopage .current_promotion_tab,
.infopage .customer-tabs {
    border:1px solid #ececec;
}
.infopage .easy_finance_tab,
.infopage .order-tabs {
    border:1px solid #ececec;
}

.infopage .find-tabs {
    border:1px solid #ececec;
}

.infopage .delivery-tabs {
	border:1px solid #ececec;
}

.about-section-tab .bottom-tabs .about-tabs, .about-section-tab .bottom-tabs .design-tabs, .about-section-tab .bottom-tabs .customer-tabs, .about-section-tab .bottom-tabs .order-tabs, .about-section-tab .bottom-tabs .find-tabs, .about-section-tab .bottom-tabs .delivery-tabs   
{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

@media only screen and (max-width: 950px) {
    .about-section-tab .tab-titles{
        font-size: 14px;
    }
}

@media only screen and (max-width: 880px) {
    .about-section-tab .tab-titles{
        font-size: 12px;
    }

    .how-to-order-tab .col-text h2 {
        font-size: 20px;
    }

    .how-to-order-tab .col-text h3 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 769px) {
    .about-section-tab .about-tab-main {
        border-radius: 0px;
    }
}

.tab-line {
    background-color: #CCCCCC;
    height: 1px;
    margin: 10px 0;
}

.design-tab .design-text h2 {
    color: #00bfb2;
    padding-top: 10px;
}

.about-tab-main .bottom-button {
    text-align: center;
    padding: 5px 0;
}

.service-text h2 {
    color: #669900;
}

.how-to-order-tab .about-tab-main h1 {
    color: #00bfb2;
}
.about-tab-main h2 {
    color: #00bfb2;
}

.col-text h2 {
    color: #00bfb2;
    font-size: 25px;
    padding: 13px 0 0;
}

.col-text h3 {
    color: #00bfb2;
    font-size: 40px;
}

.col-text span {
    color: #00bfb2;
    font-weight: bold;
}

.find-us-text h2 {
    color: #00bfb2;
    font-size: 25px;
}

.find-us-text h3 {
    font-size: 14px;
    font-weight: bold;
}

.infopage .about-tab-main .find-us-text h1 {
    color: #661B79;
    font-size: 28px;
}

.infopage .about-tab-main .find-us-text h4 {
    color: #545759;
    font-size: 21px;
    padding:5px 0;
}

.infopage .about-tab-main .find-us-text h5 {
    color: #33659B;
    font-size: 17px;
    padding-top: 5px;
}

.infopage .about-tab-main .delivery-text h2 {
    color: #0083A0;
    font-size: 37px;
}

.infopage .about-tab-main .delivery-text li {
    color: #009EE3;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* contact_us Page */

.contact-tab-main {
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px 20px;
}

.contact-tab-main h2 {
    color: #00bfb2;
    font-size: 37px;
}

.by-phone-head {
    padding: 10px 15px;
    position: relative;
	background:#545759;
}

.by-email-head {
    padding: 10px 15px;
    position: relative;
    background: #545759;
}

.by-phone-head h4, .by-email-head h4, .by-livechat-head h4, .returns-head h4, .tracking-head h4, .account-head h4 {
    margin-left: 70px;
    color: #ffffff !important;
    font-size: 1.2em !important;
}

.contact-block {
    background: #ffffff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*height: 275px;*/
}

.phone-content h3 {
    font-size: 27px;
    font-weight: bold;

}

.phone-content h1 {
    font-size: 45px;
    color: #000000;
    font-weight: bold;
}

.phone-content h4 {
   font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.contact-block p {
    font-size: 14px;
    line-height: 1.5em;
}

.contact-block p span {
    color: #00bfb2;
    font-weight: bold;
}

.by-phone-head img, .by-email-head img, .by-livechat-head img, .returns-head img, .tracking-head img, .account-head img  {
    top:-4px;
    position: absolute;
}

.phone-content, .email-content {
    padding:10px;
}

.email-content h4 {
    color: #00bfb2;
    font-size: 19px;
    font-weight: bold;
    padding: 20px 10px;
}

.email-content p {
    font-weight: bold;

}

@media only screen and (max-width:768px) {
    .phone-content h1 {
        font-size: 35px;
    }

    .live-text h3 {
        font-size: 15px;
        padding-top:4px;
    }

    .email-content h4 {
        padding: 15px 10px;
    }
}

@media only screen and (max-width:463px) {
    .live-text h3 {
        font-size: 15px;
        padding-top: 0px;
        padding-bottom: 5px;
                      
        
    }
}

@media only screen and (max-width:463px) {
    .mobile-2 {
        width: 1% !important;
                      
        
    }
}

.by-livechat-head {
    padding: 10px 15px;
    position: relative;
    background: #545759;
}

.by-livechat-head img {
    top:0px;
    position: absolute;
}

.by-livechat-head h4 {
    margin-left: 90px;
    color: #ffffff !important;
    font-size: 1.2em !important;
}

.live-text {
    padding: 10px 10px 10px 105px;
}

.live-text h3 {
    float: left;
    color: #000000;
	padding-bottom: 10%;
}

.live-text img {
   padding-left: 5px;
}

.returns-head, .tracking-head, .account-head {
    padding: 10px 12px;
    position: relative;
    background: #545759;
}

.blue-box-text {
    padding: 0 10px 10px;
}

.blue-box-text p {
    font-weight: bold;
    font-size: 0.8em;
}

/* trophy-cabinet */

.award-block {
    background-color: #ffffff;
    padding:10px;
    text-align: center;
	border:1px solid #ececec;
}

.award-block h4 {
    font-size: 12px;
}

.award-block p {
    font-size: 10px;
}

@media only screen and (max-width:463px) {
    .award-block p {
        font-size: 12px;
    }

    .award-block h4 {
        font-size: 15px;
    }   
}

/* Shows Pages */

.show-section h4 {
    font-size: 1.3em;
}

.show-section p {
    font-size: 14px;
    color: #333333;
    line-height: 1.5em;
}

.code-section {
    position: relative;
}


.code-section h4 {
    color: #391178;
    font-size: 30px;
    font-weight: bold;
    margin-top: 200px;
    position: absolute;
    padding: 0 3.1em;
}

/* Meet the team */
@media only screen and (max-width: 320px) {
    .team-block {
        height: 185px !important;
    }
}


@media only screen and (min-width: 321px) {
    .team-block {
        height: 220px !important;
    }
}


.team-block {
    background-color: #ECECEC;
    text-align: center;
    padding: 0.8em;
    margin-bottom: 1em;
}

.team-block p {
    font-size: 0.7em;
    margin: 0px;
}

/* Arrange Return */
/*.top-page-banner {
    background-color: #333333;
    padding: 10px 20px;
    margin-bottom: 20px;
}*/

.top-page-banner h2 {
    color: #00bfb2;
    font-size: 2.313em;
    font-weight: normal;
    margin-bottom: 0px !important;
    margin-top: 20px;
}

.top-page-banner p {
    color: #00bfb2;
    font-size: 0.813em;
}
.returns-copy h4 {
    color: #000000;
    font-size: 0.8em;
}

.returns-copy p {
    font-size: 0.8em;
    margin: 15px 0;
    line-height: 1.5em;
}
.team-comp-page {
    
    background-color: #ebebeb;
    padding: 10px;
    font-size: 0.8em !important; 
}
.team-comp-page img{
    float: left;
}
@media only screen and (max-width: 768px) {
    .staff_comment {
        padding: 10px;
        float: right;

    }
    .staff_description {
        line-height: 1.5em;
        float: left;
        padding: 10px;
    }
    .bathroom-pack-promos a,
    .bathroom-suites-promos a,
    .bathroom-toilets-promos a,
    .bathroom-basins-promos a {    
        font-size: 90% !important;    
    }
    .sales-tabs .sale_tab , 
    .sales-tabs .current_promotion_tab ,
    .sales-tabs .easy_finance_tab
    {
        border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }
    .contactInformation .sales-tabs-spacer {
        display: none;    
    }
}

@media only screen and (min-width: 769px) {
    .contactInfo,
    .priceMatch .two-column-copy{
        padding-right: 15px;
    } 
    .tap_warranty .team-comp-page img,
    .radiator_warranty .team-comp-page img,
    .contactInformation .team-comp-page img
    {
        padding-right: 10px;
    } 
      
}

.infopage .contactInformation h4, .infopage .trackOrder h4, .infopage .priceMatch h4, .infopage .ceramicDisc h4, .infopage .chromeInformation h4, .infopage .thermostaticInfo h4, .infopage .towelRails h4, .infopage .tap_warranty h4, .infopage .radiator_warranty h4,
.infopage .directionsInformation h4, .infopage .privacy_policy h4, .infopage .showerMixer h4, .infopage .easy_finance h4
{
    font-size: 1.1em !important;
    
}
.infopage .contactInformation, .infopage .trackOrder, .infopage .priceMatch, .infopage .vacancyInformation, .infopage .ceramicDisc, .infopage .chromeInformation, .infopage .thermostaticInfo, .infopage .towelRails, .infopage .tap_warranty, .infopage .radiator_warranty,
.infopage .directionsInformation, .infopage .privacy_policy, .infopage .brass_info, .infopage .showerMixer, .infopage .easy_finance
{
    font-size: 0.85em !important;
}

.infopage .contactInformation a:hover, .infopage .trackOrder a:hover, .infopage .priceMatch a:hover, .infopage .vacancyInformation a:hover, .infopage .ceramicDisc a:hover, .infopage .chromeInformation a:hover, .infopage .thermostaticInfo a:hover, .infopage .towelRails a:hover,
.infopage .tap_warranty a:hover, .infopage .radiator_warranty a:hover, .infopage .directionsInformation a:hover, .infopage .privacy_policy a:hover, .infopage .brass_info a:hover, .infopage .showerMixer a:hover, .infopage .easy_finance a:hover
{
    color: #007573 !important;
}

.infopage .directionsInformation a:link {
    text-decoration: none;
    color: #545759;
}
.infopage #category_head h2{
    font-size: 2.313em;
    color: #00bfb2;
}
.infopage #category_head h3{
    font-size: 1.5em;
    color: #ffffff;    
}


/*.infopage #category_head {
    background-color: #ffffff; 
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}
.infopage .adviceHeaderImage img {
    float: right;
    max-width: 100%;
}  */ 

.contactInformation .two-column-copy, .chromeInformation .two-column-copy, .thermostaticInfo .two-column-copy, .tap_warranty .two-column-copy, .radiator_warranty .two-column-copy,
.ceramicDisc .two-column-copy, .showerMixer .two-column-copy, .emergency-info  
{
    padding: 10px;   
}
.two-column-copy li {
    line-height: 2em;
}

.vacancy_column {
    margin-top: 10px;
}

.ceramicDisc iframe,
.chromeVideo iframe {
    width: 100%;
    margin-bottom: 20px;
}
.infopage .directionsInformation,
.infopage .directionsInformation #tab-section{
    margin-top: 15px;
}
.directionsInformation .find-contact-main h2 {
    color: #3392C5;
    font-size: 25px;
    
}

.infopage .directionsInformation .find-contact-main span {
    color: #3392C5;  
    font-weight: bold;  
}

.returns-copy li {
    margin: 10px 0;
}

.easy_finance #intro img,
.easy_finance #eligible img {
    float: right;
}
@media only screen and (max-width:463px) {
    .easy_finance .finance-column {
        text-align: center;
    }  
    .easy_finance .facts-column-image {
        margin: 0 2.3% !important;
    }  
}
.easy_finance .facts-column-image {
    background-color: #ECECEC;
    -webkit-border-bottom-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 30px;
    padding: 30px 13px 0 25px;
    margin: 0 1%;
    -webkit-box-shadow: 0 2px 9px rgba(50, 50, 50, 0.71);
    -moz-box-shadow:    0 2px 9px rgba(50, 50, 50, 0.71);
    box-shadow:         0 2px 9px rgba(50, 50, 50, 0.71);
    
}
.infopage .emergency-info p{    
    border-top: medium dotted #3480B2;
    padding-top: 10px;   
}
.sales-tabs a {
    text-align: center;
    color: #ffffff;
    text-decoration: none;  
    font-weight: bold;  
}
.sales-tabs a:hover {
    color: #ffffff;
}
#tab-section .tab-arrows img {
    top: 0 !important;
}
.tab-main {
    background-color: #ECECEC;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 25px 24px 20px 25px;   
}

.bathroom-pack-promos a,
.bathroom-suites-promos a,
.bathroom-toilets-promos a,
.bathroom-basins-promos a
 {
    text-align: center;
    text-decoration: none;    
}
.infopage .contactInformation hr {
    background-color: #CCCCCC;
    height: 1px;
}
.infopage .contactInformation .sales-form h4,
.infopage .contactInformation .sales-social h4
{
    padding-bottom: 5%;    
}
@media only screen and (min-width:464px) {
    .infopage .contactInformation .sales-form {
        border-right: 1px solid #00bfb2; 
        padding: 0 3% 3% 0;   
    } 
    .infopage .contactInformation .sales-social {
        padding-left: 3%;    
    }
}

/* 10 Year Warranty - Peace of mind */

.warranty-col {
    margin-top:20px;
}

@media only screen and (max-width:464px) {
    .warranty-title {
        height: 35px !important;
        -webkit-border-top-right-radius: 5px !important;
        -webkit-border-top-left-radius: 5px !important;
        -moz-border-radius-topright: 5px !important;
        -moz-border-radius-topleft: 5px !important;
        border-top-right-radius: 5px !important;
        border-top-left-radius: 5px !important;
    }

    .icon-col {
        top: -12px !important;
    }

    .warranty-title h2 {
        font-size: 20px !important;
        padding: 5px 0 !important;
    }

    .warranty-text {
        padding: 0 10px !important;
    }
}

@media only screen and (min-width:465px) and (max-width:768px) {
    .warranty-title {
        height: 45px !important;
    }

    .icon-col {
        top: -15px !important;
    }

    .warranty-title h2 {
        padding: 8px 0 !important;
    }
}

.warranty-title {
    height: 55px;
    background: #33659B; /* Old browsers */
    clear: both;
}

.icon-col {
	padding: 0 20px;
    position: relative;
    top: -6px;
}

.infopage .tab-titles, .infopage .tab-titles p {
	color: #000;
}

.warranty-title h2 {
    font-size: 22px;
    color: #ffffff !important;
    font-weight: normal;
    padding: 14px 0;
    margin-bottom: 0px !important;;
}

.warranty-text p {
    font-size: 12px;
    line-height: 15px;
    color: #333333;
}

.warranty-text h3 {
    font-size: 15px;
    color: #333333;
    font-weight: normal;
}

.warranty-cat p {
    font-size: 11px;
    color: #333333;
    text-align: center;
}


/*
.infopage .fourwaychildcategory > a > img {
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px; 
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;   
}
*/
.infopage .infocategoryname{
    
}  

.show-section{
border-bottom:1px solid #545759;
}

.delivery-info-header h2{
	background-color: #545759;
    color: #fff !important;
    font-size: 21px;
    padding: 5px 10px;
}
.returns-copy p a:link,
.returns-copy p a:visited{
    font-size: 12px;
    color:#000;
    text-decoration:none;
}
.returns-copy p a:hover {
    font-size: 12px;
    color:#007573;
    text-decoration:none;
}

.infopage .register-warranty {
    background-color: #00BFB2;
    padding: 10px 26px;
    display: inline-block;
    color: #fff;
    margin: 10px 0;
    cursor: pointer;
}
             

.FinancerepBox {
	border: 1px solid #c2c2c2;
	padding-bottom:8px;
	color:#9a9da1;
}
.FinancerepBox > div {
	padding:0 8px;
	color:#9a9da1;
}
.FinancerepBox p {
	margin: 0.5em 0;
	color:#9a9da1;
}
.FinancerepBox span {
	font-size:0.8em;  
}
.FinanceRepExTextCol{
	padding: 8px 0 20px 0;
	font-size: 0.8em;
}

.financePriceFrom{
	font-size: 12px;
}