body.reviewAndBuy .globalHeader #inqC2CImgContainer{
    float: right;
}

#review-page .green{
    background: none;
    border: none;
    color:#30A109;
    padding: 0;
    clear: both;
}

span.extra_green {
    color: #008000;
    font-size: 11px;
}
div.basket {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    background: #fff;
    font-size: .75em;
    margin: 0px 30px;
    padding: 30px;
}

div.viewPackageAlert {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    background: white;
    font-size: .75em;
    margin: 0 30px;
    padding: 20px;
    background-image: url('/images/bg/reviewAlertInner_bg.png');
}

form#reviewbasket{
    width:580px;
}

/*** CHANGE PACKAGE ***/
/* headline content */
p.headlineText {
    font-size: 1.4em;
    font-weight: bold;
}
p.headlineText span.price {
    font-size: 1.4em;
}
p.headlineText span.subText {
    font-size: .85em;
}

span.subText{
    font-size: .9em;
    font-weight : normal;
    margin-top: 0px !important;
}

/* right hand support column */
div.rightSupport {
    float: right;
    padding-top: 12px;
    width: 220px;
}
div.rightSupport h2 {
    font-size: 1.3em;
    margin: 0 0 18px;
}
div.rightSupport ul.supportList {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.rightSupport ul.supportList p{
    display:none;
}
div.rightSupport ul.supportList li {
    background: no-repeat 5px center;
    border-bottom: 1px dotted #acacac;
    margin: 0;
    padding: 15px 0 15px 50px;
}
div.rightSupport ul.supportList li span {
    display: block;
    font-weight: normal;
}
div.rightSupport ul.supportList li span.toolTipOuter {
    display: inline;

}
div.rightSupport ul.supportList li:first-child {
    border-top: 1px dotted #acacac;
}
div.rightSupport ul.supportList li span a {
    color: #666;
    font-size: 0.9167em;
    line-height: 16px;
    text-decoration: underline;
}

div.rightSupport ul.supportList li img{
    padding-left:5px;
    background-position: left;
}

div.rightSupport ul.supportList li{
    background : url("/images/elements/greenTick.png") 10px 20px no-repeat;
}


/*** support icons ***/


/* --------------------------------------------------------
   Commented out for qc 605
   --------------------------------------------------------

div.rightSupport ul.supportList li.freeStuffUD {
    background-image: url('/images/checkout/unlimited_downloads.gif');
}

div.rightSupport ul.supportList li.freeStuffOS {
    background-image: url('/images/checkout/online_storage.gif');
}

div.rightSupport ul.supportList li.freeStuffVMS {
    background-image: url('/images/checkout/security.gif');
}
div.rightSupport ul.supportList li.freeStuffPP {
    background-image: url('/images/checkout/photo_prints.gif');
}

div.rightSupport ul.supportList li.freeStuffTCOD {
    background-image: url('/images/checkout/on_demand.gif');
}

div.rightSupport ul.supportList li.freeStuffABU {
    background-image: url('/images/checkout/auto_backup.gif');
}

div.rightSupport ul.supportList li.freeStuffFLC {
    background-image: url('/images/checkout/mobile_to_landline.gif');
}

div.rightSupport ul.supportList li.freeStuffFMC {
    background-image: url('/images/checkout/mobile_to_mobile.gif');
}

div.rightSupport ul.supportList li.freeStuffATCU {
    background-image: url('/images/checkout/catchup.gif');
}

div.rightSupport ul.supportList li.vplusbox {
    background-image: url('/images/elements/icons/vplusbox.gif');
}
div.rightSupport ul.supportList li.vod {
    background-image: url('/images/elements/icons/vod.gif');
}
div.rightSupport ul.supportList li.pcguard {
    background-image: url('/images/elements/icons/pcguard.gif');
}
div.rightSupport ul.supportList li.vstuff {
    background-image: url('/images/elements/icons/vstuff.gif');
}
div.rightSupport ul.supportList li.ebill {
    background-image: url('/images/elements/icons/ebill.gif');
}
div.rightSupport ul.supportList li.bill {
    background-image: url('/images/elements/icons/ebill.gif');
}
div.rightSupport ul.supportList li.usage {
    background-image: url('/images/elements/icons/v_paper.gif');
}
div.rightSupport ul.supportList li.paperless {
    background-image: url('/images/elements/icons/www.gif');
}
div.rightSupport ul.supportList li.credit {
    background-image: url('/images/elements/icons/cart.gif');
}
div.rightSupport ul.supportList li.dirdeb {
    background-image: url('/images/elements/icons/direct_debit.gif');
}
div.rightSupport ul.supportList li.callus {
    background-image: url('/images/elements/icons/receiver.gif');
}

   --------------------------------------------------------
   --------------------------------------------------------
*/

div.rightSupport ul.supportList li strong {
    font-size: 1.3em;
}
div.rightSupport ul.supportList li img {
    vertical-align: top;
}
/* reviewPackage overlay wrapper - width required for IE7 */

.review-basket-wrap{
    width:820px;
}
/* reviewPackage table */
table.reviewPackage {
    margin-bottom: 15px;
    width: 580px;
}

/*** review table heading ***/
table.reviewPackage thead th {
    background: #696969;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#474747));
    background: -moz-linear-gradient(top, #949494, #474747);
    color: #fff;
    height: 43px;
    padding: 0px 15px 0px;
    /*padding: 13px 15px;*/
}

table.reviewPackage thead th.monthly-oneoff-title {
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
}
table.yourtotalCost thead th:first-child,
table.reviewPackage thead th:first-child {
    -moz-border-radius-topleft: 5px;
    text-align: left;
}
table.reviewPackage thead th:last-child {
    -moz-border-radius-topright: 5px;
}

/*** review table body ***/
table.reviewPackage tbody th {
    background: #ededed;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 38px;
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
    vertical-align: middle;
}

body.existingCustomer table.reviewPackage tbody th {
    background: #ededed;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    height: 55px;
    padding-left: 15px;
    padding-right: 10px;
    text-align: left;
    vertical-align: middle;
}



table.reviewPackage tbody th p {
    background: no-repeat scroll 0 center;
    margin: 10px 0;
}



/* Inactive icons */
table.reviewPackage tbody p.inactive_ph {
    background-image: url('/images/elements/icons/inactive_phone.png');
    color: #999;
    min-height: 29px;
}
table.reviewPackage tbody p span {
    display: block;
    font-weight: normal;
}
table.reviewPackage tbody p span.service {
    font-size: 1.6em;
    font-weight: bold;
}
table.reviewPackage .newCta {
    float: right;
    margin: 10px 24px 10px 0;
}
table.reviewPackage tbody td {
    background-color: #ededed;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-left: 15px;
    padding-right: 10px;
    text-align: center;
    vertical-align: middle;
}
table.reviewPackage tbody td.monthlyAmount {
    font-size: 14px;
    border-bottom:0;
    padding:10px;
}

table.reviewPackage tbody td.arrowTop {
    background: #f3f3f3 url('/images/bg/total_pointer.png') no-repeat center 0;
    width: 89px;
    padding-top:15px;
}
table.reviewPackage tbody td span { /* has styles in ie6.css */
    display: block;
    margin: 5px 0px;
    padding: 0;
}
table.yourTotal tbody#monthlyTotal td span{ /* has styles in ie6.css */
    padding:0px;
    margin:0px; /* overrides checkout.css span.green*/
    display:inline;
}
table.reviewPackage tbody th .pointer {
    background: transparent url('/images/elements/icons/pointer.png') no-repeat scroll 11px center;
    font-weight: normal;
}
table.reviewPackage tbody.extras th p {
    margin: 2px 0;
}


table.reviewPackage tbody.extras th p.quickstartText{
    font-size : 11px !important;
    font-weight : normal !important;
    margin : 0px 0px 10px 53px;
}

table.reviewPackage tbody.extras th p.paddLeft {
    padding-left: 10px;
}

table.reviewPackage tbody.extras th p.message {
    margin: 10px 0;
    padding-left: 20px;
}
table.reviewPackage tbody#core_services th .pointer,
table.reviewPackage tbody.extras th .pointer {
    background-position: 15px center;
    margin: 5px 0;
    padding-left: 54px;
}
table.reviewPackage #core_services th ul {
    margin: 0;
    padding: 0;
}
table.reviewPackage #core_services th ul li {
    margin: 10px 0;
    padding-left: 45px;
}
table.reviewPackage #core_services td ul {
    margin: 0;
    padding: 0;
}
table.reviewPackage #core_services td ul li {
    margin: 10px 0;
    padding-left: 0px;
}
table.reviewPackage tbody th.subHeadRow {
    background: #c1c1c1 url('/images/elements/grey_arrow_down.gif') no-repeat scroll 20px center;
    cursor: pointer;
    font-size: 1.3em;
    font-style: italic;
    padding-left: 0;
}
table.reviewPackage tbody.rowsHidden th.subHeadRow {
    background: #c1c1c1 url('/images/elements/grey_arrow_right.gif') no-repeat scroll 20px center;
}
table.reviewPackage tbody th.subHeadRow p {
    padding-left: 40px;
}
table.reviewPackage tbody th.subHeadRow span.extraCount {
    display: inline;
}
form div.field{
    padding: 0 0 10px;
}
form div.vocCommsField{
    padding: 0 0 10px;
}
.checkout form div.field div.stepper {
    float: none !important;
}
.checkout form div.field div.stepper div.inputWrapper {
    float: right;
    position: absolute;
    right: 0;
}
table.reviewPackage {
    margin: 0px;
}
table.reviewPackage tbody.extras th p img {
    margin-right: 10px;
    vertical-align: middle;
}
table.reviewPackage tbody.extras th.addExtras {
    height: auto;
}
table.reviewPackage tbody.extras th.addExtras p {
    margin: 5px 0;
    padding-left: 97px;
}
table.reviewPackage tbody.extras tr.extraRow div.field {
    display: inline-block;
    float: right;
    padding: 5px 0 5px 0;
    width: 80px;
}
table.reviewPackage tbody.extras tr.extraRow div.field div.input {
    margin-left: 0;
}
table.reviewPackage tbody.extras tr.extraRow p.pointer.withSelect {
    float: left;
    display: inline-block;
}

