@charset "UTF-8";
/* CSS Document Abhisek*/
.checkout div.twoCol div.container, .checkout div.container {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fbfbfb url('/images/bg/smallModule.gif') repeat-x scroll left bottom;
    border: 1px solid #ccc;
    float: left;
    height: 250px;
    margin-right: 15px;
    min-height: 250px;
    padding: 10px;
    width: 400px;
}

/**** SF - good ****/
body.checkout div.panel div.breadcrumbBar {
    padding-top: 18px;
}
body.checkout div.panel div.inner {
    background-color: transparent;
    padding: 0 0 9px;
}

/*** checkout buttons ***/
div.checkoutContainer div.inner-section ul {
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 18px 0 16px;
}
div.checkoutContainer div.inner-section ul li {
    overflow: hidden;
}
div.checkoutContainer div.inner-section ul.formButtons {
    float: none;
    padding-left: 269px;
}
div.checkoutContainer div.inner-section ul.formButtons li a.newCta {
    float: left;
}
#panel_confirmOrder ul.formButtons li {
    width: auto;
}

/*** accordion container ***/
#accordion {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    margin-top: 34px;
}
#accordion div.section_detail {
    padding: 30px;
    position: relative;
}

#accordion #panel_regularPayments{
    padding: 50px 30px;
}

#accordion #panel_confirmOrder {
    padding: 13px 20px;
}

/*** accordion titles ***/
#accordion div.section_title {
    background: url('/images/bg/accordion.gif') repeat-x center center;
    padding-left: 30px;
    position: relative;
}

#accordion div.section:first-child div.section_title {
    border-radius: 3px 3px 0 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius: 3px 3px 0 0;
}
#accordion div.section:last-child div.section_title,
#accordion div.section:last-child div.section_detail {
    border-radius: 0 0 3px 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius: 0 0 3px 3px;
}
#accordion div.section:last-child div.current_title {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
#accordion div.current_title {
    background: url('/images/bg/accordion_current.gif') repeat-x center center;
}
#accordion div.complete {
    background: url('/images/bg/accordion_complete.gif') repeat-x center center;
}
#accordion div.section_title span {
    color: #898989;
    display: block;
    font-size: 1.6em;
    height: 45px;
    line-height: 45px;
    text-indent: 40px;
}
#accordion div.current_title span {
    color: #fff;
}

/** about you **/
#aboutYou span {
    background: url('/images/titles/aboutYou_off.gif') no-repeat left center;
}
#aboutYou.current_title span {
    background: url('/images/titles/aboutYou_on.gif') no-repeat left center;
}
#aboutYou.complete span {
    background: url('/images/titles/aboutYou_complete.png') no-repeat left center;
}


/** New V6 box location **/
#yourBoxLocation.section_title span {
    background: url('/images/titles/places-off.png') no-repeat 6px center;
}
#yourBoxLocation.current_title span {
    background: url('/images/titles/places_on.png') no-repeat left center;
}
#yourBoxLocation.complete span {
    background: url('/images/titles/places_complete.png') no-repeat 4px center !important;
    background-size: 22px !important;
}
/** Old TV box **/
#yourOldBox.section_title span {
    background: url('/images/titles/oldTV_off.png') no-repeat left center;
}
#yourOldBox.current_title span {
    background: url('/images/titles/oldTV_on.png') no-repeat left center;
}
#yourOldBox.complete span {
    background: url('/images/titles/oldTV_complete.png') no-repeat left center !important;
    background-size: 26px !important;
}

/** delivery & installation **/
#deliveryInstallations.section_title span {
    background: url('/images/titles/delivery_off.gif') no-repeat left center;
}
#deliveryInstallations.current_title span {
    background: url('/images/titles/delivery_on.gif') no-repeat left center;
}
#deliveryInstallations.complete span {
    background: url('/images/titles/delivery_complete.png') no-repeat left center;
}

/** regular payments **/
#regularPayments span {
    background: url('/images/titles/regularPayments_off.gif') no-repeat left center;
}
#regularPayments.current_title span {
    background: url('/images/titles/regularPayments_on.gif') no-repeat left center;
}
#regularPayments.complete span {
    background: url('/images/titles/regularPayments_complete.gif') no-repeat left center;
}

/** confirm order **/
#confirmOrder span {
    background: url('/images/titles/confirmOrder_off.gif') no-repeat left center;
}
#confirmOrder.current_title span {
    background: url('/images/titles/confirmOrder_on.gif') no-repeat left center;
}
#confirmOrder.complete span {
    background: url('/images/titles/confirmOrder_complete.gif') no-repeat left center;
}
#userMessages{
    display: block;
}
#userMessages div{
    clear: left;
}
#userMessages h5 {
    font-size: 1em;
    margin-bottom: .3em;
}
#userMessages .systemDown h5 {
    color: #f00;
    font-size: 1.1em;
}
#userMessages .titleTxtPrice span {
    float: right;
    font-weight: bold;
}
#userMessages .titleTxtPrice h5 {
    width: 515px;
}
#userMessages .titleTxtPrice p {
    float: left;
    width: 493px;
}

/*** accordion summaries ***/
#accordion div.detail_summary {
    background: url('/images/bg/formsummary.gif') #fff repeat-x center top;
    padding: 15px 30px 25px;
    position: relative;
}
#accordion a.editInfo {
    position: absolute;
    right: 30px;
    top: -30px;
}
#accordion div.detail_summary ul,
#directDebitSummary ul.directDebitSummaryList{
    list-style: none;
    margin: 0;
    padding: 0;
}
#accordion div.detail_summary ul li,
#directDebitSummary ul.directDebitSummaryList li{
    font-weight: bold;
    margin-bottom: 9px;
    padding-top: 2px;
}
#accordion div.detail_summary ul li a,
#directDebitSummary ul.directDebitSummaryList li a{
    font-weight: normal;
}
#accordion div.detail_summary ul li.short {
    margin-bottom: 2px;
}

#mobileDirectDebitInstruct ul.directDebitSummaryList li{
    list-style: none outside none;
}
#accordion div.detail_summary ul li span,
#directDebitSummary ul.directDebitSummaryList li span,
#mobileDirectDebitInstruct ul.directDebitSummaryList li div{
    /*float: left;*/
    font-weight: bold;
    margin-bottom: 3px;
}
#mobileDirectDebitInstruct ul.directDebitSummaryList li div{
    float: left;
}
#accordion div.detail_summary ul li span.heading,
#directDebitSummary ul.directDebitSummaryList li span.heading,
#mobileDirectDebitInstruct ul.directDebitSummaryList li div.heading{
    float:left;
    font-weight: normal;
    padding-right: 20px;
    text-align: right;
    width: 250px;
    clear: left;
}
div.dd_mandate{
    height: auto;
    overflow: hidden;
}

#directDebitSummary.sameBankingDetails ul.directDebitSummaryList{

}

#directDebitSummary.sameBankingDetails ul.directDebitSummaryList li{
    margin:0;
    padding-top:0;
    list-style:none;
    overflow: hidden;
}
div#lightbox-container div#directDebitSummary {
    width: 740px;
}

div#lightbox-container div#directDebitSummary .buttonsSection
{
    margin-left: 0px;
}

div#directDebitSummary p {
    padding-left: 272px;
}

div#directDebitSummary.sameBankingDetails p {
    padding-left: 113px;
}

div.directDebtSummary{
    background:url('/images/logos/directDebit.gif') no-repeat right top;
}
div#directDebitSummary div.dd_mandate {
    margin-top: 30px;
}
div#directDebitSummary div.dd_man h3 {
    margin: 0 0 .7em;
}




/*** panel layout ***/
#CheckoutInner {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    padding: 14px 30px 22px;
}
.cboxIE #CheckoutInner{
    height:355px;
}
#review-page #CheckoutInner {
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    padding: 0;
}
#CheckoutInner.oneoff_payment {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#checkoutForm div.inner-section {
    border-top: 1px dotted #afafaf;
    margin-top: 16px;
}
#addressLookupContainer div.inner-section {
    border-top: none;
}

#addressLookupContainer .groupFields .label p
{
    margin : 0px 0px 0px 30px;
}

#checkoutForm h3, #jquery-lightbox h3 {
    color: #333;
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 12px;
}
#checkoutForm div.detail_summary h3{
    float: left;
    margin-top: 20px;
}
#checkoutForm div.existing_customer h3 {
    float: none;
}
div.detail_title a {
    float: right;
    margin-right: 1px;
    margin-top: 19px;
}
div.detail_title {
    overflow: hidden;
}
#checkoutForm div.inner-section h3 {
    margin-top: 19px;
}
#checkoutForm div.inner-section p {
    line-height: 18px;
    margin: 0 0 8px;
    padding: 1px 0 0;
}
#checkoutForm p.section_intro {
    margin-bottom: 17px;
    font-size: 1.4em;
    /*float : left;*/
}

/*** supplemental buttons ***/
#checkoutForm div.manualAddressInfo,
#jquery-lightbox div.manualAddressInfo,
#checkoutForm div.findMyBank {
    padding: 5px 0 9px 269px;
}
#jquery-lightbox div.manualAddressInfo p{
    clear: both;
}
#jquery-lightbox div.manualAddressInfo span.newCta{
    float: left;
}
#checkoutForm div.manualAddressInfo span.newCta,
#checkoutForm div.findMyBank a.newCta{
    float: left;
}
#checkoutForm div.manualAddressInfo p {
    clear: left;
}

/*** address finder results ***/
#checkoutForm div.result {
    padding: 7px 0;
}
#checkoutForm .result div.label {
    float: left;
    width: 269px;
}
#checkoutForm .result div.label p {
    font-size: 1.333em;
    line-height: 36px;
    padding-top: 1px;
    text-align: right;
    width: 250px;
}
#checkoutForm div.result div.input {
    margin-left: 269px;
    padding-top: 12px;
}
#checkoutForm div.result p.address {
    margin-bottom: 1px;
}
div.result .label p span {
    display: block;
    font-size: 16px;
}

/*** mobile insurance ***/
div.inner-section div.mobileInsurance div.label {
    margin-right: 20px;
    text-align: right;
    width: 250px;
}
div.inner-section div.mobileInsurance div.input ul {
    float: none;
    overflow: hidden;
    padding-left: 0;
    padding-top: 8px;
}
div.inner-section div.mobileInsurance div.input ul.checkList {
    padding-bottom: 12px;
}
div.inner-section div.mobileInsurance div.input ul li {
    line-height: 18px;
}
#checkoutForm div.mobileInsurance div.input p {
    padding-top: 2px;
}

/*** checklists ***/
ul.checkList li {
    background: transparent url('/images/elements/greenTick.png') no-repeat left top;
    display: block;
    float: left;
    font-size: 1.333em;
    padding: 0 0px 0 34px;
    width: 105px;
}
form div.field.mobileInsurance div.input{
    margin-left: 0;
}

/*** info bar ***/
div.userInfoBar {
    border: 1px dotted #b2b2b2;
    border-width:1px 0;
    margin-bottom: 17px;
    padding-bottom: 15px;
    padding-top: 15px;
}
div.userInfoBar p.newCustomer {font-weight:bold;}
p.userInformation {
    line-height: 18px;
    margin-bottom: 1em;
    padding-top: 1px;
}
.rightCol h2 {
    font-size: 1.67em;
}
body.checkout div.col_1 form fieldset {
    padding: 0;
}
.left {
    float: left;
}
.right {
    float: right;
}
.rightCol {
    width: 220px;
    float: right;
}
.wrapAllInputs {
    height: auto;
}
body.checkout ul {
    list-style: none;
}

/**forms**/
.install_payments div.field div.multipleInputs div.input input,
.regularPayments div.field div.multipleInputs div.input input {
    width: 39px;
}
.install_payments div.field div.multipleInputs div.input div.inputWrapper div,
.regularPayments div.field div.multipleInputs div.input div.inputWrapper div {
    width: 29px;
}
.install_payments div.field div.multipleInputs div.input div.inputWrapper,
.regularPayments div.field div.multipleInputs div.input div.inputWrapper,
#panel_regularPayments div.field div.multipleInputs div.input div.inputWrapper {
    width: 49px;
}

