/*
Main Stylesheet for CarphoneWarehouse
Author: Continuum

Notes:
Z-Index Legend:
Header - 10
Footer - 5
comparison toolbar - 6


*/


@font-face {
    font-family: 'cpw_tradebold';
    src: url('fonts/cpw_trade-webfont.eot');
    src: url('fonts/cpw_trade-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/cpw_trade-webfont.woff') format('woff'), url('fonts/cpw_trade-webfont.ttf') format('truetype'), url('fonts/cpw_trade-webfont.svg#webfont') format('svg');
}
 

/**
* #.# Misc Classes
*
* Resetting of certain elements, which are global values from the bootstrap file.
*/


body {
    padding: 70px 0 0 0;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p {
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    color: #002252;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1em;
    line-height: 0.8;
    text-transform: uppercase;
}

img {
    max-width: 100%;
}

a {
    color: #002252;
    outline: none;
}

a:active {
    outline: none;
}

a:hover {
    color: #002252;
    text-decoration: none;
}

*:focus {
    outline: 0;
}

a:focus {
    outline: 0;
    /*removes the dotted border*/
}

.required {
    color: #b83d89
}
/* Set the Container to be full width with a max width of 1600px */

.container-fluid {
    max-width: 1750px;
    width: 100%;
}
/**
* #.# Set of CPW Colours
*
* set of colour classes used throughout the website
*/

.blue h1,
.blue h2,
.blue h3,
.blue h4 {
    color: #3499d7;
}

.red h1,
.red h2,
.red h3,
.red h3 {
    color: #e10133;
}

.purple h1,
.purple h2,
.purple h3,
.purple h3 {
    color: #3c246d;
}

.orange h1,
.orange h2,
.orange h3,
.orange h3 {
    color: #ff7d29;
}

.green h1,
.green h2,
.green h3,
.green h3 {
    color: #00a477;
}

.gold h1,
.gold h2,
.gold h3,
.gold h3 {
    color: #e99700;
}

.pink h1,
.pink h2,
.pink h3,
.pink h3 {
    color: #e96a71;
}

.luminousgreen h1,
.luminousgreen h2,
.luminousgreen h3,
.luminousgreen h3 {
    color: #b1bc04;
}
/**
* #.# Header
*
* Header elements, contains logo, navigation, search, cart, login elements
*/
/* hiding mobile menu toggle button */

.mobile-nav.hidden-md.hidden-lg {
    display: none !important;
}

header.top-header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 70px;
    background: #dddee0;
    transition: all 0.3s ease;
}

#Home header.top-header,
#home header.top-header {
    background:#ffffff;
}
/* homepage header styles */


header.top-header > .container-fluid,
.homepage-hero > .container-fluid {
    max-width: 100%;
}

header.top-header > .container-fluid {
    padding: 25px 64px 0 303px;
}

header.top-header > .container-fluid > .logo {
    position: absolute;
    left: 19px;
    top: 11px;
}

.search-wrapper {
    position: absolute;
    z-index: 2;
   width: 100%;
   right: 65px;
   top: 12px;
}
.search-wrapper > .search {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.search-wrapper.search-open {
  z-index: 12;
}


.search-wrapper > .search > button.search_toggle {
    position: absolute;
    right: -4px;
    top: 0;
    width: 50px;
    height: 50px;
    color: #002250;
    font-size: 1.75em;
    background: transparent;
    border-width: 0 0 0 0;
}

.search-wrapper > .search > .searchBox input.form-control {
    position: relative;
    top:2px;
    height: 44px;
    background: #ebecf0;
    border-radius: 50px;
    border:none;
    color: #a3adbd;
}
.search-wrapper > .search > .searchBox input.form-control:focus {
  box-shadow: inset 0 1px 1px rgba(0,37,75,0.9);
}

.search-wrapper > .search > .searchBox input.btn.btn-default {
    position: absolute;
    right: 0;
    top: 2px;
    z-index: 1;
    padding: 0;
    width: 43px;
    height: 43px;
    color: #002250;
    border-width: 0;
    background: transparent url("images/icons/ico-header-search.png") no-repeat 50% 50%;
    font-size: 1.2em;
    vertical-align: top;
    border: 0;
    text-indent: 100%;
}
.search-wrapper > .search > .searchBox label {
    display:none;
}


.search-wrapper > .search > .searchBox {
    position: absolute;
    right: 45px;
    top: 0;
    display: none;
    width: 60%;
    height: 50px;
}
.search-wrapper > .search > .searchBox.active {
    display: block;
}


@media(min-width: 1180px) {
    .search-wrapper > .search > button.search_toggle {
        display: none;
    }
    .search-wrapper > .search > .searchBox {
        display: inline-block;
        right: 0;
        width: 70%;
    }

    .search-wrapper > .search > .searchBox input.form-control {
        position: absolute;
        right: 0;
        width: 25%;
        transition: width 0.3s ease-out;
    }
    .search-wrapper > .search > .searchBox input.form-control:focus {
       width: 100%;
    }
    .search-wrapper.active {
        z-index: 10;
    }

}

@media(min-width: 1420px) {
  .search-wrapper > .search > .searchBox {
      display: inline-block;
      right: 0;
      width: 73%;
  }
}


@media(min-width: 1600px) {

    .search-wrapper > .search > .searchBox input.form-control {
        width: 20%;
    }
    .search-wrapper > .search > .searchBox {
        width: 78%;
    }


}







.cart-login {
    position: absolute;
    right: 5px;
    top: 8px;
}

.cart-login .login,
.cart-login .cart {
    padding: 0 21px;
    display: inline-block;
    vertical-align: top;
}

.cart-login .cart .fa,
.cart-login .cart .fa-shopping-cart:before {
    line-height: 60px;
}

.cart-login .login {
    display: none;
}
header .navbar-default {
    position: static;
    margin: 0;
    padding: 0;
    height: inherit;
    min-height: inherit;
    border: none;
    border-radius: 0;
    background: none;
}

header .yamm .nav.navbar-nav {}




.navbar-default .navbar-nav > li> a {
    padding: 0 14px;
    color: #002252;
    font-size: 1.6em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    position: relative;
    z-index: 10;
}

.navbar-default .navbar-nav > li.shop > a,
.navbar-default .navbar-nav > li.magazine > a {
    padding: 0 40px 0 14px;
}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    top: 70px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 20px 0 0 0;
    background: rgba(0, 34, 80, 0.9);
    box-shadow: none;
    border: 0;
    border-radius: 0;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.dropdown-menu h2 {
    padding: 24px 0;
    color: #1fa6c1;
    font-size: 1.5em;
    letter-spacing: 0.009em;
}


/** Caret for Dropdowns */
.dropdown.shop a:after,
.dropdown.magazine a:after {
    content: "\f078";
    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;
    position:absolute;
    right:15px;
    font-size:18px;
}


.dropdown.shop.open a:after,
.dropdown.magazine.open a:after {
    content: "\f077";
}





.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #1fa6c1;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #002252;
    /** It was white, this could be to do with the home page styling*/
}
/** Megamenu - Navigation **/

.column-navigation {
    width: 60%;
}

.column-navigation a {
    display: block;
    padding: 4px 0;
    font-size: 1.25em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}

.column-navigation a:hover {
    color: #1fa6c1;
}

.dropdown-menu .sub-links a:hover {
    color: #1fa6c1 !important;
}

.column-navigation .col-md-5,
.column-navigation .col-md-6 {
    width: 31.7%;
}

.column-navigation .sub-links ul {
    margin-top: -10px;
}
/* Megamenu - Magazine **/

.column-extras {
    width: 40%;
}

.column-extras .latest-article {
    padding-bottom: 5px;
}

.column-extras .latest-article article {
    position: relative;
    padding-left: 0;
    color: #fff;
}

.column-extras .latest-article article > a {
    width: 75px;
    height: 53px;
    overflow: hidden;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
}

.column-extras .latest-article article h3 {
    color: #fff;
    font-size: 1.5em;
    display: inline-block;
    vertical-align: top;
}

.column-extras .latest-article article h3 a {
    font-size: 1.0em;
    color: #fff;
}

.column-extras .latest-article article h3 a:hover {
    color: #1fa6c1;
}

.column-extras .latest-article article p {
    margin: -28px 0 0 89px;
    font-size: 0.875em;
    text-transform:none;
}

.column-extras .latest-article article img {
    /*position: absolute;
    top: 0;
    left:0;*/

    height: 100%;
    max-width: none;
    width: auto;
}

.sub-links .recent-articles article {
    color: #fff;
    display: inline-block;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
}

.sub-links .recent-articles article > a:first-child {
    width: 75px;
    height: 53px;
    overflow: hidden;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 10px;
    display: inline-block;
}

.column-extras .latest-article article > a:hover,
.sub-links .recent-articles article > a:first-child:hover {
    border: 1px solid #1fa6c1;
}

.sub-links .recent-articles article img {
    /*position: absolute;
    top: 0;
    left:0;*/

    height: 100%;
    max-width: none;
    width: auto;
}

.sub-links .recent-articles article h3 {
    display: inline-block;
    vertical-align: top;
}

.sub-links .recent-articles article > a {
    padding: 0;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    text-transform: capitalize;
    font-size: 0.875em;
    margin: -28px 0 10px 89px;
}

.sub-links .recent-articles article > a:first-child {
    margin: 0 10px 0 0;
}

.sub-links .recent-articles article h3 a {
    padding: 3px 0 10px 0;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    font-size: 1.5em;
}

.top-header .sub-links a {
    color: #fff!important;
}
.top-header .sub-links a:after {
   display:none;
}
/** Megamenu - Special Offers **/

.column-extras .special-offers {
    padding-bottom: 100px;
}

.column-extras .special-offers a {
    display: inline-block;
    margin-right: 2px;
    width:49%;
}

.column-extras .special-offers img {
    margin-right: 4px;
    border: 5px solid #fff;
}

.column-extras .special-offers a:hover img {
    border: 5px solid #1fa6c1;
}

.column-extras .special-offers img:last-child {
    margin-right: -4px;
}
/* Start of Header Utilites; includes Site Search, Shopping Cart & Customer Login */
/*
header .search-wrapper {
    position: absolute;
    top: 23px;
    z-index: 0;
    width: 100%;
    background: transparent;
    margin: 0 10px 0 10px;
    padding: 0 40px 0 322px; /** moved as login option is hidden*/
/*
}
header .search button {
    float: right;
    margin: 0 25px 0 0;
    padding:0;
    width:60px;
    height:56px;
    color:#002250;
    font-size:1.75em;
    background:none;
    border:0;
}
header .search button:hover {
    color: #1fa6c1;
}
header .search .searchBox {
    display:none;
}
header .search .searchBox.active {
    display: block;
    z-index:12;
    margin: 0 80px 0 0;
    height:56px;
    background: #fff;
}


/** When Search Button is click the text field and submit button becomes visible */
/*
header .search .searchBox.active input[type="text"] {
    float:left;
    margin:0;
    padding:0 0 0 15px;
    width: 60%;
    height: 100%;
    font-size: 1em;
    border:0;
    border-radius: 0;
    box-shadow:none;
    webkit-box-shadow:none;
    vertical-align: top;
}
header .search .searchBox.active .btn  {
    float:right;
    margin:0;
    padding:0;
    width: 60px;
    height: 100%;
    background: #fff url("images/icons/ico-header-search.png") no-repeat 50% 50%;
    font-size: 1.2em;
    vertical-align: top;
    border:0;
    text-indent: 100%;
}
*/
/** This removes the clear button in IE 10 & 11 */

input[type=text]::-ms-clear {
    display: none;
}
/* Shopping Cart Items - displays amount of products in the cart **/
/*
header .cart {
    position:absolute;
    top:25px;
    right:10px; /** moved as login option is hidden*/
/*
    z-index: 5;
}
*/

header .cart .fa {
    color: #002250;
    font-size: 1.75em;
}


header .cart .cartLink {
    display: block;
    height: 60px;
    line-height: 60px;
    position: relative;
}

header .cart .cartLink .fa:hover {
    color: #1fa6c1;
}

header .cart .items {
    position: absolute;
    right: -20px;
    top: 50%;
    display: inline-block;
    margin: -26px 0 0 0;
    width: 26px;
    height: 26px;
    line-height: 25px;
    color: #fff;
    font-family: arial;
    font-weight: normal;
    font-size: 16px;
    text-transform: none;
    text-align: center;
    background: #B83D89;
    border-radius: 13px;
    border: solid 1px #fff;
}
/* Login link for customers */
/*
header .login {
    position:absolute;
    top:19px;
    right:10px;
    z-index: 5;
}
*/

header .login a {
    display: inline-block;
    font-size: 2.125em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 60px;
}

header .login a:hover {
    color: rgb(0, 140, 168);
}

/**
* #.# Homepage Banner - new brand
*
*  Homepage Banner - new brand
*/

.homepage-banner--desktop {
    display:none;
}

@media (min-width:768px) {
    .homepage-banner img {
        width: 100%;
    }
}
@media (min-width:992px) {
    .homepage-banner {
        display:none;
    }
    .homepage-banner--desktop {
        display:block;
    }
}

.EditMode .homepage-banner--desktop,
.DesignMode .homepage-banner--desktop {
    display:block;
}

.EditMode .homepage-banner,
.DesignMode .homepage-banner {
    display:block;
}
   .EditMode .homepage-banner img,
   .DesignMode .homepage-banner img {
        width: inherit;
    }



/**
* #.# Homepage Video /  Homepage hero
*
* Homepage Hero, this section can either be a video background or a still image.
*/

.homepage-video {
    display: none;
}

.homepage-hero {
    position: relative;
    display: block;
    margin-top: -103px;
    width: 100%;
}

.homepage-hero .container-fluid {
    padding-top: 190px;
    position: relative;
    display: block;
    z-index: 2;
    height: 526px;
    text-align: center;
    overflow: hidden;
      /*padding-top: 304px;
    position: relative;
    display: block;
    z-index: 2;
    height: 612px;
    text-align: center;
    overflow: hidden;*/

}

.homepage-hero .container-fluid > h1,
.homepage-hero .container-fluid .col-lg-16.call-to-actions {
    position: relative;
    z-index: 2;
}

.homepage-hero .container-fluid > img {
    margin: auto;
    position: absolute;
    left: -9999px;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    z-index: 1;
    width: 100% !important;
    height: auto !important;
    min-width: 1280px;
}

.homepage-hero h1 {
    width: 100%;
    color: #fff;
    font-size: 4.375em;
}

.homepage-hero h1 span {
    color: #002250;
    /* change the color of the last two words of the h1 */
}
/* Homepage Call to Action Boxes */

.homepage-hero .container-fluid .col-lg-16.call-to-actions {
    margin-top: 32px;
    display: block;
}

.homepage-hero .container-fluid .col-lg-16.call-to-actions .phone-panel,
.homepage-hero .container-fluid .col-lg-16.call-to-actions .plan-panel,
.homepage-hero .container-fluid .col-lg-16.call-to-actions .compare-panel {
    padding: 0 15px;
    display: inline-block;
}
/*
.homepage-hero .call-to-actions {
    position: absolute;
    bottom:40px;
    left: 0;
    z-index: 3;
    width: 100%;
}
.homepage-hero .call-to-actions img {
    position: relative;
    max-width: 100%;
    top: 0;
    left: 0;
    height:auto;
}
.homepage-hero .call-to-actions .phone-panel,
.homepage-hero .call-to-actions .plan-panel,
.homepage-hero .call-to-actions .compare-panel {
    display:inline-block;
    padding: 0;
    margin: 0 12px 0 13px;
    width: 12.5%;
}
*/
/* Homepage Special Offers Carousel */

.cpw-homepage-special-offers {
    background: #b6cdd6;
}

.cpw-homepage-special-offers .container {
    padding-top: 18px;
    padding-bottom: 18px;
}

.cpw-homepage-special-offers img {
    border: solid 10px #fff;
    min-height: 154px;
    width: auto!important;
    margin: 0 auto;
}

.cpw-homepage-special-offers .owl-carousel .owl-item {
    padding: 0 5px;
    text-align: center;
}

.cpw-homepage-special-offers .owl-prev {
    position: absolute;
    top: 40%;
    left: -6.25%;
    margin: 0!important;
    padding: 0!important;
    ;
    width: 48px;
    height: 48px;
    background: url("images/img-prev.png");
    font-size: 0!important;
}

.cpw-homepage-special-offers .owl-next {
    position: absolute;
    top: 40%;
    right: -6.25%;
    margin: 0!important;
    padding: 0!important;
    width: 48px;
    height: 48px;
    background: url("images/img-next.png");
    font-size: 0!important;
}
/**
* #.# Homepage Magazine Articles
*
* Homepage page magazine articles.
*/

.cpw-home-articles {
    position: relative;
    z-index: 99;
    background: #eff6f8;
}

.cpw-homepage-featured-articles {
    padding: 12px 0;
}

.cpw-homepage-featured-articles .container {
    padding: 0;
}
/*.cpw-homepage-featured-articles .article-50 .author-location {
max-width: 500px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.cpw-homepage-featured-articles .article-33 .author-location {
max-width: 320px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}*/
/** Article Width 33% */

.article-33 {
    position: relative;
    float: left;
    margin: 12px 10px;
    padding: 23% 0 0 0;
    width: 31.7%;
    overflow: hidden;
}

.article-33 header {
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 4;
    padding: 0;
    width: 75%;
    height: 100%;
    background: none;
}

.article-33 h2 {
    position: absolute;
    bottom: 80px;
    color: #fff;
    font-size: 1.875em;
    line-height: 1em;
}
.article-33 h2:hover {
    color:#e2dfdf;
}

.article-33 h2 a {
    font-size: inherit;
    color: #fff;
}

.article-33 h2 a:hover {
    color: #c4d1d6;
}

.article-50 p {
    position: absolute;
    bottom: 25%;
    left: 28px;
    z-index: 4;
    overflow: hidden;
    margin: 0;
    width: 90%;
    height: 25px;
    color: #fff;
    font-size: 1.125em;
    background: none;
}

.article-33 p {
    display: none;
}

.article-33 img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/* Article 50% */

.article-50 {
    position: relative;
    float: left;
    margin: 12px 10px;
    padding: 26.7% 0 0 0;
    width: 48%;
    overflow: hidden;
}

.article-50 header {
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 4;
    padding: 0;
    width: 90%;
    height: 100%;
    background: none;
}

.article-50 h2 {
    position: absolute;
    bottom: 112px;
    color: #fff;
    font-size: 3.0em;
    line-height: 0.9em;
}
.article-50 h2:hover {
    color:#e2dfdf;
}

.article-50 a,
.article-33 a {
    display: block;
    width: 100%;
    height: 100%;
    /*color:#fff;
    font-size:1em;*/
}

.article-50 img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
/** Article Width 100% */

.article-100 {
    position: relative;
}

.article-100 header {
    position: relative;
    z-index: 99;
    padding: 0;
    width: 100%;
    height: 100%;
}

.article-33 footer,
.article-50 footer {
    position: absolute;
    left: 25px;
    bottom: 20px;
    z-index: 4;
    width: 90%;
    color: #fff;
    font-size: 0.875em;
}
/** Article Author Image */

.article-33 .author-image,
.article-50 .author-image,
.article-100 .author-image {
    display: inline-block;
    position: relative;
    width: 38px;
    height: 38px;
    overflow: hidden;
    text-align: center;
    background: url("images/img-author-bg.png") no-repeat;
}

.IE8 .author-image {
    background: url("images/img-author-bg-ie8.png");
}

.article-33 .author-image img,
.article-50 .author-image img,
.article-100 .author-image img {
    position: relative;
    left: 0;
    margin: 5px 0 0 0;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
}

.article-33 .author-location,
.article-50 .author-location,
.article-100 .author-location {
    position: absolute;
    top: 2px;
    left: 48px;
}

.article-33 .author-date {
    display: inline-block;
    position:relative!important;
    top:-5px;

}

.article-50 .author-date,
.article-100 .author-date {
    display: block;
}

.cpw-homepage-featured-articles .article-33 .author-date {
    display: block;
}
/** Article Category Tags **/

.article-33 .category,
.article-50 .category,
.article-100 .category {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 4;
    padding: 2px 12px;
    color: #fff;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.25em;
    text-transform: uppercase;
}

.article-33 .category.comparison,
.article-50 .category.comparison,
.article-100 .category.comparison {
    background: rgb(116, 165, 52);
}

.article-33 .category.feature,
.article-50 .category.feature,
.article-100 .category.feature {
    background: rgb(184, 61, 137);
}

.article-33 .category.video,
.article-50 .category.video,
.article-100 .category.video {
    background: rgb(252, 175, 23);
}

.article-33 .category.review,
.article-50 .category.review,
.article-100 .category.review {
    background: rgb(0, 140, 168);
}

.article-33 .category.news,
.article-50 .category.news,
.article-100 .category.news {
    background: rgb(0, 34, 80);
}

.article-33 .category.geek,
.article-50 .category.geek,
.article-100 .category.geek {
    background: rgb(255, 125, 41);
}

.article-33 .category.how,
.article-50 .category.how,
.article-100 .category.how {
    background: rgb(255, 125, 41);
}
/** Articles Overlay for the Images, the overlay applie a blue tint */

.article-33 .overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-33.png");
}

.article-50 .overlay {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-50.png");
}

.cpw-related-articles .article-33 .overlay {
    width: 100%;
    bottom: 0px;
}
/**
* #.# Homepage Marketing Banner
*
* Homepage Banner Full Width 100%
*/

.homepage-marketing-banner {
    margin-bottom: 12px;
}

.homepage-marketing-banner img {
    border: solid 8px #fff;
}

.homepage-marketing-banner .container {
    padding: 0;
}
/**
* #.# Homepage Magazine Articles
*
* Container for 2nd set of articles displayed on the homepage.
*/

.magazine-recent-articles {
    padding-bottom: 12px;
}

.magazine-recent-articles .container {
    padding: 0;
}
/**
* #.# Main content Styles
*
* Main Content General styles for all pages, includes formatting for text, structure etc..
*/

.maincontent {
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 1px;
}

.maincontent h1 {
    font-size: 2.5em;
    line-height: 0.8em;
}

.inner-page-title h1 {
    padding: 40px 0;
    color: rgba(0, 34, 80, .8);
}
/**
* #.# Breadcrumbs
*
* Breadcrumbs section for standard content pages only.
*/

.breadcrumbs {
    overflow: hidden;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.25em;
    text-transform: uppercase;
    background: #98B0B9;
    border-bottom: solid 1px #fff;
}

.breadcrumbs .wrap {
    padding: 0;
    background: #a6bac2;
}

.breadcrumbs a {
    display: inline-block;
    margin-right: -5px;
    padding: 11px;
    color: #e7ecee;
    vertical-align: middle;
}

.breadcrumbs .separtor {
    display: inline-block;
    padding-top: 5px;
    margin-right: -5px;
    width: 15px;
    height: 50px;
    vertical-align: middle;
}

.breadcrumbs .separtor-home {
    display: inline-block;
    margin-right: -5px;
    width: 36px;
    height: 50px;
    background: url("images/icons/ico-breadcrumb-home.gif") no-repeat;
    vertical-align: middle;
}

.breadcrumbs .separtor:before {
    content: "\f105";
    color: #98b0b9;
    font-size: 2em;
}

.breadcrumbs a.CMSBreadCrumbsLink.home {
    line-height: 0.8em;
    padding: 16px 11px;
    background: rgb(152, 176, 185);
}

.breadcrumbs a.CMSBreadCrumbsLink {
    line-height: 0.8em;
    background: rgb(166, 186, 194);
}

.breadcrumbs a.CMSBreadCrumbsCurrentItem,
.breadcrumbs span.CMSBreadCrumbsCurrentItem {
    display: inline-block;
    padding: 11px;
    color: #e7ecee;
    line-height: 0.8em;
    background: rgb(166, 186, 194);
}

.breadcrumbs .col-lg-16 {
    padding: 0;
    background: rgb(196, 209, 214);
}
/**
* #.# Standard Page Content
*
* General styles for content pages
*/

.page-content {
    margin-bottom: 30px;
}

.page-content h1 {
    padding: 65px 0;
    color: #334e75;
    text-align: center;
    font-size: 4.375em;
    line-height: 1.0em;
}

.page-content p {
    padding: 12px 0;
    line-height: 1.5em;
}

.page-content h2 {
     padding: 15px 0;
     font-size: 1.875em;
    color:#4F7C8D;
}

.page-content h3 {
    padding: 15px 0;
    color:#666;
     font-size: 1.5em;
}

.page-content h4 {
    padding: 15px 0;
    color:#4F7C8D;
    font-size: 1.2em;
}

.page-content table {
  margin: 20px 0;
  /* border: none; */
  width: 50%!important;
  clear: both;
  float:none;
}

.page-content table th {
    text-align:left!important;
    background:#002250;
    color:#fff;
}


.page-content ul {
    margin:20px;
}
.page-content ul li {
    list-style:circle;
}


/**
* #.# Inner Magazine Article & Two Column layout
*
* Article Styling for Inner Pages
*/

.cpw-2column {}

.cpw-2column .article-content,
.cpw-2column .sidebar {
    padding-top: 10px;
    color: #060606;
}

.cpw-2column .article-content .article-100 header {
    padding: 0 22px 0 22px;
    color: #fff;
    background: #002250;
}

.cpw-2column .article-content .article-100 header h1 {
    color: #fff;
    padding: 22px 0 15px 0;
}

.cpw-2column .article-content .article-100 .meta {
    margin: 0 0 10px 0;
    padding: 0 0 22px 12px;
    color: #fff;
    background: #002250;
}

.cpw-2column .article-content .article-100 .main-image {
    position: relative;
    overflow: hidden;
}

.cpw-2column .article-content .article-100 .main-image img {
    width: 100%;
}

.cpw-2column .article-content .article-100 .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-50.png") no-repeat;
}

.cpw-2column .article-content .author {
    font-size: 0.875em;
}

.cpw-2column .article-content .author .author-location,
.cpw-2column .article-content .author .author-date {
    left: 68px;
}

.cpw-2column .article-content .social-sharing {
    text-align: right;
}

.cpw-2column .article-social-sharing {
    padding: 55px 20px 125px 0;
    color: #060606;
    text-align: right;
}
/** Standard Styles of Various Elements within the article **/

.cpw-2column .article-content h2,
.cpw-2column .article-content h3,
.cpw-2column .article-content h4,
.cpw-2column .article-content h5 {
    padding: 0 0;
    color: rgb(79, 124, 141);
}

.cpw-2column .article-content h2 {
    font-size: 1.875em;
    /* 30px */
}

.cpw-2column .article-content h3 {
    font-size: 1.625em;
    /* 26px */
}

.cpw-2column .article-content h4 {
    font-size: 1.375em;
    /* 22px */
}

.cpw-2column .article-content h5 {
    font-size: 1.125em;
    /* 18px */
}

.cpw-2column .article-content p {
    padding: 15px 0;
}

.cpw-2column.magazine-content .article-content p {
    padding: 15px 20px;
}

.cpw-2column .article-content ul {
    margin: 0;
    padding: 15px 20px;
}

.cpw-2column .article-content ul li {
    padding: 0;
    list-style: disc;
}


/*.page-content ul {
    margin:20px;
}
.page-content ul li {
    list-style:circle;
}*/



.cpw-2column .article-content ul li span.fa {
    padding-right: 20px;
    color: #4f7c8d;
    font-size: 0.75em;
}

.cpw-2column .article-content ol {
    padding: 15px 40px 15px 40px;
}

.cpw-2column .article-content table {
    margin: 15px 0;
}

.cpw-2column .article-content a {
    color: rgb(0, 140, 167);
}
/**
* #.# Inner Magazine Sidebar
*
* styling for recent articles, related articles & related products
*/

.cpw-2column .sidebar h1 {
    margin: 0 0 12px 0;
    padding: 32px 0 32px 16px;
    font-size: 1.875em;
    background: #e7ecee;
}

.cpw-2column .sidebar article {
    margin: 12px 0;
}

.cpw-2column .sidebar-recent-articles .article-100 header {
    position: absolute;
    top: 0;
    left: 25px;
    z-index: 4;
    width: 80%;
    background: none;
}

.cpw-2column .sidebar-recent-articles .article-100 header h2 {
    position: absolute;
    bottom: 30%;
    color: #fff;
    font-size: 1.875em;
    line-height: 1.1em;
    color: #fff;
}

.cpw-2column .sidebar-recent-articles .article-100 footer {
    position: absolute;
    left: 25px;
    bottom: 20px;
    z-index: 4;
    width: 100%;
    color: #fff;
    font-size: 0.875em;
}

.cpw-2column .sidebar-recent-articles .article-100 img {
    width: 100%;
}

.cpw-2column .sidebar-recent-articles .article-100 .overlay {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(rgba(182, 205, 214, 0), rgba(56, 86, 121, 0.8));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgba(182, 205, 214, 0), rgba(56, 86, 121, 0.8));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgba(182, 205, 214, 0), rgba(56, 86, 121, 0.8));
    /*Fx 3.6-15*/

    background: linear-gradient(rgba(182, 205, 214, 0), rgba(56, 86, 121, 0.8));
    /*Standard*/
}
/** Sidebar Related Articles **/

.cpw-2column .sidebar-related-articles {
    padding-bottom: 12px;
}

.cpw-2column .sidebar-related-articles .wrap {
    padding: 20px 0;
    background: #e7ecee;
}

.cpw-2column .sidebar-related-articles article {
    margin: 0;
    padding: 17px 0 17px 48px;
    background: #e7ecee;
}

.cpw-2column .sidebar-related-articles article.last {
    padding-bottom: 0;
}

.cpw-2column .sidebar-related-articles header,
.cpw-2column .sidebar-related-articles footer {
    position: relative;
    width: 90%;
}

.cpw-2column .sidebar-related-articles article h2,
.cpw-2column .sidebar-related-articles article h2 a {
    position: relative;
    bottom: 0;
    color: #060606;
    font-size: 1em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.1em;
}

.cpw-2column .sidebar-related-articles article h2 a:hover {
    color: #002252;
}

.cpw-2column .sidebar-related-articles article span.fa {
    position: absolute;
    left: -10%;
    color: #9cb0b8;
    font-size: 1.3em;
}

.cpw-2column .sidebar-related-articles footer {
    padding-top: 5px;
    color: #4f7c8d;
    font-size: 0.875em;
}
/** Sidebar Related Products **/

.cpw-2column .sidebar-related-products {
    margin-bottom: 20px;
}

.cpw-2column .sidebar-related-products ul li {
    padding: 14px 0 14px 30px;
    background: #f2f8fa;
    border-bottom: solid 2px #fff;
}

.cpw-2column .sidebar-related-products ul li img {
    max-width: 20%;
}

.cpw-2column .sidebar-related-products ul li span.title {
    padding: 0 0 0 15px;
    color: #4f7c8d;
    font-size: 1.625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 74px;
}

.cpw-2column .sidebar-related-products span,
.cpw-2column .sidebar-related-articles span {
    padding: 20px;
}
/**
* #.# Promotion Page Content
*
* styles for section on a promotional page
*/

.promotion-content {
    padding: 50px 0;
    text-align: center;
}

.promotion-content.grey {
    background: #f6f6f7;
}

.promotion-content.top-section h1 {
    font-size: 2.625em;
    line-height: 1.1em;
}

.promotion-content.top-section h2 {
    padding-bottom: 40px;
    font-size: 2em;
    line-height: 1.1em;
    color: #4f7c8d;
}
/** Promtion Bundle Pricing and Buy Button */

.promotion-content .bundle-price-wrap {
    padding: 20px 46px 0 46px;
}

.promotion-content .bundle-pricing {
    padding: 11px 0 18px 0;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Standard*/

    border: solid 1px #e7ecee;
}

.IE8 .promotion-content .bundle-pricing,
.IE9 .promotion-content .bundle-pricing {
    background: #f7f7f7;
}

.promotion-content .bundle-pricing h3 {
    color: #4f7c8d;
    font-size: 1em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.promotion-content .bundle-pricing h4 {
    color: #0095af;
    font-size: 1.0625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}

.promotion-content .bundle-pricing span {
    color: #002250;
    font-size: 2.25em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 0.8em;
    padding-top: 16px;
    padding-bottom: 6px;
    display: block;
}

.promotion-content .bundle-btn a {
    display: block;
    margin: 8px auto 0 auto;
    padding: 15px 0 15px 0;
    width: 100%;
}

.promotion-content.top-section .bundle-btn.btn {
    margin: 8px 0 8px 0;
    padding: 0;
    width: 100%;
    font-size: 1.875em;
}

.promotion-content.top-section .bundle-btn.btn a {
    margin: 0;
}
/**
* #.# Promotion Page Middle Section
*
* styles for middle section
*/

.promotion-content.middle-section {
    padding: 50px 0 0 0;
}

.promotion-content.middle-section h1 {
    padding-bottom: 68px;
    color: #375276;
    font-size: 2.625em;
}

.promotion-content.middle-section .bundle-text,
.promotion-content.bottom-section .bundle-text {
    text-align: left;
}

.promotion-content.middle-section .bundle-text h2,
.promotion-content.bottom-section .bundle-text h1 {
    padding: 22px 0;
    color: #4f7c8d;
    font-size: 1.75em;
}

.promotion-content.middle-section .bundle-text p,
.promotion-content.bottom-section .bundle-text p {
    padding: 8px 0 30px 0;
    color: #060606;
    font-size: 1.0em;
}

.promotion-content.middle-section .bundle-text .bundle-btn.btn,
.promotion-content.bottom-section .bundle-text .bundle-btn.btn {
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 1.875em;
    min-width: 100px;
}

.promotion-content.middle-section .bundle-text .bundle-btn a,
.promotion-content.bottom-section .bundle-text .bundle-btn a {
    margin: 0;
    width: 200px;
    text-align: center;
}

.promotion-content.middle-section .image,
.promotion-content.bottom-section .image {
    text-align: left;
}
/**
* #.# Promotion Page Bottom Section
*
* styles for middle section
*/

.promotion-content.bottom-section {
    padding: 75px 0 0 0;
}

.promotion-content.bottom-section .bundle-text {
    padding-top: 45px;
}

.promotion-content.bottom-section .bundle-text h1 {
    font-size: 2em;
}

.promotion-content.bottom-section .bundle-text p {
    padding-bottom: 80px;
}

.promotion-content.bottom-section .bundle-text .bundle-btn a {
    margin: 0;
}

.promotion-content.bottom-section .bundle-text img {
    float: left;
    padding: 0 10px;
}
/**
* #.# Standard Page Help Section
*
* General styles for help page
*/

.cpw-why-choose-left,
.cpw-why-choose-right {
    margin: 20px 0 0 0;
}

.cpw-why-choose-left h3,
.cpw-why-choose-right h3 {
    padding: 3px 0 0 0;
    font-size: 1.75em;
}

.cpw-why-choose-left p,
.cpw-why-choose-right p,
.cpw-core-options p {
    padding: 22px 0;
    color: #060606;
    line-height: 1.7em;
}

.cpw-why-choose-left a,
.cpw-why-choose-right a,
.cpw-core-options a {
    color: #008ca7;
}
/** Indiviual Style for each help item */

.cpw-why-item {
    float: left;
    width: 100%;
    margin: 0 0 70px 0;
}

.cpw-why-item .image,
.cpw-core-options .image {
    padding-left: 0;
    text-align: center;
}
/**
* #.# CPW Awards
*
* awards section
*/

.cpw-awards {
    padding: 52px 0 105px 0;
    text-align: center;
    background: rgb(231, 236, 238);
}

.cpw-awards h1 {
    padding-top: 0;
    padding-bottom: 55px;
    color: #002252;
    font-size: 1.875em;
    line-height: 1em;
}

.cpw-awards img {
    padding: 0 12px;
}
/**
* #.# CPW Core Options
*
* core options, CPW main call to action areas
*/

.cpw-core-options {
    padding: 62px 0 44px 0;
}

.cpw-core-options h3 {
    padding: 3px 0 0 0;
    color: #4f7c8d;
    font-size: 1.75em;
}

.cpw-core-options .core-option {
    float: left;
    width: 100%;
    min-height: 153px;
}
/**
* #.# CPW More News & Related Articles from Magazine
*
* Selected articles showing extra news articles
*/

.cpw-more-news {
    padding: 50px 0 50px 0;
    background: rgb(231, 236, 238);
}

.cpw-related-articles {
    padding: 50px 0 50px 0;
    background: rgb(255, 255, 255);
}

.cpw-related-articles.grey {
    background: rgb(231, 236, 238);
}

.cpw-more-news article h2,
.cpw-related-articles article h2 {
    padding: 0;
    color: #fff;
    font-size: 1.875em;
    text-align: left;
}

.cpw-more-news h2,
.cpw-related-articles h2 {
    padding-left: 10px;
    color: #002252;
    font-size: 1.875em;
    font-family: 'cpw_tradebold';
    text-transform: uppercase;
}

.cpw-related-articles .button {
    margin:20px 0 0 0;
}
/* news article */

.cpw-more-news .article-33,
.cpw-related-articles .article-33 {
    margin: 45px 10px 0 10px;
}

.cpw-more-news .view-more,
.cpw-related-articles .view-more {
    display: block;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    width: 18.5%;
    font-weight: 400;
}

.not-found {
    padding: 20px 10px;
    margin: 20px 10px;
    background: none;
}



.cpw-related-articles.grey .article-33 .author-date {
    padding-left:8px;
}



/**
* #.# Phones List Page
*
* Phone List Page, with all phones, and tool for comparison etc...
*/

.cpw-phones-list-wrapper {
    min-height: 900px;
}

.cpw-phones-list-wrapper .title h1 {
    display: inline-block;
    margin: 0 30px 0 0;
    padding: 6px 0 0 0;
}

.cpw-phones-list-wrapper .title .selectboxit-container .selectboxit {
    width: 180px!important;
}

.cpw-phones-options {
    margin: 36px auto 45px auto;
    padding: 0;
}

.cpw-phones-options .ProductFilter {
    float: right;
}

.cpw-phones-options .ProductFilter label {
    display: none;
}

.cpw-phones-options .ProductFilter .btn {
    font-size: 0.875em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-weight: 400;
    text-align: left;
    background: #0095af;
}

.cpw-phones-options .ProductFilter .btn:hover {
    color: #fff;
    background: #10a8c2;
}
/** Phone List Wrapper */

.cpw-phones-list {
    margin: 0 auto 40px auto;
    padding: 0;
}

.cpw-phones-list .phone-preview {
    margin: 30px 0;
    text-align: center;
    font-weight: 400;
}
/** Phone Image **/

.cpw-phones-list .phone-image-wrapper {
    margin: 0 0 3px 0;
    padding: 0;
    border: solid 1px #eef2f3;
}

.cpw-phones-list.cpw-accessories-list .phone-image-wrapper {
    margin: 0 0 3px 0;
    padding: 0;
    border: solid 1px #eef2f3;
    background: none;
}

.cpw-phones-list .phone-image-wrapper img {
    margin: 16px 0;
    max-height: 300px;
}

.cpw-phones-list .phone-image-wrapper h2 {
    margin: 0 0 18px 0;
    color: #000;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}
/** Add to Comparison Tool **/

.cpw-phones-list .phone-preview .add-to-compare {
    float: right;
    padding: 6px 16px 6px 16px;
    width: 155px;
    color: #060606;
    text-align: left;
    background: #dde3e4;
}

.cpw-phones-list .phone-preview .add-to-compare.added-compare {
    color: #fff;
    background: #74a534;
}

.cpw-phones-list .phone-preview .add-to-compare .fa {
    margin: 0 12px 0 0;
    color: #fff;
    font-size: 1.2em;
}

.cpw-phones-list .phone-preview .add-to-compare label {
    margin: 0;
    font-size: 0.75em;
    font-weight: 400;
    text-transform: uppercase;
}

.cpw-phones-list .phone-preview .add-to-compare input {
    position: relative;
    top: 4px;
    right: -12px;
    width: 18px;
    height: 18px;
    margin: 0;
}

.cpw-phones-list .phone-preview .add-to-compare .picker {
    position: absolute;
    top: 10px;
    right: 10px;
    margin: 0;
}

.cpw-phones-list .phone-preview .add-to-compare .picker .picker-handle {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    -moz-box-shadow: inset 0 0 6px #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
    box-shadow: inset 0 0 6px #dedede;
    background: #fff;
}

.cpw-phones-list .phone-preview .add-to-compare .picker.picker-checkbox .picker-flag {
    padding: 0;
    border-radius: 3px;
}

.cpw-phones-list .phone-preview .add-to-compare .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em!important;
    padding-left: 2px;
    color: #000;
    top: 3px;
    position: absolute;
}


.indicator {
    width:80px;
    height:80px;
    position: absolute;
    top: 40px;
    left: 40px;
    z-index: 10;
    background:url("images/badges/badges-sprite.png") no-repeat;
}
.phone-images-wrap .indicator {
  left: 110px;
  top: 20px;
}
.phone-img-wrap .indicator {
    top:0;
    left:10px
}
.plan-overview .indicator {
    top:-40px;
    left:-40px;
}
.indicator .offer-inner {
    display: table-cell;
    vertical-align: middle;
    font-family: 'cpw_tradebold';
    text-transform:uppercase;
    font-size: 1.1em!important;
    line-height: 1.2em;
    font-weight:400;
    width:80px;
    height:80px;
    text-align:center;
    letter-spacing:0.03em;
    color:#fff;
}
.indicator.offer {
    background-position:0 0;
}
.indicator.Blue {
    background-position:0 0;
}
.indicator.BlueGrey {
    background-position:-80px 0;
}
.indicator.DarkBlue {
    background-position:-160px 0;
}
.indicator.LightBlue {
    background-position:-240px 0;
}
.indicator.MidBlue  {
    background-position:0 -80px;
}
.indicator.MidGreen  {
      background-position: -80px -80px;
}
.indicator.Orange  {
     background-position: -160px -80px;
}
.indicator.Pink  {
   background-position: -240px -80px;
}
.indicator.Purple {
    background-position:0 -160px;
}
.indicator.Red {
    background-position: -80px -160px;
}





/** Phone & Plan Prices **/

.cpw-phones-list .phone-and-plan,
.phone-best-price .phone-and-plan,
.plan-best-price .phone-and-plan,
.cpw-plan-detail-page .plan-overview .phone-and-plan {
    margin: 0 2px 0 0;
    padding: 0;
    width: 49%;
    text-align: center;
    border: solid 1px #eef2f3;
}

.cpw-phones-list .phone-only,
.phone-best-price .phone-only,
.plan-best-price .phone-only,
.cpw-plan-detail-page .plan-overview .phone-only {
    margin: 0 0 0 1px;
    padding: 0;
    width: 49%;
    text-align: center;
    float: right;
    border: solid 1px #eef2f3;
}

.cpw-phones-list .phone-and-plan .inner-wrap,
.cpw-phones-list .phone-only .inner-wrap,
.phone-best-price .phone-and-plan .inner-wrap,
.phone-best-price .phone-only .inner-wrap {
    margin: 1px;
    min-height: 76px;
    background: #f8f8f8;
}

.cpw-plan-detail-page .phone-best-price .phone-and-plan h3,
.cpw-plan-detail-page .phone-best-price .phone-only h3 {
    margin: 0;
    padding: 0;
}

.cpw-plan-detail-page .phone-best-price .phone-and-plan .inner-wrap,
.cpw-plan-detail-page .phone-best-price .phone-only .inner-wrap,
{
    padding: 18px 0;
    min-height: 1px;
    background: #f8f8f8;
}

.cpw-phones-list .phone-and-plan .inner-wrap:hover,
.cpw-phones-list .phone-only .inner-wrap:hover,
.phone-best-price .phone-and-plan .inner-wrap:hover,
.phone-best-price .phone-only .inner-wrap:hover {
    cursor: pointer;
    background-color: #e7ecee;
    background: -webkit-linear-gradient(rgba(231, 236, 238, 1), rgba(196, 209, 214, 1));
    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(rgba(231, 236, 238, 1), rgba(196, 209, 214, 1));
    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(rgba(231, 236, 238, 1), rgba(196, 209, 214, 1));
    /* For Firefox 3.6 to 15 */

    background: linear-gradient(to rgba(231, 236, 238, 1), rgba(196, 209, 214, 1));
    /* Standard syntax */
}

.cpw-phones-list .phone-and-plan h3,
.cpw-phones-list .phone-only h3,
.phone-best-price .phone-and-plan h3,
.phone-best-price .phone-only h3 {
    padding: 7px 0 0 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.75em;
}

.cpw-phones-list .phone-and-plan .price,
.cpw-phones-list .phone-only .price,
.phone-best-price .phone-and-plan .price,
.phone-best-price .phone-only .price {
    display: block;
    margin: 10px 0 0 0;
    color: #002250!important;
    font-family: 'cpw_tradebold'!important;
    font-size: 1.75em!important;
    line-height: 0.8em;
}

.cpw-phones-list .phone-and-plan .price-per-month,
.phone-best-price .phone-and-plan .price-per-month
{
    display: block;
    margin: 4px 0 0 0;
    color: #0095af!important;
    font-family: 'cpw_tradebold'!important;
    text-transform: uppercase!important;
    font-size: 0.8125em;
}





/**
* #.# All Products List Page
*
* All Products Styles
*/

.cpw-phones-list .phone-image-wrapper .stock.available,
.cpw-phones-list .phone-image-wrapper .stock.unavailable {
    float: right;
    padding: 6px 16px 6px 16px;
    width: 120px;
    color: #fff;
    text-align: center;
    background: #dde3e4;
}

.cpw-phones-list .phone-image-wrapper .stock.available {
    color: rgb(116, 165, 52);
    font-weight: 400;
}

.cpw-phones-list .phone-image-wrapper .stock.unavailable {
    color: #ef2348;
    font-weight: 400;
}

.cpw-phones-list .phone-image-wrapper .AddToCartContainer,
.StockContainer .StockLabel {
    display: none;
}

.cpw-phones-list .product-pricing {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border: solid 1px #eef2f3;
}

.cpw-phones-list .product-pricing .inner-wrap {
    margin: 1px;
    padding: 10px 0;
    background: #f8f8f8;
}

.cpw-phones-list .product-pricing h3 {
    padding: 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.75em;
}

.cpw-phones-list .product-pricing .price {
    display: block;
    margin: 10px 0 0 0;
    color: #002250;
    font-family: 'cpw_tradebold';
    font-size: 1.75em;
    font-weight: 700;
    line-height: 0.8em;
}

.cpw-accessories-list .product-pricing .was.price {
    display: inline-block;
    margin: 10px 0 0 0;
    color: #ebecf0;
    font-family: 'cpw_tradebold';
    font-size: 1.75em;
    font-weight: 700;
    line-height: 0.8em;
    text-decoration: line-through;
}

.cpw-accessories-list .product-pricing .price {
    display: inline-block;
    margin: 10px 0 0 0;
    color: #002250;
    font-family: 'cpw_tradebold';
    font-size: 1.75em;
    font-weight: 700;
    line-height: 0.8em;
}

.cpw-phone-details .full-description p {
    padding: 10px 0;
    font-size: 1em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
}

.cpw-phone-details .product-pricing {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border: solid 1px #eef2f3;
}

.cpw-phone-details .product-pricing .inner-wrap {
    margin: 1px;
    padding: 10px 0;
    background: #f8f8f8;
}

.cpw-phone-details .product-pricing .price {
    display: block;
    margin: 10px 0 0 0;
    color: #002250;
    font-family: 'cpw_tradebold';
    font-size: 1.75em;
    font-weight: 700;
    line-height: 0.8em;
}

.cpw-phone-details .product-pricing h3 {
    padding: 7px 0 0 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}

.cpw-phone-details .product-pricing .was.price {
    color: #666!important;
    margin-right: 5px;
    font-weight: 500;
    font-size: 1.4em!important;
    display: inline-block;
    text-decoration: line-through;
    font-family: 'cpw_tradebold'!important;
}

.cpw-phone-details .product-pricing .now.price {
    display: inline-block;
    margin: 10px 0 0 0;
    color: #002250!important;
    font-family: 'cpw_tradebold'!important;
    font-size: 1.75em!important;
    font-weight: 700;
    line-height: 0.8em;
}


.cpw-phone-details .StockContainer {
    position: absolute;
    top: 0;
    left: -135px;
}

.cpw-accessories .stock.available {
    color: rgb(116, 165, 52)!important;
    font-weight: 400;
    font-size: 1em!important;
}

.cpw-accessories .stock.unavailable {
    color: #ef2348!important;
    font-weight: 400!important;
    font-size: 1em!important;
}

.cpw-accessories .stock.available,
.cpw-accessories .stock.unavailable {
    float: right;
    padding: 6px 16px 6px 16px;
    width: 120px;
    color: #fff;
    text-align: center;
    background: #dde3e4;
}




/**
* #.# Phones Detail Page
*
* Phone Detail Page, with all information on the phone
*/

.cpw-phone-details {
    padding-top: 20px;
}

.cpw-phone-details h2 {
    padding: 16px 0;
    color: #4f7c8d;
    font-size: 1.75em;
}
/** Phone Images & Colours **/

.cpw-phone-details .phone-images-wrap {
    padding: 25px 0 25px 20px;
    border: solid 1px #eef2f3;
    overflow: hidden;
}

.cpw-accessories .phone-images-wrap {
    text-align: center;
}
/** Ajax Loader **/

.cpw-phone-details .loader {
    position: absolute;
    top: 30px;
    right: 80px;
    width: 240px;
    height: 460px;
    /* This should be set to be at least the height of the largest image in the slideshow */

    background-image: url('images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
}
/** Slideshow Placeholder **/

.cpw-phone-details .slideshow {
    min-height: 460px;
}

.cpw-phone-details .slideshow span.image-wrapper {
    display: block;
    position: absolute;
    top: 30px;
    right: 80px;
    width: 60%;
    background: #fff;
}



.cpw-accessories .phone-images-wrap img {
    margin-left:30px;
    margin-top:10px;
}


.cpw-phone-details .slideshow a.advance-link {
    display: block;
    width: 100%;
    height: 460px;
    /* This should be set to be at least the height of the largest image in the slideshow */

    text-align: center;
    color: #fff;
}

.cpw-phone-details .slideshow a.advance-link:hover,
.cpw-phone-details .slideshow a.advance-link:active,
.cpw-phone-details .slideshow a.advance-link:visited {
    text-decoration: none;
}

.cpw-phone-details .slideshow img {
    vertical-align: middle;
}
/** Thumbnails **/

.cpw-phone-details .navigation {
    position: absolute;
    top: 30px;
    left: 40px;
}

.cpw-phone-details ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
}

.cpw-phone-details ul.thumbs li {
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.cpw-phone-details ul.thumbs li img {
    border: none;
    display: block;
    /*width: 40px;*/

    height: 80px;
    margin: 10px 0;
}

.cpw-phone-details ul.thumbs li a.thumb {
    padding: 0;
    display: inline-block;
    border: none;
}
/** Previous and Next Buttons **/

.cpw-phone-details .nav-controls .prev {
    position: absolute;
    left: 20px;
}

.cpw-phone-details .nav-controls .next {
    position: absolute;
    right: 20px;
}

.cpw-phone-details .nav-controls .fa {
    font-size: 1.8em;
    color: #008ca8;
}
/** Hide Play Button **/

.cpw-phone-details .ss-controls {
    display: none;
}
/** Phone Colour Options **/

.cpw-phone-details .available-colours-wrap {
    margin: 8px 0 0 0;
    text-align: center;
}

.cpw-phone-details .available-colours-wrap h3 {
    padding: 11px 0;
    color: #4f7c8d;
    font-size: 1.5em;
}

.cpw-phone-details .available-colours-wrap .coloursWrap {
    margin-top: -10px;
}

.cpw-phone-details .available-colours-wrap .coloursWrap div {
    display: inline-block;
    width: 44px;
    height: 44px;
    border: solid 2px #fff;
}

.cpw-phone-details .available-colours-wrap .coloursWrap div.active {
    display: inline-block;
    border: solid 2px #00add1;
}

.cpw-phone-details .coloursWrap .active .caret {
    display: block;
    position: absolute;
    bottom: -16px;
    left: 0;
    z-index: 2;
    width: 35px;
    height: 21px;
    background: url("images/ico-active-colour.png") no-repeat;
    border: 0;
}

.cpw-phone-details .coloursWrap div {
    position: relative;
}

.cpw-phone-details .coloursWrap div .caret {
    display: none;
}

.colour {
    display: block;
    width: 40px;
    height: 40px;
    font-size: 0;
    border: solid 2px #fff;
}


/*** CPW Phone Colours ***/














.colour.black,
.colour.Black {
    background: #000;
}
.colour.blue,
.colour.Blue {
    background: #008da8;
}
.colour.brown,
.colour.Brown {
    background: #421010;
    border: solid 2px #fff;
}
.colour.copper,
.colour.Copper {
    background: #CB6D51;
    border: solid 2px #fff;
}
.colour.darkblue,
.colour.Darkblue {
    background: #000066;
    border: solid 2px #fff;
}
.colour.gold,
.colour.Gold {
    background: #E6BE8A;
}
.colour.green,
.colour.Green {
    background: #aac94a;
}
.colour.grey,
.colour.Grey {
    background: #d9d6d6;
    border: solid 2px #fff;
}
.colour.lightblue,
.colour.Lightblue {
    background: #add8e6;
    border: solid 2px #fff;
}
.colour.orange,
.colour.Orange {
    background: #f47320;
}
.colour.pink,
.colour.Pink {
    background: #f41a9f;
}
.colour.purple,
.colour.Purple {
    background: #800080;
    border: solid 2px #fff;
}
.colour.red,
.colour.Red {
    background: #ff0000;
    border: solid 2px #fff;
}
.colour.silver,
.colour.Silver {
    background: #c0c0c0;
    border: solid 2px #fff;
}
.colour.white,
.colour.White {
    background: #fff;
    border: solid 1px #ccc;
}
.colour.yellow,
.colour.Yellow {
    background: #f3ef1f;
}

.colour.rose-gold,
.colour.Rose-gold {
    background: #d4a9a3;
}


/*** CPW Phone Colours : active colour ***/
.colour.black.active,
.colour.blue.active,
.colour.brown.active,
.colour.copper.active,
.colour.darkblue.active,
.colour.gold.active,
.colour.green.active,
.colour.grey.active,
.colour.lightblue.active,
.colour.orange.active,
.colour.pink.active,
.colour.purple.active,
.colour.red.active,
.colour.silver.active,
.colour.white.active,
.colour.yellow.active {
    border: solid 2px #00add1;
}

.colour.Black.active,
.colour.Blue.active,
.colour.Brown.active,
.colour.Copper.active,
.colour.Darkblue.active,
.colour.Gold.active,
.colour.Green.active,
.colour.Grey.active,
.colour.Lightblue.active,
.colour.Orange.active,
.colour.Pink.active,
.colour.Purple.active,
.colour.red.active,
.colour.Silver.active,
.colour.White.active,
.colour.Yellow.active {
    border: solid 2px #00add1;
}


/** Phone Available Networks **/

.cpw-phone-details .networks {
    position: relative;
    margin: 10px auto 0 auto;
    padding: 6px 0 13px 0;
    width: 220px;
    border: solid 1px #e1e6e8;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(rgb(254, 254, 254), rgb(245, 245, 245));
    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradient(rgb(254, 254, 254), rgb(245, 245, 245));
    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(rgb(254, 254, 254), rgb(245, 245, 245));
    /* For Firefox 3.6 to 15 */

    background: linear-gradient(to rgb(254, 254, 254), rgb(245, 245, 245));
    /* Standard syntax */
}

.IE8 .cpw-phone-details .networks {
    background: url("images/img-networks-ie8.gif") repeat-x;
}

.cpw-phone-details .networks h4 {
    padding: 11px 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-size: 0.875em;
}

.cpw-phone-details .networks .table-wrap {
    display: table;
    margin: 0 auto;
}

.cpw-phone-details .networks ul {
    overflow: hidden;
    margin: 0 12px;
}

.cpw-phone-details .networks ul li {
    width: 60px;
    float: left;
    margin: 2px;
    background: #fff;
}

.cpw-phone-details .networks img {
    display: block;
    border-top: solid 1px #e8ecef;
    border-left: solid 1px #e8ecef;
    border-right: solid 1px #e8ecef;
}

.cpw-phone-details .networks span {
    display: block;
    padding: 4px 0 1px 0;
    color: #fff!important;
    font-size: 0.5em!important;
    text-transform: uppercase;
}

.cpw-phone-details .networks .outofstock {
    background: #f45720;
}

.cpw-phone-details .networks .instock {
    background: #74a534;
}

.cpw-phone-details .phone-information .networks span {
    color: #fff!important;
    font-size: 0.5em!important;
}
/** Phone Content **/

.cpw-phone-details .phone-information {}

.cpw-phone-details .phone-information h1 {
    margin: -5px 0 10px 0;
    font-size: 3em;
    line-height: 1em;
}

.cpw-phone-details .phone-information,
.cpw-phone-details .phone-information p,
.cpw-phone-details .phone-information p span,
.cpw-phone-details .phone-information span {
    padding-bottom: 10px!important;
    color: #888c8e!important;
    font-size: 14px!important;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif!important;
}

.cpw-phone-details .phone-information br,
.cpw-phone-details .phone-information ul {
    display: none;
}

.cpw-phone-details .read-link-anchor {
    padding-right: 10px;
    text-align: right;
}

.cpw-phone-details .read-link-anchor a {
    color: #008ca8;
    font-size: 0.75em;
    text-transform: uppercase;
    text-decoration: underline;
}
/** Phone Main Features **/

.cpw-phone-details .main-features {
    padding: 0 0 3px 0;
}

.cpw-phone-details .main-features ul,
.cpw-comparison-page .main-features ul {
    display: block;
    margin-bottom: 20px;
}

.cpw-phone-details .main-features ul li,
.cpw-comparison-page .main-features ul li {
    margin: 2px 0;
    padding: 0 0 0 14px!important;
    height: 35px;
    line-height: 35px!important;
    color: #060606!important;
    background-color: #c4d1d6;
    background: -webkit-linear-gradient(rgba(245, 245, 245, 1), rgba(255, 255, 255, 1));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgba(245, 245, 245, 1), rgba(255, 255, 255, 1));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgba(245, 245, 245, 1), rgba(255, 255, 255, 1));
    /*Fx 3.6-15*/

    background: linear-gradient(rgba(245, 245, 245, 1), rgba(255, 255, 255, 1));
    /*Standard*/
}

.cpw-phone-details .main-features ul li span,
.cpw-comparison-page .main-features ul li span {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif!important;
    color: #060606!important;
}

.IE8 .cpw-phone-details .main-features ul li,
.IE8 .cpw-comparison-page .main-features ul li,
.IE9 .cpw-phone-details .main-features ul li,
.IE9 .cpw-comparison-page .main-features ul li {
    background: url("images/img-main-features-ie8.gif") repeat-x;
}

.cpw-comparison-page .main-features ul li {
    margin: 1px 0;
    padding: 0 0 0 10px;
    border-top: 1px solid #ecf0f1;
    border-bottom: 1px solid #ecf0f1;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.cpw-phone-details .main-features a,
.cpw-comparison-page .main-features a {
    display: inline-block;
    margin-right: 10px;
    color: #008ca8;
    font-size: 0.9em;
    text-align: right;
    text-transform: uppercase;
    /* text-decoration: underline; */

    float: right;
    border-bottom: solid 1px #008ca8;
    line-height: 0.8em;
    padding-bottom: 2px!important;
}

.cpw-phone-details .main-features a:hover,
.cpw-comparison-page .main-features a:hover {
    color: #060606;
    border-bottom: solid 1px transparent;
}

.cpw-comparison-page .main-features a {
    padding: 0;
}
/** Phone Price Types */

.cpw-phone-details .phone-best-price .phone-and-plan .inner-wrap,
.cpw-phone-details .phone-best-price .phone-only .inner-wrap {
    min-height: 107px;
}

.cpw-phone-details .phone-best-price .phone-and-plan h3,
.cpw-phone-details .phone-best-price .phone-only h3 {
    font-size: 1em;
}

.cpw-phone-details .phone-best-price .phone-and-plan .price,
.cpw-phone-details .phone-best-price .phone-only .price {
    font-size: 2.25em;
}

.cpw-phone-details .phone-best-price .phone-and-plan .price-per-month {
    font-size: 1.06em;
}

.cpw-phone-details .all-price-plans a {
    display: block;
    margin: 10px 0 0 0;
    width: 100%;
    font-weight: normal;
}

.cpw-phone-details .reserve-collect {
    text-align: center;
}

.cpw-phone-details .reserve-collect h4 {
    padding: 10px 0;
    font-size: 20px;
}
/**
* #.# Phone Page - Phone Special Offer
*
* Special Offers Banner
*/

.cpw-phone-details .special-offer-banner {
    margin: 18px 0 7px 0;
}

.cpw-phone-details .special-offer-banner img {
    padding: 9px;
    border: solid 1px #eff2f4;
}
/**
* #.# Phone Page - Full Feature List
*
* List of Icons for Features
*/

.cpw-comparison-page .full-feature-list {
    float: none;
    padding: 0;
}

.full-feature-list h2 {
    padding: 25px 0 25px 25px;
}

.full-feature-list .feature-group {
    background: #fff;
    border-bottom: solid 1px #dee1e2;
}

.full-feature-list .feature-group:last-child {
    border: 0;
}

.full-feature-list .panel-collapse {
    padding: 0 80px;
}

.full-feature-list .feature-content .row:first-child {
    margin-top: 30px;
    border: solid 0px #dee1e2;
}

.full-feature-list .feature-content .row:last-child {
    margin-bottom: 30px;
}

.full-feature-list .panel-group {
    margin: 0 0 20px 0;
    /* margin added as review doesnt appear*/

    border: solid 1px #dee1e2;
}

.full-feature-list .feature-heading {
    position: relative;
    margin: 0;
    padding: 0;
    background: #fff;
    border-radius: 0;
}

.full-feature-list .feature-heading a.collapsed {
    display: block;
    padding: 18px 26px 18px 0;
    font-family: cpw_tradebold, arial narrow;
    color: #4f7c8d;
    font-size: 1.5em;
    text-transform: uppercase;
    border-bottom: 0;
    background: #fff url("images/bg-phone-features.gif") repeat-y -8px 0;
}

.full-feature-list .feature-heading a {
    display: block;
    padding: 18px 26px 18px 0;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.5em;
    color: #00234f;
    border-bottom: solid 1px #dee1e2;
    background: #f5f5f5 url("images/bg-phone-features.gif") repeat-y -4px 0;
}

.full-feature-list .feature-heading a:hover {
    display: block;
    padding: 18px 26px 18px 0;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.5em;
    color: #00234f;
    background: #f5f5f5 url("images/bg-phone-features.gif") repeat-y -4px 0;
}

.full-feature-list .feature-heading a:hover .fa {
    color: #4f7c8d;
}

.full-feature-list .feature-heading a .fa {
    font-size: 1.4em;
    float: right;
    color: #4f7c8d;
}
/** Show Hide Arrow Icons **/

.full-feature-list .feature-heading a.collapsed .fa-arrow-circle-up {
    display: none;
}

.full-feature-list .feature-heading a .fa-arrow-circle-down {
    display: none;
}

.full-feature-list .feature-heading a.collapsed .fa-arrow-circle-down {
    display: block;
}
/** General Style of Content Sections */

.full-feature-list .feature-content {}

.full-feature-list .feature-content h2,
.full-feature-list .feature-content h3,
.full-feature-list .feature-content h4 {
    padding: 10px 0;
    color: #4f7c8d;
}

.full-feature-list .feature-content h3 {
    font-size: 1.625em;
    /* 26px */
}

.full-feature-list .feature-content h4 {
    font-size: 1.375em;
    /* 22px */
}

.full-feature-list .feature-content p {
    padding: 15px 0;
}

.full-feature-list .feature-content ul {
    margin: 0;
    padding: 15px 0;
}

.full-feature-list .feature-content ul li {
    padding: 0;
}

.full-feature-list .feature-content ol {
    padding: 15px 40px 15px 20px;
}

.full-feature-list .feature-content .row {
    padding: 15px 10px;
    border-top: solid 1px #e1e1e1;
}

.full-feature-list .feature-content .row .itemKey,
.full-feature-list .feature-content .row .itemValue {
    float: left;
    width: 50%;
    color: #4f7c8d;
    font-size: 15px;
}

.full-feature-list .feature-content .row .itemKey {
    width: 50%;
    font-family: "ff-dagny-web-pro-n7", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 700;
}

.cpw-comparison-page .full-feature-list .panel-collapse {
    padding: 20px 50px;
    background: #fff;
}
/**
* #.# Phone Page - Loading Panel
*
* Loading Panel appears when there is a delay picking a phone.
*/

#loading-pnl {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50%;
    width: 100%;
    height: 100%;
    color: #666;
    font-size: 3.625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: center;
    background: rgba(255, 255, 255, 0.7);
    z-index:9999;
}
/**
* #.# Phone Page - Phone Feature Icons
*
* List of Icons for Features
*/

.icon {
    display: block;
    float: left;
    position: relative;
    top: 2px;
    margin: 0 15px 0 0;
    width: 25px;
    height: 28px;
    background: url("images/icons/ico-features-sprite.gif") no-repeat;
}

.cpw-comparison-page .full-feature-list .icon {
    margin: 0 15px;
}

.display {
    background-position: 0 0;
}

.battery,
.batterylife {
    background-position: 1px -28px;
}

.dimensions {
    background-position: 0 -56px;
}

.camera {
    background-position: 1px -84px;
}

.operatingsystem {
    background-position: 0 -112px;
}

.storage {
    background-position: 0 -140px;
}

.cpu,
.configuration {
    background-position: 0 -168px;
}

.memory {
    background-position: 0 -196px;
}

.connectivity {
    background-position: 0 -224px;
}

.otherfeatures {
    background-position: 0 -252px;
}

.cpw-phone-details .full-feature-list .icon {
    margin: 0 32px 0 19px;
}

.full-feature-list .feature-heading a .fa.fa-file-text,
.full-feature-list .feature-heading a .fa.fa-phone-square,
.full-feature-list .feature-heading a .fa.fa-comments,
.full-feature-list .feature-heading a .fa.fa-globe,
.full-feature-list .feature-heading a .fa.fa-cloud,
.full-feature-list .feature-heading a .fa.fa-plus,
.full-feature-list .feature-heading a .fa.fa-external-link,
.full-feature-list .feature-heading a .fa.fa-sign-in {
    float: left;
    padding: 5px 24px 0 24px;
    color: #002252;
    font-size: 1em;
}

.full-feature-list .feature-heading .what-this {
    position: absolute;
    top: 25px;
    padding-left: 135px;
    width: auto;
    height: 19px;
    color: #008da8;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    text-transform: uppercase;
    background: none;
}

.full-feature-list .feature-heading button.help {
    padding: 0 0 0 5px;
    height: 19px;
    font-size: 0.5em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    background: none;
    text-transform: uppercase;
    display: inline-block;
    border: 0;
    vertical-align: top;
}

.full-feature-list .feature-heading .what-this .fa {
    color: #008da8;
    font-size: 0.8em;
    float: left;
}

.full-feature-list .feature-heading .tooltip .tooltip-inner {
    text-transform: capitalize;
    min-width: 150px;
    background: #008da8;
}

.full-feature-list .feature-heading .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100)
}

.full-feature-list .feature-heading .tooltip.right .tooltip-arrow,
.full-feature-list .feature-heading .tooltip .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #008da8;
}
/**
* #.# Phone Page - Phone Review
*
* Single Article which Review of a Phone
*/

.cpw-phone-details .phone-review {
    margin: 26px 0;
}

.cpw-phone-details .phone-review article {
    padding-top: 29%;
    overflow: hidden;
}

.cpw-phone-details article h2 {
    bottom: 0;
    z-index: 99;
    font-size: 3em;
    padding: 0 24px;
    color: #fff;
}

.cpw-phone-details article h2.mobile-link {
    display: none;
}

.cpw-comparison-page article h2 {
    bottom: 30px;
    font-size: 1.9375em;
}

.cpw-phone-details article h2 {
    font-size: 1em;
}

.cpw-phone-details article h2 {
    color: #c4d1d6;
}

.cpw-phone-details article p {
    position: absolute;
    bottom: 100px;
    left: 0;
    z-index: 4;
    padding: 0 24px;
    width: 100%;
    color: #fff;
    font-size: 1.2em;
}

.cpw-comparison-page article p {
    bottom: 90px;
    font-size: 1em;
}

.cpw-phone-details article img.teaser {
    position: absolute;
    width: 100%;
    max-width: 10000px;
    height: auto;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    z-index: 1;
}

.cpw-phone-details article .overlay {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(rgba(84, 112, 141, 0), rgba(13, 46, 89, 1));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgba(84, 112, 141, 0), rgba(13, 46, 89, 1));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgba(84, 112, 141, 0), rgba(13, 46, 89, 1));
    /*Fx 3.6-15*/

    background: linear-gradient(rgba(84, 112, 141, 0), rgba(13, 46, 89, 1));
    /*Standard*/
}

.cpw-phone-details article footer {
    float: right;
    bottom: 40px;
    right: 20px;
    width: 35%;
    color: #fff;
    font-size: 0.875em;
    background: none;
}

.cpw-phone-details article footer .author-date {
    position: relative;
    top: 0;
    left: 0;
}
/**
* #.# Refine Compare Tools
*
* Refine Search Options (Advanced Search) & Comparison Tool
*/

.cpw-phones-options .title.col-md-8 {
    padding: 0 0 0 10px;
    width: 38%;
}

.sortby {
    float: left;
}

.sortby .selectboxit-container .selectboxit {
    min-width: 180px;
}

.refine-compare-tools {
    color: #fff;
    text-align: right;
    float: right;
}

.refine-compare-tools #refine-tool-btn,
.refine-compare-tools #comparetoolbtn,
.refine-compare-tools #refinePP-tool-btn,
.refine-compare-tools #comparetoolPPbtn {
    width: 140px;
}
/** Refine Button **/

.refine-compare-tools #refine-tool-btn,
.refine-compare-tools #refinePP-tool-btn {
    position: relative;
    font-size: 0.875em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-weight: 400;
    text-align: left;
    background: #0095af;
}

.refine-compare-tools #refine-tool-btn:hover,
.refine-compare-tools #refinePP-tool-btn:hover {
    color: #fff;
    background: #0095af;
}
/** Compare Button **/

.refine-compare-tools #comparetoolbtn,
.refine-compare-tools #comparetoolPPbtn {
    position: relative;
    padding-right: 0;
    font-size: 0.875em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-weight: 400;
    text-align: left;
    background: #74a534;
}

.refine-compare-tools #comparetoolbtn:hover,
.refine-compare-tools #comparetoolPPbtn:hover {
    color: #fff;
    background: #86b845;
}

.refine-compare-tools .fa {
    position: absolute;
    right: 20px;
    margin: 0!important;
}
/**
* #.# Comparison Toolbar
*
* Comparison Tool
*/

.comparison-toolbar {
    /*position:fixed;*/

    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 2000;
    background-color: #C4D1D6;
    background: -webkit-linear-gradient(left, rgba(196, 209, 214, 1), rgba(156, 176, 184, 1));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(left, rgba(196, 209, 214, 1), rgba(156, 176, 184, 1));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(left, rgba(196, 209, 214, 1), rgba(156, 176, 184, 1));
    /*Fx 3.6-15*/

    background: linear-gradient(to right rgba(196, 209, 214, 1), rgba(156, 176, 184, 1));
    /*Standard*/
}

.comparison-toolbar.pushUp {
    bottom: 28%;
}

.comparison-toolbar h3,
.recent-recommend-toolbar h3 {
    color: #fff;
    font-size: 1.875em;
}
/** Recently Viewed Phones **/

.comparison-toolbar .recently-viewed-phones h3,
.recent-recommend-toolbar .recently-viewed-phones h3,
.recent-recommend-toolbar .recommended-phones h3 {
    display: inline-block;
    line-height: 110px !important;
}
/** Compare Phones Tool **/

.compare-phones.mob {
    display: none;
}

.comparison-toolbar .compare-phones {
    position: relative;
    padding: 0;
    background: #74A534;
}

.comparison-toolbar .compare-phones .openToolBar {
    color: #fff;
    font-size: 1.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 1em;
}

.comparison-toolbar .compare-phones:hover {
    cursor: pointer;
    background: #74a534;
}

.comparison-toolbar .compare-phones .openToolBar button {
    padding: 25px 36px;
    width: 100%;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    border: 0;
    background: none;
}

.comparison-toolbar .compare-phones .openToolBar .compare-text {
    display: block;
}

.comparison-toolbar .compare-phones .fa {
    position: absolute;
    top: 38px;
    right: 16px;
}

.comparison-toolbar .fa-chevron-right {
    display: none;
}
/** We Recommend Phones **/

.comparison-toolbar .recommended-phones h3 {
    display: inline-block;
    padding: 40px 0 0 10px;
}

.recent-recommend-toolbar .recommended-phones h3 {
    display: inline-block;
}

.comparison-toolbar .recently-viewed-phones ul,
.comparison-toolbar .recommended-phones ul,
.recent-recommend-toolbar .recently-viewed-phones ul,
.recent-recommend-toolbar .recommended-phones ul {
    display: inline-block;
    margin: 0 0 0 20px;
}

.comparison-toolbar .recently-viewed-phones ul li,
.comparison-toolbar .recommended-phones ul li,
.recent-recommend-toolbar .recently-viewed-phones ul li,
.recent-recommend-toolbar .recommended-phones ul li {
    display: inline-block;
    padding: 0 5px;
}

.recently-viewed-phones ul li img,
.recommended-phones ul li img {
    width: 35px;
    height: auto;
}
/** Toolbar that is used on Content Pages Only */

.recent-recommend-toolbar {
    position: relative;
    z-index: 99;
    overflow: hidden;
    background: #c4d1d6;
    width:100%;
}

.recent-recommend-toolbar .recently-viewed-phones,
.recent-recommend-toolbar .recommended-phones {
    padding: 5px 20px;
}

.recent-recommend-toolbar .recently-viewed-phones {
    background: #c4d1d6;
}

.recent-recommend-toolbar .recommended-phones {
    background: #9cb0b8;
}
/**
* #.# My Comparisons
*
* My Comparison Toolbar, displays all phones added to the compare list, allows to add new phones and remove phones.
*/

.my-comparsion-toolbar {
    /*display:none;
    position:fixed;*/

    left: 0px;
    bottom: 0px;
    width: 100%;
    z-index: 6;
    color: #060606;
}

.my-comparsion-toolbar .green {
    margin: 0;
    background: #74a534;
}

.my-comparsion-toolbar .green a {
    color: #fff;
}

.my-comparsion-toolbar .light-green {
    margin: 0;
    background: #d3dec6;
}

.my-comparsion-toolbar h3 {
    display: inline-block;
    padding: 23px 0;
    color: #fff;
    font-size: 1.875em;
}

.my-comparsion-toolbar .row.green .fa.fa-exchange {
    margin-left: 15px;
    color: #fff;
    font-size: 2em;
}

.my-comparsion-toolbar .close-btn {
    display: inline-block;
    float: right;
    margin: 10px 0 0 0;
    padding: 14px 15px 14px 0;
    width: 120px;
    color: #fff;
    font-size: 1em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #5c8823;
}

.my-comparsion-toolbar .close-btn:hover {
    background: #709b37;
}

.my-comparsion-toolbar .close-btn .fa {
    font-size: 1em;
    margin: 3px 10px 0px;
    right: 16px;
    position: absolute;
}

.my-comparsion-toolbar.open .fa-exchange {
    display: none;
}

.my-comparsion-toolbar .phones h4 {
    padding: 18px 10px 0 10px;
    color: #000;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.2em;
}

.my-comparsion-toolbar .compared-phone,
.my-comparsion-toolbar .add-compared-phone {
    float: left;
    width: 19%;
    margin-right: 1px;
    padding: 40px 0 0 0;
    min-height: 192px;
}

.my-comparsion-toolbar .compared-phone {
    position: relative;
    text-align: center;
    background: #e7eae3;
}

.my-comparsion-toolbar .add-compared-phone {
    padding: 0 35px 85px 35px;
    width: 19%;
    text-align: center;
    background: #e3e7e7;
}

.my-comparsion-toolbar .add-compared-phone a {
    padding-bottom: 10px;
    color: #060606;
    /* border-bottom: solid 2px #74a534; */

    background: #d3dec6;
    width: 100%;
    height: 150px;
    display: block;
    border-radius: 5px;
    margin-top: 25px;
    text-indent: 100%;
    font-size: 0;
}

.my-comparsion-toolbar .add-compared-phone a:hover {
    background: #74a534;
    font-size: 16px;
    color: #fff;
    text-indent: 100%;
    line-height: 150px;
    font-size:0;
}

.my-comparsion-toolbar .compared-phone button {
    position: absolute;
    top: 8px;
    right: 14px;
    padding: 0;
    border: none;
    background: none;
}

.my-comparsion-toolbar .compared-phone img {
    width: 50px;
    /*max-height:80px;*/
}
/** Show Comparison Tool Buttons **/

.comparison-tools a {
    display: block;
}

.comparison-tools .show-comparison {
    display: inline-block;
    margin: 75px 0 14px 0;
    padding: 14px 30px 14px 30px;
    width: auto;
    color: #fff;
    font-size: 1em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    background: #5c8823;
}

.comparison-tools .show-comparison:hover {
    background: #78a241;
}

.comparison-tools .remove-phones {
    display: inline-block;
    padding: 0 30px 0 30px;
    color: #060606;
}

.comparison-tools .remove-phones .fa {
    padding-right: 5px;
}

.my-comparsion-toolbar .close-btn.mobile {
    display: none;
}

.compare-mobile-placeholder {
    display: none;
}

.comparison-tool-sidebar .compare-against .picker {
    /*position:relative;
    top:-80px;
    float:right;
    right:30px;*/
}

.comparison-tool-sidebar .compare-against .picker .picker-handle {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    -moz-box-shadow: inset 0 0 6px #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
    box-shadow: inset 0 0 6px #dedede;
    background: #fff;
}

.comparison-tool-sidebar .compare-against .picker.picker-checkbox .picker-flag {
    padding: 0;
    /*background:#fff;*/

    border-radius: 3px;
}

.comparison-tool-sidebar .compare-against .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em;
    padding-left: 2px;
    color: #000;
    /* margin-top: -4px; */

    top: 3px;
    position: absolute;
}
/**
* #.# Comparison Tool Sidebar
*
* Comparison Tool Sidebar, Compare Phones and show Popular Comparisons
*/

.comparison-tool-sidebar {
    margin: 0;
    color: #141414;
    background: #d3dec6;
}

.comparison-tool-sidebar .mod .section-title {
    padding: 36px 15px 36px 15px;
    color: #fff;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.875em;
    text-transform: uppercase;
    line-height: 1em;
    background: #74a534;
}

.comparison-tool-sidebar .mod .section-title span {
    float: right;
}

.compare-against .ps-container .picker,
.comparison-tool-sidebar .popular-comparisons .picker {
    /*top:38%;
    right:20px;
    margin:0;*/
}

.compare-against .ps-container .picker .picker-handle,
.comparison-tool-sidebar .popular-comparisons .picker .picker-handle {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    -moz-box-shadow: inset 0 0 6px #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
    box-shadow: inset 0 0 6px #dedede;
    background: #fff;
}

.compare-against .ps-container .picker .picker-flag,
.comparison-tool-sidebar .popular-comparisons .picker.picker-checkbox .picker-flag {
    padding: 0;
    /*background:#fff;*/

    border-radius: 3px;
}

.compare-against .ps-container .picker.picker-checkbox.checked .picker-flag:before,
.comparison-tool-sidebar .popular-comparisons .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em;
    padding-left: 2px;
    color: #000;
    /* margin-top: -4px; */

    top: 3px;
    position: absolute;
}

.comparison-tool-sidebar .compare-list {
    position: relative;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    /*height: 360px;*/

    overflow: hidden;
}

.comparison-tool-sidebar ul.ps-container {
    position: relative;
    margin: 0 10px;
    height: 470px;
    overflow: hidden;
}

.comparison-tool-sidebar ul {
    position: relative;
    margin: 0 10px;
    height: auto;
    overflow: hidden;
}

.comparison-tool-sidebar ul li {
    position: relative;
    padding: 15px 30px 15px 18px;
    border-bottom: solid 1px #b8c2ad;
}

.comparison-tool-sidebar ul li label {
    margin: 0;
    padding: 20px 0 0 18px;
    font-size: 1.625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    font-weight: 400;
}

.comparison-tool-sidebar ul li img {
    vertical-align: top;
    max-width: 15%;
    /* border:solid 5px #fff;*/
}

.operators .comparison-tool-sidebar ul li img {
    vertical-align: top;
    margin-top: 15px;
    margin-left: -15px;
}
/** Scroll More - illustration to show more can scroll, icon has no function **/

.comparison-tool-sidebar .scroll-more {
    padding: 32px 0;
    text-align: center;
}

.comparison-tool-sidebar .scroll-more span {
    color: #b4bea9;
    font-size: 1.7em;
}

.network-list {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.network-list .network-name-wrap {
    display: table;
    width: 100%;
    padding: 26px 14px 0 14px;
}

.network-list .network-name-wrap:hover {
    background: #bfccb0;
    cursor: pointer;
}

.network-list .network-name-wrap .network-name-inner {
    display: table-cell;
    vertical-align: middle;
    border-bottom: solid 1px #b8c2ad;
    position: relative;
}

.network-list .network-name-wrap .network-name-inner input[type="checkbox"] {
    position: relative;
    top: 20px;
    float: right;
    right: 0;
}

.network-list .network-name-wrap .network-name-inner .network-image {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 25px #fff;
    margin-left: 4px;
    margin-bottom: 22px;
}

.network-list .network-name-wrap .network-name-inner .network-image img {
    max-width: none;
    margin: -25px 0 0 -20px;
    width: 40px;
}

.network-list .network-name-wrap .network-name-inner label {
    vertical-align: middle;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    font-size: 1.625em;
    top: 10px;
    position: absolute;
    margin-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    line-height:1em;
    max-width:240px;
}

.comparison-tool-sidebar .network-list input[type="checkbox"] {
    position: relative;
    top: 20px;
    right: 30px;
    margin: 0;
    width: 18px;
    height: 18px;
    float: right;
}

.comparison-tool-sidebar .network-list .picker {
    position: relative;
    top: -80px;
    float: right;
    right: 30px;
}

.comparison-tool-sidebar .network-list .picker .picker-handle {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    -moz-box-shadow: inset 0 0 6px #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
    box-shadow: inset 0 0 6px #dedede;
    background: #fff;
}

.comparison-tool-sidebar .network-list .picker.picker-checkbox .picker-flag {
    padding: 0;
    /*background:#fff;*/

    border-radius: 3px;
}

.comparison-tool-sidebar .network-list .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em;
    padding-left: 2px;
    color: #000;
    /* margin-top: -4px; */

    top: 3px;
    position: absolute;
}

.operators .comparison-tool-sidebar .compare-list {
    height: auto;
}
/**
* #.# Refine Search - Phones Only
*
* Refine Search Filter Panels
*/

.cpw-refine-search-panel {
    display: none;
    position: absolute;
    top: 73px;
    left: 50%;
    margin-left: -630px;
    padding: 0;
    width: 1260px;
    z-index: 990;
    background: rgba(232, 237, 239, .95);


}

.cpw-refine-search-panel.open {
    display: block;
}



.cpw-refine-search-panel .filters-wrap {
    padding:40px 40px;
}

.cpw-refine-search-panel .caret {
    display: inline-block;
    position: absolute;
    top: -44px;
    right: 16%;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 22px solid transparent;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: 22px solid;
    color: #e7ecee;
}



.cpw-refine-search-panel h4 {
    padding: 10px 0 15px 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
}



.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 0px solid #77d5f7;
    background: url("images/img-slide-handle.png") 50% 50% no-repeat;
    font-weight: normal;
    color: #fff;
}

.ui-widget-content {
    border: 0;
}

.ui-slider-horizontal {
    height: 5px;
}

.ui-widget-header {
    border: 0;
    background: #0095af;
    color: #eaf5f7;
    font-weight: bold;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -7px;
}

.cpw-refine-search-panel .ui-slider-pips .ui-slider-pip-selected-initial,
.cpw-refine-search-panel .ui-slider-pips .ui-slider-pip-selected,
.cpw-refine-search-panel .ui-slider-pips .ui-slider-pip-selected-first,
.cpw-refine-search-panel .ui-slider-pips .ui-slider-pip-selected-second {
    font-weight: 700;
    color: #00768f;
}

.pricerange-preferred-os .os  {
    float:right;
    width:48%;
    text-align:right;
    padding-right:0;
}
.pricerange-preferred-os .os h4 {
    text-align:left;
}

.pricerange-preferred-os .price-range {
    width:45%;
}


.preferrred-brands {
    margin:20px 0 0 0;
}
.preferrred-brands .col-md-16 {
    padding:0;
}



.preferrred-networks {
    margin:30px 0 0 0;
}
.preferrred-networks .col-md-16 {
    padding:0;
}


 .phone-specs {
    margin:30px 0 0 0;
}
 .phone-specs .phone-type {
     padding:0;
 }


  .phone-features {
    margin:30px 0 0 0;
}

   .phone-features .col-md-16 {
    padding:0;
}
   .cpw-refine-search-panel .phone-features h4 {
       padding-bottom:0;
   }


   .screen-size {
       float:right;
   }

   #sliderFilterCamera,
   #sliderFilterScreen {
       margin-top:5px;
   }


   .camera-quality {
       margin-left:20px;
   }



.cpw-refine-search-panel .selectAllOS {
  background: #e0e5e7;
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 1px;
  padding: 15px 10px;
  position: relative;

  border: 1px solid #ccc;
}

.cpw-refine-search-panel .selectAllNetworks {
  background: #c4cccf;
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 5px;
  padding: 15px 10px;
  position: relative;

  border: 1px solid #ccc;
}



.cpw-refine-search-panel .selectAllManufacturers {
  background: #c4cccf;
  display: inline-block;
  margin-bottom: 1px;
  margin-right: 5px;
  padding: 15px 10px;
  position: relative;

  border: 1px solid #ccc;
}
.cpw-refine-search-panel .selectAllNetworks label,
.cpw-refine-search-panel .selectAllManufacturers label,
.cpw-refine-search-panel .selectAllOS label {
  color: #4f7c8d;
  font-weight: 400;
   font-size:14px;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
   text-transform:uppercase;
}
.cpw-refine-search-panel .selectAllNetworks .picker .picker-handle,
.cpw-refine-search-panel .selectAllManufacturers .picker .picker-handle,
.cpw-refine-search-panel .selectAllOS .picker .picker-handle {
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  box-shadow: none;
  background: #d3dbdf;
}
.cpw-refine-search-panel .selectAllNetworks .picker.picker-checkbox.checked .picker-flag:before,
.cpw-refine-search-panel .selectAllManufacturers .picker.picker-checkbox.checked .picker-flag:before,
.cpw-refine-search-panel .selectAllOS .picker.picker-checkbox.checked .picker-flag:before  {
  padding-left: 2px !important;
   color: #4f7c8d;
  font-size: 0.8em;
  top: -5px;
  position: relative;
}

/** Select Network ***/

.cpw-refine-search-panel .phone-os {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d9e0e1;
    display: inline-block;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 15px 10px;
    position: relative;
    width: 23%;
}


.cpw-refine-search-panel .phone-manufacturer,
.cpw-refine-search-panel .phone-network {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d9e0e1;
    display: inline-block;
    margin-bottom: 1px;
    margin-right: 5px;
    padding: 15px 10px;
    position: relative;

}
.cpw-refine-search-panel .phone-manufacturer label,
.cpw-refine-search-panel .phone-network label,
.cpw-refine-search-panel .phone-os label {
  color: #4f7c8d;
  font-weight: 400;
  font-size:14px;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
  text-transform:uppercase;
}
.cpw-refine-search-panel .phone-manufacturer .picker .picker-handle,
.cpw-refine-search-panel .phone-network .picker .picker-handle,
.cpw-refine-search-panel .phone-os .picker .picker-handle {
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  box-shadow: none;
  background: #fff;
}
.cpw-refine-search-panel .phone-manufacturer .picker.picker-checkbox.checked .picker-flag:before,
.cpw-refine-search-panel .phone-network .picker.picker-checkbox.checked .picker-flag:before,
.cpw-refine-search-panel .phone-os .picker.picker-checkbox.checked .picker-flag:before {
  padding-left: 2px !important;
  color: #999;
  font-size: 0.8em;
  top: -5px;
  position: relative;
}



/*** Phone Features ***/
.cpw-refine-search-panel .filterOS {
    display: inline-block;
    margin-bottom: 1px;
    margin-right: 5px;
    padding: 15px 40px 15px 0;
    position: relative;
    width: auto;
}
.cpw-refine-search-panel .filterOS .picker .picker-handle {
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  box-shadow: none;
  background: #fff;
}
.cpw-refine-search-panel .filterOS .picker.picker-checkbox.checked .picker-flag:before {
  padding-left: 2px !important;
  color: #999;
  font-size: 0.8em;
  top: -5px;
  position: relative;
}
.cpw-refine-search-panel .filterOS label {
  color: #4f7c8d;
  font-weight: 400;
  font-size:14px;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
  text-transform:uppercase;
}


.cpw-refine-search-panel .phone-type input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.cpw-refine-search-panel .phone-type label {
      float:left;
      width:33%;
      text-align:center;
      background: #d3dbdf;
      font-weight:400;
      padding:8px 0;
      /*margin-right:-4px;
      border-right:solid 1px #fff;*/
}
.cpw-refine-search-panel .phone-type label:hover {
     background: #0095af;
     color:#fff;
     cursor:pointer;
}



.cpw-refine-search-panel input[type="radio"]:checked + label {
  background: #0095af;
  color:#fff;
}


#sliderFilterBudget {
    margin-left:10px;
}



/*** Refine Panel Action Buttons ***/
.cpw-refine-search-panel .action-buttons {
    margin-top:40px;
    margin-left:0;
}
.cpw-refine-search-panel .action-buttons .btns-left {
    float:left;
    width:50%;
}
.cpw-refine-search-panel .action-buttons .btns-right {
    float:right;
    width:50%;
    text-align:right;
}
.cpw-refine-search-panel .action-buttons .btn {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:16px;
    border:none;
    background: #0095af;
    padding:15px 18px;
}
.cpw-refine-search-panel .action-buttons .btn:hover {
    background:#09a1bb;
}
.cpw-refine-search-panel .action-buttons .close-btn {
     background: #d3dbdf;
    color: #4f7c8d;
    font-size:16px;
     padding:15px 18px;
     border: 1px solid #d3dbdf;
}
    .cpw-refine-search-panel .action-buttons .close-btn:hover {
        background: #e5e9eb;
    }




/**
* #.# Refine Search Sliders
*
* styles for sliders
*/

.slider {
    margin: 0;
}

.slider-vertical {
    margin: 10px;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 55%!important;
}

.slider.slider-horizontal {
    height: 30px;
}

.slider.slider-horizontal .slider-track {
    height: 6px;
    width: 100%;
    margin-top: -3px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -12px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #0480be;
    margin-top: 0;
}

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 0;
}

.slider-selection {
    position: absolute;
    background-color: #0095af;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    border-radius: 0;
}

.slider-handle {
    position: absolute;
    width: 15px;
    height: 15px;
    background-color: #002250;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
    border: 0px solid transparent;
}

.slider-handle.round {
    border-radius: 24px;
}

.slider-handle.triangle {
    background: transparent none;
}
/**
* #.# Related Products - Accessories Products Only
*
* style fore related products
*/

.comparison-tool-sidebar ul li.related-product {
    padding: 20px 0 30px 100px;
    border-bottom: solid 1px #b8c2ad;
}

.comparison-tool-sidebar ul li.related-product img {
    position: absolute;
    left: 20px;
    max-width: 60px;
}

.comparison-tool-sidebar ul li.related-product h2 {
    padding-top: 32px;
    color: #000;
}
/**
* #.# Support Section - Categories and Search
*
* style of category buttons and search
*/

.cpw-support-search.container {
    /*width:100%;*/
}

.cpw-support-categories {
    padding: 30px 10px 30px 10px;
}

.cpw-support-categories img {
    margin-right: -4px;
}

.cpw-support-categories.help img {
    margin-left: 4px;
}

.cpw-support-categories.repairs img {
    margin-left: 6px;
}

.cpw-support-categories.tradeins img {
    margin-left: 8px;
}

.cpw-support-categories.geeksquad img {
    margin-left: 8px;
}
/** Support Search Field **/

.cpw-support-search-field {
    padding: 23px 10px 0 10px;
}

.cpw-support-search-field .field-wrapper {
    padding: 16px 16px;
    border: solid 1px #d3d8da;
}

.cpw-support-search-field input[type="text"] {
    padding: 0;
    width: 96%;
    height: 100%;
    color: #cddade;
    font-size: 1.75em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.cpw-support-search-field button,
.cpw-support-search-field input[type="submit"] {
    display: block;
    position: absolute;
    top: 50px;
    right: 30px;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0 0 0 1px;
    color: #002250;
    font-size: 0;
    text-indent: 100%;
    background: url("images/icons/ico-support-search.gif") no-repeat;
    border: 0;
}

.IE8 .cpw-support-search-field input[type="text"] {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1em;
}

.IE8 .cpw-support-search-field INPUT[type='submit'] {
    top: 40px;
}
/**
* #.# Support Section - Questions
*
* style of top support questions, each question will have an arrow icon
*/

.cpw-support-top-questions {
    padding: 80px 0;
    /*width:100%;*/
}

.cpw-support-top-questions h2 {
    padding: 32px 0 42px 10px;
    color: #4f7c8d;
    font-size: 1.75em;
    font-family: 'cpw_tradebold';
    text-transform: uppercase;
}

.cpw-support-top-questions ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  border-right: solid 1px #e9ecec;
  border-bottom: solid 1px #e9ecec;
}

.cpw-support-top-questions ul li {
  position: relative;
  border: solid 1px #e9ecec;
  width: 50%;
  float: left;
  border-bottom: 0;
  border-right: 0;
}

.cpw-support-top-questions ul li:last-child {
    border-bottom: solid 0px #e9ecec;
}

.cpw-support-top-questions a {
    display: block;
    padding: 20px 18px 20px 18px;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    max-width: 90%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
}

.cpw-support-top-questions a:hover {
    color: #002252;
}

.cpw-support-top-questions li .fa {
    position: absolute;
    top: 30%;
    right: 18px;
    color: #9cb0b8;
    font-size: 1.6em;
}

.cpw-support-top-questions a:hover > span {
    color: #002252;
}
/**
* #.# Standard Forms
*
* styling for all forms created using kentico, these don't directly apply to custom forms created.
*/

.form-horizontal .form-group {
    margin: 0 0 30px 0;
    width: 50%;
}

.form-horizontal .form-group label {
    display: block;
    padding: 2px 0;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
}

.form-horizontal .form-group input[type='text'] {
    padding: 18px 12px;
    width: 50%;
    height: auto;
    border: solid 1px #e0e3e4;
    border-radius: 0;
    box-shadow: none;
}

.form-horizontal .form-group textarea {
    padding: 12px 12px;
    height: 220px;
    border: solid 1px #e0e3e4;
    border-radius: 0;
    box-shadow: none;
}

.form-horizontal .form-group input[type="submit"] {
    padding: 15px 30px;
    font-size: 1.875em;
}

.form-horizontal .form-group.captcha {
    display: none;
}

.InfoLabel {
    display: block;
    padding: 6px 0;
}
/**
* #.# Checkout Header Toolbar
*
* Plans page, page has three tabs
*/

header.top-header.checkout-toolbar {
    height: 103px;
    background: #acbfc7;
}

header.top-header.checkout-confirmation-toolbar {
    height: 103px;
}

header.top-header.checkout-toolbar .container {
    position: relative;
}

header.top-header.checkout-toolbar .back-button,
header.top-header.checkout-toolbar .selected-phone,
header.top-header.checkout-toolbar .selected-plan,
header.top-header.checkout-toolbar .extra-items,
header.top-header.checkout-toolbar .total-pay {
    display: table;
    padding: 0;
    vertical-align: middle;
}

header.top-header.checkout-toolbar .back-button .inner-box,
header.top-header.checkout-toolbar .selected-phone .inner-box,
header.top-header.checkout-toolbar .selected-plan .inner-box,
header.top-header.checkout-toolbar .extra-items .inner-box,
header.top-header.checkout-toolbar .total-pay .inner-box {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

header.top-header.checkout-confirmation-toolbar .selected-phone .inner-box,
header.top-header.checkout-confirmation-toolbar .selected-plan .inner-box,
header.top-header.checkout-confirmation-toolbar .extra-items .inner-box,
header.top-header.checkout-confirmation-toolbar .total-pay .inner-box {
    display: table-cell;
    padding: 0;
    vertical-align: middle;
}

header.top-header.checkout-confirmation-toolbar .selected-phone span.phone-name {
    position: absolute;
    top: 17px;
    left: 65px;
    line-height: 0.8em;
}

header.top-header.checkout-confirmation-toolbar .selected-plan {
    padding: 0px 0px 0px 21px;
    width: 21.7188%;
    height: 103px;
    line-height: normal;
    background: none repeat scroll 0% 0% #BAC9CF;
}

header.top-header.checkout-confirmation-toolbar .back-button,
header.top-header.checkout-confirmation-toolbar .selected-phone,
header.top-header.checkout-confirmation-toolbar .selected-plan,
header.top-header.checkout-confirmation.toolbar .extra-items,
header.top-header.checkout-confirmation-toolbar .total-pay {
    display: table;
    padding: 0px;
    vertical-align: middle;
}
/** Back Button **/

header.top-header.checkout-toolbar .back-button {
    padding: 22px 0 21px 36px;
    width: 13.90625%;
}

header.top-header.checkout-toolbar .back-button a {
    padding: 0 0 0 47px;
}

.Gecko11 header.top-header.checkout-toolbar .back-button,
.IE10 header.top-header.checkout-toolbar .back-button,
.IE9 header.top-header.checkout-toolbar .back-button,
.IE8 header.top-header.checkout-toolbar .back-button {
    padding-bottom: 20px;
}
/** Selected Phone */

header.top-header.checkout-toolbar .selected-phone {
    padding: 0 0 0 27px;
    width: 24.0625%;
    height: 103px;
}

header.top-header.checkout-toolbar .selected-phone img {
    position: absolute;
    top: 25px;
    margin: 0;
    max-width: none;
}

header.top-header.checkout-toolbar .selected-phone span.phone-name {
    position: absolute;
    top: 25px;
    left: 65px;
    line-height: 0.8em;
}

header.top-header.checkout-toolbar .selected-phone .price {
    position: absolute;
    top: 55px;
    left: 65px;
    padding: 0;
    line-height: 0.8em;
    max-width: 210px;
}

header.top-header.checkout-toolbar .selected-phone .colour {
    top: 28px;
    right: 18px;
    border: solid 3px #b5c5cc;
}
/** Selected Plan**/

header.top-header.checkout-toolbar .selected-plan {
    padding: 0 0 0 21px;
    width: 21.71875%;
    height: 103px;
    line-height: normal;
    background: #bac9cf;
}

header.top-header.checkout-toolbar .selected-plan .img-network {
    position: absolute;
    top: 25px;
    left: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

header.top-header.checkout-toolbar .selected-plan .img-network img {
    margin: 0;
}

header.top-header.checkout-toolbar .selected-plan .plan-name {
    position: absolute;
    top: 25px;
    left: 84px;
    color: #fff;
    font-size: 30px;
    line-height: 0.8em;
    text-indent: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 180px;
}

header.top-header.checkout-toolbar .selected-plan .price {
    position: absolute;
    top: 55px;
    left: 69px;
    padding: 0;
    line-height: 0.8em;
}

header.top-header.checkout-toolbar .logo {
    display: none;
}
/** Selected Phone */


header.top-header.checkout-confirmation-toolbar .cpw-logo {
    padding: 0 0 0 21px;
    width: 20%;
    height: 103px;
    line-height: normal;
    background: #bac9cf;
}


.checkout-confirmation-toolbar .order-complete {
     width: 30%;
}




header.top-header.checkout-confirmation-toolbar .selected-phone {
    padding: 0 0 0 27px;
    width: 24.0625%;
    height: 103px;
}

header.top-header.checkout-confirmation-toolbar .selected-phone img {
    position: absolute;
    top: 25px;
    margin: 0;
    max-width: none;
}

header.top-header.checkout-confirmation-toolbar .selected-phone span.phone-name {
    position: absolute;
    top: 25px;
    left: 65px;
    line-height: 0.8em;
}

header.top-header.checkout-confirmation-toolbar .selected-phone .price {
    position: absolute;
    top: 56px;
    left: 65px;
    padding: 0;
    line-height: 0.8em;
}

header.top-header.checkout-confirmation-toolbar .selected-phone .colour {
    top: 28px;
    right: 18px;
    border: solid 3px #b5c5cc;
}
/** Selected Plan**/

header.top-header.checkout-confirmation-toolbar .selected-plan {
    padding: 0 0 0 21px;
    width: 21.71875%;
    height: 103px;
    line-height: normal;
    background: #bac9cf;
}

header.top-header.checkout-confirmation-toolbar .selected-plan .img-network {
    position: absolute;
    top: 25px;
    left: 20px;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}

header.top-header.checkout-confirmation-toolbar .selected-plan .img-network img {
    margin: 0;
}

header.top-header.checkout-confirmation-toolbar .selected-plan .plan-name {
    position: absolute;
    top: 25px;
    left: 84px;
    color: #fff;
    font-size: 30px;
    line-height: 0.8em;
}

header.top-header.checkout-confirmation-toolbar .selected-plan .price {
    position: absolute;
    top: 55px;
    left: 84px;
    padding: 0;
    line-height: 0.8em;
}
/** Extra Items */

header.top-header.checkout-toolbar .extra-items {
    padding: 0 0 0 27px;
    width: 16.953125%;
    height: 103px;
    background: #b4c4cb;
}

header.top-header.checkout-toolbar .extra-items .count {
    position: absolute;
    top: 25px;
    left: 30px;
}

header.top-header.checkout-toolbar .extra-items .price {
    position: absolute;
    top: 55px;
    left: 27px;
    padding: 0;
    line-height: 0.8em;
}
/** Total Pay */

header.top-header.checkout-toolbar .total-pay {
    width: 23.125%;
    height: 103px;
}

header.top-header.checkout-toolbar .total-pay .total {
    position: absolute;
    top: 25px;
    left: 24px;
}

header.top-header.checkout-toolbar .total-pay .price {
    position: absolute;
    top: 55px;
    left: 24px;
    padding: 0;
    line-height: 0.8em;
      color: #fff!important;
  font-size: 1.0em!important;
}
/**
* #.# Checkout Toolbar
*
* Plans page, page has three tabs
*/

.checkout-toolbar {
    padding: 0;
    color: #fff;
    font-size: 1.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #bac9cf;
}

.checkout-toolbar .container {
    padding: 0;
}
/** Back Button **/

.checkout-toolbar .back-button {
    padding: 0 0 0 25px;
    background: #acbfc7;
}

.checkout-toolbar .back-button a {
    display: block;
    padding: 29px 40px 29px 48px;
    color: #fff;
    font-size: 1em;
    background: url("images/icons/ico-back-grey.gif") no-repeat 0 50%;
}

.checkout-toolbar .back-button a:hover {
    color: #90a7b1;
    background: url("images/icons/ico-back-grey-hover.gif") no-repeat 0 50%;
}
/** Selected Phone **/

.checkout-toolbar .selected-phone,
.checkout-confirmation-toolbar .selected-phone {
    background: #c4d1d6;
}

.checkout-toolbar .selected-phone .colour,
.checkout-confirmation-toolbar .selected-phone .colour {
    position: absolute;
    top: 35%;
    right: 14px;
    width: 30px;
    height: 30px;
    border: solid 4px #b5c5cc;
    border-radius: 2px;
}

.selected-phone {
    padding: 0 20px 0 20px;
    padding-right: 0;
    /*line-height:100px;*/

    height: 100px;
    background: #c4d1d6;
    width: 310px;
}

.selected-phone img {
    /* float: left; */

    margin-right: 15px;
    position: relative;
    top: 20px;
    max-width: 10%;
}

.IE8 .checkout-toolbar .selected-phone {
    width: 310px!important;
}

.selected-phone span {
    text-indent: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 180px;
    top: 30px;
    position: relative;
}

.selected-plan {
    padding: 0 20px 0 20px;
    line-height: 100px;
    background: #bac9cf;
}

.selected-plan img {
    float: left;
    margin-right: 15px;
}

.extra-items {
    padding: 24px 20px 0 20px;
    background: #b4c4cb;
    line-height: 0.8em;
}

.total-pay {
    padding-top: 24px;
    padding-left: 24px;
    line-height: 0.8em;
    background: #acbfc7;
}

.selected-phone .price,
.selected-plan .price,
.extra-items .price {
    display: block;
    padding: 5px 0 23px 0;
}

.selected-phone .price,
.selected-plan .price,
.extra-items .price {
    color: #90a7b1;
    font-size: 20px;
}

.total-pay .price {
    display: inline-block;
    padding: 5px 0 23px 0;
}





.label {
    font-weight:normal!important;
}



.order-review-table h1 {
    text-align:center;
}


/**
* #.# Shopping Cart Total
*
* Box on cart summary page which shows label, input field and button
*/

.shopping-cart-total {
    margin:10px 10px 40px 10px;
    padding:20px 0 0 0;
    text-align:right;
      border-top: solid 1px #dde3e6;
}
.shopping-cart-total .col-md-16 {
    padding:0;
}

.shopping-cart-total .label {
    padding-right:15px;
    color:#002250;
    font-size: 2em;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;

}

.order-review-table .shopping-cart-total .price {
    display:inline-block;
    padding:22px 70px;
    color:#fff;
    background:#002250;
    font-size: 2.8125em;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    text-align:center;
    width:260px;
}


/**
* #.# Comparison Sidebar
*
* Plans page, page has three tabs
*/

.compare-phone-list .comparephone-wrap .comparephone-wrap-inner img {
    max-height: 80px;
}

.popular-comparisons .compare-phone-list {
    height: auto;
}

.compare-phone-list {
    position: relative;
    height: 490px;
    overflow: hidden;
}

.compare-phone-list .comparephone-wrap {
    display: table;
    width: 100%;
    padding: 26px 14px 0 14px;
}

.compare-phone-list .comparephone-wrap:hover {
    background: #bfccb0;
    cursor: pointer;
}

.compare-phone-list .comparephone-wrap .comparephone-wrap-inner {
    display: table-cell;
    vertical-align: middle;
    border-bottom: solid 1px #b8c2ad;
    position: relative;
    padding-bottom: 14px;
}

.compare-phone-list .comparephone-wrap .comparephone-wrap-inner .network-image {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 25px #fff;
    margin-left: 4px;
    margin-bottom: 22px;
}

.compare-phone-list .comparephone-wrap .comparephone-wrap-inner .network-image img {
    max-width: none;
    margin: -25px 0 0 -20px;
    width: 40px;
}

.compare-phone-list .comparephone-wrap .comparephone-wrap-inner label {
    max-width: 60%;
    margin: 0 0 0 20px;
    vertical-align: middle;
    font-size: 1.625em;
    font-weight: 400;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 1em;
}

.comparison-tool-sidebar .compare-phone-list .picker {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -9px;
    vertical-align: middle;
}

.comparison-tool-sidebar .compare-phone-list .picker .picker-handle {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    -moz-box-shadow: inset 0 0 6px #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
    box-shadow: inset 0 0 6px #dedede;
    background: #fff;
}

.comparison-tool-sidebar .compare-phone-list .picker.picker-checkbox .picker-flag {
    padding: 0;
    /*background:#fff;*/

    border-radius: 3px;
}

.comparison-tool-sidebar .compare-phone-list .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em;
    padding-left: 2px;
    color: #000;
    /* margin-top: -4px; */

    top: 3px;
    position: absolute;
}
/**
* #.# Login Page
*
* Title and Forms
*/

.login-page {
    padding-bottom: 50px;
}

.login-page h1 {
    padding: 35px 0px 65px 0px;
    color: #334E75;
    text-align: center;
    font-size: 4.375em;
    line-height: 1em;
}

.login-page .login-box {
    border: solid 1px #e7ecee;
    padding: 20px 40px;
}

.login-page .login-box label {
    display: block;
    padding: 2px 0;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
}

.login-page .login-box input[type='text'],
.login-page .login-box input[type='password'] {
    padding: 18px 12px;
    width: 80%;
    height: auto;
    border: solid 1px #e0e3e4;
    border-radius: 0;
    box-shadow: none;
}

.login-page .login-box .checkbox label {
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 1em;
}

.login-page .register-link h2 {
    font-size: 1.5em;
    padding-bottom: 20px;
}

.login-page .checkbox input[type="checkbox"] {
    margin: 0;
    width: 18px;
    height: 18px;
    top: 10px;
}

.login-page .checkbox label {
    margin-left: 25px;
    padding-top: 10px;
}
/**
* #.# Register Page
*
* Title and Forms
*/

.register-page {
    padding-bottom: 50px;
}

.register-page h1 {
    padding: 35px 0px 65px 0px;
    color: #334E75;
    text-align: center;
    font-size: 4.375em;
    line-height: 1em;
}

.register-page .registration-form {
    border: solid 1px #e7ecee;
    padding: 20px 40px;
}

.register-page .form-horizontal .form-group {
    margin: 0;
    width: 90%;
}

.register-page .form-horizontal .form-group input[type='text'] {
    width: 80%;
}

.register-page .form-horizontal .form-group input[type='password'] {
    padding: 18px 12px;
    width: 80%;
    height: auto;
    border: solid 1px #e0e3e4;
    border-radius: 0;
    box-shadow: none;
}

.register-page .login-link h2 {
    font-size: 1.5em;
    padding-bottom: 20px;
}
/**
* #.# Checkout Confirmation Toolbar
*
* Plans page, page has three tabs
*/

.checkout-confirmation-toolbar {
    padding: 0;
    color: #fff;
    font-size: 1.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #bac9cf;
}

.checkout-confirmation-toolbar .container {
    padding: 0;
}

.checkout-confirmation-toolbar .selected-phone,
.checkout-confirmation-toolbar .selected-plan,
.checkout-confirmation-toolbar .order-complete {
    width:33%;
}






.checkout-confirmation-toolbar .selected-phone span.phone-name {
  position: absolute;
  top: 25px;
  left: 65px;
  line-height: 0.8em;
  max-width:220px;
}
.checkout-confirmation-toolbar .selected-phone .price {
  position: absolute;
  top: 55px;
  left: 65px;
  padding: 0;
  line-height: 0.8em;
  max-width: 210px;
}


.checkout-confirmation-toolbar .selected-plan .plan-name {
  position: absolute;
  top: 25px;
  left: 84px;
  color: #fff;
  font-size: 30px;
  line-height: 0.8em;
  text-indent: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 290px;
}
.checkout-confirmation-toolbar .selected-plan .price {
  position: absolute;
  top: 55px;
  left: 84px;
  padding: 0;
  line-height: 0.8em;
}


.checkout-confirmation-toolbar .selected-plan .img-network {
  position: absolute;
  top: 25px;
  left: 20px;
  background: #fff;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

.checkout-confirmation-toolbar .order-complete {
    padding-left: 20px;
    padding-top: 30px;
}

.checkout-confirmation-toolbar .order-complete .fa-check {
    position: absolute;
    top: 40px;
    right: 143px;
    font-size: 0.7em;
}

.checkout-confirmation-toolbar .order-complete .fa-circle-thin {
    font-size: 1.1em;
    margin: 0 0 0 20px;
}
/**
* #.# Checkout Sections
*
* All sections of the checkout
*/
/*.maincontent.checkout {
    margin-top:-18px;
}*/

.checkout {
    padding: 0;
    text-align: center;
}

.checkout h1 {
    padding-bottom: 85px;
}

.checkout .section-padding {
    padding: 45px 0 370px 0;
}

.checkout .personal-details.section-padding,
.checkout .contact-information.section-padding,
.checkout .additional-information.section-padding {
    padding: 45px 0 0 0;
}

.additional-information h5,
body form[action="/shop/more/insurance/geek-squad-insurance"] .checkout h2{
    font-size: 1.875em;
    margin-bottom: 15px;
}

.additional-information h5{
    margin-bottom: 20px;
    margin-top: 20px;
   }

.additional-information .picker .picker-label {
    font-weight: normal;
    padding-top: 2px;
}

.additional-information .picker-checkbox {
    display: inline-block;
    text-align: center;
    }

#p_lt_ctl01_UserControl_userControlElem_p1 a{
    letter-spacing: 0.009em;
    padding: 0 0 12px;
}
#p_lt_ctl01_UserControl_userControlElem_p1 a:hover {
    text-decoration: underline;
}

body form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btn {
        margin-top: 15px;
    }
body form[action="/shop/more/insurance/geek-squad-insurance"] .checkout p {
    font-size: 18px;
    line-height: 1.25em;
}

body form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel {
    background: linear-gradient(rgb(237, 116, 27), rgb(224, 107, 22)) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    color: #fff;
    font-family: cpw_tradebold,arial narrow;
    font-size: 1.8em;
    height: 100%;
    padding: 17.5px 15px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    border-radius: 0;
}

body.Safari form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel,
body.IE9 form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel,
body.IE8 form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel {
    background-color: #ed741b;
}

body form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel:hover {
    background: linear-gradient(rgb(224, 107, 22), rgb(237, 116, 27)) repeat scroll 0 0 rgba(0, 0, 0, 0);

    }

body.Safari form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel:hover,
body.IE9 form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel:hover,
body.IE8 form[action="/shop/more/insurance/geek-squad-insurance"] .checkout .btncancel:hover {
    background-color: #e06b16;
}



.keep-uptodate h2 {
    font-size: 1.875em;
    margin-bottom: 15px;
}

.additional-information .keep-uptodate .col-md-10.col-md-offset-3 {
    display: inline-block;
    float: none;
    font-size: 0.8em;
    margin: 0 auto 25px;
    width: 65%;
}

.additional-information .keep-uptodate .col-md-2 {
    margin-left: 15px;
    margin-right: 0;
    padding-right: 0;
    padding-top: 5px;
}

#p_lt_ctl01_UserControl_userControlElem_pnlInsuranceAgreement .additional-information .col-lg-7,
#p_lt_ctl01_UserControl_userControlElem_pnlNetworkAgreement .additional-information .col-lg-7 {
    padding-left: 12.5%;
}

.additional-information .keep-uptodate .picker-checkbox {
    float: right;
}

.green-btn,
.blue-btn,
.pink-btn {
    display: block;
    padding: 34px 0 0 0;
}

.green-btn {
    background-color: #5d8929;
    background: -webkit-linear-gradient(rgb(116, 165, 52), rgb(91, 135, 40));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(116, 165, 52), rgb(91, 135, 40));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(116, 165, 52), rgb(91, 135, 40));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(116, 165, 52), rgb(91, 135, 40));
    /*Standard*/

    border-radius: 5px;
}

.blue-btn {
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/

    border-radius: 5px;
}

.pink-btn {
    background-color: #9f127c;
    background: -webkit-linear-gradient(rgb(154, 15, 120), rgb(180, 30, 142));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(154, 15, 120), rgb(180, 30, 142));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(154, 15, 120), rgb(180, 30, 142));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(154, 15, 120), rgb(180, 30, 142));
    /*Standard*/

    border-radius: 5px;
}

.green-btn:hover {
    background-color: #5d8929;
    background: -webkit-linear-gradient(rgb(91, 135, 40), rgb(116, 165, 52));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(91, 135, 40), rgb(116, 165, 52));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(91, 135, 40), rgb(116, 165, 52));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(91, 135, 40), rgb(116, 165, 52));
    /*Standard*/

    border-radius: 5px;
}

.blue-btn:hover {
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Standard*/

    border-radius: 5px;
}

.pink-btn:hover {
    background-color: #b41e8e;
    background: -webkit-linear-gradient(rgb(180, 30, 142), rgb(154, 15, 120));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(180, 30, 142), rgb(154, 15, 120));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(180, 30, 142), rgb(154, 15, 120));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(180, 30, 142), rgb(154, 15, 120));
    /*Standard*/

    border-radius: 5px;
}

.checkout .button h3,
.checkout.button h3 {
    padding: 20px 0 34px 0;
    color: #fff;
    font-size: 1.625em;
}

.checkout .grey {
    background: #eff6f8;
}

.checkout label {
    display: block;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em;
    font-weight: normal;
}

.checkout input[type="text"],
.checkout input[type="tel"] {
    display: block;
    padding-left: 20px;
    width: 100%;
    border: solid 1px #e1e4e5;
    height: 60px;
    line-height: 60px;
}

.checkout input[type="text"] {
    padding-left: 12px !important
}

.checkout .selectboxit-container .selectboxit {
    text-transform: uppercase;
    background: #fff;
    border: solid 1px #d2dadb;
    color: #002250;
    width:100%;
}

.checkout .selectboxit-container span.selectboxit-text {
    color: #4f7c8d;
    font-family: 'cpw_tradebold'!important;
    font-size: 1.2em;
}

.checkout .selectboxit-container span,
.checkout .selectboxit-container .selectboxit-options a {
    height: 60px;
    line-height: 60px;
    display: block;
    max-width: 100%!important;
}

.checkout .selectboxit-arrow-container {
    width: 50px;
}

.checkout .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    top: 40%;
    right: 40%;
}

.checkout .selectboxit-arrow {
    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;
    border: 0;
}

.checkout .selectboxit-arrow:before {
    content: "\f063";
    font-size: 1.25em;
    color: #002250;
}

.checkout .selectboxit-container .selectboxit-options {
    min-width: 100%!important;
}

.checkout .selectboxit-option-first {
    display: none;
}

.checkout .selectboxit-btn.selectboxit-enabled:hover,
.checkout .selectboxit-btn.selectboxit-enabled:focus,
.checkout .selectboxit-btn.selectboxit-enabled:active {
    background: #fff;
}
/**
* #.# Checkout: Accessories
*
* Shows a few accessories before proceeding to the cart
*/

.accessories-products {
    padding: 45px 0;
    min-height: 1px;
    text-align: center;
    background: #eff6f8;
}

.accessories-products h1 {
    padding-bottom: 50px;
}

.accessory-product-wrap .product-wrap {
    padding: 0 4px;
    /*display:table;*/
}

.accessory-product-wrap .product-image {
    padding: 23px 0 11px 0;
    margin: 0 1px 4px 1px;
    background: #fff;
    border: solid 1px #e9eff1;
    height: 450px;
    /*display:table-cell;
    vertical-align:middle;*/
}

.accessory-product-wrap .product-image img {
    width: auto;
    height: auto;
    max-height:300px;
}

.accessory-product-wrap .product-image h3 {
    margin: 16px 0;
    padding: 0 30px;
    color: #060606;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    text-transform: none;
    line-height: 1.1em;
}

.accessory-product-wrap .product-image a {
    color: #008ba6;
    font-size: 0.8em;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: underline;
}

.accessory-product-wrap .product-image a:hover {
    text-decoration: none;
}

.accessory-product-wrap .product-price,
.accessory-product-wrap .product-buy-now {
    padding: 0 2px;
}

.accessory-product-wrap .product-buy-now .btn {
    padding: 30px 0;
    width: 100%;
    font-size: 1.75em;
    line-height: 0.8em;
}

.accessory-product-wrap .product-price .inner-wrap {
    min-height: 84px;
    cursor: pointer;
    background-color: #f5f5f5;
    background: -webkit-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /* For Safari 5.1 to 6.0 */

    background: -o-linear-gradientrgb(245, 245, 245), rgb(255, 255, 255));
    /* For Opera 11.1 to 12.0 */

    background: -moz-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /* For Firefox 3.6 to 15 */

    background: linear-gradient(to rgb(245, 245, 245), rgb(255, 255, 255));
    /* Standard syntax */

    border: solid 1px #e9eff1;
}

.accessory-product-wrap .product-price .inner-wrap h3 {
    padding: 7px 0 0 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.75em;
}

.accessory-product-wrap .product-price .price {
    display: block;
    margin: 10px 0 0 0;
    color: #002250;
    font-family: 'cpw_tradebold';
    font-size: 1.75em;
    font-weight: 700;
    line-height: 0.8em;
    font-weight: 400;
}

.accessory-product-wrap .product-price .per-month {
    display: block;
    margin: 4px 0 0 0;
    color: #0095af;
    font-family: 'cpw_tradebold';
    text-transform: uppercase;
    font-size: 0.8125em;
    font-weight: 700;
}

.checkout .accessories-products .accessory-product-wrap {
    display:inline-block;
    margin:auto;
    float:none;
    vertical-align:top;
    width:24%;
}

.goto-checkout {
    padding: 12px 0 0 0;
}

.goto-checkout a {
    display: block;
    padding: 28px 0;
    color: #008ba6;
    font-size: 1.25em;
    line-height: 0.8em;
    text-transform: uppercase;
    text-decoration: underline;
}

.goto-checkout a:hover {
    text-decoration: none;
}

.goto-checkout a.btn {
    margin: 0 auto;
    padding: 25px 0;
    width: 30%;
    color: #fff;
    font-size: 1.875em;
    text-decoration: none;
}

/**
* #.# Checkout: Order Review
*
* table showing the summary of the order
*/

.order-review-wrapper {
    padding: 45px 0;
}

.order-review-wrapper .goto-checkout a.btn {
    width: 20%;
}

.order-review-table {
    padding: 0;
    text-align: left;
}
.order-review-table h1 {
    font-size:1.8em;
}

.order-review-table .row {
    margin: 0 10px;
    padding: 0;
    color: #002250;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #f4f4f4;
}

.order-review-table .row.alt {
    background: #e7ecee;
}


.order-review-table .row.total {
    text-align: right;
    background: none;
    margin-right: 0px;
}











/** Row Headers **/

.order-review-table .header-row {
    padding: 0 0 5px 0;
    color: #90a7b1;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: none;
}

.order-review-table .row.header-row .item,
.order-review-table .row.header-row .action,
.order-review-table .row.header-row .subtotal-price {
    padding: 0 0 0 18px;
    border: 0;
    font-size: 1.375em;
    line-height: normal;
}

/**
* #.# Checkout: Current Number
*
* Current Number or New Number
*/

.current-number .fa.fa-phone {
    color: red;
    font-size: 5em;
}

.current-number .fa.fa-phone {
    color: #fff;
    font-size: 5em;
}

.current-number .fa.fa-check-circle,
.current-number .fa.fa-plus-circle {
    position: absolute;
    top: 24%;
    left: 50%;
    color: #fff;
    font-size: 2em;
}
/**
 * #.# Checkout: Operator
 *
 * Which Operator....
 */

.operator-customer .fa.fa-file-o,
.operator-customer .fa.fa-user {
    color: #fff;
    font-size: 4.375em;
}

.operator-customer .fa.fa-plus-circle {
    color: #fff;
    font-size: 2em;
}

.operator-customer .inset {
    position: absolute;
    display: block;
    top: 40%;
    left: 55%;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: solid 6px #00819b;
    background: #00819b;
}

.prepay-customer img {
    position: absolute;
    top: 35%;
    left: 44.5%;
}

.billpay-customer img {
    position: absolute;
    top: 29%;
    left: 45%;
}

.empty-cart {
    text-align:center;
    font-family: cpw_tradebold, arial narrow;
  font-size: 2em;
  text-transform:uppercase;
  color: #002252;
}
/**
 * #.# Checkout: Account Details
 *
 * form fields to enter account number and phone number
 */

.checkout .account-details.section-padding {
    padding-top: 120px;
}

.account-details .acc-number {
    text-align: left;
}

.checkout .account-details.section-padding .choose.county {
    display:inline-block;
    width:30%;
}

.checkout .terms-link {
    color: #007e98;
    text-decoration: underline;
}


.help-tooltip {
    margin: 5px 0 30px 0;
}

.help-tooltip button {
    color: #0095af;
    font-size: 0.75em;
    text-decoration: underline;
    text-transform: uppercase;
    background: none;
    border: 0;
}

.help-tooltip button:hover {
    text-decoration: none;
}

.help-tooltip .fa {
    color: #002250;
}
/**
* #.# Checkout: Delivery Method
*
* Buttons for how to get the phone ordered.
*/

.delivery-method .col-lg-4 {
    width: 30%;
}

.delivery-method .col-md-offset-2 {
    margin-left: 5%
}

.delivery-method .buynow-collect img,
.delivery-method .pay-instore img {
    margin-bottom: 5px;
}

.buynow-collect{
    display: inline-block;
    margin: auto;
    float: none;
}
/**
* #.# Checkout: Identiy Proof
*
* Buttons for how to get the phone ordered.
*/

.checkout .identity-proof.section-padding {
    padding-top: 120px;
}

.identity-proof h1 {
    margin: 0 15%;
    padding: 0 0 112px 0;
    line-height: 1em;
}

.identity-proof .fa {
    color: #002250;
    font-size: 2.25em;
}

.identity-proof h4 {
    display: inline-block;
    padding-left: 20px;
    text-align: left;
    line-height: 1em;
}

.identity-proof .photo-id,
.identity-proof .bill-id,
.identity-proof .bank-id {
    padding: 0;
    text-align: left;
}

.identity-proof .bill-id,
.identity-proof .bank-id {
    margin-left: 5%;
    padding: 0;
}

.identity-proof .btn {
    margin-top: 120px;
}
/**
* #.# Checkout: Choose Store Pickup
*
* store selector (google map)
*/

.checkout .store-pickup.section-padding {
  padding-top: 180px;
  padding-bottom: 390px;
}


/** Map **/

.store-pickup #storeMap {
    margin-top: 40px;
    background: #000;
}

.store-pickup #storeMap h2 {
    padding: 100px 0;
    color: #fff;
    font-size: 3em;
}
/** Stores Google Map*/

.store-pickup #storesMap {
    height: 600px!important;
}

.store-pickup #storesMap img {
    max-width: none;
}

.store-pickup #storesMap .infoBox {
    margin-top: 88px;
}

.store-pickup #storesMap .infoBox img {
    display: none;
}

.store-pickup #storesMap .infoBox .storeInfoPopup {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px 14px 146px;
    min-width: 360px;
    /* min-height: 275px; */

    color: #fff;
    /*background: url("images/map/popup.png") no-repeat 0 0;*/

    background: #002250;
    margin-left: -40px;
    text-align: left;
}




.store-pickup #storesMap .infoBox .storeInfoPopup .store-image {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 114px;
    height: 114px;
    border-radius: 57px;
    background: #fff;
}

.store-pickup #storesMap .infoBox .storeInfoPopup .store-image img {
    display: block;
    border-radius: 57px;
    width: 114px;
    height: 114px;
}

.store-pickup .storeInfoPopup h3 {
    color: #fff;
    font-size: 22px;
    padding: 35px 0 10px 0;
    width: 75%;
}

.store-pickup .storeInfoPopup .storeAddress {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
}

.store-pickup .storeInfoPopup a {
    display: block;
    padding: 14px 0 14px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-weight: 400;
    font-size: 22px;
    border-radius: 0;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/
}

.store-pickup .openingTimes {
    font-size: 14px;
    padding-bottom: 20px;
}





.storeAction span {
    position:absolute;
    top:0;
    right:0;
    width:52px;
    height:52px;
    background: url("images/map/outofstock-background.png") no-repeat 0 0;
}


.outofstock .storeAction span {
    right:-3px;
}


/**
* #.# Checkout: Personal Details / Contact Information / Additional Information
*
* Tabbed layout with details split to three tabs
*/

.personal-details .container,
.contact-information .container,
.additional-information .container {
    padding: 0;
}

.checkout .nav-tabs {
    border: 0;
}

.checkout .nav-tabs > li {
    width: 33.3%;
}

.checkout .nav-tabs > li {
    margin: 0;
}

.checkout .nav-tabs > li .fa {
    margin-left: 10px;
}

.checkout .nav-tabs>li.active>a,
.checkout .nav-tabs>li.active>a:hover,
.checkout .nav-tabs>li.active>a:focus {
    border: solid 1px #e8edef;
    border-bottom: transparent;
    border-left: transparent;
    border-right: transparent;
}

.checkout .nav-tabs > li > a {
    margin: 0;
    padding: 40px 0;
    border-radius: 0;
    color: #002250;
    font-size: 1.75em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 0.8em;
    border: 0;
}

.checkout .nav-tabs > li.step1 > a {
    color: #bfc8cf;
    background: #d3dbdf;
}

.checkout .nav-tabs > li.step2 > a {
    color: #bfc8cf;
    background: #dde4e7;
}

.checkout .nav-tabs > li.step3 > a {
    color: #b7c0c8;
    background: #d3dbdf;
}

.checkout .nav-tabs > li.step1.active > a,
.checkout .nav-tabs > li.step2.active > a,
.checkout .nav-tabs > li.step3.active > a {
    color: #002250;
    background: #fff;
}


.checkout .tab-pane .row {
    margin: 0 0 40px 0;
}

.checkout .tab-pane h2 {
    font-size: 2.125em;
    padding: 10px 0 55px 0;
}

.checkout .current-address {
    text-align: left;
}

.checkout .current-address .selectboxit-container {
    /*width: 33%;
    /*margin-right: 10px;*/

    width: 100%;
}

.currentYears {
    display: -webkit-box;
}

.contact-information .btn {
    margin-top: 30px;
}

.contact-information .selectboxit-container span.selectboxit-text {
    color: #002252;
}

.checkout .sort .selectboxit-arrow:before {
    content: "\f0dc";
    font-size: 1.25em;
    color: #002250;
}

.additional-information h1 {
    margin: 0 18%;
    line-height: 1em;
}

.additional-information h1 span {
    color: #008ca7;
}

.additional-information .btn {
    width: 30%;
}

.checkout .additional-information .selectboxit-container span.selectboxit-text {
    font-size: 1.15em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif!important;
    font-style: normal;
    font-weight: 400;
}
/** Keep Up to Date with CPW **/

.additional-information .keep-uptodate {}

.additional-information .keep-uptodate h2 {
    padding-bottom: 35px;
}

.additional-information .keep-uptodate p {
    font-size: 1.2em;
    color: #002250;
    text-align: left;
}

.additional-information .keep-uptodate input[type="checkbox"] {
    position: absolute;
    right: 10px;
    margin: 0;
    width: 36px;
    height: 36px;
    background: none;
}
/** Security Questions **/

.additional-information .security-question-wrap h2 {
    padding-bottom: 35px;
}

.additional-information .security-question {
    margin-bottom: 20px;
}

.additional-information .security-question input[type="text"] {
    font-size: 1.3em;
}
/**
* #.# Order Confirmation Pages
*
*  Order Confirmation Page Online & Order Confirmation Page Postal
*/

.order-confirmation {
    text-align: center;
}

.order-confirmation h1 {
    padding: 75px 0 80px 0;
    color: #fff;
    font-size: 4.375em;
}

.order-confirmation h2 {
    padding: 16px 0;
    color: #fff;
    font-size: 1.875em;
}

.order-confirmation h3 {
    color: #fff;
}
/** Option A **/

.order-confirmation .option-a,
.order-confirmation .option-b {
    margin: 0;
    background-image: url(images/backgrounds/option-a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    min-height: 750px;
    height: 0!important;
}

.order-info {
    margin-left: 2%;
}

.order-info,
.order-choosen-store,
.order-what-to-bring,
.order-tracker {
    position: relative;
    float: left;
    padding: 0 10px;
    width: 32%;
    /*margin:auto;
    display:inline-block;*/
}

.order-info .wrap {
    padding: 20px;
    text-align: left;
    background: #b4c4cb;
     height:500px;
}

.order-choosen-store .wrap,
.order-what-to-bring .wrap,
.order-tracker .wrap {
    padding: 20px;
    text-align: left;
    background: #4f7c8d;
    height:500px;
}
/** Order Box **/

.order-content {
    padding-top: 35px;
}

.order-content h3 {
    padding-bottom: 18px;
    color: #4f7c8d;
    font-size: 1.5em;
    line-height: 1em;
}

.order-content h3 span {
    color: #fff;
}

.order-content p {
    padding-bottom: 25px;
    color: #060606;
    font-size: 0.875em;
}

.order-content a {
    color: #008ca7;
}

.order-content a:hover {
    text-decoration: underline;
}

.print-btn a {
    display: inline-block;
    padding: 0 34px 0 16px;
    color: #90a7b1;
    font-size: 1.25em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height: 51px;
    background-color: #90a7b1;
    background: -webkit-linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(255, 255, 255), rgb(245, 245, 245));
    /*Standard*/

    border: solid 1px #fff;
}

.print-btn a:hover {
    text-decoration: none;
    background-color: #90a7b1;
    background: -webkit-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(245, 245, 245), rgb(255, 255, 255));
    /*Standard*/
}

.print-btn .fa {
    position: relative;
    top: 6px;
    margin-right: 18px;
    color: #4f7c8d;
    font-size: 1.5em;
}
/** Store Box **/

.store-content {
    padding-top: 36px;
    position: relative;
    padding-left: 38%;
    color: #fff;
}

.store-content a {
    color: #fff;
}

.store-content .store-img {
    margin: 0 auto;
    text-align: center;
    width: 113px;
    height: 113px;
    background-color: #4f7c8d;
    overflow: hidden;
    -webkit-border-radius: 56.5px;
    -moz-border-radius: 56.5px;
    border-radius: 56.5px;
    position: absolute;
    top: 36px;
    left: 0;
}

.store-content .store-img img {
    margin: 0 auto;
    text-align: center;
    width: 113px;
    height: 113px;
    background-color: #4f7c8d;
    overflow: hidden;
    -webkit-border-radius: 56.5px;
    -moz-border-radius: 56.5px;
    border-radius: 56.5px;
    position: relative;
}

.store-content h3 {
    font-size: 1.375em;
    padding-bottom: 10px;
}

.store-content .address {
    line-height: 1.2em;
}

.store-content .telephone {
    margin-top: 15px;
    margin-bottom: 65px;
}
/* view on google maps button */

.maps-btn {
    float: right;
}

.maps-btn a {
    font-size: 1.25em;
}
/** What your need to bring Box **/

.bringwhat-content {
    padding: 18px 0 0 0;
    color: #fff;
}

.bringwhat-content .fa {
    position: absolute;
    left: 0;
    font-size: 2.25em;
}

.bringwhat-content .blue {
    color: #26cae8;
}

.bringwhat-content ul li {
    position: relative;
    padding-left: 18%;
    font-size: 0.95em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}

.bringwhat-content span.underline {
    text-decoration: underline;
}

.bringwhat-content ul li.order-id {
    padding-bottom: 35px;
}

.bringwhat-content ul li.user-id {
    padding-bottom: 15px;
}

.bringwhat-content ul li.bank-id {
    padding-bottom: 35px;
}

.bringwhat-content ul li.bill-id {
    padding-bottom: 25px;
}

.bringwhat-content ul li.bill-id .fa {
    left: 5px;
}

.bringwhat-content ul li.user-id .fa {
    left: 5px;
}

.bringwhat-content a {
    padding-left: 5px;
    color: #fff;
    text-decoration: underline;
}

.bringwhat-content a:hover {
    text-decoration: none;
}

.bringwhat-content p {
    padding-top: 10px;
    padding-bottom: 15px;
}

.option-b .order-info {
    margin-left: 20%;
}

.option-b .order-content p {
    padding-bottom: 65px;
    color: #060606;
    font-size: 1em;
}

.option-b .order-content .print-btn {
    margin-bottom: 30px;
}

.tracker-content {
    padding-top: 30px;
}

.tracker-content p {
    padding-bottom: 28px;
    color: #fff;
}

.tracker-content .login-btn {
    margin-top: 24px;
    margin-bottom: 35px;
}

.tracker-content .login-btn a {
    padding: 12px 48px;
    font-size: 1.25em;
}
/**
* #.# What Sort of Plan Do you Need?
*
* Landing Page to give user journey
*/

.what-plan {
    margin: 0;
    background-image: url(images/backgrounds/option-a.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.what-plan .ie8-image {
    display: none;
}

.IE8 .what-plan {
    height: 820px!important;
    background: none;
}

.IE8 .what-plan .ie8-image {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1680px;
    height: auto!important;
    min-height: 900px;
    z-index: 0;
}

.IE8 .what-plan .monthly-plan,
.IE8 .what-plan .switch-plan,
.IE8 .what-plan .simonly-plan,
.IE8 .what-plan h1 {
    position: relative;
    z-index: 10;
}

.what-plan {
    text-align: center;
}

.what-plan h1 {
    padding: 75px 0 160px 0;
    color: #fff;
    font-size: 4.375em;
}

.what-plan h3 {
    padding: 20px 20px 34px 20px;
    color: #fff;
    font-size: 1.625em;
    line-height: 1.2em;
}

.what-plan .fa {
    color: #fff;
    font-size: 4.375em;
}

.what-plan .fa.fa-mobile-phone {
    font-size: 6em;
}

.what-plan .monthly-plan h3 {
    padding-top: 0;
    padding-bottom: 28px;
}

.what-plan .monthly-plan,
.what-plan .switch-plan,
.what-plan .simonly-plan {
    width: 25%;
    margin: 0;
}

.what-plan .monthly-plan {
    margin-left: 25%;
}
/**
* #.# What Sort of Plan Do you Need?
*
* Landing Page to give user journey
*/

.compare-options {
    margin: 0;
    background-image: url(images/backgrounds/compare-4.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/

    min-height: 800px;
}

.compare-options .ie8-image {
    display: none;
}

.IE8 .compare-options {
    height: 820px!important;
    background: none;
}

.IE8 .compare-options .ie8-image {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    max-width: 1680px;
    height: auto!important;
    min-height: 900px;
    z-index: 0;
}

.IE8 .compare-options .monthly-plan,
.IE8 .compare-options .switch-plan,
.IE8 .compare-options .simonly-plan,
.IE8 .compare-options h1 {
    position: relative;
    z-index: 10;
}

.compare-options {
    text-align: center;
}

.compare-options h1 {
    padding: 75px 0 160px 0;
    color: #fff;
    font-size: 4.375em;
}

.compare-options h3 {
    padding: 20px 20px 34px 20px;
    color: #fff;
    font-size: 1.625em;
    line-height: 1.2em;
}

.compare-options .fa {
    color: #fff;
    font-size: 4.375em;
}

.compare-options .fa.fa-mobile-phone {
    font-size: 6em;
}

.compare-options .monthly-plan h3 {
    padding-top: 0;
    padding-bottom: 28px;
}

.compare-options .monthly-plan,
.compare-options .switch-plan,
.compare-options .simonly-plan {
    width: 25%;
    margin: 0;
}

.compare-options .monthly-plan {
    margin-left: 25.5%;
}
/**
* #.# Footer
*
* Footer elements, contains seo links to sections of the site, social media icons, marketing banners and partner logos.
*/

footer {
    position: relative;
    /* added for when a user scrolls to the footer the comparison toolbar is hidden behind the footer*/

    z-index: 5;
    color: #002252;
}

footer .footer-row1 {
    background: rgb(231, 236, 239);
    padding: 34px 0;
}

footer h2 {
    margin: 0 0 20px 0;
    padding: 12px 0 0 0;
    font-size: 1.875em;
}

footer h3 {
    font-size: 1.25em;
}
/* Footer Links Columns */

footer ul li a {
    display: block;
    padding: 4px 0;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    color: #517a8e;
    font-size: 1.45em;
}

footer ul li a:hover {
    color: #002252;
    text-decoration: none;
}
/* Footer Social Media Icons */

footer .social-icons {
    text-align: right;
}

footer .social-icons ul.icons {
    margin: 0 0 24px 0;
}

footer .social-icons ul.icons li {
    display: inline-block;
    margin: 0 -5px 0 4px;
    padding: 0;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
}

footer .social-icons a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 1.5em;
}

footer .social-icons .channel {
    display: none;
    /* this is used to hide the text of the social media channel, the text on screen is used in a jQuery Function to add classes */
}

footer .social-icons .youtube a {
    background: #FE0000;
}

footer .social-icons .linkedin a {
    background: #1385C4;
}

footer .social-icons .google a {
    background: #252223;
}

footer .social-icons .facebook a {
    background: #3B5999;
}

footer .social-icons .twitter a {
    background: #00BBF5;
}
/* hovering state of the social media icons */

footer .social-icons .youtube a:hover,
footer .social-icons .linkedin a:hover,
footer .social-icons .google a:hover,
footer .social-icons .facebook a:hover,
footer .social-icons .twitter a:hover {
    color: #fff;
    background: #517a8e;
}

footer .social-icons .dixons-group {}

footer .social-icons .dixons-group ul {
    float: right;
}

footer .social-icons .dixons-group ul li {
    height: 50px;
    vertical-align: top;
    min-width: 40px;
    text-align: center;
    float: left;
    padding: 0 15px;
}

footer .social-icons .dixons-group ul li img {
    height: 50px;
}
/* Footer Call to Action Banner */

footer img {
    max-width: 100%;
}

.dmaaward{
	margin-top: 12px;}

footer .footer-row2 {
    padding: 4px 0;
    background: #EFF6F8;
}

footer .footer-row2 h3 {
    float: left;
    line-height: 50px !important;
}

footer .footer-row2 .dixons-group-mobile {
    display: none;
}

footer .footer-row2 .cpw-partners h3 {
    padding-right: 50px;
}

footer .footer-row2 .cpw-partners ul {
    display: inline-block;
    float: left;
}

footer .footer-row2 ul {
    display: inline-block;
}

footer .footer-row2 ul li {
    display: inline-block;
    margin: 0 20px;
}

footer .footer-row2 a {
    padding: 0;
}

.IE8 footer .footer-row2 ul li {
    display: inline-block;
    margin: 0 14px;
}
/* Footer-Row2 */

footer .footer-row3 {
    padding: 16px 0 0 0;
    color: #fff;
    background: rgb(79, 124, 141);
    border-top: solid 1px #a4bdc6;
}

footer .footer-row3 .copyright {
    font-size: 0.75em;
}

footer .footer-row3 .continuum-credit {
    text-align: right;
}

footer .footer-row3 .continuum-credit a {
    display: inline-block;
    padding: 0 0 10px 33px;
    color: #fff;
    font-size: 0.75em;
    line-height: 22px;
    background: url("images/icons/ico-continuum-small.png") no-repeat;
    background-size: 23px auto;
}

footer .footer-row3 .continuum-credit span {
    text-decoration: underline;
}

footer .footer-row3 .continuum-credit span:hover {
    text-decoration: none;
}
/**
* #.# Button Styles
*
* General CSS for all Buttons
*/

.btn,
.AddToCartLink {
    padding: 14px 18px 14px 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-size: 2em;
    border-radius: 0;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/

    font-weight: 400;
}

.btn:hover,
.AddToCartLink:hover {
    color: #fff;
    background-color: #008da8;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Standard*/
}

.btn:active,
.btn:focus {
    color: #fff;
}
/** orange button **/

.btn-orange {
    padding: 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-size: 2em;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(237, 116, 27), rgb(224, 107, 22));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(237, 116, 27), rgb(224, 107, 22));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(237, 116, 27), rgb(224, 107, 22));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(237, 116, 27), rgb(224, 107, 22));
    /*Standard*/
}

.btn-orange:hover {
    color: #fff;
    background-color: #008da8;
    background: -webkit-linear-gradient(rgb(224, 107, 22), rgb(237, 116, 27));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(224, 107, 22), rgb(237, 116, 27));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(224, 107, 22), rgb(237, 116, 27));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(224, 107, 22), rgb(237, 116, 27));
    /*Standard*/
}

.btn a {
    color: #fff;
    font-weight: 400;
}
/** Set the Font Size of the Font-Awesome Icon */

.btn .fa {
    float: right;
    /*margin: 0 20px 0 0;*/
    font-size: 1.5em;
}
/**
* #.# Social Media Share Buttons
*
* Social media share buttons for Facebook, Twitter, LinkedIn, GooglePlus and Email .
*/

#social-buttons-dt,
#social-buttons-footer {
    display: inline-block;
}

#social-buttons-dt > div,
#social-buttons > div,
#social-buttons-footer > div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
/* .sharrre class is added by javascript to the html */

.sharrre {
    float: left;
    margin: 10px 0 0 3px;
}

.sharrre .box a:hover {
    text-decoration: none;
}

.sharrre .count {
    display: block;
    position: relative;
    height: 24px;
    padding: 0 11px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-top: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    background: #f8f8f8;
    /* Old browsers */

    color: #a3a3a3;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
}

.sharrre .share {
    display: block;
    height: 24px;
    width: 36px;
    padding: 0;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    background-image: url("images/icons/social-sharing-icons.png");
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    text-indent: -10000px;
}

.share,
.count {
    float: right;
}
/* Share Buttons Styles */

.twitter-share {
    background: -moz-linear-gradient(top, #28c0ff 0%, #1aaae5 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #28c0ff), color-stop(100%, #1aaae5));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #28c0ff 0%, #1aaae5 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #28c0ff 0%, #1aaae5 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #28c0ff 0%, #1aaae5 100%);
    /* IE10+ */

    background: linear-gradient(top, #28c0ff 0%, #1aaae5 100%);
    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#28c0ff', endColorstr='#1aaae5', GradientType=0);
    /* IE6-9 */
}

.twitter-share .share {
    background-position: 50% -27px;
}

.facebook-share {
    background-color: #4d6db4;
    /* Old browsers */

    background: -moz-linear-gradient(top, #5172ba 0%, #39579a 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5172ba), color-stop(100%, #39579a));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #5172ba 0%, #39579a 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #5172ba 0%, #39579a 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #5172ba 0%, #39579a 100%);
    /* IE10+ */

    background: linear-gradient(top, #5172ba 0%, #39579a 100%);
    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5172ba', endColorstr='#39579a', GradientType=0);
    /* IE6-9 */
}

.facebook-share .share {
    background-position: 50% 2px;
}

.pinterest-share {
    background-color: #e12d33;
    background: -moz-linear-gradient(top, #e12d33 0%, #cb2026 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e12d33), color-stop(100%, #cb2026));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #e12d33 0%, #cb2026 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #e12d33 0%, #cb2026 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #e12d33 0%, #cb2026 100%);
    /* IE10+ */

    background: linear-gradient(top, #e12d33 0%, #cb2026 100%);
    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e12d33', endColorstr='#cb2026', GradientType=0);
    /* IE6-9 */
}

.pinterest-share .share {
    background-position: 50% -82px;
}

.googleplus-share {
    background: #ff523f;
    /* Old browsers */

    background: -moz-linear-gradient(top, #ff523f 0%, #dc2915 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff523f), color-stop(100%, #dc2915));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #ff523f 0%, #dc2915 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #ff523f 0%, #dc2915 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #ff523f 0%, #dc2915 100%);
    /* IE10+ */

    background: linear-gradient(top, #ff523f 0%, #dc2915 100%);
    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff523f', endColorstr='#dc2915', GradientType=0);
    /* IE6-9 */
}

.googleplus-share .share {
    background-position: 50% -54px;
}

.mail-share {
    float: left;
    margin: 10px 0 0 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #c7c7c7;
    /* Old browsers */

    background: -moz-linear-gradient(top, #c7c7c7 0%, #acacac 100%);
    /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c7c7c7), color-stop(100%, #acacac));
    /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, #c7c7c7 0%, #acacac 100%);
    /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, #c7c7c7 0%, #acacac 100%);
    /* Opera 11.10+ */

    background: -ms-linear-gradient(top, #c7c7c7 0%, #acacac 100%);
    /* IE10+ */

    background: linear-gradient(top, #c7c7c7 0%, #acacac 100%);
    /* W3C */

    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#acacac', GradientType=0);
    /* IE6-9 */
}

.mail-share a {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 38px;
    background-image: url("images/icons/social-sharing-icons.png");
    background-position: 50% -112px;
    background-repeat: no-repeat;
    text-indent: -10000px;
}
/**
* #.# Select Box Styles
*
* Add General Stying of SelectBoxes using the selectIt jQuery Plugin
*/

.selectboxit-container {
    margin: 0;
}

.selectboxit-container .selectboxit {
    text-transform: uppercase;
    background: #f0f0f0;
    border: solid 1px #d2dadb;
    color: #002250;
}
/*
 * jquery.selectBoxIt.css 3.8.0
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */

.selectboxit-container {
    position: relative;
    display: block;
    vertical-align: top;
}
/* Styles that apply to all SelectBoxIt elements */

.selectboxit-container * {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    /* Prevents text selection */

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap;
}
/* Button */

.selectboxit-container .selectboxit {
    width: 220px;
    /* Width of the dropdown button */

    cursor: pointer;
    margin: 0;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    display: block;
    position: relative;
}
/* Height and Vertical Alignment of Text */

.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    height: 50px;
    /* Height of the drop down */

    line-height: 50px;
    /* Vertically positions the drop down text */

    display: block;
}
/* Focus pseudo selector */

.selectboxit-container .selectboxit:focus {
    outline: 0;
}
/* Disabled Mouse Interaction */

.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}
/* Button Text */

.selectboxit-text {
    text-indent: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 6px;
}
/* Options List */

.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    /* Minimum Width of the dropdown list box options */

    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    border-radius: 0px;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* Individual options */

.selectboxit-option .selectboxit-option-anchor {
    padding: 0 2px;
}
/* Individual Option Hover Action */

.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none;
}
/* Individual Option Optgroup Header */

.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 5px;
    /* Horizontal Positioning of the select box option text */

    margin: 0;
    list-style-type: none;
}
/* The first Drop Down option */

.selectboxit-option-first {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
/* The first Drop Down option optgroup */

.selectboxit-optgroup-header + .selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/* The last Drop Down option */

.selectboxit-option-last {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
/* Drop Down optgroup headers */

.selectboxit-optgroup-header {
    font-weight: bold;
}
/* Drop Down optgroup header hover psuedo class */

.selectboxit-optgroup-header:hover {
    cursor: default;
}
/* Drop Down down arrow container */

.selectboxit-arrow-container {
    /* Positions the down arrow */

    width: 30px;
    position: absolute;
    right: 0;
}
/* Drop Down down arrow */

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    /* Horizontally centers the down arrow */

    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 100%;
    left: 0;
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow:before {
    content: "\f078";
    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;
}
/* Drop Down down arrow for jQueryUI and jQuery Mobile */

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%;
}
/* Drop Down individual option icon positioning */

.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
/* Drop Down individual option icon positioning */

.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left;
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}
/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */

.jqueryui .ui-icon {
    background-color: inherit;
}
/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */

.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/

.selectboxit-btn {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    color: #002250;
    background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: #002250;
    text-decoration: none;
    background-position: 0 -15px;
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    /*border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;*/
}

.selectboxit-list {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
    color: #002250;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #002250;
    background-color: #e6e6e6;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #999999;
}
/*
 * Picker v3.1.2 - 2014-11-25
 * A jQuery plugin for replacing default checkboxes and radios. Part of the formstone library.
 * http://formstone.it/picker/
 *
 * Copyright 2014 Ben Plum; MIT Licensed
 */

.picker-element {
    opacity: 0;
    position: absolute;
    -webkit-transition: none;
    transition: none;
    z-index: -1;
}

.no-touch .picker-element {
    left: -99999px;
}

.picker {
    /*cursor: pointer;
  margin: 0 0 10px 0;
  overflow: hidden;
  position:absolute;
  right:10px;*/
}

.picker .picker-label {
    color: #888;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.picker .picker-handle {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    height: 36px;
    width: 36px;
    -moz-box-shadow: inset 0 0 2px #000;
    -webkit-box-shadow: inset 0 0 2px #000;
    box-shadow: inset 0 0 2px #000;
}

.picker.focus .picker-label {
    color: #555;
}

.picker.focus .picker-handle {
    border-color: #aaa;
}

.picker.picker-radio .picker-handle {
    border-radius: 8px;
}

.picker.picker-radio .picker-flag {
    background: #fff;
    border-radius: 4px;
    display: block;
    height: 8px;
    margin: 3px;
    width: 8px;
}

.picker.picker-radio.focus .picker-flag {
    background: #ddd;
}

.picker.picker-radio.checked .picker-flag {
    background: #999;
}

.no-touch .picker.picker-radio:hover .picker-flag {
    background: #ddd;
}

.no-touch .picker.picker-radio.disabled:hover .picker-flag {
    background: #fff;
}

.picker.picker-checkbox .picker-handle {
    border-radius: 3px;
}

.picker.picker-checkbox .picker-flag {
    /* background: #fff;*/

    border-radius: 2px;
    display: block;
    height: 100%;
    margin: 0;
    width: 100%;
}

.picker.picker-checkbox.checked .picker-flag {
    /* background: url(../images/jquery.fs.picker-icon.png) no-repeat center;*/

    padding-top: 5px;
}

.picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 1.5em;
}

.picker.picker-checkbox.checked .picker-flag {
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border: 0;
}

.picker.picker-toggle {
    padding: 20px 0 0;
    position: relative;
}

.picker.picker-toggle .picker-toggle-label {
    color: #999;
    font-size: 12px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
}

.picker.picker-toggle .picker-toggle-label.on {
    left: 0;
}

.picker.picker-toggle .picker-toggle-label.off {
    color: #333;
    right: 0;
}

.picker.picker-toggle .picker-label {
    display: none;
}

.picker.picker-toggle .picker-handle {
    border-radius: 3px;
    height: 20px;
    position: relative;
    width: 100%;
}

.picker.picker-toggle .picker-flag {
    background: #666;
    border-radius: 2px;
    display: block;
    height: 100%;
    left: 50%;
    margin: 0;
    position: absolute;
    top: 0;
    width: 50%;
    -webkit-transition: left 0.1s linear;
    transition: left 0.1s linear;
}

.picker.picker-toggle.checked .picker-toggle-label.on {
    color: #333;
}

.picker.picker-toggle.checked .picker-toggle-label.off {
    color: #999;
}

.picker.picker-toggle.checked .picker-flag {
    background: #666;
    left: 0;
}

.picker.disabled {
    cursor: default;
    opacity: 0.5;
}

.picker.disabled .picker-label,
.picker.disabled .picker-handle {
    cursor: default;
}
/*** Slide Menus ****/
/* General styles for all menus */

.cbp-spmenu {
    background: #d3dec6;
    position: fixed;
}
/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 300px;
    height: 100%;
    top: 0;
    z-index: 6000;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 260px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}
/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -300px;
}

.cbp-spmenu-right {
    right: -280px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}
/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -260px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}
/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 300px;
}

.cbp-spmenu-push-toleft {
    left: -300px;
}
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
/****** Custom Scrollbars */

.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail {
    opacity: 0.6;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    opacity: 1;
}

.ps-container > .ps-scrollbar-x-rail {
    display: block;
    position: absolute;
    /* please don't change 'position' */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    bottom: 3px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */

    height: 8px;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
    position: absolute;
    /* please don't change 'position' */

    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    bottom: 0;
    /* there must be 'bottom' for ps-scrollbar-x */

    height: 8px;
}

.ps-container > .ps-scrollbar-x-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.ps-container > .ps-scrollbar-y-rail {
    display: block;
    position: absolute;
    /* please don't change 'position' */

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    -moz-transition: background-color 0.2s linear, opacity 0.2s linear;
    -o-transition: background-color 0.2s linear, opacity 0.2s linear;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    right: 3px;
    /* there must be 'right' for ps-scrollbar-y-rail */

    width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    position: absolute;
    /* please don't change 'position' */

    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y */

    width: 8px;
}

.ps-container > .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

.ps-container:hover > .ps-scrollbar-x-rail.in-scrolling,
.ps-container:hover > .ps-scrollbar-y-rail.in-scrolling {
    background-color: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
    background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
    background-color: #999;
}
/**
* #.# Internet Explorer * Rules
*
* CSS rules for IE8 only
*/

.IE8 .refine-compare-tools {
    background: none;
    float: right;
    /* bug on width of container*/
}

.IE8 .yamm .dropdown-menu {
    background: url(images/backgrounds/menu-bg-ie8.png);
}

.IE8 .dropdown-menu H2 {
    font-size: 1.3em;
}
/**
* #.# Search Results
*
* styles of the search results
*/

.search-result-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e7ecee;
}

.search-result-item-title a {
    display: block;
    padding: 4px 0;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.5em;
    line-height: 0.8;
    text-transform: uppercase;
}

.search-result-item-meta {
    margin-top: 10px;
    font-size: 14px;
}

.search-result-item-meta .created-date {
    display: block;
    margin-top: 5px;
}

.keyword-highlight {
    background: #FEFF8F;
}

.relevance-title,
.created-title {
    min-width: 90px;
    display: inline-block;
    font-weight: 700;
}

.searchDialogLabel {
    display: block;
    padding: 2px 0;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
}

.searchDialog {
    margin-bottom: 30px;
    padding: 20px;
    background: #e7ecee;
    position: relative;
}

.searchDialog .form-horizontal .form-group {
    width: 50%;
}

.searchDialog .form-horizontal .form-group input[type='text'] {
    width: 100%;
}

.searchTextMode {
    position: relative;
}

.searchDialog input.btn.btn-default {
    /*position: absolute;
  right: 20px;
  top: 65px;
  z-index: 1;
  padding: 0;
  width: 53px;
  height: 53px;
  color: #002250;
  border-width: 0;
  background: transparent url("images/icons/ico-header-search.png") no-repeat 50% 50%;
  font-size: 1.2em;
  vertical-align: top;
  border: 0;
  text-indent: 100%;*/
}

.searchDialog .selectboxit-container {
    width: 100%;
}

.searchDialog .selectboxit-container .selectboxit {
    width: 100%;
}

.searchDialog .selectboxit-container .selectboxit {
    background: #fff;
}

.searchDialog .selectboxit-container span,
.searchDialog .selectboxit-container .selectboxit-options a {
    height: 60px;
    line-height: 60px;
    display: block;
}

.searchFilter {
    position: absolute;
    top: 20px;
    padding: 0 20px;
    right: 0;
    width: 50%;
}
/**** blog tags ****/

.cpw-2column .article-content .blog-tags {
    margin: 20px 20px 0 20px;
    min-height: 50px;
    line-height: 50px;
    margin-bottom: 10px;
    border: 1px solid #d9d9d9;
    position: relative;
    background: #e7ecee;
}

.cpw-2column .article-content .blog-tags > h3 {
    color: #333;
    float: left;
    height: 50px;
    line-height: 50px !important;
    display: inline;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

.cpw-2column .article-content .blog-tags ul.tags {
    width: 530px;
    height: 50px;
    display: block;
    overflow: hidden;
    float: left;
    margin-left: 10px;
    padding: 0;
}

.cpw-2column .article-content .blog-tags ul.tags a {
    background: url("images/tag_bg.png") center left no-repeat;
    padding-left: 10px;
}
/**** Error Messages *****/

.carterrormessage {
    padding: 10px 12px;
    color: #a12020;
    font-weight: 400;
    background: #eab7b7;
    border: solid 1px #a12020;
}

.carterrormessage:before {
    color: #e81b23;
    margin: 0 10px 0 0;
    content: "\f071";
    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;
    transform: translate(0, 0);
}


.noresults {
    padding: 10px 12px;
    color: #a12020;
    font-weight: 400;
    background: #eab7b7;
    border: solid 1px #a12020;
}

.no-plans span  {
    padding: 10px 12px;
    color: #a12020;
    font-weight: 400;
    background: #eab7b7;
    border: solid 1px #a12020;
}


/**
* #.# Sky Signup Form
*
* styles of the form
*/

.sky-content,
.form-content {
    text-align: center;
    margin-bottom: 40px;
}



.form-wrapper {
    margin: 0 auto 40px auto;
    padding: 40px;
    width: 50%;
    background: #e7ecee;
}

.sticky-survey-content .form-wrapper {
     width: 100%;
}

.form-wrapper td{
    width: 50%;
}

.form-wrapper label {
    display: block;
    padding: 2px 0;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
}

.form-wrapper input[type="text"] {
    margin: 0 0 20px 0;
    padding: 18px 12px;
    width: 100%;
    height: auto;
    border: solid 1px #e0e3e4;
    border-radius: 0;
    box-shadow: none;
}

.form-wrapper textarea {
    margin: 0 0 20px 0;
    padding: 12px 12px;
    height: 220px;
    border: solid 1px #e0e3e4;
    border-radius: 0;
    box-shadow: none;
}

.form-wrapper input[type="submit"] {
    padding: 15px 30px;
    font-size: 1.875em;
    font-weight: 400;
}

.form-wrapper .selectboxit-container .selectboxit {
    margin: 0 0 20px 0;
    width: 100%;
    background: #fff;
}

.form-wrapper .selectboxit-container .selectboxit-options {
    min-width: 50%;
    margin-top: -20px;
}

.EditingFormCategoryRow.category_Address.tr,
.EditingFormCategoryRow.category_ContactDetails.tr,
.EditingFormCategoryRow.category_SelectServices.tr {
    /* display: none; */

    display: block;
    padding: 2px 0;
    color: #4f7c8d;
    font-size: 1.9em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
    color: #002252;
    padding-bottom: 10px;
}


/* MOG - 15/08/2016 - aligning checkbox withe text
.form-wrapper .checkbox.checkbox-list-vertical {
     padding-bottom:20px;
}*/
.form-wrapper .checkbox.checkbox-list-vertical label {
     position:relative;
     float:none;
}
.form-wrapper .checkbox.checkbox-list-vertical .picker.picker-checkbox {
    margin:10px 0;
}
.form-wrapper .checkbox.checkbox-list-vertical .picker.picker-checkbox .picker-handle {
    position: absolute;
    margin:0;
}
.form-wrapper .checkbox.checkbox-list-vertical label {
    position:relative;
    left:30px;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform:none;
    width:90%;
}
.form-wrapper .checkbox.checkbox-list-vertical br {
    display:none;
}


.form-wrapper .CheckBoxField label {
    display: none;
}

.form-wrapper .ErrorMessage {
    margin-bottom: 20px;
    padding: 10px 12px;
    color: #a12020;
    font-weight: 400;
    background: #eab7b7;
    border: solid 1px #a12020;
}

.form-wrapper .EditingFormErrorLabel, .ErrorLabel  {
    margin-bottom: 20px;
    padding: 10px 12px;
    color: #a12020;
    font-weight: 400;
    background: #eab7b7;
    border: solid 1px #a12020;
    display: block;
}

#IsExisitingCustomer,
#IsSendSMS {
    margin: 10px 0 20px 0;
    overflow: hidden;
}

#IsExisitingCustomer .FieldLabel .picker-handle {
    display: none;
}

#IsSendSMS .FieldLabel .picker-handle {
    display: none;
}

.form-wrapper #IsExisitingCustomer label,
.form-wrapper #IsSendSMS label {
    display: block;
    padding: 2px 10px 2px 0;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    font-weight: 400;
}

.form-wrapper .picker .picker-handle {
    background: #fff;
}

.form-wrapper .picker.picker-checkbox .picker-handle {
    border-radius: 3px;
    margin-top: -7px;
    width: 18px;
    height: 18px;
    border: solid 1px #e0e3e4;
}

.form-wrapper .picker.picker-checkbox.checked .picker-flag {
    margin: 0;
    padding: 0 0 0 1px;
    display: block;
}

.form-wrapper .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em;
}


.form-wrapper .FieldLabel .picker-handle {
    display:none!important;
}


.form-wrapper #CheckBoxControl label {
  position: relative;
  left: 0;
  font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
  width: 90%;
}
.form-wrapper #CheckBoxControl .picker.picker-checkbox .picker-handle {
  border-radius: 3px;
  margin-top: 0;
  width: 18px;
  height: 18px;
  border: solid 1px #e0e3e4;
}



/** Order Tracker **/

.ordertracker h2 {
    font-size: 1.5em;
}

.ordertracker .latest {
    margin: 20px 0;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    font-size: 1.3em;
    color: #4f7c8d;
}

.ordertracker .details li {
    background: #fff;
    margin: 0 0 1px 0;
    padding: 10px 15px;
}
/** Repair Tracker **/

.repairtracker h2 {
    font-size: 1.3em;
}

.repairtracker b {
    color: #4f7c8d;
}
/** Trade Ins **/

.form-wrapper .selectboxit-text {
    max-width: 100%!important;
}

.tradein h2 {
    font-size: 1.3em;
}

.tradein h2 span {
    padding-left: 20px;
    color: #4f7c8d;
}

.form-wrapper .tradeIn-wrapper .picker.picker-checkbox .picker-handle {
    margin: 0;
}

.form-wrapper .tradeIn-wrapper .picker .picker-label {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #666;
    text-transform: none;
    padding-left: 10px;
    font-size: 14px;
    margin-bottom: 20px;
}

.homepage-hero .container-fluid > img {
    display: none;
}

video {
    display: block;
}

video#bgvid,
iframe#bgvid {
   position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    background: url(images/video-poster.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
    z-index: -100;
    /*margin: auto;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;*/
    /* z-index: 1; */
}

video#bgvid {}

.stopfade {
    opacity: .5;
}
/**
* #.# Store Locator
*
* (1) Store Map and List Page, (2) Store Details with Map and contact information.
*/

.stores-map-wrapper h1 {
    text-align: center;
    padding: 35px 0;
    color: #334e75;
    text-align: center;
    font-size: 4.375em;
    line-height: 1.0em;
}

.stores-map-wrapper .container-fluid {
    padding: 0;
}
/** Stores Select Boxes **/

.store-selectboxes {
    padding: 40px 0;
    background: #eff6f8;
}

.store-selectboxes .selectboxit-container {
    width: 100%;
}

.store-selectboxes .selectboxit-container .selectboxit {
    width: 100%!important;
    background: #fff;
    border: solid 1px #dfe2e3;
    box-shadow: none;
}

.store-selectboxes .selectboxit-container span {
    height: 73px;
    line-height: 73px;
}

.store-selectboxes .selectboxit-container .selectboxit-options a {
    padding-left: 24px;
    height: 40px;
    line-height: 40px;
}

.store-selectboxes .selectboxit .selectboxit-option-icon-container {
    margin: 0;
}

.store-selectboxes .selectboxit-text {
    text-indent: 24px;
    max-width: 160px!important;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}

.store-selectboxes .selectboxit .selectboxit-arrow-container {
    width: 68px;
}

.store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    right: 0;
}

.store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before {
    content: "\f063";
    font-size: 1.1875em;
}

.store-selectboxes .selectboxit-container .selectboxit-options {
    min-width: 100%!important;
    border-top: 0;
}

.store-selectboxes .selectboxit-option,
.store-selectboxes .selectboxit-optgroup-header {
    text-indent: 0;
}

#storesMessage {
    padding: 0 0 30px 0;
    text-align: center;
    background: #eff6f8;
    font-weight: 700;
    color: #ff0000;
}
/** Stores Google Map*/

#storesMap img {
    max-width: none;
}
/** Store Pop Up*/

#storesMap {
    height: 600px!important;
}

#storesMap .infoBox {
    margin-top: 88px;
}

#storesMap .infoBox img {
    display: none;
}

#storesMap .infoBox .storeInfoPopup {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px 14px 146px;
    min-width: 360px;
    color: #fff;
    background: #002250;
    margin-left: -40px;
}

#storesMap .infoBox .iDstoreInfoPopup  {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px 14px 146px;
    min-width: 360px;
    color: #fff;
    background: #69b878;
    margin-left: -40px;
}




#storesMap .infoBox .storeInfoPopup .store-image,
#storesMap .infoBox .iDstoreInfoPopup .store-image {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 114px;
    height: 114px;
    border-radius: 57px;
    background: #fff;
}

#storesMap .infoBox .storeInfoPopup .store-image img,
#storesMap .infoBox .iDstoreInfoPopup .store-image img {
    display: block;
    border-radius: 57px;
    width: 114px;
    height: 114px;
}

.storeInfoPopup h3,
.iDstoreInfoPopup h3 {
    color: #fff;
    font-size: 22px;
    padding: 35px 0 10px 0;
    line-height:1em;
}

.storeInfoPopup .storeAddress,
.iDstoreInfoPopup .storeAddress {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
}

.storeInfoPopup a {
    display: block;
    padding: 14px 0 14px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-weight: 400;
    font-size: 22px;
    border-radius: 0;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/
}


.iDstoreInfoPopup a {
    display: block;
    padding: 14px 0 14px 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    border: solid 2px #fff;
     font-size: 22px;
    border-radius: 3px;
}











/** Stores List **/

.stores-list-wrapper {
    padding: 50px 0;
}

.stores-list-wrapper h2 {
    padding: 0 0 40px 0;
    color: #4f7c8d;
    font-size: 2.5em;
    text-align: center;
}
/** Single Store **/

.stores-list-wrapper .single-store .inner-wrap {
    margin: 0 0 20px 0;
    padding: 20px 20px 0 100px;
    min-height: 400px;
    background: #eff6f8;
    border: solid 1px #e7ecee;
}

.stores-list-wrapper .single-store .inner-wrap h3 {
    padding: 0 0 5px 0;
    font-size: 1.4em;
    line-height:1em;
}

.stores-list-wrapper .single-store .inner-wrap .store-image {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: #fff;
}

.stores-list-wrapper .single-store .inner-wrap .store-image img {
    border-radius: 40px;
    width: 80px;
    height: 80px;
}

.stores-list-wrapper .single-store .inner-wrap .address {
    padding: 10px 0 20px 0;
}

.stores-list-wrapper .extra-info {
    display: none;
}
/** Buttons **/

.stores-list-wrapper .single-store .inner-wrap .get-directions-btn,
.stores-list-wrapper .single-store .inner-wrap .more-details-btn {
    position: absolute;
    bottom: 40px;
    display: block;
    padding: 3px 0;
    color: #00768f;
}

.stores-list-wrapper .single-store .inner-wrap .get-directions-btn {
    bottom: 110px;
}

.stores-list-wrapper .single-store .inner-wrap .more-details-btn {
    bottom: 140px;
}

.stores-list-wrapper .single-store .inner-wrap .get-directions-btn:hover,
.stores-list-wrapper .single-store .inner-wrap .more-details-btn:hover {
    text-decoration: underline;
}

.stores-list-wrapper .single-store .inner-wrap .viewmap-btn {
    display: block;
    position: absolute;
    bottom: 40px;
    padding: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.4em;
    border-radius: 0;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/
}

.stores-list-wrapper .single-store .inner-wrap .viewmap-btn:hover {
    color: #fff;
    background-color: #008da8;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Standard*/
}

.stores-list-wrapper .single-store .inner-wrap .viewmap-btn:active,
.stores-list-wrapper .single-store .inner-wrap .viewmap-btn:focus {
    color: #fff;
}
/** Store Details **/

.store-details {
    padding: 50px 10px;
}

.store-details h1 {
    padding: 0 0 20px 0;
    color: #002252;
    font-size: 2em;
    text-align: left;
}

.single-store-content {
    margin-right: 10%;
    padding: 20px 50px 20px 20px;
    width: 40%;
    min-height: 150px;
    background: #eff6f8;
}

.IE8 .single-store-content {
    margin-right: 0;
    padding: 0;
}

.single-store-content ul li.manager {
    font-weight: 700;
    text-transform: capitalize;
}

.single-store-content ul li.phone {
    margin-top: 10px;
}

.single-store-content ul li.email a {
    color: #00768f;
}

.single-store-content .store-image {
    position: absolute;
    top: 20px;
    right: 40px;
    width: 114px;
    height: 114px;
    border-radius: 57px;
    background: #fff;
}

.single-store-content .store-image img {
    border-radius: 57px;
    width: 114px;
    height: 114px;
}

.single-store-content .store-description {
    margin-top: 20px;
}

.backto-map a {
    font-weight: 400;
    font-size: 1.2em;
    margin-top: 20px;
}


.filter-loading-panel {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    margin: -20px -20px -20px -20px;
    padding: 15px 0 0 0;
    /* background: rgba(0, 34, 80, 0.8); */
    text-align: center;
    color: #666;
}

.filter-loading-panel h3 {
    margin: 0 0 20px 0;
    font-size: 1.5em;
    color: #666;
}


.filter-loading-panel-checkout {
    display: block;
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 34, 80, 0.8);
    text-align: center;
    /* color: #666; */
}

.filter-loading-panel-checkout .loader {
    border: 8px solid #008ca8; /* Light grey */
    border-top: 8px solid #fff; /* Blue */
    border-radius: 50%;
    width: 80px;
    height: 80px;
    animation: spin 2s linear infinite;
     display: inline-block;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.filter-loading-panel-checkout .loader_holder {
    margin: 0 0 20px 0;
    top: 40vh;
    left: 0;
    right: 0;
    bottom: 50vh;
    color: #fff;
    display:inline-block;
    position: absolute;
    z-index: 100000;
    position: fixed;
      padding-left: 15px;
    padding-right: 15px;
    line-height: 1;
    /* top: 0; */
}
.filter-loading-panel-checkout h3 {
    margin: 0 0 20px 0;
    font-size: 2.5em;
    color: #fff;
    display:block;
      padding-left: 15px;
    padding-right: 15px;
    line-height: 1;
    /* top: 0; */
}

.filter-loading-panel-checkout .fa {
 display:none;
}

#cpw-refine-plans-panelBP .filter-loading-panel {
    margin:0;
    height:563px;
}

#cpw-refine-plans-panelPP .filter-loading-panel {
    margin:0;
    height:563px;
}


.cpw-phones-list-wrapper .filter-loading-panel {
    margin: 0;
}

.filter-loading-panel .fa {
    font-size: 2em;
    color: #fff;
}




/**** Cookie Consent */

.CookieConsent {
  position: fixed;
  /*right: 20px;*/
  left:20px;
  bottom: 20px;
  background: rgba(79, 124, 141, .8);
  z-index: 999999;
  text-align: center;
  padding: 10px 15px 10px;
  font-size: 14px;
  color: #fff;
  width: 300px;
  box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
}

.CookieConsent .btn {
    padding:5px;
    font-family:Arial;
    font-size:12px;
    background:#002250;
    border:none;
    margin-top:10px;
    width:100%;
}






/**Checkout Selectbox **/


.additional-information .col-md-10.col-md-offset-3 {
    width: 36%;
  margin: 0 auto;
  float: none;
}

.additional-information p {
    color: #4f7c8d;
    font-weight: 400;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    /* text-transform: uppercase; */
    max-width: 800px;
    margin: 0 auto;
}
.additional-information p a {
    text-decoration:underline;
}





.additional-information .picker .picker-handle {
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  box-shadow: none;
  background: #fff;
}

.additional-information .picker.picker-checkbox.checked .picker-flag:before {
  padding-left: 2px !important;
  color: #000.;
  font-size: 0.8em;
  top: -3px;
  position: relative;
  left: -1px;
}

.additional-information.prepay-new-connection {
  color: #4f7c8d;
  font-weight: 400;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
}



/******** FAQ Landing Page ******/
.faq-landingpage {
    padding-bottom:60px;
}
.faq-landingpage h1 {
  text-align: center;
  padding: 35px 0;
  color: #334e75;
  text-align: center;
  font-size: 4.375em;
  line-height: 1.0em;
}

.faq-landingpage #menuElem li {
  width: 22%;
  padding: 50px 10px;
  background: #f8f8f8;
  text-align: center;
  margin: 20px 10px;
  min-height: 150px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  font-family: cpw_tradebold, arial narrow;
  text-transform: uppercase;
  font-size: 1.5em;
}


.faq-landingpage #menuElem li a {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        padding: 22% 0 0 0;
}

.faq-landingpage #menuElem li a:hover {
    /*color:#fff;*/
    background: #e7e4e4;
}

.faq-content {
    padding:30px 10px;
}

.faq-content h1 {
    padding-bottom:20px;
    line-height:1em;
}

.faq-content .single-faq {
    margin:25px 0;
    border-bottom:solid 1px #e7ecee;
    padding-bottom:10px;
}
.faq-content .single-faq h2 {
    font-size:1.5em;
    color:#517a8e;
    padding-bottom:10px;
     line-height:1em;
}

.faq-content .single-faq p {
    padding:15px 0;
}


.warning-box {
    background:#002250;
    color:#fff;
    padding:20px;
    margin:20px 0;
    font-size:12px;
}
..warning-box a {
    color:#fff;
}
.warning-box h2 {
    color:#fff;
    padding:15px 0 35px 0;
}
.warning-box h3 {
    color:#fff;
    padding:0;
}
.warning-box p {
    color:#fff;
    /*padding:0;*/
}



/**** checkout centering of buttons *****/

.checkout .section-padding {
    text-align:center;
}
.checkout .keep-number,
.checkout .new-number,
.checkout .pay-instore,
.checkout .prepay-customer,
.checkout .billpay-customer,
.checkout .new-customer,
.checkout .phone-number,
.checkout .choose-network,
.checkout .paynow-deliver {
    float:none;
    margin:10px auto;
    display:inline-block;
    width: 100%;
}

.checkout .choose-network {
    width:200px;
}


.checkout .delivery-method h2 span {
    display: block;
    padding:32px 0;
    font-size:1.3em;
    color: #517a8e;
}



.checkout #p_lt_ctl01_UserControl_userControlElem_lblNetwork {
    display:none;
}


.checkout .choose-network .selectboxit-container .selectboxit {
    width:100%;
}




.checkout .store-pickup-map.section-padding {
   padding-top:120px;
}
.checkout .store-pickup-map.section-padding h1 {
  padding-bottom: 35px;
}

.checkout .contact-information.section-padding {
  padding-top: 170px;
}

#p_lt_ctl01_UserControl_userControlElem_pnlPersonalDetails {
    position:relative;
    top:-60px;
    background:#fff;
}

.checkout .additional-information.section-padding {
    padding-top:90px;
}


.checkout .chkBillPayDDAgreement,
.checkout .chkNetworkAgreement,
.checkout .chkInsuranceAgreement,
.checkout .chkInsuranceDDAgreement,
.checkout #p_lt_ctl01_UserControl_userControlElem_pnlInsuranceAgreementReuseDD {
    display:inline-block;
    padding:30px 0;
    margin:auto;
    width:50%;
}

.checkout .chkNetworkAgreement label {
    margin: -20px 0 0 15px!important;
    line-height: 1.3em;
}


.checkout .chkBillPayDDAgreement label,
.checkout .chkNetworkAgreement label,
.checkout .chkInsuranceAgreement label,
.checkout .chkInsuranceDDAgreement label,
.checkout #p_lt_ctl01_UserControl_userControlElem_pnlInsuranceAgreementReuseDD label {
  font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  text-transform: none;
  font-size: 16px;
  padding:0 0 0 20px;
}


.checkout .chkBillPayDDAgreement  .picker .picker-handle,
 .checkout .chkNetworkAgreement .picker .picker-handle,
.checkout .chkInsuranceAgreement .picker .picker-handle,
.checkout .chkInsuranceDDAgreement .picker .picker-handle,
.checkout #p_lt_ctl01_UserControl_userControlElem_pnlInsuranceAgreementReuseDD .picker .picker-handle{
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  height: 18px;
  width: 18px;
  -moz-box-shadow: inset 0 0 2px #000;
  -webkit-box-shadow: inset 0 0 2px #000;
  box-shadow: inset 0 0 2px #000;
}


.checkout .chkBillPayDDAgreement .picker.picker-checkbox.checked .picker-flag:before,
.checkout .chkNetworkAgreement .picker.picker-checkbox.checked .picker-flag:before,
.checkout .chkInsuranceAgreement .picker.picker-checkbox.checked .picker-flag:before,
.checkout .chkInsuranceDDAgreement .picker.picker-checkbox.checked .picker-flag:before,
.checkout #p_lt_ctl01_UserControl_userControlElem_pnlInsuranceAgreementReuseDD .picker.picker-checkbox.checked .picker-flag:before {
  content: "\f00c";
  font-size: 0.8em;
  position: relative;
  top: -3px;
}






.checkout .additional-information .selectboxit-container .selectboxit {
    width:100%;
}
#p_lt_ctl01_UserControl_userControlElem_ddlOccupationSelectBoxItText {
    max-width:100%!important;
}




.network-agreement h5,
.insurance-agreement h5 {
    font-size:1.8em;
    padding-bottom:30px;
}
.network-agreement .btn,
.insurance-agreement .btn {
    padding-left:60px;
    padding-right:60px;
}


.checkout .network-agreement.section-padding {
  background: #fff;
  /* padding-top: 90px; */
  position: relative;
  top: -20px;
}
.checkout .network-agreement.section-padding input[type="text"] {
    width:100%;
}

.checkout .network-agreement.section-padding input[type="text"].BIC-input {
    width:50%;
}
.checkout .network-agreement.section-padding input[type="text"].IBAN-input {
    width:80%;
}

.cpw-boi {
    padding-top:30px;
}


.checkout .network-agreement.section-padding p {
    color: #888;
}


/**** Keep up to Date ****/


.keep-uptodate.section-padding {
    padding-top:90px;
    padding-bottom:30px;
}



.keep-uptodate-checkbox {
    display:inline-block;
    margin:20px auto;
    width:60%;
}


.keep-uptodate-checkbox label {
  font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 0 20px;
  padding-left:20px;
  text-transform: none;
  font-size: 16px;
  float:none!important;
  line-height:20px!important;
}
.keep-uptodate-checkbox label a {
    text-decoration:underline;
}
.keep-uptodate-checkbox label a:hover {
    color:#999;
}




.keep-uptodate-checkbox .picker .picker-handle{
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  height: 18px;
  width: 18px;
  -moz-box-shadow: inset 0 0 2px #000;
  -webkit-box-shadow: inset 0 0 2px #000;
  box-shadow: inset 0 0 2px #000;
}
.keep-uptodate-checkbox .picker.picker-checkbox.checked .picker-flag:before {
  content: "\f00c";
  font-size: 0.8em;
  position: relative;
  top: -3px;
}


.security-question.section-padding {
    padding-bottom:100px;
}
.security-question p {
    text-align:left;
    padding:10px 0 50px 0;
}


.checkout .exclusive-banner {
    display:inline-block;
    margin:20px auto;
    font-family: cpw_tradebold, arial narrow;
    text-transform:uppercase;
    font-size:1.4em;
}


.checkout .exclusive-banner .cpw-exclusive {
  display: inline-block;
  color: #fff;
  background: #002250;
  width: 40%;
  height: 72px;
  vertical-align: top;
  padding-top: 20px;
}

.checkout .exclusive-banner .pink {
    display:inline-block;
    color:#fff;
    width:60%;
    background:#b83d89;
    padding:5px 0;
}




.different-shipping  {
    display:inline-block;
    margin:auto;
}


.different-shipping  label {
  font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 0 20px;
  text-transform: none;
  font-size: 16px;
}
.different-shipping  .picker .picker-handle{
  border: 1px solid #4f7c8d;
  display: inline-block;
  float: left;
  height: 18px;
  width: 18px;
  -moz-box-shadow: inset 0 0 2px #000;
  -webkit-box-shadow: inset 0 0 2px #000;
  box-shadow: inset 0 0 2px #000;
}
.different-shipping  .picker.picker-checkbox.checked .picker-flag:before {
  content: "\f00c";
  font-size: 0.8em;
  position: relative;
  top: -3px;
}
.different-shipping p {
display: inline-block;
  text-transform: none;
  padding-top: 0;
  position: relative;
  top: -3px;
  }



.networkLink a {
    text-decoration:underline;
}

/**
* #.# CPW - Accessories List Page
*
* (1)Header, (2)List, (3)Header
*/
/**
* #.# (1) Header
*/

.cpw-phones-accessories title {}

.cpw-phones-accessories .title.col-md-8 {
    padding: 0 0 0 10px;
    width: auto;
    float: left;
}

.cpw-phones-accessories .sortBy {
    float: right;
    display: block;
    padding-right: 0;
    text-align: right;
}

.cpw-phones-accessories .sortBy > div {
    display:inline-block;
}

.cpw-phones-accessories .ProductFilter {
    /*float: right;
		width: 306px;*/

    float: none;
    display: inline-block;
    width: auto;
}

.cpw-phones-accessories .CategoryFilter,
#p_lt_ctl09_pageplaceholder_p_lt_ctl01_ProductFilter_filterElem_pnlContainer {
    display: inline-block;
}

.cpw-phones-accessories .ProductFilter .tr .td {
    /*float: left;*/

    margin-left: 0;
    width: auto;
    display: inline-block;
    vertical-align: top;
}

.cpw-phones-accessories .ProductFilter .tr > div:last-child {
    /*float: left;*/

    margin-left: 5px;
    width: auto;
}

.cpw-phones-accessories .ProductFilter .td .td {
    float: right;
}

.cpw-phones-accessories .sortBy .selectboxit-container {
    display: inline-block;
}

.cpw-phones-accessories .sortBy .selectboxit-container .selectboxit {
    display: inline-block;
}
/**
* #.# (2) List
*/

.cpw-accessories-list .product-pricing .price {
    font-weight: 500;
}

.cpw-accessories-list .product-pricing .was.price {
    color: #666;
    margin-right: 5px;
    font-weight: 500;
    font-size: 1.4em;
}
/**
* #.# CPW - Accessories Details Page
*
* (1)Price, (2)Description,
*/
/**
* #.# (1) Price
*/

.cpw-accessories .product-pricing .price {
    font-weight: 500;
    font-size: 36px;
}

.cpw-accessories .all-price-plans a {
    font-size: 30px;
}
/**
* #.# (2) Description
*/

.cpw-accessories .full-description {
    padding-bottom: 50px;
}

.cpw-accessories .full-description p {
    color: #888c8e !important;
}

.cpw-accessories .full-description span {
    color: #888c8e !important;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif!important;
    line-height: normal!important;
}
/** Opera Fixing */

.Opera .cpw-phones-accessories .ProductFilter {
    width: 270px;
}

.Opera .cpw-phones-accessories .ProductFilter .btn {
    padding: 16px 19px;
}
/** IE Fixes */

.IE8 .cpw-phones-accessories .ProductFilter {
    width: 275px;
}

.IE8 .cpw-phones-accessories .ProductFilter .tr .td {
    margin-left: 5px;
}



/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	/*background: #869791;*/
	/*filter: Alpha(Opacity=50);
	opacity: 0.5;*/
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	/*filter: Alpha(Opacity=100);
	opacity: 1;*/
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}

/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

/*!
 * Jasny Bootstrap v3.1.3 (http://jasny.github.io/bootstrap)
 * Copyright 2012-2014 Arnold Daniels
 * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE)
 */

.container-smooth{max-width:1170px}@media (min-width:1px){.container-smooth{width:auto}}.btn-labeled{padding-top:0;padding-bottom:0}.btn-label{position:relative;background:0 0;background:rgba(0,0,0,.15);display:inline-block;padding:6px 12px;left:-12px;border-radius:3px 0 0 3px}.btn-label.btn-label-right{left:auto;right:-12px;border-radius:0 3px 3px 0}.btn-lg .btn-label{padding:10px 16px;left:-16px;border-radius:5px 0 0 5px}.btn-lg .btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 5px 5px 0}.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}.nav-tabs-bottom{border-bottom:0;border-top:1px solid #ddd}.nav-tabs-bottom>li{margin-bottom:0;margin-top:-1px}.nav-tabs-bottom>li>a{border-radius:0 0 4px 4px}.nav-tabs-bottom>li>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li.active>a:focus{border:1px solid #ddd;border-top-color:transparent}.nav-tabs-left{border-bottom:0;border-right:1px solid #ddd}.nav-tabs-left>li{margin-bottom:0;margin-right:-1px;float:none}.nav-tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;margin-bottom:2px}.nav-tabs-left>li>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li.active>a:focus{border:1px solid #ddd;border-right-color:transparent}.row>.nav-tabs-left{padding-right:0;padding-left:15px;margin-right:-1px;position:relative;z-index:1}.row>.nav-tabs-left+.tab-content{border-left:1px solid #ddd}.nav-tabs-right{border-bottom:0;border-left:1px solid #ddd}.nav-tabs-right>li{margin-bottom:0;margin-left:-1px;float:none}.nav-tabs-right>li>a{border-radius:0 4px 4px 0;margin-left:0;margin-bottom:2px}.nav-tabs-right>li>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li.active>a:focus{border:1px solid #ddd;border-left-color:transparent}.row>.nav-tabs-right{padding-left:0;padding-right:15px}.navmenu,.navbar-offcanvas{width:300px;height:auto;border-width:1px;border-style:solid;border-radius:4px}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{position:fixed;z-index:1030;top:0;bottom:0;overflow-y:auto;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}@media (min-width:768px){.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-offcanvas .navmenu-brand{display:none}}.navmenu-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:10px 0}.navmenu-brand:hover,.navmenu-brand:focus{text-decoration:none}.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#f8f8f8;border-color:#e7e7e7}.navmenu-default .navmenu-brand,.navbar-default .navbar-offcanvas .navmenu-brand{color:#777}.navmenu-default .navmenu-brand:hover,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:focus{color:#5e5e5e;background-color:transparent}.navmenu-default .navmenu-text,.navbar-default .navbar-offcanvas .navmenu-text{color:#777}.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navmenu-default .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navmenu-default .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navmenu-default .navmenu-nav>.dropdown>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}.navmenu-default .navmenu-nav.dropdown-menu,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#e7e7e7}.navmenu-default .navmenu-nav.dropdown-menu>.divider,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#f8f8f8}.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#d7d7d7}.navmenu-default .navmenu-nav>li>a,.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#777}.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#333;background-color:transparent}.navmenu-default .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navmenu-default .navmenu-nav>.disabled>a,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-default .navmenu-nav>.disabled>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-default .navmenu-nav>.disabled>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navmenu-inverse,.navbar-inverse .navbar-offcanvas{background-color:#222;border-color:#080808}.navmenu-inverse .navmenu-brand,.navbar-inverse .navbar-offcanvas .navmenu-brand{color:#999}.navmenu-inverse .navmenu-brand:hover,.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,.navmenu-inverse .navmenu-brand:focus,.navbar-inverse .navbar-offcanvas .navmenu-brand:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-text,.navbar-inverse .navbar-offcanvas .navmenu-text{color:#999}.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.open>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-inverse .navmenu-nav>.open>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-inverse .navmenu-nav>.open>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#080808;color:#fff}.navmenu-inverse .navmenu-nav>.open>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-inverse .navmenu-nav>.open>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-inverse .navmenu-nav>.open>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.dropdown>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navmenu-inverse .navmenu-nav.dropdown-menu,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#080808}.navmenu-inverse .navmenu-nav.dropdown-menu>.divider,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#222}.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#000}.navmenu-inverse .navmenu-nav>li>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a{color:#999}.navmenu-inverse .navmenu-nav>li>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-inverse .navmenu-nav>li>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-nav>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-inverse .navmenu-nav>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-inverse .navmenu-nav>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#fff;background-color:#080808}.navmenu-inverse .navmenu-nav>.disabled>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-inverse .navmenu-nav>.disabled>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-inverse .navmenu-nav>.disabled>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#444;background-color:transparent}.alert-fixed-top,.alert-fixed-bottom{position:fixed;width:100%;z-index:1035;border-radius:0;margin:0;left:0}@media (min-width:992px){.alert-fixed-top,.alert-fixed-bottom{width:992px;left:50%;margin-left:-496px}}.alert-fixed-top{top:0;border-width:0 0 1px}@media (min-width:992px){.alert-fixed-top{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-width:0 1px 1px}}.alert-fixed-bottom{bottom:0;border-width:1px 0 0}@media (min-width:992px){.alert-fixed-bottom{border-top-right-radius:4px;border-top-left-radius:4px;border-width:1px 1px 0}}.offcanvas{display:none}.offcanvas.in{display:block}@media (max-width:767px){.offcanvas-xs{display:none}.offcanvas-xs.in{display:block}}@media (max-width:991px){.offcanvas-sm{display:none}.offcanvas-sm.in{display:block}}@media (max-width:1199px){.offcanvas-md{display:none}.offcanvas-md.in{display:block}}.offcanvas-lg{display:none}.offcanvas-lg.in{display:block}.canvas-sliding{-webkit-transition:top .35s,left .35s,bottom .35s,right .35s;transition:top .35s,left .35s,bottom .35s,right .35s}.offcanvas-clone{height:0!important;width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:auto!important;bottom:0!important;right:0!important;opacity:0!important}.table.rowlink td:not(.rowlink-skip),.table .rowlink td:not(.rowlink-skip){cursor:pointer}.table.rowlink td:not(.rowlink-skip) a,.table .rowlink td:not(.rowlink-skip) a{color:inherit;font:inherit;text-decoration:inherit}.table-hover.rowlink tr:hover td,.table-hover .rowlink tr:hover td{background-color:#cfcfcf}.btn-file{overflow:hidden;position:relative;vertical-align:middle}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}.fileinput{margin-bottom:9px;display:inline-block}.fileinput .form-control{padding-top:7px;padding-bottom:5px;display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text}.fileinput .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center}.fileinput .thumbnail>img{max-height:100%}.fileinput .btn{vertical-align:middle}.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none}.fileinput-inline .fileinput-controls{display:inline}.fileinput-filename{vertical-align:middle;display:inline-block;overflow:hidden}.form-control .fileinput-filename{vertical-align:bottom}.fileinput.input-group{display:table}.fileinput.input-group>*{position:relative;z-index:2}.fileinput.input-group>.btn-file{z-index:1}.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0}.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0}.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0}.form-group.has-warning .fileinput .fileinput-preview{color:#8a6d3b}.form-group.has-warning .fileinput .thumbnail{border-color:#faebcc}.form-group.has-error .fileinput .fileinput-preview{color:#a94442}.form-group.has-error .fileinput .thumbnail{border-color:#ebccd1}.form-group.has-success .fileinput .fileinput-preview{color:#3c763d}.form-group.has-success .fileinput .thumbnail{border-color:#d6e9c6}.input-group-addon:not(:first-child){border-left:0}


                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        /** All Plan List Page **/

.all-plans-wrapper {}

.all-plans-wrapper .cpw-phones-options .title.col-md-8 {
    padding-left: 0;
}

.all-plans-wrapper .cpw-phones-options {
    margin-bottom: 20px;
}

.all-plans-wrapper .refine-compare-tools {
    padding-right: 20px;
}

.all-plans-wrapper .cpw-refine-plans-panel.open {
    position: relative;
}

.all-plans-wrapper .cpw-refine-plans-panel .caret {
    top: -40px;
    right: 190px;
}

.all-plans-wrapper .cpw-plan-table .select-plan-box {
    padding: 0;
}

.all-plans-wrapper .cpw-plan-table tr td.select-Col {
    position: relative;
}

.all-plans-wrapper .cpw-plan-table .select-plan-box {
    padding: 28px 0;
    background: #f1f4f4;
    margin: 2px 2px 2px 1px;
}

.all-plans-wrapper .cpw-plan-table .select-plan-box .picker {
    top: 0;
    margin: 0;
    right: 0;
    left: 15px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.all-plans-wrapper .cpw-plan-table .phone-price,
.all-plans-wrapper .cpw-plan-table .plan-price {
    padding: 15px 0;
    vertical-align: middle;
}

.all-plans-wrapper .cpw-plan-table .plan-value.texts {
    padding:30px 0;
}

.all-plans-wrapper .cpw-plan-table .plan-value {
    padding: 30px 0;
    vertical-align: middle;
    line-height: 1em;
}

.all-plans-wrapper .cpw-plan-table .select-plan a {
    display: block;
    padding: 24px 0;
}

.all-plans-wrapper .cpw-plan-table .tablesorter-headerAsc:before,
.all-plans-wrapper .cpw-plan-table .tablesorter-headerDesc:before,
.all-plans-wrapper .cpw-plan-table .tablesorter-headerUnSorted:before,
.all-plans-wrapper .cpw-plan-table .tablesorter-headerUnSorted:before,
.all-plans-wrapper .cpw-plan-table .tablesorter-headerUnSorted:before,
.all-plans-wrapper .cpw-plan-table .tablesorter-headerUnSorted:before {
    right: 10px;
}
/** Plan Only Detail Page */

.cpw-plan-detail-page .plan-only-wrap .operator-plan .logo {
    text-align: center;
}

.plan-only-wrap .overview {
    width: 50%;
}

.cpw-plan-detail-page .plan-only-wrap .plan-overview ul li {
    width: 32%;
}

@media (min-width:992px) {
    .cpw-plan-detail-page .plan-only-wrap .plan-overview ul li {
        width: 50%;
    }
}

@media (min-width:1180px) {
    .cpw-plan-detail-page .plan-only-wrap .plan-overview ul li {
        width: 32%;
    }
}

.cpw-plan-detail-page .plan-only-wrap .plan-overview ul li.world span.label {
    padding-bottom: 12px;
}

.plan-only-wrap .phone-best-price {
    width: 50%;
}

.plan-only-wrap .phone-best-price .phone-and-plan {
    width: 100%;
}


.cpw-plan-detail-page .plan-only-wrap .phone-best-price .phone-and-plan {
    width: 50%;
}

@media (min-width:992px) {
    .cpw-plan-detail-page .plan-only-wrap .plan-overview ul li {
        width: 49%;
    }
}

@media (min-width:1180px) {
    .cpw-plan-detail-page .plan-only-wrap .plan-overview ul li {
        width: 32.5%;
    }
}


.cpw-plan-detail-page .plan-only-wrap .phone-best-price .phone-and-plan h3 {
    line-height:normal;
    padding-bottom: 8px;
}





/*** Compare Plan Only Page ***/

.cpw-comparison-page .compared-plan .plan-only-wrap .operator-plan {
    padding: 0 10px;
    min-height: 100px;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .operator-plan .operator-logo {
    text-align: center;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .plan-overview {
    width: 100%;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .plan-overview ul li {
    width: 32%;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .phone-best-price {
    width: 100%;
    margin: 0;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .phone-best-price .phone-and-plan {
    width: 100%;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .full-feature-list h2 {
    padding: 30px 0 30px 14px;
}

.cpw-comparison-page .compared-plan .plan-only-wrap .full-feature-list {
    padding: 0 20px;
}


/*** phone details */

.cpw-phone-details .phone-information,
.cpw-phone-details .phone-information p span {
    font-size: 16px !important;
}

.ProductOptionSelector .fade{
    opacity: 1!important;
}

/** These need to be added to the styles.css */

.cpw-phones-list .phone-preview .add-to-compare label {
    margin: 4px 0 0 0;
    font-size: 12.5px;
    vertical-align: top;
    display: inline-block;
}

.cpw-phones-list .phone-preview .add-to-compare .fa {
    font-size: 21px;
}
/** Firefox Fix */

.Gecko .cpw-phones-list .phone-preview .add-to-compare .picker.picker-checkbox.checked .picker-flag:before {
    top: 0.245em;
}
/** IE Fix */


.IE9 .additional-information .picker.picker-checkbox.checked .picker-flag::before,
.IE9 .cpw-phones-list .phone-preview .add-to-compare .checked.picker-checkbox.picker .picker-flag::before {
    font-size: 0.8em !important;
    top: 1px;
    padding-left: 1px;
}

.IE10 .additional-information .picker.picker-checkbox.checked .picker-flag::before,
.IE10 .cpw-phones-list .phone-preview .add-to-compare .checked.picker-checkbox.picker .picker-flag::before {
    font-size: 0.8em !important;
    padding-left: 1px;
    top: 0.05em;
}

.IE8 .additional-information .picker.picker-checkbox.checked .picker-flag::before,
.IE9 .additional-information .picker.picker-checkbox.checked .picker-flag::before,
.IE10 .additional-information .picker.picker-checkbox.checked .picker-flag::before,
.Gecko11 .additional-information .picker.picker-checkbox.checked .picker-flag::before {
    font-size: 0.7em !important;
    padding-left: 1px;
    top: -4px;
}


.IE11 .additional-information .picker.picker-checkbox.checked .picker-flag::before{
    font-size: 0.8em !important;
    padding-left: 1px;
    top: 0.05em;
}

/** Opera Fix */

.Opera .cpw-phones-list .phone-preview .add-to-compare {
    height: 37px;
}

@media screen and (min-width: 769px) {
    /**
    * #.# CPW - Phone Details Page
    *
    * (1)Main Content: Layout, (2)Features
    */
    /**
    * #.# (1)Main Content: Layout
    */
    /** Content */

    .cpw-phone-details .col-md-11 {
        padding: 0 20px 0 0;
        width: 70%;
    }
    .cpw-phone-details .phone-images-colours {
        padding-left: 0;
        padding-right: 14px;
        width: 55%;
    }
    .cpw-phone-details .phone-information {
        padding-left: 6px;
        padding-right: 0;
        width: 45%;
    }
    /** SideBar*/

    .cpw-phone-details .col-md-5 {
        width: 30%;
        padding: 0;
    }
    /** Main Features */

    .cpw-phone-details .main-features ul li {
        width: 100%;
        height: 36px;
        font-size: 16px;
        line-height: 40px;
        overflow: hidden;
    }
    .cpw-phone-details .main-features ul li .icon {
        top: 5px;
        margin: 0 13px 0 0;
    }
    /**
    * #.# (2)Features
    */

    .full-feature-list {
        padding: 0;
    }
    .cpw-phone-details .full-feature-list .icon {
        margin: 0 29px 0 24px;
    }
    .full-feature-list .feature-heading a:hover,
    .full-feature-list .feature-heading a {
        padding: 18px 29px 18px 0 !important;
    }
    .cpw-phone-details .read-link-anchor a,
    .cpw-phone-details .main-features a {
        font-size: 12px;
        border-bottom: 1px solid #008ca8;
        text-decoration: none;
    }
    .cpw-phone-details .read-link-anchor a:hover,
    .cpw-phone-details .main-features a:hover {
        border-bottom: none;
        color: #060606;
    }
    /**
    * #.# (3)DropDown
    */

    .dropdown.open.shop .caret,
    .dropdown.open.magazine .caret,
    .dropdown.open.help .caret {
        opacity: 0.9;
    }
    /**
    * #.# CPW - Phone List Page
    *
    * (1)Main Content: Layout, (2)Features
    */

    .cpw-phones-list .phone-image-wrapper {
        min-height: 425px;
    }

}
/**
    * #.# CPW - Phone List Page
    *
    * (1)Main Content: Layout, (2)Features
    */

.cpw-phones-list .phone-image-wrapper img {
    margin: 16px 0 0;
}

.cpw-phones-list .phone-image-wrapper h2 {
    display: inline-block;
    width: 100%;
    margin-top: 16px;
}

.Opera .cpw-refine-search-panel .close-btn .fa {
    top: 15px;
}

.Opera .cpw-refine-search-panel .filters2 .col-lg-16 span {
    width: 18%;
}


/**
* #.# CPW - Magazine Recent Articles Home Page
*
* (1)Breadcrumbs - General, (2)Page Titles, (3)Categories, (4)Article List
*/

.magazine-recent-articles .article-33 .author-location,
.magazine-recent-articles .article-50 .author-location {
    width: 100%;
    padding-right: 50px;
}

.cpw-homepage-featured-articles .article-33 .author-location,
.cpw-homepage-featured-articles .article-50 .author-location,
.magazine-recent-articles .article-33 .author-location,
.magazine-recent-articles .article-50 .author-location {
    height: 37px;
}

.magazine-recent-articles .article-33 .location,
.magazine-recent-articles .article-50 .location {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.magazine-recent-articles .article-33 .location {
    width: 150px;
}

.magazine-recent-articles .article-50 .location {
    width: 340px;
}

.cpw-homepage-featured-articles .article-33 .author-date,
.cpw-homepage-featured-articles .article-50 .author-date,
.magazine-recent-articles .article-33 .author-date,
.magazine-recent-articles .article-50 .author-date {
    position: absolute;
    bottom: 0;
    left: 0;
}
/**
* #.# CPW - Magazine Home Page
*
* (1)Breadcrumbs - General, (2)Page Titles, (3)Categories, (4)Article List
*/
/**
* #.# (1) Breadcrumbs - General
*/
/** This is more of a general fix, can't specificity select breadcrumbs on the magazine page */

.breadcrumbs a.CMSBreadCrumbsCurrentItem,
.breadcrumbs span.CMSBreadCrumbsCurrentItem {
    padding: 8px 11px 17px;
    vertical-align: bottom;
}

.magazine-content {
    padding-bottom: 50px;
}

.magazine-content .all-articles {
    padding: 0;
}
/**
* #.# (2)Page Titles
*/

.cpw-mag-home-title h1 {
    margin: 50px 0;
    font-size: 70px;
    font-weight: normal;
    text-align: center;
}
/**
* #.# (3)Categories
*/

.cpw-mag-categories-links {
    display: inline-block;
    /** Remove none and add in the inline */

    margin-bottom: 30px;
    text-align: center;
}

.cpw-mag-categories-links ul {}

.cpw-mag-categories-links li {
    display: inline-block;
    margin-right: 15px;
}

.cpw-mag-categories-links li a {
    padding: 5px 30px;
    color: #fff;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.65em;
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
}

.cpw-mag-categories-links li a:hover {
    opacity: 0.75;
    -moz-opacity: 0.75;
    -khtml-opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
}

.cpw-mag-categories-links .comparison {
    background-color: #74a534;
}

.cpw-mag-categories-links .news {
    background-color: #002252;
}

.cpw-mag-categories-links .video {
    background-color: #fcaf17;
}

.cpw-mag-categories-links .review {
    background-color: #008ca8;
}

.cpw-mag-categories-links .geek-squad {
    background-color: #ff7d29;
}

.cpw-mag-categories-links .features {
    background-color: #b83d89;
}
/**
* #.# (3)Article List
*/

.magazine-content .article-33 > img {
    min-height: 100%;
    width: 100%;
}

.magazine-content .article-33 header {
    width: 90%;
}

.magazine-content .article-33 .overlay,
.magazine-content .article-50 .overlay {
    bottom: 0;
    background-position: 0 20%
}

.magazine-content .article-50 h2 {
    font-size: 2.5em;
    line-height: 1;
}

.magazine-content .article-33 .author-location,
.magazine-content .article-50 .author-location,
.cpw-homepage-featured-articles .article-33 .author-location {
    height: 37px;
}

.magazine-content .article-33 .location,
.cpw-homepage-featured-articles .article-33 .location {
    display: inline-block!important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
    width: 150px;
}

.magazine-content .article-33 .author-date {
    position: absolute;
    bottom: 0;
    left: 0;
}
/**
* #.# CPW - Magazine Article Page
*
* (1)Main Area, (2)Social Media Icon Fixes, (3)Sidebar, (4)Footer Social Icons, (5)Recent Articles
*/
/**
* #.# (1)Main Image
*/

.magazine-content .main-image {
    position: relative;
    height: 450px;
}

.magazine-content .main-image .teaser {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.magazine-content .article-content .article-100 .overlay {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-50.png") repeat scroll;
}

.magazine-content .article-content .article-100 header h1 {
    padding: 32px 0 15px;
    line-height: 1em;
}

.magazine-content .article-content .article-100 .meta {
    padding: 0 0 16px 12px;
}

.magazine-content .article-content .author {
    margin-top: 3px;
    width: 52%;
    position: relative;
}

.magazine-content .article-content .article-100 .author .author-location,
.magazine-content .article-content .article-100 .author .author-date {
    left: 54px;
}

.magazine-content .article-content .article-100 .author .author-location {
    top: 0;
}

.magazine-content .article-content .author .author-date {
    top: 16px;
    position: absolute;
}

.magazine-content .article-100 .author-location {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 85%;
}

.articleBody {
    padding: 20px;
}
/* added 04/08/2015 - blog tables*/
.articleBody table {
    width: 100% !important;
    border: 0 !important;
    padding: 20px !important;
}

.articleBody table td {
    padding: 20px !important;
    /*width: 50%;*/
}
/* End blog tables */

.cpw-2column.magazine-content .article-content p {
    padding: 0 0 40px;
}

.cpw-2column.magazine-content .article-content .articleBody img {
    padding: 15px;
}

.cpw-2column.magazine-content .article-content h2 {
    padding: 0 0 20px;
}
/**
* #.# (2)Social Media Icon Fixes
*/

.magazine-content .article-content .social-sharing {
    float: right;
    width: 45%;
}

.mail-share a {
    text-align: left;
}

.magazine-content .article-content a.count {
    color: #a3a3a3;
}
/**
* #.# (3)Sidebar
*/

.magazine-content .sidebar-recent-articles .article-100 .overlay {
    background: url("images/img-overlay-article-33.png") repeat left 70%;
}

.magazine-content .sidebar-recent-articles .article-100 header h2 {
    bottom: 75px;
    /*max-height: 70px;
		text-overflow: ellipsis;
		overflow: hidden;*/
}

.magazine-content .sidebar-recent-articles .article-100 .author-location {
    max-width: 75%;
}

.magazine-content .sidebar-recent-articles .article-100 .teaser {
    text-align: center;
    overflow: hidden;
}
/**
* #.# (4)Footer Social Icons
*/

.magazine-content .article-social-sharing {
    position: relative;
    display: inline-block;
    padding: 0 20px 125px 0;
    width: 100%;
    color: #060606;
    text-align: right;
    clear: both;
}
/**
* #.# (5)Recent Articles
*/

.magazine-content .sidebar-recent-articles article {
    padding-top: 70%;
    margin: 12px 0;
    max-height: 290px;
    overflow: hidden;
}

.magazine-content .sidebar-recent-articles .article-100 img {
    max-width: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.magazine-content .sidebar-recent-articles .article-100 .author-image img {
    max-width: 100%;
    height: auto;
    width: auto;
    left: 5px;
}

.Opera .cpw-refine-plans-panel h4 {
    font-size: 0.79em;
}

.sub-links .recent-articles article > a:first-child {
    width: 17.5%;
    height: 53px;
    overflow: hidden;
    border: 1px solid #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin-right: 3.5%;
    display: inline-block;
    padding: 0;
    float: left;
}

.column-extras .latest-article article > a:hover,
.sub-links .recent-articles article > a:first-child:hover {
    border: 1px solid #1fa6c1;
}

.sub-links .recent-articles article img {
    /*position: absolute;
	top: 0;
	left:0;*/

    height: 100%;
    max-width: none;
    width: auto;
}

.sub-links .recent-articles article h3 {
    display: inline-block;
    line-height: 1;
    padding-right: 20px;
    vertical-align: top;
    width: 78%;
    float: left;
}

.sub-links .recent-articles article > a {
    padding: 0;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    text-transform: capitalize;
    font-size: 0.875em;
    margin: 0 0 10px 0;
    padding: 0 0 0 89px;
    width: 100%;
}

.column-extras .latest-article article > a {
    position: absolute;
}

.column-extras .latest-article article h3 {
    line-height: 1;
    width: 415px;
    margin: 0 0 5px 89px;
}

.column-extras .latest-article article p {
    margin-top: 0;
}





    /* HORIZONTAL */

    /* increase bottom margin to fit the pips */
    .ui-slider-horizontal.ui-slider-pips {
        margin-bottom: 1.4em;
    }

    /* default hide the labels and pips that arnt visible */
    /* we just use css to hide incase we want to show certain */
    /* labels/pips individually later */
    .ui-slider-pips .ui-slider-label,
    .ui-slider-pips .ui-slider-pip-hide {
        /*display: none;*/
    }

    /* now we show any labels that we've set to show in the options */
    .ui-slider-pips .ui-slider-pip-label .ui-slider-label {
        display: block;
    }

    /* PIP/LABEL WRAPPER */
    /* position each pip absolutely just below the default slider */
    /* and also prevent accidental selection */
    .ui-slider-pips .ui-slider-pip {
        width: 2em;
        height: 1em;
        line-height: 1em;
        position: absolute;
        font-size: 0.8em;
        color: #999;
        overflow: visible;
        text-align: center;
        top: 20px;
        left: 20px;
        margin-left: -1em;
        cursor: pointer;

        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .ui-state-disabled.ui-slider-pips .ui-slider-pip {
        cursor: default;
    }

    /* little pip/line position & size */
    .ui-slider-pips .ui-slider-line {
        background: #999;
        width: 1px;
        height: 3px;
        position: absolute;
        left: 50%;
    }

    /* the text label postion & size */
    /* it overflows so no need for width to be accurate */
    .ui-slider-pips .ui-slider-label {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -1em;
        width: 2em;
    }

    /* make it easy to see when we hover a label */
    .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
        color: black;
        font-weight: bold;
    }




    /* VERTICAL */

    /* vertical slider needs right-margin, not bottom */
    .ui-slider-vertical.ui-slider-pips {
        margin-bottom: 1em;
        margin-right: 2em;
    }

    /* align vertical pips left and to right of the slider */
    .ui-slider-vertical.ui-slider-pips .ui-slider-pip {
        text-align: left;
        top: auto;
        left: 20px;
        margin-left: 0;
        margin-bottom: -0.5em;
    }

    /* vertical line/pip should be horizontal instead */
    .ui-slider-vertical.ui-slider-pips .ui-slider-line {
        width: 3px;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0;
    }

    .ui-slider-vertical.ui-slider-pips .ui-slider-label {
        top: 50%;
        left: 0.5em;
        margin-left: 0;
        margin-top: -0.5em;
        width: 2em;
    }




    /* FLOATING HORIZTONAL TOOLTIPS */

    /* remove the godawful looking focus outline on handle and float */
    .ui-slider-float .ui-slider-handle:focus,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label {
        outline: none;
    }

    /* style tooltips on handles and on labels */
    /* also has a nice transition */
    .ui-slider-float .ui-slider-tip,
    .ui-slider-float .ui-slider-tip-label {

        position: absolute;
        visibility: hidden;
        top: -40px;
        display: block;
        width: 34px;
        margin-left: -18px;
        left: 50%;
        height: 20px;
        line-height: 20px;
        background: white;
        border-radius: 3px;
        border: 1px solid #888;
        text-align: center;
        font-size: 12px;
        opacity: 0;
        color: #333;

        -webkit-transition-duration: 200ms, 200ms, 0;
        -moz-transition-duration: 200ms, 200ms, 0;
        -ms-transition-duration: 200ms, 200ms, 0;
        transition-duration: 200ms, 200ms, 0;

        -webkit-transition-property: opacity, top, visibility;
        -moz-transition-property: opacity, top, visibility;
        -ms-transition-property: opacity, top, visibility;
        transition-property: opacity, top, visibility;

        -webkit-transition-delay: 0, 0, 200ms;
        -moz-transition-delay: 0, 0, 200ms;
        -ms-transition-delay: 0, 0, 200ms;
        transition-delay: 0, 0, 200ms;
    }

    /* show the tooltip on hover or focus */
    /* also switch transition delay around */
    .ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
    .ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {

        opacity: 1;
        top: -30px;
        visibility: visible;

        -webkit-transition-delay:200ms, 200ms, 0;
        -moz-transition-delay:200ms, 200ms, 0;
        -ms-transition-delay:200ms, 200ms, 0;
        transition-delay:200ms, 200ms, 0;

    }

    /* put label tooltips below slider */
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label {
        top: 42px;
    }

    .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
        top: 32px;
        font-weight: normal;
    }

    /* give the tooltip a css triangle arrow */
    .ui-slider-float .ui-slider-tip:after,
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        content: " ";
        width: 0;
        height: 0;
        border: 5px solid rgba(255,255,255,0);
        border-top-color: rgba(255,255,255,1);
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -5px;
    }

    /* put a 1px border on the tooltip arrow to match tooltip border */
    .ui-slider-float .ui-slider-tip:before,
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        content: " ";
        width: 0;
        height: 0;
        border: 5px solid rgba(255,255,255,0);
        border-top-color: #888;
        position: absolute;
        bottom: -11px;
        left: 50%;
        margin-left: -5px;
    }

    /* switch the arrow to top on labels */
    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        border: 5px solid rgba(255,255,255,0);
        border-bottom-color: rgba(255,255,255,1);
        top: -10px;
    }

    .ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        border: 5px solid rgba(255,255,255,0);
        border-bottom-color: #888;
        top: -11px;
    }




    /* FLOATING VERTICAL TOOLTIPS */

    /* tooltip floats to left of handle */
    .ui-slider-vertical.ui-slider-float .ui-slider-tip,
    .ui-slider-vertical.ui-slider-float .ui-slider-tip-label {

        top: 50%;
        margin-top: -11px;
        width: 34px;
        margin-left: 0px;
        left: -60px;
        color: #333;

        -webkit-transition-duration: 200ms, 200ms, 0;
        -moz-transition-duration: 200ms, 200ms, 0;
        -ms-transition-duration: 200ms, 200ms, 0;
        transition-duration: 200ms, 200ms, 0;

        -webkit-transition-property: opacity, left, visibility;
        -moz-transition-property: opacity, left, visibility;
        -ms-transition-property: opacity, left, visibility;
        transition-property: opacity, left, visibility;

        -webkit-transition-delay: 0, 0, 200ms;
        -moz-transition-delay: 0, 0, 200ms;
        -ms-transition-delay: 0, 0, 200ms;
        transition-delay: 0, 0, 200ms;

    }



    .ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
    .ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
    .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
        top: 50%;
        margin-top: -11px;
        left: -50px;
    }

    /* put label tooltips to right of slider */
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
        left: 47px;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
        left: 37px;
    }

    /* give the tooltip a css triangle arrow */
    .ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        border: 5px solid rgba(255,255,255,0);
        border-left-color: rgba(255,255,255,1);
        border-top-color: transparent;
        position: absolute;
        bottom: 50%;
        margin-bottom: -5px;
        right: -10px;
        margin-left: 0;
        top: auto;
        left: auto;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        border: 5px solid rgba(255,255,255,0);
        border-left-color: #888;
        border-top-color: transparent;
        position: absolute;
        bottom: 50%;
        margin-bottom: -5px;
        right: -11px;
        margin-left: 0;
        top: auto;
        left: auto;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
        border: 5px solid rgba(255,255,255,0);
        border-right-color: rgba(255,255,255,1);
        right: auto;
        left: -10px;
    }

    .ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
        border: 5px solid rgba(255,255,255,0);
        border-right-color: #888;
        right: auto;
        left: -11px;
    }














    /* SELECTED STATES */
    /* Comment out this chuck of code if you don't want to have
        the new label colours shown */

    .ui-slider-pips .ui-slider-pip-selected-initial,
    .ui-slider-pips .ui-slider-pip-selected-initial-first,
    .ui-slider-pips .ui-slider-pip-selected-initial-second {
        font-weight: bold;
        color: #14CA82;
    }

    .ui-slider-pips .ui-slider-pip-selected-initial {

    }

    .ui-slider-pips .ui-slider-pip-selected-initial-first {

    }

    .ui-slider-pips .ui-slider-pip-selected-initial-second {
        color: #1897C9;
    }



    .ui-slider-pips .ui-slider-pip-selected,
    .ui-slider-pips .ui-slider-pip-selected-first,
    .ui-slider-pips .ui-slider-pip-selected-second {
        font-weight: bold;
        color: #002252;
    }

    .ui-slider-pips .ui-slider-pip-selected {

    }

    .ui-slider-pips .ui-slider-pip-selected-first {

    }

    .ui-slider-pips .ui-slider-pip-selected-second {
        color: #E70081;
    }


    /**
* #.# CPW Plan Detail Page
*
* Plan detail page, overview of plan and list of all features
*/

.cpw-plan-detail-page {
    padding-top: 30px;
}

.cpw-plan-detail-page .plan-content-col h2 {
    padding: 42px 0 42px 14px;
    color: #4f7c8d;
    font-size: 1.75em;
}

.cpw-plan-detail-page .container.operator-plan {
    width: 100%;
}
/** Operator Title **/

.cpw-plan-detail-page .operator-plan {
    padding-top: 20px;
    width: 100%;
}

.cpw-plan-detail-page .operator-plan .logo {
    margin: 0;
    padding: 0;
    width: 17%;
    text-align: right;
}

.cpw-plan-detail-page .operator-plan .plan-title h2,
.cpw-plan-detail-page .operator-plan .plan-title h3 {
    padding: 0;
}

.cpw-plan-detail-page .operator-plan .plan-title h2 {
    color: #002250;
    font-size: 3em;
}

.cpw-plan-detail-page .operator-plan .plan-title h2 span {
    color: #0093ae;
}

.cpw-plan-detail-page .operator-plan .plan-title h3 {
    padding: 3px 0 0 0;
    color: #4f7c8d;
    font-size: 1.75em;
}

.cpw-plan-detail-page .plan-overview ul {}

.cpw-plan-detail-page .plan-overview ul li {
    position:relative;
    float: left;
    margin: 0 2px 3px 0;
    padding: 0;
    width: 92px;
    height: 92px;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: center;
    background: #fff;
    border: solid 1px #e7ecee;
}

.overview-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.cpw-plan-detail-page .plan-overview ul li span.label {
    display: block;
    padding: 0px 10px 6px 10px;
    color: #4f7c8d;
    font-size: 1.125em;
    line-height: 1em;
    white-space: normal;
    border-radius: 0;
    font-weight: 400;
}
/** Plan Overview and Pricing **/

.cpw-plan-detail-page .plan-overview {
    margin: 30px 0 0 0;
    padding: 10px 20px;
    width: 100%;
    background: #e7ecee;
}

.cpw-plan-detail-page .plan-overview h2 {
    padding: 27px 0 18px 0;
    color: #0093ae;
}

.cpw-plan-detail-page .phone-image {
    padding: 0;
}
/*** Plan Buy Now Button **/

.cpw-plan-detail-page .buy-plan {
    margin: 7px 0 28px 0;
    text-align: right;
}

.cpw-plan-detail-page .buy-plan a {
    padding: 25px 100px;
    width: 380px;
    line-height: 0.8em;
}

.cpw-plan-detail-page .full-feature-list {
    padding: 0;
}
/* Feature List Value */

.cpw-plan-detail-page .feature-value {
    position: absolute;
    left: 45%;
    color: #001241;
}

.cpw-plan-detail-page .what-this {
    position: absolute;
    left: 35%;
    top: 12px;
}

.cpw-plan-detail-page .full-feature-list .feature-heading a .fa {
    color: #002252;
}

.cpw-plan-detail-page .full-feature-list .feature-heading a .fa.fa-arrow-circle-down {
    color: #9cb0b8;
}

.cpw-plan-detail-page .phone-best-price .phone-and-plan h3,
.cpw-plan-detail-page .phone-best-price .phone-only h3 {
    font-size: 1em;
    padding-top: 23px;
    padding-bottom: 16px;
}

.cpw-plan-detail-page .phone-best-price .phone-and-plan .inner-wrap,
.cpw-plan-detail-page .phone-best-price .phone-only .inner-wrap {
    margin: 1px;
    min-height: 1px;
    background: #f8f8f8;
    height: 100px;
}

.cpw-plan-detail-page .phone-and-plan .price,
.cpw-plan-detail-page .phone-only .price {
    display: block;
    margin: 0;
    padding-bottom: 25px;
    color: #002250;
    font-family: 'cpw_tradebold';
    font-size: 2.25em;
    font-weight: 400;
    line-height: 0.8em;
}

.cpw-plan-detail-page .phone-best-price .buy-plan {
    margin: 10px 0 12px 0;
    text-align: center;
}

.cpw-plan-detail-page .phone-best-price .buy-plan a {
    padding: 25px 0;
    width: 100%;
}

.cpw-plan-detail-page .plan-overview ul li span.value {
    display: block;
    color: #060606;
    font-size: 1.125em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 0.8em;
}

.cpw-plan-detail-page .plan-overview ul li.world span.label {
    padding: 0px 10px 4px 10px;
}

.cpw-plan-detail-page .plan-overview ul li:last-child span.value {
    font-size: 16px;
}

span.fa.arrow:before {
    content: "\f0ab";
    color: #9cb0b8;
}

span.fa.arrow.active:before {
    content: "\f0aa";
    color: #9cb0b8;
}
/*** Exclusive Plan **/

.cpw-plan-detail-page .exclusive-banner {
    font-size: 1.625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em;
    background: #d8dfe4;
    margin-top: 10px;
}

.cpw-plan-detail-page .exclusive-banner .pink {
    display: inline-block;
    padding: 16px 0;
    color: #fff;
    background: #b83d89;
    text-align: center;
    width: 60%;
    line-height: 1.0em;
}

.cpw-plan-detail-page .exclusive-banner .cpw-exclusive {
    display: inline-block;
    padding: 16px 0 16px 14px;
    text-align: center;
    width: 40%;
    line-height: 1.0em;
}


/** plan list ***/


/**
* #.# This is to go in the phone details css page
*/

.IE8 header .cart,
.IE9 header .cart {
    margin-right: 10px;
}

.IE10 header .cart,
.Gecko11 header .cart {
    margin-right: 20px;
}
/*** Footer Fixes */

footer .social-icons li.youtube {
    vertical-align: bottom;
}

footer .social-icons li.youtube a {
    font-size: 1.9em;
    /*padding: 0;
    vertical-align: bottom;*/

    -webkit-font-smoothing: antialiased;
}

footer .social-icons li.youtube a .fa {
    margin: 1.5px 0 0;
    vertical-align: top;
}

.Opera footer .social-icons li.youtube a .fa {
    margin: 2px 0 0;
}
/** Footer Logos */

footer .footer-row2 ul li {
    height: 50px;
    vertical-align: top;
    min-width: 40px;
    text-align: center;
}

.cpw-partners img,
footer .footer-row2 img {
    height: 50px;
}

footer .footer-row2 ul li a {
    font-size: 1em;
    height: auto;
}

/** Recently Viewed Phones*/

.IE8 .recently-viewed-phones img {
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: bicubic;
    width: inherit;
    /* Make images fill their parent's space. Solves IE8. */

    max-width: 100%;
    /* Add !important if needed. */
    /*height: auto;*/
    /* Add !important if needed. */
}
/**
* #.# CPW - Plans Page
*
* Plans page, page has three tabs
*/

.cpw-plans-tabs {
    margin: 20px auto 40px auto;
}

.cpw-plans-tabs .nav-tabs {
    border: 0;
}

.cpw-plans-tabs .nav-tabs > li {
    width: 33.3%;
    text-align: center;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}

.cpw-plans-tabs .nav-tabs.nosimfree > li {
    width:50%;
}


.cpw-plans-tabs .nav-tabs > li > a {
    margin: 0;
    padding: 11px 0 22px 0;
    font-size: 2.625em;
    border-radius: 0;
}

.cpw-plans-tabs .nav-tabs > li > a:hover {
    border-color: transparent;
}

.cpw-plans-tabs .nav-tabs > li > a > span {
    display: block;
    margin-top: -6px;
    font-size: 1.5em;
    line-height: 0.8em;
}

.cpw-plans-tabs .nav-tabs > li.billpay.active > a,
.cpw-plans-tabs .nav-tabs > li.prepay.active > a,
.cpw-plans-tabs .nav-tabs > li.simfree.active > a {
    background: #fff;
    color: #002250;
    border: solid 1px #e4e9ec;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.cpw-plans-tabs .nav-tabs > li.billpay > a {
    padding: 20px 0 20px 0;
    background: #d3dbdf;
}

.cpw-plans-tabs .nav-tabs > li.prepay > a {
    font-size: 1.75em;
    background: #dde4e7;
}

.cpw-plans-tabs .nav-tabs > li.simfree > a {
    font-size: 1.75em;
    background: #d3dbdf;
}

.selected-plan {
    color: #9fb4bd;
}
/** Tabs Content **/

.cpw-plans-tabs .tab-content > .tab-pane {
    padding: 44px 0;
}

.cpw-plans-tabs .image {
    text-align: center;
    padding-right: 0;
}

.cpw-plans-tabs .image h2 {
    padding: 20px;
    font-size: 1.9375em;
    line-height: 1em;
}

.cpw-plans-tabs .image .colour-wrap {
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}

.cpw-plans-tabs .image .colour-wrap label,
.cpw-plans-tabs .image .colour-wrap span {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
    font-weight: normal;
}

.cpw-plans-tabs .image .colour-wrap .colour {
    width: 32px;
    height: 32px;
    border: solid 2px #b5c5cc;
    border-radius: 2px;
}

.cpw-plans-tabs #simfree .image .colour-wrap {
    margin-top: 20px;
}

.cpw-plans-tabs .plan-content {
    margin-left: -12px;
    padding: 0;
}

.cpw-plans-tabs .plan-content {}

.cpw-plans-tabs .plan-content p {
    padding: 20px 0;
    width: 70%;
    color: #888c8e !important;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif !important;
    font-size: 16px !important;
    padding-bottom: 10px !important;
}

.cpw-plans-tabs .plan-content .prepay-terms {
    width: 100%;
}
.cpw-plans-tabs .plan-content p.prepay-terms{
    padding: 15px;
    color: #002250 !important;
    font-weight: 700;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif !important;
    font-size: 20px !important;
}

.cpw-plans-tabs .plan-content p span {
    padding: 20px 0 !important;
    width: 70% !important;
    color: #888c8e !important;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif !important;
    font-size: 14px !important;
    padding-bottom: 10px !important;
    background-color:transparent!important;
}

#simfree .plan-content a {
    margin-top: 20px;
    font-weight: normal;
}

.cpw-plans-tabs .plan-content .title,
.cpw-plans-tabs .plan-content .refine-compare-tools {
    padding: 0 0 20px 0;
}

.cpw-plans-tabs .plan-content .refine-compare-tools .title {
    padding: 0 0 45px 0;
}

.cpw-plans-tabs .tab-content > #simfree .btn-orange {
    padding: 14px;
}
/**
* #.# All Plans Only
*
* all plans tabs
*/

.all-plans-wrapper .cpw-plans-tabs .nav-tabs {
    border-bottom: 1px solid #e4e9ec;
}

.all-plans-wrapper .cpw-plans-tabs .nav-tabs > li.prepay > a {
    padding: 20px 0 20px 0;
    font-size: 2.625em;
}

.cpw-plans-tabs .nav-tabs > li.billpay.active > a {
    border-right: 1px solid #e4e9ec;
}
/*.all-plans-wrapper .cpw-plans-tabs .nav-tabs > li {
    width:50%;
}*/

.all-plans-wrapper .tab-content .container {
    padding: 0;
    width: 100%;
}
/**
* #.# Refine Search - Plans Only
*
* Refine Search Filter Panels
*/

.cpw-refine-plans-panel {
    display: none;
    width: 100%;
}

.cpw-refine-plans-panel-inner h2 {
    font-size: 2.5em;
    line-height: 0.8em;
}

.cpw-refine-plans-panel.open {
    display: block;
    padding: 0;
}

.cpw-refine-plans-panel .col-md-16 {

    background: #e7ecee;
}

.cpw-refine-plans-panel .filters-left .ui-slider-horizontal.ui-slider-pips {
    margin-left: 10px;
}

.cpw-refine-plans-panel .caret {
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 210px;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 22px solid transparent;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-bottom: 22px solid;
    color: #e7ecee;
}

.cpw-refine-plans-panel .filters-wrap {
    padding:40px 40px;
}


.cpw-refine-plans-panel .filters-wrap.nopad {
    padding-left:0;
}


.cpw-refine-plans-panel h4 {
    padding: 10px 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.875em;
    margin-bottom: 20px;
    line-height:1.2em;
}




.cpw-refine-plans-panel-inner .filters-left {
    width:45%;
}

.cpw-refine-plans-panel-inner .filters-right {
    width:45%;
    text-align:right;
    float:right;
    padding-right:60px;
}
.cpw-refine-plans-panel-inner .filters-right h4 {
    text-align:left;
}

.cpw-refine-plans-panel-inner .row.choose-network {
    margin-left:0;
    margin-top:50px;
}

.cpw-refine-plans-panel-inner .row.minutes-and-texts {
    margin-left:0;
    margin-top:30px;
}


.cpw-refine-plans-panel-inner .row.minutes-and-texts .filters-left {
    padding-left:0;
}



.cpw-refine-plans-panel-inner .row.international-minutes-and-texts {
    margin-left:0;
    margin-top:50px;
}
.cpw-refine-plans-panel-inner .row.international-minutes-and-texts .filters-left {
    padding-left:0;
}




.cpw-refine-plans-panel .filters-left .row-1 .slider {
    width: 88%!important;
}


.cpw-refine-plans-panel .choose-network h4 {
    margin-bottom:5px;
}

/** Select All Networks **/
.cpw-refine-plans-panel .selectAllNetworks,
.cpw-refine-plans-panel .selectAllNetworksPP {
   background: #c4cccf;
    display: inline-block;
    margin-bottom: 1px;
    margin-right: 5px;
    padding: 15px 10px;
    position: relative;
    width: 20%;
    border: 1px solid #ccc;
}
.cpw-refine-plans-panel .selectAllNetworks label,
.cpw-refine-plans-panel .selectAllNetworksPP label {
  color: #4f7c8d;
  font-weight: 400;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
   text-transform:uppercase;
}
.cpw-refine-plans-panel .selectAllNetworks .picker .picker-handle,
.cpw-refine-plans-panel .selectAllNetworksPP .picker .picker-handle {
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  box-shadow: none;
  background: #d3dbdf;
}
.cpw-refine-plans-panel .selectAllNetworks .picker.picker-checkbox.checked .picker-flag:before,
.cpw-refine-plans-panel .selectAllNetworksPP .picker.picker-checkbox.checked .picker-flag:before  {
  padding-left: 2px !important;
   color: #4f7c8d;
  font-size: 0.8em;
  top: -5px;
  position: relative;
}


/** Select Network ***/
.cpw-refine-plans-panel .selectNetwork,
.cpw-refine-plans-panel .selectNetworkPP {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #d9e0e1;
    display: inline-block;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 15px 10px;
    position: relative;

}
.cpw-refine-plans-panel .selectNetwork  label,
.cpw-refine-plans-panel .selectNetworkPP  label {
  color: #4f7c8d;
  font-weight: 400;
  margin: 0;
  padding-left: 10px;
  padding-top: 2px;
  text-transform:uppercase;
}
.cpw-refine-plans-panel .selectNetwork .picker .picker-handle,
.cpw-refine-plans-panel .selectNetworkPP .picker .picker-handle {
  border: 1px solid #4f7c8d;
  display: block;
  float: left;
  width: 18px;
  height: 18px;
  box-shadow: none;
  background: #fff;
}
.cpw-refine-plans-panel .selectNetwork .picker.picker-checkbox.checked .picker-flag:before,
.cpw-refine-plans-panel .selectNetworkPP .picker.picker-checkbox.checked .picker-flag:before {
  padding-left: 2px !important;
 color: #999;
  font-size: 0.8em;
  top: -5px;
  position: relative;
}





.cpw-refine-plans-panel .filters-right .choose-manufacturer {
    padding-bottom: 20px;
}

.cpw-refine-plans-panel .filters-right .phone-manufacturer {
    display: inline-block;
    margin-right: 1px;
    padding: 12px 12px 8px 12px;
    width: 15%;
    background: #fff;
    border: solid 1px #d9e0e1;
}

.cpw-refine-plans-panel .filters-right .phone-manufacturer input[type="checkbox"],
.cpw-refine-plans-panel .filters-right .phone-manufacturer label {
    margin: 0;
    text-transform: capitalize;
    font-weight: 400;
}

.cpw-refine-plans-panel .filters-right .phone-manufacturer label {
    padding-left: 5px;
}

.cpw-refine-plans-panel .filters-right .untick-phones {
    display: block;
    padding-top: 10px;
    padding-right: 55px;
    font-size: 0.75em;
    text-align: right;
}

.cpw-refine-plans-panel .filters-right .filter-column {
    padding: 0;
}

.cpw-refine-plans-panel .filters-right #sliderFilterData .ui-slider-pip-first .ui-slider-label {
    display: block;
}


/*** Refine Panel Action Buttons ***/
.cpw-refine-plans-panel .action-buttons {
    margin-top:60px;
}
.cpw-refine-plans-panel .action-buttons .btns-left {
    float:left;
    width:50%;
}
.cpw-refine-plans-panel .action-buttons .btns-right {
    float:right;
    width:50%;
    text-align:right;

}



.cpw-refine-plans-panel .action-buttons .btn {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size:16px;
    border:none;
    background: #0095af;
    padding:15px 18px;
}
.cpw-refine-plans-panel .action-buttons .btn:hover {
    background:#09a1bb;
}
#refine-tool-advbtn,
#refine-tool-closebtn,
#refinePP-tool-advbtn,
#refinePP-tool-closebtn {
    background: #d3dbdf;
    color: #4f7c8d;
    font-size:16px;
     padding:15px 18px;
     border: 1px solid #d3dbdf;
}
#refine-tool-advbtn:hover,
#refine-tool-closebtn:hover,
#refinePP-tool-advbtn:hover,
#refinePP-tool-closebtn:hover {
        background: #e5e9eb;
}




/** Plans Comparison Table **/

.cpw-plan-table {
    margin: 20px 0 0 0;
    width: 100%;
    border: solid 1px #e9eeef;
}

.cpw-plan-table tr th {
    position: relative;
    padding: 24px 0;
    color: #4f7c8d;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.8em;
    background: #eef2f3;
    font-size: 0.9em;
}

.cpw-plan-table tr th.mins-Col {
    padding: 24px 0px 24px 0;
}

.cpw-plan-table .tablesorter-header-inner {
    font-size: 1.25em;
    font-weight: normal;
}

.cpw-plan-table .tablesorter-header-inner:hover {
    cursor: pointer;
}

.cpw-plan-table tr td {
    text-align: center;
    background: transparent;
    border-bottom: solid 1px #e9eeef;
}

.cpw-plan-table tr td.select-Col {
    padding: 0 1px 0 2px;
}

.cpw-plan-table .select-plan-box,
.cpw-plan-table .select-Plan-box {
    padding: 41px 14px 40px 14px;
    background: #f1f4f4;
}

.cpw-plan-table .select-plan-box.added-compare {
    background: rgb(116, 165, 52);
}

.cpw-plan-table .select-plan-box input {
    margin: 0;
}



.cpw-plan-table .select-Plan a {

    display:none;
}

.cpw-plan-table .select-Plan a.mobile-hide.btn {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}


.cpw-plan-table .Plan-price {
  padding: 16px 0;
  color: #4f7c8d;
  font-size: 0.875em;
  font-family: cpw_tradebold, arial narrow;
  text-transform: uppercase;
  background: #f1f4f5;
  border-top: solid 2px #fff;
  border-right: solid 1px #fff;
  border-bottom: solid 2px #fff;
  border-left: solid 1px #fff;
  line-height: 0.8em;
}




.cpw-plan-table .select-plan-box .picker .picker-handle,
.cpw-plan-table .select-Plan-box .picker .picker-handle  {
    border: 1px solid #4f7c8d;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    -moz-box-shadow: inset 0 0 6px #dedede;
    -webkit-box-shadow: inset 0 0 6px #dedede;
    box-shadow: inset 0 0 6px #dedede;
    background: #fff;
}


.cpw-plan-table .select-plan-box .picker.picker-checkbox .picker-flag,
.cpw-plan-table .select-Plan-box .picker.picker-checkbox .picker-flag {
    padding: 0;
    /*background:#fff;*/

    border-radius: 3px;
}


.cpw-plan-table .select-plan-box .picker.picker-checkbox.checked .picker-flag:before,
.cpw-plan-table .select-Plan-box .picker.picker-checkbox.checked .picker-flag:before {
    content: "\f00c";
    font-size: 0.8em!important;
    padding-left: 1px;
    position: relative;
    top: -3px;
    color: #000;
    /* margin-top: -4px; */
}






.cpw-refine-plans-panel .choose-network .picker.picker-checkbox.checked .picker-flag:before {
    padding-left: 2px !important;
}

.cpw-plan-table .phone-price {
    padding: 16px 12px;
    color: #4f7c8d;
    font-size: 0.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #f1f4f5;
    border-top: solid 2px #fff;
    border-right: solid 1px #fff;
    border-bottom: solid 2px #fff;
    border-left: solid 1px #fff;
    line-height: 0.8em;
}
/*adds background colour to the row - MOG*/
.cpw-prepay-table tr td{
    background:#f1f4f5;
    border: solid 2px #fff;
}
.cpw-prepay-table .operator{
    background:#fff;
}

.cpw-prepay-table .phone-price,
.cpw-plan-table .plan-price{
    padding: 16px 12px;
    color: #4f7c8d;
    font-size: 0.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #f1f4f5;
    line-height: 0.8em;
    border:none;
}
.cpw-plan-table .Plan-value,
.cpw-plan-table .plan-value,
.cpw-plan-table .plan-value.texts {
    padding: 28px 10px;
    font-size: 16px;
    background: #e7ecee;
    border-top: solid 2px #fff;
    border-right: solid 1px #fff;
    border-bottom: solid 2px #fff;
    border-left: solid 1px #fff;
    color: #282828;
    white-space: nowrap;
}

.cpw-plan-table .Plan-value {
    padding:28px 20px;
}

.cpw-plan-table .data-Col .plan-value {
    font-size: 16px;
    /*height:85px;*/
}

.cpw-plan-table .mins-Col,
.cpw-plan-table .texts-Col {
    position: relative;
}

.cpw-plan-table .mins-Col .fa {
    position: absolute;
    top: 35px;
    right: 10px;
}

.cpw-plan-table .texts-Col .fa {
    position: absolute;
    top: 35px;
    right: 10px;
}

.cpw-plan-table .texts-Col .tooltip,
.cpw-plan-table .mins-Col .tooltip {
    width: 200px;
}

.cpw-plan-table .phone-price span,
.cpw-plan-table .plan-price span,
.cpw-plan-table .Plan-price span,
.cpw-prepay-table .phone-price span,
.cpw-prepay-table .plan-price span,
.cpw-prepay-table .Plan-price span  {
    display: block;
    font-size: 2.8em;
    line-height: 0.8em;
    white-space: nowrap;
}

.cpw-plan-table .phone-price span {
    color: #002250;
}

.cpw-plan-table .phone-price .pricetitle {
    padding: 5px 0;
    font-size: 14px;
    color: #4f7c8d;
}

.cpw-plan-table .phone-price .price,
.cpw-prepay-table .phone-price .price {
    color: #002250;
    padding-top: 4px;
}

.cpw-plan-table .plan-price .plantitle {
    padding: 5px 0;
    font-size: 14px;
    color: #4f7c8d;
}

.cpw-plan-table .plan-price .price,
.cpw-plan-table .Plan-price .price,
.cpw-prepay-table .plan-price .price,
.cpw-prepay-table .Plan-price .price {
    color: #0095af;
    padding-top: 4px;
}

.cpw-plan-table .plan-price span.plan-name,
.cpw-plan-table .Plan-price span.Plan-name,
.cpw-prepay-table .plan-price span.plan-name,
.cpw-prepay-table .Plan-price span.Plan-name {
    font-size: 14px;
}

.cpw-plan-table .select-plan {
    border: solid 2px #fff;
}

.cpw-plan-table .select-plan a.mobile-hide {
    display: block;
    padding: 25px 5px;
    width: 100%;
    font-size: 1.875em;
    line-height: 0.8em;
    font-weight: normal;
}

.cpw-plan-table .select-plan a {
    padding: 25px 5px;
    width: 100%;
    font-size: 1.875em;
    line-height: 0.8em;
    display: none;
}


.cpw-plan-table .outofstock-plan {
    border-top: solid 2px #fff;
    border-right: solid 1px #fff;
    border-bottom: solid 2px #fff;
    border-left: solid 1px #fff;
}

.cpw-plan-table .outofstock-plan span {
    width: 100%;
    padding: 20px 0;
    font-size: 1.8em;
    display: block;
}

.cpw-plan-table .outofstock-plan a {
    display: block;
    padding: 28px 5px 29px;
    width: 100%;
    font-size: 1.875em;
    line-height: 0.8em;
}


.cpw-plan-table .selectplan-Col {
    width:150px;
}

.mobile-topup{
    display: none;
    /*visibility:hidden;*/
}


/** IE Fix*/

.IE9 .cpw-plan-table .outofstock-plan a,
.IE8 .cpw-plan-table .outofstock-plan a {
    background-color: #ed741b;
}

.cpw-plan-table .tablesorter-headerUnSorted:before {
    position: absolute;
    right: 0;
    content: "\f0dc";
    color: #002250;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/** Arrow Up **/

.cpw-plan-table .tablesorter-headerAsc:before {
    position: absolute;
    right: 0;
    content: "\f0d7";
    color: #002250;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/** Arrow Down **/

.cpw-plan-table .tablesorter-headerDesc:before {
    position: absolute;
    right: 0;
    content: "\f0d8";
    color: #002250;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cpw-plan-table .select-Col.tablesorter-headerUnSorted:before,
.cpw-plan-table .selectplan-Col.tablesorter-headerUnSorted:before {
    display: none;
}

.cpw-plan-table.prepaytable .selectplan-Col {
    width: 20%;
}

.cpw-plan-table.prepaytable .operator {
    padding: 26px 0;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    color: #0095af;
    background: #f1f4f5;
    border: solid 2px #fff;
    font-size: 1.25em;
}

.cpw-plan-table.prepaytable .operator-Col,
.cpw-plan-table.prepaytable .phone-Col {
    font-size: 1.25em;
    font-weight: normal;
}


.cpw-plan-table .need-more-umph {
    opacity: 0.2;
    position: relative;
}

.up-your-budget {
    position: absolute;
    bottom: 0.5%;
    right: 25%;
    color: #008ba6;
    font-size: 1em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: center;
}

.up-your-budget .need-more {
  display: block;
  padding: 12px 0;
  color: #fff;
  font-size: 1.5625em;
  line-height: 0.8em;
  background: #002250;
  text-transform: uppercase;
  border: 0;
  padding-left: 20px;
  padding-right: 20px;
}
/*************** ie fixes ***************/

.IE8 #simfree .image {
    padding-right: 20px !important;
    margin-left: 10px;
}

.IE8 .cpw-refine-plans-panel-inner {
    width: 74% !important;
}

.IE9 .checkout-toolbar .selected-phone .colour,
.IE9 .checkout-confirmation-toolbar .selected-phone .colour,
.IE10 .checkout-toolbar .selected-phone .colour,
.IE10 .checkout-confirmation-toolbar .selected-phone .colour {
    border-radius: 0;
}

.IE9 .cpw-refine-plans-panel .choose-network .checked.picker-checkbox.picker .picker-flag::before,
.IE9 .cpw-plan-table .select-plan-box .checked.picker-checkbox.picker .picker-flag::before,
.IE10 .cpw-refine-plans-panel .choose-network .checked.picker-checkbox.picker .picker-flag::before,
.IE10 .cpw-plan-table .select-plan-box .checked.picker-checkbox.picker .picker-flag::before,
.Gecko11 .cpw-refine-plans-panel .choose-network .checked.picker-checkbox.picker .picker-flag::before,
.Gecko11 .cpw-plan-table .select-plan-box .checked.picker-checkbox.picker .picker-flag::before {
    font-size: 0.6em;
    top: -4px;
}

.Gecko11 .cpw-refine-plans-panel .choose-network .checked.picker-checkbox.picker .picker-flag::before,
.Gecko11 .cpw-plan-table .select-plan-box .checked.picker-checkbox.picker .picker-flag::before {
    padding-left: 0;
}


/**
* #.# Comparison Tool Page
*
* This Section is divided into 2 sections:
    1 - Comparsion Page, 2 to 5 Plans
    2 - Comparsion Top Bar
*/

.cpw-comparison-page .compared-plan {
    padding: 34px 10px 135px 10px;
}

.cpw-comparison-page .plan-comparisons {
    padding: 0;
}

.cpw-comparison-page .compared-plan .operator-plan {
    padding: 0 0 0 10px;
}

.cpw-comparison-page .compared-plan .operator-plan .operator-logo {
    width: 33%;
}

.cpw-comparison-page .compared-plan .operator-plan .operator-plan-name {
    width: 66%;
    padding-right: 0;
}

.cpw-comparison-page .compared-plan .operator-plan .operator-plan-name h4 {
    color: #4f7c8d;
    font-size: 1.75em;
}

.cpw-comparison-page .compared-plan .operator-plan .operator-plan-name h2 {
    padding: 8px 0;
    color: #002252;
    font-size: 2.375em;
}

.cpw-comparison-page .compared-plan .operator-plan .operator-plan-name h3 {
    color: #0093ae;
    font-size: 2.375em;
}

.cpw-comparison-page .compared-plan .plan-wrap {
    padding: 30px 10px 0 10px;
}

.cpw-comparison-page .compared-plan .plan-wrap h2 {
    padding-bottom: 17px;
    color: #0088a3;
}

.cpw-comparison-page .compared-plan .plan-image {
    width: 25%;
}

.cpw-comparison-page .compared-plan .plan-overview {
    width: 75%;
}

.cpw-comparison-page .compared-plan .plan-overview ul {}

.cpw-comparison-page .compared-plan .plan-overview ul li {
    float: left;
    margin: 0 2px 2px 0;
    width: 32%;
    min-height: 72px;
    text-align: center;
    border: solid 1px #e7ecee;
    background: #fff;
}

.cpw-comparison-page .compared-plan .plan-overview ul li span {
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 0.8em;
}

.cpw-comparison-page .compared-plan .plan-overview ul li span.label {
    margin: 0 10px;
    padding: 9px 0 16px 0;
    color: #4f7c8d;
    font-size: 1.125em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    white-space: normal;
    font-weight: 400;
}

.cpw-comparison-page .compared-plan .plan-overview ul li.world span.label {
    padding-top: 6px;
    padding-bottom: 7px;
    line-height: 0.9em;
    font-weight: 400;
}

.cpw-comparison-page .compared-plan .phone-best-price {
    margin: 0 0 20px 0;
    padding: 0 20px;
}

.cpw-comparison-page .compared-plan .phone-best-price h2 {
    padding: 26px 0 20px 0;
    color: #0088a3;
}

.cpw-comparison-page .compared-plan .phone-best-price .phone-and-plan .inner-wrap,
.cpw-comparison-page .compared-plan .phone-best-price .phone-only .inner-wrap {
    min-height: 92px;
}

.cpw-comparison-page .compared-plan .phone-best-price .phone-and-plan h3,
.cpw-comparison-page .compared-plan .phone-best-price .phone-only h3 {
    padding: 20px 0 16px 0;
    font-size: 0.9em;
}

.cpw-comparison-page .compared-plan .phone-best-price .price {
    margin: 0;
    padding: 0;
    font-size: 2.25em;
}

.cpw-comparison-page.compare-plans-wrap .all-price-plans {
    padding: 0 20px;
}

.cpw-comparison-page .all-price-plans a {
    display: block;
    width: 100%;
    font-size: 1.875em;
    font-weight: 400;
}

.cpw-comparison-page .compared-plan .full-feature-list h2 {
    padding: 60px 0 42px 14px;
}

.compared-plan .full-feature-list .panel-group {
    margin-bottom: 35px;
}

.compared-plan .all-price-plans {
    margin:20px 20px 0 20px;
}



/**
* #.# Comparison Tool Page 2 Plans
*
* Comparison Tool Page, 2 Plans
*/
/** See above Styles **/
/**
* #.# Comparison Tool Page 3 Plans
*
* Comparison Tool Page, 3 Plans
*/

.cpw-comparison-page .compared-plan.col-md-6 {
    width: 33.3%;
}

.cpw-comparison-page .compared-plan.col-md-6 .operator-plan {
    min-height: 170px;
}

.cpw-comparison-page .compared-plan.col-md-6 .plan-overview {
    padding-right: 0;
}

.cpw-comparison-page .compared-plan.col-md-6 .plan-overview ul li {
    width: 48%;
}

.cpw-comparison-page .compared-plan.col-md-6 .full-feature-list .feature-heading a,
.cpw-comparison-page .compared-plan.col-md-6 .full-feature-list .feature-heading a.collapsed {
    padding-right: 10px!important;
    font-size: 1.1em;
}

.cpw-comparison-page .compared-plan .phone-best-price .price {
    margin: 0;
    padding: 0;
    font-size: 2.0em;
}

.cpw-comparison-page .compared-plan.col-md-6 .full-feature-list .feature-heading span.link-text {
    text-indent: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 120px;
}




/**
* #.# Comparison Tool Page 4 Plans
*
* Comparison Tool Page, 4 Plans
*/

.cpw-comparison-page .compared-plan.col-md-4 .operator-plan {
    min-height: 160px;
}

.cpw-comparison-page .compared-plan.col-md-4 .plan-image {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    background: #fff;
}

.cpw-comparison-page .compared-plan.col-md-4 .plan-image img {
    margin: 40px 0;
    max-height: 160px;
}

.cpw-comparison-page .compared-plan.col-md-4 .plan-overview {
    padding-right: 0;
    width: 100%;
}

.cpw-comparison-page .compared-plan.col-md-4 .phone-best-price .phone-and-plan,
.cpw-comparison-page .compared-plan.col-md-4 .phone-best-price .phone-only {
    width: 100%;
    float: none;
}

.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a,
.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a.collapsed {
    padding-right: 10px;
    font-size: 1.2em;
}

.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a .fa.fa-file-text,
.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a .fa.fa-phone-square,
.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a .fa.fa-comments,
.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a .fa.fa-globe,
.cpw-comparison-page .compared-plan.col-md-4 .full-feature-list .feature-heading a .fa.fa-plus {
    float: left;
    padding: 5px 10px 0 10px;
    color: #002252;
    font-size: 1em;
}
/**
* #.# Comparison Tool Page 5 Plans
*
* Comparison Tool Page, 5 Plans
*/

.cpw-comparison-page .compared-plan.col-md-3 {
    width: 20%;
}

.cpw-comparison-page .compared-plan.col-md-3 .operator-plan .operator-logo {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
}

.cpw-comparison-page .compared-plan.col-md-3 .operator-plan .operator-plan-name {
    padding: 0;
    width: 100%;
    text-align: center;
}

.cpw-comparison-page .compared-plan.col-md-3 .operator-plan .operator-plan-name h3 {
    line-height: 0.9em;
}

.cpw-comparison-page .compared-plan.col-md-3 .operator-plan {
    padding: 0 0 0 10px;
    min-height: 190px;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-image {
    margin-bottom: 20px;
    width: 100%;
    text-align: center;
    background: #fff;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-image img {
    margin: 40px 0;
    max-height: 160px;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-overview {
    padding: 0;
    width: 100%;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-overview h2 {
    text-align: center;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-overview ul li {
    float: left;
    margin: 0 2px 2px 0;
    width: 48%;
    min-height: 72px;
    text-align: center;
    border: solid 1px #e7ecee;
    background: #fff;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-overview ul li.world span.label {
    padding-bottom: 16px;
}

.cpw-comparison-page .compared-plan.col-md-3 .plan-wrap {
    padding: 30px 0 0 0;
}

.cpw-comparison-page .compared-plan.col-md-3 .phone-best-price {
    margin: 0 0 20px 0;
    padding: 0;
}

.cpw-comparison-page .compared-plan.col-md-3 .phone-best-price h2 {
    text-align: center;
}

.cpw-comparison-page .compared-plan.col-md-3 .phone-best-price .phone-and-plan,
.cpw-comparison-page .compared-plan.col-md-3 .phone-best-price .phone-only {
    width: 100%;
    float: none;
}

.cpw-comparison-page .compared-plan.col-md-3 .all-price-plans {
    padding: 0;
}

.cpw-comparison-page .compared-plan.col-md-3 .all-price-plans a {
    font-size: 1.4em;
}

.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a,
.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a.collapsed {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.1em;
}

.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a .fa.fa-file-text,
.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a .fa.fa-phone-square,
.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a .fa.fa-comments,
.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a .fa.fa-globe,
.cpw-comparison-page .compared-plan.col-md-3 .full-feature-list .feature-heading a .fa.fa-plus {
    float: left;
    padding: 5px 10px 0 0;
    color: #002252;
    font-size: 1em;
}
/**
* #.# Comparison Tool Sidebar
*
* Comparison Tool Sidebar Show when 2 or 3 phones are selected
*/

.cpw-comparison-page #p_lt_ctl08_pageplaceholder_p_lt_ctl00_ComparePlans_pnlCompareSidebar.col-md-5.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right {
    position: relative;
    right: 0;
    width: 31.25%;
    background: none;
}
/**
* #.# Comparison Tool Sidebar
*
* Comparison Tool Sidebar Hide when 4 or 5 phones are selected
*/

.cpw-comparison-page #pnlCompareSidebar.col-md-5.sidebar.hidden-xs.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.hide-sidebar {
    position: fixed;
    top: -10px;
    right: -380px;
    padding: 0;
    width: 380px;
    background: #d3dec6;
}

.cpw-comparison-page #pnlCompareSidebar.col-md-5.sidebar.hidden-xs.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.hide-sidebar.hide-sidebar.cbp-spmenu-open {
    right: 0;
    z-index: 9999;
}

.cpw-comparison-page #pnlCompareSidebar.col-md-5.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.hide-sidebar .comparison-tool-sidebar {
    margin-left: 0px;
}
/*** Exclusive Plan **/

.cpw-comparison-page .exclusive-banner {
    font-size: 1.625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em;
    background: #d8dfe4;
    margin-top: 10px;
}

.cpw-comparison-page .exclusive-banner .pink {
    display: block;
    padding: 16px 0;
    color: #fff;
    background: #b83d89;
    text-align: center;
    width: 100%;
    line-height: 1.0em;
}

.cpw-comparison-page .exclusive-banner .cpw-exclusive {
    display: block;
    padding: 16px 0 16px 0;
    text-align: center;
    width: 100%;
    line-height: 1.0em;
}



/**
* #.# Comparison Tool Page
*
* This Section is divided into 2 sections:
    1 - Comparsion Page, 2 to 5 Phones
    2 - Comparsion Top Bar
*/

.cpw-comparison-page {
    position: relative;
}
/**
* #.# Comparison Tool topbar
*
* Comparison Tool topbar, Compare Phones and show Popular Comparisons
*/

.comparsion-tool-topbar {
    background: #bfccb0;
}

.comparsion-tool-topbar .col-md-16 {
    padding-left: 0;
    padding-right: 0;
}

.comparsion-tool-topbar .back-button {
    padding: 28px 0 28px 32px;
    width: 15%;
    background: #74a534;
}

.comparsion-tool-topbar .back-button a {
    margin: 0;
    padding: 0 0 0 48px;
    color: #fff;
    font-size: 1.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #74a534 url("images/icons/ico-backbutton.gif") no-repeat;
}

.comparsion-tool-topbar .back-button a:hover {
    color: #bfccb0;
}

.comparsion-tool-topbar h1 {
    display: inline-block;
    padding: 0 0 0 20px;
    color: #fff;
    font-size: 1.875em;
    line-height: 98px !important;
}

.comparsion-tool-topbar h1 span {
    padding-right: 15px;
}

.comparsion-tool-topbar .compare-against {
    float: right;
    padding: 28px 0 28px 0;
    color: #fff;
    font-size: 1.875em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: #74a534;
}

.comparsion-tool-topbar .compare-against.fourmore button {
    padding: 0 56px;
}

.comparsion-tool-topbar .compare-against.fivemore button {
    padding: 0 25px;
}

.comparsion-tool-topbar .compare-against button {
    margin: 0;
    padding: 0 40px;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background: none;
    border: 0;
}
/**
* #.# Comparison Page List of Phones
*
* Comparison Page Display List of Phones
*/

.cpw-comparison-page .phone-comparisons {
    padding: 0;
    background: #e7ecee;
}

.cpw-comparison-page .mobile-link {
    display: none;
}

.compared-phone-wrap {
    display: table;
    width: 100%;
}

.compared-phone-wrap .compared-phone-wrap-inner {
    display: table-cell;
    width: 100%;
}

.cpw-comparison-page .compared-phone button,
.cpw-comparison-page .compared-plan button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 20;
    color: #4f7c8d;
    background: none;
    border: 0;
}

.cpw-comparison-page .compared-phone button:hover,
.cpw-comparison-page .compared-plan button:hover {
    cursor: pointer;
    color: #7b98a3;
}

.cpw-comparison-page .compared-phone button .fa,
.cpw-comparison-page .compared-plan button .fa {
    font-size: 2em;
}

.cpw-comparison-page h2 {
    color: #4f7c8d;
    font-size: 1.75em;
}

.cpw-comparison-page .compared-phone h2.phone-title {
    display: none;
}

.cpw-comparison-page .odd {
    background: #e7ecee;
}

.cpw-comparison-page .even {
    background: #eef2f3;
}

.cpw-comparison-page .comparison-tool-sidebar {
    margin-top: 10px;
    margin-left: 10px;
}
/**
* #.# Comparison Tool Page 2 Phones
*
* Comparison Tool Page, Two Phones
*/

.cpw-comparison-page .compared-phone.col-md-8 {
    padding: 55px 10px 40px 10px;
}

.cpw-comparison-page .compared-phone.col-md-8 h2.phone-title {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-top-content {}
.cpw-comparison-page .compared-phone.col-md-8 .phone-top-content .main-features {
    min-height:250px;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-top-content h2.phone-title {
    display: block;
    padding: 0 0 14px 0;
    min-height: 80px;
    color: #002252;
    font-size: 2.25em;
    text-align: left;
    line-height: 1em;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-image {
    padding-left: 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-image img {
    max-height: 112px;
}

.cpw-comparison-page .compared-phone.col-md-8 .main-features h2 {
    padding: 18px 0;
    display: block;
}

.cpw-comparison-page .compared-phone.col-md-8 .main-features ul {
    margin: 0 0 18px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .main-features ul li {
    font-size: 0.875em;
}

.cpw-comparison-page .compared-phone.col-md-8 .main-features a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price h2 {
    padding: 25px 0 17px 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-and-plan {
    margin: 0 5px 0 0;
    padding: 0;
    border: solid 1px #fff;
    width: 48%;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-only {
    margin: 0 0 0 5px;
    padding: 0;
    border: solid 1px #fff;
    width: 48%;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-and-plan .inner-wrap,
.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-only .inner-wrap {
    min-height: 90px;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-and-plan h3,
.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-only h3 {
    padding: 9px 0 0 0;
    font-size: 0.875em;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-and-plan .price,
.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-only .price {
    margin: 0;
    padding: 14px 0 3px 0;
    font-size: 2em;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-and-plan .price-per-month {
    margin: 0;
    padding: 0 0 16px 0;
    font-size: 0.9375em;
    line-height: 0.8em;
}

.cpw-comparison-page .compared-phone.col-md-8 .all-price-plans {
    margin: 20px 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .all-price-plans a {
    width: 100%;
    font-size: 1.875em;
    font-weight: 400;
}

.cpw-comparison-page .compared-phone.col-md-8 .full-feature-list h2 {
    padding: 7px 0 23px 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .full-feature-list h2.max {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-8 .full-feature-list .panel-group {
    margin: 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .full-feature-list .feature-heading a.collapsed {
    padding: 19px 26px 19px 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .panel-collapse {
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .full-feature-list .feature-content .row {
    margin: 0 10px;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review {
    margin: 40px 0 50px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review article {
    position: relative;
    float: none;
    margin: 0;
    padding: 58% 0 0 0;
    width: 100%;
    overflow: hidden;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review header {
    position: absolute;
    top: 180px;
    left: 20px;
    z-index: 4;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review header h2 {
    bottom: 0;
    padding: 0;
    color: #fff;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review header h2.max {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review p,
.cpw-comparison-page .compared-phone.col-md-8 .phone-review span.summary {
    position: absolute;
    bottom: 95px;
    left: 20px;
    z-index: 4;
    width: 90%;
    margin: 0;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.3em;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review .article-100 .category {
    right: 10px;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review footer {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-8 .phone-review .overlay {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-100-review.png");
}
/**
* #.# Comparison Tool Page 3 Phones
*
* Comparison Tool Page, Three Phones
*/

.cpw-comparison-page .compared-phone.col-md-6 {
    padding: 55px 10px 40px 10px;
    width: 33.3%;
}

.cpw-comparison-page .compared-phone.col-md-6 h2.phone-title {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-top-content {}

.cpw-comparison-page .compared-phone.col-md-6 .phone-top-content h2.phone-title {
    padding: 0 0 14px 0;
    display: block;
    font-size: 2.25em;
    color: #002252;
    min-height: 120px;
    line-height: 1em;
    text-align: left;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-image {
    padding-left: 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-image img {
    max-height: 112px;
}

.cpw-comparison-page .compared-phone.col-md-6 .main-features h2 {
    padding: 18px 0;
    display: block;
}

.cpw-comparison-page .compared-phone.col-md-6 .main-features ul {
    margin: 0 0 18px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .main-features ul li {
    font-size: 0.875em;
}

.cpw-comparison-page .compared-phone.col-md-6 .main-features a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price h2 {
    padding: 25px 0 17px 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-and-plan {
    margin: 0 2px 0 0;
    padding: 0;
    border: solid 1px #fff;
    width: 49%;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-only {
    margin: 0 0 0 2px;
    padding: 0;
    border: solid 1px #fff;
    width: 49%;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-and-plan .inner-wrap,
.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-only .inner-wrap {
    height: 85px;
    min-height: 85px;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-and-plan h3,
.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-only h3 {
    padding: 9px 0 0 0;
    font-size: 0.75em;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-and-plan .price,
.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-only .price {
    margin: 0;
    padding: 14px 0 3px 0;
    font-size: 2em;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-and-plan .price-per-month {
    margin: 0;
    padding: 4px 0 16px 0;
    font-size: 0.9375em;
    line-height: 0.8em;
}

.cpw-comparison-page .compared-phone.col-md-6 .all-price-plans {
    margin: 20px 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .all-price-plans a {
    width: 100%;
    font-size: 1.5em;
    font-weight: 400;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list h2 {
    padding: 7px 0 23px 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list h2.max {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list .panel-group {
    margin: 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list .feature-heading a,
.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list .feature-heading a.collapsed {
    padding: 19px 13px 19px 0;
    font-size: 1.25em;
}

.cpw-comparison-page .compared-phone.col-md-6 .panel-collapse {
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list .feature-content .row {
    margin: 0 10px;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list .feature-content .row .itemKey {
    float: none;
    width: 100%;
    padding-bottom: 10px;
}

.cpw-comparison-page .compared-phone.col-md-6 .full-feature-list .feature-content .row .itemValue {
    float: none;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review {
    margin: 20px 0 60px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review article {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review article a {
    display: block;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/

    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review article a:hover {
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Standard*/
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 4;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review header h2 {
    display: none;
    bottom: 0;
    padding: 0;
    color: #fff;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review header h2.max {
    display: block;
    bottom: 0;
    padding: 28px 0;
    color: #fff;
    font-size: 1.25em;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review span.summary {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review p {
    display: none;
    position: absolute;
    bottom: 95px;
    left: 20px;
    z-index: 4;
    width: 90%;
    margin: 0;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.3em;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review .article-100 .category {
    display: none;
    right: 10px;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review footer {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-6 .phone-review .overlay {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-100-review.png");
}
/**
* #.# Comparison Tool Page 4 Phones
*
* Comparison Tool Page, Four Phones
*/

.cpw-comparison-page .compared-phone.col-md-4 {
    padding: 36px 10px 40px 10px;
    width: 25%;
}

.cpw-comparison-page .compared-phone.col-md-4 h2.phone-title {
    display: block;
    padding-bottom: 20px;
    color: #002252;
    font-size: 1.625em;
    text-align: center;
    line-height: 1em;
    min-height: 70px;
    padding: 0 20px;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-top-content {}

.cpw-comparison-page .compared-phone.col-md-4 .phone-top-content h2.phone-title {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-image {
    padding: 40px 0;
    width: 100%;
    background: #fff;
    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-image img {
    max-height: 160px;
}

.cpw-comparison-page .compared-phone.col-md-4 .main-features {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-4 .main-features h2 {
    padding: 18px 0;
    display: block;
}

.cpw-comparison-page .compared-phone.col-md-4 .main-features ul {
    margin: 0 0 18px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-4 .main-features ul li {
    font-size: 0.875em;
}

.cpw-comparison-page .compared-phone.col-md-4 .main-features a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price h2 {
    padding: 25px 0 17px 0;
    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-and-plan {
    margin: 0 0 2px 0;
    padding: 0;
    border: solid 1px #e7ecee;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-only {
    margin: 0;
    padding: 0;
    border: solid 1px #e7ecee;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-and-plan .inner-wrap,
.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-only .inner-wrap {
    min-height: 120px;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-and-plan h3,
.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-only h3 {
    padding: 23px 0 0 0;
    font-size: 1em;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-and-plan .price,
.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-only .price {
    margin: 0;
    padding: 14px 0 3px 0;
    font-size: 2.25em;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-and-plan .price-per-month {
    margin: 0;
    padding: 4px 0 16px 0;
    font-size: 1.25em;
    line-height: 0.8em;
}

.cpw-comparison-page .compared-phone.col-md-4 .all-price-plans {
    margin: 20px 0;
}

.cpw-comparison-page .compared-phone.col-md-4 .all-price-plans a {
    width: 100%;
    padding: 28px 0;
    font-size: 1.25em;
    font-weight: 400;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list h2 {
    display: none;
    padding: 7px 0 23px 0;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list h2.max {
    display: block;
    padding: 7px 0 23px 0;
    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .panel-group {
    margin: 0;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .feature-heading a {
    font-size: 1.25em;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .feature-heading a,
.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .feature-heading a.collapsed {
    padding: 19px 13px 19px 0;
    text-align: left;
}

.cpw-comparison-page .compared-phone.col-md-4 .panel-collapse {
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .feature-content .row {
    margin: 0 10px;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .feature-content .row .itemKey {
    float: none;
    width: 100%;
    padding-bottom: 10px;
}

.cpw-comparison-page .compared-phone.col-md-4 .full-feature-list .feature-content .row .itemValue {
    float: none;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review {
    margin: 20px 0 60px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review article {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review article a {
    display: block;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/

    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review article a:hover {
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Standard*/
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 4;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review header h2 {
    display: none;
    bottom: 0;
    padding: 0;
    color: #fff;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review header h2.max {
    display: block;
    bottom: 0;
    padding: 28px 0;
    color: #fff;
    font-size: 1.25em;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review span.summary {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review p {
    display: none;
    position: absolute;
    bottom: 95px;
    left: 20px;
    z-index: 4;
    width: 90%;
    margin: 0;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.3em;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review .article-100 .category {
    display: none;
    right: 10px;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review footer {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-4 .phone-review .overlay {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-100-review.png");
}
/**
* #.# Comparison Tool Page 5 Phones
*
* Comparison Tool Page, Five Phones
*/

.cpw-comparison-page .compared-phone.col-md-3 {
    padding: 56px 10px 40px 10px;
    width: 20%;
}

.cpw-comparison-page .compared-phone.col-md-3 h2.phone-title {
    display: block;
    padding-bottom: 20px;
    color: #002252;
    font-size: 1.625em;
    text-align: center;
    line-height: 1em;
    min-height: 70px;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-top-content {}

.cpw-comparison-page .compared-phone.col-md-3 .phone-top-content h2.phone-title {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-image {
    padding: 40px 0;
    width: 100%;
    background: #fff;
    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-image img {
    max-height: 160px;
}

.cpw-comparison-page .compared-phone.col-md-3 .main-features {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-3 .main-features h2 {
    padding: 18px 0;
    display: block;
}

.cpw-comparison-page .compared-phone.col-md-3 .main-features ul {
    margin: 0 0 18px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-3 .main-features ul li {
    font-size: 0.875em;
}

.cpw-comparison-page .compared-phone.col-md-3 .main-features a {
    margin: 0;
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price h2 {
    padding: 25px 0 17px 0;
    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-and-plan {
    margin: 0 0 2px 0;
    padding: 0;
    border: solid 1px #e7ecee;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-only {
    margin: 0;
    padding: 0;
    border: solid 1px #e7ecee;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-and-plan .inner-wrap,
.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-only .inner-wrap {
    min-height: 120px;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-and-plan h3,
.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-only h3 {
    padding: 23px 0 0 0;
    font-size: 1em;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-and-plan .price,
.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-only .price {
    margin: 0;
    padding: 14px 0 3px 0;
    font-size: 2.25em;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-and-plan .price-per-month {
    margin: 0;
    padding: 4px 0 16px 0;
    font-size: 1.25em;
    line-height: 0.8em;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-best-price .phone-only .price.was {
    margin: 0!important;
    padding: 4px 0 16px 0;
    font-size: 1.25em!important;
    line-height: 0.8em;
}
.cpw-comparison-page .compared-phone.col-md-4 .phone-best-price .phone-only .price.was {
    margin: 0!important;
    padding: 4px 0 16px 0;
    font-size: 1.25em!important;
    line-height: 0.8em;
}

.cpw-comparison-page .compared-phone.col-md-3 .all-price-plans {
    margin: 20px 0;
}

.cpw-comparison-page .compared-phone.col-md-3 .all-price-plans a {
    width: 100%;
    padding: 28px 0;
    font-size: 1.25em;
    font-weight: 400;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list h2 {
    display: none;
    padding: 7px 0 23px 0;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list h2.max {
    display: block;
    padding: 7px 0 23px 0;
    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .panel-group {
    margin: 0;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .feature-heading a {
    font-size: 1.15em;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .feature-heading a,
.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .feature-heading a.collapsed {
    padding: 19px 13px 19px 0!important;
}

.cpw-comparison-page .compared-phone.col-md-3 .panel-collapse {
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .feature-content .row {
    margin: 0 10px;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .feature-content .row .itemKey {
    float: none;
    width: 100%;
    padding-bottom: 10px;
}

.cpw-comparison-page .compared-phone.col-md-3 .full-feature-list .feature-content .row .itemValue {
    float: none;
    width: 100%;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review {
    margin: 20px 0 60px 0;
    padding: 0;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review article {
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review article a {
    display: block;
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    /*Standard*/

    text-align: center;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review article a:hover {
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Safari 5.1-6*/

    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Opera 11.1-12*/

    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Fx 3.6-15*/

    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    /*Standard*/
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review header {
    position: relative;
    top: 0;
    left: 0;
    z-index: 4;
    padding: 0;
    width: 100%;
    height: 100%;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review header h2 {
    display: none;
    bottom: 0;
    padding: 0;
    color: #fff;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review header h2.max {
    display: block;
    bottom: 0;
    padding: 28px 0;
    color: #fff;
    font-size: 1.25em;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review img {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review span.summary {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review p {
    display: none;
    position: absolute;
    bottom: 95px;
    left: 20px;
    z-index: 4;
    width: 90%;
    margin: 0;
    color: #fff;
    font-size: 1.125em;
    line-height: 1.3em;
    background: none;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review .article-100 .category {
    display: none;
    right: 10px;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review footer {
    display: none;
}

.cpw-comparison-page .compared-phone.col-md-3 .phone-review .overlay {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background: url("images/img-overlay-article-100-review.png");
}
/**
* #.# Comparison Tool Sidebar
*
* Comparison Tool Sidebar Show when 2 or 3 phones are selected
*/

#pnlCompareSidebar.col-md-5.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right {
    position: relative;
    right: 0;
    width: 31.25%;
    background: none;
}
/**
* #.# Comparison Tool Sidebar
*
* Comparison Tool Sidebar Hide when 4 or 5 phones are selected
*/

.cpw-comparison-page #pnlCompareSidebar.col-md-5.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.hide-sidebar {
    position: fixed;
    top: -10px;
    right: -240px;
    z-index: 9999;
    width: 0;
    background: #d3dec6;
}

.cpw-comparison-page #pnlCompareSidebar.col-md-5.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.hide-sidebar.cbp-spmenu-open {
    position: fixed;
    top: -10px;
    right: 0;
    padding: 0;
    width: 380px;
    background: #d3dec6;
}

.cpw-comparison-page #pnlCompareSidebar.col-md-5.cbp-spmenu.cbp-spmenu-vertical.cbp-spmenu-right.hide-sidebar .comparison-tool-sidebar {
    margin-left: 0px;
}


.additional-information.row.keep-uptodate p {
text-transform: none;
  display: inline-block;
  padding-top: 0;
  position: relative;
  top: -3px;
}



.sidebar-special-offers img {
    width:100%!important;
    height:100%!important;
    margin-bottom:15px;
}


.security-question .selectboxit-container .selectboxit {
    width:100%;
      margin: 5px 0 20px 0;
}
.security-question .selectboxit-container span.selectboxit-text {
    max-width:100%!important;
}

.security-question input {
    box-shadow:none;

}

.CartItemSelectorContainer .btncancel {
    display:none;
}

.sepaDetails {
    margin:20px auto;
    padding:0 15px;
    width:60%;
    color: #888;

}
.sepaDetails.empty {
    margin:0;
}

#distanceScript {
    padding: 0 25px;
    margin-top: 20px;
}


/**
* #.# Online Shopping toolbar
*
* Specfic styles for the toolbar
*/

.onlineshopping-toolbar {
    display:none;
    background: #f7f7f7;
    padding: 10px 0 5px 0;
}

.onlineshopping-toolbar-sidebar {
    display:none;
}




/**
* #.# CPW - Prepay New Route
*
* Styles only for the new prepay route
*/

.cpw-comparison-page .compared-phone.col-md-6 .phone-best-price .phone-only .price.was,
.cpw-comparison-page .compared-phone.col-md-8 .phone-best-price .phone-only .price.was {
    padding-top: 0;
    margin: 4px 0 0 0!important;
}





.cpw-prepay-table {
    width:100%;
    border:solid 1px #e9eeef;
}
.cpw-prepay-table tr {
    border:solid 1px #e9eeef;
}
.cpw-prepay-table tr td {
    text-align:center;
}

.cpw-prepay-table .tablesorter-headerRow {
    color:#4f7c8d;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    background:#eef2f3;
    font-weight:normal;
}

.cpw-prepay-table .tablesorter-headerRow .tablesorter-header-inner {
    padding-top:18px;
    padding-bottom:18px;
    font-size: 1.25em;
}

.cpw-prepay-table .operator {
    padding: 0 10px;
}
.cpw-prepay-table .operator img {
    /*height: 40px;*/
    height: 90px;
    max-width: none;
}

@media (min-width:768px) {

    .cpw-prepay-table .operator {
        padding: 0 30px;
    }

}

.cpw-prepay-table .grey-inner {
    padding:20px 0;
    background:#f1f4f5;
   /* border:solid 1px #fff;*/
}


.cpw-prepay-table .grey-inner.prices.wasprice-wrap {
    padding: 12px 10px 11px 10px;
}
.cpw-prepay-table .grey-inner.prices {
    padding: 22px 10px 21px 10px;
}


.cpw-prepay-table .grey-inner .price {
    display:block;
    color: #002250;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    font-size: 39px;
    line-height: 0.8em;
}
.cpw-prepay-table .grey-inner .price.was {
    display:block;
    margin:8px 0 0 0;
    color: #da0c31;
    font-size:14px;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}
.cpw-prepay-table .phone-price .price.was {
   font-size: 14px !important;
   color: #da0c31;
}


.cpw-prepay-table .instock {
    font-size:25px;
}
.cpw-prepay-table .instock:before {
    color:#74a534;
    content: "\f00c";
    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;
}

.cpw-prepay-table .outofstock {

}

.cpw-prepay-table .outofstock {
    display: block;
    color: #0095af;
    font-size: 16px;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
}


.cpw-prepay-table .info {
    padding:32px 55px 35px 55px;
    font-size:25px;
}
.cpw-prepay-table .info:hover {
    cursor:pointer;
}



.cpw-prepay-table .mobile.btn {
    display: block;
    padding: 17px 0;
    font-size: 1.1em;
}


.cpw-prepay-table .outofstock-plan span {
    display: block;
    font-size: 1.5em;
    padding: 3px 0;
}



.cpw-prepay-table .desktop.btn {
    display:none;
}
.cpw-prepay-table th {
    position:relative;
}

.cpw-prepay-table th.reserve-Col,
.cpw-prepay-table th.pay-Col {
    display:none;
}


.cpw-prepay-table td.reserve-Col,
.cpw-prepay-table td.pay-Col {
    display:none;
}


.cpw-phones-list .phone-only .price.was {
     color: #da0c31!important;
     font-size:1em!important;
}

.phone-best-price .phone-only .price.was {
     color: #da0c31!important;
     font-size: 14px!important;
     margin: 8px 0 0 0!important;
}

.cpw-phone-details .available-colours-wrap h3 {
    line-height: 1.0em;
}
.cpw-phone-details .networks h4 {
    line-height: 1.0em;
}
.cpw-phone-details .phone-best-price h2 {
    padding-top:20px;
    padding-bottom:13px;
}


.cpw-prepay-table .tablesorter-headerUnSorted:before {
    position: absolute;
    top: 24px;
    right: 3px;
    content: "\f0dc";
    color: #002250;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}
/** Arrow Up **/

.cpw-prepay-table .tablesorter-headerAsc:before {
    position: absolute;
    top: 24px;
    right: -3px;
    content: "\f0d7";
    color: #002250;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/** Arrow Down **/

.cpw-prepay-table .tablesorter-headerDesc:before {
    position: absolute;
    top: 24px;
    right: -3px;
    content: "\f0d8";
    color: #002250;
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cpw-prepay-table .reserve-Col.tablesorter-headerUnSorted:before,
.cpw-prepay-table .features-Col.tablesorter-headerUnSorted:before,
.cpw-prepay-table .pay-Col.tablesorter-headerUnSorted:before,
.cpw-prepay-table .buy-Col.tablesorter-headerUnSorted:before {
    display: none;
}





/**
* #.# CPW - Prepay New Route
*
* Styles only for the new prepay table  - Tablet Portrait Layout
*/
@media (min-width:768px) {

    .checkout .acc-number {
        display:inline-block;
        width:70%;
    }

    .cpw-prepay-table .outofstock-plan span {
    padding: 29px 0;
}


    .cpw-plan-table .tablesorter-header-inner {
        width: 100%!important;
        margin: 0 auto;
        padding: 20px 0;
        line-height: 1em;
        text-align: center;
        font-size: 1.25em!important;
    }


    .cpw-prepay-table th,
    .cpw-prepay-table th.features-Col,
    .cpw-prepay-table th.reserve-Col,
    .cpw-prepay-table th.pay-Col {
        display: table-cell;
        font-weight:normal;
    }

    .cpw-prepay-table td.features-Col,
    .cpw-prepay-table td.reserve-Col,
    .cpw-prepay-table td.pay-Col {
        display: table-cell;
    }




    .cpw-prepay-table .grey-inner.prices.wasprice-wrap {
       padding: 21px 0;
    }
    .cpw-prepay-table .grey-inner.prices {
        padding: 30px 0 31px 0;
    }
    .cpw-prepay-table .grey-inner.help {
       padding: 0;
    }
    .cpw-prepay-table .grey-inner.checkmark {
        padding: 14px 0 11px 0;
    }
      .cpw-prepay-table .mobile.btn {
        padding: 13px 20px;
        font-size: 1.5em;
    }
    .cpw-prepay-table .grey-inner.checkmark.outofstock-wrap {
    padding: 19px 0;
}


    .cpw-phones-list .phone-only .price.was {
        font-size: 0.9em!important;
            margin: 4px 0 0 0;
            line-height: 1.4em;
    }
    .cpw-phones-list-wrapper .title h1 {
        padding-top: 20px;

    }

    .cpw-phone-details .phone-content h1 {
        width: 60%!important;
    }

    .cpw-phone-details .phone-best-price .phone-and-plan .inner-wrap,
    .cpw-phone-details .phone-best-price .phone-only .inner-wrap {
        min-height: 95px;
    }

    .checkout-toolbar .back-button a {
        padding: 45px 40px 45px 48px;
    }
    .checkout-toolbar .selected-phone {
        height: 90px;
        width: 52%;
    }
    .checkout-toolbar .selected-phone img {
    margin-right: 15px;
    /* max-width: inherit; */
    position: relative;
    top: 10px;
    height: auto;
    width: 40px;
    max-width:none;
}
       .checkout-toolbar .selected-phone span {
        top: 14px;
        font-size: 28px;
        max-width: 270px;
    }
       .checkout-toolbar .selected-phone .colour {
    top: 28px;
}

           .selected-plan span {
        text-indent: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;

        top: 28px;
        position: relative;
        line-height: normal;
    }


           .checkout .delivery-method.grey.section-padding {
               padding-top: 120px;
               padding-bottom:370px;
               position:relative;
               /*top:-50px;*/
           }

}

/**
* #.# CPW - Prepay New Route
*
* Styles only for the new prepay table - Desktop Layout
*/
@media (min-width:992px) {

       .cpw-prepay-table .grey-inner.checkmark {
        padding: 0;
    }

         .cpw-prepay-table .grey-inner.checkmark.outofstock-wrap {
    padding: 0;
}

     .cpw-phones-list-wrapper .title h1 {
        padding-top: 5px;

    }

    .cpw-prepay-table .operator img {
     height:72px;
    }


    .cpw-prepay-table .outofstock-plan span {

    font-size: 2em;
}


    .checkout .current-number {
        padding-bottom:0;
    }


       .checkout-toolbar .back-button a {
        padding: 29px 40px 29px 48px;
    }

       .checkout-toolbar .selected-phone {
    height: 100px;
    width: 42%;
}
       .selected-plan span {
           top:7px;
       }

       .checkout-toolbar .selected-phone span {
           top:24px;
    max-width: 70%;
}


       .checkout-toolbar .selected-phone .colour {
    top: 30px;
}

    .onlineshopping-toolbar {
        display:block;
        margin:0;

    }
    .onlineshopping-toolbar .block {
        display:inline-block;
        width:32%;
        text-align:left;
        vertical-align:top;
    }
    .onlineshopping-toolbar .block img {
        float:left;
        margin-right:16px;
        height:40px;
    }
    .onlineshopping-toolbar .block h2 {
        float:left;
        padding:0 0 6px 0;
        color: #002252;
        font-size: 1.75em;
    }
    .onlineshopping-toolbar .block h3 {
        float:left;
        font-family: "ff-dagny-web-pro-n7", "ff-dagny-web-pro", sans-serif!important;
        font-weight:700;
        text-transform:none;
        font-size: 14px;
        max-width:80%;
        line-height:1.1em;
    }


    /* online shopping features added to sidebar min-width:992px 30/12/2015 - mog */

    .onlineshopping-toolbar-sidebar {
        display:block;
        margin:0;
        background: #fff;
        margin-bottom: 30px;
    }

    .onlineshopping-toolbar-sidebar .block:first-child {
        margin-top: 0;
        margin-bottom: 16px;
    }

    .full-feature-list .feature-content .row:last-child {
        margin-bottom: 0;
    }

    .onlineshopping-toolbar-sidebar .block {
        display:block;
        width:100%;
        text-align:left;
        margin-bottom: 18px;
        margin-top: 18px;
        height: 40px;
    }

    .onlineshopping-toolbar-sidebar .block img {
        float:left;
        margin-right:16px;
        height:40px;
    }
    .onlineshopping-toolbar-sidebar .block h2 {
        float:left;
        padding:0 0 6px 0;
        color: #002252;
        font-size: 1.75em;
    }
    .onlineshopping-toolbar-sidebar .block h3 {
        float:left;
        font-family: "ff-dagny-web-pro-n7", "ff-dagny-web-pro", sans-serif!important;
        font-weight:700;
        text-transform:none;
        font-size: 14px;
        max-width:80%;
        line-height:1.1em;
    }

    /* end online shopping features added to sidebar  30/12/2015 */

    .cpw-prepay-table .mobile.btn {
        display:none;
    }
    .cpw-prepay-table .desktop.btn {
        display: block;
        padding: 18px 10px;
        font-size: 2em;
    }

    .cpw-plan-table tr th {
        padding:0;
    }
    .cpw-plan-table .tablesorter-headerUnSorted:before {
        position: absolute;
        right: 2px;
        content: "\f0dc";
        color: #002250;
        display: inline-block;
        font: normal normal normal 10px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

    }
        .cpw-plan-table .tablesorter-header-inner {
            padding: 0 15px 0 0;
        }
        .cpw-plan-table .selectplan-Col {
        width: 90px;
    }

        .cpw-prepay-table th.operator-Col {
            width:90px;
        }
        .cpw-prepay-table th.phone-Col {
            width:140px;
        }

          .cpw-prepay-table th.features-Col {
            width:100px;
        }

}

/**
* #.# CPW - Prepay New Route
*
* Styles only for the new prepay table - Desktop Layout
*/
@media (min-width:1180px) {


        .cpw-prepay-table .outofstock-plan span {
  padding: 24px 0;

}



    .cpw-phones-list .phone-only .price.was {
        font-size:13px !important;
    }
    .cpw-prepay-table th.operator-Col {
        width: 120px;
    }

     .cpw-prepay-table th.phone-Col {
            width:200px;
        }

     .cpw-prepay-table th.features-Col {
        width: 120px;
    }
    .cpw-prepay-table .grey-inner.prices.wasprice-wrap {
        padding: 21px 0;
    }
    .cpw-prepay-table .grey-inner.help {
        padding: 0;
    }


    .cpw-prepay-table .desktop.btn {
       padding: 27px 5px;
        font-size: 1.875em;
        line-height: 0.8em;
    }
    .onlineshopping-toolbar .block h3 {
        max-width: 100%;
    }

    .cpw-prepay-table .phone-price,
    .cpw-plan-table .plan-price {
        padding:0;
    }
}


/**** Revised Styles - October 2015 *****/


.current-network .btn {
    font-size:1.6em;
    white-space:normal;
}


.tooltip-inner {
    padding: 10px 20px 10px 20px;
    color:#fff;
    text-align:left;
    background-color:#002250;
    border-radius:3px;
}
.tooltip.in {
    opacity:1;
}
.tooltip.right {
    margin-left: -10px;
}
.tooltip-close {
    position: absolute;
    top:0;
    right:10px;
    background:none;
    color:#fff;
    border:none;
}
.tooltip-close button {
     background:none;
    color:#fff;
    border:none;
    font-size: 18px;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
}


.order-review-table .row.total {
    margin:0 0 40px 0;
}
.order-review-table .row.total .label {
    display:inline-block;
    padding: 0;
    width: 25%;
    color: #002250;
    font-size: 2em;
    font-weight: 400;
}
.order-review-table .row.total .price {
    display: inline-block;
    margin: 0;
    padding: 12px 0;
    color: #fff;
    font-size: 2.875em;
    background: #002250;
    width: 50%;
    text-align: center;
}

.order-review-table .price {
    padding-left: 10px;
    color: #90a7b1;
    font-size: 0.7em;
}


.button-centered {
    padding: 0 10px;
    text-align:center;
}
.button-centered .btn {
    display:block;
}

.order-review-table.empty-cart-message h1 {
    display:none;
}


/**
* #.# Discount Box
*
* Box on cart summary page which shows label, input field and button
*/

.discount-box {
    margin:20px 10px 0 10px;
    text-align:left;
}
.checkbox .discount-box h1 {
    margin:0;
    padding:0;
}
.discount-box .label {
    display: inline-block;
    padding: 0 0 10px;
    color: #002250;
    font-size: 1.5em;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    vertical-align: middle;
    font-weight: normal;
}
.discount-box > div {
    display:inline-block;
    width:100%;
}
.discount-box input[type="text"],
.discount-box input[type="submit"] {
    display:inline-block!important;
    width:auto!important;
}
.discount-box input[type="text"] {
    border-radius:0;
}
    .discount-box input[type="submit"] {
    margin-left:10px;
    padding: 12px 24px 12px 24px;
    vertical-align: top;
    font-size:24px;
}




/**
* #.# Discount Total
*
* Box on cart summary page which shows label, input field and button
*/

.discount-total {
     margin:30px 0;
     padding:0 10px ;
     text-align:right;

}
.discount-total .col-md-16 {
    padding:0;
}
.discount-total .TotalViewer {
    padding-top:20px;
    border-top: solid 1px #dde3e6;
}

.discount-total .Label {
    display:inline-block;
    padding:0;
    width:48%;
    color:#002250;
    font-size: 24px;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-weight:normal;
}

.discount-total .Value {
    display:inline-block;
    padding:0;
    width:50%;
    color: #4f7c8d;
    font-size: 24px;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    text-align:center;
}

.order-review-table .row {
    position:relative;
}
.order-review-table .item {
    width:100%;
    float:none;
    padding:0;

}


.order-review-table .row .item {
    border-right:solid 1px #d7dfe2;
}
.order-review-table .row .subtotal-price {
    min-height:198px;
     border-left:solid 1px #d7dfe2;
}


.order-review-table .row.alt .item {
    border-right:solid 1px #d7dfe2;
}
.order-review-table .row.alt .subtotal-price {
    border-left:solid 1px #d7dfe2;
    min-height:115px;
}


.order-review-table .item .Name,
.order-review-table .item .network-selection {
    display:table;
    table-layout:fixed;
    padding:10px;
}
.order-review-table .item .Name .col-sm-3,
.order-review-table .item .network-selection .col-sm-3 {
    display:table-cell;
    width:60px;
}
.order-review-table .item .Name .col-sm-8,
.order-review-table .item .network-selection .col-sm-8 {
    display: table-cell;
    vertical-align: top;
    padding-top: 0;
    font-size: 1.3em;
}
.order-review-table .item .Name .col-sm-5,
.order-review-table .item .network-selection .col-sm-5 {
    display:table-cell;
    padding-top: 0;
    vertical-align: top;
}

.order-review-table .item .Name img {
    width:80px;
    height:auto;
}

.order-review-table .item .Name .colour {
    height: 24px;
    width: 24px;
}

.order-review-table .item .network-selection .network-circle {
    display: table-cell;
    width: 80px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    vertical-align: middle;
    position: relative;
    top: 20px;
}





.order-review-table .action {
    position: absolute;
    top: 45px;
    right: 0;
    width: 74px;
}

.order-review-table .action .RemoveButton {
    display:block;
    margin: 0;
}

.order-review-table .action .update-btns img {
    display:none;
}
.order-review-table .action .col-sm-4 {
    float:none;
    display:inline-block;
    width:auto;
    padding-left:20px;
}
.order-review-table .action .col-sm-12 {
    display: inline-block;
    float: none;
    width: 62%;
    padding: 10px 0 0 15px;
}

.order-review-table .action .col-sm-12 input[type="text"] {
    width:34px;
    height:34px;
    border:solid 2px #b4c4cb;
    color:#555!important;
    padding: 0;
    line-height: 34px;
}
.order-review-table .action .col-sm-12 button {
    width:18px;
    height:18px;
    color:#fff;
    background:#90a7b1;
    border:none;
    text-align:center;
    font-size: 12px;
    border-radius:3px;
}
.order-review-table .action .col-sm-12 button.increase {
    margin:4px;
}

.order-review-table .action .col-sm-12 .fa-minus:before {
    content: "\f068";
    margin-left: -2px;
}
.order-review-table .action .col-sm-12 .fa-plus:before {
    content: "\f067";
    margin-left: -2px;
}


.order-review-table .action .col-sm-12 > div {

    display: inline-block;
    float: none!important;
    width:100%;
}
.order-review-table .action .col-sm-12 .qty-buttons {

    width:36px!important;
    display: inline-block;
    float: none!important;
    vertical-align:top;
}
.order-review-table .action .col-sm-12 .update-btns {
    width: 80px!important;
    display: inline-block;
    float: none!important;
    vertical-align: top;
    margin-left: 2px;
    margin-top: 5px;
}

.order-review-table .subtotal-price {
    width: 100%;
    float: none;
    font-size: 2em;
    /* text-align: center; */
    padding: 0 0 10px 75px;
    margin: -5px 0 0 0;
    border-left:solid 1px #d7dfe2;
}
.order-review-table .subtotal-price .was {
    display: block;
    margin: -5px 0 0 -5px;
    color: #da0c31;
    font-size: 14px;
}

.order-review-table .subtotal-price .ProductPriceDetailLink {
    display:none;
}

.checkout .delivery-method h2 {
    line-height: 1.2em;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    width: 50%;
    margin: auto;
    clear: both;
    text-transform: none;
}

.checkout .delivery-method h1 + h2 + h2 {
    margin-bottom:30px!important;
}

/** Added accessory cart message ****/

.accessory-added-cart {
    position: fixed;
    width: 100%;
    background: #002252;
    color: #fff;
    top: 0;
    left: 0;
    z-index: 2000;
    line-height: 1.3em;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.5em;
    text-transform: uppercase;
    padding: 20px 0;
}

header.top-header.checkout-toolbar .selected-plan.delivery {
    background:#002252;
}
header.top-header.checkout-toolbar .selected-plan.delivery .plan-name {
    /* top: 12px; */
    left: 25px;
    max-width: 200px;
}
header.top-header.checkout-toolbar .selected-plan.delivery .price {
    /* top: 40px; */
    line-height: 1em;
    left: 25px;
}


.checkout .operator-customer {
    position:relative;
    top:-100px;
}

@media (min-width:768px) {

    .checkout .current-number {
        top: 0;
        position: relative;
    }
    .checkout .delivery-method.grey.section-padding {
        top:0;
    }
    .checkout .operator-customer {
        position: relative;
        top: 40px;
    }

}


@media (min-width:992px) {
    .checkout .delivery-method.grey.section-padding {
        padding-top: 120px;
        padding-bottom: 370px;
        position: relative;
        top: 20px;
    }
    .checkout .operator-customer {
        position: relative;
        top: 90px;
    }

}

@media (min-width:1200px) {


    .checkout .operator-customer {
        position:relative;
        top:90px;
    }
    .checkout .delivery-method.grey.section-padding {
        top:30px;
    }

}

@media (min-width:1900px) {
    .checkout .operator-customer {
        position: relative;
        top: -120px;
    }
    .checkout .delivery-method.grey.section-padding {
        top: -50px;
    }
}



.checkout .current-number {
    /*padding-top:0;
    position:relative;
    top:40px;*/
}
.checkout .store-pickup.section-padding.current-network {
  /*padding-top:0;
    position:relative;
    top:100px;
    padding-bottom: 0;*/
}


.checkout .account-details .btn-wrap a {
    width:100%;
    font-size:1.5em;
}




/**
* #.# CPW - Revised Styles
*
* Styles only for revised styles - Tablet Portrait and Medium Desktops
*/
@media screen and (min-width: 768px) {

    .checkout .account-details .btn-wrap a {
    width:60%;
    font-size:2em;
}


    .current-network .choose.county {
        display:inline-block;
        width:50%;
    }
    .current-network .btn {
        font-size:2em;
    }
    .checkout .current-network .selectboxit-container span.selectboxit-text {
        max-width:100%!important;
    }

    .order-review-table .item .network-selection .network-circle img {
    width: 60px;
    margin-left: 10px;
}


    .checkout .keep-number,
    .checkout .new-number,
    .checkout .pay-instore,
    .checkout .prepay-customer,
    .checkout .billpay-customer,
    .checkout .new-customer,
    .checkout .phone-number,
    .checkout .choose-network,
    .checkout .paynow-deliver {
        float: none;
        margin: 0 auto 20px auto;
        display: block;
        width: 70%;
    }
    .checkout .button h3,
    .checkout.button h3 {
        padding: 20px 0 34px 0;
        color: #fff;
        font-size: 1.3em;
    }

    .accessory-added-cart {
        padding:40px 0;
    }

    .order-review-table h1 {
        font-size:2.5em;
        padding-bottom: 40px;
    }

    .discount-box {
        text-align:right;
    }
    .discount-box .label {
        font-size:2em;
    }
    .discount-box input[type="submit"] {
        padding: 6px 12px 6px 12px;
        font-size:2em;
    }
    .discount-box > div {
        display:inline-block;
        padding: 0 0 0 20px;
        width: 50%;
    }
    .discount-total .Label {
        width:15%;
    }
    .discount-total .Value {
        width:10%;
    }


    .order-review-table .row.total .label {
        width:15%;
    }
    .order-review-table .row.total .price {
        padding: 12px 25px;
        width:auto;
    }
    .order-review-table .item {
        width: 60%;
        float:left;
    }
    .order-review-table .item .Name,
    .order-review-table .item .network-selection {
        padding:20px;
    }
    .order-review-table .item .Name .col-sm-3,
    .order-review-table .item .network-selection .col-sm-3 {
        padding-left:0;
        width: 90px;
    }
    .order-review-table .item .Name .col-sm-8,
    .order-review-table .item .network-selection .col-sm-8 {
        width: 60%;
        font-size:1.6em;
    }
    .order-review-table .item .Name .col-sm-5,
    .order-review-table .item .network-selection .col-sm-5 {
        padding: 6px 0 0 10px;
        width: 20%;
    }
    .order-review-table .action {
        position: relative;
        top:0;
        right:0;
        width: 15%;
            text-align: center;
    }
    .order-review-table .action .col-sm-4 {
        padding: 25px 20px 20px 20px;

        text-align:center;
    }
    .order-review-table .subtotal-price {
        float:left;
        margin:0;
        padding:20px;
        width:25%;
        text-align:right;
    }
    .order-review-table .subtotal-price .was {
        margin: -5px 5px 0 0px;
        font-size:20px;
    }

    .button-centered .btn {
        display:inline-block;
        padding:14px 30px 14px 30px;
        width:auto;
    }

    .order-review-table .action .col-sm-12 {
        display: inline-block;
        float: none;
        width: 80%;
        padding: 0;
    }
    .order-review-table .action .col-sm-12 .update-btns {
        margin-left:5px;
        width:20px!important;
        margin-top: -4px;
    }
    .order-review-table .action .col-sm-12 button.increase {
    margin: 0;
}


    .order-review-table .action .col-sm-12 .fa-plus:before {
        content: "\f067";
        margin-left: -5px;
    }
    .order-review-table .action .col-sm-12 .fa-minus:before {
    content: "\f068";
    margin-left: -5px;
    }



    .my-comparsion-toolbar.cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 90px;
    }
    .my-comparsion-toolbar .add-compared-phone a {
        margin-top: 45px;
        height:98px;
    }
    .compared-phone img {
        height: auto;
        margin-top: 30px;
        max-width: inherit;
    }

    .compare-mobile-placeholder .compared-phone img {
        height: 70px;
    }

    .cpw-prepay-table .tablesorter-headerRow .tablesorter-header-inner {
        font-size: 1.15em;
    }

    .checkout .account-details.section-padding .choose.county {
    display: inline-block;
    width: 65%;
}
      .current-network .choose.county .selectboxit-text {
        max-width:100%!important;
    }


}


/**
* #.# CPW - Revised Styles
*
* Styles only for revised styles - Medium Desktops
*/
@media screen and (min-width: 992px) {

    .checkout .account-details.section-padding .choose.county {
        width:30%;
    }

    .checkout .acc-number {
    display: inline-block;
    width: 31.25%;
}


    .current-network .choose.county {
        display:inline-block;
        width:30%;
    }




    .checkout .account-details .btn-wrap a {
    width: 30%;
    font-size: 1.5em;
}
    header.top-header.checkout-toolbar .selected-phone img {
        width:25px;
    }
    header.top-header.checkout-toolbar .selected-phone .price {
        max-width:180px;
        font-size: 20px;
    }
    header.top-header.checkout-toolbar .selected-phone span.phone-name {
         max-width:180px;
    }

     .my-comparsion-toolbar.cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0;
    }

        .order-review-table .subtotal-price .was {
        margin: -5px 15px 0 0px;
        font-size:20px;
    }


        .checkout .delivery-method h1 {
            padding-bottom:40px;
        }


    .discount-box > div {
        display: inline-block;
        padding: 0 0 0 20px;
        width: auto;
    }

    .button-centered .btn {
        display: inline-block;
        padding: 14px 50px 14px 50px;
        width: auto;
    }

     .checkout .keep-number,
    .checkout .new-number,
    .checkout .pay-instore,
    .checkout .prepay-customer,
    .checkout .billpay-customer,
    .checkout .new-customer,
    .checkout .phone-number,
    .checkout .choose-network,
    .checkout .paynow-deliver {
        float: none;
        margin: 0 auto 20px auto;
        display: inline-block;
        width: 33%;
    }

}


/**
* #.# CPW - Revised Styles
*
* Styles only for revised styles - Medium Desktops & Large Desktops
*/

@media screen and (min-width: 1180px) {


    .order-review-table .item .Name,
    .order-review-table .item .network-selection {
        width:100%;
    }

    .order-review-table .subtotal-price {
        font-size:2.5em;
    }

    header.top-header.checkout-toolbar .selected-plan.delivery .plan-name {
        /* top: 12px; */
        left: 25px;
        max-width: 250px;
    }

        .compared-phone img {
        height: auto;
        margin-top: 0;
        max-width: inherit;
    }


        .order-review-table .action .col-sm-12 .fa-plus:before {
        content: "\f067";
        margin-left: -2px;
    }
        .order-review-table .action .col-sm-12 .fa-minus:before {
        content: "\f068";
        margin-left: -2px;
    }

}


@media screen and (min-width: 360px) and (max-width: 360px) {

    .checkout .delivery-method {
        position: relative;
        top: 60px;
    }
}


/*****************************************/


@media screen and (min-width: 320px) and (max-width: 360px) {


    .checkout .operator-customer {
        position: relative;
        top: 70px;
    }
    .checkout .delivery-method h2 {
        width:100%;
    }

    .checkout .store-pickup.section-padding {
        padding-top: 120px;

    }
    .checkout .account-details.section-padding .choose.county {
        display: inline-block;
        width: 100%;
        padding: 0 20px;
    }

}

/******* Homepage Phone Slider  ********/
#cpw-home-phone-slider{
    background-color: #fff;
    border-top: 5px solid #eff6f8;
    border-bottom: 20px solid #eff6f8;
    padding: 1%;
}
#cpw-home-phone-slider .phone-slider-title,
.cpw-phone-list-slider .phone-slider-title{
    padding: 2%;
    font-size: 3em;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

#cpw-home-phone-slider div.col-md-12,
.cpw-phone-list-slider  div.col-md-12 {
    padding: 0 10px;
    width: 100%;
}

#cpw-home-phone-slider .commercial-image-placeholder,
.cpw-phone-list-slider .commercial-image-placeholder {
    overflow: hidden;
    height: 240px;
    border-bottom: solid 5px #fff;
}

#cpw-home-phone-slider .owl-carousel,
.cpw-phone-list-slider .owl-carousel {
    max-width: 1100px;
    width: 100%;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
}


#cpw-home-phone-slider .owl-carousel .owl-item img,
.cpw-phone-list-slider .owl-carousel .owl-item img {
    max-height: 300px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#cpw-home-phone-slider .commercial-phone-container,
.cpw-phone-list-slider .commercial-phone-container{
    margin: 0 0 3px 0;
    padding: 0;
    border: solid 1px #eef2f3;
    background-color: #fff;
    padding: 6%;
}
#cpw-home-phone-slider .commercial-phone-price{
    margin: 0 0 3px 0;
    padding: 0;
    border: solid 1px #eef2f3;
    background-color: #fff;
    padding: 2%;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;

}
#cpw-home-phone-slider .commercial-phone-price:hover,
.cpw-phone-list-slider .commercial-phone-price:hover {
    background: -webkit-linear-gradient(rgba(231, 236, 238, 1), rgba(196, 209, 214, 1));
}

#cpw-home-phone-slider .commercial-phone-details,
.cpw-phone-list-slider .commercial-phone-details {
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
    min-height: 45px;
}
#cpw-home-phone-slider .commercial-phone-price h3,
.cpw-phone-list-slider .commercial-phone-price h3  {
    padding: 5px 0 0 0;
    color: #4f7c8d;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0.75em;
}
#cpw-home-phone-slider .commercial-phone-price h2,
.cpw-phone-list-slider .commercial-phone-price h2 {
    display: block;
    margin: 10px 0 0 0;
    color: #002250 !important;
    font-family: 'cpw_tradebold' !important;
    font-size: 1.75em !important;
    line-height: 0.8em;
    padding-bottom: 5px;
}
#cpw-home-phone-slider .owl-prev,
.cpw-phone-list-slider .owl-prev {
    position: absolute;
    top: 40%;
    left: -6.25%;
    margin: 0!important;
    padding: 0!important;
    width: 48px;
    height: 48px;
    background: url("images/img-prev.png");
    font-size: 0!important;
}

#cpw-home-phone-slider .owl-next,
.cpw-phone-list-slider .owl-next  {
    position: absolute;
    top: 40%;
    right: -6.25%;
    margin: 0!important;
    padding: 0!important;
    width: 48px;
    height: 48px;
    background: url("images/img-next.png");
    font-size: 0!important;
}

#cpw-home-phone-slider .indicator,
.cpw-phone-list-slider .indicator{
    top: 10px;
    left: 20px;
}

@media screen and (max-width: 1024px){
    #cpw-home-phone-slider .phone-slider-title h1,
    .cpw-phone-list-slider .phone-slider-title h1{
        font-size: 1em;
    }
    #cpw-home-phone-slider .owl-carousel,
    .cpw-phone-list-slider .owl-carousel {
        max-width: 860px;
    }
}

@media screen and (max-width: 800px) {
    #cpw-home-phone-slider .phone-slider-title h1,
    .cpw-phone-list-slider .phone-slider-title h1 {
        font-size: 1em;
    }

    #cpw-home-phone-slider .owl-carousel,
    .cpw-phone-list-slider .owl-carousel  {
        max-width: 550px;
    }

    #cpw-home-phone-slider .owl-prev,
    .cpw-phone-list-slider .owl-prev {
        left: -10%;
    }

    #cpw-home-phone-slider .owl-next,
    .cpw-phone-list-slider  .owl-next {
        right: -10%;
    }

    #cpw-home-phone-slider .indicator,
   .cpw-phone-list-slider .indicator {
        left: 30%;
    }
}

@media screen and (max-width: 400px){
#cpw-home-phone-slider .phone-slider-title h1,
.cpw-phone-list-slider .phone-slider-title h1{
    font-size: 0.8em;
}
#cpw-home-phone-slider .owl-carousel,
.cpw-phone-list-slider .owl-carousel {
    max-width: 260px;
}
#cpw-home-phone-slider .owl-prev,
.cpw-phone-list-slider .owl-prev  {
    left: -15%;
}
#cpw-home-phone-slider .owl-next,
.cpw-phone-list-slider .owl-next  {
    right: -15%;
}
 #cpw-home-phone-slider .indicator,
.cpw-phone-list-slider .indicator  {
        left: 20px;
    }
}

@media screen and (max-width: 320px){

    #cpw-home-phone-slider .owl-prev,
    #cpw-home-phone-slider .owl-prev,
    .cpw-phone-list-slider .owl-prev  {
        left: -7%;
    }
    #cpw-home-phone-slider .owl-next,
    #cpw-home-phone-slider .owl-next,
    .cpw-phone-list-slider .owl-next {
        right: -7%;
    }
}

/** Style for Featured Phones Only Slider */
.cpw-phone-list-slider .commercial-phone-price {
    margin: 0;
    padding: 2%;
    border: solid 1px #eef2f3;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;
}

/**** Christmas Counter ****/

.countWrapper {

}
.countWrapper .row {
    margin:30px 0 0 0;
    border:solid 1px #c8e2e1;
    height:100px;
    background:url("images/christmas_countdown_timer_mobile_small.gif") no-repeat;
    background-size: 300px auto;
    text-align:center;
}

.countWrapper .boxy {
    display: inline-block;
    float: none;
    margin: 40px 0 0 0;
    text-align: center;
    color: #fff;
    padding: 0 2px;
}
.countWrapper .boxy .numbers {
    display:block;
    color:#fff;
    font-family: cpw_tradebold, arial narrow;
   text-transform:uppercase;
   background:#449e7a;
   padding:10px 0 0 0;
   font-size:20px;

}
.countWrapper .boxy .title {
    display:block;
    background:#449e7a;
    padding:0 5px 5px 5px;
    font-size:12px;
}



@media (min-width:360px) and (max-width:360px) {
    .countWrapper .row {
        background-size: 340px auto;
    }
}

@media (min-width:375px) {
    .countWrapper .row {
        background-size: 355px auto;
    }
}

@media (min-width:414px) {
    .countWrapper .row {
        background-size: 395px auto;
    }
}

@media (min-width:768px) {
    .countWrapper .row {
         height:180px;
         background:url("images/christmas_countdown_timer.gif") no-repeat;
         background-size: 750px auto;
         margin-bottom:10px;
    }
    .countWrapper .boxy {
        margin:90px 0 0 0;
        width:10%;
    }
    .countWrapper .boxy .numbers {
        font-size:30px;
    }
}

@media (min-width:768px) {

    .countWrapper .row {
        background-size: 100%;
        height:214px;
    }
    .countWrapper .boxy {
        margin:110px 0 0 0;
        width:8%;
    }
}

@media (min-width:1280px) {

    .countWrapper .row {
        background:url("images/christmas_countdown_timer_large.gif") no-repeat;
    }
    .countWrapper .boxy {
        width:6%;
    }
}



/**
* #.# Forms of Proof & Proof of Address
*
* Styles for all fields for Forms of Proof and Proof of address.
*/
.additional-information .forms-of-proof .container,
.additional-information .proof-of-address .container {
    padding-left: 0;
    padding-right: 0;
}
.forms-of-proof .proof ,
.proof-of-address .proof {
    padding-top: 20px;
    padding-bottom: 20px;
}
.forms-of-proof {
    margin:30px 0 0 0;
}
.proof-of-address {
    margin: 0 0 20px 0;
}
.checkout .tab-pane  .forms-of-proof h2,
.checkout .tab-pane .proof-of-address h2 {
    margin:0;
    padding:20px 0;
    line-height: 1.1em;
}
#proofUploadAdmin .proofs-wrapper{
    text-align: center;
}
#proofUploadAdmin .proofs-wrapper h2, .proofUploadSuccess h1, .proofUploadSuccess h3 {
    margin:0;
    padding:20px 0;
    line-height: 1.1em;
    font-size: 2.125em;
    width: 100%;
}
#proofUploadAdmin .btn-wrap a{
    min-width:250px;
}
#proofUploadAdmin .required {
    display: block;
    margin: 1%;
}
#proofUploadAdmin span {
    color: #4f7c8d;
    font-weight: 400;
}
#proofUploadAdmin span.error {
    color:#ff0000;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform:none;
    font-size:16px;
}
#proofUploadAdmin .proofUploadWrapper, .proofUploadSuccess .proofUploadWrapper{
    background-color: #e7ecee;
    max-width: 768px;
    margin: 0 auto;
    padding: 2% 0 2% 0;
}

#proofUploadAdmin .order-number {
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em;
    font-weight: normal;
    max-width: 100%;
    margin-bottom: 5px;
}
#proofUploadAdmin input[type="text"] {
    padding-left: 20px;
    width: 100%;
    border: solid 1px #e1e4e5;
    height: 60px;
    line-height: 60px;
    color:#666;
     font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
}
.proofUploadSuccess .order-info{
    padding: 0 10px 30px 10px;
    float:none;
    width:100%;
}
.proofUploadSuccess .order-info .wrap{
    height: auto;
    text-align:center;
}

.additional-information .forms-of-proof p {
    padding:10px 5px;
    text-transform:none;
}
.forms-of-proof input[type="date"],
.proof-of-address input[type="date"] {
    display: block;
    margin: 0 0 5px 0;
    padding: 0 0 0 12px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    border: solid 1px #e1e4e5;
}

.forms-of-proof .required-dob,
.proof-of-address .required-dob {
    display: block;
    width: 100%;
    font-size: 15px;
}

.additional-information .proofs-wrapper .btn-wrap {
    padding-left: 20px;
    padding-right: 20px;
}
.additional-information .proofs-wrapper .btn-wrap a {
    width: 100%;
    font-size: 1.5em;
}

#proofUploadAdmin .id-uploads label {
    display: block;
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em;
    font-weight: normal;
}
#proofUploadAdmin .proof-label {
    display:block;
    margin-bottom:5px;
}

#proofUploadAdmin .idenityFileUpload input {
    width: 70% !important;
}



/** File Input Style **/
.NFI-wrapper {
  border: solid 1px #e1e4e5;
  background: #fff;
  display: block;
  width: 100%;
}
.NFI-filename {
  background: #fff;
  display: block;
  width: 100%;
}
.NFI-button {
  height: 60px;
  line-height: 60px;
  background: #acbfc7;
  color: #fff;
  width: 30%;
  font-weight: 700;
}

.NFI-filename {
  width: 70%!important;
  height: 56px!important;
  margin: 0;
  padding: 0;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none!important;
}


/**
* #.# Forms of Proof & Proof of Address Accordian
*
* Styles for content accordian
*/
#proof-upload-samples .proof-samples-wrapper{
       max-width: 768px;
       margin: 0 auto;
       padding: 4% 0 4% 0;
}
#proofUploadAdmin .container{
    padding-left:5px;
}
#proof-upload-samples .ui-state-default{
      background: #e7ecee;
}

#proof-upload-samples .ui-state-active {
      background: #acbfc7;
}

#proof-upload-samples .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    right: 1.5em;
    left: auto;
}

#proof-upload-samples .ui-accordion .ui-accordion-header {
    padding: 1.8em 1em 1.8em 1em;
}
#proof-upload-samples .ui-state-default .ui-icon, #proof-upload-samples .ui-state-active .ui-icon{
      background-image: url(images/icons/down-arrow-blue.png);
      background-size: 100%;
      background-position: 0 0;
}
#proof-upload-samples .ui-state-active .ui-icon{
      background-image: url(images/icons/down-arrow.png);
      background-size: 100%;
      background-position: 0 0;
}
#proof-upload-samples .ui-accordion-header {
    color: #4f7c8d
}
#proof-upload-samples .ui-accordion-header-active {
    color: #fff;
}
#proof-upload-samples .ui-accordion .ui-accordion-content{
    overflow: hidden;
    /*min-height: 300px;*/
}

.proofUploadSuccess .order-info{
    margin: 2% 0 0 0;
}
.proofUploadSuccess .order-info .order-content{
    padding-top: 0px;
}

.proofUploadSuccess .order-content h3 span {
    color: #4f7c8d;
}
#proof-upload-samples p{
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
}
#proof-upload-samples h3{
    margin: 0;
    padding: 0;
    color: #4f7c8d;
    font-family: cpw_tradebold, arial narrow;
    font-size: 1.2em;
    line-height: 0.8;
    text-transform: uppercase;
}
#proof-upload-samples img{
    width:100%;
    height: auto!important;
}

/* Firefox Fix */
.idenityFileUpload input {
        width: 100% !important;
    }

.checkout .idenityFileUpload input {
        width: 70% !important;
    }

/**
* #.# Forms of Proof & Proof of Address
*
* Styles for all fields for Forms of Proof and Proof of address. - iPad Portrait
*/
@media screen and (min-width: 768px) {

    .forms-of-proof .proof,
    .proof-of-address .proof {
        float: none;
        display: inline-block;
        width: 60%;
    }
   .additional-information .proofs-wrapper .btn-wrap a {
        max-width: 418px;
        font-size: 2em;
    }

    .additional-information .col-md-5 {
        float: none;
        display: inline-block;
        width: 60%;
        padding: 20px;
    }

    .checkout .additional-information .tab-pane {
        padding-top: 40px;
    }
    .checkout .additional-information h2 {
        padding:20px 0;
    }
    .additional-information .forms-of-proof p {
        margin: auto;
        max-width: 500px;
    }
    .forms-of-proof input[type="date"],
    .proof-of-address input[type="date"] {
        min-width: 410px;
    }
    .forms-of-proof .required-dob,
    .proof-of-address .required-dob {
        display: block;
        width: 100%;
        font-size: 16px;
        text-align: left;
    }
     .checkout .additional-information .tab-pane .row {
        margin: 0;
     }
     #proof-upload-samples .ui-accordion .ui-accordion-header{
      padding: 1.8em 2.5em 1.8em 2.5em;
}
     #proof-upload-samples .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      right: 2.5em;
      left: auto;
}

}

/**
* #.# Forms of Proof & Proof of Address
*
* Styles for all fields for Forms of Proof and Proof of address. - iPad Landscape
*/
@media screen and (min-width: 992px) {

    .proofs-wrapper {
        margin: 0 0 40px 0;
    }
    .additional-information .forms-of-proof p {
        max-width: 700px;
    }
    .forms-of-proof .proof,
    .proof-of-address .proof {
        vertical-align: top;
         width: 50%;
    }

    .forms-of-proof .proof,
    .proof-of-address .proof.proof-type {
         width: 48%;
    }


    #proofUploadAdmin .forms-of-proof .proof,
    #proofUploadAdmin .proof-of-address .proof {
        vertical-align: top;
         width: 50%;
    }

    .id-uploads {
        margin: 20px 0 0 0;
    }
     .additional-information .proofs-wrapper .btn-wrap a {
        max-width: 330px;
    }
    .forms-of-proof input[type="date"],
    .proof-of-address input[type="date"] {
        min-width: 260px;
    }

    #proofUploadAdmin .idenityFileUpload input {
        width:70%!important;
    }

}

/**
* #.# Forms of Proof & Proof of Address
*
* Styles for all fields for Forms of Proof and Proof of address. - Devices 1180px min width
*/
@media screen and (min-width: 1180px) {

    .additional-information .forms-of-proof .container,
    .additional-information .proof-of-address .container {
        width: 960px;
    }

}


.cpw-homepage-featured-articles .article-33 footer,
.cpw-homepage-featured-articles .article-50 footer,
.cpw-homepage-featured-articles .article-50 p,
.cpw-homepage-featured-articles .article-33 p,
.magazine-recent-articles .article-33 footer,
.magazine-recent-articles .article-50 footer,
.magazine-recent-articles .article-50 p,
.magazine-recent-articles .article-33 p,
.magazine-content .all-articles .article-33 footer,
.magazine-content .all-articles .article-50 footer {
    display:none;
}

.cpw-homepage-featured-articles .article-33 h2,
.cpw-homepage-featured-articles .article-50 h2,
.magazine-content .all-articles .article-33 h2,
.magazine-content .all-articles .article-50 h2,
.magazine-recent-articles .article-33 h2,
.magazine-recent-articles .article-50 h2 {
    bottom:20px;
}



@media screen and (min-width: 768px) {

    .cpw-homepage-featured-articles .article-33 h2,
    .cpw-homepage-featured-articles .article-50 h2,
    .magazine-content .all-articles .article-33 h2,
    .magazine-content .all-articles .article-50 h2,
    .magazine-recent-articles .article-33 h2,
    .magazine-recent-articles .article-50 h2 {
        bottom: 40px;
    }
}


/*** Added 28th Jan 2015 **/
.personal-details .btn-wrap,
.contact-information .btn-wrap,
 .additional-information .btn-wrap {
    padding: 0 10px;
}
.additional-information .btn-wrap {
    margin-bottom:30px;
}
.personal-details .btn-wrap a,
.additional-information .btn-wrap a {
    width: auto;
    font-size: 1.5em;
}
.required-note {
    display:block;
    margin:10px 0 0 0;
    font-size:0.875em;
}

.contact-information .btn-wrap a {
    width: 100%;
    font-size: 1.3em;
}

 .checkout .current-address .selectboxit-container {
        float: none;
        padding: 0;
        width: 100%;
    }

 .checkout .tab-pane .row .current-address.sort label {
        padding-left: 10px;
    }


@media screen and (min-width: 768px) {
    .personal-details .btn-wrap a {
        font-size: 2em;
        width: 60%;
        font-size: 2em;
    }

    .checkout .tab-pane {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .additional-information .btn-wrap {
        display:inline-block;
        width:60%;
    }
    .checkout .contact-information .tab-pane .row .col-md-5,
    .checkout .contact-information .tab-pane .row .col-md-4,
    .checkout .contact-information .tab-pane .row .col-md-10,
    .checkout .contact-information .tab-pane .row .col-md-7 {
        display:inline-block;
        width:60%;
    }
     .checkout .tab-pane .row .current-address.sort label {
        padding-left: 0;
    }

     .checkout .contact-information .tab-pane .row .col-md-8,
     .checkout .contact-information .tab-pane .row .col-md-6 {
        padding: 20px 0 20px 0;
    }

     .contact-information .btn-wrap {
        display:inline-block;
        width:60%;
    }
     .contact-information .btn-wrap a {
         font-size:2em;
     }
    .checkout .personal-details .tab-pane .row .col-md-3,
    .checkout .personal-details .tab-pane .row .col-md-5,
    .checkout .personal-details .tab-pane .row .col-md-4,
    .checkout .personal-details .tab-pane .row .col-md-10,
    .checkout .personal-details .tab-pane .row .col-md-7 {
        display:inline-block;
        width:60%;
    }
    .additional-information .btn-wrap a {
        font-size:2em;
    }

}


@media screen and (min-width: 992px) {

    .checkout .tab-pane {
        padding-top: 85px;
        /*padding-bottom: 335px; // changed this to remove large white space */
        border-bottom: solid 1px #f0f6f8;
    }

    .additional-information .col-md-5 {
        float: none;
        display: inline-block;
        width: 40%;
        padding: 20px;
    }
    .additional-information .btn-wrap {
        width:40%;
    }


    .checkout .personal-details .tab-pane .row .col-md-3 {
        display: inline-block;
        width: 18.75%;
    }
    .checkout .personal-details .tab-pane .row .col-md-4 {
        display: inline-block;
        width: 25%;
    }


    .checkout .contact-information .tab-pane .row .col-md-5 {
        display: inline-block;
        width: 31.25%;
        float:none;
        margin: 0;
        vertical-align: top;
    }
    .checkout .contact-information .tab-pane .row .col-md-4 {
        display: inline-block;
        width: 25%;
        float:none;
        vertical-align: top;
            margin: 0;
    }
     .checkout .contact-information .tab-pane .row .col-md-7 {
        display: inline-block;
        width: 43.75%;
        float:none;
    }
      .checkout .contact-information .tab-pane .row .col-md-10 {
        display: inline-block;
        width: 62.5%;
        float:none;
    }

      .checkout .contact-information .tab-pane .row .col-md-7 .col-md-12 {
          padding:0;
      }

       .checkout .contact-information .tab-pane .row .col-md-8.currentYears,
       .checkout .contact-information .tab-pane .row .col-md-6.currentMonths {
           padding:0;
       }
       .checkout .contact-information .tab-pane .row .col-md-8.currentYears {
           padding:0 20px 0 0;
       }

       .personal-details .btn-wrap {
           display:inline-block;
           width:70%;
       }
       .contact-information .btn-wrap {
           display:inline-block;
           width:50%;
       }
       .additional-information .btn-wrap {
           display:inline-block;
           width:30%;
       }


}

@media screen and (min-width: 1180px) {
    .personal-details .btn-wrap {
        display: inline-block;
        width: 50%;
    }

    .contact-information .btn-wrap {
        display: inline-block;
        width: 40%;
    }

    .additional-information .btn-wrap {
        display: inline-block;
       /*width: 25%;*/
       width: auto;
    }
}


.cpw-2column.magazine-content .article-50 p,
.cpw-2column.magazine-content .article-33 p {
    display:none;
}

/* Ticket No 7812 - 15/03/2016 - mog*/


.stickybutton{
    position: fixed;
    bottom: 20px;
    right: 90px;
    z-index: 100;
    color: #fff;
    padding: 12px 6px;
    font-size: 1.3em;
}

@media screen and (min-width: 768px) {
    .stickybutton{
    padding: 14px 18px 14px 18px;
    font-size: 2em;
    }
}

.sticky-survey-content{
    margin-top: 20%;
    height: auto;
    width: 100%;
}
.sticky-survey-content h1{
    color: #fff;
    font-size: 3em;
}
/*bootstrap was adding a padding-right of 15px
*/
.modal-open {
    padding-right:0px !important;
    overflow-x:hidden;
    overflow-y:auto;
}

/**
    Search Page
*/
.search-page h1 {
  padding:0;
  color: #002252;
  font-size:2em;
}
.search-page .page-content {
  text-align:center;
}
.search-page .page-content h1 {
    padding:30px 0;
    text-align:center;
    font-size:2em;
}

.search-page .cpw-phones-options {
    text-align:center;
}
.search-page .cpw-phones-options .refine-compare-tools {
    width:180px;
}
.search-page .cpw-phones-options .col-md-8 {
    display:inline-block;
    float:none;
    width:100%;
}



/** Refine Search Button */
.search-page .refine-compare-tools {
    width:180px;
}
.search-page .refine-compare-tools {
    display:inline-block;
    float:none;
    margin-bottom:20px;
}
.search-page #refine-tool-btn {
    display:inline-block;
}
.search-page .refine-compare-tools #refine-tool-btn {
    width:180px!important;
}
.search-page #refine-tool-btn.active .fa-list-ul:before {
    content: "\f00d";
}
.search-page .SearchDialog {
  display:none;
  margin-bottom: 0;


  position: relative;
  text-align: left;
 }

.search-page .SearchDialog .search-dialog {
    padding: 10px 15px 10px 15px;
     background: #e7ecee;
}


.search-page .SearchDialog.active {
  display:block;
}
.search-page .SearchDialog .form-horizontal .form-group {
  width: 100%;
  margin: 0 0 10px 0;
}
.search-page .SearchDialog .form-horizontal .form-group input[type="submit"] {
  padding: 8px 20px;
  font-size: 1.875em;
}
.search-page .SearchDialog .form-horizontal .form-group input[type='text'] {
  width: 100%;
}
.search-page .SearchDialog .selectboxit-container {
    width: 100%;
}
.search-page .SearchDialog .selectboxit-container .selectboxit {
    width: 100%;
}
.search-page .SearchDialog .selectboxit-container .selectboxit {
    background: #fff;
}
.search-page .SearchDialog .selectboxit-container span,
.search-page .SearchDialog .selectboxit-container .selectboxit-options a {
    height: 60px;
    line-height: 60px;
    display: block;
}
.search-page .searchFilter {
    position:relative;
    top:inherit;
    padding:0 0 20px 0;
    width:100%;
}

/** Tablets Portrait **/
@media screen and (min-width:768px) {

    .search-page .SearchDialog {
        width: 100%;
       /* margin-left: 15%;*/
    }
    .search-page .SearchDialog .selectboxit-container span {
        max-width:100%!important;
    }
    .search-page .cpw-phones-options {
        margin: 0 auto 0 auto;
        padding: 0 10px;
    }

}

/** Medium Desktops **/
@media screen and (min-width:992px) {

      .search-page .cpw-phones-options {
        margin:0;
        padding:40px 0 0 0;
        overflow:hidden;
    }
    .search-page .cpw-phones-options .col-md-8 {
        display:block;
        float:left;
        width: 50%;
    }
    .search-page .cpw-phones-options .col-md-8.refine {
        text-align:right;
    }
    .search-page .page-content h1 {
        text-align:left;
        padding:10px 0 0 0;
    }


    .search-page .SearchDialog.active {
        /*overflow:hidden;*/
        margin-top: 20px;
        padding: 0 10px;
    }
        .search-page .SearchDialog .search-dialog {
        padding: 10px 5px 10px 5px;
    }
    .search-page .SearchDialog .form-horizontal .form-group {
        float:left;
        width: 50%;
        padding:0 10px;
    }
    .search-page .refine-compare-tools {
        margin:0;
    }
    .search-page .searchFilter {
        width:50%;
        float:left;
        padding:0 10px;
    }
    .search-page .SearchDialog .form-horizontal .form-group.form-group-submit {
        padding:20px 0 0 10px;
        float:none;
        clear:both;
    }

    .search-page .cpw-phones-list > div {
        margin-left: 0;
        margin-right: 0;
        padding: 0 10px;
    }
 }





/** Search - Phone List **/

.search-page .cpw-phones-list > div {
    margin-left:-10px;
    margin-right:-10px;
}
.search-page .cpw-phones-list .phone-image-wrapper h2 {
  margin:0;
  padding: 25px 0 0 0;
  line-height: 1.2em;
}
.search-page .cpw-phones-list .phone-preview {
    min-height: inherit;
}
.search-page .cpw-phones-list .phone-image-wrapper {
    height:350px;
}
.search-page .cpw-phones-list .phone-details {
    padding:0 10px;
}
.search-page .cpw-phones-list .phone-and-plan  {
    display:table;
    table-layout:fixed;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    border: solid 1px #eef2f3;
}
.search-page .cpw-phones-list .phone-and-plan .inner-wrap {
  display:table-cell;
  vertical-align:middle;
}
.search-page .cpw-phones-list .phone-and-plan .price {
  margin:0;
  padding:25px 0;
  font-size:1.5em!important;
}
.search-page .ContentLabel {
    display:block;
    margin:15px 10px;
    padding: 15px;
    width: 94%;
    font-size:1em;
    border: 1px solid transparent;
    border-radius: 4px;
     color: #31708f;
    background-color: #c4d1d6;
    border-color: #b2c0c6;
}


@media screen and (min-width: 768px) {

   .search-page .ContentLabel {
    margin:50px 10px;
    width: 97%;
}

  .search-page .cpw-phones-list .phone-image-wrapper {
      height: 390px;
      min-height: 390px;
  }

}


/** Pre pay phones page - Featured Phones Carousel **/
.cpw-phone-list-slider {
    margin:0;
    padding:46px 0 40px 0;
    background: #eff6f8;
}
#cpw-home-phone-slider .owl-prev.disabled,
.cpw-phone-list-slider .owl-prev.disabled {
    /*display:none;*/
    /*opacity:0;*/
}
#cpw-home-phone-slider .owl-next.disabled,
.cpw-phone-list-slider .owl-next.disabled {
    /*display:none;
    opacity:0;*/
}
.cpw-phone-list-slider h2 {
    padding-bottom:30px;
    font-size: 2.6em;
    text-align:center;
}

@media (min-width:768px) {
    .cpw-phone-list-slider {
        margin-bottom:25px;
    }

}

@media (min-width:992px) {
    .cpw-phone-list-slider h2  {
        padding-bottom:40px;
        font-size: 2.5em;
        line-height: 0.8em;
    }
}




/** Pre pay phones page **/
.prepay-phones-page {
}
.prepay-phones-page .cpw-phones-list .phone-and-plan {
    display:none;
}
.prepay-phones-page .cpw-phones-list .phone-only {
    float:left;
    width:100%;
}
.prepay-phones-master .cpw-phone-list-slider {
    background: #eff6f8;
}
.prepay-phones-master .cpw-phone-list-slider .commercial-image-placeholder {
    height:inherit;
}
.prepay-phones-master .cpw-phone-list-slider .commercial-phone-price {
    background:#fff;
}
.prepay-phones-master .cpw-phone-list-slider .commercial-phone-price:hover {
    background: -webkit-linear-gradient(rgba(231, 236, 238, 1), rgba(196, 209, 214, 1));
}
/** Class is added to the body when less than four phones are selected this is to center the phones **/
.prepay-phones-master.four-phones .owl-carousel .owl-stage {
    text-align:center;
    /*width:auto!important;*/
}
.prepay-phones-master.four-phones .owl-carousel .owl-item {
    /*float:none;
    display:inline-block;
    margin:0!important;*/
}
.prepay-phones-master.four-phones .owl-theme .owl-controls {
    /*display:none;*/
}
.prepay-phones-page .cpw-phones-list .phone-preview {
    /*min-height: 380px;*/
}

@media (min-width:1200px) {
    .prepay-phones-master.four-phones .owl-carousel .owl-stage {
        width:auto!important;
    }
    .prepay-phones-master.four-phones .owl-carousel .owl-item {
        float:none;
        display:inline-block;
        margin:0!important;
    }
    .prepay-phones-master.four-phones .owl-theme .owl-controls {
        display:none;
    }

}


/** Bill pay phones page **/
.billpay-phones-page {
}
.billpay-phones-page .cpw-phones-list .phone-only {
    display:none;
}
.billpay-phones-page .cpw-phones-list .phone-and-plan {
    /*float:none;*/
    width:100%;
}

.billpay-phones-page .cpw-phones-list .phone-preview {
    /*min-height: 380px;*/
}
.billpay-phones-page .cpw-phones-list .phone-and-plan .inner-wrap {
    min-height:80px;
}
.billpay-phones-page .cpw-phones-list .phone-and-plan h3 {
    padding:12px 0 0 0;
}
.billpay-phones-page .cpw-phones-list .phone-and-plan .price-per-month {
    margin:0;
    padding:5px 0;
    color: #002250!important;
    font-size:1.2em;
}
.billpay-phones-page .cpw-phones-list .phone-and-plan .price {
    margin:0;
    padding:0 0 5px 0;
    color: #0095af!important;
    font-size:1.0em!important;
}
@media (min-width:360px) {

    .billpay-phones-page .cpw-phones-list .phone-and-plan h3 {
        font-size:0.75em;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan .price-per-month {
        font-size: 1.4em;
    }
}
@media (min-width:768px) {

    .billpay-phones-page .cpw-phones-options .title.col-md-8 {
        padding-top: 20px;
    }

    .cpw-phones-list-wrapper .selectboxit-container span {
        max-width:100%!important;
    }
    .billpay-phones-page .cpw-phones-list .phone-preview {
        /*margin:15px 0;*/
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan .inner-wrap {
        min-height:90px;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan h3 {
        font-size:0.875em;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan .price-per-month {
        padding:0;
        font-size: 1.75em;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan .price {
         padding-top:0;
        font-size:1.2em!important;
    }
}

@media (min-width:992px) {
    .billpay-phones-page .maincontent .cpw-phones-list-wrapper h1 {
        font-size: 2.4em;
    }
    .billpay-phones-page .cpw-phones-options .title.col-md-8 {
        padding-top: 0;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan h3 {
        font-size:0.75em;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan .price-per-month {
        font-size: 1.5em;
    }
    .billpay-phones-page .cpw-phones-list .phone-and-plan .price {
         padding-top:0;
        font-size:1.0em!important;
    }
}


/** new */
.cpw-plan-table .select-plan-box .picker,
.cpw-plan-table .select-Plan-box .picker {
    top: 0;
    left: 5px;
    position: relative;
}

@media (min-width:768px) {

    .cpw-plan-table .select-plan-box .picker,
    .cpw-plan-table .select-Plan-box .picker {
        top:-9px;
        left: 10px;
    }
    .cpw-plan-table .operator {
    background: #fff;

}

        .cpw-plan-table.cpw-prepay-table .operator {
        background: #fff;
        height: 80px;
        border-bottom: 1px solid #f1f4f5;
    }



     .cpw-plan-table tr th.select-Col {
        width: 44px;
        padding: 0;
    }
     .cpw-plan-table .select-plan a {
       padding:34px 5px;
    }
    .cpw-plan-table .outofstock-plan span {
          padding:34px 5px;
    }
    .cpw-prepay-table .mobile.btn {
        padding: 34px 20px;
    }
}


.product-quantity-text,
.product-option-quantity-text {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 14px;
    display: block;
    color: #666;
}

@media (min-width: 992px) {

    .order-review-table .item .network-selection .network-circle {
        top:0;
        height: 80px;
    }
    .order-review-table .item .network-selection .network-circle img {
        height: 60px;
    }
    .order-review-table .item .network-selection .col-sm-8 {
        padding-top: 15px
    }

}


.bill-pay-plan {
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    font-size: 16px;
    display: block;
    color: #666;
}


@media (min-width:768px) {
    .cpw-homepage-special-offers .owl-prev {
        left:0;
    }
    .cpw-homepage-special-offers .owl-next {
        right:0;
    }
}

@media (min-width:992px) {
    .cpw-homepage-special-offers .owl-prev {
        left:-70px;
    }
    .cpw-homepage-special-offers .owl-next {
        right:-70px;
    }
}

@media (min-width:1180px) {
    .cpw-homepage-special-offers .owl-prev {
        left:-50px;
    }
    .cpw-homepage-special-offers .owl-next {
        right:-50px;
    }
}

@media (min-width:1600px) {
    .cpw-homepage-special-offers .owl-prev {
        left:-70px;
    }
    .cpw-homepage-special-offers .owl-next {
        right:-70px;
    }
}


/** Exclusive Banner **/

.exclusive {
    background:#bad1d9;
}

.cpw-plan-table tr.exclusive td {
    background:none;
    border:none;
}

.cpw-plan-table tr.exclusive td .plan-price,
.cpw-plan-table tr.exclusive td .phone-price {
    background:none;
}

.cpw-plan-table tr.exclusive td .select-plan-box {
    background:none;
}

.cpw-plan-table tr.exclusive td .plan-price .price {
    color: #4f7c8d;
}

.cpw-plan-table .exclusive-banner {
    font-size: 1.625em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    text-align: left;
    line-height: 0.8em;
    background: #b83d89;
    border-bottom: solid 5px #fff;
}
.cpw-plan-table .exclusive-banner td {
    border-top-width:0;
    background:none;

}
.cpw-exclusive {
    display: table-cell;
    color: #fff;
    padding: 16px 14px;
    width: 40%;
    text-align: center;
    vertical-align: top;
    background: #002250;
    font-size: 20px;

}
.exclusive-banner .pink {
    display: table-cell;
    padding: 16px 14px;
    width: 60%;
    color: #fff;
    background: #b83d89;
    text-align: center;
    line-height: 1em;
    font-size: 20px;
    vertical-align: middle;
}

@media (min-width:992px) {

    .cpw-plan-table tr.exclusive td:nth-child(2) {
        background: none;
    }
    .cpw-plan-table tr.exclusive .operator {
        background: none;
    }

    .cpw-plan-table tr.exclusive .Plan-value,
    .cpw-plan-table tr.exclusive .plan-value,
    .cpw-plan-table tr.exclusive .plan-value.texts {
         color: #4f7c8d;
         background: #bad1d9;
    }

    .cpw-plan-table .outofstock-plan .btn-orange {
        padding:28px 0;
        width:160px;
        font-size:2em;
    }
    .cpw-plan-table .exclusive .select-plan a.mobile-hide {
        border-bottom: solid 0px #fff;
        padding: 35px 0;
        width:160px;
    }
    .cpw-exclusive {
        line-height:1em;
    }
}
@media (min-width:1180px) {

    .cpw-plan-table tr.exclusive .select-plan {
        border:none;
         width:100%;
    }
    .cpw-plan-table .outofstock-plan .btn-orange {
        padding: 23px 0;
        font-size:1.5em;
        width:100%;
    }
     .cpw-plan-table .exclusive .select-plan a.mobile-hide {
         width:100%;
    }
    .cpw-plan-table .outofstock-plan {
        border:none;
    }

    .cpw-exclusive {
    display: inline-block;
    }

    .exclusive-banner .pink {
       display: inline-block;
    }


}


/**Build a base styling */

.navbar-build-a-base {
    top:-70px;
    border:none;
}

#timeoutpopup{
    margin-top: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    color: rgba(54, 54, 54, 0.51);
    font-family: cpw_tradebold, arial narrow;
    position: absolute;
    top: 25%;
    width: 70%;
    left: 15%;
    padding: 50px;
	    background: #028fad;
	box-shadow: 0 0 0 2000px rgba(1, 44, 87, 0.45);
	    color: #fff;
    font-size: 2em;
}




#timeoutpopupyes, #timeoutpopupno {
     border: solid 2px #fff;
    -webkit-appearance: none;
    display: block;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    background: none;
    text-align: center;
    min-width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

#timeoutpopupyes:hover, #timeoutpopupyes:active,
#timeoutpopupno:hover, #timeoutpopupno:active{
    background: #fff;
    color: #028fad;
}

@media screen and (max-width: 767px) {
    #timeoutpopup {
        width: 80%;
        left: 10%;
        padding: 20px;
        font-size: 1.5em;
    }
}

@media screen and (max-width: 546px) {
  #timeoutpopupyes, #timeoutpopupno {
      display: block;
    width: 100%;
    margin: 10% 10% 0%;
    margin-left: 0;
}
}


.navbar-build-a-base .container{
    max-width: 1024px;
    padding-left: 10px;
    padding-right: 10px;
}

.navbar-build-a-base .logo{
    margin-top: 3px;
}



.navbar-build-a-base .step{
    height: 55px;
    text-align: center;
    background: #0390ae;
        border-left: 1px solid #0390ae;
    border-right: 1px solid #032e59;
    box-shadow: inset 0px -5px 2px 0px rgba(3, 46, 89, 0.23);
}

.navbar-build-a-base .step.active{
       background: #fff;
    box-shadow: inset 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
        border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
}

.navbar-build-a-base .step.complete{
    background: #032e59;
    box-shadow: inset 0px -7px 2px 0px rgba(17, 15, 62, 0.25);
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}

.navbar-build-a-base .step  h2{
    margin-top: 16px;
    font-size: 1.2em;
    line-height: 1.2;
    text-transform: uppercase;
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .navbar-build-a-base .container {
        padding-left: 0px;
        padding-right: 0px;
    }


    .build-a-base-logo{
         text-align: center;
         margin-bottom:5px;
    }

    .build-a-base-step-guide {
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar-build-a-base .step h2 {
        margin-top: 4px;
        font-size: .9em;
    }

    .navbar-build-a-base .step{
    height: 25px;
    }
}

.navbar-build-a-base .step.active  h2 {
    color: #002252;
}

.navbar-build-a-base .step.complete  h2 {
           color: #fff;
}

.navbar-build-a-base .step.complete  h2:after {
      content: "\f00c";
    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;
    background: #fff;
    color: #032e59;
    border-radius: 50%;
    padding: 2px;
    font-size: .7em;
    position: relative;
    top: -2px;
    right: -4px;
}

.build-a-base-form {
    text-align:center;
    top: -70px;
    position: relative;
}

.build_a_base_badge {
     background-image: url("/CPW/media/build-a-base/badge.png");
     background-repeat: no-repeat;
     background-position:100% 0;
}

 .build_a_base_badge.inner {
      background: #fff;
}


.build-a-base-form.container{
    max-width: 1024px;
   padding: 0;
}
.prize-container {
    top: 0px;
    position: relative;
}

.build-a-base-form .container .validation_row {
    padding-left:15px;
}

.build-a-base-form .EditingFormErrorLabel {
    color: #ff0000;
    text-align:left;
    display: table;
}

.build-a-base-form.container .user_details{
    margin-top: 24px;
}

.build-a-base-form .FormPanel{
    margin-bottom: 24px;
}

.build-a-base-form .main_title {
       margin: 30px 0 30px;
}

.build-a-base-form .checkout label {
    display: inline-block;
    text-align: left;
    float: left;
}

 .required_field{
    color: #4f7c8d;
    font-size: 1.5em;
    font-family: cpw_tradebold, arial narrow;
    text-transform: uppercase;
    line-height:0;
    float:left;
 }

.prizeError {
margin-left: 8px;
}
 .upgrade_label {
        margin-top:-15px;
    }


 /**.single_verticle_align {
                 margin-top:20px!important;
    }
     */
     .double_verticle_align {
         margin-top: 30px!important;
    }

@media screen and (max-width: 769px) {
    .build-a-base-form .FormPanel{
        margin-bottom: 16px;
    }

    .build_a_base_badge {
      background: #fff;
}


    .prizeError {
margin-left: 0px;
}
/**
    .single_verticle_align {
                 margin-top:0;
    }
    */
     .double_verticle_align {
         margin-top:0;
    }


    .upgrade_label {
        margin-top:0;
    }

    .build-a-base-form .checkout label {
            margin-top: 30px;
    }
    .required_field {
        margin-top: 30px;
    }

    .build-a-base-form .main_title {
        margin: 16px 0 18px;
        line-height: 1.05em;
    }

    .build-a-base-form .container {
    padding: 10px;
    }
    .build-a-base-form .row {
        margin-left: 0px;
    margin-right: 0px;

}

}

.build-a-base-form .form_intro{
    margin-top: 18px;
    font-size: 18px;
    margin-bottom: 8px;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
}

.build-a-base-form .form_intro.hidden{
   display:none;
}

.build-a-base-form .ErrorLabel {
    margin-bottom: 20px;
    padding: 10px 12px;
    color: #a12020;
    font-weight: 400;
    background: #eab7b7;
    border: none;
   display: inline-block;
    font-weight: bold;
    border-radius:3px
}


.build-a-base-form .ErrorLabel:before {
    content: "\f071";
    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: #a1204c;
    border-radius: 50%;
    font-size: .9em;
    position: relative;
    top: 0px;
    right: 2px;
}

/*Labels*/
.build-a-base-form .form_buttons_labels{
    margin-top: 22px;
    font-size: 1.4em;
    line-height: 1.2;
    text-transform: uppercase;
     color: rgb(1, 44, 87);
    font-family: cpw_tradebold, arial narrow;
    text-align: right;
}

.build-a-base-form .form_buttons_labels span{
    margin-right: 20px;
        display: block;
}



/*input containers*/
.build-a-base-form .input_containers {
     padding-left: 0;
 }

 .build-a-base-form .input_containers .radio label,
 .build-a-base-form .input_containers .checkbox label {
    min-height: 22px;
    font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", sans-serif;
    font-style: normal;
    margin-bottom: 10px;
    font-weight: normal;
    cursor: pointer;
    border: solid 1px #028fad;
    text-align: center;
    padding: 14px 24px;
    display: inline-block;
    margin-right: 4px;
    float: left;
    color: #018eac;
    text-transform: uppercase;
    -webkit-transition: background 1s, color 1s;
    transition: background 1s, color 1s;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
    -moz-box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
    box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
}
 .build-a-base-form .input_containers.phone_manufacturers .radio label {
        padding: 14px 22px;
}

.build-a-base-form .input_containers .radio input[type="radio"]:checked + label,
.build-a-base-form .input_containers .radio input[type="radio"] + label:hover,
 .build-a-base-form .checkbox input[type="radio"]:checked + label, .build-a-base-form .checkbox input[type="radio"] + label:hover,
 .build-a-base-form .checkbox input[type="checkbox"]:checked + label,
 .build-a-base-form .checkbox input[type="checkbox"] + label:hover {
    background: #0390ae;
    color: #fff;
    box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
    background-color: #00768f;
    background: -webkit-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    background: -o-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    background: -moz-linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
    background: linear-gradient(rgb(0, 118, 143), rgb(0, 141, 168));
}

.build-a-base-form .build_a_base_newsletter .input_containers .radio input[type="radio"]:checked + label,
.build-a-base-form .build_a_base_newsletter .input_containers .radio input[type="radio"] + label:hover,
 .build-a-base-form .build_a_base_newsletter .checkbox input[type="radio"]:checked + label,
 .build-a-base-form .build_a_base_newsletter .checkbox input[type="radio"] + label:hover,
 .build-a-base-form .build_a_base_newsletter .checkbox input[type="checkbox"]:checked + label,
.build-a-base-form .build_a_base_newsletter .checkbox input[type="checkbox"] + label:hover {
    background: #fff;
}


.build-a-base-form .input_containers .radio input[type="radio"],
.build-a-base-form .input_containers .radio-inline input[type="radio"] {
   display:none;
}

.build-a-base-form .input_containers .checkbox input[type="checkbox"],
.build-a-base-form .input_containers .checkbox-inline input[type="checkbox"]{
    display: none;
}

label[for="p_lt_ctl02_ElogicMultiStepsOn_lineForm_viewBiz_cbcUpgradeIDontKnow_checkbox"]:before{content:"I don't know"}
label[for="p_lt_ctl03_ElogicMultiStepsOn_lineForm_viewBiz_cbcUpgradeIDontKnow_checkbox"]:before{content:"I don't know"}
label[for="p_lt_ctl04_ElogicMultiStepsOn_lineForm_viewBiz_cbcUpgradeIDontKnow_checkbox"]:before{content:"I don't know"}

.build-a-base-form .input_containers  br {
    display: none;
}

/*Buttons*/
.build-a-base-form input[value="Previous"]{
    /*display:none;*/
}

.build-a-base-form .selectboxit-text {
    color: #4f7c8d;
    font-family: 'cpw_tradebold'!important;
    font-size: 1.2em;
    text-transform: uppercase;
    background: #fff;
    border: solid 1px #0390ae;
    border-radius: 0;
    color: #002250;
    width: 100%;
    height: 60px;
    line-height: 60px;
    display: inline-block;
    max-width: 100%!important;
}

.build-a-base-form input[type="submit"]{
    padding: 14px 0px 14px 0px;
    width: 380px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: cpw_tradebold, arial narrow;
    font-size: 2em;
    border-radius: 0;
    background-color: #aa2e8a;
    /**background: -webkit-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    background: -o-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    background: -moz-linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143));
    background: linear-gradient(rgb(0, 141, 168), rgb(0, 118, 143)); */
}

.build-a-base-form input[value="Previous"]{
    margin-left: 10px;
    margin-right: 10px;
}

.build-a-base-form input[value="Next step"]{
    margin-left: 10px;
    margin-right: 10px;
}




/*Prizes*/
/*.build-a-base-form .prize-list input[type=radio] + label {
    width: 30%;
    border: 1px solid #0390ae;
    height: 250px;
    position: relative;
    text-align: center;
    padding: 0;
    background-size: 50%;
    background-position: 50% -75%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 1s, background-position 1s ;
    transition: background-size 1s, background-position 1s;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
    -moz-box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
    box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
}*/
.build-a-base-form .prize-list input[type=radio] + label {
    width: 30%;
    border: 1px solid #0390ae;
    height: 250px;
    position: relative;
    text-align: center;
    padding: 0;
    background-size: 32%;
    background-position: 50% 15%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 1s, background-position 1s ; /* Safari */
    transition: background-size 1s, background-position 1s;
    -webkit-box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
    -moz-box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
    box-shadow: 0px 3px 2px 0px rgba(3, 46, 89, 0.23);
}



@media screen and (max-width: 769px) {
    .build-a-base-form .prize-list input[type=radio] + label {
        background-position: 50% 75%;
    }

}


.build-a-base-form .prize-list input[type=radio]:checked + label {
    background-size: 60%;
    background-position: 50% -15%;
     -webkit-box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
    -moz-box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
    box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
}

.build-a-base-form .prize-list input[type=radio] + label:hover {
    border: 3px solid #052a56;
     -webkit-box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
    -moz-box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
    box-shadow: 0px 0px 0px 0px rgba(3, 46, 89, 0.23);
}

.build-a-base-form .prize-list input[type=radio] + label:hover .prize-option{
    background: #052a56;
        color: #fff;
}


/*Samsung*/
.build-a-base-form .prize-list input[type=radio] + label:nth-child(2) {
    margin-right: 3%;
    background-image: url("http://www.carphonewarehouse.ie/CPW/media/products/Samsung/Samsung_GalaxyS8Plus_Front_Black.png?ext=.png&maxsidesize=150");
}



/**Apple*/
.build-a-base-form .prize-list input[type=radio] + label:nth-child(4) {
    background-image: url("http://www.carphonewarehouse.ie/CPW/media/products/Apple/iPhone%207/Black-iPhone-7-Front.png?ext=.png");
}



/**HTC*/
.build-a-base-form .prize-list input[type=radio] + label:last-child {
    margin-left: 3%;
    background-image: url("https://www.carphonewarehouse.ie/CPW/media/products/HTC/htc-u11-blue-front.png");
}


.build-a-base-form .prize-list input[type=radio]:checked + label {
    border: 3px solid #012c57;
    height: 250px;
}

.build_a_base_newsletter {
    margin-top:20px;
}

.build_a_base_newsletter span{
        display:inline-block;
        float:left;
        margin: 0;
            height: 40px;
     }

.build_a_base_newsletter .ExplanationText {
    text-align:left;
    padding-left:20px;
}

.build_a_base_newsletter .ExplanationText a {
    font-weight:bold;
}

.build_a_base_newsletter input {
    margin-left: 0!important;
    display: inline-block;
}


@media screen and (max-width: 767px) {

    .build-a-base-form.container .user_details {
        margin-top: 0px;
    }

    .build-a-base-form .input_containers {
         padding-left: 0px;
         padding-right: 3px;
    }
     .build-a-base-form   .input_containers.email_padding_mobile{
         padding-left: 10px;
    }
     .build_a_base_newsletter span {
            height: 120px;
        }

    .build-a-base-form .input_containers.phone_manufacturers .radio label {
    padding: 14px 18px;
}

    .build-a-base-form .input_containers .radio label,
    .build-a-base-form .input_containers .checkbox label {
        padding: 14px 11px;
    min-width: 49%;
    margin-right: 1%;
    margin-bottom: 4px;
    }

  .build-a-base-form .form_buttons_labels{
        text-align: left;
        padding: 0;
    }

    .build-a-base-form input[type="submit"] {
        width: 100%;
    }

    .build-a-base-form input[type="submit"] {
        padding: 10px 0px 10px 0px;
        font-size: 1.8em;
    }

    .build-a-base-form .prize-list input[type=radio] + label {
        width: 100%;
        height:42px;
    }
    .build-a-base-form .prize-list input[type=radio] + label:last-child {
        margin-left: 0%;
    }

    .build-a-base-form .prize-list input[type=radio] + label {
        -webkit-transition: none ; /* Safari */
        transition: none;
    }

    .build-a-base-form .prize-list input[type=radio]:checked + label {
        border: 3px solid #012c57;
        height: 45px;
    }

        .navbar-build-a-base {
        top: -70px;
        margin-bottom: 0px;
        border: none;
    }
}

.build-a-base-form .prize-list input[type="radio"], .build-a-base-form .prize-list input[type="radio"] {
  display:none;
}


.build-a-base-form .prize-list .prize-list .prize-option {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: #969696;
}

 .build-a-base-form .prize-list input[type=radio] + label .prize-option {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 12px;
    text-transform: uppercase;
      background: #0390ae;
    color: #012c57;
}

 .build-a-base-form .prize-list input[type=radio]:checked + label .prize-option {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    height: 40px;
    padding: 12px;
    background: #052a56;
    color: #fff;
    text-transform: uppercase;
}


 @media (min-width:991px) {
     .mobile_padding {
         padding:0 30px;
     }
 }

  @media (min-width:1200px) {
     .mobile_padding {
         padding:0;
     }
 }

.zero-padding-left {
    padding-left:0;
}
.zero-padding-right {
    padding-left:0;
}