*{
	margin: 0;
	padding: 0;
}

html{overflow-y: scroll;}

a {outline: none;} /* removes Firefox dotted outline on click */

body{
	background: url(/_media/bg_gradient2.gif) #92AAB8 repeat-x;
	color: #5C5C5C;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-align: center;
}

h1{
	color: #4B4B4B;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 21px;
}

h1 span{
	color: #7C7C7C;
}

h2{
	color: #3F9C35;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
}

h3{
	color: #3F9C35;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
}

h4{
	color: #636363;
	font-size: 12px;
}

p{
	margin-bottom: 1em;
}

em{
	font-style: italic;
}

strong{
	font-weight: bold;
}

ul,ol,li{
	margin: 0;
	padding: 0;
}

ul{
	list-style-type: none;
	margin-top: .5em;
}

li{
	background: url(/_media/bullet_chevron.gif) 0 2px no-repeat;
	margin-bottom: 1em;
	padding-left: 15px;
}

/* links */
a:link,a:visited{
	color: #0060B6;
	text-decoration: underline;
}

a:hover{
	color: #0060B6;
	text-decoration: none;
}

#wrap{
	margin: 0 auto;
	margin-top: 20px;
	text-align: left;
	width: 800px;
}

#topWrap{
	background: url(/_media/dropshadow_top.gif) repeat-x;
	height: 7px;
	margin: 0 auto;
	width: 786px;
}

#leftWrap{
	background: url(/_media/dropshadow_left.gif) repeat-y;
	padding-left: 7px;
}

#rightWrap{
	background: url(/_media/dropshadow_right.gif) top right repeat-y;
	padding-right: 7px;
}

#mainWrap{
	background: #FFFFFF;
	padding: 20px;
	padding-left: 15px;
	width: 751px;
}

#bottomWrap{
	background: url(/_media/dropshadow_bottom2.gif) bottom left repeat-x;
	height: 7px;
	margin: 0 auto;
	width: 786px;
}

/*
*************** HEADER ********************/
#header{
}

#header h1{
	background: url(/_media/chargeitpro_logo.gif);
	float: left;
}

#header h1 a{
	display: block;
	height: 45px;
	width: 251px;
}

#header h1 span{
	display: none;
}

#header #toplinks{
	float: right;
	width: 180px;
}

#header #toplinks img {
	float: right;
	width: 50px;
	margin-left: 10px;
}

#header #toplinks a{
	font-size: 10px;
}

#topnav{
	background: url("../_media/topnav_link.gif") repeat-x;
	height: 28px;
	margin-bottom: 5px;
	margin-top: 15px;
}

#topnav ul{
	list-style: none;
	margin-top: 0;
}

#topnav li{
	background: url(/_media/topnav_dash.gif) 100% 0px no-repeat;
	float: left;
	padding-left: 0;
	text-align: center;
}

#topnav li a{
	color: #FFFFFF;
	display: block;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 22px;
	padding: 7px 16px 0 16px;
	text-decoration: none;
	text-transform: uppercase;
}

#topnav li a:hover{
	background: url(/_media/topnav_active.gif) repeat-x;
	color: #FFFFFF;
}

#topnav li#n-mLogin{
	float: right;
	text-align: right;
}

#topnav li#n-mLogin a{
	font-size: 11px;
}

#topnav li#n-mLogin a:hover{
	color: #FFFFFF;
}

/*
*************** BOXES ********************/
.box{
	border: 1px solid #E6E6E6;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 10px;
}

.box h3{
	background: url(/_media/box_heading.gif) repeat-x;
	height: 23px;
	padding-left: 20px;
	padding-top: 5px;
}

.gradient{
	background: url(/_media/gradient_bottom.gif) #FFFFFF bottom repeat-x;
}

.box ul.arrow{
	list-style: none;
}

.box ul.arrow li{
	background: url(/_media/arrow.gif) 0 4px no-repeat;
	margin-bottom: 1em;
	padding-left: 17px;
}

.box ul.arrow li a{
	font-weight: bold;
}

/*
*************** RIGHT SIDEBAR ********************/
#rightSidebar{
	float: right;
	font-size: 13px;
	margin-top: 35px;
	width: 175px;
}

