/* global ----------------------------------*/
body { margin: 0; padding: 0; text-align: center; background-color: #ffffff; font-family: helvetica, arial, san-serif; font-size: 12px; color: #333; }
#pageplacement { margin: 0 auto; padding: 0; width: 970px; position: relative; text-align: left; }

body.popup { margin: 0; padding: 0; text-align: center; background-color: #ffffff; font-family: helvetica, arial, san-serif; font-size: 12px; color: #333; }
#pupuppageplacement { margin: 0 auto; padding: 0; width: 500px; position: relative; text-align: left; }

/* -- links ----------------------------------------------------------- */
a 			{ color: #006699; text-decoration: none; } 
a:link		{ color: #006699; } 
a:visited	{ color: #006699; } 
a:active	{ color: #006699; } 
a:hover		{ color: #006699; text-decoration: underline;} 

/* -- global elements ---------------------------------------------------- */
sup {font-size: 9px; }
sup.headline {font-size: 14px; }
#padall0 { margin: 0px 0px 0px 0px; }
.required { color: red; }
#heroHold { width: 970px; height: 471px; margin: 0px auto; }
.error_strings{ font-size:11px; color:#ff0000;}

/* -- top header ----------------------------------------------------------- */
#topheader div.logo { margin: 15px 0px 0px 10px; }
#topheader div.tagline { margin: 52px 0px 0px 3px; }
#topheader div.utility { margin: 5px 0px 0px 0px; font-size: 11px;}
#topheader a.utilitylink 			{ color: #333; text-decoration: none; font-size: 11px;}
#topheader a.utilitylink:visited	{ color: #333; }
#topheader a.utilitylink:active		{ color: #333; } 
#topheader a.utilitylink:hover		{ color: #000; text-decoration: underline;} 
#topheader div.phone { margin: 5px 0px 25px 0px; font-size: 24px;}
#topheader input.toplogin { width: 90px; border: 1px solid #666; background:#e6f0f6; color:#333; font-size: 11px;}

/* -- main navigation ----------------------------------------------------------- */
#navmain { background: url(images/back_nav.png) top left no-repeat; margin: 0px 0px 0px 0px; }
#navmain td.off { height: 41px; text-align: center; }
#navmain td.on { height: 41px; text-align: center; background: url(images/nav_on.gif) bottom center no-repeat; }
#navmain a.navmainoff 			{ color: #fff; text-decoration: none; font-size: 11px; text-transform:uppercase;}
#navmain a.navmainoff:visited	{ color: #fff; }
#navmain a.navmainoff:active	{ color: #fff; } 
#navmain a.navmainoff:hover		{ color: #ffcc33; } 
#navmain a.navmainon 			{ color: #ffcc33; text-decoration: none; font-size: 11px; text-transform:uppercase;}
#navmain a.navmainon:visited	{ color: #ffcc33; }
#navmain a.navmainon:active		{ color: #ffcc33; } 
#navmain a.navmainon:hover		{ color: #ffcc33; } 

/* -- sub navigation ----------------------------------------------------------- */
#navsub td.subnavrow { height: 30px; background:#ffcc33; font-size: 10px; color: #333; margin: 0px 0px 0px 10px; }
#navsub td.padrow { height: 1px; background:#fff; }
#navsub div.padleft { margin: 0px 0px 0px 13px; }
#navsub a.navsublink 			{ color: #333; text-decoration: none; font-size: 10px; text-transform:uppercase;}
#navsub a.navsublink:visited	{ color: #333; }
#navsub a.navsublink:active		{ color: #333; } 
#navsub a.navsublink:hover		{ color: #000; text-decoration: underline;}

 /* -- sub header ----------------------------------------------------------- */
#header td.developers { background: url(images/header_developers.png) top left no-repeat; width: 970px; height: 90px; }
#header td.varsdealers { background: url(images/header_varsdealers.png) top left no-repeat; width: 970px; height: 90px; }
#header td.pcidss { background: url(images/header_pcidss.png) top left no-repeat; width: 970px; height: 90px; }
#header td.merchants { background: url(images/header_merchants.png) top left no-repeat; width: 970px; height: 90px; }
#header td.products { background: url(images/header_merchantware.png) top left no-repeat; width: 970px; height: 90px; }
#header td.products_only { background: url(images/header_products_only.gif) top left no-repeat; width: 970px; height: 90px; }
#header td.partner { background: url(images/header_partner.png) top left no-repeat; width: 970px; height: 90px; }
#header td.about { background: url(images/header_about.png) top left no-repeat; width: 970px; height: 90px; }
#header td.resource { background: url(images/header_resource.png) top left no-repeat; width: 970px; height: 90px; }
#header a.joinlink 		{ color: #fff; text-decoration: none; font-size: 10px;}
#header a.joinlink:visited	{ color: #fff; }
#header a.joinlink:active	{ color: #fff; } 
#header a.joinlink:hover	{ color: #fff; text-decoration: underline;} 
#header div.join { font-size: 11px; color: #ffcc00; margin: 20px 20px 0px 790px; text-transform:uppercase; font-weight: bold;}
#header b.font12 { font-size: 12px; color: #fff; }

/* -- main content level 2 ----------------------------------------------------------- */
#maincontentlevel2 td.line { width:1px; background:#999; }
#maincontentlevel2 td.bottom { width:970px; height: 7px; }
#maincontentlevel2 td.col1 { width:690px; height: 370px; background: url(images/level2_back.png) top left no-repeat; }
#maincontentlevel2 td.col1p { width:690px; height: 370px; background: url(images/level2_back_products.png) top left no-repeat; }
#maincontentlevel2 div.content { margin: 0px 20px 10px 20px; line-height: 1.5em; }
#maincontentlevel2 div.contentcol1 { margin: 0px 40px 0px 0px; line-height: 1.5em; }
#maincontentlevel2 div.contentcol2 { margin: 0px 0px 0px 20px; line-height: 1.5em; }
#maincontentlevel2 div.contentpadright250 { margin: 0px 250px 0px 20px; line-height: 1.5em; }
#maincontentlevel2 h2 { margin: 15px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 18px; line-height: 1.3em;} 
#maincontentlevel2 h3 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 16px;} 
#maincontentlevel2 h4 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 14px;}
#maincontentlevel2 h5 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 12px;}
#maincontentlevel2 div.col2-1pad { margin: 200px 120px 0px 15px; color: #fff; }
#maincontentlevel2 ul { margin-left: 1em; padding-left: 1em; margin-top: -1em; padding-top: 1em; list-style-image: url(images/bullet.gif); }
#maincontentlevel2 td.features { background: url(images/bullets_features_back.gif) top left no-repeat; }
#maincontentlevel2 td.featuresbenefits { background: url(images/bullets_featuresbenefits_back.gif) top left no-repeat; }
#maincontentlevel2 td.servicefeatures { background: url(images/bullets_servicefeatures_back.gif) top left no-repeat; }
#maincontentlevel2 td.benefits { background: url(images/bullets_benefits_back.gif) top left no-repeat; }
#maincontentlevel2 td.servicebenefits { background: url(images/bullets_service_benefits_back.gif) top left no-repeat; }
#maincontentlevel2 td.networks { background: url(images/bullets_networks_back.gif) top left no-repeat; }
#maincontentlevel2 td.options { background: url(images/bullets_options_back.gif) top left no-repeat; }
#maincontentlevel2 td.specs { background: url(images/bullets_specifications_back.gif) top left no-repeat; }
#maincontentlevel2 td.components { background: url(images/bullets_components_back.gif) top left no-repeat; }
#maincontentlevel2 td.productsservices { background: url(images/bullets_productsservices_back.gif) top left no-repeat; }
#maincontentlevel2 td.pcidsspabp { background: url(images/bullets_pcidsspabp_back.gif) top left no-repeat; }
#maincontentlevel2 td.merchantlevels { background: url(images/bullets_merchantlevels_back.gif) top left no-repeat; }
#maincontentlevel2 td.carddatasecurity { background: url(images/bullets_carddatasecurity_back.gif) top left no-repeat; }
#maincontentlevel2 td.partnerbenefits { background: url(images/bullets_partner_benefits_back.gif) top left no-repeat; }
#maincontentlevel2 div.padfeatures { margin: 55px 0px 0px 10px; }

/* -- main content level 3 ----------------------------------------------------------- */
#maincontentlevel3 td.line { width:1px; background:#999; }
#maincontentlevel3 td.bottom { width:970px; height: 7px; }
#maincontentlevel3 td.col1 { width:968px; height: 300px; background: url(images/level3_back.png) top left no-repeat; }
#maincontentlevel3 div.content { margin: 0px 20px 0px 20px; line-height: 1.5em; }
#maincontentlevel3 div.contentnopadleft { margin: 0px 0px 10px 10px; line-height: 1.5em; }
#maincontentlevel3 h2 { margin: 15px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 20px; line-height: 1.5em;} 
#maincontentlevel3 h3 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 16px;} 
#maincontentlevel3 h4 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 14px; line-height: 1.2em;}
#maincontentlevel3 h4.normaltext { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 14px; line-height: 1.2em;}
#maincontentlevel3 h5 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 12px;}
#maincontentlevel3 a.productlink 			{ color: #006699; text-decoration: none; font-size: 14px; text-transform:uppercase;}
#maincontentlevel3 a.productlink:visited	{ color: #006699; }
#maincontentlevel3 a.productlink:active		{ color: #006699; } 
#maincontentlevel3 a.productlink:hover		{ color: #006699; text-decoration: underline;}
#maincontentlevel3 ul {margin-left: 1em; padding-left: 1em; margin-top: -1em; padding-top: 1em; list-style-image: url(images/bullet.gif); }

#maincontentlevel3 td.features2 { background: url(images/bullets_features_back2.gif) top left no-repeat; }
#maincontentlevel3 td.benefits2 { background: url(images/bullets_benefits_back2.gif) top left no-repeat; }

#maincontentlevel3 td.features { background: url(images/bullets_features_back.gif) top left no-repeat; }
#maincontentlevel3 td.featuresbenefits { background: url(images/bullets_featuresbenefits_back.gif) top left no-repeat; }
#maincontentlevel3 td.servicefeatures { background: url(images/bullets_servicefeatures_back.gif) top left no-repeat; }
#maincontentlevel3 td.benefits { background: url(images/bullets_benefits_back.gif) top left no-repeat; }
#maincontentlevel3 td.servicebenefits { background: url(images/bullets_service_benefits_back.gif) top left no-repeat; }
#maincontentlevel3 td.networks { background: url(images/bullets_networks_back.gif) top left no-repeat; }
#maincontentlevel3 td.options { background: url(images/bullets_options_back.gif) top left no-repeat; }
#maincontentlevel3 td.specs { background: url(images/bullets_specifications_back.gif) top left no-repeat; }
#maincontentlevel3 td.components { background: url(images/bullets_components_back.gif) top left no-repeat; }
#maincontentlevel3 td.productsservices { background: url(images/bullets_productsservices_back.gif) top left no-repeat; }
#maincontentlevel3 td.merchantlevels { background: url(images/bullets_merchantlevels_back.gif) top left no-repeat; }
#maincontentlevel3 td.carddatasecurity { background: url(images/bullets_carddatasecurity_back.gif) top left no-repeat; }
#maincontentlevel3 td.contactus { background: url(images/bullets_contactus_back.gif) top left no-repeat; }
#maincontentlevel3 td.yourinfo { background: url(images/bullets_yourinfo_back.gif) top left no-repeat; }
#maincontentlevel3 td.merchantinfo { background: url(images/bullets_merchantinfo_back.gif) top left no-repeat; }
#maincontentlevel3 td.jointoday { background: url(images/bullets_jointoday_back.gif) top left no-repeat; }
#maincontentlevel3 td.findresller { background: url(images/bullets_findresller_back.gif) top left no-repeat; }
#maincontentlevel3 td.newsletter { background: url(images/bullets_newsletter_back.gif) top left no-repeat; }
#maincontentlevel3 td.partnerbenefits { background: url(images/bullets_partner_benefits_back.gif) top left no-repeat; }
#maincontentlevel3 td.account { background: url(images/bullets_account_back.gif) top left no-repeat; }
#maincontentlevel3 td.reports { background: url(images/bullets_reports_back.gif) top left no-repeat; }
#maincontentlevel3 td.tools { background: url(images/bullets_tools_back.gif) top left no-repeat; }
#maincontentlevel3 td.resources { background: url(images/bullets_resources_back.gif) top left no-repeat; }
#maincontentlevel3 td.formsdocuments { background: url(images/bullets_forms-documents_back.gif) top left no-repeat; }
#maincontentlevel3 div.padfeatures { margin: 55px 0px 0px 10px; }
#maincontentlevel3 td.integrationoptions { background: url(images/bullets_integration_options_back.gif) top left no-repeat; }
#maincontentlevel3 td.platforms { background: url(images/bullets_platforms_back.gif) top left no-repeat; }

a.sidelink 			{ text-decoration: none; font-size: 14px;}
a.sidelink:hover		{text-decoration: underline;}

.info_table table, .info_table th, .info_table td
{
	border: 1px solid #000000;
}

/* -- custom level 2 ----------------------------------------------------------- */
#maincontentlevel4 td.line { width:1px; background:#999; }
#maincontentlevel4 td.bottom { width:970px; height: 7px; }
#maincontentlevel4 td.col1 { width:690px; height: 370px; background: url(images/custom_back.png) top left no-repeat; }
#maincontentlevel4 td.col1p { width:690px; height: 370px; background: url(images/custom_back.png) top left no-repeat; }
#maincontentlevel4 div.content { margin: 0px 20px 10px 20px; line-height: 1.5em; }
#maincontentlevel4 div.contentcol1 { margin: 0px 40px 0px 0px; line-height: 1.5em; }
#maincontentlevel4 div.contentcol2 { margin: 0px 0px 0px 20px; line-height: 1.5em; }
#maincontentlevel4 div.contentpadright250 { margin: 0px 250px 0px 20px; line-height: 1.5em; }
#maincontentlevel4 h2 { margin: 15px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 18px; line-height: 1.3em;} 
#maincontentlevel4 h3 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 16px;} 
#maincontentlevel4 h4 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 14px;}
#maincontentlevel4 h5 { margin: 10px 0px -5px 0px; font-weight: normal; text-transform:none; font-size: 12px;}
#maincontentlevel4 div.col2-1pad { margin: 200px 120px 0px 15px; color: #fff; }
#maincontentlevel4 ul { margin-left: 1em; padding-left: 1em; margin-top: -1em; padding-top: 1em; list-style-image: url(images/bullet.gif); }
#maincontentlevel4 td.features { background: url(images/bullets_features_back.gif) top left no-repeat; }
#maincontentlevel4 td.featuresbenefits { background: url(images/bullets_featuresbenefits_back.gif) top left no-repeat; }
#maincontentlevel4 td.servicefeatures { background: url(images/bullets_servicefeatures_back.gif) top left no-repeat; }
#maincontentlevel4 td.benefits { background: url(images/bullets_benefits_back.gif) top left no-repeat; }
#maincontentlevel4 td.servicebenefits { background: url(images/bullets_service_benefits_back.gif) top left no-repeat; }
#maincontentlevel4 td.networks { background: url(images/bullets_networks_back.gif) top left no-repeat; }
#maincontentlevel4 td.options { background: url(images/bullets_options_back.gif) top left no-repeat; }
#maincontentlevel4 td.specs { background: url(images/bullets_specifications_back.gif) top left no-repeat; }
#maincontentlevel4 td.components { background: url(images/bullets_components_back.gif) top left no-repeat; }
#maincontentlevel4 td.productsservices { background: url(images/bullets_productsservices_back.gif) top left no-repeat; }
#maincontentlevel4 td.pcidsspabp { background: url(images/bullets_pcidsspabp_back.gif) top left no-repeat; }
#maincontentlevel4 td.merchantlevels { background: url(images/bullets_merchantlevels_back.gif) top left no-repeat; }
#maincontentlevel4 td.carddatasecurity { background: url(images/bullets_carddatasecurity_back.gif) top left no-repeat; }
#maincontentlevel4 td.partnerbenefits { background: url(images/bullets_partner_benefits_back.gif) top left no-repeat; }
#maincontentlevel4 div.padfeatures { margin: 55px 0px 0px 10px; }



/* -- cross content ----------------------------------------------------------- */
#crosscontent3 div.content { margin: 20px 20px 0px 20px; }
#crosscontent3 td.column { width: 322px; }
#crosscontent3 td.column1 { width: 344px; }
#crosscontent3 td.column2 { width: 344px; }
#crosscontent3 td.column3 { width: 278px; }
#crosscontent3 td.line { width: 1px; }

/* -- forms ------------------------------------------------------------ */
input.txt { width: 200px; border: 1px solid #666; background:#fff; color:#333; }
textarea { width: 200px; height: 75px; border: 1px solid #666; }
select { width: 200px; border: 1px solid #666; background:#fff; color:#333; }

/* -- Footer ----------------------------------------------------------- */
#footerbar tr.padrow { width:970px; height: 2px; background:#fff; }
#footerbar tr.contentrow { height: 45px; background:#333; font-size: 10px; color: #fff; }
#footerbar div.footerleft { font-size: 10px; color: #fff; margin: 0px 0px 0px 10px; }
#footerbar div.footerright { font-size: 10px; color: #fff; margin: 0px 10px 0px 0px; text-align: right;}
#footerbar tr.legalrow { height: 30px; background:#fff; }
#footerbar div.legal { font-size: 10px; color: #666; margin: 5px 0px 20px 0px; }
#footerbar a.footerlink 		{ color: #fff; text-decoration: none; font-size: 10px;}
#footerbar a.footerlink:visited	{ color: #fff; }
#footerbar a.footerlink:active	{ color: #fff; } 
#footerbar a.footerlink:hover	{ color: #fff; text-decoration: underline;}

/* -- background images ------------------------------------------------- */
#back2 { background: url(images/bottom_curves.gif) top left no-repeat; width: 963px; height: 5px; margin: 0px 0px 0px 0px; }

/* Navigation Treatment
----------------------------------------------- */
#Navigation {  }
#Navigation UL { margin: 0px; padding: 0px 0px 0px 10px; list-style: none; }
#Navigation LI { margin: 0px; padding: 10px 0px; float: left; line-height: 1.3em; position: relative; }
#Navigation LI.Last { border-right: none; }
#Navigation A { padding: 0px; color: #333; text-decoration: none;  text-transform: uppercase; font-size: 10px; }
#Navigation A:link 		{  }
#Navigation A:visited 	{  }
#Navigation LI:hover, #Navigation LI.Over	{ }
#Navigation A:active 	{  }
#Navigation LI.Selected { }
#Navigation LI:hover UL, #Navigation LI.Over UL { display: block; }

#Navigation LI UL { width: 300px; margin: 0; padding: 0;  display: none; position: absolute; top: 33px; left: 0; }

#Navigation LI LI { margin: 0; padding: 0; display: block; border: none; border: none; }
#Navigation LI LI A { font-size: 10px; padding: 5px 5px; display: block; width: 300px; color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff; border-left: 1px solid #fff; text-decoration: none; background: #ffcc33; }
#Navigation LI LI A:hover { font-size: 10px; color: #666; background: #FFC; }

#NavigationSub { margin: 0; padding: 0; width: 164px; background: #F9F9F9; border-left: 1px solid #CCC; border-right: 1px solid #CCC; }
#NavigationSub H5 { margin: 0; padding: 8px 5px 5px 5px; color: #707070; font-size: 10px; font-weight: normal; }
#NavigationSub UL { margin: 0; padding: 0px 5px 15px 5px; list-style: none; }
#NavigationSub LI { margin: 0; padding: 2px 10px; background: url(../images/global-navigationsubarrow.gif) left 50% no-repeat; font-size: 12px; }

#Navigation A.link 			{ text-transform:uppercase; }
#Navigation A.link:visited	{ }
#Navigation A.link:active	{  } 
#Navigation A.link:hover	{ text-decoration: underline; }

/* reports
----------------------------------------------- */
#table-report { border-style: solid; border-width: 1px; border-color: #fff; border-collapse: collapse;}
#table-report td { height: 25px;  border-style: solid; border-width: 1px; border-color: #fff; text-align: center; }
#table-report tr.header { background:#666; }
#table-report tr.row1 { background:#fff; }
#table-report tr.row2 { background:#d5e8f3;}
#table-report b { color: #fff; text-transform:uppercase;}
#table-report .padright {  margin: 2px 5px -3px 0px; }

/* rollover notes
----------------------------------------------- */
#dhtmltooltip{ position: absolute; left: -300px; width: 150px; border: 1px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden; }



//* -- library ------------------------------------------------------------ */
.xxx {
	font-family: arial,helvetica,sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 1.2em;
	font-weight: bold;
	font-style: italic;
	text-align: right;
	text-align: center;
	text-indent: -10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px; 
	margin-right: 0px; 
	margin-top: 6px; 
	margin-bottom: 0px;
	background:#fff;
	text-transform:uppercase;
	}
	

