@charset "UTF-8";
/*
-----------------------------------------------------
CSS file for BSI
Media: ALL THE THINGS

Author: Stuart Robson & Stuart Charlton & Andy Mantell



The Rulez - Where and How to write your CSS
-----------------------------------------------------

*** Write the CSS using double spaces indentation. Like this

.example {
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: bold;
  height: 300px;
  left: 50px;
  line-height: 20px;
}


Compiling
-----------------------------------------------------

Keep ALL THE COMMENTS for development but minimize the heck out of this for production

CSS Class/ID Naming conventions
-----------------------------------------------------

Use hypens only

.large-class-name == good
.large_class_name == bad
.largeClassName   == bad
.largeclassname   == bad


CSS Commenting
-----------------------------------------------------

Comment your code with these helpers -


/* =============================================================================
   Major Section
   ========================================================================== */
/*=====================================
  Mid-level Section
*/
/*-----------------
  Minor Section
*/
/* Explanation
*/
/* @TODO: Flag for attention
*/
/* @TODO: @name: Flag for a particular person's attention
*/
/* =============================================================================
   Normalize
   ========================================================================== */
/*-----------------
   Box model reset
   Apply a natural box layout model to all elements: paulirish.com/2012/box-sizing-border-box-ftw
*/


 .span {
 display: block;
font-weight: 300;
  margin: 0.83em 0;
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.2;
    }

@media only screen and (min-width: 768px) {

    .span {
        font-size: 24px;
        font-size: 2.4rem;
    }
}

.wrapper, .wrapper * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/*-----------------
   HTML5 display definitions
*/
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */
[hidden] {
  display: none;
}

/*-----------------
   Base
*/
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *  http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *  www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */
body {
  margin: 0;
}

/*-----------------
   Links
*/
/*
 * Addresses outline displayed oddly in Chrome
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:hover,
a:active {
  outline: 0;
}

/*-----------------
   Typography
*/
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */
q {
  quotes: none;
}

/* 2 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/*-----------------
   Lists
*/
/*
 * Addresses margins set differently in IE6/7
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/*-----------------
   Embedded content
*/
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9
 */
svg:not(:root) {
  overflow: hidden;
}

/*-----------------
   Figures
*/
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
figure {
  margin: 0;
}

/*-----------------
   Tables
*/
/*
 * Remove most spacing between table cells
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* =============================================================================
   Forms
   ========================================================================== */
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

input[type="search"]::-webkit-search-decoration {
  display: none;
}

input:invalid,
button:invalid,
select:invalid,
textarea:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

input:focus,
button:focus,
select:focus,
textarea:focus {
  -webkit-box-shadow: #0066ff 0 0 5px 0;
  -moz-box-shadow: #0066ff 0 0 5px 0;
  -o-box-shadow: #0066ff 0 0 5px 0;
  box-shadow: #0066ff 0 0 5px 0;
  z-index: 1;
}

input[type="file"]:focus, input[type="file"]:active,
input[type="radio"]:focus,
input[type="radio"]:active,
input[type="checkbox"]:focus,
input[type="checkbox"]:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

