body {	margin: 0px;	font: 10px Verdana, Arial, Helvetica, sans-serif;}

/* Basic Structure */
#leftcontent{margin-right:379px;}
#rightcontent{margin-left: 379px;}
.column{top: 0px;	width:50%;	position: absolute;}
.left{left: -1px;} .right{right: 0px;}
#container {position: relative; clear: both;width:760px;z-index:1;}
#holder-bg {top:0px;left: 0px;width: 760px;}
#inputzone {position:absolute;	width: 280px;	height:350px;	z-index:2;	text-align: center;	}
#logos {position: absolute;	width: 700px;	top: 560px;	left: 30px;}
#tnc {	position: absolute;	top: 650px;	left: 50px;	width: 680px;	padding: 10px 0px 0px 0px;}
#disclaimer, a.unsub {font-size: 10px;	color:#ffffff;	text-align:justify;	width:660px;padding:0px 0px 20px 0px;}
#footer {}

/* -------------------------------------*/
/* for all images other than inputzone*/
#title_image,
#image01, #image02, #image03, #image04, #image05, 
#image06, #image07, #image08, #image09, #image10, 
#image11, #image12, #image13, #image14, #image15 {position: absolute; background-position: no-repeat left top;}

/* -------------------------------------*/

/* properties related to #inputzone */
#inputphone 	{padding: 5px 0px;}
#inputcarrier	{padding: 5px 0px;}
#inputbutton {}
#inputpassword {}
#inputcheckbox {}
.form_bg1 {	padding: 40px 0px 0px 0px;}
.form_bg2 {	padding: 10px 0px 0px 0px;}
#inputtext1	{font: bold 13px Verdana, Arial, Helvetica, sans-serif;	text-transform:uppercase;	color:#000000;}
#inputtext2	{color:#000000;}
#inputtext3	{color:#000000;}

/* for arrow_l and arrow_r */
html>/*Not IE 7*/body .form_bg1 .imagearrowl, html>/*Not IE 7*/body .form_bg1 .imagearrowr  { margin-top:-10px;#}
html>/*Not IE 7*/body .form_bg2 .imagearrowl, html>/*Not IE 7*/body .form_bg2 .imagearrowr  { margin-top:-16px;#}

/* for loading */
.imageloading {	width:66px;	height:11px;}	
.imagespacer {	width:6px;	height:1px;}
.imagehyphen {	width:7px;	height:2px;}
html>/*Not IE 7*/body .imagehyphen { margin-top:-7px;#}

/* set input field style here */
INPUT#phonearea,INPUT#phoneprefix, INPUT#phonesuffix, #password {
    font-family: Arial, Helvetica, sans-serif;    font-weight: bold;    color: #000000;
    background-color: #FFFFFF;    text-align: center;}
INPUT#phonearea	  {	font-size: 18px;	height: 21px;    width: 36px;}
INPUT#phoneprefix {	font-size: 18px;	height: 21px;    width: 36px;}
INPUT#phonesuffix {	font-size: 18px;	height: 21px;    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(/landing/images/logos/corner.gif) no-repeat left top;}
#logos .corner_rt {	float:right;margin: 0px -10px 0px 0px;background:url(/landing/images/logos/corner.gif) no-repeat right top;}
#logos .corner_lb {	float:left;	margin: 0px 0px 0px -10px;background:url(/landing/images/logos/corner.gif) no-repeat left bottom;}
#logos .corner_rb {	float:right;margin: 0px -10px 0px 0px;background:url(/landing/images/logos/corner.gif) no-repeat right bottom;}

/* - - - - - - - - - - - - - - */

#checkbox	 {margin:0px 5px 0px 0px;	font-weight:normal;	font-size:10px;}
#alert		 {margin:-71px 0px 0px -90px;color:#000000;	position:absolute;	width: 150px;	height: 50px;	}
html>/*Not IE 7*/body #alert{ margin-left:-50px;}/*Modern browsers only (not IE 7) */

#alert #alertText {padding: 5px;	background-color: yellow;	font-size:10px;	font-weight:normal;}
#alert #arrow{background: url("arrow.gif") 70px top no-repeat;	height:10px;}
#checkboxa{	display: inline;	margin: 0px 5px 0px 0px; 	padding: 1px; width: 20px;	height: 20px; background-color: yellow;}
html>body #checkboxa{padding:4px;}
#checkboxa input	{padding:0;	margin:0;}
#operatorerrorbox {margin-right:5px;	width: 140px;	height: 20px;	background-color: red;	padding:3px;}
html>body #operatorerrorbox{width: 146px;}

/* -------------------------------------*/

#checkbox{
	margin: 0px 5px 0px 0px;
	font-weight:normal;	
	font-size:10px;
}
#alert{
	color: #000000;
	position: absolute;
	width: 170px;
	height: 50px;
	margin: -71px 0px 0px -95px;
}

.en_UE #alert{
	width: 150px;
	margin: -71px 0px 0px -80px;
}

.fr_BE #alert{
	width: 170px;
	margin: -71px 0px 0px -95px;
}

.nl_BE #alert{
	width: 150px;
	margin: -71px 0px 0px -80px;
}

#alert #alertText{
	padding: 5px;
	background-color: yellow;
	font-size:10px;
	font-weight:normal;			
}
#alert #arrow{
	background: url("arrow.gif") 70px top no-repeat;
	height:10px;
}
/*
*|html>body #alert #arrow{
	background: url("/landing/images/arrow.gif") 120px top no-repeat;
	height:10px;
}*/
#checkboxa{
	display: inline;
	margin: 0px 5px 0px 0px; 
	padding: 1px;
	width: 20px;
	height: 20px; 
/*	background-color: yellow;*/
}
html>body #checkboxa{
	padding:4px;
}
#checkboxa input{
	padding:0;
	margin:0;
	z-index: 100;
}

#operatorerrorbox {	
	margin-right:5px;
	width: 140px;
	height: 20px;
	background-color: red;
	padding:3px;
}
html>body #operatorerrorbox{
	width: 146px;
}

.yellowcheckbox {
	z-index:100;	
}

#error2{
	color: red;
	padding: 0px 0px 6px;
	}
	
#pixel {
	position: absolute; 
	width:760px; 
	bottom:0px;
	/*z-index:-1;*/
}

#text, #countrycode{
	display:inline;
	width:100px;	
}

.mobileTextField, .pinText {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
    text-align: center;
	
}

.mobileTextField{
    font-size: 18px;
    height: 21px;
    width: 122px;
}

.pinText{
	font-size: 25px;
    width: 60px;
	height: 32px;
	margin: 5px 0px 5px 0px;
}

#logos{
	display: none;
}

.disclaimer{
	background: url(small_ico.gif) no-repeat left;
	padding-left:20px;
	position: absolute;
	font-size:12px;
	text-transform: uppercase;
}