/* 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(/hsbc/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(/hsbc/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(/hsbc/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(/hsbc/info/images/registration/bullet.gif) no-repeat;
	}

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

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

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

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

	/* step number six icon */
	.step-six {
		background: url(/hsbc/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: */




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

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


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

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

/* Area between navigation and footer */
/*#main { /***already have main-narrow hence sont need this - April 08***/
	/*width: 775px;
	margin: 0;
	padding: 10px 0 0 10px;
}*/

/* Narrower version of main - should be replaced by use of left-column */
/*#main-narrow { /***already declared below april 08****/
/*	width: 575px;
	margin: 0;
	padding: 10px 0 0 10px;
}*/

/*****BELOW THE ONE THAT WAS DONE IN MASTER.CSS OFFLINE FROM CMS!!!!*****/
/*#main-narrow {
	width: 765px; /*was originally 575px  march 08 */
/*	margin: 0;
	padding: 0 0 0 10px; /*Top - Right - Bottom - Left*/
	/*border:1px solid #000000;
	height: 400px;
}*/

#main-narrow {
	width: 61.35em;
	margin: 0em;
	padding: 0em 0em 0em 0.8em;
	/* Fixes the Help with this page button issue */	
	width: 43.54em;
	float: none;
}

#main {
	height:auto;
	width: 61.35em;
	margin: 0em;
	padding: 0em 0em 0em 0.8em;
}

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

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

/* Restricts content to left hand column (equivilent to main-narrow) */
.left-column {
	float:left;
	width: 43.54em;
	margin: 0em;
	padding: 0em;
	margin: 0.8em auto auto auto;
}

/* Restricts content to right-hand column */
.right-column {
	position: absolute;
	float:right;
	top: 13.63em;
	width: 15.32em;
	padding: 0em;
	left: 44.91em;
	/* Karen 27/03/2009 */
	margin: 10.02em 2em auto auto;
	_margin: 10.02em 2em auto auto;
	#margin: 10.02em 2em auto auto;
}

.preferTalk {
	float: right;
	position: relative;
	top : -1em;
	left : -0.5em;
	width: 10.02em;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}
.preferTalk p {
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}
	
#registration-start #main .left-column .right-column .preferTalk {
	float:right;
	width: 10.67em;
}
	
#registration-start #main .left-column .right-column {
	/*left: 44.51em;*/
}
	
.preferTalk-2 {
	background-color: #fff;
	position:absolute;
	display:block;
	text-align:left;
	border: 0em;
	margin-top: 6.42em;
	left: 49.64em;
	top: 15.32em;
	width: 8.82em;
	height: 3.21em;
}	
	
.preferTalk-3 {
	position:absolute;
	width: 10.02em;
	top: 23.26em;
	left: 49.32em;
}
	
.preferTalk-4 {
	position:relative;
	display:block;
	text-align:left;
	width: 10.02em;
	border: 0em;
	left: 48.92em;
	top: -3.21em;
	width: 8.82em;
	height: 3.21em;
}	
	
.preferTalk-5 {
	background-color:#FFFFFF;
	position:absolute;
	left: 49.56em;
	top: 24.06em;
}

.preferTalk-6 {
    position:absolute;
	width: 10.43em;
	left: 4em;
	top : 10em;
}


	
/*.mobilePhone {
	background: url(/hsbc/export/sites/default/images/registration/HSBC.gif);
	background-color:#fff;
	background-repeat:no-repeat;
	border:0;
	position:absolute;
	display:block;
	margin-top:80px;
	left:587px; /*619px*/
	/*top:220px; /*191px*/
	/*width:160px; 
	height:338px; 
	text-align:center;
}*/
	
#mobilePhone {
	background: url(/hsbc/export/sites/default/images/registration/HSBC.gif);
	background-color:#fff;
	background-repeat:no-repeat;
	position:absolute;
	display:block;
	text-align:center;
	border: 0em;
	margin-top: 6.4em;
	left: 47.07em;
	top: 25.66em;
	width: 12.83em;
	height: 27.11em;
}
	
#help-area {
	/*background: url(/hsbc/export/sites/default/images/buttons/help_butt3.gif);*/
	background-repeat:no-repeat;
	background-position:top center;
	color: #fff;
	background-color: #fff;
	position:absolute;
	display:block;
	text-align:center;
	border: 0em;
	margin-top: 6.4em;
	left: -0.8em;
	top: 12.03em;
	width: 10.34em;
	height: 4.57em;
	/*background: url(images/help_butt3.gif);*/
}
	
#registration-complete #main-narrow .right-column #help-area {
	position:relative;
	top: 0em;
	left: 3.21em;
	margin-left: 0em;
}
	
#registration-complete #main-narrow {
	height: 33.68em;
}
	
#help-area-2 {
	background: url(/hsbc/export/sites/default/images/buttons/help_butt3.gif);
	background-repeat:no-repeat;
	background-position:top center;
	color: #fff;
	background-color: #fff;
	position:relative;/*absolute*/
	display:block;
	text-align:center;
	border: 0em;
	margin: 0em;
	width: 10.34em;
	height: 4.57em;
}
	
	
/*#main-narrow .align-buttons  {
	border:solid red important!; 
	position:absolute;
	left:283px;
	top:370px;
}
	
	
/****#main-narrow .preferTalk-2 {
	
/****width:125px;/*125px*/
	/*background-color: #fff;
	border: 0;
	position:absolute;
	display:block;
	margin-top:80px;
	left:619px;
	top:191px;
	width:110px;
	height:40px;
	text-align:left;
}	*/
	
/******************* alreadymember.html***************************/
	
#already-member #main-narrow .align-buttons {
	position:relative;
	left: -17.64em;
	width: 43.54em;
}
	
#card-verification-unable-to-verify #main-narrow .align-buttons {
	position: relative;
	left: -17.64em;
	top: 4em;
	width: 43.54em;
}
	
/*******#help-area .align-buttons {
 	padding: 0;
}
	
#help-area .align-buttons #help-button {
	text-align: center;
	padding:0;
	/*border:2px dotted red;*/
/***** } */
	
#help-area .align-buttons #help-button a.css-button { /*14th april 08*/
	color: #ffffff;
	text-align: center;
	background-color: transparent;
	display: block;
	cursor: help;
	/* Karen 26/03/2009 */
	width: 10.18em; _width: 101.8em; #width: 101.8em;
	height: 4.49em; _height: 44.9em; #height: 44.9em;
	margin-top: -0.8em; _margin-left: 0em; #margin-left: 0em;
	padding: 0em;
	font-size: 0.1em;
}

#help-area .align-buttons #help-button i{
    display:none;
}

#help-area .align-buttons #help-button span{
    display:none;
}

/*-- Verisign Logo --*/
 
.verisignlogo {
	position:absolute;
	top: 12.83em;
	left : 50em;
}

p.blackBerry {
	margin-left: 4.17em;
	margin-top: 0.64em;
} 
	
/* 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.56em;
	margin-bottom: 0.56em;
}

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

/* 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: 0em;
	padding: 0.8em 0em 0.4em 0em;
}
	
/* main page heading */
h1 {
	font-weight: normal;
	font-size: 3em;
	padding: 0em 0em 0.4em 0em;
}

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

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

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

h5 { font-size: 1.1em; }

h6 { font-size: 1em; }

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

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

/* horizontal ruler */
hr { 

	color: #999999; 
	background-color: #999999; 
	height: 0.1em;
	margin: 0.24em 0em 0.24em 0em;
	padding: 0em;
	border: 0em;
}

/* 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: 800px; */
	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;
}

/* End of text and object adjustment styles */


/* Start of header styles */

/* above the navigation and content-frame */

/* 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;

	/* Added by Gray - 27th Feb 2009 - HSBC-FD Monilink_V13_DefectLog_updated Feb 09.xls - Screenshot 29 */
	position : relative;
	top : 20px;
	margin-top : 30px;
	/* End */
	
	/* Karen 26/03/2009 */
	height: 1.2em;
	padding: 0em;
	margin-top: 2.4em;
	top: 1.6em;
}

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

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

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

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

/* 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: url(/hsbc/export/sites/default/images/navigation/tab_bg.gif) repeat-x bottom right;
	padding: 0em 0em 0em 0em;
	height: 3.85em;
	/* GRAY 24/3 */
	background: url(/hsbc/export/sites/default/images/navigation/tab_bg_GE.gif) repeat-x bottom right;
}

#navigation ul {
	margin: 0em;
}

