/*-----------------------------------------------  
---------------- Cyber 2 Account Center - 2015
--------------*/


	
/*-----------------------------------------------  
----------------Reset css
--------------*/	
	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,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		background: transparent;
	}
	
	blockquote { quotes: none; }
	blockquote:before, blockquote:after {
		content: '';
		content: none;
	}
	del { text-decoration: line-through; }
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	@-ms-viewport{width: device-width;}
	
/*-----------------------------------------------  
----------------IE 6 Banner 
--------------*/
	 div.updateie6 h3{font-size:1.1em;margin:0px;font-weight:bold;color:#000;background:none;}
	div.updateie6{font-size: .9em;background-color:#FAE99A;border-color:#BF6506;color:#000;padding:6px;border:1px solid;}
	div.updateie6 a{color:#000;font-size: .9em;text-decoration:underline;}
	div.updateie6 a:hover, div.updateie6 a:focus{color:#333;font-size:.9em;}
	div.updateie6 li{color:#000;}
	div.updateie6 ul{margin-top:2px;}
	div.updateie6 span#hideme{position:absolute;top:14px;right:10px;}
	div.updateie6 div#whyupcontent{padding-top:10px;}




/*-----------------------------------------------  
----------------General style
--------------*/
	* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	html, body{
		width: 100%;
		overflow-x: hidden !important;
		background-color: #fff;
		position: relative;
		-webkit-text-size-adjust: 100%;
		font-family: Source Sans Pro, Verdana, Helvetica, Arial, sans-serif;
	}
	.whole-section{background-color: #fff;}
	a.bold {
		text-decoration: underline !important;
		font-weight: bold;
		}
	a,  a:link,  a:visited { 
		color: #42474d;
		cursor: pointer;
	}

	a:hover{}
	body a:link{font-size: inherit;}
	a img { border: none; cursor: pointer; }
	.log-out-btn a { color: #FFF; }
	.mobile{display: none;}
	.clear{clear: both;}
	div{display: block;}
	p{padding: 10px 0; line-height: 1.5em;}
	body{
		margin: 0px !important;
		color: #111;
		font-size: 14px;
	}
	figure{
		margin: 15px;
		width: auto;
	}	
	button, select {text-transform: none;}
	input{outline: none;}
	.left, .pull-left, .footer-left {	float: left;  }
	.footer-left { width: 170px; }
	.right, .pull-right, .footer-right{float: right;}
	
	h1, h2, h3, h4, h5, .pds-gac-last-loan-header-2, .pds-gac-last-loan-header-3 {
		color: #111;
		font-weight: bold;
	}
	h1 { font-size: 1.7em; }
	h2, .pds-gac-last-loan-header-2 { font-size: 1.5em; padding: 0 0 20px 0; font-weight: bold; }
	h3, .pds-gac-last-loan-header-3 { font-size: 1.2em; color: #4e4e4e; font-weight: bold; margin-top: 15px; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1em; padding: 10px 0;}
	.h2, .pds-gac-last-loan-header-2{
		font-size: 1.5em;
		padding: 20px 0 5px 20px;;
		font-weight: 700;
		color: #42474d;
		border-bottom: 1px solid #ced0d4;
		margin-bottom: 15px;
	}
	body.pds-ac-login p,
	body.pds-ac-welcome p { padding: 20px 20px 5px 20px; }
	.whole-section{width: auto;}
	
	.container {
		width: 100%;
		max-width: 1000px;
		margin: auto;
		clear: both;
		position: relative;
	}
	
	.footer-left img{width: 100%;}
	.spacing{padding: 20px 0}
	.funded-option ul li.yes-class a{	}
	.active{border-color: #4e4e4e;}
	
	#body p a, #body li a, #footer a {
		font-weight: 700;
		color: #0c5490;
	}
	
	

/*-----------------------------------------------  
----------------GAC - take out for customized logo
--------------*/
	
	 a,  a:link,  a:visited { 
		color: #23363e;
		text-decoration: none;
	}
	
	 .logo a{
		text-decoration: none;
	}
	
	.gac-logo {
		margin: 0;
		line-height: normal;
		font-size: 2.25em;
		color: #5a5a5a;
		letter-spacing: 1px;
		display: block;
		text-decoration: none;
		font-weight: 500;
	}
	
	.gac-logo span {
		font-weight: bold;
	}
	
/*-----------------------------------------------  
----------------Buttons
--------------*/
	.btn{ -webkit-appearance:none; }	
	.card-type .btn{
		display: block;
		font-size: 1.2em;
		text-align: center;
		text-shadow: 0 2px 0 rgba(0,0,1,.45);
		letter-spacing: 1px;
		padding: 15px;
		color: rgba(255,255,255,.95);
		text-decoration: none;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-width: 0 1px 2px;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		-webkit-appearance:none;
		-moz-appearance: none;
		cursor: pointer;
		width: 25%;
		float: right;
		height: inherit;
		line-height: inherit;
		white-space: nowrap;
		vertical-align: middle;
		border: 1px solid #00AE30;
		background: #00ca0f;
		background: -moz-linear-gradient(top, #00ca0f 0%, #009125 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00ca0f), color-stop(100%,#009125));
		background: -webkit-linear-gradient(top, #00ca0f 0%,#009125 100%);
		background: -o-linear-gradient(top, #00ca0f 0%,#009125 100%);
		background: -ms-linear-gradient(top, #00ca0f 0%,#009125 100%);
		background: linear-gradient(to bottom, #00ca0f 0%,#009125 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ca0f', endColorstr='#009125',GradientType=0 );

	}
	.card-type a.btn:hover{ background: #009125; }
	.card-type a{text-decoration: none;}
	a.btn{color: #fff; font-weight: bold;}
	
	a.btn:hover, 
	input[type="submit"]:hover,
	input#pds-gac-form-login-submit-input, 
	input#pds-gac-form-forgot-password-submit-input,
	input#pds-gac-form-change-password-submit-input{
		color: #fff; 
		cursor: pointer; 
		background: #B91B34 repeat-x scroll bottom left;
border-bottom: 1px solid #6e0022;
		box-shadow: 0 0 5px #999;
text-shadow: 1px 1px 1px #6e0022;	
	}
	
	input#pds-gac-form-login-submit-input,
	input#pds-gac-form-forgot-password-submit-input{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		color: #fff;
		cursor: pointer;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
		text-align: center;
		font-weight: 700;
		font-size: 1em;
		font-weight: 500;
		padding: 21px 10px;
		width: 100%;
		margin: auto;
		display: block;	
background: #a200ac repeat-x scroll bottom left;
border-bottom: 1px solid #6e0022;
		box-shadow: 0 0 5px #999;
text-shadow: 1px 1px 1px #6e0022;	
	}
	
	input#pds-gac-form-login-submit-input:hover,
	input#pds-gac-form-forgot-password-submit-input:hover,
	input#pds-gac-form-login-submit-input:active,
	input#pds-gac-form-forgot-password-submit-input:active{
		box-shadow: none;
	}
	
	.button-inner .btn {
		font-size: 2em;
		margin-top: -10px;
	}
	.no-class a:hover, .no-class a:focus, .no-funded{ background-color: #ED2F39; }
	.yes-class a:hover, .yes-class a:focus, .yes-funded{ background-color: #43BC8F; }
	
/*-----------------------------------------------  
----------------Whole Sections
--------------*/
	.whole-section.main{padding: 40px 0;}
	
	.top-bar{ color: #fff;}
	
	.bottom-footer {background-color: #fff; }
	
	.top-bar{
		height: auto;
		font-size: .9em;
		font-weight: 100;
		color: #f3f3f3;
		font-size: 15px;
		padding: 0px 20px;
		height: inherit;
		display: block;
	}
	
	.security { float: right; }
	
	.logo-security .container{padding: 5px 0 5px 5px;}
	
	.form-container{padding-bottom: 30px;}
	
	.has-lender { background-color: #ecf0f1; }
	
	.whole-section.main-content-area { 
		padding: 0 0 40px 0;		
		box-shadow: inset 0px 5px 5px -5px #444, 0px 0px 0px 0px #fff;
	-webkit-box-shadow: inset 0px 5px 5px -5px #444, 0px 0px 0px 0px #fff;
	-moz-box-shadow: inset 0px 5px 5px -5px #444, 0px 0px 0px 0px #fff;
 }

	.whole-section.logo-security, .whole-section.top-bar{
		background: #fff;
		padding: 0 0 5px 0;
	}
	.whole-section.top-nav{background: #f2f2f2;}
	
	body.pds-ac-login .whole-section.top-nav, 
	body.pds-ac-welcome .whole-section.top-nav, 
	body.pds-ac-forgot-password .whole-section.top-nav{ display: none; }
	

/*-----------------------------------------------  
----------------Top Bar
--------------*/
	
	.top-bar a { color: #fff; }
	
	.acct-edit{
		float: right;
		padding: 7px 0;
	}
	.btn-log-out {
		padding: 5px 8px;
		height: 21px;
background: #B91B34 repeat-x scroll bottom left;
border-bottom: 1px solid #6e0022;
		box-shadow: 0 0 5px #999;
text-shadow: 1px 1px 1px #6e0022;			border: none;
		outline: none;
		-webkit-appearance: none;
		color: #F3F3F3;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	body a.btn-log-out {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 3px 10px;
		height: auto;
		line-height: 15px;
	}
	span.log-out-btn,
	.not-you,
	span.ac-name {
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
	}
	.ie6 span.ac-name,
	.ie7 span.ac-name {
		display: inline;
	}

	a.btn-log-out:hover {
		color: #fff;
	}
	a:hover{color: #6e0022;} 
	.not-you{
		margin-left: 20px;
		margin-right: 10px;
	}

	#tbPhone {
		background: url('../img/icon-phone.html') left 9px no-repeat;
		padding: 2px 0 0 29px;
		font-size: 15px;
		line-height: 27px;
	}
	span.phone-times {
		line-height: 0px;
		font-size: 10px;
		display: block;
		clear: both;
		padding: 0 0 10px 0;
	}

	.secure{display: inline;}


/*-----------------------------------------------  
----------------Logo
--------------*/
	.logo {
		float: left;
		padding: 10px 0 0 10px;
	}
/*-----------------------------------------------  
----------------Top Navigation
--------------*/
	#main-nav{	padding: 15px 0; }
	#main-nav ul.desk li{
		list-style: none;
		display: inline;
		float: left;
	}
	#main-nav ul.desk li a{ 
		color: #333; 
		text-decoration: none; 
		font-weight: 700;
		font-size: 12px;
		padding: 0px 65px;
		display: block;
	}
	#main-nav ul.desk li:first-child a{border-left: none;}
	#main-nav ul.desk li:first-child{padding: 0;}
	#login-form{
		float: right;
		width: auto;
		padding: 10px;
		background: #f2f2f2;
		border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
		color: #333;
		font-weight: 400;
	}
	.ac-name a { color: #23363e; }
	span.log-out-btn a { color: #fff; }
	
	#main-nav ul.desk li ul, #main-nav ul.desk li ul:first-child {
		background-color: #ecf0f1;
		border-radius: 4px;
		z-index: 999;
		padding: 0px 20px;
	}
	#main-nav ul.desk li ul li, #main-nav ul.desk li ul li:first-child{
		list-style: none;
		display: block;
		float: none;
		width:100%;
		padding: 10px 0  15px 0;
	}
	a.drop-down {cursor: none;}
	#main-nav ul.desk li ul li:first-child{border: none;}
	#main-nav ul.desk li ul li a{ color: #555; }
	
	.drop-down-li{
		background: url('../img/arrow-dropdown.gif') right center no-repeat;
		padding-right: 20px;
	}	
	.navigation li ul { display: none; }

	
/*-----------------------------------------------  
----------------Acct Info
--------------*/
	.pds-gac-last-loan{
		padding: 30px 20px;
		background: #f6f7f8;
	}
	.pds-gac-last-loan-info {
		width: 50%;
		padding-right: 4%;
		float: left;
	}
	.view-previous-loan {
		background-color: #f6f7f8;
		padding: 20px;
		font-size: 14px;
	}
	.prev-loan-history { margin-top: 30px; }
	.pds-gac-last-loan-lender {
		width: 49.8%;
		float: right;
		padding-left: 4%;
		border-left: 1px solid #ced0d4;
		min-height: 220px;
	}
	.pds-gac-last-loan-attribute{
		font-weight: bold;
		padding: 10px 0;
		width: 50%;
		display: block;
		float: left;
	}
	.pds-gac-last-loan-attribute.last-long { width: 100%; }
	span.pds-gac-last-loan-value {
		width: auto;
		padding: 10px 0;
		float: left;
		display: block;
	}
	span.pds-gac-last-loan-value.last {
		clear: both;
		display: block;
		padding: 10px 0;
	}
	.pds-gac-last-loan li {
		list-style: none;
		padding: 0;
		display: inline-block;
		float: left;
		clear: both;
		width: 100%;
		color: #4e4e4e;
	}
	ul.tips{padding: 0 20px;}
	.dynamic-title p, .dynamic-text p { padding: 5px 0; }
	.lender-info { margin-top: 20px; }
	.loan-container, .lender-container{font-size: .9em;}
	.lender-img {
		width: 70%;
		margin: 20px 0;
	}
	.pds-gac-last-loan-lender-info li {
		list-style: disc;
		margin: 0 20px;
		font-size: .9em;
	}
	.pds-gac-last-loan-lender-info { line-height: 22px; }
	.pds-gac-last-loan-lender-info ul li {
			line-height: 18px;
			margin: 5px 0 10px 15px;
		}
	.lender-img img{width:100%;}
	
	.funded-option h3{margin: 20px 0 0 0;}
	
	.funded-option ul li{
		list-style: none;
		display: inline;
		float: left;
		margin: 10px 15px 10px 0;
	}
	.pds-gac-last-loan-lender li .pds-gac-last-loan-lender-funded-yes, 
	.pds-gac-last-loan-lender li .pds-gac-last-loan-lender-funded-no {
		padding: 5px 0;
		border-radius: 4px;
		background-color: #555;
		color: #fff;
		text-decoration: none;
		text-align: center;
		width: 70px;
		display: block;
		float: left;
		margin-right: 30px;
		cursor: pointer;
	}
	
	.pds-gac-last-loan-lender ul li ul li {
		list-style: disc outside none ;
		display: list-item ;
		margin-left: 1em ;
		padding: 0 10px 0 0;
		}
	
	.pds-gac-last-loan-lender li .pds-gac-last-loan-lender-funded-yes.yesHover{background-color: #43BC8F;}
	.pds-gac-last-loan-lender li .pds-gac-last-loan-lender-funded-no.noHover{background-color: #ED2F39;}


/*-----------------------------------------------  
----------------Recommended offers
--------------*/
	.lender-offer-container.featured{border: solid 1px #3498db;}
	.lender-header h4, .card-type h4{
		float: left;
		padding-top: 10px;
		color: #2c3d4f;
		font-size: 1.1em;
		width: 65%;
		}
	.lender-header, .card-type, .card-statistics {
		background: #ebeff1;
		padding: 15px 25px;
	}
	.lender-content{
		padding: 40px 25px;
		border-top: 1px solid #e1e1e1;
	}
	.offer-logo{
		width: 30%;
		float: left;
		margin-right: 3%;
	}
	.offer-logo .btn {
		float: none;
		max-width: 230px;
		margin: auto;
	}
	.lender-offer-container{
		padding: 0px;
		margin-bottom: 20px;
	}
	.lender-content .lender-info{
		width: 67%;
		float: right;
	}
	.lender-content .lender-info ul li{
		font-size: .9em;
		padding-bottom: 10px;
	}
	.offer-section ul{padding: 0 20px;}
	.offer-section ul li { color: #3498db; }
	.offer-section ul li span { color: black; }
	
	.featured-txt{color: #fff; background-color: #3498db; padding: 15px 25px;}
	.star-system{margin-bottom: 20px;}	
	.star-system {
		height: 15px;
		width: 80px;
		background: url("../img/star-progress-small.html") repeat-x scroll 0 top transparent;
		display: inline-block;
		vertical-align: text-bottom;
	}
	.star {
		background: url("../img/star-progress-small.html") repeat-x scroll 0 -15px transparent;
		height: 14px;
		width: 0;
		position: relative;
	}
	.offer-logo figure {
		width: 170px;
		margin: auto;
	}
	.recomended-btn{width: 30%;}

/*-----------------------------------------------  
----------------Loan History
--------------*/
	.lender-container ul li {
		padding: 5px 0;
		font-size: .9em;
	}
	.funded-option{position: relative;}
	.loan-tip {
		width: 250px;
		position: absolute;
		background: #ecf0f1;
		padding: 20px 25px;
		border-radius: 10px;
		bottom: 25px;
		left: 0;
		display: none;
	}
	a.loan-history-tip { 
		font-size: .7em;
		letter-spacing: .01em;
	 }
	 li.loan-funded{position: relative;}

/*-----------------------------------------------  
----------------Footer
--------------*/
	.bottom-footer{
		padding: 30px 0 60px;
	}
	.disclaimer-txt{
		font-size: .8em;
		color: #888;
		}
	p.copyright {text-align: center;}
	.footer-right, figure.security {
		float: right;
		margin: 0;
		color: #888;
	}
	
	#footer .footLogo {
		background: url('../../../wp-content/themes/cashadvance-6.0/img/lock.html') left top no-repeat;
		padding-left: 18px;
		padding-top: 3px;
	}
	
	
/*-----------------------------------------------  
----------------Contact Form
--------------*/		
	.content.contact-us, .edit-acct{
		margin-bottom: 50px;
	}
	#cf label {
		color:#9aa1aa;
		line-height:25px;
		height:25px;
		font-weight:400;
		display:block
	}
	#cf {
		max-width:50%;
		clear: both;
	}
	#cf input{-webkit-appearance:none;}
	#cf textarea {
		width:100%;
		height:12.5em;
		padding:10px;
		resize: vertical;
		-webkit-appearance:none;
	}
	#cf .text {
		line-height:15px;
		width:100%;
		padding: 15px 10px
	}
	#cf-subject, #cf-email, #cf-fName, #cf-lName { width: 48%; }
	.ie7 #cf .text, .ie6 #cf .text {
		height: 16px;
	}
	#cf .field {
		padding-bottom:15px
	}
	#cf .text,#cf textarea, input.sum, input.captcha {
		border:1px solid #bdc3c7;
		border-radius:3px;
		-webkit-border-radius:3px
	}
	input.sum, input.captcha{
		padding: 10px;
		text-align: center;
		width: 50px;
	}
	
	#cf h4 {
		padding-bottom:20px;
		display:block
	}
	.cf-alert.alert {
		width:301px;
		line-height: 20px;
		margin: 10px 0;
	}
	.cf-alert.alert-success {
		width: 480px;
		line-height: 24px;
	}
	#cf .error input, #cf input.error, #cf .error textarea {
		border-color:#b94a48;
		background-color:#f2dede;
		color:#b94a48;
	}
	#cf #cf-captcha input {
		width: 35px;
		text-align: center;
	}
	#cf .error label { color:#b94a48}
	
	.button-outer {padding: 20px 0 0 0;}
	.alert { padding: 0 0 20px 0; }
	.alert-success{ color: #43BC8F; }
	.alert-danger{color: #ED2F39; }	
	
	.contact-email-address {
		vertical-align: middle;
	}
/*-----------------------------------------------  
----------------Acct Info
--------------*/		
	.pds-ac-account-info .error-message {
		text-align: left;
	}
	.box-gray {
		font-size: .9em;
		margin-bottom:1px;
		width: 100%;
		max-width: 600px;
	}	
	.box-gray .table-info {	border-top:1px solid #ecf0f1; }
	.box-gray .table-info li {	border-bottom:0; }
	.field-field input {
		border:1px solid #ccc;
		color:#555;
		width:200px;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		font-size: 1em;
		padding:1em;
	}
	.label-field {
		display:block;
		padding-top:2em;
		width:210px;
		float:left;
		clear:left;
	}
	
	#pds-gac-form-change-password  input {
		border: 1px solid #ccc;
		width: 300px;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		font-size: 1.2em;
		padding: 1em;
	}
	#pds-gac-form-change-password .label-field , #pds-gac-form-change-password .pds-gac-form-item{
		display:block;
		padding-top:2em;
		width:310px;
		float: none;
		clear: both;
	}
	
	div.field-field { margin: 10px 0; }
	.table-info .button-save,  .form-save .button-save { padding:0 0 0 210px; }

	 .submit-button, .cancel-button {
		color:#fff;
		float:left;
		font-size:1em;
		display:block;
		border:none;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		padding:.5em 1.75em;
		-webkit-appearance: none;
		background:#4e4e4e;
		cursor: pointer;
	}
		
	.cancel-button{background-color: #555;}
	
	.button-holder-large {
		display:block;
		float:left;
	}
	.delete-btn{
		margin-left: 20px;
		float: left;
	}
	.delete-btn:first-child { margin-left: 0px; }
	.delete-btn.cancel a{text-decoration: none;}
	.delete-btn .btn {
		width: 100%;
		font-weight: bold;
		border: none;
		padding: 15px 25px;
		-moz-border-radius: 6px / 4px;
		-webkit-border-radius: 6px / 4px;
		border-radius: 6px / 4px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		color: #fff;
		text-shadow: 0 2px 0 rgba(0,0,1,.25);
		font-size: 14px;
		margin: 0;
		display: block;
		text-align: center;
	}
	.delete-acct { background-color: #4e4e4e; }
	input[type="submit"].delete-acct:hover { background-color: #42474d; }
	.delete-cancel { background-color: #2c3e50; }
	 a.btn.delete-cancel:hover { background-color: #1b2937; }
	
/*------------------------------
------
----------	Credit Cards Page
-----
-------------------------------*/
	.view-credit{text-transform: lowercase;}
	.whole-section.credit-card{display: none;}
	#content .card-highlights ul{margin-bottom: 0;} 
	#content .card-highlights ul li{padding-bottom: 3px;} 
	.page-credit-cards #content{padding-top: 0px;}
	.lender-header h4, .card-type h4 {
		float: left;
		padding-top: 10px;
		font-size: 1.2em;
		font-weight: bold;
		width: 65%;
		color: #555;
	}
	.card-type, .card-statistics {
		background: #ebeff1;
		padding: 15px 20px;
	}
	
	.credit-policy{
		font-size: 10px;
		color: #777;
		line-height: 14px;
	}

	.txt-desk{display: inline;}
	.txt-mobile{display: none;}
	.container-sidebar a{text-decoration: none;}
	.container-sidebar a:hover{text-decoration: underline;}
	.container-sidebar .option a{color: #fff;}
	.container-sidebar .option{ padding: 10px 0 40px 0;}
	.container-sidebar .option ul{ padding: 20px 0 0 20px;}
	.container-sidebar .option ul li{list-style: none; font-size: 1em; padding: 0;}
	.container-sidebar .option{ padding: 20px 0 0;}
	
	.container-sidebar ul li a{
		font-size: 1em; 
		line-height: 16px; 
		color: #2c3e50;
	}
	
	.featured {
		background: #3498db;
		padding: 10px 20px 20px;
		margin-bottom: -14px;
		border-radius: 3px;
		font-weight: bold;
		color: #fff;
		font-size: 12px;
	}
	
	p.credit-card-results-title {
		font-size: 1.2em;
		color: #555;
		font-weight: bold;
		margin-bottom: 0px;
		padding-bottom: 0;
	}
	.page-credit-cards h5, #cta p{
		font-size: 1.1em;
		font-weight: bold;
	}
	#cta p {
		text-align: center;
		font-size: 1.2em;
	}
	.credit-accordion{width: auto;}
	.credit-accordion .credit-title{text-transform: capitalize;}
	ul.card-accordion li, ul.credit-accordion li{
		list-style: none;
		padding: 0;
	}
	ul.card-accordion ul { padding-left: 0; }
	ul.card-accordion li ul li {
		background: url('../img/li-check.html') left center no-repeat;
		margin: 10px 0 10px 0px;
		padding: 5px 10px 5px 0px;
		font-size: .9em;
		list-style: none;
	}
	
	.credit-accordion .option a.credit-excellent, 
	.credit-accordion .option a.credit-good, 
	.credit-accordion .option a.credit-fair, 
	.credit-accordion .option a.credit-poor {
		color: rgba(255, 255, 255, 1);
		display: block;
		font-size: 1.2em;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-width: 0 1px 2px;
		text-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
		-webkit-transition: background-color .5s ease;
		-moz-transition: background-color .5s ease;
		-o-transition: background-color .5s ease;
		transition: background-color .5s ease;
		display: block;
		padding: 16px 10px 15px 18px;
		width: 100%;
		text-align: left;
		cursor: pointer;
		border-radius: 4px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		text-decoration: none;
		font-weight: bold;
	}
	#cta .option ul li a{
		background: none;
		font-size: .9em;
		line-height: 16px;
		color: #013e6d;
		display: block;
		padding: 5px 0;
		width: 100%;
		font-weight: bold;
		text-decoration: none;
	}
	#cta  ul li.option ul {margin: 20px 0 0 20px; }
	.credit-accordion .option a.credit-excellent {background-color: #005692;}
	.credit-accordion .option a.credit-excellent:hover { 
		background-color: #005682; 
		text-decoration: none;
	}
	.credit-accordion .option a.credit-good {background-color: #0072b9;}
	
	.credit-accordion .option a.credit-good:hover { 
		background-color: #0072c9; 
		text-decoration: none;
	}
	
	.credit-accordion .option a.credit-fair {background-color: #3498db;}
	.credit-accordion .option a.credit-fair:hover { 
		background-color: #3498cb; 
		text-decoration: none;
	}
	
	.credit-accordion .option a.credit-poor {background-color: #69c3ff;}
	.credit-accordion .option a.credit-poor:hover { 
		background-color: #69c3f1; 
		text-decoration: none;
	}
	
	.credit-accordion .option.open a, .credit-accordion .option.open a:hover {
		background-image: url('../img/sidebar-arrow-open.png');
		background-repeat: no-repeat;
		 background-position: right 56%;
	}
	.credit-accordion .option a, .credit-accordion .option a:hover {
		background-image: url('../img/sidebar-arrow-closed.png');
		background-repeat: no-repeat;
		background-position: right center;
	}
	
	.container-sidebar-enabled{padding: 30px 0 40px 0;}
	.container-sidebar-enabled {
		width: 70%;
		float: right;
	}
	.card-img {
		width: 19%;
		float: left;
		margin-right: 2%;
	}
	.card-highlights{ padding: 10px 0px 0;	}
	.card-highlights ul { padding: 10px 10px 10px 20px; }
	.card-details { 
		float: right;
		width: 75%; 
	}
	.container-sidebar{
		width: 25%;
		float: left;
		margin-right: 2%;
	}
	.container-sidebar{width: 27%;}
	#cta {
		padding: 30px 15px 15px 15px;
		margin-bottom: 30px;
		display: block;
		overflow: hidden;
		border: 1px solid #d2e8f6;
		background: #eee;
	}	
	#cta h3 {
		display: block;
		text-align: center;
		margin-bottom: 30px;
		}

	#cta .terms {
		line-height: 1.25em;
		padding-top: 30px;
		margin: 0;
		font-size: .85em;
	}	
	.credit-card-offers{
		border: solid 1px #ecf0f1;
		clear: both;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 3px;
		margin-bottom: 30px;
		}	
	.card-statistics div{display: block; text-align: center;}		
	.card-statistics div{
		float: left;
		width: 23%;
		font-size: .8em;
		line-height: 20px;
	}
	.card-highlights li{line-height: 20px;}
	.card-statistics div.ibt{width: 27%;}
	.card-statistics div.clear{float: none;}
	.card-info{padding: 30px 20px; font-size: 1em;}
	
	.img-icon {
		margin-right: 30px;
		float: left;
		width: 60px;
	}
	
	.widget { margin-bottom: 30px; }
	
	.widget h4 {
		line-height: 1em;
		padding: 10px 10px 10px 0;
		margin-bottom: .5em;
	}	
	
	a.card-view-more, 
	a.card-view-more:hover, 
	a.card-view-more:active, 
	a.card-view-more:link { 
		font-size: .8em;
		text-decoration: none;
		border-bottom: solid 1px #4e4e4e;
		padding-bottom: 0px;
		cursor: pointer;
		color: #4e4e4e;
	}
	#content ul.card-accordion{
		padding: 0;
		margin: 0;
	}

	.card-statistics-header{font-weight: bold;}
	
	.card-star-rating{
		height: 14px;
		width: 93px;
		margin: 15px 0;
		background: url('../img/star.png') 0 0 repeat-x;
	}
	.star-rating{
		height: 14px;
		background: url('../img/star.png') 0 -14px repeat-x;
	}
	.credit-policy{
		font-size: 10px;
		color: #777;
		line-height: 14px;
	}
	
/*-----------------------------------------------  
----------------Login Form
--------------*/	
	.login-form-container { padding-top: 25px; }
	.error-message {
		color: #F00;
		font-size: 1.1em;
		margin: 20px 0;
		text-align: center;
	}
	.login-form div { margin: 15px 0; }
	
	div#pds-gac-form-login-password { margin-top: 30px; }
	
	div#pds-gac-form-login-forgotpass { text-align: center; }
	.login-form input, .login-form select {
		width: 100%;
		padding: 20px 15px;
		border: 1px solid #e4e4e4;
		font-size: 1em;
		margin-top: 10px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
	.login-form select {
		height: 59px;
		outline: medium none;
	}
	div#pds-gac-form-login-submit input, 
	div#pds-gac-form-forgot-password-submit input { border: none; }
	.login-form label {
		color: #454c54;
		font-size: 1em;
		}
	.login-form .btn {
		width: 100%;
		font-size: 1.38em;
		margin: 25px 0;
		}	
	
	.forgotpass {
		text-align: center;
		font-size: 1em;
		}
	.login-form {
		width: 100%;
		background-color: #f2f2f2;
		border: 1px solid #e4e4e4;
		padding: 30px;
		margin: 50px auto;
		min-width: 100px;
		max-width: 450px;
	}
	
/*-----------------------------------------------  
---------------- Contact Page Tab Content
--------------*/	
	#body *, #footer * {
		transition: .1s linear,1s ease-out;
		transition-property: color,background-color,filter,-webkit-filter;
	}

	.pds-ac-contact-us #tabs {
		margin-top: 60px;
	}

	 .pds-ac-contact-us #tabs ul {
		list-style: disc;
		list-style-position: outside;
		padding-left: 1.5em;
		font-size: 13px;
		line-height: 18px;
		color: #444;
	}
	
	 .pds-ac-contact-us #tabs ul.header-tabs {
	 	height: 41px;
	 	display: block;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#tabs ul li.tab1, #tabs ul li.tab2{
		width: 49%
	}
	#tabs ul li a {
		display: block;
		float: left;
		color: #111;
		width: 100%;
		line-height: 40px;
		text-align: center;
		background: #f2f2f2;
		border: 1px solid #e5e5e5;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		border-bottom: 0;
		text-decoration: none;
		font-size: 1.1em;
		font-weight: 700;
	}
	#tabs ul li a:hover{background: #eef9ff;}
	#tabs ul li a.active {
		background: #eef9ff;
		border: 1px solid #ced0d4;
		color: #0064a2;
	}
	#tabs p { padding: 10px; }
	
	#body #tabs ul li a.active, #body #tabs ul li a:hover {
		background: #eef9ff;
		border: 1px solid #ced0d4;
		color: #0064a2;
	}
	
	
	.hide, #tabs .faq {	display: none; }
	
	#tabs h3 {
		margin: 0;
		padding: 0;
	}
	
	.pds-ac-contact-us #tabs h3 a.active { border-top: solid 1px #e5e5e5; }
	
	#tabs h3 a {
		display: block;
		line-height: 20px;
		color: #888;
		font-size: 12px;
		text-transform: uppercase;
		text-decoration: none;
		border-top: 1px solid #dcdcdc;
		background: url('../img/open.gif') right center no-repeat;
		margin: 0;
		padding: 10px 20px 10px 0;
	}
	
	#tabs h3 a.active {
		color: #0064a2;
		background: url('../img/closed.gif') right center no-repeat;
	}

			
	
/*-----------------------------------------------  
----------------Unsubscribe
--------------*/		
	
	form#unsubscribe {
	  margin: auto;
	  max-width: 450px;
	}

/*-----------------------------------------------  
----------------IE
--------------*/	

	.ie8 input#pds-gac-form-login-submit-input, 
	.ie8 input#pds-gac-form-forgot-password-submit-input {
		width: 210px;
		margin: auto;
		}	
	
	.ie7 body{, .ie6 body
		overflow: auto;
		width: auto;
		height: auto;
		text-overflow: inherit;
	}
				
	
	.ie7 .credit-accordion .option a.credit-excellent,
	.ie7 .credit-accordion .option a.credit-good,
	.ie7 .credit-accordion .option a.credit-fair,
	.ie7 .credit-accordion .option a.credit-poor{
		width: 80%;
	}
	.ie7 .container-sidebar {
		width: 32%;
	}
	.ie7 a.btn, .ie7 .btn, .ie8 a.btn, .ie8 .btn{color: #fff;}
	
	.ie7 .page-home .acct-info-container, .ie8 .page-home .acct-info-container {
		border: solid 5px #4e4e4e;
		padding: 20px;
		border-radius: 4px;
	}
	.ie7 .login-form input { width: 90%; border: none; }
	.ie8 .whole-section.main{border: none;}
	
	.ie7 #cta, .ie6 #cta{
		width: 220px; 
		float: left; 
		clear: none;
		margin: 0;
	}
	
	.ie7 .container-sidebar-enabled {
		width: 645px;
		margin: 0;
		float: right;
		clear: none;
	}

	
	.ie7 #login-form, .ie6 #login-form{ display: block;}
	.ie7 #login-form *, .ie6 #login-form *{ display: block; float: left;}
	.ie7 #login-form .btn, .ie6 #login-form .btn  { width: 75px; }
	
	.ie7 .navigation li ul { 
		margin-top: 20px;
		margin-left: -155px;
		position:relative; z-index:1;
	 }
	.ie8 #main-nav ul.desk li, 
	.ie7 #main-nav ul.desk li, 
	.ie6 #main-nav ul.desk li{padding-left: 3%; }
	
	.ie7 #main-nav ul.desk li ul li, 
	.ie7 #main-nav ul.desk li ul li:first-child,
	.ie6 #main-nav ul.desk li ul li, 
	.ie6 #main-nav ul.desk li ul li:first-child{
		 padding: 8px 15px;
	 }
	
	.ie7 .pds-gac-last-loan-info, 
	.ie7 .pds-gac-last-loan-lender,
	.ie6 .pds-gac-last-loan-info, 
	.ie6 .pds-gac-last-loan-lender{width: 45%;}
	
	.ie7 .pds-gac-last-loan-value.last,
	.ie6 .pds-gac-last-loan-value.last{width: 100%;}
	
	.ie7 body, 
	.ie8 body, 
	.ie7, 
	.ie8, 
	.ie6 body, 
	.ie6{
		width:100%; 
		min-width: 980px; 
		margin: auto; 
	}
	
	.ie7 #main-nav{padding: 10px 0 5px 0;}
	
	
	.ie6 html, .ie6 body, .ie6 .whole-section, .ie6 #header{width:100%; overflow:visible !important;}
	.ie6 .container {width: 990px; margin: auto;}
	.ie6 .home-right {width: 400px;}
	.ie6 #main-nav ul.desk li {padding-left: 55px;}
	.ie6 #cf-subject, .ie6 #cf-email, .ie6 #cf-fName, .ie6 cf-message { width: 400px; float: none }
	.ie6 .container-sidebar { width: 300px; }
	.ie6 .container-sidebar-enabled, .ie6 .card-details { width: 550px; }
	
	
	.ie8 #main-nav ul.desk li a,
	.ie7 #main-nav ul.desk li a,
	.ie6 #main-nav ul.desk li a{ padding: 0 50px;}
	
	.ie7 .delete-btn .btn,
	.ie6 .delete-btn .btn{
		width: 200px; 
		padding: 14px 0; 
		max-height: 45px;
	}
	
	.ie6 #main-nav ul.desk li a{padding: 0 40px;}
	.ie6 .login-form{width: 425px;}
/*-----------------------------------------------  
---------------- ie 7 layout bug
--------------*/	
	.ie7 .card-statistics, 
	.ie7 .card-info, ie7 .acct-info-container, 
	.ie7 .acct-info-container, 
	.ie7 .lender-content {height: 1%;}
	
	.ie6 .card-statistics, 
	.ie6 .card-info, ie6 .acct-info-container, 
	.ie6 .acct-info-container, 
	.ie6 .lender-content {height: 1%;}
    
    
/*-----------------------------------------------  
---------------- Responsive
--------------*/
	@-ms-viewport {
		width: device-width;
	}

	@media screen and (max-width: 1024px){
		#main-nav ul.desk li { padding-left: 3.8%; }
		#main-nav ul.desk li a{padding: 0px 50px;}
	}
	
	@media screen and (max-width: 1010px){
		
		body .container, 
		.page-get-started #apply-form .container{ width: 100%; }
		.container{padding: 0 10px;}
		
		#main-nav ul.desk li { padding-left: 3.8%;}
		
		.credit-accordion .option a.credit-excellent, 
		.credit-accordion .option a.credit-good, 
		.credit-accordion .option a.credit-fair, 
		.credit-accordion .option a.credit-poor {font-size: 1em;}
		
		.logo-security .container { padding-right: 10px; }
	}
	
	@media only screen and (max-width:991px) {
		
		#credit .block {
			height:330px
		}
		
		#credit-fair h2 {
			width:100px
		}
		#credit .btn {
			font-size:13px
		}
		
		.page-credit-cards #main{width: 100%;}
		.card-type .btn{width: 35%;}
		
		.credit-accordion .option a.credit-excellent, 
		.credit-accordion .option a.credit-good, 
		.credit-accordion .option a.credit-fair, 
		.credit-accordion .option a.credit-poor {font-size: .89em;}
		
		#main-nav ul.desk li { padding-left: 2.3%; }
		.ie9 #main-nav ul.desk li { padding-left: 2%;}
		#utility { width: 32%; }	
		.ie9 #main-nav ul.desk li { padding-left: 2%; }	
		
		.ie9 #main-nav ul.desk li a { padding: 0px 33px;}
		
	}
