/*
----------------------------------------------------------
Filname: style.css
Author:  Aureole Consulting
Website: 
Date: 2006-16-06
Description: Lebara
----------------------------------------------------------
*/

/*Generic styles */

html{
height:98%;
}

body {	font-family:  Verdana, Arial, Sans-Serif; height:100%; font-size: 0.75em; background:#FFFFFF; color:#6d6e71; margin: 0px auto; padding: 0px; text-align:center; behavior: url(csshover.htc);}

p {
	margin:0;
	padding:0;
	line-height:18px;
}
	
.red {color:#c30c0d;}

.bold{font-weight:bold;}
	
h1 {padding:0px; margin:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; 	color:#00adef; font-weight:bold;}

h2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;  }

h3 {margin:0; padding:15px 0;}

.heading {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;}

form{margin:0px;}

ul{margin:0px; padding-left:0px}

.bullet{background:url(../images/bullet_arrow.gif); padding-left:25px; padding-top:3px; background-position:left top; background-repeat:no-repeat; padding-bottom:10px;}

.squarebullet{background:url(../images/square_bullet.gif); padding-left:15px; padding-top:0px; background-position:0 3px; background-repeat:no-repeat; padding-bottom:10px;}
	
/* Fields style start here	*/
.fields{
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #666666 1px solid; 
	MARGIN: 3px 0px; 
	BORDER-LEFT: #666666 1px solid; 
	WIDTH: 148px; 
	BORDER-BOTTOM: #666666 1px solid;
	}
/* Fields style end here	*/

/* country drop down style start here	*/
#country{
	font-family:  Verdana, Arial, Sans-Serif;
	/*font-size: 0.75em;*/
	color:#6d6e71;
	width:180px;
	}
/* country drop down style end here	*/

/* ajax data style start here	*/
#divCustomerInfo{
height:110px;
overflow:auto;
}
/* ajax data style end here	*/
	
/* containter */
#container {
	position:relative;
	margin:0px auto;
	padding:0;
	text-align:left;
	width:876px;
	height: 101%;
}
#mid {
	height: 473px;
	width: 774px;
	margin: 0 0 0 55px;
	position: relative;
}


/* level-1 */
#level1{ margin-top:10px; width:876px; height:66px; background:url(../images/header.jpg); background-repeat:no-repeat; text-align:left;}
#level_land{ margin-top:10px; width:876px; height:66px; background:url(../images/header_land.jpg); background-repeat:no-repeat; text-align:left;}
#logohack {width: 250px; padding-left: 50px}

#logohack a {position: absolute; width: 250px; height: 70px;}

#logohack a h1 {display: none;}

    /* level-4  hyperlink styles*/



/* level-2 */
#level2{width:876px; height:18px; padding-top:0px;}

 /* level-2 flag */
 #level2-flag{
	padding-left:280px;
	float:left;
	padding-right:5px;
	padding-top:2px;
}
 
  /* level-2 links */
 #level2-links{
	padding-left:310x;
	float:left;
	color:#67666b;
	padding-top:2px;
	padding-left:5px;
	font-size:10px;
	text-align:left;
}
 #level2-links a{color:#67666b; text-decoration:none;font-size:10px;}
 #level2-links a:hover{color:#000000;}

