@import url("grp_ans_gif.css");
@import url("grp_btn_gif.css");
@import url("grp_question_gif.css");
@import url("grp_title_jpg.css");

body {background: #35002f url("bg.gif") repeat-x center top; }
#container	{ width:900px;}

/* all images other than inputzone*/
#title_image {width:900px; height:177px; top:0px;	left:0px;}
#image03 {width: 126px; height: 446px; top: 177px; left: 0px; background-image: url("main01.gif");}
#image04 {width: 324px; height: 446px; top: 177px; left: 125px; background-image: url("main02.gif");}
#image05 {width: 355px; height: 446px; top: 177px; left: 449px; background-image: url("main03.gif");}
.en_US #image05 {background-image: url("pricing_en_us.gif");}

#image06 {width: 96px; height: 446px; top: 177px; left: 804px; background-image: url("main04.gif");}
/*#image02 {width: 416px; height: 234px; top: 161px; left: 101px; background-image: url("pricing_en_gb.jpg");}
.imagestep0 #image02 { background-image: url("bg.jpg") !important;}*/

/* shortcode logo */
#shortcodelogo { display:none; }

/* submit button */
.imagesubmit { width: 208px; height: 49px; }

/* form */
#inputzone { top: 250px; left:255px; height: 260px; width: 400px; text-align: center; }
.en_US #inputzone { top: 300px; }
.en_GB #inputzone { top: 240px; }
.de_DE #inputzone { width: 420px; height: 360px; left: 261px; text-align: left; }
.sv_SE #inputzone { width: 420px; height: 360px; left: 261px; text-align: left; }

.form_bg1 { padding-top: 0px; }
.form_bg2 { padding-top: 0px; }

.en_US input.phonearea { font-size:36px; height:40px; width:80px; }
.en_US input.phoneprefix { font-size:36px; height:40px; width:80px; }
.en_US input.phonesuffix { font-size:36px; height:40px; width:105px; }

.en_GB #msisdn { font-size:36px; height:40px; width:240px; }
.en_IE #msisdn { font-size:36px; height:40px; width:240px; }


/* questions */
#select_gender, #question_zone { position: absolute; top: 235px; left: 220px; width: 480px; height: 300px; }
#gender_message, #questions { position: absolute; top: 0px; width: 100%; height: 60px; }
#gender_message { background: url("gender_en_gb.gif") no-repeat center bottom; }
#questions	{ background: url("q1_question_en_gb.gif") no-repeat center bottom;}
.q2	#questions	{ background-image:url("q1_question_en_gb.gif");}
.q3	#questions	{ background-image:url("q2_question_en_gb.gif");}
.q4	#questions	{ background-image:url("q3_question_en_gb.gif");}

/* Ans list */
#gender_answer { position: absolute; top: 75px; left: 100px;  }
#gender_answer a { display: block; float: left; width: 145px; height: 181px; color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center; font-family: Arial,sans-serif;}
#gender_answer a span { display: block; padding-top: 150px;}
#gender_male { background: url("gender_guy.gif") no-repeat top left; }
#gender_female { background: url("gender_girl.gif") no-repeat top left;}
#gender_male:hover, #gender_female:hover { background-position: -145px 0px; }

#answers { position: absolute; top: 70px; left: 30px; }
#answers a { display: block; width:450px; height:35px; }
#answers a span	{ display: block; width:44px;	height:39px;   background: url("q_number.gif");}

#answers a.ans1 span{ background-position:0px 0px;}		#answers a.ans1:hover span{ background-position:45px 0px;}
#answers a.ans2 span{ background-position:0px -39px;}	#answers a.ans2:hover span{ background-position:45px -39px;}
#answers a.ans3 span{ background-position:0px -78px;}	#answers a.ans3:hover span{ background-position:45px -78px;}
#answers a.ans4 span{ background-position:0px -117px;}	#answers a.ans4:hover span{ background-position:45px -117px;}

#answers a.ans1	{ background: url("q1_ans1_en_gb.gif") no-repeat top left; background-position:40px 10px; }
#answers a.ans2	{ background: url("q1_ans2_en_gb.gif") no-repeat top left; background-position:40px 10px; }
#answers a.ans3	{ background: url("q1_ans3_en_gb.gif") no-repeat top left; background-position:40px 10px; }
#answers a.ans4	{ background: url("q1_ans4_en_gb.gif") no-repeat top left; background-position:40px 10px; }

.q1 #answers a.ans1	{ background-image:url("q1_ans1_en_gb.gif");}
.q1 #answers a.ans2	{ background-image:url("q1_ans2_en_gb.gif");}
.q1 #answers a.ans3	{ display: none;}
.q1 #answers a.ans4	{ display: none;}

.q2 #answers a.ans1	{ background-image:url("q2_ans1_en_gb.gif");}
.q2 #answers a.ans2	{ background-image:url("q2_ans2_en_gb.gif");}
.q2 #answers a.ans3	{ background-image:url("q2_ans3_en_gb.gif");}
.q2 #answers a.ans4	{ background-image:url("q2_ans4_en_gb.gif");}

.q3 #answers a.ans1	{ background-image:url("q3_ans1_en_gb.gif");}
.q3 #answers a.ans2	{ background-image:url("q3_ans2_en_gb.gif");}
.q3 #answers a.ans3	{ background-image:url("q3_ans3_en_gb.gif");}
.q3 #answers a.ans4	{ background-image:url("q3_ans4_en_gb.gif");}

/* carrier logos, T&C */
/* #logos { top: 460px; } */
#logos { top:620px; left:60px; width:800px;}
#tnc   { top:620px; left:60px; width:800px;}
#disclaimer {width:100%;}

.es_ES #logos { display: block; }
.es_ES #tnc { margin-top:60px; }

/* text properties */
.en_GB #subtitle1 {
	display: block; top: 3px; left: auto; right:15px;  width: 550px; height: 15px;
	font-size: 12px; color: #ffffff; text-align: right;	font-family: "Arial", Times, serif;font-weight: bold;
}
.en_IE #subtitle1 {
	display: block; top: 3px; left: auto; right:15px; width: 521px; height: 15px;
	font-size: 12px; color: #ffffff; text-align: right;	font-family: "Arial", Times, serif;font-weight: bold;
}
.nb_NO #subtitle1 {
	display: block; top: 3px; left: 372px; width: 521px; height: 15px;
	font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;
}
.en_ZA #subtitle1 {
	display: block; top: 3px; right: 0px;
	font-size: 12pt; color: #ffffff; text-align: right;	font-family: zurich; font-weight: bold;
}
.sv_SE #subtitle1 { display: block; top: 3px; left: 15px; width: 750px; height: 15px; font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal; }

