
/*Mobile Messenger Landing Page CSS v1.0 revised
Compatible with Firefox 3.5 and up, IE 6.0 - 7.0*/

* {
	margin:0;
	padding:0;
}

body {
	text-align:center;
	background: #534741 url(images/pageback.jpg) repeat-x;
	font: 100%/1.25 Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/*for testing IE7 1024x768 requirements.*/
#browsertest {
	position:absolute;
	width:1004px;
	height:589px;
	left:50%;
	margin-left:-502px;
	border:1px solid red;
	top:0;
	display:none;
}

#wrapper {
	width: 850px;
	margin: 14px auto 0px auto;
}

#price {
	width: 345px;
	position:absolute;
	text-align: center;
	font: 16px/16px Arial, Helvetica, sans-serif;
	margin-left:75px;
}

.ptop, .pbtm {
	padding-left:15px;
	padding-right:50px;
}

#price p.ptop {
	margin-top:40px;
}

#price p.pbtm {
	padding-top:10px;
}

#titlegraphic {
	width:344px;
	height:165px;
	background:url(images/title_02867.png) no-repeat;
}

.tminpin {
	margin-top:55px;
}

#maincontent {
	width: 780px;
	height: 450px;
	margin:0px auto;
	text-align:left;
	background: url(images/chalkboard.jpg) no-repeat top center;
}

#startbutton {
	text-align:right;
	float:right;
	display:inline;
	margin:200px 90px 0 0;
}

#subprice {
	text-align: center;
	font-size:12px;
	line-height:12px;
}

#button {
	text-align:center;
	margin-top:10px;
}

#cta {
	float: right;
	margin:80px 40px 0 0;
	width: 350px;
	height: 280px;
	text-align:center;
}

ol {
	margin:0 0 20px 50px;
	padding:5px 0px 0px 50px;
	font-weight:bold;
	list-style-type: disc;
	color:#FFFF00;
	width:200px;
}

li {
	/*for IE*/
	vertical-align:top;
}

#maincontent h2 {
	font-size:11pt;
}

#maincontent h1 {
	font-size:12pt;
	font-weight:normal;
	margin:5px 0px 5px 5px;
}

p.question {
	font-size: 12pt;
	margin-bottom:15px;
}

a.answer {
	/*do NOT put width here - incurs IE list repeat bug*/
	margin:5px 0px 0px -50px;
	display:block;
	text-decoration:none;
	color:white;
}

a.answer:hover {
	/*for IE*/
	cursor:pointer;
	background-color:#7E9A00;
}

p.ansrtxt {
	text-align:left;
	margin:5px 0px 0px 50px;
	height:20px;
	text-transform:capitalize;
	padding:2px;
}

.faces img {
	margin-right:5px;
}

#cta .faceq {
	margin-bottom:0;
}

/*style input text and remove browser default styles*/
input, form, select {
	text-align:center;
}

input {
	font-weight:bold;
	font-size:18px;
}

/*links*/
a {
	color: #d0b63f;
}

a:hover {
	text-decoration: none;
}

/*remove Firefox outlines on image links*/
a:active, a:focus, input[type="image"] {
	outline: 0;
}

a img {
	border:0;
}

/*US campaigns only*/
p.mintext {
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px 0;
}

p.mintext2 {
	font: normal 16px/17px Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:10px;
	width:80%;
	margin:0 auto;
}

p.tc {
	padding-top:5px;
	color:#FFFFFF;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
}

p.tc a:link, p.tc:hover, p.tc a:visited {
	/*regular text color defined in body and a*/
	color:#FFFFFF;
}

/*3 spaces*/
#dataindex_phone_0, #dataindex_phone_1 {
	width:40px;
}

/*4 spaces */
#dataindex_phone_2 {
	width:50px;
}

/*sim styles for AU only*/
p.simtext1 {
	font-size:20px;
	color:#D04BAC;
}

#sumterms {
	text-align: justify;
	font: normal 13px/14px Arial, Helvetica, sans-serif;
	background-color:#766C63;
	padding: 5px;
}

#sumterms a:hover {
	font-size:10pt;
}

#error {
	text-align:center;
	color:red;
	width:70%;
	margin:0 auto;
}

#error p {
	font-weight:bold;
	font-size:12px;
	line-height:12px;
	margin-bottom:5px;
}

/* Full Terms Page Defs*/
#termwrapper {
	margin: 0px 10px;
	text-align: left;
	padding: 10px;
	background-color: #766C63;
	color: #ffffff;
}

#termwrapper a:link, #termwrapper a:hover, #termwrapper a:visited {
	color:blue;
}

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;
}
