/*
----------------------------------------------------------------
	S I T E    C O L O R S
----------------------------------------------------------------
	
	Light Blue:	#4E80BE
	Navy Blue: 	#23519f
	Dark Gray:	#393939
	Olive:		#485626
	Dark Brown: #2f1d03
	
*/

/*
----------------------------------------------------------------
	B A S E
---------------------------------------------------------------- */

body { 
	background:white url(../images/bkgtile.jpg) repeat-x top left;
	font-family:Arial, sans-serif;
	font-size:12px;
	vertical-align:top;
}

#container {
	overflow:auto;
	position:relative;
}

#header {
	background:transparent url(../images/header-top.jpg) no-repeat top center;
	height:95px;
	position:relative;
}

#globalnav {
	background:url(../images/navbkg.jpg) no-repeat top left;
	height:40px;
	top:100px;
}

#globalnav2 {
	height:361px;
	margin:7px 0 0;
}

#maincontent {
	background:url(../images/banner-home.jpg) no-repeat top center;
	height:400px;
}

#pagecontent {
	height:auto;
	margin:10px 0 0 10px;
}

#sidecontent {
	height:auto;
	margin-top:10px;
	margin-left:20px;
}

#tier2 {
	height:300px;
	margin-top:10px;
}

#tier3 {
	height:300px;
	margin-top:20px;
}

#footer {
	line-height:24px;
	margin:20px auto;
	text-align:center;
}

#footer p {
	color: #999999;
}
		
/*
----------------------------------------------------------------
	L I N K S  &  F O R M S
---------------------------------------------------------------- */

#header a:link, #header a:visited {
	color:#4E80BE;
	float:right;
	font-size:10px;
	font-weight:bold;
	margin:26px 19px 0 0;
	padding:3px;
}

#header a:hover {
	background:#4E80BE;
	color:white;
	text-decoration:none;
}

#blueboxmid a:link, #blueboxmid a:visited {
	color:black;
}

.creditbox1 a.creditbutton {
	background:transparent url(../images/creditbutton.jpg) repeat scroll center top;
	display:block;
	height:40px;
	margin:10px 0 0 83px;
	text-indent:-9999px;
	width:150px;
}

.creditbox2 a.creditbutton {
	background:transparent url(../images/creditbutton.jpg) repeat scroll center top;
	display:block;
	height:40px;
	margin:10px 0 0 61px;
	text-indent:-9999px;
	width:150px;
}

a.creditbutton:hover {
	background-position:0 -63px;
}

#footer a:link, #footer a:visited {
	color:#393939;
	font-size:11px;
	font-weight:bold;
	margin:0 15px;
	padding:3px;
	text-decoration:none;
}

#footer a:hover {
	background:#393939;
	color:white;
}

label {
	display:block;
	font-weight:bold;
}

ul.appform {
	list-style:none;
	margin:20px 30px;
}

ul.appform li {
	display:block;
	height:50px;
}

ul.appform li.space {
	display:block;
	height:30px;
}

ul.appform li.smallspace {
	display:block;
	height:15px;
}

ul.appform li.taller {
	display:block;
	height:60px;
}

ul.appform li.shorter {
	height:20px;
}

ul.appform li span {
	display:inline;
	float:left;
	margin-right:20px;
}

ul.appform li span span {
	margin-right: 4px
}

ul.appform li span#optin {
	font-size:10px;
	font-weight:bold;
	margin:3px 0 0 10px;
	width:500px;
}

ul.appform li span.radiotext {
	font-size:12px;
	font-weight:bold;
	margin:5px 0 0 5px;
}

ul.appform li span span.subscript {
	font-size:9px;
	font-weight:bold;
}

input.large {
	width:200px;
}

input.medium {
	width:100px;
}

input.tiny {
	width:20px;
}

input.small {
	width:35px;
}

input.checkbox {
	float:left;
}

input.netpay {
 width:125px;
}

ul.appform li span#name {
	margin-right:6px;
	width:106px;
}

span#lastname {
	width: 170px;
}

ul.appform li span.date {
	margin-right:6px;
	width:33px;
}

input.button {
	background:url(../images/apply.jpg) no-repeat top center;
	border:none;
	outline:none;
	cursor:pointer;
	height:65px;
	margin:0 0 0 30px;
	width:178px;
}

input.button:hover {
	background:url(../images/apply.jpg) no-repeat bottom center;
}