.install_payments div.field div.multipleInputs.invalid div.input div.inputWrapper,
.regularPayments div.field div.multipleInputs.invalid div.input div.inputWrapper,
#panel_regularPayments div.field div.multipleInputs.invalid div.input div.inputWrapper {
    background: url("/images/forms/input_14px_error_date_right.gif") no-repeat scroll right center transparent;
}
.install_payments form div.field div.label.multiLabel label,
.regularPayments div.field div.label.multiLabel label {
    top: 0;
}
.checkout form div.field.noHint.title div.input div.inputWrapper {
    width: 140px;
}

/* used for residential status hint on addresDetailsSection if private tenant and permission required*/
.staticHint{
    font-size: 0.91667em;
    left:319px;
    line-height:1.25em;
    position: absolute;
    top: 0;
    width: 180px;
}

form div.field div.multipleInputs div.input div.inputWrapper input {
    position: relative;
    top: 0;
}
div.buttons {
    margin-right: 0;
    overflow: visible;
    padding: 0;
}
div.buttons .ctaButton {
    float: left;
    margin-left: 250px;
}
.detail_summary ul li span {
    margin-bottom: 5px;
    text-align: left;
}
.detail_summary ul li span.moreMargin {
    display: block;
    font-weight: normal;
    margin-left: 269px;
    padding-right: 20px;
}
.detail_summary .initialPayment {
    font-size: .9em;
    font-weight: normal;
}
.install_payments h2 {
    background: url('/images/titles/making_regular_monthly_payments.gif') no-repeat;
    width: 416px;
}
#CheckoutInner .replaceH1 {
    margin-bottom: 12px;
}
.userInfoBar p {
    color: #333;
    font-size: 1.33em;
    margin-bottom: 0;
}
.userInfoBar.billing p {
    margin-bottom: .2em;
}
div.userInfoBar.address {
    background: url('/images/elements/address.gif') no-repeat left center;
    padding-left: 52px;
    font-size: 0.9em;
}
.userInfoBar.billing {
    background: url('/images/elements/billing.png') no-repeat 8px 50%;
    margin-bottom: 15px;
    padding-left: 52px;
}
.userInfoBar.billing span.offer {
    color: #428e0f;
    font-size: 0.69em;
    font-weight: bold;
}
fieldset h3 {
    color: #333;
    font-size: 1.67em;
}
#CheckoutInner fieldset .directDebit h3 {
    margin-bottom: 1.5em;
}
.fieldRow {
    display: inline-block;
    min-height: 110px;
    padding-left: 45px;
}
.fieldRow ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.fieldRow ul li {
    display: inline-block;
    float: left;
    padding-right: 55px;
    position: relative;
    /*width: 215px;*/
}
.rowTitle, .fieldRow ul li.rowTitle {
    font-size: 1.2em;
    padding-right: 19px;
}

.installationSummary .rowTitle, .deliverySummary .rowTitle{
    padding-right: 3px;
}

.installationSummary span.unconfirmed, .deliverySummary span.unconfirmed{
    margin-top: 2px;
}

/*
.installationSummary .confirmed .engineer-install,
 .installationSummary .confirmed .self-install{
    margin-left: 16px;
}

.deliverySummary .confirmed{
    padding-left: 16px;
}

*/

p.step_title {
    font-size: 1.33em;
}
.fieldRow ul li p {
    margin-bottom: .4em;
    padding-left: 25px;
}
.fieldRow label {
    display: inline-block;
    font-size: 1.33em;
    margin-bottom: 6px;
}
.fieldRow label a.infoIcon {
    position: absolute;
    right: 60px;
}
.buttonsSection.center input {
    margin-left: 270px;
    float: none;
}
.buttonsSection {
    clear: both;
    margin-top: 26px;
    margin-left: 241px;
    overflow: hidden;
    padding-top: 10px;
}

#reviewbasket .buttonsSection input {
    float: right !important;
    min-width: 0px !important;
    margin: 0px !important;
}
.buttonsSection input {
    float: none;
}

input.disabled, button.disabled{
    opacity:0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    cursor: default;
}
input.disabled:hover {background-position:0 0;}

.buttonsSection input.left {
    float: left;
}
.buttonsSection ul {
    list-style: none;
}
.oneoff_payment .buttonsSection {
    margin-top:150px;
}
.oneoff_payment .buttonsSection input.left {
    margin-left: 0;
}
.ctaButton.disabled {
    background-position: center center !important;
}
.s a.newCta {
    float: left;
}
#installation,
#mobileDeliveryDate {
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    padding: 25px 30px 0;
    background-color:#DDD;
}
#formContent {
    overflow: hidden;
    margin : 0px 0px 20px 0px;
}

.dates {
    margin: 0px 0px 15px 0px;
    padding : 0 0px 20px 0px;
    width : 99%;
    float : left;
    clear : both;
    border-bottom : 1px dotted #B2B2B2;
}
.dates.info {
    float: left;
    margin-right: 0px;
    text-align: left;
    width: 221px;
}
.calendarBlock {
    background: url('/images/elements/SelectedDate.png') no-repeat 0px 4px;
    display: none;
    float: left;
    font-size: 1.33em;
    font-style: italic;
    height: 111px;
    padding: 0px 4px 6px 5px;
    margin : 0px 0px 0px 145px;
    text-align: center;
    width: 121px;
    line-height: 0.9em;
    color: #666;
}
.calendarBlock .dow_words {
    font-style: normal;
    font-weight: bold;
    font-size: 0.8em;
    padding: 2px 0 0;
}
.js .calendarBlock {
    display: block;
}

.calendarBlock p {
    margin-bottom: .7em;
    width: 113px;
}
.calendarBlock p.month_words, .calendarBlock p.optional_month_words {
    color: #fff;
    padding-top: 10px;
    margin-bottom: 0.85em;
    font-weight: bold;
}
.calendarBlock p.day, .calendarBlock p.optional_day {
    color: #666;
    font-size: 2.15em;
    margin-bottom: 8px;
    padding-top: 10px;
}
.calendarBlock p.dow, .calendarBlock p.optional_dow {
    color: #c00;
    margin-bottom: .3em;
}
.calendarBlock p.timeslot, .calendarBlock p.optional_timeslot {
    color: #333;
    font-size: .88em;
    font-style: normal;
    font-weight: bold;
}

.chosenDateInfo {
    display: none;
    float: left;
    margin-left: 14px;
    width: 360px;
}
#SelfInstallGroup{
    float:left;
    width:375px;
}

.js .chosenDateInfo {
    display: block;
}
p.chosenDateTitle {
    font-weight: bold;
    margin-bottom: .4em;
}
div.chosenDateInfo p {
    margin: .4em;
}
p a.ctaButton {
    float: left;
    text-indent: -9999px;
}
.installationNotes {
    width: 99%;
    border-bottom: 1px dotted #B2B2B2;
    padding : 20px 0px 20px 0px;
}
.installationNotes label {
    display: block;
    margin-bottom: .5em;
    width : 35.2%;
    float : left;
    margin : 0px 28px 0px 0px;
    text-align : right;
}
.installationNotes p {
    font-size: .92em;
    margin-top: .3em;
    text-align: right;
    width : 55.7%;
}
.installationNotes textarea {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url('/images/bg/textarea.gif') #fff repeat-x left top;
    border: 1px solid #b7b7b7;
    font-family: Arial, sans-serif;
    font-size: 1em;
    padding: 5px;
    width : 350px;
}
.exampleCopy {
    color: #c4c4c4;
}

/* delivery & installation summary */
div.installationSummary,
div.deliverySummary {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    /*margin:30px;*/
    overflow: hidden;
    /*padding:30px;*/
    background-color:#DDD;
}
div.installationSummary ul,
div.deliverySummary ul {
    margin: 0;
    padding: 0;
}
div.installationSummary ul li,
div.deliverySummary ul li{
    display: block;
    float: left;
    font-size: 1.2em;
    padding: 0px 0px 5px 0px;
}

div.installationSummary ul li span.unconfirmed,
div.deliverySummary ul li span.unconfirmed {
    font-size: 0.875em;
    font-weight : bold;
    line-height: 16px;
    display: block;
}

div.chargeConfirmation {
    float: right;
    margin-top: 19px;
    width: 61%;
}
div.chargeConfirmation p {
    font-size: 0.92em;
    margin-bottom: 0;
    padding-left: 35px;
}
div.chargeConfirmation.confirmMessage p {padding-left:0;}
div.chargeConfirmation p.icon {
    display: block;
    font-size: 1.1667em;
    font-weight: bold;
    height: 17px;
}
div.chargeConfirmation p.greenTick {
    background: url('/images/elements/greenTick.png') no-repeat left center;
}

/*
div.deliveryInstallations.section_detail #mobileDelivery{
    padding:24px 27px 23px 13px;
}
*/

div.deliveryInstallations.section_detail #mobileDelivery #simOnly ul {
    float:left; margin:0; padding:0 0 0 40px;
}
div.deliveryInstallations.section_detail #mobileDelivery #simOnly div.chargeConfirmation {
    margin-top: 0; width:500px; float:left;
}


/* hide confirmation text on load */
body.js div.installationSummary .confirmed,
body.js div.deliverySummary .confirmed {
    display: none;
}


.installationPrice {
    margin-left: 73px;
}


.install_payments p.standFirst {
    margin-bottom: 2em;
}
.directDebit {
    background: url('/images/logos/directDebit.gif') no-repeat right 18px;
    width: 100%;
    overflow: hidden;
}
.inner-section.directDebit {background-position:right 58px;}
form div.field.longLabel div.input {
    float: left;
    margin-left: 0;
    margin-right: 10px;
}
form div.field.longLabel div.input input {
    width: auto;
}
form div.field.longLabel div.label label {
    display: inline-block;
    float: left;
    font-size: 1em;
    line-height: 17px;
    text-align: right;
    width: auto;
}
form div.field.lastRadio {
    margin-bottom: 20px;
}
.threeQuaterCol {
    float: right;
    width: 551px;
}
.threeQuaterCol.smallPrint {
    padding-top: 15px;
}
.contentBlock {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}
.authorise {
    margin-top: 15px;
}
.authorise input {
    display: block;
    float: left;
    margin-right: 10px;
}
.authorise label {
    display: block;
    float: left;
    width: 500px;
}
.authorise p.note {
    clear: left;
    padding-left: 26px;
    padding-top: 10px;
}
p.address {
    font-weight: bold;
    line-height: 3 !important;
    margin-bottom:0;
}

/**** date picker (overlay) ****/

.dateMatrix {
    /*  padding-top: 41px; */
    background: #fff;
    position:relative;
}

table.dateMatrixTable {
    border-collapse: collapse;
}

table.dateMatrixTable thead {
    width: 440px;
}

table.dateMatrixTable tbody{
    border-left: 1px solid #dbdbdb;
}
table.dateMatrixTable td {
    border: 1px solid #dbdbdb;
    text-align: center;
}
table.dateMatrixTable thead th,
table.dateMatrixTable tfoot td {
    border: none;
    font-size: 1.33em;
    font-weight: normal;
    width: 119px;
}

table.dateMatrixTable tbody td,
table.dateMatrixTable tbody th {
    width: 119px;
}

table.dateMatrixTable tbody th{
    border: 1px solid #dbdbdb;
}

table.dateMatrixTable tbody td.spacer,
table.dateMatrixTable thead th.spacer {
    background: #fff;
    border: none;
    padding: 0;
    width: 14px;
}
th span.additionalCost {
    color: #428e0f;
    display: block;
    font-size: 0.69em;
    font-weight: bold;
}
th span.additionalCost.added {
    color: #333;
}
table.dateMatrixTable tbody tr.odd {
    background: #f2f2f2;
}
table.dateMatrixTable td a, table.dateMatrixTable th a {
    color: #333;
    display: block;
    padding: 7px 0;
}
table.dateMatrixTable td a:hover, table.dateMatrixTable th a:hover {
    color: #c00;
    text-decoration: none;
}
table.dateMatrixTable tbody td a.selectee.selected {
    background: url('/images/bg/tableSelected.jpg') #cb0000 no-repeat left top;
    color: #fff;
}
table.dateMatrixTable.firstDate tbody td a.selectee.selected {
    background: url('/images/bg/tableSelected1.jpg') #cb0000 no-repeat left top;
    color: #fff;
}
table.dateMatrixTable.secondDate tbody td a.selectee.selected {
    background: url('/images/bg/tableSelected2.jpg') #cb0000 no-repeat left top;
    color: #fff;
}
table.dateMatrixTable tbody th{
    background: url('/images/bg/tableDate.jpg') #ebebeb repeat-x left bottom;
    border-bottom: 1px solid #fff;
}

