/*Body*/

body {
    color: #032b5a;
    background-color: #f1f1f1;
}
/*Remove outlines*/

a,
a:hover,
a:active,
a:focus {
    outline: 0;
    font-family: Frutiger45Light;
}

.euMessage{
	margin-top : 5px;
}

.euOptionsSummary{
	clear: both;
	width: 200px;
	margin-left: -46px;
}
/*Compare table apps page*/

.compare-365 {
    font-size: 12px;
}
.compare-365 td {
    padding: 10px;
}
.compare-365 tr:first-child td {
    background-color: #e9e8e5;
    font-size: 18px;
    text-align: center;
    padding: 20px;
}
.compare-365 tr:first-child td:nth-child(2) {
    background-color: #79C1E7;
    color: white;
}
.compare-365 tr:first-child td:nth-child(3) {
    background-color: #0CA3D8;
    color: white;
}
.compare-365 tr:first-child td:nth-child(4) {
    background-color: #006DA5;
    color: white;
}
.compare-365 tr:nth-child(even) {
    background: #e9e8e5
}
.compare-365 tr:nth-child(odd) {
    background: #EAEAEA
}
.compare-365 tr:nth-child(3)td:nth-child(2) {
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
}
.compare-365 tr:nth-child(3)td:nth-child(3) {
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
}
.compare-365 tr:nth-child(3)td:nth-child(4) {
    vertical-align: middle;
    text-align: center;
    font-size: 30px;
}
input::-moz-focus-inner {
    border: 0;
}
dl,
dt,
dd {
    margin: 0;
}
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style-type: none;
}
p {
    font-family: Frutiger45Light;
}
/*Business Site Switch Tabs*/

.business-shop .toolbar ul.site-switch {
    display: block !important;
    font-size: .813em !important;
    margin: 0 0 0 92px !important;
    position: relative !important;
    left: 0 !important;
    height: 33px !important;
    line-height: 33px !important;
    width: 162px !important;
    background: transparent url(../img/modules/toolbar-sitetabs.png) 0 0 no-repeat !important;
}
.business-shop .toolbar ul.site-switch li {
    margin: 0 !important;
    width: 69px !important;
    padding: 0 0 0 16px !important;
}
.business-shop .toolbar ul.site-switch li.current {
    width: 65px !important;
    padding: 0 0 0 7px !important;
    color: #032b5a !important;
}
/*Override consumer styling*/

.migrated-content-container {
    width: 100% !important;
    min-width: 1080px;
}
.nav-primary .nav-consumer > ul > li#pn1 {
    width: 20%;
}
.nav-primary .nav-consumer > ul > li#pn2 {
    width: 20%;
}
.nav-primary .nav-consumer > ul > li#pn3 {
    width: 23%;
}
.nav-primary .nav-consumer > ul > li#pn4 {
    width: 20%;
}
/*Business Header*/

.nav-primary .nav-consumer > ul > li.nav-item-1 {
    width: 20%;
}
.nav-primary .nav-consumer > ul > li.nav-item-2 {
    width: 18%;
}
.nav-primary .nav-consumer > ul > li.nav-item-3 {
    width: 22%;
}
.nav-primary .nav-consumer > ul > li.nav-item-4 {
    width: 18%;
}
.nav-primary .nav-consumer > ul > li.nav-item-5 {
    width: 20%;
}
.nav-primary .nav-consumer > ul > li.nav-item-1 > ul {
    width: 20% !important;
}
.nav-primary .nav-consumer > ul > li.nav-item-2 > ul {
    width: 18% !important;
}
.nav-primary .nav-consumer > ul > li.nav-item-3 > ul {
    width: 22% !important;
}
.nav-primary .nav-consumer > ul > li.nav-item-4 > ul {
    width: 18% !important;
}
.nav-primary .nav-consumer > ul > li.nav-item-5 > ul {
    /*width: 20% !important;*/
}
.nav-primary .nav-consumer > ul > li.nav-item-6 {
    width: 20%;
}
*/ .header-search-xxl .module-body .info {
    width: 100%;
    margin: 9px 0 0 0;
}
.header-search-xxl .module-body .info p {
    font-family: Frutiger46Italic, sans-serif;
    font-size: 1.4em;
    line-height: 2em;
}
.header-search-xxl .header-search-xxl-diag {
    background: url(../img/modules/headersearch-xxl-diagonal_2000.png) right top no-repeat;
    margin: 0 auto;
    height: 130px;
}
.header-search-xxl .module-body .info h1 {
    color: #FFFFFF;
    font-size: 3.2em;
    margin: 0 0 7px;
    width: auto;
    font-family: Frutiger45Light;
    font-weight: 400;
}
/*Buttons*/

.buttonInitial {
    display: block;
    color: #fff !important;
    text-align: center;
    width: auto;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -khtml-border-radius: 6px;
}
.buttonSmall {
    font-size: 1em;
    padding: 8px;
}
.buttonRegular {
    padding: 15px;
    font-size: 1.2em;
}
.buttonLarge {
    padding: 20px;
    font-size: 1.4em;
}
.buttonWide {
    padding-left: 30px;
    padding-right: 30px;
}
a.buttonInitial:link {
    text-decoration: none;
}
a.buttonInitial:hover {
    background-color: #032b5a;
}
/*Headers*/

h2,
h3,
h4,
h5,
h6 {
    font-family: Frutiger45Light !important;
    font-weight: 400;
    color: #032b5a;
    margin: 0 0 5px;
    line-height: 1.063em
}
h2 {
    font-size: 2.7em;
}
h3 {
    font-size: 1.65em;
}
h4 {
    font-size: 15px;
}
h5 {} h6 {} .strapline-title {
    font-size: 1.4em;
    color: #032b5a;
}
/*Lists*/

.standard-list {
    color: #032b5a;
    padding: 0 0 0 13px;
    clear: both;
}
.standard-list li {
    list-style-type: disc !important;
    margin: 5px 0 8px;
}
.linkset-list {
    margin: 20px 0;
}
.linkset-list li {
    font-size: 15px;
    line-height: 1.2em;
    padding: 0 0 3px 0;
}
/*Coloured Areas*/

.row-type-1 {
    background-color: #f1f1f1;
    min-height: 420px;
}
.row-type-2 {
    background-color: #e8e8e8;
    min-height: 500px;
}
.blueRegular {
    background-color: #419eda;
}
.blueLight {
    background-color: #419eda;
}
.blueDark {
    background-color: #032b5a;
}
.lightGrey {
    background-color: #ccc;
}
.white-bg {
    background-color: #fff;
}
/*Backgrounds*/

.block-bg-1 {
    background: url(../img/assets/blockBg1.png) bottom right no-repeat #fff;
}
.block-bg-drk {
    /*background:url(../img/assets/blockBgDrk.png) bottom right no-repeat;*/
}
/*Body Links*/

.body-link {
    background: url(../img/assets/bodyLnkBg.png) no-repeat;
    height: 17px;
    color: #419eda;
    padding-left: 20px;
    display: block;
}
.product-offering-collapse .body-link {
    background: url(../img/assets/filterplusminus2.png) no-repeat;
    line-height: 15px;
    padding: 3px 0 2px 25px;
}
.textual-container .body-link {
    background: url(../img/assets/see-more-down-img.png) no-repeat;
    padding: 0 20px;
}
.body-smlink {
    background: url(../img/assets/bodySmLnkBg.png) no-repeat;
    display: block;
    height: 9px;
    color: #419eda;
    padding-left: 10px;
    line-height: 0.5em;
}
.body-link:hover {
    text-decoration: underline;
}
.body-link-right {
    background-position: top left !important;
}
.body-link-left {
    background-position: bottom left !important;
}
/*Temporary Styling*/

#controls {
    margin: 20px !important;
    position: absolute !important;
    top: 98px !important;
    width: 80% !important;
}
.temp1 {
    background: url(../img/assets/lightShadow.png) bottom center no-repeat #f1f1f1;
    height: 390px;
}
.temp2 {
    background: url(../img/temp/temp2.png) top right no-repeat #E8E8E8;
    height: 873px;
}
.temp3 {
    background: url(../img/temp/temp3.png) top right no-repeat #f1f1f1;
    height: 294px;
}
.temp4 {
    background: url(../img/temp/temp4.png) top right no-repeat #E8E8E8;
    height: 1064px;
}
.temp5 {
    background: url(../img/temp/temp5a.png) top right no-repeat #E8E8E8;
    height: 294px;
}
.temp6 {
    background: url(../img/temp/temp6.png) top right no-repeat #E8E8E8;
    height: 294px;
}
.tempDetails {
    background: url(../img/temp/tempDetails.png) 27px 27px no-repeat #fff;
    ;
    height: 593px;
}
.tempAcc {
    background: url(../img/temp/accessories.png) 27px 27px no-repeat #fff;
    ;
    height: 759px;
}
.steps-placeholder {
    min-height: 355px;
    padding-right: 40px;
    width: 76px;
    float: left;
}
.row-initial-col {
    background: url(../img/assets/chevronDivider.png) right 45px no-repeat;
    min-height: 355px;
    padding-right: 40px;
    width: 76px;
    float: left;
}
.row-initial-col p {
    font-family: Frutiger55, sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 0 0 20px 0;
    display: block;
    line-height: 1em;
}
.row-initial-col p strong {
    font-family: Frutiger55, sans-serif !important;
    font-size: 23px;
    font-weight: normal;
    line-height: 2em;
}
.row-initial-col p span {
    line-height: 1em;
    display: block;
    margin-top: 20px;
}
.row-initial-stepped {
    float: left;
    width: 100%;
}
.row-initial-stepped a {
    margin-bottom: 70px;
}
.row-initial-current {
    background: url(../img/assets/progressArrow.png) bottom center no-repeat;
}
.row-initial-last-step {
    float: left;
    width: 100%;
    background: url(../img/assets/progressFinArrow.png) bottom center no-repeat;
    min-height: 40px;
}
.row-initial-last-step a {
    margin-bottom: 70px;
}
.step-cont-dis {
    background-color: #ccc !important;
    color: #999 !important;
}
.step-number {
    font-style: normal !important;
}
/*Right Hand Nav Area*/

.rhs-nav {
    width: 252px;
    position: relative;
    top: 40px;
    opacity: 0;
    overflow: visible;
}
#basketQuantity {
    float: left;
    padding: 10px 0 11px 42px;
    margin: 0;
	width: 100px;
}
#basketQuantity sup {
   font-size: 9px;
    color: white;
    padding: 3px 5px 2px 5px;
    margin-left: 27px;
    background-color: #133476;
    border-radius: 50px;
    position: relative;
    top: -6px;
}
.static-nav {
    opacity: 1 !important;
}
/* use to show the rhs nav when used as a static non sticky nav*/

.rhs-nav-block {
    padding: 20px;
    width: 212px;
}
.rhs-nav-block p {
    font-size: 12px;
    width: 90%;
}
/*
.rhs-nav-block h3 {
	margin-bottom:20px;
}
*/

.rhs-nav-block dl dt,
.rhs-nav-block dl dd {
    float: left;
    width: 100%;
    font-family: Frutiger55;
    font-size: 16px;
}
.rhs-nav-block dl dd {
    margin: 0 0 5px 0;
}
.rhs-basket {
    width: 452px;
    margin-left: -241px;
}
.rhs-basket-top {
    background: url(../img/assets/whitebgdiv.png) bottom center no-repeat;
    display: block;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.rhs-basket-top dl {
    width: 100%;
    float: left;
    margin: 20px 10px;
}
.rhs-basket-top dt {
    width: 70% !important;
}
.rhs-basket-top dd {
    width: 30% !important;
    color: #017F7D;
}
.rhs-basket-extra {
    width: 240px;
}
/*sticky elements: remember to contain them in a relative positioned element*/

.sticky-element-invoke {
    position: fixed;
    top: 0;
}
.rhs-basket-processing {
    background-image: url(../img/assets/loading-wheel.gif);
    background-color: #29abff;
    background-position: right;
    background-repeat: no-repeat;
    display: block;
}
.rhs-basket-pack-main,
.rhs-basket-pack-supp {
    display: inline-block;
    margin-top: 10px;
}
.rhs-basket-pack-supp {
    margin-left: 0px;
}
.rhs-basket-pack-main-right {
    margin-left: 241px;
    float: right;
}
.rhs-basket-bottom {
    float: left;
}
.rhs-basket-bottom h4 {
    font-size: 16px;
    float: left;
    font-family: Frutiger55;
}
.rhs-basket-bottom dl {
    width: 100%;
}
.rhs-basket-bottom dl dt {
    font-size: 14px;
    padding: 5px 0;
}
.rhs-basket-bottom dl dd ul li {
    float: left;
    font-size: 12px;
}
.rhs-basket-bottom dl dd ul li.bskt-item {
    padding: 0 30px 0 0;
    line-height: 1em;
    width: 125px;
}
.rhs-basket-bottom dl dd ul li.bskt-item span {
    display: block;
    float: left;
    width: 125px;
    font-family: Frutiger55;
}
.rhs-basket-bottom dl dd ul li.bskt-item a {
    float: left;
    display: block;
    width: 12px;
    height: 12px;
    background: url(../img/assets/smallCross.png) top left no-repeat;
    text-indent: -9000px;
    margin: 0 10px 0 0;
}
.relative {
    position: relative !important;
}
.rhs-basket-bottom dl dd ul li.bskt-price {
    float: left;
    color: #017F7D;
}
.rhs-nav-block .body-smlink {
    font-size: 14px;
    margin: 30px 0 0;
}
.rhs-basket-cta {
    float: right;
    width: 212px;
}
/*Fonts*/

.frutiger45 {
    font-family: Frutiger45, sans-serif;
}
.frutiger55 {
    font-family: Frutiger55, sans-serif;
}
/*Left & Right*/

.left {
    float: left;
}
.right {
    float: right;
}
/*One off padding*/

.pad45 {
    padding-top: 45px;
}
.pad30 {
    padding-top: 30px;
}
.padL40 {
    padding-left: 40px;
}
.padB20 {
    padding-bottom: 20px;
}
.marT6 {
    margin-top: 6px;
}
.marT10 {
    margin-top: 10px;
}
.marL20 {
    margin-left: 20px;
}
/*Product Offering*/

.product-offering {
    margin-top: 25px;
    position: relative;
}
.product-offering,
.product-offering div {
    float: left;
}
.product-offering-action {
    width: 113px;
    padding-left: 91px;
    padding-top: 20px;
    display: inline-block !important;
}
.product-familiy-img-container {
    width: 113px;
    padding-left: 19px;
    margin-bottom: 20px;
    display: inline-block !important;
}
.product-offering-action a {
    white-space: nowrap;
    font-family: Frutiger55;
    font-size: 14px;
}
.product-offering-action,
.product-offering-description {
    display: table-cell;
}
.product-offering-description {
    width: 475px;
    padding-left: 30px;
}
.product-offering1 {
    background: url(../img/assets/appImage1.png) top left no-repeat;
}
.product-offering2 {
    background: url(../img/assets/appImage2.png) top left no-repeat;
}
.product-offering3 {
    background: url(../img/assets/appImage3.png) top left no-repeat;
}
.product-offering-price {
    text-align: left;
}
.product-offering-price dt,
.product-offering-price dd {
    text-align: left !important;
    font-size: 12px;
    margin: 0;
    font-weight: normal;
}
.product-offering-price dt span,
.textual-container h2 span {
    font-size: 32px;
    color: #017f7d;
    font-weight: bold;
    font-family: Frutiger45Light !important;
}
.textual-container h2 {
    font-size: 2.6em;
}
.product-offering-collapse {
    width: 100%;
    margin: 20px 0;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
    padding: 10px 0;
}
#dsmbquicklook-content {
    margin-top: 145px;
}
.product-offering-title {
    margin: 0 !important;
}
.product-offering-title dt {
    font-size: 26px;
    line-height: 1em;
    font-family: Frutiger45Light;
}
.product-offering-title dd {
    margin: 15px 0;
    font-size: 14px;
    float: left;
    font-family: Frutiger55;
}
/*Blocks with curved edges*/

.curved-block {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    /*box-shadow: 0 5px 0 0 #888888;*/
    
    display: block;
    width: 100%;
}
.hidden {
    display: none;
}
.testClass {
    background-color: #01c2c0;
}
/*Tariff Tables*/

.tariff-select {
    width: 592px;
    float: left;
    margin: 17px 0 17px 17px;
}
.tariff-select ul li {
    float: left;
    display: block;
    font-size: 22px;
    background-color: #dfdfdf;
    padding: 20px;
}
.tariff-select ul li a {
    color: #419eda;
}
.tariff-select ul li.selected a {
    color: #032b5a;
}
.tariff-select ul li.selected {
    background-color: #f6f6f6 !important;
}
.tariff-table {
    background-color: #f6f6f6;
    float: left;
    width: 100%;
}
.tariff-table-row {
    float: left;
    width: 100%;
    border-bottom: 2px solid #e8e8e8;
}
.tariff-selected-row {
    background-color: #dfdfdf;
}
.tariff-table-cell {
    float: left;
    font-size: 14px;
    padding: 10px 6px 10px 7px;
    width: 13%;
    font-family: Frutiger45Light !important;
}
.tariff-table-cell.cell-med {
    width: 21% !important;
}
.tariff-table-cell.cell-larger {
    width: 21% !important;
}
.tariff-table-cell .buttonInitial {
    margin-top: 7px;
}
.tariff-table-cell span {
    line-height: 3.2em;
}
.tariff-table-handset-price,
.tariff-table-price {
    color: #017F7D;
    font-size: 17px;
    font-weight: bold;
    line-height: 2.6em !important;
}
.tariff-table-cell span.tengb {
    background: url(../img/assets/10gb.png) top left no-repeat;
    width: 81px;
    height: 48px;
    display: block;
    text-indent: -9000px;
}
.tariff-promo span.tengb {
    background: url(../img/assets/10gbBigger.png) top left no-repeat;
    width: 107px;
    height: 77px;
    display: block;
    text-indent: -9000px;
}
.tariff-promo {
    background-color: #01c2c0;
    padding: 12px;
    display: inline-block;
    margin-left: -12px;
    color: #fff;
}
.tariff-promo .tariff-table-cell {
    padding: 0;
    width: 20%;
}
.tariff-promo .cell-larger span {
    display: block;
    margin-top: 28px;
    line-height: 1.5em !important;
}
.tariff-promo .tariff-table-handset-price,
.tariff-promo .tariff-table-price {
    color: #fff !important;
    font-size: 26px;
    display: block;
    padding: 5px 0 0 10px;
}
.tariff-promo .tariff-table-cell .buttonInitial {
    margin-top: 15px;
    margin-left: 27px;
    width: 68px;
}
.tariff-promo .tariff-table-cell.cell-med {
    width: 18% !important;
}
.tariff-table-divide {
    background: url(../img/assets/tarifftabdiv.png) top right no-repeat;
}
.tariff-table-sort-up {
    background: url(../img/assets/lessmore.png) top right no-repeat;
    display: block;
}
.tariff-table-sort-down {
    background: url(../img/assets/lessmore.png) right -20px no-repeat;
    display: block;
}
.tariff-table header a {
    color: #032b5a !important;
}
.tariff-table header {
    font-family: Frutiger45Light !important;
}
/*.tariff-table header a:hover {text-decoration:none;}*/

