/* Start of overall document font and colour settings */

	/* main body of page */
	body {
		font-size: medium;
		font-family: Helvetica, Arial, Verdana, sans-serif;
		color: #000000;
		background-color: #ffffff;
		margin: 0;
		padding: 0;
	}

	/* Contains all body content */
	#container {
		width: 64.01em;
		padding: 0;
		text-align: left;
		font-size: 0.78em;
	}

	/* Area between header and footer - wraps navigation and main */
	#content-frame {
		/* position: relative;  fix for disappearing border issue on certain pages in IE6 */
		padding: 0 0 0.41em 0;
	}
	
	/* Contains all popup body content */
	#container-popup {
		padding: 0;
		text-align: left;
		font-size: 0.78em;
	}

	/* Area between navigation and footer */
	#main {
		width: 62.0em;
		margin: 0;
		padding: 0.8em 0 0 0.8em;
	}

	/* Narrower version of main - should be replaced by use of left-column */
	#main-narrow {
		width: 46.0em;
		margin: 0;
		padding: 0.8em 0 0 0.8em;
		float: left;
	}

	/* Narrower version of main for use with help screen popups */
	#main-help-popup {
		width: 55.21em;
		margin: 0;
		padding: 0.8em 0 0 0.8em;
	}

	/* Version of main for use with select phone make and model help screen popups */
	#main-help-popup-narrow {
		width: 46.0em;
		margin: 0;
		padding: 0.8em 0 0 0.8em;
	}

	/* Restricts content to left hand column (equivalent to main-narrow) */
	.left-column {
		width: 46.0em;
		margin: 0;
		padding: 0;
	}

	/* Restricts content to right-hand column */
	.right-column {
		width: 14.4em;
		margin: 0;
		padding: 0;
		position: absolute;
		margin-left: 48.01em;
	}

	/* Floated right hand column to be used in relationship with main-narrow */
	#rightColumnFloat {
		width: 14.5em;
		margin: 0.75em 1.5em 0 0;
		padding: 0 0 0 0.8em;
		float: right;
	}

	#rightColumnFloat .info-box-top {
		margin-top: 10.5em;
	}

/* End of overall document font and colour settings */

/* Start of main lists styles */

	/* unordered list style */
	ul {
		list-style-type: disc;
		margin-left: 1em;
		padding-left: 1em;
		margin-top: 0.55em;
		margin-bottom: 0.55em;
	}

	/* ordered lists style */
	ol {
		list-style-type: decimal;
		margin-left: 1em;
		padding-left: 1em;
		margin-top: 0.55em;
		margin-bottom: 0.55em;
	}

/* End of main lists styles */



/* Start of main text formatting */

	/* Generic heading properties */
	h1, h2, h3, h4, h5, h6 {
		text-align: left;
		font-weight: bold;
		margin: 0;
		padding: 0.8em 0 0.41em 0;
	}
	
	/* main page heading */
	h1 {
		font-weight: normal;
		font-size: 1.8em;
		padding: 0 0 0.41em 0;
		line-height: 1.8em;
	}
	
	h1 img {
		vertical-align: middle;
	}

	/* main sub-headings */
	h2 { font-size: 1.3em; }

	/* headings in user guide instructions */
	h3 { font-size: 1.3em; }

	/* used in user guide instructions */
	h4 { font-size: 1.28em; }

	h5 { font-size: 1.17em; }

	h6 { font-size: 1.07em; }

	/* main paragraph style */
	p {
		margin: 0;
		padding: 0.55em 0 0.55em 0;
	}

	/* creates a paragraph of given height, used to space paragraphs */
	p.vertical-space {
		height: 0.55em;
		padding: 0;
	}

	/* horizontal ruler */
	hr { 
		color: #999999; 
		background-color: #999999; 
		height: 0.09em; 
		margin: 0.23em 0 0.23em 0; 
		padding: 0;
		border: 0;
	}

/* End of main text formatting */



/* Start of text and object adjustment styles */

	/* used to display links inline (in footer and navigation) */
	.inline {
		display: inline;	
		vertical-align: middle;
	}

	/* centers something in its division */
	.center {
		text-align: center;
	}

	/* aligns something to the right of its division */
	.align-right {
		text-align: right;
	}

	/* aligns something to the far right of the page */
	.far-right {
		/* width: 64.01em; */
		text-align: right;
	}

	/* change casing on words/paragraphs */
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: lowercase; }

	/* decreases size of text, used for footnotes on forms */
	.small {
		font-size: 0.9em;
	}

	/* moves the object to the left of the division */			 
	.float-left {
		float: left;
	}
	
	/* spacing around a form element */
	.form-element {
		margin: 0;
		padding: 0.55em 0 0.55em 0;
	}
	
	/* spacing around a form element used for a checkbox */
	.form-element-checkbox span {
		margin-top: 0;
	}
	
	/* use for text emphasis */
	.text-emphasis {
		font-weight: bold;
	}
	
	/* standard spacing below buttons */
	.space-below-buttons {
		height: 8.0em;
	}
	
	/* standard layout for a form checkbox */
	.form-checkbox {
		margin: 0.2em 0 0 0;
		padding: 0;
		width: 13px; 
		height: 13px; 
		vertical-align: bottom; 
		position: relative; 
		top: -1px;
	}
	
	/* use to give emphasis to a block of text */
	.highlighted-block {
		border: 1px solid black;
		padding: 7px;
		margin: 14px 0;
	}

/* End of text and object adjustment styles */



/* Start of header styles */

	/* above the navigation and content-frame */
	#header {
		background: transparent;
		height: 6.96em;
	}

/* End of header styles */



/* Start of footer */

	/* main footer style */
	#footer {
		background: transparent;
		border: none;
	}

	/* footer-band contains the footer links */
	#footer-band {
		background: transparent;
		height: 1.19em;
	}

	/* list of links in footer */
	#footer ul {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
		color: #000000;
	}

	/* elements of links list */
	#footer ul li {
		display: inline;
		list-style: none;
		margin: 0;
		padding: 0 0.23em 0 0.41em;
	}

	/* image in footer */
	#footer img {
		float: right;
		padding: 0;
		margin: 0;
	}

	/* Used to wrap a link in footer which only appears for non-CSS browsers */
	.skiplink {
		position: absolute;
		left: -800.04em;
	}

	/* footer links styles */
	#footer a:link    { color: #999999; font-weight: normal; text-decoration: none; }
	#footer a:visited { color: #999999; font-weight: normal; text-decoration: none; }
	#footer a:hover   { color: #000000; font-weight: normal; text-decoration: none; }
	#footer a:focus   { color: #000000; font-weight: normal; text-decoration: none; }
	#footer a:active  { color: #ff250a; font-weight: normal; text-decoration: none; }

/* End of footer */



/* Start of main site navigation styles */

	/* At the top of the content-frame, under the header */
	#navigation {
		background: transparent;
	}

	/* list in navigation division */
	#navigation ul {
		font-weight: normal;
	}

	/* elements in the navigation list */
	#navigation ul li {
		display: inline;
		list-style: none;
		padding: 0 2.8em 0 0;
	}

	/* Navigation links */	
	#navigation ul li a { color: #000000; text-decoration: none; }

	/* specific formatting for the currently visiting navigation link */
	#navigation ul li.current a { }

	/* Breadcrumb trail, under navigation when browsing pages */
	#breadcrumb {
		margin: 0;
		padding: 0.8em 0 0 0.8em;
	}

/* End of main site navigation styles */



