/*
	(c)2012 - visuallizard.com
	
	General styles. Template, view, plugin specific, etc.
*/
img.exclude { position: absolute; }
.case {
	/* For demonstrations only. Remove on production */
	margin: 0 0 20px 0;
}
iframe {
	max-width: 100%;
/* 	max-height: 360px; */
	max-height: 100%; /* To allow recatcha to display properly, removed the max-height of 360. It's not clear what a proper replacement is, though. */
}

/* ! Main column typographic styles */
h2 { font-family: "bree", "Bree", Arial, sans-serif; font-size: 2em; line-height: 1.2em; color: #8a7967; }
	h2 span { color: #000; }
h3 { clear: both; font-family: "jaf-facitweb", "facit", Arial, sans-serif; font-size: 1.6em; line-height: 1.2em; color: #000; }
	h3:before { content: ":: "; color: #fbb243; }
h4 { margin-bottom: 0.5em; font-family: "jaf-facitweb", "facit", Arial, sans-serif; font-size: 1.4em; font-weight: 600; line-height: 1.2em; }
p, li { font-family: "jaf-facitweb", "facit",  Arial, sans-serif; font-size: 1em; line-height: 1.5em; color: #000; }
sup { font-family: Arial, sans-serif; font-weight: normal; font-size: 0.7em; }
.small { font-size: 0.8em; }
.center { text-align: center; }
legend { display: block; position: absolute; top: 0; left: -9999em; }
.disclaimer { display: block; position: relative; box-sizing: border-box; width: 100%; padding: 0.5em; margin: 0 0 1.5em 0; font-size: 0.8em; text-align: center; }


.link-button {
	display: block;
	position: relative;
	clear: both;
	width: 40%;
	padding: 10px 0;
	margin: 0 30% 15px 30%;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	background: #aa3225;
	color: #fff;
}
.link-button:hover { color: #fff; box-shadow: 0 0 3px #000; }

a { color: #779a7b; }

#main ul {
	list-style-image: url("../../img/colon-bullet.gif");
}
#main ul.nav_1 {
	font-size: 1.3em;
}
	#main ul.nav_1 ul {
		font-size: 1.2em;
		margin-bottom: 5px;
	}



/* Contact Info */
#contact-info {
	display: block;
	position: relative;
	z-index: 1;
	clear: both;
	padding: 0;
	margin: 0;
	background: #d8cfc6;
	zoom: 100%;
}
#widgets-info {
	display: block;
	position: relative;
	z-index: 1;
	clear: both;
	padding: 0;
	margin: 0;
	background: #fff url("../../img/widgets-bk.png") repeat-x center bottom;
}
	#widgets-info p#customize {
		display: block;
		position: relative;
		clear: both;
		width: 185px;
		padding: 15px 0;
		margin: 0 auto;
		font-size: 1.2em;
	}
		#widgets-info p#customize a {
			display: block;
			position: relative;
			padding: 5px 15px;
			background: #aa3225;
			color: #fff;
			text-decoration: none;
			-moz-border-radius: 15px;
			border-radius: 15px;
			box-shadow: 0 0 2px #333;
		}
		#widgets-info p#customize a:hover {
			box-shadow: 0 0 4px #333;
		}
	#contact-info a#contact-close {
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		padding: 5px 10px;
		border: none;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #9a8b7d;
		background: #f3f2ee;
		text-shadow: 1px 1px 3px #90806f;
		text-decoration: none;
		font-family: "jaf-facitweb", "facit",  Arial, sans-serif;
	}
	#widgets-info a#widget-close {
		display: block;
		position: absolute;
		width: 135px;
		right: 200px;
		bottom: 0;
		padding: 5px 0;
		border: none;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #fff;
		background: #3aa8c1;
		text-shadow: 1px 1px 3px #90806f;
		text-decoration: none;
		text-align: center;
		font-family: "jaf-facitweb", "facit",  Arial, sans-serif;
	}
	#widgets-info a#widget-customize {
		display: block;
		position: absolute;
		width: 145px;
		right: 336px;
		bottom: 0;
		padding: 5px 0;
		border: none;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		color: #fff;
		background: #aa3225;
		text-shadow: 1px 1px 3px #90806f;
		text-decoration: none;
		text-align: center;
		font-family: "jaf-facitweb", "facit",  Arial, sans-serif;
	}
	
	#contact-info a#contact-close:hover {
		color: #90806f;
		text-shadow: 1px 1px 1px #000;
	}
	#widgets-info a#widget-close:hover {
		color: #9a8b7d;
		text-shadow: 1px 1px 1px #000;
	}
	#widgets-info a#widget-customize:hover {
		color: #9a8b7d;
		text-shadow: 1px 1px 1px #000;
	}
	#contact-info h2,
	#widgets-info h2 {
		color: #aa3225;
	}
	#contact-info p,
	#widgets-info p {
		color: #000;
	}
	#contact-info a,
	#widgets-info a {
		color: #aa3225;
	}
	#contact-info h2#emergency-notice {
		font-size: 1.6em;
		text-align: center;
		padding: 5px 0;
		border-top: 1px dotted #8a7967;
		border-bottom: 1px dotted #8a7967;
		margin: 15px 0;
	}
	#contact-info .location {
		display: block;
		position: relative;
		width: 960px;
		margin-bottom: 15px;
	}
		#contact-info .location .cke .c3 {
			width: 280px;
			min-height: 250px;
			border-left: 1px dotted #8a7967;
			padding: 10px 10px 10px 9px;
		}
		#contact-info .location .cke .c3.first {
			border: none;
		}
		#contact-info .location h2 {
			text-align: center;
		}
	#contact-info #atm-locations {
		display: block;
		position: relative;
		width: 960px;
		padding: 15px 0 0 0;
		border-top: 1px dotted #8a7967;
	}
		#contact-info #atm-locations h2 {
			text-align: center;
		}
		#contact-info #atm-locations p {
			text-align: center;
		}
	#contact-info .member-centre {
		display: block;
		position: relative;
		width: 960px;
		padding-bottom: 15px;
	}
		#contact-info .member-centre .cke .c3 {
			width: 280px;
			min-height: 180px;
			border-left: 1px dotted #8a7967;
			padding: 10px 10px 10px 9px;
		}
		#contact-info .member-centre .cke .c3.first {
			border: none;
		}
		#contact-info .member-centre .cke .c2 {
			width: 450px;
			min-height: 180px;
			border-left: 1px dotted #8a7967;
			padding: 10px 10px 10px 9px;
		}
		#contact-info .member-centre .cke .c2.first {
			border: none;
		}
		#contact-info .member-centre h2 {
			text-align: center;
		}
		#contact-info .member-centre .cke .c2 table {
			display: block;
			position: relative;
			width: 100%;
			padding: 0;
			margin: 0;
			border: none;
		}
			#contact-info .member-centre .cke .c2 table td {
				width: 48%;
				vertical-align: top;
				border: none;
				padding: 0 2% 0 0;
			}