/* level-3 */
#level-3 { padding:0; margin:0; /*height:451px;*/ width:786-58px; padding-left:58px; }





 /* level-3 leftnav */
 #level-3-1 {float:left; padding-right:15px;}
 
   /* level-3-1 top for home*/ 
   #level-3-1-1{width:155px; height:136px;}
   
   /* level-3-1 mid */
   #level-3-1-2-home{ padding-top:10px;width:155px;background:url(../images/leftnav-bg.jpg);background-repeat:repeat-y;}
   
   /* level-3-1 mid */
   #level-3-1-2{width:155px;}   
   
   /* level-3-1 bottom */
   #level-3-1-3{width:155px; height:26px;}
   
 /* level-3-2 center text */
 #level-3-2-text{width:145px;color:#00adef; padding-left:10px;  font-weight:bold; padding-top:2px;}
 
 /* level-3-2 center button */ 
 #level-3-2-button{width:150px;position:relative; padding-left:0px;}
 
 /* level-3-2 center button for home */ 
 #level-3-2-button-home{width:150px;position:relative; padding-left:0px;}

 /* level-3-2 spacer */ 
 #level-3-2-spacer{background:url(../images/line-space.jpg);}

 /* level-3-2 mid */  
 #level-3-2 {position:relative; float:left; padding-bottom:20px; }
 
  /* verticle column 1 */
  #level-3-2-1{ width:394px; position:relative; float:left; padding-top:15px; position:relative;}
  #level-3-2-1-itariffs{ width:375px; position:relative; float:left; padding-top:15px; position:relative;}
  
    /* level-3-2-1 center top heading */
    /*#level-3-2-1-top{width:394px; height:47px; background-image:url(../images/center-top-bg.jpg); background-repeat:no-repeat;  position:relative;}*/
	#level-3-2-1-top-tu{width:755px; height:35px; background-image:url(../images/center-top-fsim-bg-tu.gif); background-repeat:no-repeat;  position:relative;}
	#level-3-2-1-top{width:600px; height:35px; background-image:url(../images/center-top-fsim-bg.gif); background-repeat:no-repeat;  position:relative;}
	
    /* level-3-2-1 center bottom round */	
    /*#level-3-2-1-bottom{width:394x; height:25px; background-image:url(../images/center-bottom-bg.jpg); background-position:bottom; background-repeat:no-repeat; position:relative; padding-top:10px;}	*/
	#level-3-2-1-bottom-tu{width:755px; height:25px; background-image:url(../images/center-bottom-bg-fsim-tu.gif); background-position:bottom left; background-repeat:no-repeat; position:relative; padding-top:10px;}
	#level-3-2-1-bottom{width:600px; height:25px; background-image:url(../images/center-bottom-bg-fsim.gif); background-position:bottom left; background-repeat:no-repeat; position:relative; padding-top:10px;}
	
	#level-3-2-1-bottom-ir{width:770px; height:25px; background-image:url(../images/center-bottom-bg-fsim-ir.gif); background-position:bottom left; background-repeat:no-repeat; position:relative; padding-top:10px;}
	#level-3-2-1-top-ir{width:770px; height:35px; background-image:url(../images/center-top-fsim-bg-ir.gif); background-repeat:no-repeat;  position:relative;}
	#level-3-2-1-mid0-ir{width:770px; position:relative;background:url(../images/center-bg-fsim-ir.gif); background-repeat:repeat-y; text-align:left; padding:0px 10px 0px 10px;}
	
    /* level-3-2-1 center table section */	
    #level-3-2-1-mid{width:394px; ; position:relative;}
	#level-3-2-1-mid-itariffs{width:375px; ; position:relative;}
	
	/* level-3-2-1 center for inside pages section */	
	/*#level-3-2-1-mid0{width:374px; ; position:relative;background:url(../images/center-bg.jpg); background-repeat:repeat-y; text-align:left; padding:0px 10px 0px 10px;}*/
	#level-3-2-1-mid0-tu{width:755px; position:relative;background:url(../images/center-bg-fsim-tu.gif); background-repeat:repeat-y; text-align:left; padding:0px 10px 0px 10px;}
	
	#level-3-2-1-mid0{width:580px; position:relative;background:url(../images/center-bg-fsim.gif); background-repeat:repeat-y; text-align:left; padding:0px 10px 0px 10px;}
	
	#level-3-2-1-mid0 a{font-family: Verdana, Arial, Sans-Serif; font-size:12px; color:#6d6e71;}
	#level-3-2-1-mid0 a:hover{ text-decoration:none; color:#000;}
	#level-3-2-1-mid0 ul li { list-style-type:none; padding-left:25px; padding-top:3px; margin-left:0px; padding-bottom:5px; margin-top:0px; background-image:url(../images/bullet_arrow.gif); font-size:12px; background-repeat:no-repeat;}
/*	#bullets      {margin-left:20px;; padding-left: 0; list-style: none;}
	#bullets li a {Padding-left: 20px;background-image: url(images/leb_bullet2.gif);background-repeat: no-repeat;background-position: 0 .5em; font-size:12px;}*/

    /* level-3-2-1 center blue row */	
	  .level-3-2-row{width:394px; height:21px; background:url(../images/bluestrip-home.jpg); padding-top:5px; overflow:hidden;}
	  .level-3-2-row-itariffs{width:375px; height:21px; background:url(../images/bluestrip.jpg); padding-top:5px;}
	  
	  .level-3-2-bluerow-text{width:130px; height:26px; float:left; text-align:center;}
	  .level-3-2-bluerow-text-itariffs{width:125px; height:26px; float:left; text-align:center;}

    /* level-3-2-1 center white row */		
	#level-3-2-whiterow{width:394px; height:21px; ; padding-top:5px;}

    /* level-3-2-1 center bottom limited */		
	#level-3-2-1-mid-limited{width:192px; height:66px; float:left; position:relative; padding-right:25px; padding-left:25px; padding-top:5px;}
	
    /* level-3-2-1 center buttons */		
	#level-3-2-1-mid-buttons{width:134px; height:66px; float:left; position:relative; padding-top:5px;}
	
  /* verticle column 2 */
  #level-3-2-2{  padding-left:17px; position:relative; float:left; padding-top:15px; position:relative;}
  
    /* level-3-2-2 background box */	  
    #level-3-2-2-box{width:193px; height:104px; background:url(../images/small-box.jpg); position:relative; background-repeat:no-repeat; color:#00adef; text-align:center; padding-top:5px; padding-left:1px;}
  