span.tableNote {
    font-size: 0.69em;
}
table.dateMatrixTable thead th {
    padding: 5px 5px 4px;
}

/* additional rules for duplicate table heading */
table.duplicate {
    background-color: #fff;
    position: relative;
    z-index: 99;
}
table.duplicate thead {
    position: relative;
    z-index: 98;
}
table.duplicate thead tr {
    position: relative;
    z-index: 97;
}
table.duplicate thead th {
    position: relative;
    z-index: 96;
}

/* additional rule for self installation table */
.selfInstallationTable table.dateMatrixTable thead th {
    padding: 5px 0;
}

/* table scrolling navigation */
ul.nav {
    color: #333;
    font-size: 1.33em;
    font-weight: normal;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index:1001;
}
ul.nav li.carousel_controller {
    cursor: pointer;
    width: 102px;
    z-index: 1000;
    position: absolute;
}
ul.nav li.carousel_controller.prev {
    text-align: center;
    top: -202px;
}
ul.nav li.carousel_controller.next {
    bottom: -22px;
    text-align: center;

}
ul.nav li.carousel_controller.disabled {
    background: transparent;
    cursor: default;
}
ul.nav li.carousel_controller a {
    font-size: 13px;
    color: #333;
    text-decoration: none;
}
ul.nav li.carousel_controller a:hover {
    color: #c00;
    text-decoration: none;
}
ul.nav li.carousel_controller.prev a {
    background: url('/images/elements/arrowUp_off.gif') no-repeat top center;
    padding-top: 7px;
    position:relative;
    z-index: 9999;
}
ul.nav li.carousel_controller.next a {
    background: url('/images/elements/arrowDown_off.gif') no-repeat bottom center;
    padding-bottom: 7px;
    position:relative;
    z-index: 9999;

}
ul.nav li.carousel_controller.prev a:hover {
    background: url('/images/elements/arrowUp_on.gif') no-repeat top center;
}
ul.nav li.carousel_controller.next a:hover {
    background: url('/images/elements/arrowDown_on.gif') no-repeat bottom center;
}
ul.nav li.carousel_controller.disabled a, ul.nav li.carousel_controller.disabled a:hover {
    background-color: transparent;
    background-image: none;
    color: #bbb;
    cursor: default;
}
#jquery-lightbox .buttonsSection {
    margin-top: 43px;
}
#jquery-lightbox .buttonsSection a.newCta.left {
    float: left !important;
}
div.clip {
    background: #fff;
    overflow: hidden;
    position: relative;
    width: 442px;

}

#engineerGroup {
    float: left;
    width: 350px;
}
#selfGroup {
    float: left;
    width: 350px;
}

#dateSelection .buttonsSection{
    margin-left:0 !important;
}

/* Manual Address */

#manualAddress {
    width:785px;
}

/*NM from here*/
/*Your bundle table*/
table.yourBundle, table.yourTotal {
    width: 580px;
}
table.yourBundle td {
    border-bottom: 1px solid #f6f6f6;
    border-right: 2px solid #ededed;
    height: 38px;
    padding-left: 10px;
}
table.yourTotal thead th img {
    margin-bottom: -3px;
}
table.yourBundle thead th img{
    margin-bottom: -4px;
}
table.yourBundle thead th.monthly {
    background: #f3f3f3;
}
table.yourBundle thead th.oneOff {
    background: #e8e8e8;
}
table.yourBundle td.last {
    border-bottom: none;
}
span.green {
    color: #008000;
    font-size: 11px;
    padding: 10px;
    background:none;
    border:0;
}
table.yourBundle td span {
    display: block;
    font-weight: normal;
}
table.yourBundle td p {
    display: block;
    margin: 10px 0 10px 50px;
}
table.yourBundle td.grey {
    background: #e8e8e8
}
table.yourBundle td.litegrey {
    background: #efefef;
    font-weight: bold;
}
table.yourBundle td.cost {
    font-weight: bold;
}
table.yourBundle td {
    background: #f3f3f3;
    font-weight: bold;
    text-align: right;
    padding-right:15px;
}
.yourBundle td.pointer p {
    float: left;
    font-weight: normal;
}
.yourBundle td.pointer ul {
    margin: 2px 0 0 23px;
    padding: 0;
}
.oneoffPay span {
    width: 80px;
    margin: 0 auto;
}
.oneoffPay {
    font-size: 18px;
    font-weight: bold;
}
td.tableTitle {
    background: #fff !important;
    border-right: none !important;
    color: #979797;
    font-size: 14px;
    font-weight: bold;
}
table.yourTotal {
    margin-top: 20px;
}
table.yourTotal td {
    background: url('/images/placeholders/yourTotal_cell_bg.gif') repeat-x;
    font-weight: bold;
    height: 37px;
    padding-left: 15px;
}
table.yourTotal td span {
    font-weight: normal;
}
table.yourTotal td span.green {
    float: right;
}
table.yourTotal td.yourtotalCostbbl {
    -moz-border-radius-bottomleft: 4px;
    font-size: 16px;
    width: 80px;
}
table.yourTotal td.yourtotalCost {
    font-size: 16px;
    width: 80px;
}
table.yourTotal td.bottom, table.yourBundle td.yourBundlebottom {
    border-right: 0;
    height: 3px;
    margin: 0;
    padding: 0;
}

/*other icons*/
table.yourBundle td.mobile_icon {
    background: #e8e8e8 url('/images/elements/icons/mobile_icon.png') no-repeat 11px center;
}
table.yourBundle td.pointer {
    background: #e8e8e8 url('/images/elements/icons/pointer.png') no-repeat 15px center;
}
/*medium icons*/
table.yourBundle td.m_comp {
    background: #e8e8e8 url('/images/elements/icons/m_comp.png') no-repeat 5px center;
}
table.yourBundle td.m_tv {
    background: #e8e8e8 url('/images/elements/icons/m_tv.png') no-repeat 5px center;
}
table.yourBundle td.m_phone {
    background: #e8e8e8 url('/images/elements/icons/m_phone.png') no-repeat 5px center;
}
/*medium plus icons*/
table.yourBundle td.mplus_comp {
    background: #e8e8e8 url('/images/elements/icons/mplus_comp.png') no-repeat 5px center;
}
table.yourBundle td.mplus_tv {
    background: #e8e8e8 url('/images/elements/icons/mplus_tv.png') no-repeat 5px center;
}
table.yourBundle td.mplus_phone {
    background: #e8e8e8 url('/images/elements/icons/mplus_phone.png') no-repeat 5px center;
}
/*large icons*/
table.yourBundle td.l_comp {
    background: #e8e8e8 url('/images/elements/icons/l_comp.png') no-repeat 5px center;
}
table.yourBundle td.l_tv {
    background: #e8e8e8 url('/images/elements/icons/l_tv.png') no-repeat 5px center;
}
table.yourBundle td.l_phone {
    background: #e8e8e8 url('/images/elements/icons/l_phone.png') no-repeat 5px center;
}

/*Free Stuff sidebar*/
div.freeStuff {
    float: right;
    width: 220px;
}
.right_container h2 {
    background: url('/images/placeholders/plusFreeStuff.png') no-repeat;
    height: 18px;
    margin-top: 18px;
    width: 213px;
}
ul.freeStuff {
    margin: 0;
    padding: 0;
}
ul.freeStuff li span a {
    color: #666;
    font-size: 11px;
    line-height: 16px;
    text-decoration: underline;
}
ul.freeStuff li span {
    display: block;
    font-weight: normal;
    width: auto;
}
ul.freeStuff li {
    border-bottom: 1px dotted #acacac;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 15px 60px;
}
ul.freeStuff li:first-child {
    border-top: 1px dotted #acacac;
}

/*freestuff icons*/
ul.freeStuff li.wifi {
    background: url('/images/elements/icons/wifi.png') no-repeat 12px center;
}
ul.freeStuff li.vplusbox {
    background: url('/images/elements/icons/vplusbox.png') no-repeat 12px center;
}
ul.freeStuff li.vod {
    background: url('/images/elements/icons/vod.png') no-repeat 5px center;
}
ul.freeStuff li.pcguard {
    background: url('/images/elements/icons/pcguard.png') no-repeat 13px center;
}
ul.freeStuff li.vstuff {
    background: url('/images/elements/icons/vstuff.png') no-repeat 15px center;
}
ul.freeStuff li.ebill {
    background: url('/images/elements/icons/ebill.png') no-repeat 15px center;
}

/*online credit badge*/
#panel_confirmOrder {
    background: #fff;
}
div.onlineCredit {
    background: url('/images/bg/online_credit_bg.png') no-repeat;
    height: 73px;
    margin: 10px 0;
    width: 221px;
}
div.onlineCredit p {
    font-weight: bold;
    padding: 15px 0 0 60px;
}
div.onlineCredit p span {
    display: block;
    font-weight: normal;
    width: 120px;
}
p.reviewText {
    color: #333;
    font-size: 16px;
    padding: 30px 0 40px;
}
#panel_oneoffPayment .input .cardType {
    width: 150px !important;
}
form div.field div.input div.cardType .ddGrid a {
    display: block;
    width: 90px;
}
#panel_oneoffPayment .input .inputWrapper {
    width: 250px;
}
#panel_oneoffPayment .input div input {
    width: 205px;
}
#panel_oneoffPayment .input .issueNumber,  #panel_oneoffPayment .input .securityCode {
    width: 94px;
}
#panel_oneoffPayment .issueNumber div input,  #panel_oneoffPayment .securityCode div input {
    width: 50px;
}
#panel_oneoffPayment .input .month {
    width: 124px;
}
#panel_oneoffPayment .input .year {
    width: 84px;
}

/* Install payments - Manually input bank details - JY */
.inputBankDetails {
    padding-top: 35px;
}
.inputBankDetails .warning {
    font-size: 1.4em;
    line-height: 1.2em;
    width: 340px;
    color: #FF0000;
}

.inputBankDetails .authorise,  .install_payments .authorise {
    padding: 0 0 15px;
}
.install_payments .authorise input,  .detail_summary .authorise input {
    display: block;
    float: left;
    margin-right: 5px;
}
.detail_summary .authorise label {
    display: block;
    float: left;
    width: 410px;
}
.install_payments div.field div.input div.twoLineLabel div {
    padding: 0 0 10px 14px;
}
.install_payments div.field div.input div.twoLineLabel input {
    top: -18px !important;
}
.inputBankDetails .noLabelInput {
    margin-bottom: 15px;
}
.install_payments .bankDetails {
    margin-left: 12px;
}
.install_payments .bankDetails span {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    text-align: right;
    width: 226px;
}
.install_payments .bankDetails strong {
    display: block;
    width: 560px;
}

