/* 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(/monitiseus/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(/monitiseus/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(/monitiseus/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(/monitiseus/export/sites/default/images/registration/bullet.gif) no-repeat;
	}

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

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

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

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

	/* step number six icon */
	.step-six {
		background: url(/monitiseus/export/sites/default/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;
	}

	/* 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-input input {
		width: 60px;
	}
	
	#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 main page layout */

/*
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ 
	margin: 0; 
	padding: 0; 
}
*/

h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input
{ 
	margin: 0; 
	padding: 0; 
}

a img,:link img,:visited img { border: none; } 
a {text-decoration: none; color: #000}
img {border: none};
a:hover{text-decoration: underline;}

body
{
  margin: 0;
  padding: 12px 24px 24px 24px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #fffffff;
  font-size: 16px; 
  line-height: 18px; 
  color: #2f2e2e;
}

h1 { font-size: 32px; color: #ffc20e; margin-bottom: 12px;}
h2 { font-size: 1.3em; color: darkgray; margin-top: 1.2em; }
h3 { font-size: 1.3em; color: darkgray; margin-top: .5em}
h4 { font-size: 1.28em; }
h5 { font-size: 1.17em; }
h6 { font-size: 1.07em; }

/*
#user-guide p {
	padding-bottom: .6em;
}
*/

#header {
	background: url(/monitiseus/export/sites/default/images/assets/header.jpg) no-repeat;
	width: 864px;
	height: 91px;
	margin-bottom: 12px;	
}

#footer {
	background: url(/monitiseus/export/sites/default/images/assets/footer_bar.jpg) no-repeat;
	width: 864px;
	height: 34px;
	font-size: 11px;
}

#footer a
{
 	font-family: Arial, Helvetica, sans-serif;
  	font-size: 11px;
  	font-weight: normal;
  	text-decoration: none;
  	color: #2F2E2E;
}

/*
#footer .email_contact {
	background: url(/monitiseus/export/sites/default/images/assets/email.gif) no-repeat left -1px;
	padding-left: 20px;
}
*/

#footer a:link    { color: #2F2E2E; font-weight: normal; }
#footer a:visited { color: #2F2E2E; font-weight: normal; }
#footer a:focus   { color: #2F2E2E; font-weight: normal; }
#footer a:active  { color: #2F2E2E; font-weight: normal; }
#footer a:hover   { color: #2F2E2E; font-weight: normal; text-decoration: underline;}

#footer ul { list-style-type: none; padding-top: 9px}
#footer ul li {display: inline; padding-left: 26px;}
#footer ul li.copy {color: #666; padding-left: 16px;}	


#registration-start .box-top {
	border-style: none; 
 	padding: 7px 0 0 0;
 	border: 0px;
/*	background: url(/monitiseus/export/sites/default/images/registration/form_top.gif) no-repeat top left; */
	background: url(/monitiseus/export/sites/default/images/assets/form_top.gif) no-repeat top left;
}

#registration-start .box-bot {
 	border-style: none;
	padding: 0;
	background: url(/monitiseus/export/sites/default/images/assets/form_bottom.gif) no-repeat bottom left;
	height: 12px; 
}

#registration-start .shadowedBox {
	width: 560px;	
	height: 100%;
 	background: #EBEBEB;
	padding-right: 15px;
	padding-bottom: 5px;
}

#registration-enter-fi .left-column {
   width: 577px;
}

#registration-enter-fi .box-top {
	border-style: none; 
 	padding: 7px 0 0 0; 
	background: url(/monitiseus/export/sites/default/images/assets/form_top.gif) no-repeat top left;
}

/*
#registration-enter-fi .box-bot {
 	border-style: none;
	border: 1px dashed blue;
	padding-left: 15px;
	background: url(/monitiseus/export/sites/default/images/assets/form_bottom.gif) no-repeat bottom left;
	height: 12px; 
}
*/

#registration-enter-fi .shadowedBox {
	width: 560px;	
	height: 100%;
	padding-left: 15px;
 	background: #EBEBEB;
	border-style: none; 
}

#registration-enter-fi .floatLeft-element
{
	width: 250px;
}

/* ------------------------------------------------------- */

#container {
 	margin: 12px auto; 
/*	margin: 5em auto; */
	width: 864px;
}
	

#content-frame {
	border: 0.09em none blue; 
/*		border: none; */
		margin: 0 auto;
/*		width: 63.85em; */
}
	
#header img {
/*		margin: 1.51em 0 0 0.41em; */
}
	

img {
	border: 0;
	padding: 0;
}
	
hr {
	color: #999999;
	background-color: #999999;
}

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

