/* LESS parser failed, check your syntax 

 
Expected '}' but found 'l' on line 3064 in file 'style.css':
[3063]: row CRMCheckoutHeaderControls .col-md-8 {
[3064]:     float: right!Important;
       ----^
[3065]:     display: block!Important;
*/
/* Global styling such as font face, headings have been set in Bootstrap Customiser */

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 500px white inset;
}

body.modal-open {
  overflow-y: auto !important;
  padding-right: 0 !important;
}

ul {
  margin: 0;
}

ul li a {
  display: block;
  width: 100%;
  padding: 0;
}

button,
a:not(".blue") {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  &:hover,
  &:focus {
  }
}

a:link,
a:visited,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
  color: #676767;
}

button {
  border: none;
  background: none;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
select,
textarea,
.button {
  padding: 0em 0.5em;
}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="submit"],
select,
textarea,
.button {
  margin: 0px;
  border-radius: 2px;
  border: 1px solid #aeaeae;
}

.button-lg {
  padding: 0.5em;
}

a.button:hover {
  color: white;
}

.download-button:before {
  content: "\f0ed  ";
  font-family: "FontAwesome";
}

.article_image {
  display: none;
}

.article_title {
  font-size: 2em;
  color: #676767;
  margin: 0.67em 0;
  font-weight: bold;
}

.article_date {
  font-weight: 700;
}
/*====== GLOBAL DISPLAY:NONE; ======*/

.searchSelect,
.nivo-controlNav,
.bx-controls,
#mobilecatlist h3,
.CRMProdItemList br,
hr,
.enlargelink,
.CRMProdItemListTitle a,
.bubbleCloseTop,
.bubbleClose,
.CRMBasketOrderHeaderCreatedOn,
.CRMBasketOrderHeaderCreatedBy,
.CRMBasketOrderHeaderAmended,
.checkouthdrdetails tr:nth-of-type(1),
.CRMOrderSummaryCreatedOn,
.CRMOrderSummaryAmended,
.basketcontrols input[value="Empty Basket"],
.CRMContactUpdate input[value="Back to Manage Users"],
.CRMMiniBasketLines .CRMMiniBasketLabel,
.CRMMiniBasketLines .CRMMiniBasketValue,
.CRMMiniSavedBaskets,
.CRMMiniBasketAmount,
.checkouthdraddress tr:nth-of-type(1) {
  display: none;
}
/*====== =======*/

/*====== RESPONSIVE TABLES ======*/

.CRMFullBasket tfoot,
.CRMOrderSummaryLinesTable .code,
.CRMOrderSummaryLinesTable .unitprice,
.CRMOrderSummaryLinesTable .image,
.CRMCheckoutLineList .basketImage,
.CRMCheckoutLineList .basketLineCode,
.CRMCheckoutLineList .basketLinePrice,
.CRMCheckoutLineList tfoot,
.CRMCheckoutLineList .basketLineImage,
.CRMOrderStatus .os_header_ref,
.CRMOrderStatus .os_header_price,
.CRMOrderStatus .os_line_price,
.CRMOrderStatus .os_line_ref,
.CRMOrderStatus .os_header_invoiced,
.CRMOrderStatus .os_line_invoiced,
.CRMListLineItems .code,
.CRMListLineItems .lastordered,
.divManage .contactauthority,
.divManage .contactleftcompany,
.divManage .contactonhold,
.CRMListBaskets .ordered,
.CRMListBaskets .createdby,
.CRMListBaskets .created,
.CRMListBaskets .ref,
.CRMListBaskets .status,
.CRMListBaskets .linecount,
.CRMFullLineList .basketImage,
.CRMFullLineList tfoot,
.basketLineImage {
  display: none;
}
/* added to power the basket value dynamic content item */

.mini-basket {
  display: none;
}

#cookieok_bar {
  font-family: inherit !important;
  padding: 1em 0 !important;
  text-align: center !important;
  border-bottom: none !important;
  color: white !important;
  background: #363636 !important;
  -webkit-transition: all 0.3s ease-in-out !important;
  transition: all 0.3s ease-in-out !important;
  font-size: 13px !important;
}

#cookieok_bar a {
  color: white !important;
}

#cookieok_bar .cookieok_intro {
  margin-right: 0 !important;
}
/* PREVIEW MODE */

.preview-mode {
  /* background: #282828; */
  padding: 0.7em 0.5em;
  /* border-bottom: 1px solid aliceblue; */
  z-index: 100000;
  position: fixed;
  /* width: 100%; */
  margin-bottom: 0em;
}

.preview-mode input[value="Exit Preview Mode"] {
  border: none;
  background: #595959;
  color: white;
  padding: 0.5em;
  border-radius: 3px;
  margin: 0;
}

.in-preview {
  /*    padding-top: 3em!important;*/
}
/* /end PREVIEW MODE */
/*UTILS*/

.no-list-style {
  list-style: none;
  padding: 0;
  li {
    padding: 0.5em 0em;
  }
}

label:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
}

.blue {
  background: rgb(12, 100, 171);
  /* Old browsers */
  /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(12, 100, 171, 1)),
    color-stop(15%, rgba(10, 94, 161, 1)),
    color-stop(40%, rgba(9, 91, 157, 1)),
    color-stop(57%, rgba(9, 88, 150, 1)),
    color-stop(78%, rgba(8, 84, 143, 1)),
    color-stop(100%, rgba(6, 76, 128, 1))
  );
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(12, 100, 171, 1) 0%,
    rgba(10, 94, 161, 1) 15%,
    rgba(9, 91, 157, 1) 40%,
    rgba(9, 88, 150, 1) 57%,
    rgba(8, 84, 143, 1) 78%,
    rgba(6, 76, 128, 1) 100%
  );
  /* Chrome10+,Safari5.1+ */
  /* Opera 11.10+ */
  /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(12, 100, 171, 1) 0%,
    rgba(10, 94, 161, 1) 15%,
    rgba(9, 91, 157, 1) 40%,
    rgba(9, 88, 150, 1) 57%,
    rgba(8, 84, 143, 1) 78%,
    rgba(6, 76, 128, 1) 100%
  );
  /* W3C */
}

#page-cover {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 22;
  top: 0;
  left: 0;
  -webkit-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
}

.alert-cont {
  width: 100%;
  position: absolute;
  z-index: 23;
  top: 15em;
}

.alert {
  position: relative;
  width: 20em;
  padding: 2.5em 1.5em;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid;
  border-radius: 3px;
  background: #efefef;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
}

.alert h2 {
  margin-top: 0;
}

button.dismiss-button {
  color: white;
  border-radius: 3px;
  margin-top: 0.5em;
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
}

