@charset "utf-8";
/* CSS Document */

html{
	height: 100%;
	color:#d0e3ef;/* remove that after done*/
	overflow-x:hidden; /*THERE WILL BE NO SCROLLBARS THIS WAY*/
    background-color: #000000;
}
#body {
	margin: 0;
	padding: 0;
	background:url(../images/background.jpg) scroll top center no-repeat;
	font-family: "Helvetica";
	font-size:11px;
    background-color: #000000;
}
.redborder{border:1px solid red;}
.red{color:red;}
.fontHelvetica11px{
	font-family: "Helvetica";
	font-size:11px;
}
#fontHelvetica11px{
	font-family: "Helvetica";
	font-size:11px;
}
body strong{color:#FFFFFF;	}
/* ---------- Beginning STRUCTURE CSS elements ---------- */
#container{
	width: 871px;
    min-height:100%;
	position: relative;
	margin: auto;
	overflow:auto;

}


#top{
	margin-top: 0px;
	width: 100%;
	height: 124px;
	position:relative;
}

#topLOGO{
	float: left;
}

#topLOGO h1 {
	width: 528px;
	height: 124px;
	background: transparent url(../images/o2_freesimlogo.png) no-repeat scroll top left;
	margin: 0;
	padding: 0;
}

#topLOGO h1 span {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

#bottom{
	/*color and stuff*/
	color:#999b9f;
	height: 150px;
	/*color and stuff*/
	position: absolute;
	bottom:0px; /* do not change it ( it keeps the div at the bottom) */
	text-align:center;
	width: 100%; /* NEVER REMOVE THIS LINE */	

	font-family: "Helvetica";
	font-size:11px;

}
#bottom2{
	/*color and stuff*/
	color:#999b9f;
	/*color and stuff*/
	background :url(../images/baseline.png) top center no-repeat;

	bottom:0px; /* do not change it ( it keeps the div at the bottom) */
	text-align:center;
	width: 100%; /* NEVER REMOVE THIS LINE */	

	font-family: "Helvetica";
	font-size:11px;
	height:40px;
	margin-top:10px;
    font-weight: bold;
}
#bottom2 a{
	color:#FFFFFF;
    text-decoration: none;

}
#bottom2 a:visited{
	color:#FFFFFF;
    text-decoration: none;

}
 /*
    FOOTER ELEMENTS
    --------------------------------------------
  */
#privacy_span{
    margin-right:5px;
}


#separator{
    padding-top:1px;
    clear: both;
}


#o2link_span{
    margin-left:5px;
}


 /*
    FOOTER ELEMENTS
    --------------------------------------------
  */
/*
-----------------------------------------------------------------------
		MENU ITEMS
-----------------------------------------------------------------------
*/
#pagemenu{
	margin-top:15px;
	float:left;
	text-align:left;
	margin-left:-50px;

} 

#pagemenu ul{
	margin-left: 0;
	padding-left: 0;
	height:76px;
	width:372px;
} 
#pagemenu ul li{
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: inline;
} 
#tabs ul {
	margin: 0;
	padding: 0;
	display: inline;
	} 

#tabs ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
	width:auto;
}

			
a.buttonFREE{
	display: block; 
	background :url(../images/bts/bt_your_free.png) no-repeat;
	width:135px;
	height:76px;
	float:left;
/*    behavior: url("iepngfix.htc");*/
}
a.buttonFREE:hover{
	background :url(../images/bts/bt_your_free.png) no-repeat 0 -76px;
	width:135px;
	height:76px;
/*    behavior: url("iepngfix.htc");*/
}

a.buttonTARIFF{
	display: block; 
	background :url(../images/bts/bt_tariffs.png) no-repeat;
	width:61px;
	height:76px;
	float:left;
}
a.buttonTARIFF:hover{
	background :url(../images/bts/bt_tariffs.png) no-repeat 0 -76px;;
	width:61px;
	height:76px;	
}

