/* CSS Document */
body {
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* hack on <br /> in header */
body br {
	display: none;
}

body div br {
	display: block;
}

div.wrapper {
	width: 772px;
    height: 600px;
	text-align: center;
}

div#container {
	margin: 0 auto;
	position: relative;
	width: 760px;
	overflow: hidden;
}

div#container , #container #bkgrimg {
	height: 500px;
	background-repeat: no-repeat;
}

#container form {

}

#subscription {
	position:absolute;
	right:10px;
	_right:-440px;
	_top:-4px;
	height: 71px;
	width: 129px;
}

#subscription div.inner {
	height: 71px;
	width: 129px;
        position:absolute;
        right:10px;
}

* html #subscription {
	margin-right: 18px;
	position: relative;
}

* html #subscription div.inner {
	background-image: none;
}

#audio {
	position: absolute;
	left: 485px;
	top: 159px;
	width: 95px;
	height: 35px;
}

div.nopreview #audio {
	display: none;
	visibility: hidden;
	}

#header {
	margin-top: 0px;
	width: 100%;
        width: 760px;
	text-align: left;
	overflow:hidden;
}

h1#title {
	font-size: 40px;
	margin: 0 0 0 5px;
	float: left;
	height: 48px;
	width: 550px;
	overflow: hidden;
	*background-image: none;
}

div.combined h1#title {
	height: 100px;
	//width: 620px;
        width: 760px;
	background-repeat: no-repeat;
	background-position: left top;
}

h2#subtitle {
	font-size: 18px;
	position: absolute;
	margin: 0 0 0 10px;
	left: 38px;
	top: 35px;
	height: 22px;
	width: 550px;
}

* html h2#subtitle {
	background-image: none;
}

* html h1#title {
	margin-left: 18px;
	background-image: none;
}



input#msisdn, input#msisdn2, input#pincode, input#msisdnShow {
	position: absolute;
	left: 487px;
	top: 240px;
	width: 220px;
	font-size: 22px;
	font-weight: bold;
	height: 26px;
	letter-spacing: 1px;
}

div.nopreview form.nogoogle input#msisdn {
	top: 323px;
}

input#pincode  {
	top: 420px;
	}

input.submit {
	left: 523px;
	top: 420px;
	position: absolute;
}

div.notice input.button, input.submit {
	width: 136px;
	height: 32px;
	font-size: 16px;
}

div.notice {
	position: absolute;
	left: 437px;
	top: 415px;
	width: 300px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#disclaimerbar {
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 10;
	background-color: #000000;
}

div.googleDisclaimer {
	display: inline;
	}

input#agree {

}

label#agreetext {
	position: absolute;
	left: 512px;
	top: 320px;
	margin-right: 10px;
	width:230px;
}


#telerror {
	position: absolute;
	top: 230px;
	left: 487px;
	width: 224px;
	font-size: 11px;
	color: #CCFF00;
	background-color: #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.nopreview form.nogoogle #telerror {
	top: 313px;
}

div#central {
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin-top: 140px;
	margin-left: 761px;
}

/*
* FOOTER
*/
#footer {
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0 8px 0 10px;
	z-index:200;
}

#footer a {
	color: #666666;
}

#lpfootertext {
	text-align: left;
	color: #000000;
}

#lpfootermenu {
	margin-top: 5px;
	text-align: center;
}

.agreeclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}
.agreeclass a {
	text-decoration: underline;
	cursor: pointer;
	}
#agree2 {
	position: relative;
}

/**
*  POPUPS
*/
div.legalPopclass {
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 150px;
	height: 480px;
	width: 480px;
	border: solid;
	color: #333333;
	border-left: 1px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 3px solid #444444;
	background-color: #f3f3f3;
	opacity: .95;
	filter: alpha(opacity =   95);
}

div.legalPopclass h2 {
	font-size: 16px;
	margin: 15px 25px 15px 30px;
	color: #333333;
}



div#legal {
	padding: 10px 15px;
	width: 450px;
	border-bottom: solid 1px #000;
	font-size: 12px;
	height: 400px;
	overflow: auto;
	margin-bottom: 10px;
	text-align: left;
}

div#legal h1 {
	font-size: 15px
}
div#legal h2 {
	font-size: 13px;
	margin: 15px 0 10px 0;
}
div#legal h3{
	font-size: 12px
}
div#legal h4 {
	font-size: 11px
}

div.notice {
	font-weight:bold;
	height:350px;
	left:438px;
	position:absolute;
	text-align:center;
	top:107px;
	width:306px;
}