/* ! Widgets module display */
#widgets-info .widget {
	display: block;
	position: relative;
	float: left;
	width: 300px;
	margin: 10px;
}
#widgets-info .widget #plemx-root { width: 180px; margin: 0; }
#widgets-info .widget#widget-register {
	width: 620px;
	padding: 0;
	margin: 10px 0;
}
#widgets-info .widget#widget-login {
	padding: 0;
	margin: 10px 0;
}
	#widgets-info .widget#widget-register h2,
	#widgets-info .widget#widget-login h2 {
		line-height: 40px;
		padding: 0;
		margin: 0;
	}
	#widgets-info .widget#widget-register h2 {
		margin-bottom: 10px;
	}
	#widgets-info .widget#widget-register form {
		display: block;
		float: right;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#widgets-info .widget#widget-login form {
		display: block;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 10px 0;
	}
	#widgets-info .widget#widget-register form fieldset {
		display: block;
		position: relative;
		float: left;
		width: 300px;
		padding: 0;
		margin: 0;
		line-height: normal;
	}
	#widgets-info form .input.text,
	#widgets-info form .input.password {
		margin: 0;
	}
	#widgets-info form .input.text input,
	#widgets-info form .input.password input {
		margin-bottom: 10px;
	}
	#widgets-info form .input.checkbox {
		margin: 0 0 10px 0;
	}
	#widgets-info .widget#widget-register form #widget-selector {
		display: block;
		position: relative;
		clear: both;
		padding: 0 0 10px 0;
	}
	#widgets-info .widget form#currency_converter {
		display: block;
		position: relative;
		float: left;
		width: 260px;
		padding: 10px;
		margin: 0 10px;
		background: #d8cfc6;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		#widgets-info .widget form#currency_converter p {
			text-align: center;
			font-size: 0.6em;
		}
	#widgets-info .widget form#currency_converter fieldset {
		display: block;
		position: relative;
		width: 100%;
		clear: left;
		float: left;
		padding: 0;
		margin: 0 0 5px 0;
	}
		#widgets-info .widget form#currency_converter label {
			display: block;
			position: relative;
			clear: left;
			float: left;
			width: 60px;
			padding: 3px 0 0 0;
			margin: 0;
		}
		#widgets-info .widget form#currency_converter strong {
			display: block;
			position: relative;
			float: left;
			padding: 3px 0 0 0;
		}
		#widgets-info .widget form#currency_converter input.text {
			display: block;
			position: relative;
			float: left;
			width: 50px;
			padding: 5px 0;
			margin: 0 5px 0 0;
			text-align: center;
		}
		#widgets-info .widget form#currency_converter select {
			display: block;
			position: relative;
			float: left;
			width: 60px;
			padding: 2px 0;
			margin: 0 5px;
		}
		#widgets-info .widget form#currency_converter input.submit {
			display: block;
			position: relative;
			clear: left;
			width: 100%;
			padding: 5px 0;
		}
		#widgets-info .widget h3 {
			clear: both;
		}
		#widgets-info .widget iframe {
			display: block;
			position: relative;
			width: 180px;
			padding: 0;
			margin: 10px auto;
		}