.info-cont,
.CRMProdItemDetailSpec p {
  border-left: 7px solid #4c82b8;
  padding-left: 1em;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.info-cont ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.info-cont p {
  margin-top: 0;
  margin-bottom: 0;
}

.parsley-errors-list.filled {
  display: inline-block;
  list-style: none;
  list-style-type: none;
  color: #fe5f55;
  font-weight: 700;
}

.parsley-error {
  background: #ffcdc9;
}

.cmsbiscuit,
.cmsbiscuitseperator {
  display: inline-block;
  margin-right: 0.75em;
}

.borderless-table > thead > tr > th,
.borderless-table > tbody > tr > th,
.borderless-table > tfoot > tr > th,
.borderless-table > thead > tr > td,
.borderless-table > tbody > tr > td,
.borderless-table > tfoot > tr > td {
  border: 0;
}

.important-point {
  color: #cc0001;
}
/* CAROUSEL FADE FIX */

.carousel-fade {
  .carousel-inner {
    .item {
      opacity: 0;
      -webkit-transition-property: opacity;
      transition-property: opacity;
    }
    .active {
      opacity: 1;
    }
    .active.left,
    .active.right {
      left: 0;
      opacity: 0;
      z-index: 1;
    }
    .next.left,
    .prev.right {
      opacity: 1;
    }
  }
  .carousel-control {
    z-index: 2;
  }
}
/*/end of CAROUSEL FADE FIX */
/* CAROUSEL ADDITIONAL */

.carousel-control {
  top: 33%;
}

.carousel-control.right {
  right: -1em;
}

.carousel-control.left {
  left: -1em;
}

.carousel-control.right,
.carousel-control.left {
  background: none;
  color: #e5edf8;
  font-size: 3em;
}

#home-image-slider:hover .carousel-control {
  opacity: 0.9;
}
/* /end of CAROUSEL ADDITIONAL */

.panel-heading {
  padding: 5px 15px;
}

.panel-title a {
  display: block;
  font-size: 1.2rem;
}

.info-pages ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
}

.info-pages ul li a {
  padding: 0.5em;
  color: white;
  border-radius: 3px;
}

.info-pages ul li {
  margin-bottom: 0.1em;
}

.printlink a:before {
  content: "\f02f  ";
  font-family: "FontAwesome";
}

.twitter-timeline.twitter-timeline-rendered {
  width: 100% !important;
}

.new-feature:before {
  content: "new! ";
  color: #cc0001;
  font-size: 0.85em;
}

h3.info-title {
  margin-top: 0;
}

article {
  padding-top: 1.8em;
}
/*END OF UTILS*/

#body {
  padding-top: 1em;
  padding-bottom: 3em;
}

footer {
  clear: both;
}

footer ul,
nav ul,
.CRMCategoryList ul {
  padding: 0;
  list-style: none;
  list-style-type: none;
}
/* WRAPPER BACKGROUND */

#wrapper {
  /* background-image: url('styleImage.aspx?styleid=1142&filename=Airflow-pattern-web-background.jpg'); */
  background-position: bottom center;
  background-color: white;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
/* END OF WRAPPER BACKGROUND */
/*HEADER*/

div#sticky-nav-cont {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  background-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

div#sticky-nav-cont header {
  /*padding-top: 36px;*/
  background: white;
}
/*/end of FIXED HEADER*/
/*MAIN MENU*/

nav#menu-cont ul.dropdown.dropdown-horizontal > li > a {
  border-radius: 2px;
}

ul#nav-menu li ul li {
  text-align: left;
}

nav#menu-cont ul {
  display: none;
}

ul#main-menu li {
  display: inline-block;
  padding: 0em 0.5em;
}

nav#menu-cont a {
  color: white;
}

nav#menu-cont ul.dropdown.dropdown-horizontal {
  display: flex;
  display: -webkit-flex;
  /* NEW */
  -webkit-flex-wrap: wrap;
  /* NEW */
  position: relative;
  padding: 0;
  max-height: 47px;
}

div#dd_menu > ul > li {
  flex-grow: 1;
  text-align: center;
}

nav#menu-cont ul.dropdown.dropdown-horizontal > li a {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  padding: 0.5em 1.2em;
  -webkit-transition: background 300ms ease-in-out, opacity 300ms ease-in-out;
  transition: background 300ms ease-in-out, opacity 300ms ease-in-out;
  opacity: 1;
}

nav#menu-cont ul.dropdown.dropdown-horizontal > li {
  margin-bottom: 0.3em;
}

nav#menu-cont ul.dropdown.dropdown-horizontal > li a:hover {
  /*instead of background to avoid flashing bug*/
  opacity: 0.7;
}

nav#menu-cont ul.dropdown.dropdown-horizontal li ul a {
  color: #0063ad;
  padding: 0.5em 0em 0.5em;
  border-bottom: 1px solid #0063ad;
  border-left: 1px solid #0063ad;
  border-right: 1px solid #0063ad;
  background: white;
}

nav#menu-cont ul.dropdown.dropdown-horizontal li ul li:nth-last-of-type(1) a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

nav#menu-cont ul.dropdown.dropdown-horizontal li ul li:nth-last-of-type(1) {
  margin-bottom: 0.4em;
}

nav#menu-cont ul.dropdown.dropdown-horizontal li ul a:hover {
  color: white;
  background: #4c82b8;
}

nav#menu-cont ul.dropdown.dropdown-horizontal > li.has-child > a i {
  margin-left: 0.5em;
}

.fa-caret-down {
  transition: transform 550ms ease;
  -ms-transition: -ms-transform 550ms ease;
  -webkit-transition: -webkit-transform 550ms ease;
}

.fa-caret-down.open-list {
  transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
}
/*/end of MAIN MENU*/

div#logo-row-cont {
  background: white;
  padding: 0.2em;
}

#logo-row-cont img {
  /*equal to width of 'A' in logo according to branding guidelines*/
  padding: 35px;
}

#greetings-cont {
  padding: 1em 0em;
}

#greetings-cont a {
  color: white;
  font-weight: 700;
  text-transform: uppercase;
}

#greetings-cont .loggedout,
#greetings-cont .register,
#greetings-cont .loggedin,
#greetings-cont .view-basket,
#greetings-cont .logout,
#greetings-cont .checkout-button {
  display: inline-block;
}

.loggedin a span,
.loggedin i,
#greetings-cont .checkout-button a,
#greetings-cont .basket-link {
  color: #fff;
}

.view-basket {
  margin-right: 0.5em;
  transform: translate(3px, -5px);
}

.loggedin,
.view-basket,
.checkout-button,
.logout {
  width: 22%;
}

.loggedin {
  text-align: center;
  margin-left: -31px;
  margin-top: -5px;
  width: 70px;
}

.logout {
  text-align: right;
  transform: translateY(-5px);
}

#guest-checkout-button {
  margin-right: 0;
  margin-left: 0.8em;
}

div#greetings-cont i {
  font-size: 1.7em;
}

ul#main-menu li:nth-of-type(1) {
  padding-left: 0;
}

div#greetings-cont,
div#search-cont {
  text-align: center;
}

.CRMProdSearch button {
  background: #0c64ab;
  color: white;
  margin-left: -4px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  line-height: normal;
}

header .CRMProdSearch button {
  background: linear-gradient(
    to bottom,
    rgba(12, 100, 171, 1) 0%,
    rgba(10, 94, 161, 1) 15%,
    rgba(9, 91, 157, 1) 40%,
    rgba(9, 88, 150, 1) 57%,
    rgba(8, 84, 143, 1) 78%,
    rgba(6, 76, 128, 1) 100%
  );
}

#search-cont .CRMProdSearch {
  padding: 0.4em 0em;
}

.CRMProdSearch input.searchTextBox {
  width: 60%;
  /* escaped to avoid .LESS bug */
  width: ~"calc(100% - 2.4em)";
  color: #666;
  padding: 0.2em;
  line-height: normal;
}
/*GREETINGS PLUGIN*/

div#view-basket a:after {
  content: " \f07a";
  font-family: "FontAwesome";
  color: #0065ad;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

div#view-basket a:hover:after {
  color: black;
}
/*/end of GREETINGS PLUGIN*/

.CRMProdSearch input.searchTextBox {
  background: transparent;
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
  color: white;
}

.CRMProdSearch input.searchTextBox:focus,
.CRMProdSearch input.searchTextBox:active {
  background: white;
  outline: none;
  color: black;
}