/* Start of main link style */

	/* default link styles */
	a:link 		{ color: #000000; text-decoration: underline; }
	a:visited 	{ color: #000000; text-decoration: underline; }
	a:hover   	{ color: #000000; text-decoration: underline; }
	a:focus		{ color: #000000; text-decoration: underline; }
	a:active 	{ color: #000000; text-decoration: underline; }

	/* action-link is used by feature links */
	.action-link {
		display: block;
	}

	/* arrow-link, arrow-link.down are used by user guides, where links expand */
	.arrow-link {
		background: url(/firstdirect/export/sites/default/images/button_arrow.gif) 0.41em 0.23em no-repeat;
		margin: 0;
		padding: 0 0.41em 0 1.6em;
		display: block;
	}

	/* the arrow link once it has been expanded */
	.arrow-link.down {
		background: url(/firstdirect/export/sites/default/images/button_arrow_down.gif) 0 0.48em no-repeat;
	}

/* End of main link style */



/* Start of images */

	/* image located to the left of the division */
	img.left {
		float: left;
		margin: 0 1.6em 1.6em 0;
	}

	/* image located to the right of the division */
	img.right {
		float: right;
		margin: 0 0 1.6em 1.6em;
	}

	/* image with spacing to the right and below
	   (used for instructional images in user guide) */
	img.spacing {
		margin: 0 1.6em 1.6em 0;
	}

	/* image with spacing to the right */
	img.spacing-right {
		margin-right: 1.6em;
	}

	/* image with spacing to the left */
	img.spacing-left {
		margin-left: 1.6em;
	}

/* End of images */



/* Start of general form styles */

	/* generic form style */
	form {
		display: inline;
	}
	
	/* a legend labels a fieldset with its use */
	legend {
		font-weight: bold;
		display: none;
	}

	/* contains a set of fields on registration pages */
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	/* default label style */
	.label {
		margin-right: 0.41em;
		margin-top: 0.32em;
		padding-top: 0;
		display: block;
		float: left;
		text-align: right;
	}

	/* labels on contact-us form */
	#contact-us .label {
		width: 9.6em;
	}	

	/* labels on address registration forms */
	#address .label {
		width: 14.4em;
	}

	/* inline labels on address registration forms */
	#address .inline .label {
		padding-top: 0.87em;
		margin-top: 0;
	}

/* End of general form styles */



/* Start of floating information boxes */

	/* information, located in the right column */
	.info {
		width: 13.6em;
		margin: 0;
		padding: 0;
		position: absolute;
		margin-left: 48.01em;
	}

	/* top section of box */
	.info-box-top {
		background: #ffffff;
		margin: 0;
		padding: 0 0 0.41em 0;
	}

	/* heading in top section */
	.info-box-top h2 {
		background: transparent;
		padding: 0.8em;
	}

	/* paragraph in top section */
	.info-box-top p {
		padding: 0.41em 0.55em 0.41em 0.55em;
	}

	/* bottom section of box */
	.info-box-bot {
		height: 1.83em;
		margin: 0;
		padding: 0;
		background: transparent;
	}
	
	/* Boxes a section of large text, used for "Need Help? call..." boxes */
	.large-text-boxed {
		text-align: center;
		background: #ffffff;
	}

/* End of floating information boxes */



/* Start of info icon and speech bubble styles */

	/* Speech bubble that appear when the info icon is clicked */
	.info-popup-wrapper {
		visibility: hidden;
		position: absolute; 
		z-index: 9999;
		width: 25em;
	}
	
	.info-popup-text {
		background: #ffffff; 
		border: 0.09em solid #000000;
		padding: 0.32em;
		text-align: center;
	}
	
	.info-popup-text p {
		width: 24.0em;
	}
	
	/* Bottom part of speech bubble */
	.info-popup-bottom {
		background: url(/firstdirect/export/sites/default/images/registration/speech-bubble.gif) no-repeat;
		width: 6.0em;
		height: 3.44em;
		margin-top: -0.09em;
	}

	/* Close link within a speech bubble */
	.info-popup-text a.close-link:link	{ color: #000000; text-decoration: none; font-weight: bold; padding-top: 0.41em;}
	.info-popup-text a.close-link:visited	{ color: #000000; text-decoration: none; font-weight: bold; padding-top: 0.41em;}
	.info-popup-text a.close-link:hover	{ color: #000000; text-decoration: none; font-weight: bold; padding-top: 0.41em;}
	.info-popup-text a.close-link:focus	{ color: #000000; text-decoration: none; font-weight: bold; padding-top: 0.41em;}
	.info-popup-text a.close-link:active	{ color: #000000; text-decoration: none; font-weight: bold; padding-top: 0.41em;}

	/* division containing info-icon */
	.info-icon-container {
		vertical-align: bottom;
		display: inline; 
	}

	/* info icon outside a form */
	.info-icon {
		vertical-align: middle;
		margin-bottom: 0.16em;	
		margin-left: 0.16em;
		cursor: pointer;
	}

	/* info icon inside a form */
	.info-icon-form {
		padding-bottom: 0.64em;	
		padding-top: 0.71em;
		cursor: pointer;
	}

	.info-icon-container-form img {
		padding: 0; 
		margin: 0; 
		vertical-align: top; 
		padding-top: 0.25em;
	}

/* End of info icon and speech bubble styles */



/* Start of registration steps styles */

	/* Wraps a step on a registration page */
	.reg-page-step-container {
		padding-bottom: 2.08em; 
		margin-top: 0;
		width: 46.0em;
	}

	/* Generic class for reg process step icon */
	.reg-page-step {
		margin-top: 0; 
		padding-top: 0.8em; 
		position: absolute; 
		width: 4.0em; 
		height: 2.72em;
	}
	
	/* bullet icon */
	.bullet {
		background: url(/firstdirect/info/images/registration/bullet.gif) no-repeat;
	}

	/* step number one icon */
	.step-one {
		background: url(/firstdirect/export/sites/default/images/registration/step-1.gif) no-repeat;
	}

	/* step number two icon */
	.step-two {
		background: url(/firstdirect/export/sites/default/images/registration/step-2.gif) no-repeat;
	}

	/* step number three icon */
	.step-three {
		background: url(/firstdirect/export/sites/default/images/registration/step-3.gif) no-repeat;
	}

	/* step number four icon */
	.step-four {
		background: url(/firstdirect/export/sites/default/images/registration/step-4.gif) no-repeat;
	}
	
	/* step number five icon */
	.step-five {
		background: url(/firstdirect/info/images/registration/step-5.gif) no-repeat;
	}

	/* step number six icon */
	.step-six {
		background: url(/firstdirect/info/images/registration/step-6.gif) no-repeat;
	}

	/* Wraps a steps content */
	.step-text {
		width: 42.01em;
		padding-top: 0.71em; 
		margin-left: 4.0em;
		margin-top: 0;
		margin-bottom: 0.32em;
		position: relative;
	}

	/* Paragraphs within steps */
	.step-text p {
		display: inline; 
		padding-top: 0; 
		padding-bottom: 0; 
	}
	
	.step-wds-text p {
   		margin: 0;
   		padding: 0.55em 0 0.55em 0;
   		display: block;
	}

	/* Boxes a section of step content - place within step-text */
	.step-text-boxed {
		margin-left: 4.0em;
		width: 40.88em;
		background: #ffffff;
		margin-top: 0;
		margin-bottom: 0.48em;
		padding-left: 0.55em;
		padding-right: 0.55em;
		padding-top: 0;
		padding-bottom: 0;
	}

	/* List within boxed step text */
	.step-text-boxed ul {
		margin-top: 0.55em;
		margin-bottom: 0.55em;
	}

/* End of registration steps styles */



/* Start of first registration page styles */

	/* main labels */
	.register-start-form .label {
		width: 14.4em;
	}

	/* labels in right column */
	.register-start-form .form-right-column .label {
		width: 6.88em;
	}

	/* size of left column */
	.register-start-form .form-left-column {
		width: 23.2em;
	}

	/* size of right column */
	.register-start-form .form-right-column {
		margin-left: 22.81em; 
		position: absolute; 
		width: 22.4em;
	}

	/* labels that have been specified as inline */
	.register-start-form .inline .label {
		padding-top: 0.71em;
		margin-top: 0;
	}

	/* instructional text in top right of registration form */
	.register-start-form .text-above-email {
		padding-top: 0.23em;
		font-size: 0.85em;
		height: 2.08em;
	}

	/* text for terms and conditions checkbox */
	.register-start-form .checkbox-text { 
		width: 41.61em;
		float: right;
		margin-top: 0.16em;
	}
	
	/* label for terms and conditions checkbox */
	.register-start-form .confirm-checkbox label {
		float: left;
	}

	/* terms and conditions check box */
	.register-start-form .terms-checkbox {
		margin-left: 1.44em;
	}
	
	.register-start-form .vertical-space {
		clear: both;
	}
	
/* End of first registration page styles */


/* Start of first registration page styles */
	/* month select for date of birth */
	.tmb-start-form .dob-month {
		width: 4.24em;
	}
	
	/* email input text box */
	.tmb-start-form .email-address {
		width: 12.25em;
	}
	
	/* main labels */
	.tmb-start-form .label {
		width: 16.0em;
	}

/* End of first registration page styles */


/* Start of registration process form styles */

	/* mandatory fields label, under forms on several registration pages */
	.mandatory-fields-label {
		text-align: right;
		width: 100%;
		clear: both;
	}
	
	/* date of birth fields */
	.dob-day,
	.dob-month,
	.dob-year {
		float: left;
		margin-top: 0.48em;
		margin-right: 0.23em;	
	}

	/* day select for date of birth */
	.dob-day {
		width: 3.36em;	
	}

	/* month select for date of birth */
	.dob-month {
		width: 4.24em;
	}

	/* year select for date of birth */
	.dob-year {
		width: 4.48em;
	}

	/* MSISDN input text box */
	.mobile-number {
		width: 6.24em;
	}

	/* Operator select */
	.operator-select {
		width: 6.72em;
	}

	/* email input text box */
	.email-address {
		width: 12.25em;
	}
	
	/* HVC entry field */
	.hvc {
		width: 6.56em;
	}

	/* text to the right of the HVC input */
	.text-right-of-hvc {
		text-align: right; 
		position: absolute; 
		width: 20.0em; 
		margin-top: 0.8em;
		margin-left: 20.8em;
	}
	
	/* box containing HVC input form */
	.HVC-box-top {
		background: #ffffff;
		width: 40.88em;
		padding: 0 0.55em 0 0.55em;
	}

	/* text input for address postcode */
	.address-postcode {
		width: 15.0em;
	}

	/* text area for list of addresses, when using postcode lookup */
	.address-list {
		width: 27.6em;
	}
	
	/* box contain address lookup fields */
	.address-lookup-input-fields {
		float: left; 
	}

	/* text input for single line of an address for the postcode lookup */
	.address-line-postcode-lookup {
		width: 15.0em;
		float: left;
		margin-top: 0.64em;
		margin-right: 0.23em;		
	}

	/* text input for single line of an address */
	.address-line {
		width: 15em;
	}

	/* text input for address house number */
	.address-number {
		width: 3em;
	}

	/* for displaying an error, used when errors occur in a form */
	.error {
		color: #000000;
		font-weight: bold;
	}

	/* for displaying a list of errors, used when multiple errors occur in a form */
	.group-errors ul {
		margin-bottom: 0; 
		margin-top: 0;
	}

/* End of registration process form styles */



/* Start of boxed content styles */

	/* Main box style */
	.box-top {
		background: #ffffff;
		margin: 0;
	}

	/* horizontal ruler within box */
	.box-top hr	{ 
		color: #000000; 
		background: transparent; 
		height: 0.09em; 
		margin: 0.41em 0 0.41em 0; 
		padding: 0; 
		border: 0;
	}

	/* bottom of the box */
	.box-bot {
		padding: 0;
		margin: 0 0 0.8em 0;
		background: transparent;
	}
	
	/* normal boxed text on the registration pages */
	.boxed-text {
		background: #ffffff;
		margin: 0.32em 0 0.32em 0;
		padding: 0 0.55em 0 0.55em; 
	}

/* End of boxed content styles */


/* Start of TMB card management styles */
	.alert-management-card-buttons {
		text-align: right; 
		position: absolute; 
		width: 23.84em; 
		margin-left: 20.8em;
	}

	#registration #alert-management h2 {
		padding-top: 0;
	}
	
	#registration #edit-alerts .edit-alerts-buttons {
		text-align: right; 
		position: absolute; 
		width: 22.4em; 
		margin-left: 22.4em;
	}

	#registration #edit-alerts h2 {
		padding-top: 0;
	}
	
	#registration #edit-alerts .align-buttons {
		padding: 0;
	}
	
	.display-issuer-logos .box-top {
		margin-left: 4.8em;
	}

	.display-issuer-logos .issuer-logo-img {
		float: left;
	}
	
	.display-issuer-logos .alert-management-card-buttons {
		margin-left: 16.0em;
	}
	
/* End of TMB card management styles*/


/* Start of card details form styles */

	/* labels on car details form */
	#enter-card .label {
		width: 16.0em;
	}

	/* the information symbol on the form */
	#enter-card .info-icon-form {
		padding-bottom: 0.55em;	
		padding-top: 0.8em;
		cursor: pointer;
	}

	/* alternate version of the information symbol drawn alongside alert forms */
	#enter-card .alert-weekly-info-icon img,
	#enter-card .alert-balance-info-icon img {
		vertical-align: middle;
		cursor: pointer;
		margin-bottom: 0.48em;
		padding-top: 0.0em;
		padding-bottom: 0.0em;
	}

	/* labels that have been specified as inline */
	#enter-card .inline .label {
		padding-top: 0.87em;
		margin-top: 0;
	}
	
	/* width of card number, nickname, and cardholders name */
	#enter-card .card-number,
	#enter-card .card-alias,
	#enter-card .cardholders-name {
		width: 12.0em;
	}
	
	/* text input for card number and card nickname */
	#enter-card .card-number,
	#enter-card .card-alias {
		float: left;
		margin-top: 0.64em;
		margin-right: 0.23em;	
	}

	/* select for year and month of both the start date and expiry date */
	#enter-card .start-date-month,
	#enter-card .expiry-date-month {
		width: 6.0em;
	}
	
	#enter-card .expiry-date-year,
	#enter-card .start-date-year {
		width: 6.0em;
		margin-left: 0.32em;
	}

	/* text input for issue number */
	#enter-card .issue-number {
		width: 2em;
	}

	/* text input for security code */
	#enter-card .security-code {
		width: 3em;
	}

	/* image of a security code on a card */
	#enter-card .security-code-image {
		margin-left: 20.8em;
		margin-top: 0.48em; 
		position: absolute;
	}

	/* text to accompany security-code-image */
	#enter-card .card-details-text-right-of-cvv-img {
		position: relative; 
		top: -0.16em; 
		margin-left: 3.68em;
		width: 20em;
	}

	/* instructions of where to find card number */
	#enter-card .text-below-card-number {
		position: absolute; 
		margin-left: 16.41em;
		margin-top: 2.4em;
		width: 28em;
	}
	
	/* positioning for text below cardholder name input */
	#enter-card .text-below-cardholders-name {
		margin-left: 16.5em;
	}

	/* wraps enter alert forms */
	#enter-card .alert-wrapper {
		margin: 0;
		padding: 0.55em 0 0.55em 0;
	}
	
	#enter-card .alert-balance-input {
		position: absolute; 
		margin-left: 24.96em;
		margin-top: 0.0em;
	}
	
	#enter-card .alert-balance-text {
		position: absolute;  
		margin-top: 0.16em; 
	}
	
	#enter-card .alert-weekly-text {
		position: absolute; 
		margin-left: 0.23em; 
		margin-top: 0.16em; 
	}

	#enter-card .alert-weekly-text2 {
		position: absolute; 
		margin-left: 15.84em; 
		margin-top: 0.0em; 
	}

	#enter-card .alert-weekly-text3 {
		position: absolute; 
		margin-left: 20.8em; 
		margin-top: 0.16em; 
	}

	#enter-card .alert-weekly-text4 {
		position: absolute; 
		margin-left: 24.96em; 
		margin-top: 0.0em; 
	}
	
	#enter-card .alert-weekly-text5 {
		position: absolute; 
		margin-left: 33.61em; 
		margin-top: 0.0em; 
	}
	
	#enter-card .alert-balance-info-icon {
		margin-left: 33.37em;
	}
	
	#enter-card .alert-weekly-info-icon {
		margin-left: 33.37em;
	}	

/* End of card details form styles */



	/* wraps enter alert forms */
	#edit-alerts .alert-wrapper {
		margin: 0;
		padding: 0.55em 0 0.55em 0;
	}
	
	#edit-alerts .alert-balance-input {
		position: absolute; 
		margin-left: 24.96em;
		margin-top: 0.0em;
	}
	
	#edit-alerts .alert-balance-text {
		position: absolute; 
		margin-left: 0.32em; 
		margin-top: 0.16em; 
	}
	
	#edit-alerts .alert-weekly-text {
		position: absolute; 
		margin-left: 0.32em; 
		margin-top: 0.16em; 
	}

	#edit-alerts .alert-weekly-text2 {
		position: absolute; 
		margin-left: 15.84em; 
		margin-top: 0.0em; 
	}

	#edit-alerts .alert-weekly-text3 {
		position: absolute; 
		margin-left: 20.8em; 
		margin-top: 0.16em; 
	}

	#edit-alerts .alert-weekly-text4 {
		position: absolute; 
		margin-left: 24.96em; 
		margin-top: 0.0em; 
	}

	#edit-alerts .alert-weekly-text5 {
		position: absolute; 
		margin-left: 33.61em; 
		margin-top: 0.0em; 
	}

	#edit-alerts fieldset {
		margin-top: 0.8em;
	}


/* Start of confirm card details form styles */

	/* labels on confirming card details */
	#confirm-card-details .label,
	#confirm-card-details-tmb .label {
		width: 16.0em;
	}

	/* buttons on confirm card details */
	#confirm-card-details .align-buttons,
	#confirm-card-details-tmb .align-buttons {
		text-align: right;
		float: right;
	}

/* End of confirm card details form styles */



/* Start of address enrty form styles */

	/* removes padding below field */
	#address .reduced-spacing-bottom {
		padding-bottom: 0;
	}

	/* removes padding below field */
	#address .reduced-spacing-top {
		padding-top: 0;
	}

	/* position of the postcode lookup button */
	.lookup-button-position {
		position: absolute; 
		margin-left: 38.09em; 
		margin-top: 1.44em;
	}

	/* position of address selection after using postcode lookup */
	.select-address-postcode {
		position: absolute; 
		margin-left: 14.88em; 
		margin-top: 0.41em;
	}