/*
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
	color: #000000;
}
	
h1 {
	border: 0;
	font-weight: normal;
}
		
h2 { font-size: 1.3em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.28em; }
h5 { font-size: 1.17em; }
h6 { font-size: 1.07em; }
*/
/* ------------------------------------------ */

	
/* main footer style 

#footer {
	background: url(/monitiseus/info/images/footer_bar.jpg) no-repeat;
	background: transparent;
	border: none;
}
	 
#footer #footer-band {
	background: transparent;
	padding: 0 4.96em 0 0;
	height: 1.19em;
	margin-top: 0.41em;
}
	
#footer ul {
	color: #000000;
}

#footer ul li {
	border-left: 0.09em solid #000000;
	padding: 0 0.23em 0 0.41em;
}

#footer ul li.first {
	border-left: 0;
}

#footer a:link 		{ color: #000000; font-weight: normal; text-decoration: none; }
#footer a:visited 	{ color: #000000; font-weight: normal; text-decoration: none; }
#footer a:hover 	{ color: #000000; font-weight: normal; text-decoration: none; }
#foter a:focus		{ color: #000000; font-weight: normal; text-decoration: none; }
#footer a:active	{ color: #000000; font-weight: normal; text-decoration: none; }

end of footer styles */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* start of breadcrumb trail styles */

#breadcrumb {
	color: #000000;
	font-size: 1.07em;
}
	
#breadcrumb a:link 		{ color: #000000; font-weight: normal; text-decoration: underline; }
#breadcrumb a:visited 	{ color: #000000; font-weight: normal; text-decoration: underline; }
#breadcrumb a:hover 	{ color: #000000; font-weight: normal; text-decoration: underline; }
#breadcrumb a:focus 	{ color: #000000; font-weight: normal; text-decoration: underline; }
#breadcrumb a:active 	{ color: #000000; font-weight: normal; text-decoration: underline; }

/* end of breadcrumb trail styles */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* start of main 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 {
	padding: 0.41em 0 0 0;
	margin: 0.41em 0 0.41em 0;
	font-size: 1.39em;
	font-weight: bold;
}
	
.action-link {
	background: url(/monitiseus/export/sites/default/images/buttons/btn_sitemap_arrow.gif) 0 0 no-repeat;
	padding: 0 0.41em 0 1.6em;	
}
	
.arrow-link {
	background-position: 0 0;	
}

.arrow-link.down {
	background-position: 0 0;	
}


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

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


/* end of main link styles */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* start of registration process styles */
	
legend {
	font-weight: bold;
	display: none;	
}
	
	
#registration .mandatory-fields-label {
	text-align: right;
}
	
#registration .step-text-boxed {
	background: #E6E6E6;
	border: 0.09em dashed #000000; 
	padding: 5px;
}
	
#enter-hvc .HVC-box-top {
	background: #E6E6E6;
	border: 0.09em solid #000000;
	padding: 0.55em;
	margin-left: 4em;
}
	

.error {
	color: #000000;
	font-weight: bold;
}
	
#feedback-form textarea {
	font-size: 1.17em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

/* end of registration process styles */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* start of boxed content styles */


.box-top {
	background: #ffffff;
	border: 0.09em solid #000000; 
	padding: 0.55em;
}

.box-top .tmb-start-form, .mandatory-fields-label {background: #E6E6E6;}
.box-top .register-enter-dd-amounts-form {background: #E6E6E6;}
.box-top .register-card-details-form {background: #E6E6E6;}

.box-top hr {
	color: #EBEBEB;
	background: transparent;
}
	
.box-bot {
	background: transparent;
}
	
.info-box-top {
	background: #ffffff;
	border: 0.09em solid #000000;
	width: 13.6em;
}
	
.info-box-top ul {
	margin-bottom: 0;
	padding: 0.41em 2.01em 0.41em 0.55em;
}
	
.info-box-top h2 {
	background: transparent;
	border-bottom: 0.09em solid #000000;
}
	
.info-box-bot {
	background: transparent;
	width: 13.6em;
}
	
#registration .large-text-boxed {
	background: #ffffff;
	border: 0.09em solid #000000;
	fon-size: 1.3em;
	font-weight: bold;
}
	
#registration .boxed-text {
	border: 0.09em solid #000000;
	background: #ffffff;
}

#registration-complete-tmb .boxed-text {
	border: 0.09em solid #000000;
	background: #E6E6E6;
	padding: 5px;
	margin-bottom: 5px;
}

/* end of boxed content styles */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* start of select model and make styles */

.make-box-first,.make-box {
	border: 0.09em solid #000000;
	background: #ffffff;
}
	
.make-box-first p,.make-box p {
	background: #ffffff;
	color: #000000;
}
	
.handset-images .image {
	border: 0.09em solid #000000;
	background: #ffffff;
}