a.buttonTERMS{
	display: block; 
	background :url(../images/bts/bt_terms.png) no-repeat;
	width:176px;
	height:76px;
	float:left;	
}
a.buttonTERMS:hover{
	background :url(../images/bts/bt_terms.png) no-repeat 0 -76px;;
	width:176px;
	height:76px;	
}




/*
-----------------------------------------------------------------------
		MENU ITEMS
-----------------------------------------------------------------------

*/

#mid{

	padding-top:65px;
	position: relative;
	overflow:visible;
	width: 750px;
	height: 560px;
    margin-bottom: 70px;
}

/* ---------- end of PageStructure CSS elements ---------- */


/* ---------- Beginning of homepage CSS elements ---------- */

#homeContentHolder{
	width:650px;
	height:400px;
	position:relative;

	text-align:left;
	color:#d0e3ef;
	overflow:visible;

	margin-left:40px;
	padding-left:100px;

    margin-top: -95px;
    padding-top: 55px;

    padding-right: 50px;


}
#homeHeader{
	width:572px;
	height:80px;
	background:url(../images/home_header.png) no-repeat top left;
	margin-left:-25px;
	margin-top:-20px;
	margin-bottom:-30px;
	overflow:visible;
}
#homeSimCards{
	width:173px;
	height:151px;
	background:url(../images/sim_cards.png) no-repeat top left;
	margin-right:-25px;
	margin-top:-75px;
	margin-bottom:-30px;
	float:right;
	display:block;
	overflow:visible;

    position: relative;
}
/*
	not beign used
#homeContentHolder H1{
	font-size:26px;
	font-weight:900;
	text-align:left;
}
	not beign used
*/

#formHolder{
	border-top:dotted 1px #FFFFFF;
	padding-top:10px; 
	/*height:159px;*/
	position:relative;
	/*width:588px;psd is 588
	border-bottom:dotted 1px #FFFFFF;*/
    width: 600px;

    clear: right;
}
#noOfSimsStyle{
	position:relative;
	float:right;
	text-align:right;
	clear:both;
}
#formCheckboxContainer{
	margin-top:13px;
	padding-top:13px;
	border-top:1px dotted #FFFFFF;
	text-align:left;
	width:100%;
	
}
#formCheckBox1{
	text-align:left;
	float:right;
}
#formCheckBox2{
	text-align:left;
	float:right;
	padding-right:8px;

}
#formSubmitBtn{
	margin-top:15px;
	float:right;
	clear:both;

}
#ListBullets{
	padding-left:18px;
	margin-left:0;
	list-style-image:url(../images/terms-white-arrow.png);
	list-style-position:outside;

}
#ListBullets li{
	margin-bottom:15px;
}

.widthed{ 
width:386px; 
}


/* ------------------------------------------------------------------------------------------------ 
		::: HOMEPAGE CUSTOM FORM GRAPHICS :::
   ------------------------------------------------------------------------------------------------			
*/

/*-----------------------  divs    --------------------------------------------	*/
#home_form_lineWrapper1{
	width:100%; 
	height:20px; 
	display:block;
	margin-bottom:12px;
}
#home_form_title{
	display:block;
	width:58px ;
	height:18px ;
	background:url(../images/homepage_form/title_dropdown.png) no-repeat top left;
	float:left;
	margin-right:4px;

}

#home_form_firstName{
	display:block;
	width:133px ;
	height:18px ;
	background:url(../images/homepage_form/name_inputBox.png) no-repeat top left;
	float:left;
	margin-right:0px;
}
#home_form_surname{
	display:block;
	width:134px ;
	height:18px ;
	background:url(../images/homepage_form/surname_inputBox.png) no-repeat top left;
	float:left;
	margin-right:0px;
}
#home_form_contact{
	display:block;
	width:94px ;
	height:18px ;
	background:url(../images/homepage_form/contact_inputBox.png) no-repeat top left;
	float:left;
	margin-right:5px;
}
#home_form_birthDay{
	display:block;
	width:28px ;
	height:17px ;
	background:url(../images/homepage_form/birth_day_inputBox.png) no-repeat top left;
	float:left;
	margin-left:5px;
	margin-right:2px;
	padding-left:6px;
	overflow:hidden;

}
#home_form_birthMonth{
	display:block;
	width:28px ;
	height:17px ;
	background:url(../images/homepage_form/birth_month_inputBox.png) no-repeat top left;
	float:left;
	margin-right:3px;
	padding-left:6px;
	overflow:hidden;
}
#home_form_birthYear{
	display:block;
	width:39px ;
	height:18px ;
	background:url(../images/homepage_form/birth_year_inputBox.png) no-repeat top left;
	float:left;
	padding-left:2px;
	clear:right;
}