.CRMProdSearch input.searchTextBox:focus::-webkit-input-placeholder {
  color: #333;
}

.CRMProdSearch input.searchTextBox:focus:-moz-input-placeholder {
  color: #333;
}

.CRMProdSearch input.searchTextBox:focus::-moz-input-placeholder {
  color: #333;
}

.CRMProdSearch input.searchTextBox:focus:-ms-input-placeholder {
  color: #333;
}

.CRMProdSearch input.searchTextBox {
  background: transparent;
}

.CRMProdSearch input.searchTextBox::-webkit-input-placeholder {
  color: white;
}

.CRMProdSearch input.searchTextBox:-moz-placeholder {
  /* Firefox 18- */
  color: white;
}

.CRMProdSearch input.searchTextBox::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
}

.CRMProdSearch input.searchTextBox:-ms-input-placeholder {
  color: white;
}
/*/end of HEADER*/
/*FOOTER*/

#pre-footer {
  background: white;
  padding: 0.2em 0;
}

#social-media-footer li,
#external-website-lang li {
  display: inline-block;
}

#social-media-footer li img,
ul#external-website-lang li img {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
  opacity: 1;
}

#social-media-footer li img {
  width: 3em;
  height: 3em;
}

#social-media-footer li img:hover,
ul#external-website-lang li a:hover img {
  opacity: 0.7;
}

ul#external-website-lang li img {
  width: 3em;
}

ul#social-media-footer {
  text-align: center;
}

span.footer-strapline {
  padding-top: 1.5em;
  color: #0063ac;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  vertical-align: top;
}

#external-website-lang {
  margin-top: 4em;
  text-align: center;
  margin-bottom: 0.3em;
}

#external-website-lang li {
  padding-left: 0em;
}

#external-website-lang .flag:nth-of-type(1) {
  padding-right: 1em;
}

div#contact-footer-row {
  /*  background-image: url('styleImage.aspx?styleid=1142&filename=blue-menubar.png');
    background-repeat: repeat-x;*/
  color: white;
  padding: 0.8em 0em 1em 0em;
}

#contact-footer-row .contact-info {
  text-align: right;
}

div#footer-menu {
  padding-top: 0.5em;
}

.footer-menu-col li a {
  color: #666;
}

.footer-menu-col li a:hover {
  color: black;
}

ul.footer-nav-list a,
ul.footer-nav-list li span {
  color: white;
}

ul.footer-nav-list > li > a,
ul.footer-nav-list > li > span {
  margin-bottom: 0.75em;
}

ul.footer-nav-list > li > a,
ul.footer-nav-list > li > span {
  font-size: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
}

#contact-footer-row .contact-info {
  text-align: right;
  font-weight: 700;
}

.contact-info span {
  display: inline-block;
  padding-left: 1.2em;
}

.copyright,
.copyright span {
  color: white !important;
}

.copyright a {
  color: white !important;
}

.copyright sub {
  display: block;
  text-align: center;
  margin: 1em 0em;
}
/*img#certifications {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .5em;
}*/

footer .certifications {
  text-align: center;
}
/*/end FOOTER*/
/* BODY */

.CRMProdItemListTitle,
#product-greeting {
  margin-left: 1em;
  display: block;
  width: 100%;
}

.mini-basket h3 {
  margin-top: 0;
}
/* HOME PAGE */

#body-cont {
  min-height: 64.5667vh;
  padding-top: 22.5em;
  background: white;
}

#body-cont .lower-home {
  padding-bottom: 1em;
  padding-top: 3em;
}

.division,
.products-box {
  padding: 0;
  list-style-type: none;
  font-size: 1.4em;
  padding-top: 0.5em;
}

.division li,
.products-box li {
  display: inline-block;
  vertical-align: top;
  min-height: 6em;
  margin-left: 0em;
  width: 49%;
  margin-top: 0.2em;
  text-align: center;
}

.division li:nth-of-type(1) {
  margin-left: 0;
}

.division li:nth-last-of-type(1) {
  margin-right: 0;
}

.division,
.products-box {
  li a,
  li:hover a {
    color: white;
  }
}
/*uncomment the three rules below if larger images are not found */

.division li a strong,
.products-box li a strong {
  background: url('styleImage.aspx?styleid=1142&filename=blue-menubar.png') repeat-x;
  display: block;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  /* max-width: 200px; */
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding: 6px 0;
  /* margin-left: auto; */
  /* margin-right: auto; */
}

.division li:hover a strong {
  background: url('styleImage.aspx?styleid=1142&filename=blue-menubar-hover.png') repeat-x;
}

.products-box li.first a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-1bg.png') repeat-x;
}

.products-box li.first:hover a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-1bg-hover.png') repeat-x;
}

.products-box li.second a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-2bg.png') repeat-x;
}

.products-box li.second:hover a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-2bg-hover.png') repeat-x;
}

.products-box li.third a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-3bg.png') repeat-x;
}

.products-box li.third:hover a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-3bg-hover.png') repeat-x;
}

.products-box li.fourth a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-4bg.png') repeat-x;
}

.products-box li.fourth:hover a strong {
  background: url('styleImage.aspx?styleid=1142&filename=promo-4bg-hover.png') repeat-x;
}
/*SOCIAL SIDE BAR AND BLOGS*/

.blogs-cont,
.subscribe-cont {
  border-radius: 5px;
  border: 1px solid #e8e8e8;
  margin-bottom: 1em;
}

.blog-title h3,
.subscribe-title h3 {
  margin: 0;
  border-bottom: 1px solid #e8e8e8;
  padding: 0.5em;
}

.blog-content,
.subscribe-form {
  padding: 0.5em;
}

.subscribe-form {
  min-height: 14em;
}

.subscribe-form form input {
  margin-bottom: 0.5em;
}

.subscribe-form form input:not([type="submit"]) {
  display: block;
  width: 100%;
  padding: 0.3em;
}

.subscribe-form .form-row {
  text-align: right;
}

.subscribe-form .form-row input {
  width: inherit;
  display: inline;
}

.row.article-row {
  border: 1px solid #d2d2d2;
  border-radius: 5px;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  padding: 2em 0.5em 0.5em 0.5em;
}

.home-title {
  margin-top: 0;
  color: #676767;
}
/*/end SOCIAL SIDE BAR AND BLOGS*/
/* /end HOME PAGE*/
/* CATEGORY LIST AND PRODUCT DETAIL */

.CRMCategoryList h3 {
  background: #f5f5f5;
}

div#left-col .CRMCategoryList h3 i {
  margin-left: 0.3em;
}

.CRMCategoryThumbList ul {
  list-style: none;
  list-style-type: none;
  padding: 0;
}

.CRMCategoryThumbList ul li,
.CRMProdItemList .CRMProdItemSummary,
.lofAddressBlock {
  vertical-align: top;
  border: 1px solid #cdd6dd;
  min-height: 14em;
  /*  flex: 0 0 auto;
    flex-shrink: 0;*/
  width: 95%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.CRMCategoryThumbList ul li {
  /*height: 23em;*/
}

.CRMProdItemList .CRMProdItemSummary {
  min-height: auto;
}

#left-col .CRMProdItemList .CRMProdItemSummary {
  height: 17em;
  margin-left: 0;
}

.CRMCategoryThumbList ul li img,
.CRMProdItemSummaryImg img,
.lofAddressBlock img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.5em;
  max-width: 120px;
}

.CRMCategoryThumbList ul li,
.CRMProdItemList .CRMProdItemSummary {
  text-align: center;
  padding-bottom: 0.5em;
}