/* dark grey extras promo box */
div.extrasPromo {
    background: #343c4a url('/images/bg/extras_promo_bg.jpg') no-repeat scroll 0 bottom;
    color: #fff;
    margin: 11px 14px 11px 20px;
    padding: 0 0 16px;
    overflow: hidden;
    width: 431px;
}
div.extrasPromoInner {
    background: transparent url('/images/bg/extras_promo_top_bg.jpg') no-repeat scroll 0 0;
    padding: 13px 10px 0;
    text-align: center;
}

table.reviewPackage tbody.extras th div.extrasPromoInner p {
    font-size: 1.8em;
    font-style: italic;
    text-align: center;
    font-weight: normal;
    margin: 2px auto !important;
    padding: 0 !important;
    float: none;
    line-height: 100%;
}
div.extrasPromo ul {
    margin: 14px 0 0;
    padding: 0;
    background: url(/images/bg/extras_promo_divider.gif) top left repeat-y;
}
div.extrasPromo ul li {
    float: left;
    width: 116px;
    display: block;
    text-align: left;
    font-weight: normal;
    padding: 0 10px;
}
div.extrasPromo ul li span {
    display: block;
    padding-left: 38px;
    font-weight: bold;
    font-size: 1.15em;
    margin-bottom: 11px;
    height: 30px;
}
div.extrasPromo .storage {
    background: url('/images/elements/icons/storage_green.gif') top left no-repeat;
}
div.extrasPromo .webspace {
    background: url('/images/elements/icons/webspace_orange.gif') top left no-repeat;
}
div.extrasPromo .security {
    background: url('/images/elements/icons/security_green.gif') top left no-repeat;
}
div.extrasPromo .last {
    border-right: none;
}
div.extrasPromo .newCta {
    display: inline-block;
    float: none;
}
table.reviewPackage tbody#monthlyTotal th,
table.reviewPackage tbody#monthlyTotal td {
    height: 37px;
    text-align: left;
    font-weight: normal;
    margin: 5px 0;
    padding-left: 17px;
}