#navigation ul li {
	list-style: none;
	float: left;
	background: url(/hsbc/export/sites/default/images/navigation/tab_left.gif) no-repeat top left; 
    text-align: center;
	margin: 0em;
	padding: 0em 0em 0em 0.48em;
	/* GRAY 24/3 */
	background: url(/hsbc/export/sites/default/images/navigation/tab_left_GE.gif) no-repeat top left; 
}

#navigation ul li a {
	padding: 0em 0.72em 0em 0.16em;
	margin: 0em;
	height: 3.53em;
	line-height: 2.89em;
	
	float: left;
	display: block;
	background: url(/hsbc/export/sites/default/images/navigation/tabs_right.gif) no-repeat top right; 
	text-decoration: none;
	color: #333;
	font-size: 1em;
	font-weight:bold;
	vertical-align: 50%;
	
	/* GRAY 24/3 */
	background: url(/hsbc/export/sites/default/images/navigation/tabs_right_GE.gif) no-repeat top right;
	height: 2.8em;
}

#navigation ul li a:hover {
	color: #f00 !important;
}

#navigation ul li.current {   
	height:48px;
	background: url(/hsbc/export/sites/default/images/navigation/tabs_select_left.gif) no-repeat top left;
	/* GRAY 24/3 */ 
	background: url(/hsbc/export/sites/default/images/navigation/tabs_select_left_GE.gif) no-repeat top left;
	height: 3.85em;
}

#navigation ul li.current a { 
	height:48px;
	background: url(/hsbc/export/sites/default/images/navigation/tabs_select_right.gif) no-repeat top right;
	/* GRAY 24/3 */
	background: url(/hsbc/export/sites/default/images/navigation/tabs_select_right_GE.gif) no-repeat top right;
	height: 3.85em;
}

#navigation ul li.firstItem {
	background: url(/hsbc/export/sites/default/images/navigation/tab_left.gif) no-repeat top left;
	margin: 0em;
	/* GRAY 24/3 */
	background: url(/hsbc/export/sites/default/images/navigation/tab_left_GE.gif) no-repeat top left;
}

/*#navigation ul li.firstItemCurrent {
	background: url(/hsbc/export/sites/default/images/navigation/tabs_left.gif) no-repeat top left;
	padding-left: 15px;
}

#navigation ul li.firstItemCurrent a {
	background: url(/hsbc/export/sites/default/images/navigation/tabs_select_right.gif) no-repeat top right; 
}*/

#navigation ul li.succeedsCurrent {
	background: url(/hsbc/export/sites/default/images/navigation/tabs_left_curve.gif) no-repeat top left;
}

#navigation ul li.succeedsCurrent a {
	background: url(/hsbc/export/sites/default/images/navigation/tabs_right_curve.gif) no-repeat top right;
}

#navigation ul li.precedesCurrent a {
	background: url(/hsbc/export/sites/default/images/navigation/tabs_right_curve.gif) no-repeat top right;
}

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

/* Breadcrumb trail, under navigation when browsing pages */
#breadcrumb {
	margin: 0em;
	padding: 0.8em 0em 0em 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 */ /*required april 08*/
.action-link {
	display: block;
}

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

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

/* End of main link style */


/* Start of images */

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

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

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

/* 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: 0em;
	margin: 0em;
	padding: 0em;
}

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

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

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

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

/* End of general form styles */


/* Start of floating information boxes */

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

/*fix for   #faq-list #main .info {#margin-left:30px; _margin-left:30px}*/
/* Karen 05/05/2009 - Not necessary */
/*#faq-list #main .info {
	#margin-left: 2.41em; _margin-left: 2.41em;
}*/
/*end*/

/* Karen 19/10/2009 - Fix to move info-box below prefer to talk image */
#faq-list #main .info .info-box-top {
	position: relative;
	top: 13em;
	border-bottom: 0.1em solid #666;
}

/* top section of box */
.info-box-top {
	background: #ffffff;
	margin: 0em;
	padding: 0em 0em 0.4em 0em;
	height: 12.8em !important;
}

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

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

/* bottom section of box */
.info-box-bot {
	background: transparent;
	height: 1.84em;
	margin: 0em;
	padding: 0em;
}
	
/* 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 */

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

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

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

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

/* 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.09em;
	margin-top: 0em;
	width: 40.9em;
}
	
/* Generic class for reg process step icon */
.reg-page-step {
	position: absolute; 
	margin-top: 0em;
	padding-top: 0.8em;
	width: 4em;
	height: 2.73em;
}

#enter-hvc .right-column {
	.margin-left: 1.6em;
	width: 14.43em;
	padding-left : 1.6em;
	#padding-left : 0.3em;
}
#enter-hvc .right-column .preferTalk {
	position : relative;
	left : -1em;
}

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

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

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

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

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

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

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

/* End of registration steps styles */


/* Start of first registration page styles */

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

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

.register-start-form { /*test background colour - April 08*/
	background: #dedfde;
	width:100%;
}

.register-start-form div.shadowedBox {
	height: 23.66em !important;
}

/* size of right column */
.register-start-form .form-right-column {
	position:absolute;
	margin: 0em 0em 0em 21.65em;
	width: 23.26em;
}

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

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

/* terms and conditions check box */
.register-start-form .terms-checkbox {
	margin-top: 0em;
}
	
/* check boxes */ /*already declared above April 08*/
/*.terms-checkbox {
	/*margin-left: 18px;
}*/
		
/* 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.25em;
}
	
/* email input text box */
.tmb-start-form .email-address {
	width: 12.27em;
}
	
/* main labels */
.tmb-start-form .label {
	width: 16.04em;
}

/* 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%;
	margin-top: -0.8em;
	width: 41.94em;
	left: 4.8em;
	padding: 0em;
}
	
/*#registration-start div.mandatory-fields-label {/*class declared above*/
	/*margin: 60px 0 0 0;
	width: 470px;
	left: 60px;
	padding: 0;
	top: 100px;
}*/
	
#registration-start p.privacy { /*new class - 15th april 08*/
	text-align: left;
	position: absolute;
	margin: 1.6em 0em 0em 0em;
	width: 37.69em;
	left: 0em;
}

/**********************************************************************************************/

#registration-start #confirmTermsAndSoftwareLicense {
	margin-top: 0em;
	margin-left: 0em;
}

.register-start-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 14.43em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-start-form .form-right-column .label {
	width: 7.54em;
}

.register-start-form .form-left-column {
	width: 22.05em;
}

.register-start-form .inline .label {
	padding-top: 0.72em;
	margin-top: 0em;
	height: 2.09em;
}

.register-start-form .text-above-email {
	color: #333;
	padding-top: 0.24em;
	height: 2.09em;
	font-size: 0.8em;
}

.text-below-security-number {
	position: absolute; 
	margin-left: 16.44em;
	margin-top: 2.41em;
}

.spacing-below-security-number {
	height: 0.96em;
}

.card-details-text-right-of-cvv-img { 
	top: 0.32em;
}


/* text for terms and conditions checkbox */
.register-start-form .checkbox-text {
	position: relative; /*absolute*/
	width: 40.1em;
	padding: 0em;
	top: -2.41em;
	left: -0.4em;
}
	
/*.register-start-form .checkbox-text { /*already declared in terms & conditions in above class previously April 08 */
	/*position: absolute; 
	margin-left: 40px; 
	width: 520px;
}*/

/*********************************************************************************************/

/* date of birth fields */
.dob-day,
.dob-month,
.dob-year {
	float: left;
	margin-top: 0.48em;
	margin-right: 0.24em;
}

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

/* month select for date of birth */
.dob-month {
	width: 4.25em;
}
	
#registration-start select.dob-day { /*declared new class 15th april 08*/
	margin-left: 0.24em;
}

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

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

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

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

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

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

/* text area for list of addresses, when using postcode lookup */
.address-list {
	width: 29.51em;
}

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

/* 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: 0em;
	margin-top: 0em;
}

/* End of registration process form styles */


/* Start of boxed content styles */

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

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

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

#enter-card #main .left-column .boxed-text {
	background: #dedfde;
}

/* End of boxed content styles */


/* Start of TMB card management styles */

/*#registration april 08*/ #alert-management .alert-management-card-buttons {
	text-align: right; 
	position: absolute; 
	width: 22.45em;
	margin-left: 20.85em;
}

/*#registration* april 08/ #alert-management h2 {
	padding-top: 0;
}
	
/*#registration* april 08/ #edit-alerts .edit-alerts-buttons {
	text-align: right; 
	position: absolute; 
	width: 280px; 
	margin-left: 280px;
}

/*#registration* april 08/ #edit-alerts h2 {
	padding-top: 0;
}
	
/* End of TMB card management styles*/


/* Start of card details form styles */

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

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

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