/*** CONFIRMATION ***/
h2.greenTick {
    margin-top: 0;
    padding: 19px 0 19px 65px;
}
#CheckoutInner h2.greenTick {padding-top: 10px;}
img.greenTick {
    float: left;
}
body.checkout .panel.confirmation #CheckoutInner {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url('/images/bg/checkout_inner_confirm.gif') #fff repeat-x left bottom;
    display: inline-block;
    padding-top: 30px;
}
body.checkout .confirmation #CheckoutInner h4{
    font-size: 14px !important;
    margin-top: 20px;
}
body.checkout .confirmation #CheckoutInner #complete-deliveryAndInstallation h4,
body.checkout .confirmation #CheckoutInner #rightCol h4{
    font-size: 16px !important;
}
#mainContent {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url('/images/bg/order_complete.gif') repeat-x left bottom #e8e8e8;
    float: left;
    padding: 22px 20px 0 20px;
    width: 540px;
}
#rightCol {
    float: right;
    padding: 0 0 0 20px;
    width: 220px;
}
body.checkout div.confirmation h2 {
    font-size: 1.5em;
    line-height: 18px;
}
body.checkout #rightCol h2 {
    margin: 0 0 20px;
}
#mainContent h3 {
    font-size: 1.67em;
    font-weight: normal;
}
#mainContent h4, #rightCol h4 {
    margin-bottom: .3em;
}
.confirmation #mainContent  .detail_summary {
    background: transparent;
    border-bottom: 1px dotted #a2a2a2;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.confirmation #mainContent .detail_summary ul {
    margin: 0px 0px 0px 15px;
    padding: 0;
}
.confirmation #mainContent .detail_summary li {
    white-space: nowrap;
    margin-bottom: 5px;
}
.confirmation #mainContent .detail_summary li a {
    font-weight: normal;
}
.confirmation #mainContent .detail_summary ul li span.email,
.confirmation #mainContent .detail_summary ul li span.orderNumber,
.confirmation #mainContent .detail_summary ul li span.orderdate,
.confirmation #mainContent .detail_summary ul li span.accountNumber {
    font-weight: bold;
}
.confirmation #mainContent .detail_summary ul li span.heading {
    display: block;
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 200px;
}
p.number {
    font-size: 2em;
}
ul#contactList {
    border-top: 1px dotted #a2a2a2;
    margin: 0 0 20px;
    padding: 0;
}
ul#contactList li {
    border-bottom: 1px dotted #a2a2a2;
    margin: 0;
    padding: 0;
}
ul#contactList li a {
    background-position: left center;
    background-repeat: no-repeat;
    color: #333;
    display: block;
    font-weight: bold;
    padding: 15px 0 15px 53px;
}

ul#contactList li.myvm a {
    background-image: url('/images/elements/my-vm.png');
}

ul#contactList li.billing a {
    background-image: url('/images/elements/billing.png');
}

ul#contactList li.fileCabinet a {
    background-image: url('/images/elements/icon-fileCabinet.gif');
}
ul#contactList li.people a {
    background-image: url('/images/elements/icon-people.gif');
}
ul#contactList li.phone a {
    background-image: url('/images/elements/icon-phone.gif');
}
ul#contactList li.file a {
    background-image: url('/images/elements/icon-file.gif');
}
ul#contactList li.document a {
    background-image: url('/images/elements/icon-document.gif');
}
ul#contactList li.bb a {
    background-image: url('/images/elements/icon-bb.gif');
}
ul#contactList li.installation a {
    background-image: url('/images/elements/icon-installation.gif');
}
ul#contactList li.tivo a {
    background-image: url('/images/elements/icon-tivo.gif');
}
ul#contactList li.vtv a {
    background-image: url('/images/elements/icon-vtv.gif');
}
ul#contactList li.welcome a {
    background-image: url('/images/elements/icon-welcome.gif');
}
.upsell.footer {
    margin: 45px 0 0 7px;
    width: 861px;
}
.upsell h2 {
    background: url('/images/titles/otherGreatContent.gif') no-repeat left top;
    height: 28px;
    text-indent: -999px;
    width: 439px;
}
form div.field div.multipleInputs div.input.dateMoved {
    margin-left: 9px;
}
div.result div.field div.label label {
    top: 5px;
}

/* Pre-checkout overlay*/
.preCheckout {
    border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;
    height: 279px;
    width: 580px;
    z-index: 100;
    padding: 30px;
    background: url('/images/bg/preCheckoutImg.gif') bottom right no-repeat;
}

.preCheckout ul li{
    list-style: square url("/images/elements/greenTick.png");
}

.preCheckout .margin10 {
    margin: 10px;
}
.preCheckoutInner {
    height: auto !important;
    width:422px;
}
.preCheckout p{
    font-size:0.75em;
}
.preCheckout a.ctaLarge {
    margin: 23px 0;
}
.preCheckoutInner .EC {
    height: auto !important;
    height: 233px;
    min-height: 223px;
}
div.preCheckout p.icon.greenTick {
    background: transparent url('/images/elements/greenTick.png') no-repeat scroll left top;
}

.preCheckout h2, .preCheckout h4 {
    color: #666;
}

.preCheckout .larger {
    font-size: 1.6em;
    margin: 0 0 0 30px;
    padding: 0;
}
.preCheckout .preCheckoutInner.EC .larger {
    font-size: 1.3em;
    line-height: 1.1em;
    padding:30px;
    width: 295px;
}
.preCheckout ol {
    margin: 25px 0 20px 30px;
    padding: 0;
    list-style: none;
}
.preCheckout li {
    font-size: 0.9em;
    margin: 0;
    padding:  7px 5px;
}
h2.address {
    background: url('/images/titles/addressLast.gif') no-repeat;
    margin: 10px;
}
.ctaConfirmPositionright {
    position: absolute;
    right: 10px;
}
.preCheckout .one {
    background: url('/images/elements/iconOne.gif') center left no-repeat;
}
.preCheckout .two {
    background: url('/images/elements/iconTwo.gif') center left no-repeat;
}
.preCheckout .three {
    background: url('/images/elements/iconThree.gif') center left no-repeat;
}
.preCheckout .ctaButton {
    margin: 30px;
}
.marginLeft240 {
    margin-left: 260px;
}
.marginLeft240 div.radio input {
    float: none;
    margin: 5px 10px 0 2px;
}
.marginLeft240 div.radio input#no {
    margin: 5px 10px 0 40px;
}
.dottedBorder {
    border-top: 1px dotted #afafaf;
    border-bottom: 1px dotted #afafaf;
    margin-top: 25px;
    padding: 20px 0;
}
.bankAccountAuthority #lightboxAlerts {
    width: 450px;
}
.review-basket #lightboxAlerts {
    width: auto;
}

.reviewAndBuy #cboxLoadedContent{
    padding: 0px;
}

.reviewAndBuy #cboxOverlay {
    visibility: visible;
    opacity: 0.5 !important;
}

#lightboxAlerts {
    width: 300px;
}
#lightboxAlerts .singleButCentered,
#basketSummary .singleButCentered {
    margin: 0 auto;
    width: 60px;
}
.bankAccountAuthority #lightboxAlerts .singleButCentered {
    margin: 0 auto;
    width: auto;
}
#lightboxAlerts .singleButCentered a.newCta {
    display: inline-block;
    float: none;
}
#lightboxAlerts .singleButLeftAlign {
    width: auto;
    margin: 0 0;
}
#lightboxAlerts .singleButLeftAlign a.newCta {
    display: inline-block;
    float: none;
}
#lightboxAlerts .doubleButCentered a.newCta {
    display: inline-block;
    float: none;
    margin-right: 10px;
}
#lightboxAlerts .doubleButCentered {
    margin: 0 0;
    width: auto;
    text-align: center;
}
.creditCheckAlert #lightboxAlerts .doubleButCentered {
    width: 230px;
}
#basketSummary table {
    margin-bottom: 25px;
}
.orDivider {
    border-bottom: 1px solid #ccc;
    margin: 8px 0 8px;
    width: 300px;
    position: relative;
}
.orDivider span {
    background: #fff;
    color: #ccc;
    display: block;
    font-size: 1.33em;
    margin: 0 auto -7px;
    padding: 0 12px;
    width: 20px;
    position: absolute;
    top: -7px;
    left: 44%;
}
.checkout form div.field div.input .stationaryHint {
    display: none;
}
.checkout form div.field div.input div.inputWrapper {
    position: relative;
}
.checkout form div.field.showPassword span.hint {
    background: #fff;
    padding: 0 55px 0px 0;
    z-index: 10;
}
form div.field div.label span.optional {
    display: block;
    font-size: .7111em;
}
form div.field.extra div.label{
    visibility: hidden;
}
form div.field.extra {
    padding-top: 0;
}

#reviewbasket {
    height: auto;
    width: 600px;
}


#review-basket a.ctaPrimaryMedium{
    margin-right : 20px;
}

#reviewbasket .buttonsSection {
    clear: none !important;
    margin: 20px 20px 0 0 !important;
}

/***** Js Styles only *****/
.js #datesWrapper {
    display: block;
}
.js .manualDateSection {
    display: none;
}
.js p.step_title {
    display: block;
}

/* Non - js */
.manualDateSection {
    float: left;
    width: 350px;
}
form .manualDateSection div.field div.label label {
    width: auto;
}
form .manualDateSection div.field div.input {
    margin-left: 140px;
}
form .manualDateSection div.field div.input div.inputWrapper {
    background: transparent;
    margin: 0;
    padding: 0;
    width: auto;
}
form .manualDateSection div.field div.input div.inputWrapper div {
    background: transparent;
}
.manualDateSection label {
    display: block;
    float: left;
    font-size: 1.33em;
    width: 150px;
}
.manualDateSection label {
    display: block;
    float: left;
    font-size: 1.33em;
    width: 150px;
}
.manualDateSection select {
    width: 150px;
}
.manualDateSection div.field {
    margin-bottom: 15px;
}
.manualDateSection p {
    margin-top: 1em;
}
.dates hr {
    margin-top: 10px;
}
hr {
    border-width: 0;
    border-top: 1px dotted #ccc;
}
.js hr {
    border-top: none;
    display: none;
}
p.step_title, p#switchToEngineerInstall, p#switchToSelfInstall {
    display: none;
}
.dottedBorder {
    border-bottom: 1px dotted #afafaf;
    border-top: 1px dotted #afafaf;
    margin-top: 25px;
    padding: 20px 0;
}
.mobile-insurance-lightbox {
    width: 560px;
}
.mobile-insurance-lightbox div.lbContent p, .mobile-insurance-lightbox div.lbContent h3 {
    margin: 20px 0;
    padding: 0;
}
.mobile-insurance-lightbox div.lbContent {
    width: 310px;
}
.mobile-insurance-lightbox ul {
    margin: 0;
    padding: 0;
}
.mobile-insurance-lightbox ul li {
    list-style: none;
    margin: 10px 0;
    padding: 0 10px;
}
.mobile-insurance-lightbox img {
    float: right;
    margin: 0 0 0 340px;
    padding: 5px 0 5px 5px;
    position: absolute;
}
.mobile-insurance-lightbox img {
    float: right;
    margin: 0 0 0 340px;
    padding: 0;
    position: absolute;
}
.address-finder-multiple {
    width: 600px;
}
div.confirmationButton {
    clear: both;
    padding-left :  146px;
}

.js div.confirmationButton {
    padding-left: 0;
}
form div.field.confirmationButton div.checkbox label {
    display: inline-block;
    margin-left: 5px;
    width: auto;
}
form div.datesWrapper > div > .confirmationButton div.input,
form div.datesWrapper > div > .confirmationButton div.error {
    margin-left: 145px;
}
#EngineerInstallGroup form div.field.confirmationButton div.input {
    margin-left: 0;
    padding-left: 146px;
    position: relative;
}
#installationDate .datesWrapper #EngineerInstallGroup .dates.installDateOne.secondDateContainer{
    margin:0;
}
#mobileDeliveryDate .datesWrapper #mobileGroup .dates.deliveryDate{
    margin:0;
}
form div.field.confirmationButton {
    padding: 0;
}
label.altState {
    color: #008000;
}
#two {
    display: none;
}
form div.field.doubleLabel div.label span {
    display: inline-block;
    font-size: 1em;
    margin-right: 25px;
}
form div.field div.input.listingInitial div.inputWrapper {
    width: 100px;
}

input#initial.validateInitial {
    width: 50px;
}

form div.field div.input div.residence,
form div.field div.multipleInputs.residence div.input div.yearResidence{
    width: 115px;
}

form div.field div.input div.residentialStatusPopup {
    width: 200px;
}
form div.field div.input div.addressPickerDD {
    width: 450px;
    margin-top:58px;
}
form div.field div.input .saveButton {
    width: 82px;
}
.lh36{
    line-height: 36px;
}
.fr {
    float: right;
}
form .smallErrorBoxes div.field div.error {
    width: 166px;
}
#addressMatch select {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    background: url('/images/bg/textarea.gif') #fff repeat-x left top;
    border: 1px solid #b7b7b7;
    overflow: auto;
    padding: 4px;
    width: 580px;
}
#addressInLast3Years strong {
    margin-right: 5px;
}
form div.field div.label span.multipleMatcheslabel {
    display: block;
    font-size: .8em;
    color: #f00;
}
#basketSummary {
    width: 820px;
}
#previousAddresses span.installationAddress {
    display: block;
}
#previousAddresses span.previousAddress {
    display: block;
    padding-left: 271px;
}
#simOnly {
    width: 100%;
    clear: both;
}

