section {
	position: relative;
	width: 100%;
	}
	
	p, a, h1, h2, h3, h4, h5, h6, li {
	color: #444;
	}

#directory-inner-leftColumn h1 {
	font-family: 'montserrat_light', Arial, Sans-Serif;
	color: #004b8d;
	line-height: 37px;
	font-weight: normal;
	padding-bottom: 0px;
	font-size: 31px;
	}

.content h2.subhead {
	
	font-size: 20px;
	line-height: 28px;
	font-family: 'open_sansregular', Arial, Sans-Serif;
	color: #008bcd;
	text-transform: uppercase;
	}

.content h2.subhead {
	margin-top: -5px;
	padding-bottom: 15px;
}

#product-content-outer ul {
	padding-bottom: 10px;
	}

#product-content-outer li {
	margin-left: 35px;
	padding-right: 35px;
	padding-bottom: 5px;
	}

#product-content-outer a, .content a {
	text-decoration: underline;
	font-family: 'open_sanssemibold', arial, Sans-Serif;
	color: #004b8d;
	}
	
#product-content-outer a:hover, .content a:hover {
	text-decoration: none;
	}



#product-content-outer p {
	line-height: 16px;
	padding-bottom: 10px;
	}
	
#product-content-outer h6, .content h6 {
	font-size: 15px;
	padding: 0px 0px 7px 0px;
	}
	
.directory-nav-content li a {
	font-size: 15px;
	line-height: 19px;
	}

#all-lists {
	display: none;
}

.content h5, .content h5 a, .content h5 span, .content h6, .content h6 a, .content h6 span {
	font-size:	18px;
	line-height: 26px;
	font-weight: normal;
	font-family: 'montserrat_regular', Arial, Sans-Serif;
	color: #008bcd;
	padding-bottom: 8px;
	/*text-transform: uppercase;*/
}

/* MOBILE AND TABLET */



.currencyConvert-directory {
width: 94%;
padding: 8px 3% 15px 3%;
margin-bottom: 0px;
margin-top: 10px;
font-size: 13px;
font-weight: bold;
line-height: 20px;
color: #0a6cbd;
}

.currencyConvert-directory a {
text-decoration: underline;
font-size: 13px;
font-weight: bold;
line-height: 20px;
color: #0a6cbd;
}

.currencyConvert-directory a:hover {
color: #555;
}

#currencyConvert-options {
display: none;
}

/*--------------------------------------------- DIRECTORY LEFT COLUMN --------------------------------------*/


section h1 {
		color: #333;
		font: normal 32px/35px Georgia, "Times New Roman", Times, serif;
		padding-bottom: 0px;
		}




/* EXTENDED */

	#directory-outer-leftColumn {
		width: 75%;
		float: left;
		display: inline-block;
		}
	
	#directory-inner-leftColumn {
		padding: 20px 15px 0px 35px;
		}

	#directory {
		display: inline-block;
		width: 100%;
		}
		
	.directory-column {
		float: left;
		width: 33%;
		}

/* STANDARD */

@media only screen and (min-width: 691px) and (max-width: 1000px){
	#directory-outer-leftColumn {
		width: 65%;
		float: left;
		}
		
	.directory-column {
		width: 49.5%;
		}
		
	#directory-column-left {
		float: left;
		}
	
	#directory-column-middle{
		float: right;
		}
		
	#directory-column-right{
		float: left;
		}
	
		
}
	


/* TABLET */

@media only screen and (min-width: 481px) and (max-width: 690px){
	#directory-outer-leftColumn {
		width: 100%;
		}

	#directory-inner-leftColumn {
		padding: 20px 25px 0px 25px;
	}
	
	.directory-column {
		width: 49.5%;
		}
		
	#directory-column-left {
		float: left;
		}
	
	#directory-column-middle{
		float: right;
		}
		
	#directory-column-right{
		float: left;
		}
	
}

/* MOBILE */

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

	#directory-outer-leftColumn {
		width: 100%;
		}

	#directory-inner-leftColumn {
		padding: 20px 25px 0px 25px;
	}

	#directory {
		width: 100%;
		display: inline-block;
		}

	.directory-column {
		width: 100%;
		}

	#directory-column-left {
		float: none;
		width: 100%;
		}
		
	#directory-column-middle{
		float: none;
		}
		
	#directory-column-right{
		float: none;
		}

	.directory-nav-outer {
		width: 100%;
	}
		
	
}

/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){
		
	#directory {
		display: inline-block;

		}


		


}




