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

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

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

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

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

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



/* Ulsterbank register css */

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

.ulsterlogo{
	margin-left: 1.12em;
}

/* Contains all body content */ 
#container {
	text-align: left;
	width: 62.15em;
	margin: 0em;
	padding: 0em;
}

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

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

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

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

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

.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: #4a497b; text-decoration: none; font-weight: bold; padding-top: 0.4em;}
.info-popup-text a.close-link:visited { color: #4a497b; text-decoration: none; font-weight: bold; padding-top: 0.4em;}
.info-popup-text a.close-link:hover   { color: #4a497b; text-decoration: none; font-weight: bold; padding-top: 0.4em;}
.info-popup-text a.close-link:focus	  { color: #4a497b; text-decoration: none; font-weight: bold; padding-top: 0.4em;}
.info-popup-text a.close-link:active  { color: #4a497b; text-decoration: none; font-weight: bold; padding-top: 0.4em;}



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

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

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

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

/* step number four icon */
.step-four {
	background: url(/ulster/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; 
	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: #eff3f7;
	width: 40.98em;
	margin-left: 4em;
	margin-top: 0em;
	margin-bottom: 0.48em;
	padding: 0em 0.56em 0em 0.56em;
}

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


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


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

/* Boxes a section of content */
.boxed-text {
	background: #eff3f7;
	/*background: #efefef;*/
	margin-top: 0.32em;
	margin-bottom: 0.32em;
	padding-left: 0.56em;
	padding-right: 0.56em;
}

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

.info-box-top {
	background: url(/ulster/info/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(/ulster/info/images/info_box_bottom.gif) no-repeat;
	padding: 0em;
	margin: 0em;
	height: 0.56em;
}

/* Header styles */
#header {
	background-color: #002A66;
	width: 62.15em;
	height: 5.53em;
}

#header #ulster-img { 
	float: left; 
	margin-top: 1.6em;
	margin-left: 0.56em;
}

#header #ulster-strapline-img { 
	float: left;
	margin-top: 2.41em;
}


/* Main site navigation */
#navigation {
	background-color: #7794B2;
	width: 100%;
	clear: left;
	height: 2em;
	margin-bottom: 0em;
}

#navigation-footer {
}

#navigation-links {
}

#navigation ul {
	margin: 0em;
	padding: 0em;
}

#navigation ul li.first {
	border-left: none;
}

#navigation ul li {
	list-style: none;
	float: left;
	text-align: center;
	border-left: none;
	margin: 0em;
	padding: 0em 0em 0em 0em;
}

#navigation ul li.firstcurrent {
	border-left: none;
}

#navigation ul li.current {
	font-weight: bold;
}
	
#navigation a:link { }
#navigation a:visited { }
#navigation a:hover { }
#navigation a:focus { }
#navigation a:active { }

#navigation a.current:link { }
#navigation a.current:visited { }
#navigation a.current:hover { }
#navigation a.current:focus { }
#navigation a.current:active { }


#navigation ul li a
{
	float: left;
	display: block;
	text-decoration: none;
	/*text-transform: lowercase;*/
	color: white;
	font-size: 1em;
	vertical-align: 50%;
	padding: 0em 1.2em 0em 1.2em;
	margin: 0em;
	border-left: 0.1em solid #fff;
	height: 1.12em;
	margin-top: 0.4em;
	line-height: 1.12em;
}

#navigation ul li a:hover
{
	text-decoration: underline;
}

#navigation ul li.firstItemCurrent a
{
	border-left: none;
}

#navigation-links ul li.firstItem a {
	border-left: none;
}


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

#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: #E5E9EF;
	margin: 0em;
	padding: 0.56em;
	border: 0.1em solid #002A66;
}	

.HVC-box-top {
	/*background: #e7ebf7;*/
	/*font-size: 0.76em;*/
	background: #eff3f7;
	width: 40.98em;
	margin-left: 4em;
	margin-top: 0em;
	margin-bottom: 0.48em;
	padding: 0em 0.54em 0em 0.54em;
	border: 0.1em solid #333366;
}

.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 #949ec6;
	margin: 0em 0em 1.6em 0em;
	padding: 0em;
}

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

