@charset "utf-8";
/* CSS Document */

/*** Layout Structure ***/

@import url(https://fonts.googleapis.com/css?family=Arimo);

body{
	background: #e2e2e2;
	font-family:arimo, tahoma, verdana, sans-serif;
	font-size:62.5%;	/* base font size */
	color:#555;
}

#page{
	margin: 0 auto;
	max-width:960px;
}
.alert{color:#000;background-color:#ccc; padding:3px 20px;}
.container {position:relative; width:100%; padding:0; margin:0 auto;}
.hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

/* Header section */
.header{
	background-color:#1b74ac;
	background-image:url(../images/header-background.jpg);
	background-repeat:no-repeat;
}
	.header img#wculogo {
		margin-top:20px;
		margin-left:20px;
		/*width:203px; */
		border:none;
	}

	.header #legacy-site{
		position:absolute;
		left:40.625%;
		top:0px;
	}
/*
	#cludo-search-results{margin:0 20px}
	#cludo-search-results h2,
	#cludo-search-results p{font-size:1em;}
	#cludo-search-results .search-result-count {
		font-size: 1.4em;
		margin-top: 20px;
	}
	#cludo-search-results .search_autocomplete{
		position:absolute;
		z-index:1000;
	}
	a.powered-by-cludo{display:none !important;}
*/

	.header #google-search{
			width:26.04166666666667%; float:right; margin:20px 20px 0;color:#005b99;z-index:1000
		}
	.header form#search-form {
		margin-top:20px;
		margin-right:20px;
		float:right;
		font-size:1.2em;
		color:#005b99;
	}

	#sliding-search-bar,
	#sliding-ebranch-bar{ display:none; }

	.header #custom-welcome-message{margin-top:0; margin-right:35px; float:right;width:40%;}
		.header #custom-welcome-message h1 {
				display:block;
				margin:10px 0;
				color:#fff;
				font-size:1.4em;	/* 14 px */
				font-weight:normal;
			}
		.header #custom-welcome-message .message{width:100%; background-color:#fff; text-align:center;}
		.header #custom-welcome-message p {
			font-size:1em;
			text-align:center;
			color:#fff;
		}
		.header #custom-welcome-message .message p{color:#000;}
		.header #custom-welcome-message p a{font-size:1em; color:#fff;}

	.header #ebranchlogin {
		margin-top:18px;
		margin-left:20px;
		float:left;
		width:260px;
	}

	.header #ebranchlogin input {
		margin-bottom:5px;
		margin-right:5px;
		width:170px;
		font-size:1.2em;
		color:#005b99;
	}
		.header #ebranchlogin input[type='button']{width:60px; float:left;}
		.header #ebranchlogin img{float:left; margin-right:10px;}
		.header #ebranchlogin form{width:250px;}

			.help {
				/*display: none;*/
				margin-top: -35px;
				font-size: 14px;
				cursor: pointer;
				width: 90px;
				display: block;
				overflow: hidden;
				left: 68px;
				position: relative;
				padding : 3px;
				text-align: center;
			}
			.help.opened {
				display: block;
				background: #cfcfc0;
			}

			nav.menu {
				display: none;
				border: 1px solid #ffffff63;
				border-radius: 5px;
				box-shadow: -1px 1px 15px rgba(0,0,0,.5);
				background: #1a74ad;
				color: white;
				font-size: 16px;
				position: absolute;
				left: 90px;
				z-index: 1000;
				padding: 0;
				width: 210px;
			}
			nav.menu.opened {
				display: block;
			}
			nav.menu ul {
				padding: 0;
				text-decoration: none;
			}
			nav.menu ul li {
				padding: 0 10px;
				list-style-type: none;
				text-decoration: none;
				margin-bottom: 5px;
			}
			nav.menu ul li a:focus{background-color:#000 !important;padding:3px;}

			nav.menu ul li a {
				color: white;
				text-decoration: none;
			}

			.ebranch-help{
				text-decoration:underline;
			}
.header #ebranchlogin .help:hover .button,
            .header #ebranchlogin .help:focus .button {
                display: block;
            }
			.header #ebranchlogin .help:hover .button a{color:#fff;}
			.header #ebranchlogin .help:hover .button ul,
			.header #ebranchlogin .help:hover .button li{list-style:none; padding:0; margin-left:0; margin-bottom:5px;}

			#ebranchlogin #maintenance{
				*margin-top:-20px;
				*margin-right:-10px;
				width:195px;
				*width:200px;
				*margin-bottom:-25px;
			}

		div.help p {font-size:1.6em;}

	.header #main-nav{ margin:0px 20px; clear:both;}

		/*** Main Navigation ***/
		.nav{
			width:100%;				/* 920 px */
			height: 40px;
			font-size: 1.4em;	/*14 px*/
			font-weight: bold;
			position:relative;
			margin:10px auto;
			z-index:999;
		}

		.nav ul{
			padding:0;
			margin: 0 auto;
			width: 100%;
			height: 40px;
		}

		.nav li{
			display:inline;
			float:left;
			margin-bottom:0;
		}

		.nav a{
			color: #2b5681;
			background: #ffcb05;
			display: inline-block;
			text-align:center;
			width:152.5px;
			text-decoration:none;
			line-height:40px;
		}

		.nav li a{
			border-right: 1px solid #005b99;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
            box-sizing: border-box;

		}

		.nav li:last-child a{
			border-right:0;
		}

		.nav a:hover, .nav a:active, .nav a:focus{
			background-color: #8c99a4;
			color:#edbf05;
			text-shadow: 1px 1px 0px #283744;

		}

		.nav a#pull{
			display:none;
		}

	.header #main-banner,.header #reg-banner{margin:0 20px 10px; text-align:center;}
	.header #reg-banner img{max-width:100%; margin:0 auto;}
		#reg-banner .text-section{
			background:url('/images/banners/ebranch-banner.jpg') no-repeat; width:100%; height:100%; margin:0;
			color:#fff; text-align:left; padding:1px 0 0 20px;
		 	}
			#reg-banner .text-section h1{
				font-size:3em;
				margin-bottom:2.5%;
			   	   	}
			#reg-banner .text-section p{
				margin-top:0; margin-left:20px;
				font-size:2em;
			 	   	}
			#reg-banner .text-section p.footnote{
				font-size:1.6em;
				margin-top:4%;
				padding-bottom:20px;
			   	    }

	/* Styles for the breadcrumbs */
	.breadcrumbs{
		background-color:#fff;
		font-size:1.1em; /* 11px */
	}

	.breadcrumbs p{
		margin-top:0; margin-bottom:0;
		margin-left:0;
		padding-top:4px;
	}

	.breadcrumbs a{
		line-height:1.4;
		color:#369;
		text-decoration:none;
	}

	.breadcrumbs a:first-child{
		margin-left: 17px;
	}

