@charset "UTF-8";
/* Bourbon and Bourbon Neat */
/* Visual grid */
/* Grid1 (default) */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* html5doctor.com Reset Stylesheet */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent; }

body {
  line-height: 1;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family:'Museo Sans W01',helvetica,arial,sans-serif !important;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

a:hover {
  color: #3aae2a;
}

a:active {
  color: #3aae2a;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 500; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

.feature-divider-rule {
    background: linear-gradient(to right, #00a0dd, #3aae2a);
    width: 100%;
    height: 10px;
    margin-top: 36px;
  margin-bottom: 2px;
}

.register .feature-divider-rule {
  margin-top: 0px;
  margin-bottom: 36px;
}

input, select {
  vertical-align: middle;
  margin-right: 8px !important;
  margin-top: -4px !important;
}

.tipsy {
  font-size: 10px;
  position: absolute;
  padding: 5px;
  z-index: 100000; }

.tipsy-inner {
  background-color: #000;
  color: #FFF;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center; }

/* Rounded corners */
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; }

/* Uncomment for shadow */
.tipsy-inner {
  box-shadow: 0 0 5px #000000;
  -webkit-box-shadow: 0 0 5px #000000;
  -moz-box-shadow: 0 0 5px #000000; }

.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #000; }

.tipsy-arrow-s {
  border-top-color: #000; }

.tipsy-arrow-e {
  border-left-color: #000; }

.tipsy-arrow-w {
  border-right-color: #000; }

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent; }

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }


.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent; }

/* Include */
/*

CSS3

Well supported using their standard property – do not use vendor prefixes:

Border-radius
http://caniuse.com/#feat=border-radius

Box-shadow
http://caniuse.com/#feat=css-boxshadow

*/
/*

Image replacement

Use Bourbon’s hide-text

@include hide-text;

http://bourbon.io/docs/#hide-text

*/
/*

Unit conversion

To convert pixels to ems, use Bourbon’s em()

Input is calculated based on a parent value – default parent is 16px
The parent can be changed by passing an optional second value

font-size: em(12);
font-size: em(12,24);

http://bourbon.io/docs/#px-to-em

*/
/* Various */
.divide, .field-group, .generalcontent, .groupfour, .groupfour-content, .groupthree, .groupthree-content, .grouptwo, .grouptwo-content, .crumbtrail, .navigation-submenu, .login, .login-advice, .majorminor, .menu, .menu .menu-tab, .placeholder-product-header, .placeholder-sku li, .promo, .searchform, .searchwidget, .single {
  /* Bourbon has a clearfix, but I prefer to use a Sass placeholder because less code will be outputted */ }
  .divide, .field-group, .generalcontent, .groupfour, .groupfour-content, .groupthree, .groupthree-content, .grouptwo, .grouptwo-content, .crumbtrail, .navigation-submenu, .login, .login-advice, .majorminor, .menu, .menu .menu-tab, .placeholder-product-header, .placeholder-sku li, .promo, .searchform, .searchwidget, .single {
    *zoom: 1; }
  .divide:before, .field-group:before, .generalcontent:before, .groupfour:before, .groupfour-content:before, .groupthree:before, .groupthree-content:before, .grouptwo:before, .grouptwo-content:before, .crumbtrail:before, .navigation-submenu:before, .login:before, .login-advice:before, .majorminor:before, .menu:before, .menu .menu-tab:before, .placeholder-product-header:before, .placeholder-sku li:before, .promo:before, .searchform:before, .searchwidget:before, .single:before, .divide:after, .field-group:after, .generalcontent:after, .groupfour:after, .groupfour-content:after, .groupthree:after, .groupthree-content:after, .grouptwo:after, .grouptwo-content:after, .crumbtrail:after, .navigation-submenu:after, .login:after, .login-advice:after, .majorminor:after, .menu:after, .menu .menu-tab:after, .placeholder-product-header:after, .placeholder-sku li:after, .promo:after, .searchform:after, .searchwidget:after, .single:after {
    content: "";
    display: table; }
  .divide:after, .field-group:after, .generalcontent:after, .groupfour:after, .groupfour-content:after, .groupthree:after, .groupthree-content:after, .grouptwo:after, .grouptwo-content:after, .crumbtrail:after, .navigation-submenu:after, .login:after, .login-advice:after, .majorminor:after, .menu:after, .menu .menu-tab:after, .placeholder-product-header:after, .placeholder-sku li:after, .promo:after, .searchform:after, .searchwidget:after, .single:after {
    clear: both; }

/* Colours */
/* Grey */
/* Grey */
/* Red */
/* Fonts */
/* Base */
/*

Base rules

A Base rule is applied to an element using an element selector, a descendent selector, or a child selector, along with any pseudo-classes.

It doesn’t include any class or ID selectors. It is defining the default styling for how that element should look in all occurrences on the page.

There should be no need to use !important in a Base style.

http://smacss.com/book/type-base

*/
@-ms-viewport {
  width: device-width; }

/* Support for IE10 "snap" mode */
a, blockquote, dd, dt, figcaption, h1, h2, h3, h4, h5, h6, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], label, ol, p, td, textarea, tfoot td, th, ul {
  color: #5b6270; }

/*
a { text-decoration: none; }

a:hover { text-decoration: underline; }
*/
article, fieldset, table {
  margin-bottom: 1em; }

b, caption, dt, h1, h2, h3, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], label, strong, textarea, tfoot td, th {
   }

b, caption, dl, h1, h2, h3, h4, h5, h6, tfoot td, th {
  font-weight: normal; }

body {
  background: white;
  text-align: left;
  -webkit-text-size-adjust: 100%;
  /* Disable WebKit’s automatic resizing of small type, but still allow user-initiated zoom */ }

blockquote, dd, figcaption, h4, h5, h6, ol, p, table, ul {
   }

blockquote {
  font-size: 0.9375em;
  line-height: 1.6em; }

caption {
  background: #5b6270;
  color: white;
  padding: 0.5em; }
  caption small {
    display: inline-block;
    
    padding-top: 0.375em; }

dd {
  padding-bottom: 0.61538em; }
  dd:last-child {
    padding-bottom: 0; }

dl {
  padding-bottom: 1.23077em;
  text-indent: 0px !important;}

dl, figcaption, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], label, ol, p, td, textarea, th, ul {
  font-size: 1.15em; }

dl, figcaption, li, p {
  line-height: 1.6em; }
  dl a, figcaption a, p a {
    color: #5b6270; }

dt {
  clear: both;
  vertical-align: top; }

embed, img, input[type="image"], input[type="button"], iframe, label, main, object, video {
    /* Ensure main displays as a block level element in browsers that don’t support it */
    display: block;
}

embed, iframe, object, video {
  max-width: 100%; }

fieldset {
}

figcaption {
  padding-top: 0.61538em; }

footer[role="contentinfo"] {
  display: block;
  float: left;
  width: 100%;
  margin-top: 48px;
  background: #f3f3f3;
  padding-top: 0px;
  padding-bottom: 30px;
  background: linear-gradient(to right, #00a0dd, #3aae2a);
  padding-top: 50px;
}

footer[role="contentinfo"] .rule {
  background: white;
  width: 100%;
  height: 10px;
  margin-bottom: 40px;
  margin-top: 20px;
}

footer[role="contentinfo"] h3 {
  color: #00a0dd;
  font-weight: 500;
  padding-bottom: 24px !important;
  font-size: 1.2em;
  color:white;
}

footer[role="contentinfo"] p {
  font-weight: 200;
  color:white;
}

footer[role="contentinfo"] a {
  color:white;
}

footer[role="contentinfo"] p strong {
  font-weight: 500;
}

footer[role="contentinfo"] ul.social {
  display:block;
  float: left;
  width: 100%;
  list-style: none;
  padding: 0 0 0 0;
  margin: 10px 0 32px 0;
}

footer[role="contentinfo"] ul.social li {
  display:block;
  float: left;
  width: auto;
  padding: 0 0 0 0;
  margin: 0 12px 0 0;
}
footer[role="contentinfo"] ul.social li img {
  width: auto;
}

footer[role="contentinfo"] .salts-logo img {
  width: 60%;
  float: left;
}

footer[role="contentinfo"] .salts-logo p {
  clear: both;
  width: 100%;
  text-align: right;
  font-size: 0.65em;
  margin-top: 14px;
}

footer[role="contentinfo"] .groupthree {
  margin-left: 0px;
  width: 100%;
  margin-bottom: 3em;
}

footer[role="contentinfo"] .grouptwo{
  margin-left: 0px;
  width: 100%;
}


footer[role="contentinfo"] .legal {
  padding-top: 0px;
  margin-top: 0x;
  font-size:0.85em;
}

footer[role="contentinfo"] .legal ul {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  background-image: url(../../res/img/icons/heart-icon.png), none;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 54px;
  padding-left: 68px;
  height: 62px;
  list-style: none;
}

footer[role="contentinfo"] .legal ul li {
  padding: 20px 20px 0 0;
  margin: 0 0 0 0;
  font-weight: 200;
  display: block;
  float: left;
  color:#FFFFFF;
}
footer[role="contentinfo"] .legal ul li a {
  padding-right: 20px;
}

footer[role="contentinfo"] .legal p {
  font-weight: 200;
  text-align: center;
  padding-top: 18px;
  width: 100%;
  color:white;
}

footer[role="contentinfo"] .legal span {
  color: #FFFFFF;
}

#single-tweet-footer {
  padding-right: 40px;
}

h1 {
  font-size: 2.1em;
  line-height: 1.3em;
  padding-bottom: 0.6em; }

h2, h3 {
  font-size: 1.125em;
  line-height: 1.44444em;
  padding-bottom: 0.66667em;
  font-weight: 500;
  color: #00a0dd;
}

h4 {
    font-size: 1.4em;
    line-height: 1.5em;
    padding-bottom: 0.75em;
    font-weight: 500;
    color: #00a0dd;
}

h5, h6 {
  font-size: 1em;
  line-height: 1.375em;
  padding-bottom: 0.75em; }

header[role="banner"] {
  margin-bottom: 0em;
}

main.login-holder {
background:yellow;
  position: absolute;
  width: 100%;
}

div.mobile-alt {
  display: inline;
  visibility: visible;
}

div.non-mobile {
  display: none;
  visibility: hidden;
}

@media screen and (min-width: 36em) {
  a.freephone {
    display: inline;
    visibility: visible;
    margin-left: 8px;
  }
  
  div.mobile-alt {
    display: none;
    visibility: hidden;
  }
  
  div.non-mobile {
    display: inline;
    visibility: visible;
  }
}

hr, img[src=""], p:empty {
  /*
  A couple of Dynamic Web workarounds:
  img[src=""] selects any images that have an empty src attribute
  p:empty selects the empty paragraphs DW likes to insert
  */
  display: none;
  visibility: hidden; }

img, input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], select, table, textarea {
  /*
  On img instead of max-width – makes the site more tolerant of sub-optimal images
  Fix for browsers where SVG images don’t scale in proportion correctly
  */
  width: 100%; }

img[src$=".svg"], input[src$=".svg"] {
  /* Fix for browsers where SVG images don’t scale in proportion correctly */
  height: auto; }

input[type="checkbox"], input[type="radio"] {
  margin: 0; }

/*input[type="email"], input[type="image"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea { border-radius: em(4); }*/
input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea {
  background: #f8f8f8;
  border: none;
  padding: 0.65em;
  border: 1px solid #DDD;
  -webkit-appearance: none;
  /* Stops Safari adding styling malarkey */ }

.ie {
  /* IE8 doesn't support box-shadow, so make do with a border (wouldn’t normally have a class here, but this is a site-wide browser fix) */ }
  .ie input[type="email"], .ie input[type="password"], .ie input[type="search"], .ie input[type="tel"], .ie input[type="text"], .ie textarea {
    border: 1px solid #adb0b7 !important; }

input[type="image"] {
  display: inline-block;
  margin-right: 1em;
  width: auto; }
  input[type="image"]:last-child {
    margin-right: 0; }
  input[type="image"][disabled="disabled"] {
    background: #dedfe2; }

input[type="button"] {
    display: inline-block;
    margin-right: 1em;
    width: auto;}
    input[type="button"]:last-child {
        margin-right: 0;    }
    input[type="button"][disabled="disabled"] {
        background: #dedfe2;    }

label {
  overflow: hidden;
  padding-bottom: 0.26154em;
  line-height:1.6em;
}
  label a {
    text-decoration: underline; }

li {
  margin-left: 1.23077em;
  padding-bottom: 0.21538em; }

p, ul {
  padding-bottom: 1.23077em;
  width: 100%;
}

small {
  font-size: 0.8em;}

sup {}

.status-item-login sup {
  vertical-align: top;
  font-size: 1.0em;
}

ol, ul {
  line-height: 1.23077em;
  padding-bottom: 0.61538em; }

img.freephone {width: auto;}

.thank_you img {
  margin: 0 auto 1.6em auto;
  width: auto;
}

/* State */
@media screen and (min-width: 50em) {
  h2 {
    font-size: 1.25em;
    line-height: 1.3em;
    padding-bottom: 0.6em; } }
@media print {
  caption {
    border-left: 1px solid #dedfe2;
    border-top: 1px solid #dedfe2;
    border-right: 1px solid #dedfe2; }

  footer[role="contentinfo"] {
    border-top: 1px solid #5b6270; }

  h1, h2, h3, h4, h5, h6 {
    page-break-after: avoid; }

  img, ul {
    page-break-inside: avoid; }

  input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], textarea {
    border: 1px solid #adb0b7 !important;
    box-shadow: none; }

  p a {
    color: black;
    text-decoration: underline; }

  p a[href^="http://"]:after, a[href^="https://"]:after {
    color: black;
    content: " (" attr(href) ")";
    word-wrap: break-word; }

  tbody th[scope="row"] {
    border-right: 1px solid #dedfe2; } }
/* Layout */
/*

Layout rules

Generally, a Layout style only has a single selector: a single ID or class name.

Consider elements that are used multiple times on the page and use class selectors where appropriate.

http://smacss.com/book/type-layout

*/
.l-content {
  *zoom: 1;
  max-width: 88.5714285714em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
  .l-content:before, .l-content:after {
    content: " ";
    display: table; }
  .l-content:after {
    clear: both; }

/* Modules */
/* Mixins */
/* Module */
.button {
  background: none;
  border-radius: 0em;
  display: inline-block; 
  cursor:pointer;
}
  .button img {
    width: auto; }

/* Sub-modules */
/* State */
@media print {
  .button {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.cart-quantity {
  width: auto; }

/* Sub-modules */
/* State */
/* Mixins */
/* Module */
.cookienotice {
  background: #dedfe2;
  border-top: 2px solid #5b6270;
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 1100; }
  .cookienotice p {
    padding: 0.92308em 0 0.92308em 0;
    text-align: center; }
  .cookienotice a {
    color: #5b6270; }

.cookienotice-hidden {
  display: none;
  visibility: hidden; }

/* Sub-modules */
/* State */
/* Mixins */
/* Module */
.centres {
  background: #FFF;
  margin-bottom: 1.25em;
  padding: 0; }

.centres-centre {
  border-bottom: 1px solid #c7c8ca;
  margin-bottom: 1.25em;
  padding-bottom: 0.3125em;
  position: relative; }
  .centres-centre::after {
    border-bottom: 1px solid #c7c8ca;
    content: "";
    display: block;
    margin-top: 1em; }
  .centres-centre:last-child, .centres-centre:last-child::after {
    border: none;
    margin: 0; }

.centres-map-point {
  background: #00a0dd;
  border-radius: 50%;
  display: block;
  height: 16px;
  height: 1rem;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  position: absolute;
  width: 16px;
  width: 1rem; }

.centres-visual {
  padding-bottom: 1.25em; }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .centres-nurses {
    bottom: 1.25em;
    position: absolute; }

  .centres-visual {
    padding-right: 1.25em; } }
/*

Some funky stuff in this module, because there's no point trying to modify the markup for jQuery UI.

Let's just be glad that we don’t have to build our own datepicker :)

*/
/* Mixins */
/* Module */
#ui-datepicker-div {
  font-size: 0.9em;
  z-index: 1100 !important; }

.ui-datepicker-trigger {
  background: #5b6270;
  display: inline-block;
  vertical-align: top;
  width: 1.375em; }

/* Sub-modules */
/* State */
.hasDatepicker {
  background: #f6f6f6;
  border: none;
  border-radius: 0.25em 0.25em 0.25em 0.25em;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  color: #5b6270;
  
  font-size: 0.8125em;
  margin-right: 0.61538em;
  padding: 0.25em 0 0.25em 0;
  text-indent: 0.25em; }

.ie .hasDatepicker {
  border: 1px solid #adb0b7 !important; }

@media print {
  .hasDatepicker {
    border: 1px solid #adb0b7 !important;
    box-shadow: none; } }
/* Mixins */
/* Module */
.divide {
  clear: both; }
  .divide > h2 {
    /*
    background: tint($copy2,80%);
    font-size: em(20);
    margin-bottom: em(16,20);
    padding: em(8,20);
    */
    /* Quick and dirty method, refactor later */
    font-size: 1.5em;
    text-transform: none !important;
    margin-bottom: 0em;
    padding: 0 !important;
  font-size: 1.4em;
  line-height: 1.5em;
  padding-bottom: 0.75em;
  color: #3aae2a;
  font-weight: 500;
  clear: both;
}

.divide-hasdecal > h2 {
  overflow: visible; }
.divide-hasdecal img {
  display: inline-block;
  height: 14px;
  -moz-transform: scale(2.5);
  -ms-transform: scale(2.5);
  -o-transform: scale(2.5);
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
  margin: 0 1.5em 0 0;
  width: 14px; }
.divide-hasdecal img:last-child {
  margin: 0 1em 0 0; }
.ie .divide-hasdecal img {
  height: 28px !important;
  width: 28px !important; }
.ie .divide-hasdecal img.last {
  margin: 0 1em 0 0 !important; }

.divide-toggle {
    /*background: transparent url("../../res/img/arrows/grey/up.svg") right center no-repeat;*/
    background: transparent url("../../res/img/placeholders/arrow-up.png") right center no-repeat;
    display: block;
    background-position: top 8px right 10px;
    background-color: #dedfe2;
    padding: 0.2em 0.2em 0.2em 0.6em;
    text-decoration: none;
    /*.nosvg & { background-image: url("../../res/img/arrows/grey/up.png");  }*/
}

/* Sub-modules */
.divide-nested {
  margin-bottom: 0.125em; }
  .divide-nested > h2 {
    margin-bottom: 0.1em; }

.divide-nested-level1 > h2 .divide-toggle, .divide-nested-level2 > h2 .divide-toggle {
  background: transparent url("/Files/Templates/Designs/PGLCore/res/img/themes/core/arrows/white/up.svg") right center no-repeat;
  color: white; }
  .nosvg .divide-nested-level1 > h2 .divide-toggle, .nosvg .divide-nested-level2 > h2 .divide-toggle {
    background-image: url("/Files/Templates/Designs/PGLCore/res/img/themes/core/arrows/white/up.png"); }
.divide-nested-level1.is-divide-closed > h2 .divide-toggle, .divide-nested-level2.is-divide-closed > h2 .divide-toggle {
  background-image: url("/Files/Templates/Designs/PGLCore/res/img/themes/core/arrows/white/down.svg"); }
  .nosvg .divide-nested-level1.is-divide-closed > h2 .divide-toggle, .nosvg .divide-nested-level2.is-divide-closed > h2 .divide-toggle {
    background-image: url("/Files/Templates/Designs/PGLCore/res/img/themes/core/arrows/white/down.png"); }

.divide-nested-level1 {
  margin-bottom: 1em; }
  .divide-nested-level1 > h2 {
    background: #5b6270; }

.divide-nested-level2 > h2, .divide-nested-level3 > h2 {
  font-size: 1em;
  margin-bottom: 0.125em;
  padding: 0.5em; }

.divide-nested-level2 > h2 {
  background: #9ca0a9; }

.divide-nested-level3 > h2 {
  background: #dedfe2;
  color: #5b6270; }

.divide-nested-content {
  /* Out of alphabetical order because it affects rules set above */ }
  .divide-nested-content:last-child {
    margin-bottom: 0; }
  .divide-nested-content > h2 {
    margin-bottom: 1em; }

/* State */

.is-divide-closed .divide-content {
  display: none !important;
  visibility: hidden !important;
}

.is-divide-closed .divide-toggle {
  background-image: url("../../res/img/placeholders/arrow-down.png");
  background-position: top 6px right 10px;

}
.is-divide-closed > h2 {
  margin-bottom: 0;
}

@media print {
  .divide > h2 {
    border-top: 1px solid #5b6270;
    padding-left: 0; }

  .is-divide-closed .divide-content {
    display: block !important;
    visibility: visible !important; } }
/* Mixins */
/* Module */
.embedcontainer, .embedcontainer embed, .embedcontainer iframe, .embedcontainer object {
  width: 100%; }

.embedcontainer {
  padding-bottom: 56.25%;
  position: relative; }

.embedcontainer embed, .embedcontainer iframe, .embedcontainer object {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0; }

.ie .embedcontainer {
  overflow: hidden; }

/* Sub-modules */
/* State */
@media print {
  .embedcontainer {
    border: 1px solid #dedfe2; } }
/* Mixins */
/* Module */
a.error {
  color: #c12c32; }

p.error {
  color: #c12c32;
  margin-top: 12px;
}

input[type="email"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, textarea.error {
  box-shadow: 1px 1px 1px #c12c32; }

.ie input[type="email"].error, .ie input[type="password"].error, .ie input[type="search"].error, .ie input[type="tel"].error, .ie input[type="text"].error, .ie textarea.error {
  border-color: #c12c32 !important; }

label.error {
  background: transparent url(../../res/img/error.svg) 0 10px no-repeat;
  color: #c12c32;
  padding: 0.46154em 0 0.46154em 1.23077em; }
  .nosvg label.error {
    background-image: url(../../res/img/error.png); }

/* Sub-modules */
/* State */
@media print {
  input[type="email"].error, input[type="password"].error, input[type="search"].error, input[type="tel"].error, input[type="text"].error, textarea.error {
    border-color: #c12c32;
    box-shadow: none; }

  label.error {
    padding-left: 0; } }
/* Mixins */
/* Module */
.field {
  padding-bottom: 1.4em; }

.field-hasoption {
  padding-bottom: 0.25em; }

.field-captcha img {
  border: 1px solid #5b6270;
  margin-bottom: 1em;
  margin-top: 0.75em;
  width: 50%; }
.field-captcha input {
  text-transform: uppercase;
  width: 50%; }

.field-group {
  clear: both;
  font-size: 1em;
  line-height: 1.25em;
  list-style-type: none; }
  .field-group, .field-group label, .field-group li:last-child {
    padding-bottom: 0; }
  .field-group input[type="checkbox"], .field-group input[type="radio"] {
    float: left;
    margin: 0.125em 1em 0 0; }
  .field-group li {
    margin-left: 0;
    padding-bottom: 0.5em; }

.field-group input[type="checkbox"] {
  margin-top: 7px !important;
}

.field-group-small li {
  float: left;
  padding-bottom: 0.25em;
  width: 25%; }

.field-mailinglists {
  display: none;
  visibility: hidden; }

.field-mailinglists-isactive {
  display: block;
  visibility: visible; }

.field-required {
  color: #5b6270; }

/* UI form advisories for user*/
.field-advice {display: none; visibility: hidden; float:right; margin-right:40px;}

/* Sub-modules */
/* State */
@media screen and (min-width: 50em) {
  .field-captcha input {
    width: 25%; }

  .field-group-small li {
    width: 33.333333%; } }
/* Mixins */
/* Module */
.legals {
  text-align: center; }
  .legals a, .legals p, .legals ul {
    color: #5b6270; }
  .legals p, .legals ul {
    font-size: 0.75em;
    line-height: 1.33333em; }

.legals-copyright {
  padding-bottom: 2.36364em;
  padding-top: 1.45455em; }

.legals-links {
  padding-bottom: 0.36364em;
  text-align: left;
  width: 100%;
  display: block;
  float: left;
}

.legals-links li {
  border-left: none;
  display: inline-block;
  margin-left: 0;
  padding: 0.18182em 0.72727em 1.38182em 0em;
  width: 100%;
}

/* Sub-modules */
/* State */
@media print {
  .legals {
    border-top: 1px solid #5b6270;
    padding-top: 1em; }

  .legals-links {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.generalcontent {
  margin-bottom: 1em; }
  .generalcontent h1, .generalcontent h2 {
    color: #00a0dd;
    font-weight:500;
    clear:both;
  }
.generalcontent h1 {
}

.generalcontent h2 {
    font-size: 1.5em;
    line-height: 1.5em;
    padding-bottom: 0.75em;
  font-weight:500;
}

.divide.generalcontent h2 {
    font-size: 1.3em;
}

/* Sub-modules */
.generalcontent-foreword {}

.generalcontent-nested {
  margin-bottom: 0.125em; }

/* State */
@media screen and (min-width: 60em) {
  .generalcontent-quicklinks {
    width: 50%; }

  .generalcontent-quicklinks-small {
    width: 33.333333%; } }
@media print {
  .generalcontent-quicklinks {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.groupfour {
  clear: both;
  display: block;
  float: left;
  margin-right: 0%;
  width: 90.0%;
  margin-left: 5%;
  text-align: left; }
  .groupfour:last-child {
    margin-right: 0; }

/* Sub-modules */
.groupfour-medium, .groupfour-small {
  display: block;
  float: left;
  margin-right: 0%;
  width: 100%;
  margin-top: 0; }
  .groupfour-medium:last-child, .groupfour-small:last-child {
    margin-right: 0; }

/* State */
@media screen and (min-width: 30em) {
  /* Module */
  .groupfour {
    display: block;
    float: left;
    margin-right: 0%;
    width: 92.5%;
    margin-left: 3.75%; }
    .groupfour:last-child {
      margin-right: 0; }

  .groupfour-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 22.97297%;
    margin-left: 2.7027%; }
    .groupfour-content:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .groupfour-medium, .groupfour-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupfour-medium:last-child, .groupfour-small:last-child {
      margin-right: 0; }
    .groupfour-medium .groupfour-content, .groupfour-small .groupfour-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 22.97297%;
      margin-left: 2.7027%; }
      .groupfour-medium .groupfour-content:last-child, .groupfour-small .groupfour-content:last-child {
        margin-right: 0; } }
@media screen and (min-width: 50em) {
  /* Module */
  .groupfour {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95%;
    margin-left: 2.5%; }
    .groupfour:last-child {
      margin-right: 0; }

  .groupfour-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 23.68421%;
    margin-left: 1.75439%; }
    .groupfour-content:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .groupfour-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupfour-medium:last-child {
      margin-right: 0; }
    .groupfour-medium .groupfour-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 23.23529%;
      margin-left: 2.35294%; }
      .groupfour-medium .groupfour-content:last-child {
        margin-right: 0; }

  .groupfour-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupfour-small:last-child {
      margin-right: 0; }
    .groupfour-small .groupfour-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 22.32143%;
      margin-left: 3.57143%; }
      .groupfour-small .groupfour-content:last-child {
        margin-right: 0; } }
@media screen and (min-width: 60em) {
  /* Module */
  .groupfour {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95.71429%;
    margin-left: 2.14286%; }
    .groupfour:last-child {
      margin-right: 0; }

  .groupfour-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 23.8806%;
    margin-left: 1.49254%; }
    .groupfour-content:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .groupfour-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupfour-medium:last-child {
      margin-right: 0; }
    .groupfour-medium .groupfour-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 23.5%;
      margin-left: 2%; }
      .groupfour-medium .groupfour-content:last-child {
        margin-right: 0; }

  .groupfour-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupfour-small:last-child {
      margin-right: 0; }
    .groupfour-small .groupfour-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 22.72727%;
      margin-left: 3.0303%; }
      .groupfour-small .groupfour-content:last-child {
        margin-right: 0; } }
/* Module and sub-module rules below are here because they affect all breakpoints */
/* Module */
.groupfour, .groupfour-medium, .groupfour-small {
  float: none; }

/* Override Bourbon Neat’s left float */
.groupfour-content:nth-child(4n+1) {
  clear: left;
  margin-left: 0%; }

.ie-groupfour-content-first {
  clear: left !important;
  margin-left: 0 !important; }

/* Sub-modules */
.groupfour-medium, .groupfour-small {
  margin-left: 0%; }

/* The zero shift can be set here, because it's not dependent on span-columns – zero is zero */
.ie .groupfour-medium, .ie .groupfour-small {
  margin-left: 0 !important; }

/* Mixins */
/* Module */
.groupthree {
  clear: both;
  display: block;
  float: left;
  margin-right: 0%;
  width: 90.0%;
  margin-left: 5%;
  text-align: left; }
  .groupthree:last-child {
    margin-right: 0; }

/* Sub-modules */
.groupthree-medium, .groupthree-small {
  display: block;
  float: left;
  margin-right: 0%;
  width: 100%;
  margin-top: 0; }
  .groupthree-medium:last-child, .groupthree-small:last-child {
    margin-right: 0; }

/* State */
@media screen and (min-width: 990px) {
  /* Module */
  .groupthree {
    display: block;
    float: left;
    margin-right: 0%;
    width: 92.5%;
    margin-left: 3.75%; }
    .groupthree:last-child {
      margin-right: 0; }

  .groupthree-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 48.64865%; }
    .groupthree-content:last-child {
      margin-right: 0; }

  .groupthree-content:nth-child(2n+1) {
    clear: left;
    margin-left: 0%; }

  .ie-groupthree-content-odd {
    clear: left !important;
    margin-left: 0 !important; }

  /* Sub-modules */
  .groupthree-medium, .groupthree-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupthree-medium:last-child, .groupthree-small:last-child {
      margin-right: 0; }

  .groupthree-content, li.groupthree-content {
    margin-left: 2.7027%; }

  /* Out of alphabetical order because it affects rules set above */ }
@media screen and (min-width: 50em) {
  /* Module */
  .groupthree {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95%;
    margin-left: 2.5%; }
    .groupthree:last-child {
      margin-right: 0; }

  .groupthree-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 32.16374%;
    margin-left: 1.75439%; }
    .groupthree-content:last-child {
      margin-right: 0; }
    .groupthree-content:nth-child(2n+1) {
      clear: none;
      margin-left: 1.66667%; }
    .groupthree-content:nth-child(3n+1) {
      clear: left;
      margin-left: 0%; }

  .ie-groupthree-content-first {
    clear: left !important;
    margin-left: 0 !important; }

  .ie-groupthree-content-second, .ie-groupthree-content-third {
    clear: none !important;
    margin-left: 1.66667% !important; }

  /* Sub-modules */
  .groupthree-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupthree-medium:last-child {
      margin-right: 0; }
    .groupthree-medium .groupthree-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 31.76471%;
      margin-left: 2.35294%; }
      .groupthree-medium .groupthree-content:last-child {
        margin-right: 0; }
      .groupthree-medium .groupthree-content:nth-child(2n+1) {
        clear: none;
        display: block;
        float: left;
        margin-right: 0%;
        width: 31.76471%;
        margin-left: 2.35294%; }
        .groupthree-medium .groupthree-content:nth-child(2n+1):last-child {
          margin-right: 0; }
      .groupthree-medium .groupthree-content:nth-child(3n+1) {
        clear: left;
        margin-left: 0%; }
    .groupthree-medium .ie-groupthree-content-second, .groupthree-medium .ie-groupthree-content-third {
      clear: none !important;
      margin-left: 2.35294% !important; }

  .groupthree-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupthree-small:last-child {
      margin-right: 0; }
    .groupthree-small .groupthree-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 30.95238%;
      margin-left: 3.57143%; }
      .groupthree-small .groupthree-content:last-child {
        margin-right: 0; }
      .groupthree-small .groupthree-content:nth-child(2n+1) {
        clear: none;
        display: block;
        float: left;
        margin-right: 0%;
        width: 30.95238%;
        margin-left: 3.57143%; }
        .groupthree-small .groupthree-content:nth-child(2n+1):last-child {
          margin-right: 0; }
      .groupthree-small .groupthree-content:nth-child(3n+1) {
        clear: left;
        margin-left: 0%; }
    .groupthree-small .ie-groupthree-content-second, .groupthree-small .ie-groupthree-content-third {
      clear: none !important;
      margin-left: 3.57143% !important; } }
@media screen and (min-width: 60em) {
  /* Module */
  .groupthree {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95.71429%;
    margin-left: 2.14286%; }
    .groupthree:last-child {
      margin-right: 0; }

  .groupthree-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 32.33831%;
    margin-left: 1.49254%; }
    .groupthree-content:last-child {
      margin-right: 0; }
    .groupthree-content:nth-child(2n+1) {
      clear: none;
      margin-left: 1.42857%; }
    .groupthree-content:nth-child(3n+1) {
      clear: left;
      margin-left: 0%; }

  .ie-groupthree-content-second, .ie-groupthree-content-third {
    clear: none !important;
    margin-left: 1.42857% !important; }

  /* Sub-modules */
  .groupthree-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupthree-medium:last-child {
      margin-right: 0; }
    .groupthree-medium .groupthree-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 32%;
      margin-left: 2%; }
      .groupthree-medium .groupthree-content:last-child {
        margin-right: 0; }
      .groupthree-medium .groupthree-content:nth-child(2n+1) {
        display: block;
        float: left;
        margin-right: 0%;
        width: 32%;
        margin-left: 2%; }
        .groupthree-medium .groupthree-content:nth-child(2n+1):last-child {
          margin-right: 0; }
      .groupthree-medium .groupthree-content:nth-child(3n+1) {
        margin-left: 0%; }
    .groupthree-medium .ie-groupthree-content-second, .groupthree-medium .ie-groupthree-content-third {
      clear: none !important;
      margin-left: 2% !important; }

  .groupthree-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupthree-small:last-child {
      margin-right: 0; }
    .groupthree-small .groupthree-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 31.31313%;
      margin-left: 3.0303%; }
      .groupthree-small .groupthree-content:last-child {
        margin-right: 0; }
      .groupthree-small .groupthree-content:nth-child(2n+1) {
        display: block;
        float: left;
        margin-right: 0%;
        width: 31.31313%;
        margin-left: 3.0303%; }
        .groupthree-small .groupthree-content:nth-child(2n+1):last-child {
          margin-right: 0; }
      .groupthree-small .groupthree-content:nth-child(3n+1) {
        margin-left: 0%; }
    .groupthree-small .ie-groupthree-content-second, .groupthree-small .ie-groupthree-content-third {
      clear: none !important;
      margin-left: 3.0303% !important; }

  .groupthree-content:nth-child(3n+1) {
    /* Out of alphabetical order because it affects rules set above */
    clear: left;
    margin-left: 0%; } }
@media print {
  /* Module */
  .groupthree {
    display: block;
    float: left;
    margin-right: 0%;
    width: 92.5%;
    margin-left: 3.75%; }
    .groupthree:last-child {
      margin-right: 0; }

  .groupthree-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 48.64865%; }
    .groupthree-content:last-child {
      margin-right: 0; }

  .groupthree-content:nth-child(2n+1) {
    clear: left;
    margin-left: 0%; }

  .ie-groupthree-content-odd {
    clear: left !important;
    margin-left: 0 !important; }

  /* Sub-modules */
  .groupthree-medium, .groupthree-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .groupthree-medium:last-child, .groupthree-small:last-child {
      margin-right: 0; }

  .groupthree-content, li.groupthree-content {
    margin-left: 2.7027%; }

  /* Out of alphabetical order because it affects rules set above */ }
/* Module and sub-module rules below are here because they affect all breakpoints */
/* Module */
.groupthree, .groupthree-medium, .groupthree-small {
  float: none; }

/* Override Bourbon Neat’s left float */
/* Sub-modules */
.groupthree-medium, .groupthree-small {
  margin-left: 0%; }

/* The zero shift can be set here, because it's not dependent on span-columns – zero is zero */
.ie .groupthree-medium, .ie .groupthree-small {
  margin-left: 0 !important; }

/* Mixins */
/* Module */
.grouptwo {
  clear: both;
  display: block;
  float: left;
  margin-right: 0%;
  width: 90%;
  margin-left: 5%;
  text-align: left; }
  .grouptwo:last-child {
    margin-right: 0;
}

/* Sub-modules */
.grouptwo-medium, .grouptwo-small, .grouptwo-verysmall {
  display: block;
  float: left;
  margin-right: 0%;
  width: 100%;
  margin-top: 0; }
  .grouptwo-medium:last-child, .grouptwo-small:last-child, .grouptwo-verysmall:last-child {
    margin-right: 0; }

/* State */
@media screen and (min-width: 30em) {
  /* Module */
  .grouptwo {
    display: block;
    float: left;
    margin-right: 0%;
    width: 90%;
    margin-left: 5%; }
    .grouptwo:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .grouptwo-medium, .grouptwo-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .grouptwo-medium:last-child, .grouptwo-small:last-child {
      margin-right: 0; }
    .grouptwo-medium .grouptwo-content, .grouptwo-small .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 48.64865%;
      margin-left: 2.7027%; }
      .grouptwo-medium .grouptwo-content:last-child, .grouptwo-small .grouptwo-content:last-child {
        margin-right: 0;
        float:left;
  }

  .grouptwo-verysmall, .grouptwo-verysmall .grouptwo-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .grouptwo-verysmall:last-child, .grouptwo-verysmall .grouptwo-content:last-child {
      margin-right: 0; } }

@media screen and (min-width: 50em) {
  /* Module */
  .grouptwo {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95%;
    margin-left: 2.5%; }
    .grouptwo:last-child {
      margin-right: 0; }

  .grouptwo-content {
    display: block;
    float: left;
    width: 49.25373%;
    margin-left: 5%;
    margin-right: 0%;
  }
  
  .grouptwo-content:last-child {
    margin-right: 0;
    float:right;
  }

  /* Sub-modules */
  .grouptwo-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .grouptwo-medium:last-child {
      margin-right: 0; }
    .grouptwo-medium .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 48.82353%;
      margin-left: 2.35294%; }
      .grouptwo-medium .grouptwo-content:last-child {
        margin-right: 0; }

  .grouptwo-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .grouptwo-small:last-child {
      margin-right: 0; }
    .grouptwo-small .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 48.21429%;
      margin-left: 3.57143%; }
      .grouptwo-small .grouptwo-content:last-child {
        margin-right: 0; }

  .grouptwo-verysmall, .grouptwo-verysmall .grouptwo-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .grouptwo-verysmall:last-child, .grouptwo-verysmall .grouptwo-content:last-child {
      margin-right: 0; } }
@media screen and (min-width: 60em) {
  /* Module */
  .grouptwo {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95.71429%;
    margin-left: 2.14286%; }
    .grouptwo:last-child {
      margin-right: 0; }

  .grouptwo-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 49.25373%;
    margin-left: 1.49254%; }
    .grouptwo-content:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .grouptwo-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .grouptwo-medium:last-child {
      margin-right: 0; }
    .grouptwo-medium .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 49.0%;
      margin-left: 2%; }
      .grouptwo-medium .grouptwo-content:last-child {
        margin-right: 0; }

  .grouptwo-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .grouptwo-small:last-child {
      margin-right: 0; }
    .grouptwo-small .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 48.48485%;
      margin-left: 3.0303%; }
      .grouptwo-small .grouptwo-content:last-child {
        margin-right: 0; }

  .grouptwo-verysmall {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .grouptwo-verysmall:last-child {
      margin-right: 0; }
    .grouptwo-verysmall .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 48.0%;
      margin-left: 4%; }
      .grouptwo-verysmall .grouptwo-content:last-child {
        margin-right: 0; } }
@media print {
  /* Module */
  .grouptwo {
    display: block;
    float: left;
    margin-right: 0%;
    width: 92.5%;
    margin-left: 3.75%; }
    .grouptwo:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .grouptwo-medium, .grouptwo-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .grouptwo-medium:last-child, .grouptwo-small:last-child {
      margin-right: 0; }
    .grouptwo-medium .grouptwo-content, .grouptwo-small .grouptwo-content {
      display: block;
      float: left;
      margin-right: 0%;
      width: 48.64865%;
      margin-left: 2.7027%; }
      .grouptwo-medium .grouptwo-content:last-child, .grouptwo-small .grouptwo-content:last-child {
        margin-right: 0; }

  .grouptwo-verysmall, .grouptwo-verysmall .grouptwo-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .grouptwo-verysmall:last-child, .grouptwo-verysmall .grouptwo-content:last-child {
      margin-right: 0; } }
/* Module and sub-module rules below are here because they affect all breakpoints */
/* Module */
.grouptwo, .grouptwo-medium, .grouptwo-small, .grouptwo-verysmall {
  float: none; }

/* Override Bourbon Neat’s left float */
.grouptwo-content:nth-child(2n+1) {
  clear: left;
  margin-left: 0%; }

.ie-grouptwo-content-first {
  clear: left !important;
  margin-left: 0 !important; }

/* Sub-modules */
.grouptwo-medium, .grouptwo-small, .grouptwo-verysmall {
  margin-left: 0%; }

/* The zero shift can be set here, because it's not dependent on span-columns – zero is zero */
.ie .grouptwo-medium, .ie .grouptwo-small, .ie .grouptwo-verysmall {
  margin-left: 0 !important; }

/* Mixins */
/* Module */
.crumbtrail {
  border-top: 1px solid #dedfe2;
  clear: both; }
  .crumbtrail p {
    font-size: 0.75em;
    letter-spacing: 0.02em;
    line-height: 1.33333em;
    padding: 1.33333em 0 0 0; }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .crumbtrail {
    border-top: none;
    padding-top: 0; } }
@media print {
  .crumbtrail {
    border-bottom: 1px solid #dedfe2; }
    .crumbtrail p {
      padding-bottom: 1.5em; } }
/* Mixins */
/* Module */
.jump {
  background: #5b6270;
  display: none;
  visibility: hidden; }

.jump-isactive {
  display: block;
  visibility: visible; }

.jump-links {
  margin: 1.23077em 0 0 0.69231em; }
  .jump-links a, .jump-links ul {
    color: white; }
  .jump-links li {
    background: transparent url(/Files/Templates/Designs/PGLCore/res/img/themes/core/arrows/yellow/right.svg) 0 2px no-repeat;
    margin-left: 0; }
    .jump-links li a {
      display: block;
      padding-left: 1.23077em; }
    .nosvg .jump-links li {
      background-image: url(/Files/Templates/Designs/PGLCore/res/img/themes/core/arrows/yellow/right.png); }
  .jump-links ul {
    list-style-type: none; }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .jump-links li {
    float: left;
    width: 50%; }
  .jump-links ul {
    overflow: hidden; } }
@media screen and (min-width: 50em) {
  .jump-links {
    margin-bottom: 0.30769em;
    margin-left: 140px;
    margin-left: 8.75rem;
    margin-top: 1.53846em; }
    .jump-links li {
      margin-right: 1.23077em;
      width: auto; } }
@media screen and (min-width: 60em) {
  .jump-links {
    width: 37.5em; }
    .jump-links li {
      margin-right: 2.46154em; } }
/* Mixins */


/* Module */


.logo {
}

.logo a, .logo img {
  display: block;
  height: 65px;
  height: 4.0625rem;
  width: 252px;
  width: 15.75rem;
  margin: 0 auto;
}

.logo a {
  background-image: url(../../res/img/logos/medilink-logo.png), none;
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: cover;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
  
  /* Fallback for browsers that support multiple backgrounds, but not SVG (i.e. Android 2.3) */
  /* Fallback for IE8 that doesn’t support multiple backgrounds */

.nosvg .logo a {
  background-image: url(../../res/img/logos/medilink-logo.png), none;
}

.ie .logo a {
  background-image: url(../../res/img/logos/medilink-logo.png);
}

/* Sub-modules */
/* State */


@media print {
  .logo a {
    display: none;
    visibility: hidden; }
  .logo img {
    display: block;
    visibility: visible; } }
/* Mixins */

/* Module */

.nav-holder {
  /*position: relative;
  top: 70px;*/
  margin-bottom: 24px;
}

.navigation {
  float: right;
  text-align: left !important;
  width: auto;
  font-size: 1em;
  position: relative;
  top: -17px;
  margin-bottom: 20px;
  width:75%;
}

.navigation p {
  float: left;
}

footer .navigation {
  top: 0px;
  width:100%;
}

footer .navigation a {
  font-size: 1.5em;
  font-weight: 200;
  color: #FFFFFF;
}

footer .navigation a:hover {
  color: #FFFFFF;
}

footer .groupfour {
  width: 100%;
  margin-left: 0;
}

.navigation a {
  color: #5b6270;
  display: block;
  text-decoration: none;
  font-size: 1.0em;
}

.navigation li {
  margin-left: 0;
  list-style: none;
  font-size: 0.65em;
}

.navigation li ul li {
  font-size: 1.0em;
}

.navigation li p {
}

.navigation-top {
  display: inline-block;
  padding-bottom: 0;
  margin-bottom: 0;
  width: auto;
  margin: 0 0 0 0;
  float:right;
}

.navigation-top li {
  border-top: none;
  clear: none;
  float: left;
  margin-left: 0.8em;
  margin-right: 0.8em;
}

.navigation-top > li p {
  color: #4d4d4f;
  padding-bottom: 0;
  font-weight: normal;
}

.navigation-top > li p:hover {
    color: #3aae2a;
}

.divider-rule {
  border-top: 1px solid #dedfe2;
  border-bottom: 1px solid #dedfe2;
  margin-top: 0.94286%;
  margin-bottom: 0.54286%;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 0.46154em; }

/* Sub-modules */

/* Mixins */

/* Module */

.status {
  width: 100%;
  background: #f6f6f6;
  margin-bottom: 24px;
}

.status-items {
  float: right;
  text-align: left;
  width: 100%;
  background: #f6f6f6;
  padding-left: 0px;
  padding-bottom:12px;
  padding-top:8px;
  padding-top: 17px;
  padding-bottom: 15px;
}

.status-item {
  display: block;
  visibility: visible;
  font-weight: normal;
  width:auto;
  float:right;
}

.status-item.left {
  width:auto;
  float:left;
}

.status-item span {
  color: #00a0dd;
}

.status-item span.basket {
  background-image:url(../../res/img/icons/basket-icon.png); 
  background-repeat:no-repeat;
  padding-left: 10px;
  padding-right: 10px;
  background-position: center; 
}

.status-item span.basket sup {
  position: relative;
  top: 0px;
}

.status-item span.freephone, .status-item span.enquiry {
  font-size: 1.1em;
  text-transform: none;
  width: auto;
  font-weight: 500;
  float:left;
  width: auto;
  line-height: 1.4em;
}

.status-item span.freephone IMG {
  display: none;
  visibility: hidden;
}

.status-item span.ordering {
  color: #FFF;
  background: #00a0dd;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 10px;
  background-position: right top;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 7px;
  border-radius: 20px 20px 20px 20px;
}

.status-item span.ordering:hover {
  color: #FFF;
  background: #3aae2a;
}

.status-item span.ordering.green {
  background: #3aae2a;
}

.status-item span.ordering.green:hover {
  background: #00a0dd;
}

.status-item span.ordering.dark-grey {
  background: #5f6062;
}

.status-item span.ordering.dark-grey:hover {
  background: #00a0dd;
}

.status-item.status-item-login {
  margin-top: 18px;
}

.medilink-contact{
  display:block;
  float:left;
  width:100%;
  margin-bottom: 6px;
}

.status-item.left img {
  width: auto;
  float: left;
  display: block;
  padding-right: 5px;
}

.status-item.left span {
  width: auto;
  float: left;
  display: block;
}

.status-item a {
  text-decoration: none;
  color: #000;
  text-transform: uppercase;
}

/* Sub-modules */

/* Mixins */

/* Module */
.help {
  background: #dedfe2;
  border: 1px solid #cdcfd4;
  border-radius: 0.25em;
  margin-bottom: 0.5em;
  padding: 0.5em; }
  .help p {
    font-size: 0.75em;
    line-height: 1.33333em;
    padding-bottom: 0; }

/* Sub-modules */
/* State */
.is-help-closed {
  display: none;
  visibility: hidden; }

/* Mixins */
/* Module */
.groupthree-content {
}

.homedelivery p {
    font-size: 1.125em;
    line-height: 1.4;
    margin: 0;
}

.homedelivery-icon {
  position: relative; }
  .homedelivery-icon img {
    bottom: -1em;
    position: absolute;
    right: -1em;
    width: 4.6875em; }

.homedelivery-info {
  min-height: 10em; }
  .homedelivery-info p {
    font-size: 1.125em;
    line-height: 1.4;
    margin: 0;
    padding: 0.88889em;
}

/* Sub-modules */
/* State */

/* Mixins */
/* Module */

.contactus {
	float:left;
  	margin-bottom: 1em;
	width: 50%;
}

.contactus-detail {
	  position: relative;
	  float:left;
	  clear:both;
  	  width: 100%;
}

  .contactus p {

    line-height: 1.4;
    margin: 0; }

.contactus-icon {
  position: relative; 
  width: 1.4em;
  float: left;
  }

.contactus-icon img {
    position: relative;
    padding-left: -1em;
    width: 1.4em; }

.contactus-info {
  float:left;
}

  .contactus-info p {
    line-height: 1.4;
    margin: 0;
    padding: 0 0 0 0.88889em; }

  .contactus-map {
	float: right;
  	padding-top: 6px;
    width: 45%;
  }



/* Sub-modules */
/* State */
/* Mixins */
/* Module */
.login {
  background: linear-gradient(to right, #00a0dd, #3aae2a);
  clear: both;
  margin-bottom: 1em;
  padding: 0 1em 0 1em;
  text-align: left !important;
}


.login.no-grad {
  background: #f6f6f6;
}

.login fieldset {
  border-bottom: 2px solid #dedfe2;
}

.login h2 {
  padding-top: 0.4em;
  color: #FFFFFF;
  font-weight: 200;
  font-size: 1.8em;
  padding-bottom: 14px;
  font-weight: 500;
  padding-bottom: 0.4em;
}

.login.no-grad h2 {
  color: #00a0dd;
}

.generic-paragraph h3 {
    padding-top: 0.75em;
    color: #00a0dd;
    font-weight: 200;
    font-size: 1.5em;
    padding-bottom: 14px;
}

.login label {
  font-weight:normal;
  padding-bottom: 0.1em;
  color:#FFFFFF;
}

.login.no-grad label {
  font-weight:normal;
  padding-bottom: 0.1em;
  color:#5b6270;
}

.login p {
  color:#FFFFFF;
}

.login label strong {
  color:#5b6270;
}

.login a#passwordLink, .login a#userNameLink, .login a#personalNumberLink {
    color: #FFFFFF;
}

.login.no-grad a#passwordLink, .login.no-grad a#userNameLink, .login.no-grad a#personalNumberLink {
    color: #3aae2a;
}

.login input[type="email"], .login input[type="password"], .login input[type="text"] {
  background: white;
  border: 1px solid #DDD;
}

  .login .button {
    background: none;
    right: 0.75em;
    bottom: 0.75em;
    width: 5.875em;
 }

.login .button.register {
    background: none;
    right: 0.75em;
    bottom: 0.75em;
    width: auto;
 }

.login-advice {
  background: #bdc0c5;
  clear: both;
  margin-bottom: 1em; }
  .login-advice h2 {
    padding: 0.66667em 0.66667em 0.5em 0.66667em; }
  .login-advice p {
    padding: 0 1.23077em 1.23077em 1.23077em; }

.login-small {
  margin: 0 1.25em 1em 0;
  padding: 0.25em; }
  .login-small, .login-small form {
    border: 1px solid #5b6270;float:left;}
  .login-small form {
    padding: 1em 1em 1.625em 1em;
    position: relative; }
  .login-small h2 {
    color: #3aae2a;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase; }
  .login-small .button {
    background: none;
    right: -0.75em;
    bottom: -0.75em;
    position: absolute;
    width: 5.875em; }
  .login-small .field {
    padding-bottom: 0.375em; }

.login-small-key {
  display: block;
  position: absolute;
  right: -0.75em;
  top: -0.75em;
  width: 3.75em; }

.login-small-link-recover {
  font-size: 0.75em;
  padding-bottom: 0.5em;
}

.login .password {
  font-size: 0.9em;
}

/* Sub-modules */
/* State */
@media screen and (min-width: 50em) {
  .login-advice h2 {
    padding: 0.66667em 0 0.5em 0.66667em; }
  .login-advice p {
    padding: 1.23077em 1.23077em 1.23077em 0; } }
/* Mixins */
.majorminor-major {
  padding-bottom: 0.7em; }

.majorminor-minor {
  padding-bottom: 0.7em; }

/* Module */
.majorminor {
  clear: both;
  display: block;
  float: left;
  margin-right: 0%;
  width: 90.0%;
  margin-left: 5%;
  text-align: left;
  padding-bottom: 1.5em; }
  .majorminor:last-child {
    margin-right: 0; }

/* Sub-modules */
.majorminor-medium, .majorminor-small {
  display: block;
  float: left;
  margin-right: 0%;
  width: 100%;
  margin-left: 0%;
  margin-top: 0; }
  .majorminor-medium:last-child, .majorminor-small:last-child {
    margin-right: 0; }

/* State */
@media screen and (min-width: 30em) {
  /* Module */
  
    .generalcontent.stomacare-services {
      width: 100%;}
  
  .majorminor {
    display: block;
    float: left;
    margin-right: 0%;
    width: 92.5%;
    margin-left: 3.75%; }
    .majorminor:last-child {
      margin-right: 0; }

  .majorminor-major, .majorminor-minor {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%; }
    .majorminor-major:last-child, .majorminor-minor:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .majorminor-medium, .majorminor-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-medium:last-child, .majorminor-small:last-child {
      margin-right: 0; }

  .majorminor-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-small:last-child {
      margin-right: 0; }
    .majorminor-small .majorminor-major {
      display: block;
      float: left;
      margin-right: 0%;
      width: 59.45946%; }
      .majorminor-small .majorminor-major:last-child {
        margin-right: 0; }
    .majorminor-small .majorminor-minor {
      display: block;
      float: left;
      margin-right: 0%;
      width: 37.83784%;
      float: right; }
      .majorminor-small .majorminor-minor:last-child {
        margin-right: 0; }

  .majorminor-alt > .majorminor-major {
    float: right; }
  .majorminor-alt > .majorminor-minor {
    clear: left;
    float: left; }
}
@media screen and (min-width: 50em) {
  /* Module */
  .majorminor {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95%;
    margin-left: 2.5%; }
    .majorminor:last-child {
      margin-right: 0; }

  .majorminor-major {
    display: block;
    float: left;
    margin-right: 0%;
    width: 74.5614%; }
    .majorminor-major:last-child {
      margin-right: 0; }

  .majorminor-minor {
    display: block;
    float: left;
    margin-right: 0%;
    width: 23.68421%;
    float: right; }
    .majorminor-minor:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .majorminor-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-medium:last-child {
      margin-right: 0; }
    .majorminor-medium .majorminor-major {
      display: block;
      float: left;
      margin-right: 0%;
      width: 65.88235%; }
      .majorminor-medium .majorminor-major:last-child {
        margin-right: 0; }
    .majorminor-medium .majorminor-minor {
      display: block;
      float: left;
      margin-right: 0%;
      width: 31.76471%;
      float: right; }
      .majorminor-medium .majorminor-minor:last-child {
        margin-right: 0; }

  .majorminor-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-small:last-child {
      margin-right: 0; }
    .majorminor-small .majorminor-major {
      display: block;
      float: left;
      margin-right: 0%;
      width: 67.85714%; }
      .majorminor-small .majorminor-major:last-child {
        margin-right: 0; }
    .majorminor-small .majorminor-minor {
      display: block;
      float: left;
      margin-right: 0%;
      width: 28.57143%;
      float: right; }
      .majorminor-small .majorminor-minor:last-child {
        margin-right: 0; }

  .majorminor-small-linear, .majorminor-small-linear .majorminor-major, .majorminor-small-linear .majorminor-minor {
    float: none;
    margin: 0;
    width: 100%; }

  .majorminor-alt > .majorminor-major {
    float: right; }
  .majorminor-alt > .majorminor-minor {
    clear: left;
    float: left; } }
@media screen and (min-width: 60em) {
  /* Module */
  .majorminor {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95.71429%;
    margin-left: 2.14286%; }
    .majorminor:last-child {
      margin-right: 0; }

  .majorminor-major {
    display: block;
    float: left;
    margin-right: 0%;
    width: 74.62687%; }
    .majorminor-major:last-child {
      margin-right: 0; }

  .majorminor-minor {
    display: block;
    float: left;
    margin-right: 0%;
    width: 23.8806%;
    float: right; }
    .majorminor-minor:last-child {
      margin-right: 0; }

  /* Sub-modules */
  .majorminor-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-medium:last-child {
      margin-right: 0; }
    .majorminor-medium .majorminor-major {
      display: block;
      float: left;
      margin-right: 0%;
      width: 66%; }
      .majorminor-medium .majorminor-major:last-child {
        margin-right: 0; }
    .majorminor-medium .majorminor-minor {
      display: block;
      float: left;
      margin-right: 0%;
      width: 32%;
      float: right; }
      .majorminor-medium .majorminor-minor:last-child {
        margin-right: 0; }

  .majorminor-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-small:last-child {
      margin-right: 0; }
    .majorminor-small .majorminor-major {
      display: block;
      float: left;
      margin-right: 0%;
      width: 65.65657%; }
      .majorminor-small .majorminor-major:last-child {
        margin-right: 0; }
    .majorminor-small .majorminor-minor {
      display: block;
      float: left;
      margin-right: 0%;
      width: 31.31313%;
      float: right; }
      .majorminor-small .majorminor-minor:last-child {
        margin-right: 0; }

  .majorminor-small-linear, .majorminor-small-linear .majorminor-major, .majorminor-small-linear .majorminor-minor {
    float: none;
    margin: 0;
    width: 100%; }

  .majorminor-alt > .majorminor-major {
    float: right; }
  .majorminor-alt > .majorminor-minor {
    clear: left;
    float: left; } }
@media print {
  /* Sub-modules */
  .majorminor-medium, .majorminor-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-medium:last-child, .majorminor-small:last-child {
      margin-right: 0; }

  .majorminor-small {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .majorminor-small:last-child {
      margin-right: 0; }
    .majorminor-small .majorminor-major {
      display: block;
      float: left;
      margin-right: 0%;
      width: 59.45946%; }
      .majorminor-small .majorminor-major:last-child {
        margin-right: 0; }
    .majorminor-small .majorminor-minor {
      display: block;
      float: left;
      margin-right: 0%;
      width: 37.83784%;
      float: right; }
      .majorminor-small .majorminor-minor:last-child {
        margin-right: 0; }

  .majorminor-alt > .majorminor-major {
    float: right; }
  .majorminor-alt > .majorminor-minor {
    clear: left;
    float: left; } }
/* Module and sub-module rules below are here because they affect all breakpoints */
/* Module */
.majorminor, .majorminor-medium, .majorminor-small {
  float: none; }

/* Override Bourbon Neat’s left float */
/* Mixins */
/* Module */
.map-community {
  padding: 0 1em 1.25em 1em; }

.map-container {
  position: relative;
  width: 42%;
  margin: 0 auto 0 auto;
}

.map-point-community {
  position: absolute; }
  .map-point-community img {
    width: auto; }

.map-point-midlands {
  left: 68%;
  top: 70%; }

.map-point-northeast {
  left: 59%;
  top: 50%; }

.map-point-southeast {
  left: 60%;
  top: 86%; }

.map-point-southwest {
  left: 4%;
  top: 92%; }

/* Sub-modules */
/* State */
@media screen and (min-width: 25em) {
  .map-point-southwest {
    left: 12%; } }
@media screen and (min-width: 30em) {
  .map-point-southwest {
    left: 22%; } }
@media screen and (min-width: 30em) {
  .map-community {
    padding: 0 3.75em 1.25em 3.75em; } }
@media screen and (min-width: 35em) {
  .map-point-midlands {
    left: 62%; }

  .map-point-southeast {
    left: 80%; }

  .map-point-southwest {
    left: 30%; } }
@media screen and (min-width: 40em) {
  .map-point-midlands {
    left: 68%; }

  .map-point-southwest {
    left: 38%; } }


/*Family Fund and Charities*/


.FamilyFund {
  padding: 0 0 0 0;
  margin: 0 0 18px 0;
  width:100%;
  float:left;
}

.FamilyFund .image{
  float: left;
  width: 30%;

}
.FamilyFund .image img {
  padding: 10px 0 0 25px;
  margin: 0 0 0 0;
}

.MedilinkIntroTextMain {
  padding: 14px 0 14px 28px;
  margin: 10px 0 10px 0;
  width: calc(100% - 30%);
  float: right;
}

.FamilyFund div.MedilinkIntroTextMain h2 {
  font-size: 35px;
  padding: 0 0 0 0;
  margin: 0 0 18px 0;
  color: #27378C;
  font-weight: normal;
  width: 600px;

}

.FamilyFund div.MedilinkIntroTextMain p {
    font-size: 15px;
    line-height: 32px;
    padding: 5pt 0 0 0;
    margin: 0 0 0 0;

}

.Charity h2 {
    padding: 15px 0 15px 0;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    color: #27378C;
}

.blueText {
    font-size: 15px;
    color: #27378C;
    padding-top: 20px;
}

/*End Family Fund and Charities*/


/* KOD Add Carousel Styles for Medilink Charities*/


/*Carousel */

      #carousel {
        margin-top:320px;
		width:100%;
        z-index:10;
      }

      #carousel ul {
        list-style: none;
        padding: 0;
        margin: 50px auto;
        width: 42em;
        height: 18em;
      }
      #carousel li {
        /*height: 20.4em; /*24*/
        /*width: 30em;*/

        height: 20.4em; /*24*/
        width: 40em;/*****/
        text-align: center;
        
        cursor: pointer;
        
              }
     #carousel li img {
        width: 100%;
      }
      
      #carousel li.roundabout-in-focus {
      background-color:#fff;  
     /* border: 1px solid #999 !important;*/
      -moz-box-shadow: 0.188em 0.188em 0.250em #CEC8C8; /* Firefox */
       -webkit-box-shadow: 0.188em 0.188em 0.250em #CEC8C8; /* Safari/Chrome */
       box-shadow: 0.188em 0.188em 0.250em #CEC8C8; /* Opera and other CSS3 supporting browsers */
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CEC8C8')";/* IE 8 */
       : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#CEC8C8');/* IE 5.5 - 7 */
       cursor: default;
      }
      
      #carousel li.roundabout-moveable-item img {
      background-color:#fff;  
      -moz-box-shadow: 0.188em 0.188em 0.250em #999; /* Firefox */
       -webkit-box-shadow: 0.188em 0.188em 0.250em #999; /* Safari/Chrome */
       box-shadow: 0.188em 0.188em 0.250em #999; /* Opera and other CSS3 supporting browsers */
       -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
       : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
      }

