/* RESETS */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
`  font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
/* SORT OUT BOOTSTRAPTABLE STYLES */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: inherit;
    /*padding: 0;*/
    vertical-align: middle;
}
#tbl-listing.table {
    width: 100%;
}
.bootstrap-table :not(.table-condensed).table, .bootstrap-table :not(.table-condensed).table > tbody > tr > td, .bootstrap-table :not(.table-condensed).table > tbody > tr > th, .bootstrap-table :not(.table-condensed).table > tfoot > tr > td, .bootstrap-table :not(.table-condensed).table > tfoot > tr > th, .bootstrap-table :not(.table-condensed).table > thead > tr > td {
/*    padding: inherit; */
/* padding: 0; */
}
/* should remove table link underlines */
.bootstrap-table a, .bootstrap-table a:hover, .bootstrap-table a:focus {
    color: inherit;
    text-decoration: none;
}
/* should move sorting arrows to other side */
.fixed-table-container thead th .sortable {
    cursor: pointer;
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 25px;
}
/* GENERIC */

body {
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    background-color: #fff;
    color: #000;/*min-width: 750px;*/
}
h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3em;
}
h2, #content h1 {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.3em;
}
h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3em;
}
h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 20px;
}
p, li {
    margin-bottom: 15px;
    line-height: 1.75em;
}
strong {
    font-weight: bold;
}
em {
    font-family: Georgia, "serif";
    font-style: italic;
    color: #63605e;
}
i {
    font-style: italic;
}
a {
    color: #0a717e;
}
/* ANIMATION
* {
    -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
    transition: width 1s ease-in-out, left 1.5s ease-in-out;
}
*/


/* HELPERS */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.clearfix {
    display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* close commented backslash hack */

.pie {
    behavior: url(pie/PIE.htc); /* needs correct path to pie folder from file */
}
.align-left {
    text-align: left;
}
.align-right {
    text-align: right;
}
.align-center {
    text-align: center;
}
.align-center img {
    display: inline-block;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
.display-block {
    display: block;
}
.panel-grey {
    background-color: #d5d1ce;
    padding: 15px;
    color: #63605e;
    font-weight: bold;
    font-style: italic;
    margin-bottom: 25px;
}
blockquote {
    margin-bottom: 15px;
    font-family: Georgia, "serif";
    font-size: 18px;
    font-style: italic;
    color: #3c9ca8;
    /* border-left: 2px solid #3c9ca8; */
    padding-left: 15px;
}
/* WRAPPER */
#wrapper {
    width: 100%;
    /*max-width: 930px;*/
    text-align: center;
    margin: 0 auto;/*background-color: #fff;*/
}

@media (min-width: 788px) {
#wrapper {
    width: 768px;
}
}

@media (min-width: 1004px) {
#wrapper {
    width: 100%;
}
}

@media (min-width: 1044px) {
#wrapper {
    width: 1024px;
    margin: 0 auto;
}
}
.bkgrnd-col {
    background-color: #f0efed;
}
/* HEADER */
header, #header {
    margin: 0 auto;
    text-align: left;
    border-bottom: 4px solid #F36633; /*#fff*/
}
#header-topbar {
    background-color: #fff; /*#15717d*/
    padding: 5px 0 10px 0;
}

@media (min-width: 788px) {
#header-topbar {
    padding: 20px 0 20px 0;
}
}
#header-topbar--title {
    margin-top: 10px;
    vertical-align: top;
}

@media (min-width: 640px) {
#header-topbar--title {
    float: left;
}
}

@media (min-width: 788px) {
#header-topbar--title {
    margin-top: 0;
}
}
#header-topbar--logo {
    display: inline-block;
    margin-right: 30px;
    margin-top: 15px;
}
#header-topbar--strap {
    display: inline-block;
    clear: both;
    color: #544F40;
    line-height: 1.2em;
    font-size: 1.3em;
    padding: 10px 0 0 0;
    vertical-align: top;
}
#header-topbar--strap span {
    display: block;
    font-weight: normal;
    font-size: 0.75em;
}

#header-topbar--strap span em {
    color: #544F40;
}

@media (min-width: 480px) {
#header-topbar--strap {
    clear: none;
    width: auto;
}
#header-topbar--strap span em {
    font-size: 1.25em;
}
}


@media (min-width: 480px) {
#header-topbar--strap {
    line-height: 1.2em;
    font-size: 1.5em;
    font-weight: bold;
    padding: 5px 0 0 0;
}
}

@media (min-width: 788px) {
#header-topbar--strap {
    /* width: 220px; */
}
body.postcode-finder #header-topbar--strap {
    width: 360px; /*400*/
}
}

@media (min-width: 1004px) {
#header-topbar--strap {
    width: 360px; /*400*/
}
}



#header-topbar--nav h4 {
    display: block;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #544F40;
    margin-top: 6px;
    margin-bottom: 0;
    margin-right: 15px;
}

@media (min-width: 480px) {
#header-topbar--nav h4 {
    float: left;
}
}

@media (min-width: 788px) {
#header-topbar--nav h4 {
    text-align: right;
    float: none;
    margin-top: 4px;
    margin-bottom: 3px;
    margin-right: 0;
}
}
#header-topbar--nav {
    display: block;
    padding-top: 8px;
    clear: both;
}

@media (min-width: 1004px) { /*788px*/
#header-topbar--nav {
    float: right;
    clear: none;
}
}
#header-topbar--nav ul {
    margin: 0;
    padding: 0;
    display: block;
}

@media (min-width: 788px) {
#header-topbar--nav ul {
    display: inline-block;
}
}
#header-topbar--nav ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
button.btn-topnav {
    padding: 12px 18px;
    background-color: #f0efed;
    font-family: Georgia, "serif";
    font-weight: bold;
    font-style: italic;
    font-size: 15px;
    color: #1c7581;
    border: 0;
    margin-right: 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    behavior: url(pie/PIE.htc);
}
button#btn-report-adverse-event.btn-topnav {
    background-image: url(../img/icn_alert_orange_italic.png);
    background-repeat: no-repeat;
    background-position: 14px;
    padding-left: 36px;
}
a.link-topnav {
    font-family: Georgia, "serif";
    font-weight: bold;
    font-style: italic;
    color: #544F40;
    text-decoration: none;
    padding: 6px 0;
    border-bottom: 2px solid transparent;
    margin-right: 24px;
}
a.link-topnav:hover, a.link-topnav:focus, a.link-topnav.active {
/*border-bottom: 2px solid #fff;*/
}

@media (min-width: 788px) {
a.link-topnav {
    margin-right: 0;
    margin-left: 24px;
}
}
#header-mainnav {
    background-color: #fff; /*#15717d*/
    color: #544F40;
    padding: 5px 0 0 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#header-mainnav.sticky {
    position: fixed;
    top: 0;
    z-index: 200;
    width: 768px;
}
#header-mainnav.sticky + #content {
    /*padding-top: 118px;*/
    padding-top: 55px;
}

@media (min-width: 788px) {
#header-mainnav.sticky {
    width: 768px;
}
}

@media (min-width: 1004px) {
#header-mainnav.sticky {
    width: 100%;
}
}

@media (min-width: 1044px) {
#header-mainnav.sticky {
    width: 1024px;
    margin: 0 auto;
}
}
#header-mainnav .chunk-wide {
    width: 100%;
    position: relative;
}
#header-mainnav ul {
    margin: 0 0 0 10px;
    padding: 0;
}
#header-mainnav ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
#header-mainnav ul li a {
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #000;
    text-decoration: none;
    padding: 8px 10px 13.75px 10px;
    border-radius: 5px 5px 0 0;
    border: 1px solid transparent;
    background-color: transparent;
    margin: 0 3px 0 0;
}
#header-mainnav ul li.tab a {
    font-weight: bold;
    background-color: #f0efed;
}
#header-mainnav ul li a:hover, #header-mainnav ul li a:focus, #header-mainnav ul li a.active {
    background-color: #f0efed;
}
#header-mainnav ul li.tab a:hover, #header-mainnav ul li.tab a:focus, #header-mainnav ul li.tab a.active {
    color: #fff;
    border: 1px solid transparent;
    background-color: #15717D;
}
#header-mainnav ul li.tab a span {
    display: none;
}

@media (min-width: 1004px) {
#header-mainnav .chunk-wide {
    width: 940px;
}
#header-mainnav ul {
    margin: 0 0 0 -10px;
}
#header-mainnav ul li a {
    margin: 0 8px 0 0;
}
#header-mainnav ul li.tab a span {
    display: inline;
}
}
#header-mainnav button {
    display: none;
}
#header-mainnav.sticky button {
    display: inline-block;
}
#header-banner {
    border-top: 7px solid #f0efed;
    border-bottom: 7px solid #e2e0db;
}
.header-banner--map {
    background-image: url(../img/banner_map.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 350px;
    border-bottom: none !important;
    margin-bottom: -30px;
}
.header-banner--map2 {
    background-image: url(../img/banner_map2.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 284px;
}
.header-banner--shallow {
    background-image: url(../img/banner_shallow.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 46px;
    border-top: none !important;
    border-bottom: none !important;
}
.header-banner--main {
    background-image: url(../img/banner_main.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    height: 117px;
}
.header-banner--main--hcps {
    background-image: url(../img/banner_main__icn_hcps.jpg);
}
#header-banner h1 {
    color: #fff;
    margin-top: 85px;
    line-height: 48px;
}
#header-banner h1 span {
    display: block;
    color: #ffddbf;
    font-family: Georgia, "serif";
    font-style: italic;
    font-weight: normal;
}
#header-banner h1:before {
    content: ' ';
    display: block;
    width: 220px;
    border-top: 2px solid #ffda87;
    opacity: 0.5;
    margin-bottom: 16px;
}
/* MAIN */
#content {
    margin: 0 auto;
    text-align: center;
    background-color: transparent;
}
#content-subnav {
    color: #078493;
    padding: 5px 0 0 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#content-subnav.sticky {
    position: fixed;
    top: 55px;
    z-index: 190;
    background-color: #f0efed;
    padding-top: 15px;
    width: 768px;
    border-bottom: 15px solid #fff;
    -moz-box-shadow: 0 5px 5px -3px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px -3px rgba(182, 182, 182, 0.75);
    box-shadow: 0 5px 5px -3px rgba(182, 182, 182, 0.75);
}

@media (min-width: 788px) {
#content-subnav.sticky {
    width: 768px;
}
}

@media (min-width: 1004px) {
#content-subnav.sticky {
    width: 100%;
}
}

@media (min-width: 1044px) {
#content-subnav.sticky {
    width: 1024px;
    margin: 0 auto;
}
}
#content-subnav ul {
    margin: 0 0 0 0;
    padding: 0;
}
#content-subnav ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
}
#content-subnav ul li div {
    display: block;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #078493;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #fff;
    border-bottom-width: 0px;
    background-color: transparent;
    margin: 0 8px 0 0;
    cursor: pointer;
}
#content-subnav ul li div:hover, #content-subnav ul li div:focus, #content-subnav ul li div.active, #content-subnav ul li.current div {
    background-color: #fff;
}

@media (min-width: 1004px) {
#content-subnav ul li div {
    padding: 10px 10px 10px 43px;
}
}
.scroll-chunk {
    padding-bottom: 30px;
    /* border-bottom: 2px solid #f0efed; */
    margin-bottom: 30px;
}
.scroll-chunk:last-child {
    padding-bottom: 30px;
    border-bottom: 0 solid #ccc;
    margin-bottom: 0;
}
.container {
    width: 100%;
    text-align: left;
    margin: 0 auto;
}

@media (min-width: 788px) {
.container {
    width: 768px;
}
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.container {
    width: 940px;
}
}
.chunk {
    clear: both;
    width: 620px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}
.chunk.nopadding {
    clear: both;
    width: 660px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    margin: 0 auto;
    position: relative;
}
.chunk-wide {
    clear: both;
    /*width: 660px;*/
    width: auto;
    padding-left: 14px;
    padding-right: 14px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.chunk-wide {
    width: 940px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    margin: 0 auto;
}
}
.chunk-wide-modal {
    clear: both;
    width: 660px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.chunk-wide-modal {
    width: 820px;
    text-align: left;
    margin: 0 auto;
}
}
.chunk-narrow {
    clear: both;
    width: 300px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    margin: 0 auto;
    position: relative;
}
.shadow {
    box-shadow: 1px 1px #d4d1ce;
}
.legal h3 {
    color: #f36733;
    margin-bottom: 10px;
}
.last-updated {
    margin-top: 30px;
    margin-bottom: 30px;
}
.highlight-box {
    margin: 30px -20px;
    background-color: #fef6e7;
    padding: 20px;
}
.highlight-box p:last-of-type {
    margin-bottom: 0;
}
.profile-notice {
    vertical-align: middle;
    color: #63605e;
}
.profile-notice img, .profile-notice span {
    vertical-align: middle;
}
.profile-notice img {
    margin-right: 20px;
}
.chunk ul {
    padding-left: 20px;
}
.chunk ul li {
    padding-left: 15px;
    margin-bottom: 6px;
}
.intro-grey {
    background-color: #f0efed;
    background-image: url(../img/banner_grey.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-bottom: 20px;
    margin-bottom: 45px;
    -moz-box-shadow: inset 0 -7px 7px -7px #c7c9ce;
    -webkit-box-shadow: inset 0 -7px 7px -7px #c7c9ce;
    box-shadow: inset 0 -7px 7px -7px #c7c9ce;
}
.intro-grey-noimg {
    background-color: #f0efed;
    padding-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 15px;
    -moz-box-shadow: inset 0 -7px 7px -7px #c7c9ce;
    -webkit-box-shadow: inset 0 -7px 7px -7px #c7c9ce;
    box-shadow: inset 0 -7px 7px -7px #c7c9ce;
}
.intro-grey-noimg.reduced-padding {
    padding-top: 15px;
}
.intro-grey-noimg.no-padding-bottom {
    padding-bottom: 0;
}
.intro-grey-noimg.no-shadow {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.box {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0 !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    behavior: url(pie/PIE.htc);
}
.box-inner {
    clear: both;
    width: 620px;
    padding: 30px 20px;
    text-align: left;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.box-inner {
    width: 840px;
    padding: 30px 0;
    text-align: left;
    margin: 0 auto;
}
}
.box-green {
    background-image: url(../img/banner_green.jpg);
}
.box-purple {
    background-image: url(../img/banner_purple.jpg);
}
.box-orange {
    background-image: url(../img/banner_orange.jpg);
}
.box-green {
    background-image: url(../img/banner_green.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 45px;
}
.box-purple {
    background-image: url(../img/banner_purple.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 45px;
}
.box-contact {
    display: inline-block;
    border-left: 1px solid #fff;
    padding: 10px 170px 10px 20px;
    position: relative;
    font-size: 14px;
    vertical-align: middle;
}
.box-contact--name {
    display: inline-block;
    margin-right: 20px;
}
.box-contact--highlight {
    display: inline-block;
    position: relative;
    padding: 3px 10px 3px 35px;
    margin-top: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #171456;
    background-color: rgba(23,20,86,0.40);
    background-image: url(../img/icn_super_ccg_small.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    color: #ffd385;
    font-weight: bold;
    font-style: italic;
    vertical-align: top;
    behavior: url(pie/PIE.htc);
}
.box-contact--address {
    display: block;
    margin-top: 5px;
}
.box-contact--tel {
    display: inline-block;
    margin-top: 5px;
    margin-right: 20px;
}
.box-contact--email {
    display: inline-block;
    margin-top: 5px;
    font-weight: bold;
    color: #fff;
    text-decoration: underline;
}
.box-link {
    display: inline-block;
    position: absolute;
    right: 20px;
    width: 150px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.box-link {
    right: 0;
}
}
.box-link .btn {
    display: block;
    margin-top: 30px;
}
/*
img.dashboard-img {
	margin: -45px -10px 0 30px;
}
*/
img.dashboard-img {
    margin: -25px -10px 20px 10px;
}
.box-lhe {
    float: left;
    display: block;
    border-left: 1px solid #fff;
    padding: 20px 20px 0 20px;
    width: 210px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.box-lhe {
    width: 220px;
}
}
.box-highlight {
    padding: 10px 10px 5px 10px;
    background-color: #d14e1d;
    background-color: rgba(209,78,29,0.80);
    margin-top: 10px;
    margin-bottom: 10px;
}
.box-lhe .box-highlight p {
    color: #fff1ba;
    font-size: 13px;
    margin-bottom: 5px;
}
.box-lhe .box-highlight p.box-lhe-value {
    font-weight: bold;
    font-size: 36px;
    line-height: 1.0em;
    color: #fff;
}
.box-lhe .box-highlight p.box-lhe-value.smaller {
    font-size: 18px;
}
.box-rebate {
    float: left;
    display: block;
    border-left: 1px solid #fff;
    padding: 20px 0 0 20px;
    width: 330px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.box-rebate {
    width: 310px;
    padding-right: 20px;
}
}
.box-rebate .box-highlight p {
    color: #fff1ba;
    margin-bottom: 5px;
}
.box-rebate ul {
    margin-left: 15px;
}
.box-rebate ul li {
    font-size: 15px;
    margin-bottom: 7px;
    line-height: 1.4em;
}
.box-actions {
    display: block;
    clear: both;
    padding-top: 20px;
    vertical-align: top;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.box-actions {
    clear: none;
    float: left;
    border-left: 1px solid #fff;
    padding: 20px 0 0 20px;
    width: 190px;
}
}
.box-update-notice {
    background-color: #ffc968;
    border: 2px solid #ffc968;
    color: #000;
    padding: 12px 10px;
    line-height: 19px;
    font-weight: bold;
    display: inline-block;
    font-size: 13.33px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.box-update-notice {
    display: block;
    font-size: 14px;
    line-height: 1.5;
}
}
#btn-deal-history, #btn-contract-upgrade {
    display: inline-block;
    margin-left: 15px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
#btn-deal-history, #btn-contract-upgrade {
    display: block;
    margin-top: 10px;
    margin-left: 0;
    width: 100%;
}
}
.box-lhe h3, .box-rebate h3 {
    margin-bottom: 10px;
    padding-left: 10px;
}
/* BREADCRUMBS */

p.breadcrumbs {
    font-size: 12px;
    color: #676462;
}
p.breadcrumbs a {
    background-image: url(../img/small-arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 14px;
    margin-right: 10px;
    text-decoration: none;
}
/* TABLES */

table.chunk {
    clear: both;
    width: 660px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    margin: 15px auto 45px;
    position: relative;
}
table.chunk.tbl-resources {
    border-bottom: 1px solid #8b7f7a;
}
table {
    font-size: 14px;
    border-collapse: collapse;
    color: #63605e;
}
table th {
    background-color: #8b7f7a;
    color: #fff;
    font-weight: bold;
    padding: 10px 10px 10px 20px;
    line-height: 1.2em;
    text-align: left;
}
table th.highlight {
    color: #ffbd46;
}
table td {
    padding: 10px 20px;
}
table tbody tr:nth-child(2n), table tbody tr.even, table.table-accordion table tbody tr:nth-child(2n) {
    background-color: #f5f5f5;
}
table tbody tr.even {
    background-color: #f5f5f5;
}
table.table-accordion > tbody tr:nth-child(2n) {
    background-color: inherit;
}
table.table-accordion > tbody tr.even {
    background-color: #f5f5f5;
}
.clickable-row {
    cursor: pointer;
}
.tbl-doc-link {
    display: block;
    padding-right: 45px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url(../img/icn_download.png);
    text-decoration: none;
}
.tbl-doc-link h4, .tbl-doc-link p {
    margin: 0;
    padding: 0;
}
.tbl-link {
    display: block;
    padding-right: 45px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url(../img/icn_question_arrow.png);
    text-decoration: none;
}
.tbl-link h4, .tbl-link p {
    font-weight: normal;
    margin: 0;
    padding: 0;
}
a.tbl-link {
    padding: 10px 20px;
    width: 10px;
    display: block;
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url(../img/icn_question_arrow.png);
    text-decoration: none;
}
.col-edit {
    display: none;
}
.col-link {
    padding: 0;
}
#btn-tbl-edit-cancel, #btn-tbl-remove {
    display: none;
}
.paid {
    color: #61bb46;
    font-weight: bold;
}
.pending {
    color: #f36733;
    font-weight: bold;
}
.table-accordion-row.active .paid, .table-accordion-row.active .pending {
    color: #fff;
}
.table-accordion {
}
.table-accordion tr {
    position: relative;
}
.table-accordion-row {
    cursor: pointer;
}
.table-accordion-row td:last-child, .table-accordion-row.even td:last-child {
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-image: url(../img/acrd-down.png);
}
.table-accordion-row.active td:last-child {
    background-image: url(../img/acrd-up-white.png);
}
.table-accordion-row.active, .table-accordion-row.even.active {
    background-color: #ff8d15;
    /*font-weight: bold;*/
    color: #fff;
}
.table-accordion-content {
    display: none;
}
.table-accordion-content > td {
    padding-left: 0;
    padding-right: 0;
    position: relative;
}
.table-accordion-content > td > div {
    padding: 30px 0 0 0;
    border-bottom: 2px solid #ff8d15;
    margin-bottom: 30px;
}
.table-accordion-content.active > td > div:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #ff8d15;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.table-accordion-content h3 {
    padding-left: 20px;
}
p.date_uploaded {
    font-size: 12px;
}
/* BUTTONS */
.btn {
    padding: 12px 18px;
    background-color: #008091;
    font-weight: bold;
    color: #fff;
    border: 2px solid #008091;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    behavior: url(pie/PIE.htc);
}
.btn-outline {
    background-color: #fff;
    border: 2px solid #008091;
    color: #008091;
}
.btn-outline-2 {
    background-color: #e5f2f4;
    border: 1px solid #008091;
    color: #008091;
}
.btn-grey {
    background-color: #63605e;
    border: 2px solid #63605e;
    color: #fff;
}
.btn-centred {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}
.btn.error {
    background-color: #d5d1ce;
    border: 2px solid #d5d1ce;
    color: #63605e;
}
.btn-action {
    background-color: #ba0e82;
    border: 2px solid #ba0e82;
    color: #fff;
}
.btn-white {
    background-color: #fff;
    border: 2px solid #fff;
    color: #63605e;
}
.btn-white-outline {
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}
a.btn-contact {
    cursor: pointer;
    text-decoration: underline;
}
button:disabled, button[disabled] {
    background-color: #d5d1ce;
    border: 2px solid #d5d1ce;
    color: #63605e;
    cursor: not-allowed;
}
button:disabled.btn-outline, button[disabled].btn-outline {
    background-color: #fff;
    border: 2px solid #00b6c8;
    color: #00b6c8;
}
.btn-block {
    display: block;
    width: 100%;
    margin-top: 35px;
    margin-bottom: 20px;
}
.btn-block-wide {
    display: block;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    margin-left: -20px;
    margin-right: -20px;
    width: 100%;
    margin-bottom: -20px;
    behavior: url(pie/PIE.htc);
}
.btn-margins {
    margin-top: 15px;
    margin-bottom: 30px;
}
.btn-group {
    margin: 30px auto;
    text-align: center;
}
.btn-group .btn {
    margin: 0 10px;
    display: inline-block;
}
.h-wrap {
    padding-bottom: 16px;
    padding-top: 30px;
    margin-bottom: 24px;
}
.h-wrap h1, .h-wrap h2 {
    margin-top: 0;
    margin-bottom: 0;
}
.chunk.line-after:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 220px;
    border-top: 2px solid #f66627;
    margin-top: 16px;
    margin-left: 20px;
}
h3.line-after-sm:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 59px;
    border-top: 2px solid #d5d1ce;
    margin-top: 16px;
    margin-left: 20px;
}
.chunk-wide.line-after:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 134px;
    border-top: 2px solid #f66627;
    margin-top: 16px;
    margin-left: -54px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.chunk-wide.line-after:after {
    width: 220px;
    margin-left: 0;
}
}
.chunk-wide-modal.line-after:after {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    width: 139px;
    border-top: 2px solid #f66627;
    margin-top: 16px;
    margin-left: -20px;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.chunk-wide-modal.line-after:after {
    width: 220px;
    margin-left: 0;
}
}
.secondary.line-after:after {
    border-top: 2px solid #d5d1ce;
}
.secondary h2 {
    font-family: Georgia, "serif";
    font-weight: normal;
    font-style: italic;
    color: #63605e;
}
ul.landing-icons {
    display: block;
    padding: 30px 0;
    width: 680px;
    margin: 0 auto;
}
ul.landing-icons li {
    list-style: none;
    display: inline-block;
    text-align: center;
    width: 220px;
    padding: 0;
    margin: 0;
}
ul.landing-icons li p {
    padding: 10px 25px 0;
    line-height: 1.3em;
    font-weight: bold;
    color: #63605e;
}
.h-icn {
    padding-left: 43px;
    background-repeat: no-repeat;
    background-position: left;
}
.h-icn-docs {
    background-image: url(../img/icn_h_docs.png);
}
.h-icn-guides {
    background-image: url(../img/icn_h_guides.png);
}
.h-icn-support {
    background-image: url(../img/icn_h_supportingdocs.png);
}
.h-icn-question {
    background-image: url(../img/icn_h_question.png);
}
.h-icn-contract {
    background-image: url(../img/icn_h_contract.png);
}
.h-icn-rocket {
    background-image: url(../img/icn_h_rocket.png);
}
.h-icn-calendar {
    background-image: url(../img/icn_h_calendar.png);
}
h3.h-icn {
    display: block;
    line-height: 43px;
    margin-bottom: 45px;
}
ul.jump-nav {
    margin: 15px 0;
    padding: 0;
}
ul.jump-nav li {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}
ul.jump-nav li a {
    display: inline-block;
    height: 43px;
    line-height: 43px;
    min-width: 350px;
    background-color: #f0efed;
    text-decoration: none;
}

@media (min-width: 1004px) {
.j-icn {
    padding-left: 43px;
    background-repeat: no-repeat;
    background-position: left 10px center;
}
.j-icn-seretide {
    background-image: url(../img/icn_j_seretide.png);
}
.j-icn-tracker {
    background-image: url(../img/icn_j_tracker.png);
}
.j-icn-optimise {
    background-image: url(../img/icn_j_optimise.png);
}
.j-icn-info {
    background-image: url(../img/icn_j_info.png);
}
.j-icn-schedule {
    background-image: url(../img/icn_j_schedule.png);
}
.j-icn-history {
    background-image: url(../img/icn_j_history.png);
}
.j-icn-faqs {
    background-image: url(../img/icn_j_faqs.png);
}
.j-icn-guides {
    background-image: url(../img/icn_j_guides.png);
}
}
/* PRESCRIPTION TRACKER */

.bounding-box {
    width: 744px;
    border: 2px solid #f0efed;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 30px auto;
    padding: 30px 0;
    behavior: url(pie/PIE.htc);
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.bounding-box {
    width: 780px;
}
}
.note {
    font-weight: bold;
    color: #63605e;
}
.note-2 {
    color: #9b928d;
}
ul.tracker-key {
    background-color: #fafaf9;
    border: 2px solid #aba29e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 470px;
    margin-top: 10px;
    margin-right: 30px;
    margin-bottom: 30px;
    margin-left: 50px;
    padding: 15px;
    behavior: url(pie/PIE.htc);
}
ul.tracker-key li {
    list-style: none;
    display: inline-block;
    float: left;
    width: 30%;
    font-weight: bold;
    color: #000;
    line-height: 1.4em;
    margin: 0;
}
.tracker-key--dot-wrapper {
    float: left;
    display: block;
    height: 43px;
    line-height: 43px;
    width: 30px;
}
.tracker-key--dot {
    display: inline-block;
    width: 18px;
    height: 18px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    vertical-align: middle;
    behavior: url(pie/PIE.htc);
}
ul.orange-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.orange-bullets li {
    padding-left: 25px;
}
ul.orange-bullets li:before {
    content: "\2022";
    color: #f46d3c;
    display: inline-block;
    font-size: 24px;
    width: 25px;
    margin-left: -25px;
}
ol.orange-bullets {
    margin: 0;
    padding: 0;
}
ol.orange-bullets li {
    margin-left: 25px;
}
.video-container {
    display: inline-block;
    margin: 30px auto 45px auto;
    background-color: #f46d3c;
    padding-bottom: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(pie/PIE.htc);
}
#optimise-prescribing {
    margin-top: 60px;
    display: block;
    background-color: #f0efed;
    padding-bottom: 60px;
    margin-bottom: -60px;
    -webkit-box-shadow: inset 0 7px 7px -7px #c7c9ce;
    -moz-box-shadow: inset 0 7px 7px -7px #c7c9ce;
    box-shadow: inset 0 7px 7px -7px #c7c9ce;
}
/* TABS */
.tab-content {
    display: none;
}
.tab-content.current {
    display: inherit;
}
#faq-tabs ul {
    padding: 10px;
    margin: 0;
}
#faq-tabs ul li {
    list-style: none;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
}
#faq-tabs ul li.faq-tab {
    padding: 10px;
    background-color: #f5f5f5;
    border-bottom: 3px solid #d5d1ce;
    text-decoration: none;
    width: 120px;
    height: 197px;
}
#faq-tabs ul li.faq-tab.current {
    background-color: #8b7f7a;
    border-bottom: 3px solid #f56526;
    color: #fff !important;
}
#faq-tabs ul li.faq-tab img {
    margin-top: 10px;
    margin-bottom: 15px;
}
#faq-tabs ul li.faq-tab h3 {
    text-align: left;
}
#faq-tabs ul li.faq-tab p {
    font-family: Georgia, "serif";
    font-style: italic;
    text-align: left;
    color: #63605e;
    margin-bottom: 0;
}
#faq-tabs ul li.faq-tab.current p {
    color: #fff;
}
.faq-tab-content {
    margin-top: 30px;
    border-top: 2px solid #aba29e;
    padding-top: 30px;
}
#dashboard-tabs ul {
    padding: 20px 0;
    margin: 0;
    border: 0;
}
#dashboard-tabs ul li {
    list-style: none;
    position: relative;
    display: block;
    float: left;
    cursor: pointer;
    width: 308px;
    height: 43px;
    padding: 0;
    margin: 0;
    border: 0;
}
#dashboard-tabs ul li.dashboard-tab {
    background-color: #fff;
    border: 1px solid #63605e;
    text-decoration: none;
}
#dashboard-tabs ul li.dashboard-tab.current {
    background-color: #63605e;
    border: 1px solid #63605e;
    color: #fff;
}
#dashboard-tabs ul li.dashboard-tab.current::after {
    border-left: 155px solid transparent;
    border-right: 155px solid transparent;
    border-top: 17px solid #63605e;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -155px;
    position: absolute;
    top: 43px;
    width: 0;
}
#dashboard-tabs ul li.dashboard-tab h2 {
    display: block;
    text-align: center;
    color: #63605e;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 43px;
    margin: 0;
    padding: 0;
}
#dashboard-tabs ul li.dashboard-tab.current h2 {
    color: #fff;
}
.dashboard-tab-content {
    margin-top: 30px;
}
#contact-forms-tabs ul {
    border-bottom: 1px solid #aba29e;
    padding: 0;
    margin: 0;
}
#contact-forms-tabs ul li {
    list-style: none;
    display: inline-block;
    padding: 10px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 17px;
    font-weight: bold;
    color: #000;
    margin-right: 30px;
}
#contact-forms-tabs ul li.current {
    border-bottom: 4px solid #008091;
}
img.float-right.contact-forms-img-mockup {
    margin-left: 15px;
    margin-bottom: 15px;
}
/* ACCORDION */
.accordion-toggle {
    cursor: pointer;
    margin-bottom: 10px;
}
.accordion-content {
    display: none;
    padding-top: 15px;
    padding-bottom: 15px;
}
.accordion-content.default {
    display: block;
}
.accordion-outline {
    display: block;
    background-color: #fff;
    border: 1px solid #008091;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #008091;
    background-image: url(../img/acrd-down.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    height: 43px;
    line-height: 43px;
    padding-left: 20px;
    behavior: url(pie/PIE.htc);
}
.accordion-outline.active {
    background-color: #e5f2f4;
    background-image: url(../img/acrd-up.png);
}
.accordion-grey {
    display: block;
    background-color: #aba29e;
    border: 1px solid #aba29e;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    background-image: url(../img/acrd-down-white.png);
    background-repeat: no-repeat;
    background-position: right 20px center;
    height: 43px;
    line-height: 43px;
    padding-left: 20px;
    behavior: url(pie/PIE.htc);
}
.accordion-grey.active {
    background-color: #63605e;
    border: 1px solid #63605e;
    background-image: url(../img/acrd-up-white.png);
}
/* TEMP

.tabs li {
	list-style:none;
	display:inline;
}

.tabs a {
	padding:5px 10px;
	display:inline-block;
	background:#666;
	color:#fff;
	text-decoration:none;
}

.tabs a.active {
	background:#fff;
	color:#000;
}
*/




/* FOOTER */

footer, #footer {
    margin: 60px auto 0;
    text-align: left;
    font-size: 14px;
    color: #665851;
}
.footer-topbar {
    height: 4px;
    background: #15717d;/*background: -webkit-linear-gradient(left, #ff7c00 , #ffd74c);
  background: -o-linear-gradient(right, #ff7c00, #ffd74c);
  background: -moz-linear-gradient(right, #ff7c00, #ffd74c);
  background: linear-gradient(to right, #ff7c00 , #ffd74c);*/
}
.footer-head {
    background-color: #fff;
    border-bottom: 2px solid #E2E0DB;
    padding-top: 0;
    padding-bottom: 0;
}
.footer-head--lastupdated {
    float: left;
    padding-top: 18px;
    padding-bottom: 18px;
}
ul.footer-head--sharebuttons {
    float: right;
    margin: 0;
    padding: 0;
    border: 0;
}
ul.footer-head--sharebuttons li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
}
ul.footer-head--sharebuttons li a {
    display: block;
    padding-bottom: 18px;
    padding-top: 18px;
    text-decoration: none;
    margin: 0;
    border: 0;
    line-height: 1.5;
}
/*ul.footer-head--sharebuttons li a {
	width: 34px;
	height: 34px;
	line-height: 34px;
	display: block;
	text-align: center;
	background-color: #c4c2be;
	color: #fff;
	font-size: 20px;
	-webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
	cursor: pointer;
	behavior: url(pie/PIE.htc);
}*/

.footer-main {
    background-color: #f0efed;
    padding-top: 50px;
    padding-bottom: 28px;
}
.footer-main--contact {
    display: block;
}

@media (min-width: 788px) {
.footer-main--contact {
    float: left;
    width: 75%;
}
}
.footer-main--contact h3 {
    font-family: Georgia, "serif";
    font-weight: normal;
    font-style: italic;
    font-size: 40px;
    margin: 0 0 10px 0;
}
.footer-main--contact p {
    color: #3a302b;
}

@media (min-width: 788px) {
.footer-main--contact p {
    width: 65%;
}
}

@media (min-width: 1024px) { /* allowing 20px for vertical scrollbar */
.footer-main--contact p {
    width: 55%;
}
}
ul.footer-main--contact-icons {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}
ul.footer-main--contact-icons li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
}
ul.footer-main--contact-icons li a {
    width: 35px;
    height: 35px;
    display: block;
}
ul.footer-main--contact-icons li a:hover {
    background-color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
ul.footer-main--links {
    display: block;
    margin: 0;
    padding: 0;
}

@media (min-width: 788px) {
ul.footer-main--links {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
}
}
ul.footer-main--links li {
    list-style: none;
    font-weight: bold;
    margin-bottom: 0.2em;
}
ul.footer-main--links li a {
    text-decoration: none;
}
ul.footer-main--links li:last-child {
/* margin-top: 20px; */
}
.footer-main--legal {
    text-align: center;
    clear: both;
    padding-top: 20px;
    font-size: 12px;
}
.footer-main--legal p {
    margin: 0 0 0.3em 0;
}
/* SLIDER */

.slider-wrap {
    background-color: #f0efed;
    margin-top: 30px;
    margin-bottom: 60px;
}
.slider {
    /*height: 343px;*/
    height: 225px;
    text-align: center;
}

@media (min-width: 1004px) { /* allowing 20px for vertical scrollbar */
.slider {
    /*height: 294px;*/
    height: 225px;
}
}
.slider div {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.slider div.slider-pig {
    background-image: url(../img/bkgrnd_save.png);
}
.slider div.slider-money {
    background-image: url(../img/bkgrnd_money.png);
}
.slider div.slider-bed {
    background-image: url(../img/bkgrnd_bed.png);
}
.slider div div.slider-img {
    height: 140px;
    margin: 0;
}
.slider div div.slider-img img {
    margin: 50px auto 0;
    position: relative;
    display: inline-block;
}
.slider div.slider-pig div.slider-img img {
    background-image: url(../img/pig.png);
    margin: 30px auto 0;
}
.slider div h3 {
    font-size: 15px;
    color: #72635c;
    font-family: Georgia, "serif";
    font-style: italic;
    width: 70%;
    margin: 0 auto;
}
.slider div p.footnote {
    color: #72635c;
    width: 70%;
    margin: 10px auto;
    line-height: 1.3em;
}
.slick-loading .slick-list {
    background: #fff url('../img/ajax-loader.gif') center center no-repeat;
}
/* Arrows */
.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    display: block;
    width: 25px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 100;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    opacity: 0.75;
}
.slick-prev.slick-disabled, .slick-next.slick-disabled {
    opacity: 0.25;
}
.slick-prev {
    left: 25px;
    background: url(../img/arrow_left.png);
}
.slick-next {
    right: 25px;
    background: url(../img/arrow_right.png);
}
/* FORM */
form {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    behavior: url(pie/PIE.htc);
}
#modal-content form {
    background-color: #fff;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    behavior: url(pie/PIE.htc);
}
form h2 {
    margin-top: 15px;
    margin-bottom: 10px;
}
hr {
    height: 1px;
    border: none;
    color: #aba29e;
    background-color: #aba29e;
    display: block;
    margin: 30px -20px 30px -20px;
}
.chunk-narrow form .form-row {
    display: block;
    width: 260px;
}
.chunk .form-row, .chunk .item-row {
    display: block;
    width: 620px;
}
.chunk .form-row.half-row .form-item, .chunk .item-row.half-row .col {
    float: left;
    width: 300px;
}
.chunk .form-row.half-row .form-item:first-of-type, .chunk .item-row.half-row .col:first-of-type {
    margin-right: 20px;
}
.chunk .form-row.third-row .form-item {
    float: left;
    width: 220px;
    margin-right: 20px;
}
.chunk .form-row.third-row .form-item:last-of-type {
    width: auto;
    margin-right: 0;
}
.chunk .form-row.third-row .form-item:last-of-type .btn {
    margin-top: 23px;
    float: right;
}
.form-item {
    margin-bottom: 15px;
}
.email-preferences h3 {
    margin-bottom: 10px;
}
.email-preferences .form-item {
    margin-bottom: 5px;
}
form .checkbox-wrapper.preferences-unsubscribe label {
    font-size: 12px;
    line-height: 1.5em;
    vertical-align: top;
    padding-top: 10px;
    width: 85%;
}
form .checkbox-wrapper.preferences-unsubscribe label em {
    display: block;
    font-size: 12px;
    font-weight: normal;
}
input[type=text], input[type=email], input[type=password], select, input[type=file] {
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
    font-size: 14px;
    padding: 3px 10px;
    display: inline-block;
    width: 100%;
    min-height: 47px;
    line-height: 37px;
    -moz-box-sizing: border-box; /* ff2 */
    -ms-box-sizing: border-box; /* ie8 */
    -webkit-box-sizing: border-box; /* safari3 */
    -khtml-box-sizing: border-box; /* konqueror */
    box-sizing: border-box; /* css3 rec */
}
input[type=checkbox], input[type=radio] {
    background-color: none;
    border: none;
    font-size: inherit;
    padding: 0;
    display: inline;
    width: auto;
    min-height: normal;
    line-height: normal;
}
label {
    display: block;
    font-size: 12px;
    padding-bottom: 2px;
}
input.frm-icon, select.frm-icon {
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
}
input.icon-name {
    background-image: url(../img/icn_frm_name.png);
}
input.icon-email {
    background-image: url(../img/icn_frm_email.png);
}
input.icon-email-okay {
    background-image: url(../img/icn_frm_email_okay.png);
}
input.icon-email-error {
    background-image: url(../img/icn_frm_email_error.png);
}
input.icon-location, select.icon-location {
    background-image: url(../img/icn_frm_location.png);
}
input.icon-contract {
    background-image: url(../img/icn_frm_contract.png);
}
input.icon-address {
    background-image: url(../img/icn_frm_address.png);
}
input.icon-phone {
    background-image: url(../img/icn_frm_phone.png);
}
input.icon-pw {
    background-image: url(../img/icn_frm_pw.png);
}
input.icon-pw.error {
    background-image: url(../img/icn_frm_pw_error.png);
}
form .checkbox-wrapper {
    background-color: #f5f5f5;
    padding: 20px;
    margin-bottom: 25px;
}
#select2-frm-register-lha-container {
    background-position: 10px;
    background-repeat: no-repeat;
    padding-left: 40px;
    background-image: url(../img/icn_frm_location.png);
}
/*form .checkbox-wrapper input[type=checkbox] {
	background-color: #f5f5f5;
	border: 2px solid #f5f5f5;
	font-size: 14px;
	padding: 3px;
	display: inline-block;
	width: auto;
	line-height: auto;
}*/

.custom-checkbox {
    width: 23px;
    height: 23px;
    display: inline-block;
    position: relative;
    z-index: 1;
    top: 5px;
    background: url("../img/icn_check_empty.png") no-repeat;
}
.custom-checkbox:hover {
    background: url("../img/icn_check_hover.png") no-repeat;
}
.custom-checkbox.selected {
    background: url("../img/icn_check.png") no-repeat;
}
.custom-checkbox input {
    background-color: transparent;
    border: none;
    font-size: 15px;
    padding: inherit;
    display: inline-block;
    width: auto;
    line-height: inherit;
}
.custom-checkbox input[type="checkbox"], .custom-checkbox input[type="radio"] {
    margin: 0;
    width: 23px;
    height: 23px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;

	/* CSS hacks for older browsers */
	_noFocusLine: expression(this.hideFocus=true);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
}
table .custom-checkbox {
    background: url("../img/icn_check_empty.png") no-repeat;
}
table .custom-checkbox:hover {
    background: url("../img/icn_check2_hover.png") no-repeat;
}
table .custom-checkbox.selected {
    background: url("../img/icn_check2.png") no-repeat;
}
form .checkbox-wrapper label {
    font-size: 1.0em;
    font-weight: bold;
    display: inline-block;
    padding-left: 20px;
}
form .checkbox-wrapper.contact-preferences label {
    font-weight: normal;
}
form .checkbox-wrapper p.checkbox-note {
    position: relative;
    padding-left: 43px;
}
input.error, div.error, span.error {
    border: 2px solid #ba0f82 !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    behavior: url(pie/PIE.htc) !important;
}
.form-error-info {
    background-image: url(../img/icn_alert_purple_italic.png);
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 24px;
    color: #ba0e82;
}
/* SELECT2 */
.select2 {
    width: 100% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    line-height: 47px;
}
.select2-container .select2-selection--single {
    -moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 47px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 47px;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 20px;
}
.select2-container--default .select2-selection--single {
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
    border-radius: 0;
}
.select2-dropdown {
    background-color: #f5f5f5;
    border: 2px solid #f5f5f5;
    border-radius: 0;
}
/* MODAL */
body.modal-open {
    overflow: hidden;
    overflow-y: auto; /* had to add in, in case modal too long */
}
#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index: 1000;
}
#modal {
    position: absolute;
    background: #fff;
    min-width: 660px;
    max-width: 660px;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(pie/PIE.htc);
    z-index: 1001;
}

@media (min-width: 1024px) {
#modal {
    position: absolute;
    background: #fff;
    min-width: 820px;
    max-width: 820px;
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    behavior: url(pie/PIE.htc);
    z-index: 1001;
}
}
#modal-content {
    border-radius: 8px;
    background: #fff;
    margin-bottom: 30px;
}
#modal-content ul {
    margin-bottom: 30px;
}
#modal-close {
    position: absolute;
    background: url(../img/modal_close.png) 0 0 no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    text-indent: -9999px;
    top: 20px;
    right: 20px;
}
#modal-zone {
    display: none;
}
/* MODAL - CONTACT FORM */

.contact-form {
}
.contact-form-response, .preferences-form-response, .share-this-form-response {
    display: none;
    text-align: center;
}
/* ERROR PAGE */
.error-panel {
    background-color: #fff;
    padding: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    behavior: url(pie/PIE.htc);
}
/* ADMIN BAR */
#adminbar {
    background-color: #000;
    color: #fff;
    width: 100%;
    font-size: 14px;
    min-height: 50px;
    display: block;
}
#adminbar-title {
    text-transform: uppercase;
    font-weight: bold;
    float: left;
    line-height: 50px;
    vertical-align: middle;
    margin-left: 30px;
}
#adminbar-nav {
    float: right;
    margin-right: 30px;
}
#adminbar-nav ul {
    margin: 13px 0 0 0;
    padding: 0;
}
#adminbar-nav ul li {
    list-style: none;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    margin-left: 15px;
}
#adminbar-nav ul li a {
    display: inline-block;
    font-size: 1.0em;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid transparent;
}
#adminbar-nav ul li a:hover, #adminbar-nav ul li a:focus, #adminbar-nav ul li a.active {
    border-bottom: 2px solid #fff;
}
input.icon-text {
    background-image: url(../img/icn_frm_text.png);
}
input.icon-number {
    background-image: url(../img/icn_frm_number.png);
}
/* Top of page notice */
#header-notice {
    margin: 0 0 15px 0;
    background-color: #f0efed;
    color: #63605e;
    padding: 7px 0;
    font-size: 0.875em;
    font-weight: bold;
    text-align: center;
}
#header-notice a {
    text-decoration: none;
}
/* Small print! */
.small-print p {
    font-size: 0.75em;
    margin-bottom: 8px;
}
/* fix for Edge/IE */
.slider div h3 sup {
    line-height: 0.3em;
}
/* hacks for Bootstrap button groups */
.btn-group > :not(:first-child):not(.dropdown-toggle):not(:last-child).btn {
    border-radius: 4px !important;
}
.btn-group > :first-child:not(.dropdown-toggle):not(:last-child).btn {
    border-radius: 4px !important;
}
/* ADMIN SECTION - ADDED BY JP */
.keep-open {
    display: none !important;
}
.fixed-table-container {
    border: none !important;
}
#frm-listing {
    padding: 0px 20px 0px 20px;
}
#tbl-listing th {
    border: none;
}
#tbl-listing td {
    border: none;
}
.cookieBox {
    font-size: 10pt;
    margin-top: 3px;
    width: auto;
    background-color: #8b7f7a;
    position: relative;
    color: #fff;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 10px;
    text-align: center;
    padding-left: 10px;
    z-index: 900;
    margin-bottom: 10px;
}
.cookieBox A.cookieContinue {
    text-decoration: none;
    font-weight: bold;
    margin: 5px 0px 0px 14px;
    display: inline-block;
    order-radius: 4px !important;
    background-color: #fff;
    border: 2px solid #fff;
    color: #63605e;
    border-radius: 2px;
    padding: 6px 9px;
    text-align: center;
    cursor: pointer;
}
.zinc-code {
    font-size: 10pt;
    color: gray;
}
.hoc-panel {
    background-color: #fff;
    margin: 20px -20px 60px -20px;
    padding: 20px;
}
.hoc-panel-inner_orange {
    background-color: #f56526;
    color: #fff;
    padding: 20px;
}
.hoc-small-print {
    font-size: 0.875em;
    line-height: 1.2em;
    margin-top: 10px;
    margin-bottom: 30px;
}
/* FOOTER AMENDS 04/07/17 */
.footer-main--contact {
    margin-bottom: 20px;
}
.footer-main--adverse {
    clear: both;
    display: block;
    border: 1px solid #000;
    text-align: center;
    padding: 10px;
}
.footer-main--adverse p {
    margin-bottom: 5px;
}
.footer-main--adverse p:last-child {
    margin-bottom: 0;
}
.footer-main--adverse p a {
    font-weight: bold;
}
.footer-main--legal p.date {
    color: gray;
}
.footer-bottombar {
    padding-top: 0;
    height: 2px;
    background-color: #e2e0db;
}
/* INFO BUBBLE */
#bubble-info {
    display: none;
    transition: all 0.5s ease;
    z-index: -1;
    opacity: 0;
}

@media screen and (min-width: 768px) {
#bubble-info {
    position: absolute;
    top: 50px;
    left: 3px;
    width: 160px;
    height: 161px;
    display: none;
    opacity: 0;
}
#bubble-info.show-bubble {
    display: block;
    opacity: 1;
    z-index: 9999;
}
#bubble-info.talk-bubble {
    top: 45px;
    background: #ffffff;
    border: 5px solid #008091;
    width: 170px;
    height: 150px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.3);
    box-shadow: 0 1px 10px rgba(0,0,0,0.3);
    -webkit-filter: drop-shadow(0 1px 10px rgba(0,0,0,0.3));
    filter: drop-shadow(0 1px 10px rgba(0,0,0,0.3));
}
#bubble-info.talk-bubble:after,  #bubble-info.talk-bubble:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#bubble-info.talk-bubble:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    left: 15%;
    margin-left: -8px;
}
#bubble-info.talk-bubble:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #008091;
    border-width: 16px;
    left: 15%;
    margin-left: -16px;
}
#bubble-info.talk-bubble .talktext {
    padding: 1em;
    color: #008091;
    text-align: left;
    line-height: 1.3em;
}
#bubble-info.talk-bubble .talktext p.top-tip {
    margin: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    font-size: 0.75em;
    line-height: 1.3em;
}
#bubble-info.talk-bubble .talktext h4 {
    margin: 0 0 5px 0;
    font-size: 1.2em;
    font-weight: bold;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    line-height: 1.3em;
}
#bubble-info.talk-bubble .talktext p {
    margin: 0;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    line-height: 1.3em;
}
#bubble-info.talk-bubble .close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
}

@media screen and (min-width: 1004px) {
#bubble-info {
    left: -30px;
}
#bubble-info.talk-bubble:after {
    left: 22%;
}
#bubble-info.talk-bubble:before {
    left: 22%;
}
}
.video-container-2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container-2 iframe, .video-container-2 object, .video-container-2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* PF FOOTER */

#pf-footer {
    clear: both;
    margin: 0 0 0 0;
    padding: 14px;
    text-align: left;
    color: #665851;
    border: 2px solid #6f625a;
}

@media screen and (min-width: 640px) {
#pf-footer {
    padding: 20px 55px;
}
}

@media screen and (min-width: 930px) {
#pf-footer {
    margin: 0 0 0;
}
}
#pf-footer p {
    margin: 0;
}
#pf-footer-report {
    display: block;
    vertical-align: middle;
    border-bottom: 1px solid #6f625a;
    padding-bottom: 14px;
    margin-bottom: 14px;
}

@media screen and (min-width: 640px) {
#pf-footer-report {
    display: inline-block;
    border-right: 1px solid #6f625a;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    width: 49%;
    padding-right: 7px;
}
}
#pf-footer-report p {
    font-size: 12px;
    font-weight: bold;
}

@media screen and (min-width: 640px) {
#pf-footer-report p {
    padding-right: 30px;
}
}
#pf-footer-legal {
    display: block;
    vertical-align: middle;
}

@media screen and (min-width: 640px) {
#pf-footer-legal {
    display: inline-block;
    width: 49%;
    margin-left: -7px;
}
}
#pf-footer-legal p {
    font-size: 10px;
    line-height: 1.3em;
}

@media screen and (min-width: 640px) {
#pf-footer-legal p {
    padding-left: 30px;
}
}
#pf-footer-legal p:first-of-type {
    margin-bottom: 5px;
}
.keep-together {
    white-space: nowrap;
}