/*
#simOnly li.rowTitle {
    margin-top: 19px;
}*/

#installation .additionalServices {
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    background: #ddd;
    clear: both;
    margin-bottom: 20px;
}
#hdmi.additionalServices {
    overflow: hidden;
    background-color: #DDDDDD;
    padding: 15px 0;
    border-bottom: 1px dotted #b2b2b2;
}

#hdmi .label{
    width : 269px;
    text-align : right;
    margin-left: 20px;

}

#installation p.title, #mobileGroup p.title {
    width : 265px;
    padding : 2px 0px 0px 0px;
    margin : 0px 25px 10px 0px;
    display : block;
    float : left;
    text-align : right;
}
#hdmi.additionalServices div.input.radio {
    width: 250px;
}
div#activationTVservice.additionalServices {
    padding: 15px 20px;
}
#errorMessage {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #f4c5c6;
    border: 1px solid #f00;
    margin-bottom: 15px;
}
#errorMessage p {
    margin: 1em 0;
    padding-left: 30px;
}
div.accountDetailSummary ul {
    margin: 0 0 20px;
    padding: 0;
}

body.js div.accountDetailSummary,

body.js div.directDebit div.smallPrint,
body.js div.directDebit div.authorise {
    display: none;
}

#mobileDirectDebit {
    margin-top:30px;
    padding-top:1px;
    border-top:2px solid #ccc;
}

div.findMyBank,
div.accountDetailSummary,
p.warning,
div.findMyBank {
    display: none;
}
.js div.findMyBank,
.js div.accountDetailSummary,
.js p.warning,
.js div.findMyBank {
    display: block;
}
div.paymentSummary dt {
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-right: 20px;
    text-align: right;
    width: 300px;
}
div.paymentSummary dd {
    display: block;
    margin-bottom: 15px;
}
#detailReview.paymentSummary dt,
#successfulPayment.paymentSummary dd {
    font-weight: normal;
}
#detailReview.paymentSummary dd,
#successfulPayment.paymentSummary dt {
    font-weight: bold;
}
#detailReview p {
    text-align: right;
    font-size: 1.33em;
    font-weight: bold;
    width: 506px;
}
#successfulPayment p {
    text-align: right;
    font-size: 1.33em;
    font-weight: bold;
    width: 350px;
}
#verificationForm {
    background: #000;
    border: 1px solid #f00;
    float: left;
    height: 500px;
    width: 430px;
}
#verificationInfo h4 {
    margin-top: 0;
}
#verificationInfo {
    background: #dcdcdc;
    border: 1px solid #000;
    float: right;
    padding: 15px;
    width: 330px;
}
div.ccvNumber {
    background: url('/images/forms/creditCard.png') left top no-repeat;
    left: 370px;
    padding-top: 85px;
    position: absolute;
    top: 11px;
    width: 117px;
    z-index: 1;
}
#legalStuff {
    margin-top: 25px;
}
form #legalStuff div.field div.input.checkbox {
    margin-left: 0;
}
form #legalStuff div.field div.input.checkbox label {
    width: auto;
}
form #legalStuff  ul {
    margin: 0;
    padding: 0;
}
form #legalStuff  ul a {
    display: inline-block;
    margin-bottom: 4px;
    text-decoration: underline;
}
form #legalStuff  ul a:hover {
    text-decoration: none;
}
#terms {
    width: 700px;
}
form div.double div.radio {
    width: 230px;
}
form div.innerDouble div.radio {
    width: 200px;
}
form div.input.userPrompt {
    margin-left: 271px;
}
form div.input.userPrompt {
    margin-left: 271px;
}
form div.input.userPrompt p {
    margin: 0;
}
form div.input.userPrompt span {
    margin: 0;
}
form div.input.userPrompt p span {
    display: block;
}

p.notification{
    color:red;
}

p.techIssue{
    color:green;
}



/*****************************************************************************
    Reset MultipleSelect Select
*****************************************************************************/
form div.field .multipleSelect .dd {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #535353;
    height: 70px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 380px !important;
}
form div.field .multipleSelect .dd a {
    font-size: 1em;
    padding: 4px 4px 4px 8px;
}
form div.field .multipleSelect .dd_display span,
form div.field .multipleSelect .dd_display a {
    display: none;
}

/*****************************************************************************
    Checkout Validation
*****************************************************************************/
form .directDebit div.field div.input div.inputWrapper input {
    top: 0;
}
form .directDebit div.field.invalid,
form .panel_oneoffPayment div.field.invalid {
    margin: 0 0 21px 0;
}
.oneoff_payment form div.field div.multipleInputs div.input {
    margin-bottom: 0;
}
form div.field.noHint.singleSelect {
    margin-bottom: 7px;
    display: inline-block;
}
form div.field.noHint.securityCode { /* has styles in ie6.css */
    margin-bottom: 45px;
    position: relative;
}
form div#hdmi div.field div.error {
    margin-bottom: 8px;
}
form div.datesWrapper div.error {
    margin: 0;
}
form div.oneoff_payment div.field div.error {
    background: url('/images/forms/error_indicator.gif') #fff no-repeat 8px center;
    position: relative;
}
form div.field.confirmationButton div.error {
    left: 0;
    margin-top: 5px;
    float: none;
}
#addressLookupContainer {
    width: 740px;

}

/* reviewPackage table */
table.reviewPackage {
    margin:0 auto;
}
.mandatoryField{
    text-align: right;
}

p.mandatoryField{
    clear:left;
    font-weight:bold;
    text-align: left;
}

#additionalFieldset {
    overflow: visible;
    position: static;
    z-index: 1000;
}
form .groupFields div.cardType {
    position: relative;
}

#checkoutForm .existing_address {
    line-height: 100%;
}

.inner-section .field.noHint .label .existing_address{
    line-height: 100%;
}

div#basketSummary div.closebtn {
    width:580px;
}

/*
Home Visit CSS
*/
#time-slot-container{width:700px; border:1px solid #666666;}
#time-slots{width:700px;}
#time-slots th, #time-slots td{padding:3px;}
#time-slots thead th{background:#999999; color:#ffffff; text-align:left; font-weight:bold; border-bottom:1px solid #aaaaaa; border-right:1px solid #aaaaaa;}
#time-slots thead th.last, #time-slots tbody td.last{border-right:0px;}
#time-slots tbody td, #time-slots tbody th{text-align:left; border-right:1px solid #aaaaaa; border-bottom:1px dashed #999999;}
#time-slots tbody tr.last td, #time-slots tbody tr.last th{border-bottom:none;}
#time-slots tbody tr#chosen th, #time-slots tbody tr#chosen td{background:#c0c0c0;}
#time-slots tbody tr#chosen td#selbold{font-weight:bold;}

div.detail_summary h3 span.backlink{float:right; font-weight:normal;}

/*
Review Order footer controls
*/
span.review-footer-controls{display:block; width:940px; height:30px; line-height:30px;}
span.review-header-controls{font-size:0.5em; font-family:Arial,Helvetica,sans-serif; color:#ccc; padding-left:10px;}
span.review-header-controls a {background:url(/images/buildorder/arrow_white.png) no-repeat right center; padding-right:8px !important;}
span.review-header-controls a:hover {text-decoration:underline;}
span.review-footer-controls a.text-link, span.review-header-controls a.text-link{color:#333; font-size:0.8em; padding-right:20px;}
span.review-footer-controls span.left-controls {float:left; padding-left:30px;}
span.review-footer-controls span.right-controls, span.review-header-controls span.right-controls{float:right; padding-right:30px;}
/*replace the background colours with appropriate images*/
span.review-footer-controls span.right-controls a.save, span.review-header-controls span.right-controls a.save{width:19px; height:17px; text-indent:-9999px; background-image: url('/images/buildorder/save_icon.png'); display:block; margin:8px 0 0 5px; position:relative; padding:0px; line-height:0; float:left;}
span.review-footer-controls span.right-controls a.share, span.review-header-controls span.right-controls a.share{width:17px; height:13px; text-indent:-9999px; background-image: url('/images/buildorder/share_icon.png'); display:block; margin:10px 0 0 5px; position:relative; padding:0px; line-height:0; float:left;}
span.review-footer-controls span.right-controls a.print, span.review-header-controls span.right-controls a.print{width:19px; height:17px; text-indent:-9999px; display:block; margin:8px 0 0 5px; border:1px dotted white; position:relative; padding:0px; line-height:0; float:left;}

#termsaccordion{
    border: 1px solid #CCCCCC;
    margin: 10px 0;
}
#termsaccordion .header{
    /*
    border-bottom: 2px solid white;
    background-color: #E5E5E5;
    */
    background: url("/images/placeholders/yourTotal_cell_bg.gif") repeat-x scroll 0 0 transparent
}
/*
#termsaccordion .ui-state-active{
    background-color: #FAFAFA;
}
*/
#termsaccordion .header {
    cursor: pointer;
    padding: 10px 10px 10px 20px;
}

#termsaccordion .header > span.arrow {
    margin-right: 10px;
    display: inline-block;
    width: 9px;
    height: 9px;
    background: transparent url('/images/elements/accordion-arrow.png') no-repeat center bottom;
}

#termsaccordion .header.ui-state-active > span.arrow {
    margin-right: 10px;
    display: inline-block;
    width: 9px;
    height: 9px;
    background: transparent url('/images/elements/accordion-arrow.png') no-repeat center top;
}

#termsaccordion .content {
    /*  display: none;*/
    margin: 0px 20px 20px 38px;
    padding-top: 10px;
}

#termsaccordion.open .content {
    border-top: 1px dotted #444;
    display: block;
}

form #EngineerInstallGroup div.field div.input {
    margin:0 !important;
    padding-left: 147px;
}

.field  .label .textConfiguration.normalLineHeight {
    line-height: 20px;
}


form div.inputWrapper .dd {
    height: 145px !important;
    overflow-y: auto !important;
}
form div.inputWrapper .autoheight .dd{
    height: auto !important;
}
table.reviewPackage tbody th p.oneoffPayment_infoDirect{
    padding-left: 20px;
    font-size: .75em;
    background: url('/images/elements/info_icon.png') no-repeat 0 5px;
}
/* Overwrite the default to keep the scrollbar always visible in Safari Mac */

#container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

#container::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


form#yourDetailsForm div.inputWrapper .dd_display,
#checkoutForm div.inputWrapper .dd_display {
    font-size: 1em;
    padding:  0;
}
#checkoutForm .field .input.date .inputWrapper .dd_display {
    padding-right:4px;
}

#submitButtonDiv{
    margin-left:0px;
}

#submitButtonDiv input{
    margin-left:270px;
    *position:relative;
    *left:-30px;
}

#yourDetailsForm .label .textConfiguration {line-height:20px; padding-top:6px;}
#yourDetailsForm .label .textConfiguration .optional {line-height: 1em;}




/* CHECKOUT FULLBASKET */


table.yourBundle,
table.yourExtras,
table.yourTotal {
    width: 600px;
}
table.yourBundle td,
table.yourBundle tbody th {
    background-color: #efefef;
    border-right: 2px solid #ededed;
    border-bottom: 1px solid #f6f6f6;
    font-weight: bold;
    height: 38px;
    text-align:center;
    padding-left: 10px;
}
table.yourBundle tbody th {
    background: #e8e8e8 no-repeat 11px center;
    text-align: left;
    vertical-align: middle;
}
table.yourBundle td.oneoffPay {
    background-color: #f3f3f3;
    font-size: 1.5em;
}
table.yourBundle tr.last th,
table.yourBundle tr.last td {
    border-bottom-color: #e8e8e8;
}
table.yourBundle tbody th p {
    margin: 10px 0 10px 50px;
}
table.yourBundle th.pointer p {
    font-weight: normal;
}
table.yourBundle td span,
table.yourBundle tbody th span {
    display: block;
    font-weight: normal;
}
table.yourBundle td span.highlight {
    font-size: 0.9167em;
}
table.yourBundle td.oneoffPay span {
    font-size: 0.6111em;
    line-height: 12px;
    margin-top: 5px;
    width: 80px;
}
table.yourBundle td.tableTitle {
    background-color: #fff;
    border-right: none;
    color: #979797;
    font-size: 1.1667em;
    font-weight: normal;
    text-align: left;
}
table.yourBundle div.field div.input {
    margin-left: 0;
}

