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

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background-color: #FFFFFF;
	/*set base size and font family; declare size in other divs*/
	font: 100%/1.25 Arial, Helvetica, sans-serif;
	color: #000000;
	}
#wrapper {
	width: 864px;
	margin: 0px auto 0px auto;
	text-align:left;
	}

#header {
	width: 100%;
	height:80px;
	background:url(images/header.jpg) no-repeat top left;
	}
	
#phone{
	float:left;
	width: 222px;
	height:589px;
	background:url(images/mobile_phone.jpg) no-repeat top left;
	}

#price {
	margin: 50px 0px 0px 220px;
	float: left;
	display:inline;
	text-align:center;
	font-size:16px;
	width:420px;
	}
	
#maincontent {
	float: left;
	width:392px;
	height:383px;
	background:url(images/mainbg.jpg) no-repeat bottom left;
	}
	
p.mintext {
	font: normal 16px Arial, Helvetica, sans-serif;
	margin-top: -10px;
	padding-top:0px;
}
p.pintext {
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#006ab2;
	margin-top: 0px;
	padding-top:0px;
}
#error {
	color:red;
	font-size: 11px;
	margin-top: -10px;
}

#error p {
	font-weight:bold;
	font:12px/12px Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}
#message {
	font-size: 12px;
}

#flash {
	width:132px;
	height:176px;
	margin: 13px 0px 0px 64px;
	}

#girl{
	float:left;
	width: 250px;
	height:383px;
	background:url(images/babe.jpg) no-repeat left;
	}
	
#subtitle{
	width: 100%;
	height:45px;
	background:url(images/subtitle.jpg) no-repeat left;
	}

#step {
	width:100%;
	text-align:center;
	}

/*style input text and remove browser default styles*/
input, form, select {
	padding:0px;
	margin:0px;
	color:#006ab2;
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
.myput {
	height:15px;
	}	
#inputherder {

	}
	
#button {
	text-align:center;
	margin:0px 0px 0px 0px;
	}
#button2 {
	text-align:center;
	margin:2px 0px 0px 0px;
	}

/*Footer Only*/

#sumterms {
	height: 150px;	
	float:left;
	width:620px;
	padding: 5px 0px 0px 5px;
	text-align: justify;
	font-size: 12px;
	line-height:1.1em;
	font-weight:normal;
	}
	
#sumterms p {
	font-size: 0.8em;
	line-height:1.2em;
	font-weight:normal;
	}

a {
	color: #fd9e11;
	}

a:hover {
	text-decoration: none;
	}
	
/* Index 1 page */
.num1 {
	height:172px;
	background:url(images/step1.jpg) no-repeat center top;
	}

/* Index 2 page */
.num2 {
	height:172px;
	background:url(images/step2.jpg) no-repeat center top;
	}
.num3 {
	height:338px;
	background:url(images/step4.jpg) no-repeat center top;
	}
#spacer {
	height:165px;
	}

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

p.tc a:link, p.tc a:hover, p.tc a:visited {
	/*regular text color defined in body and a*/
	color:#FFFFFF;
}
	
p.countdown {
	padding:0px;
	margin:0px 0px 5px 0px;
	font-size: 0.8em;
	font-weight:normal;
	}
	
.terms, a.terms:link, a.terms:hover, a.terms:visited {
/*regular text color defined in body and a*/
	color:#000000;
	}
	
/* Confirmation page */
.conf {
	height:251px;
	background:url(images/step3.jpg) no-repeat center top;
	}
	
p.countdown input {
	background-color:transparent;
	color:red;
	border:0px;
	}
	
/* Full Terms Page Defs*/
#termwrapper {
    margin: 0px 10px 0px 10px;
	text-align: left;
    padding: 10px;
	color: #000000;
	}

h1 {
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
	color:#fd9e11;
	}

h2 {
	font-size: 0.7em;
	padding: 0px;
	margin: 0px;
	color:#006ab2;
	}

h3 {
	font-size: 0.8em;
	padding: 0px;
	margin: 0px;
	}


p {
	font-size: 0.7em;
	padding-top:0px;
	margin-top:0px;
	}