/* labels that have been specified as inline */
#enter-card .inline .label {
	padding-top: 0.88em;
	margin-top: 0em;
}
	
/* width of card number, nickname, and cardholders name */
#enter-card .card-number,
#enter-card .card-alias,
#enter-card .cardholders-name {
	width: 12.03em;
}
	
/* 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.24em;
}

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

/* 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 {
	position: absolute;
	margin-left: 20.85em;
	margin-top: 0.48em;
}

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

/* instructions of where to find card number */
#enter-card .text-below-card-number {
	position: absolute; 
	margin-left: 16.44em;
	margin-top: 2.41em;
}
	
/* wraps enter alert forms */
#enter-card .alert-wrapper {
	margin: 0em;
	padding: 0.56em 0em 0.56em 0em;
}

/* End of card details form styles */


/* wraps enter alert forms */

#edit-alerts .alert-wrapper {
	margin: 0em;
	padding: 0.56em 0em 0.56em 0em;
}

#edit-alerts .alert-balance-input {
	position: absolute; 
	margin-left: 28.71em;
	margin-top: 0.24em;
}
	
#edit-alerts .alert-balance-text {
	position: absolute; 
	margin-left: 0.32em;
	margin-top: 0.4em;
}
	
#edit-alerts .alert-weekly-text {
	position: absolute; 
	margin-left: 0.32em;
	margin-top: 0.4em; 
}

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

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

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

/* Start of confirm card details form styles */

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

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

/* End of confirm card details form styles */


/* Start of address enrty form styles */

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

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

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

/* 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: 24.86em;
	top: 3.2em;
}

.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{
	position: absolute; 
	margin-left: 8.02em;
	width: 35.53em;
}

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

/* End of phone settings update form styles */


/* Start of final confirmation screen styles */

/* final confirmation screen labels */
#confirm-card-details .label {
	width: 17.64em;
	margin-right: 0.4em;
	margin-top: 0em;
}

/* position of fields on final confirmation screen */
#confirm-card-details .form-field {
	margin-left: 18.2em;
}

/* End of final confirmation screen styles */


/* Start of phone make floating boxes */

/* phone make floating boxes */
.make-box-first, .make-box {
	float: left;
	width: 8.02em;
	border: 0.1em solid #000;
	margin: 0em 0em 1.6em 1.6em;
	padding: 0em;
}

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

/* paragraphs in phone make boxes, used for name of phone make */
.make-box-first p, .make-box p {
	text-align: center;
	background: transparent;
	width: 7.7em;
	padding: 0.16em;
}

/* End of phone make floating boxes */


/* Start of handset help details styles */

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

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

/* information on settings for the selected handset */

.handset-information {
	float: left;
	width: 42.34em;
	margin: 0em;
	padding: 0em;
}

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

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

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

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

/* End of handset help details styles */


/* Start of styles for the feedback form */

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

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

/* position of right column */
#feedback-form .form-right-column {
	position: absolute; 
	margin-left: 32.07em;
}

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

/* start of fix for overlapping form-right-column and methodOfContact select box */
/* position of right column */
#feedback-form .form-right-column-narrow {
	position: absolute; 
	/*margin-left: 38.49em;*/
	margin-left : 38em;
}
	
/* labels in a norrow right column */
#feedback-form .form-right-column-narrow .label {
	width: 10.91em;
}
			
/* wide label in a narrow right column */
#feedback-form .form-right-column-narrow .label-wide {
	display: block;
	float: left;
	text-align: right;
	position: relative;
	width: 17.32em;
	margin-left: -6.4em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
	left : 2em;
}
/* end of fix */

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

#feedback-form .msisdn,
#feedback-form .device-make-and-model {
	/*width: 9.62em;*/
	width : 7.5em;
}

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

#feedback-form .description {
	height: 12.03em;
	width: 40em;
}

/* 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 {
	vertical-align: top;
	padding-bottom: 0.64em;
	padding-top: 0.32em;
}

/* styling issues after RS2 */
#feedback-form #main #feedbackPopup .register-feedback-form .feedback-form-mobile-number .label {
	/*width : auto;*/ /* firefox */
	#width : 13em; /* ie7 */
	_width : 12.7em; /* ie6 */
}
#feedback-form #main #feedbackPopup .register-feedback-form #msisdn {
	/*position : relative;
	top : 2.2em;
	left : 12.5em;
	#position : auto; _position : auto;
	#top : auto; _top : auto;
	#left : auto; _left : auto;*/
	width : 7.5em; /* firefox */
	#width : 7.35em; /* ie7 */
	_width : 7.3em; /* ie6 */	
}
#feedback-form #main #feedbackPopup .register-feedback-form .feedback-form-mobile-network {
	width : 25em;
}

#feedback-form #main #feedbackPopup .register-feedback-form .form-right-column-narrow {
	/*
	position : relative;
	left : -1em;
	float : none;
	*/
	position : relative;
	left : -1em;
	float : right;
}
#deviceMakeAndModel {
	position : relative;
	top : 2.25em;
	#top : auto; _top : auto;
	left : 0em;
	#left : 1.8em; _left : 1.8em;
}
#feedback-form #main #feedbackPopup .register-feedback-form .label {
	width : 13em;
}
#feedback-form #main #feedbackPopup .register-feedback-form .label-description {
	width : 13em;
}
#feedback-form #main #feedbackPopup .register-feedback-form #methodOfContact {
	width : 22em;
}

/* End of styles for the feedback form */


/* Start of styles for the contact form */

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

/* label for the description field in the contact form */
#contact-form .label-description {
	float: left;
	text-align: right;
	display: block;
	width: 14.03;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}
	
/* position of right column */
#contact-form .form-right-column {
	position: absolute; 
	margin-left: 32.08em;
}

/* labels in right column */
#contact-form .form-right-column .label {
	width: 9.3em;
}
	
/* labels in left column */
#contact-form .form-lower-column .label {
	width: 14.03em;
}
	
/* start of fix for overlapping form-right-column and methodOfContact select box */
/* position of right column */
#contact-form .form-right-column-narrow {
	position: absolute; 
	margin-left: 38.49em;
}
			
/* labels in a norrow right column */
#contact-form .form-right-column-narrow .label {
	width: 10.91em;
}
			
/* wide label in a narrow right column */
#contact-form .form-right-column-narrow .label-wide {
	display: block;
	float: left;
	text-align: right;
	position: relative;
	width: 17.32em;
	margin-left: -6.4em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

/* end of fix */

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

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

#contact-form .description {
	width: 44.99em;
	height: 12.03em;
}

/* 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: 43.3em;
}

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

/* 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: 0em;
	padding: 0em;
}

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

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


/* End of styling for user guide steps */


/* start of buttons style */

/* sets alignment for buttons */
.align-buttons {
	text-align: right;
}
	
/* sets alignment for buttons to left */
.align-buttons-left {
	text-align: left;

	/* Gray - Buttons troubleshoot */		
	padding: 0em 0em 0em 0em;
	margin : 0em 0em 5em 0em;
}
	
/* div for each button */
.button {
	display: inline;
	padding: 0.4em 0em 0.4em 0em;
	margin: -0.4em 0em -0.4em 0em;
}
	
/* properties for left, middle and right of button */
.button .button-middle, .button .button-left, .button .button-right,
.button .button-left-back-arrow, .button .button-left-forward-arrow {
	background-repeat: no-repeat;
	display: inline;
	vertical-align: middle;
	line-height: 2.41em;
	height: 2.41em;
	padding: 0.4em 0em 0.4em 0em;
}

/* div for middle section of button */
.button .button-middle {
/*	background-image: url(/hsbc/info/images/buttons/button_middle.gif);/* /*****does not exist on cms - april 08*******/
	background-repeat: repeat-x;
	background-position: center center;
}
	
/* div for left section of button */
.button .button-left,
.button .button-left-back-arrow,
.button .button-left-forward-arrow {
	background-position: center right;
	padding-left: 0.56em;
}
	
/* div left section of button with no arrow */
.button .button-left {
	/*background-image: url(/hsbc/info/images/buttons/button_left.gif);*/ /*not exist in cms - april l08*/
}
	
/* div for left section of button with left pointing arrow */
.button .button-left-back-arrow {
	padding-left: 0.88em;
	/*background-image: url(/hsbc/info/images/buttons/button_left_back-arrow.gif);*/ /*button not exist on cms - april 08*/
}
	
/* div for left section of button with right pointing arrow */
.button .button-left-forward-arrow {
	padding-left: 0.88em;
	/*background-image: url(/hsbc/info/images/buttons/button_left_forward-arrow.gif);*//*button not exist - april 08*/
}
	
