/*-------------------------------------------------------------------------
Typography

author:    Jason Hollett, Scott Vinkle (RealDecoy Inc.)
___________________________________________________________________________

NOTE: text has been zeroed via the YUI fonts css

YUI font sizes:
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	197%

*/

/* =Global
___________________________________________________________________________ */
body, input, textarea {
	font-family: verdana, arial, helvetica;
}

textarea {
	font-size: 93%;
}

a {
	text-decoration: none;
	color: #fe8407;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

sup {
	font-size: 85%;
	vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

/* =Common Classes
___________________________________________________________________________ */
strong.blue {
	color: #005596;
}

a.boxBullet, a.boxBulletMedium, a.boxBulletFull {
	font-family: verdana, arial, helvetica;
	font-size: 85%;
	font-weight: bold;
	color: #000;
}

a.greenButton {
	font-family: arial, verdana, helvetica;
	color: #fff;
	font-size: 108%;
}

.size9 { font-size: .60em; }
#mainContent .size10, #secondaryContent .size10, #homeBanners .size10 { font-size: 77%; }
#mainContent .size11, #secondaryContent .size11 { font-size: 85%; }
#mainContent .size12, #secondaryContent .size12 { font-size: 93%; }
#mainContent .size13, #secondaryContent .size13 { font-size: 100%; }
#mainContent .size14, #secondaryContent .size14 { font-size: 108%; }
#mainContent .size15, #secondaryContent .size15 { font-size: 116%; }
#mainContent .size16, #secondaryContent .size16 { font-size: 123.1%; }
#mainContent .greyed { color: #666; }

/* =Headers
___________________________________________________________________________ */
h1 {
	color: #626262;
	font-family: arial, verdana, helvetica;
	font-size: 189%;
}

h2 {
	color: #626262;
	font-family: arial, verdana, helvetica;
	font-size: 116%;
	font-weight: bold;
}

h3 {
	color: #626262;
	font-family: arial, verdana, helvetica;
	font-size: 100%;
	font-weight: bold;
}

h4 {
	color: #666;
	font-family: arial, verdana, helvetica;
	font-size: 138.5%;
}

#mainContent h2.unformatted,
#mainContent h3.unformatted {
	font-weight: normal;
}

/* =Search
___________________________________________________________________________ */
#search  {
	font-size: 85%;
}

#search .submit input {
		
}

/* =Main Nav, Utility Nav
___________________________________________________________________________ */
#mainNav, #utilityNav {
	font-family: arial, helvetica;
	font-size: 85%;
}

#mainNav a, #utilityNav a {
		color: #016332;
}

#mainNav a.active, #utilityNav a.active {
		color: #fff;
}

/* =Homepage
___________________________________________________________________________ */
#homeBanners .customer a {
	font-family: "lucida grande", verdana, arial, helvetica;
	color: #626262;
}

#homeBanners .customer a span {
		color: #fe8407;
}

#homeBanners h2 {
		font-size: 93%;
		font-weight: normal;
}

#homeContent p, #homeContent ol {
	font-size: 93%;
	color: #666;
}

#homeContent .text h3,
#homeContent #offerLarge h3 {
	font-family: arial, verdana, helvetica;
	font-size: 100%;
	color: #fe8507;
	font-weight: bold;
	margin-bottom:10px;
}

#homeContent .offerSmall .text {
	font-size: 93%;
}

#homeContent .boxBullet {
	font-size: 85%;
}

/* =Footer
___________________________________________________________________________ */
#footer {
	font-family: arial, verdana, helvetica;
	color: #999;
	font-size: 77%;
}

#footer_quark {
	font-family: arial, verdana, helvetica;
	color: #999;
	font-size: 77%;
	margin-left: 25px;
}

#footer a, #footer li {
	color: #fff;
}

#footer_quark a, #footer_quark li {
	color: #fff;
}

#footer .copy a,
#footer .invest a {
	color: #fe8507;
}

#footer_quark .copy a,
#footer_quark .invest a {
	color: #fe8507;
}

#footnote p {
	color: #999 !important;
	margin: 15px 40px 0 20px;
	list-style-position: inside;
}
 
