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

/*	body {background:#FFF;}	*/
body {background: #FFF url("images/bg.jpg") repeat-x center top;}
#leftcontent	{height:550px;	background:  url("images/left.jpg") no-repeat right top;}
#rightcontent	{height:550px;	background:  url("images/right.jpg") no-repeat left top;}
#container		{ width:846px;}
#logos	{top:540px; left:0; width:846px; display:none;}
#tnc	{top: 540px; width:846px; text-align:left; left:0;} #disclaimer {width:100%;}
#leftcontent	{ margin-right:422px;}	#rightcontent	{margin-left :422px;}

/* Title */
#title_image span						{display:none;}	/* For use Image title*/
#subtitle_image, #subtitle_image span	{/*display:none;*/}	/* For use Image subtitle*/
#title_image	{width:846px;	height:100px;	top:0px;	left:0px;}
#subtitle_image	{width:846px;	height:20px;	top:72px;	left:0px;	color:#171717; font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:-1px;}

#subtitle1, #subtitle2 {position:absolute; display:block; font-family:Arial; font-size:12px; top:75px; left:60px;}

/*3 Step - 1 */
/*	#image02		{width:490px;	height:50px;	top:478px;	left:270px;} */
/*3 Step - 2, 3*/
/*	.imagestep2 #image02, .imagestep3 #image02 {} 	*/

/* layout */
#image03 {width: 250px;	height: 230px;	top: 100px;	left:0px;	background: url("images/mainbg01.jpg");}
#image04 {width: 250px;	height: 230px;	top: 100px;	left:250px;	background: url("images/mainbg02.jpg");}
#image05 {width: 250px;	height: 220px;	top: 330px;	left:0px;	background: url("images/mainbg03.jpg");}
#image06 {width: 250px;	height: 220px;	top: 330px;	left:250px;	background: url("images/mainbg04.jpg");}
#image07 {width: 346px;	height: 450px;	top: 100px;	left:500px;	background: url("images/mainbg05.jpg");}
#image12, #image13, #image14, #image15 {display:none;}
#image10 {width: 410px;	height: 80px;	top: 100px;	right:5px; 	/* bubble */ }

/* for en_US bubble text */
/* .en_US #image10 {background: url("images/bubble_en_us.jpg");}*/

/* Switch Dollar Sign */
.en_US #image03 {background: url("images/mainbg01_en_us.jpg");}
.en_NZ #image03 {background: url("images/mainbg01_en_nz.jpg");}
.de_DE #image03 {background: url("images/mainbg01_de_de.jpg");}
.fi_FI #image03 {background: url("images/mainbg01_fi_fi.jpg");}
.fr_BE #image03 {background: url("images/mainbg01_fr_be.jpg");}
.nb_NO #image03 {background: url("images/mainbg01_nb_no.jpg");}
.nl_BE #image03 {background: url("images/mainbg01_nl_be.jpg");}
.pt_PT #image03 {background: url("images/mainbg01_pt_pt.jpg");}
.sv_SE #image03 {background: url("images/mainbg01_sv_se.jpg");}

.imagesubmit {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/10082/images/submit_en_au.png' sizingMethod='scale');}
html>body .imagesubmit, html>body .imagesubmit {background-image:url(images/submit_en_au.png);filter:none;}

.imagesubmit.btn_nextstep {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/10082/images/submit1_en_au.png' sizingMethod='scale');}
html>body .imagesubmit.btn_nextstep, html>body .imagesubmit.btn_nextstep {background-image:url("images/submit1_en_au.png");filter:none;}

#title_image {background:url(images/title_en_au.gif);}
.imagestep2 #title_image, .imagestep3 #title_image {background:url(images/title2_en_au.gif);}


/* for arrow_l and arrow_r */
.imagearrowl  {width:31px;  height:28px;  }	.imagearrowr  {width:31px;	height:28px;}
#inputbutton .imagearrowl, #inputbutton .imagearrowr {margin-bottom:8px;}
html>/*Not IE 7*/body .form_bg2 .imagearrowl, html>/*Not IE 7*/body .form_bg2 .imagearrowr,
html>/*Not IE 7*/body .form_bg3 .imagearrowl, html>/*Not IE 7*/body .form_bg3 .imagearrowr { margin-top:-16px; }
@media all and (min-width:0px) { body:not(:root:root) .imagearrowl, .imagearrowr { margin-top:-8px; margin-bottom:0px;}} /* For Safari */

/* for submit button */
.imagesubmit 	{width:176px;	height:56px;}
/* for change to Next step button */
.imagesubmit.btn_nextstep	{width:176px;	height:56px;}

/* Input zone and input field */
#inputzone	{top:170px; left:425px;	width:420px;}
html>/*Not IE6,7*/body #alert		{ margin-left:0px;}
.form_bg1{padding-top:0px;} 	.form_bg2, .form_bg3{padding-top:0px;}

input.phonearea,input.phoneprefix, input.phonesuffix, .password, input.phonenumber { color:#000000; background-color: #FFFFFF;}
#operatorlist		{color:#000000;} /*Select Your Carrier*/
#inputtext1			{color:#000000; font-size:16px;} /*Step1:Enter Your Cell Phone Number */

.fstyle1	{color: #000000; font-size:14px; letter-spacing:-1px;}	/*We are now sending you the password to:*/
.fstyle2	{color: #0A4171;}	/*(458)794-5878 */
.fstyle3	{color: #000000;}	/*Please Check your phone. Just enter the password below.*/
.fstyle4a	{color: #000000; font-size:12px;}	/*You should have received your password now.*/
.fstyle4b	{color: #000000; font-size:12px;}	/*Enter the password below.Alternatively, you can*/
.fstyle5	{color: #000000;}	/*Alternatively, you can text YES to 99621*/
.fstyle6	{color: #03A1E2;}	/*YES 99621*/
.fstyle7	{color: #000000;}	/*I've read the terms and conditions*/

.invalid_password	{ color:#000000;}	/*Invalid password error text*/
#inputtext3	{color: #000000;}	/*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:#000000;}


.en_US #subtitle1, .en_US #subtitle2 {left:20px; right:auto; width:800px; font:bold 16px Arial; text-align:right;}
.en_US .imagestep2 #inputzone	{top:150px;}