/* div for right section of button */
.button .button-right {
	background-image: url(/hsbc/info/images/buttons/button_right.gif);
	background-position: center left;
	padding-right: 0.56em;
}
	
/* text on buttons, .image-button is a form submit button, .button a is all other buttons */
.image-button, .button a {
	font-size: 16pt;
	font-weight: normal;
	font-family: arial;
	color: #000000;
	/* Gray - Buttons Troubleshoot */
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
	/* Karen 26/03/2009 */ font-size : 1em;
}
	
/* links on text buttons */
/* Gray - Buttons Troubleshoot 
	.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:link	{ text-decoration: none; }
	.align-buttons a:hover, .align-buttons-left a:hover, .align-buttons-none a:link		{ text-decoration: none; }
	.align-buttons a:focus, .align-buttons-left a:focus, .align-buttons-none a:link		{ text-decoration: none; }
	.align-buttons a:active, .align-buttons-left a:active, .align-buttons-none a:link 	{ text-decoration: none; }
*/

.align-buttons {
}

.align-buttons img {
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

.align-buttons a,
.align-buttons-left a,
.align-buttons-none a {
	text-decoration: none;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

.align-buttons a:link,
.align-buttons-left a:link,
.align-buttons-none a:link {
	text-decoration: none;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

.align-buttons a:visited,
.align-buttons-left a:visited,
.align-buttons-none a:link {
	text-decoration: none;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

.align-buttons a:hover,
.align-buttons-left a:hover,
.align-buttons-none a:link {
	text-decoration: none;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

.align-buttons a:focus,
.align-buttons-left a:focus,
.align-buttons-none a:link {
	text-decoration: none;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

.align-buttons a:active,
.align-buttons-left a:active,
.align-buttons-none a:link {
	text-decoration: none;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}
	
/* removes formatting of a normal button, to be replaced by image */
.image-button {
	overflow: visible;
	background: none;
	cursor: pointer;
	width: auto;
	/* Gray - Buttons Troubleshoot */
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
	border: 0em;
}

/* end of buttons style */

/* Include the brand specific css: */

/* Overall document font and colour settings */
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
	background-color: #fff;
	font-size: 100%;
	margin: 0em;
	padding: 0em;
}

/* Contains all body content */
/*#container { /already declared april 08****/
	/*width: 800px;
	margin: 0;
	padding: 0;
	text-align: left;
}*/

/* Was used for popup help screens - no longer used */
#container-help {
	text-align: left;
	margin: 0em;
	padding: 0em;
}


/* Area between header and footer - wraps navigation and main*/
/*#content-frame { /**already declared above april 08**/
/*	padding: 0 0 5px 0;
}*/

/* Area between navigation and footer */
/*#main { /******have main-narrow hence dont need this- April 08******/
	/*width: 775px;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
}*/

/* Narrower version of main - should be replaced by use of left-column */
/*#main-narrow { /*****already declared line 34 april 08****/
/*	width: 575px;
	margin: 0;
	padding: 0 0 0 10px;
}*/

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

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

/* Restricts content to left hand column (equivilent to main-narrow) */
/*.left-column { /*****changed april 08 as not required - class declared above - line 55 ********/
	/*width: 575px;
	margin: 0;
	padding: 0 0 0 0;
}*/

/* Restricts content to right-hand column */
/*.right-column { /************already declared above - line 79 April 08************************/
	/*width: 180px;
	margin: 0;
	padding: 0;
	position: absolute;

	margin-left: 600px;	
}*/

.right-column2 {
	position: absolute;
	width: 16.04em;
	margin: 0em;
	padding: 0em;
	margin-left: 46.11em;
	top: 2em;
}

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

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

#note {
	visibility: hidden;
	position:absolute;
	z-index:1;
	left: 0em;
	top: 0em;
}

#note1 {
	position: absolute;
	background: #ffc;
	z-index: 1;
	visibility: hidden;
	color: #000;
	top: 0em;
	left: 0em;
	padding: 0.8em;
	border: 0.1em solid #000;
}

#note2 {
	position: absolute;
	background: #ffc;
	z-index: 1;
	visibility: hidden;
	color: #000;
	top: 0em;
	left: 0em;
	padding: 0.8em;
	border: 0.1em solid #000;
}

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

/* Generic class for reg process step icon */
.reg-page-step {
	position: absolute; 
	margin-top: 0em;
	padding-top: 0.8em;
	width: 4em;
	height: 2.73em;
}

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

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

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

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

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

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

.info-icon-container {
	vertical-align: bottom;
	display: inline; 
}

/* Boxes a section of step content - place within step-text */
.step-text-boxed {
	background: #efefef;
	margin-left: 4em;
	width: 40.9em;
	margin-top: 0em;
	margin-bottom: 0.48em;
	padding: 0em 0.56em 0em 0.56em;
}

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


.inline {
	display: inline;	
	vertical-align: middle;
}


/* Boxes a section of large text */
.large-text-boxed {
	text-align: center;
	background: #e5e5d9;
	font-size: 1.4em;
	font-weight: bold;
	color: #000000;
}


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

p.vertical-space {
	height: 0.56em;
	padding: 0em;
}


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

/* Generic float right style */
.float-right {
	float: right;
}

/* Was used to position photos - remove if no longer used */
.photo {
}

/* Floating brand messages */
.message {
}

.message-box-top {
}

.message-box-top p {
}

.message-box-bot {
}

/* Floating information boxes */
.info {
	position: absolute;
	width: 14.43em;
	margin: 0em 0em 0.8em 0em;
	padding: 0em;
	margin-left:48.12em;
}

.info-box-top {
	background: url(/hsbc/export/sites/default/images/info_box_top.gif) repeat-y;
	margin: 0em;
	padding: 1.04em 0.4em 0em 0.4em;
}

.info-box-top h2 {
	color: #000;
	margin: 0em;
	padding: 0em;
}

.info-box-top p {
	margin: 0em;
	padding: 0em;
}

.info-box-top ul {
	margin-bottom: 0em;
	padding-bottom: 0em;
}

.info-box-bot {
	background: url(/hsbc/export/sites/default/images/info_box_bottom.gif) no-repeat;
	padding: 0em;
	margin: 0em;
	height: 0.56em;
}

/* Header styles */
#header {
	/*background: url(/hsbc/info/hsbc/export/sites/default/images/main_bg.gif) no-repeat;*/
	background:url(/hsbc/export/sites/default/images/main_bg.gif) no-repeat;
	width: 62.15em;
	height: 7.3em;
}

#header {
		background: transparent;
		/*height: 87px; *//**91px stated above - april 08*/
}

#header img {
}

#header #hsbc-img { 
	float: left;
	margin: 3.85em 0em 0.8em 0em;
	padding: 0em;
	padding-left: 0.8em;
}

#header #monilink-img { 
	float: right; 
	margin: 3.85em 0em 0.8em 0em;
	padding: 0em;
	padding-right: 0.8em;
}

/* Main site navigation */

/*end main site navigation */

#regbutRight { /*this is the register button in top right of page. April 08.*/
	float:right;
	padding-right: 0.8em;
}


/* Breadcrumb trail */
#breadcrumb {
	color: #666;
	margin: 0em;
	padding: 0.8em 0em 0em 0.8em;
}

#breadcrumb-footer {
}

#breadcrumb a:link { color: #666; font-weight: normal; text-decoration: none; }
#breadcrumb a:visited { color: #666; font-weight: normal; text-decoration: none; }
#breadcrumb a:hover, #breadcrumb a:focus { color: #666; font-weight: normal; text-decoration: none; }
#breadcrumb a:active { color: #666; font-weight: normal; text-decoration: none; }

/* Boxed content styles */
.box-top {
	/*background: #dedfde;*//*taken out and used for clas register-start-form */
	background-color:#dedfde;
	margin: 0em;
	padding: 0.56em;
}

.HVC-box-top {
	background: #dedfde;
	margin-left: 4em;
	width: 40.98em;
	margin-top: 0em;
	margin-bottom: 0.48em;
	padding: 0em 0.56em 0em 0.56em;
}

.center {text-align: center}

.info-icon {
	vertical-align: middle;
	margin-bottom: 0.16em;
	margin-left: 0.16em;
}

.info-icon-form {
	cursor:pointer;
	padding-bottom: 0.56em;
	padding-top: 0.72em;
}

.box-top hr	{ 
	color: #ccc; 
	background-color:#ccc; 
	height: 0.1em;
	margin: 0em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	padding: 0em;
	border: 0em;
}

.box-bot {
	padding: 0em;
	margin: 0em 0em 0.8em 0em;
}