#rightSidebar .box h3{
	padding-left: 5px;
}

#rightSidebar .box .boxInner{
	padding: 5px;
}

#rightSidebar blockquote cite{
	display: block;
	font-size: 11px;
	font-style: normal;
	margin-top: .5em;
	text-align: right;
}

#rightSidebar blockquote cite a{
	color: #5C5C5C;
}

/*
*************** CONTENT ********************/
#content .box .boxInner{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding: 10px 20px;
	overflow: hidden;
}

#content{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	margin-left: 5px;
	margin-right: 200px;
	margin-top: 10px;
}

#content p{
	line-height: 1.4;
}

#content a:link,#content a:visited{
	text-decoration: underline;
}

#content a:hover{
	text-decoration: none;
}

#content img#company{
	float: left;
	margin: 0 10px 10px 0;
	width: 200px;
}

dl.address{
	float: left;
	margin-right: 1em;
	padding: 10px;
	text-align: left;
	width: 200px;
}

.address dt{
	font-weight: bold;
}

.address dt img{
	border: 1px solid #000000;
	height: 100px;
	width: 100px;
}

.address dd{
	margin: 0;
	padding: 0;
}

/*
*************** FOOTER ********************/
#footer{
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#footer p{
	color: #FFFFFF;
	font-size: 10px;
	margin: 5px 0;
}

#footer a{
	color: #FFFFFF;
}

/*
*************** HOME PAGE ********************/
#homeValprop{
	height: 201px;
	margin-bottom: 10px;
	padding: 15px 20px;
}

#homeValprop h1{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: .03em;
}

#homeValprop p{
	font-size: 11px;
	letter-spacing: .03em;
	line-height: 1.4;
	margin-bottom: 15px;
	margin-top: 5px;
	width: 390px;
}

#homeValprop img{
	margin-left: 170px;
}

#callouts .box{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: url(/_media/gradient_top.gif) repeat-x;
	float: left;
	margin-right: 9px;
	margin-top: 0;
	padding: 5px 10px 10px 10px;
	width: 222px;
	height: 140px;
}

#callouts .last{
	float: right;
	padding-top: 10px;
	height: 135px;
	margin-right: 0;
}

#callouts .last img {
	float: left;
	width: 118px;
	margin-right: 10px;
}

#callouts .news {
	width: 475px;
}

#callouts .box p{
	font-size: 11px;
}

#callouts .box h3{
	background: none;
	height: auto;
	margin-bottom: .25em;
	padding-left: 0;
}

#callouts .box p.right{
	margin-bottom: 0;
	text-align: right;
}

/*
*************** FORM ERRORS ********************/
.error{
	background: #FFFFFF;
	border: 2px solid #3F9C35;
}

.error-box{
	background: #3F9C35;
	color: #FFFFFF;
	margin-bottom: .5em;
	padding: 10px;
}

/*
*************** MISC. ********************/
.clearer{
	clear: both;
	height: 0px;
	overflow: hidden;
}

hr{
	background-color: #CECECE;
	color: #CECECE;
	height: 1px;
	margin: 5px 0;
}

a img{
	border: none;
}

.anchorLinks{
	display: block;
	margin: 5px 0;
	padding: 5px 0;
}

.anchorLinks li{
	background: none;
	display: inline;
}

.supportForm{margin-top: 15px; width: 100%;}
.supportForm td{
	padding: 5px;
}



/*
*************** HIGHLIGHTING ********************/
body.products li#n-products,
body.support li#n-support,
body.partners li#n-partners,
body.company li#n-company,
body.security li#n-security,
body.mLogin li#n-mLogin,
body.merchant li#n-merchant{
	background: url(/_media/topnav_active.gif) repeat-x;
}

/* fixes font-size keyword problem for IE5/Win */
body{
	font-size: x-small; /* IE5 Win */
	font-size: small;
	voice-family: inherit;
	voice-family: "\"}\"";
}

html>body{
	font-size: small; /* be nice to Opera */
}

/* trigger hasLayout and target ie5+6/win only */
li,
#footer #left-col li a{
	height: 1%;
}

/* trigger hasLayout and target ie7/win only */
*:first-child+html li,
*:first-child+html #footer #left-col li a{
	min-height: 1px;
}