/* Slider Content */

.sliderFocus {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	z-index: 10;
	pointer-events: none;
}

	.sliderFocus.focus {
		box-shadow: inset 0 0 3px 1px #000;
	}

.focusHolder {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}


/* Body content */

/* Styles of Board Member Profile Card */

.group {
	width: 100%;
}

	.group .exec {
		width: 48%;
		margin: 5px;
		float: left;
        height:165px;
	}

		.group .exec img {
			float: left;
			padding: 0 5px 0 0;
		}

		.group .exec p {
			font-size: 1.4em; /*14px*/
			margin: 0;
			padding: 0;
		}

			.group .exec p.title {
				font-weight: bold;
				padding: 25px 0 0;
			}

/*asides*/

.details aside, .details .aside {
	margin: 0 5em;
}

	.details aside p, .details .aside p {
		margin: 0;
	}

	.details aside ul, .details .aside ul {
		margin: 0 0 0 2em;
	}

	.details aside h4, .details .aside h4 {
		font-size: 1.6em;
		margin: 0;
		font-weight: bold;
		color: #555;
	}

/* Styles for the body of Rates pages */
.element.rates-page {
	background-color: transparent !important;
	width: 100% !important;
}

#MemberTypeID {
	font-size: 2em;
	font-weight: bold;
	margin: 10px 0 0;
	color: #369;
	padding: 5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-top: solid 2px;
	border-left: solid 2px;
	border-right: solid 2px;
}


/***** Rates Table ******/

#rates-index .element {
	min-height: 65px !important;
	text-align: center;
	display: block;
}

	#rates-index .element .rate-type {
		width: 10%;
		margin: 0 auto;
		height: 65px;
		display: table-cell;
		vertical-align: middle;
	}

	#rates-index .element a {
		color: #555;
		text-decoration: none;
		font-size: 1.8em; /* 18 px */
	}

table.rates {
	background-color: inherit;
	width: 100%;
	border: 1px #1B74AC solid;
	font-size: 1.4em;
	margin: 0 auto 20px;
	border-collapse: collapse;
	border-spacing: 0;
	color: #369;
}

	table.rates + div#disclosure, table.rates + p {
		margin-top: -15px;
		margin-bottom: 20px;
	}

	table.rates thead a {
		text-decoration: none;
		color: #fff;
	}

	table.rates.compare {
		color: inherit;
		width: 90%;
		background-color: #fff;
	}

	table.rates thead {
		background: #1B74AC;
		color: #fff;
	}

	table.rates tr#wescom {
		color: #2F76B1;
		font-weight: bold;
	}

	table.rates tr.special {
		color: #369;
		background-color: #E7E7E7;
	}

	table.rates td {
		text-align: center;
		padding-left: 5px;
		line-height: 2;
	}

		table.rates td:first-child {
			text-align: left;
		}

/* end of rates table */

/* Seminar and Location Table */

table.seminar,table#hours {
	width: 100%;
}

	table.seminar thead {
		background: #438fcd url(/images/header-background.jpg);
		text-align: center;
	}

		table.seminar thead p {
			color: #fff;
			font-size: 1.2em;
		}

	table.seminar td {
		font-size: 1.4em;
		color: black;
		line-height: 1.5;
		text-align: center;
	}

#hours tr:first-child, #locations tr:first-child {
	background: #438fcd url(/images/header-background.jpg);
	text-align: center;
}

#hours tr:first-child > th > p, #locations tr:first-child > th > p {
		color: #fff;
		font-weight: bold;
		margin: 0;
	}

#hours td, #locations td {
	padding: 3px 0 3px 5px;
}

	#hours td p, #locations td p {
		margin: 0;
		text-align:left;
	}

#hours .odd, #locations .even {
	background-color: #eee;
}


/* WIS Form Styles*/

table.wis-form {
	margin: 0 20px;
	font-size: 1.4em;
	color: #000;
	width: 93%;
	line-height: 1.6em;
}

	table.wis-form td {
		padding: 5px;
		width: 15%;
	}

	table.wis-form label {
		width: 20%;
		margin: 5px 3%;
	}

	table.wis-form abbr[title] {
		border-bottoM: none;
		text-decoration: none;
	}

	table.wis-form td.FormStyle {
		padding: 5px 5px 5px 10px;
		font-weight: bold;
	}

	table.wis-form th {
		line-height: 2;
	}

table tr.rowone {
	background-color: #EBECF1;
}

table tr.rowtwo {
	background-color: #F5F7F7;
}


/*****end if WIS Form styles */

