/**
* #.#  Order Selection Page Styles
*
* Styles specific to Order Selection Page. 
*/
.NoImage{
    text-align: center;
    height: 329px;
}

.NoImage img {
    height: 90%;
    margin: 5% auto;
}


.order-selection .order-selection-title,
.shoppingcart .title {
    margin:20px 0 0 0;
}
.order-selection p.lead,
.shoppingcart p.lead {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif
}
.order-selection .num-heading {
    margin-bottom: 10px;
}
.order-selection span.num-square-title {
    font-size: 1.1875em;
}
.order-selection .device-options-wrap {
    margin: 5px 0;
}

/*rate plan message notification */
.order-selection .notificationWrapper {
    padding: 0;
}
.order-selection .notification{
    color: #00AEEF;
}

/* Phone selection image */
.order-selection .phone_img-frame{
    border-bottom: 1px #F1F4FA solid;
    height: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}
.order-selection .order-selection-image{
    display: block;
    margin: 0 auto 20px 0;
    text-align: center;
}

.order-selection-image .NoImage {
    height:auto;
}
.order-selection-image .NoImage img {
    margin:0;
    height:auto;
}


@media (min-width: 768px) {

    .order-selection .order-selection-title,
    .shoppingcart .title {
        margin:0 0 0 0;
        font-size:2.5em;
    }

    .order-selection .num-heading {
        margin-top:10px;
        margin-bottom: 20px;
    }
    .order-selection .device-options-wrap {
        margin: 25px 0;
    }
    .order-selection span.num-square-title {
        font-size: 1.5em;
    }
    .order-selection-image .NoImage img {
        margin: 0;
        width:95%;
        height: 325px;
    }
    .order-selection-image img {
        height:315px;
    }

}

@media (min-width: 992px) {

    .order-selection-image .NoImage img {
        height: auto;
    }

 
    .order-selection .out-of-stock a.button_request-call {
        width: 100%;
        margin: 0px auto 20px auto;
        white-space: normal;
    }

}

/* banner with title of phone and description button */
.order-selection .banner-title-area {
    display: block;
    padding: 13px 20px;
}
.order-selection .banner-title-area h3 {
    margin: 0;
    font-size: 1.2em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif
}
.order-selection .phone-desciption p {
    padding-top: 10px;
}

/**
* #.# description button on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/
@media (min-width: 768px) {

     .order-selection .phone_img-frame{
        height: auto;
        border-bottom: none;
    }

    .order-selection .btn-text {
        float: right;
    }

    .container.order-selection{
        padding: 40px 0 65px 0;
    }


}

@media (min-width: 992px ) {

    .container.order-selection{
        padding: 70px 0 65px 0;
    }


}



/**
* #.# Your plan table section
*
* Styles for your plan table section
*/

/* removes padding and margin so that checked label has background colour*/
.order-selection .your-plan.table>tbody>tr>td{
    margin: 0;
    padding: 0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.order-selection .your-plan.table>tbody>tr:last-child{
    border-bottom: 1px solid #ddd;
}
.order-selection .radio input[type="radio"] {
    opacity: 0;
}
.order-selection .your-plan label{
    width: 100%;
    height: 100%;
    display: inline-block; 
    margin-bottom: 0;
    padding: 10px 0;
}
.order-selection .your-plan input[type="radio"]:checked + label { 
    background-color: #effcf4;
}
.order-selection .your-plan .radio label::before, .your-plan .radio label::after {
    margin-left: 14px;
    top: 13px;
}
.order-selection .your-plan .radio label::after {
    top: 16px
}
.order-selection  span.plan-data {
    display: block;
    line-height: 1.5em;
    margin-left: 18%;
}

/**
* #.# .order-plan tables on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/
@media (min-width: 768px) {
     .order-selection span.plan-data:first-child{
        margin-left: 40px;
        width: 12%;
    }

     .order-selection span.plan-data:last-child{
        margin-left: 0;
        width: 18%;
    }

     /* changes to table for tablet and larger*/
    .order-selection span.plan-data{
        display: inline-block;
        width:18%;
        margin: 0px 10px;
    }
}





/**
* #.#  Phone Details Page and Order selection page
*
* Styles specific to  Phone Details Page and Order selection page
*/

.callback-form {
   margin: 30px 0;
}

.callback-form h2 {
   font-size: 1em;
}

.out-of-stock{
    padding: 20px 0;
}
.out-of-stock .underline {
    text-decoration: underline;
}
.out-of-stock a.button_request-call {
    padding: 20px 18px;
    font-weight: 600;
    margin: 10px 0;
    white-space: normal;
    width: 100%;
}

/*out-of-stock-email form*/
.out-of-stock .form-wrap .email-row{
    display: block;
    width: 100%;
}

/* form label width  of table cell*/
.out-of-stock .form-wrap .form-label {
    display: block;
    width: 100%;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

/* form value width  of table cell*/
.out-of-stock .form-wrap .form-value {
    display: block;
    margin: 10px 0;
}

.out-of-stock .form-wrap .email-row input[type="text"].email-code {
    width: 100%;
    height: 50px;
    margin: 0;
    float: left;
}

.out-of-stock .callback-form .btn{
    padding: 12px 30px;
    margin: 10px 0 !important;
    width: 100%;
}

.order-selection .out-of-stock {
    padding:0;
}

/**
* #.#  Out of stock
*
* END Styles specific to  Phone Details Page and Order selection page - Out of stock
*/

@media (min-width: 1180px ) {

        .out-of-stock .form-wrap .email-row{
        display: table;
        table-layout: fixed;
        margin: 20px auto;
        width: 100%;
    }


    /* form label width  of table cell*/
    .out-of-stock .form-wrap .form-label {
        display: table-cell;
        width: 20%;
        vertical-align: middle;
        text-align: right;
        padding-right: 20px;
    }

    /* form value width  of table cell*/
    .out-of-stock .form-wrap .form-value {
        display: table-cell;
        vertical-align: middle;
        height: 50px;
        width: 100%;
        margin: 0;
    }


    .out-of-stock a.button_request-call {
    width: 100%;
    margin: 20px auto 10px auto;
    white-space: normal;
    }
    .out-of-stock .form-wrap .email-row input[type="text"].email-code {
    width: 60%;
    }
        .out-of-stock .callback-form .btn{
    padding: 12px 30px;
    margin: 0 5px !important;
    width: auto;
    }
}

/**
* #.#  END Phone Details Page and Order selection page
*
* END Styles specific to  Phone Details Page and Order selection page
*/



/**
* #.#  Swoosh background image
*
* Styles specific Swoosh background image 
*/

.swoosh-container{
    width: 100%;
    height: 530px;
    position: absolute;
    z-index: 0;
    top: 0px;
    overflow: hidden;
}

.swoosh{
    background: url("../images/ux-redesign/swoosh/swoosh.png") no-repeat 0 0;
    width: 721px;
    height: 428px;
    position: absolute;
    top: -20px;
    right: 0;
}
.phone-details-container .back {
   display: none;
}

/**
* #.# Swoosh position 
*
* Styles for displays of between 768px and 992px width
*/
@media (min-width: 768px) {

    .swoosh-container {
      top:0px;
    }
    .swoosh{
      right: 40%;
    }
    .phone-details-grey-banner {
        top: 60px;
    }

}

/**
* #.# Swoosh position 
*
* Modifying heading styles etc. for displays larger than 992px;
*/
@media (min-width: 992px ) {

    .swoosh-container {
        top: 0px;
    }
    .swoosh {
        right:40%;
        margin-right: 200px;
        top: -10px;
    }

}

@media (min-width: 992px ) {
    
    .phone-details-container {
        background: #fff;
        width: 90%;
    }
    .phone-details-grey-banner {
        width: 90%;
    }
    .phone-details-grey-banner a.back-btn {
        display: inline-block;
    }
    a.back-btn {
        color: #fff;
        text-decoration: none;
    }
    a.back-btn:hover {
        text-decoration:underline;
    }
    span.back-icon{ 
        position: absolute;
        width: 15px;
        height: 15px;
        background: url("../images/ux-redesign/icons/back-icon.png") no-repeat 0 0;
        border-width: 0 0 0 0;
        text-indent: -1000px;
        overflow: hidden;
        font-size: 0;
        margin-left: -20px;
        top: 19px;
    }

}

.phone-details-slider {
    margin: 20px 0;
    width: 95%;
}
.phone-details-slider #owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

.phone-details-slider .owl-theme .owl-controls .item-link {
    position: relative;
    display: block;
    width: 100px;
    height: 40px;
    margin: 0 2px;
    border-bottom: 4px solid #ccc;
    outline: none;
}
.phone-details-slider .owl-theme .owl-controls .item-link:focus {
    -webkit-box-shadow: 0 0 8px #cc4895;
    -moz-box-shadow: 0 0 8px #cc4895;
    box-shadow: 0 0 8px #cc4895;
    outline: none;
}
.phone-details-slider .owl-theme .owl-controls .active .item-link {
    border-bottom: 4px solid #cc4895;
}
.phone-details-slider .owl-theme .owl-controls .owl-page span {
    display: none;
}
.phone-details-slider .owl-theme .prev-owl,
.phone-details-slider .owl-theme .next-owl {
    position: absolute;
    top: 5px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: red;
    outline: none;
}
.phone-details-slider .owl-theme .prev-owl:focus,
.phone-details-slider .owl-theme .next-owl:focus {
    -webkit-box-shadow: 0 0 8px #cc4895;
    -moz-box-shadow: 0 0 8px #cc4895;
    box-shadow: 0 0 8px #cc4895;
}

.phone-details-slider #sync1 .item{
    text-align: center;
    height: 329px;
}
.phone-details-slider #sync1 .item img{
    height: 90%;
    margin: 5% auto;
}
/*styles arrows of main slider mobile*/
.phone-details-slider #sync1 .owl-controls .owl-buttons div {
    display: inline-block;
    zoom: 1;
    padding: 0;
    font-size: 12px;
    color: #00AEEF;
    opacity: 1;
    background:none;
    position: absolute;
    font-size: 1.5em;
}

.phone-details-slider #sync1 .owl-controls.clickable .owl-buttons:hover,
.phone-details-slider #sync1 .owl-controls.clickable .owl-buttons:focus{
	opacity: .7;
}

.phone-details-slider #sync1 .owl-controls .owl-buttons .owl-prev {
    left: 0;
    top: 50px;
    margin-top: 33%;
}
.phone-details-slider #sync1 .owl-controls .owl-buttons .owl-next{
     right: 0;
     top: 50px;
     margin-top: 33%;
}


.phone-details-slider #sync2  .owl-item .item{
    display: none;
}

.phone-details-slider #sync2 .owl-buttons{
    display: none;
}


/**
* #.# changes slider styles for medium screen size
*
* changes slider styles for  medium screen size
*/
@media (min-width: 768px) {

    .phone-details-slider .phone-details-thumbs{
     display: block !important;
    }

    .phone-details-slider #sync2 {
    display: block;
    width: 90%;
    margin: 0 auto;
    }

    .phone-details-slider #sync2 .owl-item .item{
    border: 1px solid #00AEEF;
    height: 67px;
    width: 67px; 
    cursor: pointer;
    display: block;
    overflow-x: hidden;/*if incorrect image is added it will be cut off*/
    }

    .phone-details-slider #sync2 .synced .item{
         border: 1px solid #19D769;
    }


    .phone-details-slider #sync2 .owl-item .item:hover{
    border: 1px solid #0095D6;
    }

    .phone-details-slider #sync2 .owl-buttons{
    display: block;
    }

    /*hides arrows of main slider images on ipad and desktop*/
    .phone-details-slider #sync1 .owl-controls .owl-buttons div{
        display: none;
    }

    .phone-details-slider #sync2 .owl-item .item img{
        height: 100%;
        padding: 6% 25%;
    }


    .phone-details-slider #sync2.phone-details-thumbs .owl-controls .owl-buttons div {
        display: inline-block;
        zoom: 1;
        padding: 0;
        font-size: 12px;
        color: #869791;
        opacity: 1;
        background:none;
        font-size: 1.5em;
    }
    .phone-details-slider #sync2.phone-details-thumbs .owl-controls .owl-buttons .owl-prev {
        left: -12%;
        top: 15px;
        position: absolute;
        font-size: 2em;
    }
    .phone-details-slider #sync2.phone-details-thumbs .owl-controls .owl-buttons .owl-next{
          right: -10%;
          top: 15px;
          position: absolute;
          font-size: 2em;
    }


}


/**
* #.# Phone highlight section
*
* styles for phone highlight section
*/

p.intro-description{
    margin: 20px 0 20px 30px;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.intro-description {
    display: none;
}

/**
* #.# adds top margin to description area - only tablet
*
* styles for adding margin to top of description area for tablet only
*/
@media (min-width: 768px) and (max-width:992px ) {
    .tablet-margin {
        margin-top: 50px;
    }
}

@media (min-width: 992px ) {

    .intro-description {
        display: block;
    }
    /* intro description only visible on desktop*/
        p.intro-description{
            margin: 20px 0;
            font-size: 1.2em;
            line-height: 1.5em;
        }

    .phone-details-slider #sync2 .owl-item .item{
        margin: 0;
        text-align:center;
    }

   .phone-details-slider #sync2 {
    width:85%;
    }


}