.make-box-first p {
	text-align: center;
	background: #949ec6;
	color: #fff;
	width: 7.7em;
	margin: 0em;
	padding: 0.16em;
}

.make-box p {
	text-align: center;
	background: #949ec6;
	color: #fff;
	width: 7.7em;
	margin: 0em;
	padding: 0.16em;	
}

#ota-select-phone-make-help .make-box-first,
#ota-select-phone-make-help .make-box {
	height: 8em;
}
#ota-select-phone-make-help .make-box-first p,
#ota-select-phone-make-help .make-box p {
	margin-top: 6.4em;
}
#ota-select-phone-model-help .make-box-first p,
#ota-select-phone-model-help .make-box p {
	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 0em;
	margin: 0em;
}

#footer ul {
	float: left;
	display: inline;
	margin: 0em;
	padding-top: 0.48em;
	padding-left: 0em;
}

#footer #footer-band {
	background-color: white;
	height: 2.09em;
	padding: 1.28em 0em 0em 0em;
}

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

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

#footer img {
	float: right;
	position:relative;
	top: 0em;
}
/* End of footer */


/* Headers */
h1 {
	color:#002A66;
	font-size:1.7em;
	/*line-height:1.5em;*/
	/* Karen 03/04/2009 - FONT SIZE  1.7em */
	margin: 0.57em 0em 0.57em 0em;
	/* Karen 06/04/2009 */
	line-height: 1.2em;
}

h2 {
	color: #000;
	font-size: 1.2em;
	/*line-height:1.3em;*/
	
	/* Karen 03/04/2009 - FONT SIZE  1.2em */
	margin: 0.67em 0em 0.67em;
}

h3 {
	color: #4a497b;
	font-size:1.2em;
	line-height:1.4em;
	
	/* Karen 03/04/2009 - FONT SIZE  1.2em */
	margin: 1em 0em 1.33em;
}

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

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

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

p {
	font-size: 1em;
	/*line-height: 1.3em;*/
	margin: 0em 1.2em 0.88em 0.24em;
}


/* Main link style */

a {
	font-size:1em;
	/*line-height:1.2em;*/
}

