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

body {
	margin: 0px;
	padding: 0px;
	text-align:center;
	background: #56041d url(images/bg.jpg) repeat-x; 
	/*set base size and font family; declare size in other divs*/
	font: 100%/1.25  Arial, Helvetica, sans-serif;
	color: #000;
	}

/*NOTE: to center in both IE and FF, you must use both text-align center on body and margin left/right auto on wrapper.*/
#wrapper {
	width: 706px;
	margin: 0px auto 0px auto;
	}
	
#wrapper2 {
	width: 539px;
	margin: 0px auto 0px auto;
	}

#header {
	float: left;
	width: 706px;
	height: 87px;
	/*neg margin fix for IE*/
	position: relative;
	background:url(images/header.jpg) no-repeat top center;
	}
	
#header2 {
	float: left;
	width: 564px;
	height: 69px;
	/*neg margin fix for IE*/
	position: relative;
	background:url(images/header2.jpg) no-repeat top center;
	}

#maincontent {
	float: left;
	height:439px;
	width: 706px;
	}	
	
#maincontent2 {
	float:left;
	height:325px;
	width: 564px;
	}	

#price {
	font-size: 16px;
	/*padding: 10px 0px 10px 0px;*/
	color: white;
	}

#minPrice {
	font-size: 12px;
	/*padding: 10px 0px 10px 0px;*/
	color:#333333;
	line-height: 13px;
	margin-top: 10px;
	}
	
#step2 {
/*this needs to have a height in order to accomodate 2 lines of text without upsetting rest of flow*/
	margin-top:200px;
	height: 35px;
	clear: both;
	font-size: 1.6em;
	line-height: 1.0em;
	}	
#stepPin {
/*this needs to have a height in order to accomodate 2 lines of text without upsetting rest of flow*/
	margin:140px 0px 0px -205px;
	width: 400px;
	clear: both;
	font-size:24px;
	position:absolute;
	display: inline;
	line-height: 20px;
	padding: 0px;
	}	
#step {
/*this needs to have a height in order to accomodate 2 lines of text without upsetting rest of flow*/
	margin-top:185px;
	height: 35px;
	clear: both;
	font-size: 1.6em;
	line-height: 1.0em;
	}	
#stepMin {
/*this needs to have a height in order to accomodate 2 lines of text without upsetting rest of flow*/
	margin-top:165px;
	height: 35px;
	clear: both;
	font-size: 1.6em;
	line-height: 1.0em;
	}	
	
.bigpad {
	padding-top: 55px;
	}	
	
.smpad {
	padding-top:26px;
	}
	
.medpad {
	padding-top: 35px;
	}


/*Form elements*/	
#button {
	text-align:center;	
	margin:30px auto 0px auto;
	}
	
#minButton {
	text-align:center;	
	margin:0px auto 0px auto;
	}
	
/*remove browser default form styles*/
input, form, select {
	padding:0px;
	margin:0px;
	}
	
#inputherder {
	text-align: center;
	margin: 20px 0px 20px 0px;
	}

#minInputherder {
	text-align: center;
	margin: 0px 0px 20px 0px;
	}
	
#pinInputherder {
	text-align: center;
	margin: 10px 0px 5px 0px;
	}

/*style the actual input text*/
#inputherder select, input {
	color:#636363;
	font: 0.7em  Arial, Helvetica, sans-serif;
	}

/*definitions below this line must be included for all campaigns, especially MEP*/
/*US campaigns only*/
.mintext {
	font-size:11px;
	color:white;
	font-weight:normal;
}
#error {
	text-align:center;
	color:red;
	}
	
#error p {
	font-weight:bold;
	font-size:10pt;
	margin:0px;
	padding:0px;
	}

	
p.terms {
	padding:0px;
	margin:0px;
	color:black;
	font-size: 10px;
	}
/*Form elements*/	
p.tc {
	padding-top: 5px;
	margin:0px;
	color:#000000;
	font: normal 10px/10px 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:#000000;
}
/*Footer Only*/
#sumterms {
	height: 250px;	
	color: #fff;
	clear:both;
	padding-top: 25px;
	text-align: justify;
	font-size: 12px;
	line-height:1.2em;
	}
	
#sumterms2 {
	height: auto;	
	color: #fff;
	clear:both;
	padding-top: 5px;
	text-align: justify;
	font-size: 12px;
	line-height:12px;
	}
	
/*Links links*/
a {
	border: 0px;
	color: #a98691;
	}

a img {
	border: 0px;
	/*eliminates gap below images in FF*/
	vertical-align: bottom;
	}

a:hover {
	text-decoration: none;
	}
	
.terms, a.terms:link, a.terms:hover, a.terms:visited {
/*regular text color defined in body and a*/
	color:black;
	}
	
/* Index 1 page */
#gender img {
	margin: 30px 20px 10px 24px;
	border: 0px;
}

.indexpic {
	background: #636363 url(images/main1.jpg) no-repeat;
	}
	

	
/* Index 2 page */


/*thumbnail tableless layout*/
#thumbnails {
	margin: 0px 100px 0px 102px;
	/*IE margin fix
	display:inline;*/
	}

#thumbnails ul {
	margin: 0px;
	padding: 0px;
	}

#thumbnails li {
	list-style-type: none;
	/*margin:0px 5px 0px 0px;*/
	padding: 0px;
	display: inline;
	}

#thumbnails li img {
/*eliminates gap below images in FF*/
	vertical-align: bottom;
	margin-right: 3px;
	}

/*captions for star sign names*/
#thumbnails li p{
	width: 76px;
	text-align: center;
	color: black;
	float: left;
	margin: 0px 0px 3px 6px;
	padding: 0px;
	font-size: 0.55em;
	line-height:1.0em;
	}
	
#thumbnails li p strong {
	font-size: 1.4em;
	line-height:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	}
	
.index2pic {
	background:url(images/main2.jpg) no-repeat;
	}
	
/*Index 3*/

.index3pic {
	background:url(images/main3.jpg) no-repeat;
	}
	
	
/*Index 4*/

.index4pic {
	background:url(images/main4.jpg) no-repeat;
	}
	
/*Index 5*/

.index5pic {
	background:url(images/main5.jpg) no-repeat;
	}
	
/*pin_uc*/

.indexPin {
	background:url(images/mainPin.jpg) no-repeat;
	}

/*PIN pin sendpin*/
.small {
	font-size: 0.7em;
	line-height: 0.9em;
	}
	
/*Confirmation*/

.confpic {
	background:url(images/main6.jpg) no-repeat;
	}
	
/* Full Terms Page Defs*/
#termwrapper {
    margin: 0px 10px 0px 10px;
	text-align: left;
    padding: 10px;
	background-color: #d3d3d3;
	color: #56041d;
	}

h1 {
	font-size: 1.1em;
	padding: 0px;
	margin: 0px;
	}

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

h3 {
	font-size: 0.5em;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	color: #000;
	}


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