/***** Fraud Form ******/
#fraud-form {
	padding: 20px;
}

	#fraud-form img {
		margin: 0;
	}

	#fraud-form .response,
	#fraud-form textarea,
	#fraud-form input {
		font-size: 1.6em;
		line-height: 2;
		width: 60%;
		float: right;
	}

	#fraud-form textarea,
	#fraud-form input {
		border: solid 1px #369;
	}

	#fraud-form table td {
		vertical-align: top;
		padding: 10px;
	}

	#fraud-form .inputbox {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		clear: both;
	}

	#fraud-form .question {
		float: left;
		width: 35%;
		margin-right: 10px;
	}

	#fraud-form p {
		margin: 0;
		padding: 0;
		color: #369;
	}

		#fraud-form p.desc {
			margin: 0;
			padding: 0;
			color: #555;
			font-size: 1.1em;
		}

/* end of Fraud Form */

.content.home {
	padding-top: 20px;
}

.content {
	background-color: #fff;
	padding-top: 5px;
	padding-bottom: 20px;
}

	.content > .head {
		margin: 0 20px;
		padding-bottom: 20px;
	}

	.content .head img {
		margin: 0 10px;
		float: left;
	}

	.content .head h1 {
		color: #1b74ac;
		font-weight: normal;
		font-size: 3.6em; /* 36px */
		margin: 0 20px 5px;
	}

	.content .head h2 {
		font-weight: normal;
		font-size: 1.8em;
		margin: 5px 20px;
	}

	.content .head p {
		margin: 5px 20px;
		font-size: 1.8em /* 18px */
	}

	.content .head a {
		color: #369;
		font-size: .9em;
	}

	.content .main {
		margin-left: 2.083333333333333%; /* 20px / 960 */
		margin-right: 1.041666666666667%; /* 10px / 960 */
		float: left;
		width: 70.3125%; /* 675px / 960 */
	}

	.content .alt-main {
		display: none;
	}

.element:first-child, .element:nth-child(3n+1) {
	margin-left: 0
}

.element:nth-child(3n) {
	margin-right: 0;
}

.element {
	margin-left: 0.7407407407407407%; /* 5px / 675px */
	margin-right: 0.7407407407407407%; /* 5px / 675px */
	margin-bottom: 10px;
	background-color: #D5E4ED;
	min-height: 355px;
	width: 32.34567901234568%; /*218.3333333px / 675px */
	float: left;
}

	.element .head {
		background-color: #1b74ac;
		background-image: url(../images/header-background.jpg);
		background-repeat: no-repeat;
		vertical-align: middle;
		display: block;
		position: relative;
	}

		.element .head img {
			float: left;
			margin: 5px;
			display: block;
			max-width: 42px;
		}

		.element .head h2,
		.element .head h3 {
			display: table-cell;
			color: #fff;
			position: relative;
			text-align: left;
			font-size: 2.0em; /* 24px */
			line-height: 20px;
			height: 53px;
			vertical-align: middle;
			font-weight: normal;
		}

			.element .head h2 a,
			.element .head h3 a {
				color: #fff;
				text-decoration: none;
				font-size: 1em; /* 24px */
			}

	.element ul, .element ol {
		padding: 0;
		list-style: none;
		margin-left: 9.174311926605505%; /* 20px / 218px */
		margin-right: 9.174311926605505%; /* 20px / 218px */
	}

		.element ul li {
			margin-bottom: 10px;
			line-height: 1.25;
			font-size: 1.6em; /* 16px */
			color: #555;
		}

.details ul li ul li {
	font-size: 1em; /* 16px */
	text-decoration: none;
	color: inherit;
}

	.element ul li a, .details ul li ul li a {
		font-size: 1em; /* 16px */
		text-decoration: none;
		color: inherit;
	}

/* styles for the body of Tier 1.5 pages */
.element.index {
	width: 49.25925925925926% /* 332.5px / 675 px */
}

.main .index:first-child,
.main .index:nth-child(odd),
.main#insurance .index:nth-child(even) {
	margin-left: 0;
	margin-right: 0.7407407407407407%
}

.main#insurance .index:first-child,
.main#insurance .index:nth-child(odd),
.main .index:nth-child(even) {
	margin-left: 0.7407407407407407%;
	margin-right: 0;
}


