html .mobile {
  display:none;
}
@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px), only screen and (max-device-width: 480px)  {
  /* $THICKBOX */
  #TB_window {
    min-width: 300px; /* sensible minimum width */
    width: 95% !important; /* override thickbox.js default */
    margin-left: -47.5% !important; /* Recalculate middle point based on 95% width; 5% remaining / 2 = 47.5% */
  }
  #TB_window *,
  .view-games-maker-gallery .gm-user * {
    clear: none; /* Override default html * default */
  }
  .view-games-maker-gallery .gm-user {
    overflow: hidden;
    margin-bottom: 0;
    margin-top: 1.5em;
  }
  .view-games-maker-gallery .gm-user h2 {
    margin-top: 0;
  }
  #TB_windows .avatar img {
    display: block;
    max-width: 125px;
  }
  #TB_window .avatar,
  .view-games-maker-gallery .avatar {
    display: block;
    max-width: 125px;
    height: auto;
    width: 23%;
    padding-right: 2%;
  }
  #TB_window .gm-info,
  .view-games-maker-gallery .gm-info {
    padding-right: 2%;
    width: 73%;
    float: left;
    margin-left: 0;
  }
  #TB_ajaxContent {
    width: 100% !important;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
  }
  #TB_ajaxContent h2 {
    margin-top: 0.85em;
  }

  html {
    background:none;
    overflow-x:hidden;
    width:100%;
  }
  html body.admin-menu,
  html>body {
    margin:0 !important;
    margin-top:0 !important;
    background:none;
    padding:0 0;
    font-size:0.85em;
    overflow-x:hidden;
    width:100%;
  }
  /* Note: the below selector is quite aggressive and has caused problems that are hard to debug
  e.g. the google map markers disappearing at mobile. If you get weird problems try commenting this
  out so you can see where to override it */
  html * {
    float:none;
    clear:both;
    max-width:100%;
    height:auto;
  }

  html.mobile .mobile {
    display:block;
  }
  html .mobile-hide {
    display: none;
  }

  html .account-highlights .row,
  html .pane-block.col {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .mobile .account-highlights {
    margin-left: 0;
  }

  .mobile .account-highlights .row .heading,
  .mobile .account-highlights .row .description {
    clear: none;
  }

  html #block-search,
  html .node-type-homepage #block-physio2u #physio2u-page-intro,
  html .node-type-homepage #block-physio2u .views-exposed-form .views-exposed-widget,
  html .node-type-homepage #block-menu-menu-physio2u-links,
  html .node-type-homepage #block-menu-menu-for-doctors,
  html .node-type-homepage .features-3,
  html .threecols_col_1,
  html .threecols_col_2,
  html .threecols_col_3,
  html body.one-sidebar .main,
  html .main,
  html .node-region .twocols .col1,
  html .node-region .twocols .col2,
  html .right,
  html .center-wrapper .panel-col-last,
  html #block-menu-menu-site-highlights,
  html #block-views-featured-content-block-1,
  html #block-user,
  html .node-type-homepage .features-4,
  html .home-main .field-highlight .field-items .field-item,
  html .field-highlight .field-item .description .highlight-description-content,
  html .center-wrapper .panel-col-first,
  html .header,
  html #block-views-homepage-splash-block-1,
  html div.breadcrumb,
  html .field-highlight .field-item h2,
  /*html .node-type-homepage #block-views-publications-block-1 .view-publications,
  html .node-type-homepage #block-views-publications-block-1,*/
  html .features-2,
  html #block-views-my-account-block-1,
  html #block-views-networks-all-content-block-2,
  html #block-menu-menu-site-highlights,
  html #user-login .form-description,
  html .home-main .field-highlight .field-item .description,
  html>body>div.header,
  html>body>div.header #site-name,
  .view-blog-new .col-last {
    margin:0;
    width:100%;
    float:none;
  }

  html .rss,
  html .feed-icon,
  html .view-id-Physio2u.view-display-id-page_2 tr.premium-header,
  html .header>.mobile.menu div.outer-shadow,
  html .header>.mobile.menu ul,
  html .header .mobile.menu .over .show_menu,
  html .header .mobile.menu .hide_menu,
  html #splash-banner-buttons,
  html .pane-ad-5810,
  html .pane-ad-2206,
  html .splash-wrapper,
  html .block-ad,
  html #admin-menu,
  html .left #block-menu-menu-sitemap,
  html #block-menu-menu-footer-links,
  html>body>div.header #block-menu-secondary-links,
  html>body>div.header #block-nice-menus-1,  html>body .bottom-ad-blocks,
  /*html .page-icsp .panels-flexible-row-first.panels-flexible-row,*/
  html .pane-meet-a-member,
  html .pane-network-admin-stats,
  html .pane-network-group-metadata,
  html .node-type-region .og-mission {
    display: none;
  }

  html .pane-node-cats,
  html #block-views-my-account-block-1 .field-avatar-fid,
  html .not-logged-in div.pane-show-node-tags,
  html #block-uc-cart,
  html #block-views-featured-content-block-1,
  html #block-menu-menu-site-highlights,
  html .one-sidebar .main .panel-2col-stacked .panel-col-last.panel-panel .pane-show-node-tags {
    display:none!important;
  }


  html div.left,
  html .node-type-homepage .features-3 {
    width:100%;
  }

  html div.left {
    margin: 0;
  }

  html>body>div.header {
    display:block;
    float:none;
    height: auto;
    border: none;
  }

  html>body>div.header #site-name {
    height: auto;
  }

  html>body>div.header #site-name a {
    /*background: rgba(45, 49, 78, 0.7);*/
    padding:12px;
    background-color: #2d304e;
    height:60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid #ffb637 2px;
  }

  html>body>div.header #site-name a img {
    display: none; /* avoid a flash of the bigger logo by hiding it straight away with the css, then showing the mobile-added one below */
  }

  html>body>div.header #site-name a img.mobile-added {
    display: block;
  }

  html .node-type-homepage .features-4,
  html>body>div.header #block-search {
    float:none;
  }

  /* Homepage blocks */
  .home-main .features-1 .block,
  .features-4 h2,
  .features-4 .field-highlight {
    padding: 0 20px;
  }
  html #block-views-publications-block-1.recent-publications-block .pubs-block-title-wrapper {
    padding-left: 20px;
  }

  /* publications carousel at mobile (ticket 1477) - uses slick */
  html #block-views-publications-block-1.recent-publications-block .publications-view-all,
  html #block-views-publications-block-2.recent-publications-block .publications-view-all {
    float:right;
    margin:9px 0px;
    padding-right: 2px;
    border: none;
  }
  html #block-views-publications-block-1.recent-publications-block .publications-view-all {
    padding-right: 40px;
  }

  html .recent-publications-block .row,
  html .recent-publications-block .slick-track  {
    max-width: none;
  }

  html .recent-publications-block h3,
  html .recent-publications-block .publications-view-all,
  html .recent-publications-block div.view-content,
  html .recent-publications-block div.row {
    clear: none !important;
  }

  html .recent-publications-block div.view-content {
    margin: 0 20px;
    overflow: hidden;
  }

  .view-publications.publications-carousel {
    background-color: #efefef;
    margin-bottom: -10px;
  }

  .recent-publications-block p.type {
    /* hide publication type at mobile*/
    display: none;
  }

  .view-publications.publications-carousel div.row:focus,
  .view-publications.publications-carousel div.row:active {
    outline: none;
  }

  .view-publications.publications-carousel .field-cover-fid {
    margin: 0 10px;
  }

  .view-publications.publications-carousel .title-1 {
    clear: both;
    float: none;
    padding: 0;
    margin: 0 10px;
    width: auto;
  }

  .view-publications.publications-carousel .title-1 p.title {
    font-size: 0.85em;
  }

  .view-publications.publications-carousel .slick-next,
  .view-publications.publications-carousel .slick-prev {
    bottom: 10%;
  }

  /* end styling for publications carousel at mobile */


  html #block-search .form-button input,
  html .footer-interactive {
    padding:0;
  }

  html #block-block-5 {
    background-position: 0 10px;
    padding: 50px 0;
    font-size: 0.8em;
    line-height: 1.5em;
  }

  html .header .mobile.menu .over .hide_menu {
    display:block;
  }


  /* mimic style for icsp group-actions block for the Network menu */
  html #block-icsp-mobile {
    display: block;
    margin-left: 1%; /* mimic div.body */
    /*margin-top:1em;*/
    margin-bottom: 3em;
    background: #fff url(../images/bg_stripes_grey.gif);
    /*border-top: 4px solid #474471;*/
    border-bottom: none;
  }

  html #block-icsp-mobile > * {
    padding: 0.5em 10px;
  }

  html #block-icsp-mobile h3 { /* mimic h2 from Also posted in */
    background: url(../images/bg_grey.gif);
    border-bottom: 1px solid #d5d5d5;
    color: #2E2E3B;
    display: block;
    font-family: 'Lucida Grande', Arial, Verdana, sans-serif;
    font-size: 15px;
    line-height: 36px;
    padding: 0 0 0 12px;
    text-transform: uppercase;
    margin-bottom: 0;
  }

  html #block-icsp-mobile h3 a {
    color: white;
  }

  html #block-icsp-mobile li {
    border-bottom: 1px dotted #d5d5d5;
    padding:0;
    margin: 0;
    text-indent: 0;
    list-style-type: none;
  }

  html #block-icsp-mobile li:hover {
    background-color:#fdbf15;
    background-image:none;
  }

  html #block-icsp-mobile li a {
    padding: 0.5em 10px 0.5em 0;
    display:block;
    font-weight: 700;
    height:100%;
  }

  html #block-icsp-mobile li a:hover {
    text-decoration: none;
  }

  html #block-icsp-mobile ul li:last-child {
    border-bottom: 0px;
  }

  html .header>.mobile.menu div.right,
  html .header>.mobile.menu ul,
  html .header>.mobile.menu {
    margin:0;
  }
  html.mobile .header>.mobile.menu>li {
    margin:0;
    padding:0;
    padding:0 12px;
  }
  html #block-views-featured-content-block-1,
  html .mobile.menu {
    background-color:#e4e4e4;
    padding:4px;
  }
  html .header>.mobile.menu li {
    position: relative;
  }
  html .header>.mobile.menu li a {
    box-sizing: border-box;
    display:block;
    font-size:1em;
    line-height:1.6em;
    padding:6px 0;
    width:100%;
    color: #2d304e;
  }
  html .header>.mobile.menu > li.menuparent > .toggle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    display: block;
    width: 1.6em;
    height: 1.6em;
    background: url("../images/mobile/menu-arrow-down.png") center 12px no-repeat;
  }
  html .mobile.menu > li.menuparent.over > .toggle {
    background: url("../images/mobile/menu-arrow-up.png") center 12px no-repeat;
  }

  html .header > .mobile.menu .menu {
    margin: 0 -4px;
    padding: 4px;
  }

  html .header .mobile.menu li {
    margin: 0;
    padding: 0;
  }

  /* top level has white dividers not grey ones (on li not a so it goes full width) */
  html .header>.mobile.menu > li {
    border-bottom:1px solid white;
  }

  html .header>.mobile.menu > li > a {
    font-weight: bold;
  }

  /* different style for non-primary menu links (and for ones added to main menu just for mobile) 1476 */
  html .header>.mobile.menu > li.mobile-added > a,
  html .header>.mobile.menu > li > a.secondary-links-link-1 {
    font-weight: normal;
  }

  html .header>.mobile.menu > li.mobile-added,
  html .header>.mobile.menu > li.secondary-link {
    background-color: #f0f0f0;
  }

  html .header>.mobile.menu > li:last-child {
    border-bottom: none;
  }

  /* 2nd level */

   /*full width white backround for submenus */
  .mobile.menu .outer-shadow,
  .mobile.menu .nice-menu-grandchild {
    background: #fff;
    width:100%;
    margin-left: -12px;
    padding-left: 12px;
  }

  /*full width white backround for submenus */
  .mobile.menu .nice-menu-grandchild {
    margin:0;
  }

  /*.mobile.menu .inner-shadow {
    overflow: visible;
  }*/

  /* compensate back for negative margins above */
  html .header >.mobile.menu .nice-menu-grandchild > li {
    margin-left: -12px;
  }

  html .header > .mobile.menu .nice-menu-grandchild li a {
    border-bottom:1px solid #c1c1c1;
    color: #555;
  }

  /* Nations and regions */
  html .header > .mobile.menu .region-wrapper {
    padding-left: 12px;
    width: 100%;
    background-color: #fff;
    padding-top: 6px;
  }

  html .header > .mobile.menu .region-wrapper .col-1,
  html .header > .mobile.menu .region-wrapper .right {
    /* compensate back for negative margins above */
    margin-left: -12px;
  }

  html .header > .mobile.menu .region-wrapper .right {
    padding-top:6px;
  }

  /* Menu highlights */
  html .header > .mobile.menu .menu-highlights {
    margin: 0;
    padding: 0; /* reset then reapply below for specific things */
    padding-left: 12px;
    width: 100%;
    background-color: #fff;
    padding-top: 6px;
  }
  html .header>.mobile.menu .menu-highlights h2 {
    border: 0;
    padding: 0;/* reset then reapply below for specific things */
    margin:0;/* reset then reapply below for specific things */
    /* compensate back for negative margins above */
    margin-left: -12px;
    margin-bottom:12px;
    font-size: 1em;
    color: #2d304e;
  }
  html .header>.mobile.menu .menu-highlights .row {
    /*margin: 10px 0;*/
    border-bottom:1px solid #c1c1c1;
    /* compensate back for negative margins above */
    margin-left: -12px;
  }
  html .header>.mobile.menu .menu-highlights .row:last-child {
    border-bottom: none;
  }
  html .header>.mobile.menu .menu-highlights .row a {
    padding-bottom: 12px;
    overflow: hidden;
    cursor: pointer;
    color: #2d304e;
  }
  html .header>.mobile.menu .menu-highlights .row a:hover {
    text-decoration: underline;
  }
  html .header>.mobile.menu .menu-highlights .row a .heading {
    font-weight: bold;
    margin-bottom: 0.5em;
  }

  html .menu-highlights .row img {
    float: left;
    margin-right: .5em;
  }

  html .header>.mobile.menu .menu-highlights .row a p {
    clear: none;
    font-size: 0.9em;
    line-height: normal;
    margin: 0;
    padding: 0 0 0 82px;
  }

  html .header>.mobile.menu .menu-highlights .row a p.description {
    color:#555;
  }

  html .header>.mobile.menu .menu-highlights .row a img {
    border: 2px solid #CCC;
  }

  html .header>.mobile.menu div.right {
    width:auto;
  }


  /* new profile, search and menu icons for ticket 1476 */
  html .header>a.mobile-added.icon {
    position: absolute;
    top: 0;
    text-indent:-9999px;
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 42px;
    background-position: center center;
  }
  html>body.microsite .header>a.mobile-added.icon {
    height: 88px;
  }

  html .header>a.mobile-added.icon:hover,
  html .header>a.mobile-added.icon.selected {
    background-color: #e4e4e4;
  }

  html .header>a.mobile-added.menu {
    right:0;
    background-image:url('../images/mobile/hamburger-white.png');
  }

  html .header>a.mobile-added.menu:hover,
  html .header>a.mobile-added.menu.selected {
    background-image:url('../images/mobile/hamburger-blue.png');
  }

  html .header>a.mobile-added.search {
    right: 50px;
    background-image:url('../images/mobile/search-white.png');
  }

  html .header>a.mobile-added.search:hover,
  html .header>a.mobile-added.search.selected {
    background-image:url('../images/mobile/search-blue.png');
  }

  html .header>a.mobile-added.person {
    right: 100px;
    background-image:url('../images/mobile/person-white.png');
  }

  html .header>a.mobile-added.person:hover,
  html .header>a.mobile-added.person.selected {
    background-image:url('../images/mobile/person-blue.png');
  }

  html #search-form #edit-keys {
    max-width:240px;
  }
  html .form-description,
  html input[type="text"],
  html textarea,
  html input[type="password"],
  html input[type="email"] {
    max-width:70%;
    box-sizing: border-box;
  }

  html #user-login input[type="text"],
  html #user-login input[type="password"],
  html #edit-comment {
    max-width: 100%;
  }

  html #publication-carousel {
    max-width:none;
  }

  html body.microsite-search .main,
  html body.page-search .main {
    padding: 0;
  }
  html body.microsite-search .block-apachesolr.block .item-list li a,
  html body.page-search .block-apachesolr.block .item-list li a {
    font-size: 1.3em;
    text-transform: lowercase;
  }
  html .main ul.primary {
    margin-top:10px;
    max-width:100%;
    height:auto;
    white-space:normal;
    font-size:0.8em;
  }
  html div.rss,
  html #search-form {
    top: -62px;
    left: 0.5%;
    width:100%;
  }
  html #csp-membership-fields {
    width:250px;
  }

  html .gmap-control {
    height:250px !important; /* override inline style */
    width:250px !important;
  }

  html .gmap-control * {
    max-width: none;
  }

  html .gmap-popup {
    background:white;
    max-width:250px;
    width:120px;
  }

  html .mobile,
  html .header>.mobile.menu .over>.outer-shadow,
  html .header>.mobile.menu .over>div ul,
  html .header>.mobile.menu .over>ul,
  html .view-id-Physio2u.view-display-id-page_2 table,
  html .view-id-Physio2u.view-display-id-page_2 thead,
  html .view-id-Physio2u.view-display-id-page_2 tbody,
  html .view-id-Physio2u.view-display-id-page_2 th,
  html .view-id-Physio2u.view-display-id-page_2 td,
  html .view-id-Physio2u.view-display-id-page_2 tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  html .view-id-Physio2u.view-display-id-page_2 thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  div.view-Physio2u .attachment tr.premium .views-field-title {
    padding-top: 8px;
  }

  html .view-id-Physio2u.view-display-id-page_2 tr { border: 1px solid #ccc; }

  html .view-id-Physio2u.view-display-id-page_2 td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 35%;
    padding-top: 6px;
    padding-bottom: 8px;
    min-height: 17px;
  }

  html .view-id-Physio2u.view-display-id-page_2 td:last-child  {
    border-bottom: none;
  }

  html .view-id-Physio2u.view-display-id-page_2 td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 30%;
    padding-right: 10px;
    white-space: nowrap;
  }

  /* consider redoing this with js so that it takes the title head which would allow this to work on any table not just physio2u */
  html .view-id-Physio2u.view-display-id-page_2 td:nth-of-type(1):before {
    content: "Title";
    top: 8px;
  }
  html .view-id-Physio2u.view-display-id-page_2 td:nth-of-type(2):before { content: "Address"; }
  html .view-id-Physio2u.view-display-id-page_2 td:nth-of-type(3):before { content: "Hours"; }
  html .view-id-Physio2u.view-display-id-page_2 td:nth-of-type(4):before { content: "Distance"; }
  html .view-id-Physio2u.view-display-id-page_2 td:nth-of-type(5):before { content: "Payment options"; }

  /* 1475 - 'close up' address - don't have line breaks */
  html .view-id-Physio2u.view-display-id-page_2 td div.street-address {
    display: inline;
  }

  /* styling for front page slick carousel */
  .node-type-region.has-splash-banner .field-splash-banner {
    display: none;
  }

  .has-splash-banner .field-splash-banner,
  .has-splash-banner .splash-banner {
    width: 100%;
    height: auto;
    margin-bottom: 0;
  }

  .has-splash-banner .splash-banner {
    padding-bottom: 45px;
  }

  .has-splash-banner .field-splash-banner {
    float: left;
    margin-bottom: 20px;
  }

  .has-splash-banner .slick-track,
  .has-splash-banner .field-splash-banner .field-items .field-item {
    clear: none;
    max-width: none;
  }

  .has-splash-banner .field-splash-banner .field-items {
    position: relative;
    overflow: hidden;
  }

  .slick-prev,
  .slick-next {
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -99999px;
    width: 18px;
    height: 30px;
    position: absolute;
    bottom: 55%;
    border: 0;
    cursor: pointer;
    outline: none;
  }

  .slick-prev {
    background-image: url('../images/mobile/carousel-arrow-left.png');
    left: 0;
  }

  .slick-next {
    background-image: url('../images/mobile/carousel-arrow-right.png');
    right: 0;
  }


  .has-splash-banner .field-splash-banner .field-items .field-item {
    display: block;
    float: left;
  }

  .has-splash-banner .field-splash-banner .field-items .field-item .description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
    padding: 0;
    height: auto;
  }

  .has-splash-banner .field-splash-banner .field-items .field-item .description h2 {
    background: rgb(51,51,51);
    background: rgba(51,51,51,0.75);
    color: white;
    font-weight: normal;
    padding: 12px;
  }

  /* note that the splash-intro is moved out of the .splash-banner div
  by javascript in order to appear below the slide so more of the image shows */
  .has-splash-banner .field-splash-banner .field-items .field-item .splash-intro {
    padding: 12px;
    background-color: #eee;
  }

  .has-splash-banner .field-splash-banner .field-items .field-item .splash-intro p {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
  }

  .has-splash-banner .field-splash-banner .field-items .field-item .description h2 a {
    color: white;
    text-decoration: none;
  }

  .has-splash-banner .field-splash-banner .field-items .field-item a,
  .has-splash-banner .field-splash-banner .field-items .field-item img {
    width: 100%;
    display: block;
    position: static;
  }
  /* Homepage overrides */
  .front.has-splash-banner .splash-banner {
    padding-bottom: 0;
  }
  .front.has-splash-banner .field-splash-banner {
    margin-bottom: 0;
  }
  .front.has-splash-banner .field-splash-banner .slick-slider {
    background-color: #eee;
  }

  /* end styling for front page slick carousel */

  html.node-type-homepage #block-menu-menu-physio2u-links {
    -webkit-border-bottom-left-radius:   10px;
    -webkit-border-bottom-right-radius:  10px;
    -moz-border-radius-bottomleft:       10px;
    -moz-border-radius-bottomright:      10px;
    border-bottom-left-radius:           10px;
    border-bottom-right-radius:          10px;
    margin-bottom:20px;
  }

  html .node-type-homepage #block-physio2u #edit-distance-postal-code-wrapper input {
    width: 180px;
    max-width: 100%;
  }

  /*html .mobile.menu .menuparent>a, leanne remove*/
  html .mobile.menu .show_menu {
    background:url("../images/mobile/menu-arrow-down.png") center right no-repeat;
  }

  html .header>.mobile.menu>li>.menu>li:last-child a,
  html .header > .mobile.menu li a.show_menu {
    border-bottom:none;
  }
  /*html .mobile.menu .menuparent.over>a, leanne remove*/
  html .mobile.menu .hide_menu {
    background:url("../images/mobile/menu-arrow-up.png") center right no-repeat;
  }
  html .footer,
  html .footer-interactive,
  html>body>.body {
    width:98%;
    padding-left:1%;
    margin:0;
    float:none;
  }
  html>body>.body {
    width: 94%;
    padding-left: 3%;
  }
  /* extra margin on search results page - was previously mistakenly applied across all pages */
  html>body.page-search>.body {
    margin-top: 65px;
  }

  /* style discussion body of main post to fit with avatar now showing */
  html .view-panel-discussion-topic .field-body-value {
    margin: 10px;
  }

  /* add padding to first div in discussion post to create some space below avatar*/
  html .view-panel-discussion-topic .field-body-value div:first-child,
  html .view-panel-discussion-topic .field-body-value p:first-child {
    padding-top:50px;
    clear: both;
  }

  html h1 {
    font-size:1.7em;
    margin-top: 0.5em;
  }
  html .recent-news-subscribe,
  html .recent-news-view-all {
    clear: none;
  }
  html .recent-news-subscribe {
    display: none;
  }
  html .recent-news-view-all {
    border: none;
  }
  html .view-recent-news {
    font-size: 1em;
  }
  html .node-type-homepage .view-recent-news ul li {
    width: 100%;
    padding: 10px 0;
  }
  html .view-recent-news .field-intro-value {
    display: none;
  }
  html .node-type-homepage .view-recent-news ul li img,
  html .node-type-homepage .view-recent-news ul li div,
  html div.highlight-description-content,
  html div.highlight-description-content p,
  html div.share,
  html div.print,
  html div.bookmark,
  html div.totop,
  html div.share a,
  html div.print a,
  html div.bookmark a,
  html div.totop a,
  html div.bookmark span,
  html #block-search .form-button,
  html #search-form .form-button,
  html .main ul.primary li,
  html .socialButtons div {
    clear:none !important;
  }
  html body.page-search .main ul.primary li a {
    padding:14px 0.5em 13px 0.5em;
  }
  html .form-description {
    font-size:0.7em;
  }
  html .center-wrapper .panel-col-first .panel-pane {
    margin-bottom:0;
  }
  html .panel-col-first .listing-search-block form .form-button {
    clear:none;
    float:left;
  }

  html .pane-node-cats {
    border-top: none;
  }

  #user-login .item-list {
    position: relative;
    left: 0;
  }
  #user-login .item-list h2 {
    display: none;
  }

  html #block-block-5 {
    padding: 2em 1em;
    text-align: center;
  }
  html #block-block-5 .logos {
    float: none;
    padding: 0;
    width: auto;
  }
    html #block-block-5 .logos a {
      display: inline-block;
      margin: 0 5px 1em;
    }
    html #block-block-5 .logos img {
      float: left;
      clear: none;
    }

  html .pane-press-release-field-links {
    margin-bottom: 1em;
  }

  .mobile.menu .social-twitter,
  .mobile.menu .social-facebook {
    background: none;
  }

  html .home-main #block-menu-menu-social-links .menu {
    width: 100%;
  }

  h3.in-this-section {
    font-size: 1.0714em;
    text-transform: uppercase;
    padding: 10px 0 15px 0;
    margin: 0 0 1em 0;
    border-top: 3px solid #9595A5;
    border-bottom: 1px dotted #C8C8C8;
  }

  .backtotop {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.9em;
    padding: 15px 0;
  }
  .backtotop:before {
    display: inline-block;
    content: '\21e7';
    padding-right: 5px;

  }

  .footer-interactive #block-menu-menu-sitemap a {
    background: url(../images/icon_bullet.gif) 99% 50% no-repeat;
    padding-right: 16px;
  }

  div.view-Physio2u td {
    width: auto!important;
  }

  html body.node-type-practice .center-wrapper .pane-field-link {
    margin: 0 0 1em;
  }

  .mobile .field-highlight .field-item {
    max-width: 100%;
    width: auto;
  }

  .mobile .field-highlight .field-item .thumb {
    margin-right: .75em;
  }

  .mobile .field-highlight .field-item .description {
    clear: none;
    float: left;
  }

  html .view-author-info .field-avatar-fid {
    float: right;
    overflow: hidden;
  }

  html .view-author-info .name-1 {
    clear: none;
    float: left;
  }

  html #credits li {
    clear: none;
  }

  html .node-type-topic .panel-col-top .pane-node-links .links {
    padding: 20px 1em 0;
  }
  html .node-type-topic .panel-col-top .pane-node-links li {
    margin-bottom: 1em;
  }

  #block-block-44 a {
    display: inline-block;
  }

  div.view-network-content td a {
    display: block;
  }

  /* General styling for items which are shown / hidden when clicking the header links
  and appear above the other content */
  html>body>div.header #block-user,
  html>body>div.header #block-search,
  html>body>div.header #block-views-my-account-block-1,
  body>div.header ul.menu,
  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li > ul.menu,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li > ul.menu
    {
    background: none; /* clear any previous background styles e.g. on search */
    background-color: #e4e4e4;
    padding: 12px;
    width: 100%;
    overflow: hidden;
    position:absolute;
    top:58px;
    border-bottom: solid #ffb637 2px;
    box-shadow: 0px 3px 3px #999;
    -webkit-box-shadow: 0px 3px 3px #999;
    -moz-box-shadow: 0px 3px 3px #999;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index:20;
  }
  html>body.node-type-microsite>div.header #block-search,
  body.node-type-microsite>div.header ul.menu,
  html>body.node-type-microsite>div.header #block-views-my-account-block-1 {
    top: 88px;
  }

  body>div.header ul.menu {
    padding: 0; /* we don't want the padding for the menu */
  }

  /* search box styling for ticket 1476 */
  html>body>div.header #block-search {
    margin: 0;
    height: auto;
    display: none; /*initially hidden */
  }

  html>body>div.header #block-search form {
    width: 100%;
  }

  html>body>div.header #block-search .form-item {
    margin: 0;
    height: 35px;
    width: 85%;
    float: left;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
  }

  html>body>div.header #block-search .form-item .form-text {
    background-color:white;
    height: 35px;
    width:100%;
    max-width: 100%;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
  }

  html>body>div.header #block-search .form-button {
    display:block;
    width:15%;
    height: 35px;
    float: left;
    margin: 0;
  }

  html>body>div.header #block-search .form-button .form-submit {
    width:100%;
    height: 35px;
    background: none; /*reset any earlier stuff first */
    background-color: #2d304e;
    background-image: url('../images/mobile/search-white.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
  }

  /* Account block styling for ticket #1476 */
  html>body>div.header #block-views-my-account-block-1 {
    display: none; /* initially hidden */
  }

  html>body>div.header #block-views-my-account-block-1 h3 {
    display: none;
  }

  /* Edit your details, your networks */

  html>body>div.header #block-views-my-account-block-1 .field-first-names-value {
    font-weight: bold;
    width: 100%;
    display: block;
  }

  html>body>div.header #block-views-my-account-block-1 .uid,
  html>body>div.header #block-views-my-account-block-1 .nothing-1,
  html>body>div.header #block-views-my-account-block-1 .name {
    border: none;
    padding: 0;
    clear: none;
    margin: 12px 0;
  }

  /*Logout */
  html>body>div.header #block-views-my-account-block-1 .nothing a {
    background-color: #2d304e;
    width: 100%;
    display: block;
    clear: both;
    color: white;
    font-size: 1em;
    padding: 10px 0;
    margin: 12px 0 0 0;
    text-align: center;
  }

  html>body>div.header #block-views-my-account-block-1 .name label {
    font-size: 1em;
  }

  html>body>div.header #block-views-my-account-block-1 a {
    color: #555;
    text-decoration: underline;
  }

  html>body>div.header #block-views-my-account-block-1 .nothing a {
    color: white;
    text-decoration: none;
    font-size: 1em;
  }



  /* Login block styling for ticket #1476 */
  html>body>div.header #block-user {
    display: none; /* initially hidden */
  }

  html>body>div.header #block-user h3 {
    display: none;
  }

  html>body>div.header #block-user form {
    width: 100%;
  }

  html>body>div.header #block-user #edit-name-wrapper,
  html>body>div.header #block-user #edit-pass-wrapper {
    width: 100%;
    overflow: hidden;
    background-color: white;
    margin-bottom: 0;
    margin-right: 0;
    padding: 5px 0;
  }

  html>body>div.header #block-user #edit-name-wrapper {
    border-bottom: 1px solid #ccc;
  }

  html>body>div.header #block-user label[for="edit-name"],
  html>body>div.header #block-user label[for="edit-pass"] {
    background-repeat: no-repeat;
    background-position: center center;
    width: 10%;
    height: 25px;
    display: block;
    float: left;
    text-indent: -9999px;
  }

  html>body>div.header #block-user label[for="edit-name"] {
    background-image:url("../images/mobile/grey-person.png");
  }

  html>body>div.header #block-user label[for="edit-pass"] {
    background-image:url("../images/mobile/grey-lock.png");
  }

  html>body>div.header #block-user #edit-name,
  html>body>div.header #block-user #edit-pass {
    width: 90%;
    max-width: 90%;
    height: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-left: 1px solid #ccc;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
    font-weight: normal;
    background-color: white;
    padding-left: 12px;
  }

  html>body>div.header #block-user .form-required {
    display: none;
  }

  html>body>div.header #block-user .form-submit {
    background: none;
    background-color: #2d304e;
    width: 100%;
    color: white;
    text-indent: 0;
    font-size: 1em;
    padding: 20px 0;
    margin: 12px 0;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
  }

  html>body>div.header #block-user label[for="edit-persistent-login"] {
    font-weight: normal;
    line-height:1em;
    vertical-align: top;
  }

  html>body>div.header #block-user #edit-persistent-login {
    margin-right: 4px;
    margin-top:-1px; /* adjust by eye to line up with text */
  }


  html>body>div.header #block-user ul.item-list {
    margin-bottom: 0;
  }

  html>body>div.header #block-user ul.item-list li a{
    color: #555;
    text-decoration: underline;
  }

  /* menu styling for ticket #1476 */
  body>div.header ul.menu {
    display:none; /*initially hidden */
  }

  /* sitemap block styling for ticket #1476 */
  body>#block-menu-menu-sitemap.mobile-added  #slimmenu > ul.menu > li > ul.menu,
  body>#block-poormansmenu-og-menu.mobile-added  #slimmenu > ul.menu > li > ul.menu  {
    display: none; /* initially hidden */
  }

  body>#block-menu-menu-sitemap.mobile-added,
  body>#block-poormansmenu-og-menu.mobile-added {
    border-top: none;
    font-size: 1em;
  }

  #block-menu-menu-sitemap ul.menu li.active-trail-up-1 > a,
  #block-menu-menu-sitemap ul.menu li.active-trail-up-2 > a,
  #block-menu-menu-sitemap ul.menu li.active-trail-up-3 > a,
  #block-menu-menu-sitemap ul.menu li.active-trail-up-4 > a,
  #block-menu-menu-sitemap ul.menu li.active-trail-up-5 > a,
  #block-menu-menu-sitemap ul.menu li.active-trail-up-6 > a,
  #block-poormansmenu-og-menu ul.menu li.active-trail-up-1 > a {
    background: none; /* remove up arrow and any other predefined background stuff */
    text-transform: none; /* no upper case anywhere */
    font-size: 1em; /* always full size text */
   }


  body>#block-menu-menu-sitemap.mobile-added  #slimmenu > ul.menu > li,
  body>#block-poormansmenu-og-menu.mobile-added  #slimmenu > ul.menu > li {
    position: relative;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li > ul.menu,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li > ul.menu  {
    top: 40px; /* relative to body>#block-menu-menu-sitemap.mobile-added  #slimmenu > ul.menu > li */
    border-bottom: none; /* no gold bar at bottom of sitemap unlike other overlaid stuff */
    background-color: white;
    padding: 0;
    overflow: visible;
  }

  /* try different backgrounds for different menu hierarchies */

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail-up-2 > a {
    background-color: #e4e4e4;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail-up-3 > a {
    background-color: #d4d4d4;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail-up-4 > a {
    background-color: #c4c4c4;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail-up-5 > a {
    background-color: #b4b4b4;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail-up-6 > a {
    background-color: #a4a4a4;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li > a,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li > a {
    background-color: #2d304e; /* more specific selector overrides the background colour for the
    different hierarchies above as this must always be blue */
    color: white;
    height: 40px;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: bold;
    padding-left: 12px;
    border-bottom: none;
    line-height: 1.6em;
    text-transform: uppercase;
  }

  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu a.active {
    font-weight: bold;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li.active-trail-up-1,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li.active-trail-up-1 {
    padding: 0;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li > a#expand-sitemap,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li > a#expand-sitemap {
    width: 39px;
    height: 40px;
    text-indent: -9999px;
    background:url("../images/mobile/menu-arrow-down-white.png") center center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #2d304e;
    border-bottom: none;
    padding: 0;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li > a#expand-sitemap .expand-sitemap,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li > a#expand-sitemap .expand-sitemap {
    display: block;
    width: 39px;
    height: 36px;
    margin-top: 2px;
    border-left: 1px solid #999;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li > a#expand-sitemap.selected,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li > a#expand-sitemap.selected {
    background:url("../images/mobile/menu-arrow-up-white.png") center center no-repeat;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail > a.active,
  body>#block-poormansmenu-og-menu.mobile-added ul.menu li.active-trail > a.active {
    background-color: #fff;
    color: #555;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.active-trail-parent > a,
  body>#block-poormansmenu-og-menu.mobile-added ul.menu li.active-trail-parent > a {
    color: #2d304e;
    font-weight: bold;
    padding-left: 12px;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li a,
  body>#block-poormansmenu-og-menu.mobile-added ul.menu li a {
    border-bottom: 1px solid #ccc;
  }

  body>#block-menu-menu-sitemap.mobile-added ul.menu li.last a,
  body>#block-poormansmenu-og-menu.mobile-added ul.menu li.last a {
    border-bottom: none;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu ul.menu li.active-trail-up-2 > ul.menu {
    /* sorts the fact that the grey lines on links with a white background
    should not stretch all the way to the edge */
    padding-left:12px;
    padding-right:12px;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu ul.menu li.active-trail-up-2 > ul.menu a {
    padding-left: 0;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li.active-trail-up-1 > ul.menu,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li.active-trail-up-1 > ul.menu {
    /* same as above but for top level links */
    padding-left:12px;
    padding-right:12px;
  }

  body>#block-menu-menu-sitemap.mobile-added #slimmenu > ul.menu > li.active-trail-up-1 > ul.menu a,
  body>#block-poormansmenu-og-menu.mobile-added #slimmenu > ul.menu > li.active-trail-up-1 > ul.menu a {
    padding-left: 0;
  }

  /* hide the link to an iframe once you are logged in */
  html>body .view-display-id-block_5 {
    display: none;
  }

  /* mobile styling for search form at top of search results - mimic style of search field in search block */
  html>body div.main #search-form {
    background: none;
    width: 100%;
    padding: 12px;
    background-color: #e4e4e4;
    clear: both;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 59px;
    border-radius: 0;
    border: none;
  }

  html>body div.main #search-form .container-inline {
    width: 100%;
    overflow: hidden;
  }

  html>body div.main #search-form .form-item {
    margin: 0;
  }

  html>body div.main #search-form #edit-keys-wrapper input.form-text {
    margin: 0;
    height: 35px;
    width: 85%;
    max-width: 85%;
    float: left;
    background-color: white;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
  }

  html>body div.main #search-form .form-submit {
    display:block;
    width:15%;
    height: 35px;
    float: left;
    margin: 0;
  }

  html>body div.main #search-form .form-button .form-submit {
    width:100%;
    height: 35px;
    background: none; /*reset any earlier stuff first */
    background-color: #2d304e;
    background-image: url('../images/mobile/search-white.png');
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-appearance:none;
    -webkit-border-radius:0px;

  }

  html>body div.main #search-form .spelling-suggestions {
    top: 60px;
  }

  /* Network content: discussion table */
  .view-network-content table .last-comment-timestamp,
  .view-network-content table .nothing {
    display: none;
  }

  /* make discussions input fields full width (ticket 1476) */
    html>body #node-form input[type="text"],
    html>body #node-form select,
    html>body #node-form .form-item,
    html>body #node-form .form-text,
    html>body #node-form textarea {
      width: 95%;
      max-width: 95%;
    }

  /* add horizontal scroll to discussions table */
  html>body div.view-network-content.view-display-id-page_3 .view-content {
    overflow:auto;
  }
  html>body div.view-network-content.view-display-id-page_3 table {
    width: 100%;
  }

  /* Footer styling changes for ticket #1475 */
  html>body div.footer-interactive{
    border-top: none;
  }
  html>body div.footer {
    border-top: solid #ffb637 3px;
    border-bottom: none;
  }

  html>body div.footer #block-block-5 {
    margin-left: 12px;
    margin-right: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  html>body div.footer #block-block-5 a#tuc {
    padding-bottom: 5px;
  }

  html>body div.footer ul#credits {
    float: none;
    width: auto;
    max-width: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  html>body div.footer ul#credits li {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 0;
  }

  html>body div.footer ul#credits li.tbx a {
    background-position: center top;
    width: 100%;
  }

   html>body div.footer ul#credits li.tbx a:hover {
    background-position: center -15px;
  }

  /* Social icon changes for ticket 1475 */
  /* Show social links block header on home page at mobile */
  html>body .home-main #block-menu-menu-social-links h3 {
    display: block;
  }
  html>body #block-menu-menu-social-links {
    border-top: none;
    border-bottom: none;
    width: 100%;
    font-size: 1em;
    margin-bottom: 0;
  }
  html>body .home-main #block-menu-menu-social-links {
    margin-top: 12px;
  }


  html>body #block-menu-menu-social-links h3 {
    margin: 0 12px;
    text-align: center;
    color: #666;
    font-weight: normal;
    border-bottom: 1px solid #ccc;
    font-size: 0.85em;
  }

  html>body #block-menu-menu-social-links ul.menu {
    width: 75%;
    margin: 0 auto;
  }

  html>body #block-menu-menu-social-links ul.menu li,
  html>body .home-main #block-menu-menu-social-links ul.menu li {
    width: 33%;
    margin: 0;
    float: left;
    clear: none;
    list-style-type: none;
    list-style-image: none;
    border-bottom: none;
    text-align: center;
  }
  html>body .home-main #block-menu-menu-social-links ul.menu li {
    margin-bottom: 20px;
  }

  html>body #block-menu-menu-social-links ul.menu li a {
    text-indent: -9999px;
    margin: 0;
    background-position: center center;
    display: inline-block;
  }

  html>body #block-menu-menu-social-links ul.menu li.last a {
    text-align: left;
  }

  /* Hide tabs on physio2u results and events results for ticket #1475 */
  html>body.page-events ul.tabs.primary,
  html>body.page-physio2u ul.tabs.primary {
    display: none;
  }
  /* Tidy form on physio2u results page for ticket #1475 */
  html>body.page-physio2u #views-exposed-form-Physio2u-page-2 div.views-exposed-widget {
    float: left;
    width: 32%;
    clear: none;
  }

  html>body.page-physio2u #views-exposed-form-Physio2u-page-2 div.views-exposed-widget input {
    max-width: 100%;
    margin: 0;
  }

  html>body.page-physio2u #views-exposed-form-Physio2u-page-2 div.views-exposed-widget.views-submit-button {
    width: 21%;
  }

  /* Hide hours on physio2u results */
  html>body.page-physio2u div.view-id-Physio2u .view-header,
  html>body.page-physio2u div.view-id-Physio2u td.views-field-field-hours-value {
    display: none;
  }



  /*
  Events results - tidy up form. 1475 */
  html .events-search table {
    border: none;
  }

  html .events-search .views-exposed-form .filter-distance-class,
  html .events-search .views-exposed-form .filter-title-class,
  html .events-search .views-exposed-form .filter-date_filter-class,
  html .events-search .view-filters .views-exposed-form .views-exposed-widget {
    float: none;
    width: 90%;
    margin: 0 auto;
    clear: both;
    padding-right: 0;
  }

  html .events-search .views-exposed-form .filter-distance-class input,
  html .events-search .views-exposed-form .filter-title-class input,
  .view-Events #edit-distance-postal-code {
    max-width: 100%;
    width: 100%;
  }

  html .events-search .views-exposed-form .filter-distance-class .form-item,
  html .events-search .views-exposed-form .filter-title-class .form-item {
    margin: 0;
  }

  html .events-search .views-exposed-form .date-clear-block {
    width: 50%;
    margin: 0;
    float: left;
    clear: none;
  }

  html .events-search .views-exposed-form .date-clear-block select {
    margin-bottom: 0.5em;
  }

  /* Events results:
  Take bold off result titles.
  Remove grey background (make similar to Physio2u results). #1475 */
  html .events-search table tr.premium {
    font-weight: normal;
    background-color: white;
  }

  html .events-search table tr.premium td {
    border: none;
    padding-top: 12px;
  }
  html .events-search.view-display-id-page_2 table tbody tr {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  html .events-search.view-display-id-page_2 table tbody tr td {
    min-height: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  /* Follow style for physio2u results above for events results */
  html .events-search.view-display-id-page_2 table,
  html .events-search.view-display-id-page_2 thead,
  html .events-search.view-display-id-page_2 tbody,
  html .events-search.view-display-id-page_2 th,
  html .events-search.view-display-id-page_2 td,
  html .events-search.view-display-id-page_2 tr {
    display: block;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  html .events-search.view-display-id-page_2 thead tr,
  html .events-search.view-display-id-page_2 tr.premium-header {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  html .events-search.view-display-id-page_2 td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 30%;
  }

  html .events-search.view-display-id-page_2 td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 4px;
    left: 6px;
    width: 25%;
    padding-right: 10px;
    white-space: nowrap;
  }

  /* consider redoing this with js so that it takes the title head which would allow this to work on any table not just physio2u */
  html .events-search.view-display-id-page_2 td:nth-of-type(1):before { content: "Event"; }
  html .events-search.view-display-id-page_2 td:nth-of-type(2):before { content: "Distance"; font-size: 1.2em; }
  html .events-search.view-display-id-page_2 td:nth-of-type(3):before { content: "Date"; font-size: 1.2em; }
  html .events-search.view-display-id-page_2 td:nth-of-type(4):before { content: "Town/city"; font-size: 1.2em; }

  html .events-search .views-widget .container-inline-date {
    width: 100%;
  }

  .events-search .container-inline-date * {
    clear: none;
    float: left;
  }

  /* Event template - Move 'where and when' block to above event summary (done in js)
  The line below removes a negative margin which was hiding the website link after the block was moved */
  html body.node-type-paid-advert .panel-display .center-wrapper .panel-col-last {
    margin-top: 0;
  }

  /* Add a bit more margin above the summary now the when where is above it */
  html body.node-type-paid-advert .panel-display .center-wrapper .panel-col-first {
    margin-top: 2em;
  }

  /* Article info on news template - tidy for #1475 */
  html body.node-type-news .panel-col-last {
    margin-top: 12px;
  }

  html body.node-type-news .panel-col-last .view-author-info {
    margin: 12px 0 0 0;
  }

  html body.node-type-news .panel-col-last .view-author-info .field-avatar-fid {
    float: left;
  }

  html body.node-type-news .panel-col-last .view-author-info .name-1 {
    margin-left: 12px;
  }

  /* Collapsible fieldset controls - Change from + / - to up and down arrows. 1475 */
  html.js fieldset.collapsible legend a {
    background-image:url("../images/mobile/menu-arrow-up.png");
    background-position: 2px 50%;
  }

  html.js fieldset.collapsed legend a {
    background-image:url("../images/mobile/menu-arrow-down.png");
  }

  /*  Frontline contents page tidying - Float title, description and comment number to right of thumbnail where it exists. 1475 */
  html body .pane-journal-articles .field-thumbnail-fid {
    max-width: 45%;
    clear: none;
  }

  html body .pane-journal-articles .title,
  html body .pane-journal-articles .field-intro-value,
  html body .pane-journal-articles .field-intro-value p,
  html body .pane-journal-articles .comment-count {
    float: none;
    clear: none;
  }

  /*  Comments styling - Float username and submission date to right of avatar. Run comment full width below both. */
  html body .comment,
  html body.node-type-topic .view-panel-discussion-topic {
    position: relative;
  }
  html body .comment .container {
    clear: both;
    margin-left: 19px; /* match img margin */
    margin-top: 52px; /* spacing below image */
  }
  html body .comment .container span {
    position: absolute;
    top: 20px; /* match top padding */
    left: 80px; /* match image width + margin */
  }
  html body .comment .container span.reply {
    position: relative;
    top: auto;
    left: auto;
  }

  /* similar styling for disussion topics - initial post */
  html body.node-type-topic .created {
    position: absolute;
    top: 0;
    left: 80px; /* match image width + margin */
    margin: 0;
  }

  /* position comment count nicely for discussion posts - below avatar */
  html body.node-type-topic .view-panel-discussion-topic .comment-count {
    position: absolute;
    top: 54px;
    left: 19px; /* match margin-left on avatar*/
    margin: 0;
  }

  /* Override comment styling for 'flag as inappropriate' on discussions */
  html body .comment .container span.flag-wrapper,
  html body .comment .container li.flag-abuse_comment span {
    position: relative;
    left: auto;
    top: auto;
  }

  html body .pane-node-comments .indented {
    margin-left: 0px;
  }

  /* Section listing grid layout Eg Conditions section - Can we run this as two columns of highlights with the text field under the thumbnail? 1475 */
  .section-listing-four-col .field-highlight .field-item {
    clear: none;
    width: 40%;
  }

  .section-listing-four-col .field-highlight .field-item-odd {
    clear: both;
  }

  /* Publications list - Can the title float alongside the thumbnail?  1475*/
  html body .view-publications .title-1,
  html body .field-publication-date-value,
  html body .field-summary-value,
  html body .field-body-value,
  html body .field-body-value p {
    clear: none;
  }

  /* Publications page tidying - Tidying around the cover image 1475 */
  html body.node-type-publication .pane-field-cover {
    margin: 12px 0;
  }

  /* Tidy user page - Tidy widths and text styling.*/
  html body.page-user h1 img {
    max-width: 45%;
    margin-bottom: 12px;
  }

  html body.page-user h1 span {
    display: block;
    clear: both;
  }

  html body.page-user h1 {
    border-bottom: none;
    margin-bottom: 12px;
    padding: 0;
  }

  .page-user .profile {
    margin-top: 0;
  }

  .profile .group-details h2 {
    margin-top: 0;
  }

  /* Account page -Place username details alongside avatar and put 'privacy details' link somewhere suitable. 1475 */

  html body.page-account .view-my-account.view-display-id-block_2 {
    /* allows privacy link to show below image */
    position: relative;
    padding-bottom: 30px;
  }

  html body.page-account .view-my-account .field-first-names-value,
  html body.page-account .view-my-account .field-membership-number-value {
    clear: none;
  }

  html body.page-account .view-my-account div.view-header div {
    float:left !important; /*override inline style for privacy link */
    position: absolute;
    bottom: 0px; /* this is safe because the avatar is scaled and cropped to 40 x 40 */
  }

  /* Tidy contact form field widths (and webform field widths) - 1475 */
  html body.page-about-csp-contact-us-contact-form input[type="text"],
  html body.page-about-csp-contact-us-contact-csp-contact-us input[type="text"],
  html body.node-type-webform input[type="text"],
  html body.page-about-csp-contact-us-contact-form textarea,
  html body.page-about-csp-contact-us-contact-csp-contact-us textarea,
  html body.node-type-webform textarea,
  html body.page-about-csp-contact-us-contact-form input[type="email"],
  html body.page-about-csp-contact-us-contact-csp-contact-us input[type="email"],
  html body.node-type-webform input[type="email"],
  html body.page-about-csp-contact-us-contact-form .resizable-textarea,
  html body.page-about-csp-contact-us-contact-csp-contact-us .resizable-textarea,
  html body.node-type-webform .resizable-textarea {
    width: 100%;
    max-width:100%;
  }


  /* Change form button style all over the place */
  input.form-button,
  #node-form #edit-submit,
  #node-form #edit-delete,
  #comment-form .form-button #edit-submit,
  .node-type-topic .pane-content li.comment_add a,
  #comment-form .form-button #edit-submit,
  #comment-form .form-button #edit-attachment-button,
  .button-action-large,
  .button-action-large.right {
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: none;
    width:90%;
    height: auto;
    background: none; /* reset any earlier stuff first */
    background-color: #2d304e;
    color: white;
    -webkit-appearance:none;
    -webkit-border-radius:0px;
    text-align: center;
    padding: 10px;
    font-size: 1em;
    margin: 12px auto;
    text-indent: 0;
    line-height: 1em;
  }

  li.comment_add,
  #comment-form .form-button {
    width: 100%; /* necessary for buttons to be full width */
  }

  #comment-form .form-button #edit-submit,
  #comment-form .form-button #edit-attachment-button {
    height: 35px;
  }

  #comment-form .form-attach-button {
    display: none;
  }

  #node-form #edit-delete {
    background-color: #8b1e28;
  }

  a.button-action.practice-directions-link {
    width: 250px;
    margin-left: 0; /* line up with map above (override mobile button style) */
  }

  html .center-wrapper .panel-col-first .listing-search-block.panel-pane {
    margin-bottom: 40px;
  }

  .panel-col-first .listing-search-block form input.form-submit {
    font-size: 1em;
    max-width: none;
    background-color: #666;
    color: #fff;
    padding: 6px;
    border: none;
    margin-top: -11px;
  }

  /* Ensure correct display of home page elements */
  html .node-type-homepage #block-physio2u {
    padding-right: 20px;
  }
  html .node-type-homepage #block-menu-menu-physio2u-links h3,
  html .node-type-homepage #block-menu-menu-for-doctors h3 {
    background: none;
    padding-bottom: 0;
  }
  html .node-type-homepage .features-3 .map {
    opacity: 0.1;
    bottom: 10px;
    right: 10px;
  }
  html .node-type-homepage #block-menu-menu-physio2u-links,
  html .node-type-homepage #block-menu-menu-for-doctors {
    border-bottom: 1px solid #ccc;
  }

  /* add a physio2u practice */
  .action-node-add fieldset legend {
    margin: 0;
  }

  /* practice logo */
  .pane-field-practice-logo {
    margin: 2.5em 0;
  }

  /* Right floated images */
  .ibimage_float_right {
    float: left;
    width: 45%;
  }

  /* Professional networks list */
  .view-groups-list .column {
    width: 100%;
  }

  div.pull-standout {
    width: 100% !important;
    float: left !important;
    box-sizing: border-box;
    margin-left: 0;
    margin-right: 0;
  }

  /*listing-item is a class that can be added via the wysiwyg */
  .listing-item .ibimage_float_right {
    margin-left: 0px;
  }
  .listing-item .ibimage_float_left {
    margin-right: 0px;
  }

  .features-4 .node-homepage .field-highlight-list-heading h2 {
    padding: 0.666em 20px;
  }

  .not-front .footer-interactive {
    margin-top: 10px;
  }

  .multicolumn-options-column {
    width: 100% !important;
  }
  .form-radios label,
  .form-checkboxes label {
    font-size: 1em;
  }
  .og-bulk-subscribe-form .form-option {
    padding: 0 .75em 0;
    height: 2em;
  }
  .og-bulk-subscribe-form .form-option input[type="checkbox"] {
    margin: 3px 0.5ex;
  }
  div.field-intro {
    padding-bottom: 0;
  }
  .region-map ul.links {
    background-image: none;
    height: auto;
    width: auto;
    margin-bottom: 2em;
  }
  .region-map ul.links li {
    display: block;
    padding: 1em 0.5em;
  }
  .region-map ul.links li a {
    position: relative;
    text-indent: 0;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
  }
  .region-map .east-of-england a:hover {
    background-image: none;
  }
  .node-type-publication .field-subtitle {
    margin-bottom: 1em;
  }
  .page-node.section--adapt .pane-field-documents {
    margin-top: 2.7em;
  }
  #group-add-links {
    margin-left: 0;
  }
  #group-add-links li {
    list-style-type: none;
    border-bottom: 1px dotted #ccc;
    padding: 0.5em;
  }
  #group-add-links a {
    display: block;
  }

  /* Mobile microsite styles */
  html>body.microsite>div.header #site-name a img.mobile-added {
    display: none;
  }
  html>body.microsite>div.header #site-name a {
    background-color: transparent;
  }
  html>body.microsite>div.header #site-name a {
    height: 90px;
  }
  body.microsite div.header {
    background-size: 100%;
  }
  body.microsite .field-splash,
  body.node-type-microsite .field-intro {
    display: none;
  }
  body.microsite .view-microsite-content {
    width: 100%;
    margin: 0;
  }
  body.microsite #group-actions {
    border-top: none;
  }
  body.microsite #group-actions #group-actions-title {
    font-size: inherit;
    padding: 0;
  }
  body.microsite #group-actions #group-actions-title h2 {
    font-size: 1em;
    margin: 0;
    padding: 0;
  }
  body.microsite #group-actions-other .members a,
  body.microsite #block-csp-join-join-button a  {
    display: block;
    width: 100%;
  }
  body.microsite .body .left .block {
    font-size: 1em;
    padding-bottom: 15px;
  }
  body.microsite .left .block h3,
  body.microsite .right .block h3 {
    font-size: 1.000001em;
    margin-bottom: 15px;
  }
  .view-microsite-content .row a {
    display: block;
  }
  body.microsite #block-csp-join-join-button h3 {
    display: none;
  }
  body.microsite #block-csp-join-join-button {
    padding-top: 15px;
    font-weight: bold;
  }
}

@media screen and (max-width: 400px), screen and (max-device-width: 400px) {
  /*div.view-network-content.view-display-id-page_3 th,
  div.view-network-content.view-display-id-page_3 td {
    display: block;
  }*/

  html .account-highlights .row,
  html .pane-block.col {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .mobile .account-highlights {
    margin-left: 0;
  }

  .mobile .account-highlights .row {
    padding-left: .5em;
    padding-right: .5em;
  }

  .mobile .account-highlights .row .heading,
  .mobile .account-highlights .row .description {
    clear: none;
  }
  body.microsite div.header {
    background-size: 120%;
  }
  html>body.microsite>div.header #site-name a,
  html>body.microsite .header>a.mobile-added.icon {
    height: 60px;
  }
  html>body.node-type-microsite>div.header #block-search,
  body.node-type-microsite>div.header ul.menu,
  html>body.node-type-microsite>div.header #block-views-my-account-block-1 {
    top: 58px;
  }

}