html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

html, body {background: url(../images/background-mobank-slice.gif) #262626 repeat-y center; font-family:Helvetica, Arial, sans-serif; color:#fff;  color:#ccc;}

a {color:#1b88c2;font-size:0.85em;}
a:hover {color:#ff0099;font-size:0.85em}
.displayNone {display:none!important;}
.clearAll {clear:both}
span.highlight {color:#cc0099;}
.linkImg {text-decoration:none;}


#canvas {background: url(../images/background-mobank.jpg)  top center no-repeat;}

#mainStage {width:976px;display:block; padding:10px 0px 0 20px; margin: 0 auto; overflow:hidden; }

.companyTitle {background:url(../images/mobank-holding.jpg) #000000 no-repeat top left ; text-indent:-9999em; width:161px; padding-top:111px;margin-left:50px;margin-top:0px; float:left; display:block;}
.eNewsSignUp {display:block; float:right; width:250px;}


/** Main Promotion area **/
#mainPromoArea { margin:10px 0 0 0; float:right; padding:0 0px 0 0; width:700px;}
#mainPromoArea ul {list-style:outside disc; padding:10px 200px 10px 30px; float:left;}
#mainPromoArea li {list-style:outside disc;}
#mainPromoArea h2 {clear:left; display:block; font-size:1.16em; color:#fff;}
#mainPromoArea .explanation {font-size:0.85em;}
.whereCanIShop #mainPromoArea, .whatKindOfPhone #mainPromoArea,  h2 {font-size:0.85em;}

/** Home page styles **/
.holdingMessage { background:url(../images/holding-page-phone.png) no-repeat top left; margin:0 0 0 0; padding:0px 0 15px 0; width:610px}
.holdingMessage p {margin:0px 0 0 0px; font-size:0.94em; color:#fff; padding:10px 0px 0px 384px; line-height:1.4em}
.holdingMessage h3 { font-size:1.4em; margin:0;padding:15px 15px 15px 0px; line-height:1.2em; font-weight:bold; clear:both; }
.signUpBox {padding:10px 10px 10px 10px;}
.signUpBox span.button {padding:0 0px 0 0px; margin:0 0 0 0;}
.signUpBox label {font-size:0.8em;}
.signUpBox .name{margin:10px 0 15px 0;display:inline;}
.signUpBox .email{margin:0 0 15px 0;display:inline;}
.signUpBox .button{margin:0 0 0 10px;display:inline;}
.signUpBox p {padding:0 0 10px 0; margin:0;}
.signUpBox .strapLine {font-size:0.85em;}
/** End home page styles **/

/** End of Main Promotion area **/

/** Secondary Promotion area **/
#secondaryPromoArea {margin:0; float:left; display:block; width:240px; padding:30px 30px 0px 0; overflow:hidden;}
#secondaryPromoArea ul {list-style:none; font-size:0.9em; text-decoration:none; padding:0; color:#999; margin:0;}
#secondaryPromoArea li { background:url(../images/ciema-booking-badge.gif) left top no-repeat; padding:20px 0px 20px 80px; margin:0 0 5px 0; letter-spacing:-0.02em;}
#secondaryPromoArea li.travel { background:url(../images/train-badge.gif) left no-repeat;}
#secondaryPromoArea li.gift { background:url(../images/quick-gifts-badge.gif) left no-repeat;}
#secondaryPromoArea li.cinema { background:url(../images/cinema-booking-badge.gif) left no-repeat;}
#secondaryPromoArea li.freetime { background:url(../images/free-time-badge.gif) left no-repeat;}
#secondaryPromoArea label  { text-decoration:none; color:#999; padding-top:0px; padding-bottom:0px; display:block; background:url(../images/dotted-border-icons-smaller.gif) no-repeat bottom left; }
/**#secondaryPromoArea li.bill { background:url(../images/holding-page-bill-icon.png) left top no-repeat;}**/
/**#secondaryPromoArea li.gift { background:url(../images/quick-gifts-badge.gif) left top no-repeat; padding-top:25px;}**/
/**#secondaryPromoArea li.oyster { background:url(../images/holding-page-oyster-icon.png) left top no-repeat;}**/


.holdingPage a {font-weight:bold; color:#1b88c2; padding:0px 0 0px 0; margin:25px 0 0 0; text-decoration:none; width:202px; display:block;}
/** End of Secondary Promotion area **/

/** Footer area **/
#footer {float:left; background:url(../images/dotted-border-smaller.gif) repeat-x top left ;display:block; font-size:0.9em; color:#666; padding:10px 0 36px 0; margin:0; width:98%; }
#footer p {color:#666;}
/** End of Foter area **/

/*Homepage only*/
#homePage h1 {color:#ee0099; width:215px; float:left; font-size:30.75px; margin-left:0px; position:relative; }
#homePage .tagLine {font-size:30.75px; float:left; width:450px; margin-left:2px; position:relative;}
/**#homePage .tagLine {font-size:33.75px; display:block; float:left; width:500px; }**/
#homePage h2 {clear:left; width:650px; padding-top:0; margin-top:5px; margin-left:0px;position:relative; margin-bottom:10px; }
#homePage h3 {clear:left; width:600px; padding-top:0; margin-top:5px; margin-left:0px;position:relative; margin-bottom:10px; }

/*#secondaryPromoArea h3 {width:200px; display:block;}*/



/*AJB*/
.signUpBox .label {font-size:0.8em; margin-right:10px;}
.signUpBox input{ font-size:0.8em; margin-right:10px;}
.signUpBox .comingSoon {color:#ff0099; font-size:1.25em; margin:0;padding:0px 0px 0px 0px; line-height:1.2em; font-weight:bolder; clear:both; }

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

.submitButton {background: url(../images/submit-sprites.png) 0 0 no-repeat; width:88px; height:32px; margin-top:6px; }

.formError { font-size:0.66em; }

.signUpBox .thankYou {color:#ff0099; font-size:1.0em; margin:0;padding:0px 0px 0px 0px; line-height:1.2em; font-weight:bold; clear:both; }

#merchandisingArea {float:left; background:url(/images/dotted-border.gif) repeat-x top left; margin:0px 0 0px 0; padding:0px 0px 0px 0px; width:96%;}