/* Styles for the body of Tier 2 pages */
.element.details {
	width: 100%;
	min-height: 0;
	height: auto;
	margin: 10px 0;
	padding-bottom: 20px;
}

	.element.details:first-child, .element.rates-page:first-child {
		margin-top: 0 !important;
	}

	.element.details .heading {
		background-image: none;
		background-color: transparent;
		vertical-align: middle;
		display: table-cell;
		position: relative;
	}

		.element.details .heading img {
			float: left;
			display: inline-block;
			max-width: 42px;
			margin: 10px 10px 0 10px;
			position: relative;
		}

		.element.details .heading h2 {
			display: table-cell;
			color: #369;
			position: relative;
			text-align: left;
			font-size: 2.0em; /* 20px */
			font-family: inherit !important;
			height: 53px;
			vertical-align: middle;
			font-weight: bold;
			margin-left: 5px;
		}

			.element.details .heading h2 a {
				color: #369;
				text-decoration: none;
				display: table-cell;
				vertical-align: middle;
				font-family: inherit !important;
				font-weight: bold;
				font-size: inherit;
			}

			.element.details .heading h2 a:hover{color:#fff;padding:3px;}

		.element.details .heading h3 {
			display: inline-block;
			float: left;
			margin: 1em 0 0 0; /*10px */
			font-size: 2.0em; /* 18px */
		}

	/* This is used to specify the container of a long list to split it into two column */
	.element.details .long-list {
		margin: 10px 20px;
	}

		/* This is a long list that is split into two column */
		.element.details .long-list ol,
		.element.details .long-list ul {
			list-style-type: disc;
			list-style-position: inside;
		}

        .element.details .long-list ul li{
            float:left;
            width:44%;
			margin:4px 3%;
        }

.index h2, .index h3, .index a:link, .index a:visited, .index h4,
.details h2, .details h3, .details a:link, .details a:visited, .details h4 {
	color: #369;
	font-weight: normal;
}

.details a.gray {
	color: #555;
}

.details h5, .index h5,
.details h6, .index h6 {
	font-weight: normal;
}

.details img {
	margin: 5px 20px;
}

	.details img.right {
		float: right;
	}

	.details img.left {
		float: left;
	}

.details h1 {
	color: #555;
	font-weight: normal;
}

.details img + h2 {
	margin-top: 0;
}

.index h2, .details h2, .details h1 {
	margin: 20px 20px 10px;
	font-size: 2.2em; /* 22px */
}

.index h3, .details h3 {
	margin: 20px 20px 5px;
	font-size: 2.0em; /* 20px */
}

.index h4, .details h4 {
	margin: 20px 20px 5px;
	font-size: 1.8em; /* 18px */
}

.index h5, .details h5 {
	margin: 20px 20px 5px;
	font-size: 1.8em;
	color: #555;
}

.index h3 + p, .details h3 + p {
	margin: 0 20px 10px;
	font-size: 1.6em; /*	16px */
}

.index h6, .details h6, .index p, .details p {
	margin: 10px 20px;
	line-height: 1.4;
	font-size: 1.6em; /* 16px */
	color: #555;
}

	.index p a, .details p a {
		font-size: 1em; /* 16px */
	}

.index ul, .rates-page ul, .details dl {
	margin: 10px 40px 20px;
	color: #555;
}

	.index ul li, .details ul li, .rates-page ul li {
		list-style: disc;
		line-height: 1.4;
		margin: 0;
	}

.index ol li, .details ol li, .rates-page ol li {
	list-style: decimal;
	line-height: 1.25;
	font-size: 1.6em;
	color: #555;
	margin: 0 0 3px 0;
}

	.details ol li ul li {
		list-style: circle;
		font-size: 1em;
		color: #555;
		margin: 0 0 3px 0;
	}

	.details ol li ul {
		margin-top: 1%;
	}

.index a, .details a, .rates-page a {
	font-size: 1em; /* inherit parent */
	text-decoration: none;
	color: #369;
	border-bottom: dotted 1px #369;
}

	.index a:hover, .details a:hover, .rates-page a:hover {
		background: #369;
		margin: 0;
		padding: 0;
		color: #ccc;
	}

.car-buying-features{height:820px;}
.car-buying-features .head{text-align:center;}
.car-buying-features .head h3{width:70%;text-align:center;padding:0 20px;}


#platinum,
#signature {
	height: 1500px;
}

.element#platinum .head h3,
.element#signature .head h3 {
	text-align: center;
	display: block;
	padding-top: 5%;
	margin: 0;
}

#platinum img, #signature img {
	margin: 0 15%;
}

div#endCap, .endCap {
	margin: 20px 30px 10px;
	border-left: 8px solid #1B74AC;
	padding: 0 0 7px 0;
}

	div#endCap ul, .endCap ul, div#endCap ol, .endCap ol {
		margin: 10px 40px 10px 25px;
	}

		div#endCap ul li, .endCap ul li {
			list-style-image: url("../images/bluearrow.gif");
			color: #2f76B1;
			font-size: 1.4em !important; /* 14px */
			padding: 0;
			margin: 7px 0;
			line-height: 1;
		}

		/*div#endCap li a {
					color:#2f76B1;
					text-decoration:none;
					border-bottom:1px #2f76B1 dotted;
					}*/

		.endCap ol li {
			font-size: 1.4em !important; /*14px*/
			padding: 0;
		}

.details blockquote {
	font-size: 1.6em; /* 16px */
	color: #555;
	margin: 10px 20px;
	padding: 0.5em 3%;
	quotes: "\201C""\201D""\2018""\2019";
}

	.details blockquote p {
		font-size: 1em;
		line-height: 1.25;
		margin: 0;
	}

select.newsletter {
	font-size: 1.6em;
}

.details select option {
	line-height: 1.25;
}

.fixedWidth {
	font-family: courier;
}

/* Definition List */

.details dt {
	color: #369;
	font-size: 1.8em; /*16px*/
	line-height: 1.4;
	margin-top: 8px;
}

.details dd {
	font-size: 1.6em; /*16px*/
	color: #555;
	margin-left: 13px;
	line-height: 1.4;
}

	.details dd p,
	.details dd ul li {
		font-size: 1em;
		margin-left: 0;
		margin-right: 0;
	}

.faq dd {
	display: none;
	line-height: 22px;
}

.faq dt a {
	cursor: pointer;
	position: relative;
}

.faq dt p {
	padding: 0;
	margin-bottom: 15px;
}

.faq dd ul,
.faq dd ol {
	margin-bottom: 15px;
}

	.faq dd ul li,
	.faq dd ol li {
		margin-bottom: 5px;
		line-height: 1.2;
	}

.faq .accordion-wrapper {
	color: #369;
    font-size: 1.8em; /*16px*/
	line-height: 1.4;
	text-align: left;
	background: none;
	border: none;

	margin-left: 20px;
	display: block;
}

.arrow-right {
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #369;
	float: left;
	position: relative;
	left: 0;
	top: 4px;
	margin-right: 10px;
}

.arrow-down {
	float: left;
	position: relative;
	left: -4px;
	top: 10px;
	margin-right: 4px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #369;
}

.long {
	margin-bottom: 20px;
}

