/* MP CSS */
/* GENERAL PAGE SETTINGS */
* 
{
	border:0;
	margin:0;
	padding:0;
}
body 
{
	font-size:62.5%;
	font-family:verdana, Helvetica, sans-serif;
}
.clear 
{
	clear:both;
	font-size:0;
}
p, ul 
{
	color:#333333;
	font-size:1.2em;
	line-height:1.2em;
	padding-bottom:1.2em;
}
ul 
{
	margin-left:1.8em;
	line-height:normal;
}
p span 
{
	color:#9999CC;
	font-weight:bold;
}
h1 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	color:#316598;
	font-weight:normal;
	font-size:2.2em;

}
h2 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-weight:lighter;
	font-size:1.6em;
	color:#666666;
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom: 1px dotted #9999CC;
	width:auto;
	/*margin-bottom:6px;*/
}
h3 
{
	font-family: Tahoma, Verdana, Helvetica, sans-serif;
	font-size:1.4em;
	color:#316598;
	/*font-weight:normal;*/
	margin-left:0.8em;
}
h4 
{
	color:#000;
	font-size:1.2em;
}

a:link, a:visited
{
	color:#777777;
	font-weight:bold;
}

a:hover
{
	color:Black;
}

/* HEADER */
#headerWrapper 
{
	background:url(images/header_bg.jpg) repeat-x;
	background-color:#00366E;
}
#header 
{
	margin:auto;
	width:1024px;
	text-align: center;
}

/* MP BANNER CSS NAVIGATION */
#mpNav
{
	background:url(images/nav_bg.gif) repeat-x;
	height: 40px;
}
#mpNav ul#mainmenu 
{
	width:600px;
	margin:auto;
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	position:relative;
	z-index:998;
}
#mpNav li 
{
	color:#FFFFFF;
	float:left;
	list-style-image:none;
	position:relative;
	padding: 0px 10px 0px 10px;
}
#mpNav li a 
{
	color:#cccccc;
	display:block;
	line-height:40px;
	padding:0 15px;
	text-decoration:none;
	white-space:nowrap;
	font-size: 1.2em;
	font-weight:bold;
}
#mpNav li a:hover, #mpNav .selected
{
	color:#ffffff;
}

#mpNav li:hover ul
{
	margin-left:0;   /* slides menu onto page */
}

#mpNav li.sfhover ul /* uses javascript for IE6*/
{
	margin-left:0;   /* slides menu onto page */
	width:130px;
	left:13px;
}

#mpNav li ul 
{
	background:#B1B5FF none repeat scroll 0 0;
	border-top:1px solid #555555;
	color:#666666;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 -999em;  /* this displays way to the left */
	min-width:180px;
	opacity:0.92;
	padding:0;
	position:absolute;
	top:40px;
	z-index:999;
}
#mpNav li ul li 
{
	background:transparent none repeat scroll 0 0;
	border-bottom:1px solid #999999;
	float:none;
	height:2.3em;
	margin:0;
	padding:0;
	white-space:pre;
}
#mpNav li ul a, #mpNav li.on ul a 
{
	background-image:none;
	border:0 none;
	color:#316598;
	display:block;
	float:none;
	height:auto;
	line-height:2.3em;
	font-size: 1em;
	width:80%;
}
#mpNav li ul li:hover, #mpNav li ul a:hover, #mpNav li ul a:focus, #mpNav li ul a.mpfocus 
{
	background-color:#03366D;
	color:#ffffff;
}


/* MAIN CONTENT */
#mainWrapper 
{
	/*background:url(images/content_bg_fade.gif) repeat-x;*/
	/* height:450px; */
	clear:both;

}
#mainContent
{
	width:860px;
	margin:auto;
	padding-top:10px;
	padding-left:100px;
}
.contentWidth
{
	float:left;
	width:860px;
	padding-top:12px;
	margin-bottom:15px;
	color:#333366;
	font-weight:normal;
	font-size:1.1em;
}
.contentCol1 
{
	float:left;
	width:600px;
	padding-bottom:10px;
	color:#333366;
	font-weight:normal;
	font-size:1.1em;
}
.contentCol2 
{
	float:right;
	padding-bottom:10px;
	color:#333366;
	font-weight:normal;
}
.contentLink
{
width: 400px;
float: left;
 margin-left:100px;
 margin-bottom:20px;
}

#list1 li
{
	padding-left:35px;
	margin-bottom:.8em;
	list-style: none;
	background: url(Images/bullet.gif) no-repeat center left;
	vertical-align:middle;
	background-position : 0 50%;
	line-height:30px;
}
#list2 li
{
	padding-left:25px;
	margin-bottom:.8em;
	list-style: none;
	background: url(Images/bullet.gif) no-repeat center left;
	vertical-align:middle;
	background-position : 0 50%;
	line-height:20px;
}


/* IPHONE ICONS */

#iphoneChangerContainer
{
	display:block;
	position:relative;
	background-image:url(../../Images/changerBG.png);	
	background-repeat:no-repeat;
	width:598px;
	height:200px;
}
#iphoneChangerContainer a img
{
	padding-top: 20px;
	padding-left:0px;
	padding-right:20px;
}
#list li
{
	list-style:none;
	display:block;
	float:left;
}
#iphoneChangerContainer ul li a span
{
	position:absolute;
	top:-345px;
	left:620px;	
	width:208px;
	height:380px;
}
#iphoneChangerContainer ul li a:hover span
{
	margin-left:0;
}
#easy a span
{
	background-image: url(../../Images/scrEasy.gif);
	/*margin:0 0 0 -999em;   this displays way to the left */
}
#hex a span
{
	background-image: url(../../Images/scrHex.gif);
	margin:0 0 0 -999em; /*  this displays way to the left */
}
#ebookers a span
{
	background-image: url(../../Images/scrEbookers.gif);
	margin:0 0 0 -999em; /*  this displays way to the left */
}
#monarch a span
{
	background-image: url(../../Images/scrMon.gif);
	margin:0 0 0 -999em; /*  this displays way to the left */
}
#mobyfile a span
{
	background-image: url(../../Images/scrMobyFile.gif);
	margin:0 0 0 -999em; /*  this displays way to the left */
}
#dealcalc a span
{
	background-image: url(../../Images/scrDealCalc.gif);
	margin:0 0 0 -999em; /*  this displays way to the left */
}

/* FOOTER */
#footer 
{
clear: both;
background:url(images/footer_bg.gif) repeat-x top;
padding-top:10px;
height:100px;
}

#footer p {
margin:auto;
font-size:1em;
width:914px;
text-align:center;
color:#FFF;
margin-top:0;
line-height:2.2em;
padding-top:10px;
}

#footer p a {
text-decoration:none;
color:#8a8a8a;
}

#footer p a:hover {
color:#9999CC;
text-decoration:underline;
}