/* End of address entry form styles */



/* Start of phone settings update form styles */

	/* radio button to opt to update phone settings */
	#get-update-settings .radioYes {
		position: relative; 
		top: 0.16em;
	}

	/* radio button to opt not to update phone settings */
	#get-update-settings .radioNo {
		position: relative; 
		top: 0.16em;
	}

	/* label for Yes radio button */
	#get-update-settings .radioYesLabel {
		position: relative; 
		left: 0.32em;
	}

	/* label for No radio button */
	#get-update-settings .radioNoLabel {
		position: relative; 
		left: 0.32em;
	}

	/* change phone button before retrieving phone settings settings */
	.changePhoneButton {
		position: absolute;
		left: 12.0em;
		top: 0.8em;
	}
	
	.changePhoneButton a:link	{ text-decoration: none; }
	.changePhoneButton a:visited{ text-decoration: none; }
	.changePhoneButton a:hover	{ text-decoration: none; }
	.changePhoneButton a:focus	{ text-decoration: none; }
	.changePhoneButton a:active { text-decoration: none; }

	/* box for confirm phone and MNO before retrieving phone settings */
	#confirm-phone-details .confirmBox{
		margin-left: 8.0em; 
		position: absolute; 
		width: 38.0em;
	}

	/* drop down box to select operator before retrieving phone settings */
	#confirm-phone-details .opServiceID{
		width: 20.0em;
		margin: 0.41em 0 0.41em 0;
	}

/* End of phone settings update form styles */



/* Start of final confirmation screen styles */

	/* final confirmation screen labels */
	#confirm-card-details .label,
	#confirm-card-details-tmb .label {
		width: 17.6em;
		margin-right: 0.41em;
		margin-top: 0;
	}

	/* position of fields on final confirmation screen */
	#confirm-card-details .form-field,
	#confirm-card-details-tmb .form-field {
		margin-left: 18.16em;
	}
	
	/* wraps confirm-alerts-inner div */
	#confirm-card-details-tmb .confirm-alerts-outer {
		width: 100%;
	}
	
	/* wraps list of alerts on confirm card details screen */
	#confirm-card-details-tmb .confirm-alerts-inner {
		margin-left: auto; 
		margin-right: auto; 
		width: 75%; 
	}
	
	#confirm-card-details-tmb .alert-tick {
		margin-right: 0.32em;
	}

/* End of final confirmation screen styles */



/* Start of phone make floating boxes */

	/* phone make floating boxes */
	.make-box-first, .make-box {
		width: 8.0em;
		border: 0.09em solid #000000;
		margin: 0 0 1.6em 1.6em;
		padding: 0;
		float: left;
		height: 16.0em;
		width: 8.0em;
	}
	
	#ota-select-phone-make .make-box-first, 
	#ota-select-phone-make .make-box,
	#mobile-phone-help-select-make .make-box-first,
	#mobile-phone-help-select-make .make-box,
	#mobile-phone-help-select-carrier .make-box-first,
	#mobile-phone-help-select-carrier .make-box,
	#help-select-series .make-box-first,
	#help-select-series .make-box {
		height: 8.0em;
	}

	/* specific formatting for first phone make floating box */
	.make-box-first {
		margin: 0 0 1.6em 0;
	}

	/* paragraphs in phone make boxes, used for name of phone make */
	.make-box-first p, .make-box p {
		width: 7.68em;
		padding: 0.16em;
		text-align: center;
		background: transparent;
		position: absolute;
		margin-top: 14.4em;
	}
	
	#ota-select-phone-make .make-box-first p, 
	#ota-select-phone-make .make-box p,
	#mobile-phone-help-select-make .make-box-first p,
	#mobile-phone-help-select-make .make-box p,
	#mobile-phone-help-select-carrier .make-box-first p,
	#mobile-phone-help-select-carrier .make-box p,
	#help-select-series .make-box-first p,
	#help-select-series .make-box p {
		margin-top: 6.4em;
	}

	#mobile-phone-help-select-make space-below-buttons,
	#mobile-phone-help-select-carrier space-below-buttons,
	#help-select-series space-below-buttons {
		height: 1.28em;
	}
	
/* End of phone make floating boxes */



/* Start of handset help details styles */

	/* division containing handset images */
	.handset-images {
		margin: 1.19em 1.6em 0 0;
		float: left;
		width: 9.6em;
	}

	/* images in that division */
	.handset-images .image {
		border: 0.09em solid #000000;
		background: #ffffff;
		padding: 0.8em;
		margin-bottom: 0.8em;
		text-align: center;
	}

	/* information on settings for the selected handset */
	.handset-information {
		width: 42.25em;
		float: left;
		margin: 0;
		padding: 0;
	}

	/* headings within the information */
	.handset-information h2, .handset-information h3, .handset-information h4 {
		margin: 1.19em 0 0.41em 0;
		padding: 0;
	}

	/* paragraphs within the information */			
	.handset-information p {
		margin: 0 0 1.19em 0;
		padding: 0;
	}

	/* indented divisions in the information division */			
	.handset-information .indent {
		margin: 0.8em 0 0 1.6em;
		padding: 0;
	}

	/* Restricts content width for make and model selection in help screens */
	.help-select-options {
		width: 44.01em;
		margin: 0;
		padding: 0;
	}

/* End of handset help details styles */



/* Start of styles for the feedback form */

	#feedback-form .clearBoth {
        margin: 0;
        padding: 0;
    }
	
	#feedback-form .generated-form {
        margin: 0;
        padding: 0;
	}

	/* labels in left column */
	#feedback-form .form-left-column .label {
		width: 13.5em;
	}

	/* label for the description field in the feedback form */
	#feedback-form .label-description,
	#feedback-form .label-enquiry {
		width: 13.5em;
		float: left;
		text-align: right;
		margin-right: 0.41em;
		margin-top: 0.32em;
		padding-top: 0;
		display: block;
	}

	#feedback-form .form-left-column .form-element .label,
	#feedback-form .form-element .label-description,
	#feedback-form .form-element .label-enquiry {
		width: 13em;
	}

	/* labels in right column */
	#feedback-form .form-right-column .label {
		width: 17.28em;
	}
	
    #feedback-form .form-lower-column {
		clear: both;
    }
	
	#feedback-form .clearBoth {
		clear: both;
	}
	
	#feedback-form .clearLeft {
		clear: left;
	}

	#feedback-form .clearRight {
		clear: right;
	}
	
	/* position of right column */
	#feedback-form .form-left-column-narrow,
	#feedback-form .form-left-column {
		float: left;
	}
	
	/* position of right column */
	#feedback-form .form-right-column-narrow,
	#feedback-form .form-right-column {
		float: right;
		width: 23em;
		/*width: 23.5em;*/
	}
	
	#feedback-form .feedback-form-contact-method,
	#feedback-form .feedback-form-title {
		width: 38em;
	}
	
	#feedback-form .feedback-form-mobile-network,
	#feedback-form .feedback-form-mobile-number {
		width: 22em;
		/*width: 22.5em;*/
	}
	
	#feedback-form .element-method-of-contact,
	#feedback-form .element-title {
		width: 37.4em;
		margin: 0;
		padding: 0;
	}
	
	#feedback-form .element-mobile-network,
	#feedback-form .element-msisdn {
		width: 23em;
		margin: 0;
		padding: 0;
	}
	
	#feedback-form .element-contract-type,
	#feedback-form .element-device-make-and-model {
		width: 23.5em;
	}
	
	#feedback-form .feedback-form-description,
	#feedback-form .element-enquiry {
		width: 100%;
        padding-top: 5px;
	}
	
	#feedback-form .feedback-form-description textarea
	#feedback-form .element-enquiry textarea {
        margin-top: 2px;
	}
	
	/* labels in a narrow right column */
	#feedback-form .form-right-column-narrow .label,
	#feedback-form .form-right-column .label {
		width: 10.88em;
	}
	
	#feedback-form .feedback-form-mobile-network .label,
	#feedback-form .feedback-form-mobile-number .label {
        width: 10em;
	}
	
	#feedback-form .element-msisdn .label,
	#feedback-form .element-mobile-network .label {
        width: 10.5em;
	}
	
	/* wide label in a narrow right column */
	#feedback-form .form-right-column-narrow .label-wide,
	#feedback-form .form-right-column .label-wide,
	#feedback-form .form-right-column .label-device-make-and-model {
		width: 17.45em;
		margin-left: -6.4em;
		margin-right: 0.41em;
		margin-top: 0.32em;
		padding-top: 0;
		display: block;
		float: left;
		text-align: right;
		position: relative;
	}
	/* end of fix */

	/* sizes of input fields */ 
	#feedback-form .operator-select {
		width: 10.08em;
	}

	#feedback-form .msisdn,
	#feedback-form .device-make-and-model {
		width: 9.6em;
	}

	#feedback-form .name,
	#feedback-form .email-address,
	#feedback-form .contact-number {
		width: 16.0em;
	}

	#feedback-form .description,
	#feedback-form .enquiry {
		width: 38.88em; 
		height: 12.0em;
	}

	/* defines text in a text area, used in description field */
	#feedback-form textarea {
		font-size: 1.1em;
		font-family: Helvetica, Arial, Verdana, sans-serif;
	}

	/* position of info icon of feedback form */
	#feedback-form .info-icon {
		padding-bottom: 0.64em;	
		padding-top: 0.32em;
		vertical-align: top;
	}
	
	#feedback-form .wrapper-contract-type {
		height: 4.64em;
	}
	
	#feedback-form .feedback-text-area {
		visibility: hidden; 
		position: fixed; 
		top: 0px; 
		left: 0px;
	}

/* End of styles for the feedback form */

/* Start of styles for the contact form */

	#contact-form fieldset p {
        margin: 0;
        padding: 0;
    }
    
	#contact-form .form-left-column {
        width: 32em;
        float: left;
    }
    
    #contact-form .form-right-column {
		width: 28em;
		float: right;
    }
    
    #contact-form .form-lower-column {
		clear: both;
    }
	
	#contact-form .clearLeft {
		clear: left;
	}
	
	#contact-form .clearRight {
		clear: right;
	}
    
	/* labels in left column */
	#contact-form .form-left-column .label {
		width: 13.3em;
	}

	/* label for the description field in the contact form */
	#contact-form .label-description {
		width: 13.3em;
		float: left;
		text-align: right;
		margin-right: 0.41em;
		margin-top: 0.32em;
		padding-top: 0;
		display: block;
	}

	/* labels in right column */
	#contact-form .form-right-column .label {
		width: 8em;
	}
	
	/* labels in left column */
	#contact-form .form-lower-column .label {
		width: 13.3em;
	}
	

	
			/* position of right column */
			#contact-form .form-right-column-narrow {
				position: absolute; 
		margin-left: 38.41em;
			}
			
			/* labels in a norrow right column */
			#contact-form .form-right-column-narrow .label {
		width: 10.88em;
			}
			
			/* wide label in a narrow right column */
			#contact-form .form-right-column-narrow .label-wide {
		width: 17.28em;
		margin-left: -6.4em;
		margin-right: 0.41em;
		margin-top: 0.32em;
				padding-top: 0;
				display: block;
				float: left;
				text-align: right;
				position: relative;
			}

	/* sizes of input fields */ 
	#contact-form .operator-select {
		width: 10.08em;
	}

	#contact-form .msisdn,	
	#contact-form .device-make-and-model,
	#contact-form .name,
	#contact-form .phone-make,
	#contact-form .phone-model,
	#contact-form .device-make,
	#contact-form .device-model,
	#contact-form .mobile-network,
	#contact-form .email-address,
	#contact-form .contact-number,
	#contact-form .method-of-contact {
		width: 16.0em;
	}

	#contact-form .description {
		width: 44.88em; 
		height: 12.0em;
	}

	/* defines text in a text area, used in description field */
	#contact-form textarea {
		font-size: 1.1em;
		font-family: Helvetica, Arial, Verdana, sans-serif;
	}
	
	#contact-form .enquiry {
		width: 40.4em;
	}

	/* position of info icon of contact form */
	#contact-form .info-icon {
		padding-bottom: 0.64em;	
		padding-top: 0.32em;
		vertical-align: top;
	}

/* End of styles for the contact form */


/* Start of styling for user guide steps */

	/* title of step in user guide instructions */
	.process-title {
		float: left;
		margin: 0;
		padding: 0;
	}

	/* icon with title */
	.process-icon {
		display: none;
		float: right;
		margin: 0;
		padding: 0.8em 0.41em 0.8em 1.19em;
	}

	/* details expanded once title is clicked */
	.process-details {
		margin: 0;
		padding: 0 0 0 1.6em;
	}

/* End of styling for user guide steps */



