h1 {margin-top:0} #orphan-1col-content-sidebar #container {background:#FFFFFF url(/eservice/content/redesign-img/mtm-registration/bg_registration.jpg) no-repeat scroll center bottom;} #orphan-1col-content-sidebar #rightbar { margin-top:55px; _margin-top:73px; } #orphan-1col-content-sidebar #leftwrap { margin-left:10px !important; display:inline; } #orphan-1col-content-sidebar .breadcrumb { width:940px; margin-left:20px; display:inline; } *:first-child+html #orphan-1col-content-sidebar #rightbar {margin-top:73px;} #rd-content form .button-block { margin:10px 0 0 10px; display:block; zoom:1; } #rd-content form .button-block p { font-size:1.1em; margin:3px 10px 0 0; } #rd-content form label {padding-right:15px;} #rd-content form.large .left-margin-large {margin-left:225px;} #rd-content form.large .captcha-controls-container { width:300px; margin:10px 0 0 225px; display:inline; } #rd-content form a.normal {font-weight:normal;} #rd-content form.gradient {padding-bottom:0;} #rd-content .panel-noheader-center p { position:relative; padding-top:5px; } #rd-content form.gradient .alert-message-on p {position:static; width:200px !important;} #rd-content form .radio-buttons span.highlight-petrol {margin:0;} #rd-content form .input-field-border {border:1px solid #999999 !important;} #rd-content form.large dl {position:relative;} #rd-content form.large dl dt { float:left; width:200px; text-align:right; margin-right:10px; } /* MTM enhancement */ #signUpStep1, #signUpStep2, #signUpStep3 { width:720px;} #rd-content form .grey-spacer {padding:0 0 1px;*zoom:1;*line-height:0;*font-size:0;clear:both;height:1px;} .clearingie { clear:both;zoom:1;line-height:0; font-size:0;} #rd-content form.large label { font-size:1.15em;} #rd-content form.large input { font-size:1.15em;} #rd-content form.large input[type=radio], #rd-content form.large select { width:auto!important; font-size:1.15em;} .form-item-collection {position:relative;} .help-area { position:absolute; top:0; right:0; z-index:1000;visibility:hidden;} .form-item-collection div.valid { background:transparent url(/eservice/content/redesign-img/mtm-createaccount/valid_icon.gif) no-repeat 100% 10px;} .form-item-collection div.invalid { background:transparent url(/eservice/content/redesign-img/mtm-createaccount/error_icon.gif) no-repeat 100% 10px;} /* BSP override */ .form-item-collection div#ctnEmpty { background-image:none;} #termsAndConditions { } #rd-content form .check-boxes span { margin:0; padding:0 0 0 6px;} #rd-content form #biz-paymentField span {margin:0; padding: 0 8px 0 4px;} #rd-content .invalid label { color:#cc0000; font-weight:bold;} #rd-content form .invalid a:link, #rd-content form .invalid a:active, #rd-content form .invalid a:visited, #rd-content form .invalid a:hover { color:#cc0000; font-weight:bold;} #rd-content .invalid input { border:2px solid #cc0000;} #rd-content .invalid p.hint { display:none!important;} #rd-content .valid p.error { display:none!important; } #suggestedUsernameSelection {_height:1px;} /* captcha override */ /* #rd-content #captchaBlock .invalid label { color:black;} #rd-content #captchaBlock div.invalid , #rd-content #captchaBlock div.valid {background-image:none;} #rd-content #captchaBlock .invalid input { border:1px solid #999;} #rd-content #captchaBlock .invalid p.hint { display:block!important;} #rd-content form #captchaBlock .invalid .info-bubble-top {background:url(/eservice/content/redesign-img/mtm-createaccount/valid_top.gif) no-repeat 0 0;} #rd-content form #captchaBlock .invalid .info-bubble-centre {background:#fff url(/eservice/content/redesign-img/mtm-createaccount/valid_centre.gif) repeat-y;} #rd-content form #captchaBlock .invalid .info-bubble-message {background:url(/eservice/content/redesign-img/mtm-createaccount/valid_tip.gif) no-repeat left 2px;} #rd-content form #captchaBlock .invalid .info-bubble-bottom {background:url(/eservice/content/redesign-img/mtm-createaccount/valid_bottom.gif) no-repeat;} */ #rd-content .cap div.invalid , #rd-content .cap div.valid {background-image:none;} /*#rd-content #captchaBlock div.valid { background:transparent url(/eservice/content/redesign-img/mtm-createaccount/valid_icon.gif) no-repeat 100% 10px;}*/ #rd-content #captchaBlock div.invalid { background:transparent url(/eservice/content/redesign-img/mtm-createaccount/error_icon.gif) no-repeat 100% 10px;} #find-address { width:auto!important;_width:540px;} #rd-content #signUpStep2 #security-block .fields { min-width:420px; width:auto!important; _width:420px; clear:both;float:left;} #rd-content #signUpStep2 #security-block .help-area {} #rd-content form.large .help-area { width:211px;} #rd-content form.large .info-bubble-top {width:226px;} #rd-content form.large .info-bubble-centre {width:226px;} #rd-content form.large .info-bubble-bottom {width:226px;} #rd-content form.large #biz-paymentField .help-area { width:175px;} #rd-content form.large #biz-paymentField .info-bubble-top {width:175px;} #rd-content form.large #biz-paymentField .info-bubble-centre {width:175px;} #rd-content form.large #biz-paymentField .info-bubble-bottom {width:175px;} #rd-content form.large .fields { position:relative; padding:10px 22px 10px 0;} #rd-content #signUpStep2 form.large .fields { padding:5px 22px 5px 0;} #rd-content #enterOPT .fields { padding:5px 22px 5px 0;} #rd-content #signUpStep2 .form-item-collection div.valid , #rd-content #enterOPT .form-item-collection div.valid { background-position: 100% 5px;} #rd-content #signUpStep2 .form-item-collection div.invalid, #rd-content #enterOPT .form-item-collection div.invalid { background-position: 100% 5px;} #rd-content #signUpStep2 form.large .password-strength { padding-left:225px;width:186px;} #rd-content #signUpStep2 form.large .password-strength p { margin:0 0 4px; padding:0;} #rd-content #signUpStep2 form.large .password-strength .password-strong-text { margin-top:3px;margin-right:11px;} #rd-content #signUpStep2 form.large .password-strength .password-weak-text {margin-top:3px;} #rd-content #signUpStep2 form.large .password-strength img {display:block;} #rd-content form.large .grey-form-item-collection, #rd-content form.large .form-item-collection { padding:10px 0;width:700px;} #rd-content form.large .radio-buttons { /*width:auto;*/} #rd-content form .help-area {position:absolute;left:422px;top:-5px;margin:0 0 0 20px;z-index:1000;} #rd-content form .valid .help-area, #rd-content form .invalid .help-area { left:448px;} #rd-content form #biz-paymentField { min-width:470px; width:auto!important; width:475px;} #rd-content form #biz-paymentField .help-area, #rd-content form #biz-paymentField .help-area { left:500px;} #rd-content form .invalid .help-area { top:-4px;} #rd-content #signUpStep1 form .help-area { top:0px;} #rd-content form .info-bubble-top {background:url(/eservice/content/redesign-img/mtm-createaccount/valid_top.gif) no-repeat 0 0;display:block; height:9px; font-size:0;} #rd-content form .info-bubble-centre {background:#fff url(/eservice/content/redesign-img/mtm-createaccount/valid_centre.gif) repeat-y;display:block;white-space:normal;color:#666;font-weight:bold;} #rd-content form .info-bubble-message {background:url(/eservice/content/redesign-img/mtm-createaccount/valid_tip.gif) no-repeat left 2px; position: relative;left: -23px; padding:0px 0px 0px 32px;margin-right:10px;min-height:20px; height:auto!important; height:20px;} #rd-content form .info-bubble-message p {line-height:1.6em;padding:0;margin:0;display:inline;font-weight:normal;color:#666;} #rd-content form .info-bubble-bottom { background:url(/eservice/content/redesign-img/mtm-createaccount/valid_bottom.gif) no-repeat;display:block;height:10px;} #rd-content form #biz-paymentField .info-bubble-top {background-image:url(/eservice/content/redesign-img/mtm-createaccount/valid_top_s.gif);} #rd-content form #biz-paymentField .info-bubble-centre {background-image:url(/eservice/content/redesign-img/mtm-createaccount/valid_centre_s.gif);} #rd-content form #biz-paymentField .info-bubble-bottom {background-image:url(/eservice/content/redesign-img/mtm-createaccount/valid_bottom_s.gif);} /* error bubble */ #rd-content form .invalid .info-bubble-top {background:url(/eservice/content/redesign-img/mtm-createaccount/error_top.gif) no-repeat 0 0;} #rd-content form .invalid .info-bubble-centre {background:#fff url(/eservice/content/redesign-img/mtm-createaccount/error_centre.gif) repeat-y;} #rd-content form .invalid .info-bubble-message {background:url(/eservice/content/redesign-img/mtm-createaccount/error_tip.gif) no-repeat left 2px;} #rd-content form .invalid .info-bubble-bottom {background:url(/eservice/content/redesign-img/mtm-createaccount/error_bottom.gif) no-repeat;} #rd-content form #biz-paymentField.invalid .info-bubble-top {background-image:url(/eservice/content/redesign-img/mtm-createaccount/error_top_s.gif);} #rd-content form #biz-paymentField.invalid .info-bubble-centre {background-image:url(/eservice/content/redesign-img/mtm-createaccount/error_centre_s.gif);} #rd-content form #biz-paymentField.invalid .info-bubble-bottom {background-image:url(/eservice/content/redesign-img/mtm-createaccount/error_bottom_s.gif);} #rd-content .submit-block { float:right; position:relative; width:64%;} #rd-content .cancel-block { float:left; position:relative; width:35%;} .captcha-block { min-height:140px; height:auto!important; height:140px;} /* button */ #rd-content #signUpStep1 .submit-btn { margin-right:24px;} #rd-content .submit-btn { position:relative; float:right; margin-right:220px;display:inline;} #rd-content #enterOPT .submit-btn {margin-right:300px;} #rd-content .submit-btn .btn-left{ background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_submit_btn.png) no-repeat 1px -46px; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_submit_btn.gif); height:26px; float:left;} #rd-content .submit-btn .btn-left .btn-right { background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_submit_btn.png) no-repeat 100% -46px; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_submit_btn.gif); height:100%; float:left; margin-right:-10px; position:relative;} #rd-content #signUpStep3 .submit-btn { margin:10px 10px 0 0;} #rd-content .submit-btn .btn-left .btn-right input { background-color:transparent; color:#fff; font-weight:bold; font-size:1.2em; line-height:24px; height:24px; display:block; padding:0; border:0; cursor:pointer; text-indent:4px;} #rd-content .disabledSubmit .btn-left { background-position: 1px -7px;} #rd-content .disabledSubmit .btn-left .btn-right { background-position:100% -7px;} #rd-content .disabledSubmit .btn-left .btn-right input { color:#a1a1a1; cursor:default; text-indent:4px;} #rd-content #enterOPT .submit-btn .btn-left .btn-right input {width:8em;} #rd-content .submit-btn .hint { background: transparent url(/eservice/content/redesign-img/mtm-createaccount/submit_hint_top.gif) no-repeat 0 0; width:206px; padding-top:10px; display:block; position:absolute; bottom:20px; left:0; visibility:hidden;} #rd-content .submit-btn .hint span { background: transparent url(/eservice/content/redesign-img/mtm-createaccount/submit_hint_bottom.gif) no-repeat 0 100%; padding:0 10px 24px; display:block; font-size:1.2em;} #rd-content #enterOPT .submit-btn .hint {left:-46px;} /* #rd-content .disabledSubmit:hover .hint { visibility:visible;} */ #rd-content form .btn-cancel { float:left; background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_cancel_btn.png) no-repeat 0 0; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_cancel_btn.gif); height:26px; margin-right:30px;} #rd-content form .btn-cancel span {float:left; background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_cancel_btn.png) no-repeat 100% 0; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_cancel_btn.gif); height:26px; margin-right:-7px;position:relative;} #rd-content form .btn-cancel span input {background-color:transparent; overflow:visible; width:auto; cursor:pointer; width:auto!important;font-size:1.2em; font-weight:bold; line-height:24px; height:24px;padding:0 10px; float:left; color:#333;} #rd-content form .btn-back { float:left; background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.png) no-repeat 0 0; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.gif); height:26px;} #rd-content form .btn-back span {float:left; background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.png) no-repeat 100% 0; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.gif); height:26px; margin-right:-7px;position:relative;} #rd-content form .btn-back span a {font-size:1.2em; font-weight:bold; line-height:24px; height:24px;padding:0 10px; float:left; color:#333; text-decoration:none;} .requestStatus { position:absolute; left:449px; top:14px;} #rd-content form.large .postcode-section { width:420px;} .panel-noheader .panel-noheader-tl .panel-noheader-bl { overflow-y:hidden;} .tc-error { color:red; margin-top:.5em;margin-left:225px;clear:both;} #enterOPT .help-area p{ display:block; float:none;} #rd-content form #enterOPT .btn-back { float:left; background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.png) no-repeat 0 0; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.gif); height:26px;margin-right:20px;margin-left:90px;} #rd-content form #enterOPT .btn-back span {float:left; background:transparent url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.png) no-repeat 100% 0; _background-image: url(/eservice/content/redesign-img/mtm-createaccount/sprite_back_btn.gif); height:26px; margin-right:-7px;position:relative;} #rd-content form #enterOPT .btn-back span input {font-size:1.2em; font-weight:bold; line-height:24px; height:24px;padding:0 10px; float:left; color:#fff; background-color:transparent; cursor:pointer;} #enterOPT ul.warning {margin:0;} #enterOPT ul.warning li { padding:0 0 5px 10px; margin:0;color:#cc0000;} #enterOPT .link-forgot {float:right; font-size:1.2em; padding-right:10px;} #rd-content #enterOPT .form-item-collection {width:700px;}