/* Styles for the body of Map Pages*/
.element.details.map {
	width: 100%;
	margin-top: 0;
	color: #005B99;
}

	.element.details.map img {
		margin: 0;
	}

	.element.details.map .head h2, .element.details.map .head h1 {
		color: #fff;
		margin: 0 20px;
		padding-top: 10px;
		font-weight: normal;
		font-size: 2.2em; /* 22 px */
	}

	.element.details.map #side_bar {
		height: auto;
		float: left;
		width: 30%;
		margin: 0 0 5% 2%;
		font-size: 1.6em; /* 16px */
	}

.googleSideBar ul li {
	font-size: .9em;
}

.element.details.map #locatorform ul,
.element.details.map #locatorform li {
	list-style: none;
	font-size: 1em;
	color: #000;
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 2.5;
}

	.element.details.map #locatorform li#atmOptions {
		display: block;
		width: 200px;
		margin-left: 300px;
	}

.element.details.map #branch-map {
	width: 65%;
	height: 500px;
	margin: 10px 5px;
	border: solid 1px #369;
}

#infowindow {
	width: 100px;
	height: 20px;
}

.infowindow {
	width: 200px;
	height: 100px;
}


.element.details.map #location-container {
	background: url('/images/bluearrow.gif') no-repeat;
}

.element.details.map select#locationSelect {
	padding-left: 5px;
	width: 98% !important;
	margin: 10px 0 0 10px;
	display: none;
	font-size: 1em;
}

.element.details.map #map {
	width: 90%;
	height: 500px;
	margin: 10px 5%;
	border: solid 1px #369;
}

.element.details.map #directionsPanel {
	font-size: 1.6em; /* 16px */
	margin: 0 20px;
}

.element.details.map #mapfinder {
	width: 90%;
	height: 500px;
	margin: 5%;
	border: solid 1px #369;
}

/* Disclosure */

div#disclosure, .disclosure {
	padding: 10px 30px 0 0;
	margin: 0;
}

	div#disclosure p, .disclosure p {
		color: #999;
		font-size: 1.2em;
		line-height: 1.25;
		margin: 5px 10px;
		padding: 0;
		text-align: left;
		text-decoration: none;
	}

	div#disclosure a:link {
		color: #888;
		border-bottom: dotted 1px #888;
	}

.bodyCopyDisclosure {
	padding-top: 10px;
	margin: 0;
}

	.bodyCopyDisclosure p {
		color: #999;
		font-size: 1.2em;
		line-height: 1.25;
		margin: 5px 10px;
		padding: 0;
		text-align: justify;
		text-decoration: none;
	}

	.bodyCopyDisclosure a:link {
		color: #888;
		border-bottom: solid 1px #888;
	}

p.disclosure {
	color: #999;
	font-size: 1.2em;
	line-height: 1.25;
	margin: 5px 20px;
	padding: 0;
	text-align: justify;
	text-decoration: none;
}


.content .sidebar {
	margin-right: 2.083333333333333%; /* 20px / 960px */
	margin-left: 1.041666666666667%; /* 10px / 960px */
	float: left;
	width: 23.4375%; /* 225px / 960px */
}

.sidebar h1 {
	font-size: 1.8em; /* 18px */
	color: #1b74ac;
	;
}

.sidebar h2 {
	font-size: 2.0em; /* 18px */
	color: #1b74ac;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	margin: 0 0 7px 0;
}

#side-menu, #side-menu1, #side-menu2 {
	text-transform: uppercase;
	padding: 0;
}

	#side-menu ul, #side-menu1 ul, #side-menu2 ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

		#side-menu ul li, #side-menu1 ul li, #side-menu2 ul li {
			margin: 0;
			border-bottom: 1px solid #fff;
			line-height: 1.1;
			width: 100%;
			padding: 1em 0;
		}

	#side-menu a, #side-menu1 a, #side-menu2 a {
		padding-left: 1em;
		border-bottom: none;
		width: 100%;
		display: block;
	}

	#side-menu ul li a:hover, #side-menu ul li.active a, #side-menu ul li a.active,
	#side-menu1 ul li a:hover, #side-menu1 ul li.active a, #side-menu1 ul li a.active,
	#side-menu2 ul li a:hover, #side-menu2 ul li.active a, #side-menu2 ul li a.active {
		color: #FC0;
	}


.whitebox {
	border: solid 3px #1b74ac;
	padding-top: 10px;
}

	.whitebox p {
		margin: 0 15px 10px;
		text-align: left;
		font-size: 1.4em;
		color: #369;
	}


.bluebox.action {
	background-image: url(/images/header-background.jpg);
}

.bluebox#calculators, .bluebox#quote {
	text-align: center;
	background-image: url(/images/header-background.jpg);
}

.bluebox {
	background-color: #1b74ac;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px;
}

	.bluebox ul {
		list-style: disc;
	}

	.bluebox li {
		margin-bottom: 10px;
		font-size: 1.4em; /* 14px */
	}

	.bluebox a {
		color: #fff;
		text-decoration: none;
		border-bottom: solid 1px #fff;
	}

	.bluebox h3 {
		margin: 10px 1.041666666666667%; /* 10px / 960px */
		font-weight: normal;
		margin-bottom: 10px;
		font-size: 2.2em; /* 22px */
	}

	.bluebox h4 {
		margin: 0 1.5625% 10px; /* 15px / 960px */
		font-weight: normal;
		font-size: 1.7em; /* 17px */
	}

		.bluebox h3 + p,
		.bluebox h4 + p {
			margin: 5px 2.083333333333333% 10px; /* 20px / 960px */
		}

	.bluebox p {
		line-height: 16px;
		font-size: 1.3em; /* 13px */
	}

#popout, .slide-out-div {
	display: none;
}

/*Footer*/