/* start of buttons style */

	/* sets alignment for buttons */
	.align-buttons {
		text-align: right;
		float: right;
		padding: 0.8em 0.0em 0.8em 0.0em;
	}
	
	.align-buttons a {
		margin-left: 1em;
	}
	
	/* sets alignment for buttons to left */
	.align-buttons-left {
		text-align: left;
		float: left;
		padding: 0.8em 0.0em 0.8em 0em;
	}
	
	.align-buttons-none {
		padding: 0.8em 0.0em 0.8em 0.8em;
	}
	
	.align-buttons-none a {
		margin-right: 1em;
	}
	
	.align-buttons-left a {
		margin-right: 1em;
	}
	
	.clear-buttons {
		clear: both; 
		height: 0.0em;
	}
	
	/* css for floating html*/
	.floatLeft-element{
		float: left; 
		margin: 0.0em 1.6em 0.0em 0.0em;
	}
	
	/* start of css button styles */

	.button-text {
		position: absolute; 
		padding-top: 0.8em; 
		font-weight: bold; 
		padding-left: 0.75em;
	}
	
	/* end of css button styles */
	
	
	/* links on text buttons */
	.align-buttons a:link, .align-buttons-left a:link, .align-buttons-none a:link		{ text-decoration: none; }
	.align-buttons a:visited, .align-buttons-left a:visited, .align-buttons-none a:visited	{ text-decoration: none; }
	.align-buttons a:hover, .align-buttons-left a:hover, .align-buttons-none a:hover		{ text-decoration: none; }
	.align-buttons a:focus, .align-buttons-left a:focus, .align-buttons-none a:focus		{ text-decoration: none; }
	.align-buttons a:active, .align-buttons-left a:active, .align-buttons-none a:active 	{ text-decoration: none; }
	
	
	/* removes formatting of a normal button, to be replaced by image */
	.image-button {
		padding: 0;
		overflow: visible;
		margin: 0;
		border: 0;
		background: none;
		cursor: pointer;
		width: auto;
	}

/* end of buttons style */


/* start of help popup styles */
	#help-area {
		width: 14.4em;
		height: 5.21em;
		margin: 1.28em 1.45em 0 0;
		padding: 0;
		float: right;
	}
	
	#help-area .align-buttons {
		padding: 0;
	}
	
	.help-popup-title {
		padding-bottom: 0;
	}
	
	.help-popup-question {
		padding-bottom: 1.6em;
	}
	
	.help-popup-close {
		padding: 0.8em 0 0.8em 0;
		text-align: center;
	}
	
	.help-area-popup h1 {
		padding: 0;
	}
	
	#main-help-popup-narrow.help-area-popup {
		padding-top: 0;
	}
	
/* end of help popup styles */


/* Start of enter double deposit amount page styles */

	/* main labels */
	.register-enter-dd-amounts-form .label {
		width: 14.4em;
	}

/* End of enter double deposit amount page styles */


/* Start of enter financial institution page styles */

	/* main labels */
	#registration-enter-fi .floatLeft-element{
		margin-top: 0.5em;
	}

/* End of enter financial institution page styles */


/* Start of confirm screen styles */

	#confirm-box .confirm-message {
		padding: 2em;
	}

/* End of confirm screen styles */


/* Start of download page styles */

	/* alter width of activation code highlighted box */
	div.activation-code {
		width: 300px;
	}
	
	/* center text in activation code highlighted box */
	.activation-code p {
		margin-left: 85px;
	}

/* End of download page styles */

/* Start of non-JS hiding classes */

	/* use this class for elements that should be hidden on browsers that don't support JavaScript */
	.hideForNoScript { 
		display: none;
	}
	
	/* this class is required for 'hideForNoScript' to display elements when browser supports JavaScript */
	.jsOn .hideForNoScript {
		display: block;
	}
	
	/* use this class for elements that should be hidden on browsers that don't support JavaScript
	 * and should be inline otherwise.
	 **/
	.hideForNoScriptInline { 
		display: none;
	}
	
	/* this class is required for 'hideForNoScriptInline' to display elements when browser supports JavaScript */
	.jsOn .hideForNoScriptInline {
		display: inline;
	}
	
/* End of non-JS hiding classes */

/* Start of site map classes */

	.site-map-wrapper {
		width: 62em;
	}
	
	.site-map-left-column {
		float: left;
		width: 30em;
	}
	
	.site-map-right-column {
		float: right;
		width: 30em;
	}

/* End of site map classes */

/* Start of button sizing styles */

	.image-button img {
		width: 6.4em;
		height: 2.8em;
	}
	
	.button-text {
		padding-left: 1.1em;
	}
	
	#help-button .button-text {
		padding-left: 1.1em;
	}
	
	#help-button .image-button img {
		width: 4em;
	}

/* End of button sizing styles */

	.cleaner {
		clear: both;
		height: 1px;
		padding: 0px;
		margin: 0px;
		border: none;
	}

/* Include the brand specific css: */


/* first direct registration site */

#popup-window #main-help-popup-narrow .help-popup-title {display:none;}


body {
	color: #000;
	margin: 0;
	padding: 0;
	background: #fff;
	font: 78% Helvetica, Arial, Verdana, sans-serif;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
	font: 100% Helvetica, Arial, Verdana, sans-serif;
}
img {
	border: 0;
	/* Karen 24/03/2009 */
	border: 0em;
}
.FD_image_logo {
	padding-left: 5px;
	/* Karen 24/03/2009 */
	padding-left: 0.4em;
}
#container {
	width: 800px;
	margin: 20px auto;
	padding: 0;
	text-align: left;
	/* Karen 24/03/2009 */
	width: 64.15em;
	margin: 1.6em auto;
	padding: 0em;
}
#container-help {
	margin: 0;
	padding: 0;
	text-align: left;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
}
#content-frame {
	width: 798px;
	border: 1px solid #000;
	padding: 0 0 5px;
	/* Karen 24/03/2009 */
	width: 64em;
	border: 0.1em solid #000;
	padding: 0em 0em 0.4em;
}
#main {
	width: 775px;
	margin: 0;
	padding: 10px 0 0 10px;

	/* Added by Karen - 5th March 2009 - HSBC FD Monilink Error (Email dated 2nd March 2009) */
	min-height: 300px;
	height: auto !important;
	height: 300px;
	
	/* Karen 24/03/2009 */
	width: 62.15em;
	margin: 0em;
	padding: 0.8em 0em 0em 0.8em;
	min-height: 24em;
	height: auto !important;
	height: 24em;
}
#main-narrow {
	width: 575px;
	margin: 0;
	padding: 10px 0 0 10px;
	/* Karen 24/03/2009 */
	width: 46.11em;
	margin: 0em;
	padding: 0.8em 0em 0em 0.8em;
	/* height:  775px; */	
	
/* Fixes the Help with this page button issue */	
	/*width: 45.31em;*/
	float: none;
}
#main-help-popup {
	width: 690px;
	margin: 0;
	padding: 10px 0 0 10px;
	/* Karen 24/03/2009 */
	width: 55.33em;
	margin: 0em;
	padding: 0.8em 0em 0em 0.8em;
}
#main-help-popup-narrow {
	width: 575px;
	margin: 0;
	padding: 10px 0 0 10px;
	/* Karen 24/03/2009 */
	width: 46.11em;
	margin: 0em;
	padding 0.8em 0em 0em 0.8em;
}
.left-column {
	width: 565px;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	width: 45.31em;
	margin: 0em;
	padding: 0em;
}
.right-column, #registration .right-column {
	width: 162px;
	margin: 220px 0 0 600px;
	padding: 0;
	position: absolute;
	/* Karen 24/03/2009 */
	width: 13em;
	margin: 17.64em 0em 0em 48.12em;
	padding: 0em;
}
.high {
	margin-top: 90px;
	/* Karen 24/03/2009 */
	margin-top: 7.22em;
}
.right-column2 {
	width: 200px;
	padding: 0;
	position: absolute;
	margin: 0 0 0 575px;
	top: 25px;
	/* Karen 24/03/2009 */
	width: 16.04em;
	padding: 0em;
	margin: 0em 0em 0em 46.11em;
	top: 2em;
}
.align-right {
	text-align: right;
}
#note {
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	/* Karen 24/03/2009 */
	left: 0em;
	top: 0em;
}
#note1 {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffc;
	padding: 10px;
	border: 1px solid #000;
	z-index: 1;
	visibility: hidden;
	color: #000;
	/* Karen 24/03/2009 */
	top: 0em;
	left: 0em;
	padding: 0.8em;
	border: 0.1em solid #000;
}
#note2 {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffc;
	padding: 10px;
	border: 1px solid #000;
	z-index: 1;
	visibility: hidden;
	color: #000;
	/* Karen 24/03/2009 */
	top: 0em;
	left: 0em;
	padding: 0.8em;
	border: 0.1em solid #000;
}
.info-popup-text a.close-link:link {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	/* Karen 24/03/2009 */
	padding-top: 0.4em;
}
.info-popup-text a.close-link:visited {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	/* Karen 24/03/2009 */
	padding-top: 0.4em;
}
.info-popup-text a.close-link:hover {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	/* Karen 24/03/2009 */
	padding-top: 0.4em;
}
.info-popup-text a.close-link:focus {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	/* Karen 24/03/2009 */
	padding-top: 0.4em;
}
.info-popup-text a.close-link:active {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	/* Karen 24/03/2009 */
	padding-top: 0.4em;
}
.reg-page-step-container {
	padding-bottom: 26px;
	margin-top: 0;
	width: 575px;
	/* Karen 24/03/2009 */
	padding-bottom: 2.09em;
	margin-top: 0em;
	width: 46.11em;
}
.reg-page-step {
	margin-top: 0;
	padding-top: 10px;
	position: absolute;
	width: 50px;
	height: 34px;
	/* Karen 24/03/2009 */
	padding-top: 0.8em;
	width: 4em;
	height: 2.73em;
}
.step-one {
	background: url(/firstdirect/export/sites/default/images/registration/step-1.gif) no-repeat;
}
.step-two {
	background: url(/firstdirect/export/sites/default/images/registration/step-2.gif) no-repeat;
}
.step-three {
	background: url(/firstdirect/export/sites/default/images/registration/step-3.gif) no-repeat;
}
.step-four {
	background: url(/firstdirect/export/sites/default/images/registration/step-4.gif) no-repeat;
}
#enter-hvc .step-four {
background-image: none;
}
#enter-hvc .submit-image-button {
	margin-bottom: 100px;
	/* Karen 24/03/2009 */
	margin-bottom: 8.02em;
}
#no-charges {
	margin-top: 120px;
	position: absolute;
	/* Karen 24/03/2009 */
	margin-top: 9.62em;
}
.step-text {
	width: 525px;
	padding-top: 9px;
	margin-left: 50px;
	margin-top: 0;
	margin-bottom: 4px;
	position: relative;
	/* Karen 24/03/2009 */
	width: 42.1em;
	padding-top: 0.72em;
	margin-left: 4em;
	margin-top: 0em;
	margin-bottom: 0.32em;
}
.step-text p {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	/* Karen 24/03/2009 */
	margin-top: 0em;
	margin-bottom: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
}
.info-icon-container {
	vertical-align: bottom;
	display: inline;
}
.step-text-boxed {
	margin-left: 50px;
	width: 511px;
	background: #f2f2f2;
	margin-top: 0;
	margin-bottom: 6px;
	padding: 0 7px;
	/* Karen 24/03/2009 */
	margin-left: 4em;
	width: 40.98em;
	margin-top: 0em;
	margin-bottom: 0.48em;
	padding: 0em 0.56em;
}
.step-text-boxed ul {
	margin-top: 7px;
	margin-bottom: 7px;
	/* Karen 24/03/2009 */
	margin-top: 0.56em;
	margin-bottom: 0.56em;
}
.inline {
	display: inline;
	vertical-align: middle;
}
.large-text-boxed {
	text-align: center;
	background: #e5e5d9;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
	/* Karen 24/03/2009 */
	border: 1px solid green;
}
.boxed-text {
	background: #F2F2F2;
	margin-top: 4px;
	margin-bottom: 4px;
	padding-left: 7px;
	padding-right: 7px;
	/* Karen 24/03/2009 */
	margin-top: 0.32em;
	margin-bottom: 0.32em;
	padding-left: 0.56em;
	padding-right: 0.56em;
}
.boxed-text ul {
	margin-top: 7px;
	margin-bottom: 7px;
	/* Karen 24/03/2009 */
	padding-left: 0.56em;
	padding-right: 0.56em;
}
p.vertical-space {
	height: 7px;
	padding: 0;
	/* Karen 24/03/2009 */
	height: 0.56em;
	padding: 0em;
}
.skiplink {
	position: absolute;
	left: -9999px;
	/* Karen 24/03/2009 */
	left: -999em;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.photo {
	width: 170px;
	margin: 0 0 0 600px;
	padding: 0;
	position: absolute;
	/* Karen 24/03/2009 */
	width: 13.63em;
	margin: 0em 0em 0em 48.11em;
	padding: 0em;
}
.message {
	width: 170px;
	margin: 0 0 0 600px;
	padding: 0;
	position: absolute;
	/* Karen 24/03/2009 */
	width: 13.63em;
	margin: 0em 0em 0em 48.11em;
	padding: 0em;
}
.message-box-top {
	width: 170px;
	margin: 10px 0 0;
	padding: 0;
	
	/* Karen 24/03/2009 */
	width: 13.63em;
	margin: 0.8em 0em 0em;
	padding: 0em;
	
	background: url(/firstdirect/info/images/boxes/message_top.gif) no-repeat;
	font-size: 1.6em;
	color: #fff;
	font-weight: normal;
}
.message-box-top p {
	padding: 15px 17px 1px;
	margin: 0;
	/* Karen 24/03/2009 */
	padding: 1.2em 1.36em 0.1em;
	margin: 0em;
}
.message-box-bot {
	width: 1px;
	height: 14px;
	margin: 0;
	padding: 0;
	background: #fff url(/firstdirect/info/images/boxes/message_bot.gif) no-repeat;
	/* Karen 24/03/2009 */
	width: 0.1em;
	height: 1.12em;
	margin: 0em;
	padding: 0em;
}
.info {
	width: 170px;
	margin: 0 0 0 600px;
	padding: 0;
	position: absolute;
	/* Karen 24/03/2009 */
	width: 13.63em;
	margin: 0em 0em 0em 48.11em;
	padding: 0em;
}
.info-box-top {
	width: 170px;
	background: #e5e5d9;
	margin: 0;
	padding: 0 0 5px;
	/* Karen 24/03/2009 */
	width: 13.63em;
	margin: 0em;
	padding: 0em 0em 0.4em;
}
.info-box-top h2 {
	text-transform: lowercase;
	background: #c5c5a9;
	color: #000;
	margin: 0;
	padding: 10px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em;
}
.info-box-top p {
	margin: 0;
	padding: 5px 7px;
	/* Karen 24/03/2009 */
	margin: 0em
	padding: 0.4em 0.56em;
}
.info-box-top ul {
	margin-bottom: 0;
	padding: 5px 25px 5px 7px;
	/* Karen 24/03/2009 */
	margin-bottom: 0em;
	padding: 0.4em 2em 0.4em 0.56em;
}
.info-box-bot {
	width: 170px;
	height: 23px;
	margin: 0;
	padding: 0;
	background: #fff url(/firstdirect/info/images/boxes/info_bot.gif) repeat-y;
	/* Karen 24/03/2009 */
	width: 13.63em;
	height: 1.84em;
	margin: 0em;
	padding: 0em;
}
#header {
	background: #000;
	height: 87px;
	/* Karen 24/03/2009 */
	height: 6.98em;
}
#header img {
	margin: 19px 0 0 5px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 1.52em 0em 0em 0.4em;
	padding: 0em;
}