#home_form_lineWrapper2{
	width:100%; 
	height:20px; 
	display:block;
}


#home_form_deliveryAddres1{
	display:block;
	width:289px ;
	height:18px ;
	background:url(../images/homepage_form/address_inputBox.png) no-repeat top left;
	float:left;
	margin-right:7px;
	padding-left:4px;

}
#home_form_deliveryAddres2{
	display:block;
	width:294px ;
	height:18px ;
	background:url(../images/homepage_form/address2_inputBox.png) no-repeat top left;
	float:left;
	padding-left:4px;
}


#home_form_lineWrapper3{
	width:100%; 
	height:20px; 
	display:block;
	margin-bottom:10px;
}


#home_form_deliveryAddres3{
	display:block;
	width:289px ;
	height:18px ;
	background:url(../images/homepage_form/address3_inputBox.png) no-repeat top left;
	float:left;
	margin-right:7px;
	padding-left:4px;
	
}
#home_form_country{
	display:block;
	width:294px ;
	height:18px ;
	background:url(../images/homepage_form/country_dropdown.png) no-repeat top left;
	float:left;

}

#home_form_lineWrapper4{
	width:100%; 
	height:20px; 
	display:block;
	margin-bottom:8px;
}
#home_form_email{
	display:block;
	width:289px ;
	height:18px ;
	background:url(../images/homepage_form/email_inputBox.png) no-repeat top left;
	float:left;
	margin-right:7px; 
	padding-left:4px;
}
#home_form_emailConfirm{
	display:block;
	width:294px ;
	height:18px ;
	background:url(../images/homepage_form/confirm_email.png) no-repeat top left;
	float:left;
	padding-left:4px;
}
#home_form_lineWrapper5{
	width:100%; 
	height:32px; 
	display:block;
	margin-top:10px;
	text-align:right;
}

#home_form_lineWrapper5 .form_error_msg{
	padding-top: 3px;
	float:left;
}


#home_form_numSims{
	display:block;
	width:98px ;
	height:18px ;
	background:url(../images/homepage_form/no_of_sims.png) no-repeat top left;
	float:right;
	margin-left:8px;

}
#home_form_lineWrapper6{
	width:100%; 
	height:55px; 
	display:block;
	margin-top:14px;
	text-align:right;
	border-top:1px dotted #FFFFFF;
	padding-top:23px;
	float:left;
	font-size:9px;
}
#home_form_checkbox1{
	margin-top:-12px;
	display:block;
	width:15px ;
	height:10px ;
	/*background:url(imgs/homepage_form/checkBox.png) no-repeat top left;*/
	float:right;	

}
span.checkbox {
/*	width:18px ;
	height:15px ;
  	background: url(imgs/homepage_form/checkBoxes.png) no-repeat top left;
	display: block;*/
	width:18px ;
	height:15px ;
  padding: 0 5px 0 0;
  background: url(../images/checkbox.gif) no-repeat;
  display: block;
  clear: left;
  float: left;

	
 } 
 
 
