/* GLOBAL STYLES */

p {
	color: #333;
	font-size: .85rem;
}

a {
	color: #333;
	font-weight: bold;
	font-size: .85rem;
}

a:hover {
	color: #8ECF3C;
	font-size: .85rem;
}

h1 { 
	font-size: 1.5rem;
	color: #186BB1;
	font-weight: bold; 
}

h2 { 
	font-size: 1.25rem;
	padding: 20px 0 20px 0; 
	color: #186BB1;
	font-weight: bold;
}

h3 { 
	font-size: 1rem;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #186BB1;
	font-weight: bold;
}

h4 {
	font-size: .85rem;
	padding: 10px 0 10px 0;
	margin: 0;
	color: #666;
	font-weight: bold; 
}

.row-padding {
	padding-top: 20px;
	padding-bottom: 20px;
}

.spacing-bottom {
	margin-bottom: 20px;
}

.content-container {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.apply-button {
	border-radius: 5px;
	background: #8ECF3C;
}

.credit-card-info {
	border: 1px #ccc solid;
	border-width: 1px 1px 0 1px;
}

.credit-card-info li {
	font-size: .85rem;
}

.credit-card-details {
	border: #ccc solid;
	border-width: 0 1px 1px 1px;
}

.credit-card img {
	margin-bottom: 15px;
}

.credit-card {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

.card-details-container .menu {
	margin-bottom: 7px;
	border: 1px #ccc solid;
}

.card-details-container .menu li {
	padding: 10px;
	font-size: .70rem;
	color: #186BB1;
	font-weight: bold;
}

.card-details-container .menu .menu-text{
	color: #666;
	background: #F4F3F4;
}

.green-rounded-corners {
	border-radius: 0 0 0 0;
	background: #8ECF3C;
}

.green-background {
	background: #8ECF3C;
}

.green-background h2 {
	color: #597B1E;
	font-weight: bold;
}

.gray-rounded-corners {
	border-radius: 15px 15px 0 0;
	border: solid 1px #ccc;
}

.blue-rounded-corners {
	border-radius: 15px 15px 0 0;
	border: solid 1px #ccc;
	background: #186BB1;
}

.blue-rounded-corners h3, .blue-rounded-corners h3 a {
	color: #fff;
}

.disclaimer-text {
	margin: 0px 0 0 10px;
	font-size: .85rem;
	text-align: right;
}

.logo {
	width: 200px;
	height: auto
}

.logo-text {
	float: left;
	width: auto;
	margin: 0 0 0 10px;
	font-size: .85rem;
}

/* TOP MENU */

.title-bar {
	background: #186BB1;
}

.disclaimer-mobile, .disclaimer-mobile a {
	float: right;
	color: #fff;
}

.menu-row {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

.menu-row ul {
	margin-bottom: 10px;
}

.menu-row li a {
	padding-top: 10px;
	color: #666;
	font-size: .75rem;	
}

.menu-row li {
	border-bottom: 1px #999 solid;
}

.menu-row li a:hover {
	color: #186BB1;
}

.menu-row li:last-child {
	border-bottom: none;
}


/* LEFT COLUMN */

.left-column-links {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.left-column h3 {
	color: #fff;
	font-weight: bold;
}

.left-column ul {
	margin-left: 0;
	padding-top: 15px;
}

.left-column ul li {
	list-style: none;
	font-size: .75rem;
	list-style-image: none;
	border-bottom: 1px solid #ccc;
	padding: 5px 0 5px 0;
}

.left-column ul li:last-child {
	border-bottom: none;
}

.left-column li i {
	color: #186BB1;
	padding-right: 5px;
}

.left-column li a {
	font-weight: normal;
}

.left-column ul ul {
	margin-left: 20px;
	padding-top: 0px;
}

.left-column ul ul li li {
}

/* RIGHT COLUMN */

.header-image-background {
	padding-top: 20px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e7e7e7+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

.bottom-text {
	margin-top: 40px;
}

.search-by-issuers {
	background: #E7E7E7;
}

.search-by-issuers h2 {
	color: #666;
	font-weight: normal;
}

.popular-categories a {
	font-weight: normal;
	font-size: .75rem;
}

/* OFF CANVAS */

.off-canvas-wrapper {
	background: #e6e6e6;
	box-shadow: none;
	border: none;
}

.off-canvas .close-button {
	color: #fff;
	position: relative;
	float: right;
	padding-bottom: 20px;
}

.off-canvas .close {
	background: #000;
}

/* FOOTER */

.footer-container {
	border-top: 1px solid #ccc;
}

.footer-bottom-menu {
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	width: auto;
}

.footer-menu ul {
	display: inline-block;
	margin-left: 0px;
	padding-left: 0px;
}

.footer-menu ul li {
	float: left;
	list-style-image: none;
	list-style: none;
	font-size: .75rem;
}

.footer-menu ul li:first-child {
	padding-left: 0px;
}

.footer-menu ul li::before {
	content: "/";
	padding: 0 8px 0 8px;
}

.footer-menu ul li a {
	color: #186BB1;
	font-weight: normal;
}

.footer-logo {
	float: right;
}

.copyright {
	font-size: .75rem;
}

/* MEDIA QUERIES */

/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {
	.card-details-container .menu {
		float: left;
		width: 20%;
		padding: 1px;
		margin-bottom: none;
		border: none;
	}
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {

	/* logo row */
	.disclaimer-text {
		margin: 50px 0 0 10px;
		font-size: .85rem;
		text-align: right;
	}

	.logo {
		float: left;
		width: auto;
	}

	.logo-text {
		float: left;
		width: auto;
		margin: 50px 0 0 10px;
		font-size: .85rem;
	}

	/* menu top */
	.menu-top-rounded-corners {
		border-radius: 15px 15px 0 0;
		border: solid 1px #ccc;
	}

	.menu-row ul {
		height: 50px;
		margin-bottom: 0px;
	}

	.menu-row li {
		border-right: 1px solid	#ccc;
		border-bottom: none;
	}

	.menu-row li:last-child {
		border-right: none;
	}

	.menu-row li a {
		padding-top: 20px;
		color: #666;
		font-size: .75rem;	
		height: 55px;
	}

	.title-bar {
		display: none;
	}

	/* right column */
	.right-column {
		padding-left: 45px;
	}

	/* left column */
	.green-rounded-corners {
		border-radius: 15px 15px 0 0;
		background: #8ECF3C;
	}
}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}