/*
    Mediherb :: style.css
    Defaults first:
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

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

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

html {
    overflow-y: scroll;
}

ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

del {
    text-decoration: line-through;
}

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

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

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

input,
select {
    vertical-align: middle;
}

pre {
    white-space: pre;
    /* CSS2 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
}

input[type="radio"] {
    vertical-align: text-top;
}

input[type="checkbox"] {
    vertical-align: bottom;
    *vertical-align: baseline;
}

.ie6 input {
    vertical-align: text-bottom;
}

select,
input,
textarea {
    font: 99% sans-serif;
}

table {
    font-size: inherit;
    font: 100%;
}

a:hover,
a:active {
    outline: none;
}

small {
    font-size: 85%;
}

strong,
th {
    font-weight: bold;
}

td,
td img {
    vertical-align: top;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif;
}

.clickable,
label,
input[type=button],
input[type=submit],
button {
    cursor: pointer;
}

button,
input,
select,
textarea {
    margin: 0;
}

button {
    width: auto;
    overflow: visible;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

.ie6 html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

.hidden {
    display: none;
}

/* Clear your floats! 
-------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.cb {
    clear: both;
}

.hide-for-tablet {
    display: none;
}

.show-for-tablet {
    display: none;
}

.show-for-mobile {
    display: block;
}

.hide-for-mobile {
    display: none;
}

/* Customisations
-------------------------------------------------------------------------------*/

/* put webfonts here! */

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    background: #fff;
    font: 13px/1.308em Tahoma, Helmet, Freesans, sans-serif;
    min-width: 320px;
    -webkit-text-size-adjust: none;
    width: 100%;
}

body,
select,
input,
textarea {
    color: #333;
}

a {
    color: #00685d;
    text-decoration: none;
}

a:hover {
    color: #97bb46;
    text-decoration: none;
}

::-moz-selection {
    background: #DDF4A6;
    color: #849164;
    text-shadow: none;
}

::selection {
    background: #e4eeed;
    color: #849164;
    text-shadow: none;
}

a:link {
    -webkit-tap-highlight-color: #DDF4A6;
}

ins {
    background-color: #DDF4A6;
    color: #000;
    text-decoration: none;
}

mark {
    background-color: #DDF4A6;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

.print-logo {
    display: none;
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.0em;
    font-weight: normal;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
}

h1 {
    font-size: 3.5em;
}

h2 {
    font-size: 2.308em;
}

h3 {
    font-size: 2.000em;
}

h4 {
    font-size: 1.3em;
}

h5 {
    font-size: 1.2em;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    color: #00685d;
}

h5 {
    color: #00685d;
    font-size: 1.231em;
    margin-top: 0;
    margin-bottom: 5px;
    display: block;
    font-weight: normal;
}

#site-container {
    margin-top: 33px;
}

.wrapper {
    margin: 0 auto;
    max-width: 1042px;
    min-width: 300px;
    padding: 0;
    width: 100%;
}

.umbracotable {
    width: 100%;
}

.arrow-link {
    display: block;
    font-size: 1.231em;
    margin: 1.0em 0;
    min-height: 21px;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    color: #333;
    position: relative;
    padding-left: 30px;
}

.arrow-link:hover {
    color: #97bb46;
}

.arrow-link:hover:before {
    background-position: 0 -50px;
}

.arrow-link:before {
    content: " ";
    background: url(/buildassets/images/arr_proflibcat.png) no-repeat 0 0;
    background-size: 21px 71px;
    width: 21px;
    height: 21px;
    overflow: hidden;
    display: block;
    margin-right: 9px;
    position: absolute;
    vertical-align: middle;
    left: 0;
    top: 50%;
    margin-top: -13px;
}

table.greentable {
    width: 100% !important;
    height: auto !important;
    border: 1px solid #00685D;
    border-radius: 4px;
    overflow: hidden;
    display: inherit;
    max-width: 730px;
}

.lt-ie10 table.greentable {
    overflow: visible;
}

table.greentable.download-list {
    margin-top: 20px;
}

.greentable a {
    color: #00685d;
    text-decoration: underline;
}

table.greentable tr {
    width: 100%;
}

table.greentable tr td {
    padding: 10px 15px !important;
    font-size: 13px !important;
    background-color: #ffffff;
}

table.greentable tr td p,
table.greentable tr td a {
    font-size: 1.0em !important;
}

table.greentable tr:first-child td {
    background-color: #00685D !important;
    color: #fff !important;
    margin-bottom: 0;
    padding: 20px 15px !important;
    font-size: 16px !important;
    font-weight: normal;
    text-align: left;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
}

table.greentable tr:nth-child(2n+1) td {
    background-color: #d9e9df;
}

table.greentable tr.green-row td {
    background-color: #d9e9df;
}

table.greentable.download-list tr .title-col {
    width: 35%;
    vertical-align: top;
}

table.greentable.download-list tr .contents-col {
    width: 65%;
    vertical-align: top;
}

table.greentable.download-list tr .contents-col p {
    display: inline;
}

table.greentable tbody,
table.greentable thead {
    display: table;
    table-layout: fixed;
    width: 100%;
}

table.greentable.download-list tbody tr td {
    background-color: #fff !important;
    color: #333 !important;
    font-size: 13px !important;
    padding: 10px 15px !important;
    font-family: Tahoma, Helmet, Freesans, sans-serif;
}

table.greentable.download-list thead tr th {
    background-color: #00685D !important;
    color: #fff !important;
    margin-bottom: 0;
    padding: 20px 15px !important;
    font-size: 16px !important;
    font-weight: normal;
    text-align: left;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
}

table.greentable.download-list tbody tr:nth-child(2n) td,
table.greentable.download-list tbody tr.green-row td {
    background-color: #d9e9df !important;
}

.ingredient-name {
    font-size: 11px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 14px 9px;
    padding-right: 2%;
    width: 73%;
}

/* Tiny MCE controllable styles
-------------------------------------------------------------------------------*/
.copy h2 {
    color: #00685d;
    margin-bottom: 0.5em;
}

.copy h3 {
    color: #a31d6b;
    font-size: 1.538em;
    margin-bottom: 0.5em;
    line-height: 1.3em;
}

.copy h4 {
    color: #00685d;
    font-size: 1.23077em;
    margin-bottom: 0.5em;
}

.copy ul,
.textbook-content ul {
    margin: 0 20px;
}

.copy ol,
.textbook-content ol {
    margin: 0 20px;
}

.product-page #media-col ul,
.product-page #media-col ol {
    margin: 0 20px;
}

.copy ul li,
.textbook-content ul li,
.product-page #media-col ul li {
    background: transparent;
    list-style-type: disc;
    position: relative;
    margin-bottom: 0.5em;
}

.copy ul li:last-child {
    margin-bottom: 0px;
}

/* Umbraco's tinymce has no blockquote element so we have to fudge it with a class on a paragraph */
.copy .blockquote {
    background: #cce1d4;
    border-radius: 2px;
    color: #00685d;
    font-size: 1.23077em;
    line-height: 1.2em;
    padding: 10px;
    text-align: center;
    font-style: italic;
}

table.umbracotable td {
    padding: 5px 8px;
    border: 1px solid #00685d;
}

table.umbracotable thead tr {
    background: #00685d;
}

table.umbracotable thead td {
    color: #fff;
    font-weight: bold;
}

#main-section .copy img,
#main-section .copy embed,
#main-section .copy iframe {
    display: block;
    max-width: 100%;
}

#main-section #with-media-col img,
#main-section #with-media-col embed,
#main-section #with-media-col iframe {
    display: block;
    max-width: 450px;
}

.main-pad ul>li,
.main-pad ol>li {
    font-size: 1.0em;
    margin-bottom: 1.0em;
}

/* Main containers */
#header-container,
#main-section,
#footer-container {
    float: left;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

#header-container {
    padding: 0 5%;
    z-index: 3;
}

#main-section {
    padding: 0;
    z-index: 2;
}

#footer-container {
    padding: 0 5%;
}

/* Header */
#header {
    float: left;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

/* Header logo */
#header h1#title {
    float: left;
    margin: 25px 2.5% 10px;
    width: 95%;
}

#header h1 a {
    display: block;
    padding: 0;
}

#header h1 a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

#header h1#title a img {
    display: block;
    height: 80px;
    width: 100%;
    object-fit: cover;
}