#home_form_termsContent{
	margin-top:-10px;
	display:block;
	width:140px ;
	height:60px ;
	text-align:left;
	float:right;
	margin-left:15px;
	margin-right:20px;

}
#home_form_checkbox2{
	margin-top:-12px;
	display:block;
	width:15px ;
	height:10px ;
	float:right;

}
#home_form_newsContent{
	display:block;
	width:255px ;
	height:60px ;
	text-align:left;
	float:right;
	margin-top:-10px;
	margin-left:30px;
}
#home_form_lineWrapper7{
	width:100%; 
	height:23px; 
	display:block;
	margin-top:0px;
	text-align:right;
	float:right;
}
input.buttonOrder{
	display: block; 
	background: url(../images/homepage_form/bt_order.png) no-repeat 0 0;
	width:153px;
	height:27px;
	float:right;
}
input.buttonOrder:hover{
	background :url(../images/homepage_form/bt_order.png) no-repeat 0 -27px;
	width:153px;
	height:27px;
}
/*buttonOrder{
	display: block; 
	background :url(../images/homepage_form/bt_order_01.png) no-repeat top left;
	width:153px;
	height:27px;
	float:right;
}*/


/* ---- input styles --- */
#firstname{
    margin-left:3px;
    margin-right:0px;
    width:130px;
}

#surname{
    margin-left:3px;
    margin-right:0px;
}

#number{
    margin-left:3px;
    margin-right:0px;
    width:90px;
}

#birth{
    float:left;
    padding-top:3px;
}

#dobday{
    width: 30px;
    margin-left: 0px;
}

#dobmonth{
    width: 30px;
}

#dobyear{
    width: 35px;
     margin-left: 3px;
}

#address1{
    width: 277px;

}

#address2{
    width: 280px;
}

#address3{
    width: 277px;

}

#email{
    width: 277px;

}

#emailConfirm{
    width: 280px;

}
/* ---- input styles --- */
/*-----------------------  divs    --------------------------------------------	*/


/*-----------------------  form elements    --------------------------------------------	*/
formHolder.input , select, checkbox, input, checkbox{
	padding-top:1px;
	padding-left:1px;
  	background-color:transparent; border:0px;
	font-family: "Helvetica";
	font-size:11px;
}
formHolder.option, option {
	padding-top:1px;
	padding-left:1px;
	background-color:#FFFFFF; border:0px;
	font-family: "Helvetica";
	font-size:11px;
}

formHolder.input, input {
	padding-top:2px;
	padding-left:1px;
  	background-color:transparent; border:0px;
	font-family: "Helvetica";
	font-size:11px;
}

.hiddenlabel{
  visibility: hidden;
  display: none;
}


/*----------------------- end of form elements    --------------------------------------------	*/

/* ------------------------------------------------------------------------------------------------ 
		:::  beggining of HOMEPAGE CUSTOM FORM GRAPHICS  :::
   ------------------------------------------------------------------------------------------------			
*/



/* ---------- end of homepage CSS elements ---------- */


/* ---------- Beginning of TERMS CSS elements ---------- */
#termsContentText{
	width:580px;
	height:100%;
}
#termsContentHolder{
	font-size:12px;
	padding-left:5px;
	width:630px;
	height:400px;
	position:relative;
	margin-left:140px;
	text-align:left;
	overflow-y:scroll;
	overflow-x:hidden;
    margin-top: -30px;

}
#termsContentHolder H1{
	color:#ffffff;
	font-size:30px;
	font-weight:bold;
}
#termsContentHolder strong{
	color:#ffffff;
}
#termsListBullets{
	padding-left:5px;
	margin-left:5px;
	list-style-image:url(../images/terms-white-arrow.png);
	list-style-position:outside;
	
}
#termsContentHolder li{
	margin-bottom:9px;
}
#termsHeader{
	width:544px;
	height:124px;
	background:url(../images/terms_header.png) no-repeat top center;
	margin-left:-35px;
	margin-top:-20px;
	margin-bottom:-20px;
}
/* ---------- end of TERMS CSS elements ---------- */



/* ---------- Beginning of congratulations CSS elements ---------- */
#congratsContentHolder{
	padding-left:5px;
	width:auto;
	height:auto;
	position:relative;
	margin-left:147px;
	text-align:center;
}

#congratsContentHolder H1{
	color:#ffffff;
	font-size:26px;
	margin-bottom:-10px;
	font-weight:bold;
}

#congratsContentHolder H3{
	font-size:16px;
	font-weight:bold;
}

