@charset "UTF-8";
/* CSS Document */
@import "normalize.css";
/* GENERAL */
body {font: 12px Arial, Helvetica, sans-serif; text-align: center; background: #FFF url(../images/body_bg.jpg) repeat-x top; color: #666666;}
#wrapper {text-align: left; margin: 0 auto; width: 760px; position: relative; padding: 30px 0px 0px 190px;}
.button {background: url(../images/bttn_next_step.png) no-repeat center top; display: block; width: 172px; height: 54px; font-size: 16px; color: #FFF; font-weight: bold; line-height: 54px; text-align: center; border: none; cursor: pointer;}
.button:hover {background-position: center bottom;}
span.sup {position: relative; top: -0.5em; font-size: 70%;}
.nobr {white-space: nowrap;}
span.block {display: block;}
ul.indent li {text-indent: 40px;}
.home {padding-top: 80px;}
p.center {text-align: center;}
/* HEADER */
h1 {position: absolute; top: 29px; left: 38px;}
h1 a {display: block; width: 132px; height: 42px; text-indent: -9999px; background: url(../images/silver.gif) no-repeat;}
a#account_login {display: block; width: 106px; height: 35px; background: url(../images/account_login_bg.gif) no-repeat center top; position: absolute; top: 0px; right: 125px; color: #FFF; font-weight: bold; font-size: 10px; letter-spacing: .05em; text-align: center; line-height: 25px; text-indent: -5px;}
a#account_login:hover {background-position: center bottom;}
/* PRIMARY NAV */
#primary_nav {position: absolute; top: 121px; left: 45px;}
#primary_nav ul {padding-bottom: 26px;}
#primary_nav li {width: 123px; height: 26px; border-bottom: 1px solid #d7d7d7; }
#primary_nav li#logos {height: 59px;}
#primary_nav li#logos img {padding: 5px 14px;}
#primary_nav li a {display: block; height: 16px; padding-top: 12px; width: 123px; text-align: right; color: #000000; font-size: 12px; letter-spacing: .05em;}
#primary_nav li a.active {color: #10609b; font-weight: bold;}
#primary_nav li a:hover {color: #10609b;}
/* MAIN CONTENT */
#main {position: relative; min-height: 320px; height: auto !important; height: 320px; padding: 50px 80px 0px 340px;}
#main_container {position: relative; z-index: 3;}
#main_container p {padding: 10px 0px;}
#main_container p em {color: #659b11; display: block;}
#main_container.secondary {padding: 0px 25px 0px 55px;}
#main_container p.intro, #main_container h3 {color: #10609b; font-size: 14px; letter-spacing: .02em; padding: 0px 0px 15px 0px; font-weight: normal;}
#main_container p.sub, #main_container h6 {color: #599004; font-size: 11px; line-height: 13px; letter-spacing: .05em; padding: 1px 0px;}
#main_container h6 {font-weight: normal;}
#main_container .highlight {font-weight: bold; color: #e66e1a;}
#main img.main, #main #image {position: absolute; top: 0px; left: 0px; z-index: 1;}
#main #image {width: 390px; height: 330px;}
.signup {position: relative; left: 100px; top: 16px;}
.secondary .signup {left: 35px;}
a.signup.footer {left: 540px;}
#main blockquote {/*font-size: 12px; color: #666666; letter-spacing: .05em; padding-top: 25px;*/ font-size: 10px; color: #666666; letter-spacing: .05em; padding-top: 25px; position: absolute; top: 305px; left: 100px; width: 230px; font-style: italic;}
#main blockquote span {/*display: block; padding-top: 0px; color: #659b11;*/ display: block; padding-top: 0px; color: #659b11; text-align: right; font-style: normal;}
#main blockquote.home_quote {font-size: 10px; color: #666666; letter-spacing: .05em; padding-top: 25px; position: absolute; top: 305px; left: 100px; width: 230px;}
#main blockquote.home_quote span {display: block; padding-top: 0px; color: #659b11; text-align: right;}
ul#secondary_nav {padding: 5px 0px 15px 0px;}
ul#secondary_nav li {width: 218px; height: 26px; border-bottom: 1px solid #d7d7d7;}
ul#secondary_nav li a {display: block; height: 14px; padding-top: 12px; width: 218px; text-align: left; color: #666666; font-size: 11px; letter-spacing: .05em;}
ul#secondary_nav li a.active {color: #10609b; font-weight: bold;}
ul#secondary_nav li a:hover {color: #10609b;}
ul#steps {overflow: hidden; padding: 15px 0px 0px 0px;}
ul#steps li {float: left; display: block; height: 30px; position: relative; line-height: 24px; padding: 0px 2px;}
ul#steps li img, #signup li img {float: left;}
#home_form {position: relative; top: 10px;}
#signup ul {position: relative; width: 240px; height: 90px;}
#signup ul li {position: absolute;}
#signup ul li.center input {text-align: center;}
#signup ul li#firstname {width: 80px; top: 0px; left: 5px;}
#signup ul li#middleinitial {width: 12px; top: 0px; left: 105px;}
#signup ul li#lastname {width: 80px; top: 0px; left: 137px;}
#signup ul li#emailaddress {top: 40px; left: 5px;}
#signup ul li#addy {width: 180px; top: 0px; left: 5px;}
#signup ul li#apt {width: 90px; top: 0px; left: 195px;}
#signup ul li#cty {width: 80px; top: 40px; left: 5px;}
#signup ul li#st {width: 50px; top: 40px; left: 115px;}
#signup ul li#zipcode {width: 50px; top: 40px; left: 195px;}
#signup ul li#homephone {top: 0px; left: 5px;}
#signup ul li#mobilephone {top: 40px; left: 5px;}
#signup ul li#carrier {top: 40px; left: 195px;}
#signup ul li#dob {top: 0px; left: 5px;}
#signup ul li#ssn {top: 40px; left: 5px;}
#signup ul li#ssn_confirm {top: 80px; left: 5px;}
#signup ul li#dd_offer {top: 0px; left: 5px;}
#signup ul li#captcha {top: 0px; left: 5px;}
#signup ul li#agree {top: 0px; left: 5px;}
#signup ul li#submit {}
#signup ul li .qmark {position: absolute; height: 17px; width: 17px; display: block; top: 15px; cursor: help;}
#signup ul li#addy .qmark {left: 160px;}
#signup ul li#ssn .qmark {left: 145px;}
#signup ul li#dd_offer .qmark {left: 155px;}
#signup ul li label {font-size: 11px; color: #10609b; display: block; position: relative; z-index: 1;}
#signup ul li input {height: 10px; font-size: 9px; margin: 2px 0px; position: relative; z-index: 1;}
#signup ul li#firstname input {width: 80px;}
#signup ul li#middleinitial input {width: 12px;}
#signup ul li#lastname input {width: 80px;}
#signup ul li#emailaddress input {}
#signup ul li#addy input {width: 150px;}
#signup ul li#apt input {width: 36px;}
#signup ul li#cty input {width: 80px;}
#signup ul li#st input {width: 50px;}
#signup ul li#zipcode input {width: 48px;}
#signup ul li#homephone input {width: 36px;}
#signup ul li#mobilephone input {width: 36px;}
#signup ul li#carrier input {width: 80px;}
#signup ul li#dob input {width: 24px;}
#signup ul li#ssn input {width: 36px;}
#signup ul li#ssn_confirm input {width: 36px;}
#signup ul li#dd_offer input {width: 120px;}
#signup ul li#captcha input {width: 60px;}
#signup ul li#agree input {width: 12px;}
#signup ul li#agree label {position: absolute; left: 20px; top: 0px; width: 240px;}
#signup ul li#submit input {}
#signup ul li button#next_step {position: absolute; left: 35px; top: 12px;}
#signup ul li input#next_step {position: absolute; left: 35px; top: 12px; display: block; width: 172px; height: 54px; font-size: 14px;}
#signup ul li input#previous_bttn {position: absolute; left: 110px; top: 80px; display: block; width: 172px; height: 54px; font-size: 14px;}
#signup ul li input#submit_bttn {position: absolute; left: 100px; top: 80px; display: block; width: 172px; height: 54px; font-size: 14px;}
/* WAY FINDER */
.clear {clear: both; padding: 20px 0px;}
.findme {position: relative; left: -70px; padding: 12px 0px 30px 70px; margin-right: -70px;		}
.free {background: url(../images/icon_free.gif) no-repeat left top;}
.addcash {background: url(../images/icon_addcash.gif) no-repeat left top;}
.sharemoney {background: url(../images/icon_sharemoney.gif) no-repeat left top;}
.moreacceptance {background: url(../images/icon_moreacceptance.gif) no-repeat left top;}
.manage {background: url(../images/icon_manage.gif) no-repeat left top;}
.security {background: url(../images/icon_security.gif) no-repeat left top;}
.payfit{background: url(../images/icon_buildcredit.gif) no-repeat left top;}
#wayfinder {overflow: hidden;		}
#wayfinder li {float: left; width: 49.5%; margin: 5px 0px;}
#wayfinder li a {display: block; padding: 25px 0px 0px 75px; height: 40px; font-weight: bold; font-size: 11px; text-decoration: none; color: #666666; letter-spacing: 0em;}
#wayfinder li a:hover {color: #659b11;}
#content .findme .return {text-decoration: none; color: #659b11; font-weight: bold;}
#content .findme .return:hover {color: #10609b;}
/* CONTENT */
#content {padding: 40px 135px 20px 80px;}
#content h2 {font-size: 16px; color: #659b11; font-weight: normal; letter-spacing: .05em; margin-bottom: 10px; border-bottom: 1px solid #c9c9c9; padding-top: 10px;}
#content h2.wayfinder_header a {font-size: 12px; color: #10609b; text-decoration: none;}
#content h2 a {text-decoration: none; color: #659b11;}
#content h4 {font-size: 13px; color: #5a5b59; font-weight: bold; letter-spacing: .05em;}
#content h5 {font-weight: bold; font-size: 11px; letter-spacing: .05em; color: #10609b; padding: 5px 0px;}
#content p, #content li, #content dd {font-size: 12px; letter-spacing: .05em; color: #666666; font-weight: normal;}
#content p, #content ul, #content ol, #content dd {padding-bottom: 10px;}
#content ol li {list-style: outside decimal; position: relative; left: 20px; padding-right: 20px;}
#content li, #content dt {padding: 2px 0px;}
#content dt {cursor: pointer;}
#content a {color: #10609b; text-decoration: underline;}	
#content #faq dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq dd, #content #state_contact dd {display: none;}
#content #faq1 dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq1 dd, #content #state_contact dd {display: none;}
#content #faq2 dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq2 dd, #content #state_contact dd {display: none;}
#content #faq3 dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq3 dd, #content #state_contact dd {display: none;}
#content #faq4 dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq4 dd, #content #state_contact dd {display: none;}
#content #faq5 dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq5 dd, #content #state_contact dd {display: none;}#content #faq6 dt, #content #state_contact dt {font-size: 12px; color: #10609b; text-decoration: underline;}
#content #faq6 dd, #content #state_contact dd {display: none;}
#content table {margin: 10px 0px 25px 0px;}
#content table td, #content table th {border: 1px solid #d7d7d7; width: 31%; padding: 1%;}
#content table th {color: #659b11; font-size: 14px;}
#content table td {font-size: 11px; color: #666666;}
.sell-points li a {color: #666666; height: 25px;}
.sell-points li a:visited {color: #666666; text-decoration:none}
.sell-points li a:hover {color: #666666; text-decoration:underline}
.sell-points li a:active {color: #666666;text-decoration:none}
#content table tr.grey td {background: #ebebeb;}
#content table td strong {font-weight: bold;}
#content table td em {color: #a70101;}
#content ul.indent li {font-weight: bold; color: #ed7826;}


/* SITEMAP */
#content.sitemap h2 {color: #206ba2;}
#content.sitemap ul {padding: 0px;}
#content.sitemap ul li {border-bottom: 1px solid #c9c9c9; padding: 10px 0px;}
#content.sitemap ul li a {font-size: 12px; font-weight: bold; color: #206ba2; text-decoration: underline;}
#content.sitemap ul li ul.subnav {padding-left: 15px;}
#content.sitemap ul li ul.subnav li {border-bottom: none; padding: 5px 0px; list-style: inside disc;}
#content.sitemap ul li ul.subnav li a {font-weight: normal; color: #979595;}
#content.sitemap ul li ul.inline {display: inline;}
#content.sitemap ul li ul.inline li {border-bottom: none; display: inline;}
#content.sitemap ul li ul.inline li a {font-weight: normal; font-size: 11px; color: #bababa;}
#content.sitemap ul li ul.inline li.index a {font-size: 12px; font-weight: bold; color: #206ba2;}
#content.sitemap ul li ul.subnav li ul.inline {}
#content.sitemap ul li ul.subnav li ul.inline li {}
#content.sitemap ul li ul.subnav li ul.inline li a {}
#content.sitemap ul li ul.subnav li ul.inline li.index a {font-size: 12px; font-weight: normal; color: #979595;}





/* SIGNUP FORM PAGE */
#signup_form {overflow: hidden; position: relative;}
#signup_form #info {float: left; width: 300px; padding: 350px 40px 0px 20px;		}
#signup_form #info .main {padding-bottom: 30px; position: absolute; left: 0px; top: 0px;}
#signup_form #info h2 {font-size: 16px; color: #659b11; font-weight: normal; letter-spacing: .05em; margin-bottom: 10px; border-bottom: 1px solid #c9c9c9; padding-top: 10px;}
#signup_form #info .bulleted li {list-style: inside disc; padding: 2px 0px;}
#signup_form #info .sell-points li {font-weight: bold; color: #ED7826; height: 25px;}
#signup_form #info .sell-points li a {background: url(../images/checkmark.gif) no-repeat 5px top; color: #ED7826; padding: 8px 0px 0px 30px; display: block; height: 17px; text-decoration:none}
#signup_form #info .sell-points li a:hover {color: #659b11; background-position: 5px bottom;}
#signup_form #info .sell-points li a em {font-weight: bold; font-size: 14px; color: #e66e1a;}
#signup_form #info .sell-points li a:hover em {color: #659b11;}
#signup_form #info .sell-points li {font-weight: bold; color: #ED7826;height: 25px;}
#signup_form #info .legal_copy {padding: 10px 80px 0px 0px; font-size: 10px;}
#signup_form #info .legal_copy a {text-decoration: underline; color: #10609b;}
#signup_form #form {float: right; width: 390px; padding: 50px 0px 0px 0px;		}
#signup_form #form h3 {color: #10609b; font-size: 14px; letter-spacing: .02em; padding: 0px 0px 15px 0px; font-weight: normal;}
#signup_form #form p.sub {color: #599004; font-size: 10px; line-height: 13px; letter-spacing: .05em; padding: 0px;}
#signup_form #form ol {padding: 10px 0px; position: relative;}
#signup_form #form ol li {color: #10609B; font-size: 9px; position: relative;}
#signup_form #form ol li ul li {position: absolute;}
#signup_form #form li img {}
#signup_form #form ol li#step1 h5 {background: url(../images/step1_on.png) no-repeat left top;}
#signup_form #form ol li#step2 h5 {background: url(../images/step2_on.png) no-repeat left top;}
#signup_form #form ol li#step3 h5 {background: url(../images/step3_on.png) no-repeat left top;}
#signup_form #form ol li h5 {font-size: 12px; font-weight: bold; letter-spacing: .05em; color: #749508; line-height: 24px; text-indent: 35px; height: 30px;}
#signup_form #form #signup ul {border-bottom: 1px solid #d7d7d7; margin-top: 9px; width: 320px; height: 130px; left: 30px; clear: both;}
#signup_form #form #signup ul.last {border-bottom: none;}
#signup_form #form #signup ul.one_row {height: 50px;}
#signup_form #form #signup ul.two_rows {height: 90px;}
#signup_form #form #signup ul.three_rows {height: 130px;}
#signup_form #form #signup div.captcha {width: 290px; display: block; padding: 2px 0px;}
#signup_form #form #signup div.captcha img {float: none;}
/*#signup_form #form #signup div.tooltip {position: absolute; top: 25px; border: 1px solid #10609B; background: #bde0fa; padding: 5px; z-index: 600003; width: 150px; font-size: 10px; display: none;}*/
div.tooltip {position: absolute; border: 1px solid #10609B; background: #bde0fa; padding: 5px; z-index: 600003; width: 175px; font-size: 10px; display: none; text-align: left; color: #10609b;}
div#tips div.tooltip h6 {font-weight: bold; font-size: 1.1em;}
div.tooltip p {}
#signup_form #form #signup div#address_tooltip {left: 170px;}
#signup_form #form #signup div#ssn_tooltip {left: 155px;}
#signup_form #form #signup div#dd_tooltip {left: 165px;}
/* LOGIN PAGE */
#login {}
#login ul {}
#login ul li {padding-bottom: 15px;}
#login ul li label {font-size: 12px; color: #659b11; letter-spacing: .05em; display: block;}
#login ul li input {width: 200px;}
#log {position: absolute; right: 75px;}
#forgot {font-size: 9px; color: #206ba2; line-height: 30px;}
/* FOOTER INFO */
ul#quick_nav {padding: 50px 0px 15px 80px; position: relative; height: 114px; margin-bottom: 15px;}
ul#quick_nav.home {padding-top: 70px;}
ul#quick_nav li {position: absolute; height: 114px; padding: 0px;}
ul#quick_nav li#card_benefits {width: 202px; left: 60px;}
ul#quick_nav li#savings_calculator {width: 187px; left: 262px;}
ul#quick_nav li#card_comparisons {width: 191px; left: 449px;}
ul#quick_nav li#card_benefits a {width: 202px; background-image: url(../images/quick_menu_card_benefits_bg.jpg); text-indent: 33px;}
ul#quick_nav li#savings_calculator a {width: 187px; background-image: url(../images/quick_menu_savings_calculator_bg.jpg); text-indent: 15px;}
ul#quick_nav li#card_comparisons a {width: 191px; background-image: url(../images/quick_menu_card_comparisons_bg.jpg); text-indent: 15px;}
ul#quick_nav li a {display: block; height: 114px; font-size: 15px; letter-spacing: .05em; color: #666666; background-position: 0px 17px; background-repeat: no-repeat; padding: 0px 0px 17px 0px;}
ul#quick_nav li a:hover {color: #10609b; background-position: 0px bottom;}
ul#quick_nav li a span {display: block; font-size: 10px; color: #72aa20; font-weight: bold; letter-spacing: 0em; padding: 12px 0px 0px 0px;}
ul#footer_nav1 {padding-top: 47px; padding-bottom: 12px; background: url(../images/footer_logos.jpg) no-repeat 80px top;}
ul.footer_nav {padding: 0px 110px 5px 80px; text-align: center;}
ul.footer_nav li {display: inline; text-align: center; letter-spacing: 0em;}
ul.footer_nav li a {font-size: 10px; color: #666666;}	
ul.footer_nav li a:hover {color: #10609b;}
#legal {padding: 15px 120px 15px 80px;}
#legal p {font-size: 10px; line-height: 13px; letter-spacing: .05em; color: #666666; padding: 5px 0px;}
/* MISC */
.banner {padding: 15px 0px 15px 130px;}
#savings_calc {position: absolute; top: 0px; left: 0px;}