table.yourTotal th,
table.yourTotal td {
    background: url('/images//placeholders/yourTotal_cell_bg.gif') repeat-x;
    font-weight: bold;
    height: 37px;
    padding-left: 15px;
}

table.yourBundle th.pointer {
    background: #e8e8e8 url('/images//elements/icons/pointer.png') no-repeat scroll 24px center;
}

table.yourBundle thead th, table.yourTotal thead th {
    background: url("/images//bg/review_header_bg.png") repeat-x scroll 0 0 #363636;
    color: #FFFFFF;
    height: 51px;
    padding: 0 15px;
    font-family: Arial,sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}
table.yourBundle thead th.monthly-oneoff-title {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
}
table.yourTotal #monthlyTotal th {
    font-weight: normal;
    text-align:left;
}

#required {color:#666; display:block; padding-top:15px; text-align:left;}
.deliveryInstallations #required {margin:0; position:absolute; right:30px;}
.deliveryInstallations .groupFields {clear:both;}
#yourDetailsForm #aboutYou {margin-bottom:-30px; border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;}
#regularPayments.current_title {margin-bottom:-30px;}
#yourDetailsForm .optional {font-size:0.9em; color:#666;}
#yourDetailsForm .virginMobileNumber .optional {font-size:0.9em; color:#666; width:250px;display:block;}
#yourDetailsForm .radio label, #yourDetailsForm .radio .textConfiguration {margin-left:4px; font-size:1.08em;}
#yourDetailsForm #currentInstallationAddress {line-height: 28px;}
#yourDetailsForm div.checkbox label div.textConfiguration {margin-left:0;}
#checkoutForm .buttonsSection {margin-left:0; padding:20px 0 0 322px; border-top:2px solid #ccc;} /* 270px */
#yourDetailsForm .globalAlertWrapper {margin-top:34px;}
#yourDetailsForm .richtext {margin-bottom:15px;}
.checkoutGradTitle {font-size:1.3em !important; padding:25px 30px 15px;}

form div.invalid div.error, form div.field div.error {font-size:0.91667em; line-height:1.25em;}
#checkoutForm form div.field.invalid div.error, form div.field div.error {width:230px;}
#whereYouLiveDetailsForm div.field.invalid div.error, #whereYouLiveDetailsForm div.field div.error {width:180px;}
#orderPrint {background:url(/images/checkout/print.png) no-repeat left; padding-left:28px; float:right; min-height:20px; display:block;}

/*
-------------------------------------------------------------
        NEW INSTALLATION AND DELIVERY CLASSES
-------------------------------------------------------------
*/

#EngineerInstallGroup div.bookInstallation_confirm div.error,
#SelfInstallGroup div.bookInstallation_confirm div.error,
#mobileDelivery.deliverySection div#mobileDeliveryDate div.datesWrapper div#mobileGroup.sectionGroup div.field div.error
{
    width : 440px;
    background: url("../../images/myapps/error-bg.gif") repeat-x scroll left bottom #FFCC00;
    border: 3px solid #E9B500;
    border-radius: 4px 4px 4px 4px;
    margin :  10px 0px 0px 290px !important;
    padding: 10px;
    clear : both;
    font-size : 1em;
}

#SelfInstallGroup div.chosenDateInfo div.error
{
    width : 440px;
    background: url("../../images/myapps/error-bg.gif") repeat-x scroll left bottom #FFCC00;
    border: 3px solid #E9B500;
    border-radius: 4px 4px 4px 4px;
    margin :  10px 0px 0px 0px !important;
    padding: 10px;
    clear : both;
    font-size : 1em;
}

#EngineerInstallGroup div.bookInstallation_confirm div.error span.errorIcon,
#mobileDelivery.deliverySection div#mobileDeliveryDate div.datesWrapper div#mobileGroup.sectionGroup div.field div.error span.errorIcon
{
    display : inline-block;
    height : 35px;
    width : auto;
    background: url("/images/elements/icons/alertIconYellow.gif") no-repeat 0px 0px transparent;
    padding : 5px 0px 0px 45px;
    vertical-align  : middle;
}

.bookInstallation_confirm{
    display : block;
    padding :  20px 0px 20px 0px;
    border-bottom: 1px dotted #B2B2B2;
}

#installation  .confirmationButton .bookInstallation_confirm
{
    padding :  20px 0px 20px 0px;
}

#mobileDelivery{
    margin-bottom : 20px;
}

#mobileDeliveryDate{
    padding :  20px 20px 10px 20px;
}


.bookInstallation_confirm  p.title{
    width: 265px;
    padding : 0px 25px 0px 0px;
    text-align : right;
    float : left;
}

#installation #hdmi label,
#installation  li#editedListTitle,
#mobileDelivery  li#editedListTitle,
.bookInstallation_confirm  p.title label,
#mobileDeliveryDate .installationNotes label
{font-size : 14px;}

#EngineerInstallGroup .chosenDateInfo .chosenDateTitle,
#SelfInstallGroup .chosenDateInfo .chosenDateTitle,
#mobileGroup .chosenDateInfo .chosenDateTitle
{font-size : 14px;}

#installationSummaryClosed,
.deliverySummary{
    margin-top : 0px;
    padding-top : 20px;
    padding-bottom : 20px;
}

ul li#editedListTitle {
    font-size : 1.1em;
    width   : 36.5%;
    text-align : right;
    margin : 0px 15px 0px 0px;
}

#installation div.fieldRow {
    width : 99%;
    margin : 0px 0 15px 0;
    padding : 0px 0 15px 0;
    min-height : 45px;
    border-bottom: 1px dotted #b2b2b2;
}

#installation  #engineerInstallationChoice  .section_intro{
    padding : 0px 20px 0px 0px;
    margin : 0px;
    font-size : 1.2em;
    font-weight : bold;
    float : left;
}

#installation  #engineerInstallationChoice .relativeCost{
    font-size : 1.2em;
    font-weight : bold;
}

#engineerRow  #engineerInstallationChoice .section_intro
{
    float : left;
}

#engineerRow  #engineerInstallationChoice


#installation #cableServices  li#engineerRow{
    width : 750px;
    padding : 0px;
}

#installation   li#engineerRow li.reliableSimple{
    margin : 10px 20px 0px 0px;
    padding : 2px 0px 0px 35px;
    background : url("/images/elements/greenTick.png") no-repeat 0px 0px;
    height : 25px;
}

#installation li#engineerRow p.reliableSimple{
    margin : 10px 20px 0px 0px;
    padding : 2px 0px 0px 35px;
    background : url("/images/elements/greenTick.png") no-repeat 0px 0px;
}

#installation .chosenDateInfo  a.ctaPrimarySmall{
    display : display;
    margin : 0px 0px 0px 0px;
}


.installDateOne{
    position : relative;
    z-index : 10;
}

span.numberone,
span.numbertwo{
    display : block;
    height: 27px;
    width : 27px;
    position : absolute;
    top : 5px;
    left : 115px;
    z-index : 20;
    text-indent : -9999em;
}

span.numberone{
    background : url("/images/elements/firstSelectedDate.png") no-repeat 0px 0px;
}

span.numbertwo{
    background : url("/images/elements/secondSelectedDate.png") no-repeat 0px 0px;
}

#installationSummaryClosed  ul li #one  .engineer-install .engineer1
{
    margin : 0px 0px 10px 0px;
    padding : 0px;
}
p.orderComleteIntro {margin-top:20px !important; margin-bottom:5px;}
.checkoutGradLabel {margin-left:1px;}
.globalAlert .globalAlertIcon h5 {padding-left:45px; margin-top:-10px;}
.validateCheckbox {width:19px; height:19px; margin:0 !important; display:inline-block !important; float:left;}
.validateCheckbox input {margin:3px;}
.invalid .validateCheckbox {background:url(/images/forms/checkbox.png) no-repeat;}
.showPassword .validateCheckbox, .active .validateCheckbox {background:none;}
form div.field div.checkbox label {width:294px;}
#addressLookupContainer form div.field.invalid div.error {width:160px;}
#manualAddress form div.field.invalid div.error {width:200px;}
#lightbox-container h3.checkoutLookupTitle {margin-bottom:19px !important;}
#addressPickerDDinput {padding-top:1px;}
#addressPickerDDinput .address {margin-top:0;}
#checkoutForm div.inner-section div.dd_mandate h3 {margin-top:0;}
#mobileDirectDebitInstruct {margin-bottom:20px; margin-top:-5px;}
#mobileDirectDebitInstruct h3 {margin-top:0;}
.detail_summary .dd_mandate {margin-top:30px;}
.detail_summary .dd_mandate h3 {margin-top:0 !important; float:none !important;}
.detail_summary .dd_mandate ul {margin: 10px 0 0 18px !important;}
div.panel p.display_DDdisclaimer {margin-top:20px;}
#checkoutForm div.inner-section p.sameDetailsInfo {margin-bottom:20px;}
#mobileDirectDebit .lastRadio {border-bottom:2px solid #ccc; margin-bottom:30px; padding-bottom:25px;}
#checkoutForm div.inner-section #mobileBankDetailsSection h3 {margin-top:0;}
#mobileDirectDebitInstruct {overflow:hidden;}
#mobileBankDetailsSection.directDebit {background:none;}

.tncErrorMesage{
    color : #ff0000;
}
body.checkout .globalAlertWrapper p a {color:#cc0000; cursor:pointer; text-decoration:none;}


#lightbox-container #reviewbasket,
#colorbox #reviewbasket {
    float:left;
}
#colorbox #full-summary ,
#colorbox #directDebitSummary{
    font-size: 12px;
    width: 824px;
}
#orderCompletePromo {
    margin-top:25px;
}
#orderCompletePromo p{
    padding: 0;
    margin: 0;
}

#yourDetailsForm div.field div.multipleInputs div.input.macCode1{
    margin-right: 0;
}
#yourDetailsForm div.field div.multipleInputs div.input.macCode1 div.inputWrapper {
    width: 190px;
}
#yourDetailsForm div.field div.multipleInputs div.input.macCode1 input {
    width: 165px;
}

#yourDetailsForm div.field div.multipleInputs div.input.macCode2 div.inputWrapper {
    width: 80px;
}

.deliveryInstallations .qsGreenTick{
    background: url("../../images/quickStart/qsGreenTick.png") 0px 0px no-repeat;
    padding : 5px 0px 20px 50px;
}

.detail_summary ul li span.noBold{
    font-weight : normal !important;
}

#CheckoutInner .cancelOrderContainer{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border : 1px solid #E1E1E1;
    padding : 20px;
    display: none;
}

.cancelOrderContainer input.cancelOrderSubmit{
    float : left;
}

form div.field div.input input.isUkAddressRadio{
    width : 10px;
    display : inline;
}

.radioContainer{
    line-height : 40px;
}

form div.field div.input .radioLabel{
    padding-right : 10px;
}

.multiAddressSelect label{
    float : left;
    width : 250px;
    margin-right : 20px;
    text-align : right;
    font-size: 14px;

}

.mulitAdressWrapper{
    float : left;
    width : 450px;
}


.multiAddressList{
    float : left;
    width : 420px;
    -moz-border-radius: 5px;
    -web-kit-border-radius : 5px;
    border-radius: 5px;
    border : 1px solid #000;
    padding : 10px;
    height : 140px;
    margin : 0px 0px 10px 0px;
    background: #fff url("/images/buildorder/loading_on_white.gif") no-repeat center center ;
}

.multiAddressList ul{
    display:block;
    overflow-y: scroll;
    overflow-x: hidden;
    width : 420px;
    height : 140px;
    margin: 0px;
    padding : 0px;
}

.multiAddressList li{
    padding : 8px;
    border-bottom : 1px solid #F2F2F2;
    cursor : pointer;
    background: #fff;
}

.multiAddressList li:hover,
.multiAddressList li.selected{
    background : #eaeaea;
}

input.paginate{
    width: 100px;
}


.disabledLink,
input.disabledLink,
input.disabledLink:hover{
    opacity : 0.6;
    filter: alpha(opacity=60);
    cursor : default;
    background: url("../../images/buttons/secondary_medium_bg.png") repeat scroll 0 0 transparent;
}

.singleAddressList{
    width : 320px;
}