/* Phone make floating boxes */
.make-box-first {
	float: left;
	width: 8.02em;
	border: 0.1em solid #ccc;
	margin: 0em 0em 1.6em 0em;
	padding: 0em;
}

.make-box {
	float: left;
	width: 8.02em;
	border: 0.1em solid #ccc;
	margin: 0em 0em 1.6em 1.6em;
	padding: 0em;
}

.make-box-first p {
	text-align: center;
	background: #ccc;
	width: 7.7em;
	padding: 0.16em;
	margin-top: 14.4em;
}

.make-box p {
	text-align: center;
	background: #ccc;
	width: 7.7em;
	padding: 0.16em;
	margin-top: 14.4em;
}

/* Handset help details styles */
.handset-image {
	float: left;
	border: 0.1em solid #c5c5a9;
	margin: 0em 1.6em 0em 0em;
	padding: 0.8em;
}
.handset-images {
	float: left;
	margin: 1.2em 1.6em 0em 0em;
	width: 9.62em;
}
.handset-images .image {
	text-align:center;
	border: 0.1em solid #c5c5a9;
	padding: 0.8em;
	margin-bottom: 0.8em;
}

.handset-information {
	float: left;
	width: 42.34em;
	margin: 0em;
	padding: 0em;
}

.handset-information h2, .handset-information h3, .handset-information h4 {
	margin: 1.2em 0em 0.4em 0em;
	padding: 0em;
}

.handset-information p, .handset-information p, .handset-information p {
	margin: 0em 0em 1.2em 0em;
	padding: 0em;
}

.handset-information .indent {
	margin: 0.8em 0em 0em 1.6em;
	padding: 0em;
}

.help-information {
	text-align: left;
	padding: 0em 0.8em 0em 0.8em;
}



.help-information h1, .help-information h2, .help-information h3, .help-information h4 {
	margin: 1.2em 0em 0.4em 0em;
	padding: 0em;
}

.help-information p, .help-information p, .help-information p {
	margin: 0em 0em 1.2em 0em;
	padding: 0em;
}

.help-information .indent {
	margin: 0.8em 0em 0em 1.6em;
}

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

/* Footer */
#footer {
	padding: 0em 0em 1.2em 0.56em;
	margin: 0em;
}

#footer ul {
	float: left;
	display: inline;
	color: #000;
	margin: 0em;
	padding: 0em;
}

#footer ul li {
	display: inline;
	list-style: none;
	border-left: 0.1em solid #000;
	margin: 0em;
	padding: 0em 0.24em 0em 0.4em;
}

#footer ul li.first {
	border-left: 0em;
}
	
#footer a:link { color: #666; font-weight: normal; text-decoration: none; }
#footer a:visited { color: #666; font-weight: normal; text-decoration: none; }
#footer a:hover, #footer a:focus { color: #666; font-weight: normal; text-decoration: underline; }
#footer a:active { color: #666; font-weight: normal; text-decoration: underline; }


#footer img {
	float: right;
	padding: 0em;
	margin: -2.41em 0em 0.8em 0em;
}

/* Headers */
h1 {
	margin: 0em;
	padding: 0.8em 0em 0.4em 0em;
	font-size: 1.8em;
	font-weight: normal;
	color: #333;
}