select {
	width:130px;
}

/*
----------------------------------------------------------------
	N A V I G A T I O N
---------------------------------------------------------------- */

#globalnav ul {
	float:right;
	height:40px;
	list-style:none;
	width:940px;
}

#globalnav li {
	float:right;
	height:40px;
	width:88px;
}

#globalnav li a {
	background:url(../images/globalnav.jpg) no-repeat top left;
	display:block;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	width:88px;
}

#globalnav li#home a {background-position: -327px 0}
#globalnav li#creditcards a {background-position: -415px 0;}
#globalnav li#autoloans a {background-position: -503px 0;}
#globalnav li#shoppingcards a {background-position: -591px 0;}
#globalnav li#paydayloans a {background-position: -679px 0;}
#globalnav li#unsecuredloans a {background-position: -767px 0;}
#globalnav li#debtadvice a {background-position: -855px 0;}

#globalnav li#home a:hover {background-position: -327px -40px;}
#globalnav li#creditcards a:hover {background-position: -415px -40px;}
#globalnav li#autoloans a:hover {background-position: -503px -40px;}
#globalnav li#shoppingcards a:hover {background-position: -591px -40px;}
#globalnav li#paydayloans a:hover {background-position: -679px -40px;}
#globalnav li#unsecuredloans a:hover {background-position: -767px -40px;}
#globalnav li#debtadvice a:hover {background-position: -855px -40px;}


#globalnav.home li#home a {background-position: -327px -80px}
#globalnav.creditcards li#creditcards a {background-position: -415px -80px;}
#globalnav.autoloans li#autoloans a {background-position: -503px -80px;}
#globalnav.shoppingcards li#shoppingcards a {background-position: -591px -80px;}
#globalnav.paydayloans li#paydayloans a {background-position: -679px -80px;}
#globalnav.unsecuredloans li#unsecuredloans a {background-position: -767px -80px;}
#globalnav.debtadvice li#debtadvice a {background-position: -855px -80px;}


#globalnav2 ul {
	list-style:none;
	width:531px;
}

#globalnav2 ul.row1 {
	height:181px;
}

#globalnav1 ul.row2 {
	height:181px;
}

#globalnav2 li {
	float:left;
	width:177px;
}

#globalnav2 li a {
	background: url(../images/globalnav2.gif) no-repeat top left;
	display:block;
	overflow:hidden;
	width:177px;
}

#globalnav2 ul.row1 li a {
	height:184px;
}

#globalnav2 ul.row2 li a {
	height:176px;
}

#globalnav2 li#creditcards2 a {background-position: 0 0;}
#globalnav2 li#autoloans2 a {background-position: -177px 0;}
#globalnav2 li#shoppingcards2 a {background-position: -354px 0;}
#globalnav2 li#paydayloans2 a {background-position: 0 -185px;}
#globalnav2 li#unsecuredloans2 a {background-position: -177px -185px;}
#globalnav2 li#debtadvice2 a {background-position: -354px -185px;}

#globalnav2 li#creditcards2 a:hover {background-position: 0 -361px;}
#globalnav2 li#autoloans2 a:hover {background-position: -177px -361px;}
#globalnav2 li#shoppingcards2 a:hover {background-position: -354px -361px;}
#globalnav2 li#paydayloans2 a:hover {background-position: 0 -546px;}
#globalnav2 li#unsecuredloans2 a:hover {background-position: -177px -546px;}
#globalnav2 li#debtadvice2 a:hover {background-position: -354px -546px;}


/*
----------------------------------------------------------------
	C O N T E N T
---------------------------------------------------------------- */

#header .logo {
	margin:27px 0 0 0;
}

#header h2 {
	color:#23519F;
	font-size:20px;
	position:absolute;
	right:20px;
	top:50px;
}

#contentbox {
	background:transparent url(../images/contentbox.jpg) no-repeat top center;
	height:300px;
}

#signupbox {
	background:transparent url(../images/signupbox.jpg) no-repeat top center;
	height:300px;
}

.newsbox {
	background:transparent url(../images/newsbox.jpg) no-repeat top center;
	height:300px;
}

#footer p.disclaimer {
	color:#949494;
	font-size:10px;
}

img#ribbonhome {
	left:2px;
	position:absolute;
	top:507px;
}

h1#ribbontext {
	color:#2F1D03;
	font-size:18px;
	left:25px;
	letter-spacing:-0.5px;
	position:absolute;
	top:534px;
}