.CRMProdItemSummaryDesc,
.CatThumbgroupdesc {
  /*border-bottom: 1px solid #cdd6dd;*/
  padding: 0.5em;
  margin-bottom: 0.5em;
  width: 100%;
  /*overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;*/
  /*background: #f5f5f5;*/
  text-wrap: balance;
}

.CRMProdItemSummaryExDesc .v {
  display: block;
  height: 3em;
}

.CatThumbgroupdesc a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.CatThumbgroupextdesc {
  padding: 0em 0.3em;
}

.CatThumbgroupextdesc a {
  height: 8em;
}

.CRMProdItemSummaryDesc a,
.CatThumbgroupdesc a {
  font-size: 1.2em;
  color: #0065ad;
}

/*.CRMProdItemSummaryCost .v,
.CRMProdItemSummaryRef .v,
.CRMProdItemSummaryDiscountedPrice .v,
.CRMProdItemSummaryDiscount .v,
.CRMProdItemDetailYourPrice .v,
.CRMProdItemDetailRef .v {
  color: #cc0001;
}*/

.CRMProdItemAddToBasket .addqty {
  display: inline-block;
  width: 3em;
  margin-right: 0.2em;
  height: 1.8em;
  vertical-align: bottom;
}

#left-col .CRMCategoryList > ul:nth-of-type(1) > li:nth-last-of-type(1) > a {
  border-bottom: none;
}

.CRMCategoryList h3 {
  margin: 0;
  padding: 0.3em 0.5em;
  /* font-weight: 500; */
  font-size: 1.2em;
  border-radius: 5px;
  border-bottom: none;
}

.CRMCategoryList {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 1px solid #e8e8e8;
  margin-bottom: 1em;
}

.CRMCategoryList ul li a {
  border-bottom: 1px solid #dedede;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: #f5f5f5;
  position: relative;
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}

.CRMCategoryList ul li a:hover {
  background: #0065ad;
  color: white;
}
/* Left border */

.CRMCategoryList ul ul li a:before {
  content: "";
  border-left: 7px solid #7f98ae;
  border-bottom: none;
  position: absolute;
  left: 0em;
  bottom: 0;
  width: 2em;
  height: 100%;
}
/* Selected List */

a.CRMCategorySelected {
  background: #7f98ae !important;
  color: white !important;
}

.CRMCategoryList ul li a.CRMCategorySelected:before {
  color: #989898 !important;
}

.CRMCategorySelected:after {
  content: "\f0d7";
  /* border-left: 7px solid; */
  border-bottom: none;
  font-family: "FontAwesome";
  position: absolute;
  right: -0.5em;
  top: 0.5em;
  bottom: 0;
  width: 2em;
  height: 100%;
}
/* First level */

.CRMCategoryList > ul > li > a {
  padding-left: 1.3em;
  background: #eaeff3;
  /* color: white; */
  font-weight: 600;
}

.CRMCategoryList > ul > li > a:after {
  color: white;
}
/* Second Level */

.CRMCategoryList > ul > li > ul > li > a {
  padding-left: 2em;
  /* background: rgba(204, 0, 1, 0.56); */
  background: white;
  /* color: white; */
}
/* Third Level */

.CRMCategoryList > ul > li > ul > li > ul > li > a {
  padding-left: 2em;
  background: white;
}
/* Fourth Level */

.CRMCategoryList > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 4.5em;
}
/* Fifth Level */

.CRMCategoryList > ul > li > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 5.5em;
  background: white;
}

.searchpagenav {
  font-size: 1.1em;
  color: #888;
  padding: 0.5em;
  margin-top: 2em;
  text-align: center;
  clear: both;
}

.searchpagenav a {
  border-radius: 4px;
  padding: 0.2em 0.5em;
  background: #cdd6dd;
  color: #0063ad;
  white-space: nowrap;
  margin: 5px 3px;
  display: inline-block;
}

.searchpagenav a:hover {
  background: #c5c5c5;
}
/*PRODUCT DETAIL*/

#prod-title #CRMProdItemDesc1 {
  margin-top: 0.5em;
  font-size: 2em;
}

.CRMProdItemDetailRef {
  font-size: 1.5em;
}

.CRMProdItemDetailCost {
  font-size: 1.2em;
}

.CRMProdItemDetail #CRMAddButton1 {
  text-align: right;
}

#product-detail input.CRMBuyButton {
  margin-bottom: 0;
}

#prod-image .CRMProdItemAddToBasket {
  margin: 0.5em 0em;
}
/*/end of PRODUCT DETAIL*/
/* CONTACT US PAGE */

#contact-type-form {
  padding-bottom: 2em;
}

.form-row label {
  width: 13em;
  display: block;
}

.form-row input[type="checkbox"] {
  width: initial;
}

.form-row {
  margin-bottom: 0.5em;
}

.form-row textarea {
  resize: none;
  overflow-y: scroll;
  height: 8em;
}

select#interested-in,
select#found-by,
.form-row input,
.form-row textarea {
  width: 16em;
  vertical-align: top;
}

.contact-form-cont form {
  border: 1px solid #717171;
  padding: 1em;
  border-radius: 4px;
}
/* /end of CONTACT US PAGE */
/*FIND A STOCKIST*/

#flash-content {
  text-align: center;
}

#flash-content iframe {
  border: none;
  width: 250px;
  height: 188px;
}

.lofAddressBlock {
  position: relative;
  width: 100%;
  text-align: center;
}

.lofImageContainer {
  font-weight: bold;
  display: inline-block;
  vertical-align: top;
  padding: 0em 1em 0em;
}

.lofImageContainer {
  font-weight: bold;
}

.lofImageContainer:after {
  content: "  \f08e";
  font-family: "FontAwesome";
}

span.lofDistance {
  font-size: 0.85em;
  padding-top: 0.5em;
  padding-right: 0.5em;
  position: absolute;
  right: 0;
  top: 0;
}

span.lofDistance:after {
  content: "  \f041";
  font-family: "FontAwesome";
}

span.lofDivname {
  font-weight: bold;
  padding: 0.5em;
  width: 76%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: none;
}

.trader-result-header {
  background: #f5f5f5;
  border-bottom: 1px solid #cdd6dd;
}

span.lofDistance,
span.lofDivname {
  display: block;
  background: #f5f5f5;
}

#br_rber_finderform {
  margin: 0.5em 0 0 0;
  border: 1px solid #e8e8e8;
}

#br_rber_finderform input[type="checkbox"] {
  margin: 0.5em;
}

#br_rber_finderform .lofSearchBlock br:nth-of-type(1) {
  display: none;
}

.lofHeader {
  background: #f5f5f5;
  padding: 0.5em;
  font-weight: bold;
  font-size: 1.3em;
  color: #676767;
  margin-bottom: 0.2em;
}

.lofHeader:nth-last-of-type(1) {
  margin-top: 0.5em;
}

input.lofSearchButton {
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
}

.lofSearchBlock {
  position: relative;
  min-height: 27.5em;
}

span.lofSmallText {
  font-weight: bold;
  display: block;
}

input.lofSearchText,
span.lofSmallText {
  margin-left: 0.5em;
}
/* /end of FIND A STOCKIST */
/* OUR STORY TIMELINE */
/* based on http://codepen.io/jenniferperrin/pen/xfwab */
/* -----------------------------------------------
 * Timeline
 * --------------------------------------------- */

