/*
 * Project:   Jump Card
 * Date:      2009-08-31
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; }
body { background: #dbdbdb url(../images/bg.jpg) repeat-x; font-size: 62.5%; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color: #2b2b2b; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 1.4; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.4em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

a { color: #09f; text-decoration: underline; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

hr { overflow: hidden; height: 1px; margin: 15px 0 !important; margin: -5px 0 8px; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px !important; }

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

/* LAYOUT
------------------------------------------- */

#root { width: 931px; margin: 0 auto; }
 #top { position: relative; z-index: 100; height: 145px; width: 900px; margin: 0 auto; }
  #logo { position: absolute; left: 0; top: 27px; }
   #logo a { }
  #skip-links { position: absolute; top: 0; left: -10001px; list-style: none; margin: 0; padding: 0; }
   #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10691px; top: 0; z-index: 10001; width: 200px; margin: 15px 0 0 15px; padding: 2px 0; background: #333; color: #fff; text-align: center; text-decoration: none; }
 #header { position: relative; z-index: 50; width: 931px; height: 337px; background: url(../images/header.png) no-repeat; margin-top: -55px; }
  #header h2 { position: absolute; left: 62px; top: 110px; text-indent: -999em; overflow: hidden; }
   #header h2.away { width: 321px; height: 119px; background: url(../images/header-away.png) no-repeat;  }
   #header h2.rewards { width: 262px; height: 82px; background: url(../images/header-rewards.png) no-repeat; }
   #header h2.level { width: 290px; height: 110px; background: url(../images/header-level.png) no-repeat; }

  #header p.signup { position: absolute; left: 62px; top: 260px; }
   #header p.signup a { display: block; width: 177px; height: 34px; background: url(../images/signup-button.png) no-repeat; text-indent: -999em; overflow: hidden; }

  #header .info { position: absolute; right: 62px; bottom: 17px; width: 380px; padding: 5px 0 0; background: url(../images/info-top.png) no-repeat; }
   #header .info p { margin: 0; padding: 0 10px 6px; background: url(../images/info-bottom.png) 0 100% no-repeat; colr: #121212; font: 500 12px/14px "Gotham HTF",Helvetica Neue,Helvetica,Arial,sans-serif; text-shadow: #fff 0 1px 0; }

 #shortheader { position: relative; z-index: 50; width: 931px; height: 120px; background-image:url(../images/shortheader.png);background-position:0 0;background-repeat:no-repeat; margin-top: -55px; }
 #section-nav { position: relative; z-index: 100; width: 931px; height: 63px; background: url(../images/section-nav.png) no-repeat; padding: 0; margin: 0; list-style: none; }
  #section-nav li { position: absolute; top: 0; height: 63px; text-indent: -999em; overflow: hidden; }
   #section-nav li a { display: block; width: 100%; height: 100%; text-indent: -999em; overflow: hidden; background: url(../images/section-nav.png) -999em 0 no-repeat; }
  #section-nav li.what-it-is { left: 15px; width: 225px; }
   #section-nav li.what-it-is a { background-position: -15px 0; }
   #section-nav li.what-it-is a:hover, #section-nav li.what-it-is a.active { background-position: -15px -63px; }
  #section-nav li.how-it-works { left: 239px; width: 230px; }
   #section-nav li.how-it-works a { background-position: -239px 0; }
   #section-nav li.how-it-works a:hover, #section-nav li.how-it-works a.active { background-position: -239px -63px; }
  #section-nav li.compare { left: 468px; width: 225px; }
   #section-nav li.compare a { background-position: -468px 0; }
   #section-nav li.compare a:hover, #section-nav li.compare a.active { background-position: -468px -63px; }
  #section-nav li.rewards { left: 692px; width: 224px; }
   #section-nav li.rewards a { background-position: -692px 0; }
   #section-nav li.rewards a:hover, #section-nav li.rewards a.active { background-position: -692px -63px; }

 #content { position: relative; z-index: 10; width: 931px; top: -10px; background: url(../images/content-top.png) no-repeat; padding: 44px 0 0; }
  #content-wrapper-a { width: 931px; background: url(../images/content-bottom.png) 0 100% no-repeat; padding: 0 0 45px; overflow: hidden; }
   #content-wrapper-b { width: 931px; background: url(../images/content-middle.png) repeat-y; overflow: hidden; }
    #content .main-a { display: inline; float: left; margin: 0 0 0 60px; width: 550px; }
    #content .aside { display: inline; float: right; margin: 0 60px 0 0; width: 243px; }

    #content .main-b { width: 808px; margin: 0 auto; }
     #content .main-b .col-a { width: 405px; float: left; }
     #content .main-b .col-b { width: 380px; float: right; }
  #footer { width: 931px; margin-top: 0; padding: 0 24px; }
   #footer ul.nav { list-style: none; margin: 6px 0 21px 0; padding: 0; height:10px; }
   #footer ul.nav li { display: inline; float: left; margin: 0 20px 0 0; padding: 0; }
   #footer ul.nav li a { display: block; float: left; height: 100%; text-indent: -999em; overflow: hidden; }
   #footer li.privacy-policy a { width: 135px; background: url(../images/PrivacyPolicy.png) no-repeat; background-position: 0 0; }
   #footer li.fees-limits a { width: 112px; background: url(../images/FeesAndLimits.png) no-repeat; background-position: 0 0; }
   #footer li.load-cash a { width: 94px; background: url(../images/LoadCash.png) no-repeat; background-position: 0 0; }