img#ribbon2 {
	left:2px;
	position:absolute;
	top:247px;
}

h1#ribbontext2 {
	color:#2F1D03;
	font-size:18px;
	left:30px;
	letter-spacing:-0.5px;
	position:absolute;
	top:274px;
}

#tier2 #contentbox h3 {
	color:#23519F;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	margin:50px 0 10px 20px;
}

#tier2 #contentbox p {
	color:#393939;
	font-size:14px;
	line-height:24px;
	margin:10px 20px;
}

#tier2 #signupbox h3 {
	color:#485626;
	font-family:Georgia;
	font-size:24px;
	font-weight:normal;
	margin:13px 20px 10px 30px;
}

#tier2 #signupbox p {
	color:#485626;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin:10px 20px 10px 30px;
}

#tier2 #signupbox ul {
	list-style: none;
	margin:10px 20px 0 30px;
}

#tier2 #signupbox ul li {
	margin:10px 0;
}

#tier2 #signupbox ul li label {
	color:#485626;
	margin:0 0 3px;
}

#tier2 #signupbox ul li input {
	width:200px;
}

#tier2 #signupbox ul input#button-signup {
	background:transparent url(../images/button-signup.jpg) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	height:50px;
	margin:-4px 0 0 -7px;
	outline:none;
	overflow:hidden;
	padding:0;
	width:200px;
}

#tier2 #signupbox ul #button-signup:hover {
	background-position:0 -52px;
}

#tier3 .newsbox h4 {
	margin:25px 0 10px 20px;
}

#tier3 .newsbox h4 a:link, #tier3 .newsbox h4 a:visited {
	color:#393939;
	font-family:Georgia,serif;
	font-size:20px;
	font-weight:normal;
	text-decoration:none;
}

#tier3 .newsbox h4 a:hover {
	text-decoration:underline;
}

#tier3 .newsbox ul {
	line-height:18px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:10px 0 0 20px;
}

#tier3 .newsbox ul li {
	margin:10px 0;
}

#tier3 .newsbox ul li a:link, #tier3 .newsbox ul li a:visited {
	color:#ED2132;
	font-weight:bold;
	padding:2px 0;
}

#tier3 .newsbox ul li a:hover {
	background:#ED2132;
	color:white;
	text-decoration: none;
}

#tier3 .newsbox ul li a:link.fullart, #tier3 .newsbox ul li a:visited.fullart {
	color:#23519F;
	font-size:10px;
	line-height:10px;
	padding:0;
}

#tier3 .newsbox ul li a:hover.fullart {
	background:#23519F;
	color:white;
	text-decoration: none;
}

#tier3 .newsbox ul li p {
	color:#393939;
	font-size:11px;
	line-height:14px;
	width:235px;
}

#creditcardstop {
	background:url(../images/titlecard-creditcards.jpg) no-repeat top center;
	height:101px;
}

#autoloanstop {
	background:url(../images/titlecard-auto.jpg) no-repeat top center;
	height:101px;
}

#shoppingtop {
	background:url(../images/titlecard-shopping.jpg) no-repeat top center;
	height:101px;
}

#paydaytop {
	background:url(../images/titlecard-payday.jpg) no-repeat top center;
	height:101px;
}

#unsecuredtop {
	background:url(../images/titlecard-unsecured.jpg) no-repeat top center;
	height:101px;
}

#debttop {
	background:url(../images/titlecard-debt.jpg) no-repeat top center;
	height:101px;
}

#blueboxmid {
	background:url(../images/tile.jpg) repeat-y top center;
	display:inline-block;
	min-height:854px;
	padding:0 0 20px;
	width:620px;
}

#blueboxmid p {
	color:black;
	line-height:24px;
	margin:20px 30px;
	position:relative;
}

#blueboxmid h4 {
	border-bottom:1px dotted gray;
	font-size:16px;
	font-weight:normal;
	margin:30px 30px 0;
}

#blueboxmid p.first {
	margin-top:0;
	padding-top:90px;
}

#blueboxbottom {
	background:url(../images/bottom.jpg) no-repeat top center;
	height:15px;
}

#bulletbox {
	height:auto;
}

#bullettopcredit {
	background:url(../images/sidetitle-creditcards.jpg) no-repeat top center;
	height:46px;
}

#bullettopauto {
	background:url(../images/sidetitle-auto.jpg) no-repeat top center;
	height:46px;
}