/* Header social media */
.header-social-media {
    clear: right;
    float: right;
    margin: 12px 0 15px 0;
    width: 100%;
    text-align: center;
}

.header-social-media a {
    color: #333;
    height: 21px;
    display: inline-block;
    font-size: .9em;
    margin: .5em;
}

.header-social-media a:hover {
    color: #97bb46;
}

.header-social-media .btn-facebook {
    background: url(/buildassets/images/ico-facebook.png) no-repeat top right;
    background-size: 21px 21px;
    display: inline-block;
    line-height: 21px;
    padding-right: 32px;
}

.header-social-media .btn-change-country {
    padding-right: 32px;
    background-size: 20px 100px !important;
    line-height: 21px;
}

.header-social-media .btn-change-country span {
    display: none;
}

.header-social-media .btn-change-country.au {
    background: url("/buildassets/images/ico-flags-sprite.png") right -2px no-repeat;
}

.header-social-media .btn-change-country.ca {
    background: url("/buildassets/images/ico-flags-sprite.png") right -27px no-repeat;
}

.header-social-media .btn-change-country.gb {
    background: url("/buildassets/images/ico-flags-sprite.png") right -52px no-repeat;
}

.header-social-media .btn-change-country.us {
    background: url("/buildassets/images/ico-flags-sprite.png") right -77px no-repeat;
}

/* Login box, my account and header search form */
.menu-search,
#my-account {
    display: none;
}

.menu-login {
    display: block;
}

#login-box-header {
    background: #fff;
    display: none;
    float: left;
    padding: 10px 4% 13px 4%;
    position: relative;
    width: 100%;
    z-index: 2;
}

#login-box-header .login-inputs {
    background: transparent;
    display: block;
    overflow: hidden;
    width: 100%;
    /* unfortunately iPhone form fields require an extra container or create a scrollbar... */
}

#login-box-header p.login-heading {
    color: #00685d;
    cursor: default;
    display: block;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.154em;
    margin: 5px 0 10px 0;
}

#forgot-pass-header p {
    color: #333;
    font-size: 1.0em;
    margin: 0;
    clear: both;
    float: left;
    margin-top: 10px;
}

#forgot-pass-header a {
    color: #333;
    padding: 0;
}

#forgot-pass-header a:hover {
    text-decoration: underline;
}

#forgot-pass-header p .divider {
    padding: 0 7px 0 5px;
}

#login-box-header .error-box {
    left: 35%;
    position: absolute;
    top: 120px;
    width: 61%;
    z-index: 3;
}

#login-box-header .disable-error {
    display: none !important;
}

#login-box-header .client-side-error-box {
    display: none;
}

#login-box-header .arrow {
    background-image: url(../buildassets/images/arr_red_01.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 32px 17px;
    display: block;
    height: 17px;
    margin-bottom: -2px;
    position: relative;
    z-index: 2;
}

#login-box-header .error-message {
    background: #fedcd8;
    border: 1px solid #b31b0b;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #b31b0b;
    padding: 8px 10px;
    position: relative;
    z-index: 1;
}

#login-box-header .error-message p {
    color: #b31b0b;
    font-size: 0.857em;
    line-height: 1.333em;
    margin: 0px;
}

#login-box-header .error-message a {
    color: #00685d;
    display: inline;
    font-size: 1em;
    padding: 0px;
}

#login-box-header .error-message a:hover {
    color: #97bb46;
}

#login-box-header .btn-light-loading {
    float: right;
    height: 0;
    position: absolute;
    width: 78px;
    z-index: 0;
}

#login-box-header .btn-light {
    float: left;
    padding: 0;
    width: 30%;
    height: 34px;
}

#login-box-header .btn-light.btn-standard-process {
    width: auto;
    padding: 8px 20px;
    float: right;
    height: auto;
    margin: 24px 0;
}

.login-inputs .txt {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    z-index: 1;
}

#login-box-header .error-messages {
    visibility: hidden;
    font-size: 0px;
    line-height: 0px;
    float: left;
    width: 0px;
    height: 0px;
}

#login-box-header ::-webkit-validation-bubble {
    visibility: hidden;
}

#login-box-header ::-webkit-validation-bubble-top-outer-arrow {
    visibility: hidden;
}

#login-box-header ::-webkit-validation-bubble-top-inner-arrow {
    visibility: hidden;
}

#login-box-header ::-webkit-validation-bubble-message {
    visibility: hidden;
}

/* My account */
#header #my-account {
    clear: right;
    margin-top: 33px;
    width: 100%;
    z-index: 3;
}

#my-account .btn-light {
    border-radius: 0 0 4px 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#my-account .account-links {
    display: none;
    position: absolute;
    right: 0;
    text-indent: 0px;
    top: 24px;
    width: 100%;
    z-index: 3;
}

#my-account .account-links ul {
    background: #fff;
    border-radius: 2px;
    padding: 5px 3.4%;
    box-shadow: 0px 0px 8px #bababa;
}

#my-account .account-links .arrow {
    background: url(../buildassets/images/arr_white_06.png) no-repeat top right;
    height: 10px;
    width: 100%;
    position: relative;
}

#my-account .account-links li {
    float: none;
    font-size: 1.0em;
    border-top: 0px;
    border-bottom: 1px solid #7fb3ae;
    width: auto;
}

#my-account .account-links li:last-child {
    border-bottom: 0px;
}

#my-account .account-links li a {
    color: #424242;
    padding: 8px 0;
    display: block;
}

#my-account .account-links li a:hover {
    color: #00685D;
}

/* Search box */
#login-box-header .search-inputs {
    background: transparent;
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    float: left;
    clear: both;
}

#main-section #article .search-inputs {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
}

#main-section #search-form label {
    display: block;
    padding-bottom: 0.5em;
}

.search-inputs .txt {
    width: 100%;
    -webkit-appearance: none;
}

.header-search-form {
    position: relative;
}

.options-wrapper {
    display: none;
    background-color: #EBEBEB;
    border-radius: 0 0 4px 4px !important;
    border-top: 1px solid #E2E2E2;
    box-shadow: 0 -1px 0 1px #DDDDDD inset;
    float: left;
    position: relative;
    top: 0;
    width: 100%;
}

.active .options-wrapper {
    display: block;
}

.options {
    padding: 10px 5%;
    display: block !important;
}

.options li {
    margin: 0.5em 0;
}

.options li:first-child {
    margin-bottom: 0;
}

.options label {
    display: inline-block;
    float: right;
    font-size: 1.2em;
    padding: 5px 0;
    width: 88%;
}

.options input {
    display: inline-block;
    float: left;
    margin-top: 5px;
    width: 10%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
    .search-inputs input[type="search"] {
        font-size: 16px;
    }

    /* at least 16px to stop weird zoom on input select */
}

@media only screen and (max-width: 481px) {
    .search-summary .btn-light {
        clear: both;
        margin-top: 24px;
    }

    .copy img {
        width: 100% !important;
        height: auto !important;
    }
}

#login-box-header label.search-heading {
    display: none;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.154em;
    color: #00685d;
    cursor: default;
    display: block;
    float: left;
    margin: 0 0 5px 0;
}

nav .menu-search {
    float: right;
}

nav .menu-search a {
    background-color: transparent;
    margin-bottom: 0px;
    padding: 12px 12px 12px 10px;
    font-size: 1.231em;
    display: block;
    color: #fff;
}

nav .menu-search a:hover,
nav .menu-search a:active,
nav .menu-search a:focus {
    background-color: #00564D;
    text-decoration: none;
}

nav .menu-nav-login {
    float: right;
}

nav .menu-nav-login a {
    background-color: transparent;
    margin-bottom: 0px;
    padding: 12px 12px 12px 10px;
    font-size: 1.231em;
    display: block;
    color: #fff;
}

nav .menu-nav-login a:hover,
nav .menu-nav-login a:active,
nav .menu-nav-login a:focus {
    background-color: #00564D;
    text-decoration: none;
}

