body {
	margin: 0px;
	background: #004F68 url("bg.jpg") repeat-y center top;  
    font: 10px Verdana, Arial, Helvetica, sans-serif;
}
#leftcontent{
	margin-right:379px;	
	background:  url("left.jpg") no-repeat right top; 
	height:941px;
}
#rightcontent{	
	margin-left: 379px; 
	background:  url("right.jpg") no-repeat left top; 
	height:941px;
}
.column{
	width:50%;
	position: absolute;
	top: 0px;
}
.left{
	left: -1px;
}
.right{
	right: 0px;
}
#container {
	position: relative; 
	clear: both;
	width:760px;
	background-color:#948777;
	height:941px;
	z-index:1;
}

#holder-bg {
    top:0px;
    left: 0px;
    width: 760px;
}

/* for all images other than inputzone*/
#image01 {
	position: absolute; 
    width: 204px;
    height: 222px;
	top: 0px;
	left:556px;
	background: url("main.jpg") no-repeat left top;
}
#image02 {
	position: absolute; 
    width: 556px;
    height: 222px;
	top: 0px;
	left:0px;
	background: url("title.gif") no-repeat left top;
}
.de_AT #image02{
	background: url("title_de_at.gif") no-repeat left top;
}
.uk #image02{
	background: url("title_uk.gif") no-repeat left top;
}
.au #image02{
	background: url("title_au.gif") no-repeat left top;
}
.sg #image02{
	background: url("title_sg.gif") no-repeat left top;
}
.fr_BE #image02{
	background: url("title_fr_be.gif") no-repeat left top;
}
.nl_BE #image02{
	background: url("title_nl_be.gif") no-repeat left top;
}
.de_DE #image02{
	background: url("title_de_de.gif") no-repeat left top;
}
#image03 {
	position: absolute; 
	width: 70px;
	height: 330px;
	top: 222px;
	left:0px;
	background: url("main2.jpg") no-repeat left top;
}
#image04 {
	position: absolute; 
	width: 156px;
	height: 330px;
	top: 222px;
	left:400px;
	background: url("main3.jpg") no-repeat left top;
}
#image05 {
	position: absolute; 
	width: 330px;
	height: 330px;
	top: 222px;
	left:70px;
	background: url("form_bg.jpg") no-repeat left top;
}

#image06 {
	position: absolute; 
	width: 204px;
	height: 330px;
	top: 222px;
	left:556px;
	background: url("main4.jpg") no-repeat left top;
}
#image07 {
	position: absolute; 
	width: 760px;
	height: 389px;
	top: 552px;
	left:0px;
	background: url("logo_bg.jpg") no-repeat left top;
}

#image08, #image09, #image10, #image11, #image12, #image13, #image14, #image15 {
	display:none;
}
/* for step2, 3 title */
.imagestep2 #image02, .imagestep3 #image02 {
	position: absolute; 
    width: 556px;
    height: 222px;
	top: 0px;
	left:0px;
	background: url("title2.gif") no-repeat left top;
}
.uk .imagestep2 #image02, .imagestep3 #image02 {
}
.au .imagestep2 #image02, .imagestep3 #image02 {
}
.sg .imagestep2 #image02, .imagestep3 #image02 {
}
.fr_BE .imagestep2 #image02, .imagestep3 #image02 {
	background: url("title2_fr_be.gif") no-repeat left top;
}
.nl_BE .imagestep2 #image02, .imagestep3 #image02 {
	background: url("title2_nl_be.gif") no-repeat left top;
}
.de_DE .imagestep2 #image02, .imagestep3 #image02 {
	background: url("title2_de_de.gif") no-repeat left top;
}
.de_AT .imagestep2 #image02, .imagestep3 #image02 {
	background: url("title2_de_at.gif") no-repeat left top;
}
#inputzone {
	position: absolute; 
	width: 275px; /*this width must not be modify*/
	height: 330px;
	top: 222px;
	left:100px;
	z-index:2;
	text-align: center;	
}

#logos {
	position: absolute;
	width: 700px;
	top: 552px;
	left: 30px;
}

#tnc {
	position: absolute;
	width: 680px;
	top: 660px;
	left: 40px;
	padding: 10px 0px 0px 0px;
	margin-top: -80px;
}
#footer {
}

/* properties related to #inputzone */

.form_bg1 {
	padding: 68px 0px 0px 0px;
}

.form_bg2 {
	padding: 20px 0px 0px 0px;
}

#inputtext1 {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #00FFE4;
}
#inputphone {
	padding: 5px 0px;
}
#inputcarrier {
	padding: 5px 0px;
}
#inputbutton {
}
#inputtext2 {
	color: #00FFE4;
}
.fstyle1, .fstyle3,#inputtext2 .fstyle2{
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
}
.fstyle4 {
	font: bold 20px Verdana, Arial, Helvetica, sans-serif;
	color:#00FFE4;
}
.fstyle5 {
	color: #DDFFFE;
}