.tariff-table-cell span.t-roundel {
    width: 81px;
    height: 48px;
    display: block;
    text-indent: -9000px;
}
.tariff-promo span.t-roundel {
    width: 107px;
    height: 77px;
    display: block;
    text-indent: -9000px;
}
/*Tariff Table Roundels*/

.t-roundel-type1 {
    background: url(../img/assets/1gb.png) top left no-repeat;
}
.t-roundel-type2 {
    background: url(../img/assets/2gb.png) top left no-repeat;
}
.t-roundel-type3 {
    background: url(../img/assets/5gb.png) top left no-repeat;
}
.t-roundel-type4 {
    background: url(../img/assets/8gb.png) top left no-repeat;
}
.t-roundel-type5 {
    background: url(../img/assets/10gb.png) top left no-repeat;
}
.t-roundel-type6 {
    background: url(../img/assets/100mb.png) top left no-repeat;
}
.t-roundel-type7 {
    background: url(../img/assets/500mb.png) top left no-repeat;
}
.t-roundel-type8 {
    background: url(../img/assets/16gb.png) top left no-repeat;
}
.tariff-promo span.t-roundel-type1 {
    background: url(../img/assets/1gbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type2 {
    background: url(../img/assets/2gbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type3 {
    background: url(../img/assets/5gbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type4 {
    background: url(../img/assets/8gbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type5 {
    background: url(../img/assets/10gbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type6 {
    background: url(../img/assets/100mbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type7 {
    background: url(../img/assets/500mbbigger.png) top left no-repeat !important;
}
.tariff-promo span.t-roundel-type8 {
    background: url(../img/assets/16gbbigger.png) top left no-repeat !important;
}
/*Number Circle*/

.number-circle {
    border-radius: 50%;
    behavior: url(../js/PIE.htc);
    /* for IE8 */
    
    padding: 3px 8px;
    background: #032b5a;
    color: #fff;
    text-align: center;
    font-style: normal;
}
/*#galleryWrapper {
	width:260px !important;
}*/
/*Plus Minus Show Hide*/

.plus-minus {
    background: url(../img/assets/upselldiv.png) bottom left no-repeat;
    margin: 0 0 20px 0;
    min-height: 100px;
}
.plus-minus dt a {
    line-height: 1.5em;
    background: url(../img/assets/plusminus.png) left 0 no-repeat;
    color: #419eda;
    padding-left: 40px;
    display: block;
    font-size: 28px;
}
.plus-minus-neg {
    background-position: left bottom !important;
}
.plus-minus dt p {
    color: #9e0000;
    padding-left: 40px;
}
.plus-minus .curved-block {
    margin-bottom: 30px;
}
.plus-minus-text {
    padding: 30px;
    display: inline-block;
    width: auto;
}
.plus-minus-text a {
    width: 50%;
    float: right;
    margin-bottom: 10px;
}
.boltons-add-button-div a.buttonInitial {
    float: right !important;
}
/*upsell product area*/

.upsell-block {
    float: left;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.upsell-col-1,
.upsell-col-2,
.upsell-col-3 {
    float: left;
}
.upsell-col-1 {
    width: 205px;
}
.upsell-col-2 {
    width: 250px;
}
.upsell-col-2 dl {
    font-family: Frutiger45Light;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
}
.upsell-col-3 {
    width: 110px;
    padding-left: 20px;
}
.upsell-block .product-offering-price {
    float: left;
}
.upsell-block .product-offering-price span {
    font-size: 1.7em;
}
/*Product Image Viewer CSS lifted from here
https://www.o2.co.uk/upgrade/static/a1c2893d1fa16b8f3fab0684fbff80ee0326543f/desktop/styles/acquisition-detail.css
NEEDS TIDYING
*/

#pricing h2 {
    margin-bottom: 3px;
}
.promo .promoContent h3 {
    margin-bottom: 1px;
}
.ratingWrapper {
    margin: 20px 0 10px 0;
}
.inlineRating {
    float: left;
}
p.back {
    float: right;
    margin: 0 2px 20px 0;
    text-align: right;
}
.back a {
    font-size: 1.2em;
    font-weight: bold;
}
p.tariffFirst {
    margin: 22px 0;
    font-size: 1.4em;
}
/* ----- */

#productOverview {
    clear: both;
    padding: 0 0 50px 0;
}
#overview,
#imagery,
#pricing {
    float: left;
    width: 300px;
}
#overview {
    margin-right: 14px;
}
/* --- CTAs --- */

#pricing {
    float: right;
    width: 33.1%;
    background: url(../img/assets/dash.gif) repeat-x bottom left;
    padding-bottom: 2px;
}
#pricing .option {
    margin-bottom: 10px;
    padding: 7px 8px;
    background-color: #f0f0f0;
    position: relative;
    _zoom: 1;
}
#pricing .option.white {
    margin-bottom: 0;
    padding: 0px 8px 2px;
    background-color: #fff;
}
.optionDescription {
    float: left;
    width: 58%;
}
.optionCTA {
    float: right;
    width: 40%;
}
.optionDescription p {
    margin-bottom: 0;
}
.option .offer {
    color: #fff;
    margin: 1px 0 3px 0;
    text-align: right;
    font-size: 1.1em;
}
.phoneCost {
    font-weight: bold;
    color: #017f7d;
}
.optionCTA input {
    margin: 3px 0 0 !important;
}
.feature {
    background: #fff;
    padding: 7px 7px 5px;
    margin: 8px 0 1px;
}
.feature h3 {
    margin-bottom: 3px;
    color: #4f5357;
}
.feature p {
    margin-bottom: 1px;
    color: #4f5357;
    font-size: 1.1em;
}
.feature .left {
    float: left;
    width: 56%;
    margin: 3px 0;
}
.feature .right {
    float: right;
    width: 41%;
    margin: 3px 0;
}
.feature .cost span {
    color: #017F7E;
    font-weight: bold;
}
.highlights {
    margin-bottom: 20px;
    *display: inline-block;
}
#tabWrapper ul.detailsTabs {
    width: 200px;
    list-style-type: none;
    margin: 0 !important;
    float: left;
}
#tabWrapper ul.detailsTabs li {
    margin-bottom: 10px;
}
#tabContentWrapper {
    float: left;
    width: 745px;
    background-color: #F6F6F6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-top: 1px solid #d1d1d1;
    border-right: 1px solid #e9e9e9;
}
#tabContentWrapper h3 {
    font-size: 1.4em;
}
#tabWrapper .detailsTabs a {
    background-color: #e7f5fe;
    display: block;
    padding: 30px 18px;
    color: #4F5357;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-decoration: none;
    margin-right: 10px;
    border-top: 1px solid #E7F5FE;
    border-left: 1px solid #E7F5FE;
    outline: 0;
}
#tabWrapper .detailsTabs .active a {
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #e9e9e9;
    margin-right: -4px;
}
#tabWrapper .detailsTabs a span {
    display: block;
    font-weight: bold;
    font-size: 1.2em;
    color: #0086C3;
}
#tabWrapper .detailsTabs li.active a span {
    color: #000;
}
.tabInner {
    margin: 25px;
    background-color: #fff;
    padding: 25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.T5GboltonSelected{	
	background: url(../images/vert-digital-grad.jpg);			
	color:white !important;
	float:left !important;
	width:260px !important;
	height:230px;
	margin-left: 20px !important;
}
/*.tabInner.gradient { background: #fff url(../images/tab-gradient.jpg) repeat-x top left; }
.tabInner h2.tabHeading {
	font-size: 2.5em;
	margin-bottom: 30px;
	*position: relative;
}
.tabInner.gradient h2.tabHeading { color: #fff; }
.gradientContent {
	background-color: #fff;
	padding: 33px 33px 23px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.specWrapper { margin-bottom: 30px; }
.specWrapper dl {
	clear: left;
	margin-bottom: 5px;
	overflow: hidden;
}
.specWrapper dl.highlight { background-color: #f4f4f4; }
.specWrapper dt {
	float: left;
	padding: 5px 0 5px 5px;
	width: 38%;
	color: #000
}
.specWrapper dd {
	float: left;
	padding: 5px 0 5px 5px;
	width: 59%;
	color: #444;
}
.vidbox {
	float: right;
	width: 360px;
	margin-bottom: 25px;
}
.vidContent {
	float: left;
	width: 260px;
}
.tabSection {
	padding: 0 0 1px 0;
	background: url(../images/tabSection-bg.gif) no-repeat bottom left transparent;
	*zoom: 1;
}
.tabSection .content,
.tabSection .vidContent { margin: 25px 0 32px 0; }
.active a { background-color: #f6f6f6 !important; }
.highlights .detailsTabs .active a { background-color: #fff !important; }
/* --- shout outs --- 
.highlights ul.detailsTabs {
	margin: 0 0 0 16px !important;
	padding: 0;
	list-style-type: none;
}
.highlights ul.detailsTabs li {
	float: left;
	margin-right: 29px;
}
.highlights ul.detailsTabs li img {
	margin: 0 5px 0 0;
	float: left;
}
.highlights ul.detailsTabs li a {
	float: left;
	font-size: 0.916em;
}
.highlights ul.detailsTabs li span {
	position: relative;
	top: 5px;
}
/* --- promo --- 
.variants { margin-bottom: 25px; }
.variants a {
	text-decoration: none;
	margin-left: 2px;
}
span.colourSwatch {
	width: 8px;
	height: 8px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-right: 4px;
	background: url(../images/colour-highlight.png) no-repeat top left;
	_display: none;
}*/
/* chrome bracket fix for positioning */
/*span.colourSwatch { -bracket-:hack[; top: 1px; ]; }
span.colourSwatch { *top: -3px; }
span.colourLink:hover { text-decoration: underline; }
/* ----- */
/*
ul#sellingPoints { margin: 0 5px 20px 25px; }
ul#sellingPoints li {
	color: #4F5357;
	font-size: 1.14em;
	margin-bottom: 10px;
}
.promoWrapper {
	background: url(../img/assets/dash.gif) repeat-x top left;
	padding-top: 10px;
	margin-bottom: 20px;
}
.promo {
	background: url(../img/assets/dash.gif) repeat-x bottom left;
	padding-bottom: 10px;
}
.promo img { float: left; }
.promo .promoContent {
	float: right;
	width: 210px;
	margin-top: 5px;
}*/
/* --- image gallery --- */

#galleryWrapper {
    width: 300px;
    position: relative;
	z-index: 10;
}
#gallery {
    overflow: hidden;
    width: 300px;
    margin: 0 auto 10px;
}
#slides {
    min-height: 300px;
    max-height: 500px;
    overflow: hidden;
    width: 1200px;
}
.slide {
    float: left;
    height: 400px !important;
    /*background: url(../images/handset-shadow-details.png) no-repeat bottom center;
	_background: url(../images/handset-shadow-details.gif) no-repeat bottom center;*/
}
#controls {
    position: absolute;
    width: 100%;
    top: 122px;
}
#controls p {
    margin-bottom: 0;
}
#next-button {
    float: right;
}
#menu {
    text-align: center;
}
#menu ul {
    margin: 0 !important;
    *display: inline;
    *zoom: 1;
}
#menu li {
    width: 21px;
    height: 21px;
    list-style-type: none;
    margin-right: 5px;
    display: inline-block;
    *float: left;
}
#menu li a {
    float: left;
    width: 21px;
    height: 21px;
    list-style-type: none;
}
#menu li a span {
    display: none;
}
#menu .inact {
    background: url(../img/assets/carousel-selection.png) no-repeat scroll 0 0;
}
#menu .act {
    background: url(../img/assets/carousel-selection.png) no-repeat scroll 0 -100px;
}
#controls a {
    width: 33px;
    height: 32px;
    display: block;
}
#controls a span {
    position: absolute;
    top: -1000px;
}
#controls a#prev-button {
    background: url(../img/assets/gallery-nav.png) no-repeat 0 0;
    margin-left: 10px;
    position: absolute;
    left: 0;
    top: 0;
    outline: none;
}
#controls a:hover#prev-button {
    background: url(../img/assets/gallery-nav.png) no-repeat 0 -200px;
}
#controls a#next-button {
    background: url(../img/assets/gallery-nav.png) no-repeat left -100px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    outline: none;
}
#controls a:hover#next-button {
    background: url(../img/assets/gallery-nav.png) no-repeat left -300px;
}
/* override styles due to additional schema tags */

.schema-maufacturer {
    font-size: 1em;
    font-weight: bold;
}
/*Override global responsive
header {width:1040px;margin:0 auto;}
body #o2-page-wrapper {width:100% !important; min-width:100% !important;}*/

.col-2thirds {
    width: 775px;
    margin-right: 10px;
}
.col-inner-left {
    width: 82px;
}
.col-inner-right {
    padding-right: 20px;
    width: 646px;
}
.col-1third {
    width: 255px;
}
.fixed-main {
    width: 1040px;
    margin: 0 auto;
}
.grid-inner,
.grid {
    max-width: 1040px !important;
    min-width: 1040px !important;
    width: 1040px !important;
}
.full-width {
    width: 100% !important;
    float: left;
}
.grid-row {
    float: left;
}
.pi-grid-row {
    float: right;
    margin-right: 5px;
}
.placeholder-row {
    position: relative;
    float: left;
    width: 252px;
}
.textual-container {
    float: left;
    width: 345px;
    padding-top: 10px;
}
.textual-container a.body-link {
    margin: 10px 0;
    float: left;
    font-family: Frutiger55 !important;
}
/*Option columns fixed two col layout, sits inside grid*/

.opt-col-full {
    float: left;
    width: 775px;
    margin-bottom: 40px;
}
.opt-col-1 {
    float: left;
    width: 425px;
    margin-bottom: 40px;
}
.opt-col-2 {
    float: left;
    width: 350px;
}
.opt-col-3 {
    float: left;
    width: 387px;
    margin-bottom: 40px;
}
.opt-col-4 {
    float: left;
    width: 388px;
}
.generic-shadow-rhs {
    background: url(../img/assets/generic-shadow-rhs.png) no-repeat right top;
}
.generic-shadow-top {
    background-image: url(../img/assets/generic-shadow-top.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.generic-shadow-top-thin {
    background-image: url(../img/assets/thinShadow.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.generic-shadow-bottom {
    background: url(../img/assets/generic-shadow-bottom.png) no-repeat right bottom !important;
    padding-bottom: 20px;
}
.generic-shadow-bottom-left {
    background: url(../img/assets/generic-shadow-bottom.png) no-repeat left bottom !important;
    padding-bottom: 20px;
}
.generic-shadow-bottom-thin {
    background-image: url(../img/assets/thinShadow.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    !important;
}
.opt-col-full .generic-shadow-bottom {
    background-position: left bottom !important;
}
.generic-shadow-both {
    background-image: url(../img/assets/generic-shadow-top.png), url(../img/assets/generic-shadow-bottom.png);
    background-repeat: no-repeat, no-repeat;
    background-position: right top, right bottom;
}
/*Form Elements*/

.formNextButtons {
    width: 100%;
    padding-bottom: 45px;
}
.input-basic input {
    width: 282px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #cecece;
    padding: 5px;
}
.input-basic label {
    width: 100%;
}
.input-basic label span {
    display: block;
    width: 100%;
    padding: 10px 0;
    font-family: Frutiger55 !important;
    font-size: 16px;
	line-height: 20px;
}
.continue-button {
    width: 97px !important;
    margin: 30px 0;
}
/*Next Steps - Specific Page*/

.next-steps .opt-col-1 h3,
.next-steps .opt-col-2 h3 {
    font-weight: 600;
    font-size: 1.8em;
}
.next-steps .opt-col-1 h4,
.next-steps .opt-col-2 h4 {
    font-weight: 600;
    font-size: 1.4em;
    margin: 30px 0 25px 0;
}
/*Disabled Button*/

.buttonDisabled {
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: default !important;
}
/*Checkout styling*/

#submit-search {
    text-indent: -9000px;
}
/*weird header search button bug*/

.migrated-content-container {
    overflow: auto !important;
}
/*Checkout*/
/*Step Progress*/

.imagForTickMark{
	 background: url(../img/assets/green-roundel-tick.png) no-repeat left top;
}

#step-progress {
    margin: 20px auto;
    list-style-type: none;
    background: url(../img/assets/1-checkout-progress-bar-xxl.png) no-repeat left top;
    width: 768px;
    height: 67px;
}
#step-progress li {
    display: none;
}
#step-progress.check-step2 {
    background: url(../img/assets/2-checkout-progress-bar-xxl.png) no-repeat left top !important;
}
#step-progress.check-step3 {
    background: url(../img/assets/3-checkout-progress-bar-xxl.png) no-repeat left top !important;
}
.row-type-3 {
    background: #f1f1f1;
}
.row-type-4 {
    background: #e8e8e8;
}
.formProgressButtons .buttonInitial {
    width: 113px;
}
.clear {
    clear: both;
}
.call-back h2 {
    font-size: 2em !important;
    font-weight: 400;
    width: 70%
}
.call-back p {
    font-size: 1.4em !important;
    font-weight: 400;
    margin-bottom: 30px;
}
#basket-config-table,
#basket-total-table {
    border: 0 !important;
    font-family: Frutiger55 !important;
    font-size: 16px;
    width: 95% !important;
}
#basket-config-table tr,
#basket-total-table tr {
    border: 0 !important;
    background: none;
}
#basket-config-table th,
#basket-total-table th {
    border: 0 !important;
    background: none !important;
    padding: 17px 0;
}
#basket-config-table td,
#basket-total-table td {
    border: 0 !important;
    background: none !important;
    padding: 0 0 15px 0;
    font-size: 14px;
}
#basket-config-table td:first-child,
#basket-total-table td:first-child {
    width: 365px !important;
}
#basket-config-table dl dt {
    font-family: Frutiger55;
    font-size: 16px;
    color: #032b5a;
}
#basket-config-table dl dd {
    font-family: Frutiger45Light;
    font-size: 16px;
    color: #032b5a;
}
#basket-config-table td dt,
#basket-total-table td dt {
    font-size: 17px;
    margin-top: 20px;
}
.basketTable td {
    padding-bottom: 20px !important;
}
.bsktRemove {
    background: url(../img/assets/remove.png) no-repeat left top;
    display: block;
    font-size: 1.2em;
    height: 12px;
    line-height: 0.3;
    padding: 4px 20px 5px;
}
td .bsktRemove {
    font-size: 1em;
}
.bskt-reg-price {
    color: #017f7d;
}
.bsktDivider {
    background: url(../img/assets/basketDivider.png) top left no-repeat !important;
}
#basket-total-table {
    font-size: 22px !important;
}
.overviewBasket .overviewButtons,
.overviewBasket .formProgressButtons {
    float: left;
    width: 380px;
}
.overviewBasket .formProgressButtons a {
    float: right;
}
.rhs-nav-block.block-bg-1 {
    margin-top: 6px !important;
}
.pi-filter-col {
    float: left !important;
    width: 250px !important;
    margin-right: 15px;
    height: auto !important;
    background-color: #F4F4F4;
    margin-top: 45px;
    clear: both;
}
.pi-filter-col .filterItem {
    border-top: 1px solid #dfdfdf;
    padding: 10px 0 10px 8px;
    width: 242px !important;
}
.pi-filter-col .fourGFilter {
    padding-left: 18px;
    width: 232px !important;
}
.pi-filter-col .fourGFilter label {
    font-family: Frutiger55 !important;
    font-size: 14px;
    color: #032b5a;
}
.pi-filter-col .filterItem div {
    font-size: 13px;
    color: #474747;
}
.pi-filter-col #filtersTitle {
    margin: 28px 18px 30px 18px;
}
.pi-filter-col #filtersTitle span#filterTitleText {
    font-family: Frutiger55 !important;
    font-size: 20px !important;
    color: #32b5a !important;
    font-weight: normal !important;
}
.pi-filter-col #filtersTitle a {
    float: right;
    font-weight: normal;
    font-size: 13px;
    font-family: Frutiger55 !important;
    background: url("../img/assets/rightArrSmall.png") no-repeat scroll 3px 4px;
    padding-left: 10px;
}
.pi-filter-col .pi-search-filter {
    display: inline-block;
    margin: 20px 0px 0px 0px;
    padding: 0 0 0 18px;
}
.pi-filter-col .pi-search-filter label {
    font-family: Frutiger55 !important;
    display: block;
    color: #32b5a !important;
    font-size: 20px !important;
    margin-bottom: 10px;
}
.pi-filter-col .show {
    background: url(../img/assets/filterplusminus.png) no-repeat left -122px;
}
.pi-filter-col .hide {
    background: url(../img/assets/filterplusminus.png) top left no-repeat;
}
.pi-filter-col .mobileFilterTitle {
    display: inline-block;
    color: #419eda;
}
.pi-filter-col .mobileFilterTitle label {
    color: #419eda !important;
}
.pi-result-contain {
    float: left !important;
    width: 1045px !important;
    clear: none !important;
}