.vtour {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
	.vtour button.slick-prev,
	.vtour button.slick-next {
		display: block;
		position: absolute;
		top: 50%;
		z-index: 1;
		width: 0;
		height: 0;
		padding: 15px;
		margin: -15px 0 0 0;
		border: none;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		text-indent: -9999em;
		cursor: pointer;
		background: rgba(255,255,255,0.7);
	}
	.vtour button.slick-prev { left: 5px; }
	.vtour button.slick-next { right: 5px; }
	.vtour button.slick-prev:before,
	.vtour button.slick-next:before {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		width: 0;
		height: 0;
		border: none;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	.vtour button.slick-prev:before { left: 9px; border-right: 10px solid #666; }
	.vtour button.slick-next:before { right: 9px; border-left: 10px solid #666; }
	.vtour button.slick-prev:hover:before { border-right: 10px solid #000; }
	.vtour button.slick-next:hover:before { border-left: 10px solid #000; }
	.vtour ul.slides {
		width: 100%;
		padding: 0;
		margin: 0;
	}
		.vtour ul.slides li {
			width: 100%;
		}
			.vtour ul.slides li img {
				width: 100%;
			}


/* !calculators styles */
.calculator-list {
	display: block;
	position: relative;
	clear: both;
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
}
	.calculator-list h3 {
		display: block;
		position: relative;
		float: left;
		width: 90%;
		padding: 5px 8% 5px 2%;
		margin: 0 0 5px 0;
		background: #8a7967;
		color: #fff;
	}
	.calculator-list h3:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 2%;
		width: 0;
		height: 0;
		padding: 0;
		margin: -5px 0 0 0;
		border: none;
		border-top: 10px solid #fff;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
	.calculator-list h3.active:before {
		border: none;
		border-bottom: 10px solid #fff;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
	}
		.calculator-list h3 a,
		.calculator-list h3 a:hover { color: #fff; text-decoration: none; }
	.calculator-list .calculator {
		display: none;
		position: relative;
		clear: both;
		float: left;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0 0 15px 0;
	}
		.calculator-list .calculator iframe.calculator-box {
			display: block;
			position: relative;
			width: 99%;
			height: auto;
			padding: 0;
			margin: 0;
			border: 1px solid #000;
		}


/* !Account Selector */
#main p a.print-results {
	display: block;
	position: relative;
	width: 90px;
	padding: 3px 0;
	margin: 10px auto;
	font-size: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #aa3225;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transition: background 0.5s;
}
#main p a.print-results:hover {
	background: #8a7967;
}
form#account-selector {
	display: block;
	position: relative;
	float: left;
	background: #f3f2ee url("../../img/ast-question-tile.png") repeat-x center bottom;
	padding: 0 0 20px 0;
	border-top: 2px solid #8a7967;
	margin: 0
}
form#account-selector div {
	display: block;
	position: relative;
	clear: both;
	padding: 15px;
	border-bottom: 2px solid #8a7967;
	margin: 0;
	background: #fff6d9;
}
form#account-selector div.recommended:first-of-type {
	border-top: 2px solid #8a7967;
}
	#main form#account-selector div p {
		font-size: 1em;
		margin-bottom: 15px;
	}
	#main form#account-selector div p.small {
		font-size: 0.8em;
	}
	#main form#account-selector div ul {
		list-style: disc;
		font-size: 1.2em;
		margin-bottom: 15px;
	}
		#main form#account-selector div ul ul {
			font-size: inherit;
		}
	form#account-selector div h2 {
		font-size: 1.6em;
	}
	form#account-selector div.recommended {
		position: relative;
	}
	form#account-selector div.recommended:before {
		content: "Best Value";
		display: block;
		position: absolute;
		top: 68px;
		right: -65px;
		padding: 5px 10px;
		text-align: center;
		font-size: 16px;
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-webkit-box-shadow: 2px -2px 5px #000;
		box-shadow: 2px -2px 5px #000;
		transform: rotate(90deg);
		background: #aa3225;
		color: #fff;
	}

form#account-selector div.creditcard.recommended:before { display: none; }
form#account-selector div#ccFeatures {
	display: block;
	position: relative;
	clear: both;
	padding-bottom: 20px;
}
	form#account-selector fieldset {
		position: relative;
		float: left;
		width: 590px;
		padding: 15px;
		margin-bottom: 0;
	}
		form#account-selector fieldset legend {
			display: block;
			position: relative;
			float: left;
			left: 0;
			width: 50%;
			padding: 0;
			margin: 0 0 15px 0;
		}
			form#account-selector fieldset legend b {
				display: block;
				font-family: "bree", "Bree", Arial, sans-serif;
				font-size: 2em;
				font-weight: normal;
				line-height: 1.2em;
				color: #8a7967;
			}
		form#account-selector fieldset p {
			display: block;
			position: relative;
			clear: both;
			margin: 15px 0;
		}
		form#account-selector fieldset button[type="button"] {
			display: block;
			position: relative;
			clear: right;
			float: right;
			width: 48%;
			padding: 5px 0;
			border: none;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			margin: 0 0 5px 0;
			font-size: 1.2em;
			text-align: center;
			background-color: #aa3225;
			color: #fff;
			cursor: pointer;
			-webkit-transition: background-color 0.5s;
			transition: background-color 0.5s;
		}
		form#account-selector fieldset button[type="button"]:hover,
		form#account-selector fieldset button.selected {
			background-color: #8a7967;
		}
		form#account-selector fieldset h3 {
			margin: 15px 0;
		}
		form#account-selector fieldset ul {
			list-style: disc;
		}
	