/*-----------------------------------
---------Set up for minitablet landscape such as nexus
----------------------------------*/
	
	@media screen and (max-width: 920px){
		#main-nav ul.desk li a { padding: 0px 42px; }
		#cta p{font-size: 1em;}
	}
	@media screen and (max-width: 865px){
		#main-nav ul.desk li { padding-left: 2%;}

		#cf { max-width: 70%; }
		.lender-header h4 {
			float: none;
			width: auto;
		}
		
		.credit-accordion .option a.credit-excellent, 
		.credit-accordion .option a.credit-good, 
		.credit-accordion .option a.credit-fair, 
		.credit-accordion .option a.credit-poor {font-size: 1em;}
		
		.widget h4{font-size: 1em;}
		.recomended-btn {
			width: 45%;
			clear: both;
			padding: 15px 0 0 0;
			margin: auto;
			float: none;
		}
		.ie9 #main-nav ul.desk li { padding-left: 0%; }	

		
	}
	@media screen and (max-width: 835px){		
		.pds-gac-last-loan-lender { min-height: 260px; }
		#main-nav ul.desk li { padding-left: 1%; }

	}
	@media screen and (max-width: 800px){
		#main-nav ul.desk li { padding-left: 0%; }
		#main-nav ul.desk li a { font-size: .8em; }
		.ie9 #main-nav ul.desk li { padding-left: 2%;}
		
		.card-img {
			width: auto;
			float: none;
			margin: 0 auto 5%;
			clear: both;
			display: block;
		}
		.card-details {
			float: none;
			width: auto;
		}
	
		.mobile{display: block;}
	
		#menu-link span {
			display: block;
			background: #2C3E4F;
			height: 5px;
			margin-bottom: 3px;
		}
		a#mobile-menu-link{
			padding: 10px 45px;
			text-decoration: none;
			color: #111;
		}
	
		li.menu-item,  #main-nav ul.mobile li.menu-item:first-child {
			width: 50%;
			background: #ecf0f1;
			border-top: solid 1px #e1e1e1;
			border-right: solid 1px #e1e1e1;
			float: left;
			list-style: none;
			display: block;
			padding: 1% 3%;
		}
		#main-nav ul.mobile li a {
			padding: 3%;
			font-size: .9em;
			color: #111;
			text-decoration: none;
		}
		#mobile-menu-link{ background: url('../img/sidebar-arrow-closed.png') 15px center no-repeat;  }
		#mobile-menu-link.active{ background: url('../img/sidebar-arrow-open.png') 15px center no-repeat; }
		
		.not-you{display: none;}
		.container { width: 95%; }
		h1, h2, h3, h4, h5, .pds-gac-last-loan-header-2, .pds-gac-last-loan-header-3 {
			width: auto;
		}
		.bottom-footer { padding: 30px 0 0 0; }	
		.acct-edit { padding: 5px 10px; }
		#main-nav ul.desk li:first-child { padding-left: 2.4%; }
		#credit .terms {
			font-size:13px
		}
		
		.ie9 #main-nav ul.desk li { padding-left: 0%; }	
		.ie9 #main-nav ul.desk li a { padding: 0px 25px;}
	
	}
	
	@media only screen and (max-width:768px) {
		
		#credit h2 {
			font-size:26px
		}
		body #credit .block {
			float:none;
			width:auto;
			margin:0;
			text-align:left;
			position:relative;
			padding-right:240px;
			height:auto
		}
		body #credit .block .btn {
			position:absolute;
			right:20px;
			top:60px;
			width:180px;
			margin:0;
			left:auto;
			bottom:auto;
			font-size:18px
		}
		body #credit .block h2 {
			width:150px
		}
		#credit #credit-fair {
			margin:20px 0
		}
		#credit #credit-good {
			margin:20px 0 0 0
		}
		.page-index-form #credit {
			padding-top:20px
		}
		body #credit .block p {
			margin:0
		}
		#credit .container {
			max-width:none;
			padding:0
		}
		#credit h4 {
			margin-bottom:10px
		}
		#credit {
			padding:20px
		}
		
		#main-nav ul.desk li a{padding: 0px 40px;}
		#main-nav ul.desk li { padding-left: 0%; }

		.card-type h4 {
			float: none;
			width: auto;
		}
		
		.card-type .btn {
			clear: both;
			float: none;
			margin: 20px 0 0;
			width: 100%;
		}
		
		.container-sidebar-enabled {
			width: 63%;
			float: right;
		}
		
		.container-sidebar {
			width: 35%;
		}


	}
	
	@media screen and (max-width: 745px){
	
		#main-nav ul.desk li { padding-left: 0%; }
		.ie9 #main-nav ul.desk li a{font-size:.8em;}
	
		.acct-phone {
			padding: 13px 0 0 30px;
			font-size: .87em;
		}
		
		#main-nav ul.desk li a{padding: 0px 35px;}
	}
	
	@media screen and (max-width: 680px){
		.acct-edit{display: none;}
		.mobile{display: block;}
		.acct-phone {float: right;}
		#menu-link {
			height: 40px;
			width: 40px;
			float: right;
			display: block;
			background: #BDC3C7;
			padding: 10px 7px 7px;
			position: relative;
		}
		#menu-link span {
			display: block;
			background: #2C3E4F;
			height: 5px;
			margin-bottom: 3px;
		}
		.pds-gac-last-loan-lender {
			width: auto;
			float: none;
			border: none;
			min-height: inherit;
		}
		.pds-gac-last-loan-info  {
			width: auto;
			float: none;
			padding-right: 0;
			margin-right: 0;
			border-right: none;
			margin: 0 0 30px 0;
			border-bottom: solid 1px #e1e1e1;
			padding-bottom: 30px;
			display: block;
			overflow: hidden;
		}
		.pds-gac-last-loan-lender{padding: 0 10px; padding-left: 0;}
		
		.pds-gac-last-loan-lender ul {
			display: block;
			float: left;
			clear: both;
			width: 100%;
		}
		.pds-gac-last-loan-info ul {
			display: block;
			float: left;
			clear: both;
			width: 100%;
		}
		.lender-img {
			width: 45%;
			margin: 20px 0;
		}
		a#mobile-menu-link{
			padding: 10px 45px;
			text-decoration: none;
			color: #111;
		}
		#main-nav {
			padding: 0;
			width: auto;
		}
		#main-nav li {
			width: 50%;
			border-bottom: 1px solid #e4e4e4;
			border-right: 1px solid #e4e4e4;
			float: left;
			list-style: none;
			display: block;
		}
		#main-nav ul.desk li:nth-of-type(5n),
		#main-nav ul.desk li:nth-of-type(6n) {
			border-bottom: none;
		}
		#main-nav ul.desk li:nth-of-type(even) {
			border-right: none;
		}
		#main-nav ul.desk li.last { display: none; }
		
		#main-nav ul.desk li:first-child { padding-left: 0px; }
		
		#main-nav ul li a {
			padding: 0;
			font-size: .9em;
			color: #111;
			text-decoration: none;
		}
		#main-nav ul.desk li:first-child a {  }
		#mobile-menu-link{ background: url('../img/sidebar-arrow-closed.png') 15px center no-repeat;  }
		#mobile-menu-link.active{ background: url('../img/sidebar-arrow-open.png') 15px center no-repeat; }
	
		.credit-accordion .option a.credit-excellent,
		.credit-accordion .option a.credit-good,
		.credit-accordion .option a.credit-fair,
		.credit-accordion .option a.credit-poor {
			font-size: 1em;
		}
		.ie9 #main-nav ul.desk li a,
		#main-nav ul.desk li a{padding: 10px 20px;}
		
		#pds-gac-nav{
			border: solid 1px #e4e4e4;
		}
	
	}
	
	/*fix for samsung landscape */
	@media only screen and (max-width: 645px) {
		.whole-section.logo-security .security {display: none; }
	}

	@media screen and (max-width: 621px){
		.container-sidebar-enabled {padding-top: 0; }
		.container-sidebar{margin-right: 0;}
		.offer-logo {
			width: auto;
			float: none;
			margin-right: 0;
		}
		.lender-container img{width: 50%;}
		.lender-content .lender-info {
			width: auto;
			float: none;
		}
		.recomended-btn {
			width: 70%;
			margin: 10px auto;
			float: none;
		}
		.lender-header h4, .card-type h4 {
			float: none;
			width: auto;
		}
		
		#cta ul li.option ul li a { font-size: .9em; }
		.txt-desk{display: none;}
		.txt-mobile{display: inline;}
		
		.container-sidebar, .container-sidebar-enabled { width: auto; float: none; }
		.widget { display: none; }
		
		.container-sidebar ul li { padding: 10px 0; }
		.container-sidebar .option ul { padding: 0px 0 0 20px; }
		
		.copyright{text-align: center;}
		.footer-right {
			float: none;
			width: auto;
		}
		.footer-left {
			max-width: 200px;
			clear: both;
			float: none;
			margin: auto;
		}
		.disclaimer-txt { padding-top: 20px; }
		.footer-right .security.right {
			margin: auto;
			float: none;
			width: 95px;
		}
		#footer .security {
			float: none;
			margin: auto;
			width: 95px;
		}
				
		.card-type h4 {
			float: none;
			width: auto;
		}
		
		.card-accordion .info {
			width: auto;
			float: none;
		}
		
		.credit-accordion .option a.credit-excellent, 
		.credit-accordion .option a.credit-good, 
		.credit-accordion .option a.credit-fair, 
		.credit-accordion .option a.credit-poor {
			width: 100%;
			padding: 13px 20px 13px 13px;
			margin: 0;
			}
		
		div.credit-title { width: 40%; }
		.container-sidebar .option ul { padding: 0px 0 0 20px; }
		
		.credit-accordion{position: relative;}
		.credit-accordion div.info {
			width: 250px;
			position: absolute;
			right: 0;
			top: 10px;
		}
		
		.credit-accordion .option.open a, .credit-accordion .option.open a:hover {
			background-image: url('../img/sidebar-arrow-closed.png');
			background-repeat: no-repeat;
			 background-position: right 56%;
		}
		.credit-accordion .option a, .credit-accordion .option a:hover {
			background-image: url('../img/sidebar-arrow-open.png');
			background-repeat: no-repeat;
			background-position: right center;
		}
	
	}
	
	@media screen and (max-width: 621px){
		.logo { clear: none; float: left;}
		#login-form{ width: 100%; }

		#utility{display: none;}
		.whole-section.top-bar{
			background: #f2f2f2;
			padding: 0;
		}

		.logo-security #security, #tbPhone{display: none;}
		#login-form{
			float: none;
			padding: 0 10px;
			border-radius: 0;
		}
		span.log-out-btn{
			position: absolute;
			right: 10px;
			top: 5px;
		}
		span.ac-name {
			line-height: 31px;
		}
		.credit-accordion .option a.credit-excellent, 
		.credit-accordion .option a.credit-good, 
		.credit-accordion .option a.credit-fair, 
		.credit-accordion .option a.credit-poor {
			font-size: .8em;
		}

		.logo a img{width: 100%; }
	}
	
	@media screen and (max-width: 520px){
		#main-nav ul.mobile li a { padding-left: 15px; }
		#main-nav ul.mobile li.drop-down-li { width: 50.4%; }
		.acct-phone {
			float: none;
			clear: left;
		}
		
		.recomended-btn { width: 95%; }
		.login-form .btn {font-size: 1em;}
		
		#cf {
			max-width: 95%;
			margin: auto;
		}
		.field-field {
			float: none;
			clear: both;
		}
		.table-info .button-save, .form-save .button-save { padding: 10px 0; }
		.field-field input { width: 100%; }
		.not-you{display: none;}
		#cta { padding: 30px 10px; }
		.credit-accordion .option.open a, .credit-accordion .option.open a:hover {
			background-image: url('../img/sidebar-arrow-open.png');
			background-repeat: no-repeat;
		}
		.credit-accordion .option a, .credit-accordion .option a:hover {
			background-image: url('../img/sidebar-arrow-closed.png');
			background-position: right center;
		}
		.credit-accordion div.info {
			width: auto;
			position: relative;
			padding: 20px 0 0 0;
			top: 0;
		}
		div.credit-title { width: auto; }
		#cta .terms { padding: 30px 0 0 0; }
		.container-sidebar .option { padding: 20px 0 0 0; }
		.acct-edit, .logo-security .security.right{display: none;}
		
		.credit-accordion .option a.credit-excellent, 
		.credit-accordion .option a.credit-good, 
		.credit-accordion .option a.credit-fair, 
		.credit-accordion .option a.credit-poor { font-size: 1em; }
		
		.contact-send .button-inner input { width: 100%; }
		.h2, .pds-gac-last-loan-header-2{font-size: 1.15em;}
		h3, .pds-gac-last-loan-header-3 { font-size: 1em; }
	
	}
	@media screen and (max-width: 520px){
		.mobile{display: block;}
		.logo img{width: 100%;}
		.logo {
			margin: auto;
			float: none;
		}
		
	}
	
	@media screen and (max-width: 495px){
		.gac-logo {
			font-size: 1.75em;
		}
		.logo-security .security { display: none; }
		.button-outer {
			clear: both;
			float: none;
		}
		
		#tabs ul li a{font-size: 1em;}
	}
	@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
		
	}
	@media screen and (max-width: 420px){
		.login-form { padding: 10% 15%; }
		a#mobile-menu-link {padding: 10px 45px;}
		#main-nav ul.mobile li a {
			padding: 10px 0;
			font-size: .8em;
		}
		span.ac-name{float: left;}
		.table-info span.value, span.value span {
			float: none;
			display: block;
			width: auto;
		}
		#login-form {
			float: none;
			width: 100%;
			height: auto;
			padding: 0;
			min-width: inherit;
		}
		.card-statistics div {
			float: left;
			width: 50%;
			font-size: .8em;
			margin: 7px 0;
		}
		.card-statistics div.ibt{width: 50%;}
		h2 { font-size: 1.3em; }
		span.pds-gac-last-loan-value {
			clear: both;
			display: block;
			padding: 5px 0;
		}
		.label-field, .pds-gac-form-item {	width: auto; }
		.mini-none{display: none;}
		.h2, .pds-gac-last-loan-header-2 {
			padding: 20px 0px 5px;
			margin-bottom: 15px;
		}
		.container{padding: 0 10px;}
		
		#tabs ul li a{font-size: 10px;}
	}
	@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px)
	and (-webkit-min-device-pixel-ratio: 1)  {
		.logo-security .security{display: block;}
	}

	@media only screen and (min-width :320px) and (max-width :480px) {

		body.page-credit-cards #main,body.page-credit-cards #content .container {padding: 0;}
				
		.page-home-form #credit .block,
		.page-home-form #banner h2,
		#steps,#security,
		#banner h4,
		#progress-label,
		.block h2,
		.block h4,
		.block p {
			display:none
		}
		.page-home-form #credit .terms {
			background:#fff
		}
		
		.page-home-form #credit,.page-home-form #credit .container {
			padding-top:0
		}
		
		
		
		#credit .block,.block .btn,#credit .container {
			padding:0;
			margin:0
		}
		body #credit .container .block .btn {
			margin:0 10px 15px;
			font-size:1.75em;
			position:static;
			left:auto;
			top:auto;
			padding:0;
			width:auto
		}
		#credit .block {
			float:none;
			width:auto;
			background:transparent;
			padding:0 !important
		}
		body #credit #credit-fair {
			margin:15px 0
		}
		body #credit #credit-good {
			margin:15px 0 0 0
		}
		body #credit {
			padding:15px 0 0 0;
			background:#bdc3c7
		}
		#credit .container {
			background:#ecf0f1
		}
		#credit #credit-good {
			margin-top:15px
		}
		#credit .terms {
			background:#bdc3c7;
			line-height:1.1em;
			height:auto;
			padding:15px 20px;
			margin-bottom:0;
			font-size:12px
		}
		.delete-btn .btn {
			padding: 25px 20px;
			width: 100%;
			float: none;
		}
	
	
	}
	