h2 {
	margin: 0em;
	padding: 0.8em 0em 0.8em 0em;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

h3 {
	margin: 0em;
	padding: 0.8em 0em 0.8em 0em;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

h4 {
	margin: 0em;
	padding: 0.8em 0em 0.8em 0em;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

h5 {
	margin: 0em;
	padding: 0.8em 0em 0.8em 0em;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}

h6 {
	margin: 0em;
	padding: 0.8em 0em 0.8em 0em;
	font-size: 1em;
	font-weight: bold;
	color: #333;
}



/* Main link style */
a:link 		{ color: #36c; text-decoration: underline; font-weight: bold; }
a:visited 	{ color: #36c; text-decoration: underline; font-weight: bold; }
a:hover, a:focus	{ color: #36c; text-decoration: underline; font-weight: bold; }
a:active 	{ color: #36c; text-decoration: underline; font-weight: bold; }

/* Button/Arrowed link styles */ /*required april 08*/
/* action, action-footer and action-link are used by feature links */
.action {
	font-weight: bold;
	/*background: url(/hsbc/info/hsbc/export/sites/default/images/button_arrow.gif) no-repeat top left;*//*changed to below  - april 08*/
	background: url(/hsbc/export/sites/default/images/button_arrow.gif) no-repeat top left;
	color: #36c !important;
	text-decoration: none;
	padding: 0em 0em 0em 0.64em;
}

.action-footer {
}

.action-link { 
}

div.action div.action-footer div.action-link a:link 		{ text-decoration: none; }
div.action div.action-footer div.action-link a:visited 	{ text-decoration: none; }
div.action div.action-footer div.action-link a:hover { text-decoration: underline;  }
div.action div.action-footer div.action-link a:focus	{ text-decoration: none; }
div.action div.action-footer div.action-link a:active 	{ text-decoration: none; }

/* arrow-link is used on user guide pages */
.arrow-link {
	display: block;
	background: url(/hsbc/export/sites/default/images/button_arrow.gif) 0.4em 0.24em no-repeat;
	margin: 0em;
	padding: 0em 0.4em 0em 1.6em;
}

a.arrow-link:link 		{ text-decoration: none; }
a.arrow-link:visited 	{ text-decoration: none; }
a.arrow-link:hover    { text-decoration: underline; }
a.arrow-link:focus	  { text-decoration: none; }
a.arrow-link:active 	{ text-decoration: none; }

.arrow-link.down {
	font-weight: bold;
	background: url(/hsbc/export/sites/default/images/button_arrow_down.gif) no-repeat top left;
	color: #36c !important;
	text-decoration: none;
	padding: 0em 0.4em 0em 1.6em;
}

align-buttons{
	text-align: right;
}

.button {
	background: #c5c5a9 no-repeat;
	margin: 0em;
	padding: 0em 0.4em 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 {
	font-weight: bold;
	background: url(/hsbc/info/images/action_link_arrow.gif) no-repeat top left;
	color: #36c !important;
	text-decoration: none;
	padding: 0em 0em 0em 0.64em;
}

a.button-arrow:link 		{ }
a.button-arrow:visited 	{ }
a.button-arrow:hover    { text-decoration: underline; }
a.button-arrow:focus	  { }
a.button-arrow:active 	{ }


/* Lists */
ul {
	list-style-type: square;
	margin-left: 1em;
	padding-left: 1em;
	margin-top: 0.56em;
	margin-bottom: 0.56em;
}

ol {
}

/* Form styles */
form {
	display: inline;
}

textarea {
	font-size:1.1em;
	font-family:sans-serif;
}

fieldset {
	border: 0em;
	margin: 0em;
	padding: 0em;
}

legend {
	font-weight: bold;
	color: #000;
	display: none;
}

.label {
	display: block;
	float: left;
	margin-top: 0.32em;
	padding-top: 0em;
	margin-right: 0.4em;
}

.contact-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 9.62em;
	margin-right: 0.4em;
}

.settings-update-form .radioYes {
	position: relative; 
	top: 0.16em;
}

.settings-update-form .radioNo {
	position: relative; 
	top: 0.16em;
}


.settings-update-form .radioYesLabel {
	position: relative; 
	left: 0.32em;
}

.settings-update-form .radioNoLabel {
	position: relative; 
	left: 0.32em;
}

/* added CJH 01092008 fix to settings screen*/

.settings-update-form {
	height: 12.03em;
	_height: 4em;
}

.settings-update-form div {
	display:block;
	position:absolute;
	left: 0.8em;
	top: 28.07em;
	_top: 32.08em;
}

.settings-update-form .checkbox-text {
	_top: -2.41em;
	_left: 0em;
	#top: -1.44em;
	#left: 0em;
}

.register-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 14.43em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-form .inline .label {
	padding-top: 0.88em;
	margin-top: 0em;
}


/* Start of confirm card details form styles */
.register-confirm-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 17.64em;
	margin-right: 0.4em;
	margin-top: 0em;
}

.register-confirm-form .form-field {
	margin-left: 18.2em;
}
/* End of confirm card details form styles */

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

/* mandatory fields label - used on several registration pages */
/*.mandatory-fields-label { /*already declared previously - April 08*/
	/*text-align: right;
}*/

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



.select-address-postcode {
	position: absolute; 
	margin-left: 14.92em;
	margin-top: 0.4em;
}



/* Start of card details form styles */
.register-card-details-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 16.04em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-card-details-form .info-icon-form {
	cursor: pointer;
	padding-bottom: 0.56em;
	padding-top: 0.8em;
}


.register-card-details-form .inline .label {
	padding-top: 0.88em;
	margin-top: 0em;
}

.register-card-details-confirm-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 16.04em;
	margin-right: 0.4em;
}

/* text input for card number */
.card-number {
	float: left;
	width: 12.03em;
	margin-top: 0.64em;
	margin-right: 0.24em;
}

/* select for year component of start date */
.start-date-year {
	width: 6.09em;
}

/* select for month component of start date */
.start-date-month {
	width: 6.09em;
}

/* select for year component of expiry date */
.expiry-date-year {
	width: 6.09em;
}

/* select for month component of expiry date */
.expiry-date-month {
	width: 6.09em;
}

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

/* text input for cardholders name */
.cardholders-name {
	width: 12.03em;
}

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

/* text input for card nickname */
.card-alias {
	float: left;
	width: 12.03em;
	margin-top: 0.64em;
	margin-right: 0.24em;
	
}

.security-code-image {
	position: absolute;
	margin-left: 20.85em;
	margin-top: 0.48em;
}

.text-below-card-number {
	position: absolute; 
	margin-left: 16.44em;
	margin-top: 2.41em;
}

.text-below-security-number {
	position: absolute; 
	margin-left: 16.44em;
	margin-top: 2.41em;
}

.spacing-below-security-number {
	height: 0em;
}

.card-details-text-right-of-cvv-img {
	position: relative; 
	top: -0.16em;
	margin-left: 3.69em;
}
/* End of card details form styles */



/* Start of address enrty form styles */
.reduced-spacing-bottom {
	padding-bottom: 0em;
}

.reduced-spacing-top {
	padding-top: 0em;
}

.lookup-button-position {
	position: absolute; 
	margin: 0em;
	padding: 0em;
	left: 37.69em;
	top: 32.5em;
}
/* End of address enrty form styles */

/* position of the postcode lookup button */
/*	.lookup-button-position {
		position: absolute; 
		margin-left: 435px; 
		margin-top: 18px;
	}*/



/* register form on the first register page */
.register-start-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 14.43em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-start-form .form-right-column .label {
	width: 6.9em;
}

.register-start-form .form-left-column {
	width: 23.26em;
}

/*.register-start-form .form-right-column { /*already declared above April 08*/
	/*margin-left: 285px; 
	position: absolute; 
	width: 280px;
}*/

.register-start-form .inline .label {
	padding-top: 0.72em;
	margin-top: 0em;
}

.register-start-form .text-above-email {
	padding-top: 0.24em;
	height: 2.09em;
	font-size: 0.8em;
	color: #333;
}

/* Styles for the feedback form */
.register-feedback-form .form-left-column .label {
	float: left;
	text-align: right;
	display: block;
	width: 14.27em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-feedback-form .form-left-column .label-description {
	float: left;
	text-align: right;
	display: block;
	width: 14.27em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-feedback-form .form-right-column {
	position: absolute; 
	margin-left: 32.08em;
}

.register-feedback-form .form-right-column .label {
	float: left;
	text-align: right;
	display: block;
	width: 17.32em;
	margin-right: 0.4em;
	margin-top: 0.32em;
	padding-top: 0em;
}

.register-feedback-form .operator-select {
	width: 10.1em;
}

.register-feedback-form .msisdn {
	width: 9.62em;
}

.register-feedback-form .device-make-and-model {
	width: 9.62em;
}

.register-feedback-form .name {
	width: 16.04em;
}

.register-feedback-form .email-address {
	width: 15.24em;
}

.register-feedback-form .contact-number {
	width: 16.04em;
}

.register-feedback-form .description {
	width: 44.75em;
	height: 12.03em;
}

.register-feedback-form .info-icon {
	vertical-align: top;
	padding-bottom: 0.64em;
	padding-top: 0.32em;
}

#methodOfContact {
	width: 23.26em;
}
/* End of styles for the feedback form */



.leftmargin {
	margin-left: 0.48em;
}

.register-form .note {
	padding: 0.8em 0em 0.8em 0em;
	margin: 0em 0.4em 0em 16.44em;
}

.help-form .label {
	float: left;
	text-align: right;
	display: block;
	width: 15.24em;
	margin-right: 0.4em;
}

.help-form .note {
	padding: 0.8em 0em 0.8em 0em;
	margin: 0em 0.4em 0em 15.64em;
}

.help-form p {
	margin: 0.64em 0em 0em 0em;
}


/* Data Table Styles */
table {
  border-collapse: collapse;
  border-spacing: 0em;
  margin: 0em;
}

table caption {
	font-weight: bold;
	text-align: left;
	margin: 0em;
	padding: 0.4em;
}

table th {
  border-color: #ccccb0;
  border-style: solid;
  background: #c5c5a9;
  text-align: left;
  font-weight: bold;
  margin: 0em;
  padding: 0.4em;
}

table tr {
	margin: 0em;
	border: 0em;
}

table td {
	font-size: 100%;
  	border-color: #ccccb0;
  	background: #fff;
	margin: 0em;
	padding: 0em;
}


/* Card list table styles */
#table-style1 table {
    border-collapse: collapse;
    width: 100%;
	border-width: 0.1em;
	border-spacing: 0em;
	margin: 0.4em 0em 1.2em 0em;
}

#table-style1 table caption {
	font-weight: bold;
	text-align: left;
	margin: 0em;
	padding: 0.4em;
}

#table-style1 table th {
    border-color: #ccccb0;
    border-style: solid;
    background: #c5c5a9;
    text-align: left;
    font-weight: bold;
	border-width: 0.1em;
	margin: 0em;
	padding: 0.4em;
}

#table-style1 table td {
	font-size: 100%;
    border-color: #ccccb0;
    border-style: solid;
    background: #fff;
	border-width: 0.1em;
	margin: 0em;
	padding: 0.4em;
}

/* Miscellaneous styles */
p {
	margin: 0em;
	padding: 0.56em 0em 0.56em 0em;
}

.uppercase {
	text-transform: uppercase;
}

.nowrap {
	white-space: nowrap;
}

img {
	border: 0em;
}

img.left {
	float: left;
	padding: 0em;
	margin: 0em 1.6em 1.6em 0em;
}

img.right {
	float: right;
	padding: 0em;
	margin: 0em 0em 1.6em 1.6em;
}

img.spacing {
	padding: 0em;
	margin: 0em 1.6em 1.6em 0em;
}

img.spacing-right {
	padding: 0em;
	margin-right: 1.6em;
}

embed.spacing {
	float: left;
	padding: 0em;
	margin: 0em 1.6em 1.6em 0em;
}

hr	{ 
	color: #ccc; 
	background-color:#ccc; 
	height: 0.1em;
	margin: 0em;
	margin-top: 0.24em;
	margin-bottom: 0.24em;
	padding: 0em;
	border: 0em;
}

.error {
	color: #ff250a;
	font-weight: bold;
}

.group-errors ul {
	margin-bottom: 0em;
	margin-top: 0em;
}

.small {
	font-size: 0.9em;
	color: #333;
}

.process-title {
	float: left;
	width: 85%;
	margin: 0em;
	padding: 0em;
}

.process-icon {

	display: none;
	float: right;
	margin: 0em;
	padding: 0.8em 0.4em 0.8em 1.2em;
}

.process-details {
	margin: 0em;
	padding: 0em 0em 0em 1.6em;
}


/* Registration process form styles */



/* day select for date of birth */
.dob-day {
	float: left;
	width: 3.37em;
	margin-top: 0.48em;
	margin-right: 0.24em;
}

/* month select for date of birth */
.dob-month {
	float: left;
	width: 3.69em;
	margin-top: 0.48em;
	margin-right: 0.24em;
}

/* year select for date of birth */
.dob-year {
	float: left;
	width: 	4.49em;
	margin-top: 0.48em;
	margin-right: 0.24em;
}

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

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

/* email input text box */
.email-address {
	width: 11.55em;
}

/* HVC entry */
.hvc {
	width: 6.58em;
}

/* text to the right of the HVC input */
.text-right-of-hvc {
	text-align: right; 
	position: absolute; 
	width: 20.05em;
	margin-top: 0.8em;
	margin-left: 20.85em;
}

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

/* text area for list of addresses */
.address-list {
	width: 29.51em;
}

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

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

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

.confirmBox{ 
	position: absolute; 
	margin-left: 8.02em;
	width: 35.53em;
}

.deviceInfo{
	
}

.opServiceID{
	width: 20.05em;
	margin: 0.4em 0em 0.4em 0em;
}

.confirmText{
	
}

.step-wds-text p {
   display: block;
   margin: 0em;
   padding: 0.56em 0em 0.56em 0em;
}

.imageTerms-Conditions {
	position: absolute;
	top: 41.3em;
	margin-left: 50.12em;
}

#card-verification-failed #main-narrow .align-buttons {
	position:relative;
	left: -18.44em;
	width: 43.54em;
}

#card-verification-failed-warning #main-narrow .align-buttons {
	position:relative;
	left: -18.68em;
	width: 43.54em;
}