/** Modified width for CS Small Change USOE_008 **/ 
.pi-phone-list-item {
    /*margin-right: 20px !important;*/
    margin-bottom: 20px !important;
    float: left !important;
    width: 260px !important;
    height: 575px;
    background-color: #eeeeee;
    position: relative;
}
/*
.mobilePhone:nth-child(4n+4) {  
  margin-right: 0px !important;
}
.tablet:nth-child(4n+4) {  
  margin-right: 0px !important;
}
.wifi:nth-child(4n+4) {  
  margin-right: 0px !important;
}
*/
.pagination , .filterContainer, .doneSortRow , .sortContainer, .pi-result-contain{
        width: 100% !important;
    }
.pi-background {
    background-color: #f8f8f8;
}
.pi-phone-list-item .deviceName {
    height: 40px !important;
    margin: 0px 0px 10px 10px;
    text-align: left !important;
    float: left;
    width: 197px;
    padding: 20px 30px 10px;
    margin: 0 !important;
}

/** Modified width for CS Small Change USOE_008 **/ 
.pi-phone-list-item .deviceName dl dt {
    line-height: 1em;
   font-size: 23px;
    color: #3d9ece !important;
    font-family: ArialMT, Arial !important;
    font-weight: 400 !important;
    text-align: left;
    margin-left:-14px;
}
.pi-phone-list-item .deviceName dl {
    min-height: 49px;
}
.pi-phone-list-item .deviceName dl dd {
    font-weight: normal;
    font-family: Frutiger45Light !important;
    font-size: 16px;
    margin-top: 4px;
    color: #032b5a !important;
}
.pi-phone-list-item .deviceInfo {
    left: 0 !important;
    margin: 0 !important;
}
.pi-phone-list-item .deviceInfo .deviceDetail {
    width: 215px;
}
.pi-phone-list-item .deviceInfo .deviceDetail div {
    font-weight: normal !important;
}
.pi-phone-list-item .deviceInfo .deviceDetail .quickLook {
    font-size: 14px;
    font-family: Frutiger55, sans-serif;
}
.pi-phone-list-item .deviceSelect .devicePriceCondition {
    height: 15px !important;
    color: #990000 !important;
    font-size: 11px;
}
.pi-phone-list-item .deviceSelect {
    float: left;
    clear: both;
    padding: 10px 25px;
    width: 100%
}
.pi-phone-list-item .deviceSelect a {
    font-family: Frutiger45Light !important;
    margin-left: 0;
    font-size: 14px !important;
}
.pi-phone-list-item .deviceSelect a:hover {
    cursor: pointer;
    text-decoration: none !important;
}
.pi-phone-list-item .deviceSelect a span {
    padding: 9px 10px 4px 14px !important;
}
.pi-phone-list-item .deviceSelect .deviceStatus {
    height: 14px;
    font-size: 12px;
    clear: both !important;
    color: #032b5a !important;
    width: auto;
}

/** Modified width for CS Small Change USOE_008 **/ 
.pi-phone-list-item .deviceImage {
    float: left;
    height:195px;
    width: 95px;
    margin-left:80px;
    padding: 0 !important;
    margin-bottom: 20px;
}
.pi-phone-list-item .deviceRoundel {
    text-indent: -9000px;
    width: 35px;
    height: 249px;
    margin-left: 10px;
    float: left;
    position: relative;
}
.pi-phone-list-item .deviceImage:hover {
    cursor: pointer;
}

/** Added for CS Small Change USE__009 - commented pi-head CSS **/
/*
.pi-head {
    height: 125px;
} */
.pi-head .topTitle {
    float: left !important;
    position: relative !important;
    width: 46% !important;
    left: 0 !important;
}
.pi-head .topTitle h1 {
    font-family: Frutiger45Light !important;
}
.pi-head .pi-basket {
    float: right;
    width: 255px;
    margin-bottom: 10px;
    margin-right: 4px;
}
.pi-head .pi-basket #sessionBasket {
    border-bottom: 1px solid #ccc !important;
    margin: 0 0 0 15px !important;
}
.pi-basket .crossSell {
    border: 0 none;
    color: #032b5a;
    margin: 0 0 0 15px !important;
    padding: 10px !important;
    width: 206px !important;
}
.pi-basket .crossSell h2 {
    color: #032b5a;
    font-size: 24px !important;
    line-height: 1.1em;
}
.pi-bcrumb {
    float: left;
    width: 100%;
    margin: 30px 0 25px 0;
}
.pi-bcrumb ul {
    list-style-type: none;
}
.pi-bcrumb li {
    float: left;
    color: #032b5a !important;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 12px !important;
}
.pi-bcrumb li a {
    font-family: Frutiger45Light !important;
    font-size: 14px !important;
}
.pi-basket #basketQuantity {
    color: #032b5a;
    float: left;
    font-family: frutiger55;
    font-size: 14px;
    margin: 0;
    padding: 10px 0 10px 42px;
}
.pi-basket #basketImage {
    float: left;
    margin: 7px 0 0;
    padding: 0;
}
.generic-breadcrumb {
    font-family: Frutiger55, sans-serif;
    font-size: 14px;
    list-style-type: none;
    margin: 30px 0 25px 45px;
}
.generic-breadcrumb a {
    font-family: Frutiger55, sans-serif;
    font-size: 14px;
}
.generic-breadcrumb li {
    display: inline-block;
}
.nav-consumer a:hover {
    text-decoration: none !important;
}
/*Group page styling*/

.block-m14 {
    margin-right: 13px;
}
.block-list-775 {
    width: 775px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    float: left;
}
.block-list-775 li {
    width: 205px;
    height: 120px;
    display: inline-block;
    background-color: #fff;
    margin-bottom: 20px;
    padding: 20px;
    float: left;
}
.block-list-775 li dl dt,
.block-list-775 li dl dt h4 {
    font-size: 18px;
    font-family: Frutiger45Light;
}
.block-list-775 li dl dd {
    font-size: 14px;
    font-family: Frutiger55, sans-serif;
}
.block-list-775 .body-link {
    margin-top: 90px;
}
.extendedContentWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 972px;
}
.formIntroTxt {
    width: 50%;
}
/*Error Messaging*/

.errorcontainer,
.errorinline {
    background: url("../img/assets/icon-error.gif") no-repeat scroll 12px 50% #b0232a;
    border: 1px solid #b0232a;
    border-radius: 6px;
    box-shadow: 3px 3px 5px #555555;
    color: #ffffff;
    line-height: 1.5em;
    margin: 1.5em 0 1em;
    position: relative;
}
.errorcontainer {
    margin: 20px auto !important;
    width: 70%;
}
.errorinline:after {
    border-color: #b0232a transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 11px;
    content: "";
    height: 0;
    left: 15px;
    position: absolute;
    top: 100%;
    width: 0;
}
.errorcontainer li,
.errorinline p {
    background: none repeat scroll 0 0 #f7e9e9;
    border-radius: 0 6px 6px 0;
    color: #000000;
    margin: 0 0 0 4em;
    min-height: 30px;
    padding: 0.5em 1em;
}

/* Error for New Customer */
.errorinlineNewCustomer {
    background: url("../img/assets/icon-error.gif") no-repeat scroll 12px 50% #b0232a;
    border: 1px solid #b0232a;
    border-radius: 6px;
    box-shadow: 3px 3px 5px #555555;
    color: #ffffff;
    line-height: 1.5em;
    margin: 1.5em 0 1em;
    position: relative;
}
.errorinlineNewCustomer p {
    background: none repeat scroll 0 0 #f7e9e9;
    border-radius: 0 6px 6px 0;
    color: #000000;
    margin: 0 0 0 4em;
    min-height: 30px;
    padding: 0.5em 1em;
}

#chooseInterestText,
#Choose-device-Heading {
    font-size: 20px;
    padding: 0 0 30px 0;
    font-family: Frutiger45Light;
    display: block;
}
.group-specific h2 {
    font-size: 20px !important;
}
.group-specific h3 {
    margin-bottom: 20px;
    width: 70%;
}
.rhs-nav-block h3 {
    width: auto;
    font-size: 24px;
    margin-bottom: 10px;
}
.group-specific .rhs-nav {
    top: 0 !important;
}
#Body-Title {
    display: block;
    padding: 0 0 20px 0;
}
#app-description {
    padding: 0px 0px 0px 20px;
    margin-top: 12px;
}
/*Group page images*/

.connectivity-item-1 {
    background: url(../img/assets/connectivity-image-1.png) 165px 46px no-repeat;
}
.connectivity-item-2 {
    background: url(../img/assets/connectivity-image-2.png) 165px 45px no-repeat;
}
.connectivity-item-3 {
    background: url(../img/assets/connectivity-image-3.png) 170px 45px no-repeat;
}
.connectivity-item-4 {
    background: url(../img/assets/connectivity-image-4.png) 161px 45px no-repeat;
}
.connectivity-item-5 {
    background: url(../img/assets/connectivity-image-5.png) 158px 45px no-repeat;
}
.connectivity-item-6 {
    background: url(../img/assets/connectivity-image-6.png) 170px 20px no-repeat;
}
.connectivity-item-7 {
    background: url(../img/assets/connectivity-image-7.png) 170px 20px no-repeat;
}
.connectivity-item-8 {
    background: url(../img/assets/connectivity-image-8.png) 160px 20px no-repeat;
}
/*Devices page images*/

.devices-item-1 {
    background: url(../img/assets/devices-image-1.png) top right no-repeat;
}
.devices-item-1a {
    background: url(../img/assets/devices-image-1a.png) top right no-repeat;
}
.devices-item-2 {
    background: url(../img/assets/devices-image-2.png) top right no-repeat;
}
.devices-item-3 {
    background: url(../img/assets/devices-image-3.png) top right no-repeat;
}
.devices-item-4 {
    background: url(../img/assets/devices-image-4.png) top right no-repeat;
}
.devices-item-5 {
    background: url(../img/assets/devices-image-5.png) top right no-repeat;
}
.devices-item-6 {
    background: url(../img/assets/devices-image-6.png) top right no-repeat;
    margin-right: 13px;
}
.devices-item-7 {
    background: url(../img/assets/devices-image-7.png) top right no-repeat;
}
.devices-item-8 {
    background: url(../img/assets/devices-image-8.png) top right no-repeat;
}
.devices-item-5 dt,
.devices-item-8 dt {
    height: 40px;
}
.devices-item-5 .body-link,
.devices-item-8 .body-link {
    margin-top: 70px;
}
.devices-item-5 h4,
.devices-item-8 h4 {
    display: block;
    width: 50%;
}
.devices-item-1a .body-link,
.devices-item-5 .body-link,
.devices-item-8 .body-link {
    margin-top: 70px;
}
.devices-item-1a h4,
.devices-item-5 h4,
.devices-item-8 h4 {
    display: block;
    width: 50%;
}
.app-item-1 {
    background: url(../img/assets/app-image-1.png) top right no-repeat;
    margin-right: 10px
}
.app-item-2 {
    background: url(../img/assets/app-image-2.png) top right no-repeat;
    margin-right: 10px
}
.app-item-3 {
   /* background: url(../img/assets/app-image-3.png) top right no-repeat; */
    margin-right: 10px
}
.app-item-4 {
    background: url(../img/assets/app-image-4.png) top right no-repeat;
    margin-right: 10px
}
.app-item-5 {
    background: url(../img/assets/app-image-5.png) top right no-repeat;
    background-position: 145px 20px;
    margin-right: 10px
}
.app-item-6 {
    background: url(../img/assets/app-image-6.png) top right no-repeat;
    margin-right: 10px
}
.app-item-1 dl dt,
.app-item-4 dl dt {
    font-size: 14px !important;
    width: 66%;
}
.app-item-2 dl dt {
    font-size: 14px !important;
    width: 59%;
}
.app-item-3 dl dt {
    font-size: 14px !important;
    width: 59%;
}
.app-item-5 dl dt,
.app-item-6 dl dt {
    font-size: 14px !important;
    width: 59%;
}
.app-item-1 h3,
.app-item-2 h3,
.app-item-3 h3,
.app-item-4 h3,
.app-item-5 h3,
.app-item-6 h3 {
    margin-bottom: 10px;
}
.app-item-1 dl dd a {
    margin-top: 25px !important;
}
.app-item-2 dl dd a {
    margin-top: 10px !important;
}
.app-item-3 dl dd a {
    margin-top: 25px !important;
}
.app-item-4 dl dd a {
    margin-top: 25px !important;
}
.app-item-5 dl dd a {
    margin-top: 25px !important;
}
.app-item-6 dl dd a {
    margin-top: 17px !important;
}
.guru-block {
    background: url(../img/assets/guru_Block.jpg) top right no-repeat;
    color: #FFF;
    float: left;
    height: 118px;
    padding: 20px;
    width: 212px;
}
.guru-block h4,
.guru-block p,
.guru-block a,
.guru-block a:hover {
    color: #fff;
}
.guru-block h4 {
    font-size: 1.9em;
}
.guru-block a,
.guru-block a:hover {
    background: url("../img/assets/blockLnkBg.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    display: block;
    height: 18px;
    padding-left: 20px;
    font-size: 11px;
}
.guru-block p {
    width: 75%;
    font-size: 12px;
    margin-top: 0;
}
.digtalProductDetailsPanel {
    padding: 0px 19px 19px 19px;
    float: left;
    display: block;
    width: 100%;
}
.digtalProductDetailsBlock {
    margin-top: 20px;
    background-color: #f7f7f7;
    width: 260px;
    padding: 20px;
}
.digtalProductDetailsPrice,
.digtalProductDetailsAdd {
    padding: 3% 3% 3% 0;
    width: 47%;
}
.digtalProductDetailsAdd a {
    width: 91px;
}
.mR15 {
    margin-right: 15px;
}
#overlay-container {
    background-color: #000;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity 50);
    /* IE7 & 8 */
    
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
#overlay-content {
    width: 885px;
    height: cpx;
    position: fixed;
    z-Index: 1001;
    background-color: #f1f1f1;
    overflow: auto;
}
#overlay-content-rhs {
    padding-right: 30px;
    float: left;
    width: 455px;
}
#overlay-content-lhs {
    float: left;
    padding-left: 30px;
}
#overlay-content-rhs-top {
    padding-top: 60px;
    height: 100px;
    float: right;
}
#overlay-content-lhs-top {
    padding-top: 35px;
    height: 100px;
    width: 300px;
}
#prodDetailLoading {
    text-align: center;
}
.pi-filter-col ul li {
    margin: 15px 0 0 29px;
}
.pi-filter-col ul li input {
    vertical-align: middle;
    margin: 0 3px 3px 0;
}
.filterSelect {
    font-size: 16px;
    padding: 0 0 0 30px;
    line-height: 1.4em;
    display: inline-block;
    cursor: pointer;
}
/*App detail pages*/

#product-detail-tabs {
    width: 100%;
    height: 29px;
    padding-right: 2px;
}
#product-detail-tabs a {
    cursor: pointer;
    margin-bottom: -10px;
}
#product-detail-tabs li {
    float: left;
    list-style: none;
    margin-right: 10px;
    margin-bottom: 10px;
    outline: none;
    font-size: 18px;
    font: frutiger55;
    font-weight: 300;
    text-align: center;
}
#product-detail-tabs li a {
    padding: 20px 25px 12px 25px;
    display: block;
    text-decoration: none;
    outline: none;
    color: #032b5a;
    background: #fff;
}
#product-detail-tabs li a.inactive {
    background-color: #dfdfdf;
    color: #419eda;
    outline: none;
    padding: 12px 25px;
    margin-top: 8px;
    position: relative;
    top: -7px;
}
#product-detail-tabs li a:hover,
#product-detail-tabs li a.inactive:hover {
    color: #5685bc;
    outline: none;
    float: left;
}
.product-detail-overlay {
    clear: both;
    width: 715px;
    background: #fff;
    text-align: left;
    padding: 25px;
    margin-bottom: 20px;
    min-height: 400px;
    float: left;
}
.product-detail-overlay h2 {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    color: #5685bc;
}
.product-detail-overlay p {
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 1.3;
    font-size: small;
}
.product-detail-overlay ul {
    font-size: small;
    line-height: 1.4;
    list-style-type: disc;
}
.product-detail-overlay li {
    padding: 15px;
    margin-left: 5px;
    clear: both;
    margin-bottom: 15px
}
#controls-sub {
    margin: 20px 0 !important;
    position: absolute !important;
    top: 98px !important;
    width: 100% !important;
}
#controls-sub a#prev-button {
    background: url("../img/assets/gallery-nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    left: 0;
    margin-left: 10px;
    outline: medium none;
    position: absolute;
    top: 0;
}
#controls-sub a#next-button {
    background: url("../img/assets/gallery-nav.png") no-repeat scroll left -100px rgba(0, 0, 0, 0);
    margin-right: 10px;
    outline: medium none;
    position: absolute;
    right: 0;
    top: 0;
}
#controls-sub a#prev-button span,
#controls-sub a#next-button span {
    display: none;
}
#controls-sub a {
    display: block;
    height: 32px;
    width: 33px;
}
#basketPlaceholder {
    display: inline-block;
    width: 212px !important;
    padding: 10px 20px;
}
#basketImage {
    background: url('../img/assets/basket-icon.png') 83px 17px no-repeat !important;
    float: left;
}
.bskNotEmpty {
    background: url("../img/assets/mobileBskt2.png") 5px 6px no-repeat !important;
}
#DevicesDetails #basketQuantity {
    line-height: 1.7em;
}
.small-shadow-bottom {
    background: url('../img/assets/smallShadowBottom.png') bottom right no-repeat;
}
.basket-shadow {
    background: url('../img/assets/basketShadow.png') top right no-repeat;
}
/*Basket Overrides*/