#footnote ul li {
	color: #999 !important;
	margin: 15px 40px 0 20px;
	list-style-position: inside;
	padding-left: 15px;
	text-indent: -15px;
}

/* =Sub Nav
___________________________________________________________________________ */
#subNav li a {
	color: #fff;
	font-family: arial, verdana, helvetica;
	text-decoration: none;
}

#subNav li a:hover {
	text-decoration: underline;
}

#subNav li a.selected {
	text-decoration: underline;
}

/* =Bread Crumbs
___________________________________________________________________________ */
#breadCrumbs {
	font-size: 85%;
	font-family: verdana, helvetica;
}

#breadCrumbs a {
	color: #fe8709;
	text-decoration: underline;
}

/* =Content
___________________________________________________________________________ */
#mainContent p {
	color: #333;
	font-size: 93%;
	font-family: verdana, helvetica;
}

#mainContent ul li,
#mainContent ol li {
	color: #333;
	font-size: 93%;
}

#mainContent ul li p,
#mainContent ol li p {
	font-size: 100%;
}

#mainContent ol li ul.basic li {
	color: #333;
	font-size: 100%;
}

#mainContent ol li ol li {
	font-size: 100%;
}

#mainContent a.bullet,
#mainContent a.bulletMedium,
#mainContent a.bulletFull,
#mainContent a.bulletExpando,
#mainContent a.bulletTopCorners,
#mainContent a.bulletVideoExpando {
	color: #fff;
	font-size: 93%;
	font-weight:bold;
}

#mainContent .doubleStar {
    color: #959595;
}

#mainContent .expando ul.basic {
	font-size: 100%;
}

#secondaryContent a.chatNow,
#mainContent a.feeEstimator,
#mainContent a.feeEstimatorLarge {
	color: #fff;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 108%;
}

#mainContent table.support th {
	color: #fff;
	font-weight: bold;
}


#mainContent a.top {
	font-weight: bold;
}

/* = Main Content - Expandos
___________________________________________________________________________ */

#mainContent .expando a.question {
	color: #fe8407;
	font-family: arial, verdana, helvetica;
	font-weight: bold;
	font-size: 116%;
}

#mainContent .expando a.open {
	color: #5c5c5c;
}

#mainContent .subExpando a.question {
	color: #fff;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 93%;
}

/* =Main Content - Footnote
___________________________________________________________________________ */
#mainContent .footnote {
	color: #626262;
	font-size: 85%;
	font-family: verdana, helvetica;
}

#secondaryContent .boxBulletFull sup {
	vertical-align: super;
    position: relative;
	font-size: 85%;
}

/* =Secondary Content - Boxes
___________________________________________________________________________ */
#secondaryContent .box {
	font-family: verdana, arial, helvetica;
}

#secondaryContent .box .title {
	font-family: arial, verdana, helvetica;
	color: #fff;
	font-size: 93%;
	font-weight: bold;
}

#secondaryContent .box .content {
	color: #464646;
	font-size: 100%;
}

#secondaryContent .box .offer {
	color: #005596;
}

#secondaryContent .box a.boxBullet,
#secondaryContent .box a.boxBulletFull {
	font-size: 85%;
}

#secondaryContent .box .content .offerText {
	color: #f90;
	font-family: arial, verdana, helvetica;
	font-weight: bold;
}

#secondaryContent .box2 {
	font-family: verdana, arial, helvetica;
}

#secondaryContent .box2 .title2 {
	font-family: arial, verdana, helvetica;
	color: #fff;
	font-size: 93%;
	font-weight: bold;
}

#secondaryContent .box2 .content2 {
	color: #464646;
}

#secondaryContent .box2 .offer2 {
	color: #005596;
}

#secondaryContent .box2 a.boxBullet,
#secondaryContent .box2 a.boxBulletFull {
	font-size: 85%;
}

#secondaryContent .box2 .content2 .offerText2 {
	font-family: verdana, arial, helvetica;
}

/* =Secondary Content - Box Apply
___________________________________________________________________________ */
#boxApply {
	font-family: "lucida grande", verdana, helvetica;
	color: #fff;
}

#boxApply .ready {
	font-weight: bold;
	font-size: 123.1%;
}