.footer {
	background-color: #FFF;
	border: none;
}

	.footer p {
		font-size: 1.2em; /* 12px */
	}

		.footer p a {
			font-size: 1em; /* 12px */
			color: inherit;
			text-decoration: none;
		}

			.footer p a:hover {
				border-bottom: solid 1px #555;
			}

	.footer .toolbar {
		border: 1px solid #ccc;
		border-width: 1px 0;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		font-size: 1.2em; /*	12px */
	}

		.footer .toolbar ul {
			-moz-padding-start: 0;
		}

		.footer .toolbar li {
			display: inline;
		}

		.footer .toolbar a {
			display: inline-block;
			padding: 0 20px;
			text-decoration: none;
			color: #555;
		}

	.footer #social-network {
		font-weight: bold;
		font-size: 1.2em;
		vertical-align: middle;
		float: left;
		width: 30%;
	}

	.footer #privacy-disc {
		text-align: center;
		float: left;
		width: 65%;
		margin: 0 10px 0 0;
	}

/* end of layout structure */

/* #Useful classes
========================================================*/
input[type="submit"], input[type="reset"],
input[type="button"] {
	color: #555;
	font-size: 1.4em; /*14px*/
	text-align: center;
	padding: 3px;
}

.button {
	padding: 5px;
	background-color: #d5e4ed;
	border: 1px solid #eee;
	color: #000;
	text-decoration: none;
	text-align: center;
}

	.button a {
		color: #555;
		font-size: 1.6em;
		text-decoration: none;
		border: none;
	}

.centerText {
	text-align: center;
}

.embed-video {
	width: 49%;
}

	.embed-video.right {
		float: right;
	}

	.embed-video.left {
		float: left;
	}

/*iframe styles*/
.video-container {
	position: relative;
	padding-bottom: 55%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
}

	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


/* #Clearing
================================================== */

/* Self Clearing Goodness */
.container:after {
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.row:after,
.clearfix:after {
	clear: both;
}

.row,
.clearfix {
	zoom: 1;
}

/* You can also use a <br class="clear" /> to clear columns */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.b {
	font-weight: bold;
}

.i {
	font-style: italic;
}

pre {
	font-size: 1.8em;
	line-height: 1.125;
	margin: .5em 0 1em 0;
}

.c {
	text-align: center;
}

#howitworks_html {
	background: white;
	width: 100%;
	max-width: 300px;
	height: auto;
	border: 1px solid #366498
	display: flex;
	flex-direction: column;
	float: right;
	border: 1px solid rgb(0, 55, 108);
	margin: 0 10px;
}

.step {
	display: flex;
	flex-direction: row;
	border-bottom: 1px dashed lightgray;
	margin: 0 20px;
	align-items: center;
}

.step3 {
	border-bottom: 0;
}


#howitworks_html h1 {
	font-weight: bold;
	text-align: center;
	color: #366498;
	margin-bottom: 0;
	padding-bottom: 0;
}

#howitworks_html img {
	/*flex: 4;*/
	margin: 10px;
}