/* ! Alert Module styles */
.alert {
	display: block;
	position: relative;
	width: 180px;
	height: 345px;
	clear: both;
	padding: 90px 10px 15px 10px;
	margin: 0 0 15px 0;
	background: #d1d1d1 url("../../img/alert-bk.png") no-repeat 0 0;
}
	#main.home .alert {
		display: block;
		position: relative;
		clear: both;
		width: 670px;
		height: 85px;
		padding: 15px 15px 0 235px;
		margin: 0 auto 15px auto;
		background: #d1d1d1 url("../../img/alert-bk-home.png") no-repeat 0 0;
	}
		.alert p {
			line-height: 16px;
			font-size: 12px;
			text-align: center;
		}
		#main.home .alert p {
			margin-bottom: 5px;
			line-height: 16px;
			font-size: 12px;
			text-align: left;
		}
	.alert p.more { display: none; }
	.alert h4 {
		font-size: 20px;
		color: #aa3225;
		margin-bottom: 10px;
		font-family: "bree", "Bree", Arial, sans-serif;
		text-align: center;
	}
		.alert h4 a {
			color: #aa3225;
			text-decoration: none;
		}
	.main.home #alert h4 {
		margin-bottom: 0;
		font-size: 20px;
		text-align: left;
	}


/* ! Banner Module styles */
.banner-bar {
	display: block;
	position: relative;
	width: 960px;
	margin: 0 auto;
}
	#banner-top {
		display: block;
		position: relative;
		width: 960px;
		height: 40px;
		margin: 0 auto;
		background: url("../../img/banner-topshadow.png") no-repeat center top;
	}
	#banner-bottom {
		display: block;
		position: relative;
		width: 960px;
		height: 40px;
		margin: 170px auto 0 auto;
		background: url("../../img/banner-bottomshadow.png") no-repeat center bottom;
	}
	.banner-bar ul.banners.media-grid {
		display: block;
		position: absolute;
		top: 0;
		z-index: 0;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
	}
		.banner-bar ul.banners.media-grid li.banner {
			display: block;
			position: absolute;
			z-index: 0;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0;
		}
			.banner-bar ul.banners.media-grid li.banner h2 {
				/* display: none; */
				position: relative;
				width: 960px;
				padding: 0 0 0 50px;
				margin: 80px auto 0 auto;
				z-index: 10;
				line-height: 0.8em;
				font-size: 4em;
				text-shadow: 0px 0px 5px #f3f2ee;
				color: #78997a;
				text-shadow: 0px 0px 5px #f3f2ee;		
				left:-1500px;
			}			
				.banner-bar ul.banners.media-grid li.banner h2 span.secondary {
					display: block;
					position: relative;
					width: 500px;
					font-size: 0.6em;
				}
					.banner-bar ul.banners.media-grid li.banner h2 span.secondary a {
						display: block;
						position: relative;
						text-decoration: none;
						color: #000;
						margin: 0;
						padding: 0;
					}
			.banner-bar ul.banners.media-grid li.banner a {
				display: none;
				position: absolute;
				top: 0;
				right: 0;
				z-index: 0;
				padding: 0;
				margin: 0;
				border: none;
				border-radius: 0;
				box-shadow: none;
			}
			.banner-bar ul.banners.media-grid li.banner a:hover {
				box-shadow: none;
			}
				.banner-bar ul.banners.media-grid li.banner a img {
					display: block;
					position: relative;
					padding: 0;
					margin: 0;
				}


/* ! Revenue Driver blocks */
.revenue-driver#sidebar {
	padding: 30px 15px;
	margin: 0 5px;
}
.revenue-driver {
	display: block;
	position: relative;
	float: left;
	width: 200px;
	min-height: 250px;
	padding: 5px 15px;
	margin: 10px 5px;
}
	.revenue-driver a {
		text-decoration: none;
	}
	.revenue-driver img {
		display: block;
		position: relative;
		width: 200px;
		height: 100px;
		margin-bottom: 5px;
	}
	.revenue-driver h2 {
		font-family: "bree", "Bree", Arial, sans-serif;
		font-size: 1.2em;
		color: #8a7967;
	}
	.revenue-driver p {
		font-size: 0.8em;
		line-height: 1.2em;
		margin-bottom: 10px;
	}
		.revenue-driver ul li {
			font-size: 0.8em;
			line-height: 1.4em;
		}