tbody#monthlyTotal td.cashPayWidth {
    width : 25%;
}

tbody#monthlyTotal th.cashRef{
    padding : 5px;
    border-right: 1px solid #D8D8D8;
    display : none;
}

tbody#monthlyTotal th.cashRef label{
    font-weight: bold;
    display : block;
    float : left;
    margin-right : 20px;
    line-height : 40px;
    font-size : 14px;
}

table.reviewPackage tbody#monthlyTotal th {
    padding-left:17px;
    border-left: 1px solid #D8D8D8;
}

table.reviewPackage tbody#monthlyTotal td.first {
    width: 10px;
    padding-left: 15px;
}
table.reviewPackage tbody td span.highlight {
    float: right;
}
table.reviewPackage tbody:last-child tr:last-child th:first-child,
table.reviewPackage tbody:last-child tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 5px;
}

table tbody td.yourtotalCost,
table.reviewPackage tbody#monthlyTotal td:last-child {
    font-size: 1em;
    padding-right: 15px;
}
table.reviewPackage tbody:last-child tr:last-child td:last-child {
    -moz-border-radius-bottomright: 5px;
}

/* review package alert */

div.reviewAlert {
    background: #fc0 url('/images/bg/review_alert_bg.png') no-repeat scroll 0 bottom;
    margin-bottom: 20px;
    width: 840px;
}
#buildOrderForm div.reviewAlert{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px 5px 0 0;
}
div.reviewAlertInner {
    background: transparent url('/images/bg/review_alert_top_bg.png') no-repeat scroll 0 0;
    padding: 15px 15px 20px;
    position: relative;
}
#buildOrderForm div.reviewAlertInner{
    background: none;
}
#buildOrderForm div.reviewAlert div.reviewAlertInner p{
    color:#fff;
    font-size:14px;
}
div.reviewAlertInner p {
    padding-left: 50px;
}
div.reviewAlertInner p.alertTitle {
    font-size: 1.5em;
    font-style: italic;
}