.singleAddressList p.addressSingular{
    margin-top : 0px;
    font-size : 14px;

}

.singleAddressList p.lineBreakOr {
    text-align : center;
    font-size : 14px;
    font-weight : bold;
    color : #999;
}

span.textContent{
    display: block;
    float : left;
    padding: 0 10px;
}

span.LineThru{
    border-top: 2px solid #999;
    display : block;
    height: 2px;
    margin-top:9px;
    width : 44%;
    float : left;
}

a.broadenSearch{
    color : #999;
    text-decoration: underline;
}

a.broadenSearch:hover{
    color : #c00;
}

.noDisplay{
    display:none;
}

.pagNumbers{
    margin-bottom : 10px;
    text-align: center;
    font-weight : bold;
    clear:both;
}


#addressDetailsForm .globalAlertWrapper{
    margin : 30px;
}

#addressDetailsForm .mulitAdressWrapper .pagination{
    padding : 0px 10px 10px 0px;
}

#addressDetailsForm a#addressLookupConfirm{
    margin-right : 25px;
    margin-bottom : 10px;
}

.searchAgain{
    text-decoration: underline;
    cursor: pointer;
    margin : 0px 0px 0px 0px;
    text-decoration: underline;
    font-size : 12px;
}

#findAddressButton{
    margin-bottom : 20px;
}
.home-work{
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
}

/*21CV : Vulnerable styles*/
div.inner-section.vocCustomer h2{
    margin-top:20px;
}
div.vocCustomer .field input{
    float:left;

}
div.vocCustomer .field label{
    float:left;
}
div#vocCustomerMoreInfo{
    width:96%;
    background-color: #FBFBFB;
    padding: 20px;
    margin-bottom:20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div#voc-text-left,div#voc-text-right{
    float:left;
    width:46%;
}
div#voc-text-left{
    padding-left:4%;
}
div#voc-text-right{
    padding-right:4%;
}
#checkoutForm div.inner-section.vocCustomer div#vocCustomerMoreInfo p{
    margin-bottom:25px;
}
span#vocCustomerMoreInfoLink{
    color: #f00;
    text-decoration: none;
    cursor: pointer;
}

label[for='vocVulnerableCustomer'], label[for='vocCustomerHasMobile'] {
    padding-left:0;
}

div#vocPremiseVulnerableSection span#vocCustomerMoreInfoLink{
    padding-right:14px;
    background: url('/images/grey_arrow_down.gif') no-repeat right center;
    background-size:8px 8px;
}
div#vocPremiseVulnerableSection span#vocCustomerMoreInfoLink.open{
    background: url('/images/grey_arrow_up.png') no-repeat right center;
    background-size:8px 8px;
}
span#vocCustomerMoreInfoLink:hover{
    text-decoration: underline;
}
div.voc-vulnerable-disable-section{
    display:none;
}
div.voc-vulnerable-disable-message{
    border: 3px solid #E9B500;
    background: #FFFFCF;
    filter: alpha(opacity=40);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 10px;
    padding: 15px;
    padding-top:30px;
    color: #E9B500;
    font-size: 17px;
    margin-bottom: 25px;
    margin-top: 27px;
}
div.panel .voc-vulnerable-disable-message p{
    max-width:100%;
    margin-top:15px;
    margin-left:30px;
}
div.voc-premise-mobile-overlay{
    height: 100px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
    background: #fff;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 10px;
}
div.voc-vulnerable-disable-overlay{
    height: 91%;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 10;
    background: #fff;
    opacity: 0.9;
    filter: alpha(opacity=90);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 10px;
}
div.checkoutContainer div.inner-section.vocCustomer ul{
    padding-top:2px;
    padding-bottom:2px;
}
div.checkoutContainer div.inner-section.vocCustomer h4{
    margin-bottom:10px;
}
div.voc-vulnerable-disable-message span{
    background: url('/images/vulnerability-overlay-icon.png') no-repeat left center;
    float:left;
    padding-left:30px;
    font-size:21px;
}
div.checkoutContainer .section_detail#irs-premise p{
    max-width:100%;
}

.confirmOrder .voc-find-more-link{
    padding: 0px 30px 30px 30px;
}
/*Quick Start TakeAway */

.checkout.quickStartTakeAway #unified-header-level-one,
.checkout.quickStartTakeAway #unified-header-level-two,
.checkout.quickStartTakeAway .mobile-back-to-top {display: none;}
.checkout.quickStartTakeAway div.twoCol div.container, .checkout.quickStartTakeAway div.container{
    float:none;
    margin-right: auto;
    margin-left: auto;
    width: 1170px !important;
    padding-right: 15px;
    padding-left: 15px;
    border:none;
    background : none;
    height:auto;
}
.checkout.quickStartTakeAway div.content.container{
    padding:0;
    min-height:0;
}
.checkout.quickStartTakeAway .outer {
    margin: 0 auto 30px !important;
}
.checkout.quickStartTakeAway div.hero{
    height:auto;
}
#takeAwayOrderContainer{
    padding-bottom:12px;
}
.quickStartTakeAway .hide{
    display:none;
}
.quickStartTakeAway h1{
    padding-bottom:0px;
}
.quickStartTakeAway h2.qs-heading{
    line-height:23px;
    font-size:17px;
}
.quickStartTakeAway p{
    font-size:15px;
}
.quickStartTakeAway #accordion div.section_title{
    padding-left:0;
}
.checkout.quickStartTakeAway .inner-section{
    border-top: 1px dotted #afafaf;
    margin-top: 16px;
}
.quickstart-delivery-link{
    width:100%;
    padding-top:15px;
    padding-bottom:20px;
    text-align:right;
}
.quickstart-delivery-link p{
    margin:0px !important;
    max-width:100% !important;
}
.checkout.quickStartTakeAway .field{
    padding-top:15px;
    padding-bottom:30px;
}
.checkout.quickStartTakeAway .qsTakeAwayLabel{
    margin-bottom:5px !important;
}
.checkout.quickStartTakeAway div.field div.inputWrapper div{
    padding-left:0px;
}
.checkout.quickStartTakeAway form div.field div.input{
    float:left;
}
.checkout.quickStartTakeAway form div.field input{
    text-align:center;
}
.checkout.quickStartTakeAway .agent-id-input .inputWrapper{
    width:130px;
}
.checkout.quickStartTakeAway .mac-address-input .inputWrapper,.checkout.quickStartTakeAway .mac-address-input input{
    width:80px;
}
.checkout.quickStartTakeAway .set-top-serial-number .inputWrapper, .checkout.quickStartTakeAway .set-top-serial-number input{
    width:90px;
}
.checkout.quickStartTakeAway .agent-id-input input{
    width:108px;
}
.quickStartTakeAway form div.field.agent-id-input div.input{
    margin-left:300px;
}
.checkout.quickStartTakeAway .multipleInputs{
    margin-left:145px !important;
    margin-top:15px;
}
.checkout.quickStartTakeAway .multipleInputs.set-top-serial-number{
    margin-left:200px !important;
}
.quickStartTakeAway .error{
    color:#c00;
    font-size:13px;
}
.checkout.quickStartTakeAway form div.field div.error{
    float:left;
    width:100%;
    margin-bottom:15px;
    font-size:13px;
}
.quickStartTakeAway .buttonsSection{
    margin-left:350px;
    margin-top:15px;
}
#takeAwayBackBtn span{
    cursor:pointer;
    color:red;
    font-size:18px;
}
#qsTakeAwayConfirmStep2 #takeAwayBackBtn, #qsTakeAwayConfirmStep2 .buttonsSection {
    display: inline-table;
}




/* added for leapfrog  */
.deliveryAndInstallation .padding-10-0 {
    padding: 10px 0px;
}

.deliveryAndInstallation form div.field.padding-lr-20, .res-checkout-journey.deliveryAndInstallation form .padding-lr-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.deliveryAndInstallation .control-label {
    font-weight: normal;
    padding: 7px 0px 7px 10px;
    margin: 6px 0px;
    font-size: 13px;
}

.text-right {
    text-align: right;
}

.leapFrog-radio label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

.deliveryAndInstallation .radio:first-child {
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
.deliveryAndInstallation div.radio {
    -webkit-box-sizing: border-box;
    border: 1px solid #cccccc;
    display: block !important;
    margin: 0px;
    min-height: 36px;
    height: auto;
}
form .deliveryAndInstallation div.radio {
    line-height: 1.9em;
    overflow: hidden;
    padding-bottom: 1px;
}

.deliveryAndInstallation .radio,.deliveryAndInstallation .checkbox {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.deliveryAndInstallation div.field div.radio input {
    width: auto;
    margin-left: 15px;
}
.deliveryAndInstallation form div.field div.radio input {
    float: left;
    margin: 11px 3px 0 2px;
    width: auto;
}
.deliveryAndInstallation .radio input[type="radio"],.deliveryAndInstallation .radio-inline input[type="radio"],.deliveryAndInstallation .checkbox input[type="checkbox"],.deliveryAndInstallation .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.deliveryAndInstallation #eligibilityCheck div.radio label {
    height: 38px;
}
.deliveryAndInstallation #qsCheck div.radio label, .deliveryAndInstallation #eligibilityCheck div.radio label {
    float: none;
}
.deliveryAndInstallation input[type='radio']:checked + label {
    background: #dedede;
}
.deliveryAndInstallation div.radio label {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 18px;
    margin: 0px;
    padding-left: 15%;
    min-height: 36px;

}


.deliveryAndInstallation div.radio label {
    margin: 0px;
    padding: 0px 20% 0px 12%;
    width: 100%;
}

.deliveryAndInstallation div.radio div.textConfiguration {
    margin: 10px 0px;
    font-size: 13px;
    line-height: 18px;
}
.deliveryAndInstallation form div.radio label, form div.radio div.textConfiguration {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 36px;
    margin: 0 10px;
    margin-left: 0;
}

.leapFrog-radio .will-be-label{
    width: 200px;
    float: left;
    font-size: 14px;
}
.deliveryAndInstallation .radio-wrapper {
    float: left;
    width: 350px;
    margin-left: 40px;
}
.deliveryAndInstallation .radio-wrapper label {
    width: 100%;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.deliveryAndInstallation .radio-wrapper .radio {
    margin: 0;
    border: 1px solid #cccccc;
    border-radius: 5px 5px 0 0;
    margin-top: 10px;
    padding: 0;
}
.deliveryAndInstallation .radio-wrapper input {
    margin-left: 10px !important;
}
.deliveryAndInstallation .radio-wrapper .textConfiguration {
    line-height: 25px !important;
}
.deliveryAndInstallation .radio-wrapper .radio.last {
    margin-top: 0;
    border-radius: 0 0 5px 5px;
    border-top: 0;
}
.price-holder {
    float: right;
    line-height: normal;
    margin: 10px;
}
.check-desc {
    display: block;
    padding-left: 20px;
}

.checkout #jquery-lightbox{
    overflow:visible !important;
}


.checkout #colorbox #cboxContent #cboxLoadedContent{
    overflow:static !important;
}


#yourDetailsForm .leapFrog-radio label {
    margin-left: 0px;
    width:0;
}


.deliveryAndInstallation .leapFrog-radio div.textConfiguration
{
    margin-top:7px !important;
}
.image-holder-sec {
    padding-top: 20px;
    margin-left: 50px;
    display: inline-block;
}
.deliveryAndInstallation .leapFrog-radio div.radio label {
    width: 100% !important;
}

.deliveryAndInstallation .leapFrog-radio span.no-bold {
    font-weight: normal;
    color: #333 !important;
}

.deliveryAndInstallation .leapFrog-radio div.field div.radio input {
    left: 0;
}

.checkout.quickStartTakeAway .multipleInputs.set-top-serial-number.leapfrog {
    margin-left:250px !important;
}

#qsTakeAwayConfirmStep2 .buttonsSection.leapfrog {
    margin-left: 310px !important;
}

form div.field.emailAddress div.error,  form div.field.confirmedEmailAddress div.error {
    line-height: 35px;
}

body.existingCustomer.collection-selected #installationDate p.timeslot {
    display: none;
}

body.existingCustomer.collection-selected .date-picker span.timeSlot {
    display: none;
}

body.existingCustomer.collection-selected .date-picker span.timeslot {
    display: none;
}