/* ==============================================================================
Responsive
============================================================================== */

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

	#pds .pds-valid {color: #005891; border-color: #1a77b4}
	#pds .pds-valid input,
	#pds .pds-valid select { background: #ddf6ff; }
	
	body #pds input, 
	body #pds select {
		font-size: 16px;
	}
	
	#pageContainer {padding-bottom: 20px;}

	body #pds {
		width: 260px !important;
		max-width: none;
		margin: auto;
		padding: 10px 0 0 0;
	}
	
	#ul-form-page-1 {
		background:  right 9px no-repeat;
	}
	
	#pds #li-helper {
		background: url('../../../form/themes/mobile/images/verisignLogo.png') left top no-repeat;
		padding-bottom: 5px;
	}
	
	#pds #li-helper  .pds-helper {
		display: none;
	}

	body #pds label {
		font-size: 15px;
		padding-bottom: 5px;
	}

	body #pds li {
		width: 260px;
		margin-bottom: 20px !important;
		height: 54px;
	}

	body #pds input, 
	body #pds select {
		background: #f9f9f9;
		border: 1px solid #bfbfbf;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		display: block;
		font-size: 16px;
		margin-bottom: 5px;
		line-height: normal;
		width: 100%;
		outline: none;
	}
	
	body #pds select {
		width: 260px;
		height: 25px;
	}
	
	body #pds #li-bDay,
	body #pds #li-bYear {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	body #pds .pds-progress,
	body #pds .pds-li-progress {
		display: none;
	}

	body #pds .pds-li-nextButton, 
	body #pds .pds-li-submitButton,
	body #pds #li-mo-backButton,
	body #pds #li-backButton {
		padding: 0;
		width: 100%;
	}

	body #pds .pds-submitButton, 
	body #pds .pds-nextButton,
	body #pds .pds-backButton,
	body #pds #mo-backButton {
		width: 100%;
	}

	body #pds #li-mo-backButton {
		display: block;
	}

	#pds .pds-backButton, #pds .pds-submitButton, #pds .pds-nextButton {
		height: 3.5em
	}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 580px) {
	#pds {
		width: 380px;
	}
	#pds .pds-li-progress {
		width: 345px;
		height: 44px;
	}
	#pds .pds-progress {
		width: 100%;
        position: relative;
	}
	#pds .pds-li-nextButton,
	#pds .pds-li-submitButton {
		padding-right: 43px;
	}
	#pds li#li-nextButton {
		float: none;
		clear: both;
	}
	#pds .pds-progress-text {
		width: 90%;
	}
}





