/*Mobile Messenger Landing Page CSS v4.0 
Compatible with Firefox 1.5 and up, IE 5.5 - 7.0*/

* {margin:0; padding: 0;}

body {
	text-align:center;
	background: #0c2c29 url(images/bg.gif) repeat;
	font: 100%/1.25 Arial, Helvetica, sans-serif;
	color: #f7b709;
	}
	
#browsertest {
 position:absolute;
 /*removes 20px to compensate for right scrollbar, if present.*/
 width:1004px;
 /*removes 56px at bottom for standard Windows taskbar, IE7 status bar, and 123px at top for IE7 menu and browser tabs*/
 height:589px;
 left:50%;
 margin-left:-502px;
 border:1px solid red;
 display:none;
}

#wrapper {
	width: 703px;
	margin: 0px auto;
	}
	
#wrapper2 {
	width: 567px;
	margin: 0px auto;
	}

#bgbord {
	background: #1e2a28 url(images/bg_lite.gif) repeat;
	padding: 5px;
	}

#maincontent {
	width: 683px;
	height:511px;
	background: #00255b url(images/mainbg.jpg) no-repeat left;
	border: 5px solid #182638;
	text-align:left;
	}
	
#maincontent2 {
	width: 547px;
	height:409px;
	background: #00255b url(images/mainbg2.jpg) no-repeat left;
	border: 5px solid #182638;
	text-align:left;
	}

/*#a {
	position:absolute;
	display: inline;
	margin-top: 92px;
	margin-left: 60px;
	width: 600px;
	text-align: left;
	font-size: 12pt;
	text-align:center;
	}*/
	
#min {
	position:absolute;
	display: inline;
	margin-top: 200px;
	margin-left: 60px;
	text-align: left;
	font: 17px/18px "Times New Roman", Times, serif;
	}
	
#price {
	text-align: center;
	font-size:12pt;
	margin-top: 95px;
	position:absolute;
	width:700px;
	color: white;
	}	
	
#price2 {
	text-align: center;
	font-size:12pt;
	margin: 80px 0px 0px -130px;
	position:absolute;
	width:700px;
	color: white;
	}
	
.left {
	float: left;
}

.right {
	float: right;
}

#step {
	width:345px;
	text-align:center;
	margin-left:80px;
	font: italic 22px/24px "Times New Roman", Times, serif;
	color: #f7b709;
	position:absolute;
	}
	
#step2 {
	width:290px;
	text-align:center;
	margin: 180px 0px 0px 55px;
	font: italic 18px/19px "Times New Roman", Times, serif;
	color: #f7b709;
	position:absolute;
	}

.smaller {
	font-size: 9pt;
	color: white;
	}
	
.smaller2 {
	font-size: 11pt;
	}


#flash {
	position: absolute;
	width:170px;
	height:60px;
	margin: 410px 0px 0px 325px;
	/*IE double margin fix*/
	display:inline;
	}
	
#flash2 {
	position: absolute;
	width:136px;
	height:48px;
	margin: 350px 0px 0px 250px;
	/*IE double margin fix*/
	display:inline;
	}
	
/*Form elements*/
#button {
	margin:8px 40px 0px 30px;
	padding-left: 10px;
	}	

	
#inputherder {
	margin: 5px 0px 5px 0px;
	}

/*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;}
	
/*definitions below this line must be included for all campaigns, especially MEP*/
/*US campaigns only*/
p.mintext {
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	color:white;
	margin:0px auto;
	width:290px;
}
#error {
	font-weight:normal;
	text-align:center;
	color:red;
	}
	
#error p {
	font: normal bold 12px/12px Arial, Helvetica, sans-serif;
	}

/*Form elements*/	
p.tc {
	color:#FFFFFF;
	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:#FFFFFF;
}

/*style the actual input text*/
#inputherder select, input {
	color:#7f3560;
	font: bold 16px/16px "Times New Roman", Times, serif;
	}

	
/* Index 1 page */

.num1 {
	margin-top: 230px;
	height:200px;
	}


/* Index 2 page */
.num2 {
	margin-top: 255px;
	height:175px;
	}

/*Index 3 page*/
.num3 {
	margin-top:245px;
	height:195px;
	}


/*Index 4 pg*/

.num4 {
	margin-top:225px;
	height:195px;
	}
	
/* PIN page - Used class .num1*/

input.countdown {
	border: 0px;
	color: #f7b709;
	font-weight:bold;
	text-align:left;
	background-color:#200a28;
	font-size: 0.9em;
	line-height:24px;
	font-style:italic;
	width:60px;
}


/* Confirmation page */
.conf {
	margin-top: 265px;
	height:155px;
	}

/*Links*/
a, a img {
	border: 0px;
	color: #f7b709;
	}

a:hover {
	text-decoration: none;
	}
	
/*remove Firefox outlines on image links*/
a:active, a:focus, input[type="image"] {
outline: 0;
}
	
.terms, a.terms:link, a.terms:hover, a.terms:visited {
/*regular text color defined in body and a*/
	color:#FFFFFF;
	}
	
/*Footer Only*/
#sumterms {
	clear:both;
	padding: 10px;
	text-align: justify;
	font: normal 13px/14px Arial, Helvetica, sans-serif;
	color: white;
	}
	
#sumtermsPin_at {
	clear:both;
	padding: 10px 0px 0px 0px;
	text-align: justify;
	font: normal 13px/14px Arial, Helvetica, sans-serif;
	color: white;
	}
	
/* Full Terms Page Defs*/
#termwrapper {
    margin: 0px 15px 0px 15px;
	text-align: left;
    padding: 10px;
	background-color: #200a28;
	border: 5px solid #182638;
	}

#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;
}