/*END Carousel for Medilink Charities */

/* KOD Navigation Ticker for Medilink Charities*/

  .tickercontainer { /* the outer div  */
    width: 809px;
    height: 36px;
    margin: 0;
    padding-left: 4px;
    overflow: hidden;
  }
  
  .tickercontainer a
  {
    color:#333;
    text-decoration:none;
  }
  
  .tickercontainer a:hover
  {
    color:#27378C;
    text-decoration:underline;
  }
  .tickercontainer .mask { /* this serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 8px;
    height: 18px;
    /*width: 718px;*/
    overflow: hidden;
  }
  ul.newsticker { /* this is your list */
    position: relative;
    z-index:10;
    /*left: 750px;*/
    font: bold 10px Verdana;
    text-transform:uppercase;
    list-style-type: none;
    margin: 5px;
    padding: 0;
  }
  ul.newsticker li {
    float: left; /* important: display inline gives incorrect results when you check for elem's width */
    margin: 0;
    padding-right: 25px;
    /*background: #fff;*/
  }
  
  .webTickerOverlay
  {
    background-image:url(../../res/img/TickerNav/lozenge.png); 
    background-repeat:no-repeat;
  position:relative;
    width:818px;
    margin-left: auto ;
     margin-right: auto ;

  }

  span.tickeroverlay-right
  {
    display:none;
  }

  span.tickeroverlay-left
  {
    display:none;
  }

 .webTickerIndicator
  {
    height:37px;
    width:245px;
    margin-left: auto ;
      margin-right: auto ;
      margin-top:6em;
      text-align:center;
  }
  

