* { font-family: Arial, Verdana; color: #333333; font-size: 8pt; border-width: 0px; margin: 0px; } body { color: #000000; background-color: #FFFFFF; } a:link, a:visited, a:active { color: #434387; line-height: 12px; font-weight: normal; text-decoration: underline; } a:hover { color: #458035; line-height: 12px; font-weight: normal; text-decoration: underline; } a.link-lite:link, a.link-lite:visited, a.link-lite:active { color: #666666; font-size: 7.5pt; line-height: 12px; font-weight: normal; text-decoration: underline; } a.link-lite:hover { color: black; font-size: 7.5pt; line-height: 12px; font-weight: normal; text-decoration: underline; } a.link-footer:link, a.link-footer:visited, a.link-footer:active { color: #CCC; font-size: 7.5pt; line-height: 12px; font-weight: normal; text-decoration: none; } a.link-footer:hover { color: #999; font-size: 7.5pt; line-height: 12px; font-weight: normal; text-decoration: underline; } a.pdf:link, a.pdf:visited, a.pdf:active { color: white; font-size: 7.5pt; padding: 3px; background-color: #79BA43; text-decoration: none; } a.pdf:hover { color: white; font-size: 7.5pt; background-color: #458035; text-decoration: none; } a.text:link, a.text:visited, a.text:active { color: #434387; font-weight: bold; text-decoration: underline; } a.text:hover { color: #458035; font-weight: bold; text-decoration: underline; } a.paslink:link, a.paslink:visited, a.paslink:active { display: block; width: 131px; font-size: 7.5pt; padding: 3px; color: #79BA43; background-color: white; font-weight: bold; text-decoration: none; } a.paslink:hover { display: block; width: 131px; font-size: 7.5pt; padding: 3px; color: white; background-color: #79BA43; font-weight: bold; text-decoration: none; } a.white:link, a.white:visited, a.white:active { color: #EBEBEB; line-height: 9pt; font-weight: bold; text-decoration: underline; } a.white:hover { color: white; line-height: 9pt; font-weight: bold; text-decoration: underline; } div.header1 { display: block; width: 488px; height: 85px; margin-top: 5px; } div.header2 { position: absolute; top: 0px; left: 435px; width: 300px; height: 90px; text-align: right; } div.innerheader2 { display: block; width: 180px; left: 0px; } div.keynav { position: relative; width: 100%; height: 26px; background-color: #333366; line-height: 26px; } div.innerkeynav { display: block; position: absolute; width: 380px; margin-left: 450px; margin-right: 0px; background-color: #333366; } a.keynav { display: block; position: absolute; top: 0px; height: 26px; background-color: #333366; } a.keynav#corpinfo { width: 116px; left: 194px; } a.keynav#contactus { width: 89px; left: 0px; } a.keynav#sitemap { width: 70px; left: 310px; } div.mainnav { position: relative; width: 100%; height: 26px; background-color: #454578; line-height: 26px; } div.innermainnav { display: block; position: absolute; width: 645px; margin-left: 0px; margin-right: auto; line-height: 26px; } a.mainnav { display: block; position: absolute; background-repeat: no-repeat; top: 0px; height: 26px; background-color: #454578; } a.mainnav#products { width: 152px; left: 0px; } a.mainnav#resellers{ width: 137px; left: 152px; } a.mainnav#partners { width: 75px; left: 289px; } a.mainnav#applynow { width: 87px; left: 364px; } a.mainnav#aboutus { width: 75px; left: 444px; } div.center { margin-right: auto; margin-left: auto; } /* HOMEPAGE LAYOUT */ #home-container { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; } html>body #home-container { height: auto; } #home-panelsblock { width: 740px; padding: 0; margin: 0 auto; background-color: blue; } .contentblock { position: relative; padding-top: 15px; width: 740px; } .contentleft { position: absolute; float: left; width: 220px; height: 400px; padding-top: 15px; padding-left: 15px; } .breakbar { position: absolute; width: 17px; left: 240px; height: 425px; } .contentright { position: relative; width: 420px; left: 250px; padding-top: 15px; padding-left: 20px; } .sidenav { padding-left: 15px; text-indent: 15px; } .sidenavright { padding-left: 30px; } ul { padding: 5px; padding-left: 32px; } li.nav { list-style-image: url(images/gui/nav_bullet_lt.jpg); vertical-align: middle; line-height: 14pt; color: #666666; } li.nav a { font-weight: bold; text-decoration: none; } li.nav a:hover { text-decoration: underline; } li.navselected { list-style-image: url(images/gui/nav_bullet_drk.jpg); color: #666666; line-height: 14pt; text-decoration: none; font-weight: bold; padding-left: 3px; background-color: #CCCCCC; } li.navselected a { font-weight: bold; text-decoration: none; } li.navselected a:hover { text-decoration: underline; } li.sub { list-style-image: url(images/gui/nav_bullet_lt.jpg); vertical-align: middle; } li.sub a { color: #666; text-decoration: none; } li.sub a:hover { text-decoration: underline; } li.subselected { list-style-image: url(images/gui/nav_bullet_drk.jpg); text-decoration: none; } li.subselected a { color: #333; font-weight: bold; text-decoration: none; } li.subselected a:hover { text-decoration: underline; } p { font-size: 11px; color: black; } h1 { font-size: 10pt; font-weight: bolder; color: #505090; line-height: 16px; } h2 { font-size: 9pt; color: #458035; line-height: 16px; } h3 { font-size: 11px; font-weight: bolder; color: #FFFFFF; } h4 { font-size: 9pt; font-weight: bolder; color: #4C4C4C; } .fineprint { font-size: 7pt; color: #333333; } div.content { } .signedblock { padding-top: 8px; padding-bottom: 6px; border-top: 1px solid #CCCCCC; } .sectiontitle { position: relative; background-color: #79BA43; border-bottom: 1px solid #538530; } .subnavtitle2 { position: relative; padding-top: 4px; padding-bottom: 4px; padding-left: 15px; padding-right: 5px; background-color: #7F7EAB; } .subnavoption { position: relative; color: #666666; padding-top: 5px; padding-bottom: 3px; padding-left: 15px; padding-right: 5px; background-color: #EBEBEB; border-bottom: 1px solid #CCCCCC; } .subnavigation { position: relative; color: black; padding-top: 3px; padding-bottom: 3px; padding-right: 5px; background-color: #EBEBEB; } .feature-padding { padding-left: 10px; padding-right: 20px; } .featureblock { padding: 6px; color: #458035; font-weight: bolder; background-color: #EBEBEB; border: 1px solid #CCCCCC; } .featurecontent { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .overviewblock { padding: 4px; background-color: #EBEBEB; border: 1px solid #CCCCCC; } .overviewcontent { padding: 6px; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } div.footer { width: 100%; padding-top: 5px; padding-bottom: 5px; background-color: #CCCCD9; text-align: right; height: 1em; } div.footerlinks { width: 100%; font-size: 7.5pt; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; color: #999999; background-color: white; text-align: center; height: 1em; } .textfield { border-width: 1px; border-style: solid; border-color: #000000; } .button { border: 2px solid #666666; padding: 2px; } .highlight-title { color: white; background-color: #79BA43; font-weight: bold; padding: 4px; } .pad-four { padding: 4px; } .boldtype { font-size: 8pt; font-weight: bolder; } .welcome { font-size: 60pt; color: #990000; } div.pollsection { } hr { height: 1px; color: #CCCCCC; } .req { color: red; } body{ padding: 0; margin: 0; text-align: left; background: white; font-family: Arial, Helvetica, sans-serif; } img{ padding: 0; margin: 0; vertical-align: bottom; border: none; } form{ vertical-align: bottom; padding: 0; margin: 0; } #mainBody{ padding: 0; margin: auto; width: 770px; text-align: left; background: #EAEAF3 url(images/home/main-bg.gif) repeat-y; border: #D6D6E0 1px solid; } #mainContent{ width: 524px; border-right: #D6D6E0 1px solid; float: left; background: white; } #mainContent a{ color: #336; text-decoration: none; } #mainContent a:hover{ text-decoration: underline; } #mainContent p{ padding: 10px 30px 10px 30px; font-size: 12px; line-height: 18px; color: #666; text-align: justify; } #flashContent{ width: 524px; height: 143px; margin: 0; padding: 0; background: white; text-align: center; } h2.whatsNew{ text-indent: -9999px; width: 524px; height: 20px; background: white url(images/home/header-whatsnew.gif) left top no-repeat; } ul li.whatsNew { font-size: 12px; font-weight: bold; color: #336; } #mainContent h3.whatsNew{ padding: 0 0 2px 0; margin: 0 0 0 30px; color: #336; height: 12px; font-size: 12px; font-weight: bold; } #mainContent p.whatsNew{ margin: 0 30px 0 30px; padding: 0 0 10px 0; font-size: 11px; color: #666; line-height: 16px; } #sideBar{ width: 245px; float: right; background: white; padding: 0; margin: 0; vertical-align: bottom; } #sideBar img{ border: none; } #sideBar ul{ margin: 0 0 0 20px; padding-top: 0; padding-left: 15px; font-size: 11px; list-style-type: disc; } #sideBar ul li{ padding-left:0px; line-height: 15px; color: #336; } #sideBar a{ color: #336; text-decoration: none; display: block; } #sideBar a:hover{ text-decoration: underline; } #subscribe{ background: #EAEAF3; padding: 0 0 20px 0; margin: 0; } #features{ padding-left: 30px; padding-top: 50px; } h2.newToMoneris{ text-indent: -9999px; background: white url(images/home/header-newtomoneris.gif) bottom left no-repeat; margin-left: 20px; width: 133px; height: 15px; margin-top: 10px; margin-bottom: 10px; } h2.alreadyACustomer{ text-indent: -9999px; background: white url(images/home/header-alreadyacustomer.gif) bottom left no-repeat; width: 163px; height: 20px; margin-left: 20px; margin-top: 15px; margin-bottom: 10px; } h2.specialOffers{ text-indent: -9999px; background: white url(images/home/header-specialoffers.gif) bottom left no-repeat; width: 245px; height: 26px; padding-bottom: 0; margin-bottom: 0; } #clearAll{ clear: both; height: 1px; width: 770px; } .emailEntry{ color: #336; font-size: 11px; font-family: Arial, Helvetica, sans-serif; } #newsletter{ padding: 10px; padding-left: 40px; vertical-align: bottom; } input{ padding: 0; margin: 0; } div.footer1 { margin: 0 auto; padding-top: 5px; padding-bottom: 5px; background-color: #CCCCD9; text-align: right; height:1em; font-size: 9px; } .footer1 a { color: black; } div.footer2 { background: white; padding: 5px; text-align: left; color: black; font-size: 9px; } .footer2 a { color: black; }