.timeline {
  list-style: none;
  list-style-type: none;
  padding: 10px 0;
  position: relative;
  font-weight: 300;
  overflow: auto;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 2px;
  background: #1464a7;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
  width: 50%;
  float: left;
  clear: left;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: ~"calc(100% - 2.4em)";
  width: ~"-moz-calc(100% - 2.4em)";
  width: ~"-webkit-calc(100% - 2.4em)";
  float: left;
  border: 1px solid #dcdcdc;
  background: #ffffff;
  position: relative;
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #dcdcdc;
  border-right: 0 solid #dcdcdc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #ffffff;
  border-right: 0 solid #ffffff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #888;
  width: 24px;
  height: 24px;
  line-height: 50px;
  text-align: center;
  position: absolute;
  top: 16px;
  right: -12px;
  z-index: 4;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge > a {
  color: #1464a7 !important;
}

.timeline-badge a:hover {
  color: #1464a7 !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-heading h4 {
  font-weight: 400;
  padding: 0 15px;
  color: #4679bd;
  font-size: 1.6em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}

.timeline-body > p,
.timeline-body > ul {
  padding: 10px 15px;
  margin-bottom: 0;
}

.timeline-footer {
  padding: 5px 15px;
  background-color: #f4f4f4;
}

.timeline-footer p {
  margin-bottom: 0;
}

.timeline-footer > a {
  cursor: pointer;
  text-decoration: none;
}

.timeline > li.timeline-inverted {
  float: right;
  clear: right;
}

.timeline > li:nth-child(2),
.timeline > li:nth-child(7),
.timeline > li:nth-child(9),
.timeline > li:nth-child(11) {
  margin-top: 60px;
}

.timeline > li.timeline-inverted > .timeline-badge {
  left: -12px;
}

.no-float {
  float: none !important;
}
/*/end of OUR STORY TIMELINE*/

#left-col img:not(".ad-image") {
  display: none;
}
/* YOUTUBE PLAYER STYLING */
/* TOL - 10/06/15 */

.video {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 29%;
  -webkit-transition: opacity 250ms ease-in-out;
  transition: opacity 250ms ease-in-out;
}

.video:hover {
  cursor: pointer;
  opacity: 0.6;
}
/*
 * using http://jsfiddle.net/barney/bmNvs/
 * the most browser compatible solution, with no js
*/

.ellipsis {
  background: #fff;
  bottom: 0;
  position: absolute;
  right: 0;
}

.fill {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
}

.published-on {
  font-size: 0.85em;
  position: absolute;
  bottom: 0;
}

.video-title {
  margin-top: 0.6em;
  overflow: hidden;
  position: relative;
  max-height: 3em;
}

.video {
  display: inline-block;
  vertical-align: top;
  /*  width: 15.667%;*/
  -webkit-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  position: relative;
  margin-bottom: 1.5em;
  height: 12em;
  margin-right: 0.8em;
}

.yt-video-container {
  max-height: 20em;
  overflow-x: hidden;
  overflow-y: scroll;
}

.yt-controls {
  padding: 0.5em 0 1em 0;
  text-align: right;
  margin-bottom: 1em;
  border-bottom: 1px solid #676767;
}

.yt-selected-video-cont {
  padding-top: 1em;
}

.yt-selected-video-desc {
  display: inline-block;
  width: 33%;
  vertical-align: top;
  padding: 0em 1.5em;
}
/*
.yt-selected-video {
    width: 50%;
    display: inline-block;
}*/

.yt-iframe-cont,
.yt-selected-video-desc {
  width: 100%;
}

.yt-iframe-cont {
  display: inline-block;
}

.yt-selected-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.yt-selected-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#youtube-video,
.yt-selected-video-desc {
  -webkit-transition: opacity 150ms ease, visibility 150ms ease;
  transition: opacity 150ms ease, visibility 150ms ease;
}

.hide-video {
  opacity: 0;
  visibility: hidden;
}

.yt-selected-video-desc .video-title {
  font-size: 1.4em;
  margin-top: 0;
}

.yt-selected-video-desc .video-desc {
  font-size: 1.4em;
}

.yt-selected-video-desc .published-on {
  position: inherit;
  font-size: 1.2em;
}
/* /end YOUTUBE PLAYER STYLING */
/*CHECKOUT PROCESS*/
/*BASKET PAGE*/

input[value="Checkout"],
input[value="Update Basket"],
input[value="Continue"],
input[name="continuebutton"],
.lofSearchButton,
.blue-button {
  background: #1464a7;
  color: white;
  border: 1px solid #0c4574;
  margin-left: 0.25em;
}

.basketcontrols form {
  display: inline-block;
}

.basketcontrols {
  text-align: right;
  margin-bottom: 0.5em;
}

.CRMOrderSummaryHeader,
.checkouthdrdetails,
.checkouthdraddress {
  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    border: none;
  }
}
/* /end of BASKET PAGE */
/* GUEST CHECKOUT PAGE */

.CRMGuestCheckout label {
  font-weight: bold;
}

.CRMGuestCheckout {
  width: 22em;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #aeaeae;
  border-radius: 5px;
  position: relative;
}

.CRMGuestEmailField {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 1.5em;
  margin-bottom: 1em;
  text-align: center;
}

.CRMGuestEmailField label {
  display: block;
  margin-bottom: 0.3em;
}

.CRMGuestEmailField label,
.CRMGuestCheckout input[type="radio"] {
  margin-right: 0.5em;
}

.CRMGuestCheckout input[type="radio"] {
  vertical-align: middle;
}

.CRMGuestLogin {
  text-align: center;
}

.CRMGuestLogin input[type="password"] {
  display: block;
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
}
/*input.CRMBuyButton*/

.CRMGuestLogin,
.CRMGuestRegister {
  margin-left: 0.5em;
  margin-bottom: 0.5em;
}

.CRMGuestCheckout input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0.5em;
}
/*/end of GUEST CHECKOUT PAGE*/
/*CHECKOUT PROGRESS BAR*/

.stage {
  display: none;
}

.checkout-stages {
  position: relative;
}

.checkout-stage-cont {
  width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5em;
  margin-bottom: 3em;
}

.progress {
  height: 7px;
  margin-bottom: 15px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  background-color: #5b9e20;
  float: left;
  width: 0;
  height: 100%;
}
/*/end of checkout progress bar*/

form[name="paymentselection"] {
  text-align: right;
}

form[name="paymentselection"] input.CRMBuyButton {
  margin-top: 1em;
}

textarea[name="deliverynotes1"] {
  resize: none;
  overflow-x: hidden;
  overflow-y: scroll;
  height: 12em;
}

.checkouthdraddress input[type="text"],
.checkouthdraddress textarea,
.checkouthdraddress select {
  width: 17em;
}

.address-details .parsley-errors-list,
.CRMBasketOrderHeaderPORef .parsley-errors-list {
  display: block;
  margin-left: 0;
  padding-left: 0;
}

.address-details input[type="text"],
.address-details textarea,
.address-details select,
.CRMBasketOrderHeaderPORef input {
  width: 255px;
}

.CRMHeaderBasketCheckout .CRMBasketButton {
  text-align: right;
}

.CRMBasketOrderHeaderTotal,
.CRMOrderSummaryTotal,
.payment-options {
  background: #f1f1f1;
  font-weight: bold;
  font-size: 1.2em;
  border: 1px solid #e8e8e8;
  color: #676767;
}

.basketLineDesc {
  display: none;
}