div.notice h4 {
	/*color:#FFFFFF;*/
	font-size:11px;
	line-height:130%;
	margin:70px 15px 55px;
	text-align:left;
	font-weight: normal;
}

div.notice h4 b {
font-size:20px;
}



div.popdisclaimerbar {
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	width: 480px;
	text-align: center;
}

.klick {
	margin: 0 0 30px;
	text-align: center;
	font-size: 30px;
	height: 50px;
}

#frm2 {
	margin-bottom: -15px;
}


div#checkboxWrapper {
	position: absolute;
	left: 486px;
	top: 318px;
	width: 25px;
	height: 25px;
}

div#checkboxWrapper a {
	display: block;
	width: 25px;
	height: 25px;
	}

div#checkboxWrapper a.off  {
	background: url('/images/uncheck.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/uncheck.png');
}
div#checkboxWrapper a.on  {
	background: url('/images/check.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/check.png');
}
* html div#checkboxWrapper a.off,
* html div#checkboxWrapper a.on {
	background: none;
}
/**
*   EXCEPTIONS
**/ /* translation */
#translation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: auto;
	padding: 5px;
	text-align: left;
	width: 760px;
}

#translation a {
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	vertical-align: middle;
}

#translation a:hover {
	text-decoration: none;
}

#translation img {
	border: 1px solid black;
	margin-right: 5px;
	text-decoration: none;
	vertical-align: middle;
}


label.step {
	position: absolute;
	left: 460px;
	width: 280px;
	height: 40px;
	text-indent: -4000px;
	background: transparent left top no-repeat;
}

/*
*   STEPS
*/

/* SPECIAL STEPS */
* html div.nopreview form.google div.pincode label#step_msisdn2.step,
* html div.preview form.google div.pincode label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.preview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.nopreview form.google div.mo label#step_msisdn2.step,
* html div.preview form.google div.mo label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.mo label#step_msisdn2.step,
* html div.preview form.nogoogle div.mo label#step_msisdn2.step {
	background-image: none;
}

/* STEP 1 */


div.nopreview form.nogoogle label#step1 {
	top: 290px;
}

* html div.nopreview form#frm.google div.pincode label#step1.step,
* html div.preview form#frm.google div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.pincode label#step1.step,
* html div.preview form#frm.nogoogle div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.mo label#step1.step,
* html div.preview form#frm.nogoogle div.mo label#step1.step,
* html div.nopreview form#frm.google div.mo label#step1.step,
* html div.preview form#frm.google div.mo label#step1.step {
	background-image: none;
}

/* STEP 2 */

* html div.nopreview form.google div.pincode label#step2.step,
* html div.preview form.google div.pincode label#step2.step,
* html div.nopreview form.nogoogle div.pincode label#step2.step,
* html div.preview form.nogoogle div.pincode label#step2.step,
* html div.nopreview form.google div.mo label#step2.step,
* html div.preview form.google div.mo label#step2.step,
* html div.nopreview form.nogoogle div.mo label#step2.step,
* html div.preview form.nogoogle div.mo label#step2.step {
	background-image: none;
}

/* STEP 3 */

div.preview form.google div.pincode label#step3 {
	/*display: none;*/
}

div.nopreview form.nogoogle label#step3 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step3.step,
* html div.preview form.google div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.pincode label#step3.step,
* html div.preview form.nogoogle div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.mo label#step3.step,
* html div.preview form.nogoogle div.mo label#step3.step,
* html div.nopreview form.google div.mo label#step3.step,
* html div.preview form.google div.mo label#step3.step {
	background-image: none;
}

/* STEP 4 */


div.nopreview label#step4,
form.nogoogle label#step4 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step4.step,
* html div.preview form.google div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.pincode label#step4.step,
* html div.preview form.nogoogle div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.mo label#step4.step,
* html div.preview form.nogoogle div.mo label#step4.step,
* html div.nopreview form.google div.mo label#step4.step,
* html div.preview form.google div.mo label#step4.step {
	background-image: none;
}

/* end of steps*/

/* message to encourage user entering their pincode */

label#waitforpin {
    position:absolute;
	top: 185px;
	left: 460px;
	width: 260px;
}

ul.multioptions {
	list-style: none;
}


/* preview agreetext after submit without checked */
#checkError {
	position:absolute;
	left:480px;
	top: 390px;
	background-color:#FF0000;
	height:15px;
	width:222px;
}/* CSS Document */
body {
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* hack on <br /> in header */
body br {
	display: none;
}

body div br {
	display: block;
}

div.wrapper {
	width: 772px;
    height: 600px;
	text-align: center;
}

div#container {
	margin: 0 auto;
	position: relative;
	width: 760px;
	overflow: hidden;
}