nav .menu-search .icon {
    background-image: url(../buildassets/images/ico_search_2x.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 16px 17px;
    padding: 0 0.5em 0 1.6em;
    margin: 0 0 0 0.6em;
}

.search-inputs input[type="submit"].btn-light,
.search-inputs input[type="submit"].btn-dark {
    background-image: url(../buildassets/images/ico_search_2x.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    border-radius: 0px 4px 4px 0px;
    bottom: 0px;
    padding: 9px 10px;
    position: absolute;
    right: 0px;
    text-indent: -9999px;
    width: 33px;
    z-index: 2;
}

#login-box-header .search-inputs input[type="submit"].btn-light {
    width: 33px;
}

#login-box-header label.search-heading {
    display: none;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.154em;
    color: #00685d;
    cursor: default;
    display: block;
    float: left;
}

/* Main navigation */
.menu-title-mobile {
    background-color: #00685d;
}

#nav {
    background-color: #00685d;
    border-radius: 0;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    margin: 0 auto;
    max-width: 1000px;
    width: 100%;
    z-index: 2;
}

#nav .menu-login {
    float: right;
}

#nav .menu-title {
    float: left;
}

#nav .menu-login a {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 0px;
    padding: 12px 12px 12px 10px;
    font-size: 1.231em;
    color: #fff;
    display: block;
}

#nav .menu-title a {
    background-color: transparent;
    padding: 0px;
    margin-bottom: 0px;
    padding: 12px 10px 12px 12px;
    font-size: 1.231em;
    display: block;
    color: #fff;
}

#nav .menu-login a.open,
#nav .menu-title a.open,
#nav .menu-search a.open,
#nav .menu-login a:hover,
#nav .menu-title a:hover,
#nav .menu-login a:active,
#nav .menu-title a:active,
#nav .menu-login a:focus,
#nav .menu-title a:focus {
    background-color: #00564D;
    text-decoration: none;
}

#nav .menu-title .icon {
    background-image: url(../buildassets/images/ico_nav_mobile.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20%;
    padding: 0px;
    margin-bottom: 0px;
    padding: 0 0.5em 0 1.3em;
}

#nav ul {
    display: none;
    clear: left;
    padding: 0;
    margin: 0px;
}

#nav>ul>li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    margin: 0px;
    position: relative;
}

#nav>ul>li:hover {
    background-color: #00564D;
    border-top-color: transparent;
}

.sub-nav a:hover {
    background-color: #97BB46;
}

#nav li a {
    color: #fff;
    display: block;
    margin-bottom: -1px;
    padding: 9px 30px;
    text-align: left;
    text-decoration: none;
    font-size: 1.231em;
    line-height: 1.0em;
}

#nav li a:hover,
#nav li a:focus,
#nav li a:active,
#nav li a:visited {
    color: #fff;
    text-decoration: none;
}

#nav h3 {
    color: #97bb46;
    margin: 15px 0 5px 25px;
    font-size: 1.308em;
}

#nav h3 a {
    padding: .5em 0 0 !important;
    margin: 0 !important;
    font-size: 1em;
    line-height: normal;
    color: #97BB46;
}

#nav h3 a:hover,
#nav h3 a:focus,
#nav h3 a:active,
#nav h3 a:visited {
    color: #97bb46 !important;
    background: none transparent !important;
}

#nav .active-nav>.top-nav {
    background-color: #97bb46;
}

/*.list-with-subnav .snc-positioner:before {
    background-image: url("../buildassets/images/arr_blue_05.png");
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 12px;
    margin-top: -6px;
    position: absolute;
    right: 10px;
    top: 18px;
    width: 17px;
}*/

.list-with-subnav .snc-positioner .subnav-expand-arrow {
    background-image: url("../buildassets/images/arr_blue_05.png");
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    display: block;
    height: 34px;
    position: absolute;
    right: 10px;
    top: 0;
    width: 34px;
    cursor: pointer;
}



/* Active nav items */
#home-body nav .btn-home,
#about-body nav .btn-about,
#contact-body nav .btn-contact,
#find-a-practitioner-body nav .btn-find-a-practitioner,
#loggedin-home-body nav .btn-home,
#products-body nav .btn-products .subnav,
#specials-body nav .btn-specials,
#resources-body nav .btn-resources a.subnav,
#newsletter-body nav .btn-newsletter,
#library-body nav .btn-library a.subnav,
#buy-now-body nav .btn-buy-now-page {
    background: #97bb46;
}

/* Active sub-nav items */
#home-body .btn-home .sub-nav,
#about-body .btn-about .sub-nav,
#contact-body .btn-contact .sub-nav,
#find-a-practitioner-body .btn-find-a-practitioner .sub-nav,
#loggedin-home-body .btn-home .sub-nav,
#products-body .btn-products .sub-nav,
#specials-body .btn-specials .sub-nav,
#newsletter-body .btn-newsletter .sub-nav,
#buy-now-body .btn-buy-now-page .sub-nav {
    background: #97bb46;
}

/* Active sub-nav anchors */
#home-body .btn-home .sub-nav a:hover,
#about-body .btn-about .sub-nav a:hover,
#contact-body .btn-contact .sub-nav a:hover,
#find-a-practitioner-body .btn-find-a-practitioner .sub-nav a:hover,
#loggedin-home-body .btn-home .sub-nav a:hover,
#products-body .btn-products .sub-nav a:hover,
#specials-body .btn-specials .sub-nav a:hover,
#resources-body .btn-resources .sub-nav a:hover,
#newsletter-body .btn-newsletter .sub-nav a:hover,
#buy-now-body .btn-buy-now-page .sub-nav a:hover {
    background: #00564D;
}

nav a:hover,
nav a:visited {
    color: #fff;
}

nav .sub-nav-featured {
    display: none;
}

nav ul.sub-nav {
    display: none;
}

.sub-nav-content {
    background-color: #00564D;
}

nav ul.sub-nav li {
    background-color: #00564D;
    border-top: 0px;
}

nav ul.sub-nav li:last-child {
    border-bottom: 0px;
}

nav ul.sub-nav li a:hover {
    background-color: #97bb46 !important;
}

nav ul.sub-nav li a {
    font-size: 1.077em;
    white-space: nowrap;
}

nav .sub-nav-3column .sub-nav-col {
    float: left;
    width: 33.3333%;
}

nav .sub-nav-2column .sub-nav-col {
    float: left;
    width: 50%;
}

nav .sub-nav-col .sub-nav {
    width: 100%;
    padding: 0;
}

/* Header images / scrolling panels */
.header-img {
    background: url(../buildassets/images/header-page.jpg) no-repeat center center;
    background-size: cover;
    display: table;
    height: 100px;
    position: relative;
    width: 100%;
    max-width: 1000px;
    z-index: 1;
    margin: 0 auto;
}

.header-img h1 {
    bottom: 20px;
    color: #fff;
    font-size: 2.0em;
    left: 20px;
    position: absolute;
    z-index: 2;
}

.header-img h1 a,
.header-img h1 a:hover {
    color: #fff;
}

.scroller {
    background-color: #d9e9df;
    margin: 0;
    max-height: 160px;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#nav-scroller {
    right: 20px;
    padding-left: 2.5%;
    position: absolute;
    bottom: 10px;
    z-index: 5;
}

#nav-scroller a {
    background: #ffffff;
    border-radius: 20px;
    display: block;
    float: left;
    height: 20px;
    margin-left: 5px;
    text-indent: -9999px;
    width: 20px;
}

#nav-scroller a.activeSlide {
    background: #00685d;
}

ul#slide-list {
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 160px;
    z-index: 2;
}

ul#slide-list li {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}

.panel-link {
    display: block;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

#slide-list .panel-link {
    height: 100%;
}

.scroller .panel-content {
    bottom: 0;
    padding: 10px 2.5%;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.scroller .panel-content h1 {
    bottom: auto;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 2.0em;
    font-weight: normal;
    left: 0;
    line-height: 1.150em;
    padding: 0;
    position: relative;
}

.scroller .panel-content p.subheading {
    display: none;
    color: #fff;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.692em;
    font-weight: normal;
    line-height: 1.182em;
    margin-top: 10px;
}

.scroller .panel-content .btn-light {
    display: inline-block;
    margin-top: 10px;
}

/* Main Section */
.main-pad {
    margin: 0 auto;
    padding: 20px;
    position: relative;
    width: 100%;
    z-index: 1;
}

#the-body .main-pad,
#contact-body .main-pad {
    padding: 20px 5%;
}

/* Homepage Containers */
#home-content {
    width: 100%;
    float: left;
}

.home-aside-wrapper {
    width: 100%;
    float: left;
}

#home-aside {
    width: 100%;
    float: left;
}

