﻿html, body, form, h1, h2, h3, h4, h5, p
{
	margin:0;
	padding:0;
}
body 
{
	background:#DDD url(Images/bg2.gif) center top repeat-x fixed;
	font-family:"Trebuchet MS", Verdana, Arial, Sans-Serif;
	font-size:.9em;
	margin:16px;
}
h2
{
	font-size:1.3em;
}
h1, h2, h3, h4, h5, p
{
	margin:0 0 .5em;
}
table
{
	border:none 0; padding:0; margin:0;
}
#topbanner
{
	height:60px;
	width:700px;
	margin:20px auto 10px;
	background:#fff;
	display:none;
}
#bottombanner
{
	margin: 0 auto;
	text-align:center;
	color:#888;
	font-size:.7em;
}
.separator
{
	color:#0E4D9A;
	font-weight:bold;
	margin:0 5px;
}
#logo, #partner
{
	overflow:hidden;
	text-align:left;
	text-indent:-5000px;
	float:left;
}
#logo
{
	background:transparent url(Images/mc_logo2.gif) left top no-repeat;
	width:310px;
	height:59px;
}
#partner
{
	float:right;
	background:transparent url(Images/infintech_logo.gif) right top no-repeat;
	width:300px;
	height:50px;
	text-indent:0;
}
#partner a
{
	display:block;
	margin:0;
	padding:9px 130px 0 0;
	text-align:right;
	text-decoration:none;
	color:#999;
	font-size:9px;
	height:40px;
	font-style:italic;
}
#wrapper
{
	border: 4px solid #BBB;
	width:699px;
	margin:0 auto;
}
#pagecontainer
{
	border: 1px solid #093161;
	border:1px solid #0E4D9A;
	background:transparent;
	height:1%;
}
#pageheader 
{
	height:59px;
	margin:0;
	padding:12px 12px 0 12px;
	background:#fff url("Images/phones.jpg") 265px -20px no-repeat;
}
#strapline
{
}
#pagecontent
{
	float:left;
	width:100%;
	background-color:#fff;
}
.column
{
	float:none;
	display:inline;
	padding:12px;
}
#left
{
	display:none;
}
#main
{
	width:469px;
	float:left;
	border-right:1px solid #0E4D9A;
	border-right:1px solid #0E4D9A;
	background:#eee url();
	min-height:500px;
	height:auto !important; /* IE hack for min-height */
	height:500px;
}
#breadcrumbcontainer 
{
	margin:0;
	padding:0 6px;
	border-bottom:1px solid #0E4D9A;
	font-family:Arial;
	font-size:10px;
	line-height:normal;
	height:auto;
	background:#fff url("Images/breadcrumb_bg.gif") left bottom repeat-x;
}
#right
{
	width:177px;
	float:right;
	font-size:.8em;
	color:#0E4D9A;
}
#right h2
{
	color:#fff;
	background:#CCC;
	border-top:1px solid #0E4D9A;
	border-bottom:1px solid #0E4D9A;
	padding:0 3px;
	margin:0 0 6px;
	text-align:center;
	font-size:1.3em;
}
#right ul
{
	border:1px solid #DDD;
	padding:0;
	margin:0 0 6px;
	/*line-height:1.1em;*/
}
#right li
{
	list-style:none;
	padding:0;
	margin:0;
	display:inline; /* fixes gigantic whitespace gaps in IE  */
}
#right li a,
#right li span
{
	display:block;
	padding:4px;
	margin:0;
	text-decoration:none;
	width:167px; /* allows IE to select the block, not just the text */
}
#right li span
{
	background:#FaFaFa;
	width:auto;
	margin:0 0 6px 0;
}
#right li span a
{
	display:inline;
	background:transparent;
	padding:0;
	text-decoration:underline;
}
#right li span a:hover
{
	background:transparent;
	color:#EE8B31;
}
#right li a:hover
{
	background:#EEE;
}
#pagefooter
{
	clear:both;
}
#bottombanner
{
	clear:both;
}
#main h2
{
	color:#093161;
	color:#0E4D9A;
	font-weight:bold;
}
#main p
{
	font-size:1em;
	/*color:#444;*/
}
a
{
	color:#888;
	text-decoration:underline;
}
a:active,
a:hover
{
	text-decoration:underline;
	color:#0E4D9A;
}
h3.faq a,
h3.faq a:hover
{
	text-decoration:none;
	font-style:italic;
	color:#888;
}
ul.bullets,
ul.bullets li
{
	color:inherit;
	padding:0;
	list-style:none;
	margin:0 0 .5em;
}
ul.bullets li
{
	margin:0;
	padding:0 0 0 20px;
	background:url("Images/bullet.gif") left .2em no-repeat;
}

