body {margin:0; padding:0; background:#D6D6D6; font : 11px Verdana,Arial,Helvetica;} form {margin:0; padding:0;} select {font : 11px Verdana,Arial,Helvetica;} input {font : 11px Verdana,Arial,Helvetica;} textarea {font : 11px Verdana,Arial,Helvetica;} td {vertical-align:top;} .sm {font-size:.6em;} /* for questions and comments during the site build, this can be removed after the site is done */ .questions{background-color:yellow;} /* search for */ /* for questions and comments during the site build, this can be removed after the site is done */ /* begin logo and toolbar */ #logo-area {background:#FFFFFF; width:765px; text-align:left; font : 1em; border:0; clear: both;} #logo {vertical-align:top; padding: 22px 16px;} #toolbar {padding: 16px 6px 6px 0; color:#929292;} body.home #toolbar {padding-top: 10px;} #toolbar a {color:#2F6FF5; text-decoration:none;} #toolbar a:hover {text-decoration:underline;} #toolbar .secondary {float: right;} #toolbar .call {padding: 5px 0 3px;} #toolbar .clientLogin {float: left;} #toolbar a.login {font-size:.8em; color:#999; text-decoration:none;} #toolbar a.login:hover {font-size:.8em; color:#999; text-decoration:underline;} #toolbar .search-box {font-size:.9em; width:140px; height:12px; border: 1px solid #A1A1A1;} /* end logo and toolbar */ /* begin turn page banner */ #turn-banner{display:block;} /* end turn page banner */ /* begin leftnav */ /* Fix IE. Hide from IE Mac \*/ * html #leftnav ul li { height: 1%; } * html #leftnav ul li a { height: 1%; } /* End */ #main-leftnav {background:#E4E4E4; border-right: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 2px solid #FFF; width: 173px; border-bottom: 1px solid #CCC;} #leftnav ul {margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #E4E4E4;} #leftnav ul li {margin: 0; padding: 0; background:#31437B;font-weight: bold; } #leftnav ul li a {color:#C2C7D8; font-size:.9em; display:block; padding: 6px; padding-left: 6px; border-bottom: 1px solid #A2AAC3; border-top: 0; text-decoration:none; text-align:left;} #leftnav ul li a:hover {color:#FFF;background:#788AC8;} #leftnav ul li.selected {background:#92A2D3;} #leftnav ul li.selected a {color:#FFF; background:#788AC8;} /* lefnav sub items */ #leftnav li ul {padding-left: 20px;border: 0; padding-bottom: 5px; padding-top: 5px;} #leftnav li ul li {border: 0; padding-bottom: 3px; background:#92A2D3; font-weight: normal;} #leftnav li ul li.selected {font-weight: bold;} #leftnav li ul li a {border: 0; padding: 0; } #leftnav li.selected ul li a {background-color: #92A2D3;} #leftnav li.selected ul li a:hover {background-color: #92A2D3;} /* end leftnav features */ /* end leftnav */ /* begin body */ #content{background:#FFFFFF; width:387px; vertical-align:top; padding: 30px 20px; text-align:left; color:#4A4A4A;} #content a {color:#0D4B9F; text-decoration:underline;} #content a:hover {color:#629849; text-decoration:underline;} #content h1 {margin:0; margin-bottom:7px; padding:0; font-size:1.2em; color:#2E750C; text-transform:uppercase;} #content h2 {margin:0; margin-bottom:7px; padding:0; font-size:1.2em; color:#31437B; padding-top: 10px;} #content h3 {margin:0; padding:0; color:#4A4A4A; font-size:1em;} .submit {font-size:.9em; height:12px; border: 1px solid #A1A1A1; color:#757B86; padding-left:4px; width:84px;} /* begin digital merchant page */ #box ul {margin:0; margin-top:15px; padding:10; padding-left:30px; padding-right:10px; border: 1px solid #CCC; list-style-image:url("../pics/digital_merchant/raquo_green.gif");} #box ul li {margin:0; margin-top:10px; padding:0; padding-bottom:10px;} #box a {color:#2E750C; font-weight:bold; background:#FFF;} #box a:hover {color:#31437B; font-weight:bold;} /* end digital merchant page */ /* end body */ /* begin rightnav */ #main-right{background:#F1F1F1; border: 1px solid #CCC; border-right: 3px solid #FFF; border-top: 0; width:158px; text-align:left; vertical-align:top; clear: both;} #quotes{color:#7C7822; font-family: arial, verdana; line-height: 150%; background:#F7F7EF; padding:12px; font-style:italic; font-size:1em;} #quotes h1 {font-style:normal; color:#7C7822; font-size:1em; text-align:right; font-weight:normal; font-size:1.1em; padding:0; margin:0; margin-top:5px;} #quotes a {color:#0000FF;} #quotes a:hover {color:#0D4B9F;} #related-news {padding-left:0; background:#E7E3E7;} #related-news h1 {color:#FFF; font-size:1em; padding: 4px 5px; margin:0; background:#A5A6A5;} #related-news a {color:#000; text-decoration:none; font-size:.9em;} #related-news a:hover {color:#A5A6A5; text-decoration:underline;} #related-news p {margin:0; padding: 6px 5px; border-bottom:1px solid #BDBABD;} #next-steps {padding-left:0; background:#ADB2C6;} #next-steps h1 {color:#FFF; font-size:1em; padding: 4px 5px; margin:0; background:#5A6994;} #next-steps a {color:#000; text-decoration:none; font-size:.9em; } #next-steps a:hover {color:#5A6994; text-decoration:underline;} #next-steps p {margin:0; padding: 6px 5px; border-bottom:1px solid #E7E7EF;} #contact {background:#DEE3D6; color:#4A7D29;} #contact h1 {background:#668855; color:#FFF; font-size:1em; padding: 4px 5px; margin:0;} #contact p {padding:6px 5px; margin:0;} #contact a {color:#4A7D29;} #contact a:hover {color:#849C65;} #contact form {padding:0; margin:0 5px;} #contact input {margin-bottom:8px;} /* end rightnav */ /* begin footer */ #footer {color:#7D7D7D; font-size: 0.8em; width:487px; vertical-align:middle; text-align:center; padding-top: 5px;} #footer a {color:#7D7D7D; text-decoration:none;} #footer a:hover {color:#7D7D7D; text-decoration:underline;} #email-update {background:#DEE3D6; width:143px; padding: 0 7px 0 9px; margin: 0; height: 17px;} #sign-up {background:#DEE3D6; width:143px; height: 29px; margin: 0; padding: 0;} #sign-up img {float: right; margin-right: 9px; margin-top: 0; padding: 0;} input.email-update {float: left; background:#FFF; font-size:0.90em; color:#4A4A4A; border: 1px solid #497D28; padding: 1px 6px 1px 6px; margin:0; } /* end footer */ /* ------------------------------------------------------------------------------------------------------------------------- */ /* For homepage use begins */ /* begin banner */ #banner {background:#FFF; border-right:2px solid #FFF; border-left:2px solid #FFF;} .banner-background {background-image: url("../pics/home/main_right.gif"); vertical-align:bottom; font-size: 0px;} .featureRollover { width: 332px; float: left; } #featureRollover1 { position: absolute; visibility: hidden; } #featureRollover2 { position: absolute; visibility: hidden; } #featureRollover3 { position: absolute; visibility: hidden; } /* end banner */ /* begin facts section */ #facts {background:#FFF; width:765px; border-left:2px solid #FFF; border-right:2px solid #FFF;} #facts-text {background:#F0F1F5; text-align:left; padding-left:10px; color:#0D4B9F; font: 1em arial; vertical-align:middle;} /* end facts section */ /* begin features */ #features {background:#FFF; width:761px; padding:2px 2px;} .bot-features {background:#E5E5E5;} .feature-spacing {padding: 10px; clear: both;} .divider {background-image: url("../pics/home/divider.gif");} #revenue {background:#E5E5E5; vertical-align:top; text-align:left; color:#0D4B9F; font: 1em Arial;} #revenue a {color:#0D4B9F; text-decoration:underline;} #revenue a:hover {text-decoration:underline;} #latest-news {background:#E5E5E5; vertical-align:top; text-align:left; color:#0D4B9F; font: 1em Arial;} #latest-news a {color:#0D4B9F; text-decoration:none;} #latest-news a:hover {text-decoration:underline;} #spotlight {background:#E5E5E5; vertical-align:top; text-align:left; color:#767676; font: 1em Arial;} #spotlight p {padding:20px; padding-bottom:0; padding-top:0;} #spotlight a {color:#0D4B9F; text-decoration:none;} #spotlight a:hover {text-decoration:underline;} #spotlight div {padding:20px; padding-top:5px;} /* end features */ /* For homepage use ends */ /* ------------------------------------------------------------------------------------------------------------------------- */ /* special styles in pages */ /* begin box with a border digital merchant page, check.asp, credit_card.asp, directbill.asp */ #box h2 {background: #8E8E8E; color: #FFFFFF; margin: 0; margin-top: 15px; padding: 5px 10px;} #box ul { background: #FBFBDF; margin:0; padding:10; padding-left:30px; padding-right:10px; border: 1px solid #8E8E8E; list-style-image:url("../pics/common/box_ul_raquo.gif");} #box ul li {margin:0; margin-top:10px; padding:0; padding-bottom:10px;} #box a {color:#333333; font-weight:bold; background: #FBFBDF;} #box a:hover {color:#2E750C; font-weight:bold;} /* end digital merchant page */ /* begin callout boxes: used by the call out boxes, network operators landing is and example. */ #callout {background: #DBDFED; border: 1px solid #788ACB; overflow: hidden;} #callout p {margin: 10px;} #callout #callout-learn-more {display: inline; visibility: visible;} #callout #callout-img-down {display: inline; visibility: visible;} #callout li {padding: 0 10px 10px 0;} #callout2 {background: #DBDFED; border: 1px solid #788ACB; overflow: hidden;} #callout2 p {margin: 10px;} #callout2 #callout-learn-more2 {display: inline; visibility: visible;} #callout2 #callout-img-down2 {display: inline; visibility: visible;} #callout2 li {padding: 0 10px 10px 0;} /* end callout boxes: used by the call out boxes, network operators landing is and example. */ /* begin floating table to the right with border digital merchant page */ #floating-table {margin:0; padding:2; padding-left:2px; padding-right:10px; border: 1px solid #CCC; list-style-image:url("../pics/digital_merchant/raquo_green.gif");} #floating-table ul li {margin:0; padding:0; padding-bottom:6px;} /* end digital merchant page */ /* begin resource special table */ #digital-merchant {color:#73757B; margin-bottom:10px;} #digital-merchant a {color:#73757B; text-decoration:none;} #digital-merchant a:hover {color:#73757B; text-decoration:underline;} #digital-merchant td.title {font-weight:bold; color:#FFF; background:#5A6994; padding:5px 4px;} #digital-merchant td.dark {background:#E7E3E7; padding:5px 4px;} #digital-merchant td.light {background:#F7F3F7; padding:5px 4px;} #network-operator {color:#73757B; margin-bottom:10px;} #network-operator a {color:#73757B; text-decoration:none;} #network-operator a:hover {color:#73757B; text-decoration:underline;} #network-operator td.title {font-weight:bold; color:#FFF; background:#5A6994; padding:5px 4px;} #network-operator td.dark {background:#E7E3E7; padding:5px 4px;} #network-operator td.light {background:#F7F3F7; padding:5px 4px;} #analyst {color:#73757B; margin-bottom:10px;} #analyst a {color:#73757B; text-decoration:none;} #analyst a:hover {color:#73757B; text-decoration:underline;} #analyst td.title {font-weight:bold; color:#FFF; background:#73925A; padding:5px 4px;} #analyst td.dark {background:#E7E3E7; padding:5px 4px;} #analyst td.light {background:#F7F3F7; padding:5px 4px;} #press {color:#73757B; margin-bottom:10px;} #press a {color:#73757B; text-decoration:none;} #press a:hover {color:#73757B; text-decoration:underline;} #press td.title {font-weight:bold; color:#FFF; background:#73925A; padding:5px 4px;} #press a.title {font-weight:normal; color:#FFF; background:#73925A; padding:5px 4px;} #press td.dark {background:#E7E3E7; padding:5px 4px;} #press td.light {background:#F7F3F7; padding:5px 4px;} #company {color:#73757B; margin-bottom:10px;} #company a {color:#73757B; text-decoration:none;} #company a:hover {color:#73757B; text-decoration:underline;} #company td.title {font-weight:bold; color:#FFF; background:#636563; padding:5px 4px;} #company td.dark {background:#E7E3E7; padding:5px 4px;} #company td.light {background:#F7F3F7; padding:5px 4px;} /* end resource special table */ /* begin about paymentone leadership */ #leadership {padding:2px; margin-left:20px; margin-top: 10px;} #leadership td.member { text-align: right; padding-right:10px; } /* end about paymentone leadership */ /* begin market solution */ #market-solutions td {background:#DEDFEF; border-right:3px solid #FFF;} #market-solutions h4 {margin:0; padding:7px; background:#7B8ACE; color:#FFF; font-weight:bold; border-bottom:2px solid #5A6994; font-size:1em; } #market-solutions ul {padding:0; margin:0;} #market-solutions ul li {padding:7px; margin:0; list-style:none; font-size:.9em;} /* end market solution */ /* begin forms */ .form-error {color: red;} /* end forms /* About PaymentOne landing page */ .about-paymentone { font : 14px Arial,Verdana,Helvetica; color: #020202; font-weight: bold;} /* end About PaymentOne */ /* Utility Classes */ .selfclear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */ content: "."; display: block; height: 0; clear: both; visibility: hidden; }