body.accounts-wizard .step-wrapper {
  width: 100%;
  max-width: 1100px;
  clear: both;
  margin-bottom: 30px;
  background: 0 0;
  color: #032b5a;
}

body.accounts-wizard .step-wrapper .main-column {
  width: 65.45455%;
  background: #fff;
}

body.accounts-wizard .step-wrapper .main-column .column-inner {
  margin: 31px 29px 132px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner.normal-height {
  margin-bottom: 52px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner p.reminder {
  padding-top: 11px;
  padding-bottom: 11px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner p.try-another {
  padding: 12px 0 0;
}

body.accounts-wizard .step-wrapper .main-column .column-inner p.try-again {
  padding: 6px 0 40px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner a,
body.accounts-wizard .step-wrapper .main-column .column-inner a.product-cta,
body.accounts-wizard .step-wrapper .main-column .column-inner input,
body.accounts-wizard .step-wrapper .main-column .column-inner label,
body.accounts-wizard .step-wrapper .main-column .column-inner p {
  font-size: 14px;
  line-height: 19px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner a.next-to-rounded-button {
  line-height: 48px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner h3 {
  font-size: 28px;
  line-height: 31px;
  padding-top: 8px;
  padding-bottom: 14px;
  border-bottom: 1px solid #efefef;
}

body.accounts-wizard .step-wrapper .main-column .column-inner h3#productNotFound {
  font-size: 26px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner h3 strong {
  font-family: Frutiger45Light,sans-serif;
  font-weight: 700;
}

body.accounts-wizard .step-wrapper .main-column .column-inner h3.description {
  margin-bottom: 25px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner a.next-to-rounded-button {
  margin-left: 30px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner input.panel-selector {
  position: absolute;
  left: -30px;
  top: 3px;
}

body.accounts-wizard .step-wrapper .main-column .column-inner .inputs-for-panel-selector {
  margin-left: 30px;
  position: relative;
}

body.accounts-wizard .step-wrapper .sidebar {
  width: 34.54545%;
}

body.accounts-wizard .step-wrapper .sidebar .column-inner {
  margin: 30px 0 34px 29px;
}

body.accounts-wizard .step-wrapper .sidebar .column-inner p {
  line-height: 18px;
  padding: 1px 0 3px;
}

body.accounts-wizard .step-wrapper .sidebar .column-inner a.product-cta,
body.accounts-wizard .step-wrapper .sidebar .column-inner input.product-cta,
body.accounts-wizard .step-wrapper .sidebar .column-inner p {
  font-size: 14px;
}

body.accounts-wizard .step-wrapper .main-column,
body.accounts-wizard .step-wrapper .sidebar {
  float: left;
  min-width: 320px;
}

body.accounts-wizard .step-wrapper .main-column,
body.accounts-wizard .step-wrapper .sidebar {
  min-width: inherit;
}

body.accounts-wizard .step-wrapper .column-inner h2 {
  font-size: 20px;
  color: #8e97a8;
  padding: 0;
}

body.accounts-wizard .step-wrapper .column-inner h4 {
  font-size: 22px;
  margin: 26px 0 10px;
  line-height: 28px;
}

body.accounts-wizard .step-wrapper .column-inner h4 strong {
  font-family: Frutiger45Light,sans-serif;
  font-weight: 700;
}

body.accounts-wizard .step-wrapper .column-inner .hint {
  font-size: 12px;
  font-family: Frutiger55,sans-serif;
  color: #8e97a8;
  margin-top: -10px;
  display: block;
  margin-bottom: -8px;
}

body.accounts-wizard .step-wrapper .column-inner .hint.between-field-and-validation {
  margin-top: 10px;
  margin-bottom: 0;
}

body.accounts-wizard .step-wrapper .column-inner .security-question-answer .hint {
  margin-top: 17px;
}

body.accounts-wizard .step-wrapper .column-inner ul.bulletList {
  margin-left: 1em;
  padding-top: 6px;
}

body.accounts-wizard .step-wrapper .column-inner ul.bulletList li {
  font-size: 14px;
  font-family: Frutiger55,sans-serif;
  list-style-type: disc;
  color: #032b5a;
  padding: 9px 0 8px;
}

body.accounts-wizard .step-wrapper .column-inner ul.bulletList li.no-spacing {
  padding: 0;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email],
body.accounts-wizard .step-wrapper .column-inner input[type=password],
body.accounts-wizard .step-wrapper .column-inner input[type=text],
body.accounts-wizard .step-wrapper .column-inner label,
body.accounts-wizard .step-wrapper .column-inner p,
body.accounts-wizard .step-wrapper .column-inner select {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
}

body.accounts-wizard .step-wrapper .column-inner label.securityQuestion {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 4px;
  width: 85%;
}

body.accounts-wizard .step-wrapper .column-inner a,
body.accounts-wizard .step-wrapper .column-inner a.product-cta,
body.accounts-wizard .step-wrapper .column-inner input.link-button,
body.accounts-wizard .step-wrapper .column-inner input.product-cta {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
}

body.accounts-wizard .step-wrapper .column-inner a.product-cta.rounded-button,
body.accounts-wizard .step-wrapper .column-inner a.rounded-button,
body.accounts-wizard .step-wrapper .column-inner input.link-button.rounded-button,
body.accounts-wizard .step-wrapper .column-inner input.product-cta.rounded-button {
  color: #fff;
}

body.accounts-wizard .step-wrapper .column-inner a.large-gap,
body.accounts-wizard .step-wrapper .column-inner a.product-cta.large-gap,
body.accounts-wizard .step-wrapper .column-inner input.link-button.large-gap,
body.accounts-wizard .step-wrapper .column-inner input.product-cta.large-gap {
  margin-top: 28px;
  display: inline-block;
}

body.accounts-wizard .step-wrapper .column-inner a.large-gap.block-link,
body.accounts-wizard .step-wrapper .column-inner a.product-cta.large-gap.block-link,
body.accounts-wizard .step-wrapper .column-inner input.link-button.large-gap.block-link,
body.accounts-wizard .step-wrapper .column-inner input.product-cta.large-gap.block-link {
  display: block;
}

body.accounts-wizard .step-wrapper .column-inner .radio-button-wrapper {
  padding: 8px 0;
}

body.accounts-wizard .step-wrapper .column-inner fieldset {
  margin: 0;
}

body.accounts-wizard .step-wrapper .column-inner .gap-before,
body.accounts-wizard .step-wrapper .column-inner fieldset.gap-before {
  margin-top: 40px;
}

body.accounts-wizard .step-wrapper .column-inner fieldset.input-and-validation {
  margin-bottom: 26px;
}

body.accounts-wizard .step-wrapper .column-inner fieldset.input-and-validation input {
  margin-bottom: 0;
}

body.accounts-wizard .step-wrapper .column-inner fieldset.input-and-validation input.retain-gap {
  margin-bottom: 26px;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email],
body.accounts-wizard .step-wrapper .column-inner input[type=password],
body.accounts-wizard .step-wrapper .column-inner input[type=text] {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #d8d8d8;
  padding: 6px 8px 4px;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email]:-moz-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=password]:-moz-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=text]:-moz-placeholder {
  color: #d8d8d8;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email]::-moz-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=password]::-moz-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=text]::-moz-placeholder {
  color: #d8d8d8;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email]::-webkit-input-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=password]::-webkit-input-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=text]::-webkit-input-placeholder {
  color: #d8d8d8;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email]:-ms-input-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=password]:-ms-input-placeholder,
body.accounts-wizard .step-wrapper .column-inner input[type=text]:-ms-input-placeholder {
  color: #d8d8d8;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email]:focus,
body.accounts-wizard .step-wrapper .column-inner input[type=password]:focus,
body.accounts-wizard .step-wrapper .column-inner input[type=text]:focus {
  border-color: #419eda;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email],
body.accounts-wizard .step-wrapper .column-inner input[type=password],
body.accounts-wizard .step-wrapper .column-inner input[type=text],
body.accounts-wizard .step-wrapper .column-inner select {
  margin: 8px 0 26px;
  width: 282px;
  display: block;
}

body.accounts-wizard .step-wrapper .column-inner input[type=email].small-margin,
body.accounts-wizard .step-wrapper .column-inner input[type=password].small-margin,
body.accounts-wizard .step-wrapper .column-inner input[type=text].small-margin,
body.accounts-wizard .step-wrapper .column-inner select.small-margin {
  margin-bottom: 16px;
}

body.accounts-wizard .step-wrapper .column-inner select {
  color: #032b5a;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  -webkit-font-smoothing: antialiased;
  width: 282px;
  padding: 10px;
  background: #f8f8f8;
  background-image: url();
  background-image: -moz-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#e6e6e6));
  background-image: -webkit-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: -o-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: -ms-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: linear-gradient(to bottom,#f8f8f8 0,#e6e6e6 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bebebe;
  outline: 0;
  display: block;
  overflow: visible;
  vertical-align: bottom;
}

body.accounts-wizard .step-wrapper .column-inner select.disabled {
  background: #f8f8f8;
  color: #d2d2d2;
  border: 1px solid #d2d2d2;
  -webkit-tap-highlight-color: transparent;
}

body.accounts-wizard .step-wrapper .column-inner select:hover {
  background: #f2f3f4;
  background-image: url();
  background-image: -moz-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f3f4),color-stop(100%,#b1bcc9));
  background-image: -webkit-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: -o-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: -ms-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: linear-gradient(to bottom,#f2f3f4 0,#b1bcc9 100%);
}

body.accounts-wizard .step-wrapper .column-inner select:hover.disabled {
  background: #f8f8f8;
}

body.accounts-wizard .step-wrapper .column-inner input[type=radio] {
  height: 16px;
  width: 16px;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

body.accounts-wizard .step-wrapper .column-inner p.bring-in-arrow {
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  color: #032b5a;
  font-style: italic;
  text-align: center;
  margin: 10px;
  line-height: 20px;
  padding: 0 0 40px;
  background: transparent url(//static.o2.co.uk/shared/img/modules/digital-id/down-arrow.png) 50% 100% no-repeat;
}

body.accounts-wizard .step-wrapper .column-inner .error-message,
body.accounts-wizard .step-wrapper .column-inner .important-message,
body.accounts-wizard .step-wrapper .column-inner .success-message {
  margin-top: 30px;
  padding-top: 35px;
}

body.accounts-wizard .step-wrapper .column-inner .error-message p,
body.accounts-wizard .step-wrapper .column-inner .important-message p,
body.accounts-wizard .step-wrapper .column-inner .success-message p {
  padding: 8px 0 9px;
  line-height: 17px;
}

body.accounts-wizard .step-wrapper .column-inner .error-message p.last-message,
body.accounts-wizard .step-wrapper .column-inner .important-message p.last-message,
body.accounts-wizard .step-wrapper .column-inner .success-message p.last-message {
  padding-bottom: 39px;
  border-bottom: 1px solid #efefef;
}

body.accounts-wizard .step-wrapper .column-inner .important-message {
  background: transparent url(//static.o2.co.uk/shared/img/modules/info.png) 0 0 no-repeat;
}

body.accounts-wizard .step-wrapper .column-inner .success-message {
  background: transparent url(//static.o2.co.uk/shared/img/modules/tick.png) 0 0 no-repeat;
}

body.accounts-wizard .step-wrapper .column-inner .error-message {
  background: transparent url(//static.o2.co.uk/shared/img/modules/digital-id/exclamation.png) 0 0 no-repeat;
}

body.accounts-wizard .step-wrapper .column-inner .confirmation-form {
  padding-top: 40px;
}

body.accounts-wizard .step-wrapper .column-inner .confirmation-form div.actionbar {
  margin-top: 14px;
}

body.accounts-wizard .step-wrapper .column-inner .confirmation-form div.actionbar * {
  float: none;
}

body.accounts-wizard .step-wrapper .column-inner .confirmation-form div.actionbar a.product-cta {
  line-height: 16px;
}

body.accounts-wizard .step-wrapper .column-inner .spaced {
  margin: 10px 0;
}

body.accounts-wizard .step-wrapper .column-inner input.short {
  width: 120px;
}

body.accounts-wizard .rounded-button {
  margin: 4px 1px;
}

body.accounts-wizard .block-link {
  display: block;
}

body.accounts-wizard a.cancel-button {
  margin-top: 13px;
}

body.accounts-wizard form {
  margin-bottom: 42px;
}

body.accounts-wizard .account-product-list-wrapper {
  margin: 30px 0 0;
}

body.accounts-wizard .account-product-list-header {
  background: #d8d8d8;
  margin: 0;
  padding: 17px 30px 15px;
}

body.accounts-wizard .account-product-list-header.add-flow {
  padding: 20px 30px 21px;
}

body.accounts-wizard .account-product-list-header p {
  padding: 0;
  margin: 0;
}

body.accounts-wizard .account-product-list-header p strong.username {
  font-style: italic;
}

body.accounts-wizard .account-product-list {
  background: #f8f8f8;
  margin: 0;
  padding: 0;
}

body.accounts-wizard .account-product-list .no_products {
  padding: 28px 30px;
}

body.accounts-wizard .account-product-list ul.products {
  padding: 0;
  margin: 0;
  border: 0;
}

body.accounts-wizard .account-product-list ul.products li.product {
  list-style: none;
  display: inline-block;
  width: 49%;
  padding: 28px 0;
  margin: 0;
  border: 0;
}

body.accounts-wizard .account-product-list ul.products li.product .product-inner {
  padding: 0 30px;
}

body.accounts-wizard .account-product-list ul.products li.product:nth-child(even) .product-inner {
  background: transparent url(//static.o2.co.uk/shared/img/modules/digital-id/divider.png) 0 50% no-repeat;
}

body.accounts-wizard .account-product-list ul.products li.product .product-type {
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
}

body.accounts-wizard .account-product-list ul.products li.product .product-name {
  font-family: Frutiger45Light,sans-serif;
  font-size: 20px;
}

body.accounts-wizard .account-product-list ul.products li.product .product-number {
  font-family: Frutiger46Italic,sans-serif;
  font-size: 14px;
}

body.accounts-wizard .account-product-list ul.products li.product p {
  line-height: 1.35em;
}

body.accounts-wizard .live-chat {
  margin: 0 0 0 30px;
}

body.accounts-wizard .live-chat .chat-promo {
  margin: 0 0 34px;
}

body.accounts-wizard .live-chat .chat-promo .bkg-img {
  background-image: url(//static.o2.co.uk/www/img/contactus/bp3/live-chat-available-promo-s-short-1100-280214.jpg);
}

body.accounts-wizard .live-chat .chat-promo.busy .bkg-img {
  background-image: url(//static.o2.co.uk/www/img/contactus/bp3/live-chat-busy-promo-s-short-1100-280214.jpg);
}

body.accounts-wizard .live-chat .chat-promo.offline .bkg-img {
  background-image: url(//static.o2.co.uk/www/img/contactus/bp3/live-chat-offline-promo-s-short-1100-280214.jpg);
}

body.accounts-wizard .live-chat .chat-promo.busy .product-cta,
body.accounts-wizard .live-chat .chat-promo.offline .product-cta {
  display: none;
}

body.accounts-wizard .live-chat h4 {
  font-size: 22px;
  margin: 26px 0 10px;
  line-height: 28px;
}

body.accounts-wizard .live-chat p.intro {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
  font-size: 14px;
  line-height: 18px;
  padding: 1px 0 3px;
}

body.accounts-wizard .live-chat-eckoh {
  margin: 0 0 0 30px;
}

body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh {
  margin: 0 0 34px;
}

body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh .bkg-img {
  background-image: url(//static-www.o2.co.uk/sites/default/files/o2-guru-promo-s-short-available-1100-080818.jpg);
}

body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.busy .bkg-img {
  background-image: url(//static-www.o2.co.uk/sites/default/files/o2-guru-promo-s-short-busy-light-1100-080818.jpg);
}

body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.offline .bkg-img {
  background-image: url(//static-www.o2.co.uk/sites/default/files/o2-guru-promo-s-short-unavailable-light-1100-080818.jpg);
}

body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.busy .product-cta,
body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.offline .product-cta {
  display: none;
}

body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.busy h3,
body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.busy p,
body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.offline h3,
body.accounts-wizard .live-chat-eckoh .chat-promo-eckoh.offline p,
body.accounts-wizard .live-chat-eckoh .dark {
  color: #032b5a;
}

body.accounts-wizard .live-chat-eckoh h4 {
  font-size: 22px;
  margin: 26px 0 10px;
  line-height: 28px;
}

body.accounts-wizard .live-chat-eckoh p.intro {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
  font-size: 14px;
  line-height: 18px;
  padding: 1px 0 3px;
}

.confirmmsg {
  background: #efefef url(//static.o2.co.uk/shared/img/label-xxl-shadow1100.png) 0 0 no-repeat;
  margin: -1px 0 0 0;
  padding: 32px 29px 28px;
  color: #032b5a;
  position: relative;
}

.confirmmsg h3 {
  font-family: Frutiger45Light,sans-serif;
  font-size: 20px;
  line-height: 25px;
}

.confirmmsg p {
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  line-height: 19px;
  padding: 5px 0 8px;
}

.confirmmsg form {
  display: inline-block;
}

.confirmmsg input.confirmremove {
  clear: both;
  float: none;
  margin: 11px 1px;
  padding: 10px 20px;
  height: auto;
}

.confirmmsg .cancelremove {
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  color: #419eda;
  display: inline-block;
  margin: 0 12px 24px;
}

.confirmmsg .cancelremove.close-button {
  display: block;
  position: absolute;
  top: 20px;
  right: 19px;
  height: 13px;
  width: 13px;
  background-image: url(//static.o2.co.uk/shared/img/modules/cross.png);
  margin: 0;
}

.confirmmsg:before {
  background: url(//static.o2.co.uk/shared/img/modules/digital-id/triangle.png);
  content: "";
  display: block;
  position: relative;
  top: -32px;
  height: 10px;
  left: 50%;
  width: 16px;
  margin-left: -8px;
}

html.digital-id.touch {
  margin: 0;
}

html.digital-id {
  overflow-y: visible;
}

body.digital-id {
  overflow-y: scroll;
}

body.digital-id input#search_field {
  font-family: inherit;
  line-height: normal;
}

body.digital-id .label-xxl h2 {
  padding: 14px 0 14px 30px;
}

body.digital-id #exclusivebenefits p {
  width: 60%;
}

body.digital-id #exclusivebenefits p.product-cta {
  width: auto;
}

body.digital-id .o2wifi .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/o2-wifi-promo-s-short-1100-plain-dark-291014.jpg);
}

body.digital-id .myo2app .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/my-o2-promo-s-short-1100-plain-dark-291014.jpg);
}

body.digital-id .evernote .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/evernote-promo-s-short-1100-plain-light-291014.jpg);
}

body.digital-id .nspcc .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/nspcc-promo-s-short-light-1100-366x200-031215.jpg);
}

body.digital-id .mynetwork .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/my-network-promo-s-short-1100-plain-light-291014.jpg);
}

body.digital-id .o2academy .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/o2-academy-promo-s-short-1100-plain-dark-291014.jpg);
}

body.digital-id .o2recycle .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/o2-recycle-promo-s-short-1100-plain-light-291014.jpg);
}

body.digital-id .o2community .bkg-img {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/bp3/o2-community-promo-s-short-1100-plain-light-291014.jpg);
}

body.digital-id .loading {
  background: #fff;
  background: rgba(255,255,255,.9);
}

body.digital-id .loading .loading-text {
  background: transparent url(//static.o2.co.uk/shared/img/modules/clock.png) 50% 0 no-repeat;
  position: absolute;
  left: 50%;
  width: 10em;
  margin-left: -5em;
  text-align: center;
  top: 50%;
  padding-top: 50px;
  height: 25px;
  margin-top: -80px;
  font-family: Frutiger45Light,sans-serif;
  font-size: 20px;
  color: #032b5a;
}

body.digital-id .loading.fixed-height {
  height: 150px;
}

body.digital-id .loading.fixed-height .loading-text {
  margin-top: -40px;
}

body.digital-id .loading.fixed-height {
  height: 200px;
}

body.digital-id a.rounded-button,
body.digital-id input.rounded-button,
body.digital-id input.rounded-button:focus {
  background: #419ed9;
  background: url(//static.o2.co.uk/shared/img/modules/digital-id/btn-bg-ie8.jpg) repeat-x #2f7cb4;
  background: -moz-linear-gradient(top,#419ed9 0,#3f99d5 17%,#3985c9 48%,#3282bb 75%,#2f7cb4 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#419ed9),color-stop(17%,#3f99d5),color-stop(48%,#3985c9),color-stop(75%,#3282bb),color-stop(100%,#2f7cb4));
  background: -webkit-linear-gradient(top,#419ed9 0,#3f99d5 17%,#3985c9 48%,#3282bb 75%,#2f7cb4 100%);
  background: -o-linear-gradient(top,#419ed9 0,#3f99d5 17%,#3985c9 48%,#3282bb 75%,#2f7cb4 100%);
  background: -ms-linear-gradient(top,#419ed9 0,#3f99d5 17%,#3985c9 48%,#3282bb 75%,#2f7cb4 100%);
  background: linear-gradient(to bottom,#419ed9 0,#3f99d5 17%,#3985c9 48%,#3282bb 75%,#2f7cb4 100%);
}

body.digital-id a.rounded-button,
body.digital-id input.rounded-button {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  border: 0;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  overflow: visible;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
  line-height: 1.45em;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  width: auto;
  font-weight: 400;
  padding: 10px 20px;
  height: auto;
}

body.digital-id a.rounded-button.disabled,
body.digital-id input.rounded-button.disabled {
  background: #d8d8d8;
  color: #fff;
  border: 1px solid #d8d8d8;
  padding: 9px 19px!important;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  filter: none;
}

body.digital-id a.rounded-button:hover,
body.digital-id input.rounded-button:hover {
  background: #2870a7;
  background: url(//static.o2.co.uk/shared/img/modules/digital-id/blue-btn-bg-hover-ie8.jpg) repeat-x #1d5c90;
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#2870a7),color-stop(100%,#1d5c90));
  background: -webkit-linear-gradient(top,#2870a7 0,#1d5c90 100%);
  background: -o-linear-gradient(top,#2870a7 0,#1d5c90 100%);
  background: -ms-linear-gradient(top,#2870a7 0,#1d5c90 100%);
  background: linear-gradient(to bottom,#2870a7 0,#1d5c90 100%);
  background: -moz-linear-gradient(top,#2870a7 0,#1d5c90 100%);
  text-decoration: none;
  font-weight: 400;
}

body.digital-id a.rounded-button:hover.disabled,
body.digital-id input.rounded-button:hover.disabled {
  background: #f8f8f8;
  filter: none;
}

body.digital-id a.rounded-button:active,
body.digital-id a.rounded-button:focus,
body.digital-id input.rounded-button:active,
body.digital-id input.rounded-button:focus {
  border: 1px solid #032b5a;
  padding: 9px 19px!important;
}

body.digital-id a.rounded-button:active,
body.digital-id input.rounded-button:active {
  background: #032b5a;
}

body.digital-id a.rounded-button:active.disabled,
body.digital-id input.rounded-button:active.disabled {
  background: #d8d8d8;
  border: 1px solid #d8d8d8;
}

body.digital-id a.rounded-button.wider,
body.digital-id input.rounded-button.wider {
  padding: 10px 25px;
}

body.digital-id a.rounded-button.wider.disabled,
body.digital-id a.rounded-button.wider:active,
body.digital-id a.rounded-button.wider:focus,
body.digital-id input.rounded-button.wider.disabled,
body.digital-id input.rounded-button.wider:active,
body.digital-id input.rounded-button.wider:focus {
  padding: 9px 24px!important;
}

body.digital-id a.rounded-button.block-link,
body.digital-id input.rounded-button.block-link {
  display: block;
}

body.digital-id a.inline-link {
  display: inline-block;
}

body.digital-id input.link-button {
  border: 0 solid #000;
  margin: 0;
  padding: 0;
  height: auto;
  line-height: 20px;
  font-size: 14px;
  width: auto;
  -webkit-font-smoothing: antialiased;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

body.digital-id input.link-button:hover {
  text-decoration: underline;
}

body.digital-id .no-margin-above {
  margin-top: -20px;
}

body.digital-id .back-navigation {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
  font-size: 14px;
  display: block;
  margin: 40px 30px;
  line-height: 20px;
  background: url(//static.o2.co.uk/shared/img/back-arrow.png) no-repeat scroll -2px -34px transparent;
  padding: 0 0 0 25px;
}

body.digital-id .back-navigation.disabled {
  color: #989898;
  background-position: -2px -94px;
}

body.digital-id .back-to-top {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
  font-size: 14px;
  display: block;
  margin: 35px 18px 34px;
  line-height: 20px;
  background: url(//static.o2.co.uk/shared/img/arrow-up.png) no-repeat scroll 2px 6px transparent;
  padding: 0 0 0 25px;
}

body.digital-id .back-to-top {
  display: none;
}

body.digital-id .login-panel,
body.digital-id .login-sidebar {
  float: left;
  min-width: 320px;
}

body.digital-id .double-margin-on-desktop {
  margin-bottom: 40px;
}

body.digital-id .login-panel {
  min-width: inherit;
  width: 366px;
  float: left;
}

body.digital-id .login-sidebar {
  min-width: inherit;
  margin-left: 366px;
  float: none;
  width: auto;
}

body.digital-id input:focus {
  background: #fff;
}

body.digital-id .bottomPanel,
body.digital-id .formPanel,
body.digital-id .infoPanel {
  background: #fff;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

body.digital-id .bottomPanel.transparent,
body.digital-id .formPanel.transparent,
body.digital-id .infoPanel.transparent {
  background: 0 0;
}

body.digital-id .bottomPanel h2,
body.digital-id .formPanel h2,
body.digital-id .infoPanel h2 {
  color: #032b5a;
  font-size: 26px;
}

body.digital-id .bottomPanel h3,
body.digital-id .formPanel h3,
body.digital-id .infoPanel h3 {
  color: #032b5a;
  font-size: 22px;
}

body.digital-id .bottomPanel .bulletList li,
body.digital-id .bottomPanel h4,
body.digital-id .bottomPanel input[type=email],
body.digital-id .bottomPanel input[type=password],
body.digital-id .bottomPanel input[type=text],
body.digital-id .bottomPanel label,
body.digital-id .bottomPanel p,
body.digital-id .formPanel .bulletList li,
body.digital-id .formPanel h4,
body.digital-id .formPanel input[type=email],
body.digital-id .formPanel input[type=password],
body.digital-id .formPanel input[type=text],
body.digital-id .formPanel label,
body.digital-id .formPanel p,
body.digital-id .infoPanel .bulletList li,
body.digital-id .infoPanel h4,
body.digital-id .infoPanel input[type=email],
body.digital-id .infoPanel input[type=password],
body.digital-id .infoPanel input[type=text],
body.digital-id .infoPanel label,
body.digital-id .infoPanel p {
  color: #032b5a;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
}

body.digital-id .bottomPanel ul.bulletList,
body.digital-id .formPanel ul.bulletList,
body.digital-id .infoPanel ul.bulletList {
  margin-left: 1em;
}

body.digital-id .bottomPanel p,
body.digital-id .formPanel p,
body.digital-id .infoPanel p {
  padding: 1em 0;
}

body.digital-id .bottomPanel p.align-bottom,
body.digital-id .formPanel p.align-bottom,
body.digital-id .infoPanel p.align-bottom {
  padding: 2em 0 0;
}

body.digital-id .bottomPanel p.no-spacing,
body.digital-id .formPanel p.no-spacing,
body.digital-id .infoPanel p.no-spacing {
  padding: 0;
}

body.digital-id .bottomPanel p.no-spacing-btm,
body.digital-id .formPanel p.no-spacing-btm,
body.digital-id .infoPanel p.no-spacing-btm {
  padding-bottom: 0;
}

body.digital-id .bottomPanel .bulletList li,
body.digital-id .formPanel .bulletList li,
body.digital-id .infoPanel .bulletList li {
  list-style-type: disc;
}

body.digital-id .bottomPanel input[type=email],
body.digital-id .bottomPanel input[type=password],
body.digital-id .bottomPanel input[type=text],
body.digital-id .formPanel input[type=email],
body.digital-id .formPanel input[type=password],
body.digital-id .formPanel input[type=text],
body.digital-id .infoPanel input[type=email],
body.digital-id .infoPanel input[type=password],
body.digital-id .infoPanel input[type=text] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-color: #d8d8d8;
  width: 100%;
  display: block;
  padding: 6px 8px 4px;
  height: 40px;
  margin: 8px 0;
}

body.digital-id .bottomPanel input[type=email]:-moz-placeholder,
body.digital-id .bottomPanel input[type=password]:-moz-placeholder,
body.digital-id .bottomPanel input[type=text]:-moz-placeholder,
body.digital-id .formPanel input[type=email]:-moz-placeholder,
body.digital-id .formPanel input[type=password]:-moz-placeholder,
body.digital-id .formPanel input[type=text]:-moz-placeholder,
body.digital-id .infoPanel input[type=email]:-moz-placeholder,
body.digital-id .infoPanel input[type=password]:-moz-placeholder,
body.digital-id .infoPanel input[type=text]:-moz-placeholder {
  color: #d8d8d8;
}

body.digital-id .bottomPanel input[type=email]::-moz-placeholder,
body.digital-id .bottomPanel input[type=password]::-moz-placeholder,
body.digital-id .bottomPanel input[type=text]::-moz-placeholder,
body.digital-id .formPanel input[type=email]::-moz-placeholder,
body.digital-id .formPanel input[type=password]::-moz-placeholder,
body.digital-id .formPanel input[type=text]::-moz-placeholder,
body.digital-id .infoPanel input[type=email]::-moz-placeholder,
body.digital-id .infoPanel input[type=password]::-moz-placeholder,
body.digital-id .infoPanel input[type=text]::-moz-placeholder {
  color: #d8d8d8;
}

body.digital-id .bottomPanel input[type=email]::-webkit-input-placeholder,
body.digital-id .bottomPanel input[type=password]::-webkit-input-placeholder,
body.digital-id .bottomPanel input[type=text]::-webkit-input-placeholder,
body.digital-id .formPanel input[type=email]::-webkit-input-placeholder,
body.digital-id .formPanel input[type=password]::-webkit-input-placeholder,
body.digital-id .formPanel input[type=text]::-webkit-input-placeholder,
body.digital-id .infoPanel input[type=email]::-webkit-input-placeholder,
body.digital-id .infoPanel input[type=password]::-webkit-input-placeholder,
body.digital-id .infoPanel input[type=text]::-webkit-input-placeholder {
  color: #d8d8d8;
}

body.digital-id .bottomPanel input[type=email]:-ms-input-placeholder,
body.digital-id .bottomPanel input[type=password]:-ms-input-placeholder,
body.digital-id .bottomPanel input[type=text]:-ms-input-placeholder,
body.digital-id .formPanel input[type=email]:-ms-input-placeholder,
body.digital-id .formPanel input[type=password]:-ms-input-placeholder,
body.digital-id .formPanel input[type=text]:-ms-input-placeholder,
body.digital-id .infoPanel input[type=email]:-ms-input-placeholder,
body.digital-id .infoPanel input[type=password]:-ms-input-placeholder,
body.digital-id .infoPanel input[type=text]:-ms-input-placeholder {
  color: #d8d8d8;
}

body.digital-id .bottomPanel input[type=email]:focus,
body.digital-id .bottomPanel input[type=password]:focus,
body.digital-id .bottomPanel input[type=text]:focus,
body.digital-id .formPanel input[type=email]:focus,
body.digital-id .formPanel input[type=password]:focus,
body.digital-id .formPanel input[type=text]:focus,
body.digital-id .infoPanel input[type=email]:focus,
body.digital-id .infoPanel input[type=password]:focus,
body.digital-id .infoPanel input[type=text]:focus {
  border-color: #419eda;
}

body.digital-id .bottomPanel input[type=email].no-gap-below,
body.digital-id .bottomPanel input[type=password].no-gap-below,
body.digital-id .bottomPanel input[type=text].no-gap-below,
body.digital-id .formPanel input[type=email].no-gap-below,
body.digital-id .formPanel input[type=password].no-gap-below,
body.digital-id .formPanel input[type=text].no-gap-below,
body.digital-id .infoPanel input[type=email].no-gap-below,
body.digital-id .infoPanel input[type=password].no-gap-below,
body.digital-id .infoPanel input[type=text].no-gap-below {
  margin: 8px 0 0;
}

body.digital-id .bottomPanel select,
body.digital-id .formPanel select,
body.digital-id .infoPanel select {
  color: #032b5a;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  line-height: 1.45em;
  -webkit-font-smoothing: antialiased;
  width: 100%;
  padding: 10px;
  margin: 8px 0;
  background: #f8f8f8;
  background-image: url();
  background-image: -moz-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#e6e6e6));
  background-image: -webkit-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: -o-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: -ms-linear-gradient(top,#f8f8f8 0,#e6e6e6 100%);
  background-image: linear-gradient(to bottom,#f8f8f8 0,#e6e6e6 100%);
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bebebe;
  outline: 0;
  display: inline-block;
  overflow: visible;
  vertical-align: bottom;
}

body.digital-id .bottomPanel select.disabled,
body.digital-id .formPanel select.disabled,
body.digital-id .infoPanel select.disabled {
  background: #d8d8d8;
  color: #fff;
  border: 1px solid #d8d8d8;
  -webkit-tap-highlight-color: transparent;
}

body.digital-id .bottomPanel select:hover,
body.digital-id .formPanel select:hover,
body.digital-id .infoPanel select:hover {
  background: #f2f3f4;
  background-image: url();
  background-image: -moz-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f2f3f4),color-stop(100%,#b1bcc9));
  background-image: -webkit-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: -o-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: -ms-linear-gradient(top,#f2f3f4 0,#b1bcc9 100%);
  background-image: linear-gradient(to bottom,#f2f3f4 0,#b1bcc9 100%);
}

body.digital-id .bottomPanel select:hover.disabled,
body.digital-id .formPanel select:hover.disabled,
body.digital-id .infoPanel select:hover.disabled {
  background: #f8f8f8;
}

body.digital-id .bottomPanel a,
body.digital-id .formPanel a,
body.digital-id .infoPanel a {
  color: #419eda;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
}

body.digital-id .bottomPanel a.rounded-button,
body.digital-id .formPanel a.rounded-button,
body.digital-id .infoPanel a.rounded-button {
  color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.digital-id .bottomPanel,
body.digital-id .infoPanel {
  padding: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body.digital-id .bottomPanel.transparent {
  padding: 2em 2em 0;
}

body.digital-id ul.validationmessages p {
  padding: 5px 0;
  line-height: 17px;
}

body.digital-id ul.validationmessages li em {
  width: 30px;
}

body.digital-id div.info.login-tip {
  background-color: #edeff2;
  background-image: url(//static.o2.co.uk/shared/img/modules/info_20.png);
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-position: 10px 10px;
  border: 1px solid #032b5a;
  box-shadow: none;
}

body.digital-id div.info.login-tip p {
  background: 0 0;
  margin: 10px 10px 10px 40px;
}

body.digital-id #resendForm {
  margin-top: 15px;
}

body.digital-id div.infoPanel.validation {
  display: inline-block;
  padding: 0;
  float: none;
  vertical-align: top;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style {
  display: inline-block;
  margin: 0;
  padding-top: 4px;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li {
  margin: 7px 0;
  list-style-type: none;
  display: none;
  padding: 0;
  vertical-align: bottom;
  width: 100%;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li em {
  float: none;
  display: inline-block;
  background: 0 0;
  height: 34px;
  width: 34px;
  margin: 0 5px 0 0;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li p {
  display: none;
  float: none;
  width: auto;
  padding: 1em 0;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li.unvalidated {
  display: inline-block;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li.unvalidated em {
  background: transparent url(//static.o2.co.uk/shared/img/modules/digital-id/exclamation.png) 0 0 no-repeat;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li.unvalidated p.failure {
  display: inline;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style.side-by-side li {
  width: 284px;
}

body.digital-id div.infoPanel.validation.checkout-validation {
  margin-top: -25px;
}

body.digital-id div.infoPanel.validation.checkout-validation.sqa-validation {
  margin: 15px 0 10px;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages {
  display: inline-block;
  margin: 0;
  padding-top: 4px;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li {
  margin: 0;
  list-style-type: none;
  display: block;
  width: auto;
  padding: 0;
  vertical-align: bottom;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li.validated {
  display: none;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li em,
body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li.unvalidated em,
body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li.validated em {
  display: none;
  background: 0 0;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li p {
  display: inline-block;
  float: none;
  width: auto;
  padding: 0;
  color: #900;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li p.failure,
body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li p.success,
body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li.validated p {
  display: none;
}

body.digital-id div.infoPanel.validation.checkout-validation ul.validationmessages li.unvalidated p.failure {
  display: inline-block;
}

body.digital-id div.infoPanel.validation.no-li-margin #validationmessages-msisdn li,
body.digital-id div.infoPanel.validation.no-li-margin .new-style li {
  margin: 0;
}

body.digital-id .checkout-validation input.checkout-validation.invalid {
  border: 1px solid #900;
}

body.digital-id .cta {
  padding-bottom: 2em;
}

body.digital-id .promo-s .bkg-img {
  border-top: 1px solid #fff;
}

body.digital-id .promo-s .module-body .module-body-content p {
  font-family: Frutiger55,sans-serif;
}

body.digital-id .offers-summary-container {
  margin: auto;
}

body.digital-id .offers-summary-container .promo-s .bkg-img {
  border-top: 0;
}

body.digital-id .offers-summary-container .promo-s .bkg-img.offer-bp2 {
  background: none!important;
}

body.digital-id .offers-summary-container .promo-s .bkg-img.offer-bp1 {
  background: none!important;
}

body.digital-id .offers-summary-container .promo-s .bkg-img.shop {
  background-image: url(//static.o2.co.uk/shared/img/exclusive-benefits/promo-m-short_plain_dark_22_large.jpg);
}

body.digital-id .section-group {
  border-bottom: 1px solid #efefef;
}

body.digital-id a.collapse-link,
body.digital-id a.expand-link {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
  font-size: .875em;
  padding: 0 0 5px 25px;
  display: block;
  cursor: pointer;
}

body.digital-id a.expand-link {
  background: url(../img/plus_cta.svg) no-repeat 0 0;
}

body.digital-id a.collapse-link {
  background: url(../img/minus_cta.svg) no-repeat 0 0;
}

body.digital-id a.collapse-associated-link,
body.digital-id a.expand-associated-link {
  top: 24px;
  right: 2px;
  font-family: Frutiger55,sans-serif;
  color: #419eda;
  font-size: .875em;
  padding: 0 10px 5px 25px;
  margin-top: 10px;
  display: block;
  cursor: pointer;
}

body.digital-id a.expand-associated-link {
  background: url(../img/down_arrow_cta.svg) no-repeat scroll 5px 5px;
}

body.digital-id a.collapse-associated-link {
  background: url(../img/up_arrow_cta.svg) no-repeat scroll 5px 5px;
}

.header-nobubbles-xxl {
  background-color: #061f47;
  background-repeat: no-repeat;
  background-position: top right;
  height: 60px;
  overflow: hidden;
}

.header-nobubbles-xxl .module-body {
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url(//static.o2.co.uk/shared/img/modules/header-xxl-diagonal-small.png);
  width: 95%;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  height: 60px;
}

.header-nobubbles-xxl .module-body .module-body-content {
  padding: 20px 0 0 20px;
}

.header-nobubbles-xxl .module-body .module-body-content h1 {
  color: #fff;
  width: auto;
  margin: 0 0 7px;
  font-size: 1.5em;
}

.header-nobubbles-xxl .module-body .module-body-content p {
  font-family: Frutiger46Italic,sans-serif;
  display: none;
  color: #fff;
}

.header-nobubbles-xxl {
  height: 110px;
}

.header-nobubbles-xxl .header-xxl-diag {
  background: url(https://static.o2.co.uk/mymobile/img/default/page_header_bg.png) right top no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  height: 110px;
}

.header-nobubbles-xxl .module-body {
  width: 100%;
  background: 0 0;
  height: 110px;
}

.header-nobubbles-xxl .module-body .module-body-content {
  padding: 30px 150px 0 20px;
}

.header-nobubbles-xxl .module-body .module-body-content h1 {
  font-size: 1.875em;
}

.header-nobubbles-xxl .module-body .module-body-content p {
  font-size: 1em;
  display: block;
}

.header-nobubbles-xxl,
.header-nobubbles-xxl .header-xxl-diag {
  height: 130px;
}

.header-nobubbles-xxl .module-body .module-body-content {
  padding: 30px 0 0 30px;
}

.header-nobubbles-xxl .module-body .module-body-content h1 {
  font-size: 2.875em;
}

.header-nobubbles-xxl .module-body .module-body-content p {
  font-size: 1.125em;
}

.manage-accounts-row {
  margin-bottom: 30px;
  width: 730px;
  min-width: 320px;
}

.manage-accounts-row {
  min-width: inherit;
  margin-bottom: 40px;
}

.manage-accounts-row .manage-accounts {
  color: #032b5a;
  background: #fff;
  padding: 28px 30px 35px;
  font-family: Frutiger45Light,sans-serif;
}

.manage-accounts-row .manage-accounts a {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
}

.manage-accounts-row .manage-accounts h3 {
  font-size: 28px;
  padding-bottom: 14px;
}

.manage-accounts-row .manage-accounts span.user-info {
  display: block;
  font-size: 18px;
  padding: 4px 0;
}

.manage-accounts-row .manage-accounts a.product-cta {
  margin: 20px 0 0;
}

.manage-accounts-row .manage-accounts p {
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  margin-top: 19px;
}

.manage-accounts-row .manage-accounts p.reduced-top-margin {
  margin-top: 0;
}

.msg-panel div.error,
.msg-panel div.info,
.msg-panel div.message {
  background: #efefef url(//static.o2.co.uk/shared/img/modules/digital-id/label-xxl-shadow1100-bottom.png) 50% 100% no-repeat;
  border-radius: 0;
  border: 0 solid #000;
  margin: 0;
  padding: 0;
  box-shadow: none;
  width: 100%;
}

.msg-panel div.error p,
.msg-panel div.info p,
.msg-panel div.message p {
  background: 0 0;
  background-position: 0 50%;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 7px 0 5px 50px;
  margin: 23px 30px 25px;
  line-height: 20px;
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
  font-size: 14px;
}

.msg-panel div.info p {
  background-image: url(//static.o2.co.uk/shared/img/modules/tick.png);
}

.msg-panel div.message p {
  background-image: url(//static.o2.co.uk/shared/img/modules/info.png);
}

.msg-panel div.error p {
  background-image: url(//static.o2.co.uk/shared/img/modules/digital-id/exclamation.png);
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute!important;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static!important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

.invisible {
  visibility: hidden;
}

body #o2-page-wrapper .grid-row {
  width: 100%;
}

@font-face {
  font-family: o2-icon-font;
  src: url(https://static-www.o2.co.uk/sites/default/files/fonticon/o2-icon-font/fonts/o2-icon-font.eot);
  src: url(https://static-www.o2.co.uk/sites/default/files/fonticon/o2-icon-font/fonts/o2-icon-font.eot?#iefix) format("embedded-opentype"),url(https://static-www.o2.co.uk/sites/default/files/fonticon/o2-icon-font/fonts/o2-icon-font.woff) format("woff"),url(https://static-www.o2.co.uk/sites/default/files/fonticon/o2-icon-font/fonts/fonts/o2-icon-font.ttf) format("truetype");
}

.ico {
  font-family: o2-icon-font!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#header-consumer [component-name~=globalNav] {
  line-height: normal;
}

#header-consumer [component-name~=globalNav] * {
  -webkit-tap-highlight-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#header-consumer [component-name~=globalNav] a,
#header-consumer [component-name~=globalNav] a:focus,
#header-consumer [component-name~=globalNav] a:hover {
  box-shadow: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link a .colorchange {
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .ico.o2-ico-search.global-nav-blue:before {
  color: #032b5a;
}

#header-consumer [component-name~=globalNav] .ico.o2-ico-search.global-nav-white:before {
  color: #FFF;
}

#header-consumer [component-name~=globalNav] .ico.o2-ico-search:before {
  float: left;
  zoom: 1.5;
  -moz-transform: scale(1.5);
  right: 2px;
  position: relative;
}

@-moz-document url-prefix()  {
  #header-consumer [component-name~=globalNav] .ico.o2-ico-search:before {
    right: 6px;
    top: 5px;
  }
}

#header-consumer [component-name~=globalNav] .o2-ico-search:before {
  content: "\e9fb";
  color: #032b5a;
}

#header-consumer [component-name~=globalNav] .o2-ico-search-basket:before {
  content: "\e9f9";
  color: #032b5a;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper {
  right: 0;
  top: 0;
  position: fixed;
  z-index: 9999;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .my-o-2-login {
  height: 100%;
  width: 100%;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .my-o-2-sign-in {
  height: 100%;
  width: 100%;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .login,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login {
  height: 100%;
  width: 100%;
  background-color: #fff;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login {
  padding-bottom: 20px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login .username,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .username {
  width: auto;
  height: auto;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login .sign-in-to-check-you,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .sign-in-to-check-you {
  width: 90%;
  height: auto;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login .rectangle-3,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .rectangle-3 {
  margin-bottom: 3px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login .mobilenum-error,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login .otac-error,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .mobilenum-error,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .otac-error {
  margin: 0 20px 20px;
  color: red;
  font-size: 14px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login .loader,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .loader {
  text-align: center;
  margin-bottom: 20px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login {
  padding-top: 40px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .otacLoginRow1 {
  font: 18px Frutiger45Light,sans-serif,sans-serif;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-top: 0;
  padding-top: 10px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login .label {
  margin-bottom: 10px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .signinPopupClose {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .my-o-2 {
  height: 24px;
  width: 68px;
  color: #032B5A;
  font-size: 24px;
  letter-spacing: -.34px;
  line-height: 30px;
  margin-left: 20px;
  padding-bottom: 20px;
  padding-top: 40px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .sign-in-to-check-you {
  height: 16px;
  width: 100%;
  color: #032B5A;
  font-family: Frutiger55,sans-serif;
  font-size: 16px;
  letter-spacing: -.22px;
  line-height: 19px;
  margin-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .rectangle-3 {
  width: 89%;
  border: 1px solid #E0E0E0;
  background-color: #FFF;
  margin-left: 20px;
  padding: 10px 0;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .rectangle-3 input[type=text] {
  width: 296px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .rectangle-3-1 {
  width: 89%;
  border: 1px solid #E0E0E0;
  background-color: #FFF;
  margin-left: 20px;
  margin-top: 20px;
  padding: 10px 0;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .rectangle-5 {
  height: 15px;
  width: 15px;
  border: 1px solid #E0E0E0;
  margin-top: 27px;
  margin-left: 20px;
  float: left;
  display: inline-block;
  margin-right: 0;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .username {
  height: 125px;
  width: 100%;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .remember-my-username {
  margin-top: 25px;
  height: 15px;
  width: 200px;
  color: #032B5A;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  letter-spacing: -.26px;
  line-height: 18px;
  margin-left: 20px;
  padding-left: 25px;
  margin-bottom: 20px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .button {
  height: 40px;
  width: 296px;
  margin-left: 20px;
  margin-bottom: 21px;
  margin-top: 0;
  color: #fff;
  font-size: 14px;
  font-family: Frutiger45Light,sans-serif;
  text-align: center;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mask {
  height: 40px;
  width: 89%;
  border-radius: 6px;
  background-color: #39C;
  border: 1px;
  background-image: none;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mask:hover {
  background-color: #2f7cb4;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper button:disabled {
  background-color: #d8d8d8;
  pointer-events: none;
  color: #FFF;
  border: 1px solid #d8d8d8;
  text-shadow: none;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper button:disabled:hover {
  background: #d8d8d8;
  pointer-events: none;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mask1 {
  height: 40px;
  width: 296px;
  border-radius: 6px;
  background-color: #F7F7F7;
  color: #032B5A;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .forgotton-your-usern {
  width: 290px;
  height: 17px;
  color: #39C;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  letter-spacing: -.19px;
  line-height: 18px;
  margin-left: 20px;
  margin-bottom: 15px;
  background: url(../img/global/promo-cta-arrow.png) 0 -96px no-repeat;
  padding-left: 25px;
  background-position: -2px -34px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .backToMobileLogin,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .register,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .signin-mobile,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .signin-user {
  height: 17px;
  width: 662px;
  color: #39C;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  letter-spacing: -.19px;
  line-height: 18px;
  margin-left: 20px;
  margin-bottom: 15px;
  background: url(../img/global/promo-cta-arrow.png) 0 -96px no-repeat;
  padding-left: 25px;
  background-position: -2px -34px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .register a,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper a {
  color: #39C;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .forgotton-your-usern a {
  color: #39C;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .login input::placeholder {
  height: 15px;
  width: 129px;
  color: #4A4A4A;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  line-height: 18px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .login input:-ms-input-placeholder {
  color: #000;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .login -webkit-input-placeholder {
  height: 15px;
  width: 129px;
  color: #4A4A4A;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  line-height: 18px;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .login input,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login input,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login input {
  padding-left: 10px;
  line-height: 1;
}

#header-consumer [component-name~=globalNav] a:active,
#header-consumer [component-name~=globalNav] a:focus,
#header-consumer [component-name~=globalNav] a:hover {
  outline: 0;
  outline-offset: 0;
}

#header-consumer [component-name~=globalNav] a:focus {
  outline: thin dotted;
  text-decoration: none;
}

#header-consumer [component-name~=globalNav] a {
  text-decoration: none;
  background: 0 0;
}

#header-consumer [component-name~=globalNav] .module>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 100% 50%;
  object-position: 100% 50%;
  font-family: "object-fit: cover; object-position: 100% 50%";
}

#header-consumer [component-name~=globalNav] #preload-search-icon {
  display: none;
  background: url(https://static-www.o2.co.uk/sites/default/files/global/search-hover@2x.png) repeat-x -9999px -9999px;
}

#header-consumer [component-name~=globalNav] .module {
  display: block;
  height: auto;
  overflow: hidden;
}

#header-consumer [component-name~=globalNav] .noscroll {
  overflow: hidden;
}

#header-consumer [component-name~=globalNav] .module {
  background: #efefef top right no-repeat;
  position: relative;
}

#header-consumer [component-name~=globalNav] .module a:hover {
  cursor: pointer;
}

#header-consumer [component-name~=globalNav] .module a:hover .hover-down {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: url(https://static-www.o2.co.uk/sites/default/files/global/hover-down-light.png) repeat scroll 0 0 transparent;
}

#header-consumer [component-name~=globalNav] .module.transparent {
  background-color: transparent!important;
}

#header-consumer [component-name~=globalNav] .module.dark:hover .hover-down,
#header-consumer [component-name~=globalNav] .module.light:hover .hover-down,
#header-consumer [component-name~=globalNav] .module.product-s:hover .hover-down,
#header-consumer [component-name~=globalNav] .module.transparent:hover .hover-down {
  background: url(https://static-www.o2.co.uk/sites/default/files/global/hover-down.png) repeat scroll 0 0 transparent;
}

#header-consumer [component-name~=globalNav] h1,
#header-consumer [component-name~=globalNav] h2,
#header-consumer [component-name~=globalNav] h3,
#header-consumer [component-name~=globalNav] h4,
#header-consumer [component-name~=globalNav] p,
#header-consumer [component-name~=globalNav] ul {
  margin: 0;
  padding: 0;
}

#header-consumer [component-name~=globalNav] .light {
  background-color: #efefef;
}

#header-consumer [component-name~=globalNav] .light .module-body .info .product-cta {
  color: #419eda;
}

#header-consumer [component-name~=globalNav] .light .module-body .info h3,
#header-consumer [component-name~=globalNav] .light .module-body .info p {
  color: #032b5a;
}

#header-consumer [component-name~=globalNav] img {
  vertical-align: middle;
}

#header-consumer [component-name~=globalNav] .newConsumer {
  font-family: Frutiger45Light,sans-serif;
  background: #fff;
  font-size: 16px;
}

#header-consumer [component-name~=globalNav] .newConsumer .navContainer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .navContainer:after,
#header-consumer [component-name~=globalNav] .newConsumer .navContainer:before {
  content: " ";
  display: table;
}

#header-consumer [component-name~=globalNav] .newConsumer .navContainer:after {
  clear: both;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar {
  overflow: hidden;
  height: 35px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer {
  padding-top: 0;
  margin-bottom: 6px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList {
  display: none;
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li {
  font-family: Frutiger55,sans-serif;
  padding: 7px 0 0;
  margin: 0 5px;
  background: #fff;
  font-size: 14px;
  display: inline-block;
  position: relative;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li a {
  color: #4a4a4a;
  text-decoration: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li.current {
  background: #fff;
  color: #003;
  border-bottom: 1px solid #003;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li:hover:not(.current) {
  border-bottom: 1px solid #4a4a4a;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li.pipe {
  margin: 9px 0 0;
  color: #4a4a4a;
  overflow: hidden;
  padding: 0;
  line-height: 9px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks {
  float: right;
  padding: 10px 20px 0 0;
  font-family: Frutiger55,sans-serif;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li {
  font-size: 14px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li div {
  color: #003;
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li div a {
  color: #003;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedIn .signInLink {
  margin-right: 3px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedIn a:hover {
  border-bottom: 1px solid #003;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedOut {
  color: #39393a;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedOut.welcome {
  font-family: Frutiger55,sans-serif;
  padding-right: 10px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedOut .signOutLink {
  margin-left: 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedOut .signOutLink:hover {
  border-bottom: 1px solid #003;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li .hideWhenSignedOut span {
  color: #4a4a4a;
  display: inline-block;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile {
  float: left;
  padding-top: 3px;
  padding-left: 20px;
  display: none;
  background-image: url(https://static-www.o2.co.uk/sites/default/files/global/nav/dd/basket-item-574x2.png);
  background-repeat: no-repeat;
  background-size: 18px 15px;
  background-position: 20px 7px;
  position: relative;
  top: 3px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile a {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 19px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile.basketCanNotBeCheckout {
  display: block;
  background-image: url(https://static-www.o2.co.uk/sites/default/files/global/nav/dd/basket-error-574x2.png);
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile.basketCanBeCheckout,
#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile.businessBasketCanBeCheckout {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 {
  background: #0019A5;
  font-size: 14px;
  font-family: Frutiger55,sans-serif;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo {
  float: left;
  padding: 16px 0 7.5px 20px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo a {
  float: left;
  width: 40px;
  height: 40px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo a img,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo a svg {
  width: 40px;
  height: 40px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo .accordionToggle {
  display: inline-block;
  padding: 12px 10px 0 13px;
  transition: all .3s linear;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo .accordionToggle img {
  transition: all .3s linear;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo .accordionToggle.invertIcon img {
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  transition: all .3s linear;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .globalNavlinksWrapper {
  float: right;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .globalNavlinksWrapper {
  float: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop {
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li {
  line-height: 15px;
  float: left;
  padding: 25px 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li a {
  color: #fff;
  box-shadow: none;
  padding-bottom: 2px;
  position: relative;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li a:focus {
  outline: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li a:hover,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isNotTouch a,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a {
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isNotTouch a:active,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a:active {
  color: #41B6E6;
  text-decoration: none;
  -webkit-transition: #41B6E6 1s ease-out;
  -moz-transition: #41B6E6 1s ease-out;
  -o-transition: #41B6E6 1s ease-out;
  transition: #41B6E6 1s ease-out;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isNotTouch a:hover,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a:hover {
  text-decoration: none;
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a {
  position: relative;
  color: #fff;
  border-bottom: 0 solid;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a:after,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a:after {
  position: absolute;
  content: '';
  width: auto;
  bottom: 0;
  left: 0;
  background-color: #fff;
  right: 0;
  height: 1px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a:hover:after,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a:hover:after {
  background-color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a:after,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a:after {
  bottom: 21px;
  left: 30px;
  right: 30px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a:hover:after,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.keepHighLighted a:hover:after {
  background-color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks {
  overflow: hidden;
  float: right;
  padding-right: 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li {
  line-height: 15px;
  color: #fff;
  float: left;
  padding: 12.5px 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink {
  padding-bottom: 12px;
  padding-top: 12px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink .ico.o2-ico-search {
  font-size: 18px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink .img-container {
  width: 19px;
  height: 20px;
  float: left;
  background-repeat: no-repeat;
  background-size: 21px 22px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink:hover .img-container {
  background: url(https://static-www.o2.co.uk/sites/default/files/global/search-hover@2x.svg);
  background-size: 19px 20px;
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink:hover .ico.o2-ico-search:before,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink:hover span.search-text {
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink:active .img-container {
  background-size: 19px 20px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink:active span.search-text {
  color: #41B6E6;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink:active .ico.o2-ico-search:before {
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link:hover {
  cursor: pointer;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link:hover a {
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link:hover a img {
  content: url(https://static-www.o2.co.uk/sites/default/files/global/my-o2-arrow-blue-1100.png);
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link a {
  color: #fff;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 {
  font-family: Frutiger55,sans-serif;
  -webkit-box-shadow: 0 7px 10px 0 rgba(175,175,175,.45);
  -moz-box-shadow: 0 7px 10px 0 rgba(175,175,175,.45);
  box-shadow: 0 7px 10px 0 rgba(175,175,175,.45);
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer {
  position: relative;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile {
  z-index: 9999999;
  display: none;
  background-color: #efefef;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile {
  font-size: 16px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>a {
  display: block;
  padding: 13px 43px;
  background-repeat: no-repeat;
  color: #006;
  font-family: Frutiger45Light,sans-serif;
  background-position: 20px 50%;
  background-size: 12px 11px;
  transition: background .3s ease;
  border-bottom: 1px solid #e0e0e0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>a.collapseAccordion {
  background-size: 12px;
  color: #007BB2;
  font-family: Frutiger45Light,sans-serif;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li .inner {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul {
  padding-bottom: 19px;
  background-color: #fff;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul>li {
  font-family: Frutiger45Light,sans-serif;
  padding: 20px 0 0 67.5px;
  color: #4a4a4a;
  line-height: 18px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul>li:first-child {
  padding-top: 20px;
  padding-bottom: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul>li.indented {
  font-family: Frutiger55,sans-serif;
  padding-left: 57.5px;
  padding-bottom: 0;
  padding-top: 40px;
  color: #006;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul>li.indented:nth-child(2) {
  padding-top: 20px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul>li.indented a,
#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .accordionMobile>li>ul>li>a {
  color: #0019A5;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .bottomLinks {
  position: relative;
  width: 100%;
  height: 150px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .bottomLinks ul>li {
  float: right;
  padding: 15px 20px;
  font-family: Frutiger45Light,sans-serif;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .bottomLinks ul>li:first-child {
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .bottomLinks ul>li:last-child a,
#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile .bottomLinks ul>li>a {
  color: #006;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .hideTablet {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper {
  display: block;
  float: left;
  width: 100%;
  opacity: 1;
  visibility: visible;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper.isVisible {
  opacity: 1;
  visibility: visible;
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .breadCrumbNew {
  margin-top: -10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .breadCrumbNew .menuCrumbNew li {
  height: 30px;
  line-height: 28px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .breadCrumbNew .menuCrumbNew li a:hover {
  color: #419eda;
  text-decoration: underline;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .modulesWrapper {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb {
  display: none;
  font-family: Frutiger55,sans-serif;
}

#header-consumer [component-name~=globalNav] .newConsumer .hideMobile {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer a:focus {
  outline: 0;
}

#header-consumer [component-name~=globalNav] .topBorderBreadCrumbs {
  border-top: 1px solid #ddd;
}

#header-consumer [component-name~=globalNav] .topBorderBreadCrumbs {
  width: 500%;
  margin-left: -200%;
  position: relative!important;
}

#header-consumer [component-name~=globalNav] nav.globalNav {
  position: relative;
}

#header-consumer [component-name~=globalNav] .module>img {
  width: 100%;
  height: 100%;
  -o-object-fit: none;
  object-fit: none;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: none; object-position: 50% 50%";
}

#header-consumer [component-name~=globalNav] .newConsumer .hideMobile {
  display: inline-block;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList {
  display: block;
  overflow: hidden;
  margin-left: 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks {
  padding: 7px 25px 0 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li {
  font-size: 14px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile,
#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile.basketCanBeCheckout,
#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .basketMobile.basketCanNotBeCheckout {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 {
  font-size: 14px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo {
  padding: 16px 20px 0 25px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo .accordionToggle {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo a,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo a img,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo a svg {
  width: 40px;
  height: 40px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop {
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li {
  padding: 29px 15px 28px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a {
  color: #41B6E6;
  text-decoration: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li.isClicked a:after {
  background-color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks {
  padding-right: 15px;
  padding-left: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li {
  padding: 29px 15px 28px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link {
  padding-right: 13px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link * {
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.myO2Link img {
  padding-top: 5px;
  padding-left: 8px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink {
  cursor: pointer;
  padding-top: 26px;
  padding-bottom: 13px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink .ico.o2-ico-search {
  font-size: 14px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink .img-container {
  margin: 0 6px 0 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink span.search-text {
  float: left;
  padding-top: 2px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink span.inline-svg {
  width: 21px;
  height: 24px;
  display: inline-block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink svg {
  display: block;
  overflow: hidden;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink {
  padding-top: 25px;
  padding-bottom: 15px;
  background-repeat: no-repeat;
  background-position: 10px;
  background-size: 26px 22px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink.basketCanBeCheckout,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink.businessBasketCanBeCheckout {
  background-image: url(https://static-www.o2.co.uk/sites/default/files/nav/bp3/basket@2x.svg);
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink.basketCanNotBeCheckout {
  background-image: url(https://static-www.o2.co.uk/sites/default/files/nav/bp3/basketError@2x.svg);
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink a,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink svg {
  display: block;
  overflow: hidden;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink a {
  width: 26px;
  height: 22px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink span.svgHide {
  width: 27px;
  height: 22px;
  display: inline-block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 {
  position: absolute;
  top: 72px;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #fff;
  opacity: 0;
  visibility: hidden;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 {
  -moz-transition: all .5s linear;
  -webkit-transition: all .5s linear;
  -o-transition: all .5s linear;
  transition: all .5s linear;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2.isVisible {
  opacity: 1;
  visibility: visible;
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper {
  padding: 0 13%;
  padding-top: 40px;
  padding-left: 75px;
  padding-right: 121px;
  font-size: 14px;
  line-height: 15px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul {
  width: 100%;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul.isSeen {
  display: block;
  opacity: 1;
  visibility: visible;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li {
  width: 46%;
  float: left;
  padding: 0 30px 92px 0;
  color: #006;
  font-family: Frutiger65Bold,sans-serif;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li.tier-menu-wrapper:nth-child(even) {
  margin-left: -25px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li.tier-menu-wrapper:nth-child(even) {
  margin-left: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>span {
  display: block;
  height: auto;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>span>a {
  color: inherit;
  font-family: inherit;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>span>a:hover {
  text-decoration: none;
  color: #007BB2;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li:nth-child(2n+3) {
  clear: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul {
  padding-top: 15px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul>li {
  font-family: Frutiger55Roman,sans-serif;
  padding: 7.5px 0;
  color: #0019A5;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul>li>a {
  color: inherit;
  display: block;
  height: auto;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul>li>a:active,
#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul>li>a:hover {
  color: #007BB2;
  text-decoration: underline;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksMobile {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb {
  border-top: .5px solid #bfbfbf;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb ul {
  padding-left: 25px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb ul li {
  font-size: 10px;
  line-height: 13px;
  float: left;
  padding: 10px 0;
  color: #4a4a4a;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb ul li+li:before {
  padding: 1px 22px;
  float: left;
  color: #4a4a4a;
  content: url(https://static-www.o2.co.uk/sites/default/files/global/breadcrumb-arrow-grey-1100.png);
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb ul li>a {
  color: #4a4a4a;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb ul.menuCrumb {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .hideTablet {
  display: none;
  -webkit-transition: display .5s ease;
  -moz-transition: display .5s ease;
  -o-transition: display .5s ease;
}

#header-consumer [component-name~=globalNav] .newConsumer .navContainer {
  width: 100%;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper {
  min-height: 430px;
  top: auto;
  right: 0;
  position: absolute;
  z-index: 9999;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .my-o-2-login {
  min-height: 430px;
  width: 336px;
  float: right;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .my-o-2-sign-in {
  min-height: 430px;
  width: 336px;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,.2);
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .login,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .mobile-login,
#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper .otac-login {
  min-height: 430px;
  width: 336px;
}

#header-consumer [component-name~=globalNav] .signinPopupClose {
  display: none;
}

#header-consumer [component-name~=globalNav] .username {
  width: auto;
}

#header-consumer [component-name~=globalNav] .sign-in-to-check-you {
  width: 221px;
}

#header-consumer [component-name~=globalNav] .mask,
#header-consumer [component-name~=globalNav] .rectangle-3,
#header-consumer [component-name~=globalNav] .rectangle-3-1 {
  width: 296px;
}

#header-consumer [component-name~=globalNav] .mobile-login,
#header-consumer [component-name~=globalNav] .otac-login {
  display: none!important;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper {
  right: 0;
  position: absolute;
  z-index: 9999;
}

#header-consumer [component-name~=globalNav] .header-logout-msg {
  z-index: 1;
  position: absolute;
  height: 31px;
  width: 100%;
  background-color: #0CC;
}

#header-consumer [component-name~=globalNav] .header-logout-msg-txt {
  color: #FFF;
  font-size: 14px;
  letter-spacing: -.16px;
  line-height: 14px;
  text-align: center;
  padding-top: 7px;
}

#header-consumer [component-name~=globalNav] .tickImg {
  height: 14px;
  width: 14px;
  margin-right: 7px;
  margin-bottom: 3px;
}

#header-consumer [component-name~=globalNav] .emptydiv {
  height: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer {
  margin-bottom: 7px;
  margin-top: 4px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList {
  margin-left: 63px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li {
  line-height: 12px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .categoryList li a {
  height: 12px;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks {
  line-height: 12px;
  padding: 7px 60px 0 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .topBar .navContainer .signUpLinks li {
  font-size: 14px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 {
  border-bottom: 1px solid #fff;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .brandLogo {
  padding: 16px 30px 0 63px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li {
  position: relative;
  margin: 0;
  padding: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li a {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 29px 30px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .linksDesktop li a:hover {
  color: #41B6E6;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks {
  padding-right: 49px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li {
  padding: 29px 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.basketLink,
#header-consumer [component-name~=globalNav] .newConsumer .tier1 .navContainer .otherLinks li.searchLink {
  padding-top: 26px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 {
  top: 72px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper {
  float: left;
  width: 100%;
  padding: 40px 0 27px 62px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul.isSeen {
  display: table;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li {
  width: 185px;
  padding-right: 30px;
  padding-bottom: 30px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li:nth-child(2n+3) {
  clear: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul {
  padding-top: 13px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li>ul>li {
  padding: 5px 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper {
  float: left;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .breadCrumb ul {
  padding-left: 62px;
}

#header-consumer [component-name~=globalNav] .mobile-login,
#header-consumer [component-name~=globalNav] .otac-login {
  display: none!important;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier1 .hideTablet {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper {
  padding-bottom: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li {
  width: 160px;
  padding-bottom: 25px;
  padding-right: 20px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapperConsumerWidth {
  width: 74%;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapperBusinessWidth {
  width: 100%;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div {
  display: none;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.showNavModule {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks {
  padding: 25px 0 15px 45px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li {
  padding-bottom: 10px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li>a {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li>a:hover img {
  transform: scale(1.1);
  transition: all 500ms linear;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li>a:active img {
  transform: scale(1.1);
  background-color: #efefef;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li .navigateLink {
  cursor: pointer;
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li .navigateLink:hover img {
  transform: scale(1.1);
  transition: all 500ms linear;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.quickLinks>ul>li .navigateLink:active img {
  transform: scale(1.1);
  background-color: #efefef;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.marketingLink a {
  display: block;
  overflow: hidden;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.marketingLink a img {
  transition: all .2s ease-in-out;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.marketingLink a:hover img {
  transform: scale(1.1);
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules {
  padding-top: 20px;
  padding-left: 5px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo] {
  padding-bottom: 20px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a {
  display: block;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a>img {
  width: 100%;
  height: 100%;
  -o-object-fit: none;
  object-fit: none;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  font-family: "object-fit: none; object-position: 50% 50%";
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a>.module-body {
  width: 67%;
  padding: 20px 0 15px 15px;
  font-family: Frutiger55,sans-serif;
  position: absolute;
  top: 0;
  left: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a>.module-body>.info {
  height: 60px;
  background: 0 0;
  box-shadow: none;
  border: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a>.module-body>.info>div,
#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a>.module-body>.info>h3 {
  font-family: inherit;
  font-size: 14px;
  line-height: 15px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module>a>.module-body>.info>p.product-cta {
  font-family: inherit;
  position: absolute;
  bottom: 15px;
  padding: 5px 0 0 22px;
  font-size: 12px;
  background-image: url(https://static-www.o2.co.uk/sites/default/files/global/arrow-fwd.png);
  background-repeat: no-repeat;
  background-color: transparent;
  margin: 0;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module.dark .module-body {
  color: #fff;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module.dark .module-body p.product-cta {
  color: #fff;
  background-position: -3% 101%;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module.dark .module-body>.info>h3 {
  color: #fff;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module.light .module-body {
  color: #032b5a;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper>div.newNavModules [component-name~=navPromo]>.module.light .module-body p.product-cta {
  color: #419eda;
  background-position: -3% 36%;
}

#header-consumer [component-name~=globalNav] .my-o-2-login-wrapper {
  width: 336px;
  margin: 0 auto;
  left: 764px;
  right: 0;
  position: absolute;
  z-index: 9999;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapper>ul>li {
  width: 192px;
  padding-bottom: 25px;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapperConsumerWidth {
  width: 76%;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .linksWrapperBusinessWidth {
  width: 100%;
}

#header-consumer [component-name~=globalNav] .newConsumer .tier2 .navContainer .linksModuleWrapper .modulesWrapper div.quickLinks {
  padding-left: 42px;
}

#header-consumer [component-name~=globalNav] .newConsumer .navContainer {
  width: 1100px;
}

.header-logout-msg {
  z-index: 1;
  position: absolute;
  height: 50px;
  width: 100%;
  background-color: #0CC;
}

.header-logout-msg-txt {
  color: #FFF;
  font-size: 14px;
  letter-spacing: -.27px;
  line-height: 24px;
  text-align: center;
  padding-top: 10px;
  font-family: Frutiger55Roman,sans-serif;
  margin-top: 3px;
}

.tickImg {
  height: 12px;
  width: 12px;
  margin-right: 8px;
  margin-bottom: 3px;
}

.emptydiv {
  height: 22px;
}

.globalNavConsumerWrapper .hide,
.header-logout-msg.hide {
  display: none!important;
}

.header-logout-msg {
  z-index: 1;
  position: absolute;
  height: 31px;
  width: 100%;
  background-color: #0CC;
}

.header-logout-msg-txt {
  color: #FFF;
  font-size: 14px;
  letter-spacing: -.16px;
  line-height: 14px;
  text-align: center;
  padding-top: 7px;
  font-family: Frutiger55Roman,sans-serif;
}

.tickImg {
  height: 14px;
  width: 14px;
  margin-right: 7px;
  margin-bottom: 3px;
}

.emptydiv {
  height: 0;
}

.hideSigninMobile {
  display: block;
}

.globalNavConsumerWrapper a:active,
.globalNavConsumerWrapper a:focus,
.globalNavConsumerWrapper button:active,
.globalNavConsumerWrapper button:focus,
.globalNavConsumerWrapper input:active,
.globalNavConsumerWrapper input:focus,
.globalNavConsumerWrapper select:active,
.globalNavConsumerWrapper select:focus,
.globalNavConsumerWrapper span:active,
.globalNavConsumerWrapper span:focus {
  outline: 0!important;
  outline-offset: 0!important;
}

.outlineAdder [tabindex="0"]:active,
.outlineAdder [tabindex="0"]:focus,
.outlineAdder a:active,
.outlineAdder a:focus,
.outlineAdder button:active,
.outlineAdder button:focus,
.outlineAdder input:active,
.outlineAdder input:focus,
.outlineAdder select:active,
.outlineAdder select:focus,
.outlineAdder span:active,
.outlineAdder span:focus {
  outline: 2px solid #419eda!important;
  outline-offset: -2px!important;
}

.outlineAdder .searchLink.open-overlay:focus,
.outlineAdder [tabindex="0"]:focus,
.outlineAdder select:focus {
  outline: 2px solid #419eda!important;
}

.outlineAdder .activateOverlayContent.overlay-box:focus,
.searchLink.open-overlay:active,
[tabindex="0"]:active,
select:active {
  outline: 0!important;
}

[component-name~=promoM] .module.promo.short.light a {
  height: 200px;
}

[component-name=promoIconXS] a:focus {
  display: block;
  height: 160px;
  outline: 2px solid #419eda!important;
}

[component-name=brands] .brands a:focus {
  height: 65px;
  outline: 2px solid #419eda!important;
}

[component-name=brands] .brands a:focus img {
  height: 61px;
}

[component-name=footer] .brands a:focus img {
  outline: 0!important;
}

[component-name=imageTextS] .image-text a:focus {
  outline: 2px solid #419eda!important;
  display: block;
}

[component-name=faq] .module-body dt:focus {
  outline: 2px solid #419eda!important;
  outline-offset: -2px!important;
}

.showNavModule [name=Help]:focus,
.showNavModule [name=Why-O2]:focus {
  display: block;
}

.hideSigninMobile {
  display: none;
}

.breadCrumbNew .slick-slide {
  margin: 0!important;
}

.breadCrumbNew .menuCrumbNew {
  width: 100%;
}

.navContainer.menuCrumbNew.slick-initialized.slick-slider {
  width: 100%!important;
  float: left;
  height: 30px;
}

.searchresult .container {
  width: 100%;
}

.searchresult .row {
  margin-bottom: 0;
}

.searchresult [component-name~=template] .top-content {
  margin: 0;
  margin-top: -1px;
}

.searchresult iframe {
  overflow: scroll;
}

.searchListWrap .yui-ac-content a,
.searchListWrap .yui-ac-content a:hover,
.searchListWrap .yui-ac-content a:visited {
  color: #3d9ece;
  text-decoration: none;
}

.searchListWrap .yui-ac-content a:hover {
  text-decoration: underline;
}

[component-name~=searchOverlay] .o2-modal-search {
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 1050;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay {
  outline: 0;
  font-family: Frutiger45Light,sans-serif;
  font-size: 12px;
  top: 0;
  left: 0;
  right: 0;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay * {
  line-height: normal;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header {
  font-family: Frutiger55Roman,sans-serif;
  padding: 0;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header #searchForm input[type=text] {
  font-size: 14px;
  float: left;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  color: #4a4a4a;
  padding: 15px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header #searchForm input[type=text]::placeholder {
  font-size: 14px;
  color: #9b9b9b;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header #searchForm input[type=text]:focus {
  outline: 0!important;
  box-shadow: none;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header img {
  width: 17px;
  height: 18px;
  position: absolute;
  top: 13px;
  right: 20px;
  cursor: pointer;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body {
  padding: 30px 0 0 15px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .heading {
  padding-bottom: 20px;
  color: #9b9b9b;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList {
  font-size: 18px;
  list-style: none;
  margin: 0;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li {
  list-style: none;
  padding-bottom: 15px;
  display: block;
  overflow: hidden;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li a {
  text-decoration: none;
  color: #032b5a;
  float: left;
  height: 18px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li a:focus {
  outline: 0;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li a:hover {
  color: #419eda;
  text-decoration: none;
}

[component-name~=searchOverlay] .o2-modal-search {
  width: 520px;
  margin: 0 auto;
  left: 50%;
  top: 10%;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay {
  left: 50%;
  top: 10%;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header {
  padding-top: 40px;
  text-align: center;
  padding-bottom: 60px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header #searchForm input[type=text] {
  width: 75%;
  margin-left: 65px;
  padding: 10px;
  font-size: 24px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header img {
  width: 10px;
  height: 10px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .heading {
  font-family: Frutiger55Roman,sans-serif;
  font-size: 12px;
  padding-bottom: 10px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li {
  font-size: 16px;
  padding-bottom: 10px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li a {
  height: 12px;
}

[component-name~=searchOverlay] .modal-body img {
  margin-bottom: 0;
}

[component-name~=searchOverlay] [component-name~=imageM] .image-m .module-body {
  padding-right: 15px;
}

[component-name~=searchOverlay] .o2-modal-search {
  width: 760px;
  margin-left: -380px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header {
  padding-top: 55px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header #searchForm input[type=text] {
  border-color: #979797;
  width: 79%;
  margin-left: 80px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header img {
  width: 14px;
  height: 14px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body {
  font-family: Frutiger55Roman,sans-serif;
  padding-top: 60px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .heading {
  font-size: 14px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList {
  padding-bottom: 20px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li {
  font-size: 24px;
}

[component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-body .searchList li a {
  height: 24px;
}

[component-name~=searchOverlay] .modal-body {
  max-height: 400px;
}

[component-name~=searchOverlay].nav-overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999999999999999999999999;
  top: 0;
  left: 0;
  background: #fff;
  overflow-x: hidden;
  overflow-y: hidden;
  display: none;
}

[component-name~=searchOverlay].nav-overlay h4 {
  font-weight: 700;
}

[component-name~=searchOverlay].nav-overlay h4,
[component-name~=searchOverlay].nav-overlay p {
  color: #032b5a;
  margin-bottom: 20px;
  font-family: Frutiger45Light,sans-serif;
}

[component-name~=searchOverlay].nav-overlay p {
  margin-top: 0;
  font-size: 16px;
  line-height: 1.25em;
}

[component-name~=searchOverlay].nav-overlay #autocomplete p {
  font-size: 24px;
  color: #4a4a4a;
  font-family: Frutiger55,sans-serif,sans-serif;
}

[component-name~=searchOverlay].nav-overlay h3 {
  margin-bottom: 10px;
  color: #032b5a;
}

[component-name~=searchOverlay].nav-overlay img {
  width: 100%;
  margin-bottom: 20px;
}

[component-name~=searchOverlay].nav-overlay img .close-overlay-width {
  width: 14px;
  height: 15px;
}

[component-name~=searchOverlay].nav-overlay ul {
  list-style: disc;
  margin-bottom: 10px;
  color: #032b5a;
  margin-left: 20px;
}

[component-name~=searchOverlay].nav-overlay ul li {
  list-style: disc;
  padding-bottom: 10px;
  color: #032b5a;
}

[component-name~=searchOverlay].nav-overlay .accordion {
  overflow: visible;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay {
  outline: 0;
  font-family: Frutiger45Light,sans-serif;
  font-size: 12px;
  top: 0;
  left: 0;
  right: 0;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay * {
  line-height: normal;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search {
  font-family: Frutiger55,sans-serif;
  padding: 0;
  border-bottom: 0;
  overflow: hidden;
  position: relative;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #searchForm input[type=text] {
  font-size: 16px;
  caret-color: #fff;
  float: left;
  border: 0;
  border-bottom: 1px solid #e0e0e0;
  width: 100%;
  color: #4a4a4a;
  padding: 6.5px 65px 11.5px 29px;
  height: 70px;
  margin-right: 0;
  border-radius: 0;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #searchForm input[type=text]::placeholder {
  font-size: 14px;
  line-height: 14px;
  color: #9b9b9b;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #searchForm input[type=text]:focus {
  outline-style: none!important;
  box-shadow: none;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search img {
  width: 17px;
  height: 18px;
  position: absolute;
  top: 28px;
  right: 44px;
  cursor: pointer;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #totalResults {
  position: absolute;
  right: 140px;
  top: 105px;
  font: 18px "Frutiger LT Std";
  color: red;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap {
  overflow-y: auto;
  padding: 30px 0 0 15px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .heading,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .heading {
  font-size: 18px;
  padding-bottom: 20px;
  color: #9b9b9b;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList {
  font-size: 24px;
  list-style: none;
  margin: 0;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li {
  list-style: none;
  padding-bottom: 10px;
  display: block;
  overflow: hidden;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li a,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li a {
  text-decoration: none;
  color: #032b5a;
  float: left;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li a:focus,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li a:focus {
  outline: 0;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li a:hover,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li a:hover {
  color: #419eda;
  text-decoration: none;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container {
  float: left;
  text-align: left;
  width: 100%;
  left: 0!important;
  top: 0!important;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container {
  width: 78%;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container {
  width: 71.2%;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container ul {
  margin-left: 0;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container ul {
  margin-left: 0;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container ul li {
  list-style-type: none;
  padding: 0 0 10px;
  font: 24px Frutiger45Light,sans-serif,sans-serif;
  display: table;
  line-height: normal;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container ul li {
  font-family: Frutiger55,sans-serif,sans-serif;
  padding: 5px 0;
  line-height: 24px;
}

[component-name~=searchOverlay].nav-overlay .yui-ac-container ul li:hover {
  color: #419eda;
  cursor: pointer;
}

[component-name~=searchOverlay].nav-overlay {
  padding: 63px 10% 0;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search {
  padding-top: 60px;
  text-align: center;
  padding-bottom: 60px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #searchForm input[type=text] {
  width: 78%;
  caret-color: #4a4a4a;
  margin-left: 11%;
  padding: 10px;
  border-bottom: 1px solid #979797;
  height: auto;
  margin-right: 0;
  border-radius: 0;
  font-size: 48px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #searchForm input[type=text]::placeholder {
  color: transparent!important;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search img {
  height: 15px;
  width: 14px;
  top: 60px;
  right: 22px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap {
  padding-left: 0;
  padding-top: 60px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .heading,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .heading {
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  padding-bottom: 10px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList {
  font-family: Frutiger55,sans-serif;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li {
  font-size: 24px;
  padding: 5px 0;
  line-height: 24px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li a,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li a {
  line-height: inherit;
}

[component-name~=searchOverlay].nav-overlay {
  padding-left: 11.72%;
  padding-right: 5.96%;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay {
  max-width: 1100px;
  margin: 0 auto;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search {
  padding-top: 60px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-header-search #searchForm input[type=text] {
  border-color: #979797;
  width: 71.2%;
  margin-left: 10.3%;
  height: auto;
  margin-right: 0;
  border-radius: 0;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap {
  font-family: Frutiger55,sans-serif;
  padding-top: 60px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .heading,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .heading {
  font-size: 14px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList {
  padding-bottom: 20px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li {
  font-size: 24px;
}

[component-name~=searchOverlay].nav-overlay .searchOverlay .o2modal-body-search .searchList li a,
[component-name~=searchOverlay].nav-overlay .searchOverlay .searchListWrap .searchList li a {
  height: 24px;
}

.has-secondarynav [component-name~=searchOverlay] .o2-modal-search.searchOverlay .modal-header #searchForm input[type=text]:focus {
  box-shadow: none;
}

[component-name~=footer] {
  display: grid;
}

[component-name~=footer] * {
  -webkit-box-sizing: border-box!important;
  -moz-box-sizing: border-box!important;
  box-sizing: border-box!important;
}

[component-name~=footer] #o2-footer .global-navigation-grid {
  background: linear-gradient(180deg,#23236A 0,#107AC0 100%);
}

[component-name~=footer] #o2-footer .global-navigation-grid dd,
[component-name~=footer] #o2-footer .global-navigation-grid p,
[component-name~=footer] #o2-footer .global-navigation-grid ul {
  margin: 0;
  padding-left: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid a {
  text-decoration: none;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container {
  background: url(https://static-www.ref.o2.co.uk/themes/o2_theme/img/o2-flurry-bubbles.png) no-repeat;
  background-position: right 6px bottom 110px;
  padding-top: 16px;
  padding-bottom: 24px;
  background-size: 113px 240px;
  margin-top: 0!important;
  width: 100%;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .row {
  display: inline-block;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container {
  background-position: right 0 bottom 0;
  padding-top: 31px;
  padding-bottom: 9px;
  background-size: 95px 203px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container {
  background-position: right -35px bottom -7px;
  padding-top: 41px;
  padding-bottom: 16px;
  background-size: 134px 286px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container {
  background-position: right 12px bottom 9px;
  padding-top: 31px;
  padding-bottom: 24px;
  background-size: 165px 353px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary {
  letter-spacing: 0;
  color: #fff;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-list,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-list {
  padding-left: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary a,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary a {
  color: #fff!important;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .in-liner {
  padding-bottom: 32px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .in-liner {
  padding-bottom: 28px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .in-liner {
  padding-bottom: 44px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .in-liner {
  padding-bottom: 10px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-help-support,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-popular {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #fff;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-help-support,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-popular {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-help-support {
  padding-bottom: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-help-support {
  padding-bottom: 7px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-shop {
  padding-bottom: 32px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-shop {
  padding-bottom: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dl {
  margin-bottom: 0;
  margin-top: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dl {
  margin-bottom: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dt {
  padding-bottom: 8px;
  line-height: 24px;
  font-size: 20px;
  font-family: Frutiger45Light,sans-serif,sans-serif;
  font-weight: 100;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dt {
  line-height: 19px;
  font-size: 16px;
  font-family: Frutiger55,sans-serif,sans-serif;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dt {
  line-height: 32px;
  font-size: 24px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dd {
  line-height: 15px;
  padding-bottom: 5px;
  font-size: 12px;
  font-family: Frutiger55,sans-serif,sans-serif;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dd {
  font-size: 14px;
  line-height: 19px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary dd:last-child {
  padding-bottom: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity {
  padding-bottom: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity {
  padding-bottom: 0;
  padding-top: 2px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity {
  padding-top: 12px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dt {
  display: none;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd {
  padding-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd {
  font-size: 14px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd {
  font-size: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd img {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd img {
  margin-right: 16px;
  width: 32px;
  height: 32px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary .menu-activity dd:last-child,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-primary.mobile-show .in-liner {
  padding-bottom: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary {
  font-family: Frutiger55,sans-serif,sans-serif;
  font-size: 12px;
  line-height: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-about-o2,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-copyright,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-fca-notice {
  padding-bottom: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-legal {
  padding-bottom: 2px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-copyright-logo {
  padding-bottom: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-copyright-logo {
  padding-bottom: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-about-o2 li,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-legal li {
  display: inline-block;
  color: #fff;
  margin: 0;
  line-height: 16px;
  float: none;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-about-o2 li .menu-pipe,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-legal li .menu-pipe {
  padding: 0 2px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-about-o2 li a,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-legal li a {
  margin: 0;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-social {
  padding-bottom: 24px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-social dd {
  float: left;
  padding-right: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-social dd {
  padding-right: 32px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-social dd img {
  width: 24px;
  height: 24px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-social dd img {
  width: 16px;
  height: 16px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-social dd img {
  width: 24px;
  height: 24px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-copyright p,
[component-name~=footer] #o2-footer .global-navigation-grid .container .o2-footer-secondary .menu-fca-notice p {
  font-size: 12px;
  line-height: 16px;
  font-family: Frutiger55,sans-serif,sans-serif;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-copyright-logo .telefonica-logo {
  background: url(https://static-www.ref.o2.co.uk/themes/o2_theme/img/telefonica-logo@2x.png) no-repeat;
  text-indent: -9999px;
  width: 87px;
  height: 24px;
  background-size: 87px 24px;
  float: left;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-copyright-logo .telefonica-logo {
  width: 80px;
  height: 23px;
  background-size: 80px 23px;
  margin-top: -10px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-copyright-logo .telefonica-logo {
  width: 115px;
  height: 32px;
  background-size: 115px 32px;
  margin-top: -20px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-copyright-logo .telefonica-logo {
  width: 115px;
  height: 32px;
  background-size: 115px 32px;
  margin-top: -18px;
  float: right;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-social+.menu-copyright-logo .telefonica-logo {
  margin-top: -5px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-social+.menu-copyright-logo .telefonica-logo {
  margin-top: -7px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .menu-social+.menu-copyright-logo .telefonica-logo {
  margin-top: -18px;
}

[component-name~=footer] #o2-footer .global-navigation-grid .footer-hidden {
  display: none;
}

[component-name~=footer] #o2-footer .global-navigation-grid .desktop-show {
  display: block;
}

[component-name~=footer].footer-business .container {
  background-position: right 18px bottom 9px;
  padding-top: 31px;
  padding-bottom: 40px;
  background-size: 165px 353px;
}

[component-name~=footer].footer-business .menu-activity dd img {
  padding-right: 16px;
  width: 32px;
  height: 32px;
}

.global-navigation-grid .container {
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto;
}

.global-navigation-grid .row {
  margin: 0 -8px;
}

.global-navigation-grid .container {
  width: 100%;
  max-width: 1100px;
}

.global-navigation-grid .col-lg-1,
.global-navigation-grid .col-lg-10,
.global-navigation-grid .col-lg-11,
.global-navigation-grid .col-lg-12,
.global-navigation-grid .col-lg-2,
.global-navigation-grid .col-lg-3,
.global-navigation-grid .col-lg-4,
.global-navigation-grid .col-lg-5,
.global-navigation-grid .col-lg-6,
.global-navigation-grid .col-lg-7,
.global-navigation-grid .col-lg-8,
.global-navigation-grid .col-lg-9,
.global-navigation-grid .col-md-1,
.global-navigation-grid .col-md-10,
.global-navigation-grid .col-md-11,
.global-navigation-grid .col-md-12,
.global-navigation-grid .col-md-2,
.global-navigation-grid .col-md-3,
.global-navigation-grid .col-md-4,
.global-navigation-grid .col-md-5,
.global-navigation-grid .col-md-6,
.global-navigation-grid .col-md-7,
.global-navigation-grid .col-md-8,
.global-navigation-grid .col-md-9,
.global-navigation-grid .col-sm-1,
.global-navigation-grid .col-sm-10,
.global-navigation-grid .col-sm-11,
.global-navigation-grid .col-sm-12,
.global-navigation-grid .col-sm-2,
.global-navigation-grid .col-sm-3,
.global-navigation-grid .col-sm-4,
.global-navigation-grid .col-sm-5,
.global-navigation-grid .col-sm-6,
.global-navigation-grid .col-sm-7,
.global-navigation-grid .col-sm-8,
.global-navigation-grid .col-sm-9,
.global-navigation-grid .col-xs-1,
.global-navigation-grid .col-xs-10,
.global-navigation-grid .col-xs-11,
.global-navigation-grid .col-xs-12,
.global-navigation-grid .col-xs-2,
.global-navigation-grid .col-xs-3,
.global-navigation-grid .col-xs-4,
.global-navigation-grid .col-xs-5,
.global-navigation-grid .col-xs-6,
.global-navigation-grid .col-xs-7,
.global-navigation-grid .col-xs-8,
.global-navigation-grid .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  float: left;
}

.global-navigation-grid .container {
  padding: 0 8px;
}

.global-navigation-grid .container .col-lg-1,
.global-navigation-grid .container .col-lg-10,
.global-navigation-grid .container .col-lg-11,
.global-navigation-grid .container .col-lg-12,
.global-navigation-grid .container .col-lg-2,
.global-navigation-grid .container .col-lg-3,
.global-navigation-grid .container .col-lg-4,
.global-navigation-grid .container .col-lg-5,
.global-navigation-grid .container .col-lg-6,
.global-navigation-grid .container .col-lg-7,
.global-navigation-grid .container .col-lg-8,
.global-navigation-grid .container .col-lg-9 {
  float: left;
}

.global-navigation-grid .container .col-lg-12 {
  width: 100%;
}

.global-navigation-grid .container .col-lg-11 {
  width: 91.66666667%;
}

.global-navigation-grid .container .col-lg-10 {
  width: 83.33333333%;
}

.global-navigation-grid .container .col-lg-9 {
  width: 75%;
}

.global-navigation-grid .container .col-lg-8 {
  width: 66.66666667%;
}

.global-navigation-grid .container .col-lg-7 {
  width: 58.33333333%;
}

.global-navigation-grid .container .col-lg-6 {
  width: 50%;
}

.global-navigation-grid .container .col-lg-5 {
  width: 41.66666667%;
}

.global-navigation-grid .container .col-lg-4 {
  width: 33.33333333%;
}

.global-navigation-grid .container .col-lg-3 {
  width: 25%;
}

.global-navigation-grid .container .col-lg-2 {
  width: 16.66666667%;
}

.global-navigation-grid .container .col-lg-1 {
  width: 8.33333333%;
}

.global-navigation-grid .container .col-lg-pull-12 {
  right: 100%;
}

.global-navigation-grid .container .col-lg-pull-11 {
  right: 91.66666667%;
}

.global-navigation-grid .container .col-lg-pull-10 {
  right: 83.33333333%;
}

.global-navigation-grid .container .col-lg-pull-9 {
  right: 75%;
}

.global-navigation-grid .container .col-lg-pull-8 {
  right: 66.66666667%;
}

.global-navigation-grid .container .col-lg-pull-7 {
  right: 58.33333333%;
}

.global-navigation-grid .container .col-lg-pull-6 {
  right: 50%;
}

.global-navigation-grid .container .col-lg-pull-5 {
  right: 41.66666667%;
}

.global-navigation-grid .container .col-lg-pull-4 {
  right: 33.33333333%;
}

.global-navigation-grid .container .col-lg-pull-3 {
  right: 25%;
}

.global-navigation-grid .container .col-lg-pull-2 {
  right: 16.66666667%;
}

.global-navigation-grid .container .col-lg-pull-1 {
  right: 8.33333333%;
}

.global-navigation-grid .container .col-lg-pull-0 {
  right: auto;
}

.global-navigation-grid .container .col-lg-push-12 {
  left: 100%;
}

.global-navigation-grid .container .col-lg-push-11 {
  left: 91.66666667%;
}

.global-navigation-grid .container .col-lg-push-10 {
  left: 83.33333333%;
}

.global-navigation-grid .container .col-lg-push-9 {
  left: 75%;
}

.global-navigation-grid .container .col-lg-push-8 {
  left: 66.66666667%;
}

.global-navigation-grid .container .col-lg-push-7 {
  left: 58.33333333%;
}

.global-navigation-grid .container .col-lg-push-6 {
  left: 50%;
}

.global-navigation-grid .container .col-lg-push-5 {
  left: 41.66666667%;
}

.global-navigation-grid .container .col-lg-push-4 {
  left: 33.33333333%;
}

.global-navigation-grid .container .col-lg-push-3 {
  left: 25%;
}

.global-navigation-grid .container .col-lg-push-2 {
  left: 16.66666667%;
}

.global-navigation-grid .container .col-lg-push-1 {
  left: 8.33333333%;
}

.global-navigation-grid .container .col-lg-push-0 {
  left: auto;
}

.global-navigation-grid .container .col-lg-offset-12 {
  margin-left: 100%;
}

.global-navigation-grid .container .col-lg-offset-11 {
  margin-left: 91.66666667%;
}

.global-navigation-grid .container .col-lg-offset-10 {
  margin-left: 83.33333333%;
}

.global-navigation-grid .container .col-lg-offset-9 {
  margin-left: 75%;
}

.global-navigation-grid .container .col-lg-offset-8 {
  margin-left: 66.66666667%;
}

.global-navigation-grid .container .col-lg-offset-7 {
  margin-left: 58.33333333%;
}

.global-navigation-grid .container .col-lg-offset-6 {
  margin-left: 50%;
}

.global-navigation-grid .container .col-lg-offset-5 {
  margin-left: 41.66666667%;
}

.global-navigation-grid .container .col-lg-offset-4 {
  margin-left: 33.33333333%;
}

.global-navigation-grid .container .col-lg-offset-3 {
  margin-left: 25%;
}

.global-navigation-grid .container .col-lg-offset-2 {
  margin-left: 16.66666667%;
}

.global-navigation-grid .container .col-lg-offset-1 {
  margin-left: 8.33333333%;
}

.global-navigation-grid .container .col-lg-offset-0 {
  margin-left: 0;
}

.product-list-wrapper {
  width: 100%;
  max-width: 1100px;
  clear: both;
  background: #fff;
  margin-bottom: 30px;
}

a.auth-select-product-link {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
  display: flex;
  font-size: 15px;
  padding-top: 16px;
  padding-bottom: 5px;
  padding-left: 30px;
}

.product-list {
  width: 66.45455%;
}

.product-list .product-list-inner {
  padding: 35px 0 60px;
  border-right: 1px solid #efefef;
}

.product-list .product-list-inner .customerproduct {
  margin-top: 42px;
  margin-left: 0;
}

.product-list .product-list-inner .no-products {
  margin: 15px 28px 0 31px;
}

.product-list .product-list-inner .no-products .description {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
  font-size: 14px;
  padding: 25px 0 50px;
}

.product-list .product-list-inner .no-products div.promo-s {
  width: 80.32787%;
}

.product-list .product-list-inner .no-products .bkg-img {
  background-image: url(//static.o2.co.uk/www/img/shop/index/bp3/promo-m-short-plain-dark-4.jpg);
}

.product-list .product-list-inner h2 {
  font-family: Frutiger45Light,sans-serif;
  color: #032b5a;
  font-size: 28px;
  margin: 0;
  padding: 0 28px 0 29px;
}

.product-list .product-list-inner h2.customer-products {
  margin-bottom: 25px;
  padding-bottom: 0;
}

.product-list .product-list-inner .auth-select-product-form {
  padding: 23px 0 25px;
  margin: 0 28px 0 31px;
  position: relative;
}

.product-list .product-list-inner .auth-select-product-form a.product-cta,
.product-list .product-list-inner p.reference.dependant-product a.product-cta,
.product-list .product-list-inner p.reference.product a.product-cta {
  position: absolute;
  top: 24px;
  right: 2px;
}

.product-list .product-list-inner .auth-select-product-form a.friendly-device-name,
.product-list .product-list-inner .auth-select-product-form a.secondary-services-name,
.product-list .product-list-inner p.reference.dependant-product a.friendly-device-name,
.product-list .product-list-inner p.reference.dependant-product a.secondary-services-name,
.product-list .product-list-inner p.reference.product a.friendly-device-name,
.product-list .product-list-inner p.reference.product a.secondary-services-name {
  margin-top: 10px;
  position: static;
}

.product-list .product-list-inner .auth-select-product-form a.rounded-button,
.product-list .product-list-inner p.reference.dependant-product a.rounded-button,
.product-list .product-list-inner p.reference.product a.rounded-button {
  width: auto;
  position: absolute;
  top: 14px;
  right: 0;
}

.product-list .product-list-inner .auth-select-product-form .description,
.product-list .product-list-inner p.reference.dependant-product .description,
.product-list .product-list-inner p.reference.product .description {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
  font-size: 14px;
  line-height: 18px;
  width: 21em;
  display: inline-block;
  margin: -14px 0 0 0;
  position: relative;
  top: 7px;
}

.product-list .product-list-inner p.reference.dependant-product,
.product-list .product-list-inner p.reference.product {
  transition: all .5s ease;
  padding: 15px 10px 10px;
  margin: 25px 28px 0;
  position: relative;
}

.product-list .product-list-inner p.reference.dependant-product a.secondary-name,
.product-list .product-list-inner p.reference.product a.secondary-name {
  display: block;
  height: 0;
  transition: all .5s ease;
  overflow-y: hidden;
}

.product-list .product-list-inner p.reference.dependant-product.has-secondary-name a.secondary-name,
.product-list .product-list-inner p.reference.product.has-secondary-name a.secondary-name {
  height: 20px;
}

.js .product-list .product-list-inner p.reference.dependant-product.collapsed,
.js .product-list .product-list-inner p.reference.product.collapsed {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  overflow-y: hidden;
  border: 0 solid #efefef;
}

.product-list .product-list-inner p.trailing-link {
  margin: 25px 28px 0 31px;
}

.product-list .product-list-inner p.billing-link {
  margin: 0 0 15px;
}

.product-list .product-list-inner .PAYM p.name,
.product-list .product-list-inner .PAYM_BPI_SUBSCRIPTION p.name {
  background-image: url(//static.o2.co.uk/shared/img/modules/digital-id/paym.png);
}

.product-list .product-list-inner .PAYG p.name,
.product-list .product-list-inner .PAYG_BPI_SUBSCRIPTION p.name {
  background-image: url(//static.o2.co.uk/shared/img/modules/digital-id/payg.png);
}

.product-list .product-list-inner .PAYMMBB p.name,
.product-list .product-list-inner .PAYMMBB_BPI_SUBSCRIPTION p.name {
  background-image: url(//static.o2.co.uk/shared/img/modules/digital-id/mbb.png);
}

.product-list .product-list-inner .sharedData p.name {
  background-image: url(../img/product_images/shareddata.png);
}

.product-list .product-list-inner .SIM_FREE_FINANCE p.name {
  background-image: url(../img/sim_free_financing_solid_blue_rgb.png);
  background-size: 24px 25px;
}

.product-list .product-list-inner .BUSINESS_SERVICES p.name,
.product-list .product-list-inner .DISCONNECTED_BILL p.name,
.product-list .product-list-inner .ESUITE p.name,
.product-list .product-list-inner .O2WIFI p.name,
.product-list .product-list-inner .SFDC p.name {
  background-image: url(//static.o2.co.uk/shared/img/modules/digital-id/services.png);
}

.product-list .product-list-inner p.name {
  background-repeat: no-repeat;
  padding: 4px 0 12px 36px;
  margin: 0;
}

.product-list .product-list-inner:not(:first-child) {
  background: transparent url(//static.o2.co.uk/shared/img/label-m-shadow320.png) 0 0 no-repeat;
}

.product-list .product-list-inner:not(:first-child) {
  background: transparent url(//static.o2.co.uk/shared/img/label-m-shadow575.png) 0 0 no-repeat;
}

.product-list .product-list-inner:not(:first-child) {
  background: transparent url(//static.o2.co.uk/shared/img/label-m-shadow.png) 0 0 no-repeat;
}

.product-list .product-list-inner:not(:last-child) {
  padding-bottom: 0;
}

.product-list .business-product {
  margin-bottom: 40px;
  position: relative;
}

.product-list .business-product p {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
  font-size: 14px;
  margin: 25px 28px 25px 31px;
}

.product-list .business-product a.product-cta {
  margin: 20px 18px 25px 21px;
}

.product-list .business-product a.product-cta {
  position: absolute;
  top: 85px;
  right: 12px;
}

.product-list .business-product a.main-name {
  font-family: Frutiger45Light,sans-serif;
  color: #419eda;
  font-size: 20px;
}

.product-list .product-availability {
  border-right: 1px solid #efefef;
  padding: 30px 0 0;
}

.product-list .product-availability h2 {
  color: #032b5a;
  font-family: Frutiger45Light,sans-serif;
  font-size: 26px;
  margin-bottom: 28px;
  padding-bottom: 0;
}

.product-list .product-availability p {
  color: #032b5a;
  font-family: Frutiger55,sans-serif;
  font-size: 14px;
  line-height: 1.429em;
  margin: 10px 0;
}

.product-list .product-availability .product-cta {
  float: right;
  color: #419eda;
  font-family: Frutiger55,sans-serif;
  margin: 12px 28px 0 0;
}

.product-list .product-availability .product-cta.no-float {
  float: none;
}

.product-list .product-availability .product-available p,
.product-list .product-availability .product-unavailable p {
  font-family: Frutiger45Light,sans-serif;
  font-size: 20px;
  border-bottom: 1px solid #efefef;
}

.product-list .product-availability .product-available p span.secondary-name,
.product-list .product-availability .product-unavailable p span.secondary-name {
  display: block;
  font-family: Frutiger46Italic,sans-serif;
  font-size: 14px;
  padding-top: 3px;
}

.product-list .product-availability .product-unavailable {
  padding: 0 18px 13px 19px;
}

.product-list .product-availability .product-unavailable p {
  margin-bottom: 25px;
  font-size: 14px;
  font-family: Frutiger55,sans-serif;
  line-height: 1.25em;
  border-bottom: 0;
}

.product-list .product-availability .product-available h2 {
  padding-left: 19px;
}

.product-list .product-availability .product-available p {
  margin: 0;
}

.product-list .product-availability .product-available p a {
  display: block;
  padding: 13px 18px 13px 19px;
  line-height: 20px;
}

.product-list .product-availability {
  padding: 30px 28px 90px 31px;
}

.product-list .product-availability .product-unavailable {
  padding: 0;
}

.product-list .product-availability .product-available h2 {
  padding-left: 0;
}

.product-list .product-availability .product-available p a {
  padding-left: 0;
  padding-right: 0;
}

.product-list .product-availability .product-cta {
  margin-right: 0;
}

.product-list-sidebar {
  width: 30.90909%;
  margin-left: -1px;
  border-left: 1px solid #efefef;
}

.product-list-sidebar .product-list-inner {
  padding: 37px 0 60px 28px;
}

.product-list-sidebar .product-list-inner .sidebar-header {
  margin: 0 0 0 1px;
}

.product-list-sidebar .product-list-inner p.sidebar-title {
  background-image: url(//static.o2.co.uk/shared/img/modules/digital-id/profile.png);
  background-repeat: no-repeat;
  padding: 2px 0 12px 29px;
  margin-left: 1px;
}

.product-list-sidebar .product-list-inner p.nameOfUser {
  padding: 11px 0 1px;
}

.product-list-sidebar .product-list-inner .username {
  display: block;
  padding: 0 0 16px;
}

.product-list-sidebar .product-list-inner .product-functions {
  font-family: Frutiger55,sans-serif;
  color: #032b5a;
}

.product-list-sidebar .product-list-inner .product-functions h2 {
  font-family: Frutiger45Light,sans-serif;
  color: #032b5a;
  font-size: 22px;
  padding: 0;
  line-height: 30px;
  margin: 28px 0 0;
}

.product-list-sidebar .product-list-inner .product-functions p {
  font-size: .875em;
  line-height: 1.429em;
  margin: 10px 0;
}

.product-list-sidebar .product-list-inner .product-functions a.product-cta {
  margin: 10px 0;
}

.product-list-sidebar .product-list-inner .product-functions div.content-group {
  margin: 40px 0;
}

.product-list-sidebar .product-list-inner .product-functions strong {
  font-family: Frutiger65Bold,sans-serif;
}

.product-list,
.product-list-sidebar {
  float: left;
  min-width: 320px;
}

.product-list,
.product-list-sidebar {
  min-width: inherit;
}

.product-list .product-list-inner p.name,
.product-list .product-list-inner p.sidebar-title,
.product-list-sidebar .product-list-inner p.name,
.product-list-sidebar .product-list-inner p.sidebar-title {
  font-family: Frutiger45Light,sans-serif;
  color: #032b5a;
  font-size: 22px;
}

.product-list .product-list-inner div.product-header,
.product-list .product-list-inner p.sidebar-title,
.product-list-sidebar .product-list-inner div.product-header,
.product-list-sidebar .product-list-inner p.sidebar-title {
  border-bottom: 1px solid #efefef;
}

.product-list .product-list-inner div.product-header,
.product-list-sidebar .product-list-inner div.product-header {
  margin: 0 31px;
}

.product-list .product-list-inner .auth-select-product-form input,
.product-list .product-list-inner .nameOfUser a,
.product-list .product-list-inner p.reference.dependant-product a.main-name,
.product-list .product-list-inner p.reference.product a.main-name,
.product-list-sidebar .product-list-inner .auth-select-product-form input,
.product-list-sidebar .product-list-inner .nameOfUser a,
.product-list-sidebar .product-list-inner p.reference.dependant-product a.main-name,
.product-list-sidebar .product-list-inner p.reference.product a.main-name {
  font-family: Frutiger45Light,sans-serif;
  color: #419eda;
  font-size: 20px;
}

.product-list .product-list-inner a.main-name.product-block .secondary-name,
.product-list-sidebar .product-list-inner a.main-name.product-block .secondary-name {
  display: block;
  font-family: Frutiger46Italic,sans-serif;
  font-size: 14px;
}

.product-list .product-list-inner .auth-select-product-form,
.product-list .product-list-inner .username,
.product-list .product-list-inner p.reference.dependant-product,
.product-list .product-list-inner p.reference.product,
.product-list-sidebar .product-list-inner .auth-select-product-form,
.product-list-sidebar .product-list-inner .username,
.product-list-sidebar .product-list-inner p.reference.dependant-product,
.product-list-sidebar .product-list-inner p.reference.product {
  border-bottom: 1px solid #efefef;
}

.product-list .product-list-inner .username,
.product-list .product-list-inner p.reference.dependant-product a.secondary-name,
.product-list .product-list-inner p.reference.product a.secondary-name,
.product-list-sidebar .product-list-inner .username,
.product-list-sidebar .product-list-inner p.reference.dependant-product a.secondary-name,
.product-list-sidebar .product-list-inner p.reference.product a.secondary-name {
  font-family: Frutiger46Italic,sans-serif;
  color: #419eda;
  font-size: 14px;
}

.product-list .product-list-inner a.product-cta,
.product-list-sidebar .product-list-inner a.product-cta {
  font-family: Frutiger55,sans-serif;
  color: #419eda;
  background-position: -2px -34px;
}

.product-list .product-list-inner a.product-cta.disabled,
.product-list-sidebar .product-list-inner a.product-cta.disabled {
  color: #989898;
  background-position: 1px 1px;
  background-image: url(//static.o2.co.uk/shared/img/promo-cta-arrow-disabled.png);
}

.product-list .product-list-inner a.manage-details,
.product-list-sidebar .product-list-inner a.manage-details {
  margin-top: 12px;
}

.tab {
  height: 300px;
}

.no-js .tab-content-no-js {
  width: 660px;
  padding: 20px;
  display: block;
}

.no-js .tab-no-js {
  height: 100%;
}

.tabs {
  border-bottom: 1px solid #d0d0d0;
  width: 100%;
  height: 27px;
  float: left;
  clear: both;
  margin: 0;
}

ul.tabs li:first-child {
  margin-left: 20px;
}

.tabs li {
  float: left;
  background-color: #419eda;
}

.tabs li.active {
  background-color: #fff;
  color: #032b5a;
  position: relative;
  box-shadow: none;
  background-image: none;
  z-index: 5;
}

.tabs li a {
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
  color: #fff!important;
  background-color: #419eda;
  position: relative;
  box-shadow: none;
  background-image: none;
  padding: 10px;
  text-decoration: none;
}

.tabs .active a {
  color: #032b5a!important;
  background-color: #fff;
  height: 90px!important;
}

.tab {
  margin-left: -20px;
  background-color: #fff;
  float: left;
  margin-bottom: 20px;
  width: auto;
}

.tab-content {
  width: 660px;
  padding: 20px;
  display: none;
}

#tabContainer {
  padding-top: 5%;
}

#mobileNumberTabContent {
  display: block;
}

div#leftColumn>div.normal-height>div#useEmail,
div#leftColumn>div.normal-height>div#useMobile {
  display: none;
}

body.digital-id div.infoPanel.validation.new-style ul.optimized-for-new-style li em {
  background: transparent url(//static.o2.co.uk/shared/img/modules/digital-id/exclamation.png) 0 0 no-repeat!important;
}

.js body.accounts-wizard #birthdate {
  display: none;
}

.no-js body.accounts-wizard #birthdate {
  display: block;
}

body.accounts-wizard .soft-divide-spaced {
  margin: 20px 0 30px;
}

body.accounts-wizard .registration-content {
  padding-bottom: 2em;
}

body.accounts-wizard .registration-content a.product-cta {
  background-position: 0 -34px;
}

body.accounts-wizard .registration-content.reduced-padding {
  padding-bottom: 1em;
}

body.accounts-wizard .registration-content.no-padding-btm {
  padding-bottom: 0;
}

body.accounts-wizard .registration-content .hint {
  margin-bottom: 0!important;
}

body.accounts-wizard .registration-content.hide-hint .hint {
  display: none;
}

body.accounts-wizard .registration-content.hide-hint fieldset.gap-before {
  margin-top: 0!important;
}

body.accounts-wizard .registration-content p {
  padding: 11px 0!important;
}

body.accounts-wizard .registration-content p:last-child {
  padding-bottom: 0!important;
}

body.accounts-wizard .registration-content p.no-spacing-top {
  padding-top: 0!important;
}

body.accounts-wizard .registration-content #registerUser {
  float: none;
}

body.accounts-wizard .registration-content #confirmpassword,
body.accounts-wizard .registration-content #emailaddress {
  margin-bottom: 0;
}

body.accounts-wizard .registration-content .infoPanel.validation.checkout-validation {
  margin-top: 10px!important;
  background: 0 0;
}

body.accounts-wizard .registration-content .infoPanel.validation.checkout-validation ul.validationmessages {
  padding-top: 0;
}

body.accounts-wizard .registration-content .infoPanel.validation.checkout-validation ul.validationmessages li {
  display: none;
}

body.accounts-wizard .registration-content .infoPanel.validation.checkout-validation ul.validationmessages li.unvalidated {
  display: block;
}

body.accounts-wizard .registration-content ul.personalDetails {
  margin-top: 5px!important;
  display: block!important;
  padding-top: 0!important;
}

body.accounts-wizard .registration-content ul.personalDetails li {
  margin-bottom: 0!important;
}

body.accounts-wizard .registration-content .error {
  border: 0;
  margin: 10px 0 13px;
  -webkit-border-top-left-radius: 0!important;
  -webkit-border-top-right-radius: 0!important;
  -webkit-border-bottom-right-radius: 0!important;
  -webkit-border-bottom-left-radius: 0!important;
  -moz-border-radius-topleft: 0!important;
  -moz-border-radius-topright: 0!important;
  -moz-border-radius-bottomright: 0!important;
  -moz-border-radius-bottomleft: 0!important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  box-shadow: none!important;
  background: #f7e9e9 url(//static.o2.co.uk/shared/img/modules/digital-id/exclamation.png) 12px 50% no-repeat;
}

body.accounts-wizard .registration-content .error p {
  background-color: transparent;
  padding: 12px 15px 12px 53px!important;
  border: 0;
  -webkit-border-top-left-radius: 0!important;
  -webkit-border-top-right-radius: 0!important;
  -webkit-border-bottom-right-radius: 0!important;
  -webkit-border-bottom-left-radius: 0!important;
  -moz-border-radius-topleft: 0!important;
  -moz-border-radius-topright: 0!important;
  -moz-border-radius-bottomright: 0!important;
  -moz-border-radius-bottomleft: 0!important;
  border-top-left-radius: 0!important;
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
  border-bottom-left-radius: 0!important;
  margin: 0;
}

body.accounts-wizard .registration-content .customer-details-wrapper {
  margin-bottom: 25px;
}

body.accounts-wizard .registration-content .customer-details-wrapper fieldset.input-and-validation {
  margin-bottom: 0;
}

body.accounts-wizard .registration-content .customer-details-wrapper ul#validationmessages-firstname,
body.accounts-wizard .registration-content .customer-details-wrapper ul#validationmessages-lastname {
  margin-bottom: 15px;
}

body.accounts-wizard .column-inner.reduced-height {
  margin-bottom: 0!important;
}

body.accounts-wizard .column-inner.acc-details h3 {
  margin-bottom: 11px;
}

body.accounts-wizard .dobselector select {
  float: left;
  width: 28%!important;
  margin-left: 3.9%!important;
  margin-bottom: 0!important;
}

body.accounts-wizard .dobselector select:first-child {
  margin-left: 0!important;
}

body.accounts-wizard .dobselector select.month {
  width: 36%!important;
}

body.accounts-wizard .sidebar .registration-content:first-child {
  padding-top: 12px!important;
}

body.accounts-wizard .sidebar .registration-content:first-child h4:first-child {
  margin-top: 0!important;
}

body.accounts-wizard .soft-divider {
  display: none;
}

body.accounts-wizard .soft-divide-section-wrap .soft-divider {
  display: inline-block;
  width: 86%;
  margin-left: 7%;
}

body.accounts-wizard .dobselector {
  width: 302px;
}

body.accounts-wizard .soft-divider {
  display: inline-block;
}

body.accounts-wizard .soft-divide-section-wrap .soft-divider {
  display: none;
}

body.noscroll,
html.noscroll {
  overflow: hidden;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.fade.in {
  opacity: .8;
  filter: alpha(opacity=80);
}

.legacy .modal-backdrop {
  *display: none;
  font-size: 22px;
}

#securityModal .securityCheckclose {
  float: right;
  font-size: 16px;
  font-family: Frutiger45Light,sans-serif;
  position: relative;
  left: -8px;
  line-height: 20px;
  color: #032b5a;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  cursor: pointer;
  margin: 0;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
}

#securityModal h3 {
  font-family: Frutiger45Bold,sans-serif;
  font-size: 28px;
  padding-bottom: 14px;
}

#securityModal p {
  padding-bottom: 5px;
}

#securityModal input[type=submit] {
  width: 180px;
}

.security-modal {
  display: none;
  background: #FFF;
  position: fixed;
  top: 10px;
  left: 10px;
  right: 10px;
  z-index: 1050;
}

.security-modal .security-modal-hAlign {
  position: fixed;
  left: 10px;
  right: 10px;
  z-index: 1050;
  bottom: 0;
  max-height: 95%;
  display: block;
}

.security-modal .security-modal-hAlign .modal-body .module-body {
  background: 0 0;
  width: 100%;
  height: 100%;
}

.security-modal .security-modal-hAlign.in {
  display: block;
}

.security-modal .security-modal-hAlign:focus {
  outline: 0;
}

.security-modal .security-modal-hAlign .accordion {
  overflow: visible;
  margin-bottom: 20px;
}

.security-modal-vAlign {
  margin: 10px;
}

#otacDiv {
  padding-bottom: 20px;
}

#sendAnotherOtac {
  text-decoration: underline;
  float: left;
  font-size: 12px;
}

#sendOtacToAnotherNumber,
#sendOtacToAnotherNumberErrHref {
  text-decoration: underline;
  float: right;
  font-size: 12px;
}

.security-modal {
  width: 520px;
  margin-left: -260px;
  left: 50%;
  top: 10%;
}

.security-modal .security-modal-hAlign {
  width: 520px;
  margin-left: -260px;
  left: 50%;
  top: 0;
  height: 100%;
  bottom: 0;
  display: table;
}

.security-modal .security-modal-hAlign .security-modal-vAlign {
  display: table-cell;
  vertical-align: middle;
  height: 380px;
}

.security-modal .security-modal-hAlign .modal-body {
  height: 300px;
}

.security-modal .security-modal-hAlign {
  width: 550px;
  margin-left: -380px;
}

.security-modal .security-modal-hAlign .modal-body {
  height: 400px;
}

body.noscroll,
html.noscroll {
  overflow: hidden;
  margin-right: 15px;
}

.no-js-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0,0,0,.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.no-js-overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 150px auto;
  padding: 50px;
  background: #fff;
  border-radius: 5px;
  width: 25%;
  position: relative;
}

.popup .close {
  float: right;
  font-size: 16px;
  font-family: Frutiger45Light,sans-serif;
  line-height: 20px;
  color: #032b5a;
  text-shadow: 0 1px 0 #fff;
  padding: 0;
  cursor: pointer;
  margin: 0;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-weight: 700;
  text-decoration: none;
}

.popup .content {
  font-family: Frutiger45Light,sans-serif;
  font-size: 20px;
  padding-bottom: 14px;
  overflow: auto;
  text-align: center;
}

.soft-divider {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  margin: 0;
}

.soft-divider .divide-left,
.soft-divider .divide-right {
  width: 49.9%;
  height: 11px;
  float: left;
}

.soft-divider .divide-left {
  background: url(//checkout.o2.co.uk/static/_assets/img/soft-divider-xxl.png) no-repeat scroll 0 0 transparent;
}

.soft-divider .divide-right {
  background: url(//checkout.o2.co.uk/static/_assets/img/soft-divider-xxl.png) no-repeat scroll right -11px transparent;
}