@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:0; left:0;}
#image03 {width:126px; height:446px; top:177px; left:0; 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");}
#image06 {width:96px; height:446px; top:177px; left:804px; background-image:url("main04.gif");}

.ar_QA #image05, .ar_SA #image05 {background-image:url("main03_blank.gif");}

/* 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_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:0;}
.form_bg2 {padding-top:0;}

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

.en_GB #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:0; 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("q2_question_en_gb.gif");}
.q3 #questions {background-image:url("q3_question_en_gb.gif");}
.q4 #questions {background-image:url("q4_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 0;}

#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:0 0;} #answers a.ans1:hover span {background-position:45px 0;}
#answers a.ans2 span {background-position:0 -39px;} #answers a.ans2:hover span {background-position:45px -39px;}
#answers a.ans3 span {background-position:0 -78px;} #answers a.ans3:hover span {background-position:45px -78px;}
#answers a.ans4 span {background-position:0 -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, #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;
 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;
 font-size:14px; color:#ffffff; text-align:left; font-family:"Arial", Times, serif;font-weight:normal;
}
.en_ZA #subtitle1 {
 display:block; top:3px; right:0;
 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; 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 0;}
#inputphone .num {margin:6px -18px 0 18px; border:0; float:left;}
#inputcarrier {padding:9px 0;}
#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 0;}
.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 {color:#7f006a;}

/* subtitles - common / advertentie / suscribete / inputtext */
#subtitle1, #subtitle2 {top:0; left:250px; width:550px;
text-align:right; color:#FFFFFF; font-family:bold 12px Arial,sans-serif;}

.cs_CZ #subtitle1, .cs_CZ #subtitle2 {top:160px; left:320px; width:550px; font:normal 11px Arial, Helvetica, sans-serif; text-align:left;}

.en_SE #subtitle1, .en_SE #subtitle2 {top:145px; left:320px; width:480px; font:normal 18px Verdana, Arial, Helvetica, sans-serif; text-align:left; letter-spacing:-1px; text-transform:uppercase; color:#FFFFFF;}

.en_ZA #subtitle1, .en_ZA #subtitle2 {top:3px; right:0; font-size:12pt; color:#ffffff; text-align:right; font-family:zurich; font-weight:bold;}

.nl_NL #subtitle1, .nl_NL #subtitle2 {top:160px; left:320px; width:550px; font:bold 10px Arial, Helvetica, sans-serif; text-align:left;}
.sv_SE #subtitle1, .sv_SE #subtitle2 {top:145px; left:320px; width:480px; font:normal 18px Verdana, Arial, Helvetica, sans-serif; text-align:left; letter-spacing:-1px; text-transform:uppercase; color:#FFFFFF;}

.en_US #select_gender {top:210px;}
.en_US #image04 {background-image:url("main02_en_us.gif");}
.en_US #image05 {background-image:url("pricing_en_us.gif");}
.en_US #image06 {background-image:url("main04_en_us.gif");}
.en_US #subtitle1, .en_US #subtitle2 {top:180px; left:160px; width:600px; font:bold 16px Arial; color:#000; text-align:left;}
.en_US #logos, .en_US #tnc {top:510px;}
.en_US #logos {display:none;}

body.en_CA, body.fr_CA {background-position:center -10px;}
.en_CA #subtitle1, .en_CA #subtitle2 {text-align:left; top:10px; left:0; color:#FDCDE3; font-size:10px;}
.en_CA #disclaimer {color:#666;}
.en_CA #tnc, .fr_CA #tnc {top:575px !important;}
.en_CA #container, .fr_CA #container {top:-10px;}

.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_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;}

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

.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;}

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

.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;}

.el_GR .imagestep1 #subtitle1, .el_GR #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;}

.en_IE #msisdn {font-size:36px; height:40px; width:240px;}
.en_IE #subtitle1, .en_IE #subtitle2 {top:75px; left:auto; right:161px; width:350px; text-align:right;
 font-size:12px; color:#ffffff; font-family:"Arial", Times, serif; font-weight:bold;}
.en_IE #pricing1, .en_IE #pricing2 {top:75px; left:auto; right:161px; width:350px; color:#FFFFFF; text-align:right; font-family:Arial,Times,serif;}
.en_IE #tnc {left:0; top:580px; width:900px;}
.en_IE #container {top:-75px;}
body.en_IE {background-position:center -75px;}
.en_IE #tnc, .en_IE #disclaimer, .en_IE #tnc a.unsub {font-size:9pt; color:#FFE7F9;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {left:381px; width:450px; text-align:left;}
body.lt_LT {background-position:center -15px;}
.lt_LT #container {top:-15px;}
.lt_LT #tnc {top:575px !important;}

.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;}

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

.nb_NO #subtitle1, .nb_NO #subtitle2 {left:320px; top:152px; font-size:12px; color:#aaa;}
.nb_NO #inputtext5 {color:#FF8040;}

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

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

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

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

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