.alertTitleMod{
    color: #fff;
    font-style: italic;
    font-weight:normal;
}

.alertImg{
    margin-right: 15px;
    bottom: 7px;
    position: relative;
}

.bottomRule{
    border-bottom: 2px solid #E8E8E8;
    padding-bottom: 10px;
}

div.reviewAlertInner img.alertClose {
    position: absolute;
    right: 8px;
    top: 8px;
}
table.reviewPackage div.serviceMessage {
    background: #efefef url('/images/bg/service_message_bg.png') no-repeat scroll 0 0;
    float: right;
    font-size: .9em;
    margin: 0 24px 10px 0;
    padding: 15px 0;
    text-align: center;
    width: 421px;
}
table.reviewPackage div.serviceMessage span {
    display: block;
    font-size: 1.3em;
    font-style: italic;
    padding-bottom: 4px;
}

.reviewPackage .serviceMessageVariant {
    background: #545a66 url('/images/bg/service_message_dark_bg.png') no-repeat scroll 0 0;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    clear: both;
    color: #fff;
    font-size: .9em;
    font-weight: normal;
    margin: 0 24px 5px 50px;
    padding: 17px 0 5px 0;
    text-align: center;
    width: 401px;
}

.reviewPackage .serviceMessageVariant span {
    display: block;
    font-size: 1.4em;
    font-style: italic;
}

/*** Review current package lightboxes ***/
img.productImage {
    position: absolute;
    right: -50px;
    top: -50px;
    z-index: 9;
}
div.productImage {
    position: absolute;
    right: -50px;
    top: -50px;
    z-index: 9;
    background:url('/images/temps/50mb.png') no-repeat right top;
    width: 300px;
    height: 208px;
}
div.productFeatures ul {
    border-top: 1px dotted #acacac;
    clear: both;
    list-style-type: none;
    overflow: hidden;
    padding: 15px 0;
    width: 735px;
}
div.productFeatures ul.first {
    border-top: 0;
}
div.productFeatures ul li {
    background: transparent url('') no-repeat scroll 0 0;
    float: left;
    padding: 0 10px 0 55px;
    width: 180px;
}
div.productFeatures ul li.speed50 {
    background-image: url('/images/elements/icons/prod_features/50mb.png');
}
div.productFeatures ul li.calls {
    background-image: url('/images/elements/icons/prod_features/phone.png');
}
div.productFeatures ul li.email {
    background-image: url('/images/elements/icons/prod_features/email.png');
}
div.productFeatures ul li.security {
    background-image: url('/images/elements/icons/prod_features/security.png');
}
div.productFeatures ul li.backup {
    background-image: url('/images/elements/icons/prod_features/backup.png');
}
div.productFeatures ul li.wifi {
    background-image: url('/images/elements/icons/prod_features/wifi.png');
}
div.productFeatures ul li.modem {
    background-image: url('/images/elements/icons/prod_features/modem.png');
}
div.productFeatures ul li.photos {
    background-image: url('/images/elements/icons/prod_features/photos.png');
}
div.productFeatures ul li.storage {
    background-image: url('/images/elements/icons/prod_features/storage.png');
}
div.productFeatures ul li.downloads {
    background-image: url('/images/elements/icons/prod_features/downloads.png');
}
div.productFeatures ul li.support {
    background-image: url('/images/elements/icons/prod_features/support.png');
}
div.productFeatures ul li h3 {
    margin: 0;
}
div.productFeatures ul li p {
    margin: 5px 0;
}

