/*brand ffcf0d */

.hasBanners #logo #strapLine , * #strapLine  {/*width: 97%; text-align-last:justify;text-justify: inter-character; */  }

.home #content  *   {    }
 
#bannerStrip{position: absolute; bottom: 0px; left: 0px; width: 100%; background: ffcf0d}
#paraGrid.alternate .textWrap p {/*text-align:justify;text-justify: inter-character; */ }
p#pageTop { background-color:#ffcf0d }

#bannerBaseIcons{
position: absolute;	bottom: 0px;	left: 0px;
	width: 100%;
	background: #f6f6f6;
/*	background-image: url(../images/bannerBaseIconBg.png);
	background-position: 0% bottom;
	background-repeat: repeat-x*/
  padding: 0px 0 6px 0; 	height: auto; display: flex; justify-content: center;  
		}
#bannerBaseIcons a:hover{text-decoration: underline}
#bannerBaseIcons a span{height: inherit; line-height: inherit; width: 22px; border: 0px solid #e1e1e1; display: block; float: left; margin-right: 5px; background-position:  0%  50%;  background-repeat: no-repeat ;background-size: auto 20px ; }
#bannerBaseIcons a#bannerBaseIcon1 span{	background-image: url(../images/bannerBaseIcons/handshake.png);background-size: auto 16px ;	}
	#bannerBaseIcons a#bannerBaseIcon2 span{	background-image: url(../images/bannerBaseIcons/saving.png)}
#bannerBaseIcons a#bannerBaseIcon3 span{background-image: url(../images/bannerBaseIcons/tick.png);background-size: auto 14px ; }
#bannerBaseIcons a#bannerBaseIcon4 span {background-image: url(../images/bannerBaseIcons/nationwide.png?1)}
#bannerBaseIcons a#bannerBaseIcon5 span {background-image: url(../images/bannerBaseIcons/delivery.png)}
#bannerBaseIcons a#bannerBaseIcon6 span {background-image: url(../images/bannerBaseIcons/secure.png)}

@media only screen and (min-width: 1121px) {
#telephoneNumber , #telephoneNumber.right {display: block;right:140px; margin: 0; height:20px; line-height: 23px; padding: 0; background-image: url("../images/tel.png") ; background-size: 18px  auto; background-position: 0 50%; padding-left: 20px; }
#telephoneNumber a , #telephoneNumber.right a, .hasBanners #telephoneNumber  a {  letter-spacing: 0.6px;}
#accountLinksWrapTop ul#accountLinks li a, .headerFixed #accountLinksWrapTop.accountLinksTopOpen ul#accountLinks a { color: #fff; font-size: 11.2px; text-transform: uppercase}
#navMain ul li.mainCategoryOpen a,#navMain ul li.mainCategoryOpen:hover a{ color:#ffcf0d;} 
#navMain ul li.mainCategoryOpen ul.subNav li a,#navMain ul li ul.subNav a{color: #fff; }
#searchWrap{ height: 1px;width: 100%; display: block; margin: 24px  auto 0 auto;position: absolute; }
.headerFixed #searchWrap{ top: -100px;}
#searchOpener{ left: -1000000px;}
 #searchForm ,  .fixedWidth1200 #searchForm  {  position: absolute;margin: 0  ;left: 50%; margin-left: -275px;	 width:550px; }
	#SELsearch{
	float: left;
	width:550px; 
}
#searchSubmit { float:right; margin-right: 20px;}

#navMain ul li.mainCategory a span::before {  width: 17px; opacity: 1}
#navMain ul li:last-child {   margin-right:  40px;}

#ui-id-1 {  max-width: 440px; 		}
#searchClear{display:none		}
.bannerTextWrap, #bannerWrap li div.bannerTextWrap{margin-top: -20px}
#bannerWrap #bannerDots{ bottom: 70px;}
#bannerBaseIcons{		}
#bannerBaseIcons a{line-height: 28px;height: 28px;display: block;padding: 0 4px; margin: 8px 20px 0 20px  ;   font-size: 12.7px; }

#accreditations{ max-width: 1320px;}

#accreditations.content .accredImg {
  height: 170px;
  width: 180px;
  border: 1px solid #ccc;
  background-size: 99% auto; border-radius: 6px;
}

#footer{ border: 0px solid red; max-width: 100%; width: 1120px;}
#footerLeft {  width: 250px;}
#navSub{width:800px; margin: 0; padding: 0; }
#navSub ul#navSub1 , #navSub ul#navSub2 , #navSub ul#navSub3 {width: 30%;clear: none;float: left; }
#navSub ul#navSub1{ width:40%}
#navSub ul#navSub1 li  , #navSub ul#navSub2 li , #navSub ul#navSub3 li {text-align: left;margin: 0; padding: 0}
#navSub ul#navSub1 li  a, #navSub ul#navSub2 li a, #navSub ul#navSub3 li a{text-align: left;margin: 0; padding: 2px 0}

#footerSocial {clear: both; margin: 0; padding: 0;width: 100% ;     display: block;  float: left; text-align: right;}
#footerSocial li{  float: left; margin:5px 25px 0  -5px;}

}/*scr*/

  #navSub ul li.navSubHeader, #footerLeft p.navSubHeader  { font-weight: 600; font-size: 17.5px; height: 30px;  }