/* level-4 */
#level-4 { clear:both; text-align:left; padding-left:58px; height:34px; padding-bottom:31px; padding-top:10px; background:url(../images/footer.jpg); background-repeat:no-repeat; color:#FFFFFF; } 

/* level-4  hyperlink styles*/
#level-4 a{color:#FFFFFF; text-decoration:none; font-size:10px}
#level-4 a:hover{text-decoration:underline;} 

/* company details */
#compdet {text-align:left; padding-left:75px; color:#999999; font:Verdana, Arial, Helvetica, sans-serif; font-size:9px } 

/* grey nav separators */
.grey-li-separator{height:36px; float:none;}

/* right side navigation */
#nav {margin: 0; padding: 0; height: 24px; list-style: none; display: inline; overflow: hidden;}

#nav li {margin: 0; padding: 0; list-style: none; display: inline;}

#nav a {float: left; padding: 24px 0 0 0; overflow: hidden;	height: 0px !important; height /**/:24px; /* for IE5/Win only */padding-left:0px;}
	
#nav a:hover { background-position: 0 -24px;}

#nav a:active, #nav a.selected {/*background-position: 0 -90px;*/}

#tnational a {width: 187px;	background:url(../images/buttons/btn-national.gif);}
#keep a {width: 187px;	background:url(../images/buttons/btn-keep.gif);}
#tinternational a {width: 187px;	background:url(../images/buttons/btn-intntariffs.gif);}
#topup a {width: 187px;	background:url(../images/buttons/btn-topup.gif);}
#checkbalance a {width: 187px;	background:url(../images/buttons/btn-checkbalance.gif);}

/* left and mid navigation*/
#nav2 {margin: 0;padding: 0; height: 26px; list-style: none; display: inline; overflow: hidden;}

#nav2 li {margin: 0; padding: 0; list-style: none; display: inline;}

#nav2 a {float: left; padding: 26px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */padding-left:0px;}
	
#nav2 a:hover {background-position: 0 -26px;}

#nav2 a:active, #nav a.selected {/*background-position: 0 -90px;*/}

#how a {width: 155px; background:url(../images/buttons/btn-how.gif) no-repeat;}	
#why a {width: 155px; background:url(../images/buttons/btn-why.gif) no-repeat;}	
#rates a {width: 155px; background:url(../images/buttons/btn-rates.gif) no-repeat;}	
#signup a {width: 155px; background:url(../images/buttons/btn-signup2.gif) no-repeat;}	
#findcountry a {width: 134px; background:url(../images/buttons/btn-find.gif) no-repeat;}	
#sup a {width: 134px; background:url(../images/buttons/btn-signup.gif) no-repeat;}

/* left and mid navigation*/
#nav3 {margin: 0;padding: 0; height: 22px;  display: inline; overflow: hidden;}

#nav3 li {margin: 0; padding: 0; list-style: none; display: inline; height:20px; }

#nav3 a {float: left; padding: 22px 0 0 0; overflow: hidden; height: 0px !important; height /**/:24px; /* for IE5/Win only */padding-left:0px; }
	
#nav3 a:hover {background-position: 0 -22px;}

#nav3 a:active, #nav a.selected {/*background-position: 0 -90px;*/}

#why-lebara a {width: 155px; background:url(../images/buttons/btn-why2.gif) no-repeat;}	
#why-lebara_active a {width: 155px; background:url(../images/buttons/btn-why2.gif) no-repeat; background-position: 0 -22px;}

#how-works a {width: 155px; background:url(../images/buttons/btn-how2.gif) no-repeat;}	
#how-works_active a {width: 155px; background:url(../images/buttons/btn-how2.gif) no-repeat; background-position: 0 -22px;}