a:link 		{ color: #0071BC; }
a:visited 	{ color: #0071BC; }
a:hover, a:focus	{ color: #0071BC; text-decoration: underline; }
a:active 	{ color: #0071BC; text-decoration: underline; }

/* Button/Arrowed link styles */
/* action, action-footer and action-link are used by feature links */
.action {
	font-weight: bold;
	background: url(/ulster/export/sites/default/images/button_arrow.gif) no-repeat top left;
	color: #36c !important;
	text-decoration: none;
	/*font-size: 1.1em;*/
	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(/ulster/export/sites/default/images/button_arrow.gif) 0.4em 0em 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;
	color: #36c !important;
	text-decoration: none;
	padding: 0em 0em 0em 1.6em;
	background: url(/ulster/export/sites/default/images/button_arrow_down.gif) 0.4em 0em no-repeat;
}

/*buttons*/
/* middle section of button, adjust padding around text */
	.button .button-middle {
		padding-left: 0em;
		padding-right: 0em;
	}
	
	/* properties for height of the button, set both to the height of the images used */
	.button .button-middle, .button .button-left, .button .button-right,
	.button .button-left-back-arrow, .button .button-left-forward-arrow {
		line-height: 2.49em;
		height: 2.49em;
	}
	
	/* repeated image for middle section of button */
	.button .button-middle {
		/*background-image: url(/ulster/export/sites/default/images/buttons/button_middle.gif);*/
	}
	
	/* image for left section of button */
	.button .button-left {
		/*background-image: url(/ulster/export/sites/default/images/buttons/button_left.gif);*/
	}
	
	/* image for left section of button, with a left pointing arrow */
	.button .button-left-back-arrow {
		background-image: url(/ulster/export/sites/default/images/buttons/button_left_back-arrow.gif);
	}
	
	/* image for left section of button, with a right pointing arrow */
	.button .button-left-forward-arrow {
		background-image: url(/ulster/export/sites/default/images/buttons/button_left_forward-arrow.gif);
	}
	
	/* image for right section of button */
	.button .button-right {
		/*background-image: url(/ulster/export/sites/default/images/buttons/button_right.gif);*/
	}
	
	/* text on buttons, .image-button is a form submit button, .button is all other buttons */
	.image-button, .button {
		font-family: arial, helvetica, sans-serif;
		font-weight: bold;
		color: #fff;
		text-transform: lowercase;
        vertical-align:middle;
		font-size: 1em;
	}


/* Lists */
ul {
	margin-left: 1.28em;
	margin-top: 0.8em;
	padding-left: 0em;
}
ol {
	margin-left: 1.76em;
	margin-top: 0.8em;
	padding-left: 0em;
}
li {
	font-size:1em;
}
ul ul {
	margin-bottom: 0.24em;
	margin-top: 0.24em;
}

/* 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 {
	text-align: right;
	display: block;
	float: left;
	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;
}

.register-form .label {
	display: block;
	text-align: right;
	float: left;
	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 {
	display: block;
	float: left;
	text-align: right;
	width: 17.64em;
	margin-right: 0.4em;
	margin-top: 0em;
}

.register-confirm-form {
	/*font-size: 0.76em;*/
}

.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;
        /*margin-left:575px;*/
       
        
}

/* buttons on download page */
.align-buttons-download {
	text-align: right;
	float: right;
}

/* mandatory fields label - used on several registration pages */
.mandatory-fields-label {
	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 {
	/*font-size:0.76em;*/
}

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

.register-card-details-confirm-form .label {
	display: block;
	float: left;
	text-align: right;
	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: 12em;
}

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

/* text input for postcode field */
.post-code {
	width: 12.03em;
}

.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;	
}

.card-details-text-right-of-cvv-img {
	position: relative; 
	top: 0.32em;
	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-left: 37.69em;
	margin-top: 1.92em;
}
/* End of address enrty form styles */



/* register form on the first register page */
.register-start-form {
	/*font-size: 0.76em;*/
}

.register-start-form .label {
	display: block;
	float: left;
	text-align: right;
	/* Karen 03/04/2009 - FONT SIZE  */ 
	width: 17.65em;
	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: 23.26em;
}

.register-start-form .form-right-column {
	position: absolute; 
	margin-left: 22.85em;
	width: 22.45em;
}

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

.register-start-form .text-above-email {
  	color: #333;
  	font-size: 94%;
	height: 2.22em;
	padding-top: 0.26em;
}

.register-start-form .checkbox-text {
	position: absolute; 
	margin-left: 3em; #margin-left: 0.8em; _margin-left: 0.8em;
	width: 41.7em;
}

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



/* Styles for the feedback form */
.register-feedback-form .form-left-column .label {
	text-align: right;
	display: block;
	float: left;
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 18.78em;
	margin-right: 0.53em;
	margin-top: 0.42em;
	padding-top: 0em;
}

.register-feedback-form {
	/*font-size: 0.76em;*/
}

.register-feedback-form .form-left-column .label-description {
	float: left;
	text-align: right;
	display: block;
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 18.68em;
	margin-right: 0.53em;
	margin-top: 0.42em;
	padding-top: 0em;
}

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

.register-feedback-form .form-right-column .label {
	display: block;
	float: left;
	text-align: right;
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 22.79em;
	margin-right: 0.53em;
	margin-top: 0.42em;
	padding-top: 0em;
}

.register-feedback-form .operator-select {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 13.3em;
}

.register-feedback-form .msisdn {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 12.66em;
}

.register-feedback-form .device-make-and-model {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 12.66em;
}

.register-feedback-form .name {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 21.1em;
}

.register-feedback-form .email-address {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 20.05em;
}

.register-feedback-form .contact-number {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 21.1em;
}

.register-feedback-form .description {
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	width: 44.91em;
	height: 15.83em;
}

.register-feedback-form .info-icon {
	vertical-align: top;
	/* Karen 03/04/2009 - FONT SIZE  0.76em */
	padding-bottom: 0.84em;
	padding-top: 0.42em;
}

#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 {
	display: block;
	float: left;
	text-align: right;
	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;
}

#confirm-card-details .left-column {
	margin-bottom: 1.6em;
}

