@import url("style/grp_btn_png.css");
@import url("style/grp_step_jpg.css");
@import url("style/grp_title_gif.css");

/*body {background:#000000;}*/
body {background:#000000 url("images/bg.jpg") repeat-y center top;}
#leftcontent {height:527px; background:url("images/left.jpg") no-repeat right top;}
#rightcontent {height:527px; background:url("images/right.jpg") no-repeat left top;}

/* width 930px */
#container {width:930px;}
#logos {top:540px; left:25px; width:880px;}
#tnc {top:540px; left:25px; width:880px;} #disclaimer {width:100%;}
#leftcontent {margin-right:464px;} #rightcontent {margin-left :465px;}

.fi_FI .imagestep0 #logos {display:none;}
.fi_FI #logos {display:block; top:540px;} .fi_FI #tnc {top:600px;}

/* For en_US FTC rule move up */
.en_US #container, .en_US .column {margin-top:-20px;}


/* Title */
#title_image {width:625px; height:146px; top:0; left:305px;}
#title_image span {display:none;} /* For use Image title*/
#subtitle_image, #subtitle_image span {color:#FFFFFF; left:320px; top:132px; width:600px; text-transform:uppercase; font-size:12px; font-family:Arial,Helvetica,sans-serif;}

/*3 Step - 1 */
#image02 {width:177px; height:381px; top:146px; left:753px; background:url("images/step1_en_us.jpg");}

/*3 Step - 2, 3*/
.imagestep2 #image02, .imagestep3 #image02 {background:url("images/step2_en_us.jpg");}

/* layout */
#image03 {width:305px; height:146px; top:0; left:0; background:url("images/mainbg01.jpg");}
#image04 {width:305px; height:186px; top:146px; left:0; background:url("images/mainbg02.jpg");}
#image05 {width:448px; height:186px; top:146px; left:305px; background:url("images/mainbg03.jpg");}
#image06 {width:305px; height:195px; top:332px; left:0; background:url("images/mainbg04.jpg");}
#image07 {width:448px; height:195px; top:332px; left:305px; background:url("images/mainbg05.jpg");}
#image08, #image09, #image10, #image11, #image12, #image13, #image14, #image15 {display:none;}

/* for en_US bubble text -1, 2, 3*/
/*.en_US #image04 {background:url("images/bubble01.jpg");}*/

/* for arrow_l and arrow_r */
.imagearrowl {width:21px; height:11px;} .imagearrowr {width:21px; height:11px;}

/* for submit button */
.imagesubmit {width:154px; height:43px;}
/*.en_US .imagesubmit {width:190px; height:64px;} *//* Only US with big btn now */

/* Input zone and input field */
#inputzone {top:180px; left:305px; width:447px; height:360px;}
.form_bg1 {padding-top:60px;} .form_bg2 {padding-top:40px;}

input.phonearea,input.phoneprefix, input.phonesuffix, .password {color:#000000; background-color:#FFFFFF;}
#operatorlist {color:#000000;} /*Select Your Carrier*/
#inputtext1 {color:#FFFFFF; font-size:18px;} /*Enter Your Cell Phone Number */
#inputtext4 {color:#FFFFFF;}
#inputtext5 {color:#FFFFFF;}
#pricing1, #pricing2 {color:#FFFFFF;}

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


#countrycode, .hyphen {color:#FFFFFF; font-weight:bold;} /* (+44) */
#term_text {color:#FFFFFF;}
.fstyle1 {color:#FFFFFF;} /*We are now sending you the password to:*/
.fstyle2 {color:#FFFFFF;} /*(458)794-5878 */
.fstyle3 {color:#FFFFFF;} /*Please Check your phone. Just enter the password below.*/
.fstyle4a {color:#FFFFFF;} /*You should have received your password now.*/
.fstyle4b {color:#FFFFFF;} /*Enter the password below.Alternatively, you can*/
.fstyle5 {color:#FFFFFF;} /*Alternatively, you can text YES to 99621*/
.fstyle6 {color:#0f8099;} /*YES 99621*/
.fstyle7 {color:#FFFFFF;} /*I've read the terms and conditions*/
.chkbox_color_link, .demo_steps_text {color:#FFFFFF;}

#inputtext3 {color:#FFFFFF;} /*Funmobile has sent the 4-digit password
 in a text message to your cell phone. Please enter your password above.*/
/* change T&C colour here */
#disclaimer, a.unsub {color:#FFFFFF;}
#advertentie {color:#ffffff;}

#song_title {position:absolute; top:125px; left:340px; width:555px; text-align:center; font:normal 24px Arial;}

#subtitle1, #subtitle2 {top:123px; left:322px; width:600px; color:#FFFFFF; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;} /* For use Image subtitle*/

.en_CA #subtitle1 {display:block;}
.en_GB #subtitle1 {display:block;}
.en_IE #subtitle1 {display:block;}
.en_NZ #subtitle1 {display:block;}
.en_ZA #subtitle1 {display:block;}
.es_ES #subtitle1 {display:block;}
.fi_FI #subtitle1 {display:block;}
.fr_BE #subtitle1 {display:block;}
.it_IT #subtitle1 {display:block;}
.nb_NO #subtitle1 {display:block; left:350px; top:130px;}
.nl_BE #subtitle1 {display:block;}
.nl_NL #subtitle1 {display:block;}
.sv_SE #subtitle1 {display:block;}

/* remove bubble on 10 Feb 2010
.en_US #image05 {background:url("images/bubble01_en_us.jpg");}*/
.en_US #inputzone {top:140px;}
.en_US #subtitle1, .en_US #subtitle2 {display:block; font-size:16px;}
.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_US #logos, .en_US #tnc {top:515px;}
.en_US #logos {display:none;}

.en_CA #logos {display:none;} .en_CA #tnc {top:530px; padding:0;}
.en_CA #subtitle1, .en_CA #subtitle2 {display:block; width:auto;}

.en_IE #subtitle1, .en_IE #subtitle2 {font-size:11px; width:470px;}

.en_SG #subtitle1, .en_SG #subtitle2 {top:130px; color:#F0F0C8; text-transform:none;}

.de_AT #subtitle1, .de_AT #subtitle2 {display:block; width:auto;}
.de_AT .imagestep1 #inputzone {top:130px;}

.fr_BE #subtitle1, .fr_BE #subtitle2, 
.nl_BE #subtitle1, .nl_BE #subtitle2 {top:5px;}

.de_CH #subtitle1, .de_CH #subtitle2,
.fr_CH #subtitle1, .fr_CH #subtitle2,
.it_CH #subtitle1, .it_CH #subtitle2
 {display:block; width:auto; text-align:center; text-transform:uppercase; top:127px;}

.de_CH .imagestep2 #inputzone, .fr_CH .imagestep2 #inputzone, .it_CH .imagestep2 #inputzone {height:360px; left:305px; top:154px; width:447px;}

.de_DE #inputzone {padding-top:0;}

.el_GR #subtitle1, .el_GR #subtitle2 {display:block; width:auto; top:12px;}

.es_MX #subtitle1, .es_MX #subtitle2 {top:0;}
.es_MX #inputzone {top:155px;}
.es_MX .form_bg1 {padding-top:0;}

.et_EE #subtitle1, .et_EE #subtitle2 {display:block; width:auto;}

.fi_FI #subtitle1, .fi_FI #subtitle2,
.en_FI #subtitle1, .en_FI #subtitle2 {top:5px;}

.fr_FR #inputzone {top:130px;}

.hu_HU #subtitle1, .hu_HU #subtitle2 {display:block; width:auto;}

.id_ID #subtitle1, .id_ID #subtitle2 {display:block;}
.id_ID #logos {display:block;} .id_ID #tnc {margin-top:50px;}

.lt_LT #subtitle1, .lt_LT #subtitle2 {top:127px; width:auto; color:grey;}
.lt_LT .imagestep2 #inputzone {top:140px;}
.lt_LT #tnc {top:613px !important;}

.fr_LU #inputzone {top:130px;}

.lv_LV #subtitle1, .lv_LV #subtitle2 {display:block; width:auto;}
.lv_LV #logos {display:block;} .lv_LV #tnc {margin-top:50px;}

.nb_NO #subtitle1 {display:none;}
.nb_NO .imagestep1 #subtitle1 {display:block;}
.nb_NO #logos {display:block; top:540px;}
.nb_NO #tnc {display:block; top:600px;}

.pt_PT #disclaimer, .en_PT #disclaimer {color:#7F7F7F;}
.pt_PT #disclaimer a, .pt_PT #disclaimer a.unsub,
.en_PT #disclaimer a, .en_PT #disclaimer a.unsub {color:inherit;}

.sk_SK #subtitle1, .sk_SK #subtitle2 {display:block; width:auto;}

.sl_SI .imagestep1 #inputzone {top:130px;}
.sl_SI .imagestep2 #inputzone {top:160px;}
.sl_SI #subtitle1, .sl_SI #subtitle2 {display:block; width:auto;}