@media only screen and (max-width: 1120px) {/*  mb */
#header {  height: 120px; top: -14px; 		}
#top{   }
#hamburger {  top: 14px;		}
.isShop #logo , #logo  {    width: 120px;    left: 50%;    margin-left: -75px;  }
.bannersBelowHeader #bannerWrap, .bannersBelowHeader #pageBanner{margin-top:106px;}
.noBanners #contentWrapper{margin-top:90px }
.bannerTextWrap, #bannerWrap li div.bannerTextWrap{margin-top: -30px}
#searchWrap {
  width: 100%;
  margin: -12px auto 0 auto;padding: 0 12px;
  position: relative; left: auto; right: auto;
  height: 40px; 
  z-index: 999 ;
  background-repeat: repeat;
		display: block; z-index: 1
}
#searchForm{height: 40px;  width: 100%; ;}
#SELsearch {  height: 40px; display: block;  width: 100%; margin: 0;  max-width: 100%;  }


#telephoneNumber , #telephoneNumber.right { background-image: url("../images/tel.png") ;background-size:  26px;; background-position: 0px  25px; float: right; margin-right: 65px;}
#bannerWrap #bannerDots{ display:none}
#bannerBaseIcons{ flex-wrap: wrap; padding: 5px }
#bannerBaseIcons a{line-height: 28px;height: 28px;display: block;padding: 0 4px; margin: 2px  4px 0  4px  ; width: 45%;  font-size: 12.2px; font-weight: 300; overflow: hidden; white-space: nowrap;}
#searchOpener{ display: none}
#navSub ul#navSub1 li  , #navSub ul#navSub2 li , #navSub ul#navSub3 li {margin: 0; padding: 0}
#navSub ul#navSub1 li  a, #navSub ul#navSub2 li a, #navSub ul#navSub3 li a{ margin: 0; padding: 2px 0}

#breadcrumb, #breadcrumb li p, #breadcrumb li a, #breadcrumb li span {
  line-height: 20px;
  height: 20px;
}
#productsTopPageText {
  padding: 0 0  0px 0;
}

#carousel #content p {
    line-height: 126px;
    margin: 15px 0;
  }
#carousel .moreLink, #carousel a.moreLink {   max-width: 99%;width: 280px; padding: 6px 20px}

  #breadcrumb li p, #content #breadcrumb li p, #breadcrumb li a, #content #breadcrumb li a, #breadcrumb li span {
    line-height: 14px;
    height: 24px;
    font-size: 14px;
} 

}/*  mb */
 
@media only screen and (max-width: 720px) { #bannerBaseIcons a{ width: 47%; margin: 0 0%;  }}
@media only screen and (max-width: 1120px) and (min-width:721px) {#bannerBaseIcons a{ width: 25%;}}


/* 2 up mobile */
@media only screen and (max-width: 600px) {
  .grid.layoutMobilePortrait1 li, .gapless1.layoutMobilePortrait1 li {    width: 48%; margin-left: 1%; margin-right:1%   }
}

.product-categories .grid li .imgWrap , .product-categories .grid li .imgWrap:hover {  border: 0px solid #eee; }

p.productsFreeDelivery,p.productsEstimatedDelivery{
	padding-left: 25px;
	height: 22px;
	line-height: 22px;
	font-size: 14.9px;
	background-repeat: no-repeat;
	font-weight: 600;
	font-style: italic;
	color: #616161;
}
p.productsEstimatedDelivery{ background-image: url("../images/productsEstimatedDelivery.png"); background-size:auto 14px ; background-position: 0 60%;}
p.productsFreeDelivery{ background-image: url("../images/productsFreeDelivery.png"); background-size: auto 18px ; background-position: 0 50%;}



@media only screen and (min-width: 1120px) {
/* #paraGrid  li .textWrap div { opacity: 0.8}*/
}

#paraGrid.twoPlusThree .moreLink, #paraGrid.twoPlusThree a.moreLink, #paraGrid.twoPlusThree .textWrap a.moreLink, #paraGrid.twoPlusFour .moreLink, #paraGrid.twoPlusFour a.moreLink, #paraGrid.twoPlusFour .textWrap a.moreLink, #paraGrid.fourPlusFour .moreLink, #paraGrid.fourPlusFour a.moreLink, #paraGrid.fourPlusFour .textWrap a.moreLink, #paraGrid.twoPlusTwo .moreLink, #paraGrid.twoPlusTwo a.moreLink, #paraGrid.twoPlusTwo .textWrap a.moreLink { display: block; border-radius: 555px; transition: all 0.2s;line-height: 35px;height: 35px;
  position: relative; left: 0px; font-size:12px; font-weight: 600; border: 0px solid #ccc; padding: 0px 10px; margin-top: 5px; color: #fff; background: #000;
}
#paraGrid li:hover a.moreLink {opacity: 0.8;}


 
.product-categories #breadcrumb  { display: none}

@media only screen and (min-width: 1121px) {
.product-categories .categoryGrid{ display: flex; /*width: 1320px; margin-left: -100px*/}
.product-categories .categoryGrid div{  border: 1px solid #ccc; padding: 10px; margin: 4px;}
.product-categories .categoryGrid div p{text-align: center; font-size: 14.2px;}
.product-categories .categoryGrid div img{ margin: 5px auto; display: block}
}

@media only screen and (max-width: 1120px) {
.product-categories .categoryGrid{ display: block; /*width: 1320px; margin-left: -100px*/}
.product-categories .categoryGrid div{ border: 1px solid #ccc; padding: 10px; margin: 5px auto}
.product-categories .categoryGrid div p{text-align: center; font-size: 14.2px;}
.product-categories .categoryGrid div img{ margin: 5px auto; display: block}
}


.faqList.openCloseFaq h3 {border-bottom: 1px solid #ccc;
  color: #333;
}

/*#shippingOptions li#shippingLabelMain {  background-image: url(images/deliveryIcon.png);}*/