div#container , #container #bkgrimg {
	height: 500px;
	background-repeat: no-repeat;
}

#container form {

}

#subscription {
	position:absolute;
	right:10px;
	_right:-440px;
	_top:-4px;
	height: 71px;
	width: 129px;
}

#subscription div.inner {
	height: 71px;
	width: 129px;
        position:absolute;
        right:10px;
}

* html #subscription {
	margin-right: 18px;
	position: relative;
}

* html #subscription div.inner {
	background-image: none;
}

#audio {
	position: absolute;
	left: 485px;
	top: 159px;
	width: 95px;
	height: 35px;
}

div.nopreview #audio {
	display: none;
	visibility: hidden;
	}

#header {
	margin-top: 0px;
	width: 100%;
        width: 760px;
	text-align: left;
	overflow:hidden;
}

h1#title {
	font-size: 40px;
	margin: 0 0 0 5px;
	float: left;
	height: 48px;
	width: 550px;
	overflow: hidden;
	*background-image: none;
}

div.combined h1#title {
	height: 100px;
	//width: 620px;
        width: 760px;
	background-repeat: no-repeat;
	background-position: left top;
}

h2#subtitle {
	font-size: 18px;
	position: absolute;
	margin: 0 0 0 10px;
	left: 38px;
	top: 35px;
	height: 22px;
	width: 550px;
}

* html h2#subtitle {
	background-image: none;
}

* html h1#title {
	margin-left: 18px;
	background-image: none;
}



input#msisdn, input#msisdn2, input#pincode, input#msisdnShow {
	position: absolute;
	left: 487px;
	top: 240px;
	width: 220px;
	font-size: 22px;
	font-weight: bold;
	height: 26px;
	letter-spacing: 1px;
}

div.nopreview form.nogoogle input#msisdn {
	top: 323px;
}

input#pincode  {
	top: 420px;
	}

input.submit {
	left: 523px;
	top: 420px;
	position: absolute;
}

div.notice input.button, input.submit {
	width: 136px;
	height: 32px;
	font-size: 16px;
}

div.notice {
	position: absolute;
	left: 437px;
	top: 415px;
	width: 300px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#disclaimerbar {
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 10;
	background-color: #000000;
}

div.googleDisclaimer {
	display: inline;
	}

input#agree {

}

label#agreetext {
	position: absolute;
	left: 512px;
	top: 320px;
	margin-right: 10px;
	width:230px;
}


#telerror {
	position: absolute;
	top: 230px;
	left: 487px;
	width: 224px;
	font-size: 11px;
	color: #CCFF00;
	background-color: #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.nopreview form.nogoogle #telerror {
	top: 313px;
}

div#central {
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin-top: 140px;
	margin-left: 761px;
}

/*
* FOOTER
*/
#footer {
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0 8px 0 10px;
	z-index:200;
}

#footer a {
	color: #666666;
}

#lpfootertext {
	text-align: left;
	color: #000000;
}

#lpfootermenu {
	margin-top: 5px;
	text-align: center;
}

.agreeclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}
.agreeclass a {
	text-decoration: underline;
	cursor: pointer;
	}
#agree2 {
	position: relative;
}

/**
*  POPUPS
*/
div.legalPopclass {
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 150px;
	height: 480px;
	width: 480px;
	border: solid;
	color: #333333;
	border-left: 1px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 3px solid #444444;
	background-color: #f3f3f3;
	opacity: .95;
	filter: alpha(opacity =   95);
}

div.legalPopclass h2 {
	font-size: 16px;
	margin: 15px 25px 15px 30px;
	color: #333333;
}



div#legal {
	padding: 10px 15px;
	width: 450px;
	border-bottom: solid 1px #000;
	font-size: 12px;
	height: 400px;
	overflow: auto;
	margin-bottom: 10px;
	text-align: left;
}

div#legal h1 {
	font-size: 15px
}
div#legal h2 {
	font-size: 13px;
	margin: 15px 0 10px 0;
}
div#legal h3{
	font-size: 12px
}
div#legal h4 {
	font-size: 11px
}

div.notice {
	font-weight:bold;
	height:350px;
	left:438px;
	position:absolute;
	text-align:center;
	top:107px;
	width:306px;
}

div.notice h4 {
	/*color:#FFFFFF;*/
	font-size:11px;
	line-height:130%;
	margin:70px 15px 55px;
	text-align:left;
	font-weight: normal;
}

div.notice h4 b {
font-size:20px;
}