#congratsHeader{
	width:590px;
	height:162px;
	background:url(../images/congratulations_header.png) no-repeat top left;
	margin-left:-10px;
	margin-top:10px;
	
}
a.congratulationsButtonEmail{
	display: block; 
	background :url(../images/friend_mail_btn1.png) no-repeat top left;
	width:163px;
	height:38px;
	float:left;
	margin-left:-8px;
	margin-top:-8px;
}
a.congratulationsButtonEmail:hover{
	background :url(../images/friend_mail_btn2.png) no-repeat top left;
	width:163px;
	height:38px;	
}
/* ---------- end of congratulations CSS elements ---------- */



/* ---------- Beginning of privacy CSS elements ---------- */
#privacyContentHolder{
	padding-left:0px;
	width:600px;
	height:auto;
	position:relative;
	text-align:left;
	margin-left:50px;
    padding-left: 90px;

    margin-top: -50px;
    padding-top: 30px;
}
#privacyHeader{
	width:283px;
	height:100px;
	background:url(../images/Privacy_header.png) no-repeat top left;
	margin-left:-30px;
	margin-top:-20px;
	margin-bottom:-40px;

	
}
/* ---------- end of privacy CSS elements ---------- */

/* ---------- Beginning of send to a friend CSS elements ---------- */
#friendContentHolder{
	padding-left:0px;
	width:600px;
	height:auto;
	position:relative;
	text-align:left;
	margin-left:45px;
    padding-left: 100px;

    margin-top: -60px;
    padding-top: 40px;

}
#friendHeader{
	width:283px;
	height:100px;
	background:url(../images/send_friend_header.png) no-repeat top left;
	margin-left:-30px;
	margin-top:-20px;
	margin-bottom:-40px;
	
}
#friendFormHolder{
	display:block;
	width:585px;
	height:80px;
	border-top:1px dotted white;
	border-bottom:1px dotted white;
	margin-top:35px;
    position: relative;
    clear: both;
}
#friend_form_name{
	display:block;
	width:213px ;
	height:17px ;
	background:url(../images/send_friend_input.png) no-repeat top left;
	float:left;
	clear:both;
	margin-top:10px;
    padding-left: 5px;
}
#friendsname{
    width: 205px;
}

#friendsemail{
    width: 205px;
}
#friend_form_email{
	display:block;
	width:213px ;
	height:17px ;
	background:url(../images/send_friend_input.png) no-repeat top left;
	float:left;
	margin-top:10px;
    padding-left: 5px;
}
#friend_form_nameWrapper{
	width:215px; 
	height:60px; 
	display:block;
	margin-left:12px;
	margin-top:18px;
	margin-bottom:27px;
	float:left;
}
#friend_form_emailWrapper{
	width:215px; 
	height:20px; 
	display:block;
	margin-left:12px;
	margin-top:18px;
	margin-bottom:27px;
	float:left;
}
input.buttonEmailFriend{
	display: block; 
	background :url(../images/bt_send_details.png) no-repeat 0 0;
	width:163px;
	height:22px;
}
input.buttonEmailFriend:hover{
	background :url(../images/bt_send_details.png) no-repeat 0 -22px;
	width:163px;
	height:22px;
}

#EmailFriend_btn{
    width:163px;
    float:right;
    margin-top:30px;
    margin-right: 0px;
    margin-bottom: 10px;
}
#send_friend_errormessage{
    float:left;
    position:relative;
    clear:left;
    margin-top: 0px;
    padding-top: 0px;
}


/* ---------- end of send to a friend CSS elements ---------- */

/* ---------- Beginning of thank you page CSS elements ---------- */
#thankyouContentHolder{
	padding-left:0px;
	width:600px;
	height:auto;
	position:relative;
	text-align:left;
	margin-left:45px;
    padding-left: 100px;

    margin-top: -30px;
    padding-top: 30px;
}
#thankyouHeader{
	width:190px;
	height:80px;
	background:url(../images/thankyou_header.png) no-repeat top left;
	margin-left:-30px;
	margin-top:-20px;
	margin-bottom:-30px;
	
}
#thankyouContentHolder H1{
	font-size:16px;	
	margin-bottom:40px;
	font-weight:300;
}