/* promo below right hand support */
div.supportPromo {
    margin: 30px 0;
}
div.supportPromo .before {
    margin-bottom: 10px;
}
div.supportPromo .before span {
    margin-bottom: 10px;
    display: block;
}
div.supportPromo .after {
    margin-bottom: 10px;
}
div.supportPromo div.field div.input div.inputWrapper {
    width: 152px;
    margin-right:0;
}
div.supportPromo div.field div.input input {
    width: 110px;
}

div.supportPromo div.field div.input {
    margin-left: 0px;
    float: left;
}

div.supportPromo #promoSubmit {
    position: absolute;
    right: 3px;
}

div.supportPromo span.promocode {
    font-weight: bold;
}

div.supportPromo div.errormsg {
    background:#f1f1f0 url('/images/buildorder/excl.gif') no-repeat 15px 11px;
    padding:8px 7px 8px 52px;
}

/*
div.supportPromo div.errormsg p {
    margin-left: 56px;
}
*/
div.supportPromo .errormsg p.header {
    margin-left: 0;
}
div.basket div.buttonsSection {
    border-top:none;
    margin-top: 20px;
    margin-right : 20px;
    padding-top: 0px;
}
div.legal {
    color: #999;
    font-size: .9167em;
    margin: 0 10px 10px;
}
#promoentry ,#promoList{background:#f1f1f1; padding:7px; overflow:hidden; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
#promoentry * {zoom:1;}
#promoentry label {font-size:1.2em; font-weight:bold; margin:5px 0 5px 2px; display:block;}
#promoentry .field {padding-bottom:0;}
#promoentry .ctaMedium {padding:0 10px 0 8px; margin-top:5px;}
#promoentry div.inputWrapper div {padding-left:9px;}
#promocode {color:#666; font-family:Arial,helvetica; background:url(/images/buildorder/promo.png) no-repeat left; padding-left:17px;}
#promoError {display:none;}
#promoError p span {font-size:1.2em;}

#promoRuleCode{
    padding : 0px 0px 0px 40px;
    background: url(/images/buildorder/tick.png) no-repeat 0px 5px;
}

#promoRuleCode h2{
    margin : 0px 0px 5px 0px;
    font-size : 1em;
}

#promoRuleCode a.removeCode{
    float : left;
}