#loggedin-home-body #home-aside {
    margin-top: 20px;
}

#home-content .has-image {
    width: 100%;
}

.home-left-image {
    float: left;
    margin-bottom: 15px;
    width: 32%;
}

.home-left-image img {
    display: block;
    width: 82%;
}

.home-right-bodytext {
    float: none;
    width: 100%;
}

#home-aside .homepage-ad {
    border-radius: 2px;
    clear: left;
    display: block;
    float: left;
    margin: 20px 0;
    text-align: center;
    width: 100%;
}

#home-aside .homepage-ad:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

#home-aside .promo-1 {
    margin-bottom: 0;
}

#home-aside h4 {
    background: #00685d;
    padding-bottom: 10px;
    border-radius: 0 13px 0 0;
    color: #fff;
    font-size: 1.538em;
    line-height: 1.0em;
    left: 0;
    float: left;
    padding: 10px 20px 8px 20px;
}

#home-aside .featured-product-container {
    border: 1px solid #e4eeed;
    float: left;
}

#home-aside .featured-product .feature-product-summary {
    background: #e4eeed;
    padding: 20px;
}

#home-aside .featured-product .feature-product-img img {
    margin: 10px auto 10px auto;
    width: auto;
}

#home-aside .featured-product .feature-product-title {
    margin-bottom: 5px;
}

#home-aside .featured-product .feature-product-title a {
    color: #00685d;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.231em;
}

#home-aside .featured-product .feature-product-title a:hover {
    color: #97bb46;
}

#home-aside .featured-product .feature-product-desc {
    margin-bottom: 5px;
}

.list-products {
    border: 1px solid #00685d;
    width: 100%;
    border-collapse: separate;
    margin-top: 20px;
}

div.list-products {
    border: none;
    float: left;
}

.list-products th {
    background: #00685d;
    color: #fff;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.231em;
    font-weight: normal;
    line-height: 1.0em;
    padding: 20px;
    text-align: left;
}

.list-products td {
    border-top: 1px solid #e4eeed;
    padding: 10px 20px 15px 20px;
    position: relative;
    z-index: 1;
}

.list-products td .new-item {
    background: url(/buildassets/images/ico-new-item.png) no-repeat top left;
    background-size: 12px 12px;
    display: block;
    height: 12px;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    top: 0;
    width: 12px;
    z-index: 2;
}

.list-products td .special {
    background: url(/buildassets/images/ico-special.png) no-repeat top left;
    background-size: 16px 16px;
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    text-indent: -9999px;
    top: 10px;
    width: 16px;
    z-index: 2;
}

.list-products td.product-name {
    width: 27%;
}

.list-products td.product-shortdesc {
    width: 73%;
}

.list-products td.product-name p a {
    border-bottom: 1px solid #00685d;
    color: #00685d;
}

.list-products td.product-name p a:hover {
    border-bottom: 1px solid #97bb46;
    color: #97bb46;
}

.list-products td.product-shortdesc ul {
    margin: 0 20px;
}

.list-products td.product-shortdesc li {
    margin-bottom: 0;
    list-style-type: disc;
}

@media only screen and (max-width: 481px) {
    #home-aside .promo-container {
        float: left;
        width: 100%;
    }

    #home-aside .promo-container .promo-panel {
        margin-top: 20px;
    }

    #home-aside {
        margin-bottom: 20px;
    }
}

/* Coloured panels */
#main-section .third-panels {
    clear: both;
    float: left;
    margin: 0;
    width: 100%;
}

#main-section .third-panels li {
    background-image: none;
    border-radius: 2px;
    clear: left;
    float: left;
    margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
}

#main-section .third-panels li.first {
    background: #eaf1da;
}

#main-section .third-panels li.second {
    background: #f5eaf1;
}

#main-section .third-panels li.second h4 {
    line-height: 1.3;
}

#main-section .third-panels li.third {
    background: #e4eeed;
}

#main-section .third-panels .panel-heading {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 2px 2px 0 0;
    height: 115px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#main-section .third-panels .panel-heading h3 {
    bottom: 0;
    border-radius: 0 13px 0 0;
    color: #fff;
    font-size: 1.538em;
    line-height: 1.0em;
    left: 0;
    margin-bottom: 0;
    max-width: 90%;
    padding: 10px 20px 8px 20px;
    position: absolute;
    z-index: 2;
}

#main-section .third-panels li.first h3,
#main-section .third-panels li.first .btn-light {
    background: #97bb46;
}

#main-section .third-panels li.second h3,
#main-section .third-panels li.second .btn-light {
    background: #a31d6b;
}

#main-section .third-panels li.third h3,
#main-section .third-panels li.third .btn-light {
    background: #00685d;
}

#main-section .third-panels li.first .btn-light:hover {
    background: #7b9c3a;
}

#main-section .third-panels li.second .btn-light:hover {
    background: #861c59;
}

#main-section .third-panels li.third .btn-light:hover {
    background: #00564c;
}

#main-section .third-panels .panel-summary {
    float: left;
    padding: 16px 20px;
    width: 100%;
}

@media only screen and (min-width: 769px) {
    #main-section .third-panels .panel-summary li {
        width: 100%;
    }
}

@media only screen and (max-width: 481px) {
    #main-section .third-panels .panel-summary {
        height: auto !important;
    }

    /* at least 16px to stop weird zoom on input select */
}

#main-section .third-panels .panel-link {
    clear: left;
    float: left;
    padding: 0 20px 20px 20px;
    width: 100%;
}

#main-section .third-panels li .btn-light {
    clear: left;
    float: left;
}

#main-section .logged-in .list-items {
    margin: 15px 0 0 0;
}

#main-section .logged-in .first .list-items {
    border-top: 1px solid #d5e3b5;
}

#main-section .logged-in .second .list-items {
    border-top: 1px solid #e0b7cf;
}

#main-section .logged-in .second p.list-items {
    padding-top: 15px;
}

#main-section .logged-in .first .list-items li {
    border-bottom: 1px solid #d5e3b5;
}

#main-section .logged-in .second .list-items li {
    border-bottom: 1px solid #e0b7cf;
}

#main-section .logged-in .list-items li {
    background-image: none;
    margin-bottom: 0;
    width: 100%;
}

#main-section .logged-in .list-items li a {
    display: block;
    padding: 10px 0;
    width: 100%;
}

#main-section .logged-in .list-items li h4 {
    display: table-cell;
    height: 50px;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
}

#main-section .logged-in .list-items li h4.has-thumbnail {
    width: 69%;
}

#main-section .logged-in .first .list-items li a:hover h4 {
    color: #97bb46;
}

#main-section .logged-in .list-items li img {
    display: block;
    float: left;
    margin-right: 4%;
    width: 26%;
}

#main-section .logged-in .second .list-items li a p {
    color: #333;
}

#main-section .logged-in .second .list-items li a p.event-title {
    color: #a31d6b;
    font-size: 1.154em;
    margin-bottom: 5px;
}

#main-section .logged-in .second .list-items li a:hover p.event-title {
    color: #861c59;
}

/* Can't connect to events */
.no-connection-message {
    background: #e0b7cf;
    border: 1px solid #a31d6b;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #a31d6b;
    float: left;
    margin: 15px 0;
    padding: 5px 10px;
}

.no-connection-message p {
    font-size: 0.857em;
}

.col-events .no-connection-message {
    float: none;
    margin: 0 0 20px 0;
}

/* Breadcrumb */
.breadcrumb {
    display: none;
}

/* Footers */
/* Inner-footer contains the Integria logo and disclaimer message */
#footer-container #inner-footer {
    border-top: 1px solid #7fb3ae;
    color: #333;
    float: left;
    padding: 20px 0 10px 0;
    width: 100%;
}

#inner-footer .disclaimer {
    width: 100%;
}

#inner-footer .disclaimer p {
    color: #5c5c5c;
}

#inner-footer .disclaimer a {
    color: #5c5c5c;
    font-weight: bold;
}

#inner-footer .disclaimer a:hover {
    color: #00685d;
}

#inner-footer .logo {
    display: block;
    height: 34px;
    margin: 0 10px 15px 0px;
    width: 102px;
}

#inner-footer .logo img {
    display: block;
    width: 100%;
    max-width: 102px;
    max-height: 34px;
}

/* changes 30/07/2014 */
#inner-footer .country-footer-left {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