#navigation {
	height: 40px;
	width: 100%;
	clear: left;
	margin-bottom: 0;
	font-size: 100%;
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_bg.gif) repeat-x top;
/* removed altogether */
display: none;	
	/* Karen 24/03/2009 */
	height: 3.2em;
	margin-bottom: 0em;
}
#navigation-links {
	color: #000;
	font: 100% Arial, Helvetica, sans-serif;
}
*#navigation ul {
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_bg.gif) no-repeat right top;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
}


/*#navigation ul li.first {
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_tab_left_off.gif) no-repeat left top;
}

#navigation ul li.firstItem a {
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_end_cnr.gif) no-repeat right top;
}*/


#navigation ul li {
	float: left;
	list-style-type: none;
	height: 40px;
	text-align: center;
	padding: 0 0 0 13px;
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_tab_left_off.gif) no-repeat left top;
	/* Karen 24/03/2009 */
	height: 3.2em;
	padding: 0em 0em 0em 1.04em;
}
#navigation ul li a {
	border-right: 1px solid #000;
	padding: 0 14px 0 0;
	font-weight: normal;
	font-size: 100%;
	margin: 0;
	color: #FFF;
	line-height: 26px;
	height: 40px;
	text-decoration: none;
	float: left;
	display: block;
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_end_cnr.gif) no-repeat right top;
	/* Karen 24/03/2009 */
	border-right: 0.1em solid #000;
	padding: 0em 1.12em 0em 0em;
	margin: 0em;
	line-height: 2.08em;
	height: 3.2em;
}
#navigation ul li a:hover {
	text-decoration: none;
	color: #a7a7a7;
}
#navigation ul li.current, #navigation ul li.firstItem {
	border-right: 0 solid #000;
	border-left: 0 solid #000;
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_tab_left_on.gif) no-repeat left top;
	/* Karen 24/03/2009 */
	border-right: 0em solid #000;
	border-left: 0em solid #000;
}
#navigation ul li.current a, #navigation ul li.firstItem a {
	border-right: 0 solid #000;
	border-left: 0 solid #000;
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_tab_right_on_ia.gif) no-repeat right top;
	/* Karen 24/03/2009 */
	border-right: 0em solid #000;
	border-left: 0em solid #000;
}

/*#navigation ul li.firstItem {
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_tab_left_off.gif) no-repeat left top;
}
#navigation ul li.firstItemCurrent {
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation ul li.firstItemCurrent a {
	background: url(/firstdirect/export/sites/default/images/nav/mainmenu_tab_right_on_ia.gif) no-repeat right top;
}
#navigation ul li.separateItemCurrent {
	padding-right: 0;
}*/



#breadcrumb {
	margin: 0;
	padding: 10px 0 0 10px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em 0em 0em 0.8em;
}
.box-top {
	background: #f2f2f2;
	margin: 0;
	padding: 7px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.56em;
}
.HVC-box-top {
	background: #ebebeb;
	margin-left: 50px;
	width: 511px;
	margin-top: 0;
	margin-bottom: 6px;
	padding: 0 7px;
	/* Karen 24/03/2009 */
	margin-left: 4em;
	width: 40.98em;
	margin-top: 0em;
	margin-bottom: 0.48em;
	padding: 0em 0.56em;
}
.center {
	text-align: center;
}
.info-icon {
	vertical-align: middle;
	margin-bottom: 2px;
	margin-left: 2px;
	/* Karen 24/03/2009 */
	margin-bottom: 0.16em;
	margin-left: 0.16em;
}
.info-icon-form {
	padding-bottom: 8px;
	padding-top: 12px;
	/* Karen 24/03/2009 */
	padding-bottom: 0.64em;
	padding-top: 0.96em;
}
.box-top hr {
	color: #c5c5a9;
	height: 1px;
	margin: 5px 0;
	padding: 0;
	border: 0;
	background: #c5c5a9;
	/* Karen 24/03/2009 */
	height: 0.1em;
	margin: 0.4em 0em;
	padding: 0em;
	border: 0em;
}
.box-bot {
	padding: 0;
	margin: 0 0 10px;
	/* Karen 24/03/2009 */
	padding: 0em;
	marginL 0em 0em 0.8em;
}
.make-box-first {
	width: 100px;
	border: 1px solid #c5c5a9;
	margin: 0 0 20px;
	padding: 0;
	float: left;
	/* Karen 24/03/2009 */
	width: 8.02em;
	border: 0.1em solid #c5c5a9;
	margin: 0em 0em 1.6em;
	padding: 0em;
}
.make-box {
	width: 100px;
	border: 1px solid #c5c5a9;
	margin: 0 0 20px 20px;
	padding: 0;
	float: left;
	/* Karen 24/03/2009 */
	width: 8.02em;
	border: 0.1em solid #c5c5a9;
	margin: 0em 0em 1.6em 1.6em;
	padding: 0em;
}

div .make-box-first p {
	width: 96px;
	margin-top:190px
	padding: 2px;
	text-align: center;
	background: #c5c5a9;
	/* Karen 24/03/2009 */
	width: 7.7em;
	margin-top: 15.24em;
	padding: 0.16em;
	/* Karen 25/03/2009 */
	margin-top: 14.4em;
}
div .make-box p {
	width: 96px;
	margin-top:190px
	padding: 2px;
	text-align: center;
	background: #c5c5a9;
	/* Karen 24/03/2009 */
	width: 7.7em;
	margin-top: 15.24em;
	padding: 0.16em;
	/* Karen 25/03/2009 */
	margin-top: 14.4em;
}

.handset-image {
	border: 1px solid #c5c5a9;
	margin: 15px 20px 0 0;
	padding: 10px;
	float: left;
	/* Karen 24/03/2009 */
	border: 0.1em solid #c5c5a9;
	margin: 1.2em 1.6em 0em 0em;
	padding: 0.8em;
}
.handset-images {
	margin: 15px 20px 0 0;
	float: left;
	width: 120px;
	/* Karen 24/03/2009 */
	margin: 1.2em 1.6em 0em 0em;
	width: 9.62em;
}
.handset-images .image {
	border: 1px solid #c5c5a9;
	padding: 10px;
	margin-bottom: 10px;
	text-align: center;
	/* Karen 24/03/2009 */
	border: 0.1em solid #c5c5a9;
	padding: 0.8em;
	margin-bottom: 0.8em;
}
.handset-information {
	width: 528px;
	float: left;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	width: 42.34em;
	margin: 0em;
	padding: 0em;
}


.handset-information hr {
    width:460px;
	/* Karen 24/03/2009 */
	width: 36.89em;
}


.handset-information  p {
    width:440px;
	/* Karen 24/03/2009 */
	width: 35.28em;
}