#sessionBasket {
    background: none !important;
    margin: 0 !important;
}
.rightHandNav {
    border: none !important;
}
span.basket-remove {
    display: inline-block;
}
.small-ico-details dt,
.small-ico-details dd {
    display: block;
    float: left;
    line-height: 3em;
    padding: 0 10px;
}
.radio-group-noborder input[type="radio"] {
    width: auto;
}
.radio-group-noborder label {
    position: relative;
    top: -7px;
}
.radio-group-noborder td {
    border: none
}
.userInfo {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 14px;
}
.userInfo .userField {
    float: left;
    width: 350px;
    font-weight: bold;
}
.UserInfoHeader .userField h4 {
    font-size: 17px;
    font-weight: bold;
}
.userInfo .userField span {
    font-family: verdana;
    font-weight: bold;
    font-size: 14px;
}
.userInfo .userVal {
    float: left;
    font-family: verdana;
}
.finalUserDetails .generic-shadow-bottom {
    background: url(../img/assets/generic-shadow-bottom.png) no-repeat left bottom !important;
    width: 100%;
    float: left;
    padding: 10px 0;
    margin-bottom: 15px;
}
.migrated-content-container h4.detailHeading {
    margin-bottom: 25px;
}
.migrated-content-container h4.detailHeading span {
    border-radius: 10px;
    background: #032b5a;
    color: #fff;
    padding: 0px 5px;
}
p.note {
    font-size: 16px;
    line-height: 18px;
    width: 85%;
}
.checkField input {
    width: 17px;
}
.checkField span {
    font-size: 13px;
    position: relative;
    top: -5px;
    font-family: Frutiger45Light;
}
.formField select {
    width: 75%;
    padding: 6px;
}
.formField {
    margin-bottom: 25px;
}
.formField label {
    width: 100%;
    font-family: frutiger55;
    font-size: 16px;
    clear: both;
    display: block;
    margin-bottom: 5px;
}
.halfField input {
    width: 35%;
}
.dob select {
    width: auto;
    margin-right: 5px;
}
.radio-group-selection .formIntroTxt {
    width: auto;
    margin-bottom: 0;
}
.radio-group-selection table {
    width: 105px;
    margin-bottom: 15px;
}
.radio-group-selection table label {
    font-size: 14px;
}
.multipleSelection select {
    margin-bottom: 20px;
}
.halfSection {
    width: 50%;
    float: left;
}
.MyBasket_upd3 h2 {
    font-size: 22px;
    font-weight: bold;
}
.linkArrow {
    background: url(../img/assets/bodyLnkBg.png) no-repeat left top;
    padding: 0 0 2px 20px;
}
/**** From test.css ***/

.extendedContentWrapper .nineCol.left {
    padding-left: 12px
}
.extendedContentWrapper .nineCol.left .topTitle {
    left: 20px;
}
.migrated-content-container h1 {
    font-family: 'Frutiger45LightRegular', verdana, sans-serif;
}
#busLandingContent .busContent h2.fruitiger,
#busGDealsContent .busContent h2.fruitiger {
    font-size: 18px;
}
.responsive-table td,
.responsive-table th,
table td,
table th {
    padding: 0;
}
.responsive-table,
table {
    margin-bottom: 0;
}
.browserChrome div.w2lForm {
    float: left;
}
.responsive-table th,
table th,
.responsive-table tr,
table tr {
    background: transparent;
}
.table-choose-tariff tr{
	line-height: 100%;
}
.euTariffListStype {
	font-size: 11px;
}
#web2lead-customer label {
    font-size: 14px;
}
.extendedContentWrapper {
    padding-top: 25px;
}
#legacy-content-wrapper #basketQuantity {
    padding: 7px 0 7px 42px;
}
#legacy-content-wrapper #sessionBasket {
    margin-bottom: 30px !important;
    background: url("../img/assets/miniBasketMainBG.png") bottom left repeat-x !important;
    border: 1px solid #d0d0d0 !important;
}
#legacy-content-wrapper #basketImage {
    background: url('../img/assets/basket-icon.png') 15px 10px no-repeat;
    padding: 7px 0 10px 10px;
}
#legacy-content-wrapper p {
    font-family: Verdana, Geneva, sans-serif;
}
#legacy-content-wrapper .allInLanding #web2lead-customer .button-blue span {
    font-family: Verdana, Geneva, sans-serif
}
#legacy-content-wrapper .allInLanding #web2lead-customer h3 {
    margin: 26px 0 0 0;
}
#legacy-content-wrapper .errorcontainer {
    border: none;
}
#legacy-content-wrapper .mob4gKeyFeatures ul li,
#legacy-content-wrapper .mbbPromoDevice ul li {
    list-style-type: disc;
}
#legacy-content-wrapper .button-blue-thin span {
    font-family: Verdana, Geneva, sans-serif;
    padding-top: 5px;
}
#legacy-content-wrapper .leasingPromDetail.featuresDetail .leaseBlockFullW ol li {
    list-style-type: decimal;
}
#legacy-content-wrapper .leasingPromDetail.featuresDetail .leaseBlockFullW ol {
    margin-left: 0;
    padding-left: 20px;
}
#legacy-content-wrapper .genLinkBlue,
#legacy-content-wrapper .crossSell a,
#legacy-content-wrapper .comingSoon a {
    font-family: Verdana, Geneva, sans-serif
}
#legacy-content-wrapper .responsive-table td,
#legacy-content-wrapper .responsive-table th,
#legacy-content-wrapper table td,
#legacy-content-wrapper table th {
    border: none;
}
#legacy-content-wrapper .busPromoInner .fruitiger,
#legacy-content-wrapper .busContent .fruitiger {
    font-size: 18px;
}
#legacy-content-wrapper #promoFilter {
    width: auto;
}
#legacy-content-wrapper .filterItem label {
    font-size: 14px;
    color: #787878;
}
#legacy-content-wrapper .tariff-header .filterTitle {
    margin-bottom: 15px;
    font-weight: normal !important;
}
#legacy-content-wrapper #headerDetail {
    margin: 0 0 15px;
}
#legacy-content-wrapper .topSharerTariffs .sharerTariffLeft h2 {
    font-family: Verdana, Geneva, sans-serif !important
}
#legacy-content-wrapper .sharerTariffRight p strong {
    font-size: 14px !important;
    font-weight: bold;
    font-family: verdana;
}
#legacy-content-wrapper #web2lead-customer h3 {
    font-family: Verdana, Geneva, sans-serif !important
}
#legacy-content-wrapper #web2lead-customer h3 strong {
    font-family: verdana;
    font-weight: bold;
}
#legacy-content-wrapper .promoTxtCont strong {
    font-family: verdana;
    font-weight: bold;
}
#legacy-content-wrapper .promoTxtContSpecial h2 {
    font-size: 18px;
}
#legacy-content-wrapper .promoTxtContSpecial p span strong {
    font-family: verdana;
    font-weight: bold;
}
#legacy-content-wrapper .promoTxtContWide h2 {
    font-size: 18px;
}
#legacy-content-wrapper .O2BusinessShopTabletLanding {
    font-family: verdana;
}
#legacy-content-wrapper .productTabletLanding .tabPromo div.tabPromoDesc h2 {
    font-family: Verdana, Geneva, sans-serif !important
}
/*** From test.css ends **/

.busSlide a {
    color: #fff !important;
}
.checkout-header {
    font-family: frutiger55 !important;
    float: left;
    margin: 20px 0;
}
label img {
    margin: 2px 0 0 10px;
}
.halfField .button-blue-thin {
    background-color: #419eda;
    padding: 11px;
    font-size: 1.2em;
    border-radius: 5px;
    color: #fff;
    margin-left: 10px;
}
.halfField .button-blue-thin:hover {
    background-color: #032B5A;
    text-decoration: none;
}
#variants-title {
    font-size: 16px !important;
    margin-bottom: 15px;
}
.basket-package-block dt {
    font-family: frutiger55 !important;
    font-size: 20px !important;
    margin-bottom: 10px;
    line-height: 20px;
}
.basket-package-block dd {
    font-size: 12px;
    font-family: frutiger55;
    margin-bottom: 15px;
}
.basket-package-block dd span {
    color: #017f7d;
    font-size: 20px;
}
.basket-package-block dd span {
    font-size: 20px;
    font-family: frutiger55;
}
.basket-package-block p {
    font-size: 12px;
    font-family: frutiger55;
    margin-bottom: 15px;
}
.basket-package-block label {
    font-size: 12px;
    font-family: frutiger55;
    width: 60%;
    float: left;
    padding-top: 6px;
}
.basket-package-block select {
    float: left;
    padding: 2px 5px;
    margin-bottom: 5px;
    margin-top: 3px;
}
.basket-package-block .nav-price-sum dt {
    font-size: 12px !important;
    font-family: frutiger55 !important;
    float: left;
    width: auto;
    margin-right: 10px;
    margin-bottom: 3px;
}
.basket-package-block .nav-price-sum dd {
    font-size: 20px !important;
    font-family: frutiger55;
    float: left;
    width: auto;
    margin-right: 10px;
    color: #017f7d;
}
.nav-price-sum dl {
    float: left;
    position: relative;
    top: 10px;
    width: 125px;
}
.nav-price-sum a {
    margin-top: 15px;
}
.basket-package-block {
    float: left;
    margin-bottom: 20px;
    background: url('../img/assets/basketShadow.png') bottom right no-repeat !important;
    padding-bottom: 20px;
}
.product-detail-overlay h3 {
    font-size: 16px;
    font-family: Frutiger55 !important;
}
.product-detail-overlay .noteTxt h4 {
    font-size: 14px;
    color: #9d9d9d !important;
}
.product-detail-overlay .noteTxt p {
    font-size: 12px;
    color: #9d9d9d !important;
}
.product-detail-overlay ol li {
    list-style-type: decimal;
}
.product-detail-overlay ol {
    margin-left: -40px;
}
.filterList {
    width: 50%;
    float: right;
    display: inline;
}
.filterEntry {
    float: left !important;
}
#summary-text div {
    display: block !important;
}
#summary-text a.buttonInitial {
    float: right;
    margin-bottom: 10px;
}
#summary-text p {
    clear: both;
}
.overviewBasketHeader {
    clear: both;
}
.checkout-content-link {
    position: relative;
    top: 32px;
    left: 40px;
}
.userVal .checkout-content-link {
    position: static;
}
.checkout1 {
    margin-bottom: 0;
}
.pricesDescText {
    font-family: frutiger55;
    font-size: 12px;
    padding: 10px 0;
}
.checkout_sectiondiv h4,
h4.step3subheader {
    clear: both;
    font-size: 25px;
    margin-bottom: 20px;
    width: 700px;
}
.checkout_sectiondiv h5 {
    font-size: 16px;
    font-family: Frutiger55 !important;
    margin-bottom: 25px;
}
.shortnote {
    font-size: 11px;
}

/*Added as a part of R7 Accenture/Srishti*/
.checkout-accountdetails{
	font-family: Frutiger55 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
	
}

.checkout1 .checkout-header {
    margin-bottom: 0;
}
.tncBox input[type='checkbox'] {
    width: 17px;
    position: relative;
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}
.rhs-basket #package-summary-block {
    width: 50%;
    float: left;
    clear: both;
    margin: 0;
}
.rhs-basket .rhs-basket-pack-supp {
    float: left;
    width: 50%;
    margin-top: 0;
}
.clearBoth {
    clear: both !important;
}
.ddPayImage {
    margin-left: 325px;
    position: relative;
    top: -25px;
    margin-bottom: -20px;
}
/*Main header overwritting css */

.nav-primary .logo.o2 {
    padding-left: 0;
}
.nav-consumer {
    margin-left: -15px;
}
.business-shop .toolbar ul.site-switch {
    margin-left: 85px;
}
.header-search-xxl .module-body .info {
    padding-left: 0;
	width: 100% !important;
}
/*Main header overwritting css ends*/

.checkout_sectiondiv .errorinline {
    width: 320px;
}
.checkField .checkout-content-link-body {
    margin-left: 21px;
}
#extrasSection,
#boltonsSection {
    min-height: 310px;
}
#extrasSection .steps-placeholder {
    min-height: 310px;
}
#boltonsSection .steps-placeholder {
    min-height: 250px;
}
.packageAppBorder {
    background: url(../img/assets/appBorder.png) bottom left no-repeat;
}
.stock {
    margin: 5px 0 0 5px;
    display: inline-block;
}
.detailDesc {
    margin-bottom: 15px;
}
.input-basic .errorinline {
    width: 80%;
}
.chooseDigProdVersionTitle {
    width: 100%;
    text-align: center;
    font-size: 21px;
    padding-top: 19px;
}
.digProductDetailsNote {
    font-size: 11px;
    color: #8D8D8D;
}
.product-family-info-link {
    width: 100%;
    padding-top: 10px;
    margin-bottom: 15px;
}
.product-family-info-link .body-link {
    background: url(../img/assets/bodyLnkBg.png) no-repeat;
    height: 17px;
    color: #419eda;
    padding-left: 20px;
}
.checkout-disabled {
    color: #ccc !important;
    font-family: frutiger55 !important;
    float: left;
    margin: 20px 0;
}
#personal_and_business_details h3 {
    margin: 30px 0 0;
    font-size: 25px;
}
.prod-variant-description {
    margin-bottom: 10px;
}
.prod-variant-description dt {
    display: inline-block;
    width: 130px;
}
.prod-variant-description dd {
    display: inline-block;
}
.grid-inner {
    clear: both;
}
.checkout1 .checkout-disabled {
    margin-bottom: -20px;
}
.digtalProductDetailsAdd .buttonRegular {
    padding: 10px;
    margin-left: 10px;
}
.nav-primary,
.toolbar {
    min-width: 1080px !important;
}
/*App Banner Styling*/