#inner-footer .canada-logo .disclaimer {
    margin-top: 10px;
}

#inner-footer .uk-logo .country-logo {
    width: 20.8%;
}

#inner-footer .uk-logo .country-logo img {
    display: block;
    margin: 0 auto;
}

#inner-footer .uk-logo .disclaimer {
    margin-left: 10.4%;
    width: 68.8%;
}

#inner-footer .country-footer-right {
    clear: left;
    float: left;
    font-size: 0.846em;
    line-height: 1.182em;
    text-align: left;
    width: 100%;
}

#inner-footer .country-footer-right .country-logo-integria {
    float: left;
    width: 20.8%;
}

#inner-footer .country-footer-right .country-logo-integria img {
    height: auto;
    width: 100%;
}

#inner-footer .country-footer-right .country-text-integria {
    float: left;
    margin-left: 10.4%;
    width: 68.8%;
}


/* Legals footer */
#footer-container #footer {
    clear: left;
    color: #333;
    float: left;
    padding: 20px 0 12px 0;
}

#footer-container #footer a {
    color: #333;
}

#footer-container #footer a:hover {
    color: #00685d;
}

#footer-container #footer p {
    float: left;
    font-size: 0.923em;
    line-height: 1.0em;
}

#footer-container #footer ul {
    float: left;
    margin: 0px;
    padding: 0px;
}

#footer-container #footer ul li {
    border-left: 1px solid #333;
    float: left;
    font-size: 0.923em;
    line-height: 1.0em;
    margin-left: 0.5em;
    padding-left: 0.5em;
    margin-top: 8px;
    margin-bottom: 8px;
}

#footer-container #footer ul li:first-child {
    border-left: 0;
    margin-left: 0;
    padding-left: 0;
}

/* Logged-in footer - link columns and the contact us panel
-------------------------------------------------------------------------------*/
#loggedin-footer {
    margin-bottom: 10px;
    float: left;
    width: 100%
}

#loggedin-footer .contact {
    background: #dcece2;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 10px 4%;
}

#loggedin-footer .contact ul li {
    color: #00685d;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    margin-bottom: 0;
}

#loggedin-footer .contact ul li.contact-info {
    float: left;
    font-size: 1.538em;
    padding: 10px 0 0 0;
}

#loggedin-footer .footer-links {
    clear: left;
    float: left;
    margin-top: 20px;
    width: 100%;
}

#loggedin-footer .footer-links .link-col {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

#loggedin-footer .footer-links .lc-mar {
    margin-right: 4%;
}

#loggedin-footer .footer-links h4 {
    color: #00685d;
    font-size: 1.538em;
    margin-bottom: 8px;
}

#loggedin-footer .footer-links h4 a {
    color: #00685d;
}

#loggedin-footer .footer-links h4 a:hover {
    color: #97bb46;
}

#loggedin-footer .footer-links li {
    background-image: url(../buildassets/images/arr_blue_01.png);
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 6px 9px;
    font-size: 0.929em;
    padding: 0 4%;
    margin-bottom: 7px;
}

#loggedin-footer .footer-links a {
    color: #424242;
}

#loggedin-footer .footer-links a:hover {
    color: #00685d;
}

/* Form elements!
-------------------------------------------------------------------------------*/
.form-row {
    margin-bottom: 0em;
    width: 100%;
}

.form-col {
    margin-bottom: 1.0em;
    width: 100%;
    clear: left;
}

.txt,
.ddl {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1.0em;
    height: 34px;
    line-height: 1.15385em;
    padding: 8px 10px;
    width: 100%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ddl {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: url(../buildassets/images/bg_ddl.png) #fff no-repeat right center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

    /* font needs to be explicitly 16px for iPhones */
    .txt {
        font-size: 16px;
    }
}

/* Focus styles */
.txt:focus {
    background: #fff;
    border: 1px solid #97bb46;
    box-shadow: 0px 0px 0px 1px #97bb46 inset;
    -webkit-focus-ring-color: 0px;
    -moz-outline-radius: 0px;
    outline: 0px;
}

.form-row .ddl:focus {
    background: url(../buildassets/images/bg_ddl.png) #fff no-repeat right center;
    -webkit-focus-ring-color: 0px;
    -moz-outline-radius: 0px;
    outline: 0px;
    border: 1px solid #97bb46;
    box-shadow: 0px 0px 0px 1px #97bb46 inset;
}

/* Placeholders */
::-webkit-input-placeholder {
    color: #a9a9a9;
}

:-moz-placeholder {
    color: #a9a9a9;
}

::-moz-placeholder {
    color: #a9a9a9;
}

:-ms-input-placeholder {
    color: #a9a9a9;
}

/* Text area */
textarea {
    width: 100%;
    min-height: 200px;
}

/* Errors */
.form-row .error,
.login-inputs .error {
    background: #fedcd8;
    border: 1px solid #b31b0b;
}

input:invalid,
textarea:invalid {
    background: #fedcd8;
    border: 1px solid #b31b0b;
}

.form-row .ddl.error {
    background: url(../buildassets/images/bg_ddl.png) #fedcd8 no-repeat right center;
}

.form-row .error-messages {
    color: #b31b0b;
    float: left;
    font-size: 0.923em;
    margin-top: 0.25em;
}

.error-general {
    background: #fedcd8;
    border: 1px solid #b31b0b;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #b31b0b;
    margin: 0 0 15px 0;
    padding: 5px 10px;
}

.error-general p {
    background-image: url(../buildassets/images/ico_error.png);
    background-color: #fedcd8;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 14px 12px;
    font-size: 0.857em;
    padding-left: 20px;
}

.success-general {
    background: #e8f8d3;
    border: 1px solid #78b12b;
    border-radius: 6px;
    color: #78b12b;
    margin: 0 0 15px 0;
    padding: 5px 10px;
}

.success-general p {
    background-image: url(../buildassets/images/ico_tick.png);
    background-color: #e8f8d3;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 14px 12px;
    font-size: 0.857em;
    padding-left: 20px;
}

#reset-password .btn-purple,
#reset-password .btn-purple-loading {
    margin-top: 10px;
    width: 100%;
}

/* Radio buttons */
#main-section .copy .rb-cols li {
    background: transparent;
    padding: 0px;
    float: left;
    margin-right: 15px;
}

#main-section .copy .rb-cols li input {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
}

#main-section .copy .rb-cols li label {
    float: left;
}

/* Visually disable field */
.form-row .disabled {
    background: #f1f1f1;
    border: 1px solid #c7c7c7;
}

.login-inputs .disabled {
    background: #f1f1f1;
    border: 1px solid #013ba7;
}

/* Labels */
.form-row label,
.form-row .p-label {
    font-size: 1.0em;
    margin-bottom: 0.25em;
}

.user-email {
    word-wrap: break-word;
}

.form-row .rb-cols label {
    margin-bottom: 0;
}

.required-marker .required,
.form-row .required {
    background: url(../buildassets/images/ico_required.png) no-repeat top left;
    display: inline-block;
    height: 0.9em;
    text-indent: -9999px;
    width: 5px;
}

.form-row .notes {
    clear: left;
    color: #868785;
    font-size: 0.846em;
    float: left;
    line-height: 1.2em;
    margin-top: 3px;
}

.required-marker {
    font-size: 0.786em;
}

/* Buttons! */
input[type="submit"],
input[type="button"],
button,
.btn-light,
.btn-dark,
.media-resources li a,
#home-aside .featured-product .feature-product-link {
    background: #00685D;
    border: none;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.231em;
    padding: 8px 15px;
    text-align: center;
    -webkit-appearance: none;
}

#home-aside .featured-product .feature-product-link {
    display: inline-block;
    margin-top: 5px;
    width: auto;
}

a.btn-light,
a.btn-dark,
.media-resources li a,
#home-aside .featured-product .feature-product-link {
    line-height: 1.2em;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.btn:hover,
.btn-light-open,
.btn-light:hover,
.btn-dark:hover,
.media-resources li a:hover,
#home-aside .featured-product .feature-product-link:hover {
    background: #97BB46;
    color: #fff;
}

input[type="submit"]:focus,
input[type="button"]:focus,
button:focus,
.btn-light.btn-light-open,
.btn-dark:focus,
.btn-light.btn-light-open,
.btn-dark:active,
.media-resources li a:focus,
.media-resources li a:active,
#home-aside .featured-product .feature-product-link:focus,
#home-aside .featured-product .feature-product-link:active {
    background: #97BB46;
    border: none;
    color: #fff;
    outline: none;
}