/*#lebara a {width: 155px; background:url(images/buttons/btn-lebaramobile.gif) no-repeat;}	*/
#terms a {width: 155px; background:url(../images/buttons/btn-terms.gif) no-repeat;}
#terms_active a {width: 155px; background:url(../images/buttons/btn-terms.gif) no-repeat; background-position: 0 -22px;}

#keepnumber a {width: 155px; background:url(../images/buttons/btn-keepnumber.gif) no-repeat;}	
#keepnumber_active a {width: 155px; background:url(../images/buttons/btn-keepnumber.gif) no-repeat; background-position: 0 -22px;}	

#storef a {width: 155px; background:url(../images/buttons/btn-storefinder.gif) no-repeat;}	
#storef_active a {width: 155px; background:url(../images/buttons/btn-storefinder.gif) no-repeat; background-position: 0 -22px;}

#simc a {width: 155px; background:url(../images/buttons/btn-simcard.gif) no-repeat;}	
#simc_active a {width: 155px; background:url(../images/buttons/btn-simcard.gif) no-repeat; background-position: 0 -22px;}

#promo a {width: 155px; background:url(../images/buttons/btn-promo.gif) no-repeat;}	
#promo_active a {width: 155px; background:url(../images/buttons/btn-promo.gif) no-repeat; background-position: 0 -22px;}

#top-up a {width: 155px; background:url(../images/buttons/btn-topupg.gif) no-repeat;}	
#top-up_active a {width: 155px; background:url(../images/buttons/btn-topupg.gif) no-repeat; background-position: 0 -22px;}		

#callbalance a {width: 155px; background:url(../images/buttons/btn-callbalance.gif) no-repeat;}
#callbalance_active a {width: 155px; background:url(../images/buttons/btn-callbalance.gif) no-repeat; background-position: 0 -22px;}
	
#sms a {width: 155px; background:url(../images/buttons/btn-sms.gif) no-repeat;}
#sms_active a {width: 155px; background:url(../images/buttons/btn-sms.gif) no-repeat; background-position: 0 -22px;}

#mms a {width: 155px; background:url(../images/buttons/btn-mms.gif) no-repeat;}
#mms_active a {width: 155px; background:url(../images/buttons/btn-mms.gif) no-repeat; background-position: 0 -22px;}

#voicemail a {width: 155px; background:url(../images/buttons/btn-voicemail.gif) no-repeat;}
#voicemail_active a {width: 155px; background:url(../images/buttons/btn-voicemail.gif) no-repeat; background-position: 0 -22px;}

#faq a {width: 155px; background:url(../images/buttons/btn-faq.gif) no-repeat;}	
#faq_active a {width: 155px; background:url(../images/buttons/btn-faq.gif) no-repeat; background-position: 0 -22px;}
.faq-answers{padding-left:25px; padding-right:8px}

#info a {width: 155px; background:url(../images/buttons/btn-info.gif) no-repeat;}	
#info_active a {width: 155px; background:url(../images/buttons/btn-info.gif) no-repeat; background-position: 0 -22px;}

#roam a {width: 155px; background:url(../images/buttons/btn-roaming.gif) no-repeat;}	
#roam_active a {width: 155px; background:url(../images/buttons/btn-roaming.gif) no-repeat; background-position: 0 -22px;}	

#ntariff a {width: 155px; background:url(../images/buttons/btn-ntariffs.gif) no-repeat;}	
#ntariff_active a {width: 155px; background:url(../images/buttons/btn-ntariffs.gif) no-repeat; background-position: 0 -22px;}	

#itariff a {width: 155px; background:url(../images/buttons/btn-itariffs.gif) no-repeat;}	
#itariff_active a {width: 155px; background:url(../images/buttons/btn-itariffs.gif) no-repeat; background-position: 0 -22px;}	

#roaming a {width: 155px; background:url(../images/buttons/btn-roaming.gif) no-repeat;}
#roaming_active a {width: 155px; background:url(../images/buttons/btn-roaming.gif) no-repeat; background-position:0 -22px;}

#goodtoknow a {width: 155px; background:url(../images/buttons/btn-goodtoknow.gif) no-repeat;}
#goodtoknow_active a {width: 155px; background:url(../images/buttons/btn-goodtoknow.gif) no-repeat; background-position:0 -22px;}

#lebarag a {width: 155px; background:url(../images/buttons/btn-lebarag.gif) no-repeat;}	
#lebarag_active a {width: 155px; background:url(../images/buttons/btn-lebarag.gif) no-repeat; background-position: 0 -22px;}