#confirm-card-details .align-buttons {
	height: 11.23em;	
}


/* 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 {
    background: #c5c5a9;
    text-align: left;
    font-weight: bold;
	margin: 0em;
	padding: 0.4em;
	border: 0.1em solid #ccccb0;
}

#table-style1 table td {
	font-size: 100%;
    background: #fff;
	border: 0.1em solid #ccccb0;
	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: 0.72em;
}

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

/* check boxes */
.terms-checkbox {
	margin-left: 1.44em;
}

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

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

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

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

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

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

/* 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.5em;
}

/* 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 {
	float: left;
	width: 15em;
	margin-top: 0.64em;
	margin-right: 0.24em;
}

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

.settings-update-form .radioYes {
	position: relative; 
	top: 2px;
}

.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;
}

.changePhoneButton {
	position: absolute;
	left: 12em;
	top: 0.4em;
}

.confirmBox{
	position: absolute; 
	margin-left: 8em;
	width: 38.09em;
}

.deviceInfo{
	
}

.opServiceID{
	width: 20em;
	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: 37.69em;
	margin-left: 49.32em;
}

#imagebox_phone, #imagebox_tick { 
	width:100%; 
	height: 3.21em;
	margin-left: -0.4em;
}

#imagebox_cards { 
	width:100%; 
	height: 3.21em;
	margin-left: -0.32em;
}


.imagebox {
	display:inline;
	float:left;
	font-family:inherit;
	font-size:inherit; 
	width:15%;
	padding-left: 0.4em;
}

.imagebox_textphone {
	display:inline;
	float:right;
	text-align:left;
	vertical-align:middle;
	width:83%;
	padding-top: 0.88em;
	padding-right: 0.4em;
}

.imagebox_textcards {
	display:inline;
	float:right;
	text-align:left;
	vertical-align:middle;
	width:83%;
	padding-top: 0.88em;
	padding-right: 0.4em;
}

.imagebox_texttick {
	display:inline;
	float:right;
	text-align:left;
	vertical-align:middle;
	width:83%;
	padding-top: 0.32em;
	padding-right: 0.4em;
}


/*float mobile image left*/
/*top position for Ulster Bank different*/
.float_mobile_image{
	position:absolute;
	display:block;
	top: 22em;
	left: 49.72em;
}

.float_mobile_image_home{
	position:absolute;
	display:block;
	top: 10em;
	left: 49.72em;
}

.float_mobile_image2 {
	position:absolute;
	display:block;
	top: 13.15em;
	left: 49.72em;
}

.float_mobile_image3 {
	position:absolute;
	display:block;
	top: 11.71em;
	left: 49.72em;
}

/*position for Ulster Bank different*/
#progress_bar {
	/* Karen 14/07/2009 - Removed positioning as stage indicator replaced with full width indicator */
	/*position:absolute;
	top: 8.02em;
	left: 36.49em;*/
	/* Indicator image size: 576px x 32px */
	width: 46.11em;
}

.accesscode{
	position: absolute; 
	top: 26.46em;
}

/* Karen 14/07/2009 - Removed. All progress bar use #progress_bar only */
/*#progress_barb {
	position:absolute;
	top: 8.02em;
	left: 36.49em;
}*/


#right_info_content_box_edit_alerts {
	position:absolute;
	display:inline;
	background: #eff3f7;
	margin-top: 0.56em;
	left: 47.31em;
	width: 14.84em;	
}

#right_info_content_box_edit_alerts h2{
	padding: 0.4em;
}

#right_info_content_box_edit_alerts p{
	padding: 0.4em;
}



#right_info_content_box
{
	position:absolute;
	display:inline;
	background: #eff3f7;
	top: 29em;
	left: 47.3em;
	width: 14.84em;
}

#right_info_content_box h2{
	padding: 0.4em;
	margin-top: 0.4em;
}

#right_info_content_box p{
	padding: 0.4em;
}

#right_info_content_box_lower {
	position:absolute;
	display:inline;
	background: #eff3f7;
	left: 47.31em;
	width: 14.84em;
}

#right_info_content_box_lower h2{
	padding: 0.4em;
	margin-top: 0.4em;
}