#thankyouContentHolder H2{
	font-size:14px;	
	font-weight:300;
}
#thankyouContentHolder H3{
	font-size:12px;	
	font-weight:300;
}
/* ---------- end of thank you page CSS elements ---------- */

/* ---------- Beginning of tariffs CSS elements ---------- */
#tariffsContentHolder{

	padding-left:5px;
	width:auto;
	height:450px;

	position:relative;
	text-align:left;
	margin-left:45px;
	margin-top:-50px;
    padding-top: 60px;
    padding-left: 100px;

}
#tariffsContentHolder H1{
	font-size:26px;
	font-weight:bold;
}

#tablesHolder{
	position:relative;
	border-collapse:collapse;
	overflow-y:scroll;
	overflow-x:hidden;
	height:360px;/* correct size*/
	width:630px;
}
/*
#tablesHolder td{
	border-top:1px solid #FFFFFF;
}

*/
#tariffTableBotLine{
	border-bottom:1px solid #d0e3ef;
}

#tariffTableLeftLine{
	border-left:1px solid #d0e3ef;
}
#tariffTableRightLine{
	border-right:1px solid #d0e3ef;
}

#tariffTableBold{
	font-weight:bold;
	font-size:14px;
}

table.sample {
	border-spacing: 0px;
	border-color: transparent;
	border-collapse: collapse;
	background-color: transparent;
}

.r {border-right: 1px #d0e3ef solid;}
.l {border-left: 1px #d0e3ef solid;}
.t {border-right: 1px #d0e3ef solid;}
.b {border-bottom: 1px #d0e3ef solid;}

.rALPHA {border-right: 0px transparent solid;}
.lALPHA {border-left: 0px transparent solid}
.tALPHA {border-top: 0px transparent solid;}
.bALPHA {border-bottom: 0px transparent solid;}


/*    --- begining of table 1 ---      */
#ttable1{
	width:590px;
	height:138px;
    background:url(../images/tariffs_table2.png) no-repeat scroll top left;
}
.table1col1{
	width:262px;
    height: 31px;
    border-right: 1px transparent solid;
}
.table1col2{
	width:102px;
}
.table1col3{
	width:116px;
}
.table1col4{
	width:82px;
}
/*    --- end of table 1 ---      */


/*    --- begining of table 2 ---      */
#ttable2{
	width:590px;
	height:138px;
    background:url(../images/tariffs_table2.png) no-repeat scroll top left;
    margin-top:5px;
}
.table2col1{
	width:262px;
    height: 23px;
}
.table2col2{
	width:102px;
}
.table2col3{
	width:116px;
}
.table2col4{
	width:82px;
}
/*    --- end of table 2 ---      */

/*    --- begining of table 3 ---      */
#ttable3{
	width:590px;
	height:138px;
    background:url(../images/tariffs_table3.png) ;
    margin-top:5px;
}
.table3col1{
	width:262px;
    height: 31px;
}
.table3col2{
	width:102px;
}
.table3col3{
	width:116px;
}
.table3col4{
	width:82px;
}
.table3row3gap{
    text-align: center;
    background-color:#80B7D6;
}
.table3row6gap{
  text-align:center;
  background-color: #80B7D6;

}
.table3row8gap{
    height:4px;
}
.table3row9gap{
    height:4px;
}
/*    --- end of table 3 ---      */

#tableMargin{
	margin-left:0px;
}
#tablesBgImg{
	height:470px;
}
#tariffsHeader{
	margin-top:-30px;
	margin-left:-30px;
	margin-bottom:-15px;
	background:url(../images/O2_tariffs_header.png) no-repeat top left;
	width:179px;
	height:107px;

}
/* ---------- end of tariffs CSS elements ---------- */

a{
	border:0;
	cursor: hand;
/*	cursor: pointer;*/
}
a:visited{
	border:0;
/*	cursor: hand;
	cursor: pointer;*/
	text-decoration:none;
}

img{border:0;}
/*img, div, a, input, li, ul, table, td, tr{ behavior: url(../images/iepngfix.htc) }*/