#bullettopshopping {
	background:url(../images/sidetitle-shopping.jpg) no-repeat top center;
	height:46px;
}

#bullettoppayday {
	background:url(../images/sidetitle-payday.jpg) no-repeat top center;
	height:46px;
}

#bullettopunsecured {
	background:url(../images/sidetitle-unsecured.jpg) no-repeat top center;
	height:46px;
}

#bullettopdebt {
	background:url(../images/sidetitle-debt.jpg) no-repeat top center;
	height:46px;
}

#bullets {
	background:url(../images/bulletbox.jpg) no-repeat top center;
	height:234px;
}

#sidetext {
	background:url(../images/sidetextbox.jpg) no-repeat top center;
	height:403px;
	margin-top:10px;
	padding-top:10px;
}

#sidenews {
	background:url(../images/sidenews.jpg) no-repeat top center;
	height:137px;
	padding-top:13px;
}

.creditbox1 {
	background:url(../images/creditbox.jpg) no-repeat top right;
	height:224px;
	margin-top:10px;
}

.creditbox2 {
	background:url(../images/creditbox.jpg) no-repeat top left;
	height:224px;
	margin-top:10px;
}

.creditbox1 h1 {
	color:#23519F;
	font-size:17px;
	letter-spacing:-1px;
	margin:15px 0 0 22px;
	text-align:center;
}

.creditbox1 h2 {
	color:white;
	font-size:16px;
	margin:14px 0 0 17px;
	text-align:center;
}

.creditbox1 h3 {
	color:#313131;
	font-size:10px;
	letter-spacing:0.5px;
	margin:2px 0 0 22px;
	text-align:center;
	text-transform:uppercase;
}

.creditbox1 h3.apr {
	margin:-15px 0 0 58px;
	text-align:left;
}

.creditbox1 ul {
	color:#313131;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	margin:10px 0 0 164px;
}

.creditbox2 h1 {
	color:#23519F;
	font-size:17px;
	letter-spacing:-1px;
	margin:15px 0 0 -26px;
	text-align:center;
}

.creditbox2 h2 {
	color:white;
	font-size:16px;
	margin:14px 0 0 -31px;
	text-align:center;
}

.creditbox2 h3 {
	color:#313131;
	font-size:10px;
	letter-spacing:0.5px;
	margin:2px 0 0 -26px;
	text-align:center;
	text-transform:uppercase;
}

.creditbox2 h3.apr {
	margin:-15px 0 0 33px;
	text-align:left;
}

.creditbox2 ul {
	color:#313131;
	font-size:11px;
	font-weight:bold;
	line-height:18px;
	margin:10px 0 0 137px;
}

img.card1 {
	left:58px;
	position:absolute;
	top:538px;
}

img.card2 {
	left:353px;
	position:absolute;
	top:538px;
}

img.card3 {
	left:58px;
	position:absolute;
	top:773px;
}

img.card4 {
	left:353px;
	position:absolute;
	top:773px;
}

#sidetext h3 {
	color:#23519F;
	font-size:14px;
	line-height:18px;
	margin:10px 0 10px 20px;
}

#sidetext p {
	color:#313131;
	font-size:12px;
	line-height:18px;
	margin:20px;
}

#sidenews ul {
	line-height:18px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 20px;
}

#sidenews ul li {
	margin:0 0 10px 0;
}

#sidenews ul li a:link, #sidenews ul li a:visited {
	color:#ED2132;
	font-weight:bold;
	padding:2px 0;
}

#sidenews ul li a:hover {
	background:#ED2132;
	color:white;
	text-decoration: none;
}

#sidenews ul li a:link.fullart, #sidenews ul li a:visited.fullart {
	color:#23519F;
	font-size:10px;
	line-height:10px;
	padding:0;
}

#sidenews ul li a:hover.fullart {
	background:#23519F;
	color:white;
	text-decoration: none;
}

#sidenews ul li p {
	color:#393939;
	font-size:11px;
	line-height:14px;
	width:235px;
}

#bulletbox #bullets ul {
	padding-top: 16px;
}

#bulletbox #bullets ul li {
	color:#313131;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	list-style:none;
	margin:0 0 0 60px;
}

#sidesignup {
	background:url(../images/sidesignup.jpg) no-repeat top center;
	height:124px;
	padding:13px 0 0 0;
}

