/* MPOWER Mobile CSS */ /* === General === */ /* === Global === */ /* !=!=!=!=!=!=!=!=!=!=!=!=!=!=! FIX THE BODY LATER !*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*!*! */ body {margin: 0; padding: 0; background: #fff url(/img/bg_body.jpg) top left repeat-x; font-size: 8.5pt; line-height: 140%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #666;} a {color: #983602; text-decoration: none;} #gangstaRapper {width: 870px; margin: 0 auto; padding: 0; margin-top: 50px;} #headerRapper {width: 870px; height: 80px; margin: 0; padding: 0; margin-bottom: 10px;} #headerLogo {width: 191px; height: 80px; float: left; display: block; overflow: hidden; background: url(/img/bg_logo.gif) top left no-repeat; text-indent: -9999px; margin-left: 30px;} #headerLangNav {width: 220px; height: 23px; margin-top: 29px; float: right; margin-right: 30px; visibility: hidden;} #headerNav {width: 444px; height: 28px; clear: right; float: right; margin-right: 30px;} #mainRapper {width: 870px; background: url(/img/bg_mainRapper.jpg) top left repeat;} #mainRapperBottom {width: 870px; background: url(/img/bg_mainRapperBottom.gif) bottom left no-repeat; padding-bottom: 30px;} #mainRapperTop {width: 870px; padding-top: 265px;} #contentRapper {width: 830px; background: url(/img/bg_contentRapper.gif) top left repeat-y; margin-left: 20px;} #contentRapperBottom {width: 830px; height: 30px; background: url(/img/bg_contentRapperBottom.gif) bottom left no-repeat; margin-left: 20px;} #contentRapperTop {width: 830px; background: url(/img/bg_contentRapperTop.jpg) top left no-repeat; padding-bottom: 5px; padding-top: 20px;} #readMore {width: 75px; height: 35px; margin-left: 755px;} #readMore a {width: 75px; height: 35px; display: block; overflow: hidden; text-indent: -9999px; background: url(/img/bg_readMore.gif) 0 0 no-repeat;} #readMore a:hover {background-position: -75px 0;} #contentBody {position: relative; margin-left: 170px; width: 610px; min-height: 240px;} #subFeatureRapper {width: 830px; height: 157px; background: url(/img/bg_subFeature.gif) top left no-repeat; margin-top: 18px;} #subFeatureNews {float: left; width: 355px; background: url(/img/bg_subFeatureHeader_news.gif) top left no-repeat;} #subFeatureServices {width: 475px; float: left; background: url(/img/bg_subFeatureHeader_services.gif) top left no-repeat;} #subFeatureServicesAction a {margin-left: 414px;} #subFeatureNewsAction a {margin-left: 294px;} #subFeatureServicesAction a, #subFeatureNewsAction a {width: 61px; height: 24px; display: block; overflow: hidden; background: url(/img/bg_subFeatureAction.gif) 0 0 no-repeat; text-indent: -9999px;} #subFeatureServicesAction a:hover, #subFeatureNewsAction a:hover {background-position: -61px 0;} #subFeatureServicesNav, #subFeatureServicesNav ul {width: 447px; height: 104px; padding: 0; margin: 0; list-style: none; border: 0;} #subFeatureServicesNav {margin-left: 10px; margin-top: 37px;} #subFeatureServicesNav li {float: left; padding: 0; width: 141px; height: 104px; background: url(/img/bg_subFeatureServicesNav.jpg) 0 0 no-repeat;} #subFeatureServicesNav a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 104px; width: 141px;} #subFeatureServicesNav #subFeatureStrategy {background-position: 0 0;} #subFeatureServicesNav #subFeatureProcessing {background-position: -141px 0; margin-left: 12px;} #subFeatureServicesNav #subFeaturePayments {background-position: -282px 0; margin-left: 12px;} #subFeatureServicesNav #subFeatureStrategy:hover {background-position: 0 -104px;} #subFeatureServicesNav #subFeatureProcessing:hover {background-position: -141px -104px;} #subFeatureServicesNav #subFeaturePayments:hover {background-position: -282px -104px;} #subNavRapper {float: left; margin-left: 20px; width: 145px;} #footer {width: 870px; height: 15px; margin:0; padding: 0; margin-bottom: 30px;} #footerTagline {width: 165px; height: 15px; margin: 0; padding: 0; float: left;} #footerTagline a {width: 165px; height: 15px; margin: 0; padding: 0; background: transparent url(/img/bg_footer.gif) top left no-repeat; overflow: hidden; text-indent: -9999px; display: block;} #footerTagline a:hover {background: transparent url(/img/bg_footer.gif) 0 -15px no-repeat;} #footerNav {width: 630; height: 15px; margin: 0; padding: 0; float: right;} #footerNav p {margin: 0; padding: 0; font-size: 7.5pt; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999; text-align: right;} #footerNav a {color: #999; text-decoration: none;} #footerNav a:hover {color: #983602;} #subFeatureRapper h2, #mainRapperTop h2 {display: none;} .leadIn {color: #999; font-size: 11pt; line-height: 130%; margin: 0; padding: 0; margin-bottom: 15px;} #contentBody p {margin: 0; padding:0; margin-bottom: 10px;} #contentBody h3 {text-transform: uppercase; letter-spacing: -0px; font-size: 8.5pt; color: #983602; font-weight: normal; margin: 0; padding: 0; margin-bottom: 5px; margin-top: 25px;} #contentBody p.address {margin: 0; padding: 0; width: 225px; float: left; margin-left: 40px; margin-top: 35px;} #contentBody p.address span {color: #333; font-weight: bold;} #pressRapper, #mediaRapper {width: 610px;} #mediaRapper {margin-top: 30px;} #pressHeader, #mediaHeader {border-bottom: 1px solid #999; text-transform: uppercase; color: #333; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px;} .newsLabels {margin: 0; padding: 0; margin-left: 15px; width: 580px; border-bottom: 1px dotted #999; text-transform: uppercase; margin-bottom: 10px;} .newsLabelDate {margin: 0; padding: 0; width: 125px; float: right;} .newsLabelHeadline {margin: 0; padding: 0; width: 420px; margin-right: 160px;} .newsItem {font-style: italic; margin-left: 15px; width: 580px; border-bottom: 1px dotted #999; padding-bottom: 10px; line-height: 120%; margin-bottom: 10px;} .newsItemDate {margin: 0; padding: 0; width: 125px; float: right; font-style: normal;} .newsItemHeadline {font-style: normal; margin: 0; padding: 0; width: 420px; display: block; margin-right: 160px;} #pressRelease h4 {font-size: 14pt; margin: 0 0 7px 0; padding: 0;} #pressRelease h5 {font-size: 10pt; margin: 7px 0 15px 0; padding: 0; font-style: italic; font-weight: normal;} #pressRelease span {font-weight: bold; color: #333;} #pressRelease h6 {font-size: 8pt; text-transform: uppercase; color: #333; margin: 20px 0 3px 0;} #subFeatureNewsItem a {margin: padding: 0; background: url(/img/bg_subFeatureNewsItem.gif) top left no-repeat; padding-left: 18px; display: block; color: #fff; font-size: 11pt; line-height: 100%; font-weight: bold; text-transform: uppercase; margin-left: 65px; margin-top: 30px; width: 195px; padding-top: 2px;} #subFeatureNewsItem a div {color: #611c06; text-align: right; font-size: 10pt; text-transform: none; font-weight: normal;} .listDiv { width: 510px; margin-left: 50px; margin-bottom: 25px; margin-top: 25px;} .listDiv ul {list-style-type: none; margin: 0; padding: 0;} .listDiv ul li {margin: 0 padding: 0; margin-bottom: 10px; background-image: url(/img/listDiv_arrow.gif); background-repeat: no-repeat; background-position: 0 .1em; padding-left: 15px; line-height: 120%; list-style-type: none;} #nav, #nav ul {width: 444px; height: 28px; padding: 0; margin: 0; list-style: none; border: 0;} #nav li {float: left; padding: 0; height: 28px; background: url(/img/bg_nav.gif) 0 0 no-repeat;} #nav li a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 28px;} #nav #navAbout {background-position: 0 0; width: 84px;} #nav #navSolutions {background-position: -84px 0; width: 92px;} #nav #navNews {background-position: -176px 0; width: 57px;} #nav #navPartnerships {background-position: -233px 0; width: 112px;} #nav #navContact {background-position: -345px 0; width: 99px;} #nav #navAbout:hover {background-position: 0 -28px;} #nav #navSolutions:hover {background-position: -84px -28px;} #nav #navNews:hover {background-position: -176px -28px;} #nav #navPartnerships:hover {background-position: -233px -28px;} #nav #navContact:hover {background-position: -345px -28px;} #nav .navActive {overflow: hidden; text-indent: -9999px;} #nav #navAbout.navActive, #nav #navAbout.navActive:hover {background-position: 0 -56px;} #nav #navSolutions.navActive, #nav #navSolutions.navActive:hover {background-position: -84px -56px;} #nav #navNews.navActive, #nav #navNews.navActive:hover {background-position: -176px -56px;} #nav #navPartnerships.navActive, #nav #navPartnerships.navActive:hover {background-position: -233px -56px;} #nav #navContact.navActive, #nav #navContact.navActive:hover {background-position: -345px -56px;} #subNav, #subNav ul {width: 125px; padding: 0; margin: 0; list-style: none; border: 0; height: 240px;} #subNav li {padding: 0; height: 15px; background: url(/img/bg_subNav.gif) 0 0 no-repeat;} #subNav a {display: block; overflow: hidden; text-indent: -9999px; text-decoration: none; height: 15px;} #subNav #subNavAbout {background-position: 0 0;} #subNav #subNavCore {background-position: 0 -15px;} #subNav #subNavTeam {background-position: 0 -30px;} #subNav #subNavCareers {background-position: 0 -45px;} #subNav #subNavSolutions {background-position: 0 -60px;} #subNav #subNavNews {background-position: 0 -75px;} #subNav #subNavPartnerships {background-position: 0 -90px;} #subNav #subNavContact {background-position: 0 -105px;} #subNav #subNavPress {background-position: 0 -150px;} #subNav #subNavAbout:hover {background-position: -125px 0;} #subNav #subNavCore:hover {background-position: -125px -15px;} #subNav #subNavTeam:hover {background-position: -125px -30px;} #subNav #subNavCareers:hover {background-position: -125px -45px;} #subNav #subNavSolutions:hover {background-position: -125px -60px;} #subNav #subNavNews:hover {background-position: -125px -75px;} #subNav #subNavPartnerships:hover {background-position: -125px -90px;} #subNav #subNavContact:hover {background-position: -125px -105px;} #subNav #subNavPress:hover {background-position: -125px -150px;} #subNav .navActive {overflow: hidden; text-indent: -9999px;} #subNav #subNavAbout.navActive, #subNav #subNavAbout.navActive:hover {background-position: -250px 0;} #subNav #subNavCore.navActive, #subNav #subNavCore.navActive:hover {background-position: -250px -15px;} #subNav #subNavTeam.navActive, #subNav #subNavTeam.navActive:hover {background-position: -250px -30px;} #subNav #subNavCareers.navActive, #subNav #subNavCareers.navActive:hover {background-position: -250px -45px;} #subNav #subNavSolutions.navActive, #subNav #subNavSolutions.navActive:hover {background-position: -250px -60px;} #subNav #subNavNews.navActive, #subNav #subNavNews.navActive:hover {background-position: -250px -75px;} #subNav #subNavPartnerships.navActive, #subNav #subNavPartnerships.navActive:hover {background-position: -250px -90px;} #subNav #subNavContact.navActive, #subNav #subNavContact.navActive:hover {background-position: -250px -105px;}