#registration-complete #main-narrow .right-column {
	top: 3.21em;
}

#enter-hvc #main .right-column {
	position:absolute;
	left: 45.31em;
}

#enter-hvc #main .right-column .preferTalk {
	position:relative;
	left: -1.36em;
}

/* Karen 05/06/2009 - Added to display step one image */
#enter-hvc .reg-page-step-container {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 2.09em 0em;
}
#enter-hvc .step-one {
	float: none;
	position: relative;
	left: 0em;
	top: 2.41em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}
/* END */

#card-verification-service-unavailable .align-buttons {
	/*border:1px solid red;*/
	position:relative;
	left: -18.44em;
	width: 43.54em;
}

#card-verification-service-unavailable main-narrow .align-buttons a.css-buttons {
	/*float:right;*/
}


#registration-startover #main-narrow {
	width: 43.54em;
}

#registration-startover #main-narrow .align-buttons {
	/*background: url(/hsbc/export/sites/default/images/buttons/start_again_button.gif);*/
	background-repeat:no-repeat;
	display:block;
	/* Gray - Buttons troubleshoot */
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
	border: 0em;
}


#registration-startover #main-narrow .align-buttons a.css-button { /*25th april 08*/
	color: #ffffff;
	text-align: center;
	background-color: transparent;
	display: block;

	/* Gray - Buttons troubleshoot */
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
	
	/* Karen 26/03/2009 */
	font-size: 0.1em;
	
	/* Karen 27/03/2009 */
	width: 21.25em; #width: 212.5em; _width: 212.5em;
	height: 3.09em; #height: 30.9em; _height: 30.9em;
}

/* Gray - Buttons troubleshoot */
.align-buttons a.css-button span {
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;

	height: 1.76em;
	width: 7.38em;
	left: 0em;
	
	text-indent : -9999em;
	position : relative;
	font-size : 0em;
}

/*******#registration-startover #main-narrow .align-buttons a.css-button {
	color: #ffffff;
	text-align: center;
	font-size: 1px;
	background-color: transparent;
	display: block;
	width: 95px;
	height: 26px;
	margin:0;
	padding:0;
	cursor:default;
	/*cursor: help;*/

/*********}*/







/*#help-area {
	background: url(/hsbc/export/sites/default/images/buttons/help_butt.gif);
	background-repeat:no-repeat;
	background-position:top center;
	color: #fff;
	background-color: #fff;
	border: 0;
	position:absolute;
	display:block;
	margin-top:80px;
	left:-3px;
	top:150px;
	width:110px;
	height:40px;
	
	}*/
	
#helpFiles {
	padding: 0em 0.8em 0em 0.8em;
}
	
#helpFiles ul {
	list-style:disc;
}
	

p.blackberry {
	/*border:1px solid green;*/
	display:none;
}	


/****.settings-update-form { 25th april 08
	width:100%;
	padding:10px;
	background-color:#dedfde;
	margin-left: -10px;
	margin-top:10px;
}*****/

.setting-updates-form {
	padding: 0em;
	margin: 0em;
}

#registration #get-update-settings #main .left-column .box-top {
	background-color:#dedfde;
	float:left; /*25th april 08*/
	width:100%;
	_margin-top: -3.21em;
	_height: 2.41em;
	#margin-top: -3.21em;
	#height: 4em;
}

#registration #get-update-settings #main .left-column .align-buttons {
	position:relative;/*relative*/
	top: 1.6em;
	left: 1.2em;
}

#registration #get-update-settings #main .left-column {
	height:auto;
}

#registration #get-update-settings #main {
	height: 36.09em;
}

#registration #ota-select-phone #ota-select-phone-make  #main-narrow .align-buttons{ 
	/*2 button bkground 22nd april 08*/
	display:none;
	width: 0em;
	height: 0em;
}

#registration #ota-select-phone #ota-select-phone-make  #main-narrow .align-buttons a.css-button {
	color: #e60000;
	text-align: left;
	background-color: transparent;
	display: block;
	font-size: 0.1em;
	width: 9.62em;
	padding: 0em;
}


#registration #ota-select-phone #ota-select-phone-model  #main-narrow .align-buttons{ /*2 button bkground 22nd april 08*/
	/* Karen 30/03/2009 - Remove repeating buttons in background *//*background: url(/hsbc/export/sites/default/images/buttons/bk_model_buttons.gif);*/
	background-repeat:no-repeat;
	position:relative;
	height: 8.03em;
	margin-left: 0em;
	left: -22.85em;
}

#registration #ota-select-phone #ota-select-phone-model  #main-narrow .align-buttons a.css-button {
color: #ffffff;
	text-align: center;
	background-color: transparent;
	display: block;
	/* Karen 26/03/2009 */
	font-size: 0.1em;
	width: 8.03em;
	padding: 0em;
}

#registration #enter-hvc #help-area .align-buttons #help-button .image-button {
	/*background: url(/hsbc/export/sites/default/images/buttons/contact_us_button.gif);*/
	position:absolute;
	top: 28.31em;
	left: -19.27em;
}

/*#card-verification-error #card-verification-service-unavailable #main-narrow .align-buttons {
	background: url(/hsbc/export/sites/default/images/buttons/contact_us_button.gif);
	background-repeat:no-repeat;
	border:1px solid green;
}*/

#contactButt {
	/*background: url(/hsbc/export/sites/default/images/buttons/contact_us_button.gif);
	background-repeat:no-repeat;
	/*background-position:top center;*/
	position:relative;
	border:1em solid #fff;
	width: 7.38em;
	height: 1.76em;
	/* Karen 27/03/2009 */
	top: 1em; #top: 13.23em; _top: 13.23em;
	left: 30em; #left: -16.04em; _left: -16.04em;
}

#registration #ota-phone-settings #main .left-column .align-buttons {
	position:relative;
	top: -4em;
}

.securityFirst-text {
	position:absolute;
	/* Added by Gray - 26th Feb 2009 - HSBC Monilink Webring site Screens.doc - Screenshot 7 */
	padding : 2px 2px 2px 2px;
	border : 1px solid #CCCCCC;
	/* End */
	
	font-size:78%;
	/* Karen 27/03/2009 */
	left: 61.69em;
	top: 43.18em;
	width: 16.96em;
	padding: 0.21em 0.21em 0.21em 0.21em;
	border: 0.13em solid #CCCCCC;
}

#enter-card #main .securityFirst-text ul {
	list-style-type:disc;
}

#main-narrow .left-column ul {
	list-style:disc;
}

#confirm-phone-details #main .left-column .align-buttons {
	position:absolute;
	top: 30.47em;
	left: 40.1em;
}

#confirm-phone-details #main {
	height:auto;
}

#confirm-phone-details #main .left-column {
	height: 26.46em;
}

#registration #enter-hvc #main .reg-page-step-container .step-text-boxed {
	background-color:#dedfde;
}

#enter-hvc .step-four {
	display:none;
}

#download .step-one {
	position: absolute;
	left: 0.8em;
	top: 20.5em;
	_position: relative; _left: 0em; _top: 2em;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
}

#download .step-text-boxed {
	background-color:#dedfde;
}

#download .reg-page-step-container {
	padding-bottom: 0.64em;
}

#get-update-settings #main .left-column .group-errors {
	float:left;
}

/*quick fix for feedbackFormNoPopup*/


#registration #feedback-form #feedbackPopup .left-column{width:100%;}

#registration #feedback-form #feedbackPopup .register-feedback-form {padding-top: 6.42em; }

#registration #feedback-form #feedbackPopup .register-feedback-form .box-top
{clear:both;}

#registration #feedback-form #infoPopupTop1 p {display:block;}



/* fix for help button B10 */


#registration #get-update-settings #help-area .align-buttons #help-button a {
	position:relative;
	z-index:1;
	height: 4.49em; _height: 4.81em; #height: 4.81em;
	width: 10.26em; _width: 10.43em; #width: 10.43em;
	left: 0em;
	top: -0.88em;
}

#registration #get-update-settings #help-area .align-buttons #help-button i{
	display:none;
}

