@charset "UTF-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

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

h1 {
  font-size: 2em; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: "“" "”" "‘" "’"; }

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  resize: none; }

button,
input {
  line-height: normal; }

input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

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

.light-orange, form.basic input[type="submit"], .broadband .availability-checker header {
  background: #ffc303; }
  .light-orange.button:hover, form.basic input.button[type="submit"]:hover, .broadband .availability-checker header.button:hover {
    background: #e9b100; }

.orange {
  background: #e68423; }
  .orange.button:hover {
    background: #d77718; }

.bright-orange {
  background: #ff671e; }
  .bright-orange.button:hover {
    background: #ff5605; }

.indigo {
  background: #070231; }
  .indigo.button:hover {
    background: #040119; }

.white {
  background: #ffffff; }

.blue {
  background: #0d53ae; }
  .blue.button:hover {
    background: #0b4896; }

.red {
  background: #c50e2b; }
  .red.button:hover {
    background: #ad0c26; }
	
.dark-red {
  background: #F00; }
  .red.button:hover {
    background: #ad0c26; }	

.green {
  background: #50ca24; }
  .green.button:hover {
    background: #47b420; }

.dark-green {
  background: #007c00; }
  .dark-green.button:hover {
    background: #006300; }

@font-face {
  font-family: "Conv_Vaud";
  src: url("../fonts/vaud/vaud.eot");
  src: local("☺"), url("../fonts/vaud/vaud.woff") format("woff"), url("../../fonts/vaud/vaud.ttf") format("truetype"), url("../../fonts/vaud/vaud.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Conv_Vaud Light";
  src: url("../fonts/vaud_light/vaud_light.eot");
  src: local("☺"), url("../fonts/vaud_light/vaud_light.woff") format("woff"), url("../fonts/vaud_light/vaud_light.ttf") format("truetype"), url("../fonts/vaud_light/vaud_light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Conv_Vaud SemiBold";
  src: url("../fonts/vaud_semibold/vaud_semibold.eot");
  src: local("☺"), url("../fonts/vaud_semibold/vaud_semibold.woff") format("woff"), url("../fonts/vaud_semibold/vaud_semibold.ttf") format("truetype"), url("../fonts/vaud_semibold/vaud_semibold.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
.regular, body {
  font-family: "Conv_Vaud"; }

.light, .homepage section.full-panel h2 {
  font-family: "Conv_Vaud Light";
   }

.semibold, h3, strong, b, .wrapper > header h2 a, .wrapper > header .dd-menu a, footer nav li.contact, nav.hero-nav-bar li a, .button.primary, .inline-links a, form.basic label, form.basic input[type="submit"], .order-form .form-row li label, .order-form input, .order-form button,
.order-form .submit-row, .homepage section.broadband .mini-checker label, .homepage section.broadband .mini-checker .row input[type="text"], .homepage section.cloud p, .broadband .availability-checker header p, main > section .styled-list li, main > section .bullet13 li, .order-confirmation .is-blue, .news article a, .service-status .rss-link, .service-status article a, .service-status .service-complete, .contact main > section .tel, .contact main > section .email, .shop .product-item p, .shop .service-row.third-width .service-details p, .shop .service-row .select-control label, .broadband .availability-checker.is-open .error, .broadband .availability-checker.is-open .addresses li, .broadband .availability-checker.is-open .result .result-row .result-value {
  font-family: "Conv_Vaud SemiBold";
   }

.is-smaller {
  font-size: 0.8em; }

.is-larger, .service-status .rss-link {
  font-size: 1.2em; }

h3 {
  font-size: 1.1em; }

h3, p, li {
  color: #000; }

p {
  margin: 0.7em 0;
  font-size: 0.9em;
  line-height: 1.5em; }

.wrapper {
  margin: 0 auto; }
  .wrapper .inner, .wrapper main section .content, main section .wrapper .content {
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box; }
	
  @media screen and (min-width: 960px) {
    .wrapper .inner, .wrapper main section .content, main section .wrapper .content {
      width: 960px;
      padding: 0 30px; } }	  
  
@media screen and (min-width: 540px) {
  .l-col {
    float: left;
    width: 47.5%; } }

@media screen and (min-width: 540px) {
  .r-col {
    margin-left: 47.5%; } }



main,
footer {
  clear: both; }

@media screen and (max-width: 540px) {
  main section .content .l-col {
    padding-bottom: 20px; } }
@media screen and (min-width: 540px) {
  main section .content .l-col {
    padding-right: 40px; } }
@media screen and (min-width: 540px) {
  main section .content .r-col {
    padding-left: 40px; } }
	
@media screen and (max-width: 540px) {
  .content img {
    display:none; } }
	
.wrapper > header .crest {
  position: relative;
  height: 100px; }
.wrapper > header h1 {
  float: left;
  margin-top: 18px; }
.wrapper > header h2 {
  margin: 0;
  padding-top: 51px;
  text-align: right; }
  @media screen and (max-width: 540px) {
    .wrapper > header h2 {
      padding-top: 50px;
      font-size: 1em; } }
  .wrapper > header h2 span {
    display: none;
    font-size: 0.8em; }
    @media screen and (max-width: 540px) {
      .wrapper > header h2 span {
        display: block; } }
  .wrapper > header h2 a {
    text-decoration: none;
    color: #000; }
.wrapper > header h1 a {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 186px;
  height: 60px;
  background: url("../images/header/logo.png") no-repeat; }
  @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .wrapper > header h1 a {
      background: url("../images/header/logo.png") no-repeat;
      background-size: contain; } }
.wrapper > header .dd-menu {
  position: absolute;
  right: 30px;
  top: 0;
  z-index: 1000; }
  @media screen and (max-width: 960px) {
    .wrapper > header .dd-menu {
      right: 10px; } }
  .wrapper > header .dd-menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
  .wrapper > header .dd-menu li {
    text-align: right;
    background: #000000; }
    @media screen and (max-width: 540px) {
      .wrapper > header .dd-menu li.contact {
        display: none; } }
  .wrapper > header .dd-menu a {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    font-size: 0.8em;
    line-height: 23px; }
  .wrapper > header .dd-menu > ul > li.contact a {
    padding-right: 29px;
    background: #000 url("../images/shared/icon_chevron_right.png") 142px 5px no-repeat; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .wrapper > header .dd-menu > ul > li.contact a {
        background: #000 url("../images/shared/icon_chevron_right.svg") 135px 0 no-repeat;
        background-size: 12%; } }
  .wrapper > header .dd-menu > ul > li.contact > a {
    width: 75px;
    border-bottom: 1px solid #ffffff;
    background: #000 url("../images/header/icon_contact_bubble.png") 92px 8px no-repeat; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .wrapper > header .dd-menu > ul > li.contact > a {
        background: #000 url("../images/header/icon_contact_bubble.svg") 92px 8px no-repeat;
        background-size: 12%; } }
  .wrapper > header .dd-menu > ul > li {
    float: left;
    margin-left: 8px;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff; }
    .wrapper > header .dd-menu > ul > li > a {
      line-height: 12px;
      display: block; }
    .wrapper > header .dd-menu > ul > li ul {
      display: none;
      padding: 8px 0; }
    .wrapper > header .dd-menu > ul > li.is-active ul {
      display: block; }
    .wrapper > header .dd-menu > ul > li.is-active a {
      width: 120px;
      display: block;
      margin: 0;
      padding-top: 0;
      padding-bottom: 0; }
	 
      .wrapper > header .dd-menu > ul > li.is-active a:hover {
        text-decoration: underline; }
    .wrapper > header .dd-menu > ul > li.is-active > a {
      height: 23px;
      padding-top: 10px;
      background-position: 137px 8px; }
      @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .wrapper > header .dd-menu > ul > li.is-active > a {
          background-size: 8.5%; } }
      .wrapper > header .dd-menu > ul > li.is-active > a:hover {
        text-decoration: none; }
.wrapper > header nav {
  position: relative;
  height: 34px;
  background: #222222; }
  .wrapper > header nav:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (max-width: 960px) {
    .wrapper > header nav.is-open ul {
      padding: 20px;
      max-height: 200px; }
    .wrapper > header nav.is-open .nav-toggle {
      background: url("../images/shared/icon_menu_close.svg") -8px -1px no-repeat;
      background-size: 60%; } }
  .wrapper > header nav .nav-toggle {
    float: left;
    padding-top: 1px;
    padding-left: 30px;
    line-height: 33px; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .wrapper > header nav .nav-toggle {
        background: url("../images/shared/icon_menu.svg") -8px -1px no-repeat;
        background-size: 60%; } }
    @media screen and (min-width: 960px) {
      .wrapper > header nav .nav-toggle {
        display: none; } }
  .wrapper > header nav ul {
    clear: left;
    margin: 0;
    padding: 0; }
	
    @media screen and (max-width: 960px) {
      .wrapper > header nav ul {
        position: absolute;
        top: 34px;
        left: 0;
        right: 0;
        padding: 0 20px;
        max-height: 0;
        background: #222222;
        overflow: hidden;
        z-index: 1; } }
    @media screen and (min-width: 960px) {
      .wrapper > header nav ul {
        float: left; } }
  .wrapper > header nav li {
    display: inline-block;
    list-style-type: none;
    margin-right: 25px; }
    @media screen and (max-width: 540px) {
      .wrapper > header nav li {
        margin: 0;
        width: 49%; } }
    @media screen and (min-width: 540px) and (max-width: 960px) {
      .wrapper > header nav li {
        margin: 0;
        width: 25%; } }
  .wrapper > header nav a {
    color: #999999;
    text-decoration: none;
    font-size: 0.75em;
    line-height: 34px;
    transition: color 0.3s; }
    @media screen and (max-width: 960px) {
      .wrapper > header nav a {
        line-height: 2em; } }
  .wrapper > header nav li.active a, /*.wrapper > header nav li.active-trail a,*/ .wrapper > header nav a:hover {
    color: #fff; }
  .wrapper > header nav .search {
    position: relative;
    float: right;
    -moz-placeholder-color: #fff;
    -ms-input-placeholder-color: #fff; }
    .wrapper > header nav .search input {
      width: 120px;
      border: none;
      padding-top: 12px;
      background: transparent;
      color: #fff;
      text-align: right;
      font-size: 0.75em; }
      @media screen and (max-width: 960px) {
        .wrapper > header nav .search input {
          margin-right: 30px; } }
      .wrapper > header nav .search input:focus {
        outline: none; }
    .wrapper > header nav .search ::-webkit-input-placeholder {
      color: #fff; }
    .wrapper > header nav .search ::-moz-placeholder {
      color: #fff; }
    .wrapper > header nav .search label {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      position: absolute;
      top: 0;
      right: 0;
      width: 20px;
      height: 34px;
      background: url("../images/header/icon_search.png") no-repeat 0 10px; }
      @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .wrapper > header nav .search label {
          background: url("../images/header/icon_search.svg") no-repeat 0 10px;
          background-size: 60%; } }
      @media screen and (min-width: 960px) {
        .wrapper > header nav .search label {
          right: -30px; } }

footer {
  background: #222222;
  overflow: hidden; }
  footer, footer a {
    color: #ffffff; }
  footer h3 {
    margin-top: 40px;
    font-size: 0.9em;
    color: #ffffff;
    text-transform: uppercase; }
  footer a {
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  footer .indented, footer address, footer .tel, footer .email, footer nav > ul, footer .contact main > section address, .contact main > section footer address, footer .contact main > section .tel, .contact main > section footer .tel, footer .contact main > section .email, .contact main > section footer .email, footer .contact main > section .tube, .contact main > section footer .tube {
    padding-left: 38px;
    background-image: url("../images/footer/ss_footer.png");
    background-repeat: no-repeat; }
    footer .indented, footer address, footer .tel, footer .email, footer nav > ul, footer .contact main > section address, .contact main > section footer address, footer .contact main > section .tel, .contact main > section footer .tel, footer .contact main > section .email, .contact main > section footer .email, footer .contact main > section .tube, .contact main > section footer .tube, footer .indented a, footer address a, footer .tel a, footer .email a, footer nav > ul a, footer .contact main > section address a, .contact main > section footer address a, footer .contact main > section .tel a, .contact main > section footer .tel a, footer .contact main > section .email a, .contact main > section footer .email a, footer .contact main > section .tube a, .contact main > section footer .tube a {
      color: #ececec; }
  footer address {
    font-size: 0.75em;
    font-style: normal;
    line-height: 1.8em;
    margin-bottom: 3em; }
    @media screen and (min-width: 540px) {
      footer address {
        margin-bottom: 0; } }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      footer address {
        background-image: url("../images/footer/icon_pin.svg");
        background-position: 1px 0px;
        background-repeat: no-repeat;
        background-size: 6%; } }
  footer .tel {
    background-position: 0 -75px;
    line-height: 25px;
    margin-bottom: 1.4em; }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      footer .tel {
        background-image: url("../images/footer/icon_phone.svg");
        background-position: 1px 0px;
        background-repeat: no-repeat;
        background-size: 6%; } }
    @media screen and (min-width: 540px) {
      footer .tel {
        margin-bottom: 0; } }
  footer .email {
    background-position: 0 -120px;
    line-height: 20px;
    font-size: 0.75em;
    margin-bottom: 1.4em; }
    @media screen and (min-width: 540px) {
      footer .email {
        margin-bottom: 0; } }
    @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      footer .email {
        background-image: url("../images/footer/icon_mail.svg");
        background-position: 1px 0px;
        background-repeat: no-repeat;
        background-size: 6%; } }
  footer nav {
    font-size: 0.75em; }
    @media screen and (min-width: 540px) {
      footer nav {
        padding: 24px 0 0 35px; } }
    @media screen and (min-width: 960px) {
      footer nav {
        padding-left: 70px; } }
    footer nav ul {
      list-style-type: none; }
    footer nav > ul {
      background-position: 0 -168px; }
      @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        footer nav > ul {
          background-image: url("../images/footer/icon_contact_bubble.svg");
          background-position: 1px 1px;
          background-repeat: no-repeat;
          background-size: 6.5%; } }
    footer nav li {
      line-height: 1.6em; }
      footer nav li.contact {
        line-height: 2.2em;
        padding-bottom: 8px; }
    footer nav li.inline ul {
      padding: 20px 0 0 0; }
      footer nav li.inline ul li {
        display: inline-block; }
        footer nav li.inline ul li:after {
          content: "|";
          padding: 0 5px 0 10px; }
        footer nav li.inline ul li:last-child:after {
          content: ""; }
  footer .copyright {
    clear: both;
    padding: 2.5em 0;
    font-size: 0.65em;
    line-height: 1.4em; }

.hero {
  position: relative;
  height: 349px;
  overflow: hidden; }
  @media screen and (max-width: 960px) {
    .hero {
      width: 100%; } }
  .hero > img {
    left: 0;
    position: absolute; }
  .hero .hero-legend {
    position: relative;
    width: 960px;
    height: 100%;
    margin: 0 auto; }
    @media screen and (max-width: 960px) {
      .hero .hero-legend {
        width: 100%; } }
    @media screen and (max-width: 540px) {
      .hero .hero-legend.hero-legend-white .content {
        border-bottom: 4px solid #222222; } }
    .hero .hero-legend .content {
      box-sizing: border-box;
      position: absolute;
      bottom: 40px;
      width: auto;
      padding: 16px 20px;
      line-height: 1.4em; }
	  
      @media screen and (max-width: 540px) {
        .hero .hero-legend .content {
          bottom: 0;
          width: 100%; } }
      .hero .hero-legend .content h3 {
        margin: 0;
        padding: 10px 0 5px 0;
        font-size: 1.4em; }
      .hero .hero-legend .content p {
        margin: 0 18px 0 0; }
        .hero .hero-legend .content p.link {
          margin-top: 0.5em; }
      .hero .hero-legend .content a {
        /*padding: 5px 20px 0 0;*/
		padding:0;
        text-decoration: none; }
        .hero .hero-legend .content a:hover {
          text-decoration: underline; }

nav.hero-nav-bar {
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #000000;
  height: 45px; }
  @media screen and (max-width: 540px) {
    nav.hero-nav-bar {
      display: none; } }
  nav.hero-nav-bar ul {
    position: relative;
    width: 100%;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none; }
    @media screen and (min-width: 960px) {
      nav.hero-nav-bar ul {
        width: 960px; } }
  nav.hero-nav-bar li {
    float: left;
    width: 25%;
    border-left: 2px solid #ffffff;
    box-sizing: border-box;
    text-align: center; }
    nav.hero-nav-bar li a {
      box-sizing: border-box;
      display: block;
      width: 100%;
      color: #ffffff;
      font-size: 0.9em;
      text-decoration: none;
      line-height: 45px;
      transition: all 0.3s; }
      nav.hero-nav-bar li a:hover{
        background: #ffffff;
        color: #000000; }
		nav.hero-nav-bar li.active a{
        background: #ffffff;
        color: #000000; }
    nav.hero-nav-bar li:last-child {
      border-right: 2px solid #ffffff; }

.button {
  display: inline-block;
  padding: 8px 10px 4px 10px;
  text-decoration: none;
  color: #fff;
  transition: background 0.3s; }

.inline-links a {
  padding-right: 15px;
  background: url("../images/shared/icon_arrow_right.png") 100% 1px no-repeat;
  color: #2e2e2e;
  text-decoration: none; }
  .inline-links a:first-child {
    margin-right: 35px; }
  .inline-links a:hover {
    text-decoration: underline; }

form.basic label {
  color: #9f9f9f;
  font-size: 0.95em; }
form.basic input[type="text"] {
  box-sizing: border-box;
  padding: 13px;
  border: 1px solid #BBBBBB; }
  form.basic input[type="text"]::-webkit-input-placeholder {
    padding-top: 2px;
    color: #9f9f9f;
    font-size: 0.9em;
    font-family: "Conv_Vaud SemiBold"; }
  form.basic input[type="text"]:-moz-placeholder {
    padding-top: 2px;
    color: #9f9f9f;
    font-size: 0.9em;
    font-family: "Conv_Vaud SemiBold"; }
  form.basic input[type="text"]::-moz-placeholder {
    padding-top: 2px;
    color: #9f9f9f;
    font-size: 0.9em;
    font-family: "Conv_Vaud SemiBold"; }
  form.basic input[type="text"]:-ms-input-placeholder {
    padding-top: 2px;
    color: #9f9f9f;
    font-size: 0.9em;
    font-family: "Conv_Vaud SemiBold"; }
form.basic input[type="submit"] {
  padding: 12px 15px 10px 15px;
  border: none;
  color: #ffffff;
  font-size: 0.8em;
  letter-spacing: 0.1em;
  text-transform: uppercase; }
form.basic input[type="radio"] {
  margin-right: 7px; }

.order-form {
  margin-top: 50px; }
  .order-form fieldset {
    margin: 2.4em 0 0;
    padding: 1.2em 0 3.2em;
    border: 1px solid #0d53ae;
    border-width: 1px 0; }
  
	
  .order-form legend {
    position: absolute;
    top: -38px;
    padding: 1em;
    background: #0d53ae;
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 2px;
    line-height: 1em;
    text-transform: uppercase; }
  .order-form .form-row {
    clear: both;
    padding: 0 2em; }
    @media screen and (max-width: 540px) {
      .order-form .form-row {
        padding: 0 0 1em; } }
    .order-form .form-row + .form-row {
      margin-top: 1em; }
    .order-form .form-row ul {
      margin: 2em 0 0;
      padding: 0;
      list-style: none; }
    .order-form .form-row li {
      float: left;
      margin-bottom: 2em;
      width: 35%; }
      @media screen and (max-width: 540px) {
        .order-form .form-row li {
          width: 50%; } }
      .order-form .form-row li label {
        margin-left: 15px;
        width: auto; }
        @media screen and (max-width: 540px) {
          .order-form .form-row li label {
            display: inline-block;
            margin-left: 10px;
            width: 80%; } }
      .order-form .form-row li input {
        width: auto;
        padding: 0; }
        @media screen and (max-width: 540px) {
          .order-form .form-row li input {
            float: left; } }
    .order-form .form-row.full-width label {
      width: auto; }
  .order-form label {
    display: inline-block;
    margin-bottom: 1em;
    width: 25%;
    font-size: 0.9em; }
    @media screen and (max-width: 540px) {
      .order-form label {
        display: block;
        margin-bottom: 0.5em;
        width: auto; } }
  .order-form input {
    padding: 1em 1.4em 0.6em;
    width: 45%;
    border: 1px solid #BBBBBB;
    font-size: 0.9em;
    line-height: 1em; }
    @media screen and (max-width: 540px) {
      .order-form input {
        width: 85%; } }
  .order-form select {
    width: 65%; }
    @media screen and (max-width: 540px) {
      .order-form select {
        width: 100%; } }
  .order-form textarea {
    padding: 1%;
    width: 98%;
    height: 100px;
    border: 1px solid #BBBBBB;
    line-height: 1.2em; }
  .order-form button,
  .order-form .submit-row {
    font-size: 0.9em;
    line-height: 1em;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .order-form button a,
    .order-form .submit-row a {
      display: block;
      float: left;
      padding: 1em 1em 0.8em;
      background: #fff;
      border: 1px solid #0d53ae;
      border-width: 0 1px 1px;
      color: #0d53ae;
      font-size: 0.9em;
      text-decoration: none; }
      .order-form button a:hover, .order-form button a:focus,
      .order-form .submit-row a:hover,
      .order-form .submit-row a:focus {
        background: #0d53ae;
        color: #fff; }
  .order-form button {
    float: right;
    padding: 1em 1em 0.8em;
    background: #0d53ae;
    border: 1px solid #0d53ae;
    border-width: 0 1px 1px;
    color: #fff;
    cursor: pointer; }
    .order-form button:hover, .order-form button:focus {
      background: #fff;
      border-color: #0d53ae;
      color: #0d53ae; }

.homepage section {
  clear: both; }
  .homepage section:after {
    content: "";
    display: table;
    clear: both; }
  .homepage section:nth-child(odd) .copy {
    max-width: 510px; }
  .homepage section:nth-child(odd) img {
    float: right; }
  .homepage section:nth-child(even) {
    background: #f9f9f9; }
    @media screen and (min-width: 960px) {
      .homepage section:nth-child(even) .copy {
        margin-left: 300px; } }
    .homepage section:nth-child(even) img {
      float: left;
      margin-right: 50px; }
  .homepage section .copy {
    padding-top: 40px; }
  .homepage section h3 {
    margin: 0; }
  @media screen and (max-width: 540px) {
    .homepage section img {
      display: none; } }
  @media screen and (max-width: 960px) {
    .homepage section {
      padding-bottom: 2em; } }
.homepage section.full-panel {
  height: auto;
  box-sizing: border-box;
  padding-top: 40px; }
  .homepage section.full-panel h2 {
    margin: 0;
    font-size: 2.5em; }
  .homepage section.full-panel .button {
    padding: 15px 15px 12px 15px;
    text-transform: uppercase;
    letter-spacing: 2px; }
  @media screen and (max-width: 540px) {
    .homepage section.full-panel {
      border-top: 2px solid #fff;
      padding-top: 40px;
      text-align: center; }
      .homepage section.full-panel h2 {
        font-size: 2em;
        line-height: 1.3em; } }
.homepage section.broadband {
  background: #070231 url(../images/home/bg_spiral.png) 100% 0 no-repeat;
  color: #fff; }
  .homepage section.broadband p {
    color: #fff; }
  .homepage section.broadband .mini-checker {
    margin-top: 50px; }
    .homepage section.broadband .mini-checker input[type="radio"] {
      margin-right: 10px; }
    .homepage section.broadband .mini-checker label {
      margin-right: 20px;
      font-size: 0.9em; }
    .homepage section.broadband .mini-checker .row {
      margin-top: 10px; }
      .homepage section.broadband .mini-checker .row input[type="text"] {
        padding: 13px 10px 10px 10px;
        width: 100px; }
    .homepage section.broadband .mini-checker input[type="submit"] {
      border: none; }
  @media screen and (max-width: 540px) {
    .homepage section.broadband {
      background: #070231 url(../images/home/bg_spiral_m.png) 0 0 no-repeat; }
      .homepage section.broadband .mini-checker {
        margin-top: 30px; }
      .homepage section.broadband .mini-checker .row {
        margin-top: 20px; }
        .homepage section.broadband .mini-checker .row input[type="text"],
        .homepage section.broadband .mini-checker .row input[type="submit"] {
          text-align: center;
          width: 60%;
          display: block;
          margin: 0 auto; }
        .homepage section.broadband .mini-checker .row input[type="text"] {
          width: 59%;
          margin-bottom: 10px;
          padding: 13px 0 10px 0; } }
.homepage section.cloud {
  background: #e2e2e2 url(../images/home/bg_cloud.png) 0 0 no-repeat;
  color: #333333; }
.homepage section.water {

  background: #FFF url(../images/home/bg_connectivity_w.png) 89px 78px no-repeat;
  background-position:  right 10px;
  
  
  color: #333333; }  
  .homepage section.cloud p {
    margin-bottom: 68px;
    font-size: 1.1em; }
  @media screen and (max-width: 540px) {
    .homepage section.cloud {
      height: auto;
      background: #e2e2e2 url(../images/home/bg_cloud_m.png) 0 center no-repeat; }
      .homepage section.cloud p {
        margin-bottom: 20px; } }
.homepage section.half-panel {
  width: 50%;
  float: left;
  clear: none; }
  .homepage section.half-panel .centred {
    text-align: center;
    padding: 30px 0; }
  .homepage section.half-panel h3 {
    font-size: 1.4em; }
    .homepage section.half-panel h3 + p {
      max-width: 500px;
      margin: 0 auto; }
  .homepage section.half-panel .button {
    margin-top: 100px;
    padding: 8px 14px 5px 14px;
    font-size: 0.9em; }
  .homepage section.half-panel.connectivity {
    background: #fff url(../images/home/icon_connectivity.png) center 105px no-repeat; }
  .homepage section.half-panel.cloud-services {
    background: #b7e5fa url(../images/home/icon_cloud.png) center 105px no-repeat; }
  .homepage section.half-panel.managed-it {
    background: #acacac url(../images/home/icon_managed.png) center 105px no-repeat; }
  .homepage section.half-panel.communications {
    background: #40b350 url(../images/home/icon_communications.png) center 105px no-repeat; }
  @media screen and (max-width: 540px) {
    .homepage section.half-panel {
      width: 100%;
      float: none; }
      .homepage section.half-panel .centred {
        padding-bottom: 0; }
      .homepage section.half-panel p {
        margin: 10px 10%; }
      .homepage section.half-panel.connectivity, .homepage section.half-panel.cloud-services, .homepage section.half-panel.managed-it, .homepage section.half-panel.communications {
        background-position: center 115px; } }

.connectivity main > section {
  clear: both;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 2px solid #0d53ae; }
  .connectivity main > section:after {
    content: "";
    display: table;
    clear: both; }
  .connectivity main > section.is-borderless {
    padding-top: 20px;
	margin-top:0;
    border: none; }  
  .connectivity main > section:last-child {
    padding-bottom: 60px; }
  .connectivity main > section h3 {
    margin: 0;
    font-size: 1.3em;
    color: #0d53ae; }
  .connectivity main > section .button {
    margin-top: 1em;
    text-transform: uppercase;
    font-size: 0.9em; }

.broadband main section.is-borderless + section {
  /*border-top: none;*/ }
.broadband .availability-checker {
  margin-top: 2em; }
  .broadband .availability-checker header {
    transition: background-color 0.3s;
    cursor: pointer;
    background-image: url("../images/shared/icon_chevron_down.png");
    background-repeat: no-repeat;
    background-position: 775px 17px; }
    .broadband .availability-checker header:hover {
      background-color: #e9b100; }
    .broadband .availability-checker header p {
      padding: 12px 10px 10px 40px;
      color: #ffffff;
      text-transform: uppercase;
      letter-spacing: 0.1em; }
  .broadband .availability-checker header + p {
    display: none; }

.hosted-security main > section h3 {
  margin-top: 2em;
  color: #000;
  font-size: 1em; }
main > section .styled-list, main > section .bullet13, main > section .bullet13-red, main > section .bullet13-indigo, main > section .bullet13-dark-green {
  padding-left: 10px; }
   main > section .styled-list li,  main > section .bullet13 li{
    padding-left: 25px;
    background: url(../images/shared/icon_tick.png) 0 4px no-repeat;
    list-style: none;
    font-size: 0.9em;
    line-height: 1.8em; }
	main > section .styled-list li,  main > section .bullet13-red li{
    padding-left: 25px;
    background: url(../images/shared/icon_tick_red.png) 0 4px no-repeat;
    list-style: none;
    font-size: 0.9em;
    line-height: 1.8em; }
	main > section .styled-list li,  main > section .bullet13-indigo li{
    padding-left: 25px;
    background: url(../images/shared/icon_tick_indigo.png) 0 4px no-repeat;
    list-style: none;
    font-size: 0.9em;
    line-height: 1.8em; }
	main > section .styled-list li,  main > section .bullet13-dark-green li{
    padding-left: 25px;
    background: url(../images/shared/icon_tick_darkgreen.png) 0 4px no-repeat;
    list-style: none;
    font-size: 0.9em;
    line-height: 1.8em; }
  .hosted-security main > section .styled-list + h3 {
    margin-top: 0; }

@media screen and (max-width: 767px) {
  .order .order-form {
    display: none; } }
@media screen and (min-width: 767px) {
  .order .order-alternative {
    display: none; } }

.order-confirmation fieldset {
  padding-bottom: 1.6em;
  border-bottom: 0; }
.order-confirmation .is-blue {
  color: #0d53ae; }
.order-confirmation .table-section {
  margin-top: 2em;
  font-size: 0.9em; }
  .order-confirmation .table-section .has-border {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #0d53ae; }
  .order-confirmation .table-section ul {
    margin: 2em 0; }
    .order-confirmation .table-section ul.has-border {
      padding-bottom: 2em; }
  .order-confirmation .table-section li {
    float: none;
    margin: 0;
    width: 100%; }
    .order-confirmation .table-section li + li {
      margin-top: 1em; }
  .order-confirmation .table-section .label {
    display: inline-block;
    width: 25%; }
  .order-confirmation .table-section b {
    display: inline-block;
    width: 53%;
    letter-spacing: -1px; }
  .order-confirmation .table-section span.is-blue {
    display: inline-block;
    width: 10%; }
  .order-confirmation .table-section .title b {
    width: 78%; }
  .order-confirmation .table-section .title .is-blue {
    font-size: 0.75em;
    letter-spacing: -1px; }
  .order-confirmation .table-section .total-row {
    margin-bottom: 2em; }
    .order-confirmation .table-section .total-row b {
      width: 78.5%; }
  .order-confirmation .table-section .documents .cell,
  .order-confirmation .table-section .documents .cell_right,
  .order-confirmation .table-section .documents .first-cell {
    display: inline-block; }
  .order-confirmation .table-section .documents .cell,
  .order-confirmation .table-section .documents .cell_right {
    width: 10%; }
  .order-confirmation .table-section .documents .cell_right {	
    text-align:right;
  }
  .order-confirmation .table-section .documents b,
  .order-confirmation .table-section .documents .first-cell {
    width: 78%; }
.order-confirmation .submit-row {
  float: right; }
  .order-confirmation .submit-row a,
  .order-confirmation .submit-row button {
    border-width: 1px; }
  .order-confirmation .submit-row button {
    padding-top: 1.2em;
    margin-left: 1em; }

.news main > section h3 {
  color: #000; }
.news article {
  clear: both; }
  .news article + article {
    margin-top: 2em;
    padding-top: 1em;
    border-top: 1px solid #ececec; }
  .news article p {
    font-size: 0.8em; }
  .news article a {
    color: #000;
    text-decoration: none; }
  .news article .is-larger, .news article .service-status .rss-link, .service-status .news article .rss-link {
    margin-bottom: 0.5em;
    font-size: 1em; }
  .news article .align-left {
    float: left;
    margin: 10px 30px 20px 0; }

.service-status main > section h3 {
  color: #000; }
.service-status .rss-link {
  display: inline-block;
  padding-left: 35px;
  background: url(../images/shared/icon_rss.png) left no-repeat;
  color: #000;
  line-height: 2em;
  text-decoration: none; }
  @media screen and (max-width: 540px) {
    .service-status .rss-link {
      line-height: 1.2em;
      word-break: break-word; } }
.service-status article {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #BBBBBB; }
  .service-status article a {
    color: #000;
    text-decoration: none; }
  .service-status article .is-larger, .service-status article .rss-link {
    margin-bottom: 0.5em; }
.service-status .service-complete {
  margin: 1.4em 0 1.4em;
  padding-left: 25px;
  background: url(../images/shared/icon_tick_service_complete.png) 0 4px no-repeat;
  color: #32c006;
  line-height: 2em; }

.contact main > section h3 {
  color: #000;
  font-size: 1.2em; }
.contact main > section p + h3 {
  margin-top: 2em; }
.contact main > section .indented, .contact main > section footer address, footer .contact main > section address, .contact main > section footer nav > ul, footer .contact main > section nav > ul, .contact main > section address, .contact main > section .tel, .contact main > section .email, .contact main > section .tube {
  padding-left: 38px;
  background-image: url("../images/contact/ss_contact.png");
  background-position: 0 1px;
  background-repeat: no-repeat; }
  .contact main > section .indented, .contact main > section footer address, footer .contact main > section address, .contact main > section footer nav > ul, footer .contact main > section nav > ul, .contact main > section address, .contact main > section .tel, .contact main > section .email, .contact main > section .tube, .contact main > section .indented a, .contact main > section footer address a, footer .contact main > section address a, .contact main > section footer nav > ul a, footer .contact main > section nav > ul a, .contact main > section address a, .contact main > section .tel a, .contact main > section .email a, .contact main > section .tube a {
    color: #000; }
.contact main > section address {
  font-size: 0.9em;
  font-style: normal;
  line-height: 1.8em;
  margin-bottom: 1em; }
.contact main > section .tel {
  background: none;
  line-height: 25px;
  margin-bottom: 1.2em;
  font-size: 1.2em; }
  .contact main > section .tel a {
    text-decoration: none; }
.contact main > section .email {
  background-position: 0 -120px;
  line-height: 20px;
  font-size: 0.9em; }
  .contact main > section .email a {
    text-decoration: none; }
.contact main > section .tube {
  margin: 1em 0 2em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 43px;
  background-position: 0 -70px; }
@media screen and (max-width: 540px) {
  .contact main > section .r-col {
    display: none; } }

#contact_map {
  border-bottom: 4px solid #000; }

.shop .form-row.offset-top {
  margin-top: 3em; }
.shop fieldset {
  position: relative;
  width: 100%; }
  .shop fieldset.has-no-margins .form-row.offset-top {
    margin-top: 2em; }
  .shop fieldset.has-no-margins label,
  .shop fieldset.has-no-margins input,
  .shop fieldset.has-no-margins p {
    margin: 0;
    padding: 0; }
.shop legend + .required {
  position: absolute;
  right: 0;
  top: -20px;
  padding: 0 1em;
  font-size: 0.8em;
  color: #888; }
.shop label.floated {
  clear: left;
  float: left;
  padding-top: 15px;
  white-space: nowrap; }
.shop .indented-control {
  position: relative;
  margin-left: 25%; }
  .shop .indented-control input[type="radio"] {
    display: inline;
    padding-top: 1em;
    width: auto; }
  .shop .indented-control label {
    display: inline;
    padding-top: 1em;
    margin: 0 40px 0 5px;
    width: auto;
    line-height: 2.5em; }
  .shop .indented-control input[type="text"],
  .shop .indented-control input[type="password"] {
    width: 90%; }
    .shop .indented-control input[type="text"].medium,
    .shop .indented-control input[type="password"].medium {
      width: 250px; }
    .shop .indented-control input[type="text"].short,
    .shop .indented-control input[type="password"].short {
      width: 50px; }
  .shop .indented-control select {
    width: 98%;
    height: 35px;
    /*padding: 0 1em;*/
    border: 1px solid #bbb;
    background: #fff;
    line-height: 37px;
    -webkit-appearance: none;
    border-radius: 0; }
    .shop .indented-control select.medium {
      width: 292px; }
    .shop .indented-control select.short {
      width: 92px;
      padding: 0 15px; }
  .shop .indented-control select + select {
    margin-left: 10px; }
  .shop .indented-control.half-width {
    width: 40%; }
  .shop .indented-control.accepted:after {
    content: "";
    background: url("../images/icons/icon_tick_blue.png");
    position: absolute;
    bottom: 13px;
    right: -10px;
    width: 20px;
    height: 20px; }
	.shop .indented-control.rejected:after {
    content: "";
    background: url("../images/icons/error.png");
    position: absolute;
    bottom: 13px;
    right: -10px;
    width: 22px;
    height: 22px; }
.shop a.help {
  margin-left: 10px;
  color: #aaa;
  font-size: 0.9em; }
.shop .password-strength p {
  margin-bottom: 0px; }
.shop .password-strength .bar {
  width: 50%;
  height: 15px;
  margin-bottom: 8px; }
  .shop .password-strength .bar.strong {
    background: #51b62a; }
  .shop .password-strength .bar.weak {
    background: orange; }
  .shop .password-strength .bar.poor {
    background: red; }
.shop .text {
  margin: 0 1em 0 0;
  padding-top: 1em;
  text-align: right; }
  .shop .text.floated {
    text-align: left;
    margin: 0;
    padding: 0; }
  .shop .text strong {
    font-size: 1.5em; }
    .shop .text strong.sub-total {
      font-size: 1.25em; }
    .shop .text strong.non-total {
      font-size: 1em; }
.shop .text-note {
  margin-right: 1.5em;
  margin-top: 2em;
  text-align: right; }
  .shop .text-note a {
    margin-left: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid #0d53ae;
    font-weight: bold;
    color: #0d53ae;
    text-decoration: none; }
    .shop .text-note a:hover {
      border: none; }
.shop .third-width {
  width: 32%;
  margin-right: 2%;
  float: left;
  box-sizing: border-box; }
  .shop .third-width:nth-child(3n) {
    margin-right: 0; }
.shop .product-row {
  clear: left;
  margin-bottom: 1em; }
  .shop .product-row:after {
    content: "";
    display: table;
    clear: both; }
.shop .product-item label,
.shop .product-item input {
  width: auto; }
.shop .product-item input {
  float: left;
  margin: 50px 10px 0 0; }
.shop .product-item label {
  margin-left: 10px;
  position: relative;
  height: 120px;
  display: table-cell;
  vertical-align: middle; }
  .shop .product-item label img {
    max-height: 100px; }
.shop .product-item.small-image input {
  margin-top: 30px; }
.shop .product-item.small-image label {
  height: 50px; }
.shop .product-item.no-image input {
  margin: 17px 10px 0 0; }
.shop .product-item p {
  margin: auto 0 0.25em 30px; }
  .shop .product-item p.note {
    font-size: 0.7em; }
  .shop .product-item p.price span {
    font-size: 1.3em; }
.shop .product-item label + p {
  margin-top: 0;
  padding-top: 0; }
.shop .service-row {
  overflow: hidden;
  position: relative;
  margin-bottom: 1em;
  padding: 0.5em 1.5em;
  border: 1px solid #b5b5b5; }
  .shop .service-row:after {
    content: "";
    display: table;
    clear: both; }
  .shop .service-row .service-details {
    float: left;
    padding-bottom: 5px; }
    .shop .service-row .service-details p {
      margin: 0;
      font-size: 0.8em; }
      .shop .service-row .service-details p:first-child {
        padding: 0.5em 0 0.3em 0;
        font-size: 1.2em; }
  .shop .service-row.third-width .service-details p {
    font-size: 0.85em; }
    .shop .service-row.third-width .service-details p:last-child {
      margin-bottom: 1.5em;
      font-size: 1.1em; }
  .shop .service-row.third-width .service-details.plus {
    font-size: 1.5em; }
    .shop .service-row.third-width .service-details.plus p:first-child {
      padding-top: 8px;
      font-size: 0.7em; }
    .shop .service-row.third-width .service-details.plus p:last-child {
      margin: 0; }
  .shop .service-row .pricing {
    float: right;
    padding-top: 1em;
    text-align: right;
    font-size: 0.85em; }
    .shop .service-row .pricing strong {
      font-size: 2.3em; }
    .shop .service-row .pricing.with-quantity {
      padding: 35px 110px 30px 0; }
      .shop .service-row .pricing.with-quantity p {
        float: left;
        margin: 0; }
    .shop .service-row .pricing .quantity {
      position: absolute;
      top: 0;
      right: 0;
      background: #e5edf6;
      width: 106px;
      height: 95px;
      text-align: center; }
      .shop .service-row .pricing .quantity label {
        margin: 0;
        padding: 1.5em 0 1em 0;
        width: auto; }
      .shop .service-row .pricing .quantity input {
        margin: 0;
        padding: 0;
        width: 80px;
        background: transparent;
        border: none;
        text-align: center;
        font-size: 1.3em; }
        .shop .service-row .pricing .quantity input:focus {
          outline: none; }
  .shop .service-row .select-control {
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: -13px; }
    .shop .service-row .select-control input[type="checkbox"] {
      display: none; }
    .shop .service-row .select-control label {
      position: relative;
      display: inline-block;
      width: auto;
      padding: 9px 7px 7px 39px;
      background: #0d53ae;
      color: #fff;
      text-transform: uppercase;
      font-size: 0.7em;
      letter-spacing: 0.3em;
      cursor: pointer; }
    .shop .service-row .select-control.disabled label {
      width: 0px;
      padding: 6px 13px; }
    .shop .service-row .select-control label:before {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      content: "";
      background: #e1e1e1 url("../images/shop/icon_tick_white.png") center 6px no-repeat;
      width: 28px;
      height: 30px;
      font-size: 1.6em; }
    .shop .service-row .select-control input:checked + label:before {
      background-color: #3abe23; }

.is-hidden {
  display: none; }

.hero .hero-legend.is-smaller-text .content {
  padding-bottom: 22px; }
  .hero .hero-legend.is-smaller-text .content p {
    font-size: 0.7em; }
.hero .hero-legend.is-larger-text .content p {
  font-size: 0.9em; }
.hero .hero-legend.is-left .content {
  /*left: 0;*/
  right: auto; }
  @media screen and (max-width: 540px) {
    .hero .hero-legend.is-left .content {
      padding-left: 20px; } }
  @media screen and (min-width: 960px) {
    .hero .hero-legend.is-left .content {
      padding-left: 66px; } }
@media screen and (min-width: 960px) {
  .hero .hero-legend.is-right .content {
    left: auto;
    right: 0; } }
.hero .hero-legend.is-white .content * {
  color: #ffffff; }
.hero .hero-legend.is-black .content * {
  color: #000000; }

.broadband .is-borderless.is-open {
  border-bottom: 2px solid #ffc303; }
.broadband .availability-checker.is-open .error {
  color: #e68423; }
.broadband .availability-checker.is-open section {
  clear: both; }
.broadband .availability-checker.is-open header + p {
  display: block;
  margin: 30px 35px;
  font-size: 0.85em; }
.broadband .availability-checker.is-open header {
  background-image: url("../images/shared/icon_chevron_up.png"); }
.broadband .availability-checker.is-open form {
  margin: 25px 35px 35px 35px; }
  .broadband .availability-checker.is-open form > div {
    padding-bottom: 30px; }
  .broadband .availability-checker.is-open form .row {
    margin-bottom: 10px;
    min-height: 45px;
    line-height: 45px; }
  .broadband .availability-checker.is-open form input[type="text"] {
    width: 100%;
    line-height: 18px; }
  .broadband .availability-checker.is-open form input[type="submit"] {
    float: right;
    margin-top: 5px; }
  .broadband .availability-checker.is-open form label {
    margin-right: 25px; }
.broadband .availability-checker.is-open .loading {
  position: relative; }
  .broadband .availability-checker.is-open .loading .progress, .broadband .availability-checker.is-open .loading .progress_popup {
    margin: 50px 0 80px 0;
    text-align: center;
    padding-top: 130px; }
.broadband .availability-checker.is-open .addresses {
  margin: 0 140px 40px 140px;
  padding: 25px;
  border: 1px solid #ffc303; }
  .broadband .availability-checker.is-open .addresses form {
    display: none; }
  .broadband .availability-checker.is-open .addresses p {
    margin: 0 0 1.5em 0; }
  .broadband .availability-checker.is-open .addresses ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
    max-height: 200px;
    overflow-y: scroll; }
  .broadband .availability-checker.is-open .addresses li {
    color: #757575;
    font-size: 0.9em;
    line-height: 1.6em;
    cursor: pointer;
    transition: background 0.3s; }
    .broadband .availability-checker.is-open .addresses li:hover {
      background: #eee; }
    .broadband .availability-checker.is-open .addresses li.is-selected {
      background: #ffc303; }
.broadband .availability-checker.is-open .result {
  padding: 0 60px; }
  .broadband .availability-checker.is-open .result .result-row {
    position: relative;
    clear: left;
    height: 65px;
    padding-top: 10px;
    border-bottom: 1px solid #ececec;
    font-size: 0.9em;
    color: #333333;
    line-height: 1.5em; }
    .broadband .availability-checker.is-open .result .result-row:first-child {
      border: none;
      height: auto;
      padding-bottom: 30px; }
    .broadband .availability-checker.is-open .result .result-row.bonded {
      border: none; }
    .broadband .availability-checker.is-open .result .result-row .result-label {
      float: left;
      width: 200px; }
    .broadband .availability-checker.is-open .result .result-row .result-value {
      float: left; }
    .broadband .availability-checker.is-open .result .result-row .result-cta {
      position: absolute;
      right: 0;
      top: 0px; }
    .broadband .availability-checker.is-open .result .result-row.available .result-value {
      color: #50ca24;
      background: url("../images/broadband/icon_tick_green.png") 0 0 no-repeat;
      padding-left: 30px; }
      .broadband .availability-checker.is-open .result .result-row.available .result-value span {
        margin-left: -28px;
        color: #333333; }
    .broadband .availability-checker.is-open .result .result-row.unavailable .result-value {
      color: #e68423; }
    .broadband .availability-checker.is-open .result .result-row span {
      display: block; }
  .broadband .availability-checker.is-open .result .footnotes {
    padding: 10px 0 30px 0; }
    .broadband .availability-checker.is-open .result .footnotes p {
      font-size: 0.8em; }

label {
  display: inline; 
}
.inputerror
{
	border:1px solid #900 !important;
}
.formbutton {
	background:#ffc303;
	float: right;
    margin: 0;
	padding: 12px 15px 10px 15px;
	 border: none;
	 color: #ffffff;
	 font-size: 0.8em;
	 letter-spacing: 0.1em;	 
	line-height: normal; 
	cursor: pointer;
}
.criterion p label { float:left !important; width:250px !important; }
/*# sourceMappingURL=master.css.map */

.border-bottom {
    clear: both !important;
	border: none !important;
    margin-bottom: 30px !important;
    padding-bottom: 30px !important;
    border-bottom: 2px solid #0d53ae !important;
}
.hero .hero-legend .content .button {
	font-family: "Conv_Vaud SemiBold"; 
	margin-top: 1em;
	text-transform: uppercase;
	font-size: 0.9em;
	display: inline-block;
	padding: 8px 10px 4px 10px;
	text-decoration: none;
	color: #fff;
	transition: background 0.3s;
}

.hero .hero-legend .content a:hover {	
	text-decoration: none;
	
}
.h3-dark-green {
	color:#007c00 !important;
}

.h3-light-orange {
  background: #ffc303 !important; 
}
  
.h3-orange {
  background: #e68423 !important; 
}

.h3-bright-orange {
  background: #ff671e !important; 
}

.h3-indigo {
  background: #070231 !important; 
}

.h3-dark-red {
  background: #F00 !important; 
}

.h3-red {
  background: #c50e2b !important; 
}

.section-red { 
	border-top : 2px solid #c50e2b !important; 
}
.section-indigo { 
	border-top : 2px solid #070231 !important; 
}
.section-orange { 
	border-top : 2px solid #e68423 !important; 
}
.section-green { 
	border-top : 2px solid #50ca24 !important; 
}
.section-dark-green { 
	border-top : 2px solid #007c00 !important; 
}

h2 { margin-top:0; }
.top-banner-text { top: 40px; bottom:auto !important;}

.width360 { width: 360px !important}
.width420 { width: 420px !important}
.width450 { width: 450px !important}
.width480 { width: 480px !important}
.width540 { width: 540px !important}
@media screen and (max-width: 540px) {
.width360, .width420, .width450, .width480, .width540 { width: auto !important}
}

.wrapper > header nav ul li ul.menu {
    width: 100%;
    list-style: none;
    position: absolute;
    display: none;
    left:0;
	padding-left:501px;
	z-index: 1000;
    background: rgba(0, 0, 0, 0.8);  
    border-top: none;
    table-layout: fixed;
	
}



@media screen and (max-width: 540px) {
	.wrapper > header nav ul li ul.menu {
		display:none;
	}
	.result-cta { display:none;}
}


ul li.expanded {
    list-style-image: none;
    list-style-type:none;
}
li.expanded, li.collapsed, li.leaf {
    padding: 0;
	
}
li.active-trail ul li a {
	color:#999999 !important;
}
li.expanded ul li a:hover {
	color: #fff !important;
}
.connectivity main > section .result-cta .button {
    margin-top: 0.5em;
    text-transform: uppercase;
    font-size: 0.9em; 
}
.shop .select-control.accepted:after {
    content: "";
    background: url("../images/icons/icon_tick_blue.png");
    position: absolute;
    bottom: 13px;
    right: 10px;
    width: 20px;
    height: 20px; }
	.shop .select-control.rejected:after {
    content: "";
    background: url("../images/icons/error.png");
    position: absolute;
    bottom: 13px;
    right: 10px;
    width: 22px;
    height: 22px; }


/*@media screen and (max-width: 1700px) {
	.wrapper > header nav ul li ul.menu {
		padding-left:14.4%;
	}
}*/




/*li.expanded ul li a, li.expanded ul li a{
	color: #fff !important;
}*/