/*Phone details*/
/*.phone-highlights indicates the section with phone details - colour, capacity, data*/
/*price plan box disappears on smaller devices*/
.phone-highlights .price-plan-box {
    display: none;
}
.phone-highlights .price-plan {
    display: inline-block;
}
.price-guide h5 {
    display: none;
}
.phone-highlights span.price-guide-euro{
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.phone-highlights .price-plan p{
    margin: 0;
    padding: 5px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.phone-highlights .price-plan p:first-child{
    border-bottom: 1px solid #ddd;
}

/**
* #.# Phone details - price-plan-box
*
* displaying price-plan-box on larger screens
*/
@media (min-width: 992px ) {
    .phone-highlights .price-plan-box {
        display: inline-block;
        border: 1px solid #ddd;
        width: 42%;
        margin: 0 12px;
        padding: 10px;
    }
    .price-guide h5 {
        display:inline-block;
        line-height: 70px;
    }
    /*pulls content right on desktop*/
    .pull-right-lg {
        float: right!important;
    }

    .phone-details-master-wrapper .colour-options h5{
        line-height: 50px;
    }

   .phone-details-master-wrapper .device-options-wrap {
        height: 50px;
        margin: 0;
    }

    .phone-details-master-wrapper .device-options-wrap.price-guide{
        height: 90px;
        margin: 20px 0 10px 0;
    }

}





/**
* #.# phone features section
*
* styles for phone features section
*/



/* hides buttons for mobile and tablets */

 /*TAB STYLES*/
.sidebar-feature-buttons {
    display: none;
}

.phone-features-section h3.tab-title{
    display: none;
    margin-top: 0;
}


/**
* #.# styles for feature tabs/buttons
*
* styles for feature tabs/buttons
*/
@media (min-width: 992px) {
    
    h3.tab-title{
        display: block;
        padding-bottom: 15px;
    }
    .sidebar-feature-buttons {
        display: inline-block;
        width: 80%;
    }


    .features-tab-nav {
        display: none;
    }
    /*content inside of tab*/
    .tech-tab-content, .feature-tab-content {
        display: block !important;
        border-bottom: none;
    }
    .feature-tab-content {
        width: 90%;
    }
    .phone-features-section h3.tab-title {
        display: block;
    }

    .sidebar-feature-buttons .list-group-item {
    color: #00AEEF;
    padding: 14px 0 15px 13px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    border: none;
    font-size: 1.125em;
    }

    .sidebar-feature-buttons .list-group-item:focus,
    .sidebar-feature-buttons .list-group-item:hover{
        color: #0095D6;
        background: none;
    }

    .sidebar-feature-buttons .list-group-item.active:hover{
    border-image-source: none;
    background: #545558 url("../images/ux-redesign/icons/forward-icon.png") no-repeat 95% 50%;
    text-decoration: none !important;
    }   

    .sidebar-feature-buttons .list-group-item.active:focus,
    .sidebar-feature-buttons .list-group-item.active{
    border-radius: 0;
    box-shadow: none;
    background: #6D6E72 url("../images/ux-redesign/icons/forward-icon.png") no-repeat 95% 50%;
    border-width: 0 0 0 0;
    color: #fff !important;
    }


}/* end min-width: 992px */


/* tech spec table - tabs */
.tech-tab-content .table>tbody>tr {
    border-bottom: 1px solid #ddd;
}

.tech-tab-content .table>tbody>tr>td{
    display: block;
    border-top: transparent;
    padding-bottom: 5px;/* adds padding below heading */
}
/* adds padding between rows */
.tech-tab-content tr td:first-child {
    padding-top: 15px !important;
}
.tech-tab-content tr td:last-child {
    padding-bottom: 15px !important;
}

/**
* Tech Tab table styles
*
* Tech Tab table styles tablet and larger
*/
@media (min-width: 768px) {

    .phone-features-section .feature-tab-content, 
    .phone-features-section .tech-tab-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tech-tab-content .table>tbody>tr>td{
        display: table-cell;
        border-top: 1px solid #ddd;
        padding: 10px 0 10px 0 !important; /* forces padding */
    }
    .tech-tab-content tr td:first-child {
        width: 25%;
    }
   .tech-tab-content tr td:last-child {
        width: 75%;
    }

}



/**
* END  Phone Details Page
*/


/**
* plan landing page bill pay section
*
*/
.bill-pay-plans .owl-bill-pay li:first-child{
   border-top: none !important;
}
.plan-landing-page.bill-pay-plans .container{
    padding: 0;
    margin: 0 auto;
}
.owl-bill-pay .owl-controls .owl-buttons div {
    position: relative;
    margin: 0;
    padding: 12px 8px;
    font-size: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #00AEEF;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.owl-bill-pay.owl-carousel .owl-controls  .owl-buttons  i{
    margin-top: 2px;
    color: #fff;
    top: 0;
    font-size: 100%;
}


/**
* Bill pay slider section styles
*
* Bill pay slider section tablet and larger
*/
@media (min-width: 768px) {

    .bill-pay-plans .lead{
        display: block;
        font-size: 1.1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .owl-bill-pay.owl-carousel .owl-wrapper-outer{
        width: 80%;
        margin: 0 auto;
        border-left:1px solid #D1D4D9;
        border-right:1px solid #D1D4D9;
    }
    .owl-bill-pay.owl-carousel .owl-wrapper{
        left: -13% !important;
    }
    .owl-bill-pay .owl-controls .owl-buttons {
        top: 50%;
        margin-top: -50px;
    }

  

}

/**
* Bill pay slider section styles
*
* Bill pay slider section  larger
*/
@media (min-width: 992px) {

   /*increases slider container for tablet */
   .owl-bill-pay.owl-carousel .owl-wrapper-outer{
       width: 100%;
       margin: auto;
       border-left: none;
       border-right: none;
   }

   .owl-bill-pay.owl-carousel .owl-wrapper{
       left: 0 !important;
   }

}

.plan-landing-page a.plan-button {
    color: #00AEEF;
    text-align: center;
}
.plan-landing-page a.plan-button-primary {
    color: #fff;
    background: #00AEEF;
    text-align: center;
}
.plan-landing-page a.plan-button:hover {
    color: #0095D6;
    border-color: #0095D6;
}
.plan-landing-page a.plan-button-primary:hover {
    background: #0095D6;
    border-color: #0095D6;
}
.plan-landing-page .topup{
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.plan-landing-page .topup a:hover {
    text-decoration:underline;
}
.plan-landing-page .plan-details-hightlight .plan-details-inner ul.plan-list li{
    border-top:1px solid #1AC8FF;
}
.plan-landing-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child{
    border-top:none;
}

/**
* Plan landing page Prepay section styles
*
* Plan landing page Prepay section tablet and larger
*/
@media (min-width: 768px) {

   .plan-landing-page.prepay-plans .intro h4{
        font-family:'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        font-size: 1.5em;
    }
   .plan-landing-page.prepay-plans .plan-details-inner ul.plan-list li{
       border: none;
   }
   .prepay-plans a.plan-button, .prepay-plans a.plan-button-primary{
       width: 65% !important;
   }
   /* Gives more room to the terms*/
   .prepay-plans .plan-details-box .plan-details{
    width: 70%;
    border-left: 1px solid #0095D6;
    }
   /* decreases the price width*/
    .prepay-plans .plan-details-box .plan-price{
        width: 20%;
    }

}

/**
* Plan landing page Prepay section styles
*
* Plan landing page Prepay section tablet and larger
*/
@media (min-width: 992px) {

    .prepay-plans .plan-price h3{
        font-size:3.5em;
    }
    .prepay-plans .plan-price p{
        line-height:.8em;
    }
}




/**
* Phone list page 
*
* Phone list page styles
*/
.phone-list-page.section-heading {
    background: #EAEDF2 url("../images/ux-redesign/swoosh/tesco-swooh-lg-background.jpg") no-repeat 50% 50%;
}
.phone-list-banner-heading {
    width: 100%;
    margin: 0 auto 30px auto;
}
.phone-list-banner-heading .lead {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

@media (min-width: 768px) {

    .phone-list-container.prepay-phones .phone-box .phone-inner {
        height: 330px;

    }

}


@media (min-width: 992px) {

    .phone-list-page.section-heading .col-md-12 {
        padding-left: 48px;
        padding-right: 48px;
    }
    .phone-list-container .phone-box .phone-img-frame {
        height:auto;
    }
    .phone-list-container .phone-box .phone-inner {
        padding: 0;
        height: 470px;
    }
    .phone-list-container .phone-box  .phone-link {
    padding: 19px 20px 24px 20px;
    }

    .phone-list-container.prepay-phones .phone-box .phone-inner {
        padding: 0;
        height: 400px;
    }

    .phone-list-page .phone-box {
        margin:0 0 11px 0;
        padding-left:7px;
        padding-right:7px;
    }
    .phone-list-page .phone-box .phone-inner {
        padding:21px 24px 0 24px;
        height:420px;
        border:0;
        border-radius:2px;
    }
    .phone-box .phone-price span {
        padding: 8px 22px 9px 22px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
}

/**
* Phone list slider styles 
*
*/
.phone-list-page .owl-bill-phone-list .phone-box .phone-inner .phone-link .phone-img-frame  {
    height: 190px;
    overflow: hidden;
}

/*slider controls*/ 
.owl-bill-phone-list.owl-carousel .owl-controls  .owl-buttons div{
    padding: 10px 5px;
    background: #00AEEF;
    z-index: 0;
    border-radius: 0;
    font-size: 1.5em;
    opacity: 1;
    margin: 0;
    display: block;
    position: relative;
}
.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -100%);/*positions the arrows  center*/
    background-color: transparent;
}
.owl-bill-phone-list.owl-carousel  .owl-controls .owl-buttons .owl-next{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -100%);
    background-color: transparent;
}


/**
* Phone list tab section
*
* Phone list tab section
*/

.phone-list-container .phone-list-tab-nav {
    margin: 40px 0 20px 0;
}

/**
* #.# styles for tabs
*
* styles for feature tab on phone list page
*/
@media (min-width: 992px) {

    .phone-list-container ul.tmi-tab-nav> li{
        width: 268px;
    }
    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left: -53px;
        width:43px;
        height:72px;
        margin-top:-10px;
    }
    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right: -42px;
        width:43px;
        height:72px;
        margin-top:-10px;
    }
    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons span.left-arrow {
        display:block;
        width:43px;
        height:72px;
         background:url("../images/ux-redesign/arrows/img_arrow_left_transparent_desktop.png") no-repeat;
    }
    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons span.right-arrow {
        display:block;
        width:43px;
        height:72px;
        background:url("../images/ux-redesign/arrows/img_arrow_right_transparent_desktop.png") no-repeat;
    }

}

@media (min-width:1180px) {

    .phone-list-page.section-heading {
        padding-bottom:19px;
        background-size: 1280px;
    }
    .phone-list-page.section-heading .col-md-12 {
        padding-left:0;
        padding-right:0;
    }
    .phone-list-banner-heading .lead {
        margin:auto;
        width:80%;
    }
    .owl-bill-phone-list.owl-carousel .owl-controls .owl-page span {
        margin:0 5px;
        width:15px;
        height:15px;
        background:#fff;
    }
    
}

.phone-list-container .filter-wrap{
    background: #666666;
    line-height: 2.5em;
    display:block;
    margin-bottom: 27px;
    padding: 15px;
}


.phone-list-container .filter-wrap .btn-primary {
    padding: 11px 17px;
    width: 100%;
}

/**
* #.# filter-wrap button
*
* styles for filter-wrap button on phone list page
*/
@media (min-width: 768px) {

    .filter-phone-list{
        display: block;
    }
    .phone-list-container .filter-wrap .btn-primary{
    width: auto;
    }

    .phone-list-container .filter-wrap .btn-primary {
        padding:9px 17px 10px 17px;
    }

}

.phone-list-page .phone-box .phone-inner .phone-img-frame{
    margin: 0 0 25px 0;
    height: 263px;
    overflow: auto;
}




/**
* #.# Shopping cart styles
*
* styles for Shopping cart page
*/


/*container for shoppingcart page boxes*/
.shoppingcart-wrapper{
    border: 2px solid #edeef2;
    padding: 5px;
    margin: 0 0 20px 0;
    position:relative;
}
.shoppingcart-title {
    display: block;
    text-align: center;
}
.shoppingcart-title h3 {
    font-size: 1.8em;
}
 .shoppingcart-quantity-container{
    text-align: right;
    display: block;
}
.shoppingcart-quantity .form-group {
    display: inline-block;
    margin: 0 10px;
}
.shoppingcart-quantity .quantity-edit{
      margin: 0 10px;
}
/* options for adding and removing products */
 .shoppingcart-quantity-options{
    display: inline-block;
 }
.shoppingcart-box{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 15px 0;
    text-align: center;
}
.shoppingcart-box h3.phone_name{
    font-size:1.2em;
    margin: 0;
}
.shoppingcart-box .shoppingcart-box-content{
    display: block;
    width:100%;
}
/*putting phone image in table and vertically aligning middle */
.shoppingcart-box-content .shoppingcart-phone-img{
    display: block;
    text-align: center;
}
.shoppingcart-box-content .shoppingcart-details{
    display: block;
    text-align: center;
    padding: 10px 0 0 0;
}
.shoppingcart-box-content .shoppingcart-details ul.phone-features,
.shoppingcart-box-content .shoppingcart-details ul.phone-plan-features {
    padding: 0;
    list-style: none;
}
.shoppingcart-box-content .shoppingcart-details ul.phone-features li {
    display:none;
}
.shoppingcart-box-content .shoppingcart-details ul.phone-features li:first-child {
    display:block;
}



/*phone details price */
.shoppingcart-box .shoppingcart-price{
    border-left:none;
    text-align: center;
    font-size: 1.2em;
}    
.shoppingcart-box .shoppingcart-price span {
    line-height: 1.42857143;
    font-size: 1.5em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    color:#00AEEF;
}
.hrline {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #eee;
}


/**
* #.# shopping cart phone price alignment moved
*
* styles for shopping cart phone price 
*/

.shoppingcart-quantity{
    float: right;
    margin-right: 20px;
}


@media (min-width: 768px) {

    .shoppingcart-box .shoppingcart-box-content{
        display: table-cell;
        width:65%;
    }

    .shoppingcart-box {
        text-align: left;
        margin: 0;
    }
    .shoppingcart-title {
        display: inline-block;
        width: 50%;
        float: left;
        text-align:left;
        padding-left:20px;
    }
    .shoppingcart-title h3 {
        font-size: 1.8em;
    }
    .shoppingcart-quantity-container{
        text-align: left;
        display: inline-block;
        width: 50%;
    }

    .shoppingcart-quantity {
        margin-top: 20px;
    }
    

    .shoppingcart-box .shoppingcart-price{
        display: table-cell;
        vertical-align: top;
        padding: 0 9%;
        text-align: left;
        border-top:none;
        vertical-align: middle;
    }
    .shoppingcart-box-content .shoppingcart-details ul.phone-features,
    .shoppingcart-box-content .shoppingcart-details ul.phone-plan-features {
        padding: 10px 0;
        list-style: none;
    }
    .shoppingcart-box .shoppingcart-box-content  {
        padding: 20px;
        border-right:1px solid #D1D4D9;
    }
    .shoppingcart-box-content .shoppingcart-phone-img {
        display: table-cell;
        vertical-align: middle;
    }
    .shoppingcart-box-content .shoppingcart-details {
        display: table-cell;
        vertical-align: top;
        text-align: left;
        padding: 10px 0 0 50px;
    }

    .container.shoppingcart{
    padding-top: 40px;
    }


}


/**
* #.# Shopping cart
*
* specifc styles for phone details page - Desktops
*/
@media (min-width: 992px) {

    .container.shoppingcart{
    padding:70px 0 65px 0;
    }

    .container.shoppingcart .title h2{
        margin: 0;
    }
}


/* shopping cart gift voucher section */
.shoppingcart .gift-voucher,
.shoppingcart .discount{
    padding: 20px;
}
.shoppingcart .content-icon-text{
    width: 100%;
}
.shoppingcart.terms{
    margin-top:20px;
    border-top: 2px solid #edeef2;
}
.shoppingcart .discountValue{
    display: block;
    width: 100%;
    margin-top: 5px;
}
.shoppingcart .discountValue .discount-input{
    padding: 10px 0;
    margin: 0 5% 5% 0 ;
    display: block;
    width: 100%;
}
.shoppingcart .discountValue .btn-discount{
    padding: 10px 0;
    margin: 0 5% 0 0 ;
    display: block;
    width: 100%;
}


/**
* #.# shopping cart discount section
*
* styles for shopping cart discount section
*/
@media (min-width: 768px) {

    .shoppingcart .content-icon {
        display: table;
    }
    .shoppingcart .content-icon-text {
        display: table-cell;
        text-align: left;
    }
    .shoppingcart .content-icon .icon {
        display: table-cell;
        vertical-align: top;
        padding: 0 20px 0 0;
    }
    .shoppingcart .discountValue {
        display: table;
        width: 100%;
        table-layout: fixed;
        margin-top: 5px;
    }
    .shoppingcart .discountValue .discount-input {
        padding: 10px 0;
        margin: 0 5% 0 0 ;
        display: table-cell;
        width: 45%;
        vertical-align: middle;
    }
    .shoppingcart .discountValue .btn-discount{
        padding: 10px 0;
        margin: 0;
        display: table-cell;
        width: 45%;
        vertical-align: middle;
    }  

}

/* information below your order component*/
/* ex. secure checkout and returns & repairs*/
.shopping-support-info{
    border-top: 2px solid  #ddd;
    padding: 20px 0;
}
.shopping-support-info .content-icon{
    margin: 0;
}



/**
* #.# thank you page
*
* styles for thank you page section
*/

    .thank-you-page h1 {
    margin-bottom:40px;
    }

    .thank-you-page .content-icon {
    display:block;
    }

    .thank-you-page .content-icon .icon {
    width: 100px;
    display: inline-block;
    padding: 0;
    }


    .thank-you-cta {
    margin: 20px 0 0 0;
    }

    .thank-you-page .topic-panel {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    }


    .thank-you-page .content-icon {
    padding: 0 0 50px 0;
       
    }
    .thank-you-page .content-icon.last {
    padding: 0 0 0 0;
       
    }

    .thank-you-page .content-icon h3 {
    padding: 0 0 10px 0;
    width: 100%;
    font-size: 1.125em;
    }

    .thank-you-page .icon {
    display:block;
    text-align: center;
    vertical-align: top;
    padding-top: 10px;
    }


    .thank-you-page .content-icon .content-icon-text {
    display:block;
    margin:auto;
    vertical-align: top;
    width: 70%;
    padding-bottom: 20px;
    }


    .thank-you-page .content-icon p {
    margin: 10px 0 20px 0;
    }

    .thank-you-page .list-questions {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .thank-you-page .content-icon ul.list-questions li a {
    color: #6d6e71;
    text-decoration: none;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background: url("../images/ux-redesign/borders/img_helpcentre_underline.gif") repeat-x 0 100%;
    }

    .thank-you-page .content-icon ul.list-questions li a:hover {
    color: #00AEEF;
    text-decoration: none;
    }

/**
* #.# thank you page
*
* styles for thank you page tablet
*/
@media (min-width: 768px) {
        .thank-you-page .topic-panel {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 20px;
    }
}

/**
* #.# Phone Details
*
* specifc styles for phone details page
*/

.phone-details-master-wrapper {
    padding:20px 16px 0 16px;
    background: url("../images/ux-redesign/swoosh/img_phonedetails_swoosh_mobile.gif") no-repeat 0 0;
}
.phone-details-master-wrapper .row {
    margin:0;
}

/** Phone Details Grey Banner **/
main .phone-details-grey-banner {
    padding-left:0;
    padding-right:0;
}
.phone-details-grey-banner {
    margin:auto;
    padding: 0;
    color: #fff;
    background:  #6D6E71;
}
.phone-details-grey-banner h2 {
    display: inline-block;
    padding: 14px 0 8px 18px;
    margin: 0;
    font-size: 1.125em;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.phone-details-grey-banner button {
    background:none;
    border:0;
}
.phone-details-grey-banner button:focus {
    outline:none;
}


main .phone-details-container {
    padding-left:0;
    padding-right:0;
}

/** Phone Highlights **/
.phone-highlights .col-sm-7 {
    padding:0;
}
.phone-highlights .device-options-wrap  .col-md-5 {
    padding-left:7px;
    padding-right:7px;
}
.phone-highlights .device-options-wrap  .col-md-7 {
    padding-left:7px;
    padding-right:7px;
}
.phone-highlights .device-options-wrap {
    margin-bottom:0;
}
.phone-details-master-wrapper .phone-details-container .out-of-stock {
    padding: 0;
    width: 100%;
}

    @media (min-width: 768px) {
        .phone-details-master-wrapper .phone-details-container .out-of-stock {
        width: 70%;
    }

}


.tmi-green-text,
.phone-details-master-wrapper .phone-highlights .price-plan p {
    padding:5px 5px 5px 0;
}
.phone-details-master-wrapper .choose-phone .col-md-5 {
    padding-left:7px;
    padding-right:7px;
}

.phone-details-master-wrapper .choose-phone .col-md-5 .btn {
    padding: 20px 32px;
    width: 100%;
    margin:15px 0;
}

/** Phone Features **/
.phone-features-section .tmi-tab-nav {
    margin:0;
}
.phone-features-section ul.tmi-tab-nav > li {
    width:49.5%;
}
.phone-features-section .tmi-tab-nav > li > a {
    margin:0;
    padding: 10px 8px 10px 8px;
}
.phone-features-section .tmi-tab-nav > li:last-child {
    float:right;
}
.phone-features-section #features {
    padding-left:7px;
    padding-right:7px;
}

.phone-features-section #features table {
    margin:15px 0 0 0;
}
.phone-features-section #features .tech-tab-content .table>tbody>tr {
    border-top: 1px solid #ddd;
}
.phone-features-section #features .tech-tab-content .table>tbody>tr>td {
    padding:0;
}
.phone-features-section #features .tech-tab-content tr td:first-child {
    padding-top: 10px!important;
}

.phone-features-section #features-tab h5 {
    margin-top:15px;
}



/**
* #.# Phone Details
*
* specifc styles for phone details page - Tablet Portrait
*/
@media (min-width: 768px) {
   
    .phone-details-master-wrapper {
        padding:20px 30px 0 30px;
        background: url("../images/ux-redesign/swoosh/img_phonedetails_swoosh_tablet.gif") no-repeat 0 0;
    }
    main .phone-details-grey-banner,
    main .phone-details-container {
        width:100%;
    }
    .phone-details-grey-banner h2 {
        padding: 13px 0 13px 18px;
        font-size:1.5em;
    }
    .phone-details-master-wrapper .choose-phone .col-md-5,
    .phone-highlights .device-options-wrap .col-md-7,
    .phone-highlights .device-options-wrap .col-md-5 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .phone-details-master-wrapper .colour-options h5 {
        margin: 0;
    }
    .phone-details-master-wrapper .choose-phone .col-md-5 .btn {
        padding: 20px 36px;
        width:auto;
        border-radius:3px;
        font-size:1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /** Phone Features **/
    .phone-features-section #features {
        padding-left:0;
        padding-right:0;
    }
    .phone-features-section .tmi-tab-nav {
        margin: 30px 0 0 0;
    }
    .phone-features-section ul.tmi-tab-nav > li {
        margin-right:5px;
        width:49%;
    }
    .phone-features-section .tmi-tab-nav > li:last-child {
        float: left;
    }
    .phone-features-section .tmi-tab-nav > li > a {
        font-size:1.125em;
        padding: 14px 135px 14px 18px;
    }
    /** Call to Action Wrapper **/
    .phone-details-master-wrapper .calltoactions-wrapper {
        margin: 30px 0 60px 0;
    }
    .phone-details-master-wrapper .calltoactions-wrapper .row {
        margin-left:-12px;
        margin-right:-12px;
    }
    .phone-details-master-wrapper .calltoactions-wrapper .cta-btn {
        display: inline-block;
        width: 33%;
        padding: 0 5px;
    }
 
}

/**
* #.# Phone Details
*
* specifc styles for phone details page - Tablet Landscape & Medium Desktops
*/
@media (min-width: 992px) {

    .phone-details-master-wrapper {
        padding:20px 24px 0 24px;
        background: url("../images/ux-redesign/swoosh/img_phonedetails_swoosh_tablet_medium.gif") no-repeat 0 0;
    }
    .phone-details-grey-banner button {
        margin:0;
        padding: 10px 18px 10px 0;
        font-size:1.125em;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .phone-details-grey-banner button span {
        display:inline-block;
    }
    .phone-details-grey-banner button span.back-icon {
        position:relative;
        top:4px;
        margin:0 9px 0 0;
        height:25px;
        background: url("../images/ux-redesign/icons/back-icon.png") no-repeat 0 8px;
    }

    .phone-highlights #sync1 {
        margin:0 0 20px 0;
        border: 1px solid #ddd;
    }
    .phone-highlights #sync1 .owl-carousel .owl-item {
        width:305px;
    }
    .phone-highlights .col-sm-7 {
        padding: 0 12px;
    }
    .phone-highlights p.intro-description {
        font-size:16px;
    }

    .phone-details-master-wrapper .phone-highlights .price-plan-box {
        display: inline-block;
        border: 1px solid #e2e6e9;
        width: 34%;
        margin: 0 12px;
        padding: 10px;
    }
    .phone-details-master-wrapper .phone-highlights .price-plan p {
        padding-right:0;
    }
    .phone-details-master-wrapper .phone-highlights .price-plan p:first-child {
        padding-right:0;
        border-bottom: 1px solid #e2e6e9;
    }
    .phone-details-master-wrapper .phone-highlights .btn {
        margin: 20px 0;
    }
    .phone-details-master-wrapper .calltoactions-wrapper {
        margin: 60px 0 50px 0;
    }
 
}


/**
* #.# Phone Details
*
* specifc styles for phone details page - Large Desktops
*/
@media (min-width: 1180px) {
   
    .phone-details-master-wrapper {
        padding:58px 24px 0 24px;
        background: url("../images/ux-redesign/swoosh/img_phonedetails_swoosh_desktop.gif") no-repeat 0 0;
    }
    main .phone-details-grey-banner, main .phone-details-container {
        width: 90%;
        max-width: 1200px;
        min-width: 1170px;
    }
    .phone-details-master-wrapper .phone-highlights .price-plan-box {
        width:30%;
    }
    .phone-details-master-wrapper .choose-phone .col-md-5 .btn {
        padding: 20px 32px;
    }
    .phone-highlights p.intro-description {
        width: 70%;
    }
 
}

/**
* #.# Phone Details
*
* specifc styles for phone details page - Large Desktops
*/
@media (min-width: 1400px) {

    .phone-details-master-wrapper {
        background: url("../images/ux-redesign/swoosh/img_phonedetails_swoosh_desktop_large.gif") no-repeat 0 0;
    }
}

/**
* #.# Help Centre - Phone Settings Images
*
* Specific styles for images uploaded in the cma for the phone settings questions
*/

.settings-icon{
	width: 22px;
}

.settings-screenshot{
	display: block;
	width: 220px;
	border: 1px solid grey;
    	margin: 10px 0;		
}
.question-content, .helpcentre-img{
	width: 100%;
}

/**
* #.# Tesco Clubcard
*
* Styles specific to clubcard page. 
*/
.clubcardpage.container-fluid {
    padding:0;
}

.clubcardpage-banner {
    padding:0;
    color:#fff;
}
.clubcardpage-banner .container {
    background:url("../images/ux-redesign/swoosh/tesco-swooh-background.jpg") no-repeat 50% 0;
}
.clubcardpage-banner h1 {
    margin:0;
    padding:15px 0 6px 0;
    font-size:2.5em;
}
.clubcardpage-banner h2 {
    margin:auto;
    padding:0 0 15px 0;
    font-size:1.125em;
}
.clubcardpage-content {
    padding:60px 0;
}
.box-content-outer {
    margin:20px 0 0 0;
}
.box-content-inner {
    margin:0 0 20px 0;
    padding:20px;
    border:solid 1px #CCCCCC;
}
.box-content-inner h3 {
    color:#00AEEF;
    font-size:1.25em;
}
.box-number {
    display:inline-block;
    padding:10px 0 0 0;
    width:60px;
    height:60px;
    background:#00AEEF;
    color:#fff;
    font-size:1.75em;
    border-radius:30px;
}
.box-content-inner p {
    margin:20px 0 0 0;
    color:#5E5E5E;
    line-height:1.75em;
}
.box-content-inner .btn-default-green,
.box-content-inner .btn-primary-green {
    display:block;
    margin:28px 0;
    padding:21px 0;
    width:100%;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size:1.1em;
    border-radius:5px;
}

.box-tip {
    padding:18px 0 0 0;
    color:#5E5E5E;
    font-size: 0.875em;
    border-top:solid 1px #919191;
}

.clubcardpage-content p {
    margin:20px 0;
}

/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Tablet Portrait
*/
@media (min-width: 768px ) {

    .box-content-inner .btn-default-green,
    .box-content-inner .btn-primary-green {
        margin:28px auto;
        width:60%;
    }
}

