/*Mobile Messenger Landing Page CSS v1.0 
Compatible with Firefox 1.5 and up, IE 5.5 - 7.0*/

* {margin:0; padding:0;}

body {
	text-align:center;
	/*single declaration example: */
	background: #000 url(images/bg.png) repeat-x;
	/*set base size and font family; declare size in other divs*/
	font: 100%/1.25 Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#wrapper {
	width: 1024px;
	margin: 0px auto;
	text-align:left;
	background:url(images/_bgbody.png) no-repeat 0 0;
}
/*PNG, all other browsers*/
html>body #rightside {background:url(images/cta.png) no-repeat;}
#rightside {
	width:450px;
	float:left;
	margin:0;
	/*must be same size as image due to scale - using another sizingMethod does not work with css props*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cta.png', sizingMethod='scale');
	background-color:transparent;
	background-repeat:no-repeat;
	padding:0;
	height:554px;
	}
/*PNG, all other browsers*/
html>body #leftside {background:url(images/bb_cell.png) no-repeat;}
#leftside {
	width:300px;
	height:554px;
	/*must be same size as image due to scale - using another sizingMethod does not work with css props*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bb_cell.png', sizingMethod='scale');
	background-color:transparent;
	background-repeat:no-repeat;
	float:left;
	margin:0px 0px 0px 140px;
	display:inline;
	padding:0;
	}

#header {
	width: 100%;
	height:158px;
	text-align:center;
}

/*PNG fix for IE6 */
html>body #mypng {background:url(images/title.png) no-repeat;}

#mypng {
	margin:65px auto 0 auto;
	width:415px;
	height:85px;
	/*must be same size as image due to scale - using another sizingMethod does not work with css props*/
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/title.png');
	background-color:transparent;
	background-repeat:no-repeat;
}

#price {
	text-align:center;
	/*size mandated by carriers*/
	font: 16px/16px Arial, Helvetica, sans-serif;
	padding:2px;
	margin:0 0 0 15px;
	height:60px;
	overflow:hidden;
}

#maincontent {
	width: 100%;
	height:379px;
}

form {
	position:relative;
	}

.highlighter {
	color:#00FF00;
	font-weight:bold;
	}

#flashbox {
	width:230px;
	height:177px;
	margin:105px 0px 0px 33px;
	}
#flash {
	width:230px;
	height:177px;
	margin:0 0 0 3px;
	/*IE double margin fix*/
	font-size:0.7em;
}

#cta {
	/*for IE6, don't specify a width*/
	/*float:right;*/
	width:330px;
	/*display:inline;*/
	margin:20px 63px 0 32px;
        padding-left: 30px;
}

#inputherder {
	width: 100%;
	height:auto;
	margin:25px auto 0 auto;
	padding:0;
	text-align:center;
}

/*phone number fields - remember to use correct format for each country and adjust according to form font size*/

/*1 long entry, EU
#dataindex_phone_0 {width:200px;}*/

#dataindex_phone_0, #dataindex_phone_1, #dataindex_phone_2, input {
	text-align:center;
	font:bold 14px/16px Arial;
	margin:5px 0;
	padding:2px 3px;
	}
/*3 spaces*/
#dataindex_phone_0, #dataindex_phone_1 {width:40px;}
/*4 spaces */
#dataindex_phone_2 {width:55px;}

p.tc {
	padding-bottom:12px;
	font: normal 11px/11px Arial, Helvetica, sans-serif;
}

p.tc a:link, p.tc a:hover, p.tc:visited {
	/*regular text color defined in body and a*/
	color:#FFFFFF;
}
/*subprice*/
p.mintext {
	font: 16px/16px Arial, Helvetica, sans-serif;
}

#button {
	text-align:center;
	/*width:290px;*/ 
	margin:10px 0 0 0;
	/*if trouble in IE 6
	position: absolute;*/
}

#button a {
	display:block;
	width:142px;
	height:36px;
	overflow:hidden;
	text-decoration:none;
	margin:0px auto;
}

.continue {
	background: url(images/gobtn.png) no-repeat center 0px;
}
.continue:hover {
	background:url(images/gobtn.png) no-repeat center -36px;
}

a p.btntxt {
	font:bold 22px/22px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	padding-top:6px;
	color:white;
	}
	
a:hover p.btntxt {color:black;}

/*links*/
a {
	color: #cccccc;
	text-decoration: underline;

}

a:hover {
	text-decoration: underline;
}

/*remove Firefox outlines on image links*/
a:active, a:focus {
outline: 0;
}

/*sim styles*/

.simtext1 {
	font-size:18px;
	color:#B1C0C9;
}

p {
	font-size:14px;
}

/*definitions below this line must be included for all campaigns, especially MEP*/
#sumterms {
	margin:0px 125px 0 125px;
	clear:both;
	padding: 5px;
	text-align: justify;
	color: #cccccc;
	/*size mandated by carriers*/
	font: normal 12px/13px Arial, Helvetica, sans-serif;
}
/*ZA campaigns only*/
.zaprice {font-size:18px;}

#error {
	text-align:center;
	color:red;
}

#error p {
	font-weight:bold;
	font-size:12px;
}

/* Full Terms Page Defs*/
#termwrapper {
	margin: 0px 10px 0px 10px;
	text-align: left;
	padding: 10px;
	/*if no pattern defined in body, define bgcolor here */
	background-color: #E2E3E4;
	color: #000000;
}

h1 {
	font-size: 17px;
}
h2 {
	font-size: 12px;
}
h3 {
	font-size: 13px;
	padding: 0px 0px 10px 0px;
}
#termwrapper p, #termwrapper p a {
	font-size: 11px;
	margin-bottom:1.2em;
}

/*contact_us.php form */
#ajax_load {
	width: 24px;
	margin: 0px 0px 0px 135px;
	background:url(images/ajax-loader.gif) top left no-repeat;
}

#contact_comment_field {
	width: 300px;
	height: 200px;
}

#contact_result_div {
	color: #00CC00;
	font-weight:bold;
}
#termwrapper input, #termwrapper select {
	color:#000000;
	font: 12px/12px Arial, Helvetica, sans-serif;
	text-align:left;
}

table tr td input:hover { color: #900; }
table tr td a:link,a:visited {  }