button,
button:disabled:hover,
button:active:hover,
input[type="reset"],
input[type="submit"],
input[type="button"] {
  -webkit-appearance: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  background: #dddddd url("i/button.png?1298351022") repeat-x;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(100%, #dddddd));
  background-image: -webkit-linear-gradient(white, #dddddd);
  background-image: -moz-linear-gradient(white, #dddddd);
  background-image: -o-linear-gradient(white, #dddddd);
  background-image: -ms-linear-gradient(white, #dddddd);
  background-image: linear-gradient(#ffffff, #dddddd);
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font-family: "Gesta", Tahoma, "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  font-weight: 600;
  font: 12px;
  font: 1.2rem;
  line-height: 1.3;
  font-size: 1.2rem;
  outline: 0;
  overflow: visible;
  margin: 0;
  padding: 3px 10px;
  text-shadow: white 0 1px 1px;
  vertical-align: top;
  width: auto;
  *padding-top: 2px;
  *padding-bottom: 0;
}

button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(1px, #eeeeee), color-stop(100%, #cccccc));
  background-image: -webkit-linear-gradient(white, #eeeeee 1px, #cccccc);
  background-image: -moz-linear-gradient(white, #eeeeee 1px, #cccccc);
  background-image: -o-linear-gradient(white, #eeeeee 1px, #cccccc);
  background-image: -ms-linear-gradient(white, #eeeeee 1px, #cccccc);
  background-image: linear-gradient(#ffffff, #eeeeee 1px, #cccccc);
}

button:active,
input[type="reset"]:active,
input[type="submit"]:active,
input[type="button"]:active {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(1px, #dddddd), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(white, #dddddd 1px, #eeeeee);
  background-image: -moz-linear-gradient(white, #dddddd 1px, #eeeeee);
  background-image: -o-linear-gradient(white, #dddddd 1px, #eeeeee);
  background-image: -ms-linear-gradient(white, #dddddd 1px, #eeeeee);
  background-image: linear-gradient(#ffffff, #dddddd 1px, #eeeeee);
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  -o-box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  box-shadow: inset rgba(0, 0, 0, 0.25) 0 1px 2px 0;
  border-color: #999999 #bbbbbb #dddddd;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner {
  border: 0;
  padding: 0;
}

button {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

textarea,
select,
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  outline: 0;
  margin: 0;
  padding: 2px 3px;
  text-align: left;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Gesta", Tahoma, "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
  height: 1.8em;
  vertical-align: top;
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
  cursor: text;
}

textarea[disabled],
select[disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="email"][disabled],
input[type="month"][disabled],
input[type="number"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="text"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
input[type="week"][disabled] {
  background-color: #eeeeee;
}

button[disabled],
button[disabled]:hover,
button[disabled]:active,
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  color: #707070;
  cursor: default;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #707070;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #707070;
}

input.placeholder_text,
textarea.placeholder_text {
  color: #707070;
}

textarea,
select[size],
select[multiple] {
  height: auto;
}

select[size="0"],
select[size="1"] {
  height: 1.8em;
  *height: auto;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  select[size],
  select[multiple],
  select[multiple][size] {
    background-image: none;
    padding-right: 3px;
  }

  select,
  select[size="0"],
  select[size="1"] {
    background-image: url(data:image/png;base64,R0lGODlhDQAEAIAAAAAAAP8A/yH5BAEHAAEALAAAAAANAAQAAAILhA+hG5jMDpxvhgIAOw==);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
  }

  ::-webkit-validation-bubble-message {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, black));
    border: 1px solid;
    border-color: #747474 #5e5e5e #4f4f4f;
    color: white;
    font: 13px/17px Tahoma, "Lucida Grande", Arial, "Liberation Sans", FreeSans, sans-serif;
    overflow: hidden;
    padding: 15px 15px 17px;
    text-shadow: black 0 0 1px;
    height: 16px;
  }

  ::-webkit-validation-bubble-arrow,
  ::-webkit-validation-bubble-top-outer-arrow,
  ::-webkit-validation-bubble-top-inner-arrow {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #666666;
    border: 0;
  }
}
textarea {
  min-height: 40px;
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: black;
  font-style: normal;
  font-weight: normal;
  font-family: "Gesta", Tahoma, Arial, "Liberation Sans", FreeSans, sans-serif;
}

optgroup::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ie6_button,
* html button {
  background: #dddddd url("../images/button.png?1298351022") repeat-x;
  border: 1px solid;
  border-color: #dddddd #bbbbbb #999999;
  cursor: pointer;
  color: #333333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input,
* html textarea,
* html select {
  background: white;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: black;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: "Gesta", Tahoma, Arial, "Liberation Sans", FreeSans, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text,
.ie6_input_disabled,
.ie6_button_disabled {
  color: #707070707070;
}

.ie6_input_disabled {
  background: #eeeeee;
}

/* =============================================================================
   Compass/SASS goodies
   ========================================================================== */
/* @include simpleList; */
/* @include bulletList; */
/* @include negMargin; */
/* =============================================================================
   Layout system
   ========================================================================== */
/* Layout CSS
*/
/*=====================================
  Page containers
*/
html {
  overflow-y: scroll;
}

.wrapper {
  width: 320px;
  margin: 0 auto;
  position: relative;
}

.page {
  margin-bottom: 23px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 27px 0px;
  background: #FFFFFF;
  border-top: 5px #d72d18 solid;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 27px 0px;*/
  /*box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 27px 0px;*/
}
@media only screen and (min-width: 768px) {
  .page {
    border-width: 9px 0 0;
  }
}

#content {
  padding: 2px 20px;
}
@media only screen and (min-width: 768px) {
  #content {
    padding: 30px 20px;
    width:960px;
    margin:auto;
  }
}

/*=====================================
  Scale up and apply grid system for 'desktop' view
*/
@media only screen and (min-width: 768px) {
  .wrapper {
    /*width: 960px;*/
    width:100%;
  }

  #content {
    padding: 30px;
  }

  /*
   * Grid layout framework

    This approach is based on Harry Roberts' fluid grids
    @csswizardry
    csswizardry.com/fluid-grid-calculator

    But we're using fixed widths.
    Rationale: When we nest fluid grids the gutter width naturally changes, which doesn't suit the design of this project


    Columns: 3
    Width:   280
    Gutter:  30

    We've also adopted some SMACSS-influenced prefixing to help categorise the CSS
    The 'desktop' layout has 6 x 125px columns with 30px gutters.
    Given the absence of a holy grail semantic grid we're accepting that the grid class semantics won't neccessarily hold up in other views. But they're reasonably easy to grok.
    In short, as you'd expect the number in each class denotes the desired unit width of that element. (eg. <code>.l-grid-4</code> is 4 'units' wide) in desktop view.
    In a linear view the grid system does nothing (the grid CSS is contained in media queries)
    Don't be tempted to load extra semantics onto the grid markup. Keep it clean & separate. Favour predicability & readability over minimalist dogma.</p>



  USAGE:

  <div class="wrapper">
    <div class="page">

      …

      <div class="l-grid">

        … YOU PROBABLY DON'T WANT TO ADD ANYTHING HERE

        <div class="l-grid-2">
          CONTENT
        </div>

        <div class="l-grid-1">
          CONTENT
        </div>

        <div class="l-grid-3">
          CONTENT

          <div class="l-grid">

            <div class="l-grid-2">
              NESTED CONTENT
            </div>

            <div class="l-grid-2">
              NESTED CONTENT
            </div>

          </div>

        </div>

      </div>

      …

    </div>
  </div>
  */
  /*-----------------
  Column container
  */
  .l-grid {
    width: auto;
    max-width: 930px;
    clear: both;
    margin-left: -30px;
    list-style: none;
    /* So we can make grids out of lists. */
    zoom: 1;
    padding-left: 0;
    /* Remove left hand padding from lists */
  }

  html.lt-ie8 .l-grid {
    float: left;
  }

  /*  clear floats */
  .l-grid:before,
  .l-grid:after {
    content: "";
    display: table;
  }

  .l-grid:after {
    clear: both;
  }

  /*
  Here we are using an attribute selector to detect the string 'l-grid-' in an element's class.
  This works by assuming that anything we call l-grid-<n> we also want to be a grid item.
  It means less code and less for you to remember!

  Ensure any grid item's FIRST class is a l-grid-<n> class. e.g.
  VALID: class="l-grid-4 text-centre"
  INVALID: class="left l-grid-4"
  */
  .l-grid-1, .l-grid-2, .l-grid-3, .l-grid-4, .l-grid-5, .l-grid-6 {
    float: left;
    margin-right: 0;
    margin-left: 30px;
    /*
    Clear float for 'odd' items
    Currently, this class is applied to old IE as a fallback for :nth-child
    */
  }
  .l-grid-1.odd, .l-grid-2.odd, .l-grid-3.odd, .l-grid-4.odd, .l-grid-5.odd, .l-grid-6.odd {
    clear: both;
  }

  .l-grid .l-grid-1, .l-grid .l-grid-2, .l-grid .l-grid-3, .l-grid .l-grid-4, .l-grid .l-grid-5, .l-grid .l-grid-6 {
    margin-right: 0px;
    margin-left: 30px;
  }
  
  

  html.lt-ie7 .l-grid {
    zoom: 1;
    overflow: hidden;
    margin: 0;
    /*padding: 0;
    overflow: hidden;
    display: inline;*/
  }
  html.lt-ie7 .l-grid-1, html.lt-ie7 .l-grid-2, html.lt-ie7 .l-grid-3, html.lt-ie7 .l-grid-4, html.lt-ie7 .l-grid-5, html.lt-ie7 .l-grid-6 {
    zoom: 1;
    /*display: inline;
    zoom: 1;
    overflow: hidden;
    padding: 0;*/
    display: inline;
    margin: 0 0 0 15px;
    overflow: hidden;
  }

  /*-----------------
  Column widths
  */
  .l-grid-1 {
    width: 125px;
  }

  .l-grid-2 {
    width: 280px;
  }

  .l-grid-3 {
    width: 435px;
  }

  .l-grid-4 {
    width: 590px;
  }

  .l-grid-5 {
    width: 745px;
  }

  .l-grid-6 {
    width: 900px;
    margin: 0;
  }

  /*
  Experimental extension to allow us to customise gutters for narrow cols
  */
  .l-grid-nested {
    margin-left: -15px;
  }
  .l-grid-nested .l-grid-1, .l-grid-nested .l-grid-2, .l-grid-nested .l-grid-3, .l-grid-nested .l-grid-4, .l-grid-nested .l-grid-5, .l-grid-nested .l-grid-6 {
    margin-left: 15px;
    margin-right: 0;
  }
  .l-grid-nested .l-grid-1 {
    width: 132.5px;
  }

  /* Columns inside a .major.panel
  * These need to lose a total of 40px across the whole width.
  * E.g. in 2 col mode, 20px off each column
  */
  .panel.major {
    *zoom: 1;
  }
  .panel.major:after {
    content: "";
    display: table;
    clear: both;
  }
  .panel.major .l-grid-2 {
    width: 260px;
  }

  .lt-ie7 .panel.major .l-grid-2 {
    width: 240px;
  }

  /* Columns inside a .light.panel
  * These need to lose a total of 60px across the whole width.
  * E.g. in 2 col mode, 30px off each column
  */
  .panel.light .l-grid-2 {
    width: 250px;
  }
}
/* end of media query */
/* Columns inside a .panel in mobile mode
*/
@media only screen and (max-width: 767px) {
  .panel .l-grid-2 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .panel .l-grid-2:last-child {
    border-bottom: 0 none;
    padding-bottom: 0;
  }
}
/* =============================================================================
   Minimal base styles
   ========================================================================== */
/* Base CSS
 *
 * Minimal on-brand base theming for element selectors
 * Colour, typography, vertical rhythm(?)
 *
 * Apply sparingly, to minimise the need for overwrites in the project styles
 *
*/
/*-------------------------------------
  Fonts
*/
/*
 * Web Fonts from fontspring.com
 *
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at http://www.fontspring.com
 *
 * The fonts included in this stylesheet are subject to the End User License you purchased
 * from Fontspring. The fonts are protected under domestic and international trademark and 
 * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 *
 * (c) 2010-2012 Fontspring
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * Vendor:      RType
 * License URL: http://www.fontspring.com/fflicense/rtype
 *
 *
 */
@font-face {
  font-family: 'Gesta';
  src: url("/ui/fonts/bsigesta-light-webfont.eot");
  src: url("/ui/fonts/bsigesta-light-webfont.eot?#iefix") format("embedded-opentype"), url("/ui/fonts/bsigesta-light-webfont.woff") format("woff"), url("/ui/fonts/bsigesta-light-webfont.ttf") format("truetype"), url("/ui/fonts/bsigesta-light-webfont.svg#GestaLtRegular") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Gesta';
  src: url("/ui/fonts/bsigesta-webfont.eot");
  src: url("/ui/fonts/bsigesta-webfont.eot?#iefix") format("embedded-opentype"), url("/ui/fonts/bsigesta-webfont.woff") format("woff"), url("/ui/fonts/bsigesta-webfont.ttf") format("truetype"), url("/ui/fonts/bsigesta-webfont.svg#GestaRegular") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Gesta';
  src: url("/ui/fonts/bsigesta-medium-webfont.eot");
  src: url("/ui/fonts/bsigesta-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/ui/fonts/bsigesta-medium-webfont.woff") format("woff"), url("/ui/fonts/bsigesta-medium-webfont.ttf") format("truetype"), url("/ui/fonts/bsigesta-medium-webfont.svg#GestaMdRegular") format("svg");
  font-weight: 500;
  font-style: normal;
}

html {
  font-size: 62.5%;
  line-height: 1.35;
}

body {
  font-family: "Gesta", Tahoma, Arial, "Helvetica Neue", "Bitstream Vera Sans", Helvetica, sans-serif;
  font-weight: 300;
  color: #202020;
  background: #ffffff;
}

/* @TODO
* Second pass over headings to ensure correct sizes used in all places
*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
}

h1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.1;
  margin: 0 0 15px 0;
}

h2 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.2;
}

h3 {
  font-size: 21px;
  font-size: 2.1rem;
  line-height: 1.1;
}

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.2;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.2;
  }

  h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }

  /*
    .l-grid-4 {
      & > h2:first-child,
      & > :first-child h2:first-child {
        @include font-size(2.1);
      }
    }
  */
}
.crosshead {
  font-weight: 500;
}

.page-title {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 0.95;
  margin: 0 0 15px 0;
}
.page-title.small-page-title {
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (min-width: 768px) {
  .page-title {
    margin: 0 0 30px 0;
    font-size: 38px;
    font-size: 3.8rem;
  }
}

/* Sligtly larger headings at top of main column
*/
/*
.l-grid-4 {
  & > h2:first-child,
  & > :first-child h2:first-child {
    @include font-size(2.6);
  }
}
*/
/* Sidebar headings
*/
.l-grid-2 .panel h2 {
  font-size: 21px;
  font-size: 2.1rem;
}
.l-grid-2 .panel h3 {
  font-size: 16px;
  font-size: 1.6rem;
}

b,
strong {
  font-weight: 500;
}

a {
  text-decoration: none;
  color: #202020;
}

a:hover,
a:focus {
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.disabled-phone-link, .disabled-phone-link:hover, .disabled-phone-link:focus {
  cursor: auto;
  text-decoration: none;
}

nav ul,
nav ol {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

.wrapper img {
  display: block;
}

blockquote p:before {
  content: "\201C";
  display: inline-block;
  width: .2em;
}

blockquote p:last-child:after {
  content: "\201D";
  width: 2px;
}

label,
input,
select {
  cursor: pointer;
}

hr {
  border: 0;
  height: 1px;
  background: #e5e5e5;
  margin: 30px 0;
  -webkit-box-shadow: #f7f7f7 0px 2px 2px 0px;
  -moz-box-shadow: #f7f7f7 0px 2px 2px 0px;
  box-shadow: #f7f7f7 0px 2px 2px 0px;
  clear: both;
}

hr.light {
  height: 1px;
  background: #e5e5e5;
  margin: 14px 0px;
  border-bottom: 1px #f2f2f2 solid;
  clear: both;
}

hr.clear {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 15px 0;
}

.lt-ie8 hr {
  filter: alpha(opacity=30);
}

/*
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 */
::-moz-selection {
  background: #d73000;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #d73000;
  color: #fff;
  text-shadow: none;
}

/* =============================================================================
   Modules
   ========================================================================== */
/* Modules CSS
 *
 * Theming, reusable classes and components
 *
*/
/*-------------------------------------
  Icons
*/
.ico {
  display: inline-block;
  line-height: 0;
  vertical-align: bottom;
  margin: 0 4px;
}

.ico-sprite, .ico-arrow-down-16, .ico-banner-carousel-active, .ico-calculator, .ico-calendar, .ico-carousel-arrows-large-next, .ico-carousel-arrows-large-prev, .ico-carousel-arrows-mobile-next, .ico-carousel-arrows-mobile-prev, .ico-carousel-arrows-next-ie6, .ico-carousel-arrows-next, .ico-carousel-arrows-prev-ie6, .ico-carousel-arrows-prev, .ico-ce-marking, .ico-cert-teaser, .ico-close, .ico-contact-chat, .ico-contact-mail, .ico-contact-phone, .ico-cost-binder, .ico-cost-classroom, .ico-cost-man-reading, .ico-cost-mouse, .ico-cost-pencil, .ico-facebook-share, .ico-file-pdf, .ico-globe-16, .ico-inverted-menu-corner, .ico-iso-quality-management-separator, .ico-kitemark, .ico-magnify, .ico-pencil, .ico-phone-16, .ico-prod-testing, .ico-selectBox-off, .ico-selectBox-on, .ico-tweet, .ico-uk, .ico-world, .share-links .twitter-link a, .share-links .facebook-link a, .country-selector .close:after, .form-block label .selectBox .selectBox-arrow, .form-block label .selectBox:hover .selectBox-arrow, .form-block label .selectBox:focus .selectBox-arrow, .form-block span.label-wrapper .selectBox .selectBox-arrow, .form-block span.label-wrapper .selectBox:hover .selectBox-arrow, .form-block span.label-wrapper .selectBox:focus .selectBox-arrow,.quality-management-teaser-item.l-grid-1 .more:after, .banner-controls li.flex-active a:before, .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev, html.lt-ie7 .panel .flex-direction-nav .flex-next, html.lt-ie7 .panel .flex-direction-nav .flex-prev {
  background: url('/ui/css/img/ico-s56a7298138.png') no-repeat;
}

.ico-arrow-down-16 {
  background-position: -53px -27px;
  height: 16px;
  width: 16px;
}

.ico-banner-carousel-active {
  background-position: -71px -99px;
  height: 10px;
  width: 24px;
}

.ico-calculator {
  background-position: -60px -282px;
  height: 50px;
  width: 40px;
}

.ico-calendar {
  background-position: -99px -224px;
  height: 58px;
  width: 60px;
}

.ico-carousel-arrows-large-next {
  background-position: -100px -282px;
  height: 67px;
  width: 46px;
}

.ico-carousel-arrows-large-prev {
  background-position: 0 -349px;
  height: 67px;
  width: 46px;
}

.ico-carousel-arrows-mobile-next {
  background-position: -127px -55px;
  height: 44px;
  width: 24px;
}

.ico-carousel-arrows-mobile-prev {
  background-position: -103px -55px;
  height: 44px;
  width: 24px;
}

.ico-carousel-arrows-next-ie6 {
  background-position: 0 0;
  height: 22px;
  width: 15px;
}

.ico-carousel-arrows-next {
  background-position: -70px 0;
  height: 27px;
  width: 29px;
}

.ico-carousel-arrows-prev-ie6 {
  background-position: -15px 0;
  height: 22px;
  width: 15px;
}

.ico-carousel-arrows-prev {
  background-position: -41px 0;
  height: 27px;
  width: 29px;
}

.ico-ce-marking {
  background-position: -43px -55px;
  height: 43px;
  width: 60px;
}

.ico-cert-teaser {
  background-position: -60px -422px;
  height: 84px;
  width: 60px;
}

.ico-close {
  background-position: -6px -27px;
  height: 15px;
  width: 15px;
}

.ico-contact-chat {
  background-position: -97px -27px;
  height: 28px;
  width: 28px;
}

.ico-contact-mail {
  background-position: -69px -27px;
  height: 28px;
  width: 28px;
}

.ico-contact-phone {
  background-position: -125px -27px;
  height: 28px;
  width: 28px;
}

.ico-cost-binder {
  background-position: 0 -99px;
  height: 41px;
  width: 71px;
}

.ico-cost-classroom {
  background-position: -71px -182px;
  height: 42px;
  width: 71px;
}

.ico-cost-man-reading {
  background-position: 0 -140px;
  height: 42px;
  width: 71px;
}

.ico-cost-mouse {
  background-position: 0 -182px;
  height: 42px;
  width: 71px;
}

.ico-cost-pencil {
  background-position: -71px -140px;
  height: 42px;
  width: 71px;
}

.ico-facebook-share {
  background-position: -99px 0;
  height: 20px;
  width: 59px;
}

.ico-file-pdf {
  background-position: -59px -224px;
  height: 51px;
  width: 40px;
}

.ico-image  {
    float: left;
    margin-left: -65px;
    width: 50px;
}

@media only screen and (max-width: 767px)
{
    .ico-image
    {
        -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    margin-left: -50px;
   
    }
}

.ico-globe-16 {
  background-position: -21px -27px;
  height: 16px;
  width: 16px;
}

.ico-inverted-menu-corner {
  background-position: 0 -27px;
  height: 6px;
  width: 6px;
}

.ico-iso-quality-management-separator {
  background-position: -30px 0;
  height: 23px;
  width: 11px;
}

.ico-kitemark {
  background-position: 0 -422px;
  height: 75px;
  width: 60px;
}

.ico-magnify {
  background-position: 0 -55px;
  height: 12px;
  width: 12px;
}

.ico-pencil {
  background-position: 0 -224px;
  height: 29px;
  width: 28px;
}

.ico-phone-16 {
  background-position: -37px -27px;
  height: 16px;
  width: 16px;
}

.ico-prod-testing {
  background-position: 0 -282px;
  height: 61px;
  width: 60px;
}

.ico-selectBox-off {
  background-position: -12px -55px;
  height: 34px;
  width: 31px;
}

.ico-selectBox-on {
  background-position: -28px -224px;
  height: 34px;
  width: 31px;
}

.ico-tweet {
  background-position: -95px -99px;
  height: 20px;
  width: 59px;
}

.ico-uk {
  background-position: -46px -349px;
  height: 73px;
  width: 60px;
}

.ico-world {
  background-position: 0 -506px;
  height: 103px;
  width: 165px;
}

.lt-ie8 .ico {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.lt-ie7 .ico {
  display: none!important;
}

/*-------------------------------------
  Masthead
*/
.header-banner {
  /*position: relative;*/
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .header-banner {
    min-height: 190px;
    background-color:#ffffff;
  }
} 

/*-----------------
  Phone number
*/
.phone-no {
  font-size: 16px;
  font-size: 1.6rem;
}

@media only screen and (max-width:767px){
    .phone-no {
        position: absolute;
        left: 84px;
        top: 24px!important;
    }
}
@media only screen and (min-width: 768px) {
  .phone-no {
    /*bottom: 99px;
    right: 30px;
    left: auto;
    top: auto;*/
    font-size: 21px;
    font-size: 2.1rem;
    line-height: 17px;
    position: absolute;
    top: 108px;
    width: 960px;
    padding-right: 30px;
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .no-js .phone-no {
    top: 94px;
  }
}

/*-----------------
  Utility nav (in header)
*/
.header-banner .utility-nav {
  margin: 10px 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .header-banner .utility-nav {
    padding-right: 30px;
    padding-top: 36px;
    width:960px;
    margin: auto;
    background-color:#ffffff;
  }
}
.header-banner .utility-nav ul {
  float: right;
  margin: 0 0 0 30px;
}
.header-banner .utility-nav .localisation-links {
  z-index: 1;
  position: relative;
}
.header-banner .utility-nav .localisation-links .nav-item {
  margin-top: -11px;
}

.utility-nav .nav-item.country-nav-item {
  padding: 10px 10px 10px 6px;
  position: relative;
  z-index: 2;
}
.utility-nav .nav-item.country-nav-item a {
  outline: 0;
}
.utility-nav .nav-item.country-nav-item.active {
  border-width: 2px;
  border-color: #d6d6d6;
  border-style: solid;
  border-bottom-color: #fff;
  margin: -14px -1px -2px -2px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #fff;
}
.utility-nav .nav-item.country-nav-item.active ~ .nav-item {
  border: 0 none;
}

.lt-ie7 .header-banner {
  height: 210px;
  zoom: 1;
}
.lt-ie7 .nav-item,
.lt-ie7 .utility-nav ul {
  float: left;
}
.lt-ie7 .utility-nav .localisation-links,
.lt-ie7 .utility-nav .quick-links {
  float: right;
}

.lt-ie8 .utility-nav .nav-item {
  float: left;
}
.lt-ie8 .utility-nav .nav-item.lang-nav-item {
  margin-top: -1px;
}

/*-----------------
  Skiplinks
*/
#skiplinks:focus {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border: 0;
  outline: none;
  padding: 0px 0 40px;
  text-align: center;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#skiplinks:focus span {
  display: block;
  margin: 0 auto;
  width: 30%;
  padding: 6px 0 8px;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  text-decoration: underline;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

/*-----------------
  Logo
*/
.logo {
  float: left;
  margin: 9px 0 9px 9px;
  display: block;
}
@media all and (min-width: 768px) {
  .logo {
    /*position: absolute;
    left: 38px;
    bottom: 99px;*/
    margin-left: 38px;
  }
}
.logo:focus {
  outline: thin dotted;
}
@media all and (max-width: 767px) {
  .logo img {
    width: 58px;
    padding-top: 36px;
    height: 0;
    background: url(img/logo_58.png);
  }
}
@media all and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), all and (max-width: 767px) and (min-device-pixel-ratio: 2) {
  .logo img {
    background: url(img/logo_116.png);
    background-size: 58px 36px;
    /* Saf5, Chrome */
  }
}
@media all and (min-width: 768px) {
  .logo img {
    width: 116px;
    height: 73px;
  }
}
@media all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), all and (min-width: 768px) and (min-device-pixel-ratio: 2) {
  .logo img {
    height: 0;
    padding-top: 73px;
    background: url(img/logo_232.png);
    background-size: 116px 73px;
    /* Saf5, Chrome */
  }
}

@media all and (min-width: 768px) {
  .no-js .logo {
    top: 38px;
  }
}

/* Re-specify logo styles for IE <=8 because respond.js incorrectly assigns the min-device-pixel-ratio styles to IE!
*/
@media all and (min-width: 768px) {
  .lt-ie9 .logo img {
    width: 116px;
    height: 73px;
    background: none;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .lt-ie9 .logo img {
    width: 58px;
    height: 36px;
    background: url(img/logo_58.png);
  }
}

/* Site strap
   Displayed in desktop view only
*/
.site-strap {
  /* Small specicificy scuffle with .ir class */
}
@media all and (max-width: 767px) {
  .site-strap {
    display: none!important;
  }
}
@media all and (min-width: 768px) {
  .site-strap {
    /*position: absolute;
    left: 258px;
    bottom: 92px;*/
    width: 334px;
    height: 70px;
    margin: 0;
    background: url(img/site_strap_334.png);
    margin-left:258px;
    margin-bottom:92px;
    background-position: 2px 35px;
  }
}
@media all and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), all and (min-width: 768px) and (min-device-pixel-ratio: 2) {
  .site-strap {
    background: url(img/site_strap_668.png);
    background-size: 334px 35px;
    /* Saf5, Chrome */
  }
}

@media all and (min-width: 768px) {
  .no-js .site-strap {
    top: 83px;
  }
}

/* Re-specify strap styles for IE <=8 because respond.js incorrectly assigns the min-device-pixel-ratio styles to IE!
*/
.lt-ie9 .site-strap {
  background: url(img/site_strap_334.png);
}

/*-------------------------------------
  Menu
*/
/*-----------------
  Button
  button for toggling menu
  (appears only in linear view)
*/
.no-js .menu-bt {
  display: none;
}

.menu-bt {
  display: none;
}
@media screen and (max-width: 767px) {
  .menu-bt {
    display: block;
    float: right;
    margin: 10px 10px 0 0;
    padding: 10px 14px;
    vertical-align: middle;
    background-color: #f1f1f1;
    border: 1px solid #d6d6d6;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
    cursor: pointer;
    padding-left: 7px;
    padding-right: 7px;
  }
  .menu-bt:after {
    /*content: ' \25BC';*/
    color: #b5b5b5;
    font-size: 8px;
  }
  .menu-bt.active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-bottom: 0 none;
    padding-bottom: 17px;
    margin-bottom: -1px;
    position: relative;
    z-index: 1;
  }
  .menu-bt:hover {
    color: #d73000;
  }
}

/*-----------------
  Main menu
*/
.main-nav {
  background: #ededed url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #ededed -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ededed));
  background: #ededed -webkit-linear-gradient(#f5f5f5, #ededed);
  background: #ededed -moz-linear-gradient(#f5f5f5, #ededed);
  background: #ededed -o-linear-gradient(#f5f5f5, #ededed);
  background: #ededed linear-gradient(#f5f5f5, #ededed);
  min-height: 32px;
  clear: both;
  position: relative;
}
.sub-menu-nav {
background: #ededed url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #ededed -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7c7c7c), color-stop(100%, #ededed));
  background: #ededed -webkit-linear-gradient(#7c7c7c, #ededed);
  background: #ededed -moz-linear-gradient(#7c7c7c, #ededed);
  background: #ededed -o-linear-gradient(#7c7c7c, #ededed);
  background: #e8e9f5 linear-gradient(#b3e1e6, #b3e1e6);
  min-height: 31px;
  border-bottom: 1px solid #D6D6D6;
  clear: both;
  position: relative;
}
@media screen and (max-width: 767px) {
  .main-nav {
    padding: 10px 0 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: #efefef;
    margin-top: 5px;
  }
   .sub-menu-nav {
    padding: 10px 0 0;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
    background: #efefef;
    margin-top: 5px;
  }
}
@media screen and (min-width: 768px) {
    .main-nav {
        height: 42px;
        width: 100%;
        /*position: absolute;*/
        bottom: 0;
    }

    .sub-menu-nav nav {
        height: 35px;
        width: 960px;
        /*border: 1px solid #d6d6d6;*/
        bottom: 0;
    }

    .main-nav ul {
        padding-left: 10px!important;
    }

    .sub-menu-nav ul {
        padding-left: 10px!important;
    }
}
.main-nav ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 0px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.sub-menu-nav ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 0px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .main-nav li {
    position: relative;
  }
  .sub-menu-nav li{
      position: relative;
/*Newly added*/
      /*height:27px;*/
  }
  
}
@media screen and (max-width: 768px) {
    .sub-menu-nav li{
      position: relative;
  }
}
.main-nav .more {
  clear: both;
  margin: 0;
  padding-top: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
.sub-menu-nav .more {
  clear: both;
  margin: 0;
  padding-top: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .no-js .main-nav {
    top: 210px;
  }
  .no-js .sub-menu-nav {
    top: 210px;
  }
}

/*-----------------
  Top level items
*/
/* li */
.main-nav-item {
  font-size: 18px;
  font-size: 1.8rem;
  /* Suppoting info in link text */
}
.sub-menu-nav-item {
  font-size: 18px;
  font-size: 1.8rem;
  /* Suppoting info in link text */
}
@media screen and (max-width: 767px) {
    .main-nav-item.home-nav-item li {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    height:32px;
  }
  .sub-menu-nav-item.home-nav-item li {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    height:30px;
  }
}
@media screen and (max-width: 767px) {
  .main-nav-item {
    margin: 0 10px 0 10px;
  }
  .home-nav-item a{
      pointer-events:all;
  }
  .main-nav-link{
      pointer-events:none;
  }
  .main-nav-item a {
    display: block;
    border: transparent none;
    margin: 0;
    padding: 0;
    font-weight: 500;
    
  }
  .main-nav-item.home-nav-item {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
  }
  .sub-menu-nav-item.home-nav-item {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
    height:30px;
    margin-bottom: 10px;
  }
  .main-nav-item .link-list {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
  }
  .main-nav-item .link-list.double-list:last-child {
    border-top: 0 none;
    margin: 0;
    padding: 0;
  }
  .main-nav-item .link-list a {
    font-weight: 500;
  }
  .main-nav-item .link-list a .standards-code,
  .main-nav-item .link-list a .hint {
    font-weight: 400;
  }
  .main-nav-item .more {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
  }
/*newly Added*/
.sub-menu-nav-item {
    margin: 0 10px 0 10px;
  }
  .sub-menu-nav-link{
    pointer-events:none;
}
  .sub-menu-nav-item a {
    display: block;
    border: transparent none;
    margin: 0;
    padding: 0;
    font-weight: 500;
  }
  .sub-menu-nav-item.home-nav-item {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
  }
  .sub-menu-nav-item .link-list {
    border-top: 1px solid #e5e5e5;
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
  }
  .sub-menu-nav-item .link-list.double-list:last-child {
    border-top: 0 none;
    margin: 0;
    padding: 0;
  }
  .sub-menu-nav-item .link-list a {
    font-weight: 500;
  }
  .sub-menu-nav-item .link-list a .standards-code,
  .sub-menu-nav-item .link-list a .hint {
    font-weight: 400;
  }
  .sub-menu-nav-item .more {
    padding: 0 0 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media screen and (min-width: 768px) {
  .main-nav-item {
    margin: 0 0px 0 0;
    line-height: 1.1;
    float: left;
    background: #ededed url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: #ededed -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #ededed));
    background: #ededed -webkit-linear-gradient(#f5f5f5, #ededed);
    background: #ededed -moz-linear-gradient(#f5f5f5, #ededed);
    background: #ededed -o-linear-gradient(#f5f5f5, #ededed);
    background: #ededed linear-gradient(#f5f5f5, #ededed);
    /*border-top: 1px solid #f5f5f5;*/
    /* Decorative left bar */
    /* Active list item */
    /* The hover state is applied to the <li /> rather than the <a />
       so it persists when the mouse moves into the expanded drop-down
       (We're using a JS-powered .hover to allow consistency for keyboard & mouse users.
    */
    /* Since the home nav item has no drop-down content, don't drop shadow it
    */
    /* Top level links */
  }
  .sub-menu-nav-item{
      margin: 0 0px 0 0;
    line-height: 1.1;
    float: left;
    background: #ededed url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: #ededed -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7c7c7c), color-stop(100%, #ededed));
    background: #ededed -webkit-linear-gradient(#7c7c7c, #ededed);
    background: #ededed -moz-linear-gradient(#7c7c7c, #ededed);
    background: #ededed -o-linear-gradient(#7c7c7c, #ededed);
    background: #b3e1e6 linear-gradient(#b3e1e6, #b3e1e6);
    /*border-top: 1px solid #b3e1e6;
	border-bottom: 1px solid #D6D6D6;*/
  }
  .main-nav-item:after {
    position: absolute;
    left: 0px;
    width: 1px;
    height: 100%;
    border-radius: 8px;
    background-color: #6F6F6F;
    content: "";
  }
  .sub-menu-nav-item:after {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 1px;
    /*Newly added*/
    height: 100%;    
    background-color: #6F6F6F;
    content: "";
  }
  .main-nav-item.current:after {
    background-color: #d73000;
  }
  .sub-menu-nav-item.current:after {
    background-color: #d73000;
  }
  
  .main-nav-item.current a {
    color: #d73000;
  }
  .sub-menu-nav-item.current a {
    color: #d73000;
  }

  .main-nav-item.hover, .main-nav-item:hover {
    /*border-bottom-color: transparent;
    border-top: 1px solid #d6d6d6;
    border-left: 2px solid #d6d6d6;
    border-right: 2px solid #d6d6d6;*/
    margin: 0 0px 0 0px;
    background: #FFF;
    position: relative;
    z-index: 1;
  }

  .sub-menu-nav-item.hover, .sub-menu-nav-item:hover {
    /*border-bottom-color: transparent!important;
    border-top: 1px solid #d6d6d6;
    border-left: 2px solid #d6d6d6;
    border-right: 2px solid #d6d6d6;*/
    margin: 0 0px 0 0px;
    background: #FFF!important;
    position: relative;
    z-index: 1;
    border-bottom-color:transparent!important;
  }
  .main-nav-item.hover .main-nav-link, .main-nav-item:hover .main-nav-link {
    /*border-bottom: 2px solid #fff;*/
    position: relative;
    z-index: 2;
    background-color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    color: #d73000;
  }
  .sub-menu-nav-item.hover .main-nav-link, .sub-menu-nav-item:hover .main-nav-link {
    /*border-bottom: 2px solid #fff;*/
    position: relative;
    z-index: 2;
    background-color: #fff;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    color: #d73000;
    border-bottom-color: transparent!important;
  }
  .main-nav-item.hover .main-nav-link, .main-nav-item.hover .main-nav-link:hover, .main-nav-item:hover .main-nav-link, .main-nav-item:hover .main-nav-link:hover {
    text-decoration: none;
  }
  .sub-menu-nav-item.hover .sub-menu-nav-link, .sub-menu-nav-item.hover .sub-menu-nav-link:hover, .sub-menu-nav-item:hover .sub-menu-nav-link, .sub-menu-nav-item:hover .sub-menu-nav-item:hover {
    text-decoration: none;
  }
  /*.main-nav-item.hover .main-nav-link:before, .main-nav-item:hover .main-nav-link:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    right: -6px;
    height: 6px;
    width: 6px;
    background: url('/ui/css/img/ico-s56a7298138.png');
    background-position: 0 -27px;
  }
  .sub-menu-nav-item.hover .sub-menu-nav-link:before, .sub-menu-nav-item:hover .sub-menu-nav-link:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    right: -6px;
    height: 6px;
    width: 6px;
    background: url('/ui/css/img/ico-s56a7298138.png');
    background-position: 0 -27px;
  }*/
  .main-nav-item.hover:after, .main-nav-item:hover:after {
    background-color: #d73000;
    z-index: 3;
  }
  .sub-menu-nav-item.hover:after, .sub-menu-nav-item:hover:after {
    background-color: #d73000;
    z-index: 3;
  }
  .main-nav-item.home-nav-item.hover, .main-nav-item.home-nav-item:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .sub-menu-nav-item.home-nav-item.hover, .sub-menu-nav-item.home-nav-item:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .main-nav-item.home-nav-item .main-nav-link {
    height: 38px!important;
  }
  .sub-menu-nav-item.home-nav-item .sub-menu-nav-link {
    height: 46px!important;
  }
  .main-nav-item.home-nav-item .main-nav-link:before {
    display: none;
  }
  .sub-menu-nav-item.home-nav-item .sub-menu-nav-link:before {
    display: none;
  }
  .main-nav-item .main-nav-link {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* Revert to content-box here. It gains us very little and just causes problems in IE < 8 */
    width: 126px;
    height: 38px!important;
    padding: 3px 10px 0 10px;
    color: #4c4c4c;
  }
  .sub-menu-nav-item .sub-menu-nav-link {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* Revert to content-box here. It gains us very little and just causes problems in IE < 8 */
    width: 130px;
    height: 27px!important;
    padding: 3px 10px 0 10px;
    color: #4c4c4c;
  }
  
  .main-nav-item .main-nav-link:active {
    color: #707070;
  }
  .sub-menu-nav-item .sub-menu-nav-link:active {
    color: #707070;
  }
}
.main-nav-item .hint {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  color: #707070;
  display: block;
}
.sub-menu-nav-item .hint {
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  color: #707070;
  display: block;
}

/*-----------------
  Sub menus
*/
.sub-nav {
  overflow: hidden;
}
.sub-nav .sub-nav-title {
  margin: 0;
  padding: 0 16px;
}
.sub-nav .sub-nav-title a {
  float: none;
  width: auto;
  height: auto!important;
  color: #202020;
  padding: 0;
}
.sub-nav .sub-nav-title a:before {
  display: none;
}
.sub-nav .sub-nav-title a:hover {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .sub-nav {
    display: none;
    position: absolute;
    z-index: 1;
    top: 41px;
    left:10px;
    clear: both;
    margin: 0;
    padding: 20px 0 30px 0;
    width: 512px;
    height: auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15);
  }

  .sub-nav:after {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    background-color: #FFFFFF;
  }
}

.lt-ie7 .sub-nav {
  display: none;
  left: -2px;
}

/* These extra links are designed for iPad */
@media screen and (max-width: 767px) {
  .touch .sub-nav .touch-only {
    display: none;
  }
}

html.lt-ie8 .main-nav-link {
  width: 123px!important;
}

/* 'columns' in drop-downs */
.main-nav-item .sub-nav-block {
  position: relative;
  padding: 0;
  margin-top: 10px;
}
.sub-menu-nav-item .sub-nav-block {
  position: relative;
  padding: 0;
  margin-top: 10px;
}
.main-nav-item .sub-nav-block li a {
  height: auto!important;
  width: auto;
  float: none;
  padding: 0;
}
.sub-menu-nav-item .sub-nav-block li a {
  height: auto!important;
  width: auto;
  float: none;
  padding: 0;
}
.main-nav-item .sub-nav-block li a, .main-nav-item .sub-nav-block li a:visited {
  color: #202020;
}
.sub-menu-nav-item .sub-nav-block li a, .sub-menu-nav-item .sub-nav-block li a:visited {
  color: #202020;
  line-height:1.45;
  display:inline-block;
}
.main-nav-item .sub-nav-block li a:hover {
  color: #202020;
  text-decoration: underline;
}
.sub-menu-nav-item .sub-nav-block li a:hover {
  color: #202020;
  text-decoration: underline;
}
.main-nav-item .sub-nav-block li a:before {
  display: none!important;
}
.sub-menu-nav-item .sub-nav-block li a:before {
  display: none!important;
}
/**/
@media screen and (min-width: 768px) {
  .main-nav-item .sub-nav-block {
    float: left;
    width: 50%;
    padding: 0 16px;
  }
  .main-nav-item .sub-nav-block.sub-nav-promo {
    border-left: 1px solid #e5e5e5;
  }
  .sub-menu-nav-item .sub-nav-block {
    float: left;
    width: 50%;
    padding: 0 16px;
  }
  .sub-menu-nav-item .sub-nav-block.sub-nav-promo {
    border-left: 1px solid #e5e5e5;
  }
}

.main-nav-item .sub-nav-block .list-head {
  margin: 20px 0 10px 0;
  padding: 20px 0 0 0;
  border-top: 1px #e5e5e5 solid;
  font-size: 18px;
  font-size: 1.8rem;
  color: #707070;
}
.sub-menu-nav-item .sub-nav-block .list-head {
  margin: 20px 0 10px 0;
  padding: 20px 0 0 0;
  border-top: 1px #e5e5e5 solid;
  font-size: 18px;
  font-size: 1.8rem;
  color: #707070;
}
.main-nav-item .sub-nav-block .list-head:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.sub-menu-nav-item .sub-nav-block .list-head:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.main-nav-item .sub-nav-block .list-head a {
  margin-bottom: 24px;
  font-size: 20px;
  font-size: 2rem;
}
.sub-menu-nav-item .sub-nav-block .list-head a {
  margin-bottom: 24px;
  font-size: 20px;
  font-size: 2rem;
}
.main-nav-item .sub-nav-block ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.sub-menu-nav-item .sub-nav-block ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.main-nav-item .sub-nav-block li {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.45;
}
.sub-menu-nav-item .sub-nav-block li {
  margin-bottom: 8px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.45;
}
.main-nav-item .sub-nav-block li .standards-code {
  font-size: 16px;
  font-size: 1.6rem;
  color: #202020;
}
.sub-menu-nav-item .sub-nav-block li .standards-code {
  font-size: 16px;
  font-size: 1.6rem;
  color: #202020;
}

/* Expand (suckerfish) dropdowns on hover and keyboard focus
   See also:
*/
.main-nav-item.hover .sub-nav,
.main-nav-item:hover .sub-nav,
.main-nav-item a:focus + .sub-nav {
  display: block;
  left: 0px;
}
.sub-menu-nav-item.hover .sub-nav,
.sub-menu-nav-item:hover .sub-nav,
.sub-menu-nav-item a:focus + .sub-nav {
  display: block;
  left: 0px;
}

html.touch .main-nav-item.hover .sub-nav,
.lt-ie7 .main-nav-item.hover .sub-nav {
  display: block;
}
html.touch .sub-menu-nav-item.hover .sub-nav,
.lt-ie7 .sub-menu-nav-item.hover .sub-nav {
  display: block;
}
html.touch .main-nav-item:hover .sub-nav,
html.touch .main-nav-item a:focus + .sub-nav,
.lt-ie7 .main-nav-item:hover .sub-nav,
.lt-ie7 .main-nav-item a:focus + .sub-nav {
  display: block;
}
html.touch .sub-menu-nav-item:hover .sub-nav,
html.touch .sub-menu-nav-item a:focus + .sub-nav,
.lt-ie7 .sub-menu-nav-item:hover .sub-nav,
.lt-ie7 .sub-menu-nav-item a:focus + .sub-nav {
  display: block;
}
/* Subnav customisations
*/
@media screen and (min-width: 768px) {
  .sub-nav-block .double-list {
    float: left;
    clear: none;
    margin: 0;
    width: 50%;
  }
}

/* Industry drop-down
*/
@media screen and (min-width: 768px) {
  .industry-nav-item .sub-nav {
    width: 492px;
  }
  .industry-nav-item .sub-nav-links {
    width: 60%;
  }
  .industry-nav-item .sub-nav-promo {
    width: 40%;
  }
}

/* About drop-down
*/
@media screen and (min-width: 768px) {
  .about-nav-item .sub-nav {
    width: 340px;
  }
  .about-nav-item .sub-nav-block {
    width: 100%;
  }
  .technologies-nav-item .sub-nav {
    width: 500px;
  }
  .training-nav-item .sub-nav {
    width: 340px;
    
  }
  .events-nav-item .sub-nav {
    width: 200px;
  }
}
@media screen and (max-width: 767px) {
  .about-nav-item .link-list a {
    font-weight: 400;
  }
}

/* Box modelling */
.lt-ie8 .main-nav-item .sub-nav-block {
  width: 222px;
}
.lt-ie8 .sub-menu-nav-item .sub-nav-block {
  width: 222px;
}
.lt-ie8 .about-nav-item .sub-nav-block {
  width: 100%;
}
.lt-ie8 .industry-nav-item .sub-nav-links {
  width: 260px;
}
.lt-ie8 .industry-nav-item .sub-nav-promo {
  width: 130px;
}
.lt-ie8 .services-nav-item .sub-nav-block {
  left: 0;
}

.lt-ie8 .col-nav-item .sub-nav-block {
  width: 100%;
}
.lt-ie8 .col-nav-item .sub-nav-links {
  width: 260px;
}
.lt-ie8 .col-nav-item .sub-nav-promo {
  width: 130px;
}
.lt-ie8 .col-nav-item .sub-nav-block {
  left: 0;
}

/*-----------------
  Search form
*/
.search-form {
  margin: 0;
  padding: 0 10px 10px;
}
@media screen and (min-width: 768px) {
  .search-form {
    float: right;
    border-left: none;
    height: auto;
    width: 198px;
    padding: 0 10px;
    background-color: none;
    position: relative;
    clear: none;
  }
}
.search-form input {
  width: 248px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 9px 0 10px 10px;
  height: auto;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  background: #fff none;
  color: #707070;
}
@media screen and (min-width: 768px) {
  .search-form input {
    width: 132px;
    margin-right: 0;
    margin-top: 7px;
    height:25px;
    box-shadow: none;
    border: 0;
    border-radius:0;
    padding:0 0 0 10px!important;
  }
  .search-form .bt {
  width: 38px;
  height: 25px!important;
  top: 1px;
  margin: 6px 0 0 0 !important;
  padding: 0;
  background-image:url('/ui/css/img/SearchImage.png');
  background-color: white;
  border: 0;
  background-position: 10px 5px;
  background-size: 15px;
  background-repeat: no-repeat;
  left:-2px;
  border-radius:0;
  text-indent:-9999px;
}
.search-form .bt:hover {
  padding: 0;
  background-image:url('/ui/css/img/SearchImage.png');
  background-color: white;
  border: 0;
  background-position: 10px 5px;
  background-size: 15px;
  background-repeat: no-repeat;
  border-radius:0;
  margin: 6px 0 0 0;
  left:-2px;
  text-indent:-9999px;
}

.search-form .bt:active{
  width:38px;
  padding: 0;
  background-image:url('/ui/css/img/SearchImage.png')!important;
  background-color: white!important;
  border: 0!important;
  background-position: 10px 5px !important;
  background-size: 15px !important;
  background-repeat: no-repeat !important;
  border-radius:0!important;
  margin: 6px 0 0 0;
  left:-2px;
  text-indent:-9999px;
}
}
.search-form button {
  margin: 6px 0 0 0;
}
.search-form .bt {
  width: 38px;
  height: 38px;
  top: 1px;
  max-width:38px;
  margin: 9px 0 0 0;
  padding: 0;
  font-size: 1.6rem;
}
.search-form .bt:hover {
  margin: 9px 0 0 0;
  padding: 0;
}

/*Search autocomplete
*/
.siteSearchResults {
  display: none;
  font-size: 16px;
  border-bottom: 1px solid #bebebe;
  padding: 7px 0 0 0;
  background: url("img/searchTop.svg") -125px 0 no-repeat;
  /* I know this is backward, but let's not keep overriding everything */
}
.siteSearchResults ul {
  list-style: none outside;
  padding: 10px 0;
  margin: 0;
  background: #FFF;
}
.siteSearchResults li {
  margin: 0;
  padding: 0;
}
.siteSearchResults li a {
  display: block;
  padding: 10px 25px;
}
.siteSearchResults li a:hover, .siteSearchResults li a:focus {
  outline: 0;
  background: #f1f1f1;
}
.siteSearchResults a.submit {
  background: #ebebeb;
  border-top: 1px solid #d6d6d6;
  padding: 15px 20px 15px 20px;
  display: block;
}
.siteSearchResults.ui_visible {
  display: block;
}
@media screen and (max-width: 767px) {
  .siteSearchResults {
    -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px 0;
    margin: 5px -10px -10px;
  }
}
@media screen and (min-width: 768px) {
  .siteSearchResults {
    background-position: -25px 0;
    position: absolute;
    top: 56px;
    right: -1px;
    border: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0 5px 7px 0;
  }
  .siteSearchResults ul {
    width: 260px;
    border: 1px solid #d6d6d6;
    border-width: 0 2px;
  }
  .siteSearchResults a.submit {
    border: 1px solid #d6d6d6;
  }
  .siteSearchResults a.submit:before {
    height: 12px;
    width: 12px;
    background: url('/ui/css/img/ico-s56a7298138.png');
    background-position: 0 -55px;
    content: '';
    display: inline-block;
    margin-right: 5px;
  }
}

/*=====================================
  Footer
*/
.site-footer {
  border-top: 1px #d6d6d6 solid;
  -webkit-box-shadow: white 0px 1px 0px inset;
  -moz-box-shadow: white 0px 1px 0px inset;
  box-shadow: white 0px 1px 0px inset;
  background: #f4f4f4;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .site-footer {
    padding: 30px 30px 6px;
  }
}
.site-footer .list-head {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
}
.site-footer .list-head a {
  color: #202020;
}
.site-footer .link-list li {
  margin: 8px 0 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
}
.site-footer .link-list li a {
  color: #6f6f6f;
}
@media only screen and (max-width: 767px) {
  .site-footer {
    background-color: #ebebeb;
  }
}

/*-----------------
 Contact BSI
*/
@media only screen and (min-width: 768px) {
  .contact-bsi h2 {
    margin: 30px 0 1em;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
  }
}
/*-----------------
  Utility nav
*/
@media only screen and (max-width: 767px) {
  .utility-nav {
    padding: 0 20px;
  }
}
.utility-nav .nav-item {
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0 0 0 10px;
  border-left: 1px #a8a8a8 solid;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
}
.utility-nav .nav-item:first-child {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}
.utility-nav .nav-item a {
  color: #d73000;
}
.utility-nav .lang-nav-item .current {
  color: #202020;
}
.utility-nav .lang-nav-item .current:hover {
  text-decoration: none;
}
.utility-nav .lang-nav-item ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

/*-----------------
  Localisation
*/
.localisation-links .list-head {
  margin: 20px 0 0;
}
@media only screen and (max-width: 767px) {
  .localisation-links {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 767px) {
  .help-links {
    float: right;
    margin: 0;
  }
}

.no-js .localisation-links,
.no-js .quick-links {
  display: inline-block;
}
.no-js.lt-ie8 .localisation-links,
.no-js.lt-ie8 .quick-links {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/*-----------------
  Footer bar
*/
.footer-bar {
  clear: both;
  padding: 0 20px;
  border-top: 1px #d6d6d6 solid;
  -webkit-box-shadow: white 0px 1px 0px inset;
  -moz-box-shadow: white 0px 1px 0px inset;
  box-shadow: white 0px 1px 0px inset;
}
@media only screen and (min-width: 768px) {
  .footer-bar {
    margin: 30px -30px 0;
    padding: 12px 0 6px;
  }
}
.footer-bar ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.footer-bar li {
  display: inline-block;
  margin: 0 0 0 4px;
  padding: 0 0 0 8px;
  border-left: 1px #a8a8a8 solid;
  font-size: 14px;
  font-size: 1.4rem;
}
.footer-bar li:first-child {
  padding-left: 0;
  border-left: 0;
}
@media only screen and (min-width: 768px) {
  .footer-bar li:first-child {
    margin-left: 20px;
  }
}
.footer-bar li a {
  color: #d73000;
}
@media only screen and (min-width: 768px) {
  .footer-bar {
    text-align: center;
  }
  .footer-bar p,
  .footer-bar ul {
    display: inline;
  }
}

.lt-ie8 .footer-bar li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/*-------------------------------------
  Signup bar
*/
.info-bar {
  padding: 0 20px;
  border-top: 1px #d6d6d6 solid;
  -webkit-box-shadow: white 0px 1px 0px inset;
  -moz-box-shadow: white 0px 1px 0px inset;
  box-shadow: white 0px 1px 0px inset;
  background: #efefef;
  font-size: 13px;
  font-size: 1.3rem;
}
@media only screen and (min-width: 768px) {
  .info-bar {
    padding: 0 30px;
  }
}

.signup-bar span {
  margin: 20px 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}

.signup-bar h2 {
  margin: 15px 0 0 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
}
.signup-bar .more {
  margin-top: 0;
}
.signup-bar input.text {
  padding: 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  background: #fff none;
  height: auto;
  padding: 9px 0 10px 10px;
  width: 175px;
}

.signup-bar .phone-link {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .signup-bar .form-item {
    width: auto;
  }
  .signup-bar .submit-form-item {
    width: auto;
    margin-right: 0;
  }
  .signup-bar input {
    width: 167px;
  }
}
.signup-bar .form-item.signup-email {
  padding-top: 15px 0;
}

.lt-ie9 .signup-bar input {
  width: 165px;
}

.lt-ie8 .signup-bar .form-item.signup-email {
  padding-bottom: 10px;
}
.lt-ie8 .signup-bar label input {
  width: 127px;
}
.lt-ie8 .signup-bar button.key-bt {
  padding: 8px 8px;
}

.no-generatedcontent .signup-bar .more {
  background-position: -6px -55px;
}

/*-----------------
  Share links
*/
.share-links {
  margin: 15px 0 20px 0;
}
@media only screen and (min-width: 768px) {
  .share-links {
    float: right;
    margin-top: 25px;
  }
}
.share-links ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.share-links li {
  float: left;
  margin: 0 10px 0 0;
}
@media only screen and (min-width: 768px) {
  .share-links li {
    margin: 0 0 0 10px;
  }
}
.share-links a {
  display: block;
  overflow: hidden;
  text-indent: -10000px;
}
.share-links .twitter-link a {
  background-position: -95px -99px;
  height: 20px;
  width: 59px;
}
.share-links .facebook-link a {
  background-position: -99px 0;
  height: 20px;
  width: 59px;
}

.js #country-selector {
  display: none;
}

@media only screen and (min-width: 768px) {
  .no-js .utility-nav #country-selector {
    margin-left: -30px;
    width: 960px;
  }
}
.no-js .utility-nav #country-selector .close {
  display: none;
}

.country-selector {
  zoom: 1;
  position: relative;
  clear: both;
  /* WR-2014-178 also for WR-2014-182 changed below line previously it was padding: 20px 30px 0 30px */
  padding: 20px 0px 0 30px;
  margin: 0 -30px 20px 0;
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #d6d6d6;
  border-top: 2px solid #d6d6d6;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  outline: 0 none;
}
.country-selector .other {
  margin: 0 -30px 0 -30px;
  padding: 15px 30px 20px 30px;
  border-bottom: 10px solid #ebebeb;
  text-align: right;
  clear: both;
}
.country-selector .other a {
  text-decoration: underline;
}
.country-selector .other a:hover, .country-selector .other a:focus {
  text-decoration: none;
}
.country-selector .close {
  position: absolute;
  top: 20px;
  right: 30px;
}
.country-selector .close:after {
  content: '';
  float: right;
  margin: 3px 0 0 3px;
  background-position: -6px -27px;
  height: 15px;
  width: 15px;
}
.country-selector label {
  margin-bottom: 20px;
  float: left;
}
.country-selector h2 {
  border-bottom: 4px solid #ebebeb;
  padding-bottom: 15px;
  margin: 0 0 20px 0;
}
.country-selector ul {
  list-style: none;
  background-color: #f2f2f2;
  margin: 0 0 11px 0;
  margin-left: 0 !important;
  padding: 0;
  float: none !important;
}
.country-selector ul li {
  padding: 8px 15px;
  margin: 0;
  border-bottom: 4px #fff solid;
}
.country-selector ul li:last-child {
  margin-bottom: 0;
}
.country-selector ul a {
  color: #d73000;
  float: right;
  font-weight: 500;
  border-right: 1px solid #c1c1c1;
  padding-right: 5px;
  margin-right: 5px;
}
.country-selector ul a:first-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
.country-selector h3 {
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 15px 10px 15px;
}
@media only screen and (max-width: 767px) {
  .country-selector {
    background-color: #fff;
    padding: 20px;
    margin: -35px -10px 20px -10px;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .country-selector h2 {
    font-size: 21px;
    font-size: 2.1rem;
  }
  .country-selector label {
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .country-selector .other {
    border: 0 none;
    padding: 0;
    text-align: left;
    margin: 0;
  }
}

.lt-ie8 .country-selector .l-grid {
  width: 110%;
}
.lt-ie8 .country-selector li a {
  margin-top: 8px;
  margin-right: 8px;
}

/* Lightbox view
*/
.overlay {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
  overflow: auto;
}

.lt-ie7 .overlay {
  position: absolute;
}

.country-selector-announcement {
  /* Country selector inside modal  */
}
.country-selector-announcement.modal {
  position: static;
  width: 320px;
  margin: 0 auto;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement.modal {
    width: 960px;
  }
}
.country-selector-announcement.modal:focus {
  outline: none;
}
.country-selector-announcement .inner {
  outline: 0 none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  margin: 63px 0 0;
  padding: 20px;
  overflow: hidden;
  position: relative;
  background: #f2f2f2;
  border-bottom: 5px solid #d6d6d6;
  border-top: 5px solid #d6d6d6;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-size: 1.6rem;
  zoom: 1;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement .inner {
    padding: 30px 30px;
    z-index: 2;
  }
}
.country-selector-announcement h2 {
  margin: 0 0 0.8em;
}
.country-selector-announcement p {
  margin: 10px 0;
  font-size: 18px;
  font-size: 1.8rem;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement p {
    margin-bottom: 15px;
  }
}
.country-selector-announcement .bt,
.country-selector-announcement .languages,
.country-selector-announcement label {
  width: 240px;
  display: block;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement .bt,
  .country-selector-announcement .languages,
  .country-selector-announcement label {
    width: 280px;
  }
}
.country-selector-announcement .bt,
.country-selector-announcement .bt:hover,
.country-selector-announcement .bt:active,
.country-selector-announcement .bt:active:hover {
  clear: both;
  display: block;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0;
  width: 240px;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement .bt,
  .country-selector-announcement .bt:hover,
  .country-selector-announcement .bt:active,
  .country-selector-announcement .bt:active:hover {
    width: 280px;
  }
}
.country-selector-announcement .bt:disabled,
.country-selector-announcement .bt:disabled:hover {
  clear: both;
  display: block;
  padding: 15px;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 20px 0;
  width: 240px;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement .bt:disabled,
  .country-selector-announcement .bt:disabled:hover {
    width: 280px;
  }
}
.country-selector-announcement .languages {
  zoom: 1;
  background-color: #fff;
  padding: 15px 20px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement .languages {
    float: left;
  }
}
.country-selector-announcement .languages h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1.6em 0 .8em;
}
.country-selector-announcement .languages h3:first-child {
  margin-top: 0;
}
.country-selector-announcement .languages label {
  padding-top: 1.6em;
}
.country-selector-announcement .languages a {
  font-weight: 500;
  line-height: 15px;
  color: #d73000;
}
@media only screen and (min-width: 768px) {
  .country-selector-announcement .help {
    line-height: 29px;
    position: absolute;
    left: 390px;
    bottom: 41px;
  }
}
.country-selector-announcement .help a {
  float: left;
  clear: both;
  margin: 10px 0 0;
}
.country-selector-announcement .country-selector {
  padding: 20px 30px;
  margin: 0 -30px -30px -30px;
  border: 0;
  border-top: 30px solid #F2F2F2;
  background: #fff;
}
.country-selector-announcement .country-selector .more {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 1.3em 0 0;
}
.country-selector-announcement .country-selector .more h3 {
  margin-left: 0;
}

/* Fallbacks
*/
.no-rgba .overlay {
  background: url(img/_ie7/black_70pc.png);
}

.no-js .country-selector label {
  display: none;
}
.no-js .country-selector-announcement {
  position: relative;
  width: 960px;
}
.no-js .country-selector-announcement label {
  display: none;
}
@media only screen and (min-width: 768px) {
  .no-js .country-selector-announcement .inner {
    margin: 241px auto 0;
  }
}

/*-------------------------------------
  Loading screen
*/
html.js #loading-screen {
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #707070;
  font-size: 21px;
  font-size: 2.1rem;
  background-color: #f2f2f2;
  overflow: hidden;
  display: table;
}
html.js #loading-screen .inner {
  border-top: 9px solid #d73000;
  background: white url(img/spinner.gif) no-repeat center center;
  margin: 23px auto;
  width: 100%;
  max-width: 960px;
  height: 100%;
  -webkit-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.1);
  display: table-cell;
  vertical-align: middle;
  padding-top: 110px;
}
html.js #loading-screen.refreshing {
  background-color: rgba(255, 255, 255, 0.5);
  display: none;
}
html.js #loading-screen.refreshing .inner {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  height: 50px;
  width: 320px;
  padding-top: 100px;
  background-position: center 25px;
  position: relative;
  top: -75px;
  display: block;
}

html.no-rgba #loading-screen.refreshing {
  background: transparent url(img/_ie7/white_50pc.png) repeat 0 0;
}

html.lt-ie7 #loading-screen {
  display: none;
  position: absolute;
}
html.lt-ie7 #loading-screen.refreshing {
  background: transparent;
}

html.no-js #loading-screen {
  display: none;
}

/* Display the loading screen until the breakpoints have triggered */
body.breakpoint-768 #loading-screen,
body.breakpoint-220 #loading-screen {
  display: none;
}

/*-------------------------------------
  Form blocks
*/
legend {
  color: #202020;
}

.form-block {
  margin: 30px 0 0;
}
.form-block fieldset {
  border: 0;
  padding: 0px 30px 0 5px;
  /*margin: 40px 0 20px 0;*/
  position: relative;
  background-color: #f3f3f3;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.form-block fieldset.no-legend {
  padding-top: 0;
}
.form-block fieldset:first-child {
  margin-top: 0;
}
.form-block fieldset:first-child legend {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
  /* WR-2014-178 added two lines below */
  position :relative;
  top:25px;
}
.form-block legend {
  font-size: 26px;
  font-size: 2.6rem;
}
.form-block .legend {
  position: absolute;
  top: 20px;
  left: 30px;
}
.form-block label {
  /*display: block;*/
}

input[type="checkbox"] {
margin: 0px 3px 3px 4px;
}
.form-block label .optional, .form-block span.label-wrapper .optional {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #606060;
}
.form-block label input.error, .form-block span.label-wrapper input.error {
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(215, 48, 0, 0.5);
  -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(215, 48, 0, 0.5);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(215, 48, 0, 0.5);
  border-color: #d73000;
}
.form-block label input,
.form-block label a.selectBox,
.form-block label textarea,
.form-block span.label-wrapper input,
.form-block span.label-wrapper a.selectBox,
.form-block span.label-wrapper textarea {
  padding: 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  background: #fff none;
}
.form-block label .selectBox,
.form-block span.label-wrapper .selectBox {
  height: 36px;
  line-height: 36px;
}
.form-block label input,
.form-block span.label-wrapper input {
  padding: 9px 10px;
  height: auto;
  width: 100%;
}
.form-block label input[name=employees],
.form-block span.label-wrapper input[name=employees] {
  width: 50%;
}
.form-block label textarea,
.form-block span.label-wrapper textarea {
  padding: 10px;
  resize: none;
}
.form-block label .selectBox,
.form-block span.label-wrapper .selectBox {
  -webkit-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1);
  outline: 0;
}
.form-block label .selectBox .selectBox-label,
.form-block span.label-wrapper .selectBox .selectBox-label {
  padding: 0;
}
.form-block label .selectBox .selectBox-arrow,
.form-block span.label-wrapper .selectBox .selectBox-arrow {
  border-left-color: #d6d6d6;
  -webkit-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-position: -12px -55px;
  height: 34px;
  width: 31px;
  background-color: #e9e9e9;
}
.form-block label .selectBox:hover .selectBox-arrow, .form-block label .selectBox:focus .selectBox-arrow,
.form-block span.label-wrapper .selectBox:hover .selectBox-arrow, .form-block span.label-wrapper .selectBox:focus .selectBox-arrow {
  background-position: -28px -224px;
  height: 34px;
  width: 31px;
}
.form-block label .selectBox:focus .selectBox-arrow,
.form-block span.label-wrapper .selectBox:focus .selectBox-arrow {
  border-color: #d6d6d6;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-block label.error {
  color: #d73000;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right;
  padding: 5px 30px 0 0;
}
@media only screen and (max-width: 767px) {
  .form-block fieldset {
    padding: 40px 20px 20px 20px;
  }
  .form-block legend {
    font-size: 21px;
    font-size: 2.1rem;
  }
  .form-block legend .legend {
    left: 20px;
  }
  .form-block label {
    padding-right: 0;
  }
  /* Added below section 4 lines for WR-2014-178 */
  .form-block heading 
  {
    float: left;
    margin-left: -240px;
    width: 500px;
    text-align: left;   
  }
  .form-block label input,
  .form-block label a.selectBox,
  .form-block label textarea,
  .form-block span.label-wrapper input,
  .form-block span.label-wrapper a.selectBox,
  .form-block span.label-wrapper textarea {
    width: 100%;
    clear: both;
    display: block;
  }
  .form-block label a.selectBox,
  .form-block span.label-wrapper a.selectBox {
    width: 100%!important;
    /* Important declaration to override styles applied by selectBox JS */
    display: block!important;
    /* Important declaration to override styles applied by selectBox JS */
  }
  .form-block label.error {
    padding-right: 0;
  }
  .form-block .inline-form-item {
    width: auto;
    float: left;
    clear: none;
  }
  .form-block .inline-form-item input {
    width: 145px;
  }
}

.selectBox-options {
  font-size: 16px;
  font-size: 1.6rem;
  border-top: 0 none;
  margin-top: -1px;
  margin-left: 2px;
  border-color: #d0d0d0;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}
.selectBox-options a:hover {
  text-decoration: none;
}

.form-item-group {
  position: relative;
}

.form-item-group-heading {
  margin: 20px 0 0;
}

.form-item {
  clear: left;
  padding: 15px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .form-item {
    width: 240px;
  }
}
.form-item .form-item {
  margin-left: 24px;
}

.inline-form-item {
  display: inline-block;
  margin-right: 10px;
}
.inline-form-item label {
  padding-right: 0;
}

.lt-ie8 .inline-form-item {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.inline-form-item:first-child,
.form-item-group-head + .inline-form-item {
  margin-left: 0;
}

.label .optional {
  font-size: 12px;
  font-size: 1.2rem;
}

.label.visuallyhidden {
  cursor: default;
}

/*-----------------
  Tabbed layouts

 .tabbed-fields form layouts
  use .tabbed-fields class on fieldset if you want the label to be offset to the left and aligned right

*/
.tabbed-fields {
  /* Use label.inline-label if the text should appear inline with the input
    (rather than tabbed off to the left)
  */
}
.tabbed-fields .form-item-group {
  padding: 20px 0 30px;
  /*padding: 0px 20px 0 30px;*/
  border-top: 1px solid #e0e0e0;
}
.tabbed-fields .form-item-group:first-of-type {
  border-top: 0 none;
}
@media only screen and (min-width: 768px) {
  .tabbed-fields .form-item-group {
    padding-left: 240px;
  }
}
.tabbed-fields .label,
.tabbed-fields .group-label {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  .tabbed-fields .label,
  .tabbed-fields .group-label {
    float: left;
    margin-left: -240px;
    width: 220px;
    text-align: right;
  }
}
@media only screen and (min-width: 768px) {
  .tabbed-fields .sppt-msg {
    font-size: 14px;
    font-size: 1.4rem;
    float: right;
    width: 130px;
    margin-bottom: 20px;
  }
}
.tabbed-fields .form-item .inline-label {
  margin-left: 0;
  padding-left: 0;
}
.tabbed-fields .form-item .inline-label .label {
  margin-left: 0;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  color: #606060;
  line-height: normal;
}
.tabbed-fields .form-item .inline-label .label em {
  display: block;
  color: #202020;
  font-style: normal;
}
.tabbed-fields .form-item .inline-label input[type=checkbox] {
  float: left;
  margin: 0 10px 0 0;
}

/* User messaging options
*/
.user-msg {
  font-size: 16px;
  font-size: 1.6rem;
  color: #606060;
  padding-bottom: 15px;
  clear: both;
}
.user-msg .inner {
  margin: 0;
  padding: 12px;
  font-size: 13px;
  font-size: 1.3rem;
}

.checkboxes-sprite, .checkbox-replaced, .checkbox-replaced.checked, .search-filters .checkbox-replaced, .search-filters .checkbox-replaced.checked {
  background: url('/ui/css/img/checkboxes-sa9d5f98f86.png') no-repeat;
}

.checkbox-replaced {
  min-height: 24px;
  overflow: hidden;
  padding-left: 40px;
  background-position: 0 -242px;
}
.checkbox-replaced input {
  position: absolute;
  left: -1000px;
  width: auto!important;
  /* This line is necessary to stop bogus input boxes appearing off-left in IE9! @see https://trello.com/card/ie9-checkbox-visibility-bug/4ff33e8323fc47565c6a6502/99 */
}
.checkbox-replaced.checked {
  background-position: 0 0;
}
.checkbox-replaced.focus .label {
  outline: 1px dotted #424242;
}

.lt-ie7 .checkbox-replaced {
  height: 24px;
  overflow: visible;
}

.tabbed-fields .form-item .checkbox-replaced {
  padding-left: 40px;
}

.submit-form-item .bt, .submit-form-item .bt:hover, .submit-form-item .bt:active, .submit-form-item .bt:active:hover {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.35;
  padding: 10px 50px;
  margin-bottom: 10px;
}
.submit-form-item .bt:disabled, .submit-form-item .bt:disabled:hover {
  font-size: 18px;
  font-size: 1.8rem;
  padding: 10px 50px;
  margin-bottom: 10px;
}
.submit-form-item .small, .submit-form-item .small:hover, .submit-form-item .small:active, .submit-form-item .small:active:hover, .submit-form-item.inline-form-item .bt, .submit-form-item.inline-form-item .bt:hover, .submit-form-item.inline-form-item .bt:active, .submit-form-item.inline-form-item .bt:active:hover {
  padding: 8px 15px;
  font-size: 16px;
  font-size: 1.6rem;
}
.submit-form-item .small:disabled, .submit-form-item .small:disabled:hover, .submit-form-item.inline-form-item .bt:disabled, .submit-form-item.inline-form-item .bt:disabled:hover {
  padding: 8px 15px;
  font-size: 16px;
  font-size: 1.6rem;
}

.lt-ie8 .form-item input {
  width: 90%;
}
.signup-bar input.bt,
.lt-ie8 .signup-bar .form-item input.bt  {
	width: auto
}

/* Dropdown control */
.selectBox-dropdown {
  min-width: 150px;
  position: relative;
  border: solid 1px #BBB;
  line-height: 1.5;
  text-decoration: none;
  text-align: left;
  color: #000;
  outline: none;
  vertical-align: middle;
  background: #F2F2F2;
  background: -moz-linear-gradient(top, #f8f8f8 1%, #e1e1e1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #f8f8f8), color-stop(100%, #e1e1e1));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
  cursor: default;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
  border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
  padding: 2px 8px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
  position: absolute;
  top: 0;
  right: 0;
  width: 23px;
  height: 100%;
  background: url(jquery.selectBox-arrow.gif) 50% center no-repeat;
  border-left: solid 1px #BBB;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
  position: absolute;
  z-index: 99999;
  max-height: 200px;
  min-height: 1em;
  border: solid 1px #BBB;
  /* should be the same border width as .selectBox-dropdown */
  background: #FFF;
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  overflow: auto;
}

/* Inline control */
.selectBox-inline {
  min-width: 150px;
  outline: none;
  border: solid 1px #BBB;
  background: #FFF;
  display: inline-block;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  overflow: auto;
}

.selectBox-inline:focus {
  border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
  list-style: none;
  display: block;
  cursor: default;
  padding: 0;
  margin: 0;
}

.selectBox-options LI A {
  line-height: 1.5;
  padding: 0 .5em;
  white-space: nowrap;
  overflow: hidden;
  background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
  background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
  color: #888;
  background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
  background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
  color: #666;
  background: #EEE;
  font-weight: bold;
  line-height: 1.5;
  padding: 0 .3em;
  white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
  color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
  opacity: .5;
  filter: alpha(opacity=50);
  border-color: #666;
}

.selectBox-inline.selectBox-disabled {
  color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
  background-color: transparent !important;
}

/*-------------------------------------
  Postcode lookup
*/
.pcode-addr-list label {
  font-size: 12px;
  font-size: 1.2rem;
}

.scroll-pane {
  max-height: 160px;
  overflow: auto;
  margin: 0 0 40px 0;
  padding: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  border: 1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
  background: #fff none;
}
.scroll-pane input {
  position: absolute;
  left: -1000px;
}
.scroll-pane .form-item {
  margin: 0;
  padding: 0;
}
.scroll-pane label {
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
}

.manual-addr-group {
  position: relative;
}
.manual-addr-group.collapsible {
  padding: 0;
  margin: 0;
}
.manual-addr-group .trigger, .manual-addr-group .trigger:hover, .manual-addr-group .trigger:focus, .manual-addr-group .trigger:active, .manual-addr-group .trigger:active:hover {
  background: transparent none;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: underline;
  text-shadow: none;
  color: #202020;
  padding: 0;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.manual-addr-group .trigger:disabled, .manual-addr-group .trigger:disabled:hover {
  background: transparent none;
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-decoration: underline;
  text-shadow: none;
  color: #202020;
  padding: 0;
  position: absolute;
  bottom: 30px;
  right: 30px;
}
.manual-addr-group .trigger:hover, .manual-addr-group .trigger:focus {
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  .manual-addr-group .trigger, .manual-addr-group .trigger:hover, .manual-addr-group .trigger:focus, .manual-addr-group .trigger:active, .manual-addr-group .trigger:active:hover {
    text-align: left;
    width: 85px;
    right: 20px;
    bottom: 25px;
  }
  .manual-addr-group .trigger:disabled, .manual-addr-group .trigger:disabled:hover {
    text-align: left;
    width: 85px;
    right: 20px;
    bottom: 25px;
  }
}

.lt-ie9 .manual-addr-group .trigger {
  right: 0;
}

.pcode-lookup {
  margin-bottom: 20px;
  float: left;
}
.pcode-lookup label {
  margin-bottom: 15px;
  padding-right: 0;
}
.pcode-lookup .bt, .pcode-lookup .bt:hover, .pcode-lookup .bt:focus, .pcode-lookup .bt:active, .pcode-lookup .bt:active:hover {
  padding: 8px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #919191 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkOWQ5ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #919191 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9d9d9d), color-stop(100%, #919191));
  background: #919191 -webkit-linear-gradient(#9d9d9d, #919191);
  background: #919191 -moz-linear-gradient(#9d9d9d, #919191);
  background: #919191 -o-linear-gradient(#9d9d9d, #919191);
  background: #919191 linear-gradient(#9d9d9d, #919191);
  color: #fff;
  border: 1px solid #808080;
}
.pcode-lookup .bt:disabled, .pcode-lookup .bt:disabled:hover {
  padding: 8px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #919191 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkOWQ5ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #919191 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9d9d9d), color-stop(100%, #919191));
  background: #919191 -webkit-linear-gradient(#9d9d9d, #919191);
  background: #919191 -moz-linear-gradient(#9d9d9d, #919191);
  background: #919191 -o-linear-gradient(#9d9d9d, #919191);
  background: #919191 linear-gradient(#9d9d9d, #919191);
  color: #fff;
  border: 1px solid #808080;
}

/*-------------------------------------
  Testimonials
*/
.testimonial {
  font-size: 16px;
  font-size: 1.6rem;
}
.testimonial blockquote {
  margin: 0 0 10px;
  padding: 0;
}
.testimonial blockquote p {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
}
.testimonial cite {
  font-style: normal;
  padding-right: 4px;
}
.testimonial.major {
  border: #f2f2f2 solid;
  border-width: 0 5px;
  padding: 8px 16px;
}
@media only screen and (min-width: 768px) {
  .testimonial.major {
    padding: 8px 32px;
  }
  .testimonial.major p {
    font-size: 27px;
    font-size: 2.7rem;
    line-height: 1.2;
    color: #d72d18;
  }
}
.testimonial.major a {
  color: #d73000;
  text-decoration: none;
}
.testimonial.major a:hover {
  text-decoration:underline;
}

/*=====================================
  Teaser blocks
*/
.teaser,
.teaser-block {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .teaser,
  .teaser-block {
    margin-top: 0px;
  }
}
.teaser p,
.teaser dl,
.teaser li,
.teaser .more,
.teaser-block p,
.teaser-block dl,
.teaser-block li,
.teaser-block .more {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 9px 0 0;
}
.teaser .more,
.teaser-block .more {
  margin-top: 20px;
}
.teaser img,
.teaser-block img {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.teaser .cta,
.teaser-block .cta {
  margin: 30px 0 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.teaser p a,
.teaser-block p a {
  text-decoration: underline;
}
.teaser p a:hover,
.teaser-block p a:hover {
  text-decoration: none;
}
.teaser p a:focus,
.teaser-block p a:focus {
  text-decoration: none;
  background-color: #d73000;
  color: white;
}

/*Fix for WR-2017-910*/
.block-links a:not(.key-bt){
    color: #d73000;
    text-decoration: none;
}

.block-links a:not(.key-bt):hover{
    text-decoration: underline;
}

/* Fix floats in IE7
   pmob.co.uk/search-this/stcaption3.htm
*/
.lt-ie8 .teaser-block [class^="l-grid-"] {
  float: none;
  display: inline;
  zoom: 1;
  vertical-align: top;
  /* there's no generated content */
}
.lt-ie8 .teaser-block [class^="l-grid-"] .teaser-item {
  display: inline;
}
.lt-ie8 .teaser-block [class^="l-grid-"] .teaser-item-title {
  padding-left: 0;
}

@media only screen and (max-width: 767px) {
  .l-grid-2 .teaser {
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
  }
  .l-grid-2:last-child .teaser {
    border-bottom: 0 none;
    padding-bottom: 0;
  }
}
.teaser-intro p {
  font-size: 18px;
  font-size: 1.8rem;
}

.teaser-title,
.teaser-intro-title,
.teaser-block-title,
.teaser-item-title {
  margin: 0 0 15px;
}

@media only screen and (max-width: 767px) {
  .teaser-item-title a {
    color: #d73000;
  }
}
.teaser-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.teaser-list li {
  clear: both;
  padding: 8px 0 0;
  margin: 0;
}
.teaser-list li:first-child {
  padding-top: 0;
}
.teaser-list a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  color: #d73000;
  font-weight: 400;
}
.teaser-list a:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}

.no-generatedcontent .teaser-list a {
  background: url(img/_ie7/chevrons.png) no-repeat -6px -52px;
  padding-left: 15px;
}

.lt-ie7 .teaser-list a {
  background-image: url(img/_ie6/chevrons.png);
}

.teaser-item {
  margin-top: 30px;
  clear: both;
  position: relative;
  zoom: 1;
  /* make space for nested <span class="ico" /> icons */
}
@media only screen and (max-width: 767px) {
  .teaser-item {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
.teaser-item:first-child {
  margin-top: 0;
}
.teaser-item.has-icon {
  padding-left: 90px;
  overflow: hidden;
}
.teaser-item.has-icon .block {
  float: left;
  margin-left: -90px;
  padding-left: 90px;
  min-height: 100px;
}
.teaser-item.has-icon .ico {
  float: left;
  margin: 0 0 0 -90px;
}
.teaser-item.has-icon .ico + p {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .teaser-item.has-icon {
    padding-left: 50px;
  }
  .teaser-item.has-icon .ico {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 0 0 0 50%;
    -moz-transform-origin: 0 0 0 50%;
    -ms-transform-origin: 0 0 0 50%;
    -o-transform-origin: 0 0 0 50%;
    transform-origin: 0 0 0 50%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  .teaser-item.has-icon .cost .ico {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    position: absolute;
    top: 18%;
    left: 0;
  }
}

.reversed .teaser-item a {
  color: white;
}

.lt-ie7 .booking {
  padding-left: 0;
}
.lt-ie7 .booking .ico {
  display: none;
}

/*-------------------------------------
  Ordered lists of teaser items
*/
.teaser-block ol {
  list-style-type: none;
  padding-left: 0;
}
.teaser-block ol .num {
  font-size: 18px;
  font-size: 1.8rem;
  background-color: #e9e9e9;
  color: #606060;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
  display: block;
  position: absolute;
  top: 10px;
  left: 30px;
}
.teaser-block ol li {
  zoom: 1;
  position: relative;
  padding: 20px 0 30px 90px;
  margin: 30px 0;
  border-bottom: 1px solid #F2F2F2;
}
.teaser-block ol li article {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .teaser-block ol li:after {
    position: absolute;
    top: 4px;
    left: 0;
    width: 5px;
    height: 90%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background-color: #f2f2f2;
    content: "";
  }
  .teaser-block ol li:hover:after {
    background-color: #dadada;
  }
}
@media only screen and (max-width: 767px) {
  .teaser-block ol .num {
    width: 30px;
    height: 30px;
    line-height: 30px;
    left: 0;
  }
  .teaser-block ol li {
    padding-left: 40px;
    padding-top: 10px;
  }
}

/*-------------------------------------
  Content-themed teaser blocks
*/
/* Services
*/
.srvc-teaser-item a .teaser-item-title {
  color: #d73000;
  font-weight: 400;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
}
.srvc-teaser-item a .teaser-item-title:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}
.srvc-teaser-item a p {
  clear: both;
  margin: 0;
}

.no-generatedcontent .srvc-teaser-item a .teaser-item-title {
  background: url(img/_ie7/chevrons.png) no-repeat -6px -52px;
  padding-left: 15px;
}

.lt-ie7 .srvc-teaser-item a .teaser-item-title {
  background-image: url(img/_ie6/chevrons.png);
}

.srvc-teaser-block .teaser-block-title {
  color: #707070;
  margin: 10px 0;
}
@media only screen and (min-width: 768px) {
  .srvc-teaser-block .teaser-block-title {
    margin: 30px 0;
  }
}

/*-----------------
  Training teasers
*/
.trng-teaser-item {
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
  border-bottom: 1px #f2f2f2 solid;
  /* Featured courses
  */
}
.trng-teaser-item:after {
  position: absolute;
  top: 4px;
  left: 0;
  width: 5px;
  height: 80%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #f2f2f2;
  content: "";
}
.trng-teaser-item:hover:after {
  background-color: #dadada;
}
.trng-teaser-item, .trng-teaser-item.has-icon {
  padding-left: 30px;
}
.trng-teaser-item:last-child {
  border-bottom: 0 none;
}
.trng-teaser-item ul {
  margin-left: 0;
  padding-left: 20px;
  list-style: disc;
}
.trng-teaser-item .meta {
  margin: 0;
  line-height: 1.2;
}
@media only screen and (min-width: 768px) {
  .trng-teaser-item {
    padding-right: 160px;
  }
  .trng-teaser-item.has-icon {
    padding-right: 230px;
    padding-left: 30px;
  }
  .trng-teaser-item .meta {
    text-align: center;
  }
  .trng-teaser-item .type {
    position: absolute;
    top: 100px;
    left: 0;
    width: 60px;
  }
  .trng-teaser-item .booking {
    position: absolute;
    top: 0;
    right: 0;
    width: 140px;
  }
  .trng-teaser-item .cost,
  .trng-teaser-item .duration {
    display: block;
  }
}
.trng-teaser-item.featured-course {
  padding-left: 0;
}
.trng-teaser-item.featured-course:last-child {
  padding-bottom: 0;
}
.trng-teaser-item.featured-course:after {
  display: none;
}
.trng-teaser-item.featured-course .featured {
  font-weight: 400;
  text-transform: uppercase;
  color: #606060;
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 10px 0;
  display: block;
}

aside .trng-teaser-item.featured-course {
  padding: 0;
}
aside .trng-teaser-item.featured-course .teaser-item-title a {
  color: #202020;
}
aside .trng-teaser-item.featured-course .booking {
  position: relative;
  width: auto;
}
aside .trng-teaser-item.featured-course .booking .price b {
  font-size: 21px;
  font-size: 2.1rem;
}

/*-----------------
  Quality management teasers
*/
.quality-management-teaser-item {
  background-color: #f2f2f2;
  position: relative;
  margin: 20px 5px 0 5px;
  min-height: 140px;
  padding: 30px 90px 30px 195px;
  overflow: visible;
  /* Quality management teasers in 4-up grid mode
  */
}
.quality-management-teaser-item:before, .quality-management-teaser-item:after {
  position: absolute;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #dadada;
  content: "";
}
.quality-management-teaser-item:before {
  left: -5px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}
.quality-management-teaser-item:after {
  right: -5px;
  -webkit-border-radius: 0 8px 8px 0;
  -moz-border-radius: 0 8px 8px 0;
  -ms-border-radius: 0 8px 8px 0;
  -o-border-radius: 0 8px 8px 0;
  border-radius: 0 8px 8px 0;
}
.quality-management-teaser-item img {
  float: left;
  margin-left: -170px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.quality-management-teaser-item h3,
.quality-management-teaser-item h3 a {
  color: #8c8c8c;
  font-size: 18px;
  font-size: 1.8rem;
}
.quality-management-teaser-item h3 span,
.quality-management-teaser-item h3 a span {
  color: #202020;
  display: block;
  font-size: 21px;
  font-size: 2.1rem;
}
.quality-management-teaser-item.l-grid-1 {
  width: 125px;
  float: left;
  clear: none;
  margin: 30px 0 0 30px;
  padding: 20px 0;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .quality-management-teaser-item.l-grid-1 {
    margin: 0 30px 30px 0;
  }
  .quality-management-teaser-item.l-grid-1:nth-child(even) {
    margin-right: 15px;
  }
  .quality-management-teaser-item.l-grid-1 .more:after {
    display: none;
  }
  .quality-management-teaser-item.l-grid-1:after {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
}
.quality-management-teaser-item.l-grid-1:before, .quality-management-teaser-item.l-grid-1:after {
  background-color: #f2f2f2;
  height: 5px;
  width: 100%;
}
.quality-management-teaser-item.l-grid-1:before {
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  -ms-border-radius: 8px 8px 0 0;
  -o-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  top: 0;
  left: 0;
}
/*.quality-management-teaser-item.l-grid-1:after {
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  -ms-border-radius: 0 0 8px 8px;
  -o-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}*/
.quality-management-teaser-item.l-grid-1 img {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0 0 10px 0;
}
.quality-management-teaser-item.l-grid-1 .more:after {
  content: '';
  display: block;
  position: absolute;
  top: 45px;
  left: -21px;
  margin: 0;
  background-position: -30px 0;
  height: 23px;
  width: 11px;
}
.quality-management-teaser-item.l-grid-1:first-child .more:after {
  display: none;
}
.border{
    border-bottom-style:inset;
    border-bottom-width: thick;
}
@media only screen and (max-width: 767px) {
  .quality-management-teaser-item.l-grid-1 .more:after {
    display: none;
  }
}

.no-generatedcontent .quality-management-teaser-item {
  padding-top: 0;
  padding-bottom: 0;
}

/**
 * Promo teasers
 */
.teaser.promo img {
  float: left;
  margin: 0 20px 20px 0;
}

/**
 * Course teasers
 */
.courses-list a {
  display: block;
  overflow: hidden;
}
.courses-list h3 {
  margin-top: .2em;
}
 
.course-teaser {
	padding-right: 30px;
}

.course-teaser img {
  float: left;
  margin: 0 20px 20px 0;
}

.course-teaser h4 {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  color: #d73000;
}

@media only screen and (max-width: 768px) {
  .l-grid-2  .course-teaser {
    padding-bottom: 5px;
  }
}

/*-------------------------------------
  Drop downs
  CSS-only drop downs
  (tho requires JS support to keep panel visible when focussing on an inner element)
*/
.drop-down {
  position: relative;
  z-index: 2;
}
.drop-down a {
  z-index: 2;
  position: relative;
  padding: 0 5px;
}

.drop-down-panel {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  position: absolute;
  left: 5px;
  top: -25px;
  padding-top: 10px;
  padding-bottom: 8px;
  background: #fff;
  border: 1px solid #d6d6d6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  z-index: 1;
  display: none;
}
@media only screen and (min-width: 768px) {
  .drop-down-panel {
    top: -5px;
  }
}
.drop-down-panel:after {
  content: '';
  display: block;
  width: 100%;
  height: 5px;
  background-color: #ebebeb;
  border-bottom: 1px solid #d6d6d6;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 3;
}
.drop-down-panel li:first-child {
  padding-top: 20px;
}
.drop-down-panel a {
  display: block;
  padding: 4px 10px;
  color: #777777;
}

/* Expand (suckerfish) dropdowns on hover and keyboard focus
*/
.drop-down.hover .drop-down-panel,
.drop-down:hover .drop-down-panel,
.drop-down a:focus + .drop-down-panel {
  display: block;
}

/*-------------------------------------
  Panels
  Theming for content blocks that have a border or bgnd that demarks them from the page
  Typically these modules live in the 'sidebar'
*/
.panel {
  font-size: 16px;
  font-size: 1.6rem;
  background: #f3f3f3;
  margin-bottom: 30px;
  padding: 30px;
  border: 10px #ebebeb solid;
  border-width: 10px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* A major panel must live in the main content column */
  /*-----------------
    Theming
  */
}
@media only screen and (min-width: 768px) {
  .panel:first-child {
    margin-top: 0;
  }
}
.panel .panel-content {
  overflow: hidden;
  /* used to force hanging indent around floated icon */
}
.panel .ico {
  float: left;
  margin-right: 20px;
}
@media only screen and (max-width: 767px) {
  .panel .ico {
    display: none;
  }
}
.panel p,
.panel .link-list li,
.panel div.more {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 8px 0 0;
}
.panel p:first-child,
.panel li:first-child {
  margin-top: 0;
}
.panel.major {
  padding: 20px;
  border-width: 0 0 10px;
}
.panel.major .bt {
  margin: 15px 0;
}
.panel.light {
  background: #fff;
  border: 5px #f2f2f2 solid;
  padding: 25px;
}
.panel.reversed {
  color: white;
  background: #4c4c4c;
  border: 0;
}
.panel.reversed .panel-title {
  font-weight: 500;
}
.panel.reversed .panel-title a {
  color: white;
}
.panel.reversed .link-list a {
  color: #e1e1e1;
}

html.lt-ie7 .panel {
  overflow: hidden;
}
html.lt-ie7 .l-grid-2 .panel {
  width: 220px;
}

.panel-title {
  margin: 0 0 20px;
  font-weight: 400;
}

/*-------------------------------------
  Body copy

  default link color: $light-red;

*/
.body-copy {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.body-copy p,
.body-copy .more {
  margin: 9px 0 0;
}
.body-copy p:first-child {
  margin-top: 0;
}
.body-copy p a,
.body-copy li a, .enhanced a {
  font-weight: 400;
  color: #d73000;  
}
.body-copy li {
    color:#000000;    
}
.body-copy p a:hover, .body-copy p a:active{
  text-decoration: none;
}

.body-copy li a:hover,
.body-copy li a:active {
    text-decoration: underline;
}

.body-copy p a:focus,
.body-copy li a:focus {
  text-decoration: none;
  background-color: #d73000;
  color: white;
}
.body-copy p a:visited,
.body-copy li a:visited {
  color: #642b1f;
}
.body-copy.has-gutter {
  padding-right: 20px;
}
.body-copy.has-gutter hr {
  margin-right: -20px;
}
.body-copy .accordion li {
  font-weight: 400;
}
.body-copy .accordion li section li {
  font-weight: 500;
}
.body-copy .link-list a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  font-weight: 400;
}
.body-copy .link-list a:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}

.lt-ie8 .body-copy .link-list a {
  background: transparent url(img/_ie7/chevrons.png) no-repeat -6px -52px;
}

.lt-ie7 .body-copy .link-list a {
  background: transparent url(img/_ie6/chevrons.png) no-repeat -6px -52px;
}

/*-------------------------------------
  Images
*/
.article-img {
  margin: 0 0 20px 0;
}
.article-img img {
  margin: 0 0 10px;
  max-width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.article-img figcaption {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #868686;
}

.thumb {
  float: left;
  display: inline;
  margin: 0 20px 20px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/*-------------------------------------
  Lists
*/
.list-head {
  margin: 30px 0 0;
}

@media only screen and (min-width: 768px) {
  .list-head:first-child {
    margin-top: 0;
  }
}

.link-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}

/*-------------------------------------
  Banners
*/
.banner {
  position: relative;
  width: 320px;
  border-top: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
  /*   display: none; */
  /* Formatting for mobile view
  */
  /* Formatting for desktop view
  */
  /* Formatting for 'knock-out' captions
  */
}
.banner, .banner.flexslider {
  margin: 0 -20px 30px -20px;
}
.banner .slides,
.banner .flex-direction-nav {
  padding: 0;
  margin: 0;
}
.banner .flex-direction-nav {
  position: absolute;
  top: 50%;
  margin-top: -22px;
  width: 100%;
}
.banner .flex-direction-nav a {
  margin: 0;
  height: 44px;
  width: 24px;
  background: url('/ui/css/img/ico-s56a7298138.png');
}
.banner .flex-direction-nav .flex-prev {
  background-position: -103px -55px;
  left: 0;
  margin: 0;
}
.banner .flex-direction-nav .flex-next {
  background-position: -127px -55px;
  right: 0;
  margin: 0;
}
.banner .slider-item {
  position: relative;
  margin-bottom: 0;
}
.banner img {
  width: 100%;
}
.banner .banner-title {
  margin: 0;
  font-size: 24px;
  font-size: 2.4rem;
  position:relative;
  left:-1px;

}
.banner .caption {
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  left: 40px;
  bottom: 9%;
  width: 55%;
}
.banner p {
  margin: 10px 0 10px 0;
}
.banner .cta {
  margin-top: 10px;
}
.banner .more a, .banner .more a:before {
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .banner p,
  .banner .cta,
  .banner .more {
    line-height: 1.15;
  }
  .banner .caption {
    width: 296px;
    padding: 0 120px 0 10px;
    left: 18px;
  }
}
@media only screen and (min-width: 768px) {
  .banner {
    width: 960px;
    border: 0 none;
    /* Light panels inside the banner
    */
  }
  .banner.flexslider, .banner {
    margin: -30px -30px 30px -30px;
  }
  .banner .flex-direction-nav {
    margin-top: -33px;
  }
  .banner .flex-direction-nav a {
    margin: 0;
    height: 67px;
    width: 46px;
    background: url('/ui/css/img/ico-s56a7298138.png');
  }
  .banner .flex-direction-nav .flex-prev {
    background-position: 0 -349px;
    left: -23px;
    margin: 0;
  }
  .banner .flex-direction-nav .flex-next {
    background-position: -100px -282px;
    right: -23px;
    margin: 0;
  }
  .banner .more {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .banner .caption {
    position: absolute;
    left: 54px;
    padding: 0;
    width: 32%;
    font-size: 18px;
    font-size: 1.8rem;
    bottom:13%
  }
  .banner .caption.med-width {
    width: 38%;
  }
  .banner .caption.width-45 {
    width: 45%;
  }
  .banner .caption.width-55 {
    width: 55%;
  }
  .banner .caption.align-bottom {
    top: 80px;
    bottom: auto;
  }
  .banner .caption.knock-out .more a, .banner .caption.knock-out .more a:before {
    color: #fff;
  }
  .banner .cta {
    margin-top: 19px;
  }
  .banner .banner-title {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 1.1;
  }
  .banner .small-banner-title {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .banner ul {
    margin: 0 0 10px 0;
    padding-left: 14px;
  }
  .banner li {
    margin-bottom: 3px;
  }
  .banner .panel {
    position: absolute;
    bottom: 40px;
    right: 40px;
    padding: 14px;
  }
  .banner .panel p {
    margin-top: 24px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.banner .knock-out {
  margin: -14px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-shadow: 0 0 1px #111;
}
@media only screen and (max-width: 767px) {
  .banner .knock-out {
    margin-top: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .banner .knock-out .banner-title {
    font-size: 32px;
  }
}

.lt-ie7 .banner {
  width: 960px;
  overflow: hidden;
  margin-right: 15px;
}

/* rgba fallback  */
.no-rgba .banner .knock-out {
  background: url(/ui/css/img/_ie7/black_70pc.png);
  padding: 20px;
  /* For some obscure reason, IE<=8 required me to re-specify the padding here, even though it is already defined */
}

/* Banner carousel controls
*/
.banner-controls {
  display: none;
  margin: -30px -30px 30px -30px;
  padding: 0;
  list-style-type: none;
}
.banner-controls li {
  width: 33%;
  float: left;
}
.banner-controls li:first-child {
  width: 34%;
}
.banner-controls li a {
  background: #b4b4b4 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #b4b4b4 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cacaca), color-stop(100%, #b4b4b4));
  background: #b4b4b4 -webkit-linear-gradient(top, #cacaca, #b4b4b4);
  background: #b4b4b4 -moz-linear-gradient(top, #cacaca, #b4b4b4);
  background: #b4b4b4 -o-linear-gradient(top, #cacaca, #b4b4b4);
  background: #b4b4b4 linear-gradient(top, #cacaca, #b4b4b4);
  display: block;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 1px solid #a2a2a2;
  border-bottom: 1px solid #a2a2a2;
  font-weight: 400;
  position: relative;
  outline: 0;
}
.banner-controls li:first-child a {
  border-left: 0 none;
}
.banner-controls li.flex-active a,
.banner-controls li a:hover {
  text-decoration: none;
  background: #7c7c7c url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #7c7c7c -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7c7c7c), color-stop(100%, #686868));
  background: #7c7c7c -webkit-linear-gradient(top, #7c7c7c, #686868);
  background: #7c7c7c -moz-linear-gradient(top, #7c7c7c, #686868);
  background: #7c7c7c -o-linear-gradient(top, #7c7c7c, #686868);
  background: #7c7c7c linear-gradient(top, #7c7c7c, #686868);
}
.banner-controls li.flex-active a:before {
  content: '';
  display: block;
  background-position: -71px -99px;
  height: 10px;
  width: 24px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -12px;
}
.banner-controls:hover .flex-active a {
  background: #b4b4b4 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I0YjRiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #b4b4b4 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cacaca), color-stop(100%, #b4b4b4));
  background: #b4b4b4 -webkit-linear-gradient(top, #cacaca, #b4b4b4);
  background: #b4b4b4 -moz-linear-gradient(top, #cacaca, #b4b4b4);
  background: #b4b4b4 -o-linear-gradient(top, #cacaca, #b4b4b4);
  background: #b4b4b4 linear-gradient(top, #cacaca, #b4b4b4);
}
.banner-controls:hover .flex-active a:before {
  display: none;
}
.banner-controls:hover .flex-active a:hover {
  background: #7c7c7c url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjN2M3YyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #7c7c7c -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7c7c7c), color-stop(100%, #686868));
  background: #7c7c7c -webkit-linear-gradient(top, #7c7c7c, #686868);
  background: #7c7c7c -moz-linear-gradient(top, #7c7c7c, #686868);
  background: #7c7c7c -o-linear-gradient(top, #7c7c7c, #686868);
  background: #7c7c7c linear-gradient(top, #7c7c7c, #686868);
}
.banner-controls:hover .flex-active a:hover:before {
  display: block;
}

.lt-ie7 .banner-controls li.flex-active {
  width: 34%;
}

/*-------------------------------------
  Buttons
*/
.bt,
.bt:hover,
.bt:active,
.bt:active:hover {
  display: inline-block;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #8a8a8a;
  border: 1px solid #a3a3a3;
  text-shadow: 0 0 1px #3d3d3d;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: 500;
  text-decoration: none;
}

.bt:disabled,
.bt:disabled:hover {
  display: inline-block;
  padding: 4px 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  background: #8a8a8a;
  border: 1px solid #a3a3a3;
  text-shadow: 0 0 1px #3d3d3d;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.1;
  font-weight: 500;
  text-decoration: none;
}

.lt-ie8 .bt {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.bt:hover {
  color: #fff;
  background-image: none;
  background: #707070;
  text-decoration: none;
}

.bt:disabled,
.bt:disabled:hover {
  color: white;
  background: #b0b0b0;
  border-color: #a3a3a3;
}

.key-bt,
.key-bt:hover,
.key-bt:active,
.key-bt:active:hover {
  padding: 8px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #d73000 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2MzMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3MzAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #d73000 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63300), color-stop(100%, #d73000));
  background: #d73000 -webkit-linear-gradient(#e63300, #d73000);
  background: #d73000 -moz-linear-gradient(#e63300, #d73000);
  background: #d73000 -o-linear-gradient(#e63300, #d73000);
  background: #d73000 linear-gradient(#e63300, #d73000);
  text-shadow: 0 0 1px #8c1900;
  position: relative;
  overflow: hidden;
  border-color: #c73e2d;
  cursor: pointer;
}

.key-bt:disabled,
.key-bt:disabled:hover {
  padding: 8px 10px;
  font-size: 16px;
  font-size: 1.6rem;
  background: #d73000 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2MzMwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3MzAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #d73000 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e63300), color-stop(100%, #d73000));
  background: #d73000 -webkit-linear-gradient(#e63300, #d73000);
  background: #d73000 -moz-linear-gradient(#e63300, #d73000);
  background: #d73000 -o-linear-gradient(#e63300, #d73000);
  background: #d73000 linear-gradient(#e63300, #d73000);
  text-shadow: 0 0 1px #8c1900;
  position: relative;
  overflow: hidden;
  border-color: #c73e2d;
}

.key-bt:hover {
  background: #be2a00;
}

html.opacity.borderradius.boxshadow .key-bt:after,
html.opacity.borderradius.boxshadow .key-bt:hover:after,
html.opacity.borderradius.boxshadow .key-bt:active:after,
html.opacity.borderradius.boxshadow .key-bt:active:hover:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
  top: -10px;
  background: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 10px white;
  -moz-box-shadow: 0 0 10px white;
  box-shadow: 0 0 10px white;
  opacity: 0.1;
}
html.opacity.borderradius.boxshadow .key-bt:disabled:after,
html.opacity.borderradius.boxshadow .key-bt:disabled:hover:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 20px;
  left: 0;
  top: -10px;
  background: #fff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-shadow: 0 0 10px white;
  -moz-box-shadow: 0 0 10px white;
  box-shadow: 0 0 10px white;
  opacity: 0.1;
}

.reversed .bt {
  background: white;
  text-shadow: 0 0 0;
  color: #d73000;
}
.reversed .bt:hover, .reversed .bt:active {
  background: white;
  color: #707070;
  text-shadow: 0 0 0;
}
.reversed .bt:active {
  color: #4c4c4c;
}

/*-------------------------------------
  Pagination
*/

/* Client Directory */
.client-directory-search-results-panel {
    font-size: 16px;
    font-size: 1.6rem;
    background: #F3F3F3;
    margin-top: 30px;
    padding: 10px 30px;
    border: 10px #EBEBEB solid;
    border-width: 10px 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.client-directory-search-results-panel .search-results a  {color: #D73000;}
.client-directory-search-results-panel .search-results li { list-style: none;}

.client-directory-search-results-panel .paging ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  overflow:hidden;
}

.client-directory-search-results-panel .paging li {
  display: block;
  float:left;
  margin: 0px;
  padding:0 3px;
  border-right: 1px solid #dcdcdc;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.6rem;
  padding:0;
}

.client-directory-search-results-panel .paging li:last-child, 
.client-directory-search-results-panel .paging li.next {
  margin-right: 0;
  border-right:0;
}

.client-directory-search-results-panel .paging a,
.client-directory-search-results-panel .paging span {
  color: #E31D1B;
  width: 30px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  display: block;
  padding:0;
  background: none;
}

.client-directory-search-results-panel .paging span {
  font-weight:bold;
  text-decoration: none;
    background: none;
}

.client-directory-search-results-panel .paging .next a,
.client-directory-search-results-panel .paging .prev a {
  color:#000;
  width: auto;
  padding: 0 10px;
}


/* Search results */
.pagination ul {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.pagination li {
  display: inline-block;
  margin: 0 9px 0 0;
  border: 1px solid #878787;
  background: #919191 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllOWU5ZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzkxOTE5MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #919191 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9e9e9e), color-stop(100%, #919191));
  background: #919191 -webkit-linear-gradient(top, #9e9e9e, #919191);
  background: #919191 -moz-linear-gradient(top, #9e9e9e, #919191);
  background: #919191 -o-linear-gradient(top, #9e9e9e, #919191);
  background: #919191 linear-gradient(top, #9e9e9e, #919191);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1.4rem;
}
.pagination li:last-child {
  margin-right: 0;
}
.pagination a,
.pagination span {
  color: #fff;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  display: block;
}
.pagination a:hover,
.pagination span {
  background: #919191 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: #919191 -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #616161), color-stop(100%, #4d4d4d));
  background: #919191 -webkit-linear-gradient(top, #616161, #4d4d4d);
  background: #919191 -moz-linear-gradient(top, #616161, #4d4d4d);
  background: #919191 -o-linear-gradient(top, #616161, #4d4d4d);
  background: #919191 linear-gradient(top, #616161, #4d4d4d);
  text-decoration: none;
}
.pagination .spacer {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: transparent none;
  border: 0 none;
}
.pagination .next a,
.pagination .prev a,
.pagination .last a,
.pagination .first a {
  width: auto;
  padding: 0 10px;
}

.lt-ie8 .pagination li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

/*-------------------------------------
  Carousels

 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* (Naughty) Browser Resets */
/*
  Andy's comment - I have *uncommented* this.
  outline: none is only "naughty" if you don't define your own active / hover styles
  which flexslider does (albeit subtly)
  Commenting out this block was resulting in nasty outlines extending off left outside the browser.
*/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
  outline: none;
  opacity: 1;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 0;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  /*
    width:100%;
    display:block;
  */
}

.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides {
  zoom: 1;
  margin: 0;
}
.slides:before, .slides:after {
  content: "";
  display: table;
}
.slides:after {
  clear: both;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
  overflow: hidden;
  width: 100%;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

/* Direction Nav */
.flex-direction-nav a {
  display: block;
  position: absolute;
  top: 36%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0.8;
  -webkit-transition: all .3s ease;
}

.flex-direction-nav .flex-next {
  background-position: -70px 0;
  height: 27px;
  width: 29px;
  right: -30px;
  margin: 0;
}

.flex-direction-nav .flex-prev {
  background-position: -41px 0;
  height: 27px;
  width: 29px;
  left: -30px;
  margin: 0;
}

html.lt-ie7 .banner .flex-direction-nav .flex-next {
  right: 5px;
}
html.lt-ie7 .banner .flex-direction-nav .flex-prev {
  left: 5px;
}
html.lt-ie7 .panel .flex-direction-nav .flex-next {
  background-position: 0 0;
  height: 22px;
  width: 15px;
  right: -22px;
}
html.lt-ie7 .panel .flex-direction-nav .flex-prev {
  background-position: -15px 0;
  height: 22px;
  width: 15px;
  left: -22px;
}

.flexslider:hover .flex-next {
  opacity: 1;
}

.flexslider:hover .flex-prev {
  opacity: 1;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  cursor: default;
}

html.lt-ie9 .flex-direction-nav .flex-disabled {
  display: none;
}

/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 30px;
  text-align: center;
  display:inline-flex;
  left:48%;
  background-color:#ECECEC;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:20px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  height:20px;
}

.flex-control-nav li {
  margin: 0 4px;
  display: inline-block;
  zoom: 1;
  display: inline;
  margin-top:4px;
}

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  background: #FFFFFF;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #00A3AD;
}

.flex-control-paging li a.flex-active {
  background: #00A3AD;
   box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .active {
  opacity: 1;
  cursor: default;
}

/*-------------------------------------
  Resources
  (Gridded list of file downloads)
*/
.resources p,
.resources ul {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0;
}
.resources ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.resources li {
  margin-top: 14px;
}
.resources li:nth-child(odd) {
  clear: both;
}
.resources li h3 {
  color: #d73000;
  margin-bottom: 0;
  margin-top: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
.resources li p {
  margin-top: 0;
  font-size: 16px;
  font-size: 1.6rem;
}
.resources li a {
  display: block;
  padding-left: 65px;
}
.resources li a:hover {
  text-decoration: none;
}
.resources li a:hover h3 {
  text-decoration: underline;
}
.resources li .ico {
  float: left;
  margin-left: -65px;
  display: inline!important;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .resources li a {
    padding-left: 45px;
  }
  .resources li .ico {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
    margin-left: -45px;
  }
}

.see-also a {
  color: #d73000;
}
@media only screen and (max-width: 767px) {
  .see-also {
    border-bottom: 1px solid #eee;
  }
  .see-also ul .l-grid-1 {
    margin-bottom: 20px;
  }
}
.see-also ul {
  /* Unlike other grids on the site, each item is a different width
  * In this instance, we will just allow the content to define this.
  */
  margin-left: -25px;
  padding-left: 0;
}
.see-also ul .l-grid-1 {
  width: auto;
  margin-left: 25px;
  list-style-type: none;
}
.see-also ul a {
  color: #6a6a6a;
  background-color: #f2f2f2;
  display: block;
  padding: 7px 10px 7px 15px;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
}
.see-also ul a strong {
  font-size: 16px;
  font-size: 1.6rem;
  color: #202020;
  display: block;
}
.see-also ul a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 4px;
  height: 100%;
  display: block;
  background-color: #dadada;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
  border-radius: 8px 0 0 8px;
}
.see-also ul a:hover, .see-also ul a:focus {
  text-decoration: none;
}
.see-also ul a:hover:before, .see-also ul a:focus:before {
  background-color: #d73000;
}

/*.addthis_toolbox {
  margin: 20px 0;
  display: none;
  *zoom: 1;
}*/

.addthis_toolbox a span{
    margin-top:10px;
}

.at4-icon-left{
    height:42px!important;
}

.addthis-smartlayers p{
    display:none;
}

.addthis_toolbox:after {
  content: "";
  display: table;
  clear: both;
}
.addthis_toolbox p {
  float: left;
  color: #707070;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 16px;
  margin-right: 3px;
}

.tutor {
  font-size: 16px;
  font-size: 1.6rem;
  min-height: 200px;
  position: relative;
  padding-left: 230px;
  zoom: 1;
}
.tutor header {
  margin-bottom: 15px;
}
.tutor header h2,
.tutor header h3 {
  margin: 0;
}
.tutor header h2 {
  font-size: 21px;
  font-size: 2.1rem;
}
.tutor header h3 {
  color: #707070;
  font-size: 18px;
  font-size: 1.8rem;
}
.tutor img {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.tutor aside {
  margin-top: 15px;
}
.tutor aside h3 {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
.tutor aside .more {
  margin-top: 3px;
}
.tutor aside time {
  display: block;
  color: #707070;
}
@media only screen and (max-width: 767px) {
  .tutor {
    padding-left: 0;
  }
  .tutor img {
    position: static;
    top: auto;
    left: auto;
    float: left;
    width: 100px;
    margin-right: 20px;
  }
  .tutor p {
    overflow: hidden;
  }
}

table.data {
  background-color: #f9f9f9;
  font-size: 18px;
  font-size: 1.8rem;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  margin: 30px 0;
}
table.data th {
  text-align: left;
  font-weight: 500;
}
table.data thead {
  background-color: #4c4c4c;
}
table.data thead th {
  font-size: 21px;
  font-size: 2.1rem;
  color: #fff;
}
table.data tr:nth-child(even) {
  background-color: #f2f2f2;
}
table.data td,
table.data th {
  padding: 15px 20px;
}
table.data td,
table.data tbody th {
  border-top: 1px solid #e6e6e6;
}

/**
 * JS enhanced mobile tables
 */
table.enhanced th,
table.enhanced td {
  /* display: none; */
}
table.enhanced th.essential,
table.enhanced td.essential {
  display: table-cell;
}
@media only screen and (min-width: 768px) {
  table.enhanced th.optional,
  table.enhanced td.optional {
    display: table-cell!important;
  }
}

.table-wrapper {
  position: relative;
/*  margin-top: 30px; */
}
.table-wrapper table {
  margin-top: 0;
  clear: both;
}
.table-wrapper .column-menu {
  float: right;
  position: relative;
  z-index: 2;
  margin-bottom: 1px;
  height: 25px;
  line-height: 25px;
  padding: 0 8px;
}
.table-wrapper .column-menu.active {
  border-bottom: 1px solid #fff;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
  color: #202020;
  text-shadow: none;
}

.table-menu {
  position: absolute;
  z-index: 1;
  top: 24px;
  right: 0;
  left: auto;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  width: 150px;
}
.table-menu ul {
  padding: 0;
  margin: 0;
}
.table-menu li {
  list-style-type: none;
}

@media only screen and (min-width: 768px) {
  .table-menu,
  .column-menu {
    display: none;
  }
}
/*-------------------------------------
  Collapsibles
*/
.collapsible {
  background: #f2f2f2;
  padding: 15px;
  margin: 20px 0;
  font-size: 16px;
  font-size: 1.6rem;
  zoom: 1;
}
.collapsible .trigger {
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .collapsible .trigger {
    display: block;
  }
}
.collapsible .trigger h2 {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  color: #d73000;
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
  float: left;
}
.collapsible .trigger h2:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}
.collapsible .trigger .teaser {
  float: left;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 0 0 0 30px;
}
@media screen and (max-width: 767px) {
  .collapsible .trigger .teaser {
    display: none;
  }
}
.collapsible.is-expanded .trigger:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 4px;
}
.collapsible.is-expanded .teaser {
  display: none;
}

.contact-item {
  position: relative;
  padding: 15px 15px 15px 40px;
  font-size: 16px;
  font-size: 1.6rem;
  border-bottom: 1px solid #f2f2f2;
  zoom: 1;
}
.contact-item:last-child {
  border-bottom: 0 none;
  padding-bottom: 0;
}
.contact-item .item-title {
  margin: 0;
  color: #707070;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  top: 15px;
  left: -58px;
  line-height: 1.35;
}
.contact-item .more {
  margin-top: 0;
  font-weight: 500;
}
.contact-item .cta + .more {
  font-size: 14px;
  font-size: 1.4rem;
}
.contact-item .ico {
  position: absolute;
  top: 12px;
  left: 0;
}
.contact-item em {
  font-size: 14px;
  font-size: 1.4rem;
  color: #606060;
  font-style: normal;
}
.contact-item p {
  margin-top: 0;
}
.contact-item p:last-child {
  margin-bottom: 0;
}
.contact-item .phone-link {
  color: #202020;
}

.collapsible .phone-link {
  color: #202020;
}
.collapsible .contact-item {
  padding-top: 0;
  padding-left: 62px;
  display:inline-flex;
}
.collapsible .contact-item .item-title {
  top: 0;
  width: 100px;
  text-align: right;
}

.google-map {
  font-size: 16px;
  font-size: 1.6rem;
  color: #606060;
}
.google-map .map {
  background: #E5E3DF;
  text-align: center;
  line-height: 286px;
  display: block;
}

.js .google-map .map {
  text-indent: -999em;
}

/* International offices
*/
.panel.international-offices {
  background: #fff;
  position: relative;
  *zoom: 1;
}
.panel.international-offices:after {
  content: "";
  display: table;
  clear: both;
}
.panel.international-offices .ico-world {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .panel.international-offices {
    background-image: none;
  }
}
.panel.international-offices .continent-title {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}
.panel.international-offices .country-name {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
}
.panel.international-offices ul {
  padding: 15px 15px 0 15px;
  list-style-type: none;
  background: #f2f2f2;
}
.panel.international-offices .collapsible {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  display: block;
  padding-top: 0;
  margin: 0;
}
.panel.international-offices .collapsible:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}
.panel.international-offices .collapsible.is-expanded:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-top: 4px;
}
.panel.international-offices .collapsible .contact-item {
  padding: 15px 15px 0 50px;
}
.panel.international-offices .collapsible .contact-item .item-title {
  width: auto;
  text-align: left;
  top: 15px;
}

.country-list {
  margin: 8px 0 0;
  padding-left: 17px;
}

/*
Example responsive video embed
amobil.se/2011/11/responsive-embeds/
*/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  padding-top: 30px;
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
  background: white url(img/spinner.gif) no-repeat center center;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------------------
  Cookie alert
*/
.cookie-alert-box {
  padding: 15px 20px;
  background-color: #fff;
  border-bottom: 2px solid #e5e5e5;
  -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.05);
  font-size: 14px;
  font-size: 1.4rem;
}
.cookie-alert-box:focus {
  outline: none;
}
@media screen and (max-width: 767px) {
  .cookie-alert-box {
    border-top: 2px solid #e5e5e5;
  }
  .cookie-alert-box .bt {
    margin: 10px 0 5px;
  }
}
.cookie-alert-box p {
  margin: 0 0 0;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) {
  .cookie-alert-box {
    margin-bottom: 20px;
  }

  .alert-inner {
    width: 960px;
    margin: 0 auto;
    position: relative;
  }
  .alert-inner .bt {
    position: absolute!important;
    /* Fix IE6 reverting the position to relative on hover */
    right: 0;
    top: 5px;
  }

  .page .alert-inner {
    width: 920px;
  }
}
@media screen and (max-width: 767px) {
  .cookie-alert-box {
    margin-bottom: -12px;
  }

  .alert-inner {
    width: 320px;
    margin: 0 auto;
    position: relative;
  }

  .page .alert-inner {
    width: 300px;
  }
}
/*-------------------------------------
  Events

  Two use cases:
  .event-teaser = single event teaser (main col)
  .event-list .event-item = event teaser in a list (sidebar)
*/
.event-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size: 14px;
  font-size: 1.4rem;
}

.event-item {
  margin: 20px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.event-item .item-title {
  margin: 0;
}

.event-data {
  font-size: 14px;
  font-size: 1.4rem;
  color: #707070;
}
.event-data dt, .event-data dd {
  margin: 0;
  padding: 0;
}
.event-data dt {
  clear: both;
  float: left;
  margin-right: 4px;
}
.event-data dd {
  color: #202020;
}

.event-info {
  padding-left: 70px;
  position: relative;
  zoom: 1;
}

.calendar-date {
  position: absolute;
  left: 0;
  width: 50px;
  padding: 8px 0;
  background: #f2f2f2;
  font-size: 13px;
  font-size: 1.3rem;
  text-transform: uppercase;
  text-align: center;
  text-shadow: 0 0 2px #fff;
  -webkit-box-shadow: #e0e0e0 0px 1px 2px 0px;
  -moz-box-shadow: #e0e0e0 0px 1px 2px 0px;
  box-shadow: #e0e0e0 0px 1px 2px 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.calendar-date strong {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 400;
  color: #d63000;
}

/* Scale up a little for standalone event teasers in desktop view */
@media only screen and (min-width: 768px) {
  .event-teaser .event-info {
    padding-left: 90px;
  }
  .event-teaser .calendar-date {
    width: 70px;
    padding: 8px 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .event-teaser .calendar-date strong {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 1;
  }
}
/*-------------------------------------
  Products
*/
/*
Prod teasers are currently used in two contexts:
 - a single item inside an aside.panel
 - a list view inside a .product-teasers container
*/
.prod-teaser-block {
  /* Add some dividers in list view */
}
.prod-teaser-block .prod-teaser-item {
  margin-top: 30px;
  padding-bottom: 30px;
  padding-left: 30px;
  border-bottom: 1px #f2f2f2 solid;
  position: relative;
}
.prod-teaser-block .prod-teaser-item:after {
  position: absolute;
  top: 4px;
  left: 0;
  width: 5px;
  height: 80%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #f2f2f2;
  content: "";
}
.prod-teaser-block .prod-teaser-item:hover:after {
  background-color: #dadada;
}

.prod-teaser-item dt, .prod-teaser-item dd {
  margin: 0;
  padding: 0;
}
.prod-teaser-item dt {
  clear: both;
  float: left;
  margin-right: 4px;
}
@media only screen and (min-width: 768px) {
  .prod-teaser-item dt, .prod-teaser-item dd {
    margin: 0 0 0 5px;
    padding: 0;
    float: none;
    display: inline-block;
  }
  .prod-teaser-item dt {
    padding-left: 10px;
    border-left: 1px #707070 solid;
  }
  .prod-teaser-item dt:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
  }
  .prod-teaser-item.prod-img-teaser {
    padding-left: 100px;
  }
}
.prod-teaser-item.prod-img-teaser {
  overflow: hidden;
  padding-left: 100px;
}
.prod-teaser-item.prod-img-teaser .prod-teaser-title a {
  color: #d73000;
  font-weight: 500;
}
.prod-teaser-item .prod-img {
  float: left;
  margin-left: -100px;
}

@media only screen and (max-width: 767px) {
  .prod-teaser-item.prod-img-teaser {
    padding-left: 50px;
  }
  .prod-teaser-item .prod-img {
    float: left;
    margin-left: -50px;
  }
  .prod-teaser-item .prod-img img {
    width: 40px;
    height: auto;
  }
}
@media only screen and (min-width: 768px) {
  html.lt-ie8 .prod-teaser-item dt, html.lt-ie8 .prod-teaser-item dd {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
  }
}

.prod-teaser-title {
  margin: 0;
}

.prod-prices {
  line-height: 1.5;
}
.prod-prices dd {
  color: #d73000;
}

.prod-meta .meta {
  font-size: 14px;
  font-size: 1.4rem;
}

/*-------------------------------------
  News
*/
.news-teaser {
  margin: 20px 0 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}
.news-teaser:first-child {
  margin-top: 0;
}
.news-teaser .block .teaser-item-title {
  margin: 0;
  color:#D73000;
}
.news-teaser .block p {
  margin: 0;
  color: #e1e1e1;
  font-size: 14px;
  font-size: 1.4rem;
}
.news-teaser .block time {
  color: #bcbcbc;
}

.panel.reversed .news-teaser .block p {
  color: #e1e1e1;
 }

.panel.reversed .news-teaser .block .teaser-item-title  {
  color: #FFF;
}

.news-teaser .block p {
  color: #000;
 }
/*-------------------------------------
  Standards list
*/
.standards-search-fields input[type=search] {
  width: 436px;
}
.standards-search-fields .submit-form-item {
  margin-right: 0;
}

.standards-list {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 0;
  clear: both;
  overflow: hidden;
}
.standards-list li {
  padding-top: 8px;
}
.standards-list li:nth-child(odd) {
  clear: both;
}
.standards-list .standards-list-title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  color: #d73000;
}
.standards-list .standards-list-title:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}
.standards-list .block:focus .standards-list-title {
  text-decoration: underline;
}
.standards-list .standards-code {
  clear: both;
}

.standards-list-title {
  margin: 0;
}

.standards-list-example {
  clear: both;
  padding-left: 14px;
}

.standards-code {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #707070;
}

.reversed .standards-code {
  color: #e1e1e1;
}

/* Popular standards
*/
.strds-teaser-block .block .teaser-item-title {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  color: #d73000;
  width: 100%;
}
.strds-teaser-block .block .teaser-item-title:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
}
.strds-teaser-block .teaser-item {
  padding: 15px 0;
  overflow: hidden;
}
.strds-teaser-block .teaser-item img {
  margin-top: 4px;
  margin-left: 16px;
  display: inline;
}
.strds-teaser-block .teaser-item p {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  zoom: 1;
}
@media only screen and (max-width: 767px) {
  .strds-teaser-block .teaser-item {
    padding-left: 90px;
    padding-top: 0;
    min-height: 70px;
    position: relative;
  }
  .strds-teaser-block .teaser-item .teaser-item-title {
    padding: 0;
  }
  .strds-teaser-block .teaser-item .teaser-item-title:before {
    display: none;
  }
  .strds-teaser-block .teaser-item img {
    margin: 0;
    float: none;
    position: absolute;
    top: 0;
    left: 0;
  }
}

/*-------------------------------------
  Search results
*/

@media only screen and (max-width: 767px) {
.search-results-summary .page-title {
    font-size: 26px;
    font-size: 2.6rem!important;
    margin: 0 0 15px 0;
  }
}



.search-results-summary .page-title {
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .search-results-summary .page-title {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 0 15px 0;
  }
}

@media only screen and (max-width: 767px) {
  .search-filter-nav {
    position: relative;
    margin: 0px -20px 0 -20px;
  }
  .search-filter-nav .trigger {
    position: relative;
    top: 30px;
    left: 58.5%;
    right: 20px;
  }
  .search-filter-nav .trigger:after {
    position: static;
    width: auto;
    height: auto;
    top: auto;
    left: auto;
    display: inline;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent none;
    opacity: 1;
    content: ' \25BC';
    color: #eea399;
    font-size: 8px;
  }
  .search-filter-nav .trigger:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 20px;
    left: 0;
    top: -10px;
    background: #fff;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 10px white;
    -moz-box-shadow: 0 0 10px white;
    box-shadow: 0 0 10px white;
    opacity: 0.1;
  }
  .search-filter-nav.is-expanded {
    padding: 20px;
    border-top: 1px solid #d6d6d6;
    border-bottom: 10px solid #ebebeb;
  }
  .search-filter-nav.is-expanded .trigger {
   top:-18px!important;
    background: #fff none;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    border-color: #d6d6d6;
    text-shadow: none;
    color: #202020;
    border-bottom: none;
    padding-bottom: 13px;
    margin-bottom: -5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .search-filter-nav.is-expanded .trigger:after {
    color: #cdcdcd;
  }
  .search-filter-nav .filter-cancel-bt {
    background: transparent none;
    text-decoration: underline;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #202020;
    text-shadow: none;
  }
}


@media only screen and (max-width: 767px){
    .header-banner {
        border-bottom: 1px solid #d6d6d6;
        position:relative;
    }
}

.site-search {

  margin: 0 -20px 20px -20px;
  padding-left: 20px;
 
}
@media only screen and (min-width: 768px) {
  .site-search {
    margin: 20px 0 0 0;
    border-top: 0 none;
    padding: 0;
  }
}
.site-search fieldset {
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 0;
  margin-bottom: 15px;
}
.site-search fieldset label {
  padding: 0;
}
.site-search fieldset .form-item input {
  width: 200px;
}
@media only screen and (min-width: 768px) {
  .site-search fieldset .form-item {
    padding-top: 0;
    width: 500px;
    float: left;
  }
  .site-search fieldset .form-item input {
    width: 500px;
  }
}
.site-search fieldset .submit-form-item {
  float: right!important;
  clear: none!important;
  width: auto!important;
  margin: 0;
}
.site-search fieldset .submit-form-item .bt {
  padding: 0 10px!important;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
}

.results {
  font-size: 21px;
  font-size: 2.1rem;
  margin: 15px 0;
}

@media only screen and (max-width: 767px) {
  .results {
    position: relative;
    top: 2px;
    /*left: 20px;*/
    font-size: 18px;
    font-size: 1.8rem;
  }
  .results strong {
    display: inline;
    font-size: 21px;
    font-size: 2.1rem;
  }

  .site-search fieldset .submit-form-item .bt {
  padding: 0 10px!important;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0px 20px 0px 0px;
}

 
}

@media only screen and (max-width: 767px) {

    .results br{display:block!important;}
}

.search-filter-title {
  font-size: 21px;
  font-size: 2.1rem;
  color: #808080;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .search-filter-title {
    display: none;
  }
}

.search-filters label {
  display: block;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}
.search-filters label:last-child {
  margin-bottom: 0;
}
.search-filters .checkbox-replaced {
  background-position: 0 -366px;
  min-height: 18px;
  padding-left: 30px;
}
.search-filters .checkbox-replaced.checked {
  background-position: 0 -124px;
}

.filter-set {
  border: 0;
  padding: 20px 15px 15px 15px;
  position: relative;
  margin-bottom: 20px;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.filter-set:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #e9e9e9;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.filter-set .legend {
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  top: 25px;
  left: 15px;
  margin: 0;
}
.filter-set p {
  margin: 0;
  font-size: 18px;
  font-size: 1.8rem;
}
.filter-set .qty {
  font-size: 14px;
  font-size: 1.4rem;
  color: #606060;
}

fieldset.filter-set {
  padding-top: 60px;
}

@media only screen and (min-width: 768px) {
  .js .search-filters [type=submit] {
    display: none;
  }
}

.search-results-teaser-block .teaser-item {
  border-bottom: 1px solid #f2f2f2;
  padding: 0 0 30px 30px;
  margin-bottom: 30px;
  position: relative;
  min-height: 95px;
}
.search-results-teaser-block .teaser-item:after {
  position: absolute;
  top: 4px;
  left: 0;
  width: 5px;
  height: 80%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #f2f2f2;
  content: "";
}
.search-results-teaser-block .teaser-item:hover:after {
  background-color: #dadada;
}
.search-results-teaser-block .teaser-item.has-icon {
  padding-left: 150px;
}
.search-results-teaser-block .teaser-item a {
  display: block;
}
.search-results-teaser-block .teaser-item .bullet-list {
  margin: 0;
}
.search-results-teaser-block .teaser-item .meta,
.search-results-teaser-block .teaser-item img {
  width: 100px;
  height: 100px;
  background: #f2f2f2;
  position: absolute;
  top: 5px;
  left: 30px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.search-results-teaser-block .teaser-item .meta {
  text-align: center;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 72px;
  height: 80px;
  padding: 10px 14px;
  border-bottom: 2px solid #e0e0e0;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}
.search-results-teaser-block .teaser-item .meta .ico {
  margin: 0;
  float: none;
}
.search-results-teaser-block .teaser-item .meta .ico-file-pdf {
  margin: 0 15px 3px 16px;
}
@media only screen and (max-width: 767px) {
  .search-results-teaser-block .teaser-item, .search-results-teaser-block .teaser-item.has-icon {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
  }
  .search-results-teaser-block .teaser-item img {
    display: none;
  }
  .search-results-teaser-block .teaser-item .meta {
    top: 0;
    left: 20px;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: transparent none;
    border: 0 none;
    height: auto;
    width: auto;
    text-align: left;
  }
  .search-results-teaser-block .teaser-item .meta .ico {
    display: none;
  }
}

.lt-ie7 .search-results-teaser-block .teaser-item {
  padding-left: 30px;
}
.lt-ie7 .search-results-teaser-block .teaser-item .meta,
.lt-ie7 .search-results-teaser-block .teaser-item img {
  display: none;
}

.search-results-teaser-block .teaser-item-title,
.featured-teaser .teaser-item-title {
  font-size: 18px;
  font-size: 1.8rem;
}
.search-results-teaser-block .teaser-item-title, .search-results-teaser-block .teaser-item-title a,
.featured-teaser .teaser-item-title,
.featured-teaser .teaser-item-title a {
  color: #d73000;
}

.featured-teaser {
  position: relative;
  padding-top: 30px;
  background: #f2f2f2;
}
.featured-teaser:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  width: 100%;
  background-color: #e9e9e9;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.featured-teaser .teaser-block-title {
  margin: 0 0 0 30px;
  color: #8c8c8c;
  font-size: 21px;
  font-size: 2.1rem;
}
@media only screen and (max-width: 767px) {
  .featured-teaser .teaser-block-title {
    margin-left: 20px;
  }
}
.featured-teaser .teaser-item {
  margin-top: 15px;
}
.featured-teaser .teaser-item:before {
  display: none;
}

@media only screen and (min-width: 768px) {
  .search-results-footer {
    margin: 30px 0 0 0;
  }
}

/* Booking / cost styles, appearing in training teaser items and course article pages
*/
.booking {
  text-align: center;
  padding-left: 71px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  background: #f2f2f2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: #e0e0e0 0px 1px 2px 0px;
  -moz-box-shadow: #e0e0e0 0px 1px 2px 0px;
  box-shadow: #e0e0e0 0px 1px 2px 0px;
}
.booking:before {
  content: '';
  background-color: #ebebeb;
  position: absolute;
  display: block;
  width: 71px;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  -ms-border-radius: 3px 0 0 3px;
  -o-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.booking p {
  font-size: 14px;
  font-size: 1.4rem;
}
.booking .cta {
  margin-top: 20px;
}

.cost {
  margin: 0 0 10px;
  padding: 8px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  font-size: 14px;
  font-size: 1.4rem;
  text-shadow: 0 1px 1px #fff;
}
.cost b {
  font-size: 30px;
  /* WR-2014-097 Changed font-size from 3rem to 2.4rem */
  font-size: 2.4rem;
  font-weight: 300;
  color: #d73000;
}
.cost .poa {
  font-size: 18px;
  font-size: 1.8rem;
  color: #d73000;
  line-height: normal;
  display: block;
  margin-bottom: 8px;
}
.cost .ico {
  display: block;
  position: absolute;
  top: 25%;
  left: 0;
  margin-left: 0!important;
}
@media only screen and (max-width: 767px) {
  .cost .poa {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.duration {
  color: #707070;
}

/* Full course articles
*/
.course .course-intro {
  padding-right: 200px;
  position: relative;
}
.course .booking {
  background-color: #f2f2f2;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border-bottom: 2px solid #ddd;
}
.course .booking:before {
  display: none;
}
.course .booking .cost {
  position: static;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .course .booking {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 140px;
    padding: 15px;
    position: absolute;
    top: 110px;
    right: 0;
  }
  .course .booking p {
    font-size: 18px;
    font-size: 1.8rem;
    color: #606060;
  }
  .course .booking .meta {
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 120px;
    height: 55px;
    padding: 65px 25px 0 25px;
    margin: 0;
    top: -110px;
    left: 0;
    background-color: #e9e9e9;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .course .booking .ico {
    position: absolute;
    top: -100px;
    left: 50px;
    display: block;
    margin-left: 0;
    z-index: 1;
  }
  .course .booking .ico:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .course .course-intro {
    padding-right: 0;
  }
  .course .course-intro .booking {
    margin-top: 20px;
    position: relative;
    top: auto;
    right: 0;
    padding: 10px 0 10px 115px;
  }
  .course .course-intro .booking p {
    font-size: 18px;
    font-size: 1.8rem;
    color: #606060;
  }
  .course .course-intro .booking .ico {
    margin: 0;
    z-index: 2;
    left: 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .course .course-intro .booking .ico:after {
    display: none;
  }
  .course .course-intro .booking .meta {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    background: #e9e9e9;
    padding-top: 80px;
    height: 100%;
    width: 115px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.course-detail {
  position: relative;
  padding: 10px 0 10px 30px;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1.6rem;
}
.course-detail:after {
  position: absolute;
  top: 4px;
  left: 0;
  width: 5px;
  height: 100%;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  background-color: #f2f2f2;
  content: "";
}
.course-detail .course-detail-title {
  margin: 0 0 15px 0;
  font-size: 21px;
  font-size: 2.1rem;
}
.course-detail ul {
  padding-left: 15px;
  margin: 15px 0 0;
}
.course-detail li {
  margin: 8px 0 0;
}
.course-detail.highlight {
  background-color: #f3f3f3;
  padding: 25px 30px;
  margin-left: 4px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.course-detail.highlight:after {
  width: 10px;
  background-color: #eaeaea;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  top: 0;
  left: -4px;
}
.course-detail.highlight.has-icon {
  padding-left: 100px;
  position: relative;
}
.course-detail.highlight.has-icon .ico {
  position: absolute;
  top: 40%;
  left: 40px;
}
@media only screen and (max-width: 767px) {
  .course-detail.highlight {
    padding: 15px 15px 15px 20px;
  }
  .course-detail.highlight:after {
    width: 5px;
  }
  .course-detail.highlight.has-icon {
    padding-left: 20px;
  }
  .course-detail.highlight.has-icon .ico {
    display: none;
  }
}

.book-your-place {
  background-color: #f2f2f2;
  padding: 30px 30px 30px 120px;
  border-bottom: 2px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.book-your-place .ico {
  position: absolute;
  top: 30px;
  left: 30px;
}
.book-your-place h2 {
  margin: 0 0 15px 0;
}
.book-your-place .bt {
  margin-top: 15px;
}
@media only screen and (max-width: 767px) {
  .book-your-place {
    padding: 20px;
  }
  .book-your-place .ico {
    display: none;
  }
}

/*-------------------------------------
  Accordions
*/
/* ul */
.accordion {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  margin: 30px 0 0 0;
}
.accordion section ul {
  margin-left: 0;
  padding-left: 20px;
  list-style: disc;
}

.js .accordion {
  padding-top: 10px;
  background-color: #efeff0;
}
.js .accordion li a {
  display: block;
  height: 45px;
  line-height: 45px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-width: 1px 1px 0 1px;
  border-color: #4c4c4c;
  border-style: solid;
  text-decoration: none;
  color: #fff;
  background: #4c4c4c;
}
.js .accordion li a:hover {
  text-decoration: underline;
}
.js .accordion li li a {
  display: inline;
  height: auto;
  line-height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 0 none;
  color: #d73000;
  background: transparent none;
}
.js .accordion section {
  display: none;
  background-color: #fff;
  border-top: 1px solid #c9c9c9;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .js .accordion {
    height: auto!important;
    background-color: transparent;
    padding-top: 0;
  }
  .js .accordion > li {
    margin-bottom: 1px;
  }
  .js .accordion > li > a {
    padding: 0 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
}
@media only screen and (min-width: 768px) {
  .js .accordion {
    position: relative;
    border: none;
  }
  .js .accordion li {
    float: left;
    margin-left: 10px;
  }
  .js .accordion li:first-child {
    margin-left: 15px;
  }
  .js .accordion li a {
    display: block;
    float: left;
    padding: 0 15px;
    min-width: 125px;
  }
  .js .accordion li a.active {
    background: #fff;
    color: #d73000;
    cursor: default;
    border-color: #c9c9c9;
    border-bottom: 1px solid #fff;
    margin-top: 1px;
    position: relative;
    z-index: 2;
  }
  .js .accordion li li {
    float: none;
  }
  .js .accordion section {
    position: absolute;
    padding-top: 20px;
    top: 55px;
    left: 0;
    /* Need to reset becuase IE6 doesn't support child selector
      (@TODO: apply explicit class to top-level link instead) */
  }
  .js .accordion section a {
    display: inline;
    float: none;
    padding: 0;
    min-width: 0;
  }
}

/* no-js sttling
*/
.no-js .accordion {
  border-top: 1px solid #c9c9c9;
}
.no-js .accordion > li > a {
  cursor: default;
  display: block;
  margin: 20px 0 10px;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: 500;
}
.no-js .accordion > li > a:hover {
  text-decoration: none;
}

/*=====================================
  Scratch file
  A place for utility classes or embryonic code (until it's ready to be moved to a module file)
*/
/*-----------------
  Block-level links

  HTML5 allows multiple block-level elements to be wrapped in a single <a />
  Do this to create a bigger (fat-finger friendly) clickable area on content blocks that wil only ever contain one link.
  Note: currently, nested <a />s aren't allowed.

  For the hover state we're using an attribute selector to detect the string '-title' in any nested element's class.
  But: any nested item that you want this rule to apply to must have '-title' at the end of its LAST class
  VALID: class="foo teaser-title"
  INVALID: class="teaser-title bar"

  (Then re-apply hover states of other nested elements in context with module usage)
*/
.block {
  display: block;
  overflow: hidden;
}
.block:hover {
  text-decoration: none;
  cursor: pointer;
}
.block:hover [class$="-title"] {
  text-decoration: underline;
}
.block .more span:hover {
  text-decoration: underline;
}

/*-----------------
  'Read more' links
*/
.more,
.crumbs {
  margin: 9px 0 0;
  overflow: hidden;
  zoom: 1;
}
.more a,
.more span,
.crumbs a,
.crumbs span {
  zoom: 1;
  color: #d73000;
  font-weight: 400;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding-left: 14px;
  margin-top: 0;
  /* We need a custom focus style because we're floating the generated content and the outline collapses */
}
.more a:before,
.more span:before,
.crumbs a:before,
.crumbs span:before {
  content: "\203a";
  color: #d73000;
  float: left;
  width: 14px;
  margin-left: -14px;
  display:inline-block;
}

.more a br{
    display:none;
}

.more a:focus,
.more span:focus,
.crumbs a:focus,
.crumbs span:focus {
  text-decoration: none;
  background-color: #d73000;
  color: white;
}
.more a:focus:before,
.more span:focus:before,
.crumbs a:focus:before,
.crumbs span:focus:before {
  color: white;
}
.more.simple a,
.crumbs.simple a {
  padding-left: 0;
}
.more.simple a:before,
.crumbs.simple a:before {
  display: none;
}
.more p,
.crumbs p {
  padding-left: 14px;
}
.more small,
.crumbs small {
  color: #676767;
  display: block;
  padding-left: 14px;
  font-size: 14px;
  font-size: 1.4rem;
}

.more.cta a:after {
  content: ' \00BB';
}
.more.cta a:before {
  display: none;
}

.no-generatedcontent .more.cta {
  padding-left: 0!important;
  background-image: none!important;
}

.crumbs {
  font-size: 16px;
  font-size: 1.6rem;
  list-style-type: none;
  margin-top: 0;
  padding-left: 0;
}
.crumbs + hr {
  margin-top: 15px;
}
.crumbs li {
  display: inline;
}
.crumbs li:after {
  content: '|';
  margin: 0 4px 0 8px;
}
.crumbs li:last-child:after {
  content: '';
}
.crumbs li a {
  padding-left: 0;
  font-weight: 400;
}
.crumbs li a:before {
  content: '';
  display: none;
}
.crumbs li:first-child a {
  padding-left: 14px;
}
.crumbs li:first-child a:before {
  content: "\2039";
  display: block;
}
.crumbs a {
  padding-left: 14px;
}
.crumbs a:before {
  content: "\2039";
  display: block;
}

.no-generatedcontent .crumbs {
  line-height: 1;
  overflow: hidden;
  background: url(img/_ie7/chevrons.png) no-repeat;
  background-position: -6px -6px;
}
.no-generatedcontent .crumbs li {
  float: left;
  margin-left: 9px;
  padding-left: 9px;
  border-left: 1px #999 solid;
}
.no-generatedcontent .crumbs li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.no-generatedcontent .more {
  background: url(img/_ie7/chevrons.png) no-repeat -6px -52px;
  padding-left: 15px;
}
.no-generatedcontent .more a {
  background: transparent none;
}

.lt-ie7 .more,
.lt-ie7 .crumbs {
  background-image: url(img/_ie6/chevrons.png);
}

/*-----------------
  Meta
  Generic styling for supporting info
*/
.meta {
  color: #606060;
}

.phone-link {
  color: #949494;
  font-weight: 400;
}

/*-----------------
  Utility classes

  Sometimes it's pragmatic to include elements in the HTML that are required only in certain scenarios.
  For example:
  * to allow us to manage this logic in the back-end templates
  * to avoid overloading the page with JS and impacting on performance
  * to avoid the flash-of-un-javascripted-rendering problem
  */
/* Display only on touch-enabled devices
*/
.no-touch .touch-only {
  display: none;
}

/* Display only in mobile view
*/
@media screen and (min-width: 768px) {
  .small-vp {
    display: none!important;
  }
}

/* Display only in desktop view
*/
@media screen and (max-width: 767px) {
  .large-vp {
    display: none!important;
  }
}

/*-----------------
  Misc
*/
.back-link {
  margin: 0 0 20px;
}

.customer-logos {
  margin-left: 0;
  padding-left: 0;
  list-style: none;
}
.customer-logos li {
  float: left;
}

/* Insert pipes between sibling <a />s
*/
.split a,
.split span {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  border-left: 1px #c1c1c1 solid;
}
.split a:first-child,
.split span:first-child {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}

.lt-ie8 .split a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}

.staff-slider {
  margin: 20px 0;
  padding: 20px 0;
  border: 1px #e2e2e2 solid;
  border-width: 1px 0;
}
.staff-slider .slide-title {
  margin: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
}
.staff-slider p {
  margin: 0;
}

/* =============================================================================
   Helpers
   ========================================================================== */
/* ==|== non-semantic helper classes ========================================
   ========================================================================== */
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  line-height: 0;
}

.ir br {
  display: none;
}

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
  display: none!important;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
  border: 0;
  clip: rect(0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus, .visuallyhidden.focusable.focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

/* =============================================================================
   Print
   ========================================================================== */
/* =============================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    /*     background: transparent!important; */
    color: black!important;
    box-shadow: none!important;
    text-shadow: none!important;
    filter: none!important;
    -ms-filter: none!important;
    font-family: "Helvetica", "Arial", sans-serif;
  }

  a, a:visited {
    text-decoration: none !important;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="javascript:"]:after,
  a[href^="#"]:after,
  .ir a:after,
  a.logo:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid;
  }

  /*
    img {
      display: none!important;
    }
  */
  .logo img {
    display: block!important;
    padding: 0!important;
    height: 36px!important;
    width: 58px!important;
    position: static!important;
    left: auto!important;
    bottom: auto!important;
    background: transparent none!important;
  }

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  @page {
    margin: .5cm;
}

  .wrapper {
    width: auto;
  }

  .slides,
  .article-img {
    width: 100% !important;
    margin: 30px 0;
    padding: 0;
  }

  /* Now, list all the stuff that we don't need in print view
  */
  .cookie-alert-box,
  #loading-screen,
  #skiplinks,
  .utility-nav,
  .main-nav,
  .menu-bt,
  .country-selector-announcement,
  .signup-bar .signup,
  .flexslider,
  .flex-direction-nav,
  .banner-controls,
  .form-block,
  .crumbs,
  .pagination,
  .more,
  .cta,
  .ico,
  .column-menu,
  [role=contentinfo] nav,
  .footer-bar h2,
  .footer-bar ul,
  .addthis_toolbox,
  .search-filter-nav {
    display: none !important;
  }
}

 .gmnoprint{ display:none; }

.newForm
{
    font-size: 1.8rem;
    line-height: 1.5;
}






/*--------------------------------------------------------
	Product Search Results/Details added by Netcel
------------------------------------------------------ */
/* Results per page drop-down */
.results-per-page {
  position: absolute;
  right: 0;
  top: 0;
  border: none; }
  .results-per-page .form-item {
    padding: 0; }
    .results-per-page .form-item .label {
      padding-right: 5px; }
   .results-per-page select {
       width: auto!important;
       float: none!important;
   }   

@media only screen and (max-width: 767px) {
  .results-per-page {
    position: static; } }
/* results */
.no-results {
    font-size: 2rem;
    font-weight: 500; 
}
.product-search_results {
  margin-top: 30px;
  line-height: 1.2; }
  .product-search_results .found-results{
    margin-bottom: 20px;
    font-size: 2rem;
    font-weight: 500; }
    .product-search_results .found-results em {
        display: inline-block;
        font-style: normal;
        width: 73%;
    }
    .product-search_results .found-results span {
      display: inline-block;
      float: right;
      font-weight: 300;
        text-align: right;
        width: 25%; }
  .product-search_results ol {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .product-search_results ol > li {
      margin: 0;
      padding: 3px 0;
      background-color: #fff;
      position: relative;
      border-bottom: 1px solid #e5e5e5;
      color: #202020; }
      .product-search_results ol > li.header {
        border: none;
        padding: 0; }
        .product-search_results ol > li.header li {
          font-size: 2rem;
          font-weight: 500;
          background-color: #e5e5e5; }
          .product-search_results ol > li.header li strong {
            position: static; }
      .product-search_results ol > li a {
        display: block;
        padding: 5px 0;
        overflow: hidden;
        cursor: pointer;
        text-decoration: none; }
        .product-search_results ol > li a:hover {
          background-color: #eee;
          text-decoration: none; }
          .product-search_results ol > li a:hover li {
            color: #d73000; }
            .product-search_results ol > li a:hover li strong {
              color: #202020; }
        .product-search_results ol > li a:after {
          background-color: #F2F2F2;
          border-radius: 8px;
          content: "";
          height: 90%;
          left: 0;
          position: absolute;
          top: 3px;
          width: 5px; }
        .product-search_results ol > li a:hover:after {
          background-color: #e5e5e5; }
  .product-search_results ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden; }
    .product-search_results ul li {
      float: left;
      width: 25%;
      padding: 12px 15px;
      margin: 0;
      font-size: 1.6rem;
      color: #202020; }
      .product-search_results ul li strong {
        position: absolute;
        left: -999em;
        line-height: 1.5; }
        .lt-ie9 .product-search_results ul li strong {
          font-weight: 700; }
    .product-search_results ul li.c1, .product-search_results ul li.c2 {
      width: 30%; }
      .lt-ie8 .product-search_results ul li.c1, .lt-ie8 .product-search_results ul li.c2 {
        width: 28%;
        padding: 15px 1%; }
     .product-search_results ul li.c3 {
      width: 19%; }      
      .product-search_results ul li.c4 
      {
          width: 21%; }            
      .lt-ie8 .product-search_results ul li.c3{
        width: 18%;
        padding: 5px 1%; }
        
        .lt-ie8 .product-search_results ul li.c4 {
        width: 20%;
        padding: 5px 1%; }

/* mobile */
@media only screen and (max-width: 767px) {
  .product-search_results .found-results span {
    display: block;
    float: none; }
  .product-search_results ol > li.header {
    display: none; }
  .product-search_results a li {
    color: #d73000; }
    .product-search_results a li strong {
      color: #202020; }
  .product-search_results ul li {
    float: none;
    width: auto !important;
    text-align: left !important;
    padding: 0 0 0 15px;
    font-size: 1.5rem; }
    .product-search_results ul li strong {
      position: static; } }
/*-------------------------------------
  Product details
*/
.product-details ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.6rem; }
  .product-details ol > li {
    margin: 0 0 10px 0;
    padding: 0;
    line-height: 1.2;
    background-color: #fff; }
    .js .product-details ol > li .header.trigger {
      background: #e5e5e5 url(img/icons/arrow_up.png) no-repeat 99% 10px; }
    .js .product-details ol > li.is-collapsed .header.trigger {
      background: #e5e5e5 url(img/icons/arrow_down.png) no-repeat 99% 10px; }
  .product-details ol .header {
    padding: 12px 40px 12px 15px;
    margin: 0 0 10px 0;
    background-color: #e5e5e5; }
    .product-details ol .header h3 {
      font-weight: 500;
      margin: 0 0 0.2em 0;
      padding: 0; }
      .lt-ie9 .product-details ol .header h3 {
        font-weight: 700; }
    .product-details ol .header p {
      margin: 0;
      padding: 0; }
  .product-details ol .details {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 5px 0;
    position: relative; }
    .product-details ol .details:after {
      background-color: #F2F2F2;
      border-radius: 8px;
      content: "";
      height: 80%;
      left: 0;
      position: absolute;
      top: 4px;
      width: 5px; }
    .product-details ol .details:hover:after {
      background-color: #dadada; }
    .product-details ol .details a {
      color: #202020;
      display: block;
      text-decoration: none; }
      .product-details ol .details a:hover {
        color: #d73000;
        text-decoration: none; }
  .product-details ol ul {
    margin: 0;
    padding: 0 0 0 15px;
    list-style-type: none;
    overflow: hidden; }
    .product-details ol ul li {
      float: left;
      width: 15%;
      word-wrap: break-word;
      padding-right: 15px;
 }
      .product-details ol ul li.last {
        width: 30%; }
      .product-details ol ul li strong {
        display: block;
        line-height: 1.5; }
        .lt-ie9 .product-details ol ul li strong {
          font-weight: 700; }
        .product-details ol ul li strong span {
          position: absolute;
          left: -999em; }

/* mobile */
@media only screen and (max-width: 767px) {
  .product-details ol .header {
    padding: 10px 40px 10px 10px; }
  .product-details ol ul li {
    float: none;
    width: auto !important;
    font-size: 1.5rem; }
    .product-details ol ul li strong {
      display: inline;
      line-height: normal;
      padding-right: 5px;
      font-weight: bold; }
      .product-details ol ul li strong span {
        position: static; } }


.search-results-footer {
  height: 30px;
  min-height: 30px;
  position: relative;
}  
*[class=search-results-footer] {
    height: auto;
}

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

@media only screen and (max-width: 767px) {
    ul li span.collapse-filters-icon {
        background: url(img/countrysite-sprite.png) 0 -615px no-repeat;
        width: 8px;
        height: 8px;
        cursor: pointer;
        float: right;
        margin-top: 8px;
        text-indent: -9999px;
    }

    ul li span.expanded {
        /*background: url(img/expanded.gif) 2px 0 no-repeat;*/
        background-position: 0 -599px;
        width: 9px;
    }
}

@media only screen and (max-width: 767px) {
    .sub-nav {
        overflow: hidden;
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .main-nav-item.hover .sub-nav,
    .main-nav-item:hover .sub-nav,
    .main-nav-item a:focus + .sub-nav {
        display: none;
        left: -2px;
    }
    .sub-menu-nav-item.hover .sub-nav,
    .sub-menu-nav-item:hover .sub-nav,
    .sub-menu-nav-item a:focus + .sub-nav {
        display: none;
        left: -2px;
    }
}

@media screen and (min-width: 768px) {
    .main-nav-item.hover .sub-nav,
    .main-nav-item:hover .sub-nav,
    .main-nav-item a:focus + .sub-nav {
        display: block !important;
        /*left: -2px;*/
        /*overflow: hidden !important;*/
    }

    .sub-menu-nav-item.hover .sub-nav,
    .sub-menu-nav-item:hover .sub-nav,
    .sub-menu-nav-item a:focus + .sub-nav {
        display: block !important;
        /*left: -2px;*/
        /*overflow: hidden !important;*/
    }
}

/*@media only screen and (max-width: 767px) {
    .main-nav-item .main-nav-link {
        float: left;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        
        width: 126px;
        height: 48px !important;
        padding: 11px 0 0 25px;
        color: #4c4c4c;
        pointer-events:none;
        cursor:none;
    }
}*/
/*-------------------------------*/

@media only screen and (max-width: 767px) {
    .menu-img {
        max-height: 17px;
    }
}
/* Req WR-2014-039 changes (Commented the b
    elow style of panel) */
/*.panel a {
    color: #d73000; 
}
.panel a.bt {
    color: #fff;
} */
/*--------------------------------------------------------
  @end Product Search Results/Details added by Netcel
------------------------------------------------------ */.main-nav-item a:focus + .sub-nav {
        display: block !important;
        left: -2px;
        /*overflow: hidden !important;*/
    }
/*}*/
 
/*-------------------------------*/
 
@media only screen and (max-width: 767px) {
    .menu-img {
        max-height: 17px;
    }
}

/* Req WR-2014-039 changes (Commented the below style of panel) */
/*.panel a {
    color: #d73000; 
}
.panel a.bt {
    color: #fff;*/
/*}*/

.divColor {
    background-color:#00A3AD!important;
}    
/*--------------------------------------------------------
  @end Product Search Results/Details added by Netcel
------------------------------------------------------ */

@media only screen and (min-width: 768px){
    .desktopBannerShape{
        display:block;
    }

    .mobileBannerShape{
        display:none;
    }
}

@media only screen and (max-width: 767px){
    .desktopBannerShape{
        display:none;
    }

    .mobileBannerShape{
        display:block;
    }

    .flex-control-nav{
        display:none;
    }

    #map_canvas{
        display:none;
    }

    #googleMapForEnquiry{
        display:none;
    }
}

.slides{
    border-bottom-color:#d73000;
    border-bottom-style:solid;
    border-bottom-width:3px;
}

@media only screen and (min-width: 768px){
    .main-nav-innerDiv{
        width:960px;
        margin:auto;
    }
    .submenu-innerDiv{
        width:960px;
        margin:auto;
    }
    .signupbar-innerDiv{
        width:960px;
        margin:auto;
    }
    .signupbar-innerDiv .l-grid{
        margin-left:30px;
    }
    .site-footer .l-grid{
        width:960px;
        margin:auto;
    }
    .logo-innerDiv{
        width: 960px;
        margin: auto;
        height:112px;
        background-color:#ffffff;
    }
    #MainContentArea{
        background-color:#ffffff;
    }
    #content{
        background-color:#ffffff;
    }
    .ie .search-form input{
        padding-top:3px;
    }

    .target{
        display:inline-block!important;
    }

    .specificEnquiry{
        display:inline-block;
        width:53%;
        float:left;
    }

    .specificEnquiry-item{
        max-width:232px;
        overflow-wrap:break-word;
    }
}

@media only screen and (min-width: 768px){
    .divider-Main{
        width:960px;
        max-width:960px;
        background-color:#F2F2F2;
        display:flex;
    }

    .fourColumn-Item{
        width:225px;
        margin-left:0px!important;
        margin-right:20px!important;
        border-bottom: 3px solid #00A3AD;
        background-color: #ffffff;
        padding-bottom: 10px;
    }

    .fourColumn-Item h2{
        padding:0 10px 0 10px;
        margin-top: 10px;
    }

    .fourColumn-Item p{
        padding:0 10px 0 10px;
    }

    .fourColumn-Item div.more{
        padding:0 10px 0 10px;
    }

    .fourColumn-ItemFour{
        width:225px;
        margin-left:0px!important;
        margin-right:0px!important;
        border-bottom: 3px solid #00A3AD;
        background-color: #ffffff;
        padding-bottom: 10px;
    }

    .fourColumn-ItemFour h2{
        padding:0 10px 0 10px;
        margin-top: 10px;
    }

    .fourColumn-ItemFour p{
        padding:0 10px 0 10px;
    }

    .fourColumn-ItemFour div.more{
        padding:0 10px 0 10px;
    }

    .threeColumn-Item{
        width:300px;
        margin-left:0px!important;
        margin-right:30px!important;
        border-bottom: 3px solid #00A3AD;
        background-color: #ffffff;
        padding-bottom: 10px;
    }

    .threeColumn-Item h2{
        padding:0 10px 0 10px;
        margin-top: 10px;
    }

    .threeColumn-Item p{
        padding:0 10px 0 10px;
    }

    .threeColumn-Item div.more{
        padding:0 10px 0 10px;
    }

    .threeColumn-ItemLast{
        width:300px;
        margin-left:0px!important;
        margin-right:0px!important;
        border-bottom: 3px solid #00A3AD;
        background-color: #ffffff;
        padding-bottom: 10px;
    }

    .threeColumn-ItemLast h2{
        padding:0 10px 0 10px;
        margin-top: 10px;
    }

    .threeColumn-ItemLast p{
        padding:0 10px 0 10px;
    }

    .threeColumn-ItemLast div.more{
        padding:0 10px 0 10px;
    }
    
}

@media only screen and (max-width:767px){
    .sub-menu-title{
        padding-top:3px!important;
    }
} 

/*--------------------------------------------------------
  ShopResults
------------------------------------------------------ */
.shopResultsMainDiv {
    overflow: hidden;
    width:570px;
}

.shopResultsSubDiv1 {
    width: 100px;
    float: left;
}

img.shopResultsSubDiv1 {
    border-width: 0px;
    height: 75px !important;
    width: 55px !important;
    margin-left: -20px;
    margin-top: -5px;
}

.shopResultsSubDiv2 {
    width: 330px;
    float: left;
    margin-left: 45px;
}

.standardLabel{
    border-radius: 6px 6px;
    background-color: red;
    color: white;
    padding: 1px 8px 1px 8px;
    font-weight: bold;
    font-family:Arial;
}

h3.shopResultsSubDiv2 {
    margin-bottom: 0px;
    margin-left: 0px;
}

p.shopResultsSubDiv2{
    margin-top: 1px;
}

.shopResultsSubDiv3 {
    float: right;
    margin-right:20px;
}

#p1 {
    text-align: end;
    font-weight: bold;
    color: grey;
}

#p2 {
    color: black;
    margin-top: 0;
    text-align: end;
    font-weight: bold;
}

#view {
    height: 30px;
    width: 90px;
    font-size: small;
    float: right;
}

@media only screen and (max-width:768px) {
    .shopResultsMainDiv {
        overflow: hidden;
        max-width: 220px;
        display: inline-table;
    }

    .shopResultsSubDiv1 {
        width: 100px;
        float: left;
    }

    img.shopResultsSubDiv1 {
        border-width: 0px;
        height: 75px !important;
        width: 55px !important;
        margin-left: -20px;
        margin-top: 15px;
        display: inline !important;
    }

    .shopResultsSubDiv2 {
        width: 193px;
        float: left;
        margin-left: 50px;
    }

    .standardLabel {
        border-radius: 6px 6px;
        background-color: red;
        color: white;
        padding: 1px 8px 1px 8px;
        font-weight: bold;
        font-family: Arial;
    }

    h3.shopResultsSubDiv2 {
        margin-bottom: 0px;
        margin-left: 0px;
    }

    p.shopResultsSubDiv2 {
        margin-top: 1px;
    }

    .shopResultsSubDiv3 {
        margin-left: 50px;
        float:left;
    }

    #p1 {
        text-align: left;
        font-size: small;
        font-weight: bold;
    }

    #p2 {
        color: black;
        margin-top: 0;
        text-align: left;
        margin-top: -17px;
        font-size: 14px;
        width: 215px;
        padding-left: 55px;
    }

    #view {
        height: 30px;
        width: 90px;
        font-size: small;
        float: left;
    }
}

/*--------------------------------------------------------
  ShopResults for Composer block
------------------------------------------------------ */
.item{
    margin-top:5px !important;
    margin-left:-8px;
    padding-bottom:5px !important;
}
.mainDiv{
    width:100%;
}
img.span1{
    border-width:0px;
    height:61px !important;
    width:45px !important; 
    margin-left:-25px;
    margin-top: -4px;
}
#p3{
    margin-top:-5px;
}
.titleDescription{
    margin-top:-5px !important;
    color:gray;
    width:180px
}
.span2{
    padding-left:25px;
    font-size:small;
    font:-webkit-control
}
.span3{
    color:red;
    font-size:small;
}
.viewDetails{
    height:30px;
    width:100px;
    margin-left:25px;
    font-size:small !important;
    color:white !important;
    padding-left:15px !important;
}
.title{
    margin-left:25px;
}

#outerDiv{
    margin-bottom: 5px;
}
#outerDiv1 {
    margin-bottom: 5px;
}
.shopResultColumn{
    width: 250px;
    vertical-align:text-top;
}


@media only screen and (max-width:767px) {
    .item {
        margin-top: -42px !important;
        margin-left: -8px;
        padding-bottom: 15px !important;
    }

    .mainDiv {
        width: 110%;
        padding-left: 10px;
    }

    img.span1 {
        border-width: 0px;
        height: 61px !important;
        width: 45px !important;
        margin-left: -25px;
        margin-top: 15px;
        display: inline !important;
    }

    #p3 {
        margin-top: -5px;
    }

    .span2 {
        padding-left: 25px;
        font-size: small;
        font: -webkit-control;
    }

    .span3 {
        color: red;
        font-size: small;
    }

    .viewDetails {
        height: 30px;
        width: 100px;
        font-size: small;
        margin-left: 25px;
        padding-left: 15px;
    }

    .title {
        margin-left: 25px;
    }

    #outerDiv {
        margin-bottom: 5px;
    }

    #outerDiv1 {
        margin-bottom: 5px;
    }

    .shopResultImg img {
        margin-left: -24px !important;
        margin-top: 18px !important;
    }

    .shopResultsBlobkDetails {
        position: relative;
        left: 7px;
    }

    .shopResultsBlockPrice {
        position: relative;
        left: 7px;
    }

    .titleDescription {
        margin-top: -5px;
        color: gray;
        width: 180px;
    }
        .shopResultColumn{
           width: 250px;
           display:block;
           }
}
    .search-results-teaser-block .column-menu {
        display: none;
    }