/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Tablet Landscape and Medim Desktops
*/
@media (min-width: 992px ) {
    .box-content-inner {
        margin:0;
    }
    .box-content-inner .btn-default-green,
    .box-content-inner .btn-primary-green {
        margin:28px auto;
        width:90%;
    }
}

/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Large Desktops
*/
@media (min-width: 1180px ) {
    main .container.clubcardpage-content {
        padding:30px 0 60px 0;
    }
}

/**
* #.# Tesco Clubcard
*
* Styles specific to Tesco Clubcard - Very Large Desktops
*/
@media (min-width: 1280px) and (max-width:1280px ) {
   .box-content-inner {
        padding: 15px;
    }
}


/**
* #.# Join Tesco Mobile Clubcard
*
* Styles specific to join box. 
*/
.join-tesco-mobile {
    padding:36px 0 66px 0;
    border-top:solid 1px #c5c5c5;
}
.join-tesco-mobile .row {
    margin-left:0;
    margin-right:0;
}
.join-tesco-mobile h2 {
    margin:10px 0 0 0;
    font-size: 2em;
}
.join-tesco-mobile h3 {
     margin:4px 0 26px 0;
    font-size: 1.1875em;
}
.join-tesco-mobile .order-clubcard {
    margin-bottom:20px;
    padding:2px 10px 0 10px;
}
.join-tesco-mobile .order-clubcard a {
    display:block;
}
.join-tesco-mobile .order-clubcard img {
    margin-bottom:14px;
}
.join-tesco-mobile .order-clubcard h5 {
    margin:0;
    padding:10px 0 15px 0;
    border-top:solid 1px #CCCCCC;
    font-size:1em;
}
.join-tesco-mobile .phones-plans {
    margin:0 0 40px 0;
    padding:0;
}
.join-tesco-mobile ul {
    margin:0;
    padding:0;
    border-top:solid 1px #E6E6E6;
}
.join-tesco-mobile ul li {
    display:table;
    table-layout:fixed;
    width:100%;
    margin:0;
    padding:12px 0 12px 12px;
    text-align:left;
    list-style:none;
    border-bottom:solid 1px #E6E6E6;
}
.join-tesco-mobile ul li a {
    font-size: 1.125em;
    font-weight:900;
}
.join-tesco-mobile .phones-plans .label,
.join-tesco-mobile .phones-plans .icon-narrow {
    display:table-cell;
    vertical-align:middle;
}
.join-tesco-mobile .phones-plans .label {
    padding: 0 0 0 20px;
    color: #00AEEF;
    border-radius:0;
    font-size:1em;
}
.join-tesco-mobile .btn-primary {
    display: inline-block;
    padding:14px 38px;
    font-size: 1.1875em;
    font-weight:900;
    border-radius:3px;
}

/**
* #.# Join Tesco Mobile
*
* Styles specific to Join Tesco Mobile - Phones 320px
*/
@media (min-width: 320px ) {
    .join-tesco-mobile .btn-primary {
        padding: 14px 36px;
    }
}

/**
* #.# Join Tesco Mobile
*
* Styles specific to Join Tesco Mobile - Phones 360px
*/
@media (min-width: 360px ) {
    .join-tesco-mobile .btn-primary {
        padding: 14px 38px;
    }
}

/**
* #.# Clubcard Page styles on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/
@media (min-width: 768px ) {

    .clubcardpage-banner h1 {
        padding:49px 0 6px 0;
        font-size:3.5em;
    }
    .clubcardpage-banner h2 {
        width: 60%;
    }

    .clubcardpage-content .col-md-offset-2.col-md-8 {
        padding-left:50px;
        padding-right:59px;
    }

    .join-tesco-mobile h2 {
        margin:10px 0 0 0;
        font-size: 2.25em;
    }
    .join-tesco-mobile .order-clubcard {
         float: left;
         width: 50%;
         margin-bottom: 40px;
    }
    .join-tesco-mobile .phones-plans {
        float: left;
        margin:0 0 0 0;
        width: 50%;
        padding-left:12px;
        padding-right:12px;
    }

}

/**
* #.# Clubcard Page styles on Tablets and larger desktops
*
* Styles for displays of between 768px and 992px width
*/
@media (min-width: 992px ) {

     .join-tesco-mobile .order-clubcard {
         width: 33.3333%;
         margin-bottom: 40px;
    }
    .join-tesco-mobile .phones-plans {
        width: 33.3333%;
    }

}


/**
* #.# Contact Page
*
* Styles specific to contact page
*/

.contactpage.container-fluid {
    padding-left:0;
    padding-right:0;
}
.container.contact-options,
.container.common-actions {
    padding:0 12px;
}
.container.shop-discover {
    padding:0 12px;
}
.contact-options .border-bottom  {
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:solid 1px #ccc;
}
.social-options.border-bottom {
    margin-bottom: 40px;
    padding-bottom: 10px;
}
.contactpage .btn-primary {
    display:inline-block;
    margin:10px 0;
    padding:20px 20px;
    width:100%;
    font-weight:500;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.contactpage .btn-default {
    display:inline-block;
    margin:10px 0;
    padding:20px 20px;
    width:100%;
    font-weight:500;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.contactpage .content-icon {
    margin-bottom:0;
    padding:0 0 20px 0;
}
.contactpage .help-you-box ul {
    margin:20px 0;
}
.contactpage .help-you-box ul a {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.contactpage .email-box {
    padding-bottom:20px;
}
.contactpage .talk-box {
    padding-bottom:20px;
}
.contactpage .talk-box img {
    width:100%;
    max-width:100%;
    margin:20px 0;
}
.social-options .content-icon .icon { 
    vertical-align:middle;
}
.social-options .content-icon .content-icon-text { 
    vertical-align:middle;
}
.social-options .content-icon .content-icon-text p {
    margin:0;
}
.urgent-response {
    margin-bottom:40px;
    border-bottom: solid 1px #ccc;
}

.contactpage .common-actions .content-icon {
    margin-bottom: 40px;
    padding: 0;
}
.contactpage .social-icon {
    height:48px;
}

.contactForm .required {
    top:18px;
}
.contactForm  .nameRow .required {
    left:80px;
}
.contactForm  .phoneRow .required {
    left:120px;
}
.contactForm  .emailRow .required {
    left: 110px;
}
.contactForm  .queryRow .required {
    left:50px;
}
.contactForm  .categoryRow .required {
    left:110px;
}
.contactForm  .validationRow .required {
    left:85px;
}
.contactForm  .commentRow .required {
    left:80px;
}


/**
* #.# Contact Page
*
* Styles specific to contact page - Tablet Portrait
*/
@media (min-width: 768px ) {

    .contactForm  .nameRow .required {
    left:75px;
    }
    .contactForm  .phoneRow .required {
        left:115px;
    }
    .contactForm  .emailRow .required {
        left:110px;
    }
    .contactForm  .queryRow .required {
        left:55px;
    }
    .contactForm  .categoryRow .required {
        left:105px;
    }
    .contactForm  .validationRow .required {
        left:85px;
    }
    .contactForm  .commentRow .required {
        left:80px;
    }

    .contactpage .btn-primary,
    .contactpage .btn-default {
        width:70%;
    }
    .email-box.border-bottom {
        border:none;
    }

    .contactpage .talk-box img {
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
    }

    .social-options {
        overflow:hidden;
    }
    .social-options .content-icon {
        float:left;
        width:50%;
    }
    .social-options .content-icon .icon {
        width:35%;
    }
    .social-options .content-icon .content-icon-text {
        vertical-align: middle;
        width: 60%;
        padding-right: 10px;
    }
    .container.common-actions {
        padding:20px 0 0 0;
        border-top: solid 1px #ccc;
    }
    .urgent-response {
        margin-bottom:0;
        border-bottom: solid 0px #ccc;
    }

    .contactForm .forms-wrapper .row {
        display:table;
        table-layout:fixed;
    }
    .contactForm .forms-wrapper .formLabel {
        display:table-cell;
        width:30%;
        vertical-align:middle;
    }
    .contactForm .forms-wrapper .formValue {
          display:table-cell;
          width:70%;
    }
    .contactForm .forms-wrapper input[type="text"] {
     margin:0 10px 10px 0;
        width:95%;
    }
    .contactForm .forms-wrapper textarea {
         margin:0 10px 5px 0;
        width:95%;
    }
    .contactForm .forms-wrapper .btn-default {
        width:95%;
    }

    .contactForm .forms-wrapper .phoneRow  input[type="text"].prefixCode{
        width:20%;
        float:left;
    }
      .contactForm .forms-wrapper .phoneRow  input[type="text"].phoneNumber{
        width:48%;
        float:left;
    }
     .contactForm .forms-wrapper select.operatorCode {
      width: 20%;
    float: left;
    padding-right: 0;
    margin-right: 10px;
        }
   

     .contactForm .forms-wrapper .row.queryRow .custom-select,
     .contactForm .forms-wrapper .row.categoryRow .custom-select {
         width:95%;
     }

     .contactForm .required {
        top: 50%;
    }

}


/**
* #.# Contact Page
*
* Styles specific to contact page - Tablet Landscape and Medium Desktops
*/
@media (min-width: 992px ) {

    .contactpage .btn-primary,
    .contactpage .btn-default {
        width:250px;
    }
    .social-options .content-icon .icon {
        width: 20%;
    }
    .social-options .content-icon .content-icon-text {
        padding-right: 50px;
    }

    .container.contact-options, .container.common-actions {
        padding: 20px 12px;
    }

}

/**
* #.# Contact Page
*
* Styles specific to contact page - Large Desktops
*/
@media (min-width: 1180px ) {

    .social-options .content-icon .content-icon-text {
        padding-right: 0;
    }
}


/**
* #.# General Sub Page
*
* Styles specific to general sub page
*/

.general-subpage {
    padding-top:25px;
   padding-bottom:15px;
   min-height: 400px;
}
.general-subpage p {
    padding-bottom:10px;
}
.general-subpage ol,
.general-subpage ul {
    margin:30px 0;
}
.general-subpage ol ol {
    list-style:none;
}
.general-subpage ol ul {
    list-style:none;
}
.general-subpage ol.list-no-number {
    list-style:none;
}
.general-subpage blockquote {
    margin:30px 0;
}
.general-subpage table {
    margin:30px 0;
}
.general-subpage h2,
.general-subpage h3,
.general-subpage h4,
.general-subpage h5 {
    margin:0;
    padding:10px 0;
}
.general-subpage img.pull-left {
    float:none!important;
    padding:0 0 20px 0;
    max-width:100%;
}
.general-subpage img.pull-right {
     float:none!important;
    padding:0 0 20px 0;
    max-width:100%;
}
.general-subpage .calltoactions-wrapper {
    padding-top:30px;
    border-top:solid 1px #ccc;
}
.general-subpage .forms-wrapper {
    padding:20px;
}

/* Phone Settings Form */
  .phone-settings .w30 {
        width:30%;
   }
  .phone-settings .w68 {
        width:68%;
    }
  .forms-wrapper.phone-settings input[type="text"].w68 {
        width:68%;
    }


  .search-stores a {
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 12px 0;
    font-size: 1.1875em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}


/**
* #.# General Sub Page
*
* Styles specific to general sub page - Tablet Portrait
*/
@media (min-width: 768px ) {

    .general-subpage {
        padding-top:50px;
        padding-bottom:30px;
        max-width:680px;
        min-width:300px;
    }

    .general-subpage img.pull-left {
         float:left!important;
          padding:0 30px 20px 0;
    }
    .general-subpage img.pull-right {
         float:left!important;
         padding:0 30px 20px 0;
    }
    .general-subpage .forms-wrapper {
        margin:auto;
        width:50%;
    }

     .general-subpage .forms-wrapper.roaming-form {
        margin:20px 0;
        float:none;
        width:80%;
    }

      .general-subpage .forms-wrapper.phone-settings {
        margin:auto;
        width:70%;
    }

    .phone-settings .w10 {
        width:10%;
    }
    .phone-settings .w15 {
        width:15%;
    }
    .phone-settings .w20 {
        width:20%;
    }
      .phone-settings .w80 {
        width:80%;
    }

    .search-stores {
         display: inline-block;
        width: 50%;
        margin: auto;
        text-align:center;
    }
    .search-stores a {
       
        padding: 12px 0;
        font-size: 1.1875em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .general-subpage h2 {
        font-size:2em;
    }


    .general-subpage .calltoactions-wrapper .cta-btn {
        width:50%;
        float:left;
    }


}




/**
* #.# Sitemap Page
*
* Styles specific to sitemap page - Tablet Portrait
*/
@media (min-width: 768px ) {
    .sitemap h2 {
        font-size: 2em;
    }
    .sitemap h3 {
        font-size: 1.75em;
    }
}



/**
* #.# Google Search Results
*
* Styles specific to search results
*/
.container.search-results-page {
    padding:0 12px;
}
.gsc-adBlock {
    display:none!important;
}
.gsc-control-cse {
    background-color:red;
    font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif!important;
}
.gsc-control-cse .gsc-table-result {
    font-size:16px!important;
      font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif!important;
}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
    padding-left:0!important;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: 18px!important;
}
.gsc-webResult .gsc-result {
    padding: 15px 0!important;
}
.gsc-results .gsc-cursor-box {
    margin: 10px;
    font-size: 16PX!important;
}
.gsc-selected-option-container {
    min-width:75px!important;
}

/**
* #.# Monthly Special Offers & Facebook Offer
*
* Styles specific to monthly special offers / facebook offers
*/

.offers-terms {
    margin:10px 0 0 0;
    padding-bottom: 10px;
}
.facebook-wrapper {
    background:#fff;
}
.facebook-wrapper  .container {
    width: 100%;
    max-width: 800px;
    min-width: 700px;
}

/**
* #.# Monthly Special Offers & Facebook Offer - Tablets in Portrait Mode
*
* Styles for Component D - Phone Box - Tablets in Portrait Mode
*/
@media (min-width: 768px ) {
    .container.general-subpage.phones-special-offers {
        padding-top:20px;
        padding-left: 0;
        padding-right: 0;
        padding-bottom:0;
    }
}


/**
* #.# Monthly Special Offers & Facebook Offer - Medium Desktops & Larger Desktops
*
* Styles for Component D - Phone Box - Medium Desktops & Larger Desktops
*/
@media (min-width: 992px ) {

    .container.general-subpage.phones-special-offers {
        padding-top: 50px;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 30px;
    }
    .facebook-wrapper  .container.general-subpage.phones-special-offers {
       padding-top:25px;
    }
    .facebook-wrapper .col-md-3 {
       width: 33.33333333%;
    }

}

/**
* #.# Campaign Page
*
* Styles specific to campaign page. 
*/
.campaign-page {
    background:#fff;
}
.campaign-page h1 {
    margin: 0;
    font-size: 2em;
}
.campaign-page h2 {
    margin: 0;
    font-size: 1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.campaign-section {
    padding: 30px 0;
}
.campaign-page .icon {
    display:inline-block;
    width:60px;
    height:60px;
    background:url("../images/ux-redesign/campaign-pages/spritesheet_campaign.png") no-repeat;
}
.campaign-page .icon.two {
    background-position: -60px 0;
}
.campaign-page .icon.three {
    background-position: -120px 0;
}
.campaign-page .icon.tick {
    background-position: -180px 0;
}

/** Campaign Banners **/
main .container.campaign-banner {
    padding:0;
    width:100%;
    max-width:100%;
}
.campaign-banner img {
  margin: auto;
}
.campaign-banner .row {
    margin:0;
}

/** SIM Only Selling Points **/
.campaign-sim-plans-selling-points .points {
    margin:10px 0 0 0;
}
.campaign-sim-plans-selling-points .points .single-point {
  display:table;
  table-layout:fixed;
  padding:15px 0;
  width:100%;
  text-align:left;
}
.campaign-sim-plans-selling-points .points .single-point .image,
.campaign-sim-plans-selling-points .points .single-point .text {
    display:table-cell;
    vertical-align:middle;
}
.campaign-sim-plans-selling-points .points .single-point .image {
    width:60px;
}
.campaign-sim-plans-selling-points .points .single-point .text {
    padding-left:20px;
}
.campaign-sim-plans-selling-points h3 {
    margin: 0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1.2em;
}


/** SIM Plans **/
.campaign-sim-plans .plan-link-btn {
    padding:0;
}
.campaign-sim-plans .plan-link-btn a {
     display:block;
     padding:20px 0;
}
.campaign-sim-plans .plan-link-highlight-btn {
     margin-top:-10px;
     padding:0;
}
.campaign-sim-plans .plan-link-highlight-btn a {
    display:block;
    padding:20px 0;
    color:#fff;
}


/** Switch Panel **/
.switch-panel,
.switch-panel:hover {
    color:#fff;
    background:#00b3ef;
}
.switch-panel h1 {
    padding:0 0 10px 0;
}
.switch-panel h2 {
    padding:0 0 20px 0;
    line-height:1.4em;
}
.switch-panel h3 {
    margin:0;
    font-size:1.5em;
}
.switch-panel a {
    color:#fff;
}
.switch-panel p {
    margin:0;
}
.switch-panel .video-row {
    margin-top:10px;
    margin-bottom:10px;
}
.switch-panel .responsive-video {
    margin:0 0 20px 0;
}
.switch-panel .what-you-need {
    margin:0 10px;
    padding:0 0 10px 0;
    background:#337ab7;
}
.switch-panel .what-you-need h3 {
    padding:20px 0 10px 0;
}
.switch-panel .what-you-need p {
    padding: 5px 20px;
}
.switch-panel .what-you-need .single-point {
    display: table;
    table-layout: fixed;
    padding: 0;
    width: 80%;
    text-align: left;
    margin: auto;
}
.switch-panel .what-you-need .single-point .number,
.switch-panel .what-you-need .single-point .text {
    display:table-cell;
    vertical-align:middle;
}
.switch-panel .what-you-need .single-point .number {
    width:60px;
}
.switch-panel .what-you-need .single-point .text {
    padding: 0 0 0 10px;
}
.switch-panel .telesales-team {
    margin:0 0 5px 0;
    padding:10px 0;
    font-size:1.1em;
    color:#666;
    background:#fff;
    border-radius:3px;
}
.switch-panel .telesales-team span {
    display:block;
    padding:0;
}
.switch-panel .call-team {
    
    font-size:1.3em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.switch-panel .call-number a {
    color:#00b3ef;
    font-size:2em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    line-height: 0.7em;
}
.switch-panel .call-times {

}
.switch-panel .switch-panel-actions a {
    display:block;
    margin:10px 0;
    padding:16px 0;
    font-size:1.1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    border-radius:3px;
}
.switch-panel .switch-panel-actions .orderSIM a {
    color:#00b3ef;
}
.switch-panel .switch-panel-actions .orderSIM a:hover {
    background:#f8f8f8;
    text-decoration:none;
}

.switch-panel .what-you-need h3 {
    padding: 20px 0px 20px 0px!important;
    text-align: center!important;
}

.switch-panel .what-you-need {
    background: #0097CE!important;
}

.switch-panel .telesales-team span {
    display: block;
    text-align: center;
    padding: 0;
}
.switch-customer h1, .switch-customer h2{
    text-align: center;
}

.switch-customer .owl-theme .owl-controls{
    top: 40%;
}
.switch-customer .owl-carousel .owl-item {
    margin-bottom: 40px;
}

.callback-form a{
    text-align: center;
    margin: auto;
    display: inherit;
    margin-top: 23px;
}

/* *********************************************************************************************************************
* Request a Call Pop-Up Box
*/


.callback-form label {
display: block;
margin-top: 25px;
}

.callForm {
margin-top: 30px;
margin-bottom: 30px;
}

.callForm h2 {
margin-bottom: 30px;
color: #0084c2;
}

.callForm label {
margin-bottom: 10px;
display: block;
}

.callForm input {
margin-bottom: 20px;
display: block;
}


#callback-form {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 8002;
}

#callback-form {
display: none;
}

.callback-form input[type=submit] {
    background-color: #00AEEF;
    border-color: #00AEEF;
    text-indent: 0;
    border: none;
    color: #fff;
    width: auto;
    height:auto;
    text-align: center;
    display: block;
    padding: 15px 30px;
    border-radius: 2px;
    margin: auto;
    margin-top:25px;
    font-size: 1.1em;
}
.callback-form input[type="submit"]:hover{
    background: #337AB7;
}

#callback-form a#callback-form_bg {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 1;
background: rgba(0,0,0,.9);
text-indent: -1000px;
overflow: hidden;
opacity: 0.9;
}

#callback-form.active {
display: block;
background:rgba(0,0,0,0.7);
}

.callback-form {
width: 600px;
min-height: 450px;
margin: -225px 0 0 -300px;
padding: 20px;
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
background: #fff;
border-radius: 4px;
}


.callback-form input{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
    padding: 0 10px;
 }


.callback-form#callForm_thanks,
.CallMeSubmitted .callback-form#callForm {
display: none;
}

.CallMeSubmitted .callback-form#callForm_thanks,
.callback-form#callForm {
display: block;
}

.callback-form h2 {
margin-bottom: 20px;
}

a#callback-form_button-close {
width: 25px;
height: 25px;
position: absolute;
right: 10px;
top: 10px;
background: url(../mobile/img/button_close.png) no-repeat 0 0;
text-indent: -1000px;
overflow: hidden;
}

.request-callback a {
    background:#E7002D;
    display: block;
    margin: 10px 0;
    text-align: center;
    padding: 16px 0;
    font-size: 1.1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    border-radius: 3px;
}