div.popdisclaimerbar {
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	width: 480px;
	text-align: center;
}

.klick {
	margin: 0 0 30px;
	text-align: center;
	font-size: 30px;
	height: 50px;
}

#frm2 {
	margin-bottom: -15px;
}


div#checkboxWrapper {
	position: absolute;
	left: 486px;
	top: 318px;
	width: 25px;
	height: 25px;
}

div#checkboxWrapper a {
	display: block;
	width: 25px;
	height: 25px;
	}

div#checkboxWrapper a.off  {
	background: url('/images/uncheck.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/uncheck.png');
}
div#checkboxWrapper a.on  {
	background: url('/images/check.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/check.png');
}
* html div#checkboxWrapper a.off,
* html div#checkboxWrapper a.on {
	background: none;
}
/**
*   EXCEPTIONS
**/ /* translation */
#translation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: auto;
	padding: 5px;
	text-align: left;
	width: 760px;
}

#translation a {
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	vertical-align: middle;
}

#translation a:hover {
	text-decoration: none;
}

#translation img {
	border: 1px solid black;
	margin-right: 5px;
	text-decoration: none;
	vertical-align: middle;
}


label.step {
	position: absolute;
	left: 460px;
	width: 280px;
	height: 40px;
	text-indent: -4000px;
	background: transparent left top no-repeat;
}

/*
*   STEPS
*/

/* SPECIAL STEPS */
* html div.nopreview form.google div.pincode label#step_msisdn2.step,
* html div.preview form.google div.pincode label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.preview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.nopreview form.google div.mo label#step_msisdn2.step,
* html div.preview form.google div.mo label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.mo label#step_msisdn2.step,
* html div.preview form.nogoogle div.mo label#step_msisdn2.step {
	background-image: none;
}

/* STEP 1 */


div.nopreview form.nogoogle label#step1 {
	top: 290px;
}

* html div.nopreview form#frm.google div.pincode label#step1.step,
* html div.preview form#frm.google div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.pincode label#step1.step,
* html div.preview form#frm.nogoogle div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.mo label#step1.step,
* html div.preview form#frm.nogoogle div.mo label#step1.step,
* html div.nopreview form#frm.google div.mo label#step1.step,
* html div.preview form#frm.google div.mo label#step1.step {
	background-image: none;
}

/* STEP 2 */

* html div.nopreview form.google div.pincode label#step2.step,
* html div.preview form.google div.pincode label#step2.step,
* html div.nopreview form.nogoogle div.pincode label#step2.step,
* html div.preview form.nogoogle div.pincode label#step2.step,
* html div.nopreview form.google div.mo label#step2.step,
* html div.preview form.google div.mo label#step2.step,
* html div.nopreview form.nogoogle div.mo label#step2.step,
* html div.preview form.nogoogle div.mo label#step2.step {
	background-image: none;
}

/* STEP 3 */

div.preview form.google div.pincode label#step3 {
	/*display: none;*/
}

div.nopreview form.nogoogle label#step3 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step3.step,
* html div.preview form.google div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.pincode label#step3.step,
* html div.preview form.nogoogle div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.mo label#step3.step,
* html div.preview form.nogoogle div.mo label#step3.step,
* html div.nopreview form.google div.mo label#step3.step,
* html div.preview form.google div.mo label#step3.step {
	background-image: none;
}

/* STEP 4 */


div.nopreview label#step4,
form.nogoogle label#step4 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step4.step,
* html div.preview form.google div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.pincode label#step4.step,
* html div.preview form.nogoogle div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.mo label#step4.step,
* html div.preview form.nogoogle div.mo label#step4.step,
* html div.nopreview form.google div.mo label#step4.step,
* html div.preview form.google div.mo label#step4.step {
	background-image: none;
}

/* end of steps*/

/* message to encourage user entering their pincode */

label#waitforpin {
    position:absolute;
	top: 185px;
	left: 460px;
	width: 260px;
}

ul.multioptions {
	list-style: none;
}


/* preview agreetext after submit without checked */
#checkError {
	position:absolute;
	left:480px;
	top: 390px;
	background-color:#FF0000;
	height:15px;
	width:222px;
}/* CSS Document */
body {
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* hack on <br /> in header */
body br {
	display: none;
}

body div br {
	display: block;
}

div.wrapper {
	width: 772px;
    height: 600px;
	text-align: center;
}

div#container {
	margin: 0 auto;
	position: relative;
	width: 760px;
	overflow: hidden;
}

div#container , #container #bkgrimg {
	height: 500px;
	background-repeat: no-repeat;
}

#container form {

}