.app-banner {
    display: block;
    width: 686px;
    height: 167px;
    padding: 50px 0 0 90px;
}
.app-banner h2 {
    font-family: Frutiger55, sans-serif;
    font-size: 40px !important;
}
.app-banner h3 {
    font-family: Frutiger55, sans-serif;
    font-size: 20px;
    width: 43%;
}
.app-banner-1 {
    background: url(../img/assets/appsbanner.png) top left no-repeat;
}
.app-banner-2 {
    background: url(../img/assets/devicebanner.png) top left no-repeat;
}
.app-banner-3 {
    background: url(../img/assets/connectivity_banner.png) top left no-repeat;
}
.app-banner-4 {
    background: url(../img/assets/appbanner4.png) top left no-repeat;
}
.pi-banner {
    background: url(../img/assets/devicebanner.png) top left no-repeat;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    background: none;
    padding: 0 !important;
    border: none;
}
.oddlist .appInfo {
    width: 55%;
    margin-right: 15px;
    float: left;
}
.oddlist .img {
    float: left;
}
.evenlist .appInfo {
    width: 55%;
    float: right;
    margin-left: 15px;
}
.evenlist .img {
    float: right;
}
.centeredSingleImage {
    overflow: hidden;
    margin: 10px auto 10px;
    text-align: center;
	margin-right: 10px;
}
.product-familiy-img-container .prod-familiy-img {
    width: 113px;
    height: 113px;
}
.productImg img {
    margin: -36px 0 0 -6px;
}
.overviewBasket .formProgressButtons .buttonContCheck a {
    margin-top: 38px;
}
.overviewBasket .overviewButtons {
    margin-left: 75px;
    width: 225px;
}
.confirmation p,
.confirmation ul li {
    font-size: 15px;
}
.confirmation h3 {
    margin-bottom: 20px;
}
.confirmation .body-link {
    background: url(../img/assets/bodyLnkBg.png) no-repeat;
    height: 17px;
    display: inline-block;
}
.confirmation .generic-shadow-top {
    padding: 30px 0;
    margin-top: 12px;
}
#app-family-description dl dt {
	/*SCPC-428 font size change from 14 to 12 */
    font-size: 12px;
}
#app-family-description dl dd {
    font-size: 12px;
}
.productContainer #sfproduct_empty {
    margin-left: 75px;
}
#imagery #gallery .slide img {
    margin: 0 37px;
}
.device-subtext,
#DevicesDetails p {
    font-family: Frutiger55;
    font-size: 14px;
    line-height: 1.4em;
}
#variants-disclaimer {
    color: #999;
    font-size: 11px;
    margin: 0;
}
#variants-disclaimer br {
    line-height: 25px;
}
.subListPoints {
    margin-left: 0 !important;
}
.subListPoints li {
    padding: 0;
}
.subListPoints li p {
    font-size: 12px;
}
#basket-total-table td {
    font-size: 20px;
}
#overlay-content-rhs .product-offering-action {
    margin: 145px 0 15px 0;
    padding-left: 0;
}
#digProdPromoImg-0 {
    background: url("../img/assets/o365-ico-small.jpg") no-repeat !important;
    margin: 0 10px;
}
#digProdPromoImg-1 {
    background: url("../img/assets/box-storage-ico-small.jpg") no-repeat !important;
    margin: 0 10px;
}
#digProdPromoImg-2 {
    background: url("../img/assets/mcafee-ico-small.jpg") no-repeat !important;
    margin: 0 10px;
}
.dsmbquicklook-digitalproducts-promo a .product-info {
    color: #032b5a;
    font-weight: bold;
    width: 75px;
}
.accessoryButton {
    float: left !important;
    margin-top: 10px;
}
.inline-green-box {
    background: url("../img/assets/callout-pound.png") no-repeat !important;
    width: 31px;
    height: 30px;
    display: inline-block;
    margin-right: 10px;
    float: left;
    margin-top: -5px;
}
#overlay-content-lhs #imagery {
    float: none;
}
#tariff-top-pick-subtitle {
    padding-top: 10px;
    margin-left: 15px;
}
h2#app-title-description {
    font-size: 14px;
    font-family: Frutiger55;
}
h2#app-title-description span {
	/*SCPC-428 change font size from 18px to 16 px*/
    font-size: 16px;
    font-family: Frutiger55;
}
.nav-price-sum .chooseButton {
    padding: 12px 16px;
    font-size: 14px;
    font-family: Frutiger55;
}
.pi-banner #upgradingGotAQuestion {
    margin-bottom: 20px;
}
.phoneLandHead .generic-shadow-bottom-left {
    background: none !important;
    margin-bottom: 0;
}
#DevicesDetails #basketPlaceholder {
    padding: 5px 20px 2px 20px;
}
#DevicesDetails #basketImage {
    background: url('../img/assets/basket-icon.png') 5px 9px no-repeat;
}
.pi-priceRange dt {
    font-size: 11px;
}
.pi-priceRange dd {
    color: #017f7d;
}
.pi-priceRange {
    margin-top: 15px;
    width: 120px;
    float: left;
    margin-right: 10px;
}
.pi-phone-list-item .buttonSmall {
    padding: 13px 19px;
    width: 65%;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px;
    text-decoration: none;
    cursor: pointer;
}
.checkoutFinal .pricesDescText {
    margin-left: 465px;
    padding: 0;
    margin-bottom: 10px;
}
.finalUserDetails .tncBox {
    margin-left: 70px;
    width: 56%;
}
.finalUserDetails .tncBox p {
    font-size: 12px !important;
}
.MyBasket_upd3 .generic-shadow-top {
    padding-top: 22px;
}
.quoteTxt {
    color: #0086C3 !important;
}
#button-order-now {
    font-family: Frutiger55;
    font-size: 20px;
}
.emptyBasketText {
    font-size: 14px;
}
.rhs-nav-block .basket-package-block dl dd {
    font-size: 13px;
    margin-bottom: 20px;
}
.contact-business-text {
    font-size: 12px;
    margin-bottom: 10px;
}
#readMore {
    margin-top: 10px;
}
.slide {
    float: left;
}
.phone-features .areaA ul.color-option {
    border-right: 1px solid #979797;
    float: left;
}
.phone-features .areaA ul li {
    display: inline-block;
    float: left;    
}
.phone-features .areaA ul li a span {
    width: 35px;
    height: 35px;
    display: block;   
	margin-right: 1px;	
}
.phone-features .areaA ul li a {
    
}
.phone-features .areaA ul li a.active {
    color: #032b5a;
}
.phone-features .areaA ul li a.active span {
	font-size: 14px;
}
.phone-features .areaA ul li.color1 a span {
    background: #b5f390;
}
.phone-features .areaA ul li.color2 a span {
    background: #7cc2fd;
}
.phone-features .areaA ul li.color3 a span {
    background: #fff38b;
}
.phone-features .areaA ul li.color4 a span {
    background: #fd7f8b;
}
.phone-features .areaA ul li.color5 a span {
    background: #ffffff;
}
.phone-storage-size {
    float: left;
}
.phone-storage-size li {
    border: 1px solid lightgray;
	width: 63px;
    height: 35px;	
	box-sizing: border-box;
}
.phone-storage-size li a {
    padding: 10px 10px;
    display: block;
}
.phone-storage-size li.selected,
.phone-storage-size li:hover {
    background: url(../img/assets/extraDataTrf-bg.png) repeat-x;
    border: 1px solid #032b5a;
    color: #fff;
    cursor: pointer;
}
.phone-storage-size li:hover a {
    color: #fff;
    text-decoration: none;
}
.phone-storage-size li.selected a {
    color: #fff;
}
.screen-size {
    margin-top: 5px;
    float: left;
}
.screen-size li {
    border: 1px solid #0086C3;
    border-radius: 5px;
}
.screen-size li a {
    padding: 7px 10px;
    display: block;
}
.screen-size li.selected,
.screen-size li:hover {
    background: #032b5a;
    border: 1px solid #032b5a;
    color: #fff;
    cursor: pointer;
}
.screen-size li:hover a {
    color: #fff;
    text-decoration: none;
}
.screen-size li.selected a {
    color: #fff;
}
.phone-features-list {
    width: 450px;
    margin-right: 20px;
}
.phone-features-list li.lease {
    background: url("../img/assets/transp-lease-small.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    float: left;
    margin: 0 10px 10px 0;
}
.phone-features-list li.dataType {
    background: url("../img/assets/transp-4g-small.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    float: left;
    margin: 0 10px 10px 0;
}
.app-list {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}
.app-list .areaA {
    float: left;
    width: 200px;
    margin-right: 100px;
}
.app-list .areaA img {
    margin-left: 50px;
}
.app-list .areaB {
    float: left;
    width: 450px;
    margin-right: 20px;
}
.app-list .areaB p {
    margin: 0 0 15px;
}
.app-list .areaB .small-ico-details dd a {
    color: #032b5acolor: #032b5a;
    font-family: Frutiger55;
    font-size: 14px;
}
.app-list .areaB .small-ico-details dd {
    padding: 0;
    width: 75px;
    color: #ccc;
    margin-bottom: 0;
    line-height: normal;
    font-size: 15px;
    font-family: Frutiger55;
}
.contract-terms .data-type {
    background: url("../img/assets/transp-pound-small.png") no-repeat scroll left top;
    padding-left: 40px;
    width: 100%;
    padding-bottom: 2px;
}
.contract-terms .lease {
    background: url("../img/assets/transp-lease-small.png") no-repeat scroll 7px 0px;
    padding-left: 40px;
    width: 100%;
    padding-bottom: 10px;
}
.contract-terms {
    padding: 10px 0;
}
.contract-terms ul {
    margin-bottom: 20px;
}
.contract-terms a {
    width: 100%;
    font-family: Frutiger55;
    font-size: 20px;
	margin-left: 15px;
}
.phone-feature-page .product-detail-overlay {
    width: auto;
    float: left;
}
.contract-terms ul li p {
    width: auto;
    text-align: left;
    margin-bottom: 0;
    font-size: 12px;
    font-family: Frutiger55;
}
.section-club {
    width: 722px;
    float: left;
    background: url('../img/assets/divider.png') left bottom no-repeat;
	padding-bottom: 20px;
    margin-bottom: 10px;
}
.contract-terms p {
    width: auto;
    text-align: center;
}
.comingsoon {
    background: url('../img/assets/comingSoonmed.png') top right no-repeat;
}
.comingsoon h4 {
    padding: 50px;
    color: #032b5a;
    font-size: 15px;
}
.crossSell ul {
    margin-top: 5px;
}
#o2-footer .grid-inner {
    padding: 30px 62px 30px 30px;
}
/** Commented for CS Small Change USE__006 **/
/*#searchText {
    width: 200px;
    padding: 7px;
}*/
.pi-filter-col #sortingFilter {
    padding: 0 4px;
}
#sessionBasket {
    font-size: 14px;
    font-family: Frutiger55;
    color: #032b5a;
}
.contract-terms .pay-monthly-type {
    background: url("../img/assets/costPMonth.png") no-repeat scroll 0 0;
    padding-left: 40px;
    width: 100%;
    padding-bottom: 10px;
}
#o2travel-subtitle p,
#boltons-subtitle p {
    padding-left: 0;
}
#o2travel-text #getO2Travel .buttonInitial {
    width: 113px !important;
    padding: 12px 0;
}
#o2travel-text .boltonLinks {
    float: left;
}
.O2TravelPricingTable tr,
.O2TravelPricingTable th,
.O2TravelPricingTable td {
    font-family: Frutiger55, sans-serif;
    font-size: 12px;
}
.O2TravelPricingTable {
    margin-bottom: 20px;
}
.O2TravelPricingTable tr {
    background: url("../img/assets/whitebgdiv.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}
#o2travel-text .boltonLinks a {
    float: none !important;
}
.O2TravelPricingTable td:last-child {
    padding-bottom: 30px;
}
.O2TravelPricingTable th {
    padding: 5px;
}
.O2TravelPricingTable td {
    padding: 15px 5px 10px !important;
}
.O2TravelPricingTable td:first-child {
    width: 155px;
}
#device-selling-points li,
#phone-features-title,
.areaB P {
    font-size: 12px;
    font-family: Frutiger55;
}
.buttonDisabled:hover {
    background-color: #29abff !important;
}
.product-detail-overlay .tabInner {
    margin: 0;
    padding: 0;
}
.product-detail-overlay .tabSection {
    margin-bottom: 15px;
    width: 100%;
}
.product-detail-overlay .tabSection .content img {
    display: block;
}
.product-detail-overlay .tabSection .right {
    margin-left: 30px;
}
.product-detail-overlay .tabSection .left {
    margin-right: 30px;
}
.product-detail-overlay .tabSection .vidContent {
    margin-left: 25px;
}
.tabFullwidth .evenlist .appInfo {
    width: 67%;
}
.tabFullwidth .oddlist .appInfo {
    width: 67%;
}
.product-detail-overlay .gradientContent {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.specWrapper {
    margin-bottom: 40px;
}
.specWrapper dl {
    clear: left;
    overflow: hidden;
}
.specWrapper dl.highlight {
    background-color: #f4f4f4;
}
.specWrapper dt {
    float: left;
    padding: 7px 0 7px 20px;
    width: 200px;
    color: #000 font-family: Frutiger55;
}
.specWrapper dd {
    float: left;
    padding: 5px 0 5px 5px;
    width: 200px;
    color: #444;
    margin-right: 50px;
    font-family: Frutiger55;
}
.product-detail-overlay .specWrapper h3 {
    margin-bottom: 20px;
}
.product-detail-overlay .tabFullwidth {
    margin-left: 0;
}
.app-list .guru-block {
    background: url(../img/assets/guruBlock.jpg) right -22px no-repeat;
}
.app-list .toggleBanners {
    padding: 13px;
    height: 100px !important;
}
.forceBlue {
    color: #032b5a;
}
/*ipad page overrides*/

.mainTitleAir {
    background: url("../img/assets/iPadAir_Logo.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.ipadSummaryR .mainTitleAir2 {
    background: url("../img/assets/iPadMini_sm.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.mainTitleMini {
    background: url("../img/assets/iPadMini_Logo.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.ipadSummaryR .mainTitleMini2 {
    background: url("../img/assets/iPadAir_sm.png") no-repeat scroll right top rgba(0, 0, 0, 0);
}
.mob4gMobileBar .mob4gSelectPic span,
.mob4gMarketingBox .marketingTopMessage p,
.mob4gMarketingBox2 .marketingTopMessage p {
    color: #4F5357;
}
.tariffsTab .tariffTable .tabletTariffTable th:first-child {
    padding: 0 !important;
}
.review-basket-page {
    min-height: 550px;
}
.footerSlim {
    background: #f1f1f1;
    padding-bottom: 15px;
    padding-top: 15px;
}
.footerSlim p {
    font-size: 11px;
    color: #999999;
    margin: 0 auto;
    width: 1040px;
}
.product-detail-overlay .oddlist {
    background: #f6f6f5;
    float: left;
}
.product-detail-overlay .evenlist {
    background: #e9e8e5;
    float: left;
}
#apps-text {
    margin-left: 17px;
}
.row-initial-stepped .buttonSmall {
    font-family: Frutiger55, sans-serif;
    font-size: 12px;
}
.digProdVariantShortDesc .standard-list li {
    font-size: 14px;
}
#tariff-title {
    margin-left: 15px;
}
#tariff-text {
    margin-left: 15px;
    font-family: Frutiger55;
    font-size: 12px;
}
#rhs-free-content p span {
    color: #017f7d;
    font-size: 20px;
    font-family: frutiger55;
}
footer {
    clear: both;
}
.lease-icon {
	background:url("../img/assets/transp-lease-small.png") no-repeat scroll center bottom;
	height: 35px;
	width:38px;
	float:left;
	margin:0 10px 10px 0;
}
.fourG-icon {
	background:url("../img/assets/transp-4g-small.png") no-repeat scroll center bottom;
	height: 35px;
	width:38px;
	float:left;
	margin:0 10px 10px 0;
}
.wififourGcall-icon {
    background: url("../img/assets/wifi4Gcalling.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;  
    float: left;
    margin: 0 10px 0px 0;	
}
.appleL-icon {
    background: url("../img/assets/apple-large.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.appleS-icon {
    background: url("../img/assets/apple-small.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.BatteryL-icon {
    background: url("../img/assets/battery-large.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.Andorid-icon {
    background: url("../img/assets/android.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.Blacberry-icon {
    background: url("../img/assets/blackberry.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.Windows-icon {
    background: url("../img/assets/windows.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.BatteryS-icon {
    background: url("../img/assets/battery-small.png") no-repeat scroll center bottom;
    height: 35px;
    width: 24px; /*Modified by Accenture */
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.CameraL-icon {
    background: url("../img/assets/camera-large.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.CameraS-icon {
    background: url("../img/assets/camera-small.png") no-repeat scroll center bottom;
    height: 35px;
    width: 24px; /*Modified by Accenture */
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.ScreensizeL-icon {
    background: url("../img/assets/screensize-large.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.ScreensizeS-icon {
    background: url("../img/assets/screensize-small.png") no-repeat scroll center bottom;
    height: 35px;
    width: 24px; /*Modified by Accenture */
    /*float: left;
    margin: 0 10px 10px 0;*/
}
.special-offer-icon {
	background:url("../img/assets/transp-pound-small.png") no-repeat scroll center bottom;
	height: 35px;
	width:38px;
	float:left;
	margin:0 10px 10px 0;
}
.deviceRoundel ul {
    top: 8px;
    left: 10px;
    position: absolute;
}
.tariff-table-row-promo {
    width: 90%;
    margin-left: 5%;
    text-align: left;
    background-color: rgb(231, 231, 231);
    margin-bottom: 20px;
    color: #032b5a;
    min-height: 35px;
    padding: 5px 10px;
    font-size: 11px;
}
.tariff-table-row-details {
    height: 70%;
    overflow: auto;
}
.limited-offer-icon {
    background: url(../img/assets/callout-pound.png) no-repeat;
    height: 35px;
    width: 45px;
    float: left;
}
.contract-terms ul li p .price {
    color: #017f7d;
}
#product-detail-tabs0-content .innerContent {
    clear: both;
    margin-left: 155px;
}
#product-detail-tabs0-content .tabSection .innerContent {
    clear: none;
    margin-left: 0;
    padding: 25px;
    padding-top: 25px !important;
}
.phone-feature-page #product-detail-tabs0-content {
    width: 990px;
}
.phone-feature-page #product-detail-tabs0-content .river {
    width: 1040px;
    padding: 25px 0;
}
.product-detail-overlay li .prodFeature li {
    padding: 0;
    margin: 0 0 10px 40px;
    list-style-type: disc;
}
.isixotab {
    text-align: center;
}
/* Home page css starts*/

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
.mainContainer {
    width: 1100px;
    margin: 0 auto 20px;
}
.mainContainer h1 {
    float: left;
}
.mainContainer .heading {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#homeCarousel {
    width: 1100px;
    height: 404px;
    overflow: hidden;
    background-color: #00597B;
    position: relative;
}
.carouselContainer {
    position: relative;
}
.carouselContainer .imageColumn {
    float: left;
}
#slotcolumn1 {
    width: 368px;
}
#slotcolumn1 li img {
    margin-top: 0;
}
#slotcolumn2 {
    width: 363px;
}
#slotcolumn3 {
    width: 368px;
}
.carouselContainer .imageColumn li {
    text-align: center;
    height: 405px;
}
.carouselContainer .imageColumn li img {
    margin-top: 20px;
}
.deviceFeatureHead li {
    position: absolute;
    z-index: 2;
    top: 160px;
}
.bannerLinks {
    position: absolute;
    bottom: 0;
    z-index: 1;
}
.bannerLinks li {
    text-align: center;
    margin-left: 58px;
    float: left;
    margin-right: 50px;
    border-top: 9px solid #fff;
    position: relative;
    bottom: -3px;
    width: 255px;
    background: url("../img/assets/homeBannerTabBg.png") center 11px no-repeat #fff;
}
.bannerLinks li:hover {
    border-top: 9px solid #feac1a;
    bottom: 0;
    background: url("../img/assets/homeBannerTabBg.png") center 14px no-repeat #fff;
}
.bannerLinks li a {
    background: url("../img/assets/learn-more-ico.png") 14px 2px no-repeat;
    padding: 3px 15px 15px 36px;
    display: inline-block;
    font-size: 17px;
    color: #032b5a;
    position: relative;
    bottom: 0;
    text-decoration: none;
}
.bannerLinks li a:hover,
.bannerLinks li:hover a {
    top: 3px;
}
.divider1,
.divider2,
.bannerDivider {
    position: absolute;
    z-index: 1;
}
.basket {
    background: url(../img/assets/basket-icon.png) 15px no-repeat #edebe9;
    float: right;
    padding: 15px 50px 15px 55px;
}
.columnSection {
    margin-left: 15px;
    float: right;
}
.rowSection .subSectionType1 {
    height: 210px;
    width: 208px;
    margin-bottom: 15px;
    float: right;
    clear: both;
}
.rowSection .subSectionType2 {
    height: 210px;
    width: 208px;
    margin-bottom: 15px;
    float: right;
    clear: both;
}
.rowSection .subSectionType3 {
    height: 210px;
    width: 208px;
    clear: both;
    float: right;
    position: relative;
}
.gridContainer {
    float: left;
    width: 100%;
}
.rectVBox {
    height: 435px;
    width: 208px;
    background: #4a7387;
    text-align: center;
    float: right;
    position: relative;
}
.rectHBox {
    height: 210px;
    width: 431px;
    float: right;
}
.rectHBox2 {
    width: 877px;
    height: 210px;
}
.terms {
    width: 877px;
}
.rectHboxType1,
.rectHboxType2,
.rectHboxType3 {
    float: right;
    position: relative;
}
.lastColumn {
    margin-left: 0;
    position: absolute;
}
.rowSection {
    clear: both;
    float: right;
    width: 100%;
}
.subSectionType1 h3 {
    font-size: 20px;
    color: #fff;
    background: url("../img/assets/o365headerbg.jpg") 10px 9px no-repeat;
    padding: 15px 0 15px 44px;
    margin: 10px 0 0 10px;
}
.subSectionType1 h4 {
    font-size: 18px;
    color: #fff;
    margin: 0 0 10px 20px;
}
.rowSection .subSectionType1 .linkType3 {
    margin-top: 15px;
}
.subSectionType1 p {
    font-size: 14px;
    color: #fff;
    margin: 0 20px 0 20px;
}
.subSectionType2 h3 {
    font-size: 18px;
    color: #fff;
    margin: 25px 0 5px 13px;
}
.rowSection .subSectionType2 .linkType3 {
    margin-top: 15px;
    margin-left: 13px;
}
.subSectionType2 p {
    font-size: 14px;
    color: #fff;
    margin: 0 20px 0 13px;
}
.rowSection .linkType2 {
    background: url("../img/assets/linkarrow.png") no-repeat;
    float: right;
    color: #fff;
    padding: 0 0 0 22px;
    margin: 25px 20px 0 0;
}
.subSectionType3 h3 {
    font-size: 18px;
    color: #fff;
    margin: 25px 0 0 20px;
}
.subSectionType3 p {
    font-size: 14px;
    color: #fff;
    margin: 5px 15px 0 20px;
}
.rowSection .subSectionType3 .linkType3 {
    margin-top: 15px;
}
.rowSection .linkType3 {
    background: url("../img/assets/linkarrow.png") no-repeat;
    float: left;
    color: #fff;
    padding: 0 0 0 22px;
    margin: 15px 0 0 20px;
    font-size: 14px;
}
.rectVBox h3 {
    font-size: 24px;
    color: #032b5a;
    margin: 15px 15px 0 15px;
}
.rectVBox h4 {
    font-size: 16px;
    color: #032b5a;
    margin: 30px 0 0 0;
    position: absolute;
    top: 220px;
    line-height: 20px;
    width: 90%;
    padding: 0 5%;
}
.rectVBox h4 span {
    font-weight: bold;
}
.rectVBox img {
    position: absolute;
    top: 55px;
    left: 10px;
}
.rectVBox .buttonBox {
    position: absolute;
    bottom: 40px;
    left: 20px;
    background: url("../img/assets/buttonBorder.png") no-repeat;
    width: 80%;
    padding: 18px 0;
}
.rectVBox .buttonType1 {
    background: #419eda;
    border-radius: 5px;
    padding: 13px 18px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 105px;
    display: block;
    margin-left: 10px;
    text-decoration: none;
}
.rectVBox .buttonType1:hover {
    background: #032b5a;
}
.rectVBox hr {
    margin-top: 222px;
    margin-bottom: 65px;
    border-top: 1px dotted #fff;
    border-bottom: none;
    width: 125px;
}
.rectVBox .linkType1Box {
    position: absolute;
    bottom: 18px;
    width: 80%;
    left: 20px;
}
.rectVBox .linkType1 {
    background: url("../img/assets/linktype1arrow.png") 2px no-repeat;
    color: #032b5a;
    font-size: 14px;
    padding-left: 14px;
}
.rectHboxType4 h3 {
    color: #032b5a;
    margin: 30px 0 0 25px;
    font-size: 28px;
}
.rowSection .linkType4 {
    background: url("../img/assets/linktype4bg.jpg") no-repeat;
    float: left;
    color: #032b5a;
    padding: 0 0 0 22px;
    margin: 10px 0 0 25px;
    font-size: 14px;
}
.subSectionType5 h3 {
    color: #fff;
    margin: 26px 0 35px 0;
    font-size: 22px;
}
.subSectionType5 p {
    font-size: 16px;
    color: #b7cedf;
    margin: 15px 15px 0 15px;
}
.subSectionType5 h4 {
    color: #fff;
    margin: 15px 0 0 0;
    font-size: 16px;
    text-align: center;
    padding: 0 10px;
}
.subSectionType4 h3 {
    color: #fff;
    margin: 30px 0 0 20px;
    font-size: 23px;
}
.subSectionType4 p {
    font-size: 14px;
    color: #fff;
    margin: 5px 15px 0 20px;
}
.subSectionType4 h4 {
    color: #fff;
    margin: 10px 0 0 20px;
    font-size: 15px;
    font-weight: bold;
}
.rectHboxType1 h3 {
    color: #032b5a;
    margin: 30px 10px 10px 190px;
    font-size: 28px;
}
.rectHboxType1 h4 {
    color: #032b5a;
    margin: 0 10px 0 190px;
    font-size: 16px;
}
.rectHboxType1 .buttonType2 {
    background: #fff;
    border-radius: 5px;
    padding: 13px 18px;
    color: #032b5a;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin: 15px 0 0 190px;
    text-decoration: none;
}
.rectHboxType1 .buttonType2:hover {
    color: #fff;
    background: #032b5a;
}
.rectHboxType2 h3 {
    color: #032b5a;
    margin: 30px 10px 10px 25px;
    width: 160px;
    font-size: 28px;
}
.rectHboxType2 h4 {
    color: #032b5a;
    margin: 0 10px 0 25px;
    font-size: 16px;
}
.rectHboxType2 .buttonType1 {
    border-radius: 5px;
    padding: 13px 18px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    float: left;
    margin: 15px 0 0 25px;
    background: #419eda;
    text-decoration: none;
}
.rectHboxType2 .buttonType1:hover {
    background: #032b5a;
}
.rectHboxType3 h3 {
    margin: 55px 10px 20px 190px;
    font-size: 28px;
    color: #032b5a;
}
.rectHboxType3 .linkType2 {
    float: left;
    color: #032b5a;
    font-size: 20px;
    padding: 6px 0 10px 25px;
    margin: 0 0 0 190px;
    background: url("../img/assets/recyclearrowbg.jpg") -1px 3px no-repeat;
}
.terms p {
    margin: 0;
}
.rowSection .subSectionType5 {
    height: 210px;
    width: 208px;
    float: right;
    text-align: center;
}
.rowSection .subSectionType5 .linkType3 {
    margin-left: 51px;
}
.subSectionType4 {
    float: right;
    width: 208px;
    height: 210px;
}
.emptyBox {
    width: 208px;
    height: 210px;
    float: right;
    clear: both;
}
/* New More Modular Homepage layout */

.homePage .module {
    float: right;
    position: relative;
    margin-bottom: 15px;
}
.homePage .module_1x_1y {
    width: 208px;
    height: 210px;
}
.homePage .module_1x_2y {
    width: 208px;
    height: 435px;
}
.homePage .module_1x_3y {
    width: 208px;
    height: 660px;
}
.homePage .module_2x_1y {
    width: 431px;
    height: 210px;
}
.homePage .module_2x_2y {
    width: 431px;
    height: 435px;
}
.homePage .module_2x_3y {
    width: 431px;
    height: 660px;
}
.homePage .module_3x_1y {
    width: 654px;
    height: 210px;
}
.homePage .module_3x_2y {
    width: 654px;
    height: 435px;
}
.homePage .module_3x_3y {
    width: 654px;
    height: 660px;
}
.homePage .hideModule {
    visibility: hidden;
}
.homePage .devicePromo {
    text-align: center;
}
.homePage .devicePromo h3 {
    font-size: 24px;
    color: #032b5a;
    margin: 15px 15px 0 15px;
}
.homePage .devicePromo .linkType1Box {
    position: absolute;
    bottom: 18px;
    width: 80%;
    left: 20px;
    left: 20px;
}
.homePage .devicePromo .linkType1 {
    background: url("../img/assets/linktype1arrow.png") 2px no-repeat;
    color: #032b5a;
    font-size: 14px;
    padding-left: 14px;
}
.homePage .devicePromo .buttonType1 {
    background: #419eda;
    border-radius: 5px;
    padding: 13px 18px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 105px;
    display: block;
    margin-left: 10px;
    text-decoration: none;
}
.homePage .devicePromo .buttonBox {
    position: absolute;
    bottom: 40px;
    left: 20px;
    background: url("../img/assets/buttonBorder.png") no-repeat;
    width: 80%;
    padding: 18px 0;
}
.homePage .devicePromo img {
    position: absolute;
    top: 55px;
    left: 10px;
}
.homePage .devicePromo h4 span {
    font-weight: bold;
}
.homePage .devicePromo h4 {
    font-size: 16px;
    color: #032b5a;
    margin: 30px 0 0 0;
    position: absolute;
    top: 220px;
    line-height: 20px;
    width: 90%;
    padding: 0 5%;
    text-align: center;
}
.homePage .gotAQuestion h3 {
    color: #fff;
    margin: 30px 0 0 20px;
    font-size: 23px;
}
.homePage .gotAQuestion h4 {
    color: #fff;
    margin: 10px 0 0 20px;
    font-size: 15px;
    font-weight: bold;
}
.homePage .gotAQuestion p {
    font-size: 14px;
    color: #fff;
    margin: 5px 15px 0 20px;
}
.videoPopupLink {
    width: 208px;
    height: 210px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}
.videoPopup {
    border: 1px solid #032b5a;
    width: 431px;
    height: 433px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: #efefef;
}
.videoCloseBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: url("../img/assets/recyclearrowbg.jpg") -1px 3px no-repeat;
}
.videoPopup .videoCloseBtn {
    position: absolute;
    top: -4px;
    right: -23px;
    width: 50px;
    height: 50px;
    background: url("../img/assets/video_close_btn.jpg") -1px 3px no-repeat;
}
.videoPopup iframe {
    margin-top: 33px;
}
.columnSection p {
    line-height: 18px;
}
/* Home page css ends*/

.mob4gKeyFeatures {
    /*quick layout fic for ipad page*/
    
    margin-top: -13px;
}
#topFilters {
    height: 166px !important;
}
/*#topFilters .vspacer {display: none !important;}*/

.evernoteBtn {
    float: left;
    color: #fff !important;
    background-color: #419eda;
    border-radius: 5px;
    padding: 9px 10px;
    text-decoration: none !important;
}
.evernoteBtn:hover {
    background-color: #032b5a;
}
table p {
    word-break: normal !important;
}
.familySelect {
    clear: both;
}
.familyDescription1 {
    height: 20px;
    text-align: center;
    color: #9e0000;
}
.familyDescription2 {
    height: 20px;
    text-align: center;
    color: #9e0000;
}
.familyTariff {
    width: 245px;
    height: 150px;
}
.familyColours {
    position: absolute;
    right: 25px;
    bottom: 313px;
}
li.familyColour {
    height: 17px;
    width: 17px;
    border: 1px solid #b5b5b5;
    border-radius: 17px;
    margin-bottom: 10px;
}
.deviceStatusClass {
    height: 52px;
    width: 252px;
    margin-bottom: 10px;
    background-image: url(https://c.eu0.content.force.com/servlet/servlet.ImageServer?id=01520000001q5gt&oid=00D200000005Euo);
}
.stockStatusText {
    color: white;
    float: left;
    margin-left: 60px;
    font-weight: bold;
    font-size: 12px;
    font-family: Frutiger45Light;
    margin-top: 10px;
    padding-right: 70px;
}
.deviceStatusInStock {
    background: url(../img/assets/inStock.jpg) no-repeat;
}
.deviceStatusInStock .stockStatusText {
    font-size: 14px;
    width: 54%;
    text-align: center;
    margin-top: 20px;
    font-weight: bold;
}
.subSectionType2 h3.bussBloghead {
    font-size: 22px;
    margin-top: 35px;
}
.grid-row .downloadTuGoBtn {
    background: url(../img/assets/plus-minus.png) 13px 23px no-repeat #29abff;
    color: #fff;
    width: 222px;
    display: block;
    padding: 20px 0 20px 30px;
    position: relative;
    left: -20px;
    font-size: 16px;
    text-decoration: none;
    line-height: 15px;
}
.grid-row .greyDownloadTuGoBtn {
    background: url(../img/assets/plus-minus.png) 13px -90px no-repeat #DFDFDF;
}
.grid-row .downloadTuGoBtn:hover {
    background-color: #032b5a;
}
.tugolist {
    display: none;
}
.tugolist li {
    border-bottom: 1px solid #979797;
    padding: 20px 0;
}
.tugolist li.last {
    border: none;
}
.tugolist h3 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
}
.tugolist p {
    padding-top: 0;
    font-size: 13px;
    margin-top: 0;
}
.tugolist a {
    background: url(../img/assets/bodyLnkBg.png) no-repeat;
    padding: 0 0 1px 20px;
    font-size: 14px;
}
.tugolist .appleDevice {
    background: url(../img/assets/apple-grey.png) 170px 20px no-repeat;
}
.tugolist .androidDevice {
    background: url(../img/assets/android-grey.png) 170px 20px no-repeat;
}
.tugolist .windowsDevice {
    background: url(../img/assets/windows-grey.png) 170px 20px no-repeat;
}
/* Deal page css starts */

.greatDeal {
    width: 788px;
    float: left;
}
.dealsDetailsHero {
    width: 743px !important;
}
.dealDetails {
    float: left;
    height: 310px;
    width: 350px;
    padding-left: 30px;
    margin-bottom: 20px;
    margin-right: 13px;
    position: relative;
}
.dealDetails.col2 {
    width: 742px;
}
.dealDetails:hover {
    cursor: pointer;
}
.dealDetails h3 {
    font-size: 23px;
    margin: 25px 0px 7px 0px;
    line-height: 25px;
    color: #FFFFFF;
}
.dealDetails h5 {
    font-size: 12px;
    color: #fff;
    line-height: 13px;
}
.dealDetails h5 span {
    font-weight: bold;
}
.dealDetails h4 {
    font-size: 15px;
    color: #fff;
    line-height: 20px;
}
.dealDetails h4 span {
    font-family: frutiger55;
    color: #fff;
}
/*CFD - 758 - CSS Group Two Start*/
.modulegd_halfx_1y {
    width:350px;
    height:160px;
}
.module_1x_1y {
    width: 208px;
    height: 210px;
}
.module_1x_2y {
    width: 208px;
    height: 435px;
}
.module_1x_3y {
    width: 208px;
    height: 660px;
}
.module_2x_1y {
    width: 431px;
    height: 210px;
}
.module_2x_2y {
    width: 431px;
    height: 435px;
}
.module_2x_3y {
    width: 431px;
    height: 660px;
}
.module_3x_1y {
    width: 742px;
    height: 210px;
}
.module_3x_2y {
    width: 654px;
    height: 435px;
}
.module_3x_3y {
    width: 654px;
    height: 660px;
}
/*CFD - 758 - CSS Group Two End*/
.dealsPrice {
    margin-top: 13px;
    font-family: frutiger55;
}
.dealsPrice span {
    font-size: 22px;
    font-weight: bold;
}
.dealsPrice sup {
    font-size: 10px;
    color: #fff;
}
.dealsPrice label {
    font-size: 14px;
    color: #fff;
}
.clear {
    clear: both;
}
.deviceFeatures {
    color: #FFFFFF;
    margin: 10px 0px 50px 15px;
    font-size: 12px;
}
.deviceFeatures li {
    line-height: 15px;
    list-style-type: disc!important;
    margin-bottom: 3px;
    font-size: 11px;
}
.dealsBtn {
    border-radius: 5px;
    text-decoration: none;
    padding: 13px 30px 13px 30px;
    background: #fff;
    color: #000066 !important;
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    left: 30px;
    bottom: 35px;
}
.dealsBtn:hover {
    text-decoration: none;
    color: #fff !important;
    background: #032b5a;
}
.upfrontPrice {
    float: left;
    padding: 0px 10px 0px 0px;
    border-right: 1px solid #cccccc;
}
.monthlyPrice {
    float: left;
    padding: 0px 0px 0px 16px;
}
.termsandconditions {
    background: #fff;
    padding: 20px;
    margin-right: 13px;
}
.standalonetc {
    float: left;
    width: 100%;
    background: none repeat scroll 0 0 #f1f1f1;
    padding-bottom: 15px;
    padding-top: 15px;
}
.standalonetc div {
    color: #999999;
    font-size: 11px;
    margin: 0 auto;
    width: 1040px;
}
/* Deal page css ends */

#bannerSlider {
    width: 100%;
    min-height: 400px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
#heroSlider {
    width: 4394px;
}
#heroSlider li {
    float: left;
}
.slideOrder {
    position: absolute;
    bottom: 17px;
    right: 14px;
}
.slideOrder li {
    float: left;
    width: 20px;
    height: 20px;
}
.slideOrder li:hover {
    cursor: pointer;
}
ul.color-option li {
    width: 35px;
    text-align: center;
	margin-right: 1px;
}
.webCaseForm h1 {
    font-size: 18px;
}
.webCaseForm h1,
.webCaseForm table,
.webCaseForm h3 {
    margin: 20px 0 30px 30px;
    clear: both;
}
.webCaseForm table th {
    width: 250px;
    font-family: Frutiger45Light !important;
    font-size: 1.2em;
}
.webCaseForm table td input {
    width: 282px;
    height: 22px;
    background-color: #fff;
    border: 1px solid #cecece;
    padding: 5px;
}
.webCaseForm table td select {
    width: 293px;
    padding: 5px;
    font-size: 12px;
    margin-bottom: 10px;
}
.webCaseForm table td textarea {
    margin-bottom: 20px;
    width: 665px;
}
.webCaseForm .continue-button {
    margin-left: 210px;
}
.webCaseForm table td .date {
    margin-bottom: 10px;
}
.webCaseForm table td {
    position: relative;
    border: none;
    padding-bottom: 20px;
    padding-left: 30px;
}
.webCaseForm table th {
    border: none;
}
.webCaseForm table td .toolTip {
    width: 410px;
    position: absolute;
    left: 700px;
    top: 25px;
    border: 1px solid #CECECE;
    padding: 5px 10px 0 10px;
    border-radius: 5px;
    background: #fff;
    display: none;
}
.webCaseForm table td .showToolTip {
    background: url(../img/assets/prefferedtime.jpg) no-repeat;
    width: 25px;
    height: 28px;
    display: block;
    float: left;
    margin-right: 5px
}
.webCaseForm .caseBlock {
    background: url('../img/assets/divider.png') left 28px no-repeat;
    position: relative;
    padding-left: 15px;
    margin-top: 48px;
}
.webCaseForm table {
    width: 770px;
    margin-left: 0;
}
.webCaseForm .datetimepicker1,
.webCaseForm .datetimepicker2 {
    width: 250px;
}
.webCaseForm .guruImage {
    width: 252px;
    height: 184px;
    position: absolute;
    top: 30px;
    right: 40px;
    background: url('../img/assets/guruBlock.jpg') left top no-repeat;
}
.webCaseForm td hr {
    border-top: 1px solid #cecece;
    width: 680px;
}
.webCaseForm td .errorinline {
    width: 340px;
    background: none;
    border: none;
    position: absolute;
    box-shadow: none;
    margin: 0;
    bottom: -5px;
    left: 35px;
}
.webCaseForm td .errorinline p {
    padding: 0;
    margin: 0;
    background: none;
    color: #a92723;
    font-weight: bold;
    font-size: 13px;
    font-family: Frutiger45Light;
}
.webCaseForm td .errorinline:after {
    border: none;
}
.webCaseForm .errorcontainer {
    background: url('../img/assets/error_icon.jpg') 10px 11px no-repeat #fff;
    margin: 10px 0 25px 30px !important;
    width: 650px;
    float: left;
    clear: left;
    border-radius: 0;
    box-shadow: none;
}
.webCaseForm td label {
    cursor: default;
    margin-top: 5px;
}
.webCaseForm .errorcontainer li {
    background: #fff;
    margin-left: 36px;
    padding-left: 0;
    margin-top: 0px;
    padding-top: 12px;
    padding-bottom: 0;
}
.webCaseForm .preferedTime,
.webCaseForm .preferedTimeNote {
    background: #e9e9e9;
}
.webCaseForm .preferedTime td {
    padding-top: 15px;
    padding-bottom: 5px;
}
.webCaseForm .preferedTimeNote td {
    padding-top: 10px;
}
.webCaseForm .preferedTimeNote p {
    font-size: 12px;
    margin-bottom: 0;
}
.webCaseForm .preferedTimeNote p span {
    font-weight: bold;
}
.webCaseForm .preferedTime .errorinline {
    left: 65px;
    bottom: -24px;
}
.bannerinfo {
    margin: 0 !important;
}
.confirmation h1 {
    font-size: 23px !important;
    margin-bottom: 30px;
    position: relative;
}
.confirmation {
    position: relative;
}
.confMessage {
    background: #e9e9e9;
    padding: 20px 15px 69px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    margin-bottom: 30px;
    width: 685px;
}
.confirmation p span {
    padding: 8px 13px;
    border: 1px solid #cecece;
    width: 215px;
    display: inline-block;
    font-size: 20px;
}
.confirmation .buttonInitial {
    width: 200px;
    float: left;
    padding: 10px;
    margin-right: 50px;
}
.confirmation .guruImage {
    width: 252px;
    height: 184px;
    position: absolute;
    top: 55px;
    right: -255px;
    background: url('../img/assets/gurus.jpg') left top no-repeat;
}
/********************Added for Tablet index page***********************************/

