 /* Zopim custom */

.meshim_widget_components_chatButton_ButtonBar .favicon {
    background: rgba(161,62,62,1);
}

/* YouTube on homepage only */

#video-bar-footer {
    background: none repeat scroll 0 0 #21333f;
    height: 156px;
}

#video-container-footer {
    background: transparent;
    max-width: 990px;
    margin: 0 auto; 
    padding: 20px 0 0 0;
 
}

.video-bar-title {
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.box-body {
    margin: 0 0 0 12px;
    display: inline;
}

.videoWrapper img{max-width:100%}
.videoHover{
    cursor:pointer;
    margin: 0 auto;
    display: block;
    border: 1px solid #333333;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    display:none;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


 /* Footer */

#footer {
    clear: left;
    color: #333333;
    font-size: 0.9em;
    line-height: 1.4em;
    padding-top: 0px;
	margin-top:0px;
    position: relative;
}
.footerline {
    border-top: 1px solid #ccc;
}
#footer p {
    float: left;
    font-size: 0.9em;
    line-height: 1.7em;
    margin: 10px 12px 40px;
    width: 174px;
}
#footer p span {
    border-bottom: 1px solid #ddd;
    display: block;
    font-weight: 700;
    margin: 10px 0 5px;
    text-transform: uppercase;
}
#footer a:link {
    text-decoration: none;
}
#footer a:visited {
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer a:active {
    text-decoration: underline;
}
#new-footer {
    width: 990px;
}
#new-footer p span {
    border: medium none;
    color: #336699;
}
#new-footer span a {
    color: #336699;
}
.can-we-help {
    background: url("../footer-banner-long.png") no-repeat scroll 0 0 transparent;
    height: 161px;
    padding: 0 0 0 15px;
}
.can-we-help h3, #footer #new-footer .can-we-help p {
    color: #ffffff;
    float: left;
    font-size: 21px;
    font-weight: bold;
    padding: 5px 15px 10px 0;
    width: 300px;
}
#footer #new-footer .can-we-help p {
    line-height: 0.8em;
    margin: 0 0 3px;
}
#new-footer .can-we-help .help-main .call-our-team {
    color: #ffffff;
    float: left !important;
    font-size: 16px;
    margin: 0;
    text-align: right;
    width: 615px;
}
#new-footer .newfootlist {
    list-style: outside none disc;
}
.can-we-help .help-main {
    border-bottom: 1px solid #ffffff;
    margin-left: 15px;
    width: 930px;
}
.can-we-help a {
    color: #ffffff;
}
.can-we-help div {
    float: left;
    margin: 10px 0;
    width: 220px;
}
.can-we-help div a {
    color: #ffffff;
    font-weight: bold;
}
.can-we-help img {
    float: left;
    margin-top: -7px;
    padding: 0 15px;
}
.grey-block {
    background-color: #ececec;
    height: 240px;
    margin-top: 10px;
    padding-left: 20px;
    padding-top: 25px;
}
.grey-block div p {
    color: #336699;
    font-weight: bold;
    text-transform: uppercase;
}
.grey-block div {
    float: left;
    height: 215px;
}
.grey-block div ul {
    margin-left: 26px;
    width: 200px;
}
.grey-block div ul li {
    margin-bottom: 2px;
}
#new-footer .footer-sitemap {
    margin-left: 20px;
}
#new-footer .footer-sitemap h2 {
    color: #333333;
    float: none;
    font-size: 21px;
    text-transform: uppercase;
}
#new-footer .footer-sitemap span {
    margin-top: 0;
}
#new-footer .footer-sitemap p {
    height: 335px;
    padding-left: 10px;
    width: 205px;
}
#ih_shaderight, #ih_shadeleft {
    display: none !important;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
}
*, *:before, *:after {
    box-sizing: border-box;
}
.separator {
    border-bottom: 1px solid #ccc;
    margin: 7px 20px;
}
#footer ul {
    list-style-position: inside;
}
#help-container {
    background: linear-gradient(#3398cb, #33679a) repeat scroll 0 0 #33679a;
    border-top: 1px solid #0a7dbe;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 0;
    padding: 20px 30px;
    text-shadow: 0 1px 0 #013966;
}
#customer-care {
    color: inherit;
}
#help-list {
    list-style-type: none;
}
#help-container h1 {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
#contact-help {
    color: #fff;
    float: right;
    font-size: 0.8em;
    font-weight: normal;
}
#social-bar-footer {
    background: #000000;
    height: 60px;
}
#social-bar-container {
    padding: 13px 0 0 3%;
    margin: 0 auto;
    width: 860px;
}
.social-bar-blocks {
    display: inline;
    margin: 0;
}
.social-img {
    display: inline;
}
.social-text {
    color: #ffffff;
    font-size: 12px;
    display: inline-block;
    padding: 0px 10px 0px 6px;
    position: relative;
    bottom: 7px;
    z-index: 2000;
}
.help-item a {
    color: #fff;
    font-weight: bold;
}
.help-item {
    display: inline-block;
    line-height: 33px;
    padding: 5px 0;
}
.help-item img {
    margin-right: 5px;
}
.column.more-info {
    margin: 20px 0;
    max-height: 100%;
    padding: 0 20px;
}
.more-info-heading {
    color: #cc3045;
    font-size: 12px;
    font-weight: normal;
}
.more-info-list {
    list-style-position: inside;
}
.more-info-item {
    margin: 2px 0;
}
#footer #mc_embed_signup {
    background-color: transparent;
    padding: 0;
}
#footer .mc-field-group input[name="EMAIL"] {
    border-radius: 10px;
}
#footer #mc_embed_signup [name="subscribe"] {
    background-color: #96d500;
    border-radius: 10px;
    font-size: 1.4em;
    padding: 6px 22px;
}
#footer .mc-field-group input {
    border: 3px solid #345e9e;
    margin-bottom: 5px;
    padding: 7px;
}
.back-to-top-desktop {
    margin-right: 8px;
}
#mc-embedded-email {
    border: 1px solid #369;
    border-radius: 0;
    padding: 5px;
    width: 120px;
}
#mc-embedded-button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(#3398cb, #33679a) repeat scroll 0 0 #33679a;
    border-bottom-right-radius: 5px;
    border-color: #369 #369 #369 -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-top-right-radius: 5px;
    border-width: 1px 1px 1px 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: normal !important;
    padding: 0 6px 0 5px;
    text-transform: uppercase;
}
#social-media-container {
    margin-top: 20px;
}
#social-media {
    list-style-type: none;
}
#sitemap {
    margin: 20px 0;
}
#sitemap .column.map:first-child {
    border: 0 none;
}
#sitemap .column.map {
    border-left: 1px solid #ccc;
    padding: 0 20px;
}
#sitemap h3, #sitemap h3 > a {
    color: #369;
    font-weight: bold;
    text-transform: uppercase;
}
#sitemap ul {
    color: #666;
    font-size: 0.95em;
    list-style-type: none;
}
#footer-logo .ir {
    float: left;
    margin-right: 6px;
}
#left {
    display: none;
}
#sitemap .map h3 {
    font-size: 16px;
    margin-top: 10px;
}
.ir {
    background-color: transparent;
    border: 0 none;
    overflow: hidden;
}
.ir:before {
    content: "";
    display: block;
    height: 150%;
    width: 0;
}
.help-icons {
    background-image: url("//www.bathempire.com/sites/BathEmpire/help-icons-sprite.png");
    display: inline-block;
    height: 33px;
    margin-right: 5px;
    vertical-align: middle;
    width: 33px;
}
.contact {
    background-position: -34px 0;
}
.track {
    background-position: -102px 0;
}
.return {
    background-position: -170px 0;
}
.delivery {
    background-position: -68px 0;
}
.account {
    background-position: 0 0;
}
.warranty {
    background-position: -204px 0;
}
.price {
    background-position: -136px 0;
}
@media not all, (min-resolution: 192dpi) {
.help-icons {
    background-size: 237px auto;
}
.contact {
    background-position: -34px 33px;
}
.track {
    background-position: -102px 33px;
}
.return {
    background-position: -170px 33px;
}
.delivery {
    background-position: -68px 33px;
}
.account {
    background-position: 0 33px;
}
.warranty {
    background-position: -204px 33px;
}
.price {
    background-position: -136px 33px;
}
}
.social-icon {
    background-image: url("//www.bathempire.com/sites/BathEmpire/social-sprite.png");
    display: block;
    float: left;
    height: 24px;
    margin-right: 5px;
    width: 24px;
}
.rss {
    background-position: 0 -49px;
}
.facebook {
    background-position: -100px -49px;
}
.google {
    background-position: -75px -49px;
}
.twitter {
    background-position: -25px -49px;
}
.youtube {
    background-position: -50px -49px;
}
@media not all, (min-resolution: 192dpi) {
.social-icon {
    background-size: 124px auto;
}
.rss {
    background-position: 0 0;
}
.facebook {
    background-position: -100px 0;
}
.google {
    background-position: -75px 0;
}
.twitter {
    background-position: -25px 0;
}
.youtube {
    background-position: -50px 0;
}
}
#footer-logo .ir {
    background-image: url("/sites/BathEmpire/footer-sprite.png");
    background-size: 470px auto;
}
.bathempire {
    background-position: 0 -128px;
    height: 44px;
    width: 175px;
}
.free-delivery {
    background-position: -185px -128px;
    height: 44px;
    width: 50px;
}
.ten-year {
    background-position: -238px -128px;
    height: 44px;
    width: 50px;
}
#footer-logo .easy-finance {
    background-position: -290px -128px;
    height: 44px;
    width: 50px;
}
.next-day {
    background-position: -344px -128px;
    height: 44px;
    width: 50px;
}
.isis {
    background-position: 0 0;
    height: 40px;
    width: 80px;
}
.isis2 {
    background-position: -80px 0;
    height: 40px;
    width: 80px;
}
.visa-verified {
    background-position: -163px 0;
    height: 40px;
    width: 61px;
}
.mastercard-secure {
    background-position: -236px 0;
    height: 40px;
    width: 90px;
}
.paypal {
    background-position: -333px 0;
    height: 40px;
    width: 71px;
}
.pay4later {
    background-position: -407px 0;
    height: 40px;
    width: 62px;
}
#copyright {
    border-bottom: 10px solid #369;
    margin-top: 10px;
    vertical-align: bottom;
}
.asSeenBanner {
    background-color: #959595;
    height: 48px;
}
.asSeen {
    position: relative;
    text-align: left;
}
.asSeen img {
    display: none;
    position: absolute;
}
footer .wrapped-footer {
    margin: 0 auto;
    width: 990px;
    text-align: left;
}
footer .review-award-banner {
    border-bottom: 2px solid #cccccc;
    border-top: 2px solid #cccccc;
    padding: 10px 0;
}
footer .help-icon {
    position: relative;
    text-align: center;
    top: -25px;
}
footer .help-row {
    height: 75px;
}
footer .help-grid {
    border: 1px solid #cccccc;
}
footer .help-text {
    color: #336699;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}
footer span#contact-help {
    color: #333333;
    font-size: 13px;
}
footer span#contact-help strong {
    color: #d34e63;
    font-size: 15px;
}
footer #help-extend {
    background: none repeat scroll 0 0 #21333f;
}
footer #help-extend h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 12px;
    text-align: left;
    font-family: 'Montserrat', Arial, sans-serif;
    text-transform: uppercase;
}
footer #help-extend ul {
    line-height: 22px;
    margin: 0;
}
footer #help-extend li.more-info-item a {
    font-size: 14px;
    color: #dadada;
    font-weight: lighter;
    text-transform: uppercase;
}
footer #help-extend li.more-info-item {
    list-style: outside none none;
    text-align: left;
}
footer .payment-logos {
    height: 45px;
    text-align: right;
}
footer .footer-cats {
    border-bottom: 1px solid #ffffff;
}
footer #copyright {
    background-color: #383735;
    border-bottom: 0 none;
    color: #ffffff;
    height: 48px;
    text-align: center;
}
footer .social-logos {
    float: left;
    margin-bottom: 10px;
}
footer .social-logos img {
    float: left;
    padding: 36px 8px 0 0;
}
footer .be-text-section {
    height: 150px;
    margin-top: 10px;
}
footer #footer-logo h3 {
    text-align: right !important;
}
footer #footer-logo > div {
    padding: 0 0 0 20px;
}
#footer p {
    margin: 0;
    width: 100%;
}
footer .tab {
    display: none;
    margin-top: 10px;
}
footer .four-sections p {
    font-size: 13px;
    margin: 0;
    text-align: center;
    width: 100%;
}
footer .four-sections a {
    color: #8a8e92;
    text-decoration: none;
}
#footer .four-sections a:active {
    text-decoration: none !important;
}
footer .four-sections h2 {
    color: #a0a3a6;
    font-size: 13px;
    font-weight: normal;
    padding: 5px;
    text-align: center;
}
footer .four-sections a:hover h2 {
    background-color: #a0a3a6;
    color: #fff !important;
}
footer .highlighted-tab h2 {
    background-color: #a8b6c1;
    color: #fff !important;
}
footer .section-suites h2 {
    width: 235px;
}
footer .section-accessories h2 {
    width: 214px;
}
footer .section-warranty h2 {
    margin-left: 20px;
    width: 275px;
}
footer .section-delivery h2 {
    width: 250px;
}
footer .tab {
    min-height: 130px;
}
footer .tab p {
    color: #666666;
    margin-bottom: 10px !important;
    padding: 0 10px;
}
footer .tab p a {
    color: #666666;
    text-decoration: underline !important;
}
h1.footer-tab-section {
    color: #7d7d7d;
    font-size: 20px;
    margin: 20px 0 0 !important;
    padding: 0 10px !important;
}
.cookie_info {
    color: #ffffff;
    padding-left: 40px;
}
.cookie_info a {
    color: #fff;
}
.trustpilot_review {
    background-color: #959595;
    color: #fff;
    height: 64px;
}
.trustpilot_text p {
    color: #fff;
    margin-top: 4px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.trustpilot_rating p {
    color: #fff;
    font-size: 80%;
    margin-top: 0;
}
.trustpilot_text {
    border-left: 2px solid #bcbcbc;
    height: 46px;
    margin-top: 8px;
    padding-left: 12px;
    padding-right: 5px;
}
.tp_reviews {
    font-family: helvetica;
    font-size: 13px;
    line-height: 20px;
    margin-top: -8px;
}
.tp_stars {
    margin-top: 15px;
}
.asSeenBannerSection, .tp_review_section {
    margin: 0 auto;
    width: 990px;
    text-align: left;
}
.trustpilot_review .tp_stars {
    margin-top: 16px;
}
footer .phone-number {
    padding-top: 7px !important;
    text-align: left !important;
}
@media (max-width: 1240px) {
.livechat-block {
    display: none !important;
}
.pricepromise-block {
    display: none !important;
}
}
.livechat-block {
    background: none repeat scroll 0 0 #005f9f;
    border-radius: 10px 10px 0 0;
    bottom: 0;
    box-shadow: 2px -1px 10px 0 rgba(50, 50, 50, 0.58);
    height: 40px;
    left: 1%;
    position: fixed;
    width: 280px;
    z-index: 200;
}
.livechat-block img {
    margin: 11px 4px 0 0;
    position: relative;
}
.livechat-block p {
    bottom: 5px;
    color: white;
    font-family: "Arial Rounded MT Bold","Helvetica Rounded",Arial,sans-serif;
    font-size: 13px;
    font-weight: bold;
    position: relative;
    text-align: center;
    z-index: 200;
}
.livechat-block a {
    text-decoration: none;
    z-index: 200;
}
.pricepromise-block {
    background-image: url("//www.bathempire.com/sites/BathEmpire/images/livechat/PricePromise_icon_optimised.png");
    bottom: 0;
    height: 167px;
    position: fixed;
    right: 0;
    width: 166px;
    z-index: 10;
}
.pricepromise-close {
    bottom: 0;
    height: 50px;
    position: fixed;
    right: 0;
    width: 50px;
    z-index: 20;
	
}


@media only screen and (max-width: 1000px) {
    footer .wrapped-footer {
        width: 100% !important;
    }
}
@media only screen and (max-width: 768px) {
    #video-bar-footer {
        height: inherit;
        padding-bottom: 20px;
    }
    .box-body {
        margin: 0 2.5% 0 2.5%;
    }
    #footer p {
        text-align: center;
        padding: 3px 0 3px 0;
    }
    #social-bar-footer {
        height: inherit;    
    }
    .social-bar-blocks {
        margin: 3px 0 12px 5%;
        text-align: left;
    }
    #social-bar-container {
        width: 100%;
        padding: 0 0 0 4%;
    }
    .wrapped-footer .row  {
        padding: 10px 0 0 0;
    }
    #social-bar-footer {
        padding: 10px 0 0 0;        
    }
    .social-text {
        padding: 0 0 0 5px;
    }
}
@media only screen and (max-width: 463px) {
    .social-text {
        display: none;
    }
}
@media only screen and (max-width: 350px) {

}
@media only screen and (max-width: 311px) {

}
.potn-footer__bottom-logos img {
    padding: 10px;
    width: 65%;
    display: table;
    margin: 0 auto;
}
.potn-footer__site-logo {
    float: left;
}
.potn-footer {
    max-width: 990px;
    margin: 0 auto;
}
.potn-footer__container {
    background-color: #F2F2F2;
    padding: 20px; 
}
.potn-footer__potn-img img {
    width: 50%;
    padding: 20px 0;
}

@media only screen and (max-width: 768px) {
    .potn-footer__bottom-logos img {
        padding: 0px;
    }
}
@media only screen and (max-width: 555px) {
    .potn-footer__site-logo.large-25 {
        width: 50%;
        padding-bottom: 35px; 
    }
    .potn-footer__potn-img img {
        width: 90%
    }
}