.handset-information h2, .handset-information h3, .handset-information h4 {
	margin: 15px 0 5px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 1.2em 0em 0.4em;
	padding: 0em;
}
.handset-information p, .handset-information p, .handset-information p {
	margin: 0 0 15px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em 0em 1.2em;
	padding: 0em;
}
.handset-information .indent {
	margin: 10px 0 0 20px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0.8em 0em 0em 1.6em;
	padding: 0em;
}
.help-information {
	text-align: left;
	padding: 0 10px;
	/* Karen 24/03/2009 */
	padding: 0em 0.8em;
}
.help-information h1, .help-information h2, .help-information h3, .help-information h4 {
	margin: 15px 0 5px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 1.2em 0em 0.4em;
	padding: 0em;
}
.help-information p, .help-information p, .help-information p {
	margin: 0 0 15px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em 0em 1.2em;
	padding: 0em;
}
.help-information .indent {
	margin: 10px 0 0 20px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0.8em 0em 0em 1.6em;
}
.help-select-options {
	width: 550px;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	width: 44.11em;
	margin: 0em;
	padding: 0em;
}
#footer {
	padding: 50px 0 15px;
	margin: 0;
	/* Karen 24/03/2009 */
	padding: 4em 0em 1.2em;
	margin: 0em;
}
#footer ul {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	color: #000;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
}
#footer ul li {
	display: inline;
	list-style: none;
	border-left: 1px solid #000;
	margin: 0;
	padding: 0 3px 0 5px;
	/* Karen 24/03/2009 */
	border-left: 0.1em solid #000;
	margin: 0em;
	padding: 0em 0.24em 0em 0.4em;
}
#footer ul li.first {
	border-left: 0;
	/* Karen 24/03/2009 */
	border-left: 0em;
}
#footer a:link {
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
#footer a:visited {
	color: #9090c3 !important;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	color: #000 !important;
	font-weight: normal;
	text-decoration: none;
}
#footer a:active {
	color: #ff250a !important;
	font-weight: normal;
	text-decoration: none;
}
#footer img {
	float: right;
	padding: 0;
	margin: -30px 0 10px;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin: 2.41em 0em 0.8em;
}
#verisign-footer {
	background-image: url(/firstdirect/export/sites/default/images/mobile_money.gif);
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	width: 198px;
	height: 50px;
	margin-left: 595px; 
	margin-top: -125px; 
	/* Karen 24/03/2009 */
	width: 15.88em;
	height: 5em;
	margin-left: 51.01em;
	margin-top: -11.02em;
}
h1 {
	margin: 0;
	padding: 0 0 5px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em 0em 0.4em;
	
	text-align: left;
	font-size: 2em;
	font-weight: normal;
	color: #000;
	
}
h2 {
	margin: 0;
	padding: 10px 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em 0em;
	
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}
h3 {
	margin: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
}
h4 {
	margin: 0;
	padding: 10px 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em 0em;
	
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}
h5 {
	margin: 0;
	padding: 10px 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em 0em;
	
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
h6 {
	margin: 0;
	padding: 10px 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em 0em;
	
	font-size: 1em;
	font-weight: bold;
	color: #000;
}
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #9090c3;
	text-decoration: underline;
}
a:active {
	color: #ff250a;
	text-decoration: underline;
}
a.navigation2:link, a.navigation2:visited, a.navigation2:hover, a.navigation2:focus, a.navigation2:active {
	padding: 5px;
	width: 109px;
	height: 29px;
	/* Karen 24/03/2009 */
	padding: 0.4em;
	width: 8.74em;
	height: 2.33em;
	
	background: #c5c5a9;
	text-decoration: none;
	font-weight: 900;
	font-size: 135%;
}
.action {
	margin: 5px 0;
	padding: 5px 0 0;
	/* Karen 24/03/2009 */
	margin: 0.4em 0em;
	padding: 0.4em 0em 0em;
	
	font-size: 1.4em;
	font-weight: bold;
}
.action-link {
	background: url(/firstdirect/export/sites/default/images/button_arrow.gif) 5px 3px no-repeat;
	margin: 0;
	padding: 0 5px 0 20px;
	display: block;
	/* Karen 24/03/2009 */
	background: url(/firstdirect/export/sites/default/images/button_arrow.gif) 0.4em 0.24em no-repeat;
	margin: 0em;
	padding: 0em 0.4em 0em 1.6em;
	
}
a.action-link:link {
	color: #000;
	text-decoration: underline;
}
a.action-link:visited {
	color: #000;
	text-decoration: underline;
}
a.action-link:hover, a.arrow-link:focus {
	color: #000;
	text-decoration: underline;
}
a.action-link:active {
	color: #ff250a;
	text-decoration: none;
}
div.action div.action-footer div.action-link a:link {
	color: #000;
	text-decoration: underline;
}
div.action div.action-footer div.action-link a:visited {
	color: #000;
	text-decoration: underline;
}
div.action div.action-footer div.action-link a:hover, div.action div.action-footer div.action-link a:focus {
	color: #000;
	text-decoration: underline;
}
div.action div.action-footer div.action-link a:active {
	color: #ff250a;
	text-decoration: underline;
}
.arrow-link {
	background: url(/firstdirect/export/sites/default/images/button_arrow.gif) 5px 3px no-repeat;
	margin: 0;
	padding: 0 5px 0 20px;
	display: block;
	/* Karen 24/03/2009 */
	background: url(/firstdirect/export/sites/default/images/button_arrow.gif) 0.4em 0.24em no-repeat;
	margin: 0em;
	padding: 0em 0.4em 0em 1.6em;
}
.arrow-link.down {
	background: url(/firstdirect/export/sites/default/images/button_arrow_down.gif) 0 6px no-repeat;
	/* Karen 24/03/2009 */
	background: url(/firstdirect/export/sites/default/images/button_arrow_down.gif) 0em 0.48em no-repeat;
}
.button {
	background: #c5c5a9 no-repeat;
	margin: 0;
	padding: 0 5px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em 0.4em;
	
}
a.button:link {
	color: #000;
	text-decoration: none;
}
a.button:visited {
	color: #000;
	text-decoration: none;
}
a.button:hover, a.button:focus {
	color: #000;
	text-decoration: underline;
}
a.button:active {
	color: #ff250a;
	text-decoration: none;
}
.button-arrow {
	background: #c5c5a9 url(/firstdirect/export/sites/default/images/button_arrow.gif) 5px 3px no-repeat;
	margin: 0;
	padding: 0 5px 0 15px;
	/* Karen 24/03/2009 */
	background: #c5c5a9 url(/firstdirect/export/sites/default/images/button_arrow.gif) 0.4em 0.24em no-repeat;
	margin: 0em;
	padding: 0em 0.4em 0em 1.2em;
}
a.button-arrow:link {
	color: #000;
	text-decoration: none;
}
a.button-arrow:visited {
	color: #000;
	text-decoration: none;
}
a.button-arrow:hover, a.button-arrow:focus {
	color: #000;
	text-decoration: underline;
}
a.button-arrow:active {
	color: #ff250a;
	text-decoration: none;
}
ul {
	list-style-type: disc;
	margin-left: 1em;
	padding-left: 1em;
	margin-top: 7px;
	margin-bottom: 7px;
	/* Karen 24/03/2009 */
	margin-top: 0.56em;
	margin-bottom: 0.56em;
}
form {
	display: inline;
}
textarea {
	font: 1.1em Helvetica, Arial, Verdana, sans-serif;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	border: 0em;
	margin: 0em;
	padding: 0em;
	
}
legend {
	font-weight: bold;
	color: #000;
	display: none;
}
.label {
	margin-top: 4px;
	padding-top: 0;
	display: block;
	float: left;
	margin-right: 5px;
	/* Karen 24/03/2009 */
	margin-top: 0.32em;
	padding-top: 0em;
	margin-right: 0.4em;
}
.contact-form .label {
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block;
	/* Karen 24/03/2009 */
	width: 9.62em;
	margin-right: 0.4em;
}
.register-form .label {
	width: 180px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 4px;
	padding-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 14.43em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
.register-form .inline .label {
	padding-top: 11px;
	margin-top: 0;
	/* Karen 24/03/2009 */
	padding-top: 0.88em;
	margin-top: 0em;
}
.register-confirm-form .label {
	width: 220px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 17.64em;
	margin-right: 0.4em;
	margin-top: 0em;
}
.register-confirm-form .form-field {
	margin-left: 227px;
	/* Karen 24/03/2009 */
	margin-left: 18.2em;
}
.align-buttons {
	text-align: right;
}
.mandatory-fields-label {
	text-align: left;
}
#feedback-form .mandatory-fields-label p {
	text-align: right;
}
.far-right {
	text-align: right;
}
.select-address-postcode {
	position: absolute;
	margin-left: 186px;
	margin-top: 5px;
	/* Karen 24/03/2009 */
	margin-left: 14.92em;
	margin-top: 0.4em;
}
.register-card-details-form .label {
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 4px;
	padding-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 16.04em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
.register-card-details-form .inline .label {
	padding-top: 11px;
	margin-top: 0;
	/* Karen 24/03/2009 */
	padding-top: 0.88em;
	margin-top: 0em;
}
.register-card-details-confirm-form .label {
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block;
	/* Karen 24/03/2009 */
	width: 16.04em;
	margin-right: 0.4em;
}
.card-number {
	width: 150px;
	float: left;
	margin-top: 8px;
	margin-right: 3px;
	/* Karen 24/03/2009 */
	width: 12.03em;
	margin-top: 0.64em;
	margin-right: 0.24em;
}
.start-date-year {
	width: 76px;
	/* Karen 24/03/2009 */
	width: 6.09em;	
}
.start-date-month {
	width: 76px;
	/* Karen 24/03/2009 */
	width: 6.09em;	
}
.expiry-date-year {
	width: 76px;
	/* Karen 24/03/2009 */
	width: 6.09em;	
}
.expiry-date-month {
	width: 76px;
	/* Karen 24/03/2009 */
	width: 6.09em;	
}
.issue-number {
	width: 2em;
}
.cardholders-name {
	width: 150px;
	/* Karen 24/03/2009 */
	width: 12.03em;	
}
.security-code {
	width: 3em;
}
.card-alias {
	width: 150px;
	float: left;
	margin-top: 8px;
	margin-right: 3px;
	/* Karen 24/03/2009 */
	width: 12.03em;	
	margin-top: 0.64em;
	margin-right: 0.24em;
}
.security-code-image {
	margin-left: 260px;
	margin-top: 6px;
	position: absolute;
	/* Karen 24/03/2009 */
	margin-left: 20.85em;
	margin-top: 0.48em;
}
.text-below-card-number {
	position: absolute;
	margin-left: 205px;
	margin-top: 30px;
	/* Karen 24/03/2009 */
	margin-left: 16.44em;
	margin-top: 2.41em;
}
.text-below-security-number {
clear: left;
}
.card-details-text-right-of-cvv-img {
	position: relative;
	margin-top: -2px;
	margin-left: 6px;
	/* Karen 24/03/2009 */
	margin-top: -0.16em;
	margin-left: 0.48em;
}
.nickname {
	display: inline block;
	padding-left: 205px;
	margin-top: -20px;
	padding-top: 0;
	/* Karen 24/03/2009 */
	padding-left: 16.44em;
	margin-top: -1.6em;
	padding-top: 0em;
	
	/* Karen 25/03/2009 */
	/* font-size: 85%;*/
	margin-top: 0em;
	
}
 .maestro {
	position: absolute;
	margin-top: -18px; 
	margin-left: 250px;
	/* Karen 24/03/2009 */
	margin-top: -1.44em;
	margin-left: 20.05em;
	
	font-size: 85%;
}
* html .maestro {
	margin-top: 0;
	/* Karen 24/03/2009 */
	margin-top: 0em;
}
* html .maestro {
	position: absolute;
	margin-top: -20px;
	margin-left: 60px;
	/* Karen 24/03/2009 */
	margin-top: -1.44em;
	margin-left: 4.81em;
	
	font-size: 85%;
}
.reduced-spacing-bottom {
	padding-bottom: 0;
	/* Karen 24/03/2009 */
	padding-bottom: 0em;
}
.reduced-spacing-top {
	padding-top: 0;
	/* Karen 24/03/2009 */
	padding-top: 0em;
}
.lookup-button-position {
	position: absolute;
	margin-left: 455px;
	margin-top: 18px;
	/* Karen 24/03/2009 */
	margin-left: 36.49em;
	margin-top: 1.44em;
}

.register-start-form .label {
	width: 180px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 4px;
	padding-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 14.43em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
.register-start-form .form-right-column .label {
	width: 94px;
	/* Karen 24/03/2009 */
	width: 7.54em;
}
.register-start-form .form-left-column {
	width: 290px;
	/* Karen 24/03/2009 */
	width: 23.26em;
}
.register-start-form .form-right-column {
	margin-left: 285px;
	position: absolute;
	width: 280px;
	/* Karen 24/03/2009 */
	margin-left: 22.85em;
	width: 22.45em;
}
.register-start-form .inline .label {
	padding-top: 11px;
	margin-top: 0;
	/* Karen 24/03/2009 */
	padding-top: 0.88em;
	margin-top: 0em;
}
.register-start-form .text-above-email {
	padding-top: 3px;
	/* Karen 24/03/2009 */
	padding-top: 0.24em;
	
	font-size: 0.8em;
	color: #333;
}
.register-start-form .checkbox-text, .checkbox-text {
	width: 510px;
	/* Karen 24/03/2009 */
	width: 40.9em;
}
#registration #feedback-form {
	padding-bottom : 6em;
}
#registration #feedback-form .register-feedback-form {
	margin-top: 100px !important;
	/* Karen 24/03/2009 */
	margin-top: 8.02em !important;
	/* Karen 27/03/2009 - reduce gap between page text and form, caused by "prefer to talk" image */
	margin-top: 0em !important;
}


#registration #feedbackPopup .register-feedback-form .box-top {
	margin-top:230px;  /* 220px changed 10th june 08 then changed to 30px*/
	/* Karen 24/03/2009 */
	margin-top: 18.44em;
	/* Karen 27/03/2009 - reduce gap between page text and form, caused by "prefer to talk" image */
	margin-top: 9.5em;
}
	