/* end of select model and make styles */
/* ------------------------------------------ */

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

	
#registration .info-popup-text {
	background: #ffffff;
	border: 0.09em solid #000000;
	text-align: center;
}
	
#registration .info-popup-bottom {
	background-image: url(/monitiseus/export/sites/default/images/registration/speech-bubble.gif);
}
	
#registration .info-popup-text a.close-link:link	{ color: #000000; text-decoration: none; font-weight: bold; }
#registration .info-popup-text a.close-link:visited	{ color: #000000; text-decoration: none; font-weight: bold; }
#registration .info-popup-text a.close-link:hover	{ color: #000000; text-decoration: none; font-weight: bold; }
#registration .info-popup-text a.close-link:focus	{ color: #000000; text-decoration: none; font-weight: bold; }
#registration .info-popup-text a.close-link:active	{ color: #000000; text-decoration: none; font-weight: bold; }
	
#registration .info-icon, #registration .info-icon-form {
	cursor: pointer;
}

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

/* ------------------------------------------ */

/*
#contact-form .msisdn {
	width: 16.0em;
	margin-top: 8.72em;
}
	
#contact-form .label-msisdn {
	margin-top: 8.96em;
}
*/

/* ------------------------------------------ */

/* ------------------------------------------ */
/* Start of confirm phone details styles */

#confirm-phone-details .changePhoneButton {
	margin-left: 28.0em;
	margin-top: 1.6em;
	left: 0.0em;
	top: 0.0em;
}

/* End of confirm phone details styles */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* Start of changes to initial reg page. Placed in main.css to keep master.css backwards compatible */

#registration-start .register-start-form .confirm-checkbox label {
	margin-left: 16.41em;
	margin-left: 2em;
}

#registration-start .register-start-form .confirm-checkbox label input {
	margin-left: 0.0em;
	width: 1.05em;
}

#registration-start .register-start-form .checkbox-text {
	width: 40em;
}

#registration-start .register-start-form .label {
    width: 16.0em;
}

/*

#registration-start .register-start-form .confirm-checkbox label {
	margin-left: 16.41em;
}

#registration-start .register-start-form .confirm-checkbox label input {
	margin-left: 1.5em;
	width: .2em;
}

*/

#registration-start .register-start-form .operator-select {
	width: 15em;
}

.mobile-number
{
	width: 11em;
}

#registration-start .register-start-form .mobile-number {
	width: 11em;
}

#registration-start .register-start-form .email-address {
	width: 20em;
}

/*

#registration-start .register-start-form .checkbox-text {
	width: 26.8em;
}

#registration-start .register-start-form .vertical-space {
	height: 0.0em;
}

*/

/* End of changes to initial reg page */
/* ------------------------------------------ */

/* End of changes to enter card details page */
/* ------------------------------------------ */

#enter-card-tmb .box-top {
	margin-left: 4.0em;
}

#enter-card-tmb .alias-info-icon {
	visibility: hidden;
	display: none;
}

#enter-card-tmb .alert-weekly-info-icon {
	visibility: hidden;
	display: none;	
}

#enter-card-tmb .boxed-text {
	margin-top: 0.64em;
}

#enter-card .weekly-alert {
	margin: 0;
	padding: 0.55em 0 0.8em 0;
}

/* End of changes to enter card details page */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* Start of button sizing styles */

.button-go span {padding-left: 2.4em;}
.button-gox img {width: 4em;}
.button-text span {padding-left: 1.2em;}

.button-yes img {width: 4em;}
.button-no img {width: 4em;}
.button-no span {padding-left: 1.5em;}
.button-edit-details span {padding-left: 0.8em;}
.button-activate-alerts span {padding-left: 1.1em;}
.button-activate-alerts img {width: 8.79em;}
.button-register-another-card span {padding-left: 2.5em;}
.button-register-another-card img {width: 15.25em;}
.button-check-and-retry span {padding-left: 0.8em;}
.button-check-and-retry img {width: 8.79em;}
.button-retry span {padding-left: 2em;}
.button-add-new-card span {padding-left: 1.2em;}
.button-add-new-card img {width: 8.79em;}
.button-logout span {padding-left: 1.6em;}
.button-change span {padding-left: 1.45em;}
.button-stop img {width: 4em;}
.button-stop span {	padding-left: 1em;}
.button-activate span {padding-left: 1.3em;}
.button-update span {padding-left: 1.6em;}
.button-exit span {	padding-left: 1.15em;}
.button-exit img {width: 4em;}
.button-activate-now img {width: 8.79em;}
.button-activate-now span {	padding-left: 1.4em;}
.button-get-product-now span {padding-left: 3.6em;}
.button-get-product-now img {width: 15.25em;}
.button-back span {	padding-left: 0.85em;}
.button-back img {width: 4em;}
.button-submit span {padding-left: 1.4em;}
.button-close span {padding-left: 0.75em;}
.button-close img {width: 4em;}
.button-register span {padding-left: 1.3em;}
.button-change-financial-institution span {padding-left: 1.35em;}
.button-change-financial-institution img {width: 15.25em;}
.button-start-again span {padding-left: 0.7em;}
.button-manufacturer-not-listed span {padding-left: 2.3em;}
.button-manufacturer-not-listed img {width: 15.25em;}
.button-mobile-not-listed span {padding-left: 0.7em;}
.button-mobile-not-listed img {width: 8.79em;}


