@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: 86px;
	height: 27px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	line-height: 27px;
	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: 129px;
	height: 34px;
	text-indent: -9999px;
	background: url(../images/vp.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: 96px;
	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: 14px;
	padding-top: 12px;
	width: 123px;
	text-align: right;
	color: #666666;
	font-size: 11px;	
	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: 200px;
	top: 10px;
}

.secondary .signup {
	left: 135px;
}

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: 135px;
	top: 7px;	
}

#signup ul li input#next_step {
	position: absolute;
	left: 135px;
	top: 7px;	
	display: block;
	width: 86px;
	height: 27px;
	font-size: 11px;
}

#signup ul li input#previous_bttn {
	position: absolute;
	left: 110px;
	top: 80px;	
	display: block;
	width: 86px;
	height: 27px;
	font-size: 11px;
}

#signup ul li input#submit_bttn {
	position: absolute;
	left: 200px;
	top: 80px;	
	display: block;
	width: 86px;
	height: 27px;
	font-size: 11px;
}

/* 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;	
}

#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: normal;
	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 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;
}

#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;
}

#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 .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 {
	}

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;	
}

#footerlogos
{
display:block;
position:inherit;
width: 550px;
height: 50px;
padding-botom: 80px;
}

#precash {
display:block;
position:relative;
left: 1px;
top: 0px;
width: 128px;
height: 50px;

}

#logo1 {
display:block;
position: relative;
float: right;
top: -50px;
width: 69px;
height: 50px;


}

#logo2 {
display:block;
position:relative;
float: right;
top: -50px;
width: 39px;
height: 50px;

}

#logo3 {
display:block;
position:relative;
float: right;
top: -50px;
width: 108px;
height: 50px;

}

#logo4 {
display:block;
position:relative;
float: right;
top: -50px;
width: 64px;
height: 50px;

}