.switch-customer-testimonials.customer-testimonials{
    background:none!important;
    background-size: 300px auto;
}
.switch-customer-testimonials h2 {
    padding: 0 0 30px 0;
}

.call-me-please-note{
    color:#6D6E71;
    font-weight: 400;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1em;
    margin-top: 23px;
}

p.call-me-confirmation{
    margin: 24px 0;
}

@media (max-width: 960px) {

    .callback-form {
    width: 90%;
    height: auto;
    margin: 0 0 0 0;
    padding: 20px;
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 2;
    background: #fff;
    border-radius: 15px;
    display:block;
    }


    a#callback-form_button-close {
    width: 100%;
    height: 44px;
    margin-top: 10px;
    position: static;
    display: block;
    line-height: 44px;
    background: none;
    text-indent: 0;
    overflow: visible;
    text-align: center;
    }

}
@media (min-width: 992px) {
    .switch-panel .what-you-need {
        width: 33.33333333%;
        margin: 10px auto 0 auto!important;
    }
}

/** Campaign Compare Networks **/
main .campaign-comparison .container {
    padding:0;
}
.campaign-comparison h1 {
    padding:0 12px 10px 12px;
}
.campaign-comparison h2 {
    padding:0 12px 20px 12px;
    line-height:1.4em;
}
.campaign-comparison .row.comparisonBlockWrp {
    margin:0;
    padding:40px 0 20px 0;
    background:#fff;
}
.campaign-comparison .comparison-box {
    margin:0 0 30px 0;
}
.campaign-comparison .comparison-box h2 {
    padding:20px 0;
    font-size: 1.2em;
}


/** Customer Testimonials **/
.customer-testimonials h1 {
    padding:0 12px 10px 12px;
}
.customer-testimonials h2 {
    padding: 0 0 30px 0;
}
.customer-testimonials blockquote {
    margin: 0 0 0 0;
    padding: 20px;
    border:none;
     text-align:center;
}
.customer-testimonials cite {
    display: block;
    text-align:center;
}
.customer-testimonials .owl-carousel {
    margin: auto;
    width: 80%;
}
.customer-testimonials .owl-theme .owl-controls {
    position: absolute;
    top:40%;
    margin: 0;
    width: 100%;
}
.customer-testimonials .owl-theme .owl-controls .owl-buttons div {
    position: absolute;
    padding: 12px 8px;
    font-size: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #00AEEF;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -50px;
}
.customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -50px;
}
.customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-prev .fa,
.customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-next .fa {
    top:0;
    font-size: 1.5em;
}
.customer-testimonials .owl-theme .owl-controls .owl-buttons div.owl-next i {
    left: -1px;
}

/* Terms and Conditions **/
.campaign-page .terms-box p {
    margin: 0;
    padding:15px 0;
}



@media (max-width: 1024px ) {
    .campaign-banner img {
      margin: auto;
      width: 100%;
      max-width: 100%;
    }
}

/**
* #.# Campaign Page
*
* Styles specific to campaign page - Tablet Portrait
*/
@media (min-width: 768px ) {

    .campaign-page h1 {
        font-size: 2.5em;
    }
    .campaign-page h2 {
        font-size: 1.3em;
    }
     .campaign-section {
        padding: 40px 0;
    }

    /** SIM Only Selling Points **/
    .campaign-sim-plans-selling-points .points {
        margin:30px 0 0 0;
    }
    .campaign-sim-plans-selling-points .points .single-point {
        margin:auto;
        width:60%;
    }

    /** SIM Plans **/
    .campaign-sim-plans h1 {
        padding:0 0 30px 0;
    }
    .campaign-sim-plans .plan-box {
        float:left;
        width:50%;
        margin:20px 0 0 0;
        padding: 0 12px;
    }
    .campaign-sim-plans .plan-hightlight {
        margin-top:0;
        padding-bottom: 10px;
    }
    .campaign-sim-plans .plan-link-highlight-btn {
        margin-top: 15px;
        padding: 0;
    }


    /** Switch Panel **/
    .switch-panel .what-you-need {
        width:50%;
        margin: 30px auto 0 auto;
    }
    .switch-panel .telesales-team {
        width:50%;
        margin:0 auto 5px auto;
    }
    .switch-panel .switch-panel-actions {
        width:50%;
        margin:auto;
    }
    .switch-panel .switch-panel-actions .orderSIM,
    .switch-panel .switch-panel-actions .request-callback {
        padding:0;
    }
    .switch-panel .switch-panel-actions a{
        margin:10px auto;
    }

    /** Campaign Compare Networks **/
    main .campaign-comparison .container {
        width:100%;
    }
    .campaign-comparison h1 {
        padding:0 0 30px 0;
    }
    .campaign-comparison h2 {
        padding-bottom:40px;
    }
    .campaign-comparison .comparison-box {
        float:left;
        width:50%;
        margin:0;
        padding: 0 12px;
    }
    .campaign-comparison .row.comparisonBlockWrp {
        padding: 40px 0 60px 0;
    }

    /** Customer Testimonials **/
    .customer-testimonials {
        background: url("../images/ux-redesign/bg-customers.png") no-repeat 50% 50%;
        background-size: 300px auto;
    }
    .customer-testimonials .owl-theme .owl-controls {
        top:20%;
    }


}