#subscription {
	position:absolute;
	right:10px;
	_right:-440px;
	_top:-4px;
	height: 71px;
	width: 129px;
}

#subscription div.inner {
	height: 71px;
	width: 129px;
        position:absolute;
        right:10px;
}

* html #subscription {
	margin-right: 18px;
	position: relative;
}

* html #subscription div.inner {
	background-image: none;
}

#audio {
	position: absolute;
	left: 485px;
	top: 159px;
	width: 95px;
	height: 35px;
}

div.nopreview #audio {
	display: none;
	visibility: hidden;
	}

#header {
	margin-top: 0px;
	width: 100%;
        width: 760px;
	text-align: left;
	overflow:hidden;
}

h1#title {
	font-size: 40px;
	margin: 0 0 0 5px;
	float: left;
	height: 48px;
	width: 550px;
	overflow: hidden;
	*background-image: none;
}

div.combined h1#title {
	height: 100px;
	//width: 620px;
        width: 760px;
	background-repeat: no-repeat;
	background-position: left top;
}

h2#subtitle {
	font-size: 18px;
	position: absolute;
	margin: 0 0 0 10px;
	left: 38px;
	top: 35px;
	height: 22px;
	width: 550px;
}

* html h2#subtitle {
	background-image: none;
}

* html h1#title {
	margin-left: 18px;
	background-image: none;
}



input#msisdn, input#msisdn2, input#pincode, input#msisdnShow {
	position: absolute;
	left: 487px;
	top: 240px;
	width: 220px;
	font-size: 22px;
	font-weight: bold;
	height: 26px;
	letter-spacing: 1px;
}

div.nopreview form.nogoogle input#msisdn {
	top: 323px;
}

input#pincode  {
	top: 420px;
	}

input.submit {
	left: 523px;
	top: 420px;
	position: absolute;
}

div.notice input.button, input.submit {
	width: 136px;
	height: 32px;
	font-size: 16px;
}

div.notice {
	position: absolute;
	left: 437px;
	top: 415px;
	width: 300px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#disclaimerbar {
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 10;
	background-color: #000000;
}

div.googleDisclaimer {
	display: inline;
	}

input#agree {

}

label#agreetext {
	position: absolute;
	left: 512px;
	top: 320px;
	margin-right: 10px;
	width:230px;
}


#telerror {
	position: absolute;
	top: 230px;
	left: 487px;
	width: 224px;
	font-size: 11px;
	color: #CCFF00;
	background-color: #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.nopreview form.nogoogle #telerror {
	top: 313px;
}

div#central {
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin-top: 140px;
	margin-left: 761px;
}

/*
* FOOTER
*/
#footer {
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0 8px 0 10px;
	z-index:200;
}

#footer a {
	color: #666666;
}

#lpfootertext {
	text-align: left;
	color: #000000;
}

#lpfootermenu {
	margin-top: 5px;
	text-align: center;
}

.agreeclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}
.agreeclass a {
	text-decoration: underline;
	cursor: pointer;
	}
#agree2 {
	position: relative;
}

/**
*  POPUPS
*/
div.legalPopclass {
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 150px;
	height: 480px;
	width: 480px;
	border: solid;
	color: #333333;
	border-left: 1px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 3px solid #444444;
	background-color: #f3f3f3;
	opacity: .95;
	filter: alpha(opacity =   95);
}

div.legalPopclass h2 {
	font-size: 16px;
	margin: 15px 25px 15px 30px;
	color: #333333;
}



div#legal {
	padding: 10px 15px;
	width: 450px;
	border-bottom: solid 1px #000;
	font-size: 12px;
	height: 400px;
	overflow: auto;
	margin-bottom: 10px;
	text-align: left;
}

div#legal h1 {
	font-size: 15px
}
div#legal h2 {
	font-size: 13px;
	margin: 15px 0 10px 0;
}
div#legal h3{
	font-size: 12px
}
div#legal h4 {
	font-size: 11px
}

div.notice {
	font-weight:bold;
	height:350px;
	left:438px;
	position:absolute;
	text-align:center;
	top:107px;
	width:306px;
}

div.notice h4 {
	/*color:#FFFFFF;*/
	font-size:11px;
	line-height:130%;
	margin:70px 15px 55px;
	text-align:left;
	font-weight: normal;
}

div.notice h4 b {
font-size:20px;
}



div.popdisclaimerbar {
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	width: 480px;
	text-align: center;
}

.klick {
	margin: 0 0 30px;
	text-align: center;
	font-size: 30px;
	height: 50px;
}

#frm2 {
	margin-bottom: -15px;
}