#boxApply .ready h2 {
	font-size: 146.5%;
	color: #fff;
}

#boxApply .phone h3 {
	color: #fff;
	font-size: 138.5%;
	font-weight: normal;
}

#boxApply .phone span {
	font-size: 167%;
}

#boxApply .phone p {
	font-size: 85%;
	margin: 2px 0 0 0;
}

#boxApply .online a {
	color: #666;
	font-size: 138.5%;
}

/*
#boxApply .online span {
	color: #555;
	font-size: 138.5%;
}

#boxApply .online input.email {
	font-size: 77%;
	color: #666;
}

#boxApply .online label {
	color: #333;
	font-size: 77%;
}
*/

/* =Homepage - Box Apply
___________________________________________________________________________ */
#boxApplyHome {
	font-family: arial, verdana, helvetica;
}

#boxApplyHome .ready h2 {
	color: #fff;
	font-weight: bold;
	font-size: 146.5%;
}

#boxApplyHome .online a {
	color: #666;
	font-size: 116%;
	font-weight: bold;
}

#boxApplyHome .phone span {
	color: #fff;
	font-size: 167%;
	font-weight: normal;
}

#boxApplyHome .phone h3 {
	color: #fff;
	font-size: 116%;
	font-weight: bold;
}

#boxApplyHome .phone p {
	color: #fff;
	font-size: 85%;
	text-align: center;
}

/* =Sitemap
___________________________________________________________________________ */
#sitemap a.topLevel {
	color: #000;
	font-weight: bold;
}

#sitemap a {
	color: #000;
}


#sitemap ul li {
	font-size: 100%;
}

/* =Forms
___________________________________________________________________________ */
#form span.required {
	color: #e00;
	font-weight: bold;
}

#form label {
	font-size: 93%;
}

/* = Main Content - Special Offers
___________________________________________________________________________ */
#specialOffers .title {
    color: #626466;
    font-size: 80%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#specialOffers .text ul {
    font-size: 80%;
    font-family: verdana, helvetica;
}

#specialOffers .textTitle {
    color: #005596;
    font-weight: bold;
}

/* =Pricing table
___________________________________________________________________________ */
#pricingTable table {
}

#pricingTable .headers th{
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#pricingTable sup {
	vertical-align: baseline;
    position: relative;
    bottom: 0.33em;
}

/* =Apply
___________________________________________________________________________ */
.applyBox h2 {
	font-family: arial, verdana, helvetica;
	color: #fff;
	font-size: 123.1%;
	/*font-weight: bold;*/
}

/* =Fee Calculator
___________________________________________________________________________ */
#fee_calculator_window .error {
    display: none;
    font-weight: bold;
    color: red;
    padding-left: 20px;
}

#fee_calculator_window #results {
    color: #fff;
}

#fee_calculator_window #results .calculationDetails {
    color: #000;
}

#fee_calculator_window #results .head1 {
    font-family: arial, verdana, helvetica;
    font-size: 123.1%;
    color: #777;
    font-weight: bold;
}

#fee_calculator_window #results .head1_pricing { /* Pricing */
	font-family: arial, verdana, helvetica;
    font-size: 123.1%;
    color: #777;
    font-weight: bold;
	padding: 10px 0;
}

#fee_calculator_window #results .head2, #fee_calculator_window #results .head3, #fee_calculator_window #results .head4 {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#fee_calculator_window #results .head2_pricing, #fee_calculator_window #results .head3_pricing { /* Pricing */
    color: #fff;
    font-weight: bold;
    text-align: center;
}

#fee_calculator_window #results .total {
    color: #000;
    font-weight: bold;
    text-align: center;
}

#fee_calculator_window #results a.moreDetailsBullet, #fee_calculator_window #results a.startOverBullet {
    font-size: 93%;
    color: #fff;
    font-weight: bold;
}

#fee_calculator_window #results .fineDetails p {
    font-family: verdana, helvetica;
    color: #777;
    font-size: 77%;
}

#fee_calculator_window #results .fineDetails_pricing ol li { /* Pricing */
    font-family: verdana, helvetica;
    color: #777;
    font-size: 77%;
}