#registration #get-update-settings #help-area .align-buttons #help-button span{
	display:none;
}

/*end fix*/

/*profilestable*/

#profilestable{ 
	display:block;	
	margin: 0em;
	padding: 0em;
	width: 32.08em;
	height: 12.03em;
}
#profilestable p {display:block;}
#profilestable label{float:left; width: 11.23em;}
#profilestable span{} 
#profilestable span span{display:inline;width:50%;float:right;}

/*end */

/*#registration #get-update-settings .box-top {_margin-top:-25px;_height:40px;#margin-top:-25px;#height:40px;}*/

/* fix for Update mobile phone settings radio buttons screen positioning*/

#registration #get-update-settings .box-top .settings-update-form div p {
	margin-top: 5em; _margin-top: 0em; #margin-top: 1.5em;
}

/*#registration #get-update-settings .box-top {height:170px; _margin-top:-25px; _height:35px; #margin-top:-15px; #height:30px;}*/
#registration #get-update-settings #main-narrow .box-top .settings-update-form .checkbox-text { 
	position:absolute; 
	top: -2.41em;
	left: -0.1em;
}
#registration #get-update-settings .box-top .settings-update-form div{ 
	#padding-top: 0.72em;
	#margin-top: 0.8em;
}

#registration #get-update-settings .box-top {
	height: 5.61em; #height: 5.1em; _height: 6.42em;
	margin-top: 10.02em; #margin-top: -3.37em; _margin-top: -1.76em;
}

#faq-list ol {
	padding: 1.6em;
}

/* Added by Gray - 27th Feb 2009 - HSBC-FD Monilink_V13_DefectLog_updated Feb 09.xls - Screenshot 5 */
/*
.align-buttons .submit-image-button {
position : relative;
top : -25px;
}
*/
/* End */



/* 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 1em;
padding : 0em 0em 0em 0em;
}
ol li {
/*border : 1px solid blue;*/
margin : 0em 0em 0em 1em;
padding : 0em 0em 0em 0em;
}


#faq-list ol {
	padding: 0em 1.6em 0em 0em;
}

/* End */




/* Added by Gray - 27th Feb 2009 - HSBC-FD Monilink_V13_DefectLog_updated Feb 09.xls - Screenshot 34 */
.register-start-form .operator-select {
	width: 12.43em;
}

.register-start-form .dob-month {
	width: 4.41em;
}

/* End */

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

/* CONTINUE: B1, B1.1, B1.2, B1.3, B1.3A, B1.4 */
#StartContinue img,
#EnterHVCContinue img,
#enterCardContinue img,
#enterAddressContinue img,
#SelectAddressContinue img,
#downloadSubmit img,
#GetUpdateSettingsContinue img,
#confirmPhoneDetailsContinue img {
	width : 4.25em;
	height : 1.76em;
}
#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;
}

/* CONTINUE: /help/ota/confirmPhoneDetails.html, /help/ota/phoneSettings.html */
#confirmPhoneDetailsContinue img,
#ota-phone-settings-help #main .left-column .align-buttons .button-no-1 img {
	width: 6.17em;
	height: 1.76em;
}

/* CONTINUE: /help/ota/otaSettings.html */
#enter-msisdn #StartContinue img {
	width: 6.17em;
	height: 1.76em;
}

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

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

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

/* LOOK UP: B1.3 */
#enterAddressLookup img {
	width : 5.93em;
	height : 1.76em;
}
#enterAddressLookup .button-text {
	display : none;
}

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

/* 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.10em;
	height : 1.76em;
}

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

/* CONTACT US and RETRY: B1.4D */
#contactButt {
	background-color : transparent;
	border : 0em none;
	top : 1.75em;
}
#contactusbutton {
	position : relative;
	left : 30em;
	top : 2em;
}
#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 : 0em;
	#top : 0em;
	_top : 0em;
	left : 0em;
}
#card-verification-error #card-verification-service-unavailable .align-buttons .button-no-2 img {
	width : 4.65em;
	height : 1.76em;
}

/* 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 : 3.85em;
	height : 1.76em;
}
#already-member .align-buttons .button-no-2 img,
#registration #download .align-buttons .button-no-2 img,
.hideForNoScript .button-no-2 img {
	width : 3.37em;
	height : 1.76em;
}
.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 : 4.81em;
	height : 1.76em;
}

/* 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 : 13.95em;
	height : 1.76em;
}

/* 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 : 6.17em;
	height : 1.76em;
}
#ota-select-phone-model .align-buttons .button-no-1 img {
	width : 6.17em;
	height : 2.09em;
}
#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 : 10.59em;
	height : 2.09em;
}

/* GO BACK : /help/ota/otaSelectPhoneModel.html */
#ota-select-phone-model-help #main-narrow .align-buttons .button-no-1 img {
	width: 6.17em;
	height: 1.76em;
}

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

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

/* CONTACT US : B13A, /help/ota/modelNotListed.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 : 7.38em;
	height : 1.76em;
}

/* CONTACT US : /help/customerSupport/getInTouchView.html */
#contactUsSubmit img {
	width: 5.45em;
	height: 1.76em;
}

/* NEXT: B13A, B14 */

#registration #model-not-listed .align-buttons .button-no-2 img,
#registration #ota-phone-settings .align-buttons .button-no-1 img {
	width : 4.25em;
	height : 1.76em;
}

/* CHANGE PHONE: B15 */
.changePhoneButton img {
	width : 8.98em;
	height : 1.68em;
}
.changePhoneButton .button-text {
	display : none;
}

/* GO BACK: /help/mobilePhoneHelp/mobilePhoneHelpView.html, /help/mobilePhoneHelp/chooseHandsetView.html, /help/mobilePhoneHelp/handsetAssistanceView.html,
/help/ota/otaSelectPhoneMake.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 {
	width: 6.17em;
	height: 1.76em;
}
#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/modelNotListed.html */
#model-not-listed-help #main .left-column .align-buttons .button-no-2 img {
	width: 4.81em;
	height: 1.76em;
}


/* Help with this page */
#help-area {
	top : 12.00em;
	left : 48.50em;
}
#help-area .align-buttons #help-button img {
	/*
	width : 103.45em;
	height : 45.71em;
	*/
	width : 10.34em;
	height : 4.57em;
}
#registration #enter-hvc #help-area .align-buttons #help-button .button-no-2 {
	top : 0em;
	left : 0em;
}


/* Feedback form work */
#registration #feedback-form #main #feedbackPopup .register-feedback-form {
	#padding-top : 0em;
	_padding-top : 0em;
	#margin-top : 0em;
	_margin-top : 0em;
}
#registration #feedback-form #main #feedbackPopup .form-left-column {
	/*background-color : yellow; */ /* firefox */
	/*#background-color : yellow; */ /* ie7 */
	/*_background-color : yellow; */ /* ie6 */	
	float : left;
	position : relative;
	left : -0.5em;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}
#registration #feedback-form #main #feedbackPopup .form-right-column-narrow {
	/*background-color : green; */ /* firefox */
	/*#background-color : green; */ /* ie7 */
	/*_background-color : green; */ /* ie6 */	
	float : right;
	position : relative;
	top : -3em;
	left : 0em;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

#registration #feedback-form #main #feedbackPopup .feedback-form-mobile-number {
	position : relative;
	top : 0em;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}
#registration #feedback-form #main #feedbackPopup .feedback-form-mobile-number .label {
	position : relative;
	left : -1.5em;
}
#registration #feedback-form #main #feedbackPopup .feedback-form-mobile-network {
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
	text-align : right;
}
#registration #feedback-form #main #feedbackPopup .feedback-form-mobile-network .label {
	position : relative;
	left : 1.5em;
}
#registration #feedback-form #main #feedbackPopup .form-right-column-narrow .label-wide {
	position : absolute;
	top : 3.2em;
	left : -4.8em;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}
#registration #feedback-form #main #feedbackPopup .form-right-column-narrow #deviceMakeAndModel {
	position : absolute;
	top : 3.2em;
	left : 13.5em;
	padding : 0em 0em 0em 0em;
	margin : 0em 0em 0em 0em;
}

/* Added 28/08/2009 - B15, fix button position regardless of phone image availability on page. */
/* Also requires left-column to have a minimum height so that the footer does not move above button */
#confirm-phone-details #main-narrow .left-column #confirmPhoneDetailsContinue img {
	position: absolute;
	top: 36em;
	left: 40.1em;
}
#confirm-phone-details #main-narrow .left-column {
	min-height: 21em;
}
/* END B15 Fix */

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

/* Karen 09/11/2009 - Move submit button to the left */
#contact-us .align-buttons {
	float: left;
}