div#checkboxWrapper {
	position: absolute;
	left: 486px;
	top: 318px;
	width: 25px;
	height: 25px;
}

div#checkboxWrapper a {
	display: block;
	width: 25px;
	height: 25px;
	}

div#checkboxWrapper a.off  {
	background: url('/images/uncheck.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/uncheck.png');
}
div#checkboxWrapper a.on  {
	background: url('/images/check.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/check.png');
}
* html div#checkboxWrapper a.off,
* html div#checkboxWrapper a.on {
	background: none;
}
/**
*   EXCEPTIONS
**/ /* translation */
#translation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: auto;
	padding: 5px;
	text-align: left;
	width: 760px;
}

#translation a {
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	vertical-align: middle;
}

#translation a:hover {
	text-decoration: none;
}

#translation img {
	border: 1px solid black;
	margin-right: 5px;
	text-decoration: none;
	vertical-align: middle;
}


label.step {
	position: absolute;
	left: 460px;
	width: 280px;
	height: 40px;
	text-indent: -4000px;
	background: transparent left top no-repeat;
}

/*
*   STEPS
*/

/* SPECIAL STEPS */
* html div.nopreview form.google div.pincode label#step_msisdn2.step,
* html div.preview form.google div.pincode label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.preview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.nopreview form.google div.mo label#step_msisdn2.step,
* html div.preview form.google div.mo label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.mo label#step_msisdn2.step,
* html div.preview form.nogoogle div.mo label#step_msisdn2.step {
	background-image: none;
}

/* STEP 1 */


div.nopreview form.nogoogle label#step1 {
	top: 290px;
}

* html div.nopreview form#frm.google div.pincode label#step1.step,
* html div.preview form#frm.google div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.pincode label#step1.step,
* html div.preview form#frm.nogoogle div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.mo label#step1.step,
* html div.preview form#frm.nogoogle div.mo label#step1.step,
* html div.nopreview form#frm.google div.mo label#step1.step,
* html div.preview form#frm.google div.mo label#step1.step {
	background-image: none;
}

/* STEP 2 */

* html div.nopreview form.google div.pincode label#step2.step,
* html div.preview form.google div.pincode label#step2.step,
* html div.nopreview form.nogoogle div.pincode label#step2.step,
* html div.preview form.nogoogle div.pincode label#step2.step,
* html div.nopreview form.google div.mo label#step2.step,
* html div.preview form.google div.mo label#step2.step,
* html div.nopreview form.nogoogle div.mo label#step2.step,
* html div.preview form.nogoogle div.mo label#step2.step {
	background-image: none;
}

/* STEP 3 */

div.preview form.google div.pincode label#step3 {
	/*display: none;*/
}

div.nopreview form.nogoogle label#step3 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step3.step,
* html div.preview form.google div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.pincode label#step3.step,
* html div.preview form.nogoogle div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.mo label#step3.step,
* html div.preview form.nogoogle div.mo label#step3.step,
* html div.nopreview form.google div.mo label#step3.step,
* html div.preview form.google div.mo label#step3.step {
	background-image: none;
}

/* STEP 4 */


div.nopreview label#step4,
form.nogoogle label#step4 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step4.step,
* html div.preview form.google div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.pincode label#step4.step,
* html div.preview form.nogoogle div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.mo label#step4.step,
* html div.preview form.nogoogle div.mo label#step4.step,
* html div.nopreview form.google div.mo label#step4.step,
* html div.preview form.google div.mo label#step4.step {
	background-image: none;
}

/* end of steps*/

/* message to encourage user entering their pincode */

label#waitforpin {
    position:absolute;
	top: 185px;
	left: 460px;
	width: 260px;
}

ul.multioptions {
	list-style: none;
}


/* preview agreetext after submit without checked */
#checkError {
	position:absolute;
	left:480px;
	top: 390px;
	background-color:#FF0000;
	height:15px;
	width:222px;
}/* CSS Document */
body {
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

/* hack on <br /> in header */
body br {
	display: none;
}

body div br {
	display: block;
}

div.wrapper {
	width: 772px;
    height: 600px;
	text-align: center;
}

div#container {
	margin: 0 auto;
	position: relative;
	width: 760px;
	overflow: hidden;
}

div#container , #container #bkgrimg {
	height: 500px;
	background-repeat: no-repeat;
}

#container form {

}

#subscription {
	position:absolute;
	right:10px;
	_right:-440px;
	_top:-4px;
	height: 71px;
	width: 129px;
}

#subscription div.inner {
	height: 71px;
	width: 129px;
        position:absolute;
        right:10px;
}

