/*Mobile Messenger Landing Page CSS  
My1purelove template
Compatible with Firefox 1.5 and up, IE 5.5 - 7.0*/
* {
	margin:0px;
	padding:0px;
}
body {
	text-align:center;
	background: #FFFFFF url(images/bg.png) repeat;
	font: 100%/1.25 Arial, Helvetica, sans-serif;
	color: #000000;
}

#wrapper {
	width: 770px;
	margin: 0px auto;
	text-align:left;
}
#header {
	width: 556px;
	height:118px;
	float:left;
	background:url(images/headerUS.jpg) no-repeat top left;
	}
#price {
	position:absolute;
	width:556px;
	height:35px;
	text-align:center;
	/*size mandated by carriers*/
	font: 16px/16px Arial, Helvetica, sans-serif;
	margin:85px 0px 0px 0px;
	overflow:hidden;
}
	
#mainindex {
	float: left;
	width:612px;
	text-align:left;
	/*kills margin left by image links*/
	margin-bottom:-5px;
	}
	
#maincontent {
	float: left;
	width:556px;
	height:182px;
	text-align:left;
	background: url(images/mainbg.jpg) no-repeat top left;
	}

#column {
	width: 107px;
	height:384px;
}
.leftside {
	float: left;
	background:url(images/left.jpg) no-repeat top left;
	}
.rightside {
	float: right;
	background:url(images/right.jpg) no-repeat top left;
	}

#step {
	width:556px;
	height:84px;	
	float: left;
	text-align:center;
	background:url(images/textarea.jpg) no-repeat top left;
	}
	
#step p {
	font: italic 35px/30px "Times New Roman", Times, serif;
	color:#911148;
	margin:0px 50px 0px 0px;
	/*the bottom padding prevents IE7 from cutting text*/
	padding:50px 0px 8px 0px;
	}
	
.small {
	font-size:21px;
	font-weight: normal;
	}	

#thank p {
	font: italic 50px/50px "Times New Roman", Times, serif;
	color:#911148;
	padding-top:10px;
	text-align:center;
	}
	
.smallthank {
	font-size:25px;
	font-weight: normal;
	}	
	
/*style input text and remove browser default styles*/
input, form, select {
/*	color:#e879a0;*/
	color:#700729;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
}

input, select {
	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;}*/

/*3 spaces*/
#dataindex_phone_0, #dataindex_phone_1 {width:40px;}
/*4 spaces */
#dataindex_phone_2 {width:50px;}

#cta {
	width:300px;
	/*float:left; doesn't work in IE6*/
	text-align:center;
	padding:5px 0px 0px 20px;
}

/*main CTA text cannot be larger than 23px*/
#cta h1 {
	font-size:16px;
	padding:5px 0px 5px 0px;
	}
	
.italic {font-style:italic;}

#button {
	position:absolute;
	margin:50px 0px 0px 320px;
	/*IE fix*/
	text-align:center;
}

#botm {
	clear:both;
	width:100%;
	height:49px;
	background:url(images/botm.jpg) no-repeat top left;
	}
/*links*/
a {
	color: white;
}
a:hover {
	text-decoration: none;
}

/*remove Firefox outlines on image links*/
a:active, a:focus {
outline: 0;
}
/*gap between images and botm*/
#maincontent a img {
	margin-bottom:-5px;
	border:0px;
	}
	
/*thumbnail tableless layout*/
#thumbnails {
	margin: 5px 0px 0px 44px;
	text-align:left;
	color:black;
}

#thumbnails ul {
	/*FF fix for whitespace - make sure to set word space to normal in children*/
	word-spacing:-1em;
}
#thumbnails li {
	list-style-type: none;
	display: inline-block;
	width:78px;
	text-align:center;
	/*Firefox 2.0 support*/
	vertical-align: top;	
	display: -moz-inline-stack;
	/*IE support - trigger Layout and hack to get ie only to follow last property*/
	zoom: 1;
	*display: inline;
	}
	

/*captions for star sign names*/
#thumbnails li p {
	margin: 0px 0px 5px 2px;
	padding: 0px 0px 2px 0px;
	font-size: 9px;
	line-height:9px;
	word-spacing:normal;
}

#thumbnails li p strong {
	font-size: 11px;
	line-height:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.clear {
	clear:both;
	}
	
	
/*US campaigns only*/
p.mintext {
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color:black;
	padding-bottom:5px;
	/*margin:0px auto;
	width:250px;*/
}
/* PIN page */

p.tc {
	text-align:right;
	font: normal normal 11px/11px 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:#700729;
}

.mainpri {font-size:16px; line-height:15px;}

.countdown input {
	border: 0px;
	/*font-size:0.8em;*/
	text-align:left;
	}

p.simtext1 {
	font-size:18px;
	text-align:center;
	color:#700729;
}

.simtext2 {
	font-size:30px;
	font-weight:bold;
	color:#f3045e;
}

.simtext3 {
	font-size:24px;
	color:#700729;
}

p.simtext4 {
font: normal 12px/12px Arial, Helvetica, sans-serif;
text-align:center;
}
/*definitions below this line must be included for all campaigns, especially MEP*/
#sumterms {
	clear:both;
	padding: 10px;
	text-align: justify;
	background-color: #A61443;
	color:white;
	font: normal 12px/13px Arial, Helvetica, sans-serif;
}

/*ZA campaigns only*/
.zaprice {font-size:20px;}

#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;
	background-color: #7348cf;
	color: #ffffff;
}
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;
}