.monthly-oneoff-title {width:18%;}
.reviewPackageSub th {background:#dbdbdb !important; border-right:0 !important;}
.reviewPackageSub th.first {font-size:1.25em;}
.titleRow th {background:#dbdbdb !important; font-size:12px;}
table.reviewPackage thead th.first {font-size:1.25em; font-family:'HelveticaNeueLTStd45Light',Arial,sans-serif;}
#monthlyTotalTable {margin-top:34px;}
#monthlyTotal th {border-left:1px solid #d8d8d8; border-right:0;}
table.reviewPackage #monthlyTotal td {border-right:0;}
table.reviewPackage #monthlyTotal td.monthly-oneoff-title {border-right:1px solid #d8d8d8;}
#monthlyTotal th, #monthlyTotal td {border-bottom:1px solid #d8d8d8; background:#eeeeee;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
    background: -moz-linear-gradient(top, #fff, #eee); }
.monthlyTotalRowDesc {font-size:14px !important; display:inline !important; float:left !important;}
.one-off-row  .monthlyTotalRowDesc{float:right !important;}
.monthlyTotalRowPrice {font-size:14px !important; display:inline !important;}
.rpright {text-align:right !important;}
.monthly-last {border-right:1px solid #D8D8D8 !important;}
table.reviewPackage tbody td.noBorderCell {border-bottom:0;}


.vouchers,
.selectedVoucher{
    background : #ededed;
    margin: 0px 20px 20px 0px;
    padding: 20px;
}



h2.voucherHeader{
    font-family: "HelveticaNeueLTStd45Light",Arial,sans-serif;
    font-size: 1.25em;
    margin: 20px  20px 0px 0px;
    padding : 15px;
    color : #fff;
    background-color: #6B696B;
    background: -moz-linear-gradient(center top , #949494, #474747) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#474747));
}

.vouchers h3{
    font-size: 1.1em;
    margin: 0 0 10px;

}

.voucherSection .voucherChooseAlert{
    margin-right : 20px;
}

.vouchers .voucherContainer{
    margin : 20px 0px 0px 0px;
}

.vouchers .voucherOffer{
    float : left;
    width : 24.5%;
    text-align : center;
}

.voucherOffer{
    margin-bottom : 20px;
}

.voucherOffer .voucherDetail{
    height: 200px;
}

.voucherDetail img{
    background: #fff;
}

.voucherDetail p{
    padding : 0px 10px 0px 10px !important;
    width : auto !important;
    color : #008000;
}
.actionButtons{
    text-align : center;
    marign : 0px auto;
}

.actionButtons input.offerAction{
    text-align : center;
    float : none !important;
    display: inline;
    width : 80%;
    marign : 0px auto;
}


.actionButtons  input.offerRadio{
    display:none;
}

.voucherOffer img{
    margin-bottom : 20px;
}

.selectedVoucher{
    margin-right: 20px;
}

.selectedVoucher .sVImage{
    width : 100px;
    float: left;
    margin : 0px 20px 20px 0px;
    background: #fff;
}
span.voucherDescGreen{
    float : left;
    color : #008000;
    text-align : right;
}
a.rechoose{
    text-align : right;
    float : right;
    cursor: pointer;
}

.tnc p {
    margin: 0px 20px 20px 20px;
    font-size : 10px;
    color : #969696;
}


.voucherChooseAlert{
    margin:20px 20px 0px 0px;
    display : none;
}

.disableSubmit,
.disableSubmit:hover{
    background: url("../../images/buttons/primary_large_bg.png") repeat scroll 0 0 transparent;
    opacity: 0.4;
    filter :  alpha(opacity=40);
    cursor: default;
}

/*
    ------------------------------------------------------------
    OTC PROMO STYLES
    ------------------------------------------------------------
*/


#otcPromo{
    margin : 20px 20px 0px 0px;
}


#otcPromo .promoCodeContainer{
    margin-top : 20px;
    background : #F2F2F2;
    border : 1px solid #D7D7D7;
    padding : 0px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#otcPromo .promoCodeContainer .promoLabel{
    width : 200px;
    word-wrap: break-word;
    float : left;
}

#otcPromo .promoCodeContainer input[type=text]{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding : 6px;
    border : 1px solid #D7D7D7;
    width : 200px;
}

#otcPromo div.errormsg {
    background:#f1f1f0 url('/images/buildorder/excl.gif') no-repeat;
    padding: 0 0 15px 40px;
}

#otcPromo .promoInput{
    padding : 15px 0px;
}

#otcPromo .promoAccepted ul{
    display : block;
    border-top : 1px solid #D7D7D7;
    padding : 10px 0px;
    margin: 0px;
    list-style: none;
}

#otcPromo .promoAccepted ul.top{
    border-top : none;
}

#otcPromo .promoAccepted ul li{
    float : left;
    width : 33.33%;
}

#otcPromo .promoAccepted ul li.promoName{
    font-weight: bold;
}

#otcPromo .promoAccepted ul li.acceptedStatus{
    color : #D7D7D7;
    text-align: center;
}

#otcPromo .promoAccepted ul li.removePromo{
    text-align: right;
}

#otcPromo .promoAccepted ul li.removePromo a{
    float : right;
}

#otcPromo .promoCode{
    color : #D7D7D7;
}

#otcPromo .promoCodeActive{
    color : #000;
}

#otcPromo .disabled{
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#otcPromo li .hideRadio{
    display : none;
}
.smallerText{
    font-size: 12px;
}
.grey-text{
    color: #8f8f8f ;
}

/*New Code for XSUS Confirm Order12/03/2015*/