#sidesignup h3 {
	color:#485626;
	font-family:Georgia;
	font-size:14px;
	font-weight:normal;
	margin:0 0 0 20px;
}

#sidesignup ul {
	list-style: none;
	margin:0 0 0 20px;
}

#sidesignup ul li {
	margin:2px 0;
}

#sidesignup ul li label {
	color:#485626;
	font-size:10px;
	margin:0 0 1px;
}

#sidesignup ul li input {
	height:14px;
	width:200px;
}

#sidesignup ul input#side-signup {
	margin-top:4px;
	border:none;
	outline:none;
	background:transparent;
	font-size:12px;
	font-weight:bold;
	color:#485626;
	font-family: Arial, sans-serif;
	padding:0;
	text-align:left;
}

#sidesignup ul input#side-signup:hover {
	cursor:pointer;
	color:#ED2132;
}

#sidesignup #signupthanks {
	color: #485626;
	margin: 20px;
}

#signupthanks2 {
	color: #485626;
	margin: 40px 0;
}

span.optionalinfo {
	font-size:12px;
	font-style:italic;
	font-weight:normal;
}

ul.appform li span.radiospace {
	width:60px;
	margin-right:5px;
}

ul.appform li span.nextdate {
	width:131px;
}

span.answer {
	font-size:18px;
	font-weight:bold;
}

.nav3 {
	padding-left:42px;
}

img#ecredit {
	margin:0 0 0 11px;
	padding-top:80px;
}

#contactpop {
	padding:60px;
	text-align:left;
}

#contactpop h3{
	background:#DDDDDD none repeat scroll 0 0;
	font-size:18px;
	font-weight:normal;
	margin:0 0 30px -11px;
	padding:3px 0 2px 10px;
}

#contactpop p {
	font-weight:bold;
	line-height:18px;
	margin:20px 0 0 15px;
}

#contactpop a, #contactpop a:visited {
	color:black;
	font-size:14px;
	font-weight: normal;
	padding: 3px 0;
}

#contactpop a:hover {
	background: #353535;
	color: white;
	text-decoration: none;
}

/*
----------------------------------------------------------------
	E R R O R    B O X E S
---------------------------------------------------------------- */

.user_info, .user_success, .user_warning, .user_error, .validation {
border: 1px solid;
margin: 10px auto;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
width: 75%;
}

.user_info {
color: #00529B;
background-color: #BDE5F8;
background-image: url(../images/info.png);
}

.user_success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url(../images/success.png);
}

.user_warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url(../images/warning.png);
}

.user_error {
color: #D8000C;
background-color: #FFBABA;
}

.user_message {
	display:none;
}

#bullets2 {
	margin: 40px 30px;
}

/*
----------------------------------------------------------------
	L I G H T B O X
---------------------------------------------------------------- */


#lightboxwrapper ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#lightboxwrapper label {
	width: 120px; 
}

#pickAddressId label {
	width: 180px;
}

#lightbox {
	background: white;
}

#lightboxwrapper {
	height:auto;
	/* height:450px; Michael changed, kept in case - Deron*/
	width:600px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

#lightboxwrapper2 {
	height:auto;
	/* height:450px; Michael changed, kept in case - Deron*/
	width:800px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

#lightboxwrapper li {
	margin:0 auto;
	text-align:left;
	width:450px;
}

#lightboxwrapper select {
	width: 175px;
}

#lightboxwrapper select.addresspick {
	width: 450px;
	height: 80px;
	margin-bottom: 20px;
}

/*
----------------------------------------------------------------
	S E L E C T    A D D R E S S
---------------------------------------------------------------- */


#lightboxwrapper h2 {
	color: #004da9;
	font: 24px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin: 40px auto 10px;
	text-align: center;
	font-weight: bold;
}

.addresspick {
	height:100px;
	margin: 0;
}

#lightboxwrapper .addresspick select {
	width:450px;
}

#selectaddress {
	background:transparent url(../images/button-selectaddress.jpg) no-repeat scroll center top;
	display:block;
	height:57px;
	margin:5px auto;
	width:191px;
}

#selectaddress:hover {
	background:transparent url(../images/button-selectaddresshover.jpg) no-repeat scroll center top;
}

#typeInAddressId input {
	width: 132px;
}

#typeInAddressId li span {
	float: left;
	margin: 0 12px 10px 0;
}

#typeInAddressId input.addressButton {
	width: 190px;
}