#registration #feedbackPopup .register-feedback-form * {
	z-index: 30;
}
#registration #feedback-form .submit-image-button,
#registration #feedbackPopup .submit-image-button {
	margin-bottom: 70px;
	/* Karen 24/03/2009 */
	margin-bottom: 5.61em;
	
}
.register-feedback-form .form-left-column .label {
	width: 175px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 4px;
	padding-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 14.03em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
.register-feedback-form .form-left-column .label-description {
	width: 155px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 4px;
	padding-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 12.43em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
.register-feedback-form .form-right-column {
	position: absolute;
	margin-left: 400px;
	/* Karen 24/03/2009 */
	margin-left: 32.07em;
}
.register-feedback-form .form-right-column .label {
	width: 216px;
	float: left;
	text-align: right;
	margin-right: 5px;
	margin-top: 4px;
	padding-top: 0;
	display: block;
	/* Karen 24/03/2009 */
	width: 17.32em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
.register-feedback-form .operator-select {
	width: 126px;
	/* Karen 24/03/2009 */
	width: 10.1em;
}
.register-feedback-form .msisdn {
	width: 120px;
	/* Karen 24/03/2009 */
	width: 9.62em;
}
.register-feedback-form .device-make-and-model {
	width: 120px;
	/* Karen 24/03/2009 */
	width: 9.62em;
}
.register-feedback-form .name {
	width: 200px;
	/* Karen 24/03/2009 */
	width: 16.04em;
}
.register-feedback-form .email-address {
	width: 200px;
	/* Karen 24/03/2009 */
	width: 16.04em;
}
.register-feedback-form .contact-number {
	width: 20https://qafd.monilink.co.uk/firstdirect/info/system/workplace/editors/editor_main.jsp?resource=%2Fcss%2Fmain.css#0px;
	/* Karen 24/03/2009 */
	width: 16.04em;
}
.register-feedback-form .description {
	width: 570px;
	height: 150px;
	/* Karen 24/03/2009 */
	width: 45.71em;
	height: 12.03em;
}
.register-feedback-form .info-icon {
	padding-bottom: 8px;
	padding-top: 4px;
	vertical-align: top;
	/* Karen 24/03/2009 */
	padding-bottom: 0.64em;
	padding-top: 0.32em;
}


/* Added by Gray - 27th Feb 2009 - HSBC-FD Monilink_V13_DefectLog_updated Feb 09.xls - Screenshot 34 */
.register-start-form .operator-select {
	width: 155px;
	/* Karen 24/03/2009 */
	width: 12.43em;
}
.register-start-form .dob-month {
	width: 55px;
	/* Karen 24/03/2009 */
	width: 4.41em;
}
/* End */



.leftmargin {
	margin-left: 6cm;
	/* Karen 24/03/2009 */
	margin-left: 0.48em;
}
.register-form .note {
	padding: 10px 0;
	margin: 0 5px 0 205px;
	/* Karen 24/03/2009 */
	padding: 0.8em 0em;
	margin: 0em 0.4em 0em 16.44em;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
	/* Karen 24/03/2009 */
	border-spacing: 0em;
	margin: 0em;
}
table caption {
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 5px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.4em;
}
table th {
	border-color: #ccccb0;
	border-style: solid;
	background: #c5c5a9;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.4em;
}
table tr {
	margin: 0;
	border: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	border: 0em;
}
table td {
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
	
	font-size: 100%;
	border-color: #ccccb0;
	background: #fff;
}
#table-style1 table {
	border-width: 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 5px 0 15px;
	/* Karen 24/03/2009 */
	border-wdith: 0.1em;
	border-spacing: 0em;
	margin: 0.4em 0em 1.2em;
	
	width: 100%;
}
#table-style1 table caption {
	font-weight: bold;
	text-align: left;
	margin: 0;
	padding: 5px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.4em;
}
#table-style1 table th {
	border-color: #ccccb0;
	border-style: solid;
	border-width: 1px;
	background: #c5c5a9;
	text-align: left;
	font-weight: bold;
	margin: 0;
	padding: 5px;
	/* Karen 24/03/2009 */
	border-width: 0.1em;
	margin: 0em;
	padding: 0.4em;
}
#table-style1 table td {
	border-color: #ccccb0;
	border-style: solid;
	border-width: 1px;
	background: #fff;
	margin: 0;
	padding: 5px;
	/* Karen 24/03/2009 */
	border-width: 0.1em;
	margin: 0em;
	padding: 0.4em;
	
	font-size: 100%;
}
p {
	margin: 0;
	padding: 7px 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.56em 0em;
}
.uppercase {
	text-transform: uppercase;
}
.nowrap {
	white-space: nowrap;
}
img {
	border: 0;
	/* Karen 24/03/2009 */
	border: 0em;
}
img.left {
	float: left;
	padding: 0;
	margin: 0 20px 20px 0;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin: 0em 1.6em 1.6em 0em;
}
img.right {
	float: right;
	padding: 0;
	margin: 0 0 20px 20px;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin: 0em 0em 1.6em 1.6em;
}
img.spacing {
	padding: 0;
	margin: 0 20px 20px 0;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin: 0em 1.6em 1.6em 0em;
}
img.spacing-right {
	padding: 0;
	margin-right: 20px;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin-right: 1.6em;
}
embed.spacing {
	float: left;
	padding: 0;
	margin: 0 20px 20px 0;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin: 0em 1.6em 1.6em 0em;
}
hr {
	color: #ccccb0;
	height: 1px;
	margin: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 0;
	border: 0;
	background: #ccccb0;
	/* Karen 24/03/2009 */
	height: 0.1em;
	margin: 0em;
	margin-top: 0.24em;
	margin-bottom: 0.24em;
	padding: 0em;
	border: 0em;
}
.error {
	color: #ff250a;
	font-weight: bold;
        display:block;
}
.group-errors ul {
	margin-bottom: 0;
	margin-top: 0;
	/* Karen 24/03/2009 */
	margin-bottom: 0em;
	margin-top: 0em;
}
.small {
	font-size: 0.9em;
	color: #000;
}
.process-title {
	float: left;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
}
.process-icon {
	display: none;
	float: right;
	margin: 0;
	padding: 10px 5px 10px 15px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0.8em 0.4em 0.8em 1.2em;
}
.process-details {
	margin: 0;
	padding: 0 0 0 20px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em 0em 0em 1.6em;
}
.terms-checkbox {
	margin-left: 18px;
	/* Karen 24/03/2009 */
	margin-left: 1.44em;
}
.dob-day {
	width: 42px;
	float: left;
	margin-top: 8px;
	margin-right: 3px;
	/* Karen 24/03/2009 */
	width: 3.37em;
	margin-top: 0.64em;
	margin-right: 0.24em;
}
.dob-month {
	width: 46px;
	float: left;
	margin-top: 8px;
	margin-right: 3px;
	/* Karen 24/03/2009 */
	width: 3.69em;
	margin-top: 0.64em;
	margin-right: 0.24em;
}
.dob-year {
	width: 56px;
	float: left;
	margin-top: 8px;
	margin-right: 3px;
	/* Karen 24/03/2009 */
	width: 4.49em;
	margin-top: 0.64em;
	margin-right: 0.24em;
}
.mobile-number {
	width: 78px;
	/* Karen 24/03/2009 */
	width: 6.26em;
}
.operator-select {
	width: 84px;
	/* Karen 24/03/2009 */
	width: 6.74em;
}
.email-address {
	width: 144px;
	/* Karen 24/03/2009 */
	width: 11.55em;
}
.hvc {
	width: 82px;
	/* Karen 24/03/2009 */
	width: 6.58em;
}
.text-right-of-hvc {
	text-align: right;
	position: absolute;
	width: 250px;
	margin-top: 10px;
	margin-left: 260px;
	/* Karen 24/03/2009 */
	width: 20.05em;
	margin-top: 0.8em;
	margin-left: 20.85em;
}
.address-postcode {
	width: 15em;
}
.address-list {
	width: 368px;
	/* Karen 24/03/2009 */
	width: 29.51em;
}
.address-line-postcode-lookup {
	width: 15em;
	float: left;
	margin-top: 8px;
	margin-right: 3px;
	/* Karen 24/03/2009 */
	margin-top: 0.64em;
	margin-right: 0.24em;
}
.address-line {
	width: 15em;
}
.address-number {
	width: 3em;
}
.imageTerms-Conditions {
	top: 560px;
	position: absolute;
	margin-left: 620px;
	/* Karen 24/03/2009 */
	top: 44.91em;
	margin-left: 49.72em;
}
.textItalic {
	font-style: italic;
}
.textTimes {
	font-family: "Times New Roman", Times, serif;
}
div.fdFooterLegals p {
	margin: 0 0 5px;
	/* Karen 24/03/2009 */
	margin: 0em 0em 0.4em;
}
div.fdFooterLegals {
	color: #000;
	line-height: 130%;
	text-align: center;
}
div.fdFooterContainer {
	color: #000;
	font-size: 75%;
	text-align: center;
}
#footer-band ul {
	text-align: center;
}
#footer-band {
	padding-left: 160px;
	/* Karen 24/03/2009 */
	padding-left: 12.83em;
}
#footer img {
	float: none;
	padding: 0;
	margin: 0;
	/* Karen 24/03/2009 */
	padding: 0em;
	margin: 0em;
}
#faq-list .left-column ul {
	margin: 5px 0;
	padding-left: 15px;
	/* Karen 24/03/2009 */
	margin: 0.4em 0em;
	padding-left: 1.2em;
}
#faq-list ol {
	padding: 20px;
	/* Karen 24/03/2009 */
	padding: 1.6em;
}
#faq-list ol li {
	margin-left: 10px;
	padding-right: 20px;
	/* Karen 24/03/2009 */
	margin-left: 0.8em;
	padding-right: 1.6em;
}
/* Added by Karen - 19th Oct 2009 - Move down to show prefer to talk image */
#faq-list #main .info .info-box-top
{
	position: relative;
	top: 10em;
}

.uc {
	text-transform: uppercase;
}
img {
	border: 0;
	/* Karen 24/03/2009 */
	border: 0em;
}

.right-column h3 {
	margin-top: 12px;
	margin-bottom: 0;
	margin-left: 14px;
	padding-bottom: 0;
	/* Karen 24/03/2009 */
	margin-top: 0.96em;
	margin-bottom: 0em;
	margin-left: 1.12em;
	paddin-bottom: 0em;
}
.right-column h2 {
	margin-top: 12px;
	margin-bottom: 0;
	margin-left: 6px;
	padding-bottom: 0;
	/* Karen 24/03/2009 */
	margin-top: 0.96em;
	margin-bottom: 0em;
	margin-left: 0.48em;
	padding-bottom: 0em;
}


.info-outer {
	margin-left: 622px;margin-top: 36px;  /* border:1px solid red; everything else*/
	#margin-left: 365px; #margin-top: 96px; /* #border:1px solid yellow; IE7.0*/
    _margin-left: 365px; _margin-top: 96px; /* _border:1px solid blue; IE6.0*/
	width: 127px;
	height: 230px;
	position: absolute;
	text-align: center;
	/* Karen 24/03/2009 */
	margin-left: 49.88em; margin-top: 2.89em;
	#margin-left: 29.27em; #margin-top: 7.7em;
	_margin-left: 29.27em; #margin-top: 7.7em;
	width: 10.18em;
	height: 18.44em;
}
.info-outer div.prefer { 
	/*background: url(/firstdirect/info/images/prefer_to_talk.gif/) no-repeat;*/
        /*width:133px;*/
        height:90px;
        display:block;
	margin-top: 60px;
	text-align: center;
	/*border: 1px solid #333;
	background-color: #fff;*/
	/*padding: 6px 3px;*/
	/*width: 121px;*/
	z-index: 5;
        margin-left:-7px;
	/* Karen 24/03/2009 */
	height: 7.21em;
	margin-top: 1.51em;
	margin-left: -0.56em;
}

.right-column .prefer h2, .right-column .prefer h3 {
	text-align: center;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
	
/* not used now */
	display: none;	
}

.prefer h2, .prefer h3 {
	text-align: center;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
}
.right-column .prefer h2, .right-column .prefer h3 {
	text-align: center;
	margin: 0;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
	
/* not used now */
	display: none;	
}
.right-column p.peace {
	margin: 0 0 0 6px;
	/* Karen 24/03/2009 */
	margin: 0em 0em 0em 0.48em;
	
	font-size: 90%;
	font-weight: bold
}
.right-column ul {
	margin: 0 0 0 6px;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em 0em 0em 0.48em;
	padding: 0em;
	
	list-style-position: inside;
}
.right-column ul li {
	margin: 0 0 12px 0;
	padding: 0;
	/* Karen 24/03/2009 */
	margin: 0em 0em 0.96em 0em;
	padding: 0em;
	
	font-weight: bold;
	font-size: 90%;
}
.right-column p.prefer, .right-column .prefer p, .prefer p {
	line-height: 140%;
	padding-top: 0;
	margin: 0;
	/* Karen 24/03/2009 */
	padding-top: 0em;
	margin: 0em;
}
right-column p.prefer {
	/*margin-left: 24px;
	 not used now */
	display: none;
}
.right-column div.prefer {
	/*margin-left: 12px;*/
	border: 1px solid #333;
	/* Karen 24/03/2009 */
	border: 0.1em solid #333;
	
	/*padding: 6px 3px;
	width: 121px; */
	/* not used now */
	display: none;
}
#registration #help-area {
	float: right;
	margin: 67px 0 3px 620px !important;
	width: 133px;
	height: 63px;
	text-align: center;
	border: 0;
	padding: 0;
	/*background: url(/firstdirect/export/sites/default/images/buttons/help_with_this_page.gif) no-repeat center;*/
        cursor:pointer;
        cursor:hand;
	/* Karen 24/03/2009 */
	margin: 5.37em 0em 0.24em 49.72em !important;
	width: 10.67em;
	height: 5.05em;
	border: 0em;
	padding: 0em;
}
#registration #help-area .align-buttons #help-button a, #registration #help-area .align-buttons #help-button a.css-button, #registration #help-area div.align-buttons div#help-button a.css-button, #registration #help-area a:link, #registration #help-area a {
	display: block !important;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	cursor: help !important;
	width: 133px !important;
	height: 63px !important;
	/* Karen 24/03/2009 */
	margin: 0em !important;
	padding: 0em !important;
	width: 10.67em !important;
	height: 5.05em !important;
	/* Karen 26/03/2009 */
	#width: 105em !important;
	_width: 105em !important;
	#height: 50em !important;
	_height: 50em !important;
	
	/*font-size: 1px !important;*/
	/* Karen 24/03/2009 */
	font-size: 0.1em !important;
	
	color: #fff !important;
	text-align: center !important;
	text-decoration: none;
	background: transparent;
}
#registration #help-area .align-buttons #help-button a.css-button span, #registration #help-area .align-buttons #help-button a.css-button span span, #registration #help-area .align-buttons {
	margin: 0 !important;
	padding: 0 !important;
	/* Karen 24/03/2009 */
	margin: 0em !important;
	padding: 0em !important;
}
#registration #registration-startover .align-buttons,
#registration #ota-select-phone .align-buttons,
#registration #model-not-listed .align-buttons,
#registration #feedback-form-sent .align-buttons {
	margin-right: 108px;
	/* Karen 24/03/2009 */
	margin-right: 8.66em;
}
#registration #registration-startover .align-buttons a.css-button,
#registration #ota-select-phone .align-buttons a.css-button,
#registration #model-not-listed .align-buttons a.css-button,
#registration #feedback-form-sent .align-buttons a.css-button,
/* Karen 25/03/2009 */
#registration #text-message-banking-accounts #main .left-column .left-column .align-buttons a.css-button,
#container-popup #help-select-model #main-help-popup-narrow .help-select-options .align-buttons a.css-button {
	display: inline block;
	float: left;
	text-align: center;
	margin-left: 40px;
	width: 160px;
	height: 25px;
	padding-top: 11px;
	padding-right: 8px;
	/* Karen 24/03/2009 */
	margin-left: 3.21em;
	width: 12.83em;
	height: 2em;
	padding-top: 0.88em;
	padding-right: 0.64em;
	
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	font-weight: bold;
	text-transform: lowercase;
	background: url(/firstdirect/export/sites/default/images/buttons/button-background.gif) center;
	background-repeat: no-repeat;
}
a.css-button span {
	padding: 0 !important;
	margin: 0 !important;
	left: 0 !important;
	text-align: center !important;
	/* Karen 24/03/2009 */
	padding: 0em !important;
	margin: 0em !important;
	left: 0em !important;
}
#registration #registration-startover .align-buttons a.css-button span span,
#registration #ota-select-phone .align-buttons a.css-button span span,
#registration #model-not-listed .align-buttons a.css-button span span,
#registration #feedback-form-sent .align-buttons a.css-button span span {
	margin: 0;
	padding: 0;
	background-color: transparent;
	display: none;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
}
.css-button i, .css-button span i, .css-button * {
	background-image: none;
	background-color: transparent;
	
}
.security-first {
	padding: 0 5px 5px 5px;
	background-color: Black;
	color: White;
	margin-left: 0;
	/* Karen 24/03/2009 */
	padding: 0em 0.4em 0.4em 0.4em;
	margin-left: 0em;
	
}
.security-first ul, .security-first p, .security-first h2, .security-first h3 {
	background-color: Black;
	color: White;
}
img.verisignlogo {
	border: 0;
	margin: 0 auto 3px auto !important;
	width: 92px;
	height: 47px;
	/* Karen 24/03/2009 */
	border: 0em;
	margin: 0em auto 0.24em auto !important;
	width: 7.38em;
	height: 3.77em;
}
#helpFiles {
	padding: 0 10px;
	/* Karen 24/03/2009 */
	padding: 0em 0.8em;
}
#helpFiles ul {
	list-style: disc;
}
#navigation-footer {
	display: none;
}
#download .step-text p b, #download .step-text-boxed p b, #download .step-text p, #download .step-text-boxed p  {
	font-weight: normal;
}
.help-popup-title {
	display: none;
}