.stagingBanner {
    position: absolute;
    left: 220px;
    top: 28px;
    width: 150px;
}

#article #media-col {
    clear: left;
    float: left;
    width: 100%;
    margin-top: 20px;
}

#article #with-media-col {
    float: left;
    width: 100%;
}

#home-content .bordered,
#article .bordered {
    border-top: 1px solid #7fb3ae;
}

#article .in-page-form {
    float: left;
    width: 100%;
}

#article h2.page-title {
    color: #00685d;
    margin-bottom: 0.5em;
}

#article h2.top-level {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#article.subpage-wrapper {
    margin-bottom: 100px;
}

#article .hdi-chart-subtitle {
    color: #00685D;
    font-size: 1.8em;
    margin-top: -.5555555555555556em;
    padding: .35em 0 .5555555555555556em;
    margin-bottom: .5555555555555556em;
    border-bottom: 1px solid #E4EEED;
}

#article ul,
#article ol {
    list-style: inherit;
    padding-left: 15px;
}

#article ul {
    list-style: disc;
    margin-left: 0;
}

#article ul.page-links,
ul.page-links {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    margin: 10px 0;
    display: block;
    float: left;
}

ul.page-links:before,
ul.page-links:after {
    display: table;
    content: " ";
    line-height: 0;
}

ul.page-links li {
    padding: 5px 0;
    display: block;
    float: left;
    clear: both;
}

ul.page-links:after {
    clear: both;
}

#article li {
    margin-bottom: 0;
}


.hdi-ref-bubble {
    background: #f1f6f5;
    box-shadow: 0px 0px 5px rgba(141, 140, 131, 0.8);
    display: none;
    padding: 12px 10px 10px 10px;
    margin-bottom: 10px;
}

.hdi-ref-bubble .btn-close {
    display: block;
    position: absolute;
    top: 5px;
    right: 10px;
}

.hdi-chart {
    border: 1px solid #00685d;
    border-collapse: separate
}

.hdi-chart .td-showmore {
    max-height: 68px;
    overflow: hidden;
}

.hdi-chart .td-showmore.potential-interaction {
    max-height: none;
}

.hdi-chart .hdi-showmore-btn-hidden {
    display: none !important;
}

.hdi-chart .hdi-showmore-btn {
    margin-top: 10px;
    display: inline-block;
}

.hdi-chart .hdi-showmore-btn span:after {
    content: 'Show more';
}

.hdi-chart .hdi-showmore-btn-less span:after {
    content: 'Show less';
}

.hdi-search-chart-copy {
    display: none;
    margin-top: 40px;
}




#article .heading {
    color: #00685d;
    font-size: 1.143em;
    margin-bottom: 0.5em;
    margin-top: 1.250em;
}

#article .heading-image {
    border-radius: 2px;
    display: block;
    height: auto;
    margin-bottom: 15px;
    width: 100%;
}

#article .content-image-long {
    margin-bottom: 20px;
    display: block;
    width: 740px;
}

.full-width-page #article .content-image-long {
    width: 100%;
}

#article .content-image-long,
.full-width-page #article .content-image-long {
    display: none;
}

#article h2.title-padding {
    padding-left: 5%;
}

/* Left sidebar - subnavigation and promos */
#main-section #aside {
    background: #fff;
    border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    box-shadow: 0px 0px 8px #b3b3b3;
    -moz-box-shadow: 0px 0px 8px #b3b3b3;
    -webkit-box-shadow: 0px 0px 8px #b3b3b3;
    left: 0px;
    padding: 5px 20px 20px 20px;
    position: absolute;
    top: 0px;
    left: -183px;
    width: 183px;
    z-index: 2;
    transition: left 1s ease;
    -moz-transition: left 1s ease;
    -webkit-transition: left 1s ease;
    -o-transition: left 1s ease;
}

#main-section #aside:target {
    left: 0px;
    transition: left 1s ease;
    -moz-transition: left 1s ease;
    -webkit-transition: left 1s ease;
    -o-transition: left 1s ease;
}

#main-section #aside .show-nav {
    background-image: url(../buildassets/images/ico_nav_mobile.png);
    background-color: #00685d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 17px;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    box-shadow: 3px 0px 6px #b3b3b3;
    -moz-box-shadow: 3px 0px 6px #b3b3b3;
    -webkit-box-shadow: 3px 0px 6px #b3b3b3;
    display: block;
    position: absolute;
    top: 18px;
    right: -30px;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}

#main-section #aside:target .show-nav {
    display: none;
}

#main-section #aside .hide-nav {
    background-image: url(../buildassets/images/ico_nav_mobile.png);
    background-color: #00685d;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 17px;
    border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    box-shadow: 6px 0px 6px #b3b3b3;
    -moz-box-shadow: 6px 0px 6px #b3b3b3;
    -webkit-box-shadow: 6px 0px 6px #b3b3b3;
    display: none;
    position: absolute;
    top: 18px;
    right: -30px;
    text-indent: -9999px;
    width: 30px;
    height: 30px;
}

/*#nav .menu-title .icon {
    background-image:  url(../buildassets/images/ico_nav_mobile.png);
    background-repeat: no-repeat; 
    background-position: center left;
    background-size: 20%;   
    padding: 0px;  
    margin-bottom: 0px;
    padding: 0 0.5em 0 1.3em;
    }*/


#main-section #aside:target .hide-nav {
    display: block;
}

#main-section #aside ul {
    margin: 5px 0 0 0;
}

#main-section #aside li {
    background-color: #fff;
    border-bottom: 1px solid #e4eeed;
    margin-bottom: 0;
    width: 100%;
}

#main-section #aside li:first-child {
    border-top: 1px solid #e4eeed;
}

#main-section #aside li a {
    background-image: url(../buildassets/images/arr_blue_01.png);
    background-repeat: no-repeat;
    background-position: 10px 12px;
    background-size: 6px 9px;
    color: #424242;
    display: block;
    font-size: 13px;
    padding: 8px 10px 8px 23px;
    width: 100%;
}

#main-section #aside li a.on,
#main-section #aside li.open a,
#main-section #aside li.open a:hover,
#main-section #aside li.on a,
#main-section #aside li.on a:hover {
    background-color: #d9e9df;
    color: #00685d;
}

#main-section #aside li a:hover {
    color: #00685d;
}

#main-section #aside li a span {
    display: table-cell;
}

#main-section #aside ul ul {
    background-color: #d9e9df;
    margin-bottom: 0;
    padding-bottom: 5px;
}

#main-section #aside ul ul li {
    background-color: #d9e9df;
    border-bottom: 0;
    border-top: 0;
    padding-left: 13px;
}

#main-section #aside ul li.on ul li a {
    color: #333;
    padding: 8px 10px 4px 25px;
}

#main-section #aside ul li.on ul li.open>a,
#main-section #aside ul li.open ul li>a:hover {
    color: #00685d;
}

.promo-panel {
    margin-top: 15px;
    width: 100%;
}

.promo-panel a {
    display: block;
}

.promo-panel a img,
.promo-panel img {
    display: block;
    width: 100%;
    max-width: 300px;
}

.promo-panel a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

#home-aside .promo-panel {
    margin-top: 0;
}

#homepage #home-aside .featured-product {
    margin-top: 0;
}

/* Media / right column */
#media-col .media-video embed,
#media-col .media-video iframe {
    width: 100%;
    height: 236px;
}

#media-col .media-img {
    float: left;
    margin-bottom: 20px;
    width: 100%;
}

#media-col .media-img img {
    display: block;
    width: 100%;
}

#media-col .media-img a {
    display: block;
}

#media-col .media-img a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
}

#media-col .caption {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    clear: both;
    float: left;
}

#media-col .media-video {
    float: right;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    background: url(../buildassets/images/loading-grey.gif) #ccc no-repeat center center;
    height: auto;
    /* gives some consistency to visible video thumbnail */
    overflow: hidden;
}

.media-resources {
    float: right;
    margin-bottom: 20px;
    width: 100%;
}

.media-resources h4 {
    color: #333;
    font-size: 1.231em;
    font-weight: normal;
    margin-bottom: 10px;
}

.media-resources ul {
    margin: 0 !important;
}