* html #subscription {
	margin-right: 18px;
	position: relative;
}

* html #subscription div.inner {
	background-image: none;
}

#audio {
	position: absolute;
	left: 485px;
	top: 159px;
	width: 95px;
	height: 35px;
}

div.nopreview #audio {
	display: none;
	visibility: hidden;
	}

#header {
	margin-top: 0px;
	width: 100%;
        width: 760px;
	text-align: left;
	overflow:hidden;
}

h1#title {
	font-size: 40px;
	margin: 0 0 0 5px;
	float: left;
	height: 48px;
	width: 550px;
	overflow: hidden;
	*background-image: none;
}

div.combined h1#title {
	height: 100px;
	//width: 620px;
        width: 760px;
	background-repeat: no-repeat;
	background-position: left top;
}

h2#subtitle {
	font-size: 18px;
	position: absolute;
	margin: 0 0 0 10px;
	left: 38px;
	top: 35px;
	height: 22px;
	width: 550px;
}

* html h2#subtitle {
	background-image: none;
}

* html h1#title {
	margin-left: 18px;
	background-image: none;
}



input#msisdn, input#msisdn2, input#pincode, input#msisdnShow {
	position: absolute;
	left: 487px;
	top: 240px;
	width: 220px;
	font-size: 22px;
	font-weight: bold;
	height: 26px;
	letter-spacing: 1px;
}

div.nopreview form.nogoogle input#msisdn {
	top: 323px;
}

input#pincode  {
	top: 420px;
	}

input.submit {
	left: 523px;
	top: 420px;
	position: absolute;
}

div.notice input.button, input.submit {
	width: 136px;
	height: 32px;
	font-size: 16px;
}

div.notice {
	position: absolute;
	left: 437px;
	top: 415px;
	width: 300px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}

#disclaimerbar {
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	z-index: 10;
	background-color: #000000;
}

div.googleDisclaimer {
	display: inline;
	}

input#agree {

}

label#agreetext {
	position: absolute;
	left: 512px;
	top: 320px;
	margin-right: 10px;
	width:230px;
}


#telerror {
	position: absolute;
	top: 230px;
	left: 487px;
	width: 224px;
	font-size: 11px;
	color: #CCFF00;
	background-color: #000;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.nopreview form.nogoogle #telerror {
	top: 313px;
}

div#central {
	width: 0px;
	height: 0px;
	overflow: hidden;
	margin-top: 140px;
	margin-left: 761px;
}

/*
* FOOTER
*/
#footer {
	padding: 5px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin: 0 8px 0 10px;
	z-index:200;
}

#footer a {
	color: #666666;
}

#lpfootertext {
	text-align: left;
	color: #000000;
}

#lpfootermenu {
	margin-top: 5px;
	text-align: center;
}

.agreeclass {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
}
.agreeclass a {
	text-decoration: underline;
	cursor: pointer;
	}
#agree2 {
	position: relative;
}

/**
*  POPUPS
*/
div.legalPopclass {
	position: absolute;
	z-index: 20;
	top: 10px;
	left: 150px;
	height: 480px;
	width: 480px;
	border: solid;
	color: #333333;
	border-left: 1px solid #444444;
	border-right: 2px solid #444444;
	border-bottom: 3px solid #444444;
	background-color: #f3f3f3;
	opacity: .95;
	filter: alpha(opacity =   95);
}

div.legalPopclass h2 {
	font-size: 16px;
	margin: 15px 25px 15px 30px;
	color: #333333;
}



div#legal {
	padding: 10px 15px;
	width: 450px;
	border-bottom: solid 1px #000;
	font-size: 12px;
	height: 400px;
	overflow: auto;
	margin-bottom: 10px;
	text-align: left;
}

div#legal h1 {
	font-size: 15px
}
div#legal h2 {
	font-size: 13px;
	margin: 15px 0 10px 0;
}
div#legal h3{
	font-size: 12px
}
div#legal h4 {
	font-size: 11px
}

div.notice {
	font-weight:bold;
	height:350px;
	left:438px;
	position:absolute;
	text-align:center;
	top:107px;
	width:306px;
}

div.notice h4 {
	/*color:#FFFFFF;*/
	font-size:11px;
	line-height:130%;
	margin:70px 15px 55px;
	text-align:left;
	font-weight: normal;
}

div.notice h4 b {
font-size:20px;
}



div.popdisclaimerbar {
	height: 17px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	width: 480px;
	text-align: center;
}

.klick {
	margin: 0 0 30px;
	text-align: center;
	font-size: 30px;
	height: 50px;
}