#contact-us #main .align-buttons {
 padding-bottom:100px;
 	/* Karen 24/03/2009 */
	padding-bottom: 8.02em;
 }

/*fix for goback button*/

#registration #ota-select-phone #ota-select-phone-make #main-narrow .align-buttons {display:none;height:1px;Width:1px;
	/* Karen 24/03/2009 */
	height: 0.1em;
	width: 0.1em;
}
 
#registration #ota-select-phone #ota-select-phone-make #main-narrow .align-buttons a.css-button span {
color:#fff;
}
 
/*end fix*/

/* profilestable */

#profilestable{ display:block;	margin:0;	padding:0;	width:400px;	height:150px;
	/* Karen 24/03/2009 */
	margin: 0em;
	padding: 0em;
	width: 32.08em;
	height: 12.03em;
}
#profilestable p {display:block;}
#profilestable label{width:140px;float:left;
	/* Karen 24/03/2009 */
	width: 11.23em;
}
#profilestable span{} 
#profilestable span span{display:inline;width:50%;float:right;}


/* Added by Gray - 27th Feb 2009 - HSBC-FD Monilink_V13_DefectLog_updated Feb 09.xls - Screenshot 9 */
/*
ol {
border : 1px solid red;
margin : 0em 0em 0em 0em;
padding : 0em 0em 0em 0em;
}
ol li {
border : 1px solid blue;
margin : 0em 0em 0em 0em;
padding : 0em 0em 0em 0em;
}
*/

#faq-list ol {
	padding: 0px 20px 0px 0px;
	/* Karen 24/03/2009 */
	padding: 0em 1.6em 0em 0em;
}

/* Added by Karen - 25th Mar 2009 - Extend confirm phone details box */

#confirm-phone-details .confirmBox{
	/*margin-left: 10em;*/
	width: 40em;
}

.changePhoneButton {
	left: 27em;
}

/* END Karen */

/* positioning of the enter HVC image on the right hand side of the Compatibility Check page (B1.1) */
#registration #enter-hvc .right-column {
	top : 10em;
	_top : 11em;
	#top : 11em;
}
/* positioning of the monilink logo on the right hand side of the Compatibility Check page (B1.1) */
#registration #enter-hvc {
	padding-bottom : 5em;
}
/* Select your mobile phone model padding to give monilink logo space */
#ota-select-phone-make {
	padding-bottom : 6em;
}

/* End */

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* BUTTON RESTYLING */

/* CONTINUE: B1, B1.1, B1.2, B1.3, B1.3A, B1.4, /help/ota/otaPhoneSettings.html */
#StartContinue img,
#EnterHVCContinue img,
#enterCardContinue img,
#enterAddressContinue img,
#SelectAddressContinue img,
#downloadSubmit img,
#GetUpdateSettingsContinue img,
#confirmPhoneDetailsContinue img,
#ota-phone-settings-help #main .left-column .align-buttons .button-no-1 img {
	width : 7.38em;
	height : 2.00em;
}
#StartContinue .button-text,
#EnterHVCContinue .button-text,
#enterCardContinue .button-text,
#enterAddressContinue .button-text,
#SelectAddressContinue .button-text,
#downloadSubmit .button-text,
#GetUpdateSettingsContinue .button-text,
#confirmPhoneDetailsContinue .button-text {
	display : none;
}

/* YES: B1A */
.align-buttons .convertToJSPopup img {
	width : 4.33em;
	height : 2.00em;
}
.align-buttons .convertToJSPopup .button-text {
	display : none;
}

/* NO: B1A */
.align-buttons .image-button img {
	width : 4.33em;
	height : 2.00em;
}
.align-buttons .image-button .button-text {
	display : none;
}

/* START AGAIN: B1.1 */
#registration-startover .align-buttons .button-no-1 img {
	width : 7.38em;
	height : 2.00em;
}

/* LOOK UP: B1.3 */
#enterAddressLookup {
	position : relative;
	left : -1em;
	top : 0.6em;
	_top : 2.00em;
}
#enterAddressLookup img {
	width : 6.82em;
	height : 2.00em;
}
#enterAddressLookup .button-text {
	display : none;
}

/* EDIT DETAILS: B1.4 */
#confirm-card-details .align-buttons .button-no-1 img {
	width : 7.78em;
	height : 2.00em;
}

/* CHECK AND RETRY: B1.4A, B1.4B */
#card-verification-error #card-verification-failed .align-buttons .button-no-2 img,
#card-verification-error #card-verification-failed-warning .align-buttons .button-no-2 img {
	width : 10.02em;
	height : 2.00em;
}

/* CHECK AND RETRY: B1.4C */
#card-verification-error #card-verification-unable-to-verify .align-buttons .button-no-1 img {
	width : 5.53em;
	height : 2.00em;
}
#card-verification-error #card-verification-unable-to-verify .align-buttons .button-no-2 img {
	width : 12.83em;
	height : 2.00em;
}

/* CONTACT US and RETRY: B1.4D */
#contactButt {
	background-color : transparent;
	border : 0px none;
	_left : -14em;
}
#card-verification-error #card-verification-service-unavailable .align-buttons {
	margin : 0em 0em 0em 0em;
	padding : 0em 0em 0em 0em;
	width : 4.65em;
	height : 1.76em;
	top : 11.7em;
	_top : 11.2em;
}
#card-verification-error #card-verification-service-unavailable .align-buttons .button-no-2 img {
	width : 4.41em;
	height : 2.00em;
}

/* YES and NO: B1.1B, B1.5, BH1.2C */
#already-member .align-buttons .button-no-1 img,
#registration #download .align-buttons .button-no-1 img,
.hideForNoScript .button-no-1 img {
	width : 4.41em;
	height : 2.00em;
}
#already-member .align-buttons .button-no-2 img,
#registration #download .align-buttons .button-no-2 img,
.hideForNoScript .button-no-2 img {
	width : 4.41em;
	height : 2.00em;
}
.hideForNoScript .button-no-1 .button-text,
.hideForNoScript .button-no-2 .button-text {
	display : none;
}

/* CLOSE: B1.6, BH1.1 */
#registration #registration-complete .align-buttons .button-no-1 img,
#registration #feedback-form #feedback-form-sent .align-buttons .button-no-1 img {
	width : 5.53em;
	height : 2.00em;
}

/* MANUFACTURER NOT LISTED: BH1.2A, B12 */
#help-select-series #main-help-popup-narrow .help-select-options .align-buttons .button-no-1 img,
#ota-select-phone-make .align-buttons .button-no-1 img {
	width : 14.51em;
	height : 2.00em;
}

/* PHONE NOT LISTED and GO BACK: BH1.2A, B13 */
#help-select-model #main-help-popup-narrow .help-select-options .align-buttons .button-no-1 img {
	width : 5.37em;
	height : 2.00em;
}
#ota-select-phone-model .align-buttons .button-no-1 img {
	width : 5.37em;
	height : 2.00em;
}
#help-select-model #main-help-popup-narrow .help-select-options .align-buttons .button-no-2 img,
#ota-select-phone-model .align-buttons .button-no-2 img {
	width : 14.51em;
	height : 2.00em;
}

/* MOBILE PHONE NOT LISTED : /help/ota/otaSelectPhoneModel.html */
#ota-select-phone-model-help #main-narrow .align-buttons .button-no-2 img {
	width: 14.51em;
	height: 2em;
}

/* SUBMIT: BH1 */
#FeedbackFormContinue img {
	width : 7.38em;
}

/* CONTACT US : B13A, /help/ota/manufacturerNotListed.html */
#registration #model-not-listed .align-buttons .button-no-1 img,
#model-not-listed-help #main .left-column .align-buttons .button-no-1 img {
	width : 8.10em;
	height : 2.00em;
}

/* NEXT: B13A, B14 */
#registration #model-not-listed .align-buttons .button-no-2 img,
#registration #ota-phone-settings .align-buttons .button-no-1 img {
	width : 7.38em;
	height : 2.00em;
}

/* CHANGE PHONE: B15 */
.changePhoneButton {
	/*
	position : absolute;
	top : 3.1em;
	_top : 4.25em;
	*/
}
.changePhoneButton img {
	width : 10.26em;
	height : 2.00em;
}
.changePhoneButton .button-text {
	display : none;
}

/* BACK : /help/mobilePhoneHelp/mobilePhoneHelpView.html, 
/help/mobilePhoneHelp/chooseHandsetView.html, 
/help/mobilePhoneHelp/handsetAssistanceView.html, 
/help/ota/otaSelectPhoneMake.html,
/help/ota/otaSelectPhoneModel.html */
#mobile-phone-help-select-make .align-buttons-left .button-no-1 img,
#mobile-phone-help-select-model .align-buttons-left .button-no-1 img,
#mobile-phone-help-select-carrier .align-buttons-left .button-no-1 img,
#ota-select-phone-make-help #main-narrow .align-buttons .button-no-1 img,
#ota-select-phone-model-help #main-narrow .align-buttons .button-no-1 img {
	width : 5.37em;
	height : 2em;
}
#mobile-phone-help-select-make .align-buttons-left .button-text,
#mobile-phone-help-select-model .align-buttons-left .button-text,
#mobile-phone-help-select-carrier .align-buttons-left .button-text {
	display : none;
}

/* EXIT : /help/ota/manufacturerNotListed.html */
#model-not-listed-help #main .left-column .align-buttons .button-no-2 img {
	width: 4.89em;
	height: 2em;
}

/* SUBMIT /help/customerSupport/getInTouchView.html, /help/customerSupport/contactForm.html */
#contactUsSubmit img {
	width: 5.53em;
	height: 2em;
}


/* END BUTTON RESTYLING */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */


/* Help with this page */
#help-area {
	width : 10.66em;
	height : 4.73em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	float: none;
	position : absolute;
	top : 8.5em;
	/*left : 11.40em;
	#left : 14.20em;
	_left : 10.66em;*/
}
#help-area .align-buttons #help-button img {
	width : 106.66em;
	height : 47.31em;
}
#help-area .align-buttons {
	width : 10.66em;
	height : 4.73em;
	position : relative;
	left : 0em;
}
#help-area .align-buttons #help-button {
	position : absolute;
	top : 0em;
	left : 0em;
}


/* Added 2/09/2009 - IEWelcome and FirefoxWelcome */
/* Layout fixes: Monilink logo, button size and position */
#iexplorer .button-no-1 {
	position : relative;
	left : -20.5em;
}
#iexplorer .button-no-1 img {
	width: 6.2em;
	height: 1.8em;
}
#firefox .button-no-1 {
	position : relative;
	left : -20em;
}
#firefox .button-no-1 img {
	width: 4.8em;
	height: 1.8em;
}
#firefox #main,
#iexplorer #main {
	margin-top : 4.5em;
}

#confirm-phone-details #main-narrow .align-buttons{

                        padding-top: 10em;

}

/* Karen 20/10/2009 - Fix to hide buttons on page /help/ota/manufacturerNotListed.html */
#model-not-listed-help #main .left-column .align-buttons {
	display: none;
}