/**
* #.# Campaign Page
*
* Styles specific to campaign page - Tablet Landscape & Medium Desktops
*/
@media (min-width: 992px ) {

    .campaign-page h1 {
        font-size: 3em;
    }
    .campaign-page h2 {
        font-size: 1.3em;
    }
    .campaign-section {
        padding: 50px 0;
    }

    /** SIM Only Selling Points **/
    .campaign-sim-plans-selling-points .points {
         margin:50px 0 0 0;
    }
    .campaign-sim-plans-selling-points .points .single-point {
        display:inline-block;
        width: 33.33333333%;
    }

     /** SIM Plans **/
    .campaign-sim-plans h1 {
        margin:0 0 30px 0;
    }
    .campaign-sim-plans .plan-box {
        margin:0;
        width:100%;
    }

    /* Switch Panel */
    .switch-panel {
         color:#fff;
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
        -moz-linear-gradient(top,#00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0,    
        -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ef), to(#009dd8));
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0,    
        -webkit-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0,  
        -o-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, linear-gradient(to bottom, #00b3ef, #009dd8);
    }
    .switch-panel:hover {
        color:#fff;
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -moz-linear-gradient(top,#00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -webkit-gradient(linear, 0 0, 0 100%, from(#00b3ef), to(#009dd8));
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -webkit-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, 
     -o-linear-gradient(top, #00b3ef, #009dd8);
        background: url('/images/paymcampaign/bg-switch.png') no-repeat 100% 0, linear-gradient(to bottom, #00b3ef, #009dd8);
    }
    .switch-panel .video-row {
        margin:30px 0 0 0;
    }
    .switch-panel .what-you-need {
        width: 33.33333333%;
        margin: 20px auto 0 auto;
    }
    .switch-panel .telesales-team {
        width: 48%;
    }
    .switch-panel .call-number a {
        line-height:1.1em;
    }
    .switch-panel .switch-panel-actions {
        width: 100%;
        margin: auto;
        text-align:center;
    }
    .switch-panel .switch-panel-actions .orderSIM,
    .switch-panel .switch-panel-actions .request-callback {
        display:inline-block;
        float:none;
        padding:0 12px;
    }
    .switch-panel .container,
    .switch-customer.container {
        max-width:960px;
        min-width:960px;
    }

    /** Campaign Compare Networks **/
    .campaign-comparison .row.comparisonBlockWrp {
        padding: 30px 12px 30px 12px;
    }
    .campaign-comparison .comparison-box {
        width:100%;
        padding: 0;
    }

    main .campaign-comparison .container {
       width: 970px;
    }

    /** Customer Testimonials **/
    .customer-testimonials {
        background-size: 200px auto;
    }
    .customer-testimonials .owl-theme .owl-controls {
        top:10%;
    }

    /** Terms and Conditions **/
    .campaign-page .terms-box {
        display: inline-block;
        float: none;
        margin: auto;
        width: 80%;
    }

}


/**
* #.# Campaign Page
*
* Styles specific to campaign page - Large Desktops
*/
@media (min-width: 1180px ) {

    /** SIM Only Selling Points **/
    .campaign-sim-plans-selling-points h3 {
        padding-right:30px;
    }
}


/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page. 
*/

.bill-pay-plans-page {
    text-align:left;
}
.bill-pay-plans-page h1 {
    margin:0;
    font-size:1.5em;
}
.bill-pay-plans-page p.lead {
    margin:0;
    padding:0;
    display:none;
}
.bill-pay-plans-page .page-heading h1 {
    padding: 20px 0 17px 0;
}
.bill-pay-plans-page .page-heading .col-xs-5 a {
    display:block;
    padding:24px 0 0 0;
    text-align:right;
    font-size:0.75em;
}
.bill-pay-plans-page .plan-details-hightlight,
.bill-pay-plans-page .plan-details-box {
    background:none;
    margin:0 0 20px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 0px #ccc;
}
.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list,
.bill-pay-plans-page .plan-details-box .plan-details ul.plan-list {
    margin:0;
}
.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li,
.bill-pay-plans-page .plan-details-box .plan-details ul.plan-list li {
    border:none;
    padding:0;
}
.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child,
.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:first-child {
    padding:15px 0 5px 0;
    font-size:14px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span,
.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span {
    display:inline-block;
    color: #00AEEF;
    padding:0 5px;
}
.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li span.val,
.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val {
     color: #00AEEF;
}
.bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:last-child,
.bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:last-child {
    color:#6d6e71;
    font-size:16px;
}
.bill-pay-plans-page .plan-details-hightlight span.bottom-caret,
.bill-pay-plans-page .plan-details-box span.bottom-caret {
    display:none;
}
.bill-pay-plans-page .plan-details-container {
    margin:0;
}
.bill-pay-plans-page .plan-details-box .plan-price {
    display:none;
}
.bill-pay-plans-page .phone-box .phone-price span {
    color:#00AEEF;
    background: #fff;
    border: solid 1px #00AEEF;
}
.bill-pay-plans-page .phone-box .phone-price span:hover {
     color:#fff;
     background: #00AEEF;
     border:solid 1px #00AEEF;
     text-decoration:none;
}

/** Navigation Tabs - Only Show on mobile*/
.bill-pay-plans-page .nav-tabs > li {
    width:25%;
}
.bill-pay-plans-page .nav-tabs > li > a {
    margin:0;
    padding:0;
    border-radius:0;
    border:0;
    border-right:solid 1px #cccccc;
    background-color: #fff;
}
.bill-pay-plans-page .nav-tabs > li.active>a, 
.bill-pay-plans-page .nav-tabs > li.active>a:focus,
.bill-pay-plans-page .nav-tabs > li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #6e6f72;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
    border-right: solid 1px #cccccc;
}
.bill-pay-plans-page .nav-tabs > li:first-child > a {
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
}
.bill-pay-plans-page .nav-tabs > li:last-child > a {
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}
.bill-pay-plans-page .nav-tabs > li:last-child > a {
    border: none;
}
.bill-pay-plans-page .nav-tabs > li > a:hover {
    background:#f6f7f9;
}
.bill-pay-plans-page .nav-tabs > li > a > span {
    display:block;
    line-height:1em;
}
.bill-pay-plans-page .nav-tabs .price-amt {
    padding:10px 0 0 0;
    font-size:1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.bill-pay-plans-page .nav-tabs .price-mth {
    padding:1px 0 10px 0;
    font-size:0.75em;
}

.bill-pay-plans-page .row.plan-description {
    margin:0;
    padding-left:24px;
    padding-right:24px;
}

.bill-pay-plans-page .tab-content {
    background-color: #EAEDF2;
}
.bill-pay-plans-page .tab-pane .container {
    padding:0;
}

.bill-pay-plans-page .row.plan-phones {
    margin:0;
    padding-left:24px;
    padding-right:24px;
}

.bill-pay-plans-page .phone-box .phone-inner {
    margin: 0 20px 40px 20px;
    padding: 24px 12px 22px 12px;
    height: auto;
    background: #fff;
    border:none;   
}
.bill-pay-plans-page .phone-box .phone-inner a {
    padding:0;
}
.bill-pay-plans-page .phone-box .phone-name {
    margin: 0;
    padding: 10px 0 20px 0;
    color: #6D6E71;
    font-size: 1.125em;
    text-align: center;
    background: none;  
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}
.bill-pay-plans-page .phone-box .phone-name a {
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

/** Phones Slider Controls **/
.bill-pay-plans-page .owl-theme .owl-controls {
   margin: -20px 0 0 0;
    width: 100%;
}
.bill-pay-plans-page .owl-theme .owl-controls .owl-buttons {
    position:absolute;
    top:30%;
    width:100%;
}
.bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div {
    position: relative;
    margin:0;
    padding: 12px 8px;
    font-size: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #00AEEF;
    filter: Alpha(Opacity=100);
    opacity: 1;
}
.bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -48.5%;
}
.bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -48.5%;
}
.bill-pay-plans-page .fa {
    font-size: 1.5em;
}
.bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div i {
    top: 0;
}
.bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next i {
    left: -1px;
}

/** More Phones Button **/
.bill-pay-plans-page .plan-morephones {
    margin:10px 0 20px 0;
    padding:0 24px;
    text-align:center;
}
.bill-pay-plans-page .plan-morephones a {
    padding:25px 0;
    color:#fff;
    font-size:1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background: #00AEEF;
    border-radius:3px;
}
.bill-pay-plans-page .plan-morephones a:hover {
    background-color: #0095D6;
}

/** Previous and Next Plans Buttons **/
.bill-pay-plans-page .prev-next-plans {
    margin:10px 0 0 0;
    padding-bottom:50px;
    text-align:center;
    background:#fff;
}
.bill-pay-plans-page .prev-next-plans .col-xs-6 a {
    display:block;
    position:relative;
    color:#5E5E5E;
    text-decoration:underline;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.bill-pay-plans-page .prev-next-plans .left {
    text-align:left;
}
.bill-pay-plans-page .prev-next-plans .col-xs-6.left a {
    padding: 15px 20px 30px 16px;
}
.bill-pay-plans-page .prev-next-plans .col-xs-6.left a:before {
    margin-top: -12px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 50%;
    background: url(../images/ux-redesign/spritesheet_general.png) no-repeat 0 -29px;
    background-size: auto 50px;
    content: '';
}
.bill-pay-plans-page .prev-next-plans .right {
    text-align:right;
}
.bill-pay-plans-page .prev-next-plans .col-xs-6.right a {
    padding: 15px 16px 30px 20px;
}
.bill-pay-plans-page .prev-next-plans .col-xs-6.right a:before {
    margin-top: -12px;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    top: 50%;
    background: url(../images/ux-redesign/spritesheet_general.png) no-repeat 0 -16px;
    background-size: auto 50px;
    content: '';
}

.bill-pay-plans-page .calltoactions-wrapper {
    display:none;
}





/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page - Tablets Portrait and Medium Desktops
*/
@media (min-width: 768px ) {

    .bill-pay-plans-page .phone-box .phone-inner a {
          padding:24px;
      }
    .bill-pay-plans-page .plan-price h3 {
        font-size:3.5em;
    }
    .bill-pay-plans-page .plan-price p {
        font-size: 1.5em;
        margin: -10px 0 0 0;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    .bill-pay-plans-page .page-heading h1 {
        margin: 0;
        padding: 40px 0 17px 0;
        font-size: 3em;
        text-align:center;
    }
    .bill-pay-plans-page p.lead {
        display: block;
        text-align: center;
        font-size: 1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        margin: auto;
        width: 90%;
    }
    .bill-pay-plans-page .tab-pane .container {
        padding-left:24px;
        padding-right:24px;
    }
    .bill-pay-plans-page .tab-content {
        padding-bottom:40px;
        background-color: #fff;
    }
    .bill-pay-plans-page .tab-content > .tab-pane {
        display: block;
    }
    #plan50euro,
    #plan20euro,
    #plan10euro {
        padding:20px 0 0 0;
    }
    #plan50euro .container,
    #plan20euro .container,
    #plan10euro .container {
        border-bottom:solid 1px #c5c5c6;
    }


    /** Plan Details*/
    .bill-pay-plans-page .plan-details-container {
        margin:30px auto;
    }
    .bill-pay-plans-page .plan-details-box.plan-details-hightlight {
        background: #00AEEF;
        margin: 0 0 10px 0;
        padding: 25px 0;
        border-bottom: 0;
    }
    .bill-pay-plans-page .plan-details-box {
        background: #EAEDF2;
        margin: 0 0 10px 0;
        padding: 25px 0;
        border-bottom: 0;
    }
    .bill-pay-plans-page .plan-details-box .plan-price {
        display:inline-block;
    }
    .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li:last-child {
        color: #fff;
        font-size: 19px;
    }
    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:last-child {
        color: #6d6e71;
        font-size: 19px;
    }
    .bill-pay-plans-page .plan-details-box .plan-price {
        width: 25%;
    }
    .bill-pay-plans-page .plan-details-box .plan-details {
        width: 70%;
    }
    .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details {
        border-left: 1px solid #0099d2;
    }
    .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child span.val {
        padding:0 5px 0 0;
    }
    .bill-pay-plans-page .plan-details-hightlight span.bottom-caret, 
    .bill-pay-plans-page .plan-details-box span.bottom-caret {
        display: block;
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
    }
    .bill-pay-plans-page .plan-details-hightlight span.bottom-caret {
        border-left: 22px solid transparent;
        border-right: 22px solid transparent;
        border-top: 20px solid #00AEEF;
        display: block;
        height: 0;
        vertical-align: bottom;
        width: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: -20px;
        margin: 0 auto;
    }
    .bill-pay-plans-page .plan-details-hightlight .plan-details-inner ul.plan-list li:first-child, 
    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li:first-child {
        font-size: 19px;
    }
    .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li span {
        color: #fff;
        padding: 0 10px 0 0;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .bill-pay-plans-page .plan-details-box.plan-details-hightlight .plan-details-inner ul.plan-list li span.val {
        color: #fff;
        font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif
    }
    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span {
        padding: 0 10px 0 0;
        color: #6d6e71;
        font-family: "Tesco-Regular", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .bill-pay-plans-page .plan-details-box .plan-details-inner ul.plan-list li span.val {
        color: #6d6e71;
        font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        padding: 0 3px 0 0;
    }

    /** Phone Box Over-rule **/
    .bill-pay-plans-page .plan .phone-box {
        width: 60%;
        background: #fff;
        margin: auto;
        border:solid 2px #f4f6f8;
    }
    .bill-pay-plans-page .plan.highlighted .phone-box {
        width: 60%;
        background: #fff;
        margin: auto;
    }

    /* Phone Slider Controls*/
    .bill-pay-plans-page .owl-theme .owl-controls {
        margin:10px 0 0 0;
    }
    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons {
        top:50%;
        margin-top:-50px;
    }
    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -35%;
    }
    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -35%;
    }
    .bill-pay-plans-page .owl-theme .owl-controls .owl-page span {
        margin:5px 4px;
    }

    .bill-pay-plans-page .row.plan-phones {
        margin:10px 0 0 0;
    }
    .bill-pay-plans-page .phone-box .phone-inner {
        padding: 0;
        border:0;
        margin:0;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }
    .bill-pay-plans-page .phone-box .phone-price span {
        color: #00AEEF;
        background: #fff;
        border: solid 1px #00AEEF;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .bill-pay-plans-page .phone-box .phone-price span:hover {
       color: #fff;
        background: #0095D6;
        border: solid 1px #0095D6;
        text-decoration: none;
    }
    .bill-pay-plans-page .phone-box .phone-name  {
        margin: 0 0 24px 0;
        padding: 0 0 10px 0;
        color: #6D6E71;
        font-size: 1.125em;
        text-align: left;
        background: url("../images/ux-redesign/borders/img_phone_name.gif") no-repeat 0 100%;
    }
    .bill-pay-plans-page .phone-box .phone-name a {
        color:#6d6e71;
    }

    /** More Phones **/
    .bill-pay-plans-page .plan-morephones a {
        padding: 20px 0;
        font-size:1.5em;
    }
    .bill-pay-plans-page .plan-morephones {
        margin: 20px auto 30px auto;
        padding: 0 24px;
        text-align: center;
        width: 50%;
    }
   
  
}

/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page - Tablets Landscape and Medium Desktops
*/
@media (min-width: 992px ) {

    .bill-pay-plans-page .page-heading h1 {
        font-size:3.5625em;
    }
    .bill-pay-plans-page p.lead {
        width:60%;
        font-size:1.1875em;
    }

    /** Plan Sections **/
    #plan10euro .container,
    #plan20euro .container,
    #plan30euro .container,
    #plan50euro .container {
        padding-bottom:15px;
    }
    #plan10euro .container {
        border-bottom: solid 0px #c5c5c6;
    }

    /** Phone Box - Width*/
    .bill-pay-plans-page .plan.highlighted .phone-box {
        width: 80%;
        border:none;
    }
    .bill-pay-plans-page .plan .phone-box {
        width: 80%;
    }

    /** Phone Slider Controls **/
    .bill-pay-plans-page .owl-theme .owl-controls {
        margin: 30px 0 0 0;
    }
    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-prev {
        left: -50%;
    }
    .bill-pay-plans-page .owl-theme .owl-controls .owl-buttons div.owl-next {
        right: -50%;
    }

    /** More Phones Button Wrapper*/
    .bill-pay-plans-page .plan-morephones {
        width:35%;
    }

    /** Call to Action Wrapper*/
    .bill-pay-plans-page .calltoactions-wrapper {
        display:block;
        margin: 0;
        padding-bottom: 55px;
    }
    .bill-pay-plans-page .calltoactions-wrapper .cta-btn {
        margin:0;
    }


     .bill-pay-plans-page .calltoactions-wrapper .cta-btn {
        display: inline-block;
        width: 33%;
        padding: 0 12px;
    }
}


/**
* #.# Bill Pay Plans Page
*
* Styles specific to Bill Pay Plans Page - Large Desktops
*/
@media (min-width: 1180px ) {

    .bill-pay-plans-page p.lead {
        width: 50%;
    }

    /** Plan Description - Positioning **/
    .bill-pay-plans-page .row.plan-description {
        text-align:center;
    }
    .bill-pay-plans-page .row.plan-description .col-md-offset-2 {
        margin:0;
        display:inline-block;
        float:none;
        width: 54%;
    }

    /** Plan Sections **/
    .bill-pay-plans-page .tab-content {
        padding-bottom: 0;
    }
    #plan10euro .container,
    #plan20euro .container,
    #plan30euro .container,
    #plan50euro .container {
        padding-bottom:45px;
    }


  
    /** Phone Box - Widths **/
    .bill-pay-plans-page .plan.highlighted .phone-box {
    width: 92%;
    }
    .bill-pay-plans-page .plan .phone-box {
    width: 92%;
    }

    /** More Phones **/
    .bill-pay-plans-page .plan-morephones {
    margin-top:35px;
    margin-bottom:0;
    }

    /** Call to Actions Wrapper **/
    .bill-pay-plans-page .calltoactions-wrapper {
        display:block;
        margin: 90px 0 0 0;
        padding-bottom: 55px;
    }


}




/**
* #.# Homepage: General Style
*
* Styles specific to homepage. 
*/
.homepage h1 {
    margin:0;
    font-size:1.5em;
}
.homepage p.lead {
    margin:0;
    padding:0;
    font-size:1em;
}

/**
* #.# Homepage: General Style
*
* Styles specific General Style - Tablet Portrait
*/
@media (min-width: 768px ) {
    .homepage h1 {
        font-size: 2.25em;
    }
}


/**
* #.# Homepage: General Style
*
* Styles specific General Style - Tablet Landscape and Medium Desktops
*/
@media (min-width: 992px ) {
    .homepage h1 {
        font-size: 3em;
    }
    .homepage p.lead {
        margin: auto;
        width: 70%;
        font-size:1.1875em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
}

/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider 
*/
.homepage-mainSlider {
    background:#eff1f7;
}
.homepage-mainSlider img {
    margin: auto;
    width:100%;
}
.homepage-mainSlider .container {
     padding-left:0;
    padding-right:0;
}

/** Slider Controls **/
.homepage-mainSlider .owl-theme .owl-controls {
    margin:0;
    height:0px;
}
.homepage-mainSlider .owl-buttons {
    position:absolute;
    top:50%;
    width:100%;
    margin-top: -67px;
}
.homepage-mainSlider .owl-theme .owl-controls .owl-buttons div {
    background-color:transparent;
}
.homepage-mainSlider .owl-theme .owl-controls .owl-buttons .owl-prev {
    position:absolute;
    left:0;
}
.homepage-mainSlider .owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    right: 0;
}

.homepage-mainSlider .owl-theme .left-arrow {
    display:block;
    width:28px;
    height:46px;
    background:url("../images/ux-redesign/arrows/img_arrows_homeslider_mobile.png") no-repeat;
}
.homepage-mainSlider .owl-theme .right-arrow {
    display:block;
    width:28px;
    height:46px;
    background:url("../images/ux-redesign/arrows/img_arrows_homeslider_mobile.png") no-repeat -28px 0;
}




.homepage-mainSlider .owl-pagination {
    position: relative;
    z-index: 3;
    top:-44px;
    left:0;
    bottom:0;
    margin: 0 16px 0 16px;
    padding:0;
    width: auto;
    background:url("/img/bg_pagination.png") repeat-x;
}
.homepage-mainSlider .owl-theme .owl-controls .owl-page.active span {
    background:#fff;
}
.homepage-mainSlider .owl-theme .owl-controls .owl-page span {
    position:relative;
    top:14px;
    display: block;
    width: 12px;
    height: 12px;
    margin: 0 4px 0 4px;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #80dcda;
}
.homepage-mainSlider .slider-tabs {
    display:none;
}


/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider - Tablet Portrait
*/
@media (min-width: 768px ) {
    .homepage-mainSlider .container {
        padding-left:0;
        padding-right:0;
        width: 100%;
        max-width: 768px;
        min-width: 768px;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-buttons div {
        width:47px;
        height:79px;
    }

    .homepage-mainSlider .owl-theme .left-arrow {
        display:block;
       width: 47px;
        height: 79px;
        background:url("../images/ux-redesign/arrows/img_arrows_homeslider_tablet.png") no-repeat;
    }
    .homepage-mainSlider .owl-theme .right-arrow {
        display: block;
        width: 47px;
        height: 79px;
        background: url("../images/ux-redesign/arrows/img_arrows_homeslider_tablet.png") no-repeat -47px 0;
    }

    .homepage-mainSlider .owl-pagination {
        top:-58px;
    }
   
    
}

/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider - Tablet Landscape & Medium Desktops
*/
@media (min-width: 992px ) {

    .homepage-mainSlider .container {
        width: 100%;
        max-width: 1024px;
        min-width: 992px;
    }

    .homepage-mainSlider .owl-pagination {
        top: -63px;
        margin:0;
    }

    /** Active Tab Style **/
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active {
        width:33.3333%;
        background:#4dcdff;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active h4 {
        color: #fff;
    }
     .homepage-mainSlider .owl-theme .owl-controls .owl-page.active p {
        color: #fff;
    }
    /** Standard Tab Style **/
    .homepage-mainSlider .owl-theme .owl-controls .owl-page {
        width:33.3333%;
        background:#e5fbfd;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page:hover {
       color: #fff;
       background:#4dcdff; 
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page h4 {
        margin:0;
        padding:0 0 5px 0;
        font-size:1.125em;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page p {
        margin:0;
        font-size:1em;
    }
    /* Reset of Tab on Desktop */
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active span,
    .homepage-mainSlider .owl-theme .owl-controls .owl-page span {
        top:0;
        margin:0;
        width:100%;
        height:100%;
        text-align:left;
        border-radius:0;
        background:none;
    }
    /*Positiong of Content of Tab */
    .homepage-mainSlider .owl-theme .owl-controls .owl-page .caption {
        padding:8px 0 9px 18px;
        border-right:solid 1px #e0e2e8;
        text-align:left;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active .caption {
        border:0;
        position:relative;
        
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active .top-caret {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #4dcdff;
        display: block;
        height: 0;
        vertical-align: bottom;
        width: 0;
        position: absolute;
        top:-10px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page:nth-child(3) .caption {
        border:0;
    }



}

/**
* #.# Homepage: Homepage Slider
*
* Styles specific homepage slider - Large Desktops
*/
@media (min-width: 1180px ) {
    .homepage-mainSlider .container {
        width: 100%;
        max-width: 1200px;
        min-width: 1170px;
    }
    .homepage-mainSlider .owl-pagination {
        top: -80px;
        margin:0;
    }
    /*Positiong of Content of Tab */
    .homepage-mainSlider .owl-theme .owl-controls .owl-page .caption {
        padding:16px 0 18px 18px;
    }
    .homepage-mainSlider .owl-theme .owl-controls .owl-page,
    .homepage-mainSlider .owl-theme .owl-controls .owl-page.active {
        width:400px;
    }

}




/**
* #.# Homepage: Plans Section
*
* Styles specific Plans Section 
*/
.homepage-plans {
    padding:33px 0 40px 0;
}
.homepage-plans h1 {
    color:#00AEEF;
}
.homepage-plans p.lead {
    margin: auto;
    padding:10px 0 0 0;
    width: 80%;
}
/** Plan Box **/
.homepage-plans .plan-box {
    margin: 30px auto 0 auto;
    width: 100%;
}
.homepage-plans .plan-box h2 {
    margin:7px 0 16px 0;
    font-size:1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.homepage-plans .plan-inner,
.homepage-plans .plan-inner.plan-hightlight {
    margin-bottom:35px;
}
.homepage-plans .plan-hightlight {
    margin-top:0;
    padding:10px;
}
.homepage-plans .plan-price p {
    margin:0 0 11px 0;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.homepage-plans ul.plan-terms {
    margin-bottom:20px;
}
.homepage-plans ul.plan-terms li {
    padding:11px;
}
.homepage-plans ul.plan-terms li:first-child {
    border:0;
}
.homepage-plans .plan-link-highlight-btn {
    margin: auto;
    width: 88%;
    padding: 0;
    border-radius:3px;
}
.homepage-plans .plan-link-highlight-btn a {
    display:block;
    width:100%;
    height:100%;
    color:#fff;
    padding:12px 0;
}
.homepage-plans .plan-link-highlight-btn a:hover {
    text-decoration:none;
}
/** Phone Slider Controls **/
.homepage-plans .owl-theme .owl-controls {
    position:absolute;
    top:50%;
    width:100%;
    margin-top:-50px;
}
.homepage-plans .owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: -48.7%;
}
.homepage-plans .owl-theme .owl-controls .owl-buttons div.owl-next {
    right: -48.7%;
}
   .homepage-plans .more-plans-link {
        padding:8px 0;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }



/**
* #.# Homepage: Plans Section
*
* Styles specific Plans Section - Tablet Portrait
*/
@media (min-width: 768px ) {

    .homepage-plans {
        padding:43px 0 40px 0;
    }
    .homepage-plans .container {
        width:100%;
    }
    .homepage-plans .plan-box {
        width: 93%;
        padding: 0;
    }
    .homepage-plans .plan-box h2 {
        margin-top:10px;
    }
    .homepage-plans .plan-hightlight {
        margin-top:-10px;
    }
 

    .homepage-plans .plan-inner.plan-hightlight ul.plan-terms {
         margin-bottom: 40px;
    }
    .homepage-plans .euro30euroPlan .plan-link-highlight-btn {
        margin-top: -10px;
    }
   
}

/**
* #.# Homepage: Plans Section
*
* Styles specific Plans Section - Tablet Landscape and Medium Desktops
*/
@media (min-width: 992px ) {

    .homepage-plans {
        padding: 40px 0 40px 0;
    }
    .homepage-plans p.lead {
        padding:15px 0 20px 0;
    }
    .homepage-plans .container {
        width:970px;
        max-width: 970px;
        min-width: 970px;
    }
    .homepage-plans .plan-box {
        width: 100%;
        padding: 0 10px;
    }
}


/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section 
*/
.homepage-phones {
    padding:29px 0 16px 0;
}
.homepage-phones h1 {
    padding:0 0 12px 0;
}
.homepage .homepage-phones p.lead {
    margin:auto;
    padding:0 0 23px 0;
    width:60%;
}

/** Phone Box Styles **/
.homepage-phones .phone-outer {
    padding:0 5px;
}
.homepage-phones .phone-box {
    margin:0;
}
.homepage-phones .phone-box .phone-inner {
    padding:15px 18px 13px 18px;
    border: 1px solid #e5e7ec;
    background:#fff;
    height:410px;
}
.homepage-phones .phone-box h2 a {
    color:#6e6e70;
}
.homepage-phones .phone-box .phone-name {
    margin:0 0 13px 0;
    padding:0 0 9px 0;
}

.homepage-phones .phone-box .phone-name a {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 98%;
    overflow: hidden;
}

.homepage-phones .phone-box .phone-features {
    margin:0;
    padding:0;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.homepage-phones .phone-box .phone-plan-type {
    margin:0 0 0 0;
}
.homepage-phones .phone-box .phone-plan-type a {
    margin: 12px auto;
    width: 80%;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size:1em;
}
.homepage-phones .owl-carousel {
    margin:auto;
    width:97%;
}
.homepage-phones .owl-theme .owl-controls .owl-buttons div {
    position:absolute;
    top:50%;
    margin-top:-30px;
    width:26px;
}
.homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev {
    left:-29px;
}
.homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next {
    right:-29px;
}
.homepage-phones .owl-pagination {
    display:none;
}

/** More from Tescomobile **/
.homepage-phones .more-from-tescomobile {
    position:relative;
    margin:22px 0 28px 0;
    padding:10px 0;
}
.homepage-phones .more-from-tescomobile h3 {
    margin:auto;
    width:55%;
    font-size:1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    line-height:1.3em;
}
.homepage-phones .more-from-tescomobile span.bottom-caret {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: 0 auto;
    width: 0;
    height: 0;
    vertical-align: bottom;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #FFFFFF;
}
.homepage-phones .phones-actions {
    padding:0 10px;
}
.homepage-phones .phones-actions a {
    display:block;
    width:100%;
    margin:10px 0;
    padding:12px 0;
    font-size:1.1875em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.homepage-phones .phones-actions a:hover,
.homepage-phones .phones-actions a:active {
    color: #fff;
    background-color: #0095D6;
    border-color: #0095D6;
}


/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section - Tablet Portrait
*/
@media (min-width: 768px ) {

    .homepage-phones {
        padding:41px 0 53px 0;
        background: #EAEDF2 url("../images/ux-redesign/swoosh/swoosh.png") -180px 92px no-repeat;
    }
    .homepage .homepage-phones p.lead {
        padding: 0 0 37px 0;
    }
    .homepage-phones .owl-carousel {
        width:90%;
    }
    .homepage-phones .phone-outer {
        padding: 0 10px;
    }
    .homepage-phones .owl-pagination {
        display:block;
    }
    .homepage-phones .phone-box .phone-inner {
        padding:22px 24px 12px 24px;
    }
    .homepage-phones .phone-box .phone-img-frame {
        margin:0 0 15px 0;
        height:155px;
        overflow: hidden;
    }
    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -67px;
        width: 46px;
        height: 79px;
        background:#EAEDF2 url("../images/ux-redesign/arrows/img_arrows_homephones_tablet.png") 0 0;
    }
    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -67px;
        width: 46px;
        height: 79px;
        background:#EAEDF2 url("../images/ux-redesign/arrows/img_arrows_homephones_tablet.png") -46px 0;
    }
    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-prev i,
    .homepage-phones .owl-theme .owl-controls .owl-buttons .owl-next i {
        display:none;
    }
    .homepage-phones .more-from-tescomobile {
        margin: 10px auto 26px auto;
        padding:5px 0;
        width:100%;
        max-width:280px;
    }
    .homepage-phones .more-from-tescomobile h3 {
        width:100%;
        font-size:1.125em;
        line-height: 1.42857143;
    }
    homepage-phones .phones-actions {
         text-align:center;
    }
    .homepage-phones .phones-actions a {
        display:inline-block;
        margin:0 5px;
        max-width:175px;
    }
    
}

/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section - Tablet Landscape and Medium Desktops
*/
@media (min-width: 992px ) {

    .homepage-phones {
        padding:47px 0 56px 0;
    }
    .homepage-phones .phones-actions a {
        margin: 0 10px;
    }
    .homepage-phones .more-from-tescomobile {
        margin: 32px auto 26px auto;
        padding: 5px 0;
        width: 100%;
        max-width: 280px;
    }

}


/**
* #.# Homepage: Phones Section
*
* Styles specific Phones Section - Large Desktops
*/
@media (min-width: 1180px ) {

    .homepage-phones {
        padding:47px 0 56px 0;
        background: #EAEDF2 url("../images/ux-redesign/swoosh/swoosh.png") -160px 75px no-repeat;
    }
    .homepage-phones .owl-carousel {
        width:80%;
    }

}
 


/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile 
*/
.homepage .homepage-whyTesco {
    padding:29px 0 0 0;
}
.homepage .homepage-whyTesco h1,
.homepage .homepage-whyTesco p.lead {
    text-align:center;
}
.homepage .homepage-whyTesco .row {
    margin:0;
}
.homepage .calltoactions-wrapper {
    margin:25px 0 0 0;
}
.homepage .calltoactions-wrapper .cta-btn {
    margin:0 0 17px 0;
}
.homepage .calltoactions-wrapper .cta-btn a {
    font-size:1.125em;
}
.homepage .calltoactions-wrapper .cta-icon-text {
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.homepage .content-columns {
    padding:0;
}
.homepage .content-columns .col-md-6 {
    padding:6px 0 0 0;
}
.homepage .content-columns .col-md-6.first {
    padding:0;
    border-top:solid 1px #e9ecf1;
}
.homepage .content-columns h3 {
    margin:0;
    padding:0;
}
.homepage .content-icon {
    padding:12px 0;
    width:100%;
    border-bottom:solid 1px #e9ecf1;
}
.homepage .content-icon .icon {
    width:26px;
    padding: 0;
    vertical-align:middle;
}
.homepage .content-icon .icon img {
    width:26px;
}
.homepage .content-icon .content-icon-text {
    display: table-cell;
    vertical-align: middle;
}
.homepage .content-icon-text a,
.homepage .content-icon-text p {
    display:none;
}
.homepage .content-icon-text h3 {
    padding-left:16px;
    font-size:1em;
}
.homepage .content-icon-text h3 a {
    display:block;
    text-decoration:none;
}
/** Help Centre Column **/
.homepage .help-centre-column {
    padding: 56px 0 0 0;
}
.homepage .help-centre-column h3 {
    margin:0;
    padding:0 0 12px 0;
}
.homepage .help-centre-column p {
    margin:0;
}
.homepage .help-centre-column ul {
    margin:1px 0 0 0;
    padding:0;
    list-style:none;
}
.homepage .help-centre-column ul li {
    margin:0 0 8px 0;
    padding:2px 0 0 0;
}
.homepage .help-centre-column .block {
    margin:0 0 21px 0;
    padding:0 0 24px 0;
    border-bottom:solid 1px #b6b6b6;
}
.homepage .help-centre-column .block.last {
    margin:0;
    padding: 0 0 40px 0;
    border:none;
}
.homepage .help-centre-column .block h3 a {
    color: #6D6E71;
}


/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile - Tablet Portrait
*/
@media (min-width: 768px ) {

    .homepage .homepage-whyTesco {
        padding:41px 0 0 0;
    }
    .homepage .homepage-whyTesco .container {
        width:100%;
    }
    .homepage .homepage-whyTesco h1 {
        padding:0 0 5px 0;
    }
    /** Call to Actions **/
    .homepage .calltoactions-wrapper {
        margin: 36px 0 24px 0;
        padding:0 0 27px 0;
        border-bottom:solid 3px #e8e8e8;
    }
    .homepage .calltoactions-wrapper .row {
        margin-left:-12px;
        margin-right:-12px;
    }
    .homepage .calltoactions-wrapper .cta-btn {
        float:left;
        width:50%;
        margin:0;
    }
    /** Content Columns **/
    .homepage .content-columns .col-md-6.first {
        border:none;
    }
    .homepage .content-columns .col-md-6 {
        padding: 0;
    }
    .homepage .content-icon {
        padding-top: 0;
        padding-bottom:24px;
        border:0;
    }
    .homepage .content-icon .icon {
        display:block;
    }
    .homepage .content-icon .icon img {
        width: 50px;
    }
    .homepage .content-icon .content-icon-text {
        display:block;
    }
    .homepage .content-icon .content-icon-text h3 {
        padding: 15px 0 0 0;
        font-size:1.5em;
    }
    .homepage .content-icon .content-icon-text a, 
    .homepage .content-icon .content-icon-text p {
        display: block;
    }
    .homepage .content-icon .content-icon-text p {
        padding-bottom:5px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .homepage .content-icon .content-icon-text a {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /** Help Centre Column **/
    .homepage .help-centre-column {
        margin: 0 0 12px 0;
        padding:0 0 30px 0;
        background:#ebeff5;
    }
    .homepage .help-centre-column .block {
        margin:0;
        padding:24px 12px 0 12px;
        border:0;
    }
    .homepage .help-centre-column .block.last {
        margin:0;
        padding:31px 12px 0 12px;
        border:0;
    }
    .homepage .help-centre-column .block.last h3 {
        font-size:1.1875em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    
}


/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile - Tablet Landscape and Medium Desktops
*/
@media (min-width: 992px ) {

      .homepage .homepage-whyTesco {
        padding:47px 0 0 0;
    }
    /** Call to Actions **/
    .homepage .calltoactions-wrapper {
        margin: 32px 0 35px 0;
        padding: 0;
        border-bottom: none;
    }
    .homepage .calltoactions-wrapper .cta-btn {
        float:none;
        width: 40%;
        margin:0;
    }
    .homepage .calltoactions-wrapper .cta-btn a {
        font-size: 1.3125em;
    }
    
    /** Content Columns **/
    .homepage .content-columns {
        padding-top:25px;
    }
    .homepage .content-columns .col-md-6,
    .homepage .content-columns .col-md-6.first {
        padding: 0 12px;
    }
    .homepage .content-icon .icon {
        display: table-cell;
        vertical-align:top;
    }
    .homepage .content-icon .content-icon-text {
        display: table-cell;
        padding-left:35px;
    }
    .homepage .content-icon .content-icon-text h3 {
        padding: 0;
        font-size: 1.5em;
    }
    .homepage .content-icon .icon img {
        width: 40px;
    }
     .homepage .content-icon .content-icon-text h3 a {
       font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }   
    .homepage .content-icon .content-icon-text a {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    /** Help Column **/
    .homepage .help-centre-column {
        margin-bottom:60px;
        padding: 0 20px 30px 20px;
    }
    .homepage .help-centre-column .block {
        margin: 0;
        padding: 24px 0 24px 0;
        border-bottom: solid 1px #b6b6b6;
    }
    .homepage .help-centre-column .block.last a {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .homepage .help-centre-column h3 {
        color: #00AEEF;
        font-size: 1.5em;
    }
    .homepage .help-centre-column h3 a {
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
     .homepage .help-centre-column h3 a:hover {
         color:#0095D6;
         text-decoration:none;
     }
    .homepage .help-centre-column .block.last {
        padding: 25px 0 0 0;
    }
    .homepage .help-centre-column .block.last h3 {
       color:#6d6e71;
       font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .homepage .help-centre-column .block h3 a {
        color: #00AEEF;
    }
    .homepage .help-centre-column ul li {
        margin:0;
    }
    .homepage .help-centre-column .block.last a:hover,
    .homepage .help-centre-column .block.last a:active {
         color:#00AEEF;
         text-decoration:underline;
     }
}

/**
* #.# Homepage: Why Tesco Mobile
*
* Styles specific Why Tesco Mobile - Large Desktops
*/
@media (min-width: 1180px ) {

    .homepage .calltoactions-wrapper .cta-btn {
        float: none;
        width: 33%;
        margin: 0;
    }
}



/**
* #.# Help Centre
*
* Styles specific to the help centre
*/

.help-centre-landing .container {
    padding:0 20px;
}
.help-centre-landing .row {
    margin-left: 0px;
    margin-right: 0px;
}
.help-centre-landing p.lead {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    font-size: 1.125em;
}
.help-centre-landing .section-heading {
    padding: 30px 24px 55px 24px;
}
.help-centre-landing .section-heading h1 {
    font-size: 1.5em;
}

/** Help Centre Search **/
.help-centre-top-row {
        margin-top: -50px;
}
.help-centre-top-row .search-column {
    padding: 0;
}

.help-centre-landing #search:hover {
    background: #00AEEF;
}
.help-centre-landing #search {
    padding:10px;
}
.help-centre-landing #search input {
    border:none;
    background: none;
}
.help-centre-landing #search input[type="text"] {
    color:#a7a8aa;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    padding: 13px 0 13px 14px;
    width: 80%;
}
.help-centre-landing #search input[type="submit"] {
    background: url("../images/ux-redesign/icons/icon_search.png") no-repeat 70% 15px;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 48px;
    background-size:22px auto;
}
.help-centre-landing #search input[type="text"]:focus,
.help-centre-landing #search input[type="submit"]:focus {
    outline: 0;
}
.help-centre-landing .search-container {
    background: #fff;
    border:solid 1px #e6e6e6;
    border-radius: 3px;
}
.help-centre-landing #search h3,
.help-centre-landing #search p {
    display: none;
    margin:0;
    color: #fff;
}
@media (min-width:320px) and (max-width:360px) {
    .help-centre-landing #search input[type="text"] {
        width: 77%;
    }
}

/** Search Predictive Results **/
.help-centre-landing #search input:focus {
    color:#6D6E71;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;/*test*/
    min-width: 160px;
    _width: 160px;
    width:265px!important;
    padding: 0 20px;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 0px;
    border-radius: 3px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}
.ui-autocomplete li {
    padding:10px 0;
    border-top:solid 1px #e2e4eb;
}
.ui-autocomplete li:first-child {
    border: none;
}
.ui-autocomplete li a:hover {
    cursor:pointer;
    color:#666;
}

.ui-helper-hidden-accessible {
    position: absolute;
    top: 15px;
    right: 38px;
    color:#fff;
    width:50%;
    display:none;
}



/** Category Boxes **/
.help-centre-landing .topic-panel:nth-child(2) .content-icon,
.help-centre-landing .topic-panel:nth-child(3) .content-icon {
    height: auto!important;
    border:solid 2px #e6e6e6;
    border-radius: 3px;
}
.help-centre-landing .topic-panel:nth-child(2) .content-icon {
    margin-top: 26px;
} 
.help-centre-landing .topic-panel:nth-child(3) .content-icon {
    margin-bottom: 24px;
}
.help-centre-landing .topic-panel:nth-child(2) .content-icon .icon,
.help-centre-landing .topic-panel:nth-child(3) .content-icon .icon {
    display: none;
}
.help-centre-landing .topic-panel:nth-child(2) .content-icon  .content-icon-text,
.help-centre-landing .topic-panel:nth-child(3) .content-icon  .content-icon-text {
    border: none;
} 
.help-centre-landing .topic-panel:nth-child(2) .content-icon h3,
.help-centre-landing .topic-panel:nth-child(3) .content-icon h3  {
    width: 100%;
    font-size: 1em;
    padding: 14px 0;
}
.help-centre-landing .topic-panel:nth-child(2) .content-icon h3:before,
.help-centre-landing .topic-panel:nth-child(3) .content-icon h3:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #00AEEF;
    font-size: 14px;
    margin:0 9px 0 14px;
}

.help-centre-landing .topic-panel {
    padding: 0;
}
.help-centre-landing .content-icon {
    width:100%;
    margin:12px 0;
    border-top:solid 5px #00adef;
}
.help-centre-landing .content-icon .icon {
    padding:0;
    width:80px;
    border-left:solid 1px #e6e6e6;
    border-bottom:solid 1px #e6e6e6;
    vertical-align: middle;
    text-align: center;
}
.help-centre-landing .content-icon .content-icon-text {
    border-right:solid 1px #e6e6e6;
    border-bottom:solid 1px #e6e6e6;
    vertical-align: middle;
}
.help-centre-landing .content-icon h3 {
    margin:0;
    width: 90%;
    font-size: 1.125em;
}
.help-centre-landing .content-icon h3 a {
    text-decoration: none;
}
.help-centre-landing .content-icon ul.list-questions {
    margin:0;
    padding:0;
    list-style: none;
}
.help-centre-landing .content-icon ul.list-questions li a {
    color:#6d6e71;
    text-decoration: none;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background:url("../images/ux-redesign/borders/img_helpcentre_underline.gif") repeat-x 0 100%;
}
.help-centre-landing .content-icon ul.list-questions li a:hover {
    color: #00AEEF;
    text-decoration:none;
}


/** Call to Actions **/
.help-centre-landing .calltoactions-wrapper {
    margin: 10px 0 98px 0;
}

.help-centre-landing .calltoactions-wrapper .cta-btn a {
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}


/**
* #.# Help Centre
*
* Styles specific to the help centre - Tablet Portrait
*/
@media (min-width: 768px ) {

    .help-centre-top-row .search-column {
        padding: 0 12px;
    }

    .ui-autocomplete {
        width:678px!important;
    }


    .help-centre-landing .topic-panel:nth-child(2) .content-icon h3, 
    .help-centre-landing .topic-panel:nth-child(3) .content-icon h3 {
        width: 100%;
        font-size: 1.125em;
        padding: 0;
    }
    .help-centre-landing .topic-panel:nth-child(2) .content-icon h3:before, 
    .help-centre-landing .topic-panel:nth-child(3) .content-icon h3:before {
        display: none;
    } 

    .help-centre-landing .content-icon .content-icon-text {
        height: 195px;
    }
    .help-centre-landing .content-icon .content-icon-text  {
        vertical-align: top;
    }

    .help-centre-landing .section-heading h1 {
        font-size: 3em;
    }
    .help-centre-landing .container {
        padding-left: 24px;
        padding-right: 24px;
        width: 100%;
    }
    .help-centre-landing .row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .help-centre-landing .topic-panel {
        padding-left:12px;
        padding-right: 12px;
    }
    .help-centre-top-row {
        margin-top: -38px;
    }
    .help-centre-landing #search {
        padding: 21px 24px 30px 24px;
    }
    .help-centre-landing #search h3,
    .help-centre-landing #search p {
        display: block;
    }
    .help-centre-landing #search h3 {
        padding-bottom: 24px;
        font-size: 1.125em;
    }
    .help-centre-landing #search p {
        padding-top: 13px;
        font-size: 1em;
    }
    .help-centre-landing #search input[type="text"] {
        width: 91%;
    }
    /** Category Blocks **/
    .help-centre-landing .content-icon h3 {
        padding: 16px 0 10px 0;
    }
    .help-centre-landing .content-icon ul.list-questions li {
        padding: 2px 0;
    }
    .help-centre-landing .content-icon .icon {
        vertical-align: top;
        padding-top: 10px;
        width: 100px;
    }
    /** Call to Actions **/
   .help-centre-landing .calltoactions-wrapper {
        margin:32px 0 0 0;
        padding: 42px 0 55px 0;
        border-top:solid 1px #b3b3b3;
    }
    .help-centre-landing .calltoactions-wrapper .cta-btn {
        width: 50%;
        float: left;
        margin:0;
    }
    .help-centre-landing .topic-panel:nth-child(2) .content-icon {
        margin-top: 12px;
        padding-left: 12px;
    }
    .help-centre-landing .topic-panel:nth-child(2) .content-icon, 
    .help-centre-landing .topic-panel:nth-child(3) .content-icon {
        border: none;
        height: auto!important;
    }
    .help-centre-landing .topic-panel:nth-child(2) .content-icon .content-icon-text,
    .help-centre-landing .topic-panel:nth-child(3) .content-icon .content-icon-text  {
        height: auto!important;
    }
    .help-centre-landing .topic-panel:nth-child(2) .content-icon h3, 
    .help-centre-landing .topic-panel:nth-child(3) .content-icon h3 {
       padding-top: 20px;
       padding-bottom: 10px;
    }

    .navigation-sticky .left-navigation {
        position: fixed;
        margin: 0;
        top: 20px;
        width: 226px;
    }
     .navigation-sticky .left-navigation .left-nav-wrapper {
         margin:0;
     }
    .navigation-sticky .questions-content {
        margin-left:33.33333333%;
    }


}


/**
* #.# Help Centre
*
* Styles specific to the help centre - Tablet Landscape & Medium Desktops
*/
@media (min-width: 992px ) {

    .ui-autocomplete {
        width:347px!important;
    }

    .help-centre-landing .section-heading {
        padding: 51px 24px 57px 24px;
    }
    .help-centre-landing p.lead {
        margin: 0;
    }
    .help-centre-landing .container {
        padding-left: 12px;
        padding-right: 12px;
        width: 100%;
    }
    .help-centre-landing .help-centre-top-row {
        margin-top: 25px;
        margin-left: 0;
    margin-right: 0;
    }
    .help-centre-landing #search input[type="text"] {
        width: 83%;
    }
    /** Overwrite styles for top two category boxes **/
    .help-centre-top-row .top-mod .topic-panel {
        padding:0;
        width: 100%;
    }
    .help-centre-landing .help-centre-top-row .top-mod .content-icon h3 {
        width: 100%;
        padding-top: 0;
    }
    .help-centre-landing .help-centre-top-row .top-mod .content-icon {
        margin: 0;
        border: none;
    }
    .help-centre-landing .help-centre-top-row .top-mod .content-icon .icon {
        display: none;
        border: 0;
    }
    .help-centre-landing .help-centre-top-row .top-mod .content-icon .content-icon-text  {
        border: 0;
        height: auto;
    }
    /** Divder for landing page **/
    .help-centre-landing .categories-border {
        margin: 44px 12px 28px 12px;
        height: 1px;
        background: #b3b3b3;
    }
    /** Set width of call to action button **/
    .help-centre-landing .calltoactions-wrapper .cta-btn {
        width: 33%;
        float: none;
        margin: 0;
    }
    .help-centre-top-row .search-column {
        position:relative;
        padding: 0 12px;
    }
    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon, 
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon {
        border-top: solid 5px #00adef;
        padding:0;
        height: 195px!important;   
    }
    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon .icon,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon .icon {
        display: table-cell;
    }
    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon-text,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon-text  {
        border-right: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        vertical-align: middle;
    }
    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon-text,
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon-text {
        height: 195px!important;
        vertical-align: top;
    }
    .help-centre-landing .categories-row .topic-panel:nth-child(2) .content-icon h3, 
    .help-centre-landing .categories-row .topic-panel:nth-child(3) .content-icon h3 {
        padding: 16px 0 10px 0;
    }
    .help-centre-landing .topic-panel:nth-child(3) .content-icon {
        margin-bottom: 12px;
    }
    .help-centre-landing .topic-panel:nth-child(8) .content-icon {
        height: auto!important;
    }
    .help-centre-landing .topic-panel:nth-child(8) .content-icon .content-icon-text {
        height: auto;
        padding-bottom: 20px;
    }


    .navigation-sticky .left-navigation {
        position: fixed;
        margin: 0;
        top: 20px;
        width: 236px;
    }
    .navigation-sticky .questions-content {
        margin-left:25%;
    }

}

@media (min-width:1180px) {

    .ui-autocomplete {
        width: 540px !important;
    }
    .help-centre-landing #search input[type="text"] {
        width: 89%;
    }

    .navigation-sticky .left-navigation {
        position: fixed;
        margin: 0;
        top: 20px;
        width: 286px;
    }
    .navigation-sticky .questions-content {
        margin-left:25%;
    }

}