.media-resources li {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 10px !important;
    padding: 0;
}

.media-resources li:first-child {
    margin-top: 0px;
}

.media-resources li a {
    height: auto;
    text-align: left;
}

#media-col .contact-column {
    float: right;
    width: 100%;
}

#media-col .contact-column h4 {
    font-size: 1.286em;
}

#media-col .contact-column img {
    margin: 1.25em 0;
    max-width: 70%;
    height: auto;
}

/* Sitemap */
#main-section ul.site-map>li>a {
    color: #333;
    font-weight: bold;
}

#main-section ul.site-map>li>a:hover {
    color: #97bb46;
}

#main-section ul.site-map li ul {
    margin-top: 5px;
}

#main-section ul.site-map li ul li {
    margin-bottom: 0;
}

#main-section ul.site-map li ul li a {
    font-weight: normal;
}

/* Popups */
#overlay {
    background: #000;
    display: none;
    height: 100%;
    left: 0px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 2000;
}

.popup-alert {
    background: #fff;
    box-shadow: 0px 0px 5px #555;
    display: none;
    width: 100%;
    min-height: 250px;
    padding: 30px 0;
    z-index: 2001;
}

.popup-alert .padding {
    padding: 0 4%;
}

.popup-alert .btn-close {
    width: 35px;
    height: 33px;
    position: absolute;
    right: 10px;
    top: -10px;
    z-index: 2002;
    padding: 0px;
    border-radius: 17px;
}

.popup-alert .btn-close .x {
    background-image: url(../buildassets/images/ico_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 15px;
    display: block;
    text-indent: -9999px;
    height: 33px;
    width: 35px;
}

.popup-alert h3 {
    font-size: 1.786em;
    margin-bottom: 0.5em;
}

#popup-buy-now {
    width: 100%;
    padding: 30px 0 35px 0;
}

#popup-buy-now .location {
    border-bottom: 1px solid #e2e2e2;
    float: left;
    margin-top: 0px;
    padding: 20px 0;
    width: 100%;
}

#popup-buy-now .au {
    margin-top: 10px;
}

#popup-buy-now .nz {}

#popup-buy-now .rw {
    border-bottom: 0px;
    padding-bottom: 0px;
}

#popup-buy-now .location h4 {
    font-size: 1.286em;
    margin-bottom: 1em;
}

#popup-buy-now .location img {
    margin-bottom: 18px;
    max-width: 65%;
    height: auto;
}

#popup-buy-now .btn-policy {
    float: left;
    margin-top: 20px;
    left: 50%;
    position: relative;
    margin-left: -118px;
}

#popup-change-country .country {
    width: 47.5%;
    margin-bottom: 20px;
}

#popup-change-country .country.au,
#popup-change-country .country.gb {
    float: left;
}

#popup-change-country .country.ca,
#popup-change-country .country.us {
    float: right;
}

#popup-change-country .country-link {
    padding-right: 32px;
    background-size: 20px 100px !important;
    line-height: 21px;
    height: 21px;
    display: inline-block;
    margin-top: 15px;
}

#popup-change-country .country.au .country-link {
    background: url("/buildassets/images/ico-flags-sprite.png") right -2px no-repeat;
}

#popup-change-country .country.ca .country-link {
    background: url("/buildassets/images/ico-flags-sprite.png") right -27px no-repeat;
}

#popup-change-country .country.gb .country-link {
    background: url("/buildassets/images/ico-flags-sprite.png") right -52px no-repeat;
}

#popup-change-country .country.us .country-link {
    background: url("/buildassets/images/ico-flags-sprite.png") right -77px no-repeat;
}

/* a few misc anchors buttons - possibly no longer needed but still referenced in the events section (which we can't see atm) */
.btn-sml-blue {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #00685d;
    color: #fff;
    font-size: 0.714em;
    line-height: 1.2em;
    padding: 3px 5px;
    text-align: center;
    text-transform: uppercase;
}

.btn-sml-blue:hover {
    background-color: #97BB46;
    color: #fff;
}

.btn-sml-blue:focus {
    color: #ffffff
}

.btn-helper {
    border-radius: 15px;
    cursor: pointer;
    padding: 2px 5px;
    position: relative;
}

/* Loading buttons */
.btn-light-loading,
.btn-dark-loading {
    border-radius: 4px;
    border: 0px;
    display: table;
    padding: 0px 12px;
    text-indent: -9999px;
    vertical-align: middle;
    height: 34px;
    background-color: #00685d;
}

.btn-light-loading .loading,
.btn-dark-loading .loading {
    background: url(../buildassets/images/loading-green.gif) no-repeat center center;
    display: block;
    margin: 0 auto;
    width: 16px;
    height: 34px;
}

/* Professional Library */

.categories-image {
    display: none;
    float: left;
    height: auto;
    margin-top: 20px;
    width: 100%;
}

.categories-image img {
    height: auto;
    max-width: 190px;
    width: 100%;
}

.list-categories {
    clear: left;
    float: left;
    list-style-type: none;
    margin: 1.5em 0 1em 0;
    width: 100%;
}

#article .list-categories {
    list-style: none;
    padding-left: 0;
}

.disclaimer-text {
    clear: both;
    float: left;
    font-size: 0.8em;
    line-height: 1.3em;
    margin-top: 7px;
}

.main-pad .list-categories li {
    background: url(/buildassets/images/arr_proflibcat.png) no-repeat 0 0;
    background-size: 21px 71px;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    font-size: 1.231em;
    margin: 1.0em 0;
    min-height: 21px;
    padding-left: 30px;
    padding-top: 2px;
}

.main-pad .list-categories li:hover {
    background-position: 0 -50px;
}

.list-categories li a {
    color: #333;
}

.list-categories li a:hover {
    color: #97bb46;
    text-decoration: none;
}

a.lnk-show-more {
    cursor: pointer;
}

.research-tables {
    margin-top: 42px;
}

.research-listing {
    margin-bottom: 35px;
}

.research-tables .research-heading {
    font-size: 1.538em;
    font-weight: bold;
    color: #a31d6b;
    font-family: "ff-dax-web-pro", Tahoma, Helmet, Freesans, sans-serif;
    margin-bottom: 5px;
}

.research-tables .arrow-link {
    margin-bottom: 0;
    font-weight: bold;
}

.newsletter-archive {
    margin: 25px 0;
}

#article .archive-year {
    list-style: none;
}

.archive-year li {
    font-weight: bold;
}

#article .archive-month {
    list-style: none;
}

.archive-month li {
    font-weight: normal;
    text-transform: uppercase;
}

#article .archive-items {
    list-style: none;
    padding-bottom: 10px;
}

.archive-items li {
    text-transform: none;
}

.us-events {
    border-top: 1px solid #aaa8a7;
    margin-top: 25px;
}

.us-events>.list-webinars:first-child {
    margin-top: 0;
}

.us-events>.list-webinars:first-child .header-row {
    border-top: none;
}

.us-events .list-events .eventItem {
    border-top: none;
    padding-top: 26px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 26px;
    border-bottom: 1px solid #aaa8a7;
}


.us-events .list-webinars {
    margin-bottom: 31px;
    padding-bottom: 0;
    border-bottom: 1px solid #aaa8a7;
}

.us-events .list-webinars .row {
    border-bottom: none;
}

.us-events .list-webinars .header-row {
    border-bottom: 1px solid #aaa8a7;
}

.us-events .list-webinars+.list-webinars {
    margin-top: -32px;
}

.us-events .list-webinars+.list-events {
    margin-top: -25px;
}

.us-events .list-webinars+.list-webinars .header-row {
    display: none;
}

.us-events .list-webinars:before,
.us-events .list-webinars:after,
.us-events .list-events:before,
.us-events .list-events:after {
    display: table;
    content: " ";
    line-height: 0;
}

.us-events .list-events:after,
.us-events .list-webinars:after {
    clear: both;
}

.us-events .list-events+.list-webinars {
    margin-top: -25px;
    border-top: none;
}

.us-events .list-events+.list-webinars .header-row {
    border-top: none;
}