/*--------------------------------------------- DIRECTORY LIST DESIGN --------------------------------------*/
		
	.directory-nav-inner {
		border: solid 1px #a8a8a8;
		display: block;
		}
	
	.directory-nav-content ul {
		padding: 0px 0px 14px 0px;
		}
	
	.directory-nav-content li {
		background: url(../img/Common/icons/arrow-grey-solid.png) 12px 10px no-repeat;
		}
		
	.directory-nav-content li a {
		display: block;
		padding: 4px 3px 4px 27px;
		}
		
	.directory-nav-content li ul li {
		background: url(../img/Common/icons/circle-navigation.png) 6px 9px no-repeat;
		}
	
	.directory-nav-content li:hover {
		background-color: #eee;
		}

	
	.directory-header h2 {
		font-family: 'montserrat_regular', Arial, Sans-Serif;
		padding: 15px 10px 5px 20px;
		color: #008bcd;
		background: url(../img/Common/backgrounds/transparent_bg.png)\9;
		font-size: 18px;
		}	
		
	/*.directory-accounts {
		border-bottom: solid 5px #b5111b;
		background: url(../img/Directory/Products_Accounts.jpg) right 0px no-repeat;
		padding-top: 100px;
		display: block;
		}
		
	.directory-credit {
		border-bottom: solid 5px #0082cb;
		background: url(../img/Directory/Products_Credit.jpg) right no-repeat;
		padding-top: 100px;
		display: block;
		}
		
	.directory-loans {
		border-bottom: solid 5px #5c8727;
		background: url(../img/Directory/Products_Loans.jpg) right no-repeat;
		padding-top: 100px;
		display: block;
		}
		
	.directory-investments {
		border-bottom: solid 5px #5d87a1;
		background: url(../img/Directory/Products_Investments.jpg) 0px 0px no-repeat;
		padding-top: 100px;
		display: block;
		}
		
	.directory-mortgages {
		border-bottom: solid 5px #cbb677;
		background: url(../img/Directory/Products_Mortgage.jpg) left top no-repeat;
		padding-top: 100px;
		display: block;
		}
		
	.directory-insurance {
		border-bottom: solid 5px #9fad9e;
		background: url(../img/Directory/Products_Insurance.jpg) right 0px no-repeat;
		padding-top: 100px;
		display: block;
		}

	.directory-electronic {
		border-bottom: solid 5px #004b8d;
		background: url(../img/Directory/Products_Electronic.jpg) right 0px no-repeat;
		padding-top: 100px;
		display: block;
		}*/
		
	.directory-nav-content {
		padding: 0px 10px 10px 10px;
		}


/* CALL TO ACTION EXTENDED */

	@media only screen and (min-width: 1001px){
	.directory-nav-outer {
		padding-top: 20px;
		padding-right: 8px;
		padding-left: 8px;
		}
}

/* STANDARD TABLET*/

@media only screen and (min-width: 481px) and (max-width: 1000px){
	.directory-nav-outer {
		padding-top: 20px;
		padding-right: 0px;
		}

	#directory-column-middle .directory-nav-outer {
		padding-left: 8px;
		}
		
	#directory-column-left .directory-nav-outer {
		padding-right: 8px;
		}
		
	#directory-column-right .directory-nav-outer {
		padding-right: 8px;
		}
}


/* MOBILE */

@media only screen and (max-width: 480px){	
	.directory-nav-outer {
		padding-top: 20px;
		width: 100%;
		}

	.directory-nav-outer {
		padding-top: 20px;
		padding-right: 0px;
		}
}



/* MOBILE AND TABLET */

@media only screen and (max-width: 1000px){
	.directory-header {
		background-image: none;
		padding-top: 0px;
		}

}

/*-----------------------------------------------------------------MEMBER BENEFITS DIRECTORY -------------------------------------------------------------------------------*/

.memberBenefits-outer {
		width: 93%;
	}

.memberBenefits-inner {
		border: solid 1px #a8a8a8;
		display: block;
		margin-top: 15px !important;
		margin-bottom: 22px;
		padding: 10px 20px 15px 20px;
		}

.memberBenefits-content {
	width: 100%;
}

.memberBenefits-outer h6 {
	font-size: 20px;
	line-height: 24px;
	padding-bottom: 5px;
	color: #0a6cbd;
	font-weight: normal;
}

.memberBenefits-outer .button {
	color: #fff;
	text-decoration: none !important;
	padding: 5px 5%;
	margin: 15px 15% 10px 15% !important;
	font-weight: bold;
	display: inline-block;
	font-size: 15px;
	box-shadow: 1px 1px 3px #777;
	width: 60%;
	text-align: center;
}

.memberBenefits-outer p {
	padding-bottom: 10px;
}

.memberBenefits-outer img {
	width: 90% !important;
	padding: 0px 5%;
}

/* MOBILE */

@media only screen and (max-width: 480px){	
.memberBenefits-outer {
		width: 100%;
	}
}


/*---------------------------------------------DIRECTORY ONLY IMAGES --------------------------------------*/

#directory-images-container {
	padding-top: 20px;
	display: inline-block;
}


.directory-image-outer {
	width: 33%;
	_width: 32.5%;
	float: left;
}

.directory-image-inner {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 25px;
}

.directory-image-inner-last {
	padding-bottom: 0px !important;
}

.directory-image-outer img {
	width: 100%;
	border: solid 1px #a8a8a8;
}

.directory-image-outer img:hover {
	opacity: 0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */

}