.toplinks
{
	position: absolute;
	top: 60px;
	left: 232px;
	width: 688px;
	font: 500 14px Gotham HTF,Helvetica Neue,Helvetica,Arial,sans-serif;
	color:rgb(163,163,163);
	text-shadow: #fff 0 1px 0;
	text-align: left;
}
.toplinks div
{
	float: left;
	margin: 0px 15px 0px 0px;
}

/* GENERAL
------------------------------------------- */

/* headers */

h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { font: 500 2.5em/1.25 Chalet,Helvetica Neue,Helvetica,Arial,sans-serif; color: #5d9419; }
h3 { font: 500 1.8em/1.25 Chalet,Helvetica Neue,Helvetica,Arial,sans-serif; color: #5d9419; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

.main-b h3 { padding: 0 0 0 40px; line-height: 29px; margin: 0 0 10px; }
h3.h-deposit { background: url(../images/h-deposits.png) 0 50% no-repeat; }
h3.h-manage { background: url(../images/h-manage.png) 0 50% no-repeat; }
h3.h-credit { background: url(../images/h-credit.png) 0 50% no-repeat; }
h3.h-purchases { background: url(../images/h-purchases.png) 0 50% no-repeat; }
.main-b h3.indented
{ margin-left: 20px; }
.main-b p.indented,
.main-b ul.indented,
.main-b ol.indented,
.main-b table.indented
{ margin-left: 80px; }

/* containers */
.section-a { width: 243px; padding: 5px 0 0; background: url(../images/newsletter.png) no-repeat; }
 .section-a .wrapper { width: 213px; padding: 10px 15px 15px; background: url(../images/newsletter.png) 0 100% no-repeat; min-height: 100px; }
 * html .section-a .wrapper { height: 100px; }

/* tables */

table { }
 table th, table td { padding: 5px 10px; border: 1px solid #ccc; }


/* paragraphs */
.learn-more { margin: 0; }
 .learn-more a { display: block; width: 165px; height: 34px; background: url(../images/learnmore-button.png) no-repeat; text-indent: -999em; overflow: hidden; }


/* SPECIFIC
------------------------------------------- */
 #newsletter-form p { font-size: 1.1em; text-shadow: #fff 0 1px 0; font-weight: bold; margin: 0 0 10px; }
 #newsletter-form .h { width: 212px; height: 45px; background: url(../images/newsletter-top.png) no-repeat; margin: 0 0 10px; }
  #newsletter-form .h * { position: absolute; left: -999em; }
  #newsletter-form input { width: 201px; height: 20px; padding: 5px; background: url(../images/newsletter-field.png) no-repeat; font-size: 1.45em; border: none; }
  #newsletter-form label { display: block; margin: 0 0 5px; }
  #newsletter-form p.submit { margin: 0; }
   #newsletter-form p.submit button { display: block; width: 112px; height: 28px; background: url(../images/subscribe-button.png) no-repeat; border: none; text-indent: -999em; overflow: hidden; }

div.insidefooter
{
	width: 875px;
}

div.insidefooter p
, p.insidefooter
{
	clear: both;
	margin-top: 0;
	padding-top: 0;
	font-size: 10px;
}

#loginbutton
{
	z-index: 100;
	position: absolute;
	left: 302px; top: 260px;
	width: 118px;
	height: 34px;
	background-image: url('../images/login-button.png');
	cursor: pointer;
}

#loginbutton span
{
	display: none;
}