#howitworks_html p {
	flex: 8;
	font-size: 11px;
	color: black;
	margin: 0;
}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {

		.element {min-height:350px;}

		/** Navigation **/
			.nav {
				height:80px;
			}

			.nav ul{
				width:100%;
				diplay:block;
				height:40px;
			}

			.nav li{
				width: 33.33333333333333%;
				float: left;
				position: relative;
				margin-bottom:0;
			}

			.nav li a{
				border-bottom: 1px solid #576979;
				border-right: 1px solid #576979;
			}

			.nav li:last-child a,
			.nav li:nth-child(3n) a{
				border-right:0;
			}

			.nav a {
				text-align:left;
				width:100%;
				text-indent:25px;
			}

			#platinum,
			#signature{
					height:1700px;
					}
		    .car-buying-features{height:1050px;}
		/*** End of Navigation ***/


		#reg-banner .text-section{
			width:inherit;
			/*width:70%;
			position:absolute;
			top:270px; left:40px;
			color:#fff;
			text-align:left;*/
		 	}
			#reg-banner .text-section h1{
				font-size:2.8em;
				margin-bottom:2.5%;
			   	   	}
			#reg-banner .text-section p{
				margin-top:0; margin-left:20px;
				font-size:1.8em;
			 	   	}
			#reg-banner .text-section p.footnote{
				font-size:1.4em;
				margin-top:5%;
			   	    }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.embed-video{
				width:100%;
			}
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		#page{width:480px; overflow:hidden;}

		.content .main{width:62.84722222083333%;} /* 306.6666666667px / 480px */
		.content .sidebar{width:30.90277777770833%;} /*148.3333px / 480px */

			.element:first-child, .element:nth-child(2n+1),.element:nth-child(3n){
				margin-left:0;
				margin-right:1.630434782608518%; /*5px / 306.6666666667px */
			}
			.element:nth-child(2n+2) , .element:nth-child(3n+1){
				margin-right:0;
				margin-left:1.630434782608518%; /*5px / 306.6666666667px */
			}

			.element{
				width:48.36956520651648%; 	/*148.3333333px / 306.6666666667px */
				margin-left:0;
				margin-right:1.630434782608518%; /*5px / 306.6666666667px */
				min-height:360px;
			}

		.element .head h3{
			font-size:1.7em;
		}

		.main .index:nth-child(n),
		.main#insurance .index:nth-child(n){
			margin-left:0;
			margin-right:0;
		}


		.element.index{
			width:100% /* 332.5px / 480 px */
		}

		.element.details.map #side_bar{
			display:none;
		}

		.element.details.map #branch-map,
		.element.details.map #map{
			width:99%; height:400px; margin:0 auto;
		}

		.element.details.map #locatorform ul{
			width:80%;
			}
		.element.details.map #locatorform li#atmOptions{
				margin:auto;
			}
		.element.details.map select#locationSelect{
			width:90%;
		}

		.element.details.map .head h2{
			font-size:1.8em;	/* 18px */
		}

		.element.details .heading h3{
			margin-top:1em;
			display:block;
			float:left;
		}

		/* This is a long list that is split into two column */
        .element.details .long-list ol,
        .element.details .long-list ul {
            width: 90%;
            margin: 0 auto 5px;
        }

		.element.details .long-list ul li{width:100%;}

		/*** WESCOM LOGO ****/
		#wculogo {
			padding:0;
		}

		/**** Search Bar *****/
		#google-search,
		.header form#search-form{display:none;}



		/****e-branch login****/
		#ebranchlogin {
			display:block;
		}
		#sliding-search-bar {
			display:block;
			width:170px;
			padding:0;
		}
		#sliding-ebranch-bar{
			display:none;
		}

		/* Welcome Message */
		#custom-welcome-message{
			display:none;
		}

		/*NMLS link */
		#nmls-consumer-access{
			display:none;
		}

		/*Legacy Site LInk */
		.header #legacy-site{
			display:block;
			right:20px;
			top:50px;
			left:auto;
		}

		.header #legacy-site img{
			height:130px;
			}


		/** Navigation **/
			.nav {
				height:auto;
			}

			.nav ul{
				padding:0;
				width:100%;
				diplay:block;
				height:auto;
			}

			.nav li{
				width: 50%;
				float: left;
				position: relative;
			}

			.nav li a{
				border-bottom: 1px solid #576979;
				border-right: 1px solid #576979;
			}

			.nav li:last-child a,
			.nav li:nth-child(2n) a{
				border-right:0;
			}

			.nav a {
				text-align:left;
				width:100%;
				text-indent:25px;
			}
		/*** end of navigation ***/

		/** Main Banner **/
		.header #main-banner{margin:15px 0px;}
		#reg-banner .text-section{
			width:inherit;
			/*width:65%;
			position:absolute;
			top:310px; left:40px;
			color:#fff;
			text-align:left;*/
		 	}
			#reg-banner .text-section h1{
				font-size:2.2em;
				margin-bottom:2.5%;
			   	   	}
			#reg-banner .text-section p{
				margin-top:0; margin-left:20px;
				font-size:1.4em;
				margin-bottom:0;
				padding-bottom:15px;
			 	   	}
			#reg-banner .text-section p.footnote{
				display:none;
			   	    }

		#platinum,#signature,
        .car-buying-features{
			height:auto;
		}

		/*Executive Page*/
		.group .exec {
			width:90%;
		}

		.group .exec img {
			margin-right:2px !important;
		}

		.group .exec p {
			font-size:1.1em;
		}

	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		#page{width:320px; overflow:hidden;}
		.content .side_bar{display:none;}

			.element.index{
			width:100%; /* 332.5px / 480 px */
			display:block;
		}

			.element.details.map #side_bar{
				display:none;
			}

			.element.details.map #branch-map,
			.element.details.map #map{
				width:99%; height:400px; margin:0 auto;
			}

			.element.details.map select#locationSelect{
				width:90%;
			}

			.element.details.map .head h2{
				font-size:1.7em;	/* 17px */
			}

			.element.details.map #locatorform li#atmOptions{
				margin:auto;
			}
		.header img#wculogo{
			margin:10px 18.28125% 10px 20px;
		}

		/* This is a long list that is split into two column */
        .element.details .long-list ol,
        .element.details .long-list ul {
            width: 90%;
            margin: 0 auto 5px;
        }

        .element.details .long-list ul li{
            width:100%;
        }

		/****e-branch login****/
		#ebranchlogin{
			display:block;
		}

		/*Legacy Site LInk */
		.header #legacy-site{
			display:none;
		}

		.content .main{ width:87.5%; margin:0 6.25%;}
		.content .main .element.details{margin-top:5px; margin-bottom:5px;}
		.content .sidebar {display:none;}

		.content .alt-main{display:block; width:320px; margin:0 auto;}

			/* Accordion Menu */

				/* First Level UL List */
				#accordion {
					margin:0 10.9375% 20px;   /* 35px / 320 */
					padding:0;
					list-style:none;
				}
					#accordion ul{
						margin-bottom:20px;
					}

					#accordion li {
						width:249px;  /* 249 */
						background:url(../images/header-background.jpg) no-repeat 0 0;
						margin-bottom:10px;
					}

					#accordion li a {
						display:table-cell;
						width: 250px;  /*250px / 320 */
						height: 47px;
						margin: 5px 0;
						font-size:1.8em; /* 18px */
						text-decoration:none;
						vertical-align:middle;
						color:#fff;
					}

					#accordion li img{
						margin:2px 3px; float:left;
					}
				/*	#accordion li a.accounts {
						background:url(../images/accounts-icon.png) no-repeat;
						background-position:3px 50%;
					}

					#accordion li a.loans {
						background:url(../images/loans-icon.png) no-repeat;
						background-position:3px 50%;
					}

					#accordion li a.investments {
						background:url(../images/investments-icon.png) no-repeat;
						background-position:3px 50%;
					}

					#accordion li a.insurance {
						background:url(../images/insurance-icon.png) no-repeat;
						background-position:3px 50%;
					}

					#accordion li a.security {
						background:url(../images/security-center-icon.png) no-repeat;
						background-position:3px 50%;
					}

					#accordion li a.overdraft {
						background:url(../images/overdraft-protection-icon.png) no-repeat;
						background-position:3px 50%;
					}
						*/

					/* Second Level UL List*/
					#accordion ul {
						width: 100%;
						padding:0;
						display:none;
					}

						#accordion ul li {
							height:42px;
							list-style:none;
							border-bottom: solid 1px #555;
						}

						/* styling of submenu item */
						#accordion ul li a {
							width:230px;
							height:47px;
							padding: 5px 10px 0;
							border:none;
							text-indent:0;
							font-size:1.6em; /* 16px */
							color:#555;
							text-decoration:none;
							background-color:#D5E4ED;
						}

						/* remove border bottom of the last item */
						#accordion ul li a.last {
							border-bottom: none;
						}

			/* Accordion Menu Ends ========================*/

			/****Navigation****/
			.header #main-nav{ display:none;}
			.nav{
				border-bottom:0;
				background:none;
			}

			.nav ul{
				width: 80%;
				display:none;
				height:auto;
				background: #ffcb05;
			}

			.nav li{
				width: 100%;
				float: left;
				position: relative;
			}

			.nav li a{
				border-right:0;
				border-bottom: 1px solid #576979;
			}

			.nav a {
				width:100%;
			}

			.nav a#pull{
				display:block;
				background-color: #ffcb05;
				width:80%;
				margin:0 auto;
				position:relative;
			}

			.nav a#pull:after{
				content:"";
				background: url('../images/nav-icon.png') no-repeat;
				width: 30px;
				height: 30px;
				display: inline-block;
				position: absolute;
				right: 15px;
				top: 10px;
			}

			/*----- navigation ends --- */

			/** Main Banner **/
			.header #main-banner{margin:15px 0px;}
			#reg-banner .text-section{
				width:inherit;
				/*width:65%;
				position:absolute;
				top:180px; left:40px;
				color:#fff;
				text-align:left;*/
			 	}
				#reg-banner .text-section h1{
					font-size:2em;
					margin-bottom:0;
					padding-bottom:15px;
				   	   	}
				#reg-banner .text-section p{
					display:none;
				   	    }

		/** Hidden Sidebar */
		 #side-menu{display:none;}
		 #popout {
			display:block;
			position:absolute;                /* fix the popout to the left side of the screen */
			top: -170px;
			right: -300px;                    /* use a negative margin to pull the icon area of the popout off the edge of the page */
			color:#fff;
			box-shadow: 3px 3px 2px #888;
			border: 1px dotted gray;
			text-align:left;
			padding-left:30px;
			margin:0;
			width:150px;
			z-index:3000;
		}
		#trigger {                          /* create a clickable area that triggers the slide in/out effect */
			float:left;
			position: absolute;             /* position clickable area to consume entire right section of popout (add a border if you want to see for yourself) */
			cursor: pointer;
			margin:0;
			top:75px;
			left:-170px;
		}
		#popout img {
			height: 40px;
			float:right;
		}
		/* Some additional CSS to look nice */
		#trigger span {                      /* rotate the 'show' text 90 degrees. If you are using an icon you won't need this bit */
			display: block;
			background-color:#fad00c;
			color:#369;
			padding:0 5px;
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg);
			margin-left:-25px;

		}

		.slide-out-div {
		  display:block;
		  color:#fff;
		  background: #1b74ac;
		  border: 1px solid #29216d;
		  z-index:3000;
		}

		#google-search,
		.header form#search-form{display:none;}

		#sliding-search-bar {
			display:block;
			width:170px;
			padding:0;
		}
		#sliding-ebranch-bar{display:none;}


		.element{
			display:none;
		}

		.details, .rates-page{
			display:block;
		}

		#nmls-consumer-access, #custom-welcome-message{
			display:none;
		}

		table.wis-form{
			width:100%;
			margin:0;
			}

		table.wis-form td.FormStyle{
			display:none;
		}

		/* Footer layout on mobile */
			.footer .toolbar ul {
				padding:0;
				text-align:center;
				width:100%;
			}

			.footer .toolbar li{
				padding:0;
				line-height:2.5;
				text-align:center;
			}
		/* Signature page layout */
		#platinum, #signature,.car-buying-features{
			height:auto;
		}

		div#endCap ul li,
		.endCap ul li{
			line-height:1.35;
			}
		div#disclosure p{
			text-align:left;
		}

		/*Executive Page*/
		.group .exec {
			width:90%;
		}
		.group .exec img {
			margin-right:2px !important;
		}

		.group .exec p {
			font-size:1.1em;
		}
	}