/* STANDARD */

@media only screen and (min-width: 451px) and (max-width: 1000px){

.directory-image-outer {
	width: 49%;
	float: left;
}

}

/* TABLET */

@media only screen and (min-width: 481px) and (max-width: 690px){
	.directory-image-inner {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
}
}



/* MOBILE */

@media only screen and (max-width: 450px){	

.directory-image-inner {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
}

.directory-image-outer {
	width: 100%;
}

#directory-inner-Images {
	padding: 20px 25px 0px 25px;
	}


}


/*--------------------------------------------- DIRECTORY RIGHT COLUMN --------------------------------------*/

/* EXTENDED */

#directory-outer-rightColumn {
	width: 25%;
	float: right;
	}
		


/* STANDARD */

@media only screen and (min-width: 691px) and (max-width: 1000px){
	
	#directory-outer-rightColumn {
		width: 34.5%;
		float: right;
		}
	
}

/* TABLET */

@media only screen and (min-width: 481px) and (max-width: 690px){
	#directory-outer-rightColumn {
		width: 100%;
		float: none;
		padding-bottom: 0px;
		padding-top: 10px;
		clear: both;
		}
	
}

/* MOBILE */

@media only screen and (max-width: 480px){	
	#directory-outer-rightColumn {
		width: 100%;
		float: none;
		padding-bottom: 0px;
		clear: both;
		}
}


/*--------------------------------------------- DIRECTORY CALL TO ACTIONS --------------------------------------*/

	#actions-buttons-noImage {
		position: relative;
		padding: 20px 25px 0px 10px !important;
		clear: both;
	}

	/* TABLET */

@media only screen and (max-width: 690px){

	#actions-buttons-noImage {
		position: relative;
		padding: 20px 0px 0px 0px !important;
		clear: both;
	}

	#actions-buttons-outer-noImage {
		padding: 0px 25px 0px 25px !important;
	}

	}

/*  THE REST OF THE CSS IS LOCATED IN THE CONTENT.CSS FILE */



/*--------------------------------------------- DIRECTORY RATES --------------------------------------*/

	#rightColumn-rates-outer, #rightColumn-rates-outer-onlyImages {
		padding: 20px 25px 0px 10px;
		}
	
	#rightColumn-rates-inner{
		border: solid 1px #a8a8a8;
		padding: 0px 5px;
		display: block;
		}

	/* TABLET */

	@media only screen and (min-width: 481px) and (max-width: 690px){
		#rightColumn-rates-outer {
			float: left;
			width: 100%;
			clear: none;
			padding: 0px;
			padding-top: 30px;
		}

		#rightColumn-rates-outer-onlyImages {
			width: 100%;
			clear: none;
			padding: 0px;
			padding-top: 30px;
		}

		#rightColumn-rates-inner{
			border: solid 1px #a8a8a8;
			margin: 0px 25px 0px 25px;
			display: block;
			}

		#rightColumn-rates-outer-onlyImages #rightColumn-rates-inner {
			border: solid 1px #a8a8a8;
			margin: 0px 25px 0px 25px;
			display: block;
			}
	}

	/* MOBILE */

	@media only screen and (max-width: 480px){	
		#rightColumn-rates-outer, #rightColumn-rates-outer-onlyImages {
			float: none;
			width: auto;
			clear: both;
			padding: 25px 25px 0px 25px;
		}

		#rightColumn-rates-inner{
			border: solid 1px #a8a8a8;
			display: block;
			}
	}

/*  THE REST OF THE CSS IS LOCATED IN THE CONTENT.CSS FILE */








/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){
	

}


/*--------------------------------------------- DIRECTORY ADS --------------------------------------*/


.banners-inner {
	padding: 20px 25px 0px 10px;
	}

/* TABLET */

@media only screen and (min-width: 481px) and (max-width: 690px){
	#rightColumn-banners-outer {
		float: right;
		width: 49.5%;
		padding: 0px !important;
		margin: 0px !important;
		padding-top: 30px !important;
	}

	.banners-inner {
	padding: 0px 25px 0px 8px;
	}
}

/* REST OF BANNER CSS IS IN CONTENT.CSS */


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 



.directory-nav-content li {
		background-image: url(../img/Common/icons/arrow-grey-solid-hires.png);
		background-size: 7px 6px;
		}
		
	.directory-nav-content li ul li {
		background-image: url(../img/Common/icons/circle-navigation-hires.png);
		background-size: 5px 5px;
		}

		}




















/* EXTENDED, STANDARD COMBINED */

@media only screen and (min-width: 691px){

}

/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){

}



/* CALL TO ACTION EXTENDED */

@media only screen and (min-width: 1001px) {
	
}


/* STANDARD */

@media only screen and (min-width: 691px) and (max-width: 1000px){
	
}


/* EXTENDED, STANDARD COMBINED */

@media only screen and (min-width: 691px){
	
		
}



/* MOBILE */

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



/* MOBILE AND TABLET */

@media only screen and (max-width: 690px){
	

}