/*
Title: PFC Payment Solutions layout stylesheet (main.css)
File Author: Brian Dodson, bri-design studios (bri-design.com)
Project Developer: DaGama Web Studio, Inc. (dagamawebstudio.com)
Version: 1.0
Last Modified: 05/15/09
*/

/* Eric Meyer CSS Reset (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) with modifications */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1; position: relative;}
blockquote, q {quotes: none;}
/* gets rid of the disabled vertical scrollbar that IE puts on textareas (http://blog.klustered.com/2007/03/14/tip/) */
textarea {overflow: auto;}
/* from Viget Labs (http://www.viget.com/inspire/styling-the-button-element-in-internet-explorer/) */
button {width: auto; overflow: visible; background: transparent; border: none; cursor: pointer; }
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* ================================================= Common Notes */
/*
Hex colors:
Grey text:			666666
Grey:						3D3D3D
Dark grey:			303030
Light Grey:			A4A4A4
Brown: 					A97528
Maroon:					670D0D
Yellow: 				E6AF00
Green: 		459C3D
Dark Green:			03400A
Light beige:		D9DDC9
Lighter beige:	E4E6CD
*/

/* ================================================= GLOBAL tags */
body {
	text-align:center;
	font-size:62.5%; /* All font sizes reset to 10px */
	font-family:Arial, Verdana, sans-serif;
	line-height:10px; /* Reset line height to common 10px */
	background:#333 url(../images/body-bg.gif) repeat;
	margin:0 10px 20px 10px;
}