#inputpassword {
}
#inputcheckbox {
}
.fstyle3{
	font: block 12px Verdana, Arial, Helvetica, sans-serif;
	color: #00FFE4;
}
.fstyle2{
	color: #00FFE4;
}
.fstyle2a {
	color: #00FFE4;
}

#inputtext3 {
	color: #00FFE4;
}

/* for arrow_l and arrow_r */
.imagearrowl, .imagearrowr  {
	width:32px;
	height:12px;
}

/* for submit button */
.imagesubmit {
	background: none;
	border:0px;
	width:220px; 
	height:40px;
	/*background-image: url("submit.gif");*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='submit.png' sizingMethod='scale');
}
html>body .imagesubmit {
	filter:none;
	background-image: url("submit.png");
}

.fr_BE .imagesubmit {
	/*background-image: url("submit_fr_be.gif");*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='submit_fr_be.png' sizingMethod='scale');
}
.fr_BE html>body .imagesubmit {
	filter:none;
	background-image: url("submit_fr_be.png");
}

.nl_BE .imagesubmit {
	/*background-image: url("submit_nl_be.gif");*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='submit_nl_be.png' sizingMethod='scale');
}
.nl_BE html>body .imagesubmit {
	filter:none;
	background-image: url("submit_nl_be.png");
}

.de_DE .imagesubmit {
	/*background-image: url("submit_de_de.gif");*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='submit_de_de.png' sizingMethod='scale');
}
.de_DE html>body .imagesubmit {
	filter:none;
	background-image: url("submit_de_de.png");
}
.de_AT .imagesubmit {
	/*background-image: url("submit_de_de.gif");*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='submit_de_at.png' sizingMethod='scale');
}
.de_AT html>body .imagesubmit {
	filter:none;
	background-image: url("submit_de_at.png");
}
/* for loading */
.imageloading {
	width:66px;
	height:11px;
}	
.imagespacer {
	width:6px;
	height:1px;
}

.imagehyphen {
	width:9px;
	height:2px;
}

/* set input field style here */

INPUT#phonearea,INPUT#phoneprefix, INPUT#phonesuffix, #password {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #025CA6;
    background-color: #FFFFFF;
    text-align: center;
	
}

INPUT#phonearea {
    font-size: 18px;
    height: 25px;
    width: 36px;
}

INPUT#phoneprefix {
    font-size: 18px;
    height: 25px;
    width: 36px;
}

INPUT#phonesuffix {
    font-size: 18px;
    height: 25px;
    width: 46px;
}
#operatorlist {
	margin: 5px 0px 5px 0px;
	padding: 0px;
	width: 144px;
    font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
}

INPUT#password {
    font-size: 25px;
    width: 60px;
	height: 32px;
	margin: 5px 0px 5px 0px;
}

/* logo properties */
#logos .alllogos {
	float: left;
	width: 100%;
	background-color: #ffffff;
}
#logos .companylogo {
	float: left;
	width: 13%;
	padding: 0px 10px;	
}
#logos .carrierlogo {
	float: left;
	width: 82%;
}
#logos .carrierlogo ul{
	margin: 0px;
	padding: 0px;
	width: 100%;
	list-style: none;
}
#logos .carrierlogo li{
	float: left;
	width: 16.6%;
}


#logos .logo_t, #logos .logo_b  {
	clear: both;
	margin: 0px 10px;
	height: 10px;
	background-color: #ffffff;
}
#logos .logo_t span, #logos .logo_b span {
	display: block;
	height: 10px;
	width: 10px;
	position:relative;
}

#logos .corner_lt {
	float:left;
	margin: 0px 0px 0px -10px;	
	background: url(corner.gif) no-repeat left top;
}
#logos .corner_rt {
	float:right; 
	margin: 0px -10px 0px 0px;
	background:url(corner.gif) no-repeat right top;
}
#logos .corner_lb {
	float:left;
	/* margin: 0px 0px 0px -10px;	*/
	margin-left: -10px;	
	background:url(corner.gif) no-repeat left bottom;
}
#logos .corner_rb {
	float:right;
	margin: 0px -10px 0px 0px;
	background:url(corner.gif) no-repeat right bottom;
}



/* change T&C colour here */
#disclaimer, a.unsub {
    font-size: 10px;
    color: #FFFFFF;
	text-align: justify;
    width: 660px;
	padding: 0px 0px 20px 0px;
	margin-top: 40px;
}

.fcolor1 {
}

.fcolor2 {
    color: #FFFF00;
}

.fcolor3 {
    color: #FFFFFF;
}

.fcolor4 {
	color: #138FBD;
}

.fsize1 {
    font-size: 10px;
}

.fsize2 {
    font-size: 20px;
}

.blacklink{
	color: white;
}

.fsingtel{
	color: #00FFE4;
}

#error2{
	color: yellow;
}