/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page
*/
.help-centre-category {
}
.help-centre-category .category-header h1 {
    margin:0;
    padding:15px 0 6px 0;
    font-size:1.5em;
}
.help-centre-category .breadcrumbs {
    padding:0 0 6px 0;
    font-size:0.875em;
}
.help-centre-category .breadcrumbs a {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.help-centre-category .category-header p.lead {
    margin:0;
    padding:0 0 23px 0;
    font-size:1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.help-centre-category .category-header .row {
    margin:0;
}
.help-centre-category .left-navigation {
}
.help-centre-category .left-navigation ul {
    margin:15px 0 30px 0;
    padding:0 0 25px 0;
    list-style:none;
    border-bottom:solid 1px #e6e6e6;
}
.help-centre-category .left-navigation ul li {
    padding:3px 0;
}
.help-centre-category .left-navigation a {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.help-centre-category .left-navigation a.active {
    color:#666;
    text-decoration:none;
}

.help-centre-category .question-outer {
    padding:0;
}
.help-centre-category .question-outer h1.question-title {
    margin:0;
    padding:0 0 15px 0;
    color: #00AEEF;
    font-size:1.5em;
}
.help-centre-category .question-outer p {
    padding:8px 0;
}
.help-centre-category .hrline {
    border-top:solid 2px #eee;
}

.help-centre-category .questions-content h2 {
    font-size:1.5em;
}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgb(0, 174, 235) url(../images/ux-redesign/icons/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page - Tablet Portrait
*/
@media (min-width: 768px ) {
    .help-centre-category {
        padding:0 0 100px 0;
    }

    .help-centre-category .category-header h1 {
        padding:20px 0 10px 0;
        font-size:2.5em;
    }
    .help-centre-category .breadcrumbs {
        padding: 0 0 6px 0;
    }
    .help-centre-category .category-header p.lead {
        padding: 0 0 25px 0;
    }
    /** Left Navigation **/
    .help-centre-category .left-nav-wrapper {
        margin:36px 0 0 0;
        border-top:solid 5px #00aeef;
    }
    .help-centre-category .left-nav-wrapper .left-nav-inner {
        padding:0 10px 10px 10px;
        border-right:solid 1px #e6e6e6;
        border-bottom:solid 1px #e6e6e6;
        border-left:solid 1px #e6e6e6;
    }
    .help-centre-category .left-nav-wrapper h2 {
        margin:0;
        padding:10px 0 5px 0;
        font-size:1.125em;
    }
    .help-centre-category .left-navigation ul {
        margin:0;
        padding:0;
        border:none;
    }
    .help-centre-category .left-navigation ul li {
          padding:2px 0;
    }

    .help-centre-category .questions-content {
        margin-top:30px;
    }
    /** Question **/
    .help-centre-category .question-outer {
        padding: 0;
    }
    .help-centre-category .question-outer h1.question-title {
        font-size:2em;
        color: #6D6E71;
    }

    
}


/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page - Tablet Landscape & Medium Desktops
*/
@media (min-width: 992px ) {
    
    .help-centre-category .category-header h1 {
        padding:26px 0 11px 0;
    }
    .help-centre-category .breadcrumbs {
        padding: 0 0 12px 0;
    }
    .help-centre-category .category-header p.lead {
        padding: 0 0 27px 0;
    }

}

/**
* #.# Help Centre - Category Page
*
* Styles specific to the help centre category page - Tablet Landscape & Medium Desktops
*/
@media (min-width: 1180px ) {

    .help-centre-category .left-nav-wrapper h2 {
        padding: 21px 0 10px 0;
    }
    .help-centre-category .left-nav-wrapper .left-nav-inner {
        padding: 0 24px 24px 24px;
        border-right: solid 1px #e6e6e6;
        border-bottom: solid 1px #e6e6e6;
        border-left: solid 1px #e6e6e6;
    }
    .help-centre-category .left-navigation ul li {
        padding: 5px 0;
    }
    .help-centre-category .question-outer h1.question-title {
        color: #6D6E71;
    }
    .help-centre-category .question-content h3 {
        font-size:1.5em;
    }


}


/**
* #.# Phone List Page -
*
* Styles specific to the phone list page
*/
.phone-list-page.section-heading {
    padding:30px 0 0 0;
}
.phone-list-page.section-heading .phone-box .phone-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    margin-left: 24px;
    margin-right: 24px;
    padding-top: 24px;
}
.phone-list-page.section-heading h1 {
    font-size:2.25em;
}
.phone-list-page .lead {
    margin:auto;
    width:85%;
    font-size:1.125em;
}
.phone-list-page .phone-list-banner-heading {
    margin: 0 auto 20px auto;
}

.phone-list-page.section-heading .container {
    padding:0;
}
.phone-list-page.section-heading .row {
    margin:0;
}
.phone-list-page.section-heading .row .col-md-12 {
    padding:0;
}
.phone-list-page.section-heading .phone-box {
    margin:0 32px;
}
.phone-list-page.section-heading .phone-box .phone-inner {
    padding: 0;
    height: 420px;
    border-radius:3px;
    border:none;
    box-shadow: 2px 2px 2px 2px rgba(143,139,139,0.3);
}
.phone-list-page.section-heading .phone-box .phone-price {
    margin: 0 24px 14px 24px;
}
.phone-list-page.section-heading .phone-box .phone-price span {
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.phone-list-page.section-heading .owl-theme .owl-controls .owl-pagination {
    margin: 15px 0 10px 0;
}
.phone-list-page.section-heading .owl-theme .owl-controls .owl-page span {
    width:15px;
    height:15px;
    margin:0 4px 0 5px;
    background:#fff;
}
.phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev,
.phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
    padding:0;
    margin-top:-20px;
}
.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev .left-arrow {
    display:block;
    width:28px;
    height:47px;
    background: url("../images/ux-redesign/arrows/img_arrows_phonelist.png") 0 -72px;
}
.owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next .right-arrow {
    display:block;
    width:28px;
    height:47px;
    background: url("../images/ux-redesign/arrows/img_arrows_phonelist.png") -28px -72px;
}

.phone-list-page.section-heading .phone-box .phone-inner .phone-plan-features {
    margin:auto;
    max-width:75%;
}


.phone-list-page.section-heading .phone-box .phone-img-frame img {
    height:340px;
}
.phone-list-page.section-heading .phone-box .NoImage {
    height:auto;
    background:none;
    padding:0;
}
.phone-list-page.section-heading .phone-box .NoImage img {
    height:300px;
}


/******************/
.container.phone-list-container {
    padding-left:21px;
    padding-right:21px;
}
.phone-list-container .tmi-tab-nav li:last-child {
    float:right;
    margin:0 -2px -1px 0;
}
.phone-list-container .tmi-tab-nav li a {
    padding:10px 0 10px 13px;
}
.phone-list-container .tab-content .row {
    padding:0 10px;
}
.phone-list-container .row.phonelist-filter-button {
    margin:0;
    padding:0 10px;
}
.phone-list-container .row.phonelist-filter-button button {
    display:block;
    margin:0 0 0 0;
    padding:10px 0;
    width:100%;
    border:solid 1px #ececec;
    text-align:left;
    color:#19D769;
}
.phone-list-container .row.phonelist-filter-button button:focus {
    outline: 0px auto #e0e1e5;
}
.phone-list-container .row.phonelist-filter-button button:before {
    margin:0 12px;
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.phone-list-container .row.phonelist-filter-button button.open:before {
    margin:0 8px 0 12px;
    content: "\f0d7";
}
.phone-list-container .row.phonelist-filter-button button:active {
    box-shadow:none;
}


.phone-list-container #filter-phone-list .filter-wrap {
    position:relative;
    z-index:10;
    background: #fff;
    margin: -5px 10px 0 10px;
    padding: 15px;
    border: solid 1px #ececec;
    border-top: 0;
}
.phone-list-container #filter-phone-list .custom-select {
    border: solid 1px #edeef2;
}

@media (min-width:768px) {
    .phone-list-container #filter-phone-list .custom-select {
        border:none;
    }
}

.phone-list-container #filter-phone-list .btn {
     font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}