.tabletIndexPage .pi-phone-list-item {
    margin-right: 3px;
    margin-bottom: 3px;
    float: left !important;
    width: 255px !important;
    height: 552px !important;
    background: url("./images/tablet-bg.png") repeat-x scroll left bottom #FFFFFF;
    position: relative;
}
.tabletIndexPage li.familyColour {
    display: inline-block
}
.pi-phone-list-item .deviceImage {
    float: left;
    width: 126px;
    padding: 0 !important;
    margin-bottom: 20px;
}
.pi-phone-list-item .tabletRoundel {
    text-indent: -9000px;
    width: 35px;
    height: 26px;
    position: relative;
    margin-bottom: 31px;
    margin-left: 19px;
    margin-top: 20px;
}
.tabletRoundel .fourGReady-icon {
    background: url("../img/assets/4GRoundel.png") no-repeat scroll center bottom;
    height: 35px;
    width: 38px;
    margin: 0 10px 10px 0;
}
.tablet-data-info {
    color: #032b5a;
    text-align: center;
}
.tablet-cost-description {
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 170px;
    margin-top: 26px;
    margin-bottom: 30px;
}
.tablet-cost-description .main-price {
    font-size: 24px
}
.tablet-cost-description .price-text {
    display: block;
    font-size: 11px
}
.header-search-xxl-diag-tablet {
    background: url(./images/headersearch-xxl-diagonal_2000.png) left top no-repeat #032b5a;
    margin: 0 auto;
    height: 130px;
}
.monthlyTabletPrice {
    float: left;
    margin-left: 36px;
}
/** MixedBasket CSS**/

