/* Website: Electric Checkbook --------- */
/* Website Built by: Newleaders.com ---- */
/* Authored by: Patrick Alcisto -------- */
/* Created on: Mar 18, 2008 ------------ */
/* Modified on: Mar 19, 2008 ----------- */



/*=== CSS Reset ===*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body   { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table             {	border-collapse: separate; border-spacing: 0; }
caption, th, td   { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ""; }
blockquote, q     {	quotes: "" ""; }


/*********************************
*     Generic Global Styles      *
**********************************/
body    { background: #d5f3ff url(../images/marketing/bg.png) 0 0 repeat-x; color: #555; font: 62.5% Verdana, Arial; max-width: 100%; }
a:link, 
a:visited { color: #0033cd; }
/*a:visited{ color: #2B0080; }*/ 
a:hover   { color: #00335A; }
h1, h2, h3, h4, h5 { font-family: Helvetica, Arial; font-weight: bold; }
h3        { color: #2a9c00; font: bold 19px/1em Helvetica; }
h4        { color: #2a9c00; font: bold 15px/1em Helvetica; }
p         { color: #555; font: 1.3em/1.3em Verdana; }
strong    { font-weight: bold; }


/* Generic Classes
*********************************/
.clear       { clear: both; display: block; height: 0 !important; height: 1%; }
.floatLeft { display: inline; float: left; margin: 0 10px 15px 0; }
.first, .last      { border: 0 none !important;}


/* Global Layout Styles 
**********************************/
#container  { background: transparent; margin: auto; width: 870px; }
#header     {}
#masthead   {}
#main       { background: transparent url(../images/marketing/mainBg_bottom.png) left bottom no-repeat; margin-top: 16px; width: 871px; }
#mainWrapper { padding-top: 1px; width: 871px; }
#signup #main { margin-top: 20px;}
#signup #mainWrapper { margin-top: -5px; position: relative; z-index: 1; }
#overview #mainWrapper { background: transparent url(../images/marketing/mainBg.jpg) 0 0 no-repeat; width: 871px; }

/* Header Section
**********************************/
#logo { float: left; padding: 24px 0 0 0; }
* html #logo img { visibility: hidden; }
* html #logo a { display: block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/marketing/logo.png',sizingMethod='scale'); height: 52px; width: 286px; }
#navigation { display: inline; float:right; margin: 47px 0 0 0; }
#navigation li { float: left; margin-top: 7px; padding-right: 20px; }
body #navigation li a, #navigation li a:visited { border-bottom: 1px solid #2c8aff; color: #2c8aff; display: inline-block; font: 1.3em "Lucida Sans", "Lucida Grande", Arial; text-decoration: none; }
#navigation li a:hover { border-bottom: 1px solid #2a9c00; color: #2a9c00; text-decoration: none; }

#navigation #current a { border: none; color: #2a9c00; font-weight: bold; text-decoration: none !important; }
#navigation li#nl { margin:0; padding:0; }
#navigation li#nl a, li#nl a:hover  { border: 0 none; padding: 0; }


/* Main Content
**********************************/
#overview #mainContent { background: none !important; display: inline; float: left; padding: 34px 0 0; width: 556px; }
#tour #mainContent { margin: 0 1px; padding-top: 1px; width: 869px; }
#signup #mainContent { float: left; margin-left: 1px; padding: 30px 30px 30px 34px; width: 584px; }

#thePitch    { margin: 0 0 0 31px;}
* html #thePitch h2 { display: block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/marketing/easyMoney.png',sizingMethod='scale'); height: 58px; width: 334px; }
* html #thePitch h2 img { visibility: hidden; }
#thePitch p  { color: #d5f3ff; font: 1.9em/1.15em Verdana; margin-bottom: 19px; width: 405px; }
#briefDesc   { margin: 47px 0 8px 23px; width: 444px; }
#briefDesc h3  { margin-bottom: 6px; }
#briefDesc p  { float: left; letter-spacing: -.5px; width: 275px; }
#briefDesc #railsRumbleWinner { display: block; float: right; height: 125px; margin-top: -32px; width: 149px; }
#screenShot  { position: relative; width: 547px;  }
#appInterfaceShadow { position: relative; }
#appInterface { left: 18px; position: absolute; top:10px; }

/* Side Bar
**********************************/
#overview #sideBar { display: inline; float: right; margin: 383px 0 0; width: 315px; }
#signup #sideBar  { background: #ebebeb url(../images/marketing/sideBarBottomCorner.png) right bottom no-repeat; border-left: 1px solid #dedede; float: right; height: 600px; width: 220px; text-align: center; }
.feature { border-bottom: 1px solid #d7d7d7; padding-top: 18px; padding-bottom: 22px; width: 296px; }
.feature h4 { margin: 6px 0 3px 90px; }
.feature p { font: 11px/17px Verdana; margin-left: 95px}
.feature .floatLeft { margin-bottom: 0; }

#sideBarBadge { margin: -117px auto 27px; position: relative; z-index: 5; }
* html #sideBarBadge { display: block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/marketing/greenBadge.png',sizingMethod='scale'); height: 162px; width: 162px;}
#oneDollar {}
* html #oneDollar { visibility: hidden; }
#signup #sideBar p { font-size: 11px; margin: 0 auto; text-align: left; width:170px; }
#sideBar p#aDollorEveryDay { color: #000; font-size: 13px; margin-bottom: 10px!important; text-align: left !important;  }
#secure_badge { display: block; height: 50px; margin: 39px auto 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:.5em; width: 161px; }
* html #secure_badge { padding: 0; }


/*********************************/
/* Tour Page                     */
/*********************************/
#masthead { background: transparent url(../images/marketing/mastHeadBg.png) 0 0 no-repeat; height: 104px; padding: 33px 25px 0 34px; width: 813px; }
#masthead h2 { float: left; display: inline; margin-top: 12px; }
* html #signup #masthead h2 { display: block; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/marketing/checkbook_signup.png',sizingMethod='scale'); height: 59px; width: 527px;}
* html #masthead h2 img { visibility: hidden; }
#masthead p  { color: #fff; float: right; width: 370px; }
#masthead p strong { display: block; font: bold 19px/1em Verdana; padding-bottom: 6px; }
.featureTour { border-top: 1px solid #c2c2c2; clear: both; margin: 0 25px; padding: 28px 0 20px; }
.featureTour img { display: inline; float: left; }
.featureTour div { display: inline; float: right; clear:none; margin:0; width: 360px; }
.featureTour div h3 { margin: 20px 0 8px; width: 360px; }
.featureTour div p  { margin-bottom: 20px; }


/* Form
**********************************/
/*#accountInfo input, #creditCardNum { height: 17px; width: 264px; }*/
#signup label { color: #000; font-weight: bold; }
#paymentInfo { height: 113px !important; height: auto; padding-bottom: 38px; }
#ccType { float: none !important; }
#ccType label { display: block; }
#ccType span { padding-right: 30px; }
#ccType input, #ccType img { vertical-align: middle; }
* html div#ccType span img { display: block; height: 21px; padding: 0; width: 29px; }
.ccInfo { margin-bottom: 0 !important; }
#createAccount { background: #fffbd3; border: 1px solid #ffeda6; clear: left; height: 36px; margin: 2em 0 0 0; padding: 10px 10px 0; }
#createAccount #submit { background: none; border: none; float: right; height: 30px; margin: 0; padding: 0; width: 183px; }
#createAccount div { padding-top: 4px; }
#createAccount label { display: inline; font: 11px/1.1em Verdana; vertical-align: middle;  }
#createAccount input  { vertical-align: middle; }
#createAccount .fieldWithErrors {
  display:inline;
  border:none;
  border-left:5px solid #900;
}

#signup #mainContent p { margin-bottom: 26px; width: 520px; }
#mainContent #blurb { display: block; margin-bottom: 5px !important; }
#mainContent #blurb strong { color: #000; font: bold 15px "Lucida Grande","Lucida Sans", Arial; }

#errorExplanation { border:2px solid #dcccab; background:#FFC; padding:1em; margin-bottom:1em; position:relative; }
#errorExplanation h2 { margin-top:0; font-size:1.5em; color:#666; }
#errorExplanation ul { margin:0; padding:0; }
#errorExplanation li { font-size:1.2em; margin:0 0 0 1.5em; }
.fieldWithErrors { border-left: 5px solid #900; padding:0; }

.half { width:49%; float:left; margin:1em 0 2em; }
.full { width:100%; margin:1em 0; float:left; }
.first { margin-right:2%; }
.half input { width:98%; }
.half label, .full label { display:block; font-size:1.4em; color:#AAA; margin-bottom:.3em; }
.full textarea { width:99%; height:100px; }
.full input { width:99%; }
.half input, .full textarea, .full input { background:#fff; font-weight:bold; font-size:1.3em; line-height:1.5; margin:0; }
.submit { clear:left; margin-top:2em; }
.submit input { width:100px; }

p#copyright { color: #b7b7b7; font: 11px "Lucida Sans", Verdana; padding: 12px 0; }



/* Clearing
*********************/
.cB:after, #header:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.cB, #header { display: inline-block; }
/* Holly Hack Targets IE Win only \*/
* html .cB, * html #header { height: 1%; }
.cB, #header { display: block; }
* html #paymentInfo { margin-bottom: 38px; padding-bottom: 0px; }
/* End Holly Hack */