#fee_calculator_window #moreDetails .expando a.question {
	color: #fe8407;
	font-family: arial, verdana, helvetica;
	font-weight: bold;
	font-size: 116%;
}

#fee_calculator_window #moreDetails .expando a.open {
	color: #5c5c5c;
}

#fee_calculator_window #moreDetails .subExpando a.question {
	color: #fff;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
	font-size: 93%;
}

#fee_calculator_window #moreDetails .expando li {
    color: #000;
	font-family: verdana, arial, helvetica;
	font-size: 93%;
}

#fee_calculator_window #moreDetails .expando li span {
    color: #000;
	font-family: verdana, arial, helvetica;
	font-size: 100%;
    font-weight: bold;
}

#fee_calculator_window #results #details { /* Pricing */
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#fee_calculator_window #results #footer_links ul li { /* Pricing */
	color: #000;
}

#fee_calculator_window #results #footer_links ul li a { /* Pricing */
	text-decoration: underline;
}

/* =Terminal
___________________________________________________________________________ */
#terminal .intro {
    color: #fff;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#terminal .options {
    color: #fff;
}

#terminal .options p{
    color: #fff;
    display: inline;
    font-weight: bold;
}

#terminal .findButton, #terminal .startAgainButton, #terminal .findButtonOff, #terminal .startAgainButtonOff {
    color: #000;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;
    text-decoration: none;
}

#terminal #terminalInfo .title {
    color: #fff;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#terminal #terminalInfo .text ul {
    font-size: 100%;
    font-family: verdana, helvetica;
}

#terminal #terminalInfo .textTitle {
    color: #005596;
    font-weight: bold;
}

#terminal #terminalInfo a.learnMore, #terminal #terminalInfo a.downloadPdf {
    color: #fff;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

/* =Merchant Services Widget
___________________________________________________________________________ */
#merchServWidget .intro {
	color: #fff;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#merchServWidget .stepLabel {
    color: #fff;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;

}

#merchServWidget .stepContent {
    color: #fff;
    font-size: 93%;
    font-family: verdana, helvetica;
}

#merchServWidget a.showmeOff {
    color: #fff;
    font-size: 96%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#merchServWidget a.showmeOn {
    color: #000;
    font-size: 96%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#merchServWidget .results {
    color: #000;
    font-size: 93%;
    font-family: verdana, helvetica;
}

#merchServWidget a.startOver {
    color: #000;
    font-size: 93%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#merchServWidget a.resultsBullet, #merchServWidget .faqIntro {
    color: #fff;
    font-size: 100%;
    font-family: verdana, helvetica;
    font-weight: bold;
}

#merchServWidget .resultsFaq, #merchServWidget .resultsFaq ul, #merchServWidget .resultsFaq li, #merchServWidget .resultsFaq p {
    color: #000;
    font-size: 100%;
    font-family: verdana, helvetica;
}

#merchServWidget p {
    color: #fff;
    font-size: 100%;
    font-family: verdana, helvetica;
}

#merchServWidget .step4notice {
    color: #fff;
    font-size: 77%;
    font-family: verdana, helvetica;
}

/* =Accountants
___________________________________________________________________________ */
#accountantsImage {
	color: #fff;
	font-weight: bold;
	font-family: arial, verdana, helvetica;
	font-size: 108%;
}

/* =Quark
___________________________________________________________________________ */
.orange {
	color: #fe8407;
	font-weight: bolder;
	margin-bottom: 15px;
}

.orange_normal {
	color: #fe8407;
	margin-bottom: 15px;
}

.orange_small {
	color: #fe8407;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin: 5px 0; 
}

.call {
	margin-left: 15px;
}

#wideBanner #apply_orange a {
	font-size: 146.5%;
	color: #fff;
}

.offerSmallMed ul li,
.offerGreenCindy ul li,
.offerGreen ul li {
	font-size: 93%;
	color: #666;
}

#apply_info a {
	color: #666;
	font-size: 146.5%;
	padding: 20px 0 20px 50px;
}

.arrowLink {
	font-size: 85%;
	font-weight: bold;
	line-height: 16px;
}

#toll_info p, #toll_info2 p {
	color: #fe8407;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 161.6%;
	font-weight: bold;
	margin-left: 35px;
}