/* !Qtrade/VirtualWealth layout styles */
div.qtrade-block,
div.vwealth-block {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
}
	div.qtrade-block div,
	div.vwealth-block div {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
	}
	div.qtrade-block h2,
	div.vwealth-block h2 {
		display: block;
		position: relative;
		float: left;
		width: 70%;
		margin: 0 0 10px 0;
	}
	div.qtrade-block h3,
	div.vwealth-block h3 { margin: 0 0 30px 0; font-size: 18px; font-weight: 600; }
	div.qtrade-block h3:before,
	div.vwealth-block h3:before { display: none; }
	div.qtrade-block p.action,
	div.vwealth-block p.action {
		display: block;
		position: relative;
		float: right;
		width: 30%;
		text-align: right;
		margin: 0;
	}
		div.qtrade-block p.action a.button,
		div.vwealth-block p.action a.button {
			display: inline-block;
			width: auto;
			padding: 3px 10px;
			margin: 2px 0 0 0;
			border: 1px solid #aa3225;
			border-radius: 3px;
			letter-spacing: normal;
			text-decoration: none;
			text-transform: none;
			background: #fff;
			color: #aa3225;
			transition: all 0.2s ease;
		}
		div.qtrade-block p.action a.button:hover,
		div.vwealth-block p.action a.button:hover {
			background: #aa3225;
			color: #fff;
		}
	div.qtrade-intro,
	div.vwealth-intro {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		border-top: 1px solid #000;
	}
		#main div.qtrade-intro ul,
		#main div.vwealth-intro ul {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0 0 15px 0;
			list-style-image: none;
		}
			#main div.qtrade-intro ul li,
			#main div.vwealth-intro ul li {
				display: block;
				position: relative;
				float: left;
				box-sizing: border-box;
				width: 25%;
				padding: 0 5px;
				margin: 0;
				font-size: 10px;
			}
			#main div.vwealth-intro ul li {
				width: 33.3%;
			}
				#main div.qtrade-intro ul li img,
				#main div.vwealth-intro ul li img {
					display: block;
					position: relative;
					box-sizing: border-box;
					width: 100%;
					padding: 0 40px;
					margin: 0 0 5px 0;
				}
				#main div.vwealth-intro ul li img { padding: 0 65px; }
				#main div.qtrade-intro ul li strong,
				#main div.vwealth-intro ul li strong { display: block; font-size: 12px; padding: 5px 0; }
		div.qtrade-block a.button,
		div.vwealth-block a.button {
			display: inline-block;
			width: auto;
			padding: 3px 20px;
			margin: 2px 0 0 0;
			border: 1px solid #aa3225;
			border-radius: 3px;
			letter-spacing: 2px;
			text-decoration: none;
			text-transform: uppercase;
			text-shadow: none;
			background: #aa3225;
			color: #fff;
		}
	div.qtrade-block div.qtrade-video,
	div.vwealth-block div.vwealth-video {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 15px 0;
	}
	div.qtrade-block div.qtrade-value {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 15px 0;
	}
		div.qtrade-block div.qtrade-value div.column3 {
			display: block;
			position: relative;
			box-sizing: border-box;
			clear: both;
			float: left;
			width: 100%;
			padding: 15px 0;
			margin: 0 0 15px 0;
			border: 1px solid #999;
			border-radius: 10px;
		}
			div.qtrade-block div.qtrade-value div.column3 div {
				display: block;
				position: relative;
				box-sizing: border-box;
				clear: none;
				float: left;
				width: 33%;
				padding: 0 15px;
				margin: 0 0 0 0.5%;
				border-left: 1px solid #000;
			}
			div.qtrade-block div.qtrade-value div.column3 div:first-of-type { margin: 0; border: 0; }
				div.qtrade-block div.qtrade-value div.column3 div h4 {
					display: block;
					position: relative;
					box-sizing: border-box;
					height: 60px;
					padding: 0;
					margin: 0 0 5px 0;
					vertical-align: middle;
					font-family: "bree", "Bree", Arial, sans-serif;
					font-size: 36px;
					font-weight: 100;
					line-height: 50px;
				}
				div.qtrade-block div.qtrade-value div.column3 div:nth-of-type(3n) h4 { padding-top: 10px; }
					div.qtrade-block div.qtrade-value div.column3 div h4 sup { font-style: italic; }
		div.qtrade-block div.qtrade-value div.column2 {
			display: block;
			position: relative;
			box-sizing: border-box;
			clear: both;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0 0 15px 0;
		}
			div.qtrade-block div.qtrade-value div.column2 div {
				display: block;
				position: relative;
				box-sizing: border-box;
				float: left;
				width: 49%;
				min-height: 160px;
				padding: 15px 10px;
				margin: 0;
				border: 1px solid #999;
				border-radius: 10px;
			}
			div.qtrade-block div.qtrade-value div.column2 div:nth-of-type(2n) { clear: none; float: right; }
				div.qtrade-block div.qtrade-value div.column2 div p { font-size: 11px; }
				#main div.qtrade-block div.qtrade-value div.column2 div ul {
					display: block;
					position: relative;
					box-sizing: border-box;
					float: left;
					width: 40%;
					margin-bottom: 0;
					list-style-image: none;
					list-style: disc;
					font-size: 14px;
				}
					#main div.qtrade-block div.qtrade-value div.column2 div ul li {  }