/* Print styles! */

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
        box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

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

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

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

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

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

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

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

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

    .print-logo {
        display: block;
    }

    .header-img h1 {
        padding-left: 20px;
    }

    #article h2.page-title {
        padding-left: 0px;
    }

    .header-img {
        height: auto;
    }

    .col-resources .link-thru {
        padding-left: 0px !important;
    }

    #header #my-account,
    #header #login-box-header,
    #nav,
    #home-body .header-img,
    h1#title,
    #aside,
    .breadcrumb,
    #media-col .media-img,
    #media-col .media-video,
    #media-col .media-resources,
    .third-panels,
    .home-aside-wrapper,
    .footer-links,
    .header-social-media,
    #loggedin-footer .contact,
    .legalLinks {
        display: none !important;
    }
}

/* ie form things */
.gt-ie8 #main-container .copy .rb-cols li input,
.ie10 #main-container .copy .rb-cols li input {
    margin-top: 0px;
}

.gt-ie8 .form-row .ddl.error,
.ie10 .form-row .ddl.error {
    background: transparent;
    background-color: #fedcd8;
}

.gt-ie8 .ddl,
.gt-ie8 .ddl:focus,
.ie10 .ddl,
.ie10 .ddl:focus {
    background: #fff;
}

/* ...yeah. They're useful. Sorry guys. 
-------------------------------------------------------------------------------*/
.no-mar-top {
    margin-top: 0px !important;
}

.mar-top-5 {
    margin-top: 5px;
}

.mar-bot-5 {
    margin-bottom: 5px;
}

.mar-top-10 {
    margin-top: 10px;
}

.mar-top-20 {
    margin-top: 20px;
}

.mar-bot-20 {
    margin-bottom: 20px;
}

.mar-top-30 {
    margin-top: 30px;
}

/* Register and edit details form 
-------------------------------------------------------------------------------*/
.in-page-form ul {
    list-style: none;
}

.in-page-form .rb-cols li {
    list-style-type: none;
}

.in-page-form .form-row {
    margin-bottom: 0.6em;
}

.in-page-form .ddl {
    padding-right: 33px;
}

.form-street-address .form-row .notes {
    float: none;
}

.form-street-address .form-row .notes.warning {
    color: #000;
    font-weight: bold;
    font-size: 0.8em;
    padding-top: 5px;
}

.form-street-address {
    background: #e4eeed;
    padding: 8px;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

.form-street-address input.btn-grey-box {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #999;
    padding: 7px 11px 8px 11px;
    height: 30px
}

#ManualSearch h3 {
    font-size: 1em !important;
    font-weight: bold;
}

@media only screen and (max-width:480px) {
    .form-street-address .manual-search .col-unit-number {
        margin-left: 0 !important;
    }

    .form-street-address .col-street-name {
        float: left !important;
    }

    #rbAddressOptions .col-radio {
        width: 100% !important;
    }

    .form-street-address .form-row .notes {
        float: none !important;
    }
}

/*@readify: start of maps*/
.map-cont {
    position: relative;
}

#canvas-map {
    width: 100%;
    height: 600px;
    background: #e4eeed;
    border-radius: 4px;
}

.infobox {
    border: 2px solid #00695E;
    background: #fff;
    padding: 20px 20px 0;
    border-radius: 3px;
    position: absolute;
}

.infobox h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    padding-right: 10px;
}

.infobox h3 span {
    font-weight: normal;
    display: block;
    font-size: 15px;
    padding-top: 2px;

}

.infobox p {
    color: #1B1B1B;
    font-size: 14px;
    margin-bottom: 20px;
}

.infobox p a {
    color: #1B1B1B;
}

.infobox p a:hover {
    color: #97bb46;
}

.infobox p i {
    width: 20px;
    font-size: 12px;
    text-align: center;
    position: relative;
    top: 0;
}

.infobox .close {
    cursor: pointer;
    float: right;
    font-size: 17px;
    height: 30px;
    line-height: 22px;
    position: relative;
    right: -15px;
    text-align: center;
    top: -15px;
    width: 30px;
    text-indent: -999px;
    transform: scale(0.6);
}
.infobox .close:before,
.infobox .close:after {
    background: #1B1B1B;
    width: 100%;
    height: 2px;
    content: "";
    display: block;
    left: 0;
    top: 0;
    margin: 15px 0 0 0;
    position: absolute;
    transform: rotate(45deg);
}
.infobox .close:after {
    transform: rotate(-45deg);
}
.infobox:before,
.infobox:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #00695E;
    bottom: -20px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 0;
    /*z-index: 2;*/
}

.infobox:after {
    border-top: 20px solid #fff;
    /*z-index: 3;*/
    bottom: -17px;
}

.map-list {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 10px;
    z-index: 10;
}

.map-list .scroll {
    overflow-y: scroll;
    height: 580px;
    box-shadow: 0 0 1px rgba(1, 1, 1, 0.2);
    border-radius: 3px;
}

.map-list ul {
    background: #fff;
    padding: 10px;
}

.map-list ul li {
    background: #fff;
    padding: 20px 20px 5px;
    border-bottom: 2px solid #EBEBEB;
    margin-bottom: 0;
}

.map-list li.active {
    background: #eaf1da;
}
.map-list li .address .pin {
    display: none;
}

.map-list h3 {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-right: 10px;
}

.map-list h3 i {
    display: none;
}

.map-list h3 span {
    font-weight: normal;
    display: block;
    font-size: 15px;
    padding-top: 2px;

}

.map-list p {
    color: #1B1B1B;
    font-size: 14px;
    margin-bottom: 15px;
}

.map-list p a {
    color: #1B1B1B;
}

.map-list p .btn {
    color: #fff;
    padding: 5px 20px;
    background: #0B685D;
    display: inline-block;
    border-radius: 2px;
}

.map-list p .btn:hover {
    background: #00564D;
}

.map-list p .view {
    padding: 5px 0 5px 15px;
    color: #0B685D;
    display: inline-block;
}

.map-list p .view:hover {
    color: #97bb46;
}

.map-list p i {
    width: 20px;
    font-size: 12px;
    text-align: center;
    position: relative;
    top: 0;
    display: none;
}

.map-list p .hide {
    display: none;
}

a[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display: none;
}

.gmnoprint div {
    /*background:none !important;*/
}

.filters {
    padding-bottom: 40px;
}

.filters p {
    clear: both;
    display: block;
    padding: 20px 0 0;
    font-size: 16px;
}

.filters .field-group {
    float: left;
}

.filters .field-group label {
    float: left;
    color: #0B685D;
    font-size: 24px;
    padding: 6px 20px 0 0;
    line-height: 1.1;
}

.filters .field-group .input-text {
    border: 1px solid #0B685D;
    float: left;
    padding: 10px 20px;
    color: #0B685D;
    border-radius: 3px 0 0 3px;
    width: 300px;
    font-size: 16px;
    box-sizing: border-box;
    outline: none;
}

.filters .field-submit {
    float: left;
}

.filters .field-submit .btn-submit {
    border: 0;
    background: #0B685D;
    color: #fff;
    padding: 11px 20px 12px;
    border-radius: 0 3px 3px 0;
    font-size: 16px;
    line-height: 1.1;
    box-sizing: border-box;
}

.filters .field-submit .btn-submit:hover {
    background: #00564D;
}

@media only screen and (max-width: 800px) {
    #canvas-map, .infobox, .map-list p .btn {
        display: none;
    }

    .map-list {
        width: 100%;
        position: static;
        height: auto;
        padding: 0;
    }

    .map-list .scroll {
        overflow-y: visible;
        height: auto;
        box-shadow: none;
    }

    .map-list ul {
        padding: 0;
    }

    .map-list ul li {
        padding-left: 0;
        padding-right: 0;
    }

    .map-list li.active {
        background: #fff;
    }

    .map-list p .view {
        padding-left: 0;
        margin-left: 0;
    }

    .map-list p i {
        display: inline-block;
    }

    .map-list p .hide {
        display: block;
    }

    .filters {
        padding-bottom: 20px;
    }

    .filters p {
        line-height: 1.3;
    }

    .filters .field-group {
        width: 70%;
    }

    .filters .field-group label {
        width: 100%;
        font-size: 18px;
        padding-bottom: 10px;   
        display: block;
        height: 40px;
    }

    .filters .field-group .input-text {
        border: 1px solid #0B685D;
        float: left;
        clear: left;
        padding: 10px 100px 10px 20px;
        width: 100%;
    }

    .filters .field-submit {
        width: 30%;
        padding-top: 40px;
    }

    .filters .field-submit .btn-submit {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}