/**AJB Error handling*/
.formError {display:block; float:left; clear:left; padding:4px; color:#ee0099; margin-left:137px; width: 250px; font-size:0.66em; margin-top:0px;}
/**END AJB Error handling**/

/**AJB Navigation**/
.navigation {float:left; display:block;padding:0 0 0 30px; margin:1px 0 0 0;}
.mainNav{display:block; float:left; width:746px; height:40px; background:url(../interface/mainNavigation-sprite.png) 0 0;}
.mainNav a {display:block; height:40px;}
.AboutOff {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:0; width:187px;}
.JoinOff {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:187px; width:186px;} 
.AccountOff {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:373px; width:185px;} 
.FAQOff {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:561px; width:187px;}
.AboutOff a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat 0 -39px;} 
.JoinOff a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -187px -39px;}
.AccountOff a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -373px -39px;}
.FAQOff a:hover {background:url(../interface/mainNavigation-sprite.png) no-repeat -558px -39px;}
.AboutOn a, .AboutOn a:hover  {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:0; width:187px; background:url(../interface/mainNavigation-sprite.png) no-repeat 0 -79px;}
.JoinOn a, .JoinOn a:hover{float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:0; width:187px; background:url(../interface/mainNavigation-sprite.png) no-repeat -187px -79px;}
.AccountOn a, .AccountOn a:hover {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:373px; width:185px; background:url(../interface/mainNavigation-sprite.png) no-repeat -373px -79px;}
.FAQOn a, .FAQOn a:hover {float:left;padding:0px; list-style:none; margin:0; text-indent:-9999em; left:561px; width:187px; background:url(../interface/mainNavigation-sprite.png) no-repeat -558px -79px;}
/**END AJB Navigation**/


/*AJB-Addition of underline decoration*/
/*	.breadcrumbTrail {clear:both; margin:0px 0px 0px 92px; padding:5px 0 0 0; font-size:0.8em;}*/
/*END AJB-Addition of underline decoration*/	

/**AJB**/
#mainPromoArea .subTitle {clear:left; line-height:1.2em; display:block; padding:20px 20px 0px 0; margin:0; color:#fff; }
/**END AJB**/

/**AJB - Merchandising area**/
.merchandisingArea {float:left; 
	background:url(../interface/structure/dotted-border.gif) repeat-x top left; margin:0px 0 10px 0; padding:20px 10px 10px 10px; width:96%;}