/* end of media queries */

/* Media print AKA Print StyleSheet */

@media print {
    body{
        background:#fff;
        }

    #page .breadcrumbs, .content .sidebar, #search-form, #ebranchlogin, #custom-welcome-message, #reg-banner, #main-nav{
        display:none;
    }

    #page .footer {
        display:none;
    }

        #page .header{
                background:#fff;
            }

    #wescom-logo{
        -webkit-print-color-adjust:exact;
        background-image: url("/images/wescom-logo.png");
		background-repeat: no-repeat;
		width:180px;
		height:50px;
		margin: 0;
		padding: 0;
		display:block;
    }

	#wculogo{display:none;}

   	/*Legacy Site LInk */
	.header #legacy-site{
		display:none;
	}

    .content .main{
        width:96%;
    }

    .element{
        background-color:#fff;
    }


}

ul.rates {
	list-style-type: none !important;
	-webkit-margin-before: 0px !important;
	-webkit-margin-after: 0px !important;
	-webkit-margin-start: 0px !important;
	-webkit-margin-end: 0px !important;
	-webkit-padding-start: 0px !important;
}

.hide-screen {
	border: 0;
	clip: rect(0 0 0 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
}

.block{
	display:block !important;
}

.bold{
	font-weight:bold !important;
}

.silvercloud-acsearch-bar{
	position: relative !important;
}

.silvercloud-acsearch-bar:before{
	position: absolute;
    content: "NEW";
    color: #FFCB05;
    font-weight: bold;
    font-size: 1.5em;
	letter-spacing: 1px;
	transform:translate(-110%,50%);
}