#right_info_content_box_lower p{
	padding: 0.4em;
}


#right_info_content_box_security {	
	position:absolute;
	display:inline;	
	background: #eff3f7;
	left: 47.31em;
	width: 14.03em;
}

#right_info_content_box_security h2{
	padding: 0.4em;
	margin-top: 0.4em;
}
 
#right_info_content_box_security  p{
	padding: 0.4em;
}



.red_num_highlight {
	color:red;
	font-weight:bold;
}

#registration #edit-alerts .box-top{

	clear:both;
	margin-bottom:100px;
}


.inassociation {
	float:right;
	relative: -2.41em;
}

.list_spacing li {
	margin-bottom: 0.48em;
}

#imagebox_tick .imagebox {
	padding-left: 0.48em;
}

.alert-management-card-buttons a {
	text-decoration: none;
}

#edit-alerts .alert-weekly-text { 
	margin-top: 0.16em;
}

#enter-card .alert-weekly-text {
	_margin-left: 0.1em;
}

#edit-alerts .alert-weekly-text2 { 
	margin-top: 0em;
	_margin-left: 18.44em; #margin-left: 18.77em;
}


#enter-card span.alert-weekly-text2 {
	left: 2.09em;	
}

#edit-alerts .alert-weekly-text3 {
	margin-top: 0.16em;
	_margin-left: 25.66em; #margin-left: 24.06em;
	
}

#enter-card span.alert-weekly-text3 {
	margin-left: 20em; _margin-left: 20.85em; #margin-left: 19.65em;
} 

#edit-alerts .alert-weekly-text4 {
	margin-top: 0em;
	margin-left: 32.08em;
}

#edit-alerts .alert-balance-input {
	margin-left: 32.08em; _margin-left: 32.08em;
	margin-top: 0em;
}

#enter-card .alert-balance-input {	
	margin-top: 0em; _margin-top: 0em; #margin-top: 0em;
	margin-left: 25.9em; _margin-left: 27.67em;; #margin-left: 26.62em;
	position: absolute; _position: absolute; #position: absolute;
}

#edit-alerts .alert-balance-text {
	margin-top: 0.16em;
}

#enter-card .box-top .alert-wrapper .alert-balance-info-icon {
	_margin-left: 36.09em; #margin-left: 36.89em;
}
#enter-card .box-top .alert-wrapper .alert-weekly-info-icon {
	_margin-left: 36.09em; #margin-left: 36.89em;
}
#enter-card .box-top .alert-wrapper .alert-weekly-text4 select{
	_margin-left: 2.57em; #margin-left: 1em;
}


#registration-start .full-width {
	width: 60.95em;
}

.align-buttons-none a:link		{ text-decoration: none; }
.align-buttons-none a:visited	{ text-decoration: none; }
.align-buttons-none a:hover		{ text-decoration: none; }
.align-buttons-none a:focus		{ text-decoration: none; }
.align-buttons-none a:active 	{ text-decoration: none; }

#alert-management .box-top {
	margin-bottom: 3.21em;	
}
div.shadowed-box div.register-start-form div.confirm-checkbox div.checkbox-text {
    float: none;
    #float: right;
    _float: right;
	margin: 0.72em 0.24em 0em 3.61em !important;
	width: 36.49em !important;
	#margin-top: -1.2em !important;
	_margin-top: -1.2em !important;
}

.register-start-form .checkbox-text {
	width: 41.7em;
}


/* BUTTON RE-STYLING - 27/04/2009 */

/* CONTINUE : B1, B1A, B2, B3, B4, B4A, /help/ota/modelNotListed.html, /help/ota/confirmPhoneDetails.html, /help/ota/settingsNotRequired.html, /help/ota/otaPhoneSettings.html, B6 */
#StartContinue img, /* B1, B1A - same */
#EnterHVCContinue img,
#EnterCardContinue img,
#enterAddressContinue img,
#SelectAddressContinue img,
#model-not-listed-help .align-buttons .button-no-2 img,
#confirmPhoneDetailsContinue img,
#settings-not-required-help .align-buttons .button-no-1 img,
#ota-phone-settings-help .align-buttons .button-no-1 img,
#activation-request-received #main-narrow .left-column .align-buttons .button-no-1 img {
	width: 5.53em;
	height: 2em;
}