/* !FAQ module styles */
dl.faq {
	display: block;
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
	dl.faq dt {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 10px 0;
	}
		dl.faq dt h3 {
			font-size: 18px;
			line-height: 22px;
			margin: 0;
		}
		dl.faq dt h3:before { display: none; }
	dl.faq dd {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		padding: 0 15px;
		margin: 0;
	}



/* 	!new credit card landing page styles */
img.card-art {
	display: block;
	position: relative;
	float: left;
	width: 40%;
	padding: 0;
	margin: 0 15px 15px 0;
}
.credit-landing {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
	.credit-landing h2 {
		display: block;
		position: relative;
		float: left;
		width: 50%;
		padding: 0;
	}
	.credit-landing p.action {
		display: block;
		position: relative;
		float: right;
		width: 50%;
		text-align: right;
		margin: 0;
	}
		.credit-landing p.action a.cc-button {
			display: inline-block;
			padding: 3px 5px;
			border: 2px solid #aa3225;
			border-radius: 5px;
			text-decoration: none;
			background: #fff;
			color: #aa3225;
		}
	.credit-landing .cc-intro {
		display: block;
		position: relative;
		box-sizing: border-box;
		clear: both;
		float: left;
		width: 100%;
		padding: 15px 0;
		margin: 15px 0;
		border-top: 1px solid #000;
	}
	.credit-landing#business-cc .cc-intro { padding: 15px 0 0 0; margin: 15px 0 0 0; }
		.credit-landing .cc-intro ul {
			display: block;
			position: relative;
			box-sizing: border-box;
			float: left;
			width: 100%;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #000;
			list-style: none;
		}
			.credit-landing .cc-intro ul li {
				display: block;
				position: relative;
				box-sizing: border-box;
				float: left;
				width: 155px;
				height: 150px;
				padding: 0 5px;
				margin: 0 0 15px 0;
				text-align: center;
			}
			.credit-landing .cc-intro ul li.nofee { background: url("../../img/cc-option-nofee.png") no-repeat center top; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.lowrate { background: url("../../img/cc-option-lowrate.png") no-repeat center top; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.rewards { background: url("../../img/cc-option-rewards.png") no-repeat center top; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.business { background: url("../../img/cc-option-business.png") no-repeat center top; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.nofee:hover { background: url("../../img/cc-option-nofee.png") no-repeat center bottom; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.lowrate:hover { background: url("../../img/cc-option-lowrate.png") no-repeat center bottom; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.rewards:hover { background: url("../../img/cc-option-rewards.png") no-repeat center bottom; background-size: 150px 300px; }
			.credit-landing .cc-intro ul li.business:hover { background: url("../../img/cc-option-business.png") no-repeat center bottom; background-size: 150px 300px; }
				.credit-landing .cc-intro ul li a {
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					z-index: 1;
				}
	.credit-landing h3:before { display: none; }
	.credit-landing .cc-option {
		display: block;
		position: relative;
		box-sizing: border-box;
		clear: both;
		float: left;
		width: 100%;
		padding: 15px 0;
		margin: 0;
		text-align: center;
	}
		.credit-landing .cc-option > img { width: 150px; height: auto; }
		.credit-landing .cc-option .card-option {
			display: block;
			position: relative;
			box-sizing: border-box;
			float: left;
			width: 49%;
			min-height: 600px;
			padding: 10px;
			margin: 0 0 15px 2%;
			border: 1px solid #000;
			border-radius: 10px;
		}
		.credit-landing .cc-option .card-option:nth-of-type(2n+1) { margin: 0 0 15px 0; }
			.credit-landing .cc-option .card-option h4 {
				text-align: center;
				font-weight: 300;
			}
				.credit-landing .cc-option .card-option h4 span {
					font-size: 0.9rem;
					letter-spacing: 2px;
					text-transform: uppercase;
					color: #666;
				}
			.credit-landing .cc-option .card-option img {
				display: block;
				position: relative;
				clear: both;
				float: left;
				width: 100%;
				min-height: 180px;
				padding: 0;
				margin: 0 0 10px 0;
			}
			.credit-landing .cc-option .card-option .option-actions {
				display: block;
				position: absolute;
				box-sizing: border-box;
				top: auto;
				left: 0;
				bottom: 15px;
				right: 0;
			}
				.credit-landing .cc-option .card-option p.center {
					margin: 0 0 10px 0;
				}
				.credit-landing .cc-option .card-option p.center a {
					display: block;
					position: relative;
					padding: 0;
					font-weight: 700;
					color: #aa3225;
				}
				a.apply-button {
					display: inline-block;
					position: relative;
					width: auto;
					padding: 5px 15px;
					margin: 10px 0;
					border: 2px solid #aa3225;
					border-radius: 5px;
					text-transform: uppercase;
					text-decoration: none;
					letter-spacing: 1px;
					background: #aa3225;
					color: #fff;
					transition: all 0.2s ease;
				}
				.credit-landing .cc-option .card-option .option-actions a.apply-button {
					display: block;
					position: relative;
					width: 50%;
					padding: 5px 0;
					margin: 0 25% 10px 25%;
					border: 2px solid #aa3225;
					border-radius: 5px;
					text-transform: uppercase;
					text-decoration: none;
					letter-spacing: 1px;
					background: #aa3225;
					color: #fff;
					transition: all 0.2s ease;
				}
				a.apply-button:hover,
				.credit-landing .cc-option .card-option .option-actions a.apply-button:hover {
					background: #fff;
					color: #aa3225;
				}
		.credit-landing .cc-option a.to-top {
			display: block;
			position: relative;
			clear: both;
			float: left;
			width: auto;
		}
		.disclaimer {
			display: block;
			position: relative;
			clear: both;
			box-sizing: border-box;
			padding: 15px;
			text-align: left;
			background: rgba(240,240,236,1);
		}
			.disclaimer p { color: #999; }
		
		
		.cc-product .cke div.c2,
		.cc-product .cke div.c3,
		.cc-product .cke div.c4 { padding: 10px 5px; text-align: center; box-sizing: border-box; }
		.cc-product .cke div.c4 { min-height: 140px; margin-bottom: 10px; border-left: 1px solid #ccc; }
		.cc-product .cke div.c4.first { border: none; }
			.cc-product .cke div.c2 p,
			.cc-product .cke div.c3 p { margin: 0 0 5px 0; font-size: 10px; }
				.cc-product .cke div.c2 p b,
				.cc-product .cke div.c3 p b { font-size: 12px; }
			.cc-product .cke div.c4 p { margin: 0 0 10px 0; font-size: 12px; }
				.cc-product .cke div.c4 p b { font-size: 18px; font-weight: 100; }
		img.cc-benefit {
			display: block;
			position: relative;
			width: 50%;
			margin: 0 25% 10px 25%;
		}
h4#limited-time { clear: both; }


/* !board of directors styles */
#staff-block {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}
	#staff-block .boardmember {
		display: block;
		position: relative;
		float: left;
		width: 49%;
		padding: 0;
		margin: 0 0 20px 0;
	}
	#staff-block .boardmember:nth-of-type(2n) { float: right; }
	#staff-block .boardmember:nth-of-type(2n+1) { clear: both; float: left; }
	#staff-block .boardmember:after {
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		margin: 0;
		border: none;
		border-top: 7px solid #aa3225;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		cursor: pointer;
	}
	#staff-block .boardmember.at:after {
		border: none;
		border-bottom: 7px solid #aa3225;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
	}
	#staff-block .boardmember img { width: 100%; }
	#staff-block .boardmember .bio { display: none; }
.board-form {
	display: block;
	position: relative;
	float: left;
	width: 94%;
	padding: 3%;
	margin: 0 0 15px 0;
	background: #8a7967;
}
	.board-form form.standard {
		display: block;
		position: relative;
		float: left;
		width: 94%;
		padding: 3%;
		margin: 0;
		background: #fff;
	}
		.board-form form.standard .input.text,
		.board-form form.standard div.input.checkbox { display: block; position: relative; margin: 0 0 1em 0; }
		.board-form form.standard .input.checkbox label { margin: 0; }
		.board-form form.standard .input.checkbox input[type="checkbox"] { margin: 0 5px 0 0; }
		.board-form form.standard .input.text input[type="text"],
		.board-form form.standard .input.text input[type="email"],
		.board-form form.standard .input.textarea textarea {
			width: 98%;
			padding: 1% 0 1% 1%;
		}
		.board-form form.standard button[type="submit"],
		.board-form form.standard input[type="submit"] {
			float: right;
			width: 20%;
			padding: 10px 0;
			margin-right: 3px;
			border: none;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			font-size: 18px;
			text-shadow: none;
			background: #aa3225;
			color: #fff;
		}

/* !Celebrating 75 ballot styles */
form.standard.ballot {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: 3%;
	margin: 0;
	background: #f3f2ee;
}
	form.standard.ballot .input.text {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 10px 0;
	}
	form.standard.ballot .input.checkbox {
		clear: both;
		float: left;
		box-sizing: border-box;
		width: 100%;
		padding: 2%;
		margin: 0 0 10px 0;
		background: #d8cfc6;
	}
		form.standard.ballot .input.text label {
			margin: 0 0 5px 0;
			font-family: "jaf-facitweb", "facit", Arial, sans-serif;
			font-weight: 300;
		}
		form.standard.ballot .input.checkbox label {
			font-family: "jaf-facitweb", "facit", Arial, sans-serif;
			font-weight: 300;

		}
		form.standard.ballot .input.text input[type="text"],
		form.standard.ballot .input.text input[type="email"] {
			box-sizing: border-box;
			width: 70%;
			padding: 1%;
			margin: 0 15%;
			font-family: "jaf-facitweb", "facit", Arial, sans-serif;
			font-size: 20px;
		}
	form.standard.ballot input[type="submit"] {
		width: 20%;
		margin: 0 40%;
	}

/* !Search form styles */
#footer p.social {
	display: block;
	position: relative;
	float: left;
	width: 140px;
	padding: 0;
	margin: 12px 0 0 60px;
	line-height: 24px;
	text-align: right;
}
	#footer p.social img { display: block; float: right; width: 24px; height: auto; margin-left: .25em; }
#footer form.search-form {
	display: block;
	position: relative;
	float: right;
	width: 250px;
	margin: 10px 0 0 0;
}
	#footer form.search-form .input.text {
		display: block;
		position: relative;
		float: right;
		padding: 0;
		margin: 0;
	}
	#footer form.search-form .input.text label {
		display: block;
		position: absolute;
		top: 0;
		left: -9999em;
	}
		#footer form.search-form .input.text input.search {
			display: block;
			position: relative;
			float: left;
			font-size: 18px;
			line-height: 18px;
			padding: 4px;
			outline: none;
			border: none;
			margin: 0;
			background: #e9e3dc;
		}
		#footer form.search-form .input.text input.submit {
			display: block;
			position: relative;
			float: right;
			width: 30px;
			height: 30px;
			margin: 0;
			border: none;
			background: url("../../img/search-button-bk.png") no-repeat center center;
			text-indent: -9999em;
		}




@media only screen and (max-width: 768px) {
	#main.home .alert {
		display: block;
		position: relative;
		float: left;
		box-sizing: border-box;
		width: 100%;
		height: auto;
		padding: 1em;
		margin: 0 0 1.5em 0;
		border: 2px solid #aa3225;
		background: #ddbe4f;
	}
	.container img { max-width: 100%; }
	
	/* Contact Info */
	#contact-info {
		display: block;
		position: relative;
		clear: both;
		float: left;
		padding: 0;
		margin: 0;
		background: #d8cfc6;
	}
		#contact-info a#contact-close {
			display: block;
			position: absolute;
			right: 0;
			bottom: 0;
			padding: 5px 10px;
			border: none;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
			color: #9a8b7d;
			background: #f3f2ee;
			text-shadow: 1px 1px 3px #90806f;
			text-decoration: none;
			font-family: "jaf-facitweb", "facit",  Arial, sans-serif;
		}
		#contact-info a#contact-close:hover {
			color: #90806f;
			text-shadow: 1px 1px 1px #000;
		}
		#contact-info h2#emergency-notice {
			font-size: 1.6em;
			text-align: center;
			padding: 5px 0;
			border-top: 1px dotted #8a7967;
			border-bottom: 1px dotted #8a7967;
			margin: 15px 0;
		}
		#contact-info .location {
			display: block;
			position: relative;
			width: 100%;
			margin-bottom: 15px;
		}
			#contact-info .location .cke .c3,
			#contact-info .member-centre .cke .c2 {
				width: 100%;
				min-height: 150px;
				padding: 10px 0;
				margin: 0;
				border: none;
			}
			#contact-info .location h2 {
				text-align: center;
			}
		#contact-info #atm-locations {
			display: block;
			position: relative;
			width: 100%;
			padding: 15px 10px 0 10px;
			margin: 0 auto;
			border-top: 1px dotted #8a7967;
		}
			#contact-info #atm-locations h2 {
				text-align: center;
			}
			#contact-info #atm-locations p {
				text-align: center;
			}
		#contact-info .member-centre {
			display: block;
			position: relative;
			width: 100%;
			padding-bottom: 15px;
		}
			#contact-info .member-centre .cke .c3 {
				width: 100%;
				min-height: 100px;
				padding: 10px;
				margin: 0 auto;
				border: none;
			}
			#contact-info .member-centre .cke .c3.first {
				border: none;
			}
			#contact-info .member-centre h2 {
				text-align: center;
			}
		
	
	
	/* ! Revenue Driver blocks */
	.revenue-driver#sidebar {
		padding: 5px 0 10px 0;
		margin: 0;
		display: block;
	}
	.revenue-driver {
		display: block;
		position: relative;
		clear: both;
		float: left;
		width: 100%;
		min-height: 30px;
		padding: 5px 0;
		margin: 10px 0;
	}
		.revenue-driver ul.snav_1 { display: block; margin-top: 15px; }
		.revenue-driver img {
			display: block;
			position: relative;
			width: 200px;
			height: 100px;
			margin: 0 auto 5px auto;
		}
		.revenue-driver#sidebar img {
			display: none;
		}
		.revenue-driver h2 {
			font-family: "bree", "Bree", Arial, sans-serif;
			font-size: 1.2em;
			color: #8a7967;
		}
		.revenue-driver#sidebar h2 {
			margin-top: 10px;
			display: none;
		}
		.revenue-driver p {
			font-size: 0.8em;
			line-height: 1.2em;
			margin-bottom: 10px;
		}
			.revenue-driver ul li {
				font-size: 0.8em;
				line-height: 1.4em;
			}
	
	
	/* !Staff module */
	#staff-block .boardmember {
		display: block;
		position: relative;
		float: left;
		width: 100%;
		padding: 0;
		margin: 0 0 20px 0;
	}

	