.phone-list-container .tab-content {
    margin:15px 0 0 0;
}

.phone-list-container .phone-box .phone-price span {
    font-size:1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

.prepay-phones-wrapper .calltoactions-wrapper {
    margin:10px 0 50px 0;
}
.prepay-phones-wrapper .calltoactions-wrapper .row {
    margin:0 8px;
}

.container.phone-list-container .phone-box .phone-inner {
    height:368px;
}
.container.phone-list-container .NoImage {
    height:auto;
    padding:0;
    background:none;
}


/**
* #.# Phone List Page 
*
* styles for Phone List Page  - Tablet
*/
@media (min-width: 768px) {

    .phone-list-page.section-heading .container {
        width:100%;
    }
    .phone-list-page.section-heading h1 {
        font-size: 3em;
    }
    .phone-list-page .lead {
        width:85%;
    }
    .phone-list-page .phone-list-banner-heading {
        margin: 0 auto 25px auto;
    }
    .phone-list-page.section-heading .phone-box {
        margin:0 10px;
    }
    .phone-list-page.section-heading .row .col-md-12 {
        padding: 0 18px;
    }
    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left:-28px;
    }
    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right:-28px;
    }
    .phone-list-page.section-heading .owl-theme .owl-controls .owl-pagination {
        margin: 25px 0 20px 0;
    }

    .container.phone-list-container {
        padding-left:12px;
        padding-right:12px;
        width:100%;
    }
    .phone-list-container .tmi-tab-nav {
        margin:30px 0 0 0;
    }
    .phone-list-container .tmi-tab-nav li:last-child {
        float: left;
        margin: 0 -2px -1px 4px;
    }
    .phone-list-container .tmi-tab-nav li a {
        padding: 15px 0 15px 13px;
        font-size:1.125em;
    }

    .phone-list-container #filter-phone-list .filter-wrap {
        margin:16px 0 0 0;
        padding:15px;
        background: #666666;
    }
    .phone-list-container #filter-phone-list .filter-wrap .btn {
        vertical-align:top;
    }
    .phone-list-container .tab-content {
        margin: 25px 0 0 0;
    }
    .phone-list-container .tab-content .row {
       padding: 0;
    }
    .phone-list-container .tab-content .col-lg-3 {
        padding-left:6px;
        padding-right:6px;
    }
    .container.phone-list-container .phone-box .phone-inner {
    height:388px;
    }

    .calltoactions-wrapper-outer .container {
        width:100%;
        padding:0;
    }
    .calltoactions-wrapper-outer .calltoactions-wrapper .row {
        margin:0;
    }
    .calltoactions-wrapper-outer .calltoactions-wrapper .cta-btn {
        padding:0 5px;
    }


}


/**
* #.# Phone List Page 
*
* styles for Phone List Page  - Tablet Landscape and Medium Desktops
*/
@media (min-width: 992px) {

    .phone-list-page.section-heading h1 {
        font-size: 3.5625em
    }
    .phone-list-page .lead {
        width: 60%;
    }

    .phone-list-page.section-heading {
        padding: 30px 0 40px 0;
    }

    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev .left-arrow {
        display:block;
        width:43px;
        height:72px;
        background: url("../images/ux-redesign/arrows/img_arrows_phonelist.png") 0 0;
    }
    .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next .right-arrow {
        display:block;
        width:43px;
        height:72px;
        background: url("../images/ux-redesign/arrows/img_arrows_phonelist.png") -43px 0;
    }

   .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left:-52px;
    }
    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right:-52px;
    }
    .container.phone-list-container .phone-box .phone-inner {
    height: 470px;
    }

    .container.phone-list-container.prepay-phones .phone-box .phone-inner {
    height: 400px;
    }


}

/**
* #.# Phone List Page 
*
* styles for Phone List Page  - Large Desktops
*/
@media (min-width: 1180px) {


       .phone-list-page .lead {
        width: 35%;
    }

    .phone-list-container .tab-content .col-lg-3 {
         padding-left: 12px; 
         padding-right: 12px; 
    }
    .prepay-phones-wrapper .calltoactions-wrapper {
        margin: 30px 0 50px 0;
    }


    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left:-35px;
    }
    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right:-35px;
    }

    .phone-list-page.section-heading .phone-box {
        margin: 0 0px;
    }

}

@media (min-width: 1300px) {

    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-prev {
        left:-46px;
    }
    .phone-list-page.section-heading .owl-bill-phone-list.owl-carousel .owl-controls .owl-buttons .owl-next {
        right:-46px;
    }


}


/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page
*/

.plan-landing-page {

}
.prepay-plans-page,
.sim-only-plans-page {
    padding:0 0 40px 0;
}

.plan-button-wrap {
    display: none;
}
.bill-pay-plans .lead{
    display: none;
}

.plan-landing-page .plans-title {
    margin:0 40px 30px 40px;
    color:#6d6e71;
    font-size:22px;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    background:url(../images/ux-redesign/borders/img_grey_dot_2.gif) 0 50% repeat-x;
}
.plan-landing-page .plans-title .contract-length {
    padding:0 15px;
    background:#fff;
}

/** Bill pay and sim only - Slider Styles */
.plan-landing-page .owl-carousel .owl-controls .owl-buttons  div {
    padding: 10px 5px;
    background: #00AEEF;
    z-index: 0;
    border-radius: 0;
    font-size: 1.5em;
    opacity: 1;
    margin: 0;
    display: block;
    position: relative;
}
.plan-landing-page .owl-carousel .owl-buttons  i{
    margin-top: 2px;
    color: #fff;
}
.plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0%, -100%);/*positions the arrows  center*/
}
.plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-next{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -100%);
}

.plan-landing-page .section-heading {
    padding:0 0 23px 0;
    background:url("../images/ux-redesign/swoosh/img_section_heading_mobile.gif") no-repeat 0 0;
}
.plan-landing-page .section-heading .row {
    margin:0;
}
.plan-landing-page .section-heading h1 {
    padding:29px 0 3px 0;
    font-size:1.5em;
}
.plan-landing-page .section-heading p.lead {
    margin:0;
    padding: 0 32px;
    font-size:1em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    line-height: 1.6;
}
@media (min-width:320px) and (max-width:320px) {
    .plan-landing-page .section-heading p.lead {
        padding: 0 16px;
    }
}

/** Bill Plans **/
.plan-landing-page .bill-pay-plans {
    padding: 0 0 30px 0;
}
.plan-landing-page .bill-pay-plans .container {
    padding:0;
}
.plan-landing-page .bill-pay-plans h1 {
    margin:0;
    padding:16px 0 22px 0;
    font-size:1.5em;
}
.plan-landing-page .bill-pay-plans .plan-box {
    margin:0 40px;
}
.plan-landing-page .bill-pay-plans .plan-inner {
    margin:0;
    padding: 45px 10px 10px 10px;
}

.plan-landing-page .bill-pay-plans .plan-hightlight {
    margin:0;
    padding: 45px 10px 10px 10px;
}
.plan-landing-page .bill-pay-plans .plan-link-btn, 
.plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
    margin:26px 0 0 0;
    padding:0;
    width:100%;
}
.plan-landing-page .bill-pay-plans .plan-link-btn,
.plan-landing-page .bill-pay-plans .plan-link-highlight-btn a {
    padding:20px 0;
}
.plan-landing-page .bill-pay-plans .plan-link-highlight-btn a {
    color:#fff;
}

/** Prepay Plans **/
.plan-landing-page .prepay-plans {
    padding: 0 0 24px 0;
}
.plan-landing-page .prepay-plans .container {
    padding:0 38px;
}
.plan-landing-page .prepay-plans .row {
    margin:0;
}
.plan-landing-page .prepay-plans h1 {
    margin:0;
    padding:22px 0;
    font-size:1.5em;
}
.plan-landing-page .prepay-plans .plan-details-container {
    margin: 0 auto 22px auto;
}
.plan-landing-page .prepay-plans .plan-details-box .plan-details {
    font-size:1em;
}
.plan-landing-page .prepay-plans .plan-details-box .plan-details ul {
    margin:0;
}
.plan-landing-page .prepay-plans .plan-details-box .plan-price {
    margin:15px 0 0 0;
}
.plan-landing-page .prepay-plans a.plan-button, 
.plan-landing-page .prepay-plans a.plan-button-primary {
    border: 3px solid #00AEEF;
    border-radius: 2px;
    margin: 4px 0;
    padding: 20px;
    width: 100%;
    font-size: 1.125em;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    text-decoration: none;
    display: inline-block;
}
.plan-landing-page .prepay-plans .topup {
    margin:11px 0 0 0;
}
.plan-landing-page .prepay-plans .topup p {
    margin:0;
}

/** Sim-only Plans **/
.plan-landing-page .sim-only-plans {
    padding: 0;
}
.plan-landing-page .sim-only-plans .container {
    padding:0 30px;
}
.plan-landing-page .sim-only-plans .row  {
    margin:0;
    text-align:center;
}
.plan-landing-page .sim-only-plans h1 {
    margin:0;
    padding:22px 0;
    font-size:1.5em;
}
.plan-landing-page .sim-only-plans .plans-title {
    margin: 0 0 20px 0;
}
.plan-landing-page .sim-only-plans .plan-box {
    margin:0;
}
.plan-landing-page .sim-only-plans .plan-inner {
    margin:0 0 20px 0;
}
.plan-landing-page .sim-only-plans .plan-price {
    padding-bottom:11px;
    border-bottom:solid 1px #81d8f6;
}
.plan-landing-page .sim-only-plans .plan-price h3 {
    font-size:2.25em;
}
.plan-landing-page .sim-only-plans .plan-price p {
    margin:-5px 0 0 0;
    font-size:1.125em;
    font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
.plan-landing-page .sim-only-plans ul.plan-terms {
    font-size:1em;
    margin: 10px 0 5px 0;
}
.plan-landing-page .sim-only-plans .plan-hightlight ul.plan-terms li {
    border:none;
}
.plan-landing-page .sim-only-plans ul.plan-terms li {
    padding: 0;
    line-height: 1.5em;
}

.plan-landing-page .sim-only-plans .plan-hightlight {
    padding:10px;
}
.plan-landing-page .sim-only-plans .plan-inner span.bottom-caret {
    bottom:-10px;
}
.plan-landing-page .sim-only-plans .plan-hightlight span.bottom-caret {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #00AEEF;
}
.plan-landing-page .sim-only-plans .month12 .plan-link-highlight-btn {
    margin:0 0 35px 0;
    padding:0;
}
.plan-landing-page .sim-only-plans .plan-link-highlight-btn a {
    padding:20px 0;
    color:#fff;
}

/** 30 Days plan*/
.plan-landing-page .sim-only-plans .days30 .plan-box {
    margin:0 5px;
}
.plan-landing-page .sim-only-plans .days30 .plan-price {
    margin:auto;
    width:70%;
    padding-bottom: 11px;
    border-bottom: solid 1px #cacdd2;
}
.plan-landing-page .sim-only-plans .days30 ul.plan-terms {
    margin-bottom:10px;
}
.plan-landing-page .sim-only-plans .days30 ul.plan-terms li {
    border:none;
}
.plan-landing-page .sim-only-plans .days30 .plan-link-highlight-btn {
    margin: 0 auto 0 auto;
    padding: 0;
    width: 65%;
    border-radius: 4px;
}
.plan-landing-page .sim-only-plans .days30 .plan-link-highlight-btn a {
    padding: 17px 0;
    color: #fff;
}
.plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons i {
    margin-top: 2px;
    color: #fff;
    top: 0;
    font-size: 100%;
}
.plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons div {
    margin-top:-20px;
}
.plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left:-28px;
}
.plan-landing-page .sim-only-plans .owl-carousel .owl-controls .owl-buttons .owl-next {
    right:-28px;
}

.plan-landing-page .sim-only-plans .plan-link-btn {
    padding:0;
}
.plan-landing-page .sim-only-plans .plan-link-btn a {
    padding:20px 0;
}


.plan-landing-page .sim-only-plans .days30 .plan-link-btn {
    background:#00AEEF;
}
.plan-landing-page .sim-only-plans .days30 .plan-link-btn a {
    color:#fff;
}

/** Cta Actions **/
.plan-landing-page .cta-actions strong {
   font-size:1.125em;
   font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
   font-weight:normal;
}
/** Call to Actions Wrapper **/
.plan-landing-page .calltoactions-wrapper {
    margin:20px 0;
}
.plan-landing-page .calltoactions-wrapper .cta-btn {
    margin:0 0 20px 0;
}



/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Tablet Portrait
*/
@media (min-width: 768px) {

      .plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-prev {
        left:40px;
    }
      .plan-landing-page .owl-carousel .owl-controls .owl-buttons .owl-next {
          right:40px;
      }

    .plan-landing-page .section-heading {
        padding:0 0 35px 0;
    }
    .plan-landing-page .section-heading {
        background: url("../images/ux-redesign/swoosh/img_section_heading_tablet.gif") no-repeat 0 0;
    }
    .plan-landing-page .section-heading h1 {
        padding: 47px 0 10px 0;
        font-size: 3em;
    }
    .plan-landing-page .section-heading p.lead {
        margin:auto;
        padding:0;
        width:75%;
        font-size:1.125em;
    }
    .plan-button-wrap {
         display: inline-block;
        margin: 20px 0 0 0;
    }

    .plan-button-wrap .btn{
        margin: 0 7px;
        padding: 11px 31px;
        color:#feffff;
        font-size:1.125em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        border:solid 4px #f2f2f2;
    }
    .plan-button-wrap .btn:hover {
        color:#e9eaec;
        border:solid 4px #e9eaec;
    }
    .plan-landing-page .intro {
       width: 80%;
       margin: 0 auto;
   }
    .plan-landing-page .intro h2 {
        font-size: 2.5em;
        margin: 0 0 10px 0;
    }

    .plan-landing-page .intro .lead{
        display: block;
        font-size: 1.1em;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }

    /** Bill Pay Plans **/
    .plan-landing-page .bill-pay-plans {
        padding:0;
    }
    .plan-landing-page .bill-pay-plans h1 {
        padding:37px 0 8px 0;
        font-size:2.25em;
    }
    .plan-landing-page .bill-pay-plans .owl-item {
        /*width:300px!important;*/
    }
    .plan-landing-page .bill-pay-plans .plan-box {
        margin: 0 5px 10px 5px;
    }
    .plan-landing-page .bill-pay-plans .plan-link-btn, 
    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
        margin:26px auto 0 auto;
        width:80%;
    }
    .plan-landing-page .more-plans {
        margin:0 0 30px 0;
        padding:0 15px 0 0;
        clear:both;
        text-align:right;
    }
    .plan-landing-page .more-plans a {
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        text-decoration: none;
    }
    .plan-landing-page .more-plans a:hover {
        text-decoration:underline;
    }
    .plan-landing-page .more-plans a span {
        display: inline-block;
        width: 8px;
        height: 13px;
        background: url("../images/ux-redesign/arrows/icon_arrow_right_green.png") no-repeat;
        position: relative;
        top: 2px;
        right: -14px;
    }
    .plan-landing-page #owl-bill-pay-slider {
        margin-bottom:70px;
    }
    .plan-landing-page .bill-pay-plans .plan-price p {
        margin-bottom:30px;
    }

    /** Prepay Plans **/
    .plan-landing-page .prepay-plans {
        padding: 0 0 48px 0;
    }
    .plan-landing-page .prepay-plans h1 {
        padding:45px 0 8px 0;
        color: #00AEEF;
        font-size: 2.25em;
    }
    .plan-landing-page .prepay-plans .lead {
        margin:0 0 18px 0;
    }
    .plan-landing-page .prepay-plans h4 {
        margin:0 0 16px 0;
        font-size: 1.5em;
    }
    .plan-landing-page .prepay-plans .plan-details-box {
        padding:20px;
        border-radius: 3px;
    }
    .plan-landing-page .prepay-plans .plan-details-box .plan-price {
        margin:0;
        width: 140px;
    }
    .plan-landing-page .prepay-plans .plan-details-box .plan-price h3 {
        margin-left:-36px;
    }
    .plan-landing-page .prepay-plans .plan-details-box .plan-price p {
        font-size: 1.5em;
        font-family: 'TescoBlack-Regular', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
        margin: -5px 0 0 -35px;
    }
    .plan-landing-page .prepay-plans .plan-details-box .plan-details ul {
        margin: 8px 0 18px 0;
    }
    .plan-landing-page .prepay-plans .plan-details-box .plan-details ul li {
        border:0;
        font-size: 18px;
        font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
    }
    .plan-landing-page .prepay-plans .plan-details-container {
        width:95%;
    }
    .plan-landing-page .prepay-plans .plan-details-hightlight span.bottom-caret {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        bottom: -10px;
    }
    .plan-landing-page .prepay-plans .plan-details-box .plan-details {
        width:380px;
        padding-left:25px;
        border-left:solid 1px #40c2f3;
    }
    .plan-landing-page .prepay-plans a.plan-button, 
    .plan-landing-page .prepay-plans a.plan-button-primary {
        width: 70% !important;
    }

    /** Sim-only plans **/
    .plan-landing-page .sim-only-plans h1 {
        padding: 32px 0 8px 0;
        font-size: 2.25em;
    }
    .plan-landing-page .sim-only-plans .lead {
        margin:0 0 30px 0;
    }
    .plan-landing-page .sim-only-plans .sim-only-plan-title {
        margin: 0 0 10px 0;
        font-size:1.5em;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-box {
        margin:auto;
        width:60%;
    }
    .plan-landing-page .sim-only-plans .plan-hightlight {
        padding: 10px 20px 10px 20px;
    }

    .plan-landing-page .cta-actions {
        margin:40px 0 0 0;
    }
    .plan-landing-page .cta-actions .container {
        border-top:solid 1px #c5c5c5;
    }

    .plan-landing-page .calltoactions-wrapper {
        margin:20px 0 10px 0;
    }
    .plan-landing-page .calltoactions-wrapper .container {
        padding:45px 0 0 0;
        border-top:solid 1px #c5c5c5;
    }
    .plan-landing-page .calltoactions-wrapper .cta-btn {
        float:left;
        width:50%;
    }

    .plan-landing-page .sim-only-plans .days30 .plan-link-btn {
    background:#fff;
    }
    .plan-landing-page .sim-only-plans .days30 .plan-link-btn a {
        color:#00AEEF;
    }

}

/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Tablet Landscape & Medium Desktops
*/
@media (min-width: 992px) {

    .plan-landing-page .section-heading {
        padding: 0 0 53px 0;
        background: url("../images/ux-redesign/swoosh/img_section_heading_desktop.gif") no-repeat 0 0;
    }

        .plan-landing-page .section-heading h1 {
            padding: 44px 0 14px 0;
            font-size: 3.5625em;
        }

        .plan-landing-page .section-heading p.lead {
            width: 55%;
        }
    /** Bill Pay Plans **/
    .plan-landing-page .bill-pay-plans .intro {
        width: 55%;
        margin: 0 auto;
    }

    .plan-landing-page .bill-pay-plans h1 {
        padding: 41px 0 20px 0;
        font-size: 3em;
    }

    .plan-landing-page .bill-pay-plans .lead {
        margin-bottom: 30px;
    }

    .plan-landing-page .bill-pay-plans .owl-item {
        width: 243px !important;
    }

    .plan-landing-page .bill-pay-plans .plan-box {
        margin: 0 10px 10px 10px;
    }

    .plan-landing-page .bill-pay-plans .plan-link-btn,
    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
        margin: 40px auto 0 auto;
        width: 90%;
    }

    .plan-landing-page .more-plans {
        margin: 0 0 40px 0;
    }

    .plan-landing-page #owl-bill-pay-slider {
        margin-bottom: 0;
    }

    .plan-landing-page .bill-pay-plans .plan-inner span.bottom-caret {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
    }

    .plan-landing-page .bill-pay-plans .owl-bill-pay.owl-carousel .owl-wrapper-outer {
        overflow: initial;
    }

    .plan-landing-page .bill-pay-plans .owl-bill-pay.owl-carousel .owl-wrapper {
        width: 980px !important;
    }

    .plan-landing-page .bill-pay-plans .plan-hightlight {
        margin-top: -12px;
        padding-bottom: 34px;
    }

    .plan-landing-page .bill-pay-plans .plan-link-highlight-btn {
        margin-top: 28px;
    }

    .plan-landing-page .bill-pay-plans .plan-price p {
        margin-bottom: 10px;
    }
    /** Prepay Plans **/
    .plan-landing-page .prepay-plans h1 {
        padding: 41px 0 20px 0;
        font-size: 3em;
    }

    .plan-landing-page .prepay-plans .intro {
        width: 62%;
        margin: 0 auto;
    }

    .plan-landing-page .prepay-plans a.plan-button,
    .plan-landing-page .prepay-plans a.plan-button-primary {
        width: 40% !important;
    }

    .plan-landing-page .prepay-plans .plan-details-container {
        width: 63%;
    }

    /** Sim Only Plans **/
    .plan-landing-page .sim-only-plans h1 {
        padding: 41px 0 20px 0;
        font-size: 3em;
    }

    .plan-landing-page .sim-only-plans .intro {
        width: 52%;
        margin: 0 auto;
    }

    .plan-landing-page .sim-only-plans .col-md-6 {
        padding: 0 12px;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-box {
        margin: auto;
        width: 100%;
    }

    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-wrapper {
        width: 100% !important;
    }

    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-item {
        width: 168px !important;
    }

    .plan-landing-page .sim-only-plans .month12 .plan-link-highlight-btn {
        margin: 25px 0 0 0;
        padding: 0;
    }

    .plan-landing-page .calltoactions-wrapper .cta-btn {
        float: none;
        width: 40%;
    }

    .plan-landing-page .sim-only-plans .plan-price {
        border-bottom: solid 1px #0099d2;
    }

    .plan-landing-page .sim-only-plans .row .col-md-8.days30 {
        display: inline-block;
        margin: auto;
        float: none;
    }

        .plan-landing-page .sim-only-plans .row .col-md-8.days30 .owl-item {
            width: 240px !important;
        }

    .plan-landing-page .plans-title {
        margin: 0 10px 30px 10px;
    }
}