h1, h2, h3, h4, h5, h6 {
font-size:1.6em;
font-family:Georgia, Times, serif;
color:#666;
line-height:1.6em;
}
p, ul, li, table, td, dl, dt, dd, form, fieldset {
color:#666;
font-size:1.2em;
line-height:1.4em;
}
a, a:link, a:visited {color:#459C3D; text-decoration:none; outline:0px !important;}
a:hover, a:active, a:focus {text-decoration:underline; outline:0px !important;}

input, textarea {
font-size:0.85em;
padding:4px;
border:1px solid #666;
width:350px;
color:#666;
}

fieldset p {
font-size:0.85em;
}
fieldset p strong {
font-size:1.6em;
line-height:32px;
}

legend {font-weight:bold;}

/* ================================================= GLOBAL utility classes and special definitions */
.left {float:left;}
.left img {margin-right:10px;}
.textleft {text-align:left;}
.right {float:right}
.right img {margin-left:10px;}
.textright {text-align:right;}
.center {text-align:center !important; margin:0 auto; float:none;}
.textcenter {text-align:center;}
.textjustify {text-align:justify;}
.clear {clear:both;}
.clearRight {clear:right;}
.clearLeft {clear:left;}
.nomargin {margin:0 !important;}
.nopadding {padding:0 !important;}


/* ================================================= GLOBAL layout, ID's and common classes */

#container {
width:990px;
text-align:left;
margin:0 auto;
padding:0 0 25px 61px;
background:url(../images/sidebar.gif) no-repeat top left;
}
#wrapper {
}
#header {
height:140px;
background:#fefefe url(../images/header-bg.gif) no-repeat top left;
}
#topNav {
float:none;
text-align:right;
margin:0px 13px 0 0;
padding:10px 0 0 0;
color:#666;
font-size:1.1em;
}
#topNav a {
color:#666;
}
.topPhone {
display:block;
float:right;
margin:30px 15px -45px 0;
font-size:2em;
font-weight:bold;
letter-spacing:1px;
line-height:20px;
}
#logo {
float:left;
height:95px;
}
#logo a {
display:block;
width:190px;
height:75px;
margin:15px 0 0 20px;
text-indent:-5000em;
outline:none;
}
#navigation {
clear:both;
height:45px;
background:#000 url(../images/nav-bg.gif) repeat-x top;
}
#banner {
clear:both;
}
.subBanner {
height:70px;
background:url(../images/sub-banner-bg.jpg) no-repeat;
}
#content {
background:#000;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
#rightCol {
background:#000;
width:247px;
height:385px;
display:block;
float:right;
overflow:hidden;
position:relative;
top:2px;
}
#applyMod {
background:url(../images/apply-now-bg-blank.jpg) no-repeat top right;
display:block;
width:247px;
height:360px;
margin:8px 0 0 0;
padding:40px 0 0 0;
}
#applyMod .success {
padding:25px;
font-size:1.2em;
text-align:center;
line-height:1.4em;
}
#applyMod legend {
display:none;
}
#applyMod fieldset {
display:block;
overflow:hidden;
width:205px;
margin:20px 28px 0 16px;
position:relative;
left:7px;
}
#applyMod input {
width:auto;
border:none;
padding:2px 8px;
font-size:0.70em;
color:#A97528;
line-height:1em;
background:#fff;
}
#applyMod label {
color:#670D0D;
font-size:0.75em;
line-height:1em;
display:none;
}
#applyMod .apply_cc label {
display:block;
}
#applyMod div {
display:block;
float:left;
margin:0 0 10px 0;
}
#applyMod div .field {
padding:5px 0;
margin-bottom:0px;
}
#applyMod label.error {
color:red;
display:block;
float:right;
border:1px solid red;
background:#f2f2f2;
padding:2px;
position:absolute;
margin:0 0 0 5px;
text-align:center;
}
#applyMod .apply_name {
margin-right:8px;
}
#applyMod .apply_name .field {
background:url(../images/apply-now_input-bg-med.gif) no-repeat;
}
#applyMod .apply_name input {
width:77px;
margin-left:2px;
margin-right:2px;
}
#applyMod .apply_name label.error {
width:80px;
}
#applyMod .apply_phone .field {
background:url(../images/apply-now_input-bg-med.gif) no-repeat;
}
#applyMod .apply_phone input {
width:77px;
margin-left:2px;
margin-right:2px;
}
#applyMod .apply_phone label.error {
width:80px;
}
#applyMod .apply_email {
clear:both;
}
#applyMod .apply_email .field {
background:url(../images/apply-now_input-bg-lrg.gif) no-repeat;
}
#applyMod .apply_email input {
width:180px;
margin-left:2px;
margin-right:2px;
}
#applyMod .apply_email label.error {
width:185px;
}
#applyMod .apply_cc {
width:198px;
text-align:right;
}
#applyMod .apply_cc label {
margin-bottom:3px;
}
#applyMod .apply_cc .field {
float:right;
background:url(../images/apply-now_input-bg-small.gif) no-repeat right;
}
#applyMod .apply_cc .field span {
font-size:0.75em;
color:#670D0D;
margin-right:5px;
}
#applyMod .apply_cc input {
width:23px;
margin-left:2px;
margin-right:2px;
}
#applyMod .apply_industry .field {
background:url(../images/apply-now_input-bg-lrg.gif) no-repeat;
}
#applyMod .apply_industry input {
width:180px;
margin-left:2px;
margin-right:2px;
}
#applyMod .apply_industry label.error {
width:185px;
}
#applyMod input.submit {
background:transparent url(../images/btn_apply-now-submit.gif) no-repeat;
clear:both;
display:block;
width:82px;
height:34px;
text-indent:-5000em;
}
.calloutApply a {
text-indent:-5000em;
display:block;
background:url(../images/callout-applynow.gif) no-repeat top left;
width:226px;
height:94px;
margin-left:2px;
margin-top:-20px;
}
.calloutRequest a {
text-indent:-5000em;
display:block;
background:url(../images/callout-requestinfo.gif) no-repeat top left;
width:226px;
height:77px;
margin-left:2px;
}
#mainCol {
width:918px;
float:left;
background:#FFF url(../images/white-corner-right.gif) no-repeat bottom right;
margin:15px 0 11px 0px;
position:relative;
left:0px;
padding:25px;
}
#pageHome #mainCol {
width:724px;
height:360px;
overflow:hidden;
left:11px;
padding:0 0 0 0;
}
#pageSub #mainCol {
margin:15px 11px 11px 11px;
}
.intro {
float:left;
width:360px;
padding:158px 20px 10px 20px;
background:url(../images/intro-img.jpg) no-repeat 50% 12px;
}
.intro p {
margin:0 10px 10px 3px;
}
.intro p strong {
font-size:1.4em;
font-weight:normal;
line-height:22px;
font-family:Georgia, Times, serif;
}
.right {
float:right;
width:324px;
}
#benefitsList {
margin:17px 0 20px 0;
width:309px;
}
#benefitsList dl {
width:309px;
}
#benefitsList dt, #benefitsList dt.active, #benefitsList dt.selected {
display:block;
width:289px;
height:26px;
font-size:1.2em; 
font-weight:bold;
color:#428f3f;
letter-spacing:-1px;
padding:10px 0 0 35px;
background:url(../images/acc-dt-bg1.gif) no-repeat top left;
}
#benefitsList dt:hover, #benefitsList dt:active, #benefitsList dt:focus, #benefitsList dt.active {
background:url(../images/acc-dt-bg.gif) no-repeat top left;
color:#FFF;
}
#benefitsList dd {
background:url(../images/acc-dd-bg.gif) no-repeat bottom left;
border-top:1px solid #428f3f;
width:278px;
line-height:12px;
padding:0 15px
}
#benefitsList p {
color:#FFF;
font-size:0.85em;
padding:10px 1px 0 1px;
line-height:18px;
}
#benefitsList .learnMoreBtn {
text-align:right;
padding:0 5px 5px 0;
}
#benefitsList .learnMoreBtn a {
display:block;
width:62px;
height:26px;
float:right;
text-indent:5000em;
overflow:hidden;
outline:none;
font-size:1em;
white-space:nowrap;
background:url(../images/btn_learn-more.gif) no-repeat top left;
}
.copy {font-size:1.2em;}
.copy h1 {
font-size:2em;
margin-bottom:20px;
}
.copy ul {
font-size:1em;
margin-bottom:16px;
}
.copy ul, .copy li {
font-size:1em;
}
.copy p {
margin-bottom:16px;
}
.copy legend {
font-size:1em;
margin-bottom:15px;
}
.copy label {
display:block;
font-size:0.85em;
}
.copy label.error {
border:1px solid red;
width:290px;
padding:0 3px;
font-size:0.75em;
color:red;
background:#f2f2f2;
margin:-16px 0 15px 5px;
position:relative;
z-index:1;
text-align:center;
}
.copy input, .copy textarea {
width:300px;
margin-bottom:15px;
}
.copy input.submit {
width:auto;
}
.checkbox {
font-size:0.75em;
}
.checkbox input {
border:0px;
width:auto;
}
.copy dl {
font-size:1em;
width:590px;
}
dl.news dt {
border:1px solid #fff;
display:block;
float:left;
width:100px;
margin:0 20px 25px 0;
text-align:right;
color:#999;
font-size:1em;
line-height:1.8em
}
dl.news dd {
border:1px solid #fff;
display:block;
margin:0 0 25px 0;
color:#333;
}
.subRightColumn {
float:right;
display:block;
width:300px;
margin:0 0 30px 30px;
font-size:1em;
line-height:1.3em;
}
.subTestimonial {
background:url(../images/right-col-testimonial-bg.jpg);
padding:20px;
height:360px;
}
.subTestimonial p a {
color:#E6AF00;
}
.subTestimonial p.testimonial {
color:#FFF;
font-style:italic;
}
.subTestimonial p.testAtt {
color:#FFF;
font-size:1em;
margin-right:80px;
font-size:0.9em;
}
.subTestimonial p.testAtt strong {
font-size:1.1em;
}
.subTestimonial p.testAtt em {display:block;}
#footer {
color:#bbb;
font-size:1em;
}
.contactInfo {
width:282px;
text-align:left;
padding-bottom:15px;
padding-left:18px;
}
.contactInfo h3 {
font-size:1.5em;
color:#670D0D;
border-bottom:1px solid #670D0D;
margin-bottom:15px;
}
.contactInfo p {
font-size:1.3em;
color:#670D0D;
font-weight:bold;
}
div.success {
font-size:1.4em;
font-style:italic;
color:green;
font-weight:bold;
margin:15px 0 15px 0;
}
div.error {
font-size:1.4em;
font-style:italic;
color:red;
font-weight:bold;
margin:15px 0 15px 0;
}
.merchRefer {
border:1px solid #670D0D;
padding:15px;
margin:20px;
font-size:0.9em;
background:#f2f2f2;
}
.merchRefer h2 a, .merchRefer a {
color:#670D0D;
font-weight:bold;
}
.merchRefer p {
color:#000;
}
.merchReferCallout {
background:url(../images/merch-refer-graphic.jpg);
height:236px;
width:300px;
margin-bottom:25px;
}
.merchReferCallout h2 {
font-size:1em;
text-indent:-5000em;
}
.pageLinks {
margin-bottom:15px;
width:580px;
}
.pageLinks br.clear {
display:none;
}
.pageLinks a {
font-size:1.2em;
font-weight:bold;
margin-right:25px;
padding:10px;
}
.pageLinks a:hover, .pageLinks a:visited, .pageLinks a:focus {
text-decoration:none;
background:#E6AF00;
}
.pageLinks img.firstDataLogo {
margin-right:480px;
margin-bottom:10px;
}
.pageLinks a.pdfDownload {
display:block;
padding-left:25px;
background-image:url(../images/icon-pdf.gif);
background-repeat:no-repeat;
background-position:left;
}
.productsLinks a {
display:block;
}
#footer .reg {
margin:15px auto 0 auto;
text-align:center;
}
#footer .copy {
float:left;
padding:15px 0 0 0px;
font-size:1em;
}
#footer .info {
float:right;
padding:15px 0px 0 0;
font-size:1em;
}
fieldset h3 {
font-size:1em;
}