.red_border{
    padding: 10px;
    margin: 10px 0px;
    color: #ff0000;
    border: 1px solid #ff0000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.monthlyamount_Paid{
    position: relative;
}
.monthlyamount_Paid table{
    position: absolute;
    top: -1px;
    margin-left: -6px;
    width: 245px;
}
.grey_headerTitle{
    background: #696969;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#474747));
    background: -moz-linear-gradient(top, #949494, #474747);
    color: #ffffff;
    padding: 10px 30px;
}
.margin-lr-neg30{
    margin-left: -30px;
    margin-right: -30px;
}
.margin-top-neg15{
    margin-top: -15px;
}
.monthlyamount_Paid table th{
    height: 43px;
    background: #696969;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#949494), to(#474747));
    background: -moz-linear-gradient(top, #949494, #474747);
    color: #ffffff;
    padding: 0px 15px 0px;
    text-align: left;
}
.monthlyamount_Paid table td{
    height: 43px;
    text-align: left;;
    padding: 0px 15px;
    font-size: 14px;
}
.existing_confirmOrder_monthlyTotal{
    margin-top: -3px;
    margin-left: -4px;
}
.existing_confirmOrder_monthlyTotal #monthlyTotalTable{
    margin-top: 0px;
}
.yellow_block{
    padding: 10px 30px;
    background-color: #FFCC66;
}

.saveBasketCookiePanel{
    background-color: rgb(64, 169, 64) !important;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px;
}
.saveBasketCookiePanel .save-basket-block{
    text-align : right;
}
.saveBasketCookiePanel .saveBasketImg{
    float:right;
}

.saveBasketCookiePanel .save-basket-block strong.save-basket-label{
    display: inline-block;
    padding-top: 7px;
    font-size: 14px;
}

#processing {width:100%; z-index:9000; display:none; position:fixed;}
#proc {width:232px; margin:0 auto; padding:30px 0 12px; background:#f2f2f2; border:1px solid #bababa; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow:0 0 5px 2px #888; -moz-box-shadow:0 0 5px 2px #888; padding:17px 11px; -webkit-box-shadow:0 0 5px 2px #888; opacity:0.98;}
#proc p {margin:0 25px; font-size:0.85em; color:#333; text-align:center; padding-bottom:10px;font-family:arial;}
#loader {background: url(/images/buildorder/loading_on_white.gif) no-repeat; width:36px; height:36px; margin:0 auto 20px;}
/* ------------------------------------------------------------------------
  VOC STYLES
   ------------------------------------------------------------------------ */

.buttonsSection .vocMessage{
    padding-bottom: 20px;
    font-weight: bold;
}
table.reviewPackage tbody td span.order-complete-costs, table.reviewPackage tbody td div.order-complete-costs{
    font-size:14px;
    color:#333333;
    font-family:arial;
    font-weight:bold;
}

table.reviewPackage tbody td span{
    margin:0px 0px;
}

table.reviewPackage tbody .smaller_activation-text {
    font-size: 11px;
    font-weight: bold;
}


.checkout .field.noHint.innerDouble.isCurrentAddress {
    display: block;
}

.existingCustomer #cboxWrapper .existing_overlay .grey_headerTitle, .existingCustomer #cboxWrapper .existing_overlay .ofcom-broadband-speed-reviewBasket
{
    display: none;
}

.existingCustomer #cboxWrapper .existing_overlay .grey_headerTitle, .existingCustomer #cboxWrapper .existing_overlay .ofcom-broadband-speed-reviewBasket
{
    display: none;
}

#review-basket .bot-alert.downgraded {
    background-color: #4196d2;
    color: #ffffff;
    margin-top: 15px;
    padding: 13px;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    line-height: 1.5;
}

#review-basket .bot-alert span.error-description {
    padding-left: 10px;
}

#review-basket .bot-alert.downgraded i {
    padding-top: 4px;
}
.ordercompleted.existingCustomer .modal-content .grey_headerTitle.margin-top-neg15.margin-lr-neg30{
    margin-left: 0;
    margin-right: 0;
}
.ordercompleted.existingCustomer .modal-content .red_border.margin-lr-neg30{
    margin-left: 0;
    margin-right: 0;
}
#review-basket .ebul_optout{
    font-size: 14px;
    padding-top: 20px;
}

/*Digmain-217-start*/
#review-basket .table-width {
    width: 100%;
}
.existing_overlay .header-text {
    margin-bottom: 0px;
    padding-left: 15px;
}
/*Digmain-217-end*/