/* LOOK-UP : B4 */
#enterAddressLookup img {
	width: 5.53em;
	height: 2em;
}

/* START AGAIN : B2A */
#registration #registration-startover #main-narrow .align-buttons .button-no-1 img {
	width: 6.5em;
	height: 2em;
}

/* EDIT DETAILS : B5 */
#registration #confirm-card-details #main .left-column .left-column .align-buttons .button-no-1 img {
	width: 6.66em;
	height: 2em;
}

/* ACTIVATE : B5 */
#downloadSubmit img {
	width: 5.21em;
	height: 2em;
}

/* CHECK AND RETRY : B5A, B5B */
#card-verification-error #card-verification-failed #main-narrow .align-buttons img,
#card-verification-error #card-verification-failed-warning #main-narrow .align-buttons img {
	width: 8.74em;
	height: 2em;
}

/* EXIT: B5C, B5E, B6, B12, B13, B14, B15, register/activationRequestReceived.html */
#card-verification-error #card-verification-unable-to-verify #main-narrow .align-buttons .button-no-1 img,
#card-verification-error #card-verification-duplicate-card #main-narrow .align-buttons .button-no-1 img,
#registration #registration-complete #main-narrow .left-column .align-buttons .button-no-1 img, /* B6 & B15 - same */
#registration #exit-registration #main-narrow .left-column .align-buttons .button-no-1 img, /* B12 & B14 - same */
#registration #unregistered-number-exit #main-narrow .left-column .align-buttons .button-no-1 img,
#registration #activation-request-received #main-narrow .left-column .align-buttons .button-no-1 img {
	width: 3.37em;
	height: 2em;
}

/* REGISTER ANOTHER CARD : B5C */
#card-verification-error #card-verification-unable-to-verify #main-narrow .align-buttons .button-no-2 img {
	width: 11.15em;
	height: 2em;
}

/* RETRY : B5D */
#card-verification-error #card-verification-service-unavailable #main-narrow .align-buttons .button-no-2 img {
	width: 3.77em;
	height: 2em;
}

/* EDIT CARD : B5E */
#card-verification-error #card-verification-duplicate-card #main-narrow .align-buttons .button-no-2 img {
	width: 5.69em;
	height: 2em;
}

/* SEE A DEMO : B6 */
#SeeDemo img {
	width: 9.06em;
	height: 2em;
}

/* DOWNLOAD NOW : B6 */
#DownloadNow img {
	width: 9.06em;
	height: 2em;
}

/* ADD NEW CARD : B7 */
#registration #alert-management #main .left-column .align-buttons-left p .button-no-1 img {
	width: 7.86em;
	height: 2em;
}

/* LOGOUT : B7 */
#registration #alert-management #main .left-column .align-buttons-left p .button-no-2 img {
	width: 4.49em;
	height: 2em;
}

/* EDIT ALERTS : B7, B8 */
#registration #alert-management #main .left-column .box-top .shadowedBox .alert-management-card .alert-management-card-buttons .align-buttons .button-no-3 img,
#editAlertUpdate img {
	width: 6.01em;
	height: 2em;
}

/* STOP ALERTS : B7 */
#registration #alert-management #main .left-column .box-top .shadowedBox .alert-management-card .alert-management-card-buttons .align-buttons .button-no-4 img {
	width: 6.5em;
	height: 2em;
}

/* YES : B10, B11 */
#registration #existing-mmb-customer #main-narrow .left-column .align-buttons .button-no-1 img,
#registration #unregistered-number-exit #main-narrow .left-column .align-buttons .button-no-1 img {
	width: 3.45em;
	height: 2em;
}

/* NO : B10, B11 */
#registration #existing-mmb-customer #main-narrow .left-column .align-buttons .button-no-2 img,
#registration #unregistered-number-exit #main-narrow .left-column .align-buttons .button-no-2 img {
	width: 3.05em;
	height: 2em;
}

/* COMPLETE : /register/upgrade.html */
#CompleteUpgrade img {
	width: 6.42em;
	height: 2em;
}