/*
.dob-day {width: 4.36em;}
.dob-month {width: 5.24em;}
.dob-year {width: 5.48em;}
*/

#enter-card-tmb .alias-info-icon {
	visibility: hidden;
	display: none;
}

#enter-card-tmb .alert-weekly-info-icon {
	visibility: hidden;
	display: none;	
}

#enter-card-tmb .boxed-text {
	margin-top: 8px;
}

#enter-card .weekly-alert {
	margin: 0;
	padding: 7px 0 10px 0;
}

/* End of changes to enter card details page */
	
	
.dob-month {width: 53px;}	
.dob-day {width: 43px;}	
.dob-year {width: 60px;}

/* End of button sizing styles */
/* ------------------------------------------ */

/* links on text buttons */
.align-buttons a:link, .align-buttons-left a:link, .align-buttons-none a:link		{ text-decoration: noe; }
.align-buttons a:visited, .align-buttons-left a:visited, .align-buttons-none a:visited	{ 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; }
.align-buttons a:hover, .align-buttons-left a:hover, .align-buttons-none a:hover	{ text-decoration: none; }

.align-buttons {
	float: right;
}

/* This overrides master.css to fix issues with Safari & Chrome */
.align-buttons a {
	margin-left: 0em;
}

.image-button, .button {
	font-size: 1.0em;
	font-weight: normal;
}		

.image-button {
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	cursor: pointer;
}


.image-button img {
	width: auto;
	height: auto;
}

.button-text:hover { color: #FFF; }

.button-text
{
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/* ------------------------------------------ */

#navigation {
  text-align: right;
  background: url(/monitiseus/export/sites/default/images/assets/nav-bg.gif) no-repeat 1px 0; /*-- look at why I need 1px right --*/
  height: 35px;
  width: 864px;
  margin-bottom: 12px;
  overflow: hidden;
  overflow: visible;
/*  position: absolute; */
/*  border: 1px solid white;  */
}

#navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#navigation ul li {
  padding: 0;
  margin: 0;
  float: left;

  margin: 0 -12px 0 -12px; 
/*  border: 1px dashed white */
}


#navigation ul li.firstItem,
#navigation ul li.firstItemCurrent
{
  margin-left: 0;
}


#navigation .disabledLink, 
#navigation ul li a
{
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 0 0px;
  position: relative;
  width: auto;
  height: 35px;
  float: left;

/*  border: 1px dashed white;  */
}

#navigation .disabledLink, 
#navigation ul li a div div
{
  padding-top: 8px;
}

#navigation .disabledLink {
  color: #BBBBBB;
}

#navigation .disabledLink,
#navigation ul li a div
{	
  text-align: center;
  height: 35px;
}

#navigation ul li a div#homeLink em {
  font-style: normal;
}

#navigation ul li a div#homeLink em
{
  background:url(/monitiseus/export/sites/default/images/assets/home.gif) no-repeat left;
  padding-left: 29px; 
}

#navigation ul li:hover a div#homeLink em
{
  background:url(/monitiseus/export/sites/default/images/assets/home-hover.gif) no-repeat left; 
}

#navigation ul li:hover a 
{
  background: url(/monitiseus/export/sites/default/images/assets/nav-hover-right.gif) no-repeat 100%;
}

#navigation ul li:hover a div 
{
 /*-- the text label is inside the div --*/
  color: #000;
}

#navigation ul li:hover a div#supportLink,
#navigation ul li:hover a div#registerLink,
#navigation ul li:hover a div#manageLink
{
  background: url(/monitiseus/export/sites/default/images/assets/nav-hover-left.gif) no-repeat top left;
}

#navigation ul li:hover a div#homeLink
{
  background: url(/monitiseus/export/sites/default/images/assets/nav-hover-left2.gif) no-repeat top left;
}

.contact-form {
  color: #2F2E2E;  
}		

#device_list ul {
    width: 700px;
    list-style-type:disc;
}

#device_list li {
    width:180px;
    margin:10px 0 0 0;
    padding:0 5px 0 0;
    line-height:5px;
    float:left;
}