/*************************
/ Core Resets
/************************/

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/sourcesanspro/v4/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
  }
  
  @font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot);
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(../fonts/sourcesanspro/v4/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
  }
  
  
  html,
  *
  {
      padding: 0;
      margin: 0;
      border: 0;
  }
  
  body
  {
      font-size: 11pt;
      font-family: 'Open Sans','Montserrat',Helvetica Neue,Arial,sans-serif;
      color:#363636;
      background: #abbbcb;
  }
  
  h1, h2, h3, h4, h5
  {
      font-family: 'Open Sans','Montserrat',Helvetica Neue,Arial,sans-serif;
  }
  
  /* For modern browsers */
  .cf:before,
  .cf:after {
      content:"";
      display:table;
  }
  
  .cf:after {
      clear:both;
  }
  
  /* For IE 6/7 (trigger hasLayout) */
  .cf {
      zoom:1;
  }
  
  
  .user-markup-content-container
  {
      line-height:1.4;
  }
  
  .user-markup-content-container p
  {
      margin-bottom:1em;
  }
  
  .user-markup-content-container h2 {
          color: #F15B40;
  }
  
  ul, ol
  {
      margin:0;
      padding:0;
  }
  
  li
  {
      list-style:none;
  }
  
  select
  {
      padding:1px;
      border:1px solid #cccccc;
  }
  
  
  
  
  
  
  /*************************
  / Custom Theme Elements
  /************************/
  
  body
  {
  }
  
  .website-page.presenter-page #ctl00_ContentMain_presenterEventsList a,
  .website-page.presenter-page #ctl00_ContentMain_presenterEventsList a:link,
  .website-page.presenter-page #ctl00_ContentMain_presenterEventsList a:visited,
  .website-page.presenter-page #ctl00_ContentMain_presenterEventsList a:hover,
  .website-page.checkout-page .registration-attendee-controls a,
  .website-page.checkout-page .registration-attendee-controls a:link,
  .website-page.checkout-page .registration-attendee-controls a:visited,
  .website-page.checkout-page .registration-attendee-controls a:hover,
  .website-page.checkout-page .add-course-link-container a,
  .website-page.checkout-page .add-course-link-container a:link,
  .website-page.checkout-page .add-course-link-container a:visited,
  .website-page.checkout-page .add-course-link-container a:hover {
  color:#004E41;
  }
  
  add-course-link-container
  
  
  a, a:link, a:visited, a:hover {
      color: #000000;
  }
  a, a:link, a:visited {
      text-decoration: none;
  }
  
  a:hover {
      text-decoration:underline;
  }
  
  h1
  {
      color: #ed1d24;
      font-size:2.5em;
      font-weight:bold;
      margin-bottom:0.5em;
      margin-top:0.5em;
  }
  
  #website-page-wrapper .course-item-page .course-schedule .schedule-table .scheduled-course-row td a,
  #website-page-wrapper .course-item-page-20 .schedule-container .schedule li .details a,
  #website-page-wrapper .course-item-page-20 .schedule-container .schedule li .register .details-container a,
  #website-page-wrapper .course-item-page-20 .schedule-content a.show-more, #website-page-wrapper .feature-box span.boxtext a {
      color: #004E41;
  }
  
  
  #website-page-wrapper .course-item-page-20 .schedule-container .schedule li .register .places-left-text
  {
      color:#ff0000;
      font-style:italic;
      margin-top:0.2em;
      display:block;
  }
  
  #main-content h1
  {
      letter-spacing:-0.04em;
  }
  
  h2
  {
      margin-top:1em;
      font-size:1.5em;
      margin-bottom:0.5em;
      color: #ed1d24;
  }
  
  h3
  {
      margin-top:1em;
      font-size:1.3em;
      font-weight:bold;
      margin-bottom:0.5em;
      color: #ed1d24;
  }
  
  h4 {
      font-size:1.2em;
      margin-top:1em;
      margin-bottom:0.5em;
      color: #ed1d24;
  }
  
  em {
    font-style: italic;
  }
  
  
  #page-wrapper
  {
      width: 1100px;
      margin: 0 auto;
      position: relative;
      /*box-shadow: 0px 0px 10px 0px #bdbdbd;*/
  }
  
  #content  { position: relative; }
  
  /*****************************************
   * Header
   ****************************************/
  #header {
      position:relative;
      background-color:white;
  }
  
  #header .brand {
      position:absolute;
      z-index:10000;
      margin: 0 15px;
  }
  
      #header .brand img,
      #header .brand .content
      {
          float: left;
      }
  
      #header .brand img
      {
          margin-right:1em;
      }
  
      #header .brand .content
      {
          margin-top: 0.2em;
      }
  
      #header .brand h1
      {
          margin: 0pt;
          letter-spacing: -1.1pt;
          font-size: 1.9em;
          padding-bottom:2px;
      }
          #header .brand h1 a:link,
          #header .brand h1 a:visited,
          #header .brand h1 a:hover
          {
              color:#104b1c;
              text-decoration:none;
          }
  
  
  
      #header .brand .orgs
      {
          border-top: 3px solid #efc326;
      padding-top:7px;
          color:#104b1c;
          font-size: 0.9em;
      }
          #header .brand .orgs em
          {
              font-weight: bold;
          font-style:normal;
          }
  
  
  
  #header #logo img {
      border: none;
  }
  
  .logo-holder {
      margin-left: 30px;
  }
  
  
  /*****************************************
   * Header > Comed Banner
   ****************************************/
  #comed-banner
  {
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      padding: 0;
      color: #959595;
      padding-top: 11px;
      padding-left: 50px;
      display: none;
  }
  
      #comed-banner > span
      {
          display: none;
      }
  
      #comed-banner label
      {
          margin-left:10px;
      }
  
      #comed-banner span
      {
          font-weight: bold;
          padding-top: 2px;
          position: absolute;
          right: 10px;
      }
  
  /*****************************************
   * Header > Main Nav Menu
   ****************************************/
  
  #navigation {
    background-color: #23485c;
    height: 100px;
}
  
  .site-title {
    color: white !important;
  }
  
  .site-title:hover {
    color: white !important;
    text-decoration: none;
  }

  .site-title-img {
      width: 272px;
  }
  
  #navigation .title {
      float: left;
      color: white;
      text-align: left;
      font-size: 14px;
      font-weight: 300;
      margin: 0px;
  }
  
  #navigation ul.menu
  {
      margin-left: 30px;
      list-style-type: none;
      font-family: 'Montserrat',Helvetica Neue,Arial,sans-serif;
      font-weight: 600;
      font-size: 13px;
      float: left;
      display: block;
      height: 100px;
  }
  
      #navigation ul.menu li
      {
          float: left;
      }
  
  .catid-47 #page-wrapper #navigation ul.menu li.courses, /* Force 'All Courses' tab unselected */
  .catid-46 #page-wrapper  #navigation ul.menu li.courses, /* Force 'All Courses' tab unselected */
  .ls-category-onslow-newlands-college-courses #page-wrapper  #navigation ul.menu li.courses, /* Force 'All Courses' tab unselected */
  .ls-category-wellington-high-courses #page-wrapper #navigation ul.menu li.courses, /* Force 'All Courses' tab unselected */
  #navigation ul.menu li
  {
      overflow:hidden;
  }
  
  
  .default-page #navigation ul.menu li.home,
  .catalogue-page #navigation ul.menu li.courses,
  .catid-47 #navigation ul.menu li.courses-onslow,
  .catid-46 #navigation ul.menu li.courses-whs,
  .ls-category-onslow-newlands-college-courses #navigation ul.menu li.courses-onslow,
  .ls-category-wellington-high-courses #navigation ul.menu li.courses-whs,
  .whatson-page #navigation ul.menu li.calendar,
  .venues-page #navigation ul.menu li.venues,
  .aboutus-page #navigation ul.menu li.about,
  .findacourse-page #navigation ul.menu li.tutoring
   {
      /* background-color:#549396; */
      /* border-color:#FFFFFF; */
      text-shadow:1px 1px 2px #606060;
  }
  
  #navigation ul.menu li:hover,
  #navigation ul.menu li.first:hover,
  #navigation ul.menu li.last:hover
  {
      /* background-color: #B28F2F !important; */
      /* border-color:#F7D774 !important; */
      /* text-shadow:1px 1px 2px #606060 !important; */
  }
  
  #navigation ul.menu li {
}
  
  
  
  #navigation ul.menu li.first {
  }
  
  #navigation ul.menu li.last {
  }
  
  #navigation ul.menu li a
  {
      display: block;
      overflow: hidden;
      vertical-align:middle;
      color:#FFFFFF;
      padding: 7px 1px 10px 61px;
      text-decoration:none;
      font-family: 'Bitter';
      text-transform: uppercase;
      width: 102px;
      font-weight: 300;
      font-size: 18px;
      word-break: break-word;
  }
  
  #navigation .search {
    float: right;
    display: block;
    z-index: 1;
    height: 100px;
  }

  #navigation .search-holder {
    height: 25px;
    margin: 26px 15px 0px 0px;
  }
  
  #navigation .title a:hover {
    color: white !important;
  }
  
  #navigation .subscribe-holder {
    margin: 10px 15px 0px 0px;
  }

  #navigation .subscribe-button {
    position: relative;
    float: right;
  }

  #navigation .social-icons-top {
    position: relative;
    float: right;
    margin: -6px 0px 0px 0px;
  }

  .navigation-menu {
    width: 492px;
    height: 100px;
    float: left;
    padding: 17px 0px 0px 0px;
  }
  
  
  /*****************************************
   * Header > Banner
   ****************************************/
  #cec-banner {
      position: relative;
      padding: 15px 30px 0px;
      border-width: 0 8px;
      background-color:white;
      display: none;
  }
  
  #cec-banner .inner
  {
      position:relative;
      border: 5px solid #EFEFEF;
      box-shadow: 0px 0px 12px 4px #A9A9A9;
  }
  
  #cec-banner .inner-top
  {
      position:relative;
      border: 5px solid #EFEFEF;
      box-shadow: 0px 0px 12px 4px #A9A9A9;
      height: 345px;
  }
  
  
  
  #banner {
      position: relative;
      padding: 0px;
      border-width: 0 8px;
      background-color:white;
  }
  
  #banner .inner
  {
      position:relative;
      border: 5px solid #EFEFEF;
      box-shadow: 0px 0px 12px 4px #A9A9A9;
  }
  
  #banner .inner-top
  {
      position:relative;
      height: 472px;
  }
  
  
  
  
  .borderradius.boxshadow.cssgradients #banner .website-link-button
  {
      padding: 0.5em;
      padding-right:1em;
      padding-left:1em;
  }
  
  #banner-images
  {
      position:absolute;
      width: 100%;
      height: 100%;
      overflow:hidden;
  }
  
  #banner-1 {
      display:block;
      background: url(../images/banner1.jpg) no-repeat;
  }
  #banner-2 {
      background: url(../images/banner2.jpg) no-repeat;
  }
  
  #banner-3 {
      background: url(../images/banner3.jpg) no-repeat;
  }
  
  #banner-4 {
      background: url(../images/banner4.jpg) no-repeat;
  }
  
  #banner-5 {
      background: url(../images/banner5.jpg) no-repeat;
  }
  
  #banner-6 {
      background: url(../images/banner6.jpg) no-repeat;
  }
  
  #banner .banner-image {
      width: 1100px !important;
      height: 475px !important;
      position:absolute;
      top:0;
      left: 0;
      background-size: contain;
  }
  
  #banner .banner-image em {
      color: #FFF;
      font-size: 2em;
      font-family: 'Roboto Slab';
      font-weight: 800;
      font-style: italic;
      text-shadow: 0px 1px 7px #000;
      position: absolute;
      bottom: 48px;
      left: 49px;
      letter-spacing: 2px;
  }
  
  #banner .banner-nav-button {
      height: 25px;
      width: 61px;
      float: left;
  }
  
  .banner-top {
  }
  
  #banner-nav {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 25px;
      width: 122px;
      z-index: 100000000;
      display: none;
  }
  
  #banner-nav #banner-next {
      background: url(../images/banner-nav.png) no-repeat top right;
  }
  
  #banner-nav #banner-next:hover {
      background-position: right -25px;
  }
  
  #banner-nav #banner-prev {
      background: url(../images/banner-nav.png) no-repeat top left;
  }
  
  #banner-nav #banner-prev:hover {
      background-position: left -25px;
  }
  
  #banner-search-text
  {
      width: 259px;
      overflow:hidden;
      height: 132px;
      background-color:#F15B40;
      color:#ffffff;
      float: left;
  }
  
  #banner-search-text .content-inner
  {
      padding:2em;
      padding-right:1em;
      font-family: 'Source Sans Pro', 'Helvetica','Helvetica Neue',Arial,sans-serif;
  }
  
  #banner-search-text h3 {
      font-size: 1.75em;
      font-weight:bold;
      margin: 0;
      margin-bottom:1em;
      color:#ffffff;
      font-family: 'Roboto Slab';
  }
  
  #banner-search-text p
  {
      font-size:1.2em;
      line-height:1.3;
  }
  
  #banner-search-image-holder
  {
  
  width: 650px;
  
  float: left;
  
  border-right: 5px solid #EFEFEF;
  
  height: 132px;
  }
  
  #banner-search-image-holder img
  {
  width: 100%;}
  
  /***********
   * User Menu
   **********/
  
  #header .status
  {
      position: absolute;
      top: 1.5em;
      right: 30px;
      -moz-border-radius: 3px;
      -webkit-border-radius:3px;
      border-radius: 3px;
  }
  
  #header .username
  {
      position: absolute;
      top: 4px;
      right: 30px;
      font-size:0.8em;
      color:#666666;
  }
  
  
  #header .status .username
  {
      clear: both;
      text-align: right;
      padding-top: 3px;
  }
  
  #header .status li
  {
      list-style-type: none;
      float:left;
      border: solid #6C5813 1px;
      background-color: #B28F2F;
      margin-left: 1px;
  }
  
  #header .status li .link
  {
      display:block;
  }
  
  #header .status li a
  {
      display:block;
      line-height:1;
      padding-left: 1.5em;
      padding-right: 1.5em;
      padding-top:1em;
      padding-bottom:0.8em;
      font-size: 0.8em;
      font-weight: 700;
      text-transform: uppercase;
      color: #FFF;
      /*border-right:1px solid #F8D767;*/
      /*border-left:1px solid #DEB31F;*/
  }
  
  #header .status li a:hover
  {
      background-color:#F2D05A;
  }
  
  #header .status li.first
  {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
  }
  
  #header .status li.first a
  {
      border-left:none;
  }
  
  #header .status li:last-child
  {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
  }
  
  #header .status li.last a
  {
      border-right:none;
  }
  
  #header .status a:hover
  {
      text-decoration: none;
  }
  
  #header .status .last a
  {
  }
  
  #header .status .last a:hover
  {
      background-position: left -29px;
  }
  
    .notification-bar {
        background-color: RED;
        color: #FFF;
    }
      
    .notification-holder {      
        padding: 0px 10px 0px 20px;
    }

    .notification-holder > a,
    .notification-holder > p {
        line-height: 35px;
        text-decoration: none;
        font-size: 14px;
        font-weight: normal;
        padding: 0;
        margin: 0 !important;
    }
  
  
  /*****************************************
   * Content
   ****************************************/
  
  #main-container {
      border-width: 0 8px;
      border-bottom-width: 8px;
      background-color:white;
      min-height: 457px;
  }
  
  /* Left Bar */
  #left-bar-content {
      float:left;
      width: 283px;
      margin:0;
      padding:0;
      margin-left: 31px;
      margin-top: 25px;
      margin-bottom: 25px;
      display: none;
  }
  
  .item-border {
      border: 5px solid #EFEFEF;
      box-shadow: 0px 0px 12px 4px #A9A9A9;
  }
  
  
  .checkout-page #left-bar-content { display: none; }
  
  #left-bar-content .ls-view-all { display:none ; }
  
  #left-bar-content li.item {
      background: url(../images/left_sidebar_dots.jpg) top center repeat-y;
      background-size: cover;
      position: relative;
      background-color: #D6D6D6;
      padding-bottom: 14px;
      border: 1px solid #B5B5B5;
  }
  
  
  #left-bar-content li.item .item-content {
      padding-left: 12px;
      padding-right: 12px;
  }
  
  #left-bar-content li.item .item-content .footer-link
  {
      text-align:center;
      margin-top:0.8em;
  }
  
  #left-bar-content li.item .bottom {
      /*background: url(../images/left-bg_bottom.jpg) top center no-repeat;*/
      height: 35px;
  }
  
  #left-bar-content li.item h3 {
      height: 1.3em;
      padding-top: 0.4em;
      padding-left: 0.75em;
      padding-bottom: 0.4em;
      font-size: 16pt;
      margin:0;
      border-bottom: 1px solid #B5B5B5;
  }
  
  .ie6 #left-bar-content li.item h3,
  .ie7 #left-bar-content li.item h3
  {
      position:relative;
      left:-8px;
  }
  
  #left-bar-content li.item h3.yellow {
      color: #003366
  }
  
  #left-bar-content li.item ul {
      list-style-type: none;
  }
  
  #left-bar-content li.item ul li a {
      padding: 8px 0 8px 0;
      padding-left: 21px;
      background: url(../images/red_bullet.png) left 12px no-repeat;
      background-size: 9px;
      display: block;
      width: 200px;
      color: #000;
      font-weight: 600;
      font-size: 13px;
  }
  
  #left-bar-content li.item ul li a:hover {
      background: url(../images/red_bullet.png) left 11px no-repeat;
      background-size: 10px;
      text-decoration: none;
      color: #666;
  }
  
  #left-bar-content .ls-categories {
      margin:8px 0px;
  }
  
  #left-bar-content .ls-categories .ls-selected a {
      /* color: #E2B004; */
      /* background-image: url("../images/arrow_yellow.jpg"); */
  }
  
  #left-bar-content li.item .item-content .brochure-download-link,
  #left-bar-content li.item .item-content .content-link
  {
      display:block;
      margin-top:1em;
      cursor:pointer;
      *display:inline;
      *zoom:1;
  }
  
  #left-bar-content li.item .item-content a.brochure-download-link:link,
  #left-bar-content li.item .item-content a.brochure-download-link:hover
  {
      text-decoration:none;
  }
  
  #left-bar-content li.item .item-content .brochure-download-link span
  {
      display:inline-block;
      *display:inline;
      *zoom:1;
      width:94px;
      margin-left:5px;
      vertical-align:top;
      font-size:1.1em;
  }
  
  #left-bar-content li.item .item-content .content-link.hard-copy
  {
      padding-left: 25px;
      background: url(../images/icon-book.png) left top no-repeat;
      display: block;
      line-height: 20px;
  }
  
  #left-bar-content li.item .item-content .content-link.question
  {
      padding-left: 25px;
      background: url(../images/icon-question.png) left top no-repeat;
      display: block;
      line-height: 20px;
  }
  
  
  #main-content
  {
      float:left;
      width: 96%;
      /*overflow:hidden;*/
      padding-left:20px;
      overflow: visible;
      padding-bottom: 15px;
  }
  
  
  
  #website-page-wrapper
  {
      line-height:1.4;
  }
  
  
  
  /*************************
  / Footer
  /************************/
  #footer
  {
      font-size:0.9em;
      text-align:center;
      width: 1100px;
      margin: 0 auto;
      color: #FFF !important;
      height: 271px;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: #abbbcb;
  }
  
  #footer a {
    color: #FFF;
    text-decoration: none;
  }
  
  #footer, #footer .footer-bottom a:link
  {
    color: #000;
    text-decoration: none;
  }
  
  #footer ul
  {
      margin-bottom:0.5em;
      display:inline-block;
      *display:inline;
      *zoom:1;
  }
  #footer ul li
  {
      display: inline-flex;
      *
      display:inline;
      *
      zoom:1;
  }
  
  .footer-title {
    float: left;
    margin-left: 10px;
  }
  
  .footer-top {
    height: 78px;
    background-color: #23485c;
  }
  
  .footer-top-right{
      float: right;
      margin-top: 18px;
      margin-right: 20px;
  }
  
  .footer-top-left{
      float: left;
      margin-top: 21px;
      margin-left: 5px;
  }
  
  .footer-social-media-icon {
      display: block;
      float: right;
  }
  
  .footer-social-media-icon img {
      width: 39px;
      padding-right: 6px;
  }

  .footer-img {
      width: 100%;
  }
  
  .Sub-Menu a {
    font-family: 'Bitter';
    text-transform: uppercase;
    font-weight: 300;
    font-size: 18px;
    word-break: break-word;
    padding: 0px 36px;
    display: block;
    text-align: left;
  }
  
  .footer-bottom {
    text-align: left;
    width: 100%;
    color: #000;
    margin: 12px auto;
    font-size: 16px;
    font-weight: 600;
  }
  
  .footer-bottom p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    margin: 12px 0;
  }
  
  
  .footer-col {
      float: left;
  }

  .footer-col > p {
    padding: 0px 0px 0px 90px;
}
  
  .f-header {
      color: #000;
      font-size: 20px;
      margin-bottom: -10px !important;
      font-family: "bitter";
  }
  
  #footer, #footer .footer-bottom a {
    color: #000;
  }
  
  
  
  /*************************
  / Homepage
  /************************/
  
  
  .default-page #main-content h1:first-of-type
  {
      display:none;
  }
  
  
  .default-page #main-content #website-page-wrapper h1
  {
      display:block;
  }
  
  .default-page .columns-2up .column
  {
      width:50%;
      display:inline-block;
      *display:inline;
      *zoom:1;
      vertical-align:top;
  }
  
  .default-page #latest-news
  {
      border-top:1px solid #bbbbbb;
  }
  
  .default-page p
  {
      margin-bottom:1.1em;
  }
  
  .default-page #website-page-wrapper h2:first-of-type
  {
      font-size: 22px;
  }
  .default-page #website-page-wrapper h2
  {
      margin-bottom:0.75em;
  }
  
  .default-page .features *
  {
      box-sizing: border-box;
      -moz-box-sizing: border-box;
  }
  
  .default-page #box-1 .boxheading {
      color: #4BB4C5;
      text-align: center;
      font-size: 24px;
  }
  
  .default-page #box-2 .boxheading {
      text-align: center;
      font-size: 25px;
      color: #4BB4C5;
  }
  
  .default-page .feature-box-title {
      margin: 0 auto;
      height: 90px;
      display: block;
  }
  
  /*
  .default-page #box-3 .boxheading {
      background-image:url(../images/box_header_3.png);
      background-repeat:none;
      background-size:cover;
  }
  */
  
  /*
  .default-page #box-4 .boxheading {
      background-image:url(../images/box_header_4.png);
      background-repeat:none;
      background-size:cover;
  }
  */

  .default-page #box-1 {
    margin-right: 16px;
  }
  
  .default-page #box-1,
  .default-page #box-3,
  .default-page #box-2
  {
    width: 520px;
    overflow: visible;
    height: 220px;
    border: #77A7BB 2px solid;
  }
  
  .default-page #box-4
  {
      width: 48%;
      overflow: visible;
  }
  
  .default-page #box-1 .content,
  .default-page #box-3 .content
  {
  }
  
  
  .default-page .feature-box
  {
      overflow:hidden;
      float: left;
  }
  
  .default-page #box-3 .content
  {
      -moz-border-radius: 6px;
      -webkit-border-radius:6px;
      border-radius: 6px;
      border:3px solid #F15B40;
  }
  
  .default-page #box-4 .content
  {
      -moz-border-radius: 6px;
      -webkit-border-radius:6px;
      border-radius: 6px;
      border:3px solid #F15B40;
  }
  
  .default-page .feature-box:hover
  {
      text-decoration:none;
  }
  
  .default-page #box-1 .boxtext
  {
  }
  
  .default-page #box-2 .boxtext
  {
  }
  
  .default-page .feature-box h3
  {
      margin:0;
      padding: 0.25em;
      font-size:1.4em;
      font-weight:bold;
      /* color:#1C5D53; */
  }
  
  .website-quote {
      display:block;
      overflow:hidden;
      padding:11px;
      color: #852983 !important;
      /* border-top:1px solid #E3F1EF; */
      font-family: 'Bitter';
      font-style: italic;
      font-size: 25px;
      text-align: center;
  }
  
  .website-quote p:nth-child(2) {
    font-size: 20px !important;
    font-style: normal !important;
    margin-top: -10px !important;
  }
  
  .website-news, .website-featured {
    display: block;
    overflow: hidden;
    padding: 0px 0px 0px 33px;
    color: #4a4a4a !important;
    /* border-top: 1px solid #E3F1EF; */
    font-size: 17px;
    width: 475px;
  }
  
  .website-news p, .website-featured p{
      color: #4a4a4a;
      padding-top: 22px;
  }
  
      #website-page-wrapper .default-page .feature-box .boxtext img
      {
          margin:0.75em;
      }
  
  #website-page-wrapper .default-page .feature-box .boxtext a:link,
  #website-page-wrapper .default-page .feature-box .boxtext a:hover,
  #website-page-wrapper .default-page .feature-box .boxtext a:visited
  {
      color:#1C5D53;
  }
  
  
  
  /*************************
  / Common Theme Elements
  /************************/
  
  
  
  
  
  
  
  /*** Error box ***/
  .error-box
  {
      border: 1px solid #FF8888;
      background-color:#FFF0F0;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius: 5px;
      margin: 0 auto 2em;
      padding: 1em;
      width: 66%;
  }
  
  .error-box .error-heading
  {
      font-weight:bold;
      margin-bottom:0.5em;
  }
  
  
  
  /*** Logged in status controls ***/
  .status-controls
  {
      position:relative;
  }
  .status-controls .inner
  {
      font-size:0.8em;
      top:0.5em;
      position:absolute;
      right:1em;
      width:100%;
      text-align:right;
  }
  .status-controls .inner *
  {
      display:inline;
  }
  .status-controls .inner > div {
      margin-left:1em;
  }
  .management-edit-link-container
  {
      position: relative;
  }
  .management-edit-link-container a
  {
      position: absolute;
      right: 0;
      top: -3em;
  }
  
  
  /*************************
  / Fields
  /************************/
  .clear-link-ct
  {
      display:none;
  }
  
  fieldset,
  .order-form-inner-container
  {
      padding:1em;
      background-color: #F1F1F1;
      border-bottom: 4px solid #DDDDDD;
      border-top: 4px solid #DDDDDD;
  }
  
  .field,
  .address-control-container > div
  {
      margin-bottom:0.5em;
  }
  
  .field.last
  {
      margin-bottom:0;
  }
  
  .field label.error
  {
      display:block;
      color:Red;
  }
  
  .field-required
  {
      color:Red;
  }
  
  .field .pretext-container
  {
      margin-bottom:0.5em;
  }
  
  .field-input-container
  {
      display: inline-block;
      vertical-align:top;
  }
  
  .field-input-container.check-container
  {
      width:350px;
  }
  
  .field-input-container span.radio
  {
      margin-right:1em;
  }
  
  .field-input-container span.radio input
  {
      margin-right:0.3em;
  }
  
  .ie6 .field-input-container span.radio input,
  .ie7 .field-input-container span.radio input
  {
      margin-right:0em;
  }
  
  .ie6 .field-input-container,
  .ie7 .field-input-container
  {
      display: inline;
      zoom:1;
  }
  
  .field .field-label,
  .field > label,
  label.field-description
  {
      display: inline-block;
      margin-right: 0.7em;
      width:11em;
      text-align: right;
      vertical-align:top;
  }
  
  .ie6 .field .field-label,
  .ie7 .field .field-label,
  .ie6 .field > label,
  .ie7 .field > label,
  .ie6 label.field-description,
  .ie7 label.field-description
  {
      display: inline;
      zoom:1;
  }
  
  .field .textbox-input
  {
      width:20em;
      border:1px solid #cccccc;
      padding:4px;
      display:inline-block;
      font-family: 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size: 1em;
  }
  
  .field .textbox-input.short-input
  {
      width:12em;
  }
  .field select
  {
      padding:2px;
      border:1px solid #cccccc;
  }
  
  .field .check-container label
  {
      margin-left:0.4em;
  }
  
  .ie6 .field .check-container label,
  .ie7 .field .check-container label
  {
      margin-left:0;
  
  }
  
  .radio input
  {
      background-color:transparent;
  }
  
  .personal-address-form > .field > label
  {
      display:none;
  }
  
  .address-control-container .secondary-label
  {
      width:2.85em;
  }
  
  .form-caption
  {
      margin-top:1em;
  }
  
  .field .help-container {
      width: 400px;
      color: #666;
  }
  
  
  
  /*************************
  / Upcoming Events list
  /************************/
  .whatson-page #website-page-wrapper h2
  {
      line-height: normal;
      margin: 0.75em 0 0;
      padding: 0.3em 0.6em;
      color:#ffffff;
      background-color: #009FDF;
      font-weight:bold;
      /* border-radius: 5px; */
      /* -webkit-border-radius: 5px; */
      font-size: 1.3em;
      font-weight: bold;
      font-family: 'bitter';
      text-transform: uppercase;
  }
  
  .ie7 .whatson-page #website-page-wrapper h2
  {
      padding:0.25em;
  }
  
  .whatson-page #website-page-wrapper .item
  {
      padding:1.2em;
      border-bottom:1px solid #D7D7D7;
  }
  
  .whatson-page #website-page-wrapper h3
  {
      margin-top:0;
  }
  
  .whatson-page #website-page-wrapper h4
  {
      display:none;
  }
  .whatson-page .course-start-date p,
  .whatson-page .schedule-venue p,
  .whatson-page .course-price p
  {
      font-size:0.9em;
      font-weight:bold;
  }
  .whatson-page .course-duration,
  .whatson-page .course-description
  {
      display:none;
  }
  
  .whatson-page .favourites-button-container
  {
      display:none;
  }
  
  .whatson-page .course-info
  {
      position:relative;
  }
  
  .whatson-page .course-price {
      position: absolute;
      right: 0;
      text-align: right;
      top: 0;
      width: 15em;
  }
  .whatson-page .group2
  {
      text-align:right;
  }
  
  .whatson-page .course-summary
  {
      margin-top:1em;
      display: inline-block;
      width: 70%;
      text-align:left;
  }
  
  .ie6 .whatson-page .course-summary,
  .ie7 .whatson-page .course-summary
  {
      display: inline;
      zoom:1;
  }
  .whatson-page .course-controls
  {
      display: inline-block;
      width: 30%;
      vertical-align:bottom;
      margin-left: -0.4em;
      text-align:right;
  }
  .ie6 .whatson-page .course-controls,
  .ie7 .whatson-page .course-controls
  {
      display: inline;
      zoom:1;
      margin-left: 0;
  }
  
  .whatson-page .registration-button-container
  {
      text-align:right;
  }
  
  .whatson-page .location select
  {
      margin-left:0.5em;
  }
  
  .whatson-page .pager-wrapper {
      margin-top: 1em;
  }
  
  .whatson-page .pager-wrapper ul {
      display: inline;
      list-style: none;
      margin: 0;
      padding: 0;
  }
  
  .whatson-page .pager-wrapper li {
      display: inline;
      margin: 0;
      padding: 0;
  }
  
  .whatson-page .pager-wrapper .page-tag {
      display: inline;
      padding: 0 5px;
  }
  
  .whatson-page .pager-wrapper .pager {
      display: inline;
      padding: 0 3px 0 3px;
      margin: 0;
  }
  
  .whatson-page .pager-wrapper a.previous-pager {
      padding: 0 10px 0 0;
      margin: 0;
  }
  
  .whatson-page .pager-wrapper a.next-pager {
      padding: 0 0 0 10px;
      margin: 0;
  }
  
  .whatson-page .filters {
      padding-bottom: 0.5em;
      padding-top: 1em;
  }
  
  /*************************
  / Course/Event page
  /************************/
  .evt-page p.summary
  {
      margin-bottom:2em;
  }
  
  
  .evt-page .course-schedule
  {
      margin-top:1em;
      margin-bottom:2em;
  }
  
  .evt-page .schedule-loading
  {
      display:none;
      width: 100%;
      height:7em;
  }
  
  .evt-page .loader
  {
      vertical-align: middle;
  }
  
  .evt-page .loading
  {
      font-size: 1.25em;
      vertical-align:middle;
      text-align:center;
      line-height:6em;
  }
  
  .evt-page .schedule-controls .schedule-control
  {
      display: inline-block;
  }
  
  .ie6 .evt-page .schedule-controls .schedule-control,
  .ie7 .evt-page .schedule-controls .schedule-control
  {
      display: inline;
      zoom:1;
  }
  
  .evt-page .schedule-controls .timezone-control select
  {
      width: 270px;
  }
  
  .evt-page .schedule-controls .location-control select
  {
      width: 190px;
  }
  
  .evt-page .schedule-control-column-one
  {
      width: 45%;
      vertical-align:top;
  }
  .evt-page .schedule-control-column-two
  {
       width: 55%;
       vertical-align:top;
       text-align:right;
       *margin-right:-1px;
  }
  
  
  .evt-page .schedule-control > *
  {
      vertical-align:middle;
  }
  
  .evt-page .schedule-controls label
  {
      margin-right:0.4em;
  }
  
  .evt-page .schedule .empty-schedule
  {
      padding:1em;
      margin-top:0.7em;
      text-align:center;
      background-color:#F3F3F3;
  }
  
  .evt-page .schedule ul li
  {
      margin-top: 0.7em;
      padding: 0.7em;
      list-style-type:none;
      background-color:#FDF8E7;
      border-left: 0.75em solid #EEBC0C;
   }
  
  .evt-page .schedule-container .column
  {
      display: inline-block;
      vertical-align: top;
  
  }
  
  .ie6 .evt-page .schedule-container .column,
  .ie7 .evt-page .schedule-container .column
  {
      display: inline;
      zoom:1;
  }
  
  .evt-page .schedule .column-one
  {
      width:9%;
  }
  
  
  .evt-page .schedule .column-two
  {
      width: 70%;
  }
  
  .evt-page .schedule .column-three
  {
      width:21%;
      text-align:center;
      *margin-right:-1px;
  }
  
  
  .evt-page .schedule-container-no-register .column-three
  {
      display:none;
  }
  
  .evt-page .schedule .description
  {
      font-weight: bold;
  }
  
  
  .evt-page .schedule .datetime
  {
      text-align: center;
      width: 2.75em;
      background-color:#FFFFFF;
  }
  
  .evt-page .schedule .datetime span
  {
      display: block;
  }
  
  
  .evt-page .schedule .day
  {
      border-color: #004E41;
      border-style: solid;
      border-width: 0 1px 1px;
      color: #444444;
      font-family: 'Source Sans Pro','Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size: 16pt;
      font-weight: bold;
      line-height: 21pt;
  }
  
  .evt-page .schedule .day
  {
      font-size:1.4em;
      line-height:1.4em;
  }
  
  .evt-page .schedule .location
  {
      display:inline;
  }
  
  
  .evt-page .schedule .location
  {
      margin-right:0.75em;
  }
  
  .evt-page .schedule .month
  {
      font-size:0.8em;
      background-color: #004E41;
      color: #FFFFFF;
  }
  
  .evt-page .schedule
  {
      margin-bottom:0.5em;
  }
  
  .ie6 .evt-page .show-more,
  .ie7 .evt-page .show-more
  {
      display:inline;
      zoom:1;
  }
  
  .evt-page .schedule-footer .column
  {
      width:50%;
  }
  
  .evt-page .schedule-footer .column-right
  {
      text-align:right;
  }
  
  
  
  .evt-page .schedule-content .show-more
  {
      padding-left: 2em;
      position: relative;
      vertical-align: middle;
      display: inline-block;
      *display:inline;
      *zoom:1;
  }
  
  .evt-page .schedule-content .show-more
  {
      margin-right: 2em;
  }
  
  
  .evt-page .schedule-content .show-more-box {
      background-color: #F2C72C;
      color: #FFFFFF;
      display: block;
      *display:inline;
      *zoom:1;
      position: absolute;
      left: 0;
      top: 0.05em;
      height: 1.3em;
      line-height: 1;
      text-align: center;
      vertical-align: middle;
      width: 1.4em;
  }
  
  .evt-page .schedule-content .show-more-box span {
      line-height: 1em;
      position: relative;
      top: 0.12em;
      margin-top:-0.05em;
      display:block;
  }
  
  .evt-page .schedule-content a .show-more-box span,
  .evt-page .schedule-content a:hover .show-more-box span,
  .evt-page .schedule-content a:link .show-more-box span,
  .evt-page .schedule-content a:visited .show-more-box span
  {
      text-decoration:none !important;
  }
  
  
  .evt-page #website-page-wrapper h2
  {
      border-bottom: 1px dotted #AAAAAA;
      padding-bottom:0.2em;
  }
  
  .evt-page .course-descriptive-info-list .course-descriptive-info-item .return-to-top
  {
      float:right;
      margin-right:1em;
  }
  
  
  /*************************
  / Register page (single page signup)
  /************************/
  
  .register-page .register-for-details
  {
      background-color: #F1F1F1;
      color: #990000;
      padding: 1em;
  }
  
  .register-page .register-for-details h3
  {
      margin:0;
      color: #990000;
  }
  
  .register-page .submit-container
  {
      margin-top:1.5em;
  }
  
  
  /*************************
  / Registered page (signup success page)
  /************************/
  
  .registered-page .course-name
  {
      font-weight:bold;
  }
  
  .registered-page p
  {
      margin-bottom:1.25em;
  }
  .registered-page ul
  {
      margin-top:2em;
  }
  
  .registered-page li
  {
      margin-bottom:0.5em;
  }
  
  
  
  
  
  /*************************
  / Checkout pages
  /************************/
  
  /*** Wizard steps (header) ***/
  
  .wizard-step
  {
      background:url(../images/cart-steps.png) no-repeat scroll 0 0 transparent;
      list-style:none;
      display:inline-block;
      height:24px;
      padding:0 0 0 30px;
      padding-right:20px;
  }
  
  .ie6 .wizard-step,
  .ie7 .wizard-step
  {
      display:inline;
      zoom:1;
  }
  
  .wizard-step .step-label
  {
      display:block;
      margin-top:3px;
  }
  
  .wizard-step .divider
  {
      display:none;
  }
  
  
  .wizard-steps-container
  {
      border-bottom:0.3em solid #CCCCCC;
      margin-bottom:1.5em;
      padding-bottom:1em;
  }
  
  .wizard-steps-container .label
  {
      display:none;
  }
  
  .wizard-step0 { background-position:left -25px; }
  .wizard-step1 { background-position:left -75px; }
  .wizard-step2 { background-position:left -125px; }
  .wizard-step3 { background-position:left -175px; }
  .wizard-step4 { background-position:left -225px; }
  .wizard-step0-current { background-position:left 0px; }
  .wizard-step1-current { background-position:left -50px; }
  .wizard-step2-current { background-position:left -100px; }
  .wizard-step3-current { background-position:left -150px; }
  .wizard-step4-current { background-position:left -200px; }
  .wizard-step-current { color: #F2C72C; }
  
  .checkout-page #website-page-wrapper h2
  {
      margin-top:0;
  }
  
  /*** Common checkout page styles ***/
  .checkout-page .checkout-step
  {
      margin-bottom:2em;
  }
  
  /*** Shopping Cart/Registrations ***/
  .checkout-page .shopping-cart
  {
      margin-top:1.25em;
  }
  
  .checkout-page .checkout-registrations-step h2 {
      display: none;
  }
  .checkout-page .shopping-cart-registration {
      position: relative;
  }
  
  .checkout-page .shopping-cart-items {
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius: 5px;
      border: 1px solid #EAEAEA;
      padding: 6px;
  }
  
  .checkout-page .shopping-cart fieldset
  {
      border:none;
      background-color:#F3F3F3;
  }
  
  .checkout-page .shopping-cart h3 {
      background-color: #B28F2F;
      color:White;
      margin:0;
      padding: 8px 0 8px 15px;
      text-shadow:1px 1px rgba(0,0,0,0.3);
      font-family: 'Helvetica','Helvetica Neue',Arial,sans-serif;
  }
  .checkout-page .registration-info {
      padding-bottom: 10px;
      padding-left: 15px;
      padding-top: 10px;
      background-color:#F3F3F3;
  }
  
  .checkout-page .registration-info *
  {
      font-size:1em;
      margin:0;
  }
  
  .checkout-page .info-item
  {
      margin-bottom:0.5em;
  }
  
  .checkout-page .info-item *
  {
      display:inline-block;
  }
  
  .ie6 .checkout-page .info-item *,
  .ie7 .checkout-page .info-item *
  {
      display:inline;
      zoom:1;
  }
  
  .checkout-page .info-item h4 {
      width:7em;
      font-family: 'Helvetica','Helvetica Neue',Arial,sans-serif;
  }
  
  .ie6 .checkout-page .info-item h4,
  .ie7 .checkout-page .info-item h4
  {
      display:inline;
      zoom:1;
  }
  
  .checkout-page .attendee-header-row {
      background-color: #595959;
      color: #FFFFFF;
      padding: 8px 15px 8px 15px;
      width: inherit;
  }
  .checkout-page .attendee-heading
  {
      display:inline-block;
      width:70%;
      vertical-align:top;
  }
  
  .ie6 .checkout-page .attendee-heading,
  .ie7 .checkout-page .attendee-heading
  {
      display:inline;
      zoom:1;
  }
  
  .checkout-page .attendee-remove-cell
  {
      display:inline-block;
      width:29%;
      text-align:right;
      vertical-align:top;
  }
  
  .ie6 .checkout-page .attendee-remove-cell,
  .ie7 .checkout-page .attendee-remove-cell
  {
      display:inline;
      zoom:1;
  }
  
  .checkout-page .remove-attendee-link {
      border-bottom: 1px dashed #FFFFFF;
      color: #FFFFFF;
  }
  .checkout-page .remove-attendee-link:hover,
  .checkout-page .registration-controls a:hover {
      border-bottom-style: solid;
      text-decoration: none;
  }
  .checkout-page .registration-controls {
      right: 16px;
      top: 8px;
      position:absolute;
  }
  .checkout-page .registration-controls a {
      border-bottom: 1px dashed #FFFFFF;
      color:#ffffff;
  }
  
  
  .checkout-page .registration-attendee-controls
  {
      background-color:#F3F3F3;
      padding:8px;
      padding-left:15px;
  }
  
  .checkout-page .add-course-link-container
  {
      margin-top:1.5em;
  }
  
  .checkout-page .previous-button
  {
      float:left;
  }
  
  .ie7 .checkout-page .previous-button
  {
      float:none;
  }
  
  
  
  
  /*** Order Details ***/
  
  .checkout-page .order fieldset {
      padding:0;
      border:none;
      background-color:transparent;
  }
  
  .checkout-page .order-form-inner-container
  {
      margin-bottom:1.25em;
  }
  
  .checkout-page .field-bill-to .type-radio label
  {
      margin-right:2em;
  }
  
  .checkout-page .field-terms-conditions > label,
  .checkout-page .field-terms-conditions > a
  {
      display: inline;
      margin: 0;
      vertical-align: bottom;
      width:auto;
  }
  
  .checkout-page .field-terms-conditions label.error
  {
      width:auto;
      display:block;
  }
  
  .checkout-page .field-payment-type label
  {
      margin-top:0.2em;
  }
  .checkout-page .field-payment-type select
  {
      width:15em;
  }
  
  
  
  /*** Order Review ***/
  .checkout-page #website-page-wrapper .checkout-review-step h4
  {
      margin-top:1em;
      margin-bottom:0.5em;
  }
  
  .checkout-page .order-details-container
  {
      margin-bottom:2em;
  }
  
  .events-checkout-page .terms-conditions
  {
      margin-top:1em;
  }
  
  .checkout-page .terms-conditions-content
  {
      font-size:0.8em;
      margin-top:2em;
      margin-bottom:2em;
      padding:1em;
      padding-left:0;
      padding-right:0;
      border-top:1px dotted #999999;
      border-bottom:1px dotted #999999;
  }
  .checkout-page .terms-conditions-content h2,
  .checkout-page .terms-conditions-content h3,
  .checkout-page .terms-conditions-content h4
  {
      margin-top:1em;
      margin-bottom:0.5em;
  }
  
  .checkout-page .order-lines-table
  {
      width:100%;
  }
  
  .checkout-page .order-lines-table th,
  .checkout-page .order-lines-table td
  {
      padding-top: 0.7em;
      padding-bottom: 0.7em;
  }
  
  .checkout-page .order-lines-table th
  {
      font-weight: bold;
  }
  .checkout-page .amount-cell
  {
      text-align: right;
      vertical-align:top;
  }
  
  .checkout-page .order-subtotal-row td
  {
      padding-top: 1.7em;
  }
  
  .checkout-page .order-lines-row td
  {
      border-bottom-width:1px;
      border-bottom-style: solid;
      border-top-width:1px;
      border-top-style: solid;
      border-color:#BBBBBB;
  }
  
  .checkout-page .order-lines-table td.description-cell {
      white-space:nowrap;
  }
  
  .checkout-page .order-lines-table .line-registrant
  {
      font-style:italic;
  }
  
  .checkout-page .order-lines-table .line-discounts,
  .checkout-page .order-lines-table .line-base-price
  {
      font-size:90%;
  }
  
  .checkout-page .order-lines-table .line-discounts
  {
      margin-top:0.4em;
  }
  
  
  .checkout-page .order-lines-table .order-total-row td.description-cell,
  .checkout-page .order-lines-table .order-total-row td.amount-cell
  {
      font-weight: bold;
      border-top-style: double;
      border-top-width: 3px;
      border-color:#BBBBBB;
  }
  
  #website-page-wrapper .checkout-review-step .payment-instructions
  {
      margin-top:2em;
      font-weight:bold;
  }
  
  
  #website-page-wrapper .payment-instructions p,
  #website-page-wrapper .payment-instructions .payment-info
  {
      margin-top:1em;
  }
  #website-page-wrapper .payment-instructions em
  {
      color: #e36c0a;
  }
  #website-page-wrapper .payment-instructions .payment-info label,
  #website-page-wrapper .payment-instructions .payment-info span.value
  {
      vertical-align: top;
      /*margin-left:9.5em;*/
      display: -moz-inline-stack;
      display: inline-block;
      zoom: 1;
      *display: inline;
  }
  
  #website-page-wrapper .payment-instructions .payment-info label
  {
      width: 8em;
  }
  
  
  
  
  
  /*************************
  / Catalogue list
  /************************/
  
  .catalogue-page p
  {
      /* margin-bottom:1.5em; */
  }
  
  .catalogue-page .header-container .current-category
  {
      display:none;
  }
  
  .catalogue-page .catalogue-category-with-sub-categories .catalogue-category-current
  {
      display: none;
  }
  
  .catalogue-page #website-page-wrapper h3
  {
      padding:4px;
      color:#ffffff;
      background-color: #009FDF;
      font-weight:bold;
      /* border-radius: 5px; */
      /* -webkit-border-radius: 5px; */
  }
  .catalogue-page #website-page-wrapper h3 span
  {
      display:block;
      padding: 0.15em 0.4em;
      font-family: 'bitter';
      font-weight: 300;
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
  }
  
  .catalogue-page .current-category-header p {
    color: #333333 !important;
    font-size: 14px !important;
  }
  
  .catalogue-page table
  {
      width:100%;
  }
  .catalogue-page .catalogue-category
  {
      margin-bottom:2em;
  }
  
  .catalogue-page .catalogue-content .catalogue-category-current h3 {
      display: none;
  }
  
  .catalogue-page .catalogue-category-list
  {
      margin-bottom:0;
  }
  
  .catalogue-page .course-name-cell,
  .catalogue-page .course-name-column
  {
      width:50%;
  }
  .catalogue-page .course-duration-cell,
  .catalogue-page .course-duration-column {
      width:20%;
  }
  .catalogue-page .course-price-cell,
  .catalogue-page .course-price-column,
  .catalogue-page .course-nextrunning-cell,
  .catalogue-page .course-nextrunning-column {
      width:15%;
  }
  
  .catalogue-page td
  {
      padding:0.5em;
      border-bottom: 1px solid #4c4c4c;
  }
  
  .catalogue-page .header-table
  {
      font-weight:bold;
  }
  
  .catalogue-page .header-row small {
  display:block;
  }
  
  .catalogue-page .ls-loading .ls-spinner {
  height:16px;
  width:16px;
  background-image:url(../images/spinner.gif);
  background-repeat:no-repeat;
  }
  
  
  .catalogue-page .catalogue-content table tr.course-row:hover
  {
      background-color: #fdf8e7;
  }
  
  .catalogue-page .pager > span > span,
  .catalogue-page .pager a
  {
      display: inline-block;
      *display:inline;
      *zoom:1;
      padding: 1em;
  }
  
  .catalogue-page .pager > span
  {
      display: inline-block;
      *display:inline;
      *zoom:1;
  }
  
  .catalogue-page .pager .pager-link-previous,
  .catalogue-page .pager .pager-link-next
  {
      font-weight: bold;
  }
  
  
  .catalogue-page .pager
  {
      text-align: center;
  }
  
  
  
  .catalogue-page .category-quick-links {
  }
  
  /*************************
  / Venues list
  /************************/
  
  .venues-page p a:visited
  {
      text-decoration:none;
  }
  
  .venues-page #website-page-wrapper h3
  {
      margin-top:0.5em;
      margin-bottom:0;
      margin-right:1em;
      font-size:1em;
  }
  
  .venues-page .info-item *
  {
      display:inline;
  }
  
  .venues-page .venue-item {
      border-bottom: 1px dotted #D8D8D8;
      padding: 1em;
      padding-left:0;
      padding-right:0;
  }
  
  .venues-page .details
  {
      display:inline-block;
      width:80%;
      vertical-align:top;
  }
  .venues-page .physical-address h3
  {
      display:none;
  }
  .venues-page .details li
  {
      margin-top:0.5em;
  }
  .venues-page .map-image
  {
      display:none;
      width:39%;
      vertical-align:top;
      text-align:right;
  }
  .venues-page .header {
      margin-bottom: 0.5em;
      padding-bottom: 0.4em;
      position: relative;
  }
  .venues-page .header .controls {
      position: absolute;
      right: 0;
      top: 0.2em;
  }
  .venues-page #website-page-wrapper .header h2 {
      display: inline;
      margin: 0;
      padding: 0;
  }
  .venues-page .infoItem {
      margin-bottom: 0.75em;
  }
  
  
  
  
  /*************************
  / Password reset
  /************************/
  .events .control-heading
  {
      width: 30em;
      margin: 0 auto;
      margin-bottom:2em;
      text-align:center;
  }
  
  .events .reset-control
  {
      width: 26em;
      margin: 0 auto;
      margin-bottom:4em;
      padding:1.5em;
      padding-bottom:1em;
      border:1px solid #D8D8D8;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius: 5px;
  }
  .events .reset-control .reset-field
  {
      margin-bottom:1em;
  }
  
  .events .reset-control .reset-field label
  {
      display:inline-block;
      width:4.5em;
  }
  
  .events .reset-control .reset-field input
  {
      padding:3px;
      border:1px solid #D8D8D8;
      width:25.4em;
  }
  
  .events .reset-control .buttons
  {
      text-align:center;
  }
  
  
  .password-reset-page .links
  {
      margin-top:4em;
  }
  
  
  
  
  /*************************
  / Register Interest page
  /************************/
  
  .register-interest-page .submit-container
  {
      margin-top:1.5em;
  }
  
  
  /**************
   * About Us   *
   **************/
  
  .aboutus-page #website-page-wrapper p
  {
      margin-bottom: 1em;
  }
  
  .aboutus-page #website-page-wrapper p.contact-details strong
  {
      display: inline-block;
      *display: inline;
      *zoom: 1;
  }
  
  .aboutus-page #website-page-wrapper li
  {
      margin-bottom: 1em;
  }
  
  
  
  
  /*************************
  / Login/Reset/Activate
  /************************/
  .website-page .login,
  .password-reset-page .reset-control,
  .activate-page .activate-control
  {
      width: 22.5em;
      margin: 0 auto;
      padding:1.5em;
      padding-bottom:1em;
      border:1px solid #bbbbbb;
      background-color:#f2f2f2;
      -moz-border-radius: 5px;
      -webkit-border-radius:5px;
      border-radius: 5px;
  }
  
  .password-reset-page .reset-control
  {
      margin-top: 2em;
      width: 24em;
  }
  
  .activate-page .activate-control
  {
      margin-top: 2em;
      width: 29em;
  }
  
  .website-page .login .heading
  {
      display:none;
  }
  
  .website-page .login .login-field,
  .password-reset-page .reset-control .reset-field,
  .activate-page .activate-control .activate-field
  {
      margin-bottom:0.5em;
  }
  
  .website-page .login .login-field label,
  .password-reset-page .reset-control .reset-field labell
  {
      display:inline-block;
      width:6.5em;
  }
  
  .activate-page .activate-control .activate-field label
  {
      display:inline-block;
      width:11em;
  }
  
  .website-page .login .buttons,
  .password-reset-page .reset-control .buttons,
  .activate-page .activate-control .buttons
  {
      margin-top: 1em;
      text-align:right;
  }
  
  .website-page .login .login-field input,
  .password-reset-page .reset-control .reset-field input,
  .activate-page .activate-control .activate-field input
  {
      padding:3px;
      border:1px solid #999;
      width:15em;
  }
  
  .website-page .login .forgot-link-container,
  .website-page .login .remember-me
  {
      margin-top:.3em;
  }
  .website-page .login .forgot-link-container *,
  .website-page .login .remember-me *
  {
      font-size:0.9em;
  }
  .website-page .login .remember-me label
  {
      margin-left:.5em;
  }
  .website-page .login .remember-me *
  {
      vertical-align: middle;
  }
  
  
  
  /*************************
  / Buttons
  /************************/
  
  .website-button,
  .website-link-button,
  .website-link-button:link,
  .website-link-button:visited
  {
      display: inline-block;*
      display:inline;*
      zoom:1;
      color: #ffffff;
      cursor:pointer;
      font-family: 'Source Sans Pro','Helvetica','Helvetica Neue',Arial,sans-serif;
      font-weight:bold;
      font-size: 18pt;
      padding:8px;
      padding-left: 7px;
      padding-right: 7px;
      height:12pt;
      text-align:center;
      line-height: 20pt;
      background-color: #009fdf;
  }
  
  .ie7 .website-link-button
  {
      padding-top:7px;
      height:18px;
  }
  
  .website-button
  {
      height:33px;
      padding:8px;
  }
  
  input.website-button
  {
      padding-left:20px;
      padding-right:20px;
  }
  
  .button-upcoming-courses
  {
      margin-right:1em;
  }
  
  .website-button:hover,
  .website-link-button:hover
  {
      text-decoration:none;
  }
  
  .borderradius .website-link-button,
  .borderradius .website-button {
      width:auto;
      height:auto;
  }
  
  
  .borderradius.boxshadow.cssgradients .website-link-button,
  .borderradius.boxshadow.cssgradients .website-button
  {
      background-color: #009fdf;
  }
  
  .borderradius.boxshadow.cssgradients .website-link-button:hover,
  .borderradius.boxshadow.cssgradients .website-button:hover
  {
      background-color: #46caff;
  }
  
  .borderradius.boxshadow.cssgradients .website-link-button.website-link-button-grey {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#BBBBBB)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(top, #FAFAFA, #BBBBBB); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient(top, #FAFAFA, #BBBBBB); /* FF3.6 */
      background-image:     -ms-linear-gradient(top, #FAFAFA, #BBBBBB); /* IE10 */
      background-image:      -o-linear-gradient(top, #FAFAFA, #BBBBBB); /* Opera 11.10+ */
      background-image:         linear-gradient(top, #FAFAFA, #BBBBBB);
      border: 1px solid #EEEEEE;
      box-shadow: 0 0 0 1px #CCCCCC, 0 0 3px 3px rgba(33, 33, 33, 0.08);
      text-shadow: 0 -1px #eeeeee;
      color:#333333;
  }
  
  .borderradius.boxshadow.cssgradients .website-link-button.website-link-button-grey:hover {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#CCCCCC)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(top, #FAFAFA, #CCCCCC); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient(top, #FAFAFA, #CCCCCC); /* FF3.6 */
      background-image:     -ms-linear-gradient(top, #FAFAFA, #CCCCCC); /* IE10 */
      background-image:      -o-linear-gradient(top, #FAFAFA, #CCCCCC); /* Opera 11.10+ */
      background-image:         linear-gradient(top, #FAFAFA, #CCCCCC);
      color:#333333;
  }
  
  .borderradius.boxshadow.cssgradients .website-link-button.website-link-button-grey:active {
      background-image: -webkit-gradient(linear, left top, left bottom, from(#BBBBBB), to(#FAFAFA)); /* Saf4+, Chrome */
      background-image: -webkit-linear-gradient(top, #BBBBBB, #FAFAFA); /* Chrome 10+, Saf5.1+ */
      background-image:    -moz-linear-gradient(top, #BBBBBB, #FAFAFA); /* FF3.6 */
      background-image:     -ms-linear-gradient(top, #BBBBBB, #FAFAFA); /* IE10 */
      background-image:      -o-linear-gradient(top, #BBBBBB, #FAFAFA); /* Opera 11.10+ */
      background-image:         linear-gradient(top, #BBBBBB, #FAFAFA);
      color:#333333;
  }
  
  /**************
   * Recaptcha  *
   **************/
  #recaptcha_image
  {
      margin-top:1em;
      margin-bottom:1em;
  }
  #recaptcha-control img
  {
      border:1px solid #cccccc;
  }
  
  #recaptcha-control label
  {
      margin-bottom:0.5em;
      text-align:left;
      width:auto;
  }
  #recaptcha-control .field-input-container
  {
      display:block;
  }
  input#recaptcha_response_field
  {
      width:292px;
      padding:4px;
  }
  
  
  /*************************
  / JQuery UI theme overrides
  /************************/
  
  .ui-widget-content
  {
      background-image:none;
      background-color:#f6f6f6;
      font-family:inherit;
      font-size:0.9em;
      border-color:#bbbbbb;
  }
  
  .ui-menu-header
  {
      font-style:italic;
      color:#999999;
  }
  
  .ui-menu-header > span
  {
      padding:0.2em 0.4em;
      display:block;
  }
  
  
  /*****************************************
   * Search
   ****************************************/
  #ls-search-form
  {
      background-color: #f8f8f8;
      border: 1px solid #E0E0E0;
      border-radius: 0.5em 0.5em 0.5em 0.5em;
      position:relative;
      box-shadow: 1px 1px 1px #EEEEEE;
  }
  
  #ls-search-form .ls-content
  {
      overflow:hidden;
      position:relative;
  }
  
  #ls-search-form .ls-content-inner
  {
      padding: 1.5em;
      padding-bottom:1em;
      position:relative;
      z-index:10;
  }
  
  #ls-search-form .ls-controls
  {
      padding-bottom: 1em;
      padding-right: 1.5em;
      position: relative;
      text-align: right;
      z-index: 100;
  }
  
  #ls-search-form .ls-search-simple .ls-simple a,
  #ls-search-form .ls-search-advanced .ls-advanced a
  {
      font-weight:bold;
      color:#555555;
  }
  
  #ls-search-form select
  {
      font-family: 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size:1em;
  }
  
  #website-page-wrapper #ls-search-options
  {
      margin-top:0.5em;
      font-size:0.8em;
  }
  
  #website-page-wrapper #ls-advanced-search-options
  {
      font-size:0.8em;
      color: #555555;
      margin-top:1em;
      margin-left:1em;
      display:none;
  }
  
  #ls-search-form .ls-search-advanced #ls-advanced-search-options
  {
      display:block;
  }
  
  
  #ls-advanced-search-options .ls-field label
  {
      width:10em;
      text-align:right;
      padding-right:1em;
  }
  
  #ls-search-form #ls-advanced-search-options .ls-pre-text
  {
      text-shadow: 0 0 0 transparent, 0 1px 0 #FFFFFF;
      font-weight: bold;
      margin-bottom: 0.75em;
  }
  
  #ls-search-form #ls-search-text
  {
      display:block;
      border: 1px solid #CCCCCC;
      box-shadow: 0 1px 0 #EEEEEE inset, 0 1px 0 rgba(255, 255, 255, 0.2);
      color: #333333;
      font-family: 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size: 1.3em;
      padding: 0.5em;
      border-radius: 0.3em;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width:100%;
  }
  
  #website-page-wrapper #ls-search-response
  {
      margin-top:2em;
  }
  
  #ls-search-response em
  {
      font-weight:bold;
      font-style:normal;
  }
  
  #website-page-wrapper #ls-search-response .ls-search-error,
  #website-page-wrapper #ls-search-response .ls-search-no-results
  {
      padding:1em;
      background-color:#efefef;
      color:#333333;
      text-align:center;
  }
  
  #ls-search-response .ls-search-results-header {
      border-bottom: 1px solid #CCCCCC;
      font-size: 0.9em;
      margin-bottom: 1em;
      padding: 0.5em;
      text-align: right;
  }
  
  #ls-search-response .ls-results-window
  {
      color: #AAAAAA;
      display: inline;
  }
  
  #ls-search-response .ls-categories
  {
      margin-bottom:0.1em;
  }
  
  #ls-search-response .ls-categories,
  #ls-search-response .ls-meta
  {
      font-size:0.8em;
  }
  
  #ls-search-response .ls-category-branch a,
  #ls-search-response .ls-meta .ls-value a
  {
      color:green;
  }
  
  #ls-search-response .ls-search-results li
  {
      margin-bottom:2em;
  }
  #ls-search-response .ls-title
  {
      font-size:1.4em;
      font-weight:normal;
      margin:0;
      padding:0;
      text-transform:none;
      margin-bottom:0.1em;
  }
  #ls-search-response .ls-schedule,
  #ls-search-response .ls-locations
  {
      display: inline-block;
  }
  
  #ls-search-response .ls-meta
  {
      color:gray;
      margin-top:0.3em;
  }
  #ls-search-response .ls-meta-item
  {
      display:inline;
      margin-right:2em;
  }
  
  #website-page-wrapper .ls-form .ls-field
  {
      margin-bottom:0.5em;
  }
  
  #website-page-wrapper .ls-form .ls-field.ls-last
  {
      margin-bottom:0;
  }
  
  #website-page-wrapper .ls-form .ls-field label
  {
      display:inline-block;
      vertical-align:top;
      *display:inline;
      *zoom:1;
  }
  
  #website-page-wrapper .ls-form .ls-field .ls-value
  {
      display:inline-block;
      vertical-align:top;
      *display:inline;
      *zoom:1;
  }
  
  #ls-search-response .ls-paging
  {
      border-top: 1px solid #CCCCCC;
      margin-bottom: 2em;
      padding-top: 1em;
  }
  
  #ls-search-response .ls-paging .ls-next
  {
      text-align:right;
  }
  
  #ls-search-response .ls-paging.ls-has-previous.ls-has-next .ls-next,
  #ls-search-response .ls-paging.ls-has-previous.ls-has-next .ls-previous
  {
      width:50%;
      display:inline-block;
      *display:inline;
      *zoom:1;
  }
  
  /*****************************************
   * Top - Search
   ****************************************/
  
  
  form.ls-search-form-left
   {
       margin:0;
   }
  
  #banner form.ls-search-form-left
   {
       margin-bottom: 1.1em;
   }

  
  form.ls-search-form-left:hover > .ls-text-input {
    /* width: 156px; */
    /* padding: 4px 0px 4px 5px; */
    /* Safari */
  }
  
  form.ls-search-form-left .ls-text-input {
      /* border: 1px solid #CCCCCC; */
      border-right:none;
      width: 191px;
      padding: 3px 0px 4px 6px;
      font-family: 'Open Sans', 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size:12pt;
      color:#444444;
      height: 18px;
      vertical-align:top;
      -webkit-appearance: none;
      -webkit-border-radius:0px;*
      margin-top:-1px;*
      display:inline;*
      zoom:1;
   }
  
  form.ls-search-form-left span {
      /* border: 1px solid #CCCCCC; */
      border-left:none;
      display:inline-block;
      vertical-align:top;
      display:inline;
      zoom:1;
  }
  
  form.ls-search-form-left input.ls-search-button {
      background-image: url("../images/search-shadow.png");
      background-position:center center;
      background-repeat:no-repeat;
      background-size: cover;
      height: 35px;
      width: 35px;
      background-color: #23485c;
      border:none;
      cursor:pointer;
      vertical-align:top;
      -webkit-appearance: none;
      -webkit-border-radius:0px;
      *
      display:inline;
      margin-left: 2px;
      margin-top: -7px;
  }
  
  .social-media-icon {
      display: block;
      float: right;
  }
  
  .social-media-icon img {
      width: 39px;
  }
  
  .ls-social-media-toolbox
  {
      height: 2em;
  }
  
  .ls-social-media-toolbox .ls-pretext
  {
      float: left;
      margin-right: 0.5em;
  }
  
  
  #website-page-wrapper .user-markup-content-container * {
      vertical-align: baseline;
      font-family: inherit;
      font-style: inherit;
      font-size: 100%;
      border: none;
      padding: 0;
      margin: 0;
  }
  
  .evt-page #website-page-wrapper .user-markup-content-container * {
       color: #363636;
  }
  
  #website-page-wrapper .user-markup-content-container h1
  {
      font-family: 'Source Sans Pro', 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size: 1.8em;
  }
  
  #website-page-wrapper .user-markup-content-container h2
  {
      font-family: 'Source Sans Pro', 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size: 1.5em;
  }
  
  #website-page-wrapper .user-markup-content-container h3
  {
      font-family: 'Source Sans Pro', 'Helvetica','Helvetica Neue',Arial,sans-serif;
      font-size: 1.2em;
  }
  
  #website-page-wrapper .user-markup-content-container h4
  {
      font-family: 'Source Sans Pro', 'Helvetica','Helvetica Neue',Arial,sans-serif;
  }
  
  #website-page-wrapper .user-markup-content-container h1,
  #website-page-wrapper .user-markup-content-container h2,
  #website-page-wrapper .user-markup-content-container h3,
  #website-page-wrapper .user-markup-content-container h4,
  #website-page-wrapper .user-markup-content-container h5,
  #website-page-wrapper .user-markup-content-container h6,
  #website-page-wrapper .user-markup-content-container p,
  #website-page-wrapper .user-markup-content-container pre,
  #website-page-wrapper .user-markup-content-container blockquote,
  #website-page-wrapper .user-markup-content-container form,
  #website-page-wrapper .user-markup-content-container ul,
  #website-page-wrapper .user-markup-content-container ol,
  #website-page-wrapper .user-markup-content-container dl {
      margin: 0 0 1.3em;
  }
  
  #website-page-wrapper .user-markup-content-container dd,
  #website-page-wrapper .user-markup-content-container blockquote {
      margin-left: 2.5em;
  }
  
  #website-page-wrapper .user-markup-content-container ul,
  #website-page-wrapper .user-markup-content-container ol
  {
      margin: 1em auto 1em 3em;
      list-style-type:square;
  }
  
  #website-page-wrapper .user-markup-content-container ul li
  {
      list-style-type:square;
      margin-bottom:0.5em;
  }
  
  #website-page-wrapper .user-markup-content-container ol
  {
      list-style-type:decimal;
  }
  
  #website-page-wrapper .user-markup-content-container ol li
  {
      list-style-type:decimal;
      margin-bottom:0.5em;
  }
  
  
  #website-page-wrapper .user-markup-content-container table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  
  #website-page-wrapper .user-markup-content-container strong {
      font-weight:bold;
  }
  
  #website-page-wrapper .user-markup-content-container emph,
  #website-page-wrapper .user-markup-content-container em {font-style: italic;}
  
  .facebook-button {
      display: block;
      height: 40px;
      width: 245px;
      background: #375794 url('../images/facebook.jpg') no-repeat center center;
      margin: 0 auto;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      border-radius: 0px;
  }
  
  #website-page-wrapper .ls-schedule-list
  {
      color: #666666;
      font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
      font-size:1em;
      line-height:normal;
  }
  
  #website-page-wrapper .ls-schedule-list a:link,
      #website-page-wrapper .ls-schedule-list a:hover,
      #website-page-wrapper .ls-schedule-list a:visited
      {
          color: #009fdf;
      }
  
  
  #website-page-wrapper .ls-schedule-list .ls-header .ls-filter {
      padding-bottom: 0.75em;
  }
  
      #website-page-wrapper .ls-schedule-list .ls-header select {
          font-family:inherit;
          font-size:inherit;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-wait
      {
          display: none;
          text-align: center;
          padding: 2em 2em;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-wait .ls-wait-content
          {
              display:inline-block;
              *display:inline;
              *zoom:1;
              width:auto;
              padding-left: 40px;
              padding-top:8px;
              background-image: url(../images/ajax-loader.gif);
              background-repeat: no-repeat;
              height:32px;
          }
  
      #website-page-wrapper .ls-schedule-list.ls-loading .ls-footer
      {
          display: none;
      }
  
      #website-page-wrapper .ls-schedule-list.ls-loading .ls-wait {
          display: block;
      }
  
  
      #website-page-wrapper .ls-schedule-list .ls-header .ls-item
      {
          margin-bottom: 1em;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-empty
      {
          text-align:center;
          background-color:#F0F0F0;
          padding: 1.5em 2em;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-empty p
          {
              margin: 0;
          }
  
  
      #website-page-wrapper .ls-schedule-list .ls-error
      {
          text-align:center;
          background-color:#F0F0F0;
          padding: 1.5em 2em;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-error p {
              margin: 0;
          }
  
      #website-page-wrapper .ls-schedule-list .ls-header .ls-filter label
      {
          float:left;
          margin-right:0.5em;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-header .ls-filter .ls-control
      {
          float: left;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-header .ls-filter-timezone
      {
          float: left;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-header .ls-filter-timezone select
      {
          width:25em;
      }
  
      #website-page-wrapper .ls-schedule-list ul.ls-events
      {
          list-style-type: none;
          margin: 0;
          padding: 0;
      }
  
      #website-page-wrapper .ls-schedule-list ul.ls-events > li
      {
          clear: both;
          background-color:#F8F8F8;
          padding:0.75em;
          border-left:0.8em solid #DDDDDD;
          margin-bottom:1em;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-column
      {
          float: left;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-column.ls-date
      {
          width:8%;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-column.ls-details
      {
          width: 67%;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-column.ls-register
      {
          width:25%;
          text-align:center;
          padding-top:0.5em;
          padding-right:0.5em;
      }
          #website-page-wrapper .ls-schedule-list .ls-column.ls-register .ls-places-remaining
          {
              color: #d33f43;
          }
  
      #website-page-wrapper .ls-schedule-list .ls-calbox
      {
          text-align: center;
          width: 2.75em;
          background-color:white;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-calbox .ls-month
      {
          display: block;
          font-size: 0.8em;
          line-height: 1.5em;
          background-color: #009fdf;
          text-transform: uppercase;
          color: #FFFFFF;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-calbox .ls-day
      {
          display: block;
          font-size: 1.6em;
          line-height: 1.3em;
          color: #8F8F8F;
          border-width: 1px;
          border-style: solid;
          border-top-width: 0;
          border-color: #BFBFBF;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-details .ls-calendar-description
      {
          font-weight: bold;
          display:inline;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-details .ls-sessions-description
      {
          margin-bottom: 0.3em;
      }
  
  
      #website-page-wrapper .ls-schedule-list .ls-tags
      {
          list-style-type:none;
          padding:0;
          margin:0;
          display:inline;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-tags li
          {
              display: inline-block;
              margin-right: 0.5em;
              padding:0.2em;
              padding-left:0.5em;
              padding-right:0.5em;
              font-size:0.8em;
              color:#ffffff;
              background-color:#5a88e6;
              border-radius:0.3em;
              *zoom:1;
              *display:inline;
  
          }
  
      #website-page-wrapper .ls-schedule-list .ls-location
      {
          display: inline;
          margin-right:1.5em;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-presenters,
      #website-page-wrapper .ls-schedule-list .ls-presenters label,
      #website-page-wrapper .ls-schedule-list .ls-presenters .ls-list
      {
          display: inline;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-presenters label
          {
              margin-right: 0.5em;
          }
  
              #website-page-wrapper .ls-schedule-list .ls-presenters label::after
              {
                  content: ":";
              }
  
          #website-page-wrapper .ls-schedule-list .ls-presenters ul
          {
              list-style-type: none;
              margin: 0;
              padding: 0;
              display: inline;
          }
  
              #website-page-wrapper .ls-schedule-list .ls-presenters ul li
              {
                  display: inline;
              }
  
      #website-page-wrapper .ls-schedule-list .ls-notice
      {
          color:#e27f0d;
          margin-top:0.3em;
          font-size:0.8em;
      }
  
      #website-page-wrapper .ls-schedule-list ul.ls-offers
      {
          list-style-type:none;
          margin:0;
          padding:0;
          margin-top:0.3em;
          color:#404040;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers label,
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-amount-description
      {
          display:inline;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-replaced .ls-amount-description
      {
          text-decoration:line-through;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers label
      {
          margin-right:0.5em;
      }
  
          /*#website-page-wrapper .ls-schedule-list .ls-offers label::after
          {
              content: ":";
          }*/
  
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-amount
      {
          font-weight: bold;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-offers .ls-amount .ls-currency-code {
              font-weight: normal;
              margin-right:0.4em;
          }
  
  
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-amount-description
      {
          margin-right: 1em;
  
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-offer {
          margin-bottom: 0.3em;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-discount-offer
      {
          color:#d33f43;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers .ls-offer-detail
      {
          display: inline;
          vertical-align:top;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-offers ul.ls-replacement-offers
      {
          padding:0;
          margin-left:1em;
          list-style-type:none;
          display:inline-block;
          *display:inline;
          *zoom:1;
      }
  
  
  
          #website-page-wrapper .ls-schedule-list .ls-offers .ls-message
      {
          display:inline;
          font-size:0.8em;
          font-style:italic;
      }
  
     #website-page-wrapper .ls-schedule-list .ls-full-message
      {
          margin-bottom: 0.5em;
          font-weight:bold;
          color:#b0742d;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-register-link
      {
          background-color: #009fdf;
          /* Chrome, Safari 4+ */
          /* Chrome 10-25, iOS 5+, Safari 5.1+ */
          /* Firefox 3.6-15 */
          /* Opera 11.10-12.00 */
          /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
          border: 1px solid #009fdf;
          font-weight: bold;
          font-size: 1.15em;
          height: auto;
          line-height: 1.15em;
          padding: 0.4em 1.2em;
          text-shadow: 0 1px rgba(0, 0, 0, 0.3);
          color:#ffffff;
          text-decoration:none;
          width: auto;
          margin-bottom:0.5em;
          display:inline-block;*
          display:inline;*
          zoom:1;
          text-transform: uppercase;
          width: 167px;
      }
  
          #website-page-wrapper .ls-schedule-list .ls-register-link:link,
          #website-page-wrapper .ls-schedule-list .ls-register-link:visited,
          #website-page-wrapper .ls-schedule-list .ls-register-link:hover
          {
              color:#ffffff;
          }
  
          #website-page-wrapper .ls-schedule-list .ls-register-link:hover {
              background-color: #41c8ff;
               /* Chrome, Safari 4+ */
               /* Chrome 10-25, iOS 5+, Safari 5.1+ */
               /* Firefox 3.6-15 */
               /* Opera 11.10-12.00 */
               /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
              border-color: #41c8ff;
          }
  
  
      #website-page-wrapper .ls-schedule-list .ls-full .ls-register-link
      {
           /* Chrome, Safari 4+ */
           /* Chrome 10-25, iOS 5+, Safari 5.1+ */
           /* Firefox 3.6-15 */
            /* Opera 11.10-12.00 */
            /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
           padding: 10px 10px;
      }
  
  
      #website-page-wrapper .ls-schedule-list .ls-paging
      {
          float: left;
      }
  
      #website-page-wrapper .ls-schedule-list .ls-register-interest
      {
          float: right;
      }
      #website-page-wrapper .ls-schedule-list .ls-list-content {
          opacity: 0;
      }
  
      #website-page-wrapper .ls-schedule-list.ls-rendered .ls-list-content {
          opacity: 1;
          -webkit-transition: all 0.5s ease;  /* Chrome 1-25, Safari 3.2+ */
          -moz-transition: all 0.5s ease;  /* Firefox 4-15 */
          -o-transition: all 0.5s ease;  /* Opera 10.50–12.00 */
          transition: all 0.5s ease;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
      }
  
  
  
  
  
  /* For modern browsers */
  .ls-control .ls-cf:before,
  .ls-control .ls-cf:after {
      content:"";
      display:table;
  }
  
  .ls-control .ls-cf:after {
      clear:both;
  }
  
  /* For IE 6/7 (trigger hasLayout) */
  .ls-control .ls-cf {
      zoom:1;
  }
  
  .ls-control *
  {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      line-height:normal;
  }
  
  /* Online Activites */
  
  #website-page-wrapper .ls-schedule-list .ls-online-activity
  {
      clear: both;
      background-color:#F8F8F8;
      padding:0.75em;
      border-left:0.8em solid #DDDDDD;
      margin-bottom:1em;
  }
  
  #website-page-wrapper .ls-schedule-list .ls-online-activity .ls-online-activity-name,
  #website-page-wrapper .ls-schedule-list .ls-online-activity .ls-online-activity-code {
      display: none;
  }
  
  #website-page-wrapper .ls-schedule-list .ls-online-activity .ls-online-activity-message {
      font-weight: 600;
      color: #404040;
  }
  
  #website-page-wrapper .ls-schedule-list .ls-online-activity .ls-register-info {
      float: right;
      margin: 2px 32px 0px 0px;
  }
  
  #website-page-wrapper .ls-schedule-list .ls-online-activity .ls-register-info .ls-register-link {
      margin-bottom: 0px;
  }
  
  #website-page-wrapper .ls-schedule-list .ls-online-activity .ls-amount {
      font-weight: normal;
  }
  
  /* Tooltip */
  
  .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear; }
  
    .fade.in {
      opacity: 1; }
  
  .ls-session-details {
    font-weight: 700;
    cursor: pointer;
    display: none; }
  
  
  .ls-register .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0); }
  
    .ls-register .tooltip div, .ls-register .tooltip span, .ls-register .tooltip applet, .ls-register .tooltip object, .ls-register .tooltip iframe, .ls-register .tooltip h1, .ls-register .tooltip h2, .ls-register .tooltip h3, .ls-register .tooltip h4, .ls-register .tooltip h5, .ls-register .tooltip h6, .ls-register .tooltip p, .ls-register .tooltip blockquote, .ls-register .tooltip pre, .ls-register .tooltip a, .ls-register .tooltip abbr, .ls-register .tooltip acronym, .ls-register .tooltip address, .ls-register .tooltip big, .ls-register .tooltip cite, .ls-register .tooltip code, .ls-register .tooltip del, .ls-register .tooltip dfn, .ls-register .tooltip em, .ls-register .tooltip img, .ls-register .tooltip ins, .ls-register .tooltip kbd, .ls-register .tooltip q, .ls-register .tooltip s, .ls-register .tooltip samp, .ls-register .tooltip small, .ls-register .tooltip strike, .ls-register .tooltip strong, .ls-register .tooltip sub, .ls-register .tooltip sup, .ls-register .tooltip tt, .ls-register .tooltip var, .ls-register .tooltip b, .ls-register .tooltip u, .ls-register .tooltip i, .ls-register .tooltip center, .ls-register .tooltip dl, .ls-register .tooltip dt, .ls-register .tooltip dd, .ls-register .tooltip ol, .ls-register .tooltip ul, .ls-register .tooltip li, .ls-register .tooltip fieldset, .ls-register .tooltip form, .ls-register .tooltip label, .ls-register .tooltip legend, .ls-register .tooltip table, .ls-register .tooltip caption, .ls-register .tooltip tbody, .ls-register .tooltip tfoot, .ls-register .tooltip thead, .ls-register .tooltip tr, .ls-register .tooltip th, .ls-register .tooltip td, .ls-register .tooltip article, .ls-register .tooltip aside, .ls-register .tooltip canvas, .ls-register .tooltip details, .ls-register .tooltip embed, .ls-register .tooltip figure, .ls-register .tooltip figcaption, .ls-register .tooltip footer, .ls-register .tooltip header, .ls-register .tooltip hgroup, .ls-register .tooltip menu, .ls-register .tooltip nav, .ls-register .tooltip output, .ls-register .tooltip ruby, .ls-register .tooltip section, .ls-register .tooltip summary, .ls-register .tooltip time, .ls-register .tooltip mark, .ls-register .tooltip audio, .ls-register .tooltip video {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      font-size: 100%;
      font: inherit !important;
      vertical-align: baseline; }
  
    .ls-register .tooltip article, .ls-register .tooltip aside, .ls-register .tooltip details, .ls-register .tooltip figcaption, .ls-register .tooltip figure, .ls-register .tooltip footer, .ls-register .tooltip header, .ls-register .tooltip hgroup, .ls-register .tooltip menu, .ls-register .tooltip nav, .ls-register .tooltip section {
      display: block; }
  
    .ls-register .tooltip ol, .ls-register .tooltip ul {
      list-style: none; }
  
    .ls-register .tooltip blockquote, .ls-register .tooltip q {
      quotes: none; }
  
    .ls-register .tooltip blockquote:before, .ls-register .tooltip blockquote:after {
      content: '';
      content: none; }
  
    .ls-register .tooltip q:before, .ls-register .tooltip q:after {
      content: '';
      content: none; }
  
    .ls-register .tooltip table {
      border-collapse: collapse;
      border-spacing: 0; }
  
    .ls-register .tooltip.in {
      opacity: 0.95;
      filter: alpha(opacity=95); }
  
    .ls-register .tooltip.top {
      margin-top: -3px;
      padding: 5px 0; }
  
    .ls-register .tooltip.right {
      margin-left: 3px;
      padding: 0 5px; }
  
    .ls-register .tooltip.bottom {
      margin-top: 3px;
      padding: 5px 0; }
  
    .ls-register .tooltip.left {
      margin-left: -3px;
      padding: 0 5px; }
  
    .ls-register .tooltip .tooltip-inner {
      max-width: 250px;
      padding: 3px 8px !important;
      color: #fff;
      text-align: center;
      text-decoration: none;
      background-color: #000;
      border-radius: 4px; }
  
    .ls-register .tooltip .tooltip-arrow {
      position: absolute;
      width: 0;
      height: 0;
      border-color: transparent;
      border-style: solid; }
  
  .ls-register .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  
  .ls-register .tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  
  .ls-register .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000; }
  
  .ls-register .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000; }
  
  .ls-register .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000; }
  
  .ls-register .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  
  .ls-register .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  
  .ls-register .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000; }
  
  .ls-register .tooltip h4 {
    font-size: 1.4em;
    margin: 6px 0px;
    text-align: left; }
  
  .ls-register .tooltip ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 3px; }
  
  .ls-register .tooltip ul li {
    text-align: left;
    margin: 3px;
    padding: 0px; }
  
  
  .category-img {
    position: relative;
    width: 100%;
    height: 100%;
  }
  
  .category-row {
      display: block;
      position: relative;
      height: 92px;
      padding-left: 3px;
  }
  
  .category-container {
    width: 100%;
    display: block;
    position: relative;
    background-color: #383b3b;
    padding-top: 3px;
    padding-bottom: 6px;
  }

  .catalogue-page .category-container {
    border-top: 1px solid #1c3b4c;
  }
  
  .category-container img {
    -webkit-transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -ms-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
  }
  
  .category-container img:hover {
    opacity: 0.1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
  }
  
  .single-category {
    float: left;
    position: relative;
    display: block;
    width: 225px;
    margin: 15px 24px 0px;
    background-color: #ffffff;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    /* -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4); */
    /* box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4); */
  }
  
  a.single-category {
    text-decoration: none;
    color: #ffffff;
    font-family: "bitter";
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    text-transform: lowercase;
    height: 70px;
    line-height: 72px;
    -moz-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4);
    /* -webkit-box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4); */
    /* box-shadow: inset 2px 2px 2px rgba(255, 255, 255, .4), inset -2px -2px 2px rgba(0, 0, 0, .4); */
    transition: box-shadow 0.1s ease-in-out;
  }

  a.single-category:hover {
    box-shadow: none;
  }


  .cat-1:after,
  .cat-2:after,
  .cat-3:after,
  .cat-4:after,
  .cat-5:after,
  .cat-6:after,
  .cat-7:after,
  .cat-8:after {

  }

  .cat-1:hover:after,
  .cat-2:hover:after,
  .cat-3:hover:after,
  .cat-4:hover:after,
  .cat-5:hover:after,
  .cat-6:hover:after,
  .cat-7:hover:after,
  .cat-8:hover:after {
    display: inline-block;
    line-height: 22px;
    padding: 0px 16px;
    font-size: 14px;
  }

.cat-5:after {content:'WRITE'; }
.cat-5:hover:after {content:'Creative Writing'; }

.cat-7:after {content:'PLAY'; }
.cat-7:hover:after {content:'Music, Dance, Performance & Recreation '; }

.cat-1:after {content:'SPEAK'; }
.cat-1:hover:after {content:'Foreign Languages, Englsih (ESOL), te reo Māori, Samoan & NZ Sign Language'; }

.cat-6:after {content:'TASTE'; }
.cat-6:hover:after {content:'Breads and Baking, Mains, Condiments & Afters '; }

.cat-3:after {content:'MAKE'; }
.cat-3:hover:after {content:'Art, Craft, Sewing, Pottery, Fashion & Workshop '; }

.cat-4:after {content:'EXPLORE'; }
.cat-4:hover:after {content:'Home and Garden, Health, Style & Life Skills'; }

.cat-8:after {content:'DEVELOP'; }
.cat-8:hover:after {content:'Business and Finance, Training & Computing'; }

.cat-2:after {content:'LOOK'; }
.cat-2:hover:after {content:'Photography & Video '; }


  .single-category p {
    display: block;
    position: absolute;
    font-size: 15px;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-bottom: 0px;
  }
  
  .page-footer {
    width: 100%;
    margin-bottom: -3px;
  }
  
  .category-hero {
    margin-bottom: -4px;
  }
  
  .ls-events-nav {
      float: left;
      display: none;
  }
  
  .header-container {
      float: left;
      width: 32%;
      margin-top: 9px;
  }
  
  .catalogue-content {
      width: 66%;
      position: relative;
      float: right;
  }
  
  .catalogue-page .header-row td  {
      color: #58595C;
      font-size: 17px;
  }
  
  .category-courses-table .course-row, .category-courses-table .course-row a {
      color: #717779;
      font-size: 15px;
  }
  
  .catalogue-page #main-content h1 {
    display: block;
    float: right;
    width: 66%;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #00608c ;
    font-family: "bitter";
    font-weight: 300;
    line-height: 55px;
    font-size: 24px;
  }
  
  .cat-5, [class*='catid-187'] .catalogue-page h3, [class*='catid-187'] a.child-category-link, [class*='catid-187'] #main-content h1 { /*Write*/
    background-color: #e8c31e !important
  }
  .cat-7, [class*='catid-164'] .catalogue-page h3, [class*='catid-164'] a.child-category-link, [class*='catid-164'] #main-content h1 { /*Play*/
    background-color: #6eb254 !important
  }
  .cat-1, [class*='catid-140'] .catalogue-page h3, [class*='catid-140'] a.child-category-link, [class*='catid-140'] #main-content h1 { /*Speak*/
    background-color: #59c5c7 !important
  }
  .cat-6, [class*='catid-163'] .catalogue-page h3, [class*='catid-163'] a.child-category-link, [class*='catid-163'] #main-content h1 { /*Taste*/
    background-color: #af4173 !important 
  }
  .cat-3, [class*='catid-160'] .catalogue-page h3, [class*='catid-160'] a.child-category-link, [class*='catid-160'] #main-content h1 { /*Make*/
    background-color: #e77a25 !important
  }
  .cat-4, [class*='catid-161'] .catalogue-page h3, [class*='catid-161'] a.child-category-link, [class*='catid-161'] #main-content h1 { /*Explore*/
    background-color: #647c19 !important
  }
  .cat-8, [class*='catid-192'] .catalogue-page h3, [class*='catid-192'] a.child-category-link, [class*='catid-192'] #main-content h1 { /*Develop*/
    background-color: #00608c !important
  }
  .cat-2, [class*='catid-159'] .catalogue-page h3, [class*='catid-159'] a.child-category-link, [class*='catid-159'] #main-content h1 { /*Look*/
    background-color: #f04c52 !important
  }
  
  [class*='catid-2'] .catalogue-page h3, [class*='catid-2'] a.child-category-link, [class*='catid-2'] #main-content h1 {
    background-color: #6eb254 !important
  }
  .evt-page #main-content h1 {
      background-color: #FFF !important;
  }
  a.child-category-link {
      background-color: #009fdf;
  }
  
  a.child-category-link {
      width: 96%;
      display: block;
      margin-bottom: 1px;
      padding: 6px;
      font-family: 'bitter';
      font-weight: 300;
      font-size: 14px;
      color: #FFF;
      /* text-transform: uppercase; */
  }
  
  
  /************** LANDING PAGE ***************/
  
  .lp-header {
    background-color: #4BB4C5;
    width: 1100px;
    height: 110px;
    margin-left: -20px;
  }
  
  .lh-left {
    float: left;
    width: 60%;
    margin-top: 10px;
  }
  
  .lh-right {
    float: right;
    width: 40%;
    margin-top: 32px;
  }
  
  .landing-header-text.bold {
    font-weight: 600;
  }
  
  .landing-header-text {
    font-family: bitter;
    color: #FFF;
    font-size: 20px;
    text-align: center;
    width: 450px;
    margin: 0 auto;
    font-weight: 300;
  }
  
  .right-arrow {
      width: 0;
      height: 0;
      border-top: 19px solid transparent;
      border-bottom: 19px solid transparent;
      border-left: 28px solid #ec008b;
      float: left;
  }
  
  .right-arrow-text {
    background-color: #EC008B;
    width: 300px;
    padding: 8px 0px 12px 10px;
    display: block;
    font-family: "bitter";
    color: #FFF;
    font-size: 18px;
    float: left;
    height: 18px;
    font-weight: 600;
  }
  
  .lp-content {
      margin-bottom: 30px;
  }
  
  .lp-quote{
    text-align: center;
    font-family: "bitter";
    font-size: 20px;
    width: 700px;
    margin: 0 auto;
    color: #57585B;
    margin-top: 20px;
    line-height: 24px;
    font-style: italic;
  }
  
  p.lp-quote.author {
    font-size: 18px;
    margin-top: 11px;
  }
  
  .lp-content .grid {
    width: 100%;
  }
  
  .grid .row {
    padding-top: 46px;
    display: flex;
    height: 100%;
  }
  
  .grid .box {
    width: 30%;
    padding: 0px 18px;
    float: left;
  }
  
  .lp-content .grid .box-header {
    width: 100%;
    background-color: #ccc;
    display: block;
    font-family: "bitter";
    font-size: 21px;
    text-align: center;
    color: #FFF;
    padding: 4px 0px;
    margin-bottom: 7px;
  }
  
  .lp-content .grid .box-header:hover {
    text-decoration: none;
  }
  
  .lp-content .grid .box-desc {
    padding-bottom: 8px;
    font-size: 14px;
  }
  
  .lp-content .grid .box-list-item {
    color: #000;
    font-weight: 600;
    padding-bottom: 4px;
    font-size: 14px;
    display: block;
  }
  
  .category-title {
      font-size: 20px;
      margin-bottom: 6px;
  }
  
  .top-category-holder {
    display: block;
  }
  
  .bottom-category-holder {
    display: none;
  }
  
  .landing-hero-img {
    width: 1100px;
    margin: -35px 0 -5px -20px;
  }
  
  
  #top-box {
      width: 100%;
  }

  .featured-title {
      color: #1f6e8e !important;
      font-family: 'Bitter';
      font-size: 45px;
      margin-bottom: 0px !important;
  }
  
  .website-quote {
      width: 700px;
      margin: 0 auto;
  }
  
  .compath h4 {
      margin-bottom: 0px;
  }