body.existingCustomer.collection-selected div.installationSummary .timeslot {
    display: none;
}

body.existingCustomer.collection-selected .self1 strong {
    display: none;
}
body.existingCustomer.collection-selected .date-picker .selected-date-text{
    display: none;
}
/* ---------------------------------------------------------------- 
Added the section by Mr. Abhisek Roy for the CR 38 and 40
   ---------------------------------------------------------------- */
.yourBoxLocation .image-holder-sec {
    padding-top: 20px;
    margin-left: 50px;
    display: block;
    text-align: center;
}
#checkoutForm .yourBoxLocation .buttonsSection,
#checkoutForm .yourOldBox .buttonsSection {
    border: none;
}
.yourBoxLocation .deliveryAndInstallation .radio-wrapper {
    margin-left: 20px;
    margin-top: 50px;
}
.yourBoxLocation .deliveryAndInstallation div.radio div.textConfiguration br {
    display: none;
}
.yourBoxLocation .deliveryAndInstallation .leapFrog-radio div.field div.radio input {
    top: 15px;
}
#checkoutForm .yourBoxLocation div.inner-section,
#checkoutForm .yourOldBox div.inner-section {
    border: none;
    margin: 0;
}
.v6-radio .radio-wrapper {
    width: 100%;
    margin: 0;
}
.v6-radio input[type="radio"]{
    visibility: hidden;
}
#yourDetailsForm .v6-radio label{
    padding: 0;
}
.v6-radio .radio-wrapper .radio {
    border-radius: 5px;
}
.v6-img {
    width: 180px;
    float: left;
    text-align: center;
}
.v6-img img {
    width: 70%;
    margin-top: 10px;
}
.deliveryAndInstallation .v6-radio div.textConfiguration {
    margin-top: 30px !important;
}
.deliveryAndInstallation .v6-radio div.radio label{
    width: 100% !important;
}
.deliveryAndInstallation div.field div.radio button.v6-button {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    background: #9c0000 repeat-x center top;
    border: none;
    color: #fff;
    display: block;
    float: right;
    font-family: Helvetica, sans-serif;
    font-style: italic;
    margin: 35px 50px 4px 0;
    overflow: visible;
    padding: 0 20px;;
    width: auto;
    cursor: pointer;
}
.deliveryAndInstallation div.field div.radio button.v6-button span {
    color: #fff;
    display: none;
}
.deliveryAndInstallation input[type='radio']:checked + label .v6-button > span{
    display: inline !important;
}
.deliveryAndInstallation input[type='radio']:checked + label .v6-button{
    opacity: 0.5;
}
.collapse-wrap {
    height: 0;
    overflow: hidden;
    transition: 0.3s all ease;
}
.collapse {
    background: #fbfbfb;
    padding: 20px 40px;
    font-size: 12px;

}
.collapse p {
    margin-bottom: 5px;
}
.collapse-wrap.open {
    height: 130px;
    overflow: visible;
}
.collapse h4,
.info-area h4 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.checkout .collapse ul {
    list-style: disc;
    padding-left: 15px;
    margin: 0;
    line-height: 21px;
}
.info-area {
    margin-top: 20px;
}
.find-tv-section {
    border: 2px solid #FF0000;
    padding: 20px 20px 20px 130px;
    background: #fff url(/images/titles/info-icon.png) no-repeat 40px center;
    margin-bottom: 20px;
}
.find-tv-section h4 {
    margin-bottom: 5px;
}
.find-tv-section p {
    margin-bottom: 5px;
}
.find-tv-section ul {
    margin: 0;
    list-style-type: disc;
    padding-left:15px;
}
.find-tv-section ul li {
    list-style-type:disc;
}
.box-acco {
    margin:0;
    max-width: none !important;
}
.box-acco a {
    background: #efefef;
    display:block;
    padding: 10px 10px 10px 75px;
    color: #333;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    line-height: 25px;
    position: relative;
}
.box-acco a span.notch-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #333;
    position: absolute;
    left: 40px;
    top: 18px;
    transition: 0.3s all ease;
}
.box-acco a.open span.notch-down {
    transform: rotateX(180deg);
}
#highVolumeInfo.highVolumeInfo-infoBox{
    float: left;
    width: 438px;
    height: 65px;
    background-color: #EFEFEF;
    margin: 10px 0;
}
#dateSelection .highVolumeInfo-infoBox{
    width: 461px;
    height: 80px;
    left: 13%;
    position: relative;
}
#highVolumeInfo .highVolumeInfo-infoImage{
    background: #EFEFEF url(/images/titles/info-icon.png) no-repeat 20px center;
    float: left;
    height: 100%;
    width: 22%;
}
.justSwapYourBox{
    position: relative;
    background-color: #EFEFEF;
    width: 820px;
    min-height: 70px;
    margin: 10px 0 0 0;
    padding: 10px 5px;
}
.justSwapYourBoxImg{
    float: left;
}
.justSwapYourBoxTxt{
    display: inline-block;
    width: 90%;
    padding-left: 15px;
    margin-bottom: 5px;
}
.engineer-selected div#highVolumeInfo {
    display: none;
}

.detail_summary a.ctaLink {
    cursor: pointer;
}
#summaryBar-desktop-container.summarybar-box{
    position: relative;
    width: 100%;
    height: 125px;
}

#summaryBar-desktop-container{
    border-top: 1px solid #cccccc;
}

.summaryBarheader {
    position: relative;
    min-height: 1px;
    width: 100%;
    float:left;
    padding-top: 10px;
}
.summaryBarmonth, .summaryBar12month, .summaryBar18month, .summaryBarThen, .summaryBar6month{
    width: 16.66666667%;
    position: relative;
    min-height: 1px;
    float: left;
}
.summaryBarActivationFee{
    width: 41.66666667%;
    position: relative;
    min-height: 1px;
    float: left;
}
.summaryBarInstallType{
    width: 58.33333333%;
    position: relative;
    min-height: 1px;
    float: left;
}
#additionalCost {
    width: 33.33333333%;
    position: relative;
    min-height: 1px;
    float: right !important;
}
.sbAddtionalcostChild{
    width: 100%;
    position: relative;
    min-height: 1px;
    float: left;
}
#totalSummary{
    display: none;
    visibility: hidden;
}
.oCTrulyUnlimited{
    height: 286px;
    width: 225px;
}
/*Styles for modal popup*/
*
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dontmissPopUp{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    background: rgba(119, 114, 114, 0.59);
    z-index: 2;
    display: block;
}
.modal-bg{
    position: absolute;
    width: 64%;
    height: auto;
    left: 18%;
    top: 10%;
}

.popup-wrapper
{
    height: 100%;
    width: 100%;
    margin: auto;
    background: white;
    border-radius: 3px;
    font-family: sans-serif;
}
.popup-header
{
    background-image: url('/images/popup/desktop_hero_background.png');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 107% 125%;
    padding-top: 20px;
    background-position: -22px -22px;
}
.popup-header > .popup-basket
{
    background-image: url('/images/popup/basket_icon.png');
    height: 120px;
    width: 170px;
    background-repeat: no-repeat;
    background-size: 81% 88%;
    margin: 0% auto;
    padding-top: 20px;
}
.header-desc{
    height: 120px;
}
.header-desc > h1
{
    font-size: 35px;
    margin: 0;
    color: #ffffff;
    text-align: center;
    line-height: 1;
    padding: 25px 70px;
}

.content-popup
{
    text-align: center;
    color: #5f5e5e;
    padding-top: 15px;
}

.content-popup > p
{
    font-size: 16px;
}
.return-order
{
    background: red;
    text-decoration: none;
    font-weight: bold;
    color: white;
    padding: 10px 35px;
    display: inline-block;
    border-radius: 50px;
}

.return-order > div
{
    display: inline-block;
}
.bundle-info
{
    border-bottom: 1px solid #adadad;
    padding-bottom: 30px;
    padding-top: 25px;
}

.bundle-info > h2
{
    margin-bottom: 0;
}

#products-wrapper
{
    padding: 30px 0;
}
#products-wrapper .products{
    width: 22%;
    padding: 0 5px;
}
.products
{
    display: inline-table;
}

.category
{
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 40px;
    width: 50px;
    margin: 5px auto;
}

.category.tv
{
    background-image: url('/images/popup/tv.png');
}

.category.bb
{
    background-image: url('/images/popup/bb.png');
}

.category.ph
{
    background-image: url('/images/popup/ph.png');
}

.products-list
{
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
}

.products-list > div
{
    margin-bottom: 3px;
}

.closePopUpmodal{
    display: inline-block;
    position: absolute;
    top:20px;
    right: 20px;
    color: grey;
    font-size: 30px;
    cursor: pointer;
}

@media only screen and (max-width: 780px) {
    .popup-header {
        background-image: url('/images/popup/tablet_hero_background.png') !important;
        background-position: -20px -22px;
    }
    .modal-bg
    {
        width: 94% !important;
        left: 3% !important;
    }
}

@media only screen and (max-width: 500px) {
    .popup-header {
        background-image: url('/images/popup/mobile_hero_background.png') !important;
        background-size: 111% 125%;
        background-position: -23px -27px;
    }
    .modal-bg
    {
        width: 94% !important;
        left: 3% !important;
    }

    p
    {
        padding: 0 75px;
        line-height: 1.2;
        font-size: 18px;
    }

    .products
    {
        margin-bottom: 20px !important;
    }

    .category
 {
     height: 50px !important;
     width: 60px !important;
 }
#products-wrapper .products{
    width: 100% !important;
}
.header-desc > h1 {
    font-size: 30px;
    padding: 17px 65px;
}
.popup-header > .popup-basket{
    margin: 0% 34%;
}
}
/*ofcom-speed-code*/
.ofcom-broadband-speed-reviewBasket {
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
}
#checkoutForm .ofcom-broadband-speed-reviewBasket{
    padding-left: 38px  !important;
    padding-top: 15px  !important;
    padding-right: 15px;
}
.download-speed, .guarantee-speed, .broadband-performance{
    padding-bottom: 12px;
    margin-bottom: 0 !important;
    max-width: 760px !important;
}
#cboxLoadedContent .ofcom-broadband-speed-reviewBasket p {
    margin-top: 0 !important;
}
.orderComplete-offcom .download-speed{
    display: none;
}
@media(max-width:767px){
    .ofcom-title{
        padding-right: 15px !important;
    }
}
.existing_confirm_order .ofcom-speed-main-block .not-active{
    color: #333 !important;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}
.existing_overlay{
    float: left;
    background-color: #EFEFEF;
}
.existing_overlay .grey_headerTitle{
    padding-left: 15px !important;
}
.existing_overlay .ofcom-broadband-speed-reviewBasket{
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 10px !important;
}
.existing_overlay{
    display: none;
}
#colorbox .existing_overlay{
    display: block !important;
}
.existing_overlay h4{
    margin-bottom: 0px !important;
}

.QSin21CV
{
    margin: 25px 0;
    font-size: 14px;
    float: left
}

.QSin21CV .quesSection
{
    margin-top: 30px;
}

.QSin21CV .ques
{
    width: 100%;
    float: left;
    text-align: right;
    padding: 0 30px 0 80px;
}

.QSin21CV .ans
{
    width: 55%;
    text-align: left;
    float: left;
    margin-left: 5%;
}

.QSin21CV .option
{
    margin-bottom: 20px;
    float: left;
}

.QSin21CV .option > input[type=radio]
{
    width: 5%;
    float: left;
}

.QSin21CV .optionDesc
{
    width: 90%;
    float: left;
    font-size: 14px;
    line-height: 18px;
}

.QSin21CV .optionDesc > .primaryTxt
{
    margin-bottom: 5px;
}

.QSin21CV .optionDesc > .secondaryTxt
{
    color: gray;
}

.QSin21CV .ques > label
{
    float: left;
    width: 30%;
}

.QSin21CV .radio_buttons.ans > div.radio
{
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.QSin21CV .radio_buttons.ans > div.radio > input[type=radio]
{
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.QSin21CV .radio_buttons.ans > div.radio > label
{
    float: left;
    width: 90%;
}

.vocCustomer div.double div.radio
{
    height: auto !important;
}

.yourBoxLocation .deliveryAndInstallation .quickStartAO-radio div.field div.radio input{
    top: 15px;
}