/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Large Desktops
*/
@media (min-width: 1180px) {

    .plan-landing-page .section-heading {
        background: #eff1f7 url("../images/ux-redesign/swoosh/img_section_heading_desktop.gif") no-repeat 0 0;
        background-position:50% 0;
    }
    .plan-landing-page .bill-pay-plans .owl-bill-pay.owl-carousel .owl-wrapper {
        width: 1200px!important;
    }
    .plan-landing-page .bill-pay-plans .owl-item {
        width: 300px!important;
    }
    /** Prepay Plans **/
    .plan-landing-page .prepay-plans .plan-details-container {
        width: 53%;
    }
    /** Sim only plans **/
    .plan-landing-page .sim-only-plans .days30 .plan-box {
        margin: 0 10px 0 0;
    }
    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-item {
        width: 238px!important;
    }

    .plan-landing-page .calltoactions-wrapper .cta-btn {
        float: none;
        width: 33%;
    }

}

/**
* #.# Plans Landing Page
*
* specifc styles for plans landing page - Large Desktops
*/
@media (min-width: 1500px) {

    .plan-landing-page .sim-only-plans .col-md-7.days30 .owl-item {
        width: 250px!important;
    }

}




/**
* #.# Order Selection
*
* specifc styles for order selection page
*/
.order-selection .show-hide-phone-description .hide-desc {
    display:none;
}
.order-selection .show-hide-phone-description button span {
    margin:0 5px 0 0;
}
.order-selection .show-hide-phone-description button:focus {
    outline:0;
}
.order-selection .show-hide-phone-description button span span.fa {
    font-size:12px;
}

.order-selection .show-hide-phone-description button.open .show-desc {
    display:none;
}
.order-selection .show-hide-phone-description button.open .hide-desc {
    display:block;
}
.order-selection .show-hide-phone-description button.btn.focus, 
.order-selection .show-hide-phone-description button.btn:focus, 
.order-selection .show-hide-phone-description button.btn:hover {
    color: #00AEEF;
    text-decoration: none;
}
.order-selection .show-hide-phone-description button.btn.active, 
.order-selection .show-hide-phone-description button.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.order-selection .phone-desc p {
    margin:0;
    padding:10px 0 0 0;
}

@media(min-width:768px) {

    .order-selection .your-order .table.order-calculation tr td:last-child {
        padding-right: 80px;
    }
}







.cart-empty {
    /*min-height:300px;*/
    padding-top:40px;
}
.cart-empty h2 {
    margin:0;
}
.cart-empty .btn-primary {
    display:block;
    margin:10px;
    padding:20px 26px;
    font-family: 'Tesco-Bold', "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}
@media (min-width: 768px) {

    .cart-empty .btn-primary {
        margin:10px auto;
        width: 50%;
    }
}
@media (min-width: 992px) {

    .cart-empty .btn-primary {
        margin:10px auto;
        width: 25%;
    }
}




/** SIM Cards Page **/

.sim-cards .btn-primary {
    display:inline-block;
    margin:20px 0 60px 0;
    padding:20px 26px;
    font-family: "Tesco-Bold", "myriad-pro", "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif;
}

#myModal img {
    max-width:100%;
    margin-bottom:50px;
}

/** Contact Form **/
#contactForm .modal-body {
    position: relative;
    padding: 15px 40px;
}



/**
* #.# Thank You Page
*
* specifc styles for thankyou page
*/
@media (min-width: 768px) {

    .thank-you-page .calltoactions-wrapper .container .row {
        padding-top:40px;
        border-top: solid 1px #e6e6e6;
    }
    .thank-you-page .calltoactions-wrapper .cta-btn {
        float: left;
        width: 50%;
    }
}


/** move to components in MOG file **/
.calltoactions-wrapper .cta-icon.phone {
     background-position: -390px 0;
}


/**
* #.# Roaming Rates Page
*
* specifc styles for roaming rates page
*/
.roaming-rates-results {
    float:none;
    margin: 20px auto 20px auto;
    padding-left: 0;
    padding-right: 0;
}

.roaming-rates-results .row {
    margin:0;
}
.roaming-rates-results .col {
    display:table;
    table-layout:fixed;
    width:100%;
    border-top: solid 1px #e5e7ec;
}
.roaming-rates-results .col label {
    display:table-cell;
    padding: 5px;
    width:60%;
    border-left: solid 1px #e5e7ec;
    border-right: solid 1px #e5e7ec;
}
.roaming-rates-results .col .rateValue {
    display:table-cell;
    padding: 5px;
    width:40%;
    border-right: solid 1px #e5e7ec;
}

.roaming-rates-results .col.last label,
.roaming-rates-results .col.last .rateValue {
    border-bottom: solid 1px #e5e7ec;
}

.roaming-rates-results .alert {
    padding:24px;
}


@media (min-width:992px) {

    .roaming-form {
        margin:0;
        float:left;
    }

    .roaming-rates-results {
        float: none;
        margin: 20px auto 20px 0;
        padding-left: 0;
        padding-right: 24px;
    }

}

/** Shopping Cart **/

.shopping-support-info a {
    display:none;
}
.shopping-support-info img {
    width:40px;
}
.shopping-support-info .content-icon h4 {
    margin-bottom:0;
}
.shopping-support-info .content-icon p {
    margin:0;
}

.shopping-support-info hr {
    margin:10px 0;
}



/**
*
* Call to action section plan landing page
*
*/
main .cta-actions .container {
    padding-left:12px;
    padding-right:12px;
}

.plan-landing-page .cta-actions .content-icon{
    width: 100%;
    margin: 0 auto;
}
.plan-landing-page .cta-actions .col-md-6 {
    padding:0;
}


.plan-landing-page .content-icon{
    width: 80%;
    margin: 0 auto;
}


.plan-landing-page .content-icon{
    width: 80%;
    margin: 0 auto;
}
.plan-landing-page .content-icon, 
.plan-landing-page .content-icon .icon, 
.plan-landing-page .content-icon .content-icon-text{
    display: block;
    text-align: center;
    padding: 0;
}
.plan-landing-page .content-icon {
    padding: 20px 0;
}
.plan-landing-page .content-icon .icon{
    display: block;
    text-align: center;
    padding: 0 0 10px 0;
}
.plan-landing-page.container.cta-actions .content-icon a:hover {
    text-decoration:underline;
}
.plan-landing-page.container.cta-actions  .content-icon-text p{
    margin: 10px 0 10px 0;
}

@media (min-width:768px) {

        .plan-landing-page .cta-actions .content-icon {
        width: 50%;
        margin: 0 auto;
    }
}

@media (min-width:992px) {


    .plan-landing-page .cta-actions .col-md-6 {
        padding: 0 12px;
    }
    .plan-landing-page .cta-actions .content-icon {
        width: 100%;
        margin: 0 auto;
    }
}


.quantity-remove a:hover {
    text-decoration:none;
    color: #337ab7;
}


/*** For Alpha Release **/

#divProductAdded {
    display:none;
}


#callback-form {
    display:none;
}

#callback-form.active {
    display:block;
}


#ctl00_ctl00_operationalMessage1_divMessageBox.alert {
    margin:0;
}
.telesales-mode.alert {
    margin:0;
    background:#00AEEF;
    color:#fff;
    text-align:right;
    border: 0;
}



.recaptcha_theme_red span#recaptcha_response_field {
    height:20px!important;
}

.homepage-plans ul.plan-terms li.wider-text {
    text-align:center;
    padding-left:0;
    padding-right:0;
}


@media (min-width: 768px) {
 .general-subpage.understanding-your-bill {
        padding-top:50px;
        padding-bottom:30px;
        max-width:720px;
        min-width:300px;
        padding-left:0;
        padding-right:0;
    }

 }

/* understanding your bill */



.bill_wrapper {
position: relative;
display: block;
width: 100%;
height: 1014px;
margin: 60px 0 20px 0;
}

.bill_container {
width: 100%;
height: 1014px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
border: 1px solid #00aeef;
}

.bill_container.active {
z-index: 2;
}

.bill_container img {
position: relative;
z-index: 1;
max-width:100%;
}

.bill_container a.tab {
width: 100px;
padding: 0 9px;
position: absolute;
left: 0;
top: -32px;
display: inline-block;
z-index: 2;
background: #fff;
line-height: 30px;
text-align: center;
color: #00aeef;
border: solid 1px #b7dded;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}

.bill_container a.tab:hover {
background: #b7dded;
color: #fff;
}

.bill_container.active a.tab {
background: #00aeef;
color: #fff;
border-color: #00aeef;
}

.bill_container#bill_page-01 a.tab {
left: 0;
}

.bill_container#bill_page-02 a.tab {
left: 102px;
}

.bill_container#bill_page-03 a.tab {
left: 204px;
}

.bill_container#bill_page-04 a.tab {
left: 306px;
}

.bill_container#bill_page-05 a.tab {
left: 408px;
}

.bill_container#bill_page-06 a.tab {
left: 510px;
}

.bill_container a.tab_next {
width: 70px;
height: 70px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
background: url(../images/ux-redesign/understanding-your-bill/page-turn.png) no-repeat 0 0;
text-indent: -1000px;
overflow: hidden;
}

.bill_container ul.legend {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}

.bill_container ul.legend li {
position: absolute;
z-index: 3;
list-style: none;
}

.bill_container ul.legend li a.key {
width: 35px;
height: 35px;
padding-right: 2px;
position: absolute;
left: -17px;
top: -17px;
background: url(../images/ux-redesign/understanding-your-bill/bg_legend-key.png) no-repeat 0 50%;
text-align: center;
line-height: 30px;
font-weight: 600;
font-size: 18px;
color: #fff;
}

.bill_container ul.legend li.from-right a.key {
padding-right: 0;
padding-left: 2px;
background-position: -35px 50%;
}

.bill_container ul.legend li .key_container {
width: 360px;
padding: 10px;
position: absolute;
right: 230%;
top: -60px;
display: none;
background: #fff;
border: #00aeef solid 1px;
-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

.bill_container ul.legend li.left-side .key_container {
right: auto;
left: 230%;
}

.bill_container ul.legend li.active {
z-index: 4;
}

.bill_container ul.legend li.active .key_container {
display: block;
}

.bill_container ul.legend li .key_container a.popup_close {
width: 25px;
height: 25px;
position: absolute;
right: 5px;
top: 5px;
background: url(../images/ux-redesign/understanding-your-bill/popup_close.png) no-repeat 50% 50%;
text-indent: -1000px;
overflow: hidden;
}

.bill_container ul.legend li .key_container h2 {
font-size: 26px;
color: #00aeef;
}

.maincontent .bill_container ul.legend li .key_container p {
padding-right: 0;
}

/*----- positioning keys -----*/
.bill_container button {
    width:40px;
    height:40px;
    background:red;
    position:absolute;
    margin:0;
    padding:0;
    z-index:99;
    border:0;
}
/*--- page 1 ---*/

.bill_container#bill_page-01 .key_01 {
left: 74px;
top: 246px;
}

.bill_container#bill_page-01 .key_02 {
left: 435px;
top: 150px;
}

.bill_container#bill_page-01 .key_03 {
left: 435px;
top: 230px;
}

.bill_container#bill_page-01 .key_04 {
left: 435px;
top: 450px;
}

.bill_container#bill_page-01 .key_05 {
left: 435px;
top: 565px;
}

.bill_container#bill_page-01 .key_06 {
left: 25px;
top: 480px;
}

.bill_container#bill_page-01 .key_07 {
left: 260px;
top: 507px;
}

.bill_container#bill_page-01 .key_08 {
left: 25px;
top: 530px;
}

.bill_container#bill_page-01 .key_09 {
left: 135px;
top: 560px;
}

.bill_container#bill_page-01 .key_10 {
left: 25px;
top: 580px;
}

.bill_container#bill_page-01 .key_11 {
left: 20px;
top: 760px;
}

/*--- / page 1 ---*/

/*--- page 2 ---*/

.bill_container#bill_page-02 ul.legend li.key_01 {
left: 25px;
top: 113px;
}

.bill_container#bill_page-02 ul.legend li.key_02 {
left: 150px;
top: 165px;
}

.bill_container#bill_page-02 ul.legend li.key_03 {
left: 300px;
top: 165px;
}

.bill_container#bill_page-02 ul.legend li.key_04 {
left: 530px;
top: 165px;
}

.bill_container#bill_page-02 ul.legend li.key_05 {
left: 125px;
top: 310px;
}

.bill_container#bill_page-02 ul.legend li.key_06 {
left: 125px;
top: 420px;
}

.bill_container#bill_page-02 ul.legend li.key_07 {
left: 175px;
top: 462px;
}

/*--- / page 2 ---*/

/*--- page 3 ---*/

.bill_container#bill_page-03 ul.legend li.key_01 {
left: 25px;
top: 113px;
}

.bill_container#bill_page-03 ul.legend li.key_02 {
left: 95px;
top: 155px;
}

.bill_container#bill_page-03 ul.legend li.key_03 {
left: 240px;
top: 188px;
}

.bill_container#bill_page-03 ul.legend li.key_03.active .key_container {
top: 90px;
left: -40px;
}

.bill_container#bill_page-03 ul.legend li.key_04 {
left: 260px;
top: 310px;
}

.bill_container#bill_page-03 ul.legend li.key_04.active .key_container {
left: -40px;
top: 80px;
}

.bill_container#bill_page-03 ul.legend li.key_05 {
left: 160px;
top: 635px;
}

.bill_container#bill_page-03 ul.legend li.key_05.active .key_container {
top: -320px;
}

.bill_container#bill_page-03 ul.legend li.key_06 {
left: 230px;
top: 775px;
}

.bill_container#bill_page-03 ul.legend li.key_06.active .key_container {
top: -340px;
}

/*--- / page 3 ---*/

/*--- page 4 ---*/

.bill_container#bill_page-04 ul.legend li.key_01 {
left: 25px;
top: 130px;
}

.bill_container#bill_page-04 ul.legend li.key_02 {
left: 360px;
top: 182px;
}

.bill_container#bill_page-04 ul.legend li.key_02.active .key_container {
top: 40px;
left: -120px;
}

.bill_container#bill_page-04 ul.legend li.key_03 {
left: 200px;
top: 240px;
}

.bill_container#bill_page-04 ul.legend li.key_04 {
left: 415px;
top: 290px;
}

.bill_container#bill_page-04 ul.legend li.key_04.active .key_container {
top: 40px;
left: -150px;
}

.bill_container#bill_page-04 ul.legend li.key_05 {
left: 255px;
top: 305px;
}

.bill_container#bill_page-04 ul.legend li.key_05.active .key_container {
top: 30px;
left: -100px;
}

.bill_container#bill_page-04 ul.legend li.key_06 {
left: 190px;
top: 365px;
}

.bill_container#bill_page-04 ul.legend li.key_07 {
left: 100px;
top: 470px;
}

.bill_container#bill_page-04 ul.legend li.key_08 {
left: 365px;
top: 520px;
}

.bill_container#bill_page-04 ul.legend li.key_08.active .key_container {
top: 30px;
left: -140px;
}

.bill_container#bill_page-04 ul.legend li.key_09 {
left: 165px;
top: 580px;
}

.bill_container#bill_page-04 ul.legend li.key_10 {
left: 95px;
top: 702px;
}

.bill_container#bill_page-04 ul.legend li.key_11 {
left: 180px;
top: 825px;
}

/*--- / page 4 ---*/

/*--- page 5 ---*/

.bill_container#bill_page-05 ul.legend li.key_01 {
left: 20px;
top: 225px;
}

.bill_container#bill_page-05 ul.legend li.key_02 {
left: 440px;
top: 315px;
}

/*--- / page 5 ---*/

/*----- / positioning keys -----*/

@media (max-width: 767px) {
    body {
      	padding: 0;
    }
    .tabbable.responsive .nav-tabs {
      	font-size: 16px;
    }
    .tabbable.responsive .nav-tabs ul {
      	margin: 0;
    }
    .tabbable.responsive .nav-tabs li {
      	// box-sizing seems like the cleanest way to make sure width includes padding
				-webkit-box-sizing: border-box;
           -moz-box-sizing: border-box; 
            -ms-box-sizing: border-box;
             -o-box-sizing: border-box;
                box-sizing: border-box; 
      	display: inline-block; 
      	width: 100%; 
      	height: 44px;
      	line-height: 44px; 
      	padding: 0;
      	border: 1px solid #ddd;
      	overflow: hidden;
    }
    .tabbable.responsive .nav-tabs > li > a {
      	border-style: none;
      	display: inline-block;
      	margin: 0;
      	padding: 0;
        color:#00AEEF;
    }
    // include hover and active styling for links to override bootstrap defaults
    .tabbable.responsive .nav-tabs > li > a:hover {
      	border-style: none; 
      	background-color: transparent;
    }
    .tabbable.responsive .nav-tabs > li > a:active,
    .tabbable.responsive .nav-tabs > .active > a,
    .tabbable.responsive .nav-tabs > .active > a:hover {
      	border-style: none;
    }
}

// Now some example styles for the extra elements we add (in small screen mode)
// Feel free to adjust to suit

.tabbable.responsive .nav-tabs > li > a.tab-control,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
    float: left;
    width: 36px;
    height: 36px;
    margin-top: 4px;
    font-size: 56px;
    font-weight: 100;
    line-height: 26px;
    color: #fff;
    text-align: center;
    background: #444;
		-webkit-border-radius: 18px;
       -moz-border-radius: 18px;
        		border-radius: 18px;
    }
.tabbable.responsive .nav-tabs > li > a.tab-control.right,
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer.right {
    float: right;
}
.tabbable.responsive .nav-tabs > li > a.tab-control:hover {
    color: #666;
    /*background: #333;*/
}
.tabbable.responsive .nav-tabs > li > span.tab-control-spacer {
    line-height: 28px;
    color: transparent;
    background: transparent;
}

.tabbable.responsive .nav-tabs > li > a.tab-control.right,
.tabbable.responsive .nav-tabs > li > a.tab-control.left {
    position:relative;
    border-radius:0;
    width:44px;
    height:44px;
}

.tabbable.responsive .nav-tabs > li > a.tab-control.left .fa {
    position:absolute;
    top:50%;
    left:18px;
    margin-top:-8px;
}
.tabbable.responsive .nav-tabs > li > a.tab-control.right .fa {
    position:absolute;
    top:50%;
    left:18px;
    margin-top:-8px;
}



.tabbable.responsive .tab-content img {
    max-width:100%;
    margin-bottom:20px;
}
.understand-bill {
    margin:0 0 40px 0;
}
.understand-bill ol.legend {
    width:90%;
}
.understand-bill ol.legend .key {
    margin:0;
    padding:15px 0 10px 0;
    border-bottom:solid 1px #ccc;
}
.understand-bill ol.legend .key:last-child {
    border:none;
    padding-bottom:0;
}
.understand-bill .key p {
    margin:0;
    padding:0 0 5px 0;
}

.understand-bill .tab-pane {
    border-left:solid 1px #ddd;
    border-right:solid 1px #ddd;
    border-bottom:solid 1px #ddd;
}
.understand-bill .nav-tabs {
    margin:0;
}

@media (min-width:768px) {

    .understand-bill .nav-tabs>li.active>a, 
    .understand-bill .nav-tabs>li.active>a:focus, 
    .understand-bill .nav-tabs>li.active>a:hover {
        color: #fff;
        cursor: default;
        background-color: #00AEEF;
        border: 1px solid transparent;
        border-bottom-color: transparent;
    }
     .understand-bill .nav>li>a:focus, .nav>li>a:hover {
         color: #fff;
         text-decoration: none;
        background-color: #0095D6;
        border: 1px solid transparent;
    }
}

.editPaymentArrangement{
    margin-right:0.5em;
}

#cardNumber{
    background-color: lightgrey;
}

.expiration {
    border: 1px solid #bbbbbb;
    height: 2.5em;
    margin-bottom:0.6em;
}
.expiration input {
    border: 0;
}

#year{
    display:flex;
    width:50%;
    float:right;
    height:2em;
    margin-top:0.2em;
}

#month{
    text-align:right;
    display:flex;
    width:48%;
    float:left;
    height:2em;
    margin-top:0.2em;
}

.error-msg{
	color:red;
}