.frontpage #pagecontent
{
	background:#fff url("Images/frontpage_bg.jpg") 1px top repeat-x;
}
#mainpageintro
{
	background:transparent url("Images/MobileChargePro.jpg") right top no-repeat;
	padding:0 250px 0 20px;
	height:324px;
	font-size:1.1em;
	color:#000;
	border-bottom:1px solid #0E4D9A;
	overflow:hidden;
}
#mainpageintro h2
{
	color:#0E4D9A;
	text-indent:-5000px;
	font-weight:bold;
	background:transparent url("Images/frontpage_h2.jpg") left bottom no-repeat;
	height:33px;
	padding:85px 0 0 0;
	margin:0 0 0 -5px;
}
#mainpageintro h3
{
	color:#0E4D9A;
	text-indent:-5000px;
	font-weight:bold;
	background:transparent url("Images/frontpage_h3.jpg") left top no-repeat;
	height:24px;
	margin:0 0 8px -5px;
	padding:0;
}
#mainpageintro p
{
	padding:0;
}
#mainpagebody
{
	padding:20px;
	margin:0;
	float:left;
	background:#fff;
}
.teaser
{
	display:inline;
	width:205px;
	background:#fff url("Images/teaser_bg.gif") left top repeat-x;
	float:left;
	margin:0 0 0 20px;
	padding:0;
	font-size:.8em;
}
.teaser h4
{
	font-size:1.1em;
	color:#0E4D9A;
}
#t1
{
	margin:0;
}


.imgwrapper
{
	background:#BBB;
	display: inline;
	margin:0 12px 12px 0;
	padding:4px;
	float:left;	
}
.leftalign
{
	float:left;
	margin:0 12px 12px 0;
}
.rightalign
{
	float:right;
	margin:0 0 12px 12px;
}
.imgwrapper a,
.imgwrapper .nolink
{
	border:1px solid #0E4D9A;
	background:#fff;
	text-align:center;
	display:block;
	width:180px;
	height:180px;
	overflow:hidden;
}
.imgwrapper a:hover
{
	border-color:#EE8B31;
	color:#EE8B31;
}
.indent
{
	display:block;
	padding:12px 30px 12px 60px;
}
.phone {background:transparent url("Images/phone.gif") left center no-repeat;}
.email {background:transparent url("Images/email.gif") left center no-repeat;}
.help {background:transparent url("Images/help.gif") left center no-repeat;}
.contact {background:transparent url("Images/contact.jpg") left center no-repeat;}
.leftrule
{
	display:block;
	border-left:1px dotted #0E4D9A;
	padding:0 10px;
}


.form
{
	/*position:relative;*/
}
.form .text,
.form .select,
.form .textarea,
.form .list
{
	padding:1px;
	width:50%;
	border:1px solid #0E4D9A;
	background:#fff;
}
.form br
{
	clear:left;
}
.form h3
{
	margin:2px 0;
	background:#ddd;
	font-size:1.1em;
}
.form label
{
	display:inline;
	float:left;
	width:40%;
	margin:1px 0 6px 3%;
	padding:0;
	/*border-bottom:1px dotted #0E4D9A;*/
}
.form span.list
{
	display:block;
	margin:0 0 4px 43%;
}
.form .list label
{
	float:none;
	margin:0 0 0 4px;
}
.form .list br
{
	clear:none;
}
.form .box
{
	padding:0;
	margin-left:10px;
	border:none 0;
	width:95%;
}
.form .box .text
{
	width:35px;
}
.form .box .label
{
	text-align:left;
	width:46%;
}
.form .box .devicelabel
{
	text-align:left;
}
.form .box .count
{
	width:27%;
}
.form .box th
{
	font-weight:normal;
}

