/* Base Styles *//* Clear Elements */  .group:before, .group:after {content: ""; display: table;}   .group:after {clear: both;}  .group {zoom: 1;}  /* Set up REM style *//*  html { font-size: 62.5%; }   body { font-size: 14px; font-size: 1.4rem; background: #fff;}   h1   { font-size: 24px; font-size: 2.4rem; } */  /* Older browsers */  html { font-size: 12px; background: #f6f6f6;}    @media screen and (min-width: 320px){    html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }}    @media screen and (min-width: 800px){      html { font-size: 16px; }}  /* Border Box */  *, *:before, *:after {      -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;      box-sizing: border-box;  }/* font-family: 'Work Sans', sans-serif;Reg = 400*//* Font Styles */  h1 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 57px; font-size: 3.5625em; line-height: 1.4; margin: 0px; color: #96c11f; }  h2 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #96c11f; }  h3 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 20px; font-size: 1.25em; line-height: 1.4; margin: 0px; color: #96c11f; }  h4 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px;  color: #96c11f; }  h5 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.4; margin: 0px; color: #96c11f; }  h6 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.4; color: #96c11f; }  p {color: #252525; font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }  a {color: #252525; font-family: 'Work Sans', sans-serif; text-decoration: none;font-weight: 400; font-style: normal; }  ul li, ol li, li {color: #252525;font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal; }  em {color: #252525; font-family: 'Work Sans', sans-serif; font-weight: 400; font-style: italic; }/* Buttons */.green-btn {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 25px 15px 25px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;background: #58bf94;}.green-btn:hover {opacity:0.8;}.green-btn:after {content:" > "; display: inline-block; margin-left: 30px;}.green-btn-lrg {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 25px 45px 25px 45px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;background: #58bf94;}.green-btn-lrg:hover {opacity:0.8;}.green-btn-lrg:after {content:" > "; display: inline-block; margin-left: 30px;}.white-btn-lrg {color: #505050; transition: all 0.5s ease 0s;  display: inline-block; padding: 25px 45px 25px 45px ; font-size: 23px; font-size: 1.4375em; font-family: 'Pathway Gothic One', sans-serif; text-transform: uppercase; font-weight: 400; border: 0px;background: #fff;}.white-btn-lrg:hover {opacity:0.8;}.white-btn-lrg:after {content:" > "; display: inline-block; margin-left: 30px;}/* Animations */.services-wrapper .fadeIn {visibility: hidden; opacity: 0;}.inviewport .slideRight {  animation-name: slideRight;  -webkit-animation-name: slideRight;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;    animation-fill-mode: forwards;}@keyframes slideRight {  0% {    transform: translateX(-150%);  }  50%{    transform: translateX(8%);  }  100% {    transform: translateX(0%);        opacity: 1;   } }@-webkit-keyframes slideRight {  0% {    -webkit-transform: translateX(-150%);  }  50%{    -webkit-transform: translateX(8%);  }   100% {    -webkit-transform: translateX(0%);        opacity: 1;   }}.inviewport .slideLeft{  animation-name: slideLeft;  -webkit-animation-name: slideLeft;    animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;  animation-fill-mode: forwards;}@keyframes slideLeft {  0% {    transform: translateX(150%);  }  50%{    transform: translateX(-8%);  }  100% {    transform: translateX(0%);        opacity: 1;   }}@-webkit-keyframes slideLeft {  0% {    -webkit-transform: translateX(150%);  }  50%{    -webkit-transform: translateX(-8%);  }  100% {    -webkit-transform: translateX(0%);        opacity: 1;   }}.inviewport .fadeIn{  animation-name: fadeIn;  -webkit-animation-name: fadeIn;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important;  animation-fill-mode: forwards;}@keyframes fadeIn {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeIn {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }.inviewport .fadeInBanner{  animation-name: fadeInBanner;  -webkit-animation-name: fadeInBanner;   animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-timing-function: ease-in-out;   -webkit-animation-timing-function: ease-in-out;     visibility: visible !important; }@keyframes fadeInBanner {  0% {    transform: scale(0);    opacity: 0.0;     }  100% {    transform: scale(1);    opacity: 1;   }   }@-webkit-keyframes fadeInBanner {  0% {    -webkit-transform: scale(0);    opacity: 0.0;     }  100% {    -webkit-transform: scale(1);    opacity: 1;   }   }.floating{  animation-name: floating;  -webkit-animation-name: floating;  animation-duration: 1.5s;   -webkit-animation-duration: 1.5s;  animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;}@keyframes floating {  0% {    transform: translateY(0%);    }  50% {    transform: translateY(8%);    }   100% {    transform: translateY(0%);  }     }@-webkit-keyframes floating {  0% {    -webkit-transform: translateY(0%);    }  50% {    -webkit-transform: translateY(8%);    }   100% {    -webkit-transform: translateY(0%);  }     }/* Header Bar */.inner-position {vertical-align: middle; display: table-cell;}.header-bar-top {background: #dddbdb; padding: 5px 0;}.header-bar-top-left p {margin: 0px;}.header-bar-top-right {text-align: right;}.header-bar-top-right p {margin: 0px;}.header-bar-top-right p a {}.header-bar-middle {background: #1a1a1a; position: relative; padding: 35px 0; z-index: 99 !important;}.header-bar-middle:before {width: 170px; height: 100%; display: block; content:" "; background: url('/yorkshirepaints-co-uk/_img/img/paint-left.png'); background-size: cover; position: absolute; left: 0; top: 0; z-index: -1;}.header-bar-middle:after {width: 170px; height: 100%; display: block; content:" "; background: url('/yorkshirepaints-co-uk/_img/img/paint-right.png'); background-size: cover; position: absolute; right: 0;top: 0;  z-index: -1;}.header-logo img {width: ;}.header-basket {text-align: right;}.header-basket img {vertical-align: middle;}.header-basket a {color: #fff;}.header-basket p {margin: 0px; color: #fff; font-weight: 500;}.sale-points {margin-top: 15px !important; }.header-sale-point-left {}.header-sale-point-left p {margin: 0px; font-size: 18px; font-size: 1.125em; color: #fff;}.header-sale-point-left img {height: 50px; vertical-align: middle; margin-right: 10px;}.header-sale-point-middle {text-align: center;}.header-sale-point-middle p {margin: 0px; font-size: 18px; font-size: 1.125em; color: #fff;}.header-sale-point-middle img {height: 50px; vertical-align: middle; margin-right: 10px;}.header-sale-point-right {text-align: right;}.header-sale-point-right p {margin: 0px; font-size: 18px; font-size: 1.125em; color: #fff;}.header-sale-point-right img {height: 50px; vertical-align: middle; margin-right: 10px;}.header-bar-bottom {background: #434242;}.header-bar-bottom #primary {  margin: 0px 0px 0px 0px; width: 100%; height: 100%; padding-left: 0px;  text-align: center; display: -ms-flexbox; display: flex; }.header-bar-bottom #primary>li {-ms-flex-positive: 1; flex-grow: 1; float: left; vertical-align: middle; border-bottom: 0px solid #fff; list-style-type: none; position: relative; text-align: center; padding: 0px 0px; border-bottom: 2px solid transparent; }.header-bar-bottom #primary>li:hover {transition: all 0.5s ease 0s; }.header-bar-bottom #primary>li>a {font-family: 'Work Sans', sans-serif; font-weight: 500; display: block; padding: 20px 0; line-height: 16px; vertical-align: middle;  transition: all 0.5s ease 0s; font-style: normal; font-size: 16px; font-size: 1em; color: #fff;  /*height: 40px; line-height: 40px;*/ position: relative;  text-decoration: none; }.header-bar-bottom #primary>li>a:hover {color: #e94e1b;  }.header-bar-bottom #primary>li:last-of-type>a {border-right: 0px;}.header-bar-bottom .menu>li>a.linkActive, .header-bar-bottom #primary>li.liLinkActive a {color: #e94e1b; }  /* Dropdown LV1 */.header-bar-bottom #primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}.header-bar-bottom #primary>li:hover>ul {display: block;  position: absolute; top: 40px; left: 0; z-index: 9999; background: #00365b; padding: 0px; }.header-bar-bottom #primary>li>ul>li {padding: 7px 10px !important; text-align: left; }.header-bar-bottom #primary>li>ul>li:hover {background: #68b32d;}.header-bar-bottom #primary>li>ul>li>a {font-family: 'Work Sans', sans-serif; font-weight: 500; font-style: normal; font-size: 19px; font-size: 1.1875em; color: #525252; height: auto;  display: block; border: none; text-decoration:none;  padding: 20px 0; }.header-bar-bottom #primary>li>ul>li>a:hover {text-decoration: none;}.header-bar-bottom #primary li>ul>li {position: relative;}  /* Dropdown LV2 */.header-bar-bottom #primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}/* Mobile Nav */.pushy-content .logo-wrapper {padding: 30px; text-align: center;  position: relative;}/*.pushy-content .logo-wrapper a {color: #fff;}.pushy-content .logo-wrapper a:hover {color: #590c0c;}*/.pushy-content .logo-wrapper img {width: 200px; position: relative;}.close-btn a{  position: absolute; top: 0; right: 0; display: block;transition: all 0.5s ease 0s; display: inline-block; font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; padding: 6px 15px !important ; font-size: 18px; font-size: 1.125em; text-transform: uppercase; color: #fff !important;}.close-btn a:hover {  opacity: 1;  color: #02837e !important;background: #fff; }.pushy-navigation ul {margin: 0px; padding: 0px;}.pushy-navigation ul li {text-align: center; font-size: 16px; font-size: 1em; border-bottom: 1px solid #060e17; transition: all 0.5s ease 0s;}.pushy-navigation ul li a {font-family: 'Work Sans', sans-serif; font-weight: 400; font-style: normal; color: #fff; transition: all 0.5s ease 0s;  }.pushy-navigation ul li a:hover {color: #fff; }.pushy-navigation ul li:hover {background: rgba(0,0,0, 0.4); }.mobile-btn {display: none;}.menu-btn {width: 100%;  color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 25px 15px 25px ; font-size: 23px; font-size: 1.4375em; font-family: 'Work Sans', sans-serif; font-weight: 700; text-transform: uppercase;  background: #434242;}.menu-btn:hover {background: #2d2d2d;}.menu-btn:after {content:" > "; display: inline-block; margin-left: 30px;}.ecommerceSearchLabelProduct, .ecommerceSearchBoxProduct, .ecommerceSearchLabelDescription, .ecommerceSearchInputDescription, .ecommerceSearchLabelCategory, .ecommerceSearchInputCategory {display: none;}.ecommerceSearchLabelProductDescription{display: none;}#ecommerceSearchInputProductDescriptionText {width: 70%; float: left;  padding: 10px;border: 0px; color: #1a1a1a; font-family: 'Work Sans', sans-serif; font-weight: 400; background: #dddbdb;}.ecommerceSearchBtn {width: 30%; float: left color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 25px 10px 25px ;  font-size: 16px; font-size: 1em; font-family: 'Work Sans', sans-serif; font-weight: 600; border: 0px;background: #e94e1b; text-align: center;}.ecommerceSearchBtn:hover {opacity:0.8;}.home-content  {background: url("../img/site-bg.jpg"); background-position: top center; background-repeat: no-repeat;}.home-content .row {background: #fff; padding: 20px 20px 0 20px;}.home-content .row:last-of-type {padding-bottom: 20px;}.slides {margin: 0; padding: 0;}.slides li {width: 100%;  position: relative;}.featured-heading h2 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 30px; font-size: 1.875em; color: #1a1a1a; text-transform: none;}.featured-heading h3 {font-family: 'Work Sans', sans-serif; font-weight: 400; font-size: 16px; font-size: 1em; color: #010101;}.pre-footer-wrapper {background: #96c11f; padding: 30px 0;}.newsletter-title h4 {font-family: 'Work Sans', sans-serif; font-weight: 700; color: #fff; text-transform: none; font-size: 23px; font-size: 1.4375em; margin: 0px;}.newsletter-title p {font-family: 'Work Sans', sans-serif; font-weight: 400; color: #fff; text-transform: none; font-size: 14px; font-size: 0.875em; margin: 0px;}.form_error {width: 100%; padding: 15px; background: #c81d25; color: #fff; margin-bottom: 10px;}.form_error_email {display: none;}.form_error_specific {display: none;}.footer-wrapper {padding: 25px 0; background: #1a1a1a;}.footer-logo {display: table;}.footer-nav h3 {font-family: 'Work Sans', sans-serif; font-weight: 700; color: #fff; text-transform: none; font-size: 23px; font-size: 1.4375em;}.footer-nav ul {margin: 0px; padding: 0px; }.footer-nav ul li {list-style-type: none; float: left; width: 50%; }.footer-nav ul li a {color: #fff; font-size: 14px; font-size: 0.875em;}.footer-contact h3 {font-family: 'Work Sans', sans-serif; font-weight: 700; color: #fff; text-transform: none; font-size: 23px; font-size: 1.4375em;}.footer-contact p {font-size: 14px; font-size: 0.875em; color: #fff; margin: 0px;}.footer-bottom {text-align: center; background: #434242; padding: 20px 0;}.footer-bottom p {color: #fff;}.footer-bottom a {color: #fff;}.inner-position {vertical-align: middle; display: table-cell;}.product_item {width: 23.5%; margin-right: 2%; float: left; border: 1px solid #c5c5c5; padding: 15px; margin-bottom: 20px;}.product_tag .product_item:nth-of-type(4n) {margin-right: 0px;}.product_img {margin-bottom: 15px;}.productName {margin-bottom: 5px;}.productName a {color: #000000; font-family: 'Work Sans', sans-serif; font-weight: 700; font-size: 20px; font-size: 1.25em;}.productCat {font-size: 16px; font-size: 1em; color: #a3a3a3;}.productDesc {display: none;}.productPrice {font-family: 'Work Sans', sans-serif; font-weight: 700; color: #e94e1b; font-size: 27px; font-size: 1.6875em; margin-top: 10px;}.productProductLinkA {display: none;}.defaultForm {  width: 100%;  *zoom: 1;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {  display: block;  width: 100%;  position: relative;  margin-bottom: 0.625em;}.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;}.defaultForm .inputset label {  display: block;  width: 100%;}.defaultForm .inputset label.label {  display: inline-block;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;}.defaultForm .inputset input, .defaultForm .inputset textarea, .defaultForm .inputset select {  display: block;  width: 100%;  padding: 0.625em;  width: 100%;}.defaultForm .inputset textarea {  height: 10.625em;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {  text-align: right;}.defaultForm .form_submit .fbElementButton {  display: inline-block;  padding: 0.5em 1.5625em;  background-color: #e5408e;  border: 0;  color: white;}.defaultForm .form_submit .fbElementButton:hover {  background-color: #d51d74;}.newsletter-form {padding-top: 20px;}.newsletter-form .inputset label {display: none;}.newsletter-form .inputset {width: 70%; float: left; }.newsletter-form .form_submit {width: 30%; float: left;}.newsletter-form .defaultForm .form_submit .fbElementButton {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 25px 10px 25px ; width: 100%; font-size: 16px; font-size: 1em; font-family: 'Work Sans', sans-serif; font-weight: 600; border: 0px;background: #1a1a1a;}.newsletter-form .defaultForm .form_submit .fbElementButton:hover {opacity:0.8;}.inner-content .row {background: #fff; padding: 20px 20px 0 20px;}.inner-content .row:last-of-type {padding-bottom: 20px;} .categoryImageItem  {    width:  32.33%;     float:  left;     margin:  0.5% 0.5%;     border:  1px solid #cbcbcb;     padding:  15px;} .categoryImageItemImage a  {     padding-top:  100%; } .categoryImageItemText  {    text-align:  center;     margin-top:  20px;} .categoryImageItemTextLink  {    display:  block;     font-family: 'Work Sans', sans-serif     font-weight: 700;     color:  #96c11f;     text-align:  center;} .categoryImageItemTextLink { font-weight: 700; font-size:  16px; font-size: 1em;}.category-name-wrap {margin-bottom: 25px; }.inner-content-text .product_item {width: 23%; margin-right: 2%; } .pagination {     width:  100%;     font-family:  'Open Sans',  sans-serif; } .pagination ul  {    padding:  0px;} .pagination ul li  {    display:  inline-block;} .pagination ul li a  {     display:  block;     font-size:  0.8125rem;     border:  1px solid #434242;     line-height:  1;     padding:  0.5rem;     color:  #434242;     margin-top:  5px; } .pagination ul li a:hover  {     color:  #e94e1b;     border-color:  #e94e1b; } .active,  .p_active  {     padding: 0rem 0.5rem;     background:  #e94e1b;     border: 1px solid #e94e1b;     color:  #fff;     font-weight:  500; } .active:hover,  .p_active:hover  {     border-color:  #0074d9; }.inner-content-text form[name="pageFooter"] {display: none;}.category-bg {background-position: top center;}.productHide {display: none;}.ecommerceProductOptionsInnerTitle {display: none;}/*.productOptions {display: none;}*/.ecommerceProductOptionsInnerLabel, .productOptionsLabel {font-family: 'Open Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.4; margin: 0px; color: #0074d9;}.ecommerceProductOptionsInnerDropdown, .productPayment.Method {margin-bottom: 20px;}.ecommerceProductOptionsInnerDropdown select, .productPayment.Method select  {width: 100%; padding: 10px; border-radius: 0px; border: 1px solid #909090; font-size: 14px; font-size: 0.875em; } .product-info-side {    padding:  20px;     border: 1px solid #dddddd;}.detailProductPrice p {font-family: 'Work Sans', sans-serif; font-weight: 700; color: #e94e1b; font-size: 40px; font-size: 2.5em; margin-top: 10px; text-align: center; margin-bottom: 20px;}.detailProductQuantityLabel  {     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .detailProductQuantityInput  {    margin-bottom:  15px;} .detailProductQuantityInput input  {    padding:  10px;     border:  1px solid #ddd;     width:  100%;}.productOptions {margin-bottom: 20px;}.productOptionsLabel {     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px; color: #000;}.productOptions .productColours select {    padding:  10px;     border:  1px solid #ddd;     width:  100%;} .detailProductBuyButton  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #96c11f;     padding:  15px 0px;     text-align:  center;     color:  #ffffff;     font-size:  16px;     font-size:  1em;} .detailProductBuyButton:hover  {    opacity:  0.8;}.shipping-banner-no {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #c81d25;     padding:  15px 0px;     text-align:  center;     color:  #ffffff;     font-size:  16px;     font-size:  1em;     font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;}.shipping-banner-yes {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #1a1a1a;     padding:  15px 0px;     text-align:  center;     color:  #ffffff;     font-size:  16px;     font-size:  1em;     font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;} .product-img  {    margin-bottom:  20px; } .product-title  {    margin-bottom:  10px;     border-bottom:  1px solid #909090;     margin-bottom:  10px;     padding-bottom:  10px;} .product-title h1  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-style:  normal;     font-size:  25px;     font-size:  1.5625em;     text-transform:  none;     margin:  0px;} .detailProductCat  {    font-family:  'Open Sans',  sans-serif;     font-weight:  600;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin:  10px 0;} .detailProductImage  {     *zoom:  1; } .detailProductImage:before,  .detailProductImage:after  {     content:  " ";     display:  table; } .detailProductImage:after  {     clear:  both; } .detailProductImage #ecom_zoom  {     width:  80%;     display:  block;     margin:  0 auto;     /* Set your desired dimensions */ /* height:  450px;    */ overflow:  hidden;     margin-bottom:  10px;     /* important if you want to use image positioning jQuery */ position:  relative; } .detailProductImage #ecom_zoom .cycle-slide  {     width:  100%;     /* set your height */ padding-top:  100%; } .detailProductImage #ecom_zoom .cycle-slide img  {     width:  100%;     /* this cancels out any max-width you might have set on 'img' element */ max-width:  initial;     height:  auto; } .product__detail  {     *zoom:  1; } .product__detail:before,  .product__detail:after  {     content:  " ";     display:  table; } .product__detail:after  {     clear:  both; } .product__detail .detailProductFeat  {     margin-bottom:  20px; } .product__detail .ecommerceProductOptions  {     margin-bottom:  20px;     *zoom:  1;     display:  none; } .product__detail .ecommerceProductOptions:before,  .product__detail .ecommerceProductOptions:after  {     content:  " ";     display:  table; } .product__detail .ecommerceProductOptions:after  {     clear:  both; } .product__detail .ecommerceProductOptions .productOptions  {     *zoom:  1; } .product__detail .ecommerceProductOptions .productOptions:before,  .product__detail .ecommerceProductOptions .productOptions:after  {     content:  " ";     display:  table; } .product__detail .ecommerceProductOptions .productOptions:after  {     clear:  both; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerTitle  {     font-weight:  bold;     margin-bottom:  10px;     border-bottom:  1px solid #cccccc;     margin-bottom:  10px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerLabel  {     display:  block;     float:  left;     /* you may need to tweak this dependant on length of option label */ width:  30%;     margin-bottom:  5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown  {     display:  block;     float:  left;     /* you may need to tweak this dependant on length of option label */ width:  70%;     margin-bottom:  5px; } .product__detail .ecommerceProductOptions .ecommerceProductOptionsInnerDropdown select  {     width:  100%; } .product__detail .detailProductPrice  {     /* extended from heading 4 styles */ } .product__detail .productHide  {     /* hide unnecessary output - you will alway want this in place */ display:  none; } #carousel  {     /* clear as a precaution */ *zoom:  1;     position:  relative;     padding:  0 24px;     display: none; } #carousel:before,  #carousel:after  {     content:  " ";     display:  table; } #carousel:after  {     clear:  both; } #carousel .cycle-slide  {     /* set your thumbnail dimensions */ width:  100px;     height:  100px;     /* basics */ display:  block;     overflow:  hidden;     position:  relative;     /* optional - if we set a border the same color as background it looks like margin */ border:  3px solid #cccccc;     margin-right:  5px; } #carousel .cycle-slide.cycle-slide-active  {     /* we can then change the active thumbnail border-color to help highlight which is currently in view */ border-color:  #333; } #carousel .cycle-slide img  {     /* if you have max-width:  100%;     in your css globally,  this can break the resize function. In order to stop this,  the follow CSS will cancel out the max-width and prevent breakage */ max-width:  initial; } #carousel .cycle-prev  {     /* hides text */ text-indent:  -9999px;     /* positions them absolute to the carousel cotainer */ position:  absolute;     left:  0;     top:  50%;     /* gets rid of dotted outline on click */ outline:  0;     margin-top:  -12px;     width:  24px;     display:  block;     height:  24px;     /* remember,  as a background image,  svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image:  url("/patternlibrary-co-uk/_img/arrow-left.svg");     background-position:  center center;     background-repeat:  no-repeat;     /* when you just can't scroll anymore,  lets give the user some feedback */ } #carousel .cycle-prev.disabled  {     opacity:  0.5; } #carousel .cycle-next  {     /* hides text */ text-indent:  -9999px;     /* positions them absolute to the carousel cotainer */ position:  absolute;     right:  0;     top:  50%;     /* gets rid of dotted outline on click */ outline:  0;     margin-top:  -12px;     width:  24px;     display:  block;     height:  24px;     /* remember,  as a background image,  svgs are quite rigid - no changing colours. You can use your own bg image or use the HTML next/prev text. */ background-image:  url("/patternlibrary-co-uk/_img/arrow-right.svg");     background-position:  center center;     background-repeat:  no-repeat;     /* when you just can't scroll anymore,  lets give the user some feedback */ } #carousel .cycle-next.disabled  {     opacity:  0.5; } #custom-pager  {     display:  none;     *zoom:  1;     /* usually hidden - if used we add padding to push away from edge to match carousel */ padding:  0 24px;     margin-top:  10px; } #custom-pager:before,  #custom-pager:after  {     content:  " ";     display:  table; } #custom-pager:after  {     clear:  both; } #custom-pager span  {     display:  inline-block;     vertical-align:  top;     margin-right:  8px; } #custom-pager span a  {     text-decoration:  none;     outline:  0; } .side-points  {    float:  left;     width:  100%;} .side-points ul  {    padding-left:  0px;} .side-points ul li  {    list-style-type:  none;     font-size:  13px;     color:  #222;    margin-bottom:  5px;} .side-points ul li img  {    margin-right:  5px;     vertical-align:  -3px;} .product-description-wrap  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-description-wrap h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-specification-wrap  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-specification-wrap h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; }.detailProductSpec img {width: 100%; } .detailProductDesc p  {    color:  #333; } .product-item__videos  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-item__videos h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-spec  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-spec h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-features-wrap  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-features-wrap h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .product-quantity-discount  {    padding:  20px;     background:  #f6f6f6;     margin-bottom:  20px;} .product-quantity-discount h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px;    display: table-caption;    text-align: left !important;} .product-related  {    margin-bottom:  20px;     float:  left;     width:  100%;     display:  block;} .product-related #similarProducts.similarProducts h2  {    color:  #3B3B3B;     font-size:  18px;} .similarProductWrap  {     background:  #fff none repeat scroll 0 0;     border:  1px solid #d2d2d2;     float:  left;     margin-bottom:  20px;     margin-right:  1%;     padding:  17px;     text-align:  center;     width:  24%;     cursor: pointer;} .similarProductWrap:hover  {     border:  1px solid #333; } .similarProductTitle  {    margin-top:  15px;     font-size:  14px;     line-height:  18px;     color:  #133452;} .similarProductImage  {    padding-top:  80%;} .discount__table  {    display:  table;     table-layout:  fixed;     width:  100%;} .disTblRow  {    display:  table-row;     width:  100%;} .disTblCol  {    display:  table-cell;     width:  auto;} .disTblCol  {    /*width:  16.6%;    */ font-size:  12px;     text-align:  center;} .disTblRow  {    background:  #e6e6e6;     color:  #575757;} .disTblRow .disTblCol  {    vertical-align:  middle;     padding:  10px;     border-right:  1px solid #6b6b6b;} .disTblRow .disTblCol:last-of-type  {    border-right:  0px;} .disTblRow:first-of-type .disTblCol,  .disTblRow:last-of-type .disTblCol  {    border-bottom:  0px;} .disTblRow1  {    background:  #3b3b3b; } .disTblRow2  {    background:  #e6e6e6;     color:  #3b3b3b;} .disTblRow3  {    background:  #dcdcdc;     color:  #3b3b3b;} .disTblRow4  {    background:  #b8b8b8;     color:  #3b3b3b;} .disTblRow1 .disTblCol  {    color:  #fff;     vertical-align:  middle;     padding:  10px;     border-right:  1px solid #6b6b6b;} #checkoutMessage p  {font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;     text-align:  center;} #checkoutMessage a#checkoutAddMore  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #1a1a1a;     padding:  15px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;     margin-bottom:  15px; } #checkoutMessage a#checkoutAddMore:hover  {    opacity:  0.8;} #checkoutMessage a#checkoutGo  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #96c11f;     padding:  15px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} #checkoutMessage a#checkoutGo:hover  {    opacity:  0.8;} .product-reviews  {    margin-bottom:  20px;     float:  left;     width:  100%;     display:  block;     float:  left;} .ecommerceReviewsItem  {    padding:  20px;     border:  1px solid #ddd;     margin-bottom:  20px;} .ecommerceReviewsTitle h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .ecommerceReviewsItemName  {    font-family:  'Open Sans',  sans-serif;     font-weight:  600;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  15px;} .ecommerceReviewsItemStar  {    margin-bottom:  20px;} .ecommerceReviewsItemComment  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;} .ecommerceReviewsFormWrap  {    padding:  20px;     background:  #f6f6f6;} .ecommerceReviewsFormWrap h2  {    color:  #0074d9;     font-size:  25px;     font-size:  1.5625em;     border-bottom:  2px solid #0074d9;     padding-bottom:  10px;     margin-bottom:  15px; } .ecommerceReviewsLabelName  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputName input  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsLabelEmail  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputEmail input  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsLabelStar  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputStar select  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsLabelComment  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  16px;     font-size:  1em;     margin-bottom:  10px;} .ecommerceReviewsInputComment textarea  {    width:  100%;     padding:  10px;     margin-bottom:  10px;} .ecommerceReviewsPost a.ecommerceReviewsPostButton  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     font-size:  0px;     font-size:  0em;     transition:  all .2s ease-in-out;     width:  20%;     background:  #0074d9;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .ecommerceReviewsPost a.ecommerceReviewsPostButton:hover  {    opacity:  0.8;} .ecommerceReviewsError  {    padding:  10px;     border-radius:  5px;     color:  #fff;     background:  #ff0000;     margin-bottom:  20px;}.error {    padding:  10px;     border-radius:  5px;     color:  #fff;     background:  #ff0000;     margin-bottom:  20px;} /* Wizard */ .wizard-wrapper  {    background:  #e2e2e2;     padding:  5% 0;}table.basketOutput {  border-collapse: collapse;  width: 100%;}table.basketOutput th {  color: #fff;font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 700; font-style: normal;  text-align: center;  border: 1px solid #96c11f;  padding: 10px 15px;  background-color: #96c11f;}table.basketOutput th.col1 {  background-color: transparent;  border: none;}table.basketOutput .col6 {  display: none;}table.basketOutput tr.basketOdd {  background-color: #fcfcfc;}table.basketOutput tr.basketEven {  background-color: #fff;}table.basketOutput td {  padding: 15px;  border: 1px solid #d9d9d9;  text-align: center;  font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; font-weight: 400; font-style: normal;  vertical-align: middle;}table.basketOutput .col1 {  text-align: left;}table.basketOutput a {  text-align: center;  color: #222;}table.basketOutput a.icon-newspaper {  width: 30px;  height: 30px;  display: inline-block;  cursor: pointer;  vertical-align: middle;  transition: all 100ms ease-in-out;}table.basketOutput a.icon-newspaper:before {content: "👁";display: block;font-size: 30px;}table.basketOutput a.icon-close {  width: 30px;  height: 30px;  display: inline-block;  cursor: pointer;  vertical-align: middle;  transition: all 100ms ease-in-out;}table.basketOutput a.icon-close:before {content: "x";display: block;font-size: 30px;}table.basketOutput .basketSummarySub td, table.basketOutput .basketSummaryDel td, table.basketOutput .basketSummaryTotal td {  border-left-width: 1px;}.basketSummarySub td:first-child, .basketSummaryDel td:first-child, .basketSummaryTotal td:first-child {  text-align: left;  font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 700; font-style: normal;}a.cartDecrement {  font-size: 2em;  text-decoration: none;}a.cartDecrement:hover {  text-decoration: none;}.basketSummary {  text-align: center;}.basketSummary form {  margin: 1em 0;  display: inline-block;}.basketSummary form a  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #96c11f;     padding:  15px 0px;     text-align:  center;     color:  #ffffff;     font-size:  16px;     font-size:  1em;}.basketSummary form a:hover  {    opacity:  0.8;}.basketSummary form a {  padding: 1em 3.5em;  width: 100%;}@media (min-width: 575px) {  .basketSummary form a {    width: auto;  }}@media (min-width: 769px) {  .basketSummary form {    float: right;  }}.small-only {  border-collapse: collapse;  margin: auto;  display: table;  width: 94%;}@media (min-width: 769px) {  .small-only {    display: none;  }}.small-only td {  padding: 0.6em;  border: 1px solid #ccc;  font-size: 0.8em;}.large-only {  display: none;}@media (min-width: 769px) {  .large-only {    display: table;    width: 100%;  }}.st-head-row {  background-color: #999;  padding: 0.6em;  border: 1px solid #999;  margin-top: 0.5em;  color: #fff;  text-align: center;}.st-head-row a {  color: #fff;}.st-key {  background-color: #f5f5f5;font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 700; font-style: normal;}.st-val {  text-align: center;}.st-val a {  color: #999;}.st-val .icon-newspaper:before, .st-val .icon-close:before {  font-family: "icomoon";  font-size: 22px;  display: inline-block;  width: 22px;  height: 22px;  text-align: center;  line-height: 22px;  color: #666;}.st-val .icon-newspaper:before {  content: '\f04e';}.st-head-row-main {  display: none;}.ddlShippingOptionsWrap {  margin: 1em 0;  width: 100%;}.ddlShippingOptionsWrap::after {  clear: both;  content: "";  display: table;}.ddlShippingOptionsLabel {  display: none;}.ddlShippingOptionsQuestion select {  padding: 1em;  border: 1px solid #ccc;  color: #333;font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);  float: right;  width: auto;}#pnlStepSuccess {  background-color: #f8f8f8;  text-align: center;  padding: 2em;  max-width: 42em;  margin: auto;  display: block;}#pnlStepSuccess a {  text-align: center;  text-decoration: none;  display: inline-block;  cursor: pointer;  margin: 0;  border: none;font-family: 'Work Sans', sans-serif; font-size: 16px; font-size: 1em; line-height: 1.8;font-weight: 400; font-style: normal;  line-height: 1;  white-space: nowrap;  text-transform: uppercase;  transition: all 0.4s ease-in-out;  font-size: 16px;  background-color: #810d5d;  color: #fff;  background-color: #810d5d;  color: contrasted;  border-radius: 0;  padding: 1em 2em;}#pnlStepSuccess a:hover {  background-color: #650046;  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);  text-decoration: none;  transition: all 0.4s ease-in-out;  color: contrasted;}#pnlStepSuccess a:focus {  background-color: #650046;  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);  text-decoration: none;}#pnlStepSuccess a:active {  background-color: #42002d;  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.35);  text-decoration: none;  transition: all 0.4s ease-in-out;}/*Checkout Details*/.checkout__wrap .error {  background-color: firebrick;  color: #fff;  margin: 0.5em 0;  padding: 1em;}.checkoutSummary {  padding: 1em;  background-color: #e94e1b;  color: #fff;  margin-bottom: 2em;  text-align: center;}.existingCustomer {  background-color: #fcf7fc;  border: 3px solid #ccc;  text-align: center;  padding: 1em;  margin-bottom: 2em;}@media (min-width: 575px) {  .existingCustomer {    padding: 2em;  }}@media (min-width: 1024px) {  .existingCustomer {    width: 40%;    float: right;    margin-right: 0;  }}.existingCustomer h2 { font-family: 'Work Sans', sans-serif;  font-size: 1.54688em;  line-height: 1.45455em;  margin: 0 0 0.72727em 0;  border-bottom: 1px solid #ccc;  padding-bottom: 0.2em;  text-align: left;}.existingCustomer td {  font-family: 'Work Sans', sans-serif; font-weight: 700;  color: #333;  width: 100%; display: block;}.existingCustomer input {  border-color: #c5c5c5;  border: 1px solid #c5c5c5;  padding: 0.65em;  width: 100%;}.newCustomer {  text-align: left;}@media (min-width: 1024px) {  .newCustomer {    width: 57.14286%;    float: left;    margin-right: 2.85714%;  }}.newCustomer h2 {font-family: 'Work Sans', sans-serif; font-weight: 700; font-style: normal; font-size: 25px; font-size: 1.875em; line-height: 1.4; margin: 0px;  color: #96c11f;   margin-top: 1.5em;  margin-bottom: 0.5em;  border-bottom: 1px solid #ccc;}.newCustomer h2:first-child {  margin-top: 0;}.newCustomer table {  background-color: transparent;  font-family: 'Work Sans', sans-serif; font-weight: 700;  font-size: 15px;}.newCustomer table td {  padding: 0.4em;  font-family: 'Work Sans', sans-serif; font-weight: 700;}.newCustomer table td {width: 100%; display: block;}.newCustomer table input {  padding: 0.65em;  width: 100%;}.newCustomer table textarea {  padding: 0.65em;  width: 100%;}.newCustomer table p {  text-align: center;}.newCustomer #button, .existingCustomer #button {  text-align: center;  text-decoration: none;  display: inline-block;  cursor: pointer;  margin: 0;  border: none;font-family: 'Work Sans', sans-serif;  line-height: 1;  white-space: nowrap;  transition: all 0.4s ease-in-out;  font-size: 16px;  background-color: #96c11f;  color: #fff;  border-radius: 0;  padding: 1em 2em;}.newCustomer #button:hover, .existingCustomer #button:hover {opacity: 0.8;}.newCustomer input#chkTerms, .newCustomer input#theCheckbox, .existingCustomer input#chkTerms, .existingCustomer input#theCheckbox {  width: auto;}.newCustomer input#button, .existingCustomer input#button {  margin-top: 1em;  width: 100%;}@media (min-width: 575px) {  .newCustomer input#button, .existingCustomer input#button {    width: auto;  }}.newCustomer select, .existingCustomer select {  width: 100%;  padding: 0.75em;}.existingCustomer p.ecommercePasswordLink a {  color: #96c11f;}.newCustomer input#button {  font-size: 1.2em;}.existingCustomerAlert p {  font-family: "Montserrat-Regular", sans-serif;  font-size: 1.16016em;  line-height: 1.29293em;  margin: 0 0 0.9697em 0;  padding: 1em;  background-color: #b0117f;  color: #fff;}.ecommerceSearchControlsCategory {display: none;}.ecommercePag  {     width:  100%;     font-family:  'Open Sans',  sans-serif; } .ecommercePag > a,  .ecommercePag .pagItemOn  {     display:  inline-block;     font-size:  0.8125rem;     border:  1px solid #aaa;     line-height:  1;     padding:  0.5rem;     color:  #727272;     margin-top:  5px; } .ecommercePag > a:hover,  .ecommercePag .pagItemOn:hover  {     color:  #222;     border-color:  #222; } .ecommercePag .pagItemOn  {     padding:  0.5rem;     border-color:  #0074d9;     color:  #0074d9;     font-weight:  700;     box-shadow:  inset 0 0 0 1px #0074d9; } .ecommercePag .pagItemOn:hover  {     border-color:  #0074d9; } .EcommerceSortLabel  {     font-size:  0.8125rem;     font-weight:  700;     color:  #727272;     font-family:  'Open Sans',  sans-serif; } .pag-wrap  {    width:  80%;     float:  left; } .dropdown-wrap  {    width:  20%;     float:  left; } .ecommerceSearchControlsHeader {text-align: right;} #groupNavOrder {text-align: right;} #ecommerceSearchResults .searchWrapTop .EcommerceSortWrap .EcommerceSortInput  {    margin-top:  10px;} #ecommerceSearchResults .searchWrapTop .EcommerceSortWrap .EcommerceSortInput select  {    width:  100%;     padding:  10px;} .ecommerceSearchItem  {    width:  24%;     margin-bottom:  20px;     float:  left;     margin:  0 0.5%;     margin-bottom:  20px;     border:  1px solid #cbcbcb;     padding:  15px;} .ecommerceSearchImage a  {    padding-top:  100%;     display:  block;} .ecommerceSearchTitle  {    text-align:  center;} .ecommerceSearchTitle a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  14px;     font-size:  0.875em;     color:  #0074d9;     text-align:  center;} .ecommerceSearchDescription  {    display:  none;} .ecommerceSearchPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  20px;     font-size:  1.25em;     color:  #333333;     margin:  10px 0;}/* .ecommerceSearchPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  400;     text-align:  center;     font-size:  16px;     font-size:  1em;     color:  #909090;}*/ .ecommerceSearchPrice  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  20px;     font-size:  1.25em;     color:  #333333;} .ecommerceSearchPriceVat  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     text-align:  center;     font-size:  20px;     font-size:  1.25em;     color:  #333333;     display: none;} .ecommerceSearchUrl a  {    display:  none;} .ecommerceSearchUrl  {    text-align:  center;} .ecommerceSearchUrl a  {    font-family:  'Open Sans',  sans-serif;     font-weight:  700;     font-size:  14px;     font-size:  0.875em;     color:  #909090;     text-align:  center;}.pagination:last-of-type {display: none !important;}#ecommerceSearchItemsWrap {width: 100%; display: block;}#ecommerceSearchItemsWrap:before, #ecommerceSearchItemsWrap:after {content: ""; display: table;} #ecommerceSearchItemsWrap:after {clear: both;}#ecommerceSearchItemsWrap {zoom: 1;} .account-side  {    padding:  20px;     background:  #f6f6f6; } .account-side h2  {    color:  #333;     font-size:  20px;     font-size:  1.25em;     border-bottom:  1px solid #333;     padding-bottom:  10px;     margin-bottom:  15px; } .account-side .sidenavL1  {    margin-bottom:  10px;} .ecommerceEditDetailsIntro  {    width:  100%;     padding:  20px;     background:  #a3a3a3;     color:  #fff;     text-align:  center; } .ecommerceAccountForm tr td:first-of-type  {    width:  40%; } .ecommerceAccountForm tr td:first-of-type  {    font-family:  Arial,  "Helvetica Neue",  Helvetica,  sans-serif;     font-weight:  600;     color:  #333;     font-size:  14px;     font-size:  0.875em;} .ecommerceAccountForm tr td:first-of-type a  {    font-size:  inherit;} .ecommerceAccountForm tr td:last-of-type  {    width:  60%; } .ecommerceAccountForm tr td:last-of-type input  {    width:  100%;     padding:  10px; } .ecommerceAccountForm tr td:last-of-type select  {    width:  100%;     padding:  10px; } .ecommerceAccountFormBtn  {    display:  block;     border:  0px;    transition:  all .2s ease-in-out;     width:  100%;     background:  #1a1a1a;     padding:  8px 0px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .ecommerceAccountFormBtn:hover  {    opacity:  0.8;} .ecommerceOrderTable tbody tr.tableheadingR  {    background:  #212121;} .ecommerceOrderTable tbody tr td.tableheading  {    font-family:  Arial,  "Helvetica Neue",  Helvetica,  sans-serif;     padding:  20px;     color:  #fff;     font-weight:  600;     font-size:  14px;     font-size:  0.875em;} .ecommerceOrderTable .tablerowR td  {    padding:  20px;     border:  1px solid #d9d9d9;     font-family:  Arial,  "Helvetica Neue",  Helvetica,  sans-serif;     color:  #fff;     font-weight:  600;     color:  #333;     font-size:  16px;     font-size:  1em;} .ecommerceOrderTable.stacktable.small-only  {    display:  none;}#displayLogin {display: inline-block;}.registerCustomer {padding: 25px; background: #f6f6f6;}.registerCustomer form table tbody tr td:first-of-type {width: 30%;}.registerCustomer form table tbody tr td:second-of-type {width: 70%;}.registerCustomer form table tbody tr td input, .registerCustomer form table tbody tr td select {width: 100%; padding: 10px;}.registerCustomer form p input#button {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 10px 25px 10px 25px ; width: 100%; font-size: 16px; font-size: 1em; font-family: 'Work Sans', sans-serif; font-weight: 600; border: 0px;background: #1a1a1a;}.registerCustomer form p input#button:hover {opacity:0.8;} .ecommerceLogin,  .ecommercePassword  {    width:  100%;     padding:  15px;     background:  #f6f6f6;} .ecommerceLoginIntro,  .ecommercePasswordIntro  {    width:  100%;     background:  #96c11f;     padding:  20px;     color:  #fff;} .ecommerceForm,  .ecommerceForm tbody tr td ,  .ecommerceForm tbody tr {border: 0px !important; } .ecommerceForm tbody tr td:nth-of-type(1)  {    width:  30%;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;} .ecommerceForm tbody tr td:nth-of-type(2)  {    width:  70%; } .ecommerceForm tbody tr td:nth-of-type(2) input  {    width:  100%;     padding:  10px;} .ecommercePasswordFormBtn  {    border:  0;     font-family:  'Open Sans',  sans-serif;     font-weight:  400;     font-style:  normal;     transition:  all .2s ease-in-out;     background:  #1a1a1a;     padding:  8px 20px;     text-align:  center;     color:  #ffffff;     font-size:  14px;     font-size:  0.875em;} .ecommercePasswordFormBtn:hover  {    opacity:  0.8;} .ecommercePasswordLink a  {    color:  #0074d9;     text-decoration:  underline;}.logged-in-links {width: 49%; padding: 20px; background: #96c11f; display: inline-block; text-align: center; margin: 0 0.5%;}.logged-in-links:hover {background: #1a1a1a; color: #fff;}.account-wrap {display: inline-block; margin-right: 5px;}.account-wrap:after {content:" | "; }.register-button {display: inline-block; margin-right: 5px;}.register-button:after {content:" | "; }.login-wrap {display: inline-block;}.logout-wrap {display: inline-block;}/* Media Queries */@media all and (max-width: 1250px) and (min-width: 0px) {.header-bar-middle:before {display: none;}.header-bar-middle:after {display: none;}}@media all and (max-width: 1025px) and (min-width: 0px) {.header-sale-point-left img {height: 30px;}.header-sale-point-left p {font-size: 15px; font-size: 0.9375em;}.header-sale-point-middle img {height: 30px;}.header-sale-point-middle p {font-size: 15px; font-size: 0.9375em;}.header-sale-point-right img {height: 30px;}.header-sale-point-right p {font-size: 15px; font-size: 0.9375em;}}@media all and (max-width: 1000px) and (min-width: 0px) {.header-navigation #primary {width: 95%; margin-left: 5%;}.home-banner-text-wrapper {max-width: 100%;}.service-box {width: 100%; }} @media all and (max-width: 950px) and (min-width: 0px) {.header-navigation #primary > li > a {font-size: 16px; font-size: 1em;}} @media all and (max-width: 900px) and (min-width: 0px) {.mobile-nav-btn {display: block; text-align: center; padding-top: 10px;}.menu-btn {display: inline-block;}.header-logo {display: table;}.header-logo img {width: 280px;}.header-navigation-wrapper {display: none;}.header-logo {width: 50%;}.mobile-btn {width: 100%; float: left; text-align: center; display: block;}.menu-btn {border: 0px;}.header-bar-bottom #primary {display: none;}} @media all and (max-width: 850px) and (min-width: 0px) {.why-choose-us-text {width: 100%;}.why-choose-us-image {width: 100%; padding-top: 75%;}.implimentation-text {width: 100%;}.implimentation-image {width: 100%; padding-top: 75%;}.product_item {width: 49%; margin-right: 2%; margin-bottom: 20px;}.product_item:nth-of-type(2n) {margin-right: 0px;}.product_item:nth-of-type(4n) {margin-right: 0px;}} @media all and (max-width: 780px) and (min-width: 0px) {.header-sale-point-left img {height: 20px;}.header-sale-point-left p {font-size: 13px; font-size: 0.8125em;}.header-sale-point-middle img {height: 20px;}.header-sale-point-middle p {font-size: 13px; font-size: 0.8125em;}.header-sale-point-right img {height: 20px;}.header-sale-point-right p {font-size: 13px; font-size: 0.8125em;}} @media all and (max-width: 650px) and (min-width: 0px) {.inner-position {display: block !important; width: 100%;}.header-bar-top-left {text-align: center; }.header-bar-top-right {text-align: center; }.header-logo {text-align: center; width: 100%; display: block;}.header-sale-point-left p {text-align: center; margin-bottom: 15px;}.header-sale-point-middle p {text-align: center; margin-bottom: 15px;}.header-sale-point-right p {text-align: center; margin-bottom: 15px;}.footer-logo {display: block; text-align: center; margin-bottom: 20px;}.footer-logo img {width: 300px; text-align: center;}.header-search {margin-bottom: 20px;}.header-basket {text-align: center;}.footer-nav {margin-bottom: 20px;} .categoryImageItem  {    width:  49%;     float:  left;     margin:  0.5% 0.5%;     border:  1px solid #cbcbcb;     padding:  15px;}.product-info-side {margin-top: 0px !important; }.shipping-banner {margin-bottom: 20px;}.ecommerceSearchItem {width: 49%;}} @media all and (max-width: 480px) and (min-width: 0px) {.header-logo {width: 100%; padding: 15px; text-align: center;}.mobile-btn {width: 100%; text-align: center;}.green-btn {padding: 15px 25px 15px 25px ; font-size: 18px; font-size: 1.125em;}.green-btn:hover {opacity:0.8;}.green-btn:after {margin-left: 20px;}.product_item {width: 100%; margin-right: 0%; } .categoryImageItem  {    width:  100%;     float:  left;     margin:  1% 0%;     border:  1px solid #cbcbcb;     padding:  15px;}.ecommerceSearchItem {width: 100%;}.registerCustomer form table tbody tr td {width: 100% !important; display: block !important;} .ecommerceLogin td,  .ecommercePassword td  {width: 100% !important; display: block !important;}}