/* SUBMIT : /help/customerSupport/contactForm.html */
#contact-form .align-buttons .button-no-1 img {
	width: 6.3em;
	height: 1.8em;
}

/* MANUFACTURER NOT LISTED : /help/ota/otaSelectPhoneMake.html */
#ota-select-phone-make-help .align-buttons .button-no-1 img {
	width: 12.91em;
	height: 2em;
}

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

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

/* CONTACT US : /help/ota/modelNotListed.html */
#model-not-listed-help .align-buttons .button-no-1 img {
	width: 6.42em;
	height: 2em;
}

/* CHANGE PHONE : /help/ota/confirmPhoneDetails.html */
#confirm-phone-details .changePhoneButton .button-no-1 img {
	width: 7.7em;
	height: 2em;
	position: relative;
	left: 15em;
}

/* ALL BUTTONS */
.button-text {
	display: none;
}

/* END : BUTTON RE-STYLING */


/* ROUNDED CORNER BOX */

/* Set background images for corners */
.roundbox { background: url(/ulster/export/sites/default/images/box_background.gif) repeat; }
.roundboxtop div  { background: url(/ulster/export/sites/default/images/box_corner_top_left.gif) no-repeat top left; }
.roundboxtop      { background: url(/ulster/export/sites/default/images/box_corner_top_right.gif) no-repeat top right; }
.roundboxbot div  { background: url(/ulster/export/sites/default/images/box_corner_bottom_left.gif) no-repeat bottom left; }
.roundboxbot      { background: url(/ulster/export/sites/default/images/box_corner_bottom_right.gif) no-repeat bottom right; }

 /* Height and width details */
.roundboxtop div, .roundboxtop, .roundboxbot div, .roundboxbot {
	width: 100%;
	height: 1.28em;
}
.roundboxcontent  { margin: 0 1.28em; }
.roundbox { width: 100%; margin: auto; }

/* Karen 28/10/2009 - Removes underline between links (images) for IE */
.roundboxcontent a {
	text-decoration: none;
}

/* END: ROUNDED CORNER BOX */



/* /help/popupHelp/Blackberry/index.html - Added to look the same as MMB page */
#blackberry-index h1 {
	color: #4a497b;
}

/* /register/upgrade.html - Set to be 100% minus padding - need to bypass main which is added in jsp */
#upgrade-main {
	width: 61em;
}

/* /help/customerSupport/contactForm.html - Solves field alignment problems to fit left/right columns side-by-side */
#contact-form #main {
	width: 61.3em;
}

/* For static manufacturer boxes on page B12 (otaSelectPhoneMake.html) and /help/mobilePhoneHelp/mobilePhoneHelpView.html */
.static-make-box-first {
	/*width: 10.28em;*/
	width: 8.02em;
	margin: 0em 0em 1.6em 0em;
	padding: 0em 0em 0em 0em;
	float: left;
}
.static-make-box {
	/*width: 10.28em;*/
	width: 8.02em;
	margin: 0em 0em 1.6em 1.7em;
	padding: 0em 0em 0em 0em;
	float: left;
}
/* END static manufacturers boxes */

/* Hide buttons on page for /help/ota/manufacturerNotListed.html and /help/ota/modelNotListed.html */
#model-not-listed-help .align-buttons {
	display: none;
}


/* Karen 05/11/2009 - Page: (B3) /register/enterCard.html */
/* This is a hack to display the paragraph above the button, without changing the JSP. The paragraph is a new form content area, which displays below the continue button. This moves the paragraph up, and moves the button down. */
#enter-card .new-paragraph-hack-left-column { /* same as .left-column */
	width: 46.0em;
	margin: 0em;
	padding: 0em;
}
#enter-card .new-paragraph-hack-left-column p { /* move paragraphs up */
	position: relative;
	top: -5em;
}
#enter-card .align-buttons { /* move button down */
	position: relative;
	top: 6em;
}
/* END */


/* Karen 05/11/2009 - Page:(B6) /register/complete.html */
/* Restrict to 4 logos per line and centre logos within rounded corner background */
.logochoicesbox {
	width: 31.5em;
	margin: 0em auto 0em auto;
}