.white_content {
    display: none;
    position: absolute;
    top: 65%;
    width: 75%;
    right: 2px;
    padding: 16px;
    border: 16px solid white;
    background-color: #efefef;
    z-index: 1002;
    -webkit-box-shadow: 2px 2px 25px 6px#888888;
	margin-left:76px;
}
.vat {
    color: #419eda;
    width: 27%;
    float: left;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 20px;
}
.vat:before {
    content: '';
    display: inline-block;
    width: 1.15em;
    height: 1.15em;
    vertical-align: -0.25em;
    border-radius: 1em;
    background-color: white;
    border: 0.15em solid #fff;
    box-shadow: 0 0 0 0.75px #b5b5b5;
    margin-right: 0.75em;
}
.checked {
    color: #032B5A;
}
.checked:before {
    /* background-color: #419eda; */
	/* Accenture (Aniket) -Commented as a part of requirement to hide grey strap on top of business shop page  */
 /*   content: ''; */
    width: 0.85em;
    height: 0.85em;
    vertical-align: -0.25em;
    border-radius: 1em;
    border: 5px solid #419eda;
    margin-right: 0.75em;
    z-index: 20;
}
.white_content:after {
	/*Modified left: by Accenture/Nisha Jain as part of Scp-123 to shift tariff text hover towards left */
    content: '';
    position: absolute;
    top: 100%;
    left: 165px;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 28px white;
    border-left: solid 30px transparent;
    border-right: solid 30px transparent;
}

/*Mixed basket changes */
#basketQuantity {
    padding: 10px 0 11px 35px !important;
	border-left:1px solid #f8f8f8;
}
.tabletSelected{
	float:left;
	font-size:16px;
	background:white;
	padding:15px;
	width:185px;
	text-align:center;
	cursor:pointer;
	font-family: Frutiger55;
	border-top: 1px solid rgb(223, 223, 223);
    border-left: 1px solid rgb(223, 223, 223);
}
.tabletNotSelected{
	color:white;
	float:left;
	font-size:16px;
	background:#419eda;
	padding:15px;
	width:185px;
    -webkit-box-shadow: inset 0 -49px 66px -61px rgba(117,112,117,0.85);
    -moz-box-shadow: inset 0 -49px 66px -61px rgba(117,112,117,0.85);
    box-shadow: inset 0 -49px 66px -61px rgba(117,112,117,0.85);
	text-align: center;cursor:pointer;
	font-family: Frutiger55;
	border-top: 1px solid rgb(223, 223, 223);
    border-left: 1px solid rgb(223, 223, 223);
}

.familyTariff {
    height: 130px !important; 
}



.white_content_device::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 157px;
    margin: 0 auto;
    width: 3px;
    height: 0;
    border-bottom: solid 9px white;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}	
	
.white_content_device {    
    /*position: absolute;
    top: 106%;
    width: 13%;
    right: 504px;
    padding: 16px;    
    background-color: white;
    z-index: 1002;    */
	position: absolute;
    width: 35%;
    right: 2%;
    padding: 16px;
    background-color: white;
    z-index: 1002;
    top: 47px;
}

.white_content_device_tablet::before {
    content: '';
    position: absolute;
    bottom: 101%;
    left: 0;
    right: 157px;
    margin: 0 auto;
    width: 3px;
    height: 0;
    border-bottom: solid 10px lightgray;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}	

.white_content_device_tablet { 
    position: absolute;
    width: 71%;
    right: 17%;
    background-color: white;
    z-index: 1002;
	border: 1px solid #eaeaea;
}

.white_content_device_wifi_only_tablet{
	position: absolute;
    width: 25%;
    right: 0%;
    padding: 16px;
    background-color: white;
    z-index: 1002;
    top: 106px;
	border:2px solid rgb(234, 234, 234);
}

.white_content_device_wifi_only_tablet::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: -82px;
    margin: 0 auto;
    width: 3px;
    height: 0;
    border-bottom: solid 10px white;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}	

.white_content_device_monthly_tablet{
	position: absolute;
    width: 81%;
    padding: 16px;
    background-color: white;
    z-index: 1002;
    top: 61px;
	border: 1px solid #eaeaea;
}

.white_content_device_monthly_tablet::before {
    content: '';
    position: absolute;
    bottom: 101%;
    left: 0;
    right: -127px;
    margin: 0 auto;
    width: 3px;
    height: 0;
    border-bottom: solid 10px lightgray;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}	


.white_content_device_monthly::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: -82px;
    margin: 0 auto;
    width: 3px;
    height: 0;
    border-bottom: solid 10px white;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}	

.white_content_device_monthly {
    /*position: absolute;
    top: 106%;
    width: 13%;
    right: 504px;
    padding: 16px;
    background-color: white;
    z-index: 1002;*/
	position: absolute;
    width: 35%;
    right: 2%;
    padding: 16px;
    background-color: white;
    z-index: 1002;
    top: 47px;
}
.middle-div{
	height: 120px;
	background-color: #E2E2E2;
	border-top: white 2px solid;
	border-bottom: white 2px solid;
	position: relative;
	top: 417px;
	box-shadow: inset 0px 25px 10px -15px #d4d4d4;
	-webkit-box-shadow: inset 0px 25px 10px -15px #d4d4d4;
	-moz-box-shadow: inset 0px 25px 10px -15px #d4d4d4;
}

#withoutWifi{
	position: relative;
    border: 2px solid rgb(234, 234, 234);
    width: 39%;
    height: 115px;
    padding: 20px;
    top: 45px;
    left: 52%;
    display: block;
    background-color: white;
	box-sizing: border-box;
}

#withoutWifi::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 206px;
    margin: 0 auto;
    width: 3px;
    height: 0;
    border-bottom: solid 10px white;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}	


.vat-buttons {
    width: 150px;
    position: relative;
    left: 50px;
    top: 112px;
    float: right;
}

.vat-buttons:after{
		border-right: 1px solid white; 
		content: '';
		height: 75%;
		position: absolute;
		left: 100%;
		bottom: 15%;
}

.block-bg-new {
    background-image: url(../img/assets/got-a-question.png),url(../img/assets/got-a-question1.png);
	background-repeat: no-repeat,repeat-x;
	background-position: right top,left top;
	padding-bottom: 27px;
	background-size: cover;
}