#careers a {width: 155px; background:url(../images/buttons/btn-careers.gif) no-repeat;}	
#careers_active a {width: 155px; background:url(../images/buttons/btn-careers.gif) no-repeat; background-position: 0 -22px;}

#media a {width: 155px; background:url(../images/buttons/btn-media.gif) no-repeat;}	
#media_active a {width: 155px; background:url(../images/buttons/btn-media.gif) no-repeat; background-position: 0 -22px;}

#phone-unlocking a {width: 155px; background:url(../images/buttons/btn-phone-unlocking.gif) no-repeat;}	
#phone-unlocking_active a {width: 155px; background:url(../images/buttons/btn-phone-unlocking.gif) no-repeat; background-position: 0 -22px;}

#leftbox {
	width: 154px;
	height: 468px;
	position: absolute;
	margin: 0;
	padding: 0;
}
#topbanner {
	width: 468px;
	height: 156px;
	position: absolute;
	left: 156px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	top: 3px;
}

#ratebox {
	width: 468px;
	height: 117px;
	
	position: absolute;
	left: 156px;
	top: 159px;
	margin: 0;
	padding: 0;
	background-image: url(../images/new-middle-rates.jpg)
    
 
	}
	
	
table#new-ratetablestyle{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	 margin-top:6px;
	 width:139px;
	 font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	 border-collapse: collapse;
	 color:#FFF;
	} 
		.box1
		{
			margin-left:4px;
			
		}
			
		.box2
		{
			  
			
		}
		.textsize9
		{
			font-size:9px
		}
		
		.center
		{
			text-align:center;
		}
	
	
table#new-ratetablestyle{
	font-family: Verdana, Geneva, sans-serif;
 
	 margin-top:6px;
	 width:139px;
	 font-family: Verdana, Geneva, sans-serif;
	font-size: 0.7em;
	 border-collapse: collapse;
	 color:#FFF;
	} 
		.box1
		{
			margin-left:4px;
			
		}
			
		.box2
		{
			  
			
		}
		.textsize9
		{
			font-size:9px
		}
		
		.center
		{
			text-align:center;
		}
/*#ratetablestyle {
}*/
table#ratetablestyle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 153px;
	border-collapse: collapse;
	}
table#ratetablestyle thead th.name{
	text-indent:-1000em;
}

table#ratetablestyle th {
	line-height: 15px;
	font-weight: normal;
	text-align: left;
	color: #fff;
	padding-left: 4px;
	padding-right: 4px;
}
table#ratetablestyle td {
	line-height: 17px;
	padding-left: 5px;
	color: white;
	padding-right: 4px;
	text-align: left;
}

#botbanner {
	width: 468px;
	height: 193px;
	position: absolute;
	top: 276px;
	left: 156px;
	margin: 0;
	padding: 0;
}
#rightbox1 {
	width: 154px;
	height: 155px;
	position: absolute;
	left: 626px;
	margin: 0;
	padding: 0;
}
#rightbox2 {
	width: 154px;
	height: 155px;
	left: 626px;
	position: absolute;
	top: 156px;
	margin: 0;
	padding: 0;
}

#rightbox3 {
	width: 154px;
	height: 156px;
	position: absolute;
	left: 626px;
	top: 311px;
	margin: 0;
	padding: 0;
}

#level-3-2-1-mid0 iframe.type12 {
	width:550px;
	height:735px;
	margin-left:-7px;
}

ol.type1 li{padding:4px 0;}

form, fieldset {
	margin:10px 0;
	padding:0;
	border:none;
}

#rateszone input {
	width:30px;
	border:1px solid #fff;
}

 #rateszone td {
	padding:5px;
	font-weight:bold;
	font-size:10px;
}

#rateszone td.box {
	border:1px dotted #CCCCCC;
	padding:0 5px;
}

#rateszone td.header {
	padding:20px 4px 4px 0px;
}

.sponsorverzoek label{
	width:250px;
}

#toggleText{border:solid 1px #666;}

.even{background-color:#F7F7F7; }
.oneven{background-color:#F7F7F7; }

.red-text{
	color:#ff0000;
	font-weight:normal;
	}
table.midle-table-type th,  table.midle-table-type td {
	background:#f7f7f7;
	padding:5px;
	text-align:left;
}
.small-text{
	
	font-weight:normal;
	}
	#click-text p a{
	
	font-weight:normal;
	display:inline;
	background-color:#FFF;
	background-image:none;
		}
.left-width{

width:220px;
}