.merchandisingArea h5 {margin:0 0 5px 0; font-weight:normal;}
.rotatingPromo {width:234px; padding:0px;  margin: 0 20px 0 0; float:left;}
.rotatingPromoTopBorder {background:url(../interface/structure/rotating-box-top-border.gif) top left no-repeat;padding:10px 0 0px 0; float:left; display:block}
.rotatingPromoBottomBorder {background:url(../interface/structure/rotating-box-bottom-border.gif) bottom left no-repeat; padding:6px 0 0px 0;}
.rotatingPromoSides {background:url(../interface/structure/rotating-box-sides.gif) repeat-y; padding:0px 0px 0px 10px; width:225px;}
.rotatingPromo  p {line-height:1.6em; padding: 0 0 5px 0px; float:none; }
.rotatingPromo  img {float:right; margin:0 10px 0 10px; padding:0;}
.rotatingPromo h5 a {color:#ff009e;}
.merchandisingArea .signup {font-size:0.6em; line-height:0.7em; line-height:1.3em; display:block;  float:left; width:600px;}
.merchandisingArea .signup input {position:absolute; margin-left:4px;}

/**END AJB - Merchandising area**/

/** ADDED BY AJB**/
.SignUpProgress ul li {display:block; float:left; width:44px; height:44px;text-indent:-10000px; }
.SignUpProgress ul.step1 li.stage1 {background:url(../interface/progress-bar/stages.png) 0px 0px no-repeat}
.SignUpProgress ul.step2 li.stage2 {background:url(../interface/progress-bar/stages.png) -62px 0px no-repeat}
.SignUpProgress ul.step3 li.stage3 {background:url(../interface/progress-bar/stages.png) -124px 0px no-repeat}
/**END ADDED BY AJB**/ 

/**AJB**/
#mainPromoArea div.standardForm .label{width:140px; color:#999; display:block; float:left; clear:left;  line-height:1em; font-size:0.8em; padding-top:10px;}
.PortraitLabel {width:140px; color:#999; display:block; float:left; clear:left;  line-height:1em; font-size:0.8em; padding-top:10px;}
.formNavigation{text-align:right; height: 7ex; padding-top: 3ex;}
.formArea{}
/**END AJB**/


/**Button styles**/

.formButton
{
	width: 88px;
	height: 32px;
	/*background-image: url(../images/button_background.gif);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-color: Transparent;
	border-width: 0px;
	font-family: Arial;
	font-size: medium;
	font-weight: bold;
	color: #FFFFFF;
	cursor: pointer;
}

.nextButton {position:relative; left:-85px;	background: url(../interface/buttons/next.png) 0px -0px no-repeat; width:88px; height:32px;}

.previousButton {position:relative; /*left:-595px;*/ left:-250px; width:73px; height:32px; display:block; float:left; background:url(../interface/buttons/form-controls.png) 0 0; text-indent:-1000px; padding:0;  margin-top:10px;}
.cancelButton {position:relative; /*left:-595px;*/ left:-250px; width:73px; height:32px; display:block; float:left; background:url(../interface/buttons/form-controls.png) 74px 0; text-indent:-1000px; padding:0; margin-top:10px;}
.submitButton {background: url(../interface/buttons/submit-sprites.png) 0 0 no-repeat; width:88px; height:32px; margin-top:6px; }

.hide
{
	visibility:hidden;
}

.change {background: url(/mobank/interface/buttons/small/change.png) 0px -54px no-repeat; width:71px; height:26px; }
.changehover {background: url(/mobank/interface/buttons/small/change.png) 0px -1px no-repeat; width:71px; height:26px;}

.search {background: url(/mobank/interface/buttons/small/search.png) 0px -54px no-repeat; width:71px; height:26px; }
.searchhover {background: url(/mobank/interface/buttons/small/search.png) 0px -1px no-repeat; width:71px; height:26px;}

.blanksmall {background: url(/mobank/interface/buttons/small/untitled.png) 0px -54px no-repeat; width:71px; height:26px;}
.blanksmallhover {background: url(/mobank/interface/buttons/small/untitled.png) 0px -27px no-repeat; width:71px; height:26px;}

.cancel {position:relative; left:0px; width:88px; height:32px; margin-top:6px; display:block; float:left; background:url(/mobank/interface/buttons/cancel.png) 0 -67px	;}
.cancelhover {background:url(/mobank/interface/buttons/cancel.png) 0 -34px;}

/*Continue*/
.continue {background: url(/mobank/interface/buttons/continue.gif) 0px -0px no-repeat; width:88px; height:32px;}
.continuehover {background: url(/mobank/interface/buttons/continue.gif) 0px -33px no-repeat; width:88px; height:32px;}

.clear {background: url(/mobank/interface/buttons/small/clear.png) 0px -54px no-repeat; width:71px; height:26px;}
.clearhover {background: url(/mobank/interface/buttons/small/clear.png) 0px -27px no-repeat; width:71px; height:26px;}

.yes {background: url(/mobank/interface/buttons/small/yes.png) 0px -54px no-repeat; width:71px; height:26px;}
.yeshover {background: url(/mobank/interface/buttons/small/yes.png) 0px -27px no-repeat; width:71px; height:26px;}

.no {background: url(/mobank/interface/buttons/small/no.png) 0px -54px no-repeat; width:71px; height:26px;}
.nohover {background: url(/mobank/interface/buttons/small/no.png) 0px -27px no-repeat; width:71px; height:26px;}

.ok {background: url(/mobank/interface/buttons/small/ok.png) 0px -54px no-repeat; width:71px; height:26px;}
.okhover {background: url(/mobank/interface/buttons/small/ok.png) 0px -27px no-repeat; width:71px; height:26px;}

/******** DIALOG *********/
.dialogBackground
{
	background-image: url(/mobank/interface/disabled_background.gif);
	background-repeat: repeat;
}


.dialog
{
	width: 400px;
	height: 200px;
	background-color: #000000;
	border: 2px solid #E40090;
	padding: 5px;
}

.dialogArea
{
	height: 125px;
	font-family: Arial;
	font-size: medium;
	color: #FFFFFF;
	text-align : center;
	vertical-align: middle;
	padding: 15px;	
}

.dialogButtons
{
	text-align: center;
	height: 45px;
	padding: 5px;
}

.stepComplete
{
	background-color:Transparent;
	text-align:center;

}

/** Merchandising area **/
.merchandisingArea {float:left; background:url(/mobank/interface/structure/dotted-border.gif) repeat-x top left; margin:18px 0 10px 0; padding:20px 10px 10px 10px; width:96%;}
#homePage #merchandisingArea{margin-top:0;}
.merchandisingArea h5 {margin:0 0 5px 0; font-weight:normal;}

.merchandisingArea .rotatingPromo {width:234px; padding:0px;  margin: 0 20px 0 0; float:left;}
.merchandisingArea .rotatingPromo .rotatingPromoTopBorder {background:url(/mobank/interface/structure/rotating-box-top-border.gif) top left no-repeat;padding:10px 0 0px 0; float:left; display:block}
.merchandisingArea .rotatingPromo .rotatingPromoSides {background:url(/mobank/interface/structure/rotating-box-sides.gif) repeat-y; padding:0px 0px 0px 10px; width:225px;}
.merchandisingArea .rotatingPromo h5 a {display:block; text-decoration:none;}
.merchandisingArea .rotatingPromo h5 a img {float:none; margin:0;}
.merchandisingArea .rotatingPromo  p {line-height:1.3em; padding: 0 0 5px 0px; float:none; min-height:105px; *height:105px;}
.merchandisingArea .rotatingPromo  img {float:right; margin:0 10px 0 10px; padding:0;}

.merchandisingArea .rotatingPromo .rotatingPromoBottomBorder {background:url(/mobank/interface/structure/rotating-box-bottom-border.gif) bottom left no-repeat; padding:6px 0 0px 0;}

.merchandisingArea .reasonsToBelieve {margin:0; padding:0; width:65%; float:left;}
.merchandisingArea .reasonsToBelieve h5 {margin:0; padding:15px 0 0 0; clear:none;}
.merchandisingArea .reasonsToBelieve p {padding:5px 200px 0 0;line-height:1.3em; clear:none;}


/** End of Merchandising area **/

/*Drop down style*/
div.standardForm select.long{width:210px;}

#mainPromoArea .reasonToBelieveLong {display:block; float:left; width:300px;  padding-top:171px;margin-top:94px; padding-bottom:20px;}


#mainPromoArea div.standardForm label.checkboxwide {width:420px; padding-top:0px;}

#mainPromoArea div.standardForm label.formLabelLonger{width:220px;}