#frm2 {
	margin-bottom: -15px;
}


div#checkboxWrapper {
	position: absolute;
	left: 486px;
	top: 318px;
	width: 25px;
	height: 25px;
}

div#checkboxWrapper a {
	display: block;
	width: 25px;
	height: 25px;
	}

div#checkboxWrapper a.off  {
	background: url('/images/uncheck.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/uncheck.png');
}
div#checkboxWrapper a.on  {
	background: url('/images/check.png') top left no-repeat;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src = '/images/check.png');
}
* html div#checkboxWrapper a.off,
* html div#checkboxWrapper a.on {
	background: none;
}
/**
*   EXCEPTIONS
**/ /* translation */
#translation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	margin: auto;
	padding: 5px;
	text-align: left;
	width: 760px;
}

#translation a {
	color: blue;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	vertical-align: middle;
}

#translation a:hover {
	text-decoration: none;
}

#translation img {
	border: 1px solid black;
	margin-right: 5px;
	text-decoration: none;
	vertical-align: middle;
}


label.step {
	position: absolute;
	left: 460px;
	width: 280px;
	height: 40px;
	text-indent: -4000px;
	background: transparent left top no-repeat;
}

/*
*   STEPS
*/

/* SPECIAL STEPS */
* html div.nopreview form.google div.pincode label#step_msisdn2.step,
* html div.preview form.google div.pincode label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.preview form.nogoogle div.pincode label#step_msisdn2.step,
* html div.nopreview form.google div.mo label#step_msisdn2.step,
* html div.preview form.google div.mo label#step_msisdn2.step,
* html div.nopreview form.nogoogle div.mo label#step_msisdn2.step,
* html div.preview form.nogoogle div.mo label#step_msisdn2.step {
	background-image: none;
}

/* STEP 1 */


div.nopreview form.nogoogle label#step1 {
	top: 290px;
}

* html div.nopreview form#frm.google div.pincode label#step1.step,
* html div.preview form#frm.google div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.pincode label#step1.step,
* html div.preview form#frm.nogoogle div.pincode label#step1.step,
* html div.nopreview form#frm.nogoogle div.mo label#step1.step,
* html div.preview form#frm.nogoogle div.mo label#step1.step,
* html div.nopreview form#frm.google div.mo label#step1.step,
* html div.preview form#frm.google div.mo label#step1.step {
	background-image: none;
}

/* STEP 2 */

* html div.nopreview form.google div.pincode label#step2.step,
* html div.preview form.google div.pincode label#step2.step,
* html div.nopreview form.nogoogle div.pincode label#step2.step,
* html div.preview form.nogoogle div.pincode label#step2.step,
* html div.nopreview form.google div.mo label#step2.step,
* html div.preview form.google div.mo label#step2.step,
* html div.nopreview form.nogoogle div.mo label#step2.step,
* html div.preview form.nogoogle div.mo label#step2.step {
	background-image: none;
}

/* STEP 3 */

div.preview form.google div.pincode label#step3 {
	/*display: none;*/
}

div.nopreview form.nogoogle label#step3 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step3.step,
* html div.preview form.google div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.pincode label#step3.step,
* html div.preview form.nogoogle div.pincode label#step3.step,
* html div.nopreview form.nogoogle div.mo label#step3.step,
* html div.preview form.nogoogle div.mo label#step3.step,
* html div.nopreview form.google div.mo label#step3.step,
* html div.preview form.google div.mo label#step3.step {
	background-image: none;
}

/* STEP 4 */


div.nopreview label#step4,
form.nogoogle label#step4 {
	display: none;
}

* html div.nopreview form.google div.pincode label#step4.step,
* html div.preview form.google div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.pincode label#step4.step,
* html div.preview form.nogoogle div.pincode label#step4.step,
* html div.nopreview form.nogoogle div.mo label#step4.step,
* html div.preview form.nogoogle div.mo label#step4.step,
* html div.nopreview form.google div.mo label#step4.step,
* html div.preview form.google div.mo label#step4.step {
	background-image: none;
}

/* end of steps*/

/* message to encourage user entering their pincode */

label#waitforpin {
    position:absolute;
	top: 185px;
	left: 460px;
	width: 260px;
}

ul.multioptions {
	list-style: none;
}


/* preview agreetext after submit without checked */
#checkError {
	position:absolute;
	left:480px;
	top: 390px;
	background-color:#FF0000;
	height:15px;
	width:222px;
}


#SWFObjectExprInst{
position:absolute;
margin:0 auto;
width:300px;
height:200px;
top:200px;
left:230px;
}