/* Responsive Styles
	=============================== */
	
@media only screen and (max-width: 1024px) {
	
	/* Hide sidebar under Desktop widths */
	#sidebar {
		display: none;
	}
	
}

@media only screen and (max-width: 767px) {
	
	/* Fix widths of fields under Tablet widths */
	#pds ul {
		padding-left: 0 !important;
	}
	
	#pds #li-backButton {
		margin-right: 0;
	}
	
	/* IE9 had problems showing the background-image for the form buttons.
	Show the 'hidden' button text again */
	.ie9 #pds .pds-li-submitButton,
	.ie9 #pds .pds-li-nextButton,
	.ie9 #pds .pds-li-backButton,
	.ie9 #pds .pds-backButton,
	.ie9 #pds .pds-nextButton,
	.ie9 #pds .pds-submitButton {
		text-indent: inherit;
		overflow: inherit;
		width: 100%;
		font-size: 16px;
	}
	
	/* 	Clicks */
	/*
#statusWindow .title,
	#statusWindow .header-title {
		font-size: 16px;
	}
	
	#sponsored-search #tbl {
		max-width: 100%;
		overflow: auto;
	}
	
	.get-started #content #content {
		max-width: 100%;
	}
	
	#sponsored-search #second .list,
	#sponsored-search #second .list .headline,
	#sponsored-search #second .list .description {
		width: auto;
	}
*/
	
}

@media only screen and (min-width: 479px) and (max-width: 767px) {
	
	/* Fix widths of fields under Tablet widths */
	#pds {
		max-width: 400px;
		width: auto !important;
	}

	body #pds ul,
	body #pds li,
	body #pds input,
	body #pds select,
	body #pds #li-bYear,
	body #pds #li-bDay,
	body #pds .pds-li-progress,
	body #pds .pds-progress,
	body #pds .pds-li-submitButton,
	body #pds .pds-li-nextButton,
	body #pds .pds-li-backButton,
	body #pds .pds-backButton,
	body #pds .pds-nextButton,
	body #pds .pds-submitButton {
		width: 100%;
	}
	
	body #pds .pds-progress-text {
		width: auto;
	}
	
	#pds ul,
	#pds li,
	#pds input,
	#pds select {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	body #pds #li-bYear {
		margin-left: 0;
	}
	
	body #pds .pds-li-nextButton,
	body #pds .pds-li-submitButton {
		padding-right: 0;
		padding-left: 0;
	}
	
	body #pds .pds-li-submitButton,
	body #pds .pds-li-nextButton,
	body #pds .pds-li-backButton {
		margin-bottom: 20px;
	}
	
	#pds .pds-progress {
		width: 100%;
	}
	
}