.month-airtime{
	position: absolute;
    bottom: 100px;
    font-family: Frutiger45Light;
	padding-left: 5px;
}
.price-without-vat sup {
    top: -0.7em;
}
.price-with-vat sup{
	top: -0.7em;
}
.month-airtime-tablet{
	position: absolute;
    font-family: Frutiger45Light;
    padding-left: 5px;
    bottom: 100px;
}
.noUpfrontTariff {
    margin-left: 10px;
	margin-top: 30px;
	color: #032B5A !important;	
}
.upfrontTariff {
    margin-left: 10px;
}
.mobile-internet{
	height: 460px !important;
}
.device-vat{
	cursor:pointer;
	color:#999999;
	position: relative;
    top: 10px;
    right: 7px;
}
.device-vat-checked{
	color:#043164;
	font-size:13px;
}
.device-vat:before{
	content: '';
	display: inline-block;
	width: 1.15em;
	height: 1.15em;
	vertical-align: -0.25em;
	border-radius: 1em;
	background-color: white;
	border: 1px solid #fff;
	box-shadow: 0 0 0 0.75px #b5b5b5;
	margin-right: 0.75em;
} 
.device-vat-checked:before{
	background-color: #419eda;
	content: '';
	width: 0.85em;
	height: 0.85em;
	vertical-align: -0.25em;
	border-radius: 1em;
	border: 0.30em solid white;
	margin-right: 0.75em;
	z-index: 20;
}
.notselected-background{
	    background-image: url();
    background-image: -moz-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#eaeaea));
    background-image: -webkit-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
    background-image: -o-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
    background-image: -ms-linear-gradient(top,#f9f9f9 0,#eaeaea 100%);
    background-image: linear-gradient(to bottom,#f9f9f9 0,#eaeaea 100%);
	/*box-shadow: black 0px 0px 2px 0px;*/
	color: #032B5A;
	width: 64px;
    height: 34px;
    text-align: center;
}

.notselected-background a{color:#032b5a !important;}
.selected a{color:#ffffff !important;}

.active .colorName:before{
	display: block;
	content: '';
	margin: 0 auto;
	margin-bottom: 5px;
	width: 0;
	height: 0;
	border-bottom: solid 7px black;
	border-left: solid 7px transparent;
	border-right: solid 7px transparent;
	position: relative;
	left: -3px;
}
.active .colorName{
	width: 100px !important;
	display: inline-block !important;
	margin-left: -84%;
	font-size: 20px;
    margin-top: 10px;
}
.colorName{
	display:none !important;
}

.counter-view{
	height: 29px;
    width: 89px;
    background: url(../img/assets/counter_select.png) repeat-x;
    font-size: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    outline: none;
    color: #032b5a;
    border-bottom-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
	padding-left: 25px;
}

.deviceIconText{
    text-indent: initial;
    /* margin-left: 4px; */
    text-align: center;
    margin-bottom: 4px;
    font-size: xx-small;
    margin-top: -5px;
    color: #24246C;
    width: 44px;
    /* max-height: 60px; */
}

table.O2BusinessShopMobileInternetProductPageTableId td {
	border:0px;
}
table.O2BusinessShopMobileInternetProductPageTableId th {
	border:0px;
}

/* Slider Carousal */
.slick-dots li button:before{
	color: white !important;
}
.slide{
	position: relative;
}
.container {
	width: 100%;
	color: #333;
	position: absolute;
}

.slick-prev, .slick-next {
	color: black;
}

.slick-next {
	right: 5%;
	width: 39px;
	height: 39px;
	cursor: pointer;
	background-image: url(https://static.o2.co.uk/shared/img/modules/carousel-next);                
}

.slick-prev {
	left: 5%;
	width: 39px;
	height: 39px;
	cursor: pointer;
	z-index: 10000;
	background-image: url(https://static.o2.co.uk/shared/img/modules/carousel-prev);
}

.slick-prev:before {
	
}

.slick-next:before {
	
}

.slick-slide {
	text-align: center;
	color: #419be0;
	background: white;
}

.slick-dots {
	bottom: 0px !important;
}

.slickMarker{
	display:none !important;
}

.slick-dots li button{
	opacity: 1 !important; 
	color: white !important; 
}

.slick-dots li.slick-active button:before {
	opacity: 1 !important; 
	color: white !important; 
}

.pip b {
	position: absolute;
	font-size: 10px;
	font-weight: 400;
	font-family: frutiger55;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 0px;
	background: #FFF;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	height: 19px;
	line-height: 19px;
	text-overflow: ellipsis;
	display: block;
}

.activeMarker b{
	display: none;
}

.pip b:hover {
	background: white;
}

.carousel-controller {
	position: absolute;
	text-align: center;
	bottom: 29px;
	height: 39px;
	width: 100%;
	left: 50%;
	width: 1100px; 
	margin-left: -550px;
	/*background: rgba(0, 0, 0, .5);*/
}

.carousel-controller .pip {
	height: 30px;
	position: absolute;
	left: 0;
	bottom: 0;
	cursor: pointer;
	width: 100px;
	border: 0;
	margin: 0 5px;
	-webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .5);
	box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, .5);
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.carousel-controller .pip:hover {
	height: 40px;
	-moz-transition: .15s;
	-webkit-transition: .15s;
	-o-transition: .15s;
	transition: .15s;
}
.pip-wrap {
	display: inline-block;
	height: 38px;
	position: relative;
	width: 110px;
}
body{
		margin: 0px;
}
.activeMarker{
	height: 55px !important;
}
.activeMarkerProgress{
	width: 100%;
	height: 2px;
	background: grey;
	display: none;
}
.activeMarker .activeMarkerProgress{
	display: block;
	width: 100%;
	height: 2px;
	background: grey;
}
.btn-next{
	position: absolute;
	background-color: rgba(0, 0, 0, .5);
	width: 39px;
	height: 39px;
	cursor: pointer;
	background-image: url(https://static.o2.co.uk/shared/img/modules/carousel-next);
	top: 185px;
	right: 80px;
	border: 0px;
}
.btn-prev{
	z-index: 10000;
	position: absolute;
	background-color: rgba(0, 0, 0, .5);
	width: 39px;
	height: 39px;
	cursor: pointer;
	background-image: url(https://static.o2.co.uk/shared/img/modules/carousel-prev);
	top: 185px;
	left: 60px;
	border: 0px;
}
.subProgress{
	background: white;
	height: 2px;
}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1200px) {
  
}

@media only screen and (max-width: 1023px) {
  
}

@media only screen and (max-width: 992px) {
	.carousel-controller{
		display: none;
	}
	.btn-next {
		right: 40px;
	}
	.btn-prev {
		left: 40px;
	}
	.slick-dots{
		height: 10% !important;
		opacity: 0.4 !important;
		background: black !important;
		padding-top: 20px !important;
	}	
	.slick-dots li button:before{
		font-size: 50px !important;		
	}
}

@media only screen and (max-width: 767px) {
	.carousel-controller{
		display: none;
	}
	.btn-next {
		right: 40px;
	}
	.btn-prev {
		left: 40px;
	}
	.slick-dots{
		height: 10% !important;
		opacity: 0.4 !important;
		background: black !important;
		padding-top: 20px !important;
	}
	.slick-dots li button:before{
		font-size: 50px !important;		
	}
}

/* Slider Carousal */

/* The ribbons */

.ribbonBar {
	position: absolute;
	right: 0px;
	width: 200px;
	background: rgba(1, 58, 111, 1);
	top: 35px;
	text-align: center;
	line-height: 40px;
	letter-spacing: 1px;
	color: white;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	right: -47px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	font-family: 'ArialMT', 'Arial';
}

/* The ribbons */
/** Added for CS Small Change USOE_006 - Filter and Sort CSS -- Start **/

	.filterMenu:hover{
    background: #e8e8e8;
	}
	.linkToggler{  
		font-size: 18px;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #d8d8d8;
		margin-bottom: 0;
		padding-left: 15px;
		cursor: pointer;
		color: #2F82BF;
		font-family: 'ArialMT', 'Arial'!important;
	}
	.linkToggler:before {
		content: '+';
		font-size: 20px;
		margin-right: 8px;
		color: #2F82BF;
	}
	.linkToggler.activeBrand:before {
		content: '--';
		font-size: 20px;
		margin-right: 8px;
		color: #2F82BF;
	}

	.toggleFilterSort{
		display:none;
	}
	
	input::placeholder {
	 color: #666666 !important;
	} 
	.button4 {
		background-color: #0b8bc7;
		border: none;
		color: white;
		padding: 9px 46px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px !important;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 4px;
		outline: none !important;
	}
	.radio_button {
		text-align: left;
	}
	

	::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color: #666666 !important;
	}
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color: #666666 !important;
	}
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:   #666666 !important;
	}
	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:   #666666 !important;
	}
	::-ms-input-placeholder { /* Microsoft Edge */
	   color:   #666666 !important;
	}

	#ui-id-1 {
		width:20.25% !important; 
		left:11.35% !important;
		padding: 0px 0px 0px 0px !important;
		min-width: 270px;
	}
	.ui-menu-item-wrapper {    
		border-bottom: 1px solid #d0d0d0;
		font-size: 13px;
		padding: 7px 10px 7px 10px !important;
	}
	.ui-state-active,
	.ui-widget-content .ui-state-active,
	.ui-widget-header .ui-state-active,
	a.ui-button:active,
	.ui-button:active,
	.ui-button.ui-state-active:hover {
		display: block !important; 
		border: 1px solid #d0d0d0 !important;
		background: #d0d0d0 !important;
		color: #032b5a !important;
	}
	.upArrow
	{
		background-position-x: 14px !important;
	} 
	.searchInput
	{
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 12px;
		border-radius: 5px;
		border: 1px solid grey;
		float: left;
		width: 220px;
		outline-style: none;
	}
	.searchImage
	{
		float: left;
		background: #419eda;
		padding-top: 6px;
		padding-bottom: 7px;
		padding-left: 10px;
		padding-right: 10px;
		margin-left: -3px;
		border-bottom-right-radius: 5px;
		border-top-right-radius: 5px;
		border-top: 1px solid grey;
		border-right: 1px solid grey;
		border-bottom: 1px solid grey;
		cursor: pointer;
	}
	.searchBox
	{
	font-size: 16px;
	color: #01568F;
	font-family: 'ArialMT', 'Arial';
	margin-bottom: 6px !important;
	}
	.filterBtn
	{
		padding: 27px 20px 4px 20px;
		margin: 1px;
		display: block;
		position: relative;
		transition: none 0s ease 0s;
		height: 100%;
		background: #efefef;
		border-bottom: 1px solid #d6d6d6;
		color: #032b5a;
		cursor: pointer;
		border-right: 1px solid #bfbfbf;
	}
	.headFS
	{
		font-size: 22px;
		color: #3593D0;
		font-family: 'ArialMT', 'Arial' !important;
	}
	.sortBtn
	{
		padding: 26px 20px 0px 20px;
		margin: 1px 1px 1px -1px;
		display: block;
		position: relative;
		transition: none 0s ease 0s;
		height: 100%;
		background: #efefef;
		border-bottom: 1px solid #d6d6d6;
		color: #032b5a;
		cursor: pointer;
	}
	.filterContainer
	{
		display:none;
		width: 98.5%;
		background: #efefef;
		border-bottom: 1px solid #d6d6d6;
		color: #032b5a;
	}
	.sortContainer
	{
		display:none;
		width: 98.5%;
		background: #efefef;
		border-bottom: 1px solid #d6d6d6;
		color: #032b5a;
		padding-top: 20px;
		padding-bottom: 0px;
		font-family: 'ArialMT', 'Arial';
	}
	.brandDiv, .osDiv
	{
		color: #333333;
		font-size: 16px;
		font-family: 'ArialMT', 'Arial';
		font-weight: 100;
		line-height: 1em;
		margin-right: 18px;
		padding: 0;
		width: 323px !important;
	}
	/**Added below .GContainer by Maha for 5G enhancement**/
	.brandContainer, .opsContainer , .GContainer
	{
		display:none;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
		background: white;
		min-height: 209px;
	}
	.brandTypes1
	{
		padding-bottom: 8px;
		padding-top: 13px;
	}
	.brandTypes2
	{
		padding-bottom: 8px;
		padding-top: 19px;
	}
	.doneFilterRow
	{
		margin-top: 10px;
		background: #e8e8e8;
		border-bottom: 1px solid #d6d6d6;
		color: #032b5a;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#resetFilterbtn, #resetSortbtn
	{
		background-color: #e7e7e7;
		color:#3593D0;
		margin-left:-121px !important;
		cursor: pointer;
	}
	.showNum
	{
		min-height: 16px;
		font-size: 12px;
		color: #01568F;
		font-family: 'ArialMT', 'Arial';
	}

	.costDiv
	{
		padding-top: 18px;
		padding-bottom: 50px;
		padding-left: 25px;
		background: white;
		min-height: 150px;
	}
	.sortHeading
	{
		margin-bottom: 20px;
		color: rgba(27, 27, 27, 0.776470588235294);
		font-size: 18px;
		font-family: 'ArialMT', 'Arial';
	}
	.sortSpan
	{
		padding-left: 15px;
	}
	.sortOption1
	{
		padding-bottom: 14px;
		color: rgba(13, 53, 106, 0.776470588235294);
		font-size: 16px;
		font-family: 'ArialMT', 'Arial';
	}

	.sortOption2
	{
		padding-bottom: 28px;
		color: rgba(13, 53, 106, 0.776470588235294);
		font-size: 16px;
		font-family: 'ArialMT', 'Arial';
	}
	.sortOption3
	{
		padding-bottom: 10px;
		color: rgba(13, 53, 106, 0.776470588235294);
		font-size: 16px;
		font-family: 'ArialMT', 'Arial';
	}
	.orDiv
	{
		text-align:center;
		margin-top: 9%;
		width: 6.333333% !important;
		font-size: 20px;
		color: rgba(27, 27, 27, 0.776470588235294);
		font-family: 'ArialMT', 'Arial';
	}
	.featureDiv, .relevanceDiv
	{
		padding-top: 18px;
		padding-bottom: 61px;
		padding-left: 25px;
		background: white;
		min-height: 150px !important;
	}
	.doneSortRow
	{
		margin-top: 40px;
		background: #e8e8e8;
		border-bottom: 1px solid #d6d6d6;
		color: #032b5a;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	 

	a.accordion-title.filterMenu.enhanced-filter-link.filterBtn:hover ,accordion-title filterMenu enhanced-filter-link sortBtn:hover,a.accordion-title.filterMenu.enhanced-filter-link.filterBtn.activeSort:hover,accordion-title filterMenu enhanced-filter-link sortBtn activeSort:hover{
		background: #ddd !important;
	} 
	.linkToggler:hover{
		background: #e8e8e8;
	}

/** Added for CS Small Change USOE_006 - Filter and Sort CSS -- End **/ 

/** Added for CS Small Change - Pagination CSS start **/
.resultList{
    margin-bottom: 0px;
}
.selectSizeList{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 63px;
    height: 26px;
    font-family: 'ArialMT', 'Arial';
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    text-decoration: none;
    color: #666666;
}
.pagination {
    width: 98.5%;
   
    color: #032b5a;
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 0px;
    clear: both;
    font-family: Frutiger45Light,sans-serif;
	padding-top: 10px;
}
.paginationTop {
    margin-top: 2px;
}
.pagination .page-navigation {
    height: auto;
    overflow: hidden;
	min-height: 90px;
    margin: 0 0 4px 0;
}
.pagination .page-control.page-prev .with-arrow {
    background-position: 0 -35px;
    background-image: url(arrow/arrow-back.png);
    padding-left: 26px;
}
.page-all{
    font-size: 15px !important;
}
.pagination a.with-arrow {
    display: inline-block;
    margin: 0;
    font-size: 15px !important;
    vertical-align: baseline;
    background-position: 0 -34px;
    background-repeat: no-repeat;
}
.pagination .page-control.page-prev {
    text-align: right;
}
.pagination .page-indicator {
    float: left;
    font-size: 15px !important;
    width: 20%;
}
.pagination .page-control.page-next {
    text-align: left;
}
.pagination .page-control {
    width: 40%;
    float: left;
    height: 1.2em;
}
.pagination .page-control.page-next .with-arrow {
    background-position: 100% -35px;
    background-image: url(arrow/arrow-fwd.png);
    padding-right: 26px;
}
.showTile{
    display: block;
}
.hideTile{
    display: none !important;
}
.vat{
    width: initial;
}

@media (min-width:320px)  { 
	/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ 
	.showPrices {
		margin-left: 19%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width:480px)  { 
	/* smartphones, Android phones, landscape iPhone */ 
	.showPrices {
		margin-left: 19%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width:600px)  { 
	/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ 
	.showPrices {
		margin-left: 19%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width:801px)  { 
	/* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.showPrices {
		margin-left: 19%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width:1025px) { 
	/* big landscape tablets, laptops, and desktops */ 
	.showPrices {
		margin-left: 39%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width:1281px) { 
	/* hi-res laptops and desktops */ 
	.showPrices {
		margin-left: 39%;
		margin-top: 5px;
		float:left;
	}
}
	
@media (min-width: 768px) and (max-width: 991px) {
	.showPrices {
		margin-left: 19%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.showPrices {
		margin-left: 39%;
		margin-top: 5px;
		float:left;
	}
}
@media (min-width: 1200px) {
	.showPrices {
		margin-left: 39%;
		margin-top: 5px;
		float:left;
	}
	
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .showPrices {
		position: absolute;
		margin-left: 26%;
		margin-top: 5px;
		float: left;
	}
}
/** Added for CS Small Change - Pagination CSS end **/

/** Added for CS Small Change USOE__009 - header banner CSS start **/
.header_banner_new{
 margin: 0 auto;
 width: 100%;
 margin-top:-12px;  
 padding-top: 12px;
 background-color: #ebebeb;
}

.callus_img{
float: left;
padding-bottom: 10px;
padding-left: 10px;
}

.callus_text{
float: left;
padding-bottom: 10px;
padding-left: 10px;
font-family: 'ArialMT', 'Arial' !important;
font-weight: 400 !important;
font-style: normal !important;
line-height: normal !important;
}

/** Added for CS Small Change USOE__009 - header banner CSS end **/

/** Added for CS Small Change USOE_008 start **/ 

.pi-phone-list-item .deviceImage {
    margin-top: 45px;
}


.pi-phone-list-item .deviceName dl dt {
    font-size: 24px ;
    color: #3F99D3 !important;
    font-family:ArialMT, Arial !important;
    font-weight: 400 !important;
    text-align: left;
	margin-top:33px;
}

ul1 {
    display: -webkit-flex;
    margin-bottom: -56px !important;
    margin-right: 34px !important;
}
li.familyColour {
    height: 11px !important;
    width: 11px !important;
    border: 1px solid #b5b5b5;
    border-radius: 0px !important;
    margin-bottom: 10px;
    margin:3px;
    top: 150px;    
    }
    
.largetablet {
    width: 517px !important;
}
    
.pi-phone-list-item .deviceImage {
margin-left:81px;
}

.tabletname{
font-size:32px !important;
width:300px !important;
}

#offerbannnerhide1{
    height: 46px;
    width: 46.01%;
    font-size: 13px;
    transform: rotate(180deg);
    float: right;
    
}


.pi-phone-list-item .deviceName {
    padding: 7px 30px 10px !important;
   
}

.deviceSpecs
{
    height: 47px !important;
    width: 207px !important;
    margin-left: 14px !important;
}
.deviceRoundelNew ul {
    left: 4px !important;
    position: absolute;
    margin-top: 7px;
    margin-left: 13px;
}
.deviceRoundelNew{
    float: left; 
    position: relative;
}
.deviceIconName
{
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    color: #333333;
    text-indent: initial;
    margin-top: 2px;
    margin-left: 14px;
    
}
.deviceIconTxt
{
    font-family: 'Arial-BoldMT', 'Arial Bold', 'Arial';
    font-weight: 400 !important;
    font-style: normal;
    font-size: 12px;
    color: #333333;
    text-indent: initial;
    margin-top: -18px;
    margin-left: 40px;
    width: 150%;
}
.icon li
{
    float:left;
}
.showTile{
    cursor: pointer;
	z-index: 999 !important;
}
.showTile:hover{
	/**Modified background-color by Accenture/Nisha Jain as part of Scp-123 to change the color of hover on device tile**/
        background-color: #dad9d9 !important;
		
}
.tabletRoundelNew ul {
    left: 4px !important;
    position: absolute;
    margin-top: 7px;
    margin-left: 13px;
}
.tabletRoundelNew{
    float: left; 
    position: relative;
}
/** Added for CS Small Change USOE_008 End **/ 

/** Added for CS Small Change USOE_009 banner Start **/ 
.cts-ribbon{
	height: 39px;
    /**Commented by Nishith - BSBC1296
	background-color: #BD85C4;
	**/
	background-color: #FC673D;
    -webkit-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
	position: relative;
}
.cts-ribbon-text{
	width: 100%;
    height: 35px;
    /**Commented by Nishith - BSBC1296
	background-color: #95369E;
	**/
    -webkit-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
}
.cts-ribbon-text:after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 67%;
	width: 0px;
	/**
	Commented by Nishith - BSBC1296
	background-color: #95369E;
	**/
	background-color: #FC673D;
	-moz-transform: skew(-25deg, 0deg);
	-o-transform: skew(-25deg, 0deg);
	-ms-transform: skew(-25deg, 0deg);
	-webkit-transform: skew(-25deg, 0deg);
	transform: skew(-25deg, 0deg);
	-webkit-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8)
}
.cts-ribbon-text-p{
	padding: 8px 15px 10px 30px;
	margin-top: 0;
    font-size: 14px;
	text-align: center;
    padding-right: 5%;
    padding-top: 1%;
    color: #ffffff;
	background-color: #FC673D;
    -webkit-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8);
    box-shadow: inset 0 9px 8px -10px rgba(0, 0, 0, 0.8)
}
.cts-ribbon-text-p a{
	color: white;
    font-weight: bold;
}

.cts-ribbon-text-p a:hover{
	color: white;
    font-weight: bold;
}
/** Added for CS Small Change USOE_009 banner End **/ 
.promoModule:hover{
	opacity: 0.7;
}
/** Added for CS Small Change USOE_003 Start **/ 
.navigationToBrowse{
	font-family: 'ArialMT', 'Arial';
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	color: #3593D0;
	/*padding-top: 8px;
	padding-bottom: 8px;*/
	text-align: center;
	line-height: normal;
            }
@media (min-width: 1200px){
.bs-col-lg-2 {
width: 20%;
}
}
.browseTile1:hover{
	background: url("../images/hover-down.png") repeat scroll 0 0 transparent;
}
.brand-container ul li{
background-color: transparent;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-align: center;
    margin-bottom: 3px;
    border-left: 1px solid #efefef;
	width: 100%;
    height: 64.11px;
    /*max-width: 183px !important;*/
    position: relative;
}
.brand-container ul li:first-child{
	border-left: 0px !important;
}
a:hover .hover-down{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	height: 64px;
	background: url("../images/hover-down.png") repeat scroll 0 0 transparent;
}
/*
a:hover .Brandimg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	height: 64px;
	background: url("../images/hover-down.png") repeat scroll 0 0 transparent;
}*/
/*.Brandimg:hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
	height: 64px;
	background: url("../images/hover-down.png") repeat scroll 0 0 transparent;
}
*/
.browseTile:hover{
	background:#e6e6e6;
}
.browseTileDrowpdown .bs-row:hover{
	background:#e6e6e6;
}
.browseTileDrowpdown:hover > div:hover {
	background:#e6e6e6;
}
/** Added for CS Small Change USOE_003 End **/ 

/** Added for CS Small Change Landing page module size fix Start **/ 
/* Commented height to remove scroll bar*/
.smallDivided {
	width: 260px;
	/* height: 540px; */ 
	margin-bottom:20px;
	float: left;
}
.smallSingle {
	width: 260px;
	height: 540px;
	margin-bottom:20px;
	float: left;
}
.medium {
	min-height: 435px;
	margin-bottom:20px;
	float: left;
}
.doubleSize{
	width: 540px;
	height: 540px;
	margin-bottom:20px;
	float: left;
}
.marginLeft10{
	margin-left: 20px;
}
.tileArea{
	height: 540px;
}
.tileArea:hover {
    opacity: 0.7;
}
/** Added for CS Small Change Landing page module size fix End **/ 
.indexRibbonWrapper{
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	overflow: hidden;
	text-transform: uppercase;
}
/** Added for H2 Smartphone **/
.indexPinkRibbonWrapper{
	position: absolute;
	top: 0;
	right: 0;
	width: 56px;
	height: 18px;
	overflow: hidden;
	text-transform: uppercase;
	border-radius: 0px 0px 10px 0px;
}		
.indexPinkRibbonBar{	
	position: relative;
	width: 140px;
	text-align: center;
	top: -10px;
	right: 70px;
	padding: 0px 15px 0px;
	transform: rotate(360deg);
	font-size: 10px;
	/* font-size: 0.625rem; */
	color: white;
	background-color: #e044b0;
	white-space: nowrap;
}
	
.indexRibbonBar{	
	position: relative;
	width: 140px;
	text-align: center;
	top: 15px;
	left: -35px;
	padding: 6px 25px 5px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	font-size: 10px;
	/* font-size: 0.625rem; */
	color: white;
	background-color: #032b5a;
	white-space: nowrap;
}
/**Added below 2 tags by Maha for 5G enhancement**/
.indexFeatureBar{	
	position: relative;
	width: 49px;
	text-align: center;
	top: -85px;
	left: 44px;
	padding: 42px 23px 09px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	font-size: 22px;
	color: #032B5A;
	background-color: #00CCCC;
	white-space: nowrap;
	font-weight: bold;
}
.indexFeatBar{	
	position: relative;
	width: 40px;
	text-align: center;
	top: -66px;
	left: 55px;
	padding: 63px 25px 15px;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	font-size: 20px;
	color: #032B5A;
	background-color: #00CCCC;
	white-space: nowrap;
	font-weight: bold;
}
.bolton-package-exVat{
	float: right !important;
    margin-right: 32px;
    margin-top: -27px;
    font-family: Helvetica;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

.bolton-package-incVat{
	float: right !important;
    margin-right: 32px;
    margin-top: -27px;
    font-family: Helvetica;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

.acc-package-incVat{
	    float: right !important;
    margin-right: -341px;
    margin-top: -18px;
    font-family: Helvetica;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

.acc-package-exVat{
	    float: right !important;
    margin-right: -341px;
    margin-top: -18px;
    font-family: Helvetica;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

.apps-package-exVat{
	float: right;
    margin-right: -437px;
    margin-top: 8px;
    font-family: Helvetica;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

.apps-package-incVat{
	float: right;
    margin-right: -437px;
    margin-top: 8px;
    font-family: Helvetica;
    font-weight: 400;
    font-style: normal;
    font-size: 16px !important;
}

.line-seperator-callback{
	width: 685px;
	margin-left: 1px;
	margin-top: -10px; 
	border:0;
}

.line-seperator-checkout-step1{
	width: 740px; 
	margin-left: 135px; 
	border:0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .line-seperator-callback{
			width: 685px;
			margin-left: -87px;
			margin-top: -10px; 
			border:0;
		}
	.line-seperator-checkout-step1{
			width: 740px; 
			margin-left: -315px; 
			border:0;
		}

    }
/*Added by Accenture/Aman Singh as part of Countdown Timer Start-- */
/*Frutiger LT Std 55 Roman */
@font-face {
font-family: 'Frutiger55LTStdTrans'; 
font-style: normal;
font-weight: normal;
src: local('Frutiger55LTStdTrans'), url('../fonts/FrutigerLTStd-Roman.woff') format('woff');
}

/*Frutiger LT Std 65 Bold */
@font-face {
font-family: 'Frutiger65BoldTrans';
font-style: normal;
font-weight: normal;
src: local('Frutiger65BoldTrans'), url('../fonts/FrutigerLTStd-Bold.woff') format('woff');
}
/*Added by Accenture/Aman Singh as part of Countdown Timer end-- */