.basketLineDesc {
  max-width: 4em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

select[name="deliverycountry"],
textarea[name="deliverynotes1"] {
  width: 13.4em;
}
/*AGREE TERMS PAGE*/

.CRMAgreeForm {
  margin-top: 1em;
  max-width: 44.5em;
}

.CRMAgreeForm input[type="radio"],
input[name="delivselect"] {
  margin-right: 0.3em;
  vertical-align: middle;
}

.CRMAgreeForm input[value="NO"] {
  margin-left: 2em;
}

.CRMAgreeForm #submitLogin {
  margin-top: 0.75em;
}
/*/end of AGREE TERMS PAGE*/
/*PAYMENT PAGE*/

.CRMOrderSummaryLinesTable .totalexvat {
  display: none;
}

.CRMOrderSummaryLinesTable .description {
  max-width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.payment-options tr:nth-last-of-type(1) {
  font-size: 1.3em;
  text-align: right;
}
/*/end of PAYMENT PAGE*/
/*/end of CHECKOUT PROCESS*/
/* PLUGIN STYLING */
/*BASKET PLUGIN, MINI MODE*/

.bubbleControls {
  display: none;
}

#CRMMiniBasketBubble {
  z-index: 200;
  position: fixed;
  padding: 0.5em;
  background: #676767;
  color: white;
  font-size: 1.1em;
  text-align: center;
  width: 100%;
  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.76);
}

.bubbleText:after {
  content: " \f00c";
  font-family: "FontAwesome";
  color: #3bab2d;
}
/* /end of BASKET PLUGIN, MINI MODE*/
/* /end of PLUGIN STYLING */
/* 2 COL LEFT BAR ADVERT */
/*height is equal to the image height plus any spacing needed*/

.advert-cont {
  height: 120px;
  width: 100%;
}

#side-bar-advert {
  background-image: url('styleImage.aspx?styleid=1142&filename=verticalAd.png');
  background-position: center;
  background-size: contain;
  height: 100px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  padding: 1em;
  background-repeat: no-repeat;
}

/*equal to the height of the image*/
/* /end of 2 COL LEFT BAR ADVERT*/
/*absolute size requested by client*/
div#advert-slider {
  max-width: 212.5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* INFO CENTRE PAGES */

#left-col .CRMProdItemList.CRMProdItemModeS .CRMProdItemSummary {
  width: 100%;
}

#left-col .CRMProdItemSummaryMore img {
  display: block;
}
/*REGISTER PAGE*/

.CRMUserRegFormInput {
  margin-bottom: 1em;
  margin-top: 0.2em;
}

.CRMUserRegFormInput label {
  display: block;
}

.CRMUserRegFormSubmit {
  margin-top: 1em;
}
/*/end of  INFO CENTRE PAGES */
/*================================================*/
/*====== MEDIA QUERIES ===========================*/
/*================================================*/

@media (min-width: 400px) {
  #social-media-footer li img {
    width: 4em;
    height: 4em;
  }
  ul#external-website-lang li img {
    width: initial;
  }
  /*YOUTUBE FEED*/
  .video {
    height: 14em;
  }
  /*/end YOUTUBE FEED*/
  /*Fix alignment of "My Account" on small screen*/
  .loggedin {
    transform: translateY(-5px);
  }
}
/* Small devices (tablets, 768px and up) */

@media (min-width: 550px) {
  .CRMCategoryThumbList ul li,
  .CRMProdItemList .CRMProdItemSummary,
  .lofAddressBlock {
    width: 47%;
    display: inline-block;
    margin-left: 1em;
  }
  #left-col .CRMProdItemList.CRMProdItemModeS .CRMProdItemSummary {
    width: 47.5%;
  }
  /*HOME PAGE*/
  .division li {
    width: 49.5%;
  }
  /* FIND A STOCKIST */
  #flash-content iframe {
    width: 400px;
    height: 300px;
  }
  .lofAddressBlock {
    width: 47.6%;
  }
  span.lofDivname {
    width: 76%;
  }
  /*CHECKOUT PROCESS*/
  .basketLineDesc {
    display: table-cell;
    max-width: 10em;
  }
  /*/end of CHECKOUT PROCESS*/
  /*YOUTUBE FEED*/
  .video {
    height: 14em;
    width: 23%;
  }
  /*/end YOUTUBE FEED*/
}
/*@media (max-width:650px) {

}*/

@media (min-width: 700px) {
  /*YOUTUBE FEED*/
  .video {
    width: 22%;
  }
  /*/end YOUTUBE FEED*/
}

@media (max-width: 767px) {
  div#logo-row-cont img {
    max-width: 18em;
    /*equal to width of 'A' in logo for guidelines*/
    padding: 20px;
  }
  /* CATEGORY LIST */
  .CRMCategoryList h3:hover {
    cursor: pointer;
  }
  #left-col .CRMCategoryList > ul {
    display: none;
  }
  /*TIMELINE OUR STORY*/
  ul.timeline:before {
    left: 40px;
  }
  ul.timeline > li {
    margin-bottom: 0px;
    position: relative;
    width: 100%;
    float: left;
    clear: left;
  }
  ul.timeline > li > .timeline-panel {
    width: ~"calc(100% - 65px)";
    width: ~"-moz-calc(100% - 65px)";
    width: ~"-webkit-calc(100% - 65px)";
  }
  ul.timeline > li > .timeline-badge {
    left: 28px;
    margin-left: 0;
    top: 16px;
  }
  ul.timeline > li > .timeline-panel {
    float: right;
  }
  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }
  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
  .timeline > li.timeline-inverted {
    float: left;
    clear: left;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .timeline > li.timeline-inverted > .timeline-badge {
    left: 28px;
  }
  /*/end of TIMELINE OUR STORY*/
}

@media (min-width: 768px) {
  /* UTILS */
  .title-row .parsley-errors-list.filled {
    padding-left: 14em;
  }
  /* INFO PAGES */
  #left-col {
    min-height: 100px;
  }
  #left-col img {
    display: inline;
  }
  /*/end of INFO PAGES*/
  /* /end of UTILS */
  #body-cont {
    padding-top: 222px;
  }
  /*HEADER*/
  header #header-nav-cont {
    margin: 0;
  }
  #greetings-cont {
    padding: 0em;
  }
  #greetings-cont .logout {
    width: 5em;
    font-size: 1.2em;
    padding-right: 0.2em;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal > .home {
    display: none;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal > li > a {
    height: 100%;
    max-height: 47px;
    padding: 1.1em 0.3em;
    font-size: 1.2em;
    border-right: 0.12em solid white;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal > li:hover > a {
    /* instead of opacity to avoid flashing */
    background: #4c82b8;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal > li {
    display: inline-block;
    margin-bottom: 0em;
  }
  /*  li.link.has-child.products > ul {
        width: 59em;
    }*/
  li.link.has-child > ul {
    width: ~"calc(100% - 2.5em)";
  }
  li.link.has-child > ul > li {
    width: 25%;
    padding: 0.5em;
    border-left: 0.15em solid #0063ad;
  }
  // li.link.has-child.products > ul > li {
  //     min-height: 15.5em
  // }
  // li.link.has-child.products > ul > li:nth-last-of-type(1),
  // li.link.has-child.products > ul > li:nth-last-of-type(2),
  // li.link.has-child.products > ul > li:nth-last-of-type(3) {
  //     min-height: 2em;
  // }
  li.link.has-child.products > ul > li {
    width: 33%;
  }

  /* FIXED MENU */
  .CRMProdSearch input.searchTextBox {
    width: 60%;
    /* width: initial; */
    width: ~"calc(100% - 8em)";
  }
  /*MAIN MENU*/
  /*COLUMN SPACING*/
  ul#list-id4,
  ul#list-id2 {
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
  }
  ul#list-id4 {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    height: 33em;
  }
  ul#list-id2 {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  /*/END OF COLUMN SPACING*/
  /* all children anchors after top level parent */
  nav#menu-cont ul.dropdown.dropdown-horizontal > li ul a {
    color: #0063ad;
    padding: 0.2em 0em;
  }
  /* show all children on hover top level parent */
  nav#menu-cont ul.dropdown.dropdown-horizontal > li:hover ul {
    display: block;
  }
  /* all children lists after top level list */
  nav#menu-cont ul.dropdown.dropdown-horizontal li ul {
    background: white;
  }
  /* second level list only on hover */
  nav#menu-cont ul.dropdown.dropdown-horizontal > li:hover > ul {
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 500px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }

  /* IE Fix */
  nav#menu-cont ul.dropdown.dropdown-horizontal > li.products:hover > ul {
    height: 500px;
  }

  nav#menu-cont ul.dropdown.dropdown-horizontal {
    > li.about:hover > ul,
    > li.info:hover > ul {
      flex-direction: row;
    }
  }

  /* second level list anchors/"headings" */
  nav#menu-cont ul.dropdown.dropdown-horizontal > li > ul > li > a {
    font-weight: 700;
    /* border-bottom: 1px dotted #9A9A9A; */
    margin-bottom: 0.5em;
    font-size: 1.2em;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal > li > ul > li > ul > li > a {
    text-transform: none;
  }
  /* 2nd level list on hover */
  nav#menu-cont ul.dropdown.dropdown-horizontal > li:hover > ul {
    position: absolute;
    border: 3px solid #0063ad;
    z-index: 6;
    background: white;
    box-shadow: 0px 3px 9px 3px rgba(73, 73, 73, 0.37);
    padding: 0.5em 1em;
    /* border-radius: 2px; */
    right: -15px;
    width: 720px;
    left: -15px;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal li ul a {
    /*  padding: 0;*/
    padding-left: 0.2em;
    padding-right: 0.2em;
    border-bottom: none;
    border-left: none;
    border-right: none;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
  }
  header div[class*="col-xs"] {
    padding-right: 15px;
  }
  #search-cont div[class*="col-xs"] {
    padding-right: 15px;
  }
  /*/end of reset fixed mobile header */
  /*/end of HEADER*/
  /*FOOTER*/
  #external-website-lang {
    text-align: right;
    padding-top: 0.7em;
    margin-top: 0em;
  }
  footer .certifications {
    text-align: left;
  }
  /* HOME PAGE */
  .division li {
    margin-left: -0.4em;
    width: 8.35em;
    margin-right: 0.4em;
    margin-top: 0;
  }
  .products-box li {
    width: 24.5%;
  }
  .products-box li {
    width: 10.5em;
  }
  /* CATEGORY AND PRODUCT LIST */
  .CRMCategoryThumbList ul li,
  .lofAddressBlock {
    width: 22.5%;
  }
  .CRMProdItemList .CRMProdItemSummary {
    width: 13.34em;
  }
  /*CONTACT US PAGE*/
  /*/end of CONTACT US PAGE*/
  .form-row label {
    width: 13em;
    display: inline-block;
  }
  /*FIND A STOCKIST*/
  #flash-content iframe {
    width: 640px;
    height: 480px;
  }
  .lofAddressBlock {
    width: 47.6%;
    text-align: left;
    min-height: 19em;
  }
  p.lofAddress {
    display: inline-block;
    padding-left: 2em;
    width: 16em;
  }
  .lofImageContainer {
    border-right: 3px solid #0c64ab;
  }
  span.lofDivname {
    width: 80%;
  }
  /*CHECKOUT*/
  .stage {
    display: block;
  }
  .stage {
    color: #cccccc;
    margin-bottom: 0.25em;
    position: absolute;
    top: -2.5em;
  }
  #stage0 {
    left: 0;
  }
  #stage1 {
    left: 20%;
    span {
      margin-left: -2.5em;
    }
  }
  #stage2 {
    left: 40%;
    span {
      margin-left: -2.5em;
    }
  }
  #stage3 {
    left: 60%;
    span {
      margin-left: -1.7em;
    }
  }
  #stage4 {
    left: 80%;
    span {
      margin-left: -0.5em;
    }
  }
  #stage5 {
    right: 0;
    .checkout-circle {
      margin-left: 1.2em;
    }
  }
  .checkout-circle {
    padding-top: 5px;
    /* position: absolute; */
    width: 28px;
    height: 28px;
    background: #fff;
    font-weight: bold;
    text-align: center;
    border: 1px solid #dedbd2;
    border-radius: 50%;
    top: -33px;
    /* left: 50%; */
    display: block;
  }
  .stage.current .checkout-circle {
    border: 1px solid black;
    padding-top: 7px;
    width: 32px;
    height: 32px;
    top: -36px;
  }
  .stage.current {
    color: black;
  }
  /*PAYMENT PAGE*/
  .CRMOrderSummaryLinesTable .description {
    display: table-cell;
    max-width: 10em;
  }
  .CRMOrderSummaryLinesTable .totalexvat {
    display: table-cell;
  }
  /*/end of PAYMENT PAGE*/
  /*/end of CHECKOUT*/
  /*YOUTUBE FEED*/
  .video {
    width: 14.667%;
  }
  .yt-selected-video-desc {
    width: 33%;
  }
  .yt-iframe-cont {
    width: 60%;
  }
  /*/end of YOUTUBE FEED*/
}
/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
  /*UTILS*/
  .inline-info-img img {
    display: inline-block;
    max-width: 49%;
  }
  /*/end of UTILS*/
  #body-cont {
    padding-top: 172px;
  }
  .CRMProdSearch button i {
    font-size: 1.4em;
  }
  /* HEADER */
  #logo-row-cont,
  div#nav-row-cont,
  div#greetings-row-cont,
  #search-row-cont {
    padding-left: 0;
    padding-right: 0;
  }
  div#header-nav-cont {
    margin-left: 0;
    margin-right: 0;
  }
  div#logo-row-cont {
    background: white;
    /*padding-bottom: 36px;*/
    overflow: visible;
    height: 118px;
  }
  nav#menu-cont ul.dropdown.dropdown-horizontal > .home {
    display: inline-block;
  }
  /*   nav#menu-cont ul.dropdown.dropdown-horizontal > li a {
    padding: .5em 1em;
}*/
  /* li.link.has-child.products > ul {
        width: 73em;
    }*/
  /*  li.link.has-child.products > ul > li {
        min-height: 31em
    }*/
  nav#menu-cont ul.dropdown.dropdown-horizontal > li:hover > ul {
    left: 0;
    width: 78.44em;
  }
  // li.link.has-child.products > ul > li {
  //     min-height: 14em
  // }
  // li.link.has-child.products > ul > li:nth-last-of-type(1),
  // li.link.has-child.products > ul > li:nth-last-of-type(2) {
  //     min-height: 2em;
  // }
  // li.link.has-child > ul > li {
  //     width: 18.95em;
  // }
  div#greetings-row-cont,
  #search-row-cont,
  .CRMProdSearch button,
  .CRMProdSearch input.searchTextBox,
  nav#menu-cont ul.dropdown.dropdown-horizontal > li,
  div#nav-row-cont,
  div#logo-row-cont {
    /* padding: 1em 0em; */
    min-height: 3.9em;
  }
  .CRMProdSearch input.searchTextBox {
    border-left: 0;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
  }
  .CRMProdSearch button {
    border-left: 0.15em solid white;
    border-right: 0.15em solid white;
    border-top: 0;
    border-bottom: 0;
  }
  #search-cont .CRMProdSearch {
    padding: 0em;
  }
  div#greetings-row-cont {
    padding-top: 1em;
  }
  .checkout-button {
    margin-right: 1em;
  }
  /*Fix alignment of "My account" on bigger screen*/
  .loggedin {
    transform: translateY(0px);
  }
  /*/end of HEADER*/
  /*FOOTER*/
  /*   img#certifications {
        margin-right: initial;
        margin-bottom: 0em;
    }*/
  /* HOME PAGE */
  .division li {
    width: 10.95em;
    margin-right: 0.4em;
  }
  .products-box li:nth-last-of-type(1) {
    margin-right: 0;
  }
  .products-box li {
    margin-right: 0;
    width: 13.76em;
  }
  /* 2 COL LEFT BAR ADVERT */
  .advert-cont {
    /*equal to the height of the image*/
    height: 320px;
  }
  #side-bar-advert {
    background-image: url('styleImage.aspx?styleid=1142&filename=horizontalAd.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    height: 300px;
    width: 100%;
  }
  #left-col {
    min-height: 400px;
  }
  .CRMCategoryList h3 {
    display: none;
  }

  div#advert-slider {
    max-width: 22em;
  }
  /* INFO CENTRE PAGES*/
  #left-col .CRMProdItemList.CRMProdItemModeS .CRMProdItemSummary {
    width: 100%;
  }
  /* /end of 2 COL LEFT BAR ADVERT*/
  /*CHECKOUT */
  #stage0 {
    left: -1em;
  }
  /*/end CHECKOUT*/
  /*FIND A STOCKIST*/
}
/* Large devices (desktops, 1200px and up) */

@media (min-width: 1200px) {
  /*   .container {
        width: 1028px;
    }*/
  /*HOME PAGE*/
  /*  header,
    nav#menu-cont {
        width: 1042px;
    }*/
  /*  nav#menu-cont ul.dropdown.dropdown-horizontal > li a {
        padding: .5em 1.6em;
    }*/
  nav#menu-cont ul.dropdown.dropdown-horizontal > li:hover > ul {
    left: 0;
    width: 86.88em;
  }
  // li.link.has-child > ul > li {
  //     width: 21.083em;
  // }
  .division li {
    width: 12.18em;
    /* margin-right: 1.25em; */
  }
  .products-box li {
    width: 24.66%;
    box-sizing: border-box;
    margin-right: 0;
  }
  /*/end of HOME PAGE*/
  /* CATEGORY AND PRODUCT LIST */
  .CRMCategoryThumbList ul li,
  .CRMProdItemList .CRMProdItemSummary {
    width: 14.7em;
  }
  .lofAddressBlock {
    width: 30.8em;
  }
  /*YOUTUBE FEED*/
  .video {
    width: 15.667%;
    height: 15em;
    /*/end of YOUTUBE FEED*/
  }
}

@media print {
  nav#menu-cont,
  #left-col,
  div#greetings-cont,
  div#search-cont,
  .checkout-stage-cont,
  div#footer-cont {
    display: none;
  }
}
/*div#inline-login-cont {
    position: absolute;
    background: rgba(245, 245, 245, 1);
    padding: 1em 1.5em;
    left: 40%;
    border-radius: 5px;
    border: 2px solid #01613C;
    z-index: 20;
    box-shadow: -1px 3px 8px 1px rgba(0, 0, 0, 0.33);
    text-align: left;
}*/

#loginError {
  text-align: center;
}

div#forgottenPass a,
#register-modal-link a {
  color: black;
}
/*div#rememberMe,
div#submitLogin {
    display: inline-block;
}*/

#inline-login-cont #inputUser,
#inline-login-cont #inputPassword,
div#inline-login-cont i.fa.fa-times {
  padding: 0.2em;
}

div#inline-login-cont i.fa.fa-times:hover {
  cursor: pointer;
}

.close-button {
  text-align: right;
  font-size: 1.2em;
  color: black;
}

.rememberMe label {
  color: black;
  font-weight: 200;
}

#rememberMe input[type="checkbox"] {
  vertical-align: top;
}

#inputPassword input[type="password"],
#inputUser input[type="email"] {
  width: 100%;
  margin-bottom: 0.4em;
  padding: 0.5em;
}

.login-title {
  color: #676767;
  font-size: 2em;
  margin: 0;
  padding: 0em;
  text-align: center;
}

.modal-body.top-menu-login-form,
.modal-header.login-head-cont {
  padding: 0.5em 1em 0 1em;
}

.modal-footer {
  padding: 0.5em;
  margin-top: 0.5em;
  text-align: right;
}

input[type="button"],
button {
  margin: 0px;
  border-radius: 2px;
  border: 1px solid #aeaeae;
  background: #dddddd;
}

.modal-footer {
  position: relative;
}

div#register-modal-link,
div#forgottenPass {
  text-align: left;
}

div#submitLogin {
  padding-bottom: 0.5em;
}
/* /end of login form */
/* ADDITIONS ADDED 21/10/2015 - RCS */

.carousel-inner {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
}

div#left-col img:not(".ad-image") {
  width: 100%;
  margin-bottom: 8px;
}

.CRMMiniBasket {
  display: none;
}

#qopmain .orderpadrows {
  border-spacing: 0 10px;
}

#qopmain button {
  margin: 5px;
}

#qopbulklink {
  display: none;
}

.prodref {
  margin-right: 20px;
  margin-left: 5px;
}

.qty {
  margin-left: 5px;
  width: 70px;
}

@media screen and (max-width: 767px) {
  nav#menu-cont ul.dropdown.dropdown-horizontal {
    display: block;
    max-height: none;
  }
}
/* Addition to make Quick Order Page boxes the same height ADDED BY TB - 14/04/2016 */

form#qopform input[id^="inputprodref"],
form#qopform input[id^="inputqty"] {
  height: 30px;
}

.orderpadrow.notfound:after {
  content: "Invalid Product Ref";
}

.orderpadrow.notfound .prodref,
.orderpadrow.notfound:after {
  color: #e40b0b;
}

.cell.prodcol a.editprod {
  padding-right: 0.5em;
}

@media print {
  div#nav-row-cont,
  div#search-row-cont,
  div#greetings-row-cont {
    display: none;
  }
  div#sticky-nav-cont {
    position: static;
  }
  #body-cont {
    padding-top: 0;
  }
  div.printlink {
    display: none;
  }
  footer {
    display: none;
  }
  .sthoverbuttons-label {
    display: none;
  }
}

.CRMManageBaskets .CRMListLineItems .quantity .addqty {
  width: 58px;
}

.CRMProdItemSummary .CRMProdItemAddToBasket select {
  max-width: 95%;
}

.preview-mode ._previewdescription,
.preview-mode input[value="Hide"] {
  display: none;
}
/* COOKIE BAR */
div#cookieok_bar {bottom: 0;top: unset;}
/* CHeckout Header.net */
.row.CRMHeaderBasketCheckout {
    display: block;
    margin-left: 0px;
    margin-right: 0px;
}

.row.CRMCheckoutHeaderControls {
    display: block;
    text-align: right;
}

.col-md-4.CRMBasketSummary {
    float: left;
}

.col-md-8.CRMDeliveryDetails {
    float: left;
}

row CRMCheckoutHeaderControls .col-md-8 {
    float: right!Important;
    display: block!Important;
}

.CRMCheckoutHeaderControls .col-md-8 {
    display: block;
    float: right;
}

div.CRMHeaderBasketCheckout tr:nth-child(4) {
    background: #f1f1f1;
    font-weight: bold;
    font-size: 1.2em;
    color: #676767;
}