/* !Account Selector */
form#account-selector fieldset {
	position: relative;
	float: left;
	width: 96%;
	padding: 15px 2%;
	margin-bottom: 0;
}
form#account-selector fieldset legend {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 0 15px 0;
}
	form#account-selector fieldset legend b {
		display: block;
		font-family: "bree", "Bree", Arial, sans-serif;
		font-size: 2em;
		font-weight: normal;
		line-height: 1.2em;
		color: #8a7967;
	}
form#account-selector fieldset p {
	display: block;
	position: relative;
	clear: both;
	margin: 15px 0;
	padding: 15px 0 0 0;
	border: 1px solid red;
}
form#account-selector fieldset button[type="button"] {
	display: block;
	position: relative;
	clear: right;
	float: right;
	width: 100%;
	padding: 5px 0;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 0 0 5px 0;
	font-size: 1em;
	text-align: center;
	background-color: #aa3225;
	color: #fff;
	cursor: pointer;
	-webkit-transition: background-color 0.5s;
	transition: background-color 0.5s;
}


/* !Search form styles */
#footer p.social { width: 30%; margin: 0 35%; }
#footer form.search-form {
	display: block;
	position: relative;
	width: 60%;
	margin: 10px 20%;
}
	#footer form.search-form .input.text {
		display: block;
		position: relative;
		float: right;
		padding: 0;
		margin: 0;
	}
		#footer form.search-form .input.text input.search {
			display: block;
			position: relative;
			box-sizing: border-box;
			float: left;
			width: 85%;
			font-size: 18px;
			line-height: 18px;
			padding: 4px;
			outline: none;
			border: none;
			margin: 0;
			background: #e9e3dc;
		}
		#footer form.search-form .input.text input.submit {
			display: block;
			position: relative;
			float: right;
			width: 15%;
			height: 30px;
			margin: 0;
			border: none;
			background: url("../../img/search-button-bk.png") no-repeat center center;
			text-indent: -9999em;
			
		}
	footer .copyright {
		display: block;
		position: relative;
		float: none;
		width: 280px;
		font-size: 0.8em;
		font-weight: normal;
		line-height: 1.3em;
		text-align: center;
		color: #fff;
	}
}