#countrycode, .hyphen { color: #7f006a; } /* (+44) */
#inputtext1 { color: #7f006a; font-family: Arial,sans-serif; font-size: 20px; text-transform: capitalize;} /* Enter Your Cell Phone Number */
#inputtext4 { color: #7f006a; margin-top: 6px;} /* Funmobile has sent the 4-digit password in a text message to your cell phone. */
#inputtext5 { color: #7f006a; } /* Where should we send your ringtones */
.fstyle1 { color: #7f006a; } /* We are now sending you the PIN to : 123-456-7890 */
.fstyle2 { color: #7f006a; } /* +44 1234567890 */
.fstyle3 { color: #7f006a; font-size: 10px;} /* Please check your phone. Just enter the PIN below. */
.fstyle4 { color: #7f006a; }
.fstyle4a { color: #7f006a; } /*You should have received your password now.*/
.fstyle4b { color: #7f006a; } /* Enter the PIN below. Alternatively, you can */
.fstyle5 { color: #7f006a; } /* text YES to 71769 / Send the text with OK to 88838 */
.fstyle6 { color: #ff9900; } /* Yes 71769 / OK 88838 */
.fstyle7 { color: #7f006a; } /* You will now receive instructions SMS from 88838  */
.demo_steps_text { color: #7f006a; }
#term_text { color: #7f006a; } /* I've read the terms and conditions */
.nb_NO #term_text { color: #7f006a; font-weight:normal !important;}
.chkbox_color_text,.chkbox_color_link { color: #7f006a; } /* check box text */
#disclaimer, a.unsub, a.blacklink { color: #ffe7f9; } /* T&C text */


/* input fields */
#inputphone { padding: 5px 0px; }
#inputphone .num { margin: 6px -18px 0px 18px; border: 0; float: left; }
#inputcarrier { padding: 9px 0px; }
#inputbutton { margin-top: 10px; }
input.phonearea, input.phoneprefix, input.phonesuffix, input.password {color: #000000; background-color: #FFFFFF; border:1px solid #aaaaaa; }
input.phonesuffix { }
#operatorlist { background-color:#FFFFFF; color: #000000; }

/* check box */
.form_bg2 #term_warn_box { margin-top: -80px; }

/* Test results */
#results { color: #7f006a; text-align: justify; }
#results p { margin: 15px 0px; }
.result_title { font-size: 16px; font-weight: bold; }
.result_content { font-size: 14px;}
.submit_link { display: block; cursor: pointer; }
.submit_link span { display: none; }



/* inputtext5's color */
#inputtext5 { color:#7f006a; }


/* subtitles - common / advertentie / suscribete / inputtext */
#subtitle1, #subtitle2 { position: absolute; font-size: 12px; font-weight: bold; color: #FFFFFF; font-family: Arial,sans-serif;  }

#subtitle1 { top: 0px; left: 250px; width: 550px;  text-align: right;}
.en_CA .imagestep0 #subtitle1, .en_CA .imagestep1 #subtitle1, .en_CA .imagestep2 #subtitle2 { text-align:left; left:0; color: #FDCDE3; font-size: 10px; }

.cs_CZ #subtitle1 {display:block; top: 160px; left: 320px; width: 550px; font: normal 11px Arial, Helvetica, sans-serif; text-align: left;}
.en_SE #subtitle1 {display:block; top: 145px; left: 320px; width: 480px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FFFFFF;}
.en_ZA #subtitle1 {display:none;}
.en_ZA .imagestep1 #subtitle1 { display:block; top: 3px; right: 0px; font-size: 12pt; color: #ffffff; text-align: right;	font-family: zurich; font-weight: bold;}
.nb_NO #subtitle1 {display:block; top: 3px; left: 372px; width: 521px; height: 15px; font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;}
.nl_NL #subtitle1 {display:block; top: 160px; left: 320px; width: 550px; font: bold 10px Arial, Helvetica, sans-serif; text-align: left;}
.sv_SE #subtitle1 {display:block; top: 145px; left: 320px; width: 480px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FFFFFF;}


#subtitle2 { top: 0px; left: 250px; width: 550px; text-align: right; }
.cs_CZ #subtitle2 {display:block; top: 160px; left: 320px; width: 550px; font: normal 11px Arial, Helvetica, sans-serif; text-align: left;}
.en_SE #subtitle2 {display:block; top: 145px; left: 320px; width: 480px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FFFFFF;}
.en_ZA #subtitle2 {display:block; top: 3px; right: 0px; font-size: 12pt; color: #ffffff; text-align: right;	font-family: zurich; font-weight: bold;}
.nb_NO #subtitle2 {display:block; top: 3px; left: 372px; width: 521px; height: 15px; font-size: 14px; color: #ffffff; text-align: left;	font-family: "Arial", Times, serif;font-weight: normal;}
.nl_NL #subtitle2 {display:block; top: 160px; left: 320px; width: 550px; font: bold 10px Arial, Helvetica, sans-serif; text-align: left;}
.sv_SE #subtitle2 {display:block; top: 145px; left: 320px; width: 480px; font: normal 18px Verdana, Arial, Helvetica, sans-serif; text-align: left; line-height: 17px; letter-spacing: -1px; text-transform: uppercase; color: #FFFFFF;}


.de_DE #tnc { top: 610px; color: #ffe7f9; }
.de_DE #disclaimer { color: #ffe7f9; }
.de_DE #disclaimer, .de_DE a.unsub, .de_DE a.blacklink { color: #ffe7f9; }
.de_DE .fstyle2 { color:#ffe7f9; }

.en_US #subtitle1 { display: block; top: 3px; left: 372px; width: 521px; height: 15px; font-size: 12px; color: #ffffff; text-align: right;	font-family: "Arial", Times, serif;font-weight: bold;}
.en_US #subtitle2 { display: block; top: 3px; left: 372px; width: 521px; height: 15px; font-size: 12px; color: #ffffff; text-align: right;	font-family: "Arial", Times, serif;font-weight: bold;}
.en_US #select_gender { top: 275px; }
.en_US #question_zone { top: 275px; }
.en_US #tnc { top: 580px; }

.en_NZ .imagestep1 #inputzone { top: 300px; }
.en_NZ .imagestep2 #inputzone { top: 270px; left: 310px; }
.en_NZ #inputtext1 { font-size: 20px; }

.en_SE #inputtext4 { display: block; color: #7f006a;}

.es_ES #sub { font: normal 13px Verdana, Arial, Helvetica, sans-serif; margin-top: -60px; float: right; color:#FFFFFF; }

.fi_FI .imagestep1 #inputzone {top:290px; left:270px; width:350px;}
.fi_FI .imagestep2 #inputzone {top:240px; left:285px; width:380px;}
.fi_FI #subtitle1, .fi_FI #subtitle2 {display:block; left:381px; width:400px; text-align:left;}
.fi_FI #logos {display:block;}
.fi_FI #tnc {margin-top:60px;}

.nb_NO #subtitle1 { display: none; }
.nb_NO .imagestep1 #subtitle1 { display: block; left: 320px; top: 152px; font-size: 12px; }

.nl_NL #advertentie { color: #FFFFFF; right: 0px;}

.sv_SE #inputtext4 { display: block; color: #7f006a;}

.de_AT .imagestep1 #subtitle1, .de_AT #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.de_CH .imagestep1 #subtitle1, .de_CH #subtitle2 {display:block; left:381px; width:400px; text-align:left;}
.fr_CH .imagestep1 #subtitle1, .fr_CH #subtitle2 {display:block; left:381px; width:400px; text-align:left;}
.it_CH .imagestep1 #subtitle1, .it_CH #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.el_GR .imagestep1 #subtitle1, .el_GR #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.et_EE .imagestep1 #subtitle1, .et_EE #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.hu_HU .imagestep1 #subtitle1, .hu_HU #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.id_ID .imagestep1 #subtitle1, .id_ID #subtitle2 {display:block; left:375px; width:500px;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {left:381px; width:450px; text-align:left;}

.lv_LV .imagestep1 #subtitle1, .lv_LV #subtitle2 {display:block; left:381px; width:400px; text-align:left;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:60px;}

.sk_SK .imagestep1 #subtitle1, .sk_SK #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.sl_SI .imagestep1 #subtitle1, .sl_SI #subtitle2 {display:block; left:381px; width:400px; text-align:left;}

.en_CA #tnc { top: 525px; }
.en_CA #disclaimer { color: #666; }

.pl_PL #subtitle1, .pl_PL #subtitle2 { width: 400px; left: 400px; }

.zh_TW #subtitle1, .zh_TW #subtitle2 {left:370px; width:460px; text-align:left;}
.en_SG #subtitle1, .en_SG #subtitle2 { width: 460px; top: 29px; left: 395px; text-align:left; }