/*END Navigation Ticker for Medilink Charities*/


/*Honey Stakes*/
div.HoneyStakes {
  background: url("/Files/Images/Family Fund/CharitiesAssets/honey-stakes-background.png") no-repeat scroll 0 0 transparent;
  width: 295px;
  height: 415px;
  padding: 21px 32px 32px 47px;
  display: block;
  float: left;
  margin-left:46px;
}
div.HoneyStakes h4 {
  font-size: 1.2em;
  font-weight:500;
  color: #27378C;
  line-height: 1.2em;
 /* padding-left: 8px;*/
  padding-bottom: 0;
  text-transform: uppercase;
}

div.HoneyStakes p.narrow {
    width: 200px;
}
div.HoneyStakes ul {
  padding: 0px;
  margin: 5px 0px 0px 5px;
  list-style: none;
  text-decoration: none;
  display: block;
  float: left;
}

div.HoneyStakes ul li {
  display:block;
  float: left;
  width: 225px;
  height: 87px;
  padding: 5px 0 5px 0;
}

div.HoneyStakes ul li p {
  display:block;
  float: left;
  width: 135px !important;
  padding: 2px 0 0 90px !important;
  font-size: 0.8em !important;
  line-height: 1.0em !important;
}

div.HoneyStakes ul li span {
  display:block;
  float: left;
  width: 135px;
  padding-left: 90px;
  padding-top: 10px;
}

div.HoneyStakes ul li.first {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  background: url("/Files/Images/Family Fund/CharitiesAssets/Money-Pot-01.png") no-repeat scroll 0 0 transparent;
  border-bottom: 1px dotted #333333;
}
div.HoneyStakes ul li.second {
  margin: 0px 0px 0px 0px;
  background: url("/Files/Images/Family Fund/CharitiesAssets/Money-Pot-02.png") no-repeat scroll 0 0 transparent;
  background-position: left top;
  border-bottom: 1px dotted #333333;
}

div.HoneyStakes ul li.third {
  margin: 0px 0px 0px 0px;
  background: url("/Files/Images/Family Fund/CharitiesAssets/Money-Pot-03.png") no-repeat scroll 0 0 transparent;
}

p.textOverImage {
   color: #58595B;
   font-size: 11pt;
}

p.textOverImage strong {
  color: #27378C;
  text-transform: uppercase;
  font-size: 14pt;
  font-weight:500;
}

/* End Honey Stakes*/

/*Voting Panels and Forms*/

div.VotingPanel {
  background: url("/Files/Images/Family Fund/CharitiesAssets/voting-panel-background.png") no-repeat scroll 0 0 transparent;
  width: 600px;
  height: 415px;
  padding: 21px 32px 32px 47px;
  margin-left: 53px;
  display: block;
  float: left;
}

div.VotingPanel.TopPrizes {
  background: url("/Files/Images/Family Fund/CharitiesAssets/top-prizes-panel-background.png") no-repeat scroll 0 0 transparent;
  width: 612px;
  height: 415px;
  margin: 0 0 28px 38px;
}

div.VotingPanel.TopPrizes img {
	float:left;
	margin:auto;
	width:162px;
  padding: 8px;
}

div.VotingPanel h4 {
    font-size: 1.4em;
    color: #27378C;
    line-height: 1.2em;
    padding-left: 8px;
    padding-bottom: 8px;
}

div.VotingPanel p {
  font-size: 0.9em !important;
  line-height: 1.3em!important;
  width: 510px !important;
  margin: 0 0 0 10px;
}

div.VotingPanel form LABEL {
  display: block;
  float: left;
  width: 73px;
  text-align: right;
  padding-right: 8px;
  font-size: 0.8em;
  font-weight: normal;
}

div.VotingPanel form SELECT {
  width: 230px;
}


div.VotingPanel form p {
  display: block;
  float: left;
  width: 310px !important;
  padding: 5px 0px 5px 0px !important;
  background-color: white;
}

div.VotingPanel form p.button {
  display: block;
  float: left;
  width: 310px !important;
  text-align: right;
  margin: 0;
}


div.VotingPanel form INPUT {
  width: 230px;
    background-color: white;
    cursor: auto;
    padding: 3px;
	box-shadow:none;
    border:1px solid #A9A9A9;
}

/*End Voting Panels and Forms*/





.menu nav {
  clear: both;
  display: none;
  visibility: hidden;
  padding-left: 1em; }
  .menu nav li, .menu nav ul {
    padding: 0; }
  .menu nav li {
    border-bottom: 1px solid white;
    font-size: 1.25em;
    margin-left: 0;
    position: relative; }
    .menu nav li > a {
      color: white;
      display: inline-block;
      padding: 0.7em 0 0.7em 0;
      text-decoration: none;
      transition: color 0.4s ease; }
      .menu nav li > a:hover {
        color: #3aae2a; }
    .menu nav li.menu-isactive > a {
      color: #3aae2a; }
  .menu nav ul {
    border-top: 1px solid white; }
  .menu nav .menu-hassubitems-toggle {
    padding: 0;
    position: absolute;
    right: 0.8em;
    top: 0.8em;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    width: 0.9em; }
  .menu nav .menu-subitems {
    border: none; }
    .menu nav .menu-subitems li {
      border: none; }
      .menu nav .menu-subitems li a {
        padding: 0 0 0.8em 0.8em; }
.menu .menu-tab {
  background: white;
  
  font-size: 1em;
  float: right;
  margin: 0.5em 0 -0.625em 0;
  text-transform: lowercase; }
  .menu .menu-tab a {
    color: #3aae2a;
    display: block;
    padding: 0.25em 1.75em 0.25em 0.375em;
    position: relative;
    text-decoration: none; }
  .menu .menu-tab img {
    height: 0.87671em;
    position: absolute;
    right: 0.43836em;
    top: 0.32877em;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    width: 0.87671em; }

/* State */
.menu-isactive nav {
  display: block;
  visibility: visible; }
.menu-isactive .menu-tab {
  margin-bottom: 0; }
  .menu-isactive .menu-tab img {
    -webkit-transform: scale(0.9) rotate(45deg);
    transform: scale(0.9) rotate(45deg); }

.menu-subitems {
  display: none;
  visibility: hidden; }

.menu nav .menu-hassubitems-isactive > a {
  color: #3aae2a; }
.menu nav .menu-hassubitems-isactive .menu-subitems {
  display: block;
  visibility: visible; }
.menu nav .menu-hassubitems-isactive .menu-hassubitems-toggle {
  -webkit-transform: scale(1.3) rotate(45deg);
  transform: scale(1.3) rotate(45deg); }

@media screen and (min-width: 40em) {
  .menu nav, .menu-tab {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.more {
  text-align: right; }

.more-link {
  /*background: transparent url(../../res/img/arrows/grey/right.svg) 0 4px no-repeat;*/
  /*background: transparent url(../../res/img/placeholders/registration/arrow-right.png) 0 7px no-repeat;*/
  display: inline-block;
  margin-right: 0em;
  padding-left: 0em;
  text-decoration: none;
  color:#3aae2a;
  cursor: pointer;
  /*.nosvg & { background-image: url(../../res/img/arrows/grey/right.png); }*/
}

.more-link:last-child {
  margin-right: 0;
}

/* Sub-modules */
.more-results {
  margin-bottom: 1em;
  padding-top: 1em; }

/* State */
@media print {
  .more-link {
    padding-left: 0; } }
/* Mixins */
/* Module */
.nurses {
  background: #f6f6f6;
  margin-bottom: 1.25em;
  padding: 1.25em 1.25em 0 1.25em; }

.nurses-info {
  margin-bottom: 1em; }
  .nurses-info dt, .nurses-info h4 {
    font-weight: 500; }
  .nurses-info dt {
    padding-right: 1em; }
  .nurses-info h4 {
    font-size: 1em; }

.nurses-nurse {
  border-bottom: 1px solid #c7c8ca;
  margin-bottom: 1.25em;
  padding-bottom: 0.3125em; }
  .nurses-nurse::after {
    border-bottom: 1px solid #c7c8ca;
    content: "";
    display: block;
    margin-top: 1em; }
  .nurses-nurse:last-child, .nurses-nurse:last-child::after {
    border: none;
    margin: 0; }

.nurses-visual {
  border-radius: 50%;
  margin: 0 auto 20px;
  overflow: hidden;
  width: 70%;
}

/* Sub-modules */
/* State */
@media screen and (min-width: 50em) {
  .nurses-info dd, .nurses-info dt {
    display: inline-block; }
  .nurses-info dd {
    width: 74%; }
  .nurses-info dt {
    width: 25%; } }
/* Mixins */
/* Module */
.onlinedelivery-info p {
  font-size: 0.9em;
  line-height: 1.6;
  margin: 0;
  padding-bottom: 1.11111em; }

.onlinedelivery-register {
  background: #f6f6f6;
  margin-bottom: 1.25em; }

.onlinedelivery-register-info {
  padding: 1em 1em 0 1em; }
  .onlinedelivery-register-info p:last-child {
    padding-bottom: 0; }

.onlinedelivery-register-visual {
  padding: 1em; }

.onlinedelivery-visual {
  padding-bottom: 1.25em; }

/* Sub-modules */
/* State */
@media screen and (min-width: 60em) {
  .onlinedelivery-register {
    margin-bottom: 2em; }

  .onlinedelivery-register-info {
    padding-right: 1.25em; }

  .onlinedelivery-register-visual img {
    -moz-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    -webkit-transform: scale(1.35);
    transform: scale(1.35); } }
/* Mixins */
/* Module */
.option {
  margin-bottom: 1em;
  position: relative; }
  .option h3 {
    line-height: 1.22222em; }

.option-availability {
  background: #ebeced; }
  .option-availability img, .option-availability p {
    display: inline-block;
    vertical-align: top; }
  .option-availability img {
    width: 1.5em; }
  .option-availability p {
    color: #5b6270;
    
    font-size: 0.8125em;
    line-height: 1.84615em;
    padding: 0 0 0 0.61538em; }

.option-classification {
  background: #5b6270;
  color: white;
  
  font-size: 0.8125em;
  padding: 0.30769em 1.23077em 0.30769em 1.23077em; }

.option-cta {
  background: #dedfe2;
  padding: 0.25em 1em 0.25em 1em; }
  .option-cta li, .option-cta ul {
    padding-bottom: 0; }
  .option-cta li {
    background: transparent url(../../res/img/arrows/grey/right.svg) 0 6px no-repeat;
    margin-left: 0; }
    .nosvg .option-cta li {
      background-image: url(../../res/img/arrows/grey/right.png); }
    .option-cta li a {
      display: block;
      padding: 0.30769em 1.23077em 0.30769em 1.23077em;
      text-decoration: none; }
  .option-cta ul {
    
    font-size: 0.8125em;
    list-style-type: none; }

.option-decal {
  position: absolute;
  right: 1em;
  top: 1em; }
  .option-decal ul {
    list-style-type: none; }
  .option-decal li {
    padding-bottom: 0.5em;
    width: 3.125em; }

.option-features {
  background: #ebeced;
  padding: 0.25em 1em 0.25em 1em; }
  .option-features p {
    color: #5b6270;
    
    font-size: 0.8125em;
    padding-bottom: 0; }
  .option-features strong {
    color: #5b6270; }

.option-info, .option-proximity {
  background: #f6f7f7; }

.option-info, .option-title {
  padding: 1em 1em 0 1em; }

.option-proximity {
  color: #5b6270;
  
  font-size: 0.8125em;
  padding: 0 1em 0.5em 1em; }
  .option-proximity strong {
    color: #5b6270; }

.option-visual {
  background: none;
}

.option-visual img {
  border: 2px solid #f2f2f4;
  padding-top: 16px;
  margin-bottom: 4px;
  background: #f2f2f4;
}

/* Sub-modules */
/* State */
@media screen and (min-width: 50em) {
  .option-decal li {
    width: 2.5em; } }
@media print {
  .option {
    border: 1px solid #adb0b7;
    page-break-inside: avoid; }

  .option-cta, .option-features {
    border-top: 1px solid #adb0b7; }

  .option-cta a {
    padding-left: 0; } }
/* Mixins */
/* Module */
.pager a {
  color: #5b6270;
  display: block;
  text-decoration: none; }
.pager li {
  display: inline-block;
  margin: 0 1.23077em 0 0; }
  .pager li:last-child {
    margin: 0; }
.pager ul {
  list-style-type: none; }

.pager-next {
  background: transparent url(../../res/img/arrows/grey/right.svg) right 2px no-repeat; }
  .pager-next a {
    padding-right: 1.23077em; }
  .nosvg .pager-next {
    background-image: url(../../res/img/arrows/grey/right.png); }

.pager-previous {
  background: transparent url(../../res/img/arrows/grey/left.svg) 0 2px no-repeat; }
  .pager-previous a {
    padding-left: 1.23077em; }
  .nosvg .pager-previous {
    background-image: url(../../res/img/arrows/grey/left.png); }

.pager-selected a {
  color: #3aae2a;
  display: block;
  text-decoration: underline; }

/* Sub-modules */
/* State */
/* Mixins */
/* Module */
.placeholder-button {
  width: auto; }

.placeholder-nav, .placeholder-main, .placeholder-search {
  border-bottom: none;
  padding-bottom: 0.3125em;
}

.placeholder-search INPUT {
  	background: #f6f6f6;
  	border: none;
  	float: right;
	display: block;
	width: 88%;
	margin-right: 0px !important;
    margin-bottom: 12px;
}

.placeholder-steps {
  border-top: none;
  padding-top: 0.3125em; }
  .placeholder-steps::before {
    border-top: none;
    content: "";
    display: block; }
  .placeholder-steps h3 {
    border-bottom: 1px solid #c7c8ca;
    padding-bottom: 0.3125em;
    margin-bottom: 0.8em; }
    .placeholder-steps h3::after {
      border-bottom: 1px solid #c7c8ca;
      content: "";
      display: block;
      padding-top: 0.6em; }
  .placeholder-steps.home {
    float: left;
    margin-bottom: 1.75em; }
    .placeholder-steps.home img {
      width: 50%;
      float: left; }

.placeholder-main, .placeholder-steps {
  margin-bottom: 1.25em;
}

.placeholder-search {
  margin-bottom: 2em;
}

.placeholder-search .field {
  padding-bottom: 0em;
}

.placeholder-nav-desktop, .placeholder-nav-tablet {
  display: none;
  visibility: hidden; }

.placeholder-product-header {
  background: #FFFFFF;
  padding: 0em; }

.placeholder-product-header-info p {
  padding-bottom: 0; }

.placeholder-product-header-info p b {
  font-size: 1.2em;
  line-height: 1.5em;
  padding-bottom: 0.350em;
  color: #00a0dd;
  font-weight: 200;
  display:block;
  float:left;
  width: 100%;
  display: none;
  visibility: hidden;
}

.placeholder-product-header-info h2 {
  font-size: 1.5em;
  color: #00a0dd;
  font-weight: 500;
}

.placeholder-product-header-logo, .placeholder-product-header-visual {
  padding-bottom: 1.25em; }

.placeholder-progress {
  margin-bottom: 1em; }

.placeholder-sku li {
  margin-left: 0;
  padding: 1em; }
  .placeholder-sku li:nth-child(even) {
    background: #f2f2f3; }
.placeholder-sku ul {
  list-style-type: none;
  margin-bottom: 1em;
  padding-bottom: 0;
  line-height: 1.5em;}

.placeholder-sku-add-field input[type="text"] {
  background: white;
  border-bottom: 1px solid #003f81;
  border-left: 1px solid #003f81;
  border-right: none;
  border-top: 1px solid #0055a5;
  box-shadow: none;
  float: left;
  font-size: 1em;
  font-weight: 500;
  height: 24px;
  padding: 0.25em;
  text-align: center;
  width: 3.125em;
}

.placeholder-sku-add-field input[type="number"] {
  background: white;
  border: 1px solid #CCCCCC;
  box-shadow: none;
  float: left;
  font-size: 1em;
  font-weight: 500;
  height: 57px;
  padding: 0.25em;
  text-align: center;
  width: 4em;
  border-radius: 6px;
  margin-right: 24px !important;
}

.placeholder-sku-add .btn {
  margin-bottom: 0em;
}

.placeholder-steps h2 {
  color: #6d6f72;
  font-size: 1.2625em;
  letter-spacing: 0.03em;
  padding-bottom: 0.48485em;
  text-transform:uppercase;
}

.placeholder-together {
  margin-top: -1em; }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .placeholder-nav-desktop, .placeholder-nav-mobile {
    display: none;
    visibility: hidden; }

  .placeholder-nav-tablet {
    display: block;
    visibility: visible; }

  .placeholder-steps.home {
    float: left;
    margin-bottom: 1.75em; }
}

@media screen and (min-width: 50em) {
  .placeholder-nav-desktop {
    display: block;
    visibility: visible; }

  .placeholder-nav-mobile, .placeholder-nav-tablet {
    display: none;
    visibility: hidden; }

  .placeholder-product-header > div {
    float: left; }

  .placeholder-product-header-info {
    padding: 1.25em 0 0 2.125em;
    width: 40%; }

  .placeholder-product-header-logo {
    padding-right: 3.125em; }

  .placeholder-product-header-visual {
    padding-bottom: 0;
    width: 50%; }

  .placeholder-sku-add, .placeholder-sku-info {
    float: left;
    width: 60%;
    text-align:left;
  }
  
  .placeholder-sku-image img {
    float: left;
    width: auto;
    text-align:left;
    margin-right: 30px;
  }

  .placeholder-sku-add {
    float: right;
    padding-top: 0.75em;
    text-align: left;
    width: auto;

  .placeholder-sku-info {
    width: 58%;
  }

  .placeholder-together {
    margin-top: -1em; }

  .placeholder-steps.home img {
    width: 100%;
    clear: both; } }
  
@media screen and (min-width: 20em) {
    
  .placeholder-sku-add-field {
     float: right;
     padding-left:12px;
   }
 }
  
/* Mixins */
/* Module */
.promo {
  border-top: 1px solid #bdc0c5;
  clear: both;
  margin-bottom: 1em; }
  .promo h2 {
    font-size: 1.25em;
    padding-top: 0.6em; }

.promo-cta, .promo-info {
  padding: 0 1em 0 1em; }

.promo-cta a {
  display: block;
  padding-left: 1.23077em; }
.promo-cta li {
  background: transparent url(../../res/img/arrows/grey/right.svg) 0 2px no-repeat;
  margin-left: 0; }
  .nosvg .promo-cta li {
    background-image: url(../../res/img/arrows/grey/right.png); }
.promo-cta ul {
  list-style-type: none; }

/* Sub-modules */
.promo-alt1, .promo-alt2, .promo-alt3 {
  padding-top: 1em; }

.promo-alt2 > div {
  background: #f6f6f6; }

.promo-alt3 .promo-visual {
  padding: 0 1em 0 1em; }

/* State */
@media screen and (min-width: 30em) {
  .promo {
    padding-top: 1em; }
    .promo h2 {
      padding-top: 0; }
    .promo .promo-cta {
      padding-left: 0; }
    .promo .promo-info {
      padding: 0 1em 0 0; }
    .promo .promo-visual {
      padding: 0 0 1em 1em; }

  .promo-alt2 .promo-info, .promo-alt2 .promo-visual {
    padding-top: 1em; }

  .promo-alt3 .promo-cta, .promo-alt3 .promo-info {
    padding-left: 0; }
  .promo-alt3 .promo-visual {
    padding: 0 0 1em 1em; }

  .promo-alt4 .promo-cta, .promo-alt4 .promo-info {
    padding: 0; }
   
  .thank_you img {
  	margin: 0 auto 1.6em auto;
  	width: 100%;
  }
}

/* State */
@media screen and (min-width: 20em) {
   
  .thank_you img {
  	margin: 0 auto 1.6em auto;
  	width: 100%;
  }
}

}
@media screen and (min-width: 50em) {
  .promo {
    padding-top: 0; }

  .promo h2 {
    padding-top: 0.6em; }

  .promo-alt1, .promo-alt2, .promo-alt3 {
    padding-top: 1em; }

  .promo-alt1 .promo-cta, .promo-alt1 .promo-info, .promo-alt3 .promo-cta, .promo-alt3 .promo-info, .promo-alt4 .promo-cta, .promo-alt4 .promo-info {
    padding: 0 1em 0 1em; }

  .promo-alt1 .promo-visual, .promo-alt3 .promo-visual {
    padding: 0 1em 0 1em; }

  .promo-alt2 .promo-visual, .promo-alt4 .promo-visual {
    padding: 0; }

  .promo-alt2 .promo-cta, .promo-alt2 .promo-info {
    padding: 0 1em 0 1em; } }
@media print {
  .promo {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.searchform {
  background: #f8f8f8;
  margin-bottom: 1em;
  padding: 1.25em 1em 0.9em 1.25em; }
  .searchform input {
    margin: 0; }

.searchform-button {
  float: right;
  display: none;
  visibility: hidden;
  margin-left: 1em;
  margin-top: -0.375em;
  width: 5.4375em; }

.searchform-field {
  overflow: hidden;
  padding: 0 0.25em 0.25em 0;
  width: auto; }

.searchform-field input {
  /* background: url("/Files/Templates/Designs/MedilinkCore/res/img/buttons/search.svg") right center no-repeat; */
  font-size: 1em;
  line-height: 1em;
  padding: 0.35294em 1.76471em 0.35294em 0.35294em;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  font-weight: 200;
  color: #999;
  border: 1px solid #CCC;
}
    .nosvg .searchform-field input {
      background-image: url("/Files/Templates/Designs/MedilinkCore/res/img/buttons/search.png"); }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .searchform {
    padding-right: 1.25em; }

  .searchform-button {
    display: block;
    visibility: visible; } }
/* Mixins */
/* Module */
.searchwidget {
  clear: both;
  margin-bottom: 1em;
  position: relative;
  /*
  > h2 {
  	font-size: em(20);
  	padding: em(12,20) 0 em(12,20) 0;
  }
  */ }

.searchwidget h2 {
  color: #3aae2a;
  font-size: 1.4em;
  line-height: 1.5em;
  padding-bottom: 0.75em;
  font-weight: 500;
}
  .searchwidget input[type="image"] {
    margin-bottom: 0; }

.searchwidget-badge {
  position: absolute;
  right: 1em;
  top: 0; }
  .searchwidget-badge, .searchwidget-badge[src$=".svg"] {
    width: 2.8125em; }
  .searchwidget-badge + h2 {
    width: 70%; }

/* Sub-modules */
/*
.searchwidget-linear {
	background: tint($copy2,98%);
	border: 1px solid tint($copy2,90%);
	padding: 0 em(16) 0 em(16);
}
*/
/* State */
@media print {
  .searchwidget {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.single {
  clear: both;
  display: block;
  float: left;
  margin-right: 0%;
  width: 90.0%;
  margin-left: 5%;
  text-align: left; }
  .single:last-child {
    margin-right: 0; }

.single-medium {
  display: block;
  float: left;
  margin-right: 0%;
  width: 100%;
  margin-left: 0%; }
  .single-medium:last-child {
    margin-right: 0; }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .single {
    display: block;
    float: left;
    margin-right: 0%;
    width: 92.5%;
    margin-left: 3.75%; }
    .single:last-child {
      margin-right: 0; }

  .single-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .single-medium:last-child {
      margin-right: 0; } }
@media screen and (min-width: 50em) {
  .single {
    display: block;
    float: left;
    margin-right: 0%;
    width: 95%;
    margin-left: 2.5%; }
    .single:last-child {
      margin-right: 0; }

  .single-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 77.5614%;
    margin-left: 12.7193%; }
    .single-medium:last-child {
      margin-right: 0; } }
@media screen and (min-width: 60em) {
  .single {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
    margin-left: 0%; }
    .single:last-child {
      margin-right: 0; }

  .single-medium {
    display: block;
    float: left;
    margin-right: 0%;
    width: 77.62687%;
    margin-left: 12.68657%; }
    .single-medium:last-child {
      margin-right: 0; } }
/* Module and sub-module rules below are here because they affect all breakpoints */
/* Module */
.single, .single-medium {
  float: none; }

/* Override Bourbon Neat’s left float */
/* Mixins */
/* Module */
.steps-vertical {
  padding-bottom: 0.3125em; }

/* Sub-modules */
/* State */
@media screen and (min-width: 50em) {
  .steps-vertical {
    border-top: 1px solid #c7c8ca;
    margin-bottom: 1.25em;
    padding-top: 0.3125em; }
    .steps-vertical::before {
      border-top: 1px solid #c7c8ca;
      content: "";
      display: block;
      margin-bottom: 1em; } }
/* Mixins */
/* Module */

.generalcontent.stomacare-services {display: block;float:left;width:45%;}

.stomacare-services {
  color: #5b6270;
  
  font-size: 0.9375em;
  list-style-type: none;
  float: left;
}

.stomacare-services ul {float:left; padding:0; margin:0; list-style: none;}

.stomacare-services ul li {float: left; clear: both; margin-left: 0; padding-bottom:0.9em;}

  .stomacare-services > div {
    padding-bottom: 0.8em; }

  .stomacare-services img, .stomacare-services span {
    float: left; }

  .stomacare-services img {
    width: 12.5%; }

  .stomacare-services span {
    line-height: 1.3;
    padding: 0.61538em 0 0 1.06667em;
    width: 87.5%; }

/* Sub-modules */
/* State */
/* Mixins */
/* Module */
.subnav {
  /*background: tint($copy2,90%);*/
  margin-bottom: 1em; }
  .subnav a {
    text-decoration: none; }
  .subnav li {
    /*background: transparent url(../../res/img/arrows/grey/right.svg) 0 2px no-repeat;*/
    background: transparent url(../../res/img/placeholders/registration/arrow-right.png) 0 10px no-repeat;
    margin-left: 0;
    padding-left: 1.3em;
    /*.nosvg & { background: transparent url(../../res/img/arrows/grey/right.png) 0 2px no-repeat; }*/ }
  .subnav nav {
    padding: 0 1em 0 1em; }
  .subnav time {
    font-size: 0.84615em; }
  .subnav ul {
    clear: both;
    list-style-type: none; }

.subnav-link-isactive {
   }

/* Sub-modules */
.subnav-nested {
  margin-bottom: 0.125em; }

/* State */
@media print {
  .subnav, .subnav-nested-container {
    display: none;
    visibility: hidden; } }
/* Mixins */
/* Module */
.table-xcol {
  border: 1px solid #dedfe2; }

.table-xcol tbody th[scope="row"] {
  background: #CCCCCC;
}

.table-xcol tbody td[scope="row"] {
  background: none;
}


.table-xcol tbody tr:nth-child(even) {background: #f1f1f1}
.table-xcol tbody tr:nth-child(odd) {background: #ffffff}



  .table-xcol td, .table-xcol th {
    display: none;
    visibility: hidden;
    padding: 0.61538em;
    text-align: left; }
  .table-xcol td {
    line-height: 1.46154em; }
  .table-xcol th {
    width: 50%; }
    .table-xcol th select {
      margin-top: 0.25em; }
  .table-xcol th[scope="col"]:first-child, .table-xcol th[scope="col"]:last-child, .table-xcol th[scope="row"], .table-xcol .table-col-isactive {
    display: table-cell;
    visibility: visible; }
  .table-xcol textarea {
    height: 12.30769em; }
  .table-xcol tfoot, .table-xcol th[scope="col"] {
    background: #dedfe2; }
  .table-xcol tr {
    border-top: 1px solid #dedfe2; }
  .table-xcol tr:nth-child(2n) {
    background: #f8f8f9; }

/* Sub-modules */
/* State */
@media screen and (min-width: 50em) {
  .table-xcol td, .table-xcol th {
    display: table-cell;
    visibility: visible; }
  .table-xcol th[scope="col"]:last-child {}

  .table-3col th {
    width: 33.333333%; }

  .table-4col th {
    width: 25%; }

  .table-5col th {
    width: 20%; }

  .table-6col th {
    width: 16.666666%; }

  .table-7col th {
    width: 14.2857143%; }

  .table-8col th {
    width: 12.5%; } }
@media print {
  .table-xcol td, .table-xcol th {
    display: table-cell;
    visibility: visible; }
  .table-xcol th[scope="col"]:last-child {
    display: none;
    visibility: hidden; }

  .table-3col th {
    width: 33.333333%; }

  .table-4col th {
    width: 25%; }

  .table-5col th {
    width: 20%; }

  .table-6col th {
    width: 16.666666%; }

  .table-7col th {
    width: 14.2857143%; }

  .table-8col th {
    width: 12.5%; } }
/* Mixins */

/* Module */
.toggle {
  position: relative;
}
/*

.toggle-favourite a {
	background: transparent url(/Files/Templates/Designs/PGLCore/res/img/themes/core/header/favourite.svg) em(9,13) top no-repeat;
	color: $copy1;
	display: inline-block;
	height: em(17,13);
	padding: 0 0 0 em(38,13);

	.nosvg & { background-image: url(/Files/Templates/Designs/PGLCore/res/img/themes/core/header/favourite.png); }

}

.toggle-favourite-isactive a { background-position: em(9,13) bottom; }

*/
.toggle-help {
  background: #5b6270;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 1.25em; }

.toggle-icon {
  display: block; }

.toggle-icon-isactive {
  background: #5b6270; }

/*
.toggle-jump {
	background: $copy2 url(/Files/Templates/Designs/PGLCore/res/img/themes/core/header/toggle/jump.svg) left top no-repeat;
	float: left;
	height: 28px;
	height: 1.75rem;
	@include hide-text;
	margin-bottom: 8px;
	margin-bottom: 0.5rem;
	width: 28px;
	width: 1.75rem;

	.nosvg & { background-image: url(/Files/Templates/Designs/PGLCore/res/img/themes/core/header/toggle/jump.gif); }

}

.toggle-jump-isactive { background-position: bottom left; }
*/
.toggle-navigation {
  bottom: 0;
  display: block;
  position: absolute;
  right: 0;
  width: 2.1875em;
  display: none;
  visibility: hidden;
}

/*
.toggle-status {
	font-size: 1em;
	padding-bottom: 0;
	position: absolute;
	right: 0;
	top: 0;

	li {
		display: inline-block;
		margin-left: em(2);
		padding-bottom: 0;
		width: em(35);
	}

}
*/
.toggle-table {
  padding-bottom: 0.61538em; }

.toggle-table-col {
  border: 1px solid #dedfe2;
  border-radius: 0.30769em;
  display: inline-block;
  margin-bottom: 0.61538em;
  margin-right: 0.61538em;
  padding: 0.30769em; }
  .toggle-table-col, .toggle-table-col:hover {
    text-decoration: none; }

.toggle-table-col-isactive {
  background: #5b6270;
  border-color: #5b6270;
  color: white; }

/* Sub-modules */
/* State */
@media screen and (min-width: 30em) {
  .toggle-navigation, .toggle-status {
    display: none;
    visibility: hidden; } }
@media screen and (min-width: 50em) {
  .toggle-jump {
    margin-left: 128px;
    margin-left: 8rem; }

  .toggle-table {
    display: none;
    visibility: hidden; } }
@media print {
  .toggle-favourite, .toggle-jump, .toggle-navigation, .toggle-status, .toggle-table {
    display: none;
    visibility: hidden; } }
/* Module and sub-module rules below are here because they affect all breakpoints */
/* Module */
.toggle-jtable-col-isinactive {
  display: none;
  visibility: hidden; }

/* Mixins */
/* Module */
.tipsy {
  
  font-size: 0.9375em;
  letter-spacing: 0.05em; }

.tipsy-arrow-s {
  border-top-color: #0055a5; }

.tipsy-inner {
  background-color: #0055a5;
  box-shadow: 0 1px 1px #5b6270;
  color: white;
  
  max-width: 12.5em;
  padding: 0.26667em 0.53333em 0.26667em 0.53333em;
  text-transform: uppercase;
}


.majorminor-medium.thankyouholder {
  width: 100%;
  margin-top: 40px;
}

.majorminor-medium.thankyouholder h1 {
  font-size:1.75em;
}

#ctl01_registerHolderHeading .majorminor-minor {
  width: 100%;
}

.thank_you {
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 31em) {
  .thank_you img {
     margin: 0 auto 1.6em auto;
     width: auto !important;
  }
}

@media screen and (min-width: 20em) {
  .thank_you img {
     margin: 0 auto 1.6em auto;
     width: 100%;
  }
}

.thank_you p {
  padding-bottom: 0.5em;
}

.placeholder-sku-add-field .field {
   padding-bottom: 0em !important;
   display: block;
   float:left;
}

.placeholder-sku-add span {
  color: #5b6270;
  font-size: 0.8em;
  text-transform: uppercase;
  margin-top: 17px;
  display: inline-block;
}

/* Sub-modules */
/* State */
/* Mixins */
/* Module */
.vcard li {
  margin-left: 0; }
.vcard ol {
  list-style-type: none; }

/* Sub-modules */
/* State */

.placeholder-steps.home img {
    float: left;
    width: 100%;
}

.scissors, .case {
    width: auto;
  	float: left;
    padding-right: 10px;
  display: none;
  visibility: hidden;
}

.icon-heading {
  display: block;
  width: 100%;
  float:left;
  padding-bottom: 8px;
  color: #00a0dd;
  font-weight: 500;
}

.icon-heading h1 {
	width: auto;
  	float: left;
    clear: none;
    padding-top: 9px;
}

.intro-homepage {
	clear:both;
}

.intro-homepage img {
  padding-bottom:32px;
}

.intro-homepage p {
  text-align:center;
  font-size: 0.9em;
  line-height:1.9em;
  padding-left: 18%;
  padding-right: 18%;
}

.intro-homepage-attractors {
  clear:both;
  padding: 0;
  margin:0;
  padding-top: 20px;
}

.intro-homepage-attractors ul {
  width: 100%;
  padding: 0;
  margin:0;
  list-style:none;
}

.intro-homepage-attractors ul li {
  display: block;
  float:left;
  padding: 0;
  margin: 0;
  width:49%;
}

.intro-homepage-attractors ul li.first {
  float: left;
}

.intro-homepage-attractors ul li.last {
  float: right;
}

.download-panel {
  display: block;
  position: relative;
  z-index: 100;
  width: 100%;
  background: #f8f8f8;
  padding: 24px 120px 10px 26px;
  float:left;
  margin-bottom: 12px;
}

.download-panel h2 {
  font-size: 1.15em;
  clear: both;
  color: #00a0dd;
  font-weight: 500;
  text-transform: uppercase;
  width: auto;
}

.download-panel img {
  position: absolute;
  z-index: 200;
  display: block;
  width: auto;
  bottom: -12px;
  right: -12px;
}




.subscription-form {
        background: #f6f6f6;
        padding:1.2em;
        padding-bottom:0.8em;
        width:100%;
        height:auto;
        float:left;

}

.subscription-form h2 {
        font-size: 1.1em;
          clear: both;
          color: #00a0dd;
          font-weight: 500;
          text-transform: uppercase;
          width: auto;
}

.subscription-form p {
    font-size:0.9em;
    line-height: 1.9em;
}

.subscription-form label {
    font-size: 1em;
}

.subscription-form input {
    
    font-size:1.1em;
    background: white;
}

.subscription-form form button {
  width: auto;
  display: block;
  float: right;
  border: none;
  overflow: visible;
  background: none;
  color: #FFF;
  font-size: 1em;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 2em;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  font-weight: 200;
}

.subscription-form button img {
  width: 100%;
  position: relative
}

.linkline {
	position:relative;
}

.linkline-form {
  background: #eeeff1;
  padding:1.2em;
  padding-bottom:0.8em;
  width:100%;
  height:auto;
  float:left;
  background-repeat: no-repeat;
  background-position: top right;
}

.linkline-form h2 {
  font-size: 1.1em;
  clear: both;
  color: #00a0dd;
  font-weight: 500;
  text-transform: uppercase;
  width: auto;
}

.linkline-form img {
  width: auto;
}

.linkline-image {
  float:right;
  position: absolute;
  top: 0;
  right:0;
}

.linkline-image img{
  width: auto;
}

.linkline-form .linkline-copy {
  float:left;
  width: 80%;
}

.linkline-form .linkline-copy p {
  font-size: 0.9em;
}


.linkline-registration-form {
  display: block;
  position: relative;
  z-index: 100;
  width: 100%;
  background: #f8f8f8;
  padding: 24px 30px 10px 30px;
  margin-top:0px;
}

.linkline-registration-form form {
  width: 100%;
}

.linkline-registration-form h2 {
  font-size: 1.15em;
  clear: both;
  color: #00a0dd;
  font-weight: 500;
  text-transform: uppercase;
  width: auto;
}

.linkline-registration-form img {
  position: absolute;
  z-index: 200;
  display: block;
  width: auto;
  top: 0;
  right: 0;
}

.linkline-registration-form INPUT {
  margin-bottom: 12px;
}

.linkline-registration-form SELECT {
  background: #f6f6f6 none repeat scroll 0 0;
    border: medium none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    padding: 0.30769em;
  margin-bottom: 12px;
}

.linkline-registration-form .type {
  width: 38%;
  float: left;
}


.linkline-registration-form .date {
  width: 55%;
  float: right;
}

.linkline-registration-form .date SELECT {
  width: 30.333333%;
  margin-right: 4.5%;
  float: left;
}

.linkline-registration-form .date SELECT.last {
  margin-right: 0%;
}

.linkline-registration-form button {
  width: auto;
  display: block;
  float: right;
  border: none;
  overflow: visible;
  background: none;
}

.linkline-registration-form button img {
  width: 100%;
  position: relative
}

.submit-panel {
  clear:both;
  width: 100%;
  overflow: auto;
  padding-top: 12px;
}

.submit-panel p {
  width: 50%;
  float: left;
  padding-top: 12px;
}

.linkline-archive {
  display: block;
  z-index: 100;
  width: 100%;
  padding: 0;
  margin-top: 36px;
}

.linkline-archive h3 {
  font-size: 1.15em;
  clear: both;
  color: #3aae2a;
  font-weight: 500;
  text-transform: uppercase;
  width: auto;
}

.linkline-archive form {
  width: 100%;
}

.linkline-archive img {
  width: 100%;
  top: 0;
  right: 0;
}

.linkline-archive INPUT {
  margin-bottom: 12px;
}

.linkline-archive SELECT {
  background: #f6f6f6 none repeat scroll 0 0;
  border: medium none;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  padding: 0.30769em;
  margin-bottom: 12px;
  width: 30%;
}

.linkline-archive ul {
  width: 100%;
  list-style: none;
  margin: 12px 0 0 0;
  padding: 0;
}

.linkline-archive ul li {
  width: 25%;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 50em) {
    .intro-homepage p {
  		padding-left: 3%;
  		padding-right: 3%;
    }
 }

@media screen and (max-width: 40em) {
  .intro-homepage-attractors ul li {
  	width:100%;
    padding-bottom: 16px;
  }
  
  .subscription-form {
    width:100%;
  }
  
  .download-panel.linkline {
  	padding: 24px 26px 10px 26px;
  }
  .download-panel.linkline img {
  	display: none;
    visibility: hidden;
  }
  .generalcontent.linkline-registration-form {
  	padding: 24px 26px 10px 26px;
    margin-top: 0px;
  }
  .generalcontent.linkline-registration-form img {
  	display: none;
    visibility: hidden;
  }
  .linkline-archive ul li {
    display: block;
    float: left;
    margin: 0 0 26px 0;
    padding: 0;
    width: 50%;
}
}

.onlinedelivery {
	margin-top: 30px;
}

.forgotten-user-copy {
  padding: 1.25em 1em 1em 1.25em;
}

.forgotten-user-copy h1 {
  font-size: 1em;
  line-height: 1.5em;
  padding-bottom: 0.75em;
}

.thankyouholder img {
  width: auto;
  display: block;
  margin: 0 auto 30px auto;
}

#registerIntro {
	margin-top: -30px;
}

#registerIntro input, select {
  vertical-align: middle;
  margin-right: 8px !important;
  margin-top: 8px !important;
  padding: 10px;
  font-family: 'Museo Sans W01',helvetica,arial,sans-serif;
  margin-bottom: 12px;
  width: 150px;
}

#registerIntro p {
 padding-bottom: 0.6em;
}

#registerForm {
	margin-top: -30px;
}

.generalcontent .majorminor {
	margin-left: 0px;
  width: 100%;
}

@media screen and (max-width: 45em) {
  .generalcontent.stomacare-services {
    width:100%;
  }
  
  .map-container {
    width: 100%;
}
}

table.privacy-table {
	width: 100% !important;
	border: 1px solid #ddd;
}

table.privacy-table td, table.privacy-table th {
	padding: 10px 0 10px 10px;
	font-weight: normal;
	vertical-align:top;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.m-theme-bg-green-extralight {
    background-color: #ebf4d9;
}

table.privacy-table thead th {
    font-weight: 500;
    padding: 12px 0 12px 10px;
    text-transform: uppercase;
	vertical-align:middle;
}

table.privacy-table thead th p, table.privacy-table tbody td p {
    padding-bottom: 0px;
}

.bk-white {
  background: #FFFFFF;
}

.bk-grad {
  background: linear-gradient(to right, #00a0dd, #3aae2a);
}

.carousel_container {
  margin: 0 auto;
  padding: 55px 0px 25px 0px;
  width: 100%;
  color: #333;
}

.carousel_container.login {
  z-index: 300;
  left: 0;
  display: block;
  position: relative;
  height:auto;
  overflow:visible;
}

.carousel h2, .carousel h3 {
  font-size: 1.9em;
  line-height: 1.3em;
  padding-bottom: 0.66667em;
  color: #FFF;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  font-weight: 200;
  padding-left: 3%;
  padding-right: 3%;
  text-align:center;
  font-weight:500;
}

.carousel p {
  font-size: 1.1em;
  line-height: 1.8em;
  color: #FFF;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  font-weight: 200;
  padding-left: 3%;
  padding-right: 3%;
  text-align:center;
}

.carousel .btn {
  color: #00a0dd;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 20px 20px 20px 20px;
  line-height: 1.6em;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  cursor: pointer;
}

.carousel .btn a {
  color: #00a0dd;
  text-decoration: none;
}

.carousel .slick-arrow {
  display: none;
  visibility: hidden;
}

.slick-slide {
  text-align: center;
  color: #FFF;
}

.slick-dots {
  margin-top: 12px !important;
}

.slick-dots li button::before {
  font-weight: 200 !important;
  font-size: 17px !important;
  color: #FFF !important;
}


/*--Button styles ---*/

INPUT.btn {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 34px;
  margin-left: 0px;
  margin-right: 12px;
  border-radius: 20px 0 0 20px;
  background: #00a0dd;
  background-image: url(../../res/img/buttons/btn-f6f6f6-slug.png);
  background-position: right top;
  background-repeat: no-repeat;
  width: auto !important;
  color: #FFF;
  text-decoration: none;
  text-transform: none;
  border: none !important;
}

.btn {
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 28px 28px 28px 28px;
  border: none !important;
  font-weight: 500 !important;
  font-size:1.2em !important;
}

.navigation-top .btn {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.btn a {
  color: #FFF;
  text-decoration: none;
}

p.btn.vid {
}

.btn.green-white {
  color: #FFF;
  background: #3aae2a;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
  width:auto !important;
}

.btn.green-white a {
  color: #FFF;
}

.btn.green-white:hover {
  color: #FFF;
  background: #00a0dd;
}

.btn.white-green {
  color: #3aae2a;
  background: #FFF;
  width: auto;
}

.btn.white-green a {
  color: #3aae2a;
}

.btn.blue-grey {
  color: #FFF;
  background: #00a0dd;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
  width: auto !important;
}

.btn.blue-grey a {
  color: #FFF;
}

.btn.white-grad-carousel {
  color: #00a0dd;
  background: #FFF;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
}

.btn.white-grad {
  color: #00a0dd;
  background: #FFF;
  padding-top: 14px;
  padding-bottom: 12px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
  width:auto;
}

.btn.white-grad a {
  color: #00a0dd;
}

.btn.blue-white {
  color: #FFF;
  background: #00a0dd;
  padding-top: 14px;
  padding-bottom: 12px !important;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
  width:auto !important;
}

.btn.blue-white:hover {
  color: #FFF;
  background: #3aae2a;
}

.btn.blue-white.next {
  float: right;
}

.btn.blue-white.previous {
  float: left;
}

.btn.blue-white a {
  color: #FFF;
}

.btn.white-blue {
  color: #00a0dd !important;
  background: #FFFFFF;
  padding-top: 14px;
  padding-bottom: 12px !important;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
  width:auto !important;
}

.btn.white-blue a {
  color: #00a0dd;
}

/*-------*/



.full-width {
  position: relative;
  overflow: hidden;
  top: 0;
  z-index: 100;
}

.grouptwo-content {
  position: relative;
}


/*--Feature panel one - style with angled image ---*/


.full-width.feature-one {
  height: 600px;
}

.overlap, .overlap__image {
  pointer-events: none;
}

.feature-one .overlap {
  position: absolute;
  right: 0%;
  top: 270px;
  width: 100%;
}

.feature-one .overlap__image {
  height: 250px;
  width: auto;
}

.feature-one .feature__text {
  top: 25px;
  width: 90%;
  position: absolute;
}

.feature-one .feature__text h3 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-weight: 200;
  color: #00a0dd;
  width: 100%;
}

.feature-one .feature__text p {
  line-height: 1.5em;
  font-weight: 200;
  width: 100%;
}


/*---------*/


/*--Feature panel two - Left aligned image ---*/

.full-width.feature-two {
  height: auto;
  margin-top: 12px;
  margin-bottom: 12px;
}

.feature-two .overlap {
  left: 0%;
  width: 100%;
  margin-bottom: 16px;
}

.feature-two .overlap__image {
  height: auto;
  width: 100%;
  right: 0;
}

.feature-two .feature__text {
  width: 92%;
  top: 0px;
}

.feature-two .feature__text h3 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-weight: 200;
  color: #00a0dd;
  width: 100%;
  padding-bottom: 0.3em;
}

.feature-two .feature__text p {
  line-height: 1.5em;
  font-weight: 200;
  width: 100%;
  padding-bottom: 0.1em;
}


/*---------*/


/*--Feature panel three - Right aligned image ---*/

.full-width.feature-three {
  height: auto;
  margin-top: 30px;
  margin-bottom: 12px;
}

.carousel_container .full-width.feature-three {
  margin-top: 0px;
}

.feature-three .overlap {
  left: 0%;
  width: auto;
}

.feature-three .overlap__image {
  height: auto;
  width: 100%;
}

.feature-three .feature__text {
  top: 0px;
  padding-bottom: 10px;
}

.feature-three .feature__text h3 {
  font-size: 2.4em;
  line-height: 1.2em;
  font-weight: 500;
  color: #00a0dd;
  width: 100%;
  padding-bottom: 0.75em;
  text-align: left;
}

.feature-three .feature__text p {
  line-height: 1.5em;
  font-weight: 200;
  width: 100%;
  padding-bottom: 0.1em;
}


/*---------*/


/*--Feature panel four - style with angled image ---*/


.full-width.feature-four {
  padding-top: 30px;
  margin-bottom: 3em;
}

.feature-four .overlap {
  width: 100%;
}

.feature-four .overlap__image {
  width: 100%;
}

.feature-four .feature__text {
  top: 0px;
}

.feature-four .feature__text h3 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-weight: 200;
  color: #FFF;
  width: 100%;
}

.feature-four .feature__text p {
  font-size: 1.15em;
  line-height: 1.5em;
  font-weight: 200;
  width: 100%;
  color: #FFF;
}


/*---------*/


/*--Feature panel five - Left aligned image ---*/

.full-width.feature-five {
  width:100%;
  padding-bottom:20px;
}


.feature-five .overlap {
  left: 0%;
  width: 100%;
}

.feature-five .overlap__image {
  height: auto;
  width: 100%;
  right: 0;
}

.feature-five .feature__text {
  padding-top: 12px;
  left: 0%;
  width: 100%;
}

.feature-five .feature__image {
  left: 0%;
  width: 100%;
}

.feature-five .feature__text h3 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-weight: 200;
  color: #00a0dd;
  width: 100%;
  padding-bottom: 0.3em;
}

.feature-five .feature__text p {
  font-size: 1.15em;
  line-height: 1.5em;
  font-weight: 200;
  width: 100%;
  padding-bottom: 0.1em;
}

@media screen and (min-width: 50em) {
  
  .feature-five {
    display:block;
    float:left;
    margin-bottom: 12px;
  }
  
  .feature-five .feature__text {
    padding-top: 32px;
    left: 19%;
    width: 26%;
  }
  
  .feature-five .feature__image {
    left: 18%;
    width: 40%;
  }
  
  .groupfour-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 23.68421%;
    margin-left: 1.75439%;
  
  }
  .groupfour-content:last-child {
    margin-right: 0;
  }
  
}







/*--Feature panel five - Left aligned image ---*/

.full-width.feature-six {
  width:100%;
  padding-bottom:20px;
}


.feature-six .overlap {
  left: 0%;
  width: 100%;
}

.feature-six .overlap__image {
  height: auto;
  width: 100%;
  right: 0;
}

.feature-six .feature__text {
  padding-top: 12px;
  left: 0%;
  width: 100%;
}

.feature-six .feature__image {
  left: 0%;
  width: 100%;
}

.feature-six .feature__text h3 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-weight: 200;
  color: #00a0dd;
  width: 100%;
  padding-bottom: 0.3em;
}

.feature-six .feature__text p {
  font-size: 1.15em;
  line-height: 1.5em;
  font-weight: 200;
  width: 100%;
  padding-bottom: 0.1em;
}

@media screen and (min-width: 50em) {
  
  .feature-six {
    display:block;
    float:left;
    margin-bottom: 12px;
  }
  
  .feature-six .feature__text {
    padding-top: 0;
    left: 0%;
    width: 50%;
    padding-right:24px;
  }
  
  .feature-six .feature__image {
    left: 0%;
    width: 50%;
    margin-left: 0;
  }
  
  .feature-six .grouptwo {
  	width: 100%;
  	margin: 0;
  }
  
  .groupfour-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 23.68421%;
    margin-left: 1.75439%;
  
  }
  .groupfour-content:last-child {
    margin-right: 0;
  }
  
}



@media screen and (max-width: 50em) {
  
  .groupfour-content {
    display: block;
    float: left;
    margin-right: 0%;
    width: 50%;
    margin-left: 0%;
  
  }
  .groupfour-content:last-child {
    margin-right: 0;
  }
  
}

@media screen and (max-width: 26em) {
  
  .groupfour-content {
    width: 100%;
    margin-left: 0%;
  }
  
}

/*---------*/


.padding-top {
  margin-top: 12px;
}

.padding-top-2em {
  margin-top: 2em;
}


.padding-top-3em {
  margin-top: 3em;
}

.padding-top-4em {
  margin-top: 4em;
}

.padding-top-5em {
  margin-top: 5em;
}

.padding-top-6em {
  margin-top: 6em;
}

.padding-top-7em {
  margin-top: 7em;
}

.padding-top-8em {
  margin-top: 8em;
}

.padding-top-9em {
  margin-top: 9em;
}

.quotation {
  background: #f6f6f6;
  text-align: centre;
  padding-top: 40px;
  padding-bottom: 40px;
}

.quotation h3 {
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: 200;
  color: #3aae2a;
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
  padding-bottom: 12px;
}

.quotation p {
  font-size: 0.9em;
  line-height: 1.5em;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 0px;
}

.announcement {
  background: #f6f6f6;
  text-align: centre;
  padding-top: 40px;
  padding-bottom: 40px;
}

.announcement h4 {
  font-size: 1.6em;
  line-height: 1.2em;
  font-weight: 200;
  color: #3aae2a;
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  text-align: center;
  padding-bottom: 24px;
}

.announcement p {
  font-size: 1.0em;
  line-height: 1.7em;
  font-weight: 300;
  text-align: center;
  padding: 0 0 12px 0;
}

div.sub-navigation ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  text-transform: uppercase;
  list-style: none;
}

div.sub-navigation ul li {
  margin: 0 0 0 0;
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #00a0dd;
  font-size: 0.9em;
}

div.sub-navigation ul li a {
  text-decoration: none;
}

div.content {
  margin: 0 0 0 0;
  padding: 0 0 0 3em;
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
}

div.content h1 {
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
  font-weight: 200;
  color: #00a0dd;
  font-size: 1.7em;
}

div.content p {
  font-family:'Museo Sans W01',helvetica,arial,sans-serif;
   font-weight: 200;
}

.m-contact-map {
  margin-bottom: 2em;
  margin-top: 1em;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-responsive {
    width: 100%;
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}

.form tr td {
  font-family: 'Museo Sans W01',helvetica,arial,sans-serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 1.4em;
  padding-bottom: 8px !important;
}

.form tr td label {
  padding-bottom: 5px !important;
  font-family: 'Museo Sans W01',helvetica,arial,sans-serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 1.4em;
  width: 87%;
  display: block;
  float: right;
  padding-top: 1px;
}

.form tr td input, .form tr td textarea {
  width: 98% !important;
  padding: 0.4em;
  display: block;
  float: left;
  /*margin-left: 8px;*/
}

.form tr td select {
  /*margin-left: 8px;*/
}

.form tr td input.CheckboxStyle {
  width: 7% !important;
  padding: 0 0 0 12px !important;
  margin-right: 0 !important;
}

.form input[type="button"] {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 34px;
  margin-left: 0px;
  margin-right: 12px;
  border-radius: 20px 0 0 20px;
  background: #00a0dd;
  background-image: url(../../res/img/buttons/btn-white-slug.png);
  background-position: right top;
  background-repeat: no-repeat;
  width: auto !important;
  color: #FFF;
  font-size: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}

p span {
color: #00a0dd;
}

.map-background {
  background: #ebf8fd;
  width: 100%;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.map .generalcontent h2 {
padding-bottom: 0px;
}

.map-results {
margin-top: 2em;
}

sup {
  font-size: 0.4em;
  top: -1em;
}

.standard {
  width: 100%;
  display: block;
  float: left;
  margin-top: 12px;
  margin-bottom:0px;
}

.standard ul {
  list-style: none;
  padding: 0 0 1.23077em 0;
  margin: 0;
}

.standard ul li {
  font-weight: 200;
  line-height: 1.45em;
  padding-bottom: 0.31538em;
  padding-left: 0em;
  text-indent: -1.1em;
}

.standard ul li::before {
  content: "•";
  padding-right:10px;
  color: #00a0dd;
}

.standard h2 {
  color: #00a0dd;
  font-size: 1.8em;
  font-weight: 200;
  line-height: 1.2em;
}

.standard h3 {
  color: #00a0dd;
  font-size: 1.6em !important;
  font-weight: 200;
  line-height: 1.2em;
  text-align:left;
}

.smheading h3 {
  font-size: 1.35em !important;
}

.standard .grouptwo {
    width: 100%;
    margin-left: 0;
}

.standard .text-left {
    width: 95%;
    margin-left: 5%;
}

.standard .text-right {
    width: 95%;
    margin-right: 5%;
}

.standard img {
    display: block;
    max-width: 100%;
    height: auto;
}

.standard .l-group-content {
  margin-bottom: 2em;
}

@media screen and (min-width: 20em) {
  
  footer[role="contentinfo"] .salts-logo img {
    padding-top: 32px;
    width: 60%;
    float: left;
  }
  
  footer[role="contentinfo"] .salts-logo p {clear: both;
    text-align: left;
  }
  
  div.content {
    padding: 0 0 0 0;
  }
  
  .full-width.feature-two {
    display: inline-block;
  }
  
  .full-width.feature-three {
    display: inline-block;
  }
  
  .padding-top-5em {
    margin-top: 2em;
  }
  
  h2 {
    font-size: 1.8em;
  }
  
  h3 {
    font-size: 1.8em;
  }
  
  footer[role="contentinfo"]  h3 {
    padding-bottom: 4px;
    font-size: 1.4em !important;

  }
  
  footer[role="contentinfo"] .btn {
    margin-top: -6px;
    margin-bottom: 25px;
  }
  
  .standard .text-left {
    width: 100%;
    margin-left: 0%;
  }
  
  .full-width.feature-one {
    height: 515px;
    clear: both;
  }
  
  .full-width.feature-four {
    margin-bottom: 3em;
  }
  
  .feature-one .feature__text {
    width: 92%;
  }
  
  .feature-one .overlap {
    top: 350px;
    left: 0px;
  }
  
  .feature-four .overlap {
  }
  
  .feature-four .feature__text {
    width: 100%;
  }
  
  .feature-one .overlap__image {
    height: 165px;
  }
  
  .feature-four .overlap__image {
  }
}

@media screen and (min-width: 22em) {
  
  .padding-top-5em {
    margin-top: 2em;
  }
  
  h2 {
    font-size: 1.8em;
  }
  
  h3 {
    font-size: 1.8em;
  }
  
  footer[role="contentinfo"]  h3 {
    padding-bottom: 4px;
    font-size: 1.4em !important;

  }
  
  footer[role="contentinfo"] .btn {
    margin-top: -6px;
    margin-bottom: 25px;
  }
  
  .full-width.feature-one {
    height: 515px;
  }
  
  .full-width.feature-four {
  }
  
  .feature-one .overlap {
    top: 290px;
    left: 0px;
  }
  
  .feature-four .overlap {
  }
  
  .feature-four .feature__text {
  }
  
  .feature-one .overlap__image {
    height: 225px;
  }
  
  .feature-four .overlap__image {
  }
}

@media screen and (min-width: 27em) {
  
  footer[role="contentinfo"] .salts-logo img {
    padding-top: 0px;
    width: 60%;
    float: left;
  }
  
  footer[role="contentinfo"] .salts-logo p {clear: both;
    text-align: right;
  }
  
  .mean-nav .btn {
    font-size: 0.75em;
  }
  
  .full-width.feature-one {
    height: 525px;
  }
  
  .full-width.feature-four {
  }
  
  .feature-four .feature__text {
  }
  
  .feature-one .overlap {
    top: 250px;
    left: 0px;
    pointer-events: none;
  }
  
  .feature-four .overlap {
  }
  
  .feature-one .overlap__image {
    height: 275px;
  }
  
  .feature-four .overlap__image {
  }
 
  .form tr td label {
    font-size: 15px;
    width: 90%;
  }
  
  .form tr td input, .form tr td textarea {
    width: 100% !important;
  }
  
  .form tr td input.CheckboxStyle {
    width: 6% !important;
  }
}

@media screen and (min-width: 30em) {
  h2 {
    font-size: 1.7em;
  }
  
  h3 {
    font-size: 1.7em;
  }
  
  footer[role="contentinfo"]  h3 {
    padding-bottom: 6px;
    font-size: 1.6em !important;

  }
  
  footer[role="contentinfo"] .btn {
    margin-top: -6px;
    margin-bottom: 25px;
  }
  
  .full-width.feature-one {
    height: 535px;
  }
  
  .full-width.feature-four {
  }
  
  .feature-four .feature__text {
  }
  
  .feature-one .overlap {
    top: 250px;
    left: 0px;
  }
  
  .feature-four .overlap {
  }
  
  .feature-one .overlap__image {
    height: 285px;
  }
  
  .feature-four .overlap__image {
  }
  
  .grouptwo {
    width: 92.5%;
    margin-left: 3.75%;
  }
}

@media screen and (min-width: 35em) {
  
  .carousel p {
    padding-left: 20%;
    padding-right: 20%;
  }
  
  .full-width.feature-one {
    height: 555px;
  }
  
  .full-width.feature-four {
  }
   
  .feature-one .overlap {
    top: 230px;
    left: 0px;
  }
  
  .feature-four .overlap {
    left: 0px;
  }
  
  .feature-one .overlap__image {
    height: 325px;
  }
  
  .feature-four .overlap__image {
  }

  .form tr td {
    font-size: 15px;
  }
  
  .form tr td label {
    width: 92%;
  }
  
  .form tr td input.CheckboxStyle {
    width: 4% !important;
  }
}

@media screen and (min-width: 40em) {
  
  .full-width.feature-one {
    height: 555px;
  }
  
  .full-width.feature-four {
  }
   
  .feature-one .overlap {
    top: 230px;
    left: 0px;
  }
  
  .feature-four .overlap {
  }
  
  .feature-one .overlap__image {
    height: 325px;
  }
  
  .feature-four .overlap__image {
  }
}

@media screen and (min-width: 43em) {
  
  .full-width.feature-one {
    height: 555px;
  }
  
  .full-width.feature-four {
  }
   
  .feature-one .overlap {
    top: 230px;
    left: 0px;
  }
  
  .feature-four .overlap {
  }
  
  .feature-one .overlap__image {
    height: 325px;
  }
  
  .feature-four .overlap__image {
  }
}

@media screen and (min-width: 45em) {
  
  .full-width.feature-one {
    height: 630px;
  }
  
  .full-width.feature-four {
  }
  
  .feature-one .overlap {
    top: 210px;
    left: 0px;
  }
  
  .feature-one .feature__text {
    width: 94%;
  }
  
  .feature-four .overlap {
  }
  
  .feature-one .overlap__image {
    height: 420px;
  }
  
  .feature-four .overlap__image {
  }
  
  .quotation h3 {
    font-size: 1.8em;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
  
  .quotation p {
    font-size: 1.0em;
  }
  
  footer[role="contentinfo"] .groupthree {
  	margin-bottom: 3em;
  }
}


@media screen and (min-width: 50em) {
  
  div.sub-navigation ul {
    padding: 0 1.5em 0 0;
  }
  
  .standard {
    margin-bottom: 12px;
  }
  
  .standard .text-left {
    width: 95%;
    margin-left: 5%;
  }
  
  .padding-top-5em {
    margin-top: 4em;
  }
  
  .full-width.feature-two {
    display: block;
  }
  
  .full-width.feature-three {
    display: block;
  }
  
  .full-width.feature-one {
    height: 630px;
  }
  
  .full-width.feature-four {
  }
  
  .feature-one .overlap {
    top: 178px;
    left: 0px;
  }
  
  .feature-four .overlap {
  }
  
  .feature-one .overlap__image  {
    height: 452px;
  }
  
  .feature-four .overlap__image  {
  }
  
  .standard .l-group-content {
    margin-bottom: 0em;
  }
  
  /*--Feature panel two - Left aligned image ---*/
  
  .full-width.feature-two {
    height: 500px;
    padding-top: 0px;
  }
  
  .feature-two .overlap {
    position: absolute;
    left: -23%;
    width: 173%;
  }
  
  .feature-two .overlap__image {
    height: 500px;
    width: auto;
    position: absolute;
    right: 0;
  }
  
  .feature-two .feature__text {
    top: 40px;
  }
  
  .feature-two .feature__text {
    width: 23%;
    left: 25%;
  }
  
  .feature-two .feature__text h3 {
    font-size: 2.3em;
    line-height: 1.2em;
    font-weight: 200;
    color: #00a0dd;
    width: 100%;
  }
  
  .feature-two .feature__text p {
    line-height: 1.5em;
    font-weight: 200;
    width: 100%;
  }
  
  /*--Feature panel three - Right aligned image ---*/
  
  .full-width.feature-three {
    height: auto;
    padding-top: 0px;
  }
  
  .feature-three .overlap {
    position: absolute;
    left: 0%;
    width: 173%;
  }
  
  .feature-three .overlap__image {
    width: 100%;
  }
  
  .feature-three .feature__text {
    top: 40px;
  }
  
  .feature-three.right .feature__text {
    width: 33%;
    padding-right:5%;
  }
  
  .feature-three.left .feature__text {
    width: 33%;
    padding-left:3%;
  }
  
  .feature-three .feature__text p {
    line-height: 1.5em;
    font-weight: 200;
    width: 100%;
    padding-bottom: 30px;
    color:#5b6270;
  }
  
  .feature-three.left.carousel-content .feature__image {
    width: 60%;
    margin-left: 0%;
  }
  
  .feature-three.left.carousel-content .feature__text {
    width: 40%;
    padding-left:4%;
    padding-right:4%;
  }
  
  .feature-three.left.carousel-content .feature__text h3 {
    color:#FFFFFF;
  }
  
  .feature-three.left.carousel-content .feature__text p {
    color:#FFFFFF;
  }
  
  footer[role="contentinfo"] .groupthree {
  	margin-bottom: 0em;
  }
  
  footer[role="contentinfo"] .legal p {
    font-weight: 200;
    text-align: right;
    padding-top: 18px;
    width: 100%;
  }
  
  .imageRight .grouptwo-content {
    margin-left: 0;
    padding: 0;
  }
  
  .imageRight .image {
    float: right !important;
    margin-left: 0;
    padding: 0;
  }
  
  .imageRight .text {
    float: left;
    margin-left: 0;
    padding: 0;
  }
  
  .imageRight .text-left {
    margin-left: 0;
    padding: 0;
  }
  
  .grouptwo {
    width: 100%;
    margin-left: 0%;
  }
  
  .grouptwo-content {
    width: auto;
  }
     
  .announcement p {
    padding: 0 130px 12px 130px;
  }
}

@media screen and (min-width: 55em) {
  
  .padding-top-5em {
    margin-top: 5em;
  }
  
  li {
    font-size: 1.0em;
  }
  
  .btn {
    margin-bottom: 0em;
  }
  
  .navigation {
    text-align: right;
    margin-bottom: 0px;
  }
  
  .navigation-top {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
  .navigation-top li {
    border-top: none;
    clear: none;
    float: left;
  }
  .status-items {
    /*padding-left: 55px;*/
  }
  
  .logo a, .logo img {
  	margin: 0 0;
  }
  
  .carousel h2, .carousel h3 {
    margin-left: 10%;
    margin-right: 10%;
    font-size: 2.4em !important;
    text-align:center;
  }
  
  .carousel_container {
    padding: 0px 0px 40px 0px !important;
  }
  
  .carousel_container.narrow {
    padding: 55px 0px 25px 0px !important;
  }
  
  .carousel p {
    padding-left: 20%;
    padding-right: 20%;
  }
  
  .full-width.feature-one {
    height: 665px;
  }
  
  .full-width.feature-four {
    width: 100%;
    overflow: hidden;
  }

  .grouptwo-content {
    width: 48.214%;
    margin-left: 0%;
  }
  
  .grouptwo-content.feature__image {
    width: 67%;
    margin-left: 0%;
  }
  
  .feature-one .feature__text {
    top: 30px;
    width: 100%;
  }
  
  .feature-four .feature__text {
    width: 45%;
  }
  
  .feature-one .feature__text p {
    top: 30px;
    width: 95%;
  }
  
  .feature-four .feature__text p {
    top: 30px;
    width: 80%;
  }
  
  .feature-one .overlap {
    left: 0%;
    width: 100%;
  }
  
  .feature-four .overlap {
    left: -225px;
    position: relative;
  }
  
  .feature-one .overlap__image {
    height: 490px;
    width: auto;
  }
  
  .feature-four .overlap__image {
    width: auto;
  }
}

@media screen and (min-width: 60em) {
  .navigation-top li {
  }
  
  .full-width.feature-one {
    height: 500px;
  }
  
  .full-width.feature-four {
  }
  
  .feature-one .feature__text {
    top: 35px;
    width: 40%;
  }
  
  .feature-four .feature__text {
    width: 40%;
  }
  
  .feature-one .overlap {
    left: 42%;
    top: 0;
    width: 100%;
  }
  
  .feature-four .overlap {
  }
  
  .feature-four .overlap__image
  
  .form tr td {
    font-size: 14px;
  }
  
  .form tr td label {
    font-size: 14px;
  }
  
}

@media screen and (min-width: 65em) {
  .navigation-top li {
  }
  
  .feature-one .feature__text {
    top: 35px;
    width: 43%;
  }
  
  .feature-four .feature__text {
    width: 43%;
  }
}

@media screen and (min-width: 70em) {
  
  .feature-one .feature__text {
    top: 35px;
    width: 23%;
  }
  
  .feature-four .feature__text {
    width: 28%;
  }
}

.subscription-form input#cm-privacy-consent {
    font-size: 1.1em;
    background: white;
    float: left;
    margin-top: 6px !important;
}

.subscription-form label {
    float: left;
}

.navigation-top li.active a p {
  color: #3aae2a;
  border-bottom: 3px solid #3aae2a;
}

.sub-navigation li a.activeitem {
  color: #3aae2a;
}

.development-notification {
    background: #3aae2a;
    width: 100%;
    padding: 4px;
    text-align: center;
    overflow: auto;
}

.development-notification p {
    padding: 0;
    margin: 0;
    color: white;
    font-weight: 200;
    font-size: 0.9em;
}

ul.dropdown-menu {
  width: 280px;
  text-align: left;
  clear: both;
  position: absolute;
  border-radius: 0 0 8px 8px;
  background: #EEE;
  border-top: 3px solid #3aae2a;
  z-index:1020;
}

ul.dropdown-menu li {
  margin-left: 0px;
  padding-left: 0px;
  width: 100%;
  display:block;
  float:left;
  margin-top: 2px;
  margin-bottom: 2px;
}

.navigation-top ul.dropdown-menu li a p {
  border: none;
  color: #5b6270;
}

.navigation-top ul.dropdown-menu li.active a p {
  color: white;
}

.navigation-top ul.dropdown-menu li.active a {
  border: none;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  width: 100%;
  background-color: #01a7e8 !important;
  display: block;
  float: left;
  margin-bottom:0;
  padding: 13px 0 8px 30px;
  color: white;
}

.dropdown-menu a:hover, .dropdown-menu a:focus {
  width: 100%;
  display: block;
  float: left;
  margin-bottom:0;
  padding-bottom:0;
}


.dropdown-menu.animated::before {
  pointer-events: none;
}

.mean-container .mean-bar {
  background: #FFF;
}

.mean-container a.meanmenu-reveal {
  color: #00a0dd;
}

.mean-container a.meanmenu-reveal span {
  background: #00a0dd;
  pointer-events:none;
}

.enquiries-email {
  display: none;
  visibility: hidden;
}

.logo.mobile {
  display: none;
  visibility; hidden;
}

.mean-container .mean-bar {
  z-index: 888888 !important;
}

@media screen and (max-width: 990px) {
  
  header[role="banner"] .l-content {
    padding-left: 5px;
    padding-right: 11px;
  }
  
  .toggle .navigation {
    display: none;
    visibility: hidden;
  }
  
  .status {
  margin-bottom: 0px;
  }
  
  .status-item span.enquiries-email {
    display: block;
    visibility: visible;
    font-weight: normal;
    font-size: 1.3em;
    text-transform: none;
    width: auto;
    font-weight: 200;
    float: right;
    position: relative;
    top: -1px;
  }
  
  .status-item span.freephone {
    font-weight: normal;
    font-size: 1.3em;
    text-transform: none;
    width: auto;
    font-weight: 200;
    float: left;
    position: relative;
    top: -1px;

  }
  
  .logo.mobile {
    display: block;
    visibility; visible;
    z-index: 999999;
    position: absolute;
    top: 6px;
    left: 5%;
    width: 70%;
  }
  
  .logo a, .logo img {
    height: 3.08rem;
    width: 12.0rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}

@media screen and (max-width: 590px) {
  
  .status-item span.enquiries-email {
    font-size: 1.2em;
  }
  
  .status-item span.freephone {
    font-size: 1.2em;
  }
  
}

@media screen and (max-width: 490px) {
  
  .status-item {
    text-align:center;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  
  .status-items {
    padding-top: 6px;
    padding-bottom: 3px;
  }
  
  .status-item span.enquiries-email {
    display: inline;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align:center;
    width: auto;
    float: none;
  }
  
  .status-item span.enquiries-email strong {
    display: none;
    visibility: hidden;
  }
  
  .status-item span.enquiries-email IMG {
    display: inline;
    visibility: visible;
    width: 44px;
    height: 44px;
    text-align:center;
    margin-left: 5px;
  }
  
  .status-item span.freephone {
    display: inline;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align:center;
    width: auto;
    float: none;
    margin-right: 5px;
  }
  
  .status-item span.freephone strong {
    display: none;
    visibility: hidden;
  }
  
  .status-item span.freephone IMG {
    display: inline;
    visibility: visible;
    width: 44px;
    height: 44px;
    text-align:center;
  }
}

#frmManageMembership p a {
  padding-right: 30px;
}

blockquote p {
    font-size: 1em;
    font-weight: 200;
    line-height: 1.45em;
}

.blog {
  padding-bottom: 32px !important;
  display:flex;
  position: relative;
}

.blog img {
  margin-bottom: 24px;
  margin-top: 32px;
}

.blog h2 {
  height: 170px;
  font-size: calc(1em + 1.5vw) !important;
}

.blog h2 a {
  color: #3aae2a;
  font-weight: 200;
}

.blog .info p {
	font-size: 0.8em;
}

.blog .btn {
    margin-top: 6px;
}

.blog-post img {
  margin-bottom: 24px;
  margin-top: 32px;
}

.blog-post h2 {
  font-size: 2.4em;
  color: #3aae2a;
  font-weight: 200;
  margin-top: 1.6em;
}

.ordering-methods {
  margin-top: 2em;
}

.ordering-methods h2 {
  font-size: 2.3em;
  line-height: 1.2em;
  font-weight: 200;
  color: #00a0dd;
  width: 100%;
  text-align:center;

}

.ordering-methods img {
  padding-right: 34px;
  padding-left: 34px;
  width: 100%;
}

.ordering-methods .btn {
  margin-right: 0px;
  margin-top: 10px;
  margin-bottom: 1.5em;
}

.blog-post .single {
  width: 60.71429%;
  margin-left: 19.14286%;
}

@media screen and (max-width: 700px) {
  .blog-post .single {
    width: 95.71429%;
    margin-left: 2.14286%;
  }
}

.card {
  width: 100%;
  border-bottom: 1px solid #CCC;
  padding: 12px 0px 12px 0px !important;
  background-image: url("/Files/Images/FAQs/Medilink Graphic Symbols-02.png") !important;
  background-position: right 0px top 9px;
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: 30px 30px;
}

.card.collapsed {
  background-image: url("/Files/Images/FAQs/Medilink Graphic Symbols-01.png") !important;
}

.card .card-body {
  font-size: 0.90em;
  padding-top: 8px;
  padding-right: 40px;
}

.card .card-body p {
  padding-bottom:0px;
}

.accordion {
  width: 100%;
  border-top: 1px solid #CCC;
  margin-bottom: 2em;
}

.accordion ul {
  padding: 0 0 0 0;
}

.accordion h4 {
  color: #5b6270;
  padding-bottom: 0.3em;
  padding-top: 0.8em;
  font-size: 1.2em;
}


.card .btn, .card .btn p {
  padding: 0px;
  margin: 0px;
  font-size: 0.6em;
  font-weight: 300;
  white-space: normal;
  text-align: left;
}

.card-header {
  width: 80%;
}

.postcode_search {
  background: #f6f6f6;
  padding: 8px 12px 10px 12px;
  width: 100%;
  display: block;
  float: left;
}

.postcode_search INPUT {
  width:auto;
  border-radius: 20px;
}

.postcode_search .btn {
  margin:0px;
  padding-top: 7px;
  padding-bottom: 6px;
  padding-left: 34px;
  padding-right: 53px;
  font-size: 1.0em;
}

.m-attractor-small-group {
	margin-top:0;
}

.m-attractor-small-group .attractorCopy p {
  display:block;
  float:left;
  width:100%;
  padding-top: 16px;
  padding-bottom: 16px;
}

div.sub-navigation ul.M2 {
  margin-top:12px;
  margin-left:12px;
}

div.sub-navigation ul.M2 li {
  border-bottom:none;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 0px 0px;
}

div.sub-navigation ul.M3 {
  margin-top:8px;
  margin-left:12px;
}

.nurse-details {
  background:#f6f6f6;
  display:block;
  float:left;
  width:100%;
  padding: 24px 28px 0px 28px;
}

.nurse-details .nurses-visual {
  width: 100%;
}

.nurses-info h4 {
  font-size: 1em;
  color: #3aae2a !important;
  font-weight:300;
}

.nurses-info dt, .nurses-info h4 {
  font-weight:300;
}

.carousel {
  position: relative;
  text-align: center;
}

.downloads h3 {
  text-align:center;
  color:#FFFFFF;
  font-size: 1.25em !important;
}

.downloads .download {
  padding: 0.8em 0.8em 1.3em 0.8em;
  margin-bottom: 22px;
}

.download .btn-holder {
  width: 100%;
  text-align:center;
}

.download .btn-holder .btn {
  margin: 0px auto 0px auto;
  display: inline-block;
  padding-right: 26px;
}

.download .btn-holder .btn a {
  font-size: 1.2em;
}

.downloads h3::after {
  content: "";
  display: block;
  background: #FFFFFF;
  width: 50px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
}

.accordion h2 {
  color: #00a0dd;
  font-size: 1.1em;
  font-weight: 200;
  line-height: 1.2em;
  padding-bottom: 0;
}

.m-attractor-small-group.one-em-padding-top {
  margin-top: 1em;
}

.enquiries-email img {
  display: none;
  visibility: hidden;
}

.uppercase {
  text-transform: uppercase;
}

.white {
  color: white;
}

.white:HOVER {
  color: white;
}

.placeholder-search .btn {
  margin: 0px;
  font-size: 0.9em;
}

.placeholder-search BUTTON {
  padding: 0px;
}

.placeholder-search h4, .searchwidget h4, .my-account h4 {
  color: #3aae2a;
  font-weight: 300;
  clear: both;
  font-size: 1.1em;
}

.searchwidget h4 a {
  font-size: 1.1em;
  font-weight: 500;
}

h2#FilterHeading{
  color: #3aae2a;
  font-size: 1.5em;
  line-height: 1.5em;
  padding-bottom: 0.6em;
  font-weight: 500;
}

h2#FilterHeading span {
  color: #00a0dd;
}

h4#FilterHeading{
  color: #3aae2a;
}

.logo-holder {
  width: 100%;
  overflow: visible;
}

.logo-holder ul.social {
  width: auto !important;
  float:left;
}

.logo-holder .logos {
  width: 100%;
  float: left;
  margin-top: 25px;
}

footer[role="contentinfo"] .salts-logo {
  width: auto;
  float: left;
  display:block;
  overflow: auto;
}

footer[role="contentinfo"] .salts-logo p {
    clear: both;
    text-align: right;
    font-size: 0.65em;
    margin-top: 14px;
}

footer[role="contentinfo"] .logo-bhta {
  width: auto;
  float: left;
  margin-right: 35px;
  display:block;
  overflow: auto;
  margin-top: 34px;
}

footer[role="contentinfo"] .logo-bhta {
  position: relative;
  padding-bottom: 28.4%;
  height: auto;
  overflow: visible;
  float: left;
  width: 220px;
  margin-bottom: -48px;
}

@media screen and (min-width: 820px) {
  .logo-holder .logos {
    margin-top: 0px !important;
  }
  
  .logo-holder .logos {
    width: auto;
    float: right;
    margin-top: 25px;
  }
  footer[role="contentinfo"] .logo-bhta {
    padding-bottom: 37.4%;
  }
  footer[role="contentinfo"] .salts-logo {
    margin-top: 0px;
  }
}

@media screen and (max-width: 480px) {
  footer[role="contentinfo"] .salts-logo {
    margin-top: 25px;
  }
}

@media screen and (max-width: 980px) {
  .HideOnMobile {
    background-image:none!important;
  }
}

.row__equal-height {
  display: block;
  width: auto;
  display: flex;
  position: relative;
}

.blog-button {
    position:absolute;
    bottom: 12px;
    width: auto;
    margin-bottom: 0px;
    margin-top: 16px;
}

.blog-button .btn {
    margin-bottom: 0px;
}

@media screen and (min-width: 300px) {
  .blog-button {
    position:relative;
  }
  .blog h2 {
    height: 100px;
    font-size: calc(1em + 1.5vw) !important;
  }
}

@media screen and (min-width: 480px) {
  .blog-button {
    position:relative;
  }
  .blog h2 {
    height: 130px;
    font-size: calc(1em + 1.5vw) !important;
  }
}

.pagination-button a {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  font-family: 'Museo Slab W01';
  text-decoration: none !important;
  text-transform: uppercase;
  background: #00a0dd;
}

.pagination-button:hover a {
  color: #fff;
  background: #3aae2a;
  text-decoration: none;
}

@media screen and (min-width: 800px) {
  .blog-button {
    position:absolute;
  }
  .blog h2 {
    height: 170px;
    font-size: calc(1em + 1.5vw) !important;
  }
}

@media screen and (min-width: 960px) {
  .blog-button {
    position:absolute;
  }
  .blog h2 {
    height: 85px;
    font-size: 1.8em !important;
  }
}

.cookieWarningSecondaryButtons {
  display:block;
  float:left;
  text-align: left;
  width:100%;
  padding-bottom: 12px;
}

.cookieWarningSecondaryButtons .button {
  display: inline-block;
  color: white;
  border: none;
  text-decoration: none;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
  user-select: none;
  text-transform: uppercase;
}
  
.cookieWarningSecondaryButtons .button.blue {
  background-color: #00a0dd;
}

.cookieWarningSecondaryButtons .button.green {
  background-color: #3aae2a;
}

.acceptAll:hover, .acceptAll:active {
  background: #3aae2a;
}

.m-column-two.cookieButtons {
    padding-bottom: 0px;
    padding-top: 0px;
}

.register-panel {
  position: relative;
  width: 100vw;
  z-index: 1000;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.lookup-btn INPUT {
  color: #FFF;
  background:#3aae2a;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  margin-left: 0px;
  margin-right: 8px;
  border-radius: 20px 20px 20px 20px;
  font-family: 'Museo Sans W01',helvetica,arial,sans-serif;
}

p.title {
  color: #FFF;
  background: #00a0dd;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
  padding-top: 14px;
  padding-bottom: 12px !important;
  padding-left: 18px;
  padding-right: 20px;
  background-position: right top;
  background-repeat: no-repeat;
  border-radius: 28px 28px 28px 28px;
  width: auto !important;
  margin-bottom: 0em;
  margin-top: -25px;
  z-index: 100 !important;
  position: relative;
  text-align: center;
  width: 200px !important;
  margin: -25px auto 30px auto;
}

p.title:hover {
  color: #FFF;
  background: #3aae2a;
}

.option-visual a:hover {
  text-decoration: none;
}

ul#topnavigation li:nth-child(5) ul {
  display: none;
  visibility:hidden;
}

.m-footer-address span.tel, .m-footer-address span.email {
    width: 100%;
}

span.tel, span.email {
    overflow: auto;
    display: block;
    float: left;
    margin-bottom: 20px !important;
}

.m-footer-address img {
    width: 25px;
    float: left;
}

.m-footer-address span.tel p, .m-footer-address span.email p, .m-footer-address span.org p, .m-footer-address span.street-address p, .m-footer-address span.locality p, .m-footer-address span.postal-code p, .m-footer-address span.country-name p {
    width: 88%;
    float: right;
  padding-bottom: 4px;
}

.grouptwo.login-panel {
  margin-top: 24px;
  margin-bottom: 8px;
}

.grouptwo.login-panel .btn.blue-white {
  margin-bottom: 0em;
}

.divide > .divide {
  background: #f6f6f6;
  padding: 6px 6px 0px 6px;
  margin-bottom: 16px;
}

.option-visual p.section-title {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  width:100%;
  font-size: 0.95em;
  color: #FFFFFF;
  background: #00a0dd;
  padding: 5px;
  text-align: center;
}

.feature-two {
  margin-top: 36px;
}

.feature-two h2 {
  color:#00a0dd;
  font-size: 2.3em;
  text-decoration:underline;
  text-align:center;
  width:100%;
}

.feature-two h3 {
  color:#00a0dd;
  font-size: 1.4em;
  text-align:center;
}

.feature-two img {
  margin-bottom: 32px;
}

.feature-two .btn {
  margin-bottom: 12px;
  margin-top: 12px;
}

.feature-three {
  margin-top: 36px;
}

.feature-three h2 {
  color:#00a0dd;
  font-size: 2.3em;
  text-decoration:underline;
  text-align:center;
  width:100%;
}

.feature-three h3 {
  color:#00a0dd;
  font-size: 1.4em;
  text-align:center;
}

.feature-three img {
  margin-bottom: 12px;
}

.feature-three .btn {
  margin-bottom: 12px;
  margin-top: 12px;
}


.carousel_container .feature-three img {
  margin-bottom: 0px;
}

/* -- quantity box -- */

.quantity {
 display: inline-block; }

.quantity .input-text.qty {
 width: 80%;
 height: 41px;
 padding: 0 5px;
 text-align: center;
 background-color: transparent;
 border: none;
}

.quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top;
  width:100%;
  background: #f6f6f6;
}

.quantity.buttons_added input {
 display: inline-block;
 margin: 0;
 vertical-align: top;
 box-shadow: none;
  margin: 0px !important;
}

.quantity.buttons_added .minus, .quantity.buttons_added .plus {
  padding: 3px 10px 8px;
  height: 41px;
  width: 10%;
  background-color: transparent;
  border: none;
  cursor:pointer;
  font-size: 2em;
  color: #00a0dd;
}

.quantity.buttons_added .minus {
 border-right: 0; }

.quantity.buttons_added .plus {
 border-left: 0; }

.quantity.buttons_added .minus:hover,
.quantity.buttons_added .plus:hover {
 background: #eeeeee; }

.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 -moz-appearance: none;
 margin: 0; }
 
 .quantity.buttons_added .minus:focus,
.quantity.buttons_added .plus:focus {
 outline: none;

}

.btn.add-to-basket {
  width:100% !important;
  /*padding-top: 18px;
  padding-bottom: 16px;
  padding-left: 18px;
  border-radius: 16px;*/
  margin-top: 32px;
}

.btn.smaller-radius {
  padding-top: 15px;
  padding-bottom: 13px;
  border-radius: 12px;
  margin-top: 0px;
}

.generalcontent.register h1 {
    border-bottom: 10px solid linear-gradient(to right, #00a0dd, #3aae2a);
    width: 100%;
    margin-top: 0px;
}

.product-information h2 {
  color: #00a0dd;
  font-weight: 500;
  font-size: 1.5em;
}

#accountNav {
  background: #f6f6f6;
  padding: 9px 6px 0px 6px;
}

#accountNav ul {
  padding-bottom: 0.31538em;
}

h2 a.divide-toggle {
  color: #00a0dd;
}

.divide-content {
  padding: 0.6em 0.6em 0.6em 0.6em;
  background: #f8f8f8;
}

#personal-edit.divide-content {
  /*background: #ebfde8;*/
}

#personal-edit.divide-content fieldset, #condition-edit.divide-content fieldset, #gp-edit.divide-content fieldset, #prescription-edit.divide-content fieldset, #password-edit.divide-content fieldset {
    border-bottom-color: #bdc0c5;
    border-bottom-style: solid;
    border-bottom-width: 0px;
}

#UserManagementModule .btn.blue-white {
  padding-top: 8px;
  padding-bottom: 8px !important;
  padding-left: 18px;
  padding-right: 20px;
  border-radius: 20px 20px 20px 20px;
  font-size: 0.9em !important;
  margin-bottom: 0px;
  background: #00a0dd;
  color: #FFFFFF;
  text-transform: none !important;
}

#UserManagementModule .btn.green-white {
  padding-top: 8px;
  padding-bottom: 8px !important;
  padding-left: 18px;
  padding-right: 20px;
  border-radius: 20px 20px 20px 20px;
  font-size: 0.9em !important;
  margin-bottom: 0px;
  color: #FFFFFF;
  text-transform: none !important;
}

#UserManagementModule p {
  padding-bottom: 0px;
  padding-top: 14px;
  padding-bottom: 8px;
  border-top: 2px solid #dddddd;
}

#Registered_addressselect h4, #GP_addressselect h4 {
  color: #3aae2a;
  margin-top: 10px;
}

input.medilink-datepicker {
  background: #FFF;
  border: none;
  padding: 0.85em 0.65em 0.85em 0.65em;
  border: 1px solid #DDD;
  -webkit-appearance: none;
  width: 175px;
  line-height: 1.1em;
}
  
}

.searchwidget .is-divide-closed .divide-toggle {
  background-position: top 5px right 10px;
}

.searchwidget .divide-toggle {
  background-position: top 5px right 10px;
}

.my-account h2 {
  line-height: 1.5em;
  padding-bottom: 0.75em !important;
}

.divide.generalcontent {
    margin-bottom: 3.5em;
}

.basket img {
  width:auto;
  display:inline-block;
  margin-top: -8px;
}

.person img {
  width:auto;
  display:inline-block;
  margin-top: -8px;
}

.search-icon img {
  width:auto;
  display:inline-block;
  margin-top: 7px;
}

.re-order-buttons p {
  display: block;
  float: left;
  margin-right: 16px;
  width: auto;
}

.empty-basket h1 {
  padding-bottom:0em;
}

.empty-basket .feature-divider-rule {
  margin-bottom: 32px;
}

.login .field {
  margin-bottom: 0em;
}

.modal-dialog {
  width: 990px;
  margin-top: 100px !important;
  display:block;
}

.modal-content {
  padding: 24px 24px 24px 24px;
  display:block;
}

.modal-header {
    padding: 0;
    border-bottom: none;
}

.modal-header button {
    margin-bottom: 12px;
}

.modal-content .login-form {
  width: 49%;
  float:left;
}

.modal-content .register-form {
  width: 49%;
  float:right;
}

.modal-content .login-panel {
    width: 100%;
}

INPUT#PostCodeForgot, INPUT#PostCode, INPUT#Registered_PostCode, INPUT#GP_PostCode {
  width: 175px;
}

small, .small {
  font-size: 80% !important;
  padding-top: 10px;
  display: block;
}

select#Registered_SelectAddress, select#GP_SelectAddress {
  width: auto;
}

#Registered_btnFindAddress.btn.green-white, #GP_btnFindAddress.btn.green-white, .btn.green-white.download {
    padding-top: 8px;
    padding-bottom: 8px !important;
    padding-left: 18px;
    padding-right: 20px;
    border-radius: 20px 20px 20px 20px;
    font-size: 0.9em !important;
    margin-bottom: 0px;
    color: #FFFFFF;
    text-transform: none !important;
}

INPUT#chkRegisteredEngland, INPUT#chkRegisteredWales, INPUT#chkRegisteredScotland, INPUT#register_gp_prescription_future_patient, INPUT#register_gp_prescription_future_medilink {
  margin-top: 7px !important;
}

a#passwordLink, a#userNameLink, a#personalNumberLink {
  color: #3aae2a;
}

select#products {
  width: 100%;
}

.login-panel {
  display: flex;
  justify-content: space-between;
}

.login {
  height: 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.login .field:last-child {
  margin-top: auto;
}

.m-attractor {
  display: flex;
  flex-direction: column;
  height:100%;
}

.btn-holder {
  margin-top: auto;
}

label#lblAdvice {
  color:#c12c32;
}

#RepeatOrderImage {
  padding-top: 8px;
  padding-bottom: 8px !important;
  padding-left: 18px;
  padding-right: 20px;
  border-radius: 20px 20px 20px 20px;
  font-size: 0.9em !important;
  margin-bottom: 0px;
  background: #00a0dd;
  color: #FFFFFF;
  text-transform: none !important;
}

p.btn-holder {
  padding-bottom: 0px;
}

.btn.blue-white.next.submit INPUT {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
    background: none;
    border: none;
    color: #FFF;
}

p.order-line {
    padding-bottom: 0.6em;
}

select#products {
  background: #f8f8f8;
  border: none;
  color: #5b6270;
  
}

select#products .options {
  padding-top:5px;
  padding-bottom:5px;
  display:block;
  width: 100%;
  float:left;
}

.summary {
  background: #f6f6f6;
  width: 100%;
  display: block;
  float: left;
  padding: 18px 0 18px 12px;
  margin: 0 0 0 0;
}

.summary h3 {
  color: #00a0dd;
  font-weight: 500;
  clear: both;
  font-size: 2.1em;
  line-height: 1.3em;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.hero {
  height: 100vh;
  position: relative;
}

.hero__media {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.hero__content {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 20;
}

.hero__container {
  max-width: 675px;
  height: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: top;
  float:right;
  padding-right: 100px !important;
  padding-top: 100px !important;
}

@media screen and (min-width: 500px) {
  .hero__container {
    width: 86%;
  }
}

.hero__container h1 {
  color: black !important;
  font-size: 2.3em !important;
}

.hero__container p {
  font-size: 1.25em; !important;
}

.form input[type="button"], .form input[type="submit"] {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 34px;
  margin-left: 0px;
  margin-right: 12px;
  border-radius: 20px 0 0 20px;
  background: #00a0dd;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-image: none;
  background-image: url(../../res/img/buttons/btn-white-slug.png);
  background-position: right top;
  background-repeat: no-repeat;
  width: auto !important;
  color: #FFF;
  font-size: 1.1em;
  text-decoration: none;
  text-transform: uppercase;
  border: none;
}

.navigation nav ul:nth-child(1) > li:nth-child(1) > ul {
  display: none;
  visibility:hidden;
}

/* new CSS - IM */

.form tr td label {
  margin-top: -6px;
}


.downloads-dropdown .grouptwo-content .instructions {
  margin: 22px 0px 22px 0px;
}

.downloads-dropdown .grouptwo-content .actions {
  margin: 8px 22px 26px 22px;
}

.downloads-dropdown .grouptwo-content .actions INPUT {
  line-height: 1.8em;
}

.downloads-dropdown .instructions h3 {
  text-align:left;
  color:#FFFFFF;
  font-size: 1.2em !important;
  font-weight: 200;
  padding: 0px 22px 8px 22px;
}

.downloads-dropdown .instructions p {
  color:#FFFFFF;
  padding: 0px;
  margin: 0px;
  padding: 0px 22px 0px 22px;
}

.downloads-dropdown .grouptwo-content .instructions {
  border-right: 1px solid white;
}

@media screen and (min-width: 55em) {
  .grouptwo-content.feature__image.alternative {
    width: 35%;
  }
  .grouptwo-content.feature__text.alternative {
    width: 65%;
  }
}

.filter-select__value {
	display: none;
}

.filter-select__value.show {
	display: block;
}

.snippet {
  padding: 0px;
  background: #ffffff;
  max-width: 400px;
  margin: 5px 0 12px 0;
}

.snippet-copy {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  font-size: 1.0em;
  padding-bottom: 3px;
}

.snippet-copy-2 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

.blog article {
  margin-bottom: 2.5em;
}

/*.searchwidget.searchwidget-linear #ApplicationType:first-child {
  display:none;
  visibility:hidden;
}*/



/* moved CSS for mobile interface */

@media screen and (max-width: 990px) {
  .dropdown-toggle p {
    font-size: 0.75em;
    line-height: 1.1em;
  }
  .mean-container .mean-nav ul li a {
    padding: 11px 0 10px 0px;
  }
  .mean-container .mean-nav ul li li a {
    padding: 13px 0 8px 15px;
  }
  .mean-container .mean-nav ul li a.mean-expand {
    padding: 5px 10px 15px 10px !important;
  }
  .status-items {
    padding-top: 6px;
    padding-bottom: 18px;
  }
  .status-item.left {
    display: none;
    visibility: hidden;
  }
  .single-medium, .single:last-child {
    width: 100%;
    margin-left: 0%;
  }
  .useful-links {
    margin-top: 30px;
  }
  
  footer[role="contentinfo"] .salts-logo img {
    padding-top: 0px !important;
  }
  .newsletter {
    text-align:center;
  }
  .newsletter .groupthree-content {
    display:block;
    float:left;
    width: 100%;
  }
  footer[role="contentinfo"] .btn {
    width:160px;
    float:none;
  }
  .login-panel {
    flex-wrap:wrap;
  }
  .modal-dialog {
    width:94%!important;
    margin:3%;
  }
  .modal-content .login-form, .modal-content .register-form {
    width:100%;
  }
  .login {
    padding-top: 20px;
  }
  .login h2 {
    font-size: 1.5em;
  }
  .majorminor {
    margin-right: 0%;
    width: 100%;
    margin-left: 0%;
  }
  .majorminor-minor, .majorminor-major {
    display: block;
    float: left;
    margin-right: 0%;
    width: 100%;
  }
  .grouptwo-content {
    margin-left: 0%;
    width:100%;
  }
  .grouptwo {
    margin-left: 0%;
    width:100%;
  }
  .carousel_container .feature-three.left.carousel-content .feature__text {
    width: 88%;
    float: left;
    margin-left: 6%;
    margin-right: 6%;
    top:0px;
    padding-bottom:20px;
  }
  .carousel_container .feature-three.left.carousel-content .feature__image {
    width: 100%;
    margin-left: 0%;
  }
  .carousel_container .feature-three.left.carousel-content .feature__text p {
    color:#ffffff;
    padding-bottom: 10px;
    font-size: 1.0em;
  }
  .carousel_container .feature-three .feature__text h3 {
    font-size: 1.6em;
    line-height: 1.2em;
    padding-bottom: 0.2em;
    padding-top: 24px;
    color:#ffffff;
  }
  .carousel_container {
    padding: 15px 0px 25px 0px;
  }
  .carousel_container.narrow {
    padding: 40px 0px 25px 0px;
  }
  .divide.generalcontent {
    margin-bottom: 1em;
  }
}

footer[role="contentinfo"] .btn {
  width:160px;
  text-align:right;
}

.accordion .card-body li {
  font-family: 'Museo Sans W01',helvetica,arial,sans-serif;
  font-weight: 200;
  font-size: 1.15em;
}

.search-results {
  display:block;
  float:left;
  width:100%;
  font-size: 0.85em;
  margin-top: 32px;
}

.search-results .result {
  display:block;
  float:left;
  width:100%;
  padding: 12px 10px 12px 10px;
  line-height: 1.5em;
}

.search-results .result a {
  width:80%;
  display:block;
  float:left;
}

.search-results .result:nth-child(even) {
  background: #f8f8f8;
}

.search-results .result span {
  float:right;
  color: #3aae2a;
}

.pagination {
  width:100%;
  padding: 12px;
  border-top: 1px solid #DDD;
  text-align:center;
}

.pagination a {
  padding-left: 10px;
  padding-right: 10px;
  color: #CCCCCC;
}

.pagination a {
  padding-left: 6px;
  padding-right: 6px;
}

.pagination a b {
  color: #3aae2a;
}

.search-panel .btn.blue-white {
  padding-top: 9px;
  padding-bottom: 12px !important;
  padding-left: 20px;
  padding-right: 20px;
  height:44px;
  float:right;
}

.search-panel INPUT {
  width: 87%;
  float: right;
  border: none;
}

@media screen and (min-width: 800px) {
  .search-panel INPUT {
    width: 95%;
    float: right;
    border: none;
  }
  .search-results {
    font-size: 1.2em;
  }
  .search-results .result a {
    width:90%;
  }
}