/* custommobile.css */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,700,700i');

@media print {
    .no-print {
        display: none;
    }

    .print {
        display: block;
    }
}

body, .body, #app-root {
    font-family: 'Lato', Verdana, Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', Verdana, Arial, sans-serif !important;
}

.ProductTitleBar_Title, .Scroller_ProductScrollerTitle, h2, h3, h4 {
  font-family: 'Open Sans', Verdana, sans-serif;
}

/* Mega Menu */

.mobileNT .header-wrap-space .header .primary-navigation {
    padding-top: 0px!important;
    height: 50px;
    font-family: 'Lato', Verdana, Arial, sans-serif !important;
}

nav.primary-navigation ul.top>li>a {
    position: relative;
    display: inline-block;
    padding: 15px 21px 23px;
    font-family: 'Lato', Verdana, Arial, sans-serif !important;
    font-size: 16px;
    line-height: 17px;
    text-decoration: none;
}

nav.primary-navigation ul.top>li:hover>a {
    text-decoration: none;
}

nav.primary-navigation ul.top>li>.dropdown {
    display: none;
    position: absolute;
    left: 3%;
    right: 3%;
    min-height: 250px;
    padding: 0 .6em 4em;
    border-bottom: none;
    z-index: 999;
    -webkit-box-shadow: -3px 13px 13px 0px rgba(71,71,71,0.59);
    -moz-box-shadow: -3px 13px 13px 0px rgba(71,71,71,0.59);
    box-shadow: -3px 13px 13px 0px rgba(71,71,71,0.59);
}

nav.primary-navigation ul.top>li>.dropdown .row {
    margin-top: 11px;
}




.mobileNT .header-wrap-space .header .primary-navigation ul.top>li>.dropdown ul a, nav.primary-navigation ul.top>li>.dropdown a {
    font-size: 12px;
    text-transform: none;
    font-family: 'Lato', Verdana, Arial, sans-serif !important;
    white-space: nowrap;
    line-height: 17px !important;
}

@media(max-width: 900px) {
    nav.primary-navigation ul.top>li>.dropdown a {
        white-space: initial;
    }
}

nav.primary-navigation ul.top>li>.dropdown a:hover {
    text-decoration: none;
}

nav.primary-navigation ul.top>li>.dropdown h3>a {
    font-family: 'Lato', Verdana, Arial, sans-serif !important;
}

nav.primary-navigation ul.top>li>.dropdown .tier h3 {
   padding-bottom: 1px;
   border-bottom: 2px solid white;   
   font-weight: normal;
}

nav.primary-navigation ul.top>li>.dropdown .tier h3 a {
    padding-left: 0px;
    font-size: 20px;
    white-space: nowrap;
    
}

@media(max-width: 900px) {
    nav.primary-navigation ul.top>li>.dropdown .tier h3 a {
        white-space: initial;
    }
}

nav.primary-navigation ul.top>li>.dropdown .tier ul {
    margin-top: .8em;
    margin-left: 14px;
    padding-left: 18px;
    list-style: square;
}

/* ========================================================================================================== */

#app-root + .NTResponsive .basketReminderAbsolute {
  position: fixed;
  top: 40%;
  z-index: 200000;
}

.footer-container .copyright-container {
  margin-top: 0;
  margin-bottom: 0;
  padding: 1em 0;
  background-image: url(footer-background.png)!important;
  background-repeat: repeat !important;
  background-color: #272727;
  color: #FFF !important;
}

.mobileNT .header-navigation-container .main-navigation-container .search-container .navSearch .goSearch { 
    /*background: url(/images/mobile/search-black.png) center center no-repeat #ddd;*/
    -webkit-background-size: 30px;
    background-size: 30px;
}

.mobileNT .header-navigation-container .main-navigation-container .search-container #searchSiteTrigger>img {
  box-sizing:border-box;
  padding-left: 55px;
  background: url(/images/mobile/search-black.png) center center no-repeat; 
}

.copyright-container { float: right; 
                       text-align: center;
                       width: 100%;
                       padding-left: 0px;
}

.dvcopyright {
      width: 100% !important; 
    background-image: url(footer-background.png) !important;
}

.slick-dots {
    bottom: 0 !important;
    right: 32px !important;
}

/* Cheque payment */
#ctl00_ContentPlaceHolder1_Payment1_divChequePane { padding:10px; }

.chequecheckout {
    background-image: url(/images/pay-by-cheque.png) !important;
    color: #414141 !important;
    font-size: 23px;
    font-weight: lighter;
    font-family: Arial;
    padding-left: 80px;
    padding-top:8px;
    width: 316px;
    height: 38px;
    display: block;
    background-repeat: no-repeat;
}
.chequecheckout:hover
{
    background-image: url(/images/pay-by-cheque-over.png) !important;
}
/* End cheque payment */

 /* Start bacs payment */
.bacscheckout {
    width: 316px;
    height: 38px;
    background-image: url(/images/bacs-payment.png);
    background-repeat: no-repeat;
    display: block;
    padding-left: 110px;
    color: #414141 !important;
    padding-top: 10px;
    font-size: 24px;
    font-weight: lighter;
    font-family: Arial;  
    position: relative;
    left: -5px;
}
.bacscheckout:hover {
    background-image: url(/images/bacs-payment-over.png);
      background-repeat: no-repeat;
}
/* End bacs payment */

.grand-total-title {
    font-size: 1.1em !important;
}

.homepageadvert {
    height: 526px !important;
}

/* -------------------Footer Styles-------------------------------------- */
.ucFooterMainOuter { 
      width: 100% !important; 
    background-image: url(footer-background.png) !important;
}

.Footer_Accordion h2 { color: #fff; border-bottom:1px solid #fff !important; position: relative; background-image: none !important; }
.Footer_Accordion  h2:before {
	content: ">";
	font-weight: bold;
	font-size: 24px;
	position: absolute;
	left: 0;
	top: 9px;
}
.Footer_Accordion, .Footer_Accordion ul li, .Footer_Accordion ul li a {color:#ffffff !important; }
div.Footer_Accordion.footer { max-width: 1002px; }

.footer-payments { display:none; }
.footer-customersupport { display: none; }

nav.primary-navigation ul.top > li > .dropdown .tier h3 { font-size: 15px; }
.product-list-component > .products > li .description-container .title { font-weight: normal !important; height: 63px !important; }

.responsive-newsletter-button { background-image: url(newsletter-submit.png)!important; }

.logo-container .sitelogo {
    background-image: url("mobilelogo.png");
    background-repeat: no-repeat;
    background-size: 170px 55px;
    height: 55px;
    width: 170px;
}

ul.footer li h2 { background-image:url(footer-title.png) !important;} 

ul.footer li.footerNewsletter h2  {      background-image:url(contact-us-title.png) !important;  }  

.footerPaymentsBanner {
    background-image: url("payment-type.png") !important;
    background-repeat: no-repeat;
    float: right;
    height: 53px !important;
    margin-right: 15px;
    width: 306px !important;
}


.ucFooterOuter {
  margin: 0 auto;
  max-width: initial;
}

.footer-container, .footer-container .DynamicFooterContainer ul.footer>li {
    background-color: #272727;
}

@media(min-width: 562px) and (max-width: 991px) {
    .footerCol {
        min-height: 250px;
    }
}

.ProductTitleBar_Container .ProductTitleBar_ProductTitleBar { min-height: initial; }
.main-body-container .InnerContainer .ProductSKU_Title .ProductTitleBar_Container .ProductTitleBar_Title { width: 100%; }
.ProductTitleBar_Container .ProductTitleBar_ProductTitleBar .ProductTitleBar_BrandIconContainer .ProductTitleBar_BrandIconInner .ProductTitleBar_BrandIcon img { width:80px; }

/*
@media(min-width: 990px) {
    .Scroller_Container .Scroller_InnerContainer .slick-list { margin-left: 90px; }
}
*/

.product-list-component { min-height: 50vh;}

.mobileNT .header-wrap-space .header .primary-navigation {
    height: 70px;
}

nav.primary-navigation ul.top > li > a.tier {
    line-height: 32px;
}

@media(max-width: 767px) {
    #ctl00_cphHomepage_pnlInformation > .container-fluid:nth-child(2) > .row.zRow {
        display: flex;
        flex-direction: column-reverse;
    }
}


.NTResponsive #ctl00_divmycontainer {
    display: block;
    min-height: initial;
}

.mainSearch { 
    margin-top: 15px!important;
}

/* Quick Fix for slick.next arrow in Accessories tab */
.TabbedData_SectionContainer .Scroller_Container .Scroller_InnerContainer .slick-next {
    right: -20px;
}

.ProductTitleBar_Container .ProductTitleBar_ProductTitleBar .ProductTitleBar_BrandIconContainer {
    top: -30px;
}

.welcome-back-page .container {
    background-color: initial;
}
/*.welcome-back-page.container-fluid .segments-section {
    min-height: 80vh;
}*/

.Prices_ProductPriceContainer {
    font-size: 14px;
    padding: 10px 0;
}

.Scroller_HeadingContainer .Scroller_Heading {
    padding-bottom: 10px;
}

body,
.NTResponsiveBreadCrumb .breadcrumb-inner {
    background-image: none !important;
}

.NTResponsive .maincontent,
.Home_TemplateZContainer .Home_TemplateZSubBanners > div {
    max-width: 1002px;
}

.divCustomerServices {
    float: left;
}

.site-top-links-holder .siteTopLinksMobileNT .pnlLinks .topsplitter2 {
    display: block;
	background-image: url(/images/topnav/top-divide.gif);
	width: 2px;
	margin-right: 10px;
	margin-left: 10px;
	height: 18px;
	float: left;
}

.NTResponsive.page-customerlogin .parentBox .rBorder .equalWrapper .loginBoxLeft { background-size: 100% 100%; }

.page-welcomeback .pagecontent { display: none; }

.product-list-page .product-list-mobile-wrap .product-list-component > .products > li.with-quick-view-component .product-card .description-container .productcode,
.main-body-container .InnerContainer .ProductSKU_FloatingBar .CollapsiblePanelHead_Container .CollapsiblePanelHead_HeaderContainer .CollapsiblePanelHead_HeaderTitle
{ 
    color: #fe7d18;
}

@media (min-width: 1675px){
.mobileNT .header-navigation-container .main-navigation-container .search-container {position: absolute; top: 0; right: 0;} }


.page-home .maxwidth1000, .page-home .zRow {
    max-width: 1200px; }

.powered-container {
    display: none !important;
}