/*@charset "utf-8";*/
/* The organization of the dcu main css file
	I. General Codes 
		A. codes used throughout the DCU site	
		B. Links
		C. Includes
			1. Header
			2. Main Menu Items 
			3. Bottom Links and Company Info-Branch
			4. DCU Financial, DCU Insurance
			5. Branches at bottom of pages
			6. General Includes
	II. Individual Pages
		A. Item/product page
		B. Non product page without tabs
		C. Branch office
		D. Product landing pages
		E. Index page
		F. Contact Us-Email Us page
		G. Questionnaire page
		H. DCU Insurance pages
		I. Mortgage Overview page
		J. Mortgage Center pages for buying and refinancing
		K. Calculator-index and individual calculator pages
		L. Rates Menu page
		M. About Us Landing page
		N. Auto Resources and Other Resources Landing page
		O. NADA Guides page 
		P. New Member pages
		Q. Shakin pages
		R. Search page
		S. Product Ratings page
		T. Careers page
		U. Browser Settings for Online Banking
		V. Site Index page
		W. App pages
		X. Video pages
		
	III. Special Sections
		A. StreetWise
		B. Error pages
		C. Media Print style sheet
	
	
	*/

/* I. General Codes ----------------------------------------------------------------------------------- */
	/* IA. codes used throughout the dcu site --------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
	text-align:center;
	line-height: 1.4;
	background:#ffffff;
	padding: 0px;
	margin: 0px;
	background: url(../images/background-image.jpg) top left repeat-x;
	
}

body.dcuInsuranceBackground {
	background:url(/images/background-image-insurance.jpg) 0 0 repeat-x;
	}

.wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 10px 0px;
	width: 960px;
	background-color:transparent;
}
	
.clear {
	clear:both !important;
}

.float-lt {
	float: left;
	}
	
.float-rt {
	float: right;
	}
	
.overflow-hidden {
	overflow: hidden;
	}

.white {
	color: #FFFFFF;
}

.backgroundWhite {
	background-color: #ffffff;
	background-image: none;
	}

.bold {
	font-weight:bold !important;
}

.italic {
	font-style: italic;
	}

.text-center {
	text-align: center;
	}
	
.text-left {
	text-align: left !important;
	}

.hidden, .hide {
	display: none;
	}
	
.padlt-00 {
	padding-left: 0px !important;
	}
	
.padlt-05 {
	padding-left: 5px !important;
	}
	
.padlt-10 {
	padding-left: 10px !important;
	}
	
.padlt-15 {
	padding-left: 15px !important;
	}

.padlt-20 {
	padding-left: 20px !important;
	}
	
.padlt-25 {
	padding-left: 25px !important;
	}
	
.padlt-30 {
	padding-left: 30px !important;
	}
	
.padlt-35 {
	padding-left: 35px !important;
	}
	
.padlt-40 {
	padding-left: 40px !important;
	}
	
.padrt-00 {
	padding-right: 0px !important;
	}
	
.padrt-05 {
	padding-right: 5px !important;
	}

.padrt-10 {
	padding-right: 10px !important;
	}

.padrt-15 {
	padding-right: 15px !important;
	}

.padrt-20 {
	padding-right: 20px !important;
	}

.padrt-25 {
	padding-right: 25px !important;
	}

.padrt-30 {
	padding-right: 30px !important;
	}

.padrt-35 {
	padding-right: 35px !important;
	}

.padrt-40 {
	padding-right: 40px !important;
	}

.padtop-00 {
	padding-top: 0px !important;
	}
	
.padtop-05 {
	padding-top: 5px !important;
	}

.padtop-10 {
	padding-top: 10px !important;
	}

.padtop-15 {
	padding-top: 15px !important;
	}

.padtop-20 {
	padding-top: 20px !important;
	}

.padtop-25 {
	padding-top: 25px !important;
	}

.padtop-30 {
	padding-top: 30px !important;
	}

.padtop-35 {
	padding-top: 35px !important;
	}

.padtop-40 {
	padding-top: 40px !important;
	}

.padbot-00 {
	padding-bottom: 0px !important;
	}
	
.padbot-05 {
	padding-bottom: 5px !important;
	}

.padbot-10 {
	padding-bottom: 10px !important;
	}

.padbot-15 {
	padding-bottom: 15px !important;
	}

.padbot-20 {
	padding-bottom: 20px !important;
	}

.padbot-25 {
	padding-bottom: 25px !important;
	}

.padbot-30 {
	padding-bottom: 30px !important;
	}

.padbot-35 {
	padding-bottom: 35px !important;
	}

.padbot-40 {
	padding-bottom: 40px !important;
	}

.pad-00 {
	padding: 0px !important;
	}
	
.pad-05 {
	padding: 5px !important;
	}

.pad-10 {
	padding: 10px !important;
	}

.pad-15 {
	padding: 15px !important;
	}

.pad-20 {
	padding: 20px !important;
	}

.pad-25 {
	padding: 25px !important;
	}

.pad-30 {
	padding: 30px !important;
	}

.pad-35 {
	padding: 35px !important;
	}

.pad-40 {
	padding: 40px !important;
	}

.marlt-00 {
	margin-left: 0px !important;
	}
	
.marlt-05 {
	margin-left: 5px !important;
	}
	
.marlt-10 {
	margin-left: 10px !important;
	}
	
.marlt-15 {
	margin-left: 15px !important;
	}

.marlt-20 {
	margin-left: 20px !important;
	}
	
.marlt-25 {
	margin-left: 25px !important;
	}
	
.marlt-30 {
	margin-left: 30px !important;
	}
	
.marlt-35 {
	margin-left: 35px !important;
	}
	
.marlt-40 {
	margin-left: 40px !important;
	}
	
.marrt-00 {
	margin-right: 0px !important;
	}
	
.marrt-05 {
	margin-right: 5px !important;
	}

.marrt-10 {
	margin-right: 10px !important;
	}

.marrt-15 {
	margin-right: 15px !important;
	}

.marrt-20 {
	margin-right: 20px !important;
	}

.marrt-25 {
	margin-right: 25px !important;
	}

.marrt-30 {
	margin-right: 30px !important;
	}

.marrt-35 {
	margin-right: 35px !important;
	}

.marrt-40 {
	margin-right: 40px !important;
	}

.marrt-45 {
	margin-right: 45px !important;
	}
	
.marrt-50 {
	margin-right: 50px !important;
	}
	
.martop-00 {
	margin-top: 0px !important;
	}
	
.martop-05 {
	margin-top: 5px !important;
	}

.martop-10 {
	margin-top: 10px !important;
	}

.martop-15 {
	margin-top: 15px !important;
	}

.martop-20 {
	margin-top: 20px !important;
	}

.martop-25 {
	margin-top: 25px !important;
	}

.martop-30 {
	margin-top: 30px !important;
	}

.martop-35 {
	margin-top: 35px !important;
	}

.martop-40 {
	margin-top: 40px !important;
	}
	
.martop-45 {
	margin-top: 45px !important;
	}
	
.martop-50 {
	margin-top: 50px !important;
	}

.marbot-00 {
	margin-bottom: 0px !important;
	}

.marbot-05 {
	margin-bottom: 5px !important;
	}

.marbot-10 {
	margin-bottom: 10px !important;
	}

.marbot-15 {
	margin-bottom: 15px !important;
	}

.marbot-20 {
	margin-bottom: 20px !important;
	}

.marbot-25 {
	margin-bottom: 25px !important;
	}

.marbot-30 {
	margin-bottom: 30px !important;
	}

.marbot-35 {
	margin-bottom: 35px !important;
	}

.marbot-40 {
	margin-bottom: 40px !important;
	}
	
.marbot-45 {
	margin-bottom: 45px !important;
	}
	
.marbot-50 {
	margin-bottom: 50px !important;
	}

.mar-00 {
	margin: 0px !important;
	}

.mar-05 {
	margin: 5px !important;
	}
	
.mar-10 {
	margin: 10px !important;
	}

.mar-15 {
	margin: 15px !important;
	}

.mar-20 {
	margin: 20px !important;
	}

.mar-25 {
	margin: 25px !important;
	}

.mar-30 {
	margin: 30px !important;
	}

.mar-35 {
	margin: 35px !important;
	}

.mar-40 {
	margin: 40px !important;
	}

.min-height-150 {
	min-height: 150px !important;
	}

.min-height-175 {
	min-height: 175px !important;
	}
	
.min-height-200 {
	min-height: 200px !important;
	}

.min-height-225 {
	min-height: 225px !important;
	}

.min-height-250 {
	min-height: 250px !important;
	}

.min-height-275 {
	min-height: 275px !important;
	}

.min-height-300 {
	min-height: 300px !important;
	}

.min-height-325 {
	min-height: 325px !important;
	}

.min-height-350 {
	min-height: 350px !important;
	}

.min-height-375 {
	min-height: 375px !important;
	}

.min-height-400 {
	min-height: 400px !important;
	}

.min-height-425 {
	min-height: 425px !important;
	}

.min-height-450 {
	min-height: 450px !important;
	}

.min-height-475 {
	min-height: 475px !important;
	}

.min-height-500 {
	min-height: 500px !important;
	}

.min-height-525 {
	min-height: 525px !important;
	}

.min-height-550 {
	min-height: 550px !important;
	}

.min-height-575 {
	min-height: 575px !important;
	}

.min-height-600 {
	min-height: 600px !important;
	}

.center {
	margin-left: auto;
	margin-right: auto;
	}
.centerTextAlign {
	text-align: center;
	}

.floatLeft {
	float: left;
	}
	
.floatRight {
	float: right;
	}
	
.backgroundShaded {
	background-color: #DDDDDD;
	}
	
.backgroundShadedGreen {
	background-color: #e5eee9 !important;
	}

.boxShadow, .borderShadow {
	 -webkit-box-shadow: 3px 3px 6px #666; 	
	 -moz-box-shadow: 3px 3px 6px #666; 
	 box-shadow: 3px 3px 3px #666;
	}
	
.borderRadius10 {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	}
	
.borderRadius5 {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}

h1, h3, h4, h5 {
	font-weight: bold;
	color: #006f51;
	}

h1 {
	font-size:26px;
}

h2 {
	font-weight: normal;
	font-size: 18.5px;
	color: #006f51;
}

h3 {
	font-size:18px;
	margin-top: 35px;
}
	
h4 {
	font-size: 16.5px;
	margin-top: 31px;
}

h5 {
	font-size: 13.5px;
	margin-top: 4.5px;
}
	
p {
	margin-top: 16px;
	font-size: 12px;
}

ul, ol {
	margin-bottom: 10px;
	}

ul li, ol li {
	margin-top: 16px;
	}
	
.green {
	color: #006f51;
	}
	
.print-header {
	display: none;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	}

	/* IB. links ---------------------------------------------------------------------------------- */

a:link, a:visited {
	color: #006f51;
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	color: #006f51;
	text-decoration: none;
}

.aboutThirdPartyLinks {
	position: absolute;
	right: 30px;
	bottom: -65px; 
	text-align: center;
	}


	/* IC1. Includes -- Header --------------------------------------------------------------------------------- */

.header {
	overflow:hidden;
	position: relative; 
	height: 70px;
}

.logo {
	width: 190px; 
	position: relative; 
	float:left; 
	padding-left: 10px;
	height: 74px;
	}

.topLinks {
	position: absolute; top:-10px; right: 0px; 
	*width: 480px; /*IE 7 and below*/
	}
	
.topLinks ul {
	list-style: none;
	background:url(/images/menu-screen.gif) repeat-x; 
	padding-left: 0px;
	height: 26px;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 0px;
	-moz-border-radius-bottomleft: 5px; 
	-moz-border-radius-bottomright: 5px; 
	-webkit-border-bottom-left-radius: 5px; 
	-webkit-border-bottom-right-radius: 5px; 
	border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px;
	box-shadow: 0px 5px 15px #444444;
	-moz-box-shadow: 0px 5px 15px #444444;
	-webkit-box-shadow: 0px 5px 15px #444444;	
	}
	
.topLinks ul li {
	float: right; 
	text-align:center;
	margin-top: 0px;
	background:url(/images/menu-border.gif) no-repeat right top;

	}
	
.topLinks ul li a {
	color: #006f51;
	text-decoration: none;
	line-height: 26px;
	padding: 0px;
	display: block;	
	font-weight: bold;
	padding-left: 10px; 
	padding-right: 10px;
	}
	
.topLinks ul li a:link, 
.topLinks ul li a:visited {
	color: #006f51;
	text-decoration: none;
	font-weight: bold;

}

.topLinks ul li a:hover, 
.topLinks ul li a:focus, 
.topLinks ul li a:active {
	color: #ffffff;
	background-color: #006f51;
	font-weight:bold;
	
}

.searchBox {
	float: right; 
	width: 600px; 
	text-align: right;	
	padding-right: 10px;
	position: relative;
	}
	
.searchBox .socialMediaIcons {
	position: absolute; 
	right:0px; 
	top:40px;
	}
	
.searchBox .socialMediaIcons .fbIcon {
	border: 1px solid #94a3ca;
	}
	
.searchBox form {
	margin-right: 35px;
	}
	
.searchBox .searchInput {
	vertical-align:middle;
 	height: 17px;
 	position: relative;
 	left: 25px;
	}
	
.searchBox .searchGlass {
	position: relative; 
	left: 0px;
	vertical-align:middle; 
	}
	
.tagline {
	text-align: center; 
	color: #e5f0ec; 
	font-size: 23px; 
	position: absolute; 
	left:240px; 
	top: 32px; 
	width: 400px; 
	z-index:100; 
	font-style: italic; 
	font-weight: 500;
	}

	
	/* IC2. Includes -- Main Menu Items -------------------------------------------------------------------------*/
	
.menu {
	margin-top: 5px;
	}

.menu ul.navigation {
	list-style-type: none;
	background:url(../images/menu-screen.gif) repeat-x;
	height: 30px;
	padding-left: 0px;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px; 
	border-top-right-radius: 5px;
}

/*all individual menu items float left in the menu bar */
.menu ul.navigation li {
	float: left;
	text-align: center;
	position: relative;
	margin-top: 0px;
	z-index:100;
}

/* The widths of each of the individual menu items along with the border graphic to the right. the total of the widths below is 955, 5 short of the 960 width to account for uncompliant browsers.*/ 
.menu ul.navigation li.menuPersonal {
	width: 150px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.menuLoans {
	width: 170px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.menuBusiness {
	width: 150px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.menuInsurance {
	width: 105px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.menuInvestments {
	width: 105px;
	background:url(../images/menu-border.gif) no-repeat right top;	
	}
	
.menu ul.navigation li.menuRealty {
	width: 85px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.menuEducation {
	width: 190px;
	}

/*Individual items are Arial font. The Line height is 30 to match the height of the ul box, thus placing the text exactly in the middle vertically*/
.menu ul.navigation li a {
	color: #006f51;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	line-height: 30px;
	padding: 0px; 	
	font-size: 13px;
	font-weight: bold;

}

.menu ul.navigation li a:link,
.menu ul.navigation li a:visited {
	color: #006f51;
	text-decoration:none;
	}

.menu ul.navigation li a:hover,
.menu ul.navigation li a:focus,
.menu ul.navigation li a:active {
	color: #FFFFFF;
	background-color: #006f51; 
	}  
	
/*the drop down menu is an absolute that positions itself 30px (the height of the main menu) below the top.  */
.menu ul.navigation li div.subnav {
	padding: 0 5px 10px 5px;
	background-color: #FFFFFF;
	clear: both;
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px; 
	border-bottom-right-radius: 8px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
}

.menu ul.navigation li div.subnav ul {
	list-style-type: none;
	padding-left: 0px;
	padding-right: 0px;
}

.menu ul.navigation li div.subnav ul li {
	clear: both;
	height: 25px;
	padding: 3px 0;
	text-align: left;
	margin: 0px;
}

/*Each main menu item has a specific width of the drop down menu, based upon the width of the line items*/
.menu ul.navigation li.menuPersonal div.subnav ul li {
	width: 175px;
}

.menu ul.navigation li.menuLoans div.subnav ul li {
	width: 170px;
}

.menu ul.navigation li.menuBusiness div.subnav ul li {
	width: 205px;
}

.menu ul.navigation li.menuInsurance div.subnav ul li {
	width: 205px;
}

.menu ul.navigation li.menuInvestments div.subnav ul li {
	width: 115px;
}

.menu ul.navigation li.menuRealty div.subnav ul li {
	width: 200px;
}

.menu ul.navigation li.menuEducation div.subnav ul li {
	width: 180px;
}


/*All items in the drop down menu are Arial dcu green.*/
.menu ul.navigation li div.subnav ul li a:link,
.menu ul.navigation li div.subnav ul li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006f51;
	text-decoration: none;
	border: 0px;
	padding-right: 0px;
	padding-left: 5px;
	background-color: #ffffff !important;	
}


/*upon hovering over any of the drop down menu line items, the background will turn to a light gray*/
.menu ul.navigation li div.subnav ul li a:hover,
.menu ul.navigation li div.subnav ul li a:focus,
.menu ul.navigation li div.subnav ul li a:active {
	background-color: #DDDDDD !important;
	border: 0px;
}




/*The styling of the dashed divider between the line items of the drop down menu*/
.menu ul.navigation li div.subnav ul li.dashedDivider {
	 border-top: 1px dashed #333333; 
	 margin-top: 10px; 
	 padding-top: 0px; 
	 padding-bottom: 0px; 
	 height: 5px;
	}

/*the style of the description items used in the Education and Resources drop down menu. Since the width of the line item is 175px, the padding-left and the line item must not exceed this length*/
.menu ul.navigation li div.subnav ul li.subnavItemDescription {
	margin-top: 0px; 
	padding-top: 0px; 
	padding-left: 15px; 
	padding-bottom: 0px; 
	height: 20px; 
	color: #666666;
	width: 165px;
}


	/* IC2A. Includes -- Main Menu Items for DCU Insurance -------------------------------------------------------*/

/* The widths of each of the individual menu items along with the border graphic to the right. the total of the widths below is 955, 5 short of the 960 width to account for uncompliant browsers.*/ 


.menu ul.navigation li.dcuInsuranceQuote {
	width: 175px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.dcuInsuranceQuote a:link,
.menu ul.navigation li.dcuInsuranceQuote a:visited {
	color: #004990;
	text-decoration:none;
	}

.menu ul.navigation li.dcuInsuranceQuote a:hover,
.menu ul.navigation li.dcuInsuranceQuote a:focus, 
.menu ul.navigation li.dcuInsuranceQuote a:active {
	color: #FFFFFF;
	background-color: #004990;		
	}

	
.menu ul.navigation li.dcuInsuranceChange {
	width: 205px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.dcuInsuranceChange a:link,
.menu ul.navigation li.dcuInsuranceChange a:visited {
	color: #004990;
	text-decoration:none;
	}
	
.menu ul.navigation li.dcuInsuranceChange a:hover,
.menu ul.navigation li.dcuInsuranceChange a:focus,
.menu ul.navigation li.dcuInsuranceChange a:active {
	color: #FFFFFF;
	background-color: #004990;		
	}	
	
.menu ul.navigation li.dcuInsuranceBilling {
	width: 160px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.dcuInsuranceBilling a:link,
.menu ul.navigation li.dcuInsuranceBilling a:visited {
	color: #004990;
	text-decoration:none;
	}

.menu ul.navigation li.dcuInsuranceBilling a:hover,
.menu ul.navigation li.dcuInsuranceBilling a:focus,
.menu ul.navigation li.dcuInsuranceBilling a:active {
	color: #FFFFFF;
	background-color: #004990;	
	}

	
.menu ul.navigation li.dcuInsuranceReport {
	width: 160px;
	background:url(../images/menu-border.gif) no-repeat right top;
	}
	
.menu ul.navigation li.dcuInsuranceReport a:link,
.menu ul.navigation li.dcuInsuranceReport a:visited {
	color: #004990;
	text-decoration:none;
	}

.menu ul.navigation li.dcuInsuranceReport a:hover,
.menu ul.navigation li.dcuInsuranceReport a:focus,
.menu ul.navigation li.dcuInsuranceReport a:active {
	color: #FFFFFF;
	background-color: #004990; 		
	}

	
.menu ul.navigation li.dcuInsuranceContact {
	width: 125px;
	background:url(../images/menu-border.gif) no-repeat right top;	
	}
	
.menu ul.navigation li.dcuInsuranceContact a:link,
.menu ul.navigation li.dcuInsuranceContact a:visited {
	color: #004990;
	text-decoration:none;
	}
	
.menu ul.navigation li.dcuInsuranceContact a:hover,
.menu ul.navigation li.dcuInsuranceContact a:focus,	
.menu ul.navigation li.dcuInsuranceContact a:active {
	color: #FFFFFF;
	background-color: #004990; 	
	}	

	
.menu ul.navigation li.dcuInsuranceResources {
	width: 125px;
	}
	
.menu ul.navigation li.dcuInsuranceResources a:link,
.menu ul.navigation li.dcuInsuranceResources a:visited {
	color: #004990;
	text-decoration:none;
	}
	
.menu ul.navigation li.dcuInsuranceResources a:hover,
.menu ul.navigation li.dcuInsuranceResources a:focus,	
.menu ul.navigation li.dcuInsuranceResources a:active {
	color: #FFFFFF;
	background-color: #004990; 	
	}	
	

	/* IC3. Includes -- Bottom Links and Company Info-Branch Includes ------------------------------------------------------*/

/*These bottomLinks should match exactly the topLinks in the header include*/
.bottomLinks a:link, 
.bottomLinks a:visited {
	color: #333333;
	font-weight:bold;
	text-decoration: none;
}

.bottomLinks a:hover, 
.bottomLinks a:focus, 
.bottomLinks a:active {
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}

.bottomLinks {
	height: 50px; 
	line-height: 50px; 
	padding-left: 10px; 
	overflow:hidden;
	clear:both;
}

.socialMedia {
	height: 50px; 
	float: right; 
	text-align: right; 
	line-height: 50px; 
	font-weight:bold; 
	padding-right: 10px;
}

.socialMedia img {
	vertical-align:middle;
	padding-bottom: 2px;
	}

.companyInfo {
	border-top: 1px solid #006f51; 
	text-align: center; 
	color: #006f51; 
	padding-top: 10px;
	}
	
.companyInfo p {
	margin-bottom: 7px;
	margin-top: 0px;
	font-size: 10px; 
	
	}

.dcuInsuranceCompanyInfo {
	border-top: 1px solid #004990; 
	text-align: center; 
	color: #333333; 
	padding-top: 10px;
	font-size: 11px;
	}
	
.dcuInsuranceCompanyInfo p {
	margin-bottom: 7px;
	margin-top: 0px;
	font-size: 11px; 
	
	}

.company-branches {
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px;
	overflow:hidden;
	background-color: #eeeeee;
	margin-top: 15px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;

	}

.company-branches .branchListings {
	float: right;
	width: 72%; 
	font-size: 11px;
	}	

.company-branches .branchListings .holidayClosing {
	float: left;
	width: 100%;
	font-size: 11px;
	padding-top: 10px;
	}

	
/*Make the link in DCU Insurance holiday closings blue*/
.dcuInsurance-branches  .branchListings .holidayClosing a:link,
.dcuInsurance-branches  .branchListings .holidayClosing a:visited {
	color: #004990;
	text-decoration: underline;	
	}

.dcuInsurance-branches  .branchListings .holidayClosing a:hover,
.dcuInsurance-branches  .branchListings .holidayClosing a:focus,
.dcuInsurance-branches  .branchListings .holidayClosing a:active {
	color: #004990;
	text-decoration: none;	
	}

	
.company-branches h5 {
	color: #333333;
	font-size: 12px;
	}
	
.company-branches .branchListings .branchesMA {
	float: left;
	width: 65%; 
	}
	
.company-branches .branchListings .branchesNH {
	 float:right;
	 width: 33%;
	}

.company-branches .branchListings .branchesMA .branchMAListings {
	float: left;
	}
	
.company-branches .branchListings ul {
	list-style: none; 
	padding-left: 5px;
	}
	
.company-branches .branchListings ul li {
	margin-top: 2px;
	}
/*Make the all branch links green*/	
.company-branches .branchListings ul li a:link,
.company-branches .branchListings ul li a:visited {
	text-decoration: none;
	color: #006f51;
	}
	
/*But Make the branch links in the DCU Insurance area blue*/
.dcuInsurance-branches .branchListings ul li a:link,
.dcuInsurance-branches .branchListings ul li a:visited {
	text-decoration: none;
	color: #004990;
	}
/*Make the all branch links green*/
.company-branches .branchListings ul li a:hover,
.company-branches .branchListings ul li a:focus,
.company-branches .branchListings ul li a:active {
	text-decoration: underline;
	color: #006f51;
	}

/*But make the branch links in the DCU Insurance area blue*/
.dcuInsurance-branches .branchListings ul li a:hover,
.dcuInsurance-branches .branchListings ul li a:focus,
.dcuInsurance-branches .branchListings ul li a:active {
	text-decoration: underline;
	color: #006f51;
	}
	
.company-branches .infoDCU {
	float: left;
	width: 25%; 	
	text-align: center; 
	color: #006f51; 
	padding-top: 0px;
	border-right: 1px solid #cccccc;

	}
	
.company-branches .infoDCU p {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 10px; 
	color: #333333;
	}	
	
.company-branches .infoDCU p img {
	margin-top: 5px;
	}
	
	
	/* IC4. Includes -- DCU Financial, DCU Insurance Include ----------------------------------------------*/

.dcuFinancial,
.dcuInsurance,
.dcuInsuranceHome {
	border-top: 1px solid #006f51; 
	text-align: center; 
	color: #006f51; 
	font-size: 10px;
	line-height: 1.2;
	padding-bottom: 10px;
	padding-left: 50px;
	padding-right: 50px;
	}	
	
.dcuInsuranceHome {
	color: #333333;
	border-top: none;
	margin-top: 20px;
	}
	
.dcuFinancial p {
	margin-top: 8px;
	font-size: 10px;
	}
	
.dcuInsurance p,
.dcuInsuranceHome p {
	margin-top: 8px;
	text-align: left;
	}
	
.dcuInsuranceHome p {
	font-size: 11px;
	}
	
.dcuInsuranceLogoDiv { 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	width: 186px; 
	height: 36px;
	}
	
.dcuFinancial .declarations {
	width: 600px; 
	overflow: hidden; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px 0px;
	}
	
.dcuFinancial .declarations .firstDeclaration {
	float:left; 
	width: 170px; 
	text-align: center;  
	border: 1px solid #006f51; 
	padding: 5px 0px;
	}
	
.dcuFinancial .declarations .secondDeclaration {
	float:left; 
	width: 245px; 
	text-align: center; 
	border-top: 1px solid #006f51; 
	border-bottom: 1px solid #006f51; 
	padding: 5px 0px;
	}
	
.dcuFinancial .declarations .thirdDeclaration {
	float:left; 
	width: 170px; 
	text-align: center; 
	border: 1px solid #006f51; 
	padding: 5px 0px;
	}
	
	
.financial, 
.dcuInsuranceDisclaimer {
	width: 90%; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px;
	overflow:hidden;
	margin-top: 15px;
	}

.financial .infoFinancial,
.dcuInsuranceDisclaimer .infoInsurance {
	float: left;
	width: 25%; 	
	text-align: center; 
	color: #006f51; 
	padding-top: 0px;
	border-right: 1px solid #cccccc;
	}	
	
.financial .infoFinancial h5,
.dcuInsuranceDisclaimer .infoInsurance h5 {
	color: #333333;
	font-size: 12px;
	}
	
.financial .infoFinancial p,
.dcuInsuranceDisclaimer .infoInsurance p {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 10px; 
	color: #333333;
	}
	
.financial .disclosuresFinancial,
.dcuInsuranceDisclaimer .disclosuresInsurance {
	float: right;
	width: 72%; 
	font-size: 11px;
	}
	
.financial .disclosuresFinancial .declarations {

	width: 95%; 
	overflow: hidden; 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px 0px;
	}
	
.financial .disclosuresFinancial .declarations .firstDeclaration {
	float:left; 
	width: 30%; 
	text-align: center;  
	border: 1px solid #006f51; 
	padding: 5px 0px;
	}
	
.financial .disclosuresFinancial .declarations .secondDeclaration {
	float:left; 
	width: 37%; 
	text-align: center; 
	border-top: 1px solid #006f51; 
	border-bottom: 1px solid #006f51; 
	padding: 5px 0px;
	}
	
.financial .disclosuresFinancial .declarations .thirdDeclaration {
	float:left; 
	width: 30%; 
	text-align: center; 
	border: 1px solid #006f51; 
	padding: 5px 0px;

	}	
	
.shareDCU-Insurance {
	text-align: right; 
	margin-right: 10px;

	}

/*DCU Insurance blue overrides the normal DCU green*/
.dcuInsuranceTopLinks .topLinks ul li a {
	color: #004990;

	}
	
.dcuInsuranceTopLinks .topLinks ul li a:link, 
.dcuInsuranceTopLinks .topLinks ul li a:visited {
	color: #004990;

}

.dcuInsuranceTopLinks .topLinks ul li a:hover, 
.dcuInsuranceTopLinks .topLinks ul li a:focus, 
.dcuInsuranceTopLinks .topLinks ul li a:active {
	background-color: #004990;
	color: #ffffff;
}

/*For shortened menu items of DCU Insurance*/
.dcuInsuranceTopLinks .topLinks {
	*width: 460px; /*IE 7 and below*/
	}


    /* IC5. Includes -- Branches at bottom of pages ----------------------------------------------*/

.branches {
	font-size: 11px; 
	border-top: 1px solid #006f51; 
	padding: 10px; 
	}
	
.insurance .branches {
	border-top: 1px solid #004990;
	}



	/* IC6. Includes -- General Includes ---------------------------------------------------------*/

.thirdPartyLinks p {
	margin-top: 10px;
	margin-bottom: 8px;
	text-align: left;
	color: #333333;	
	font-size: 11px;
	line-height: 1.2;
	}




/* II. Codes used on specific pages------------------------------------------------------------ */
	/* IIA. Item pages ---------------------------------------------------------------------------*/
	
.content {
	 margin-top: 10px;
	}
	
.itemHeader {
	 overflow: hidden;
	}
	
.itemName {
	 float: left; 
	 width: 710px;
	 padding-left: 10px;
	}
	
.bazaarVoice {
	float: right; 
	width: 180px; 
	text-align: left;
	background-color:white;
	padding-left: 20px;
	padding-right: 10px;
	}
	
.productImage {
	width: 420px; 
	text-align: right; 
	margin-top: 35px;
	float:right;
	padding-right: 30px;
	}
	
.videoImage {
	width: 319px; 
	text-align: right; 
	margin-top: 35px;
	float:right;
	padding: 10px; 
	border: 1px solid #006f51; 
	margin-right: 25px;
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	}
	
.videoImage .videoText {
	text-align: left; 
	font-weight: bold; 
	color: #006f51; 
	margin-top: 5px; 
	font-size: 14px;
	}

.features ul li {
	font-size: 16px;
	margin-top: 9px;
	}
	
.overview {
	font-size: 14px;
	}
	
.overview p {
	margin-top: 16px;
	}

.tabTestimonial,
.testimonialRight {
	float: right; 
	position: relative;
	width: 200px; 
	border: 2px solid #999999; 
	margin-right: 25px; 
	margin-top: 35px; 
	margin-bottom: 20px;
	padding: 20px;
	-webkit-box-shadow: 3px 3px 6px #666; 	
	-moz-box-shadow: 3px 3px 6px #666; 
	box-shadow: 3px 3px 3px #666;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	}
	
.tabTestimonial h3,
.testimonialRight h3 {
	border-bottom: 1px solid #006f51; 
	color: #006f51; 
	margin-bottom: 10px;
	margin-top: 0px;
	text-align:center;
	}
	
.tabTestimonial p,
.testimonialRight p {
	font-size: 18px; 
	font-style:italic;
	}
	
.tabTestimonial .name,
.testimonialRight .name {
	 text-align: right; 
	 font-weight: bold; 
	 font-size: 12px;
	 font-style: normal;
	}
.tabContentLeft {
	float: left; 
	width: 590px;
	}

.singleLineList li {
	padding-bottom: 0px;
	margin-bottom: -14px;
	}



/*Visa rate formats*/
	
.visaRates table {
	border: 1px solid #000000;
	margin-right: 20px;
	}

.visaRates table td,
.visaRates table th {
	padding: 5px 10px;
	}
	
.visaRates table tr.lineAbove {
	border-top: 1px solid #999999;
	}	
	
.visaRates table td.leftColumnTable {
	font-size: 14px;
	font-weight: bold;
	border-right: 1px solid #999999;
	width: 40%;
	}
	
.visaRates table ul,
.visaRates table ul li {
	margin-top: 0px;
	}
	
.visaRates table .none {
	font-weight: bold;
	font-size: 14px;
	}


	
.rates {
	line-height: 1.4;
	}
	
.rates p {
	margin-top: 8px;
	}

.rates table {
	width: 860px;
	border: 1px solid #006f51;
	margin-top: 15px;
	}
	
.rates table.applyNow {
	width: 90%;
	}

 .rates table th, 
 .rates table td {
	 padding: 7px 30px;
	 text-align: center;
	 vertical-align:middle;
	 }
	 
.rates table .headerRow th {
	font-weight: bold;
	color: #006f51;
	background: #cbe1d5;
	vertical-align:middle;
	}
	
.rates table td a {
	font-weight: bold;
	}
	
.rates .mortgageRates .head {
	display: none;
	}
	
.rates .mortgageRates table td {
	font-size: 90%;
	}

.table {
	border: 1px solid #006f51;
	margin-top: 15px;
}

.table th,
.table td {
	 padding: 7px 15px;
	 text-align: center;
	 vertical-align: middle;	
}

.table .headerRow th {
	font-weight: bold;
	color: #006f51;
	background: #cbe1d5;
	vertical-align: middle;
}

.table td a {
	font-weight: bold;
	}
	
table .disclosures {
	width: 100%;
	text-align: left;
	}

h1 sup,
h3 sup,
sup {
	 height: 0; 
	 line-height: 1; 
	 vertical-align: baseline; 
	 _vertical-align: bottom; 
	 position: relative; 
	 bottom: 1ex;
	 font-size: 80%;
	}
	
.disclosures {
	 font-size: 11px;
	 line-height: 1.2;
	 width: 80%;
	 margin-top: 5px;
	 margin-bottom: 10px;
	}
	
.disclosures p {
	margin-top: 8px;
	font-size: 11px;
	}

	
.applyButton, 
.applyButton1,
.applyButton2,
.applyButton3 {
	margin-top: 0px;
	margin-bottom: 15px;
	width: 141px;
	height: 49px; 
	background:url(../images/applyButton.png) 0 0 no-repeat; 
	line-height:49px; 
	text-align: center; 
	color: #333333; 
	font-size: 14px; 
	font-weight: bold;
	}
	
.applyButtonMedium {
	margin: 10px auto 5px;
	width: 125px;
	height: 49px; 
	background:url(../images/applyButtonMedium.png) 0 0 no-repeat; 
	line-height:49px; 
	text-align: center; 
	color: #333333; 
	font-size: 14px; 
	font-weight: bold;
	}	
	
.applyButton a:link, 
.applyButton a:visited,
.applyButton1 a:link,
.applyButton1 a:visited,
.applyButton2 a:link, 
.applyButton2 a:visited,
.applyButton3 a:link, 
.applyButton3 a:visited {
	color: #333333 !important;
	text-decoration:none !important;
	}

.applyButtonMedium a:link, 
.applyButtonMedium a:visited {
	color: #333333 !important;
	text-decoration:none !important;
	}
	
.applyButton a:hover, 
.applyButton a:focus,
.applyButton a:active,
.applyButton1 a:hover,
.applyButton1 a:focus,
.applyButton1 a:active,
.applyButton2 a:hover, 
.applyButton2 a:focus,
.applyButton2 a:active,
.applyButton3 a:hover, 
.applyButton3 a:focus,
.applyButton3 a:active {
	text-decoration: none !important;
	color: #333333 !important;
	}

.applyButtonMedium a:hover, 
.applyButtonMedium a:focus,
.applyButtonMedium a:active {
	text-decoration: none !important;
	color: #333333 !important;
	}

.competitorComparison tr td {
	padding: 5px;
	}
	
.competitorComparison .headerRow {
	background: #cbe1d5;

	}
	
.competitorComparison .headerRow td {
	font-weight: bold;
	text-align: center;
	vertical-align:middle;	
	}
	
.competitorComparison table {
	border-top: 1px solid #bbbbbb;
	border-left: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	margin-right: 20px;
	margin-top: 10px;
	}
	
.competitorComparison tr td {
	border-bottom: 1px solid #bbbbbb;
	border-right: 1px solid #bbbbbb;
	text-align: center;
	}
	
.competitorComparison .checkmark {
	color: #006f51;
	font-size: 18px;
	text-align: center;

}
	
.autoLoanCalculator {
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
	margin-top: 30px;
	border: 1px solid #006f51; 
	width: 450px;
	}
	
.autoLoanCalculator h1 {
	text-align: center; 
	margin-top: 0px; 
	padding-bottom: 5px; 
	margin-bottom: 10px; 
	background: #cbe1d5; 
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	}
	
.autoLoanCalculator .inputAmounts {
	float: left; 
	width: 69%; 
	overflow: hidden; 
	padding: 10px 0px;
	}	
	
.autoLoanCalculator .inputAmounts h4 {
	margin: 10px 0px 5px; 
	padding: 5px 0px; 
	background: #cbe1d5; 
	text-align: center;
	}
	
.autoLoanCalculator form .row {
	overflow: hidden; 
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
.autoLoanCalculator form .row .label {
	float: left; 
	width: 49%; 
	text-align: right; 
	font-size: 11px; 
	font-weight: bold;  
	line-height: 13px;
	}
	
.autoLoanCalculator form .row .label .explanation {
	font-size: 10px; 
	font-weight: normal;
	}
	
.autoLoanCalculator form .row .input {
	float: right; 
	text-align: left; 
	width: 49%;
	}
	
.autoLoanCalculator .results {
	float:right; 
	width: 30%;
	}
	
.autoLoanCalculator .results h4 {
	background: #dddddd; 
	color: #006f51; 
	text-align: center; 
	padding: 5px; 
	line-height: 1.2; 
	font-size: 13px; 
	margin-top: 0px;
	}
	
.autoLoanCalculator .results .amount {
	font-weight: bold; 
	color: #333333; 
	font-size: 26px; 
	height: 30px; 
	text-align: center; 
	border-bottom: 1px solid #cbe1d5; 
	border-left: 1px solid #cbe1d5; 
	border-bottom: 1px solid #cbe1d5; 
	padding-bottom: 3px;
	}
	
.autoLoanCalculator .results h4.savings {
	background: #006f51; 
	color: #FFFFFF; 
	text-align: center; 
	padding: 5px; 
	line-height: 1.2; 
	font-size: 13px; 
	margin-top: 10px;
	}
	
.autoLoanCalculator .results .savingsAmount {
	font-weight: bold; 
	color: #006f51; 
	font-size: 26px; 
	text-align: center; 
	height: 30px; 
	border-bottom: 1px solid #cbe1d5; 
	border-left: 1px solid #cbe1d5; 
	border-bottom: 1px solid #cbe1d5; 
	padding-bottom: 3px;
	}
	
	/* IIB. Non product page without tabs ---------------------------------------------------------------------------*/

.itemInformation {
	background-color: #FFFFFF; 
	overflow: hidden; 
	margin-top: 15px; 
	padding-left: 25px;
	padding-top: 5px; 
	padding-bottom: 20px;
	}
	
.itemInformationLeft {
	 width: 600px; 
	 float:left;
	}
	
.itemInformationRight {
	float: right; 
	width: 250px; 
	padding: 10px 10px; 
	margin-top: 30px;
	position: relative;
	}
	
	/* IIC. Branch Office ---------------------------------------------------------------------------*/

.branch .itemName {
	width: 460px;
	}
	
.branch .branchPicture {
	float: left; 
	width: 250px;
	margin-bottom: 10px;
	}
	
.branch .branchProducts {
	 float: left;
	 width: 30%;
	 padding-left: 2%;
	 min-height:400px;
	}
	
.branch .branchFeatures ul li {
	font-size: 14px;
	margin-top: 4px;
	}
	
.branch .surroundingCities {
	width: 455px;
	overflow: hidden;
	}
	
.branch .surroundingCitiesList {
	width: 33%; 
	float: left;
	margin-top: 10px;
	}
	
.branch .surroundingCitiesList ul li {
	margin-top: 0px;
	}

	
	
	/* IID. Product landing pages ---------------------------------------------------------------------------*/

.landingPage {
	 padding-top: 15px; 
	 padding-bottom: 15px;
	}
	
.landingPage .productRow {
	clear:both;
	overflow: hidden;
}

	
.landingPage .oneOfFour,
.landingPage .twoOfFour,
.landingPage .threeOfFour,
.landingPage .fourOfFour,
.landingPage .oneOfThree,
.landingPage .twoOfThree,
.landingPage .threeOfThree,
.landingPage .oneOfTwo,
.landingPage .twoOfTwo {
	position: relative; 
	float: left; 
	width: 215px; 
	margin: 0px 0px 0px 20px; 
	border: 1px solid #006f51;  
	background: #FFFFFF; 
	line-height:1.2; 
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px; 
	border-top-left-radius: 10px; 
	border-top-right-radius: 10px;
	-webkit-box-shadow: 3px 3px 6px #666; 	
	 -moz-box-shadow: 3px 3px 6px #666; 
	 box-shadow: 3px 3px 3px #666;
	}
	
.landingPage .oneOfFour,
.landingPage .oneOfThree,
.landingPage .oneOfTwo {
	margin-left: 10px;
	}



	
.landingPage h3 {
	 background: #006f51; 
	 padding: 5px; 
	 margin-top: 0px; 
	 text-align: center; 
	 min-height: 40px; 
	 -moz-border-radius-topleft: 10px; 
	 -moz-border-radius-topright: 10px;
	 -webkit-border-top-left-radius: 10px;
	 -webkit-border-top-right-radius: 10px; 
	 border-top-left-radius: 10px; 
	 border-top-right-radius: 10px;
	 font-size: 16px;
	}
	
.landingPage h3 a:link,
.landingPage h3 a:visited {
	color: white;
	text-decoration: none;
	}	
	
.landingPage h3 a:hover {
	color: white;
	text-decoration: underline;
	}
	
.landingPage h3 a:focus,
.landingPage h3 a:active {
	color: white;
	text-decoration: none;
	}
	
.landingPage h5 a:link,
.landingPage ul li a:link,
.landingPage h5 a:visited,
.landingPage ul li a:visited,
.landingPage h5 a:hover,
.landingPage ul li a:hover,
.landingPage h5 a:focus,
.landingPage ul li a:focus,
.landingPage h5 a:active,
.landingPage ul li a:active {
	text-decoration: none;
	color: #333333;
	}	
	
.landingPage h3 a:hover {
	color: white;
	text-decoration: underline;
	}
	
.landingPage h3.oneLine {
	line-height: 40px; 
	}
	
.landingPage h5 {
	 padding: 10px; 
	 color: #333333;
	 text-align: center;
	 font-size: 12px;
	}

.landingPage ul {
	 margin-right: 5px;
	}
	
.landingPage ul li {
	 margin-top: 3px;
	}
	
.landingPage .ratings {
	position: absolute; 
	bottom: 15px; 
	width: 213px;
	text-align:center;
	}
	
.landingPage .ratings p {
	margin-top: 5px;
	}
	
.landingPage table.comparisonChart {
	 border: 1px solid #bbbbbb;
	 background: #ffffff;
	}	
	
.landingPage table.comparisonChart .productHighlights {
	border-bottom: 1px solid #bbbbbb; 
	text-align: left;
	}
	
.landingPage table.comparisonChart .reviews,
.landingPage table.comparisonChart .learnMore {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	}

	
.landingPage table.comparisonChart td,
.landingPage table.comparisonChart th {
	padding: 5px;
	border-bottom: 1px solid #bbbbbb;
	vertical-align:middle;
	text-align: center;
	}
	
.landingPage table.comparisonChart td.yield,
.landingPage table.comparisonChart td span {
	font-size: 19px; 
	font-weight: bold;
	}
	
.landingPage table.comparisonChart td span.text {
	font-size: 11px;
	font-weight: normal;
	}
	
.landingPage table.comparisonChart td span.months {
	font-size: 10px;
	font-weight: normal;
	}
	
.landingPage table.comparisonChart th {
	border-bottom: 0px; 
	padding-top: 10px; 
	padding-bottom: 5px; 
	font-size: 17px;
	}
	
.landingPage table.comparisonChart .compare {
	border-bottom: 0px; 
	}
	
.landingPage table.comparisonChart ul li {
	text-align: left;
	}
	
.landingPage table.comparisonChart th a:link,
.landingPage table.comparisonChart th a:visited {
	text-decoration: underline;
	font-weight: bold;
	color: #006f51;
	}
	
.landingPage table.comparisonChart th a:hover,
.landingPage table.comparisonChart th a:focus,
.landingPage table.comparisonChart th a:active {
	text-decoration: none;
	}

	
.landingPage table.comparisonChart tr td.onePointLine {
	 height: 1px; 
	 background-color: #bbbbbb; 
	 padding: 0px; 
	 margin: 0px;
	}
	
.landingPage table.comparisonChart .applyNowSmaller {
	background:url(../images/applyButtonSmall.png) center top no-repeat; 
	height: 43px; 
	line-height: 43px; 
	font-size: 11px; 
	margin-top: 0px; 
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	}
	
	
.landingPage table.comparisonChart .productFeature {
	background-color: #e5eee9;
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding-left: 10px;

	}
	
.landingPage table.comparisonChart .productFeature ul {
	padding-left: 15px;
	}
	
.landingPage table.comparisonChart .checkmark {
	color: #006f51;
	font-size: 18px;
	text-align: center;

}
	
	/* IIE. Index page ---------------------------------------------------------------------------*/

.toolbar {
	margin-top:15px;
	}

.toolbar ul
{
  margin: 0;
  padding: 0px 10px;
  font-weight: bold;
}

.toolbar h5 {
	padding-left: 20px; 
	margin-top: 10px; 
	margin-bottom: 0px; 
	font-size: 13px;
	color: #333333;
	}
.toolbar ul li {
  list-style-type: none;
  padding:0;
  text-align:left;
  line-height: 16px;
  padding-left: 10px;
  margin-left: 0px;
  margin-top: 3px;
}
	
.toolbar ul li a,
.toolbar ul li a:link,
.toolbar ul li a:visited
{
  color: #006f51;
  text-decoration: none;
  font-weight:normal;
}
.toolbar ul li a:focus,
.toolbar ul li a:hover
{
  text-decoration: underline;
  font-weight:normal;
}

.toolbar ul.subMenu {
	margin-bottom: 5px;
	margin-top: 0px;
	padding-top: 0px;
	border: none;
	font-size: 12px;
	}

.toolbar ul.subMenu li {
	line-height:1em;
	padding-left: 10px;
	border: none;
	font-weight:normal;
	margin-left: 0px;
  	background:url(../images/triangle-smallGreen.png) no-repeat 0% 52%;
	margin-top: 5px;

	}
	
 .toolbar .subMenuTitle {
 	color: #006f51; 
 }
 
.sidebar {
	float:left; 
	width: 200px;
}
 
.banking {
	overflow: hidden; 
	border: 1px solid #dddddd; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	margin-bottom: 20px; 
	margin-left: 2px; 
	margin-right: 2px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab; 
}

.banking h5 {
	background:url(../images/menu-screen.gif) repeat-x #cccccd; 
	padding: 3px 10px; 
	margin-top: 0px;
}

.banking .bankingForm {
	overflow: hidden; 
	background:url(../images/banking-screen.gif) repeat-x #cccccd;
}

.banking .forgotPassword {
	float:left; 
	font-size: 10px;
	margin-top: 3px;
	width: auto; 
	height: 20px; 
	line-height:20px; 
	margin-left: 5px;
	}
	
.products {
	 float: right;
	 width: 740px;
	}
	
.specialMessages {
	border: 3px solid #006f51; 
	padding: 10px; 
	margin-bottom: 15px;
	background-color: #ffffc6; 
	}
	
.specialMessages h3 {
	margin-top: 0px;
	border-bottom: 1px solid #333333; 
	padding-bottom: 2px;
	}

.specialMessages p {
	margin-top: 9px;
	}
	
.slideShow {
	height: 150px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;  
	border: 1px solid #cccccc;
	margin-bottom: 5px; 
	margin-left: 2px; 
	margin-right: 2px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	}
	
.slideShow .dwuserEasyRotator {

	position:relative; 
	text-align: left;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 

	}	
	
.productsPromoted {
	overflow: hidden; 
	margin-top: 20px;
	}
	
.productsPromoted h5 {
	color: #333333;
	}

/*all products promoted individual boxes have a green shade, 2px on left and right side and 5px below*/	
.productsPromoted .productOneOfThree,
.productsPromoted .productTwoOfThree,
.productsPromoted .productThreeOfThree {
	width: 235px; 
	border: 1px solid #006f51; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	background-color: #FFFFFF;
	padding-top: 10px;
	min-height:140px;
	margin-left: 2px; 
	margin-right: 2px; 
	margin-bottom: 10px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab; 
	}

/*The first two products boxes float left*/	
.productsPromoted .productOneOfThree,
.productsPromoted .productTwoOfThree {
	float:left;
	}
	
.productsPromoted .productOneOfThree {
	margin-right: 11px;
	}

/*the third product box floats right so it can line up on the right edge*/	
.productsPromoted .productThreeOfThree {
	float:right;
	}
	
.productsPromoted h4 {
	padding: 0px 10px; 
	text-align: left; 
	margin-top: 0px; 
	line-height: 16px;
	font-size: 13.5px; 
	color: #333333;
	}
	
.productsPromoted p {
	padding: 0px 10px; 
	line-height: 16px;
	margin-top: 5px; 
	text-align: left;
	}
	
.productsPromoted p.learnMore {
	 padding: 0px 10px; 
	 line-height: 1.2; 
	 margin-top: 20px; 
	 margin-bottom: 15px; 
	 text-align: left;
	}
	
.productsPromoted .promotionalPicture {
	float: right;
	width: 75px; 
	margin: 5px 10px;
	height: 95px;
	}

.ratesFrontPage {
	border: 1px solid #006f51; 
	padding: 5px 0px; 
	font-size: 11px; 
	line-height: 1.2; 
	margin-top: 15px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background: #ffffff;
	margin-left: 2px; 
	margin-right: 2px; 
	margin-bottom: 10px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	}
	
.ratesFrontPage h3 {
	padding-left: 10px; 
	margin-top: 0px;
	color: #333333;
	}
	
.ratesFrontPage h5 {
	background: #cbe1d5; 
	padding: 1px 10px;
	margin-top: 5px;
	}
	
.ratesFrontPage h5 span {
	font-size: 10px; 
	color: #333333; 
	font-weight: normal;
	}
		
.ratesFrontPage table {
	font-weight: bold;
	width: 100%; 
	text-align: right;
	}
	
.ratesFrontPage table tr td {
	padding: 2px 10px;
	}
	
.ratesFrontPage .ratesExplanation {
	padding-left: 10px; 
	font-size: 9px; 
	margin-top: 5px;
	}

.ratesFrontPage a,
.ratesFrontPage a:link,
.ratesFrontPage a:visited
{
  color: #333333;
  text-decoration: underline;
  font-weight:normal;
}

.ratesFrontPage a:focus,
.ratesFrontPage a:hover
{
  text-decoration: none;
  font-weight:normal;
}

.productListFrontPage {
	overflow:hidden; 
	margin-top: 20px; 
	padding: 0px;
	}

.productListFrontPage .productLists {
	float:left; 
	margin-right: 2px;
	margin-left: 2px;
	border: 1px solid #CCCCCC; 
	padding-left: 5px; 
	background: #ffffff;
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab; 
	margin-bottom: 10px;
	
	}
	
.productListFrontPage .services {
	padding-right: 5px;
	margin-right: 2px;
	margin-left: 2px;
	overflow: hidden;
	float: right;
	margin-bottom: 10px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab; 
	}
	
.productListFrontPage .productLists ul {
	list-style:none; 
	padding-left: 5px;
	margin-left: 5px;
	}
	
.productListFrontPage .productLists ul li{
	margin-top: 2px;
	}
	
.productListFrontPage .productLists a,
.productListFrontPage .productLists a:link,
.productListFrontPage .productLists a:visited {
  color: #006f51;
  text-decoration: none;
  font-weight:normal;
}

.productListFrontPage .productLists a:focus,
.productListFrontPage .productLists a:hover {
  text-decoration: underline;
  font-weight:normal;
}

.productListFrontPage h5 {
	color: #333333;
	margin-left: 5px;
	}

.resourcesFrontPage {
	overflow: hidden;
	margin-top: 10px;
	}
	
.resourcesFrontPage fieldset.resources {
	border: 1px solid #cccccc; 
	width:70%; 
	overflow:hidden; 
	margin-left: 2px; 
	padding-top: 10px; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab; 
	margin-bottom: 10px;	
	}
	
.resourcesFrontPage fieldset.resources legend,
.resourcesFrontPage fieldset.shareDCU legend {
	color: #333333; 
	padding-left: 5px; 
	padding-right: 5px; 
	margin-left: 10px; 
	font-size: 13.5px; 
	font-weight: bold;
	text-align: left;
	}
	
.resourcesFrontPage fieldset.resources .resourceContent {
	float: left; 
	margin-top: 5px;
	margin-bottom: 10px;
	}

.resourcesFrontPage fieldset.resources .resourceContent ul {
	 margin-top: 0px;
	 list-style: none;
	 padding-left: 15px;
	}
	
.resourcesFrontPage fieldset.resources .resourceContent ul li {
	 margin-top: 2px;
	}
	
.resourcesFrontPage fieldset.resources .resourceContent a,
.resourcesFrontPage fieldset.resources .resourceContent a:link,
.resourcesFrontPage fieldset.resources .resourceContent a:visited {
	color: #006f51;
  	text-decoration: none;
  	font-weight:normal;
	}
	
.resourcesFrontPage fieldset.resources .resourceContent a:focus,
.resourcesFrontPage fieldset.resources .resourceContent a:hover {
	text-decoration: underline;
  	font-weight:normal;
	}
	
.resourcesFrontPage fieldset.shareDCU {
	 float: right;
	 margin-top: 0px;
	 padding-top: 5px;
	 padding-bottom: 5px;
	 width: 27%; 
	 border: 1px solid #cccccc; 
	 text-align: left; 
	 border-radius: 5px; 
	 -webkit-border-radius: 5px; 
	 -moz-border-radius: 5px; 
	 box-shadow: 0px 5px 10px #8ebdab; 
	 -moz-box-shadow: 0px 5px 10px #8ebdab; 
	 -webkit-box-shadow: 0px 5px 10px #8ebdab; 
	 margin-left: 2px; 
	 margin-right: 2px;
	 margin-bottom: 10px;
	}
	
.resourcesFrontPage fieldset.resources,
.resourcesFrontPage fieldset.shareDCU {
	height: 105px;
	}
	
	
.resourcesFrontPage fieldset.shareDCU p {
	margin-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	margin-bottom: 7px;
	}
	
.resourcesFrontPage fieldset.shareDCU img {
	padding-left: 10px;
	}
	

	/* IIF. Contact Us-Email us page ------------------------------------------------------------------------*/

.emailUs {
	width: 520px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	background-color: #EEEEEE; 
	padding-bottom: 20px; 
	padding-top: 0px; 
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	
	}
	
.emailUs h3 {
	 margin-top: 20px;  
	 margin-bottom: 20px; 
	 text-align: center;
	}
	
.emailUs .row {
	overflow: hidden; 
	clear: both; 
	margin-bottom: 5px; 
	margin-top: 0px
	}
	
.emailUs .row .label {
	float:left; 
	width: 160px; 
	padding:right: 10px; 
	padding-top: 4px; 
	text-align: right;
	}
	
.emailUs .row .input {
	float: right; 
	width: 340px; 
	text-align: left;
	}
	
.emailUs .row .submit-reset {
	text-align: center;
	}
	
	/* IIG. Questionnaire page ------------------------------------------------------------------------*/

.questionnaire {
	margin-top: 30px;
	position: relative;
	}	



.questionnaireForm {
	width: 510px; 
	margin-top: 20px; 
	margin-bottom: 20px; 
	background-color: #EEEEEE; 	
	padding-bottom: 20px; 
	padding-top: 0px; 
	padding-left: 20px; 
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 	
	-moz-border-radius: 5px;
	}	
	
.questionnaireForm h3 {
	 margin-bottom: 15px; 
	 margin-top: 25px;
	}
	
.questionnaireForm .question {
	font-weight: bold;
	}
	
.questionnaireForm .input {
	margin-top: 5px; 
	margin-bottom: 15px;
	}

.questionnaire .presidentPicture {
	position: absolute; 
	top: -30px; 
	right: -30px; 
	width: 100px; 
	height: 100px; 
	border: 1px solid #333333;
	}
	
.questionnaire .presidentLetter {
	padding: 50px 80px 50px 50px; 
	width: 480px; 
	height: 325px; 
	background:url(../images/note-paper.jpg) no-repeat 0 0;
	}
	
.questionnaire .presidentLetter h3 {
	margin-top: 0px; 
	padding-top: 0px;
	}
	
	/* IIH. DCU Insurance pages ----------------------------------------------------------*/

.insurance h1,
.insurance h2,
.insurance h3,
.insurance h4,
.insurance h5 {
	color: #004990;
	}
	
.insurance a:link,
.insurance a:visited {
	color: #004990;
	text-decoration:underline;
	}
	
.insurance a:hover,
.insurance a:focus,
.insurance a:active {
	text-decoration: none;
	}

.insuranceQuote {
	margin-top: 10px;
	position: relative;
	}	
	
.autoInsuranceQuoteForm,
.homeownersQuoteForm {
	width: 530px; 
	margin-top: 10px; 
	margin-bottom: 20px; 
	background-color: #EEEEEE; 	
	padding-bottom: 20px; 
	padding-top: 0px; 
	padding-left: 20px; 
	border: 1px solid #cccccc; 
	border-radius: 5px; 
	-webkit-border-radius: 5px; 	
	-moz-border-radius: 5px;
	overflow: hidden;
	}	
	
.autoInsuranceQuoteForm h3,
.homeownersQuoteForm h3{
	clear:both;
	margin-bottom: 15px;
	}
	
.autoInsuranceQuoteForm .row,
.autoInsuranceQuoteForm .coverage .row,
.homeownersQuoteForm .row,
.homeownersQuoteForm .coverage .row,
.homeownersQuoteForm .residence .row {
	overflow:hidden; 
	margin-bottom: 4px; 
	margin-top: 0px; 
	}
	
.homeownersQuoteForm .residence .row {
	margin-bottom: 10px;
	}
	
.autoInsuranceQuoteForm .row .label,
.autoInsuranceQuoteForm .coverage .row .label,
.homeownersQuoteForm .row .label,
.homeownersQuoteForm .coverage .row .label,
.homeownersQuoteForm .residence .row .label {
	float:left; 
	text-align:right; 
	width: 180px; 
	margin-top: 4px;
	font-weight: bold;
	}
	
.autoInsuranceQuoteForm .row .input,
.autoInsuranceQuoteForm .coverage .row .input,
.homeownersQuoteForm .row .input,
.homeownersQuoteForm .coverage .row .input,
.homeownersQuoteForm .residence .row .input {
	float: right; 
	text-align: left; 
	width: 330px;
	}
	
.autoInsuranceQuoteForm .vehicleInformation,
.autoInsuranceQuoteForm .driverInformation {
	overflow: hidden;
	clear: both;

	}
	
.autoInsuranceQuoteForm .vehicleInformation .vehicle1,
.autoInsuranceQuoteForm .vehicleInformation .vehicle3,
.autoInsuranceQuoteForm .driverInformation .driver1,
.autoInsuranceQuoteForm .driverInformation .driver3 {
	float:left; 
	width: 47%;
	}
	
.autoInsuranceQuoteForm .vehicleInformation .vehicle2,
.autoInsuranceQuoteForm .vehicleInformation .vehicle4,
.autoInsuranceQuoteForm .driverInformation .driver2,
.autoInsuranceQuoteForm .driverInformation .driver4 {
	float:right; 
	width: 47%; 
	margin-right: 20px;
	}
	
.autoInsuranceQuoteForm .vehicleInformation fieldset,
.autoInsuranceQuoteForm .driverInformation fieldset {
	 border: 1px solid #004990; 
	 margin: 10px 0px 10px 0px; 
	 padding: 10px; 
	}
	
.autoInsuranceQuoteForm .vehicleInformation .vehicleRow,
.autoInsuranceQuoteForm .driverInformation .driverRow {
	 overflow: hidden; 
	 clear: both; 
	 margin-bottom: 4px;
	}
	
.autoInsuranceQuoteForm .vehicleInformation .vehicleRow .vehicleLabel {
	float: left; 
	width: 49%; 
	text-align:right; 
	padding-top: 4px;
	font-weight: bold;
	}
	
.autoInsuranceQuoteForm .driverInformation .driverRow .driverLabel {
	float: left; 
	width: 54%; 
	text-align:right; 
	padding-top: 4px;
	font-weight: bold;
	}
	
.autoInsuranceQuoteForm .vehicleInformation .vehicleRow .vehicleInput {
	 float: right; 
	 width: 48%; 
	 text-align: left;
	}

.autoInsuranceQuoteForm .driverInformation .driverRow .driverInput {
	 float: right; 
	 width: 43%; 
	 text-align: left;
	}	
	
.autoInsuranceQuoteForm .discounts .discountRow {
	overflow: hidden; 
	margin-top: 15px;
	}
	
.autoInsuranceQuoteForm .discounts .discountLabel {
	float:left; 
	width: 75%; 
	text-align: right;
	}

.autoInsuranceQuoteForm .discounts .discountInput {
	float: right; 
	width: 23%; 
	text-align: left;
	}
	
.insurance .insurerNameRow {
	margin-top: 0px; 
	margin-left: 20px; 
	padding-top: 7px; 
	padding-bottom: 7px; 
	padding-left: 5px;
	}
	
.insurance .insurerName {
	width: 200px; 
	float: left;
	}
	
/*to mimic the appearance of a link for a definition to appear on hover*/
.insurance .labelExplanation {
	color: #004990; 
	text-decoration:underline;
}

	/* II.I Mortgage Overview Page ----------------------------------------------------------*/

/* .mortgageOverview {
	background: #ffffff;
	}
*/

.mortgageOverview h3 {
	text-align: center; 
	margin-top: 0px; 
	padding: 10px 10px; 
	line-height:1.0;
	margin-bottom: 10px;
	color: #333333;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
}

.mortgageOverview .itemHeader ul {
	font-size: 16px; 
	font-weight: normal; 
	margin-bottom: 30px;
	list-style-image:none;
}

.mortgageOverview .itemHeader ul li {
	margin-top: 3px;
	}
	
.mortgageOverview .itemHeader h2 {
	margin-top: 0px;
	}

.mortgageOverview .itemHeader h2.subSubHeading {
	padding: 5px 40px 0px 0px; 
	margin: 15px 40px 5px 0px; 
	border-top: 1px solid #dddddd; 
	font-size: 22px;
	font-weight: bold;
	}

.mortgageOverview .applyNowSmaller {
	background:url(../images/applyButtonSmall.png) center 0 no-repeat; 
	width: 105px;
	height: 43px; 
	line-height: 43px; 
	font-size: 11px; 
	margin-top: 0px; 
	margin-bottom: 5px;
	font-weight: bold;
	text-align: center;
	float:right;
	}

.mortgageOverview ul {
	padding-right: 15px;	
	}
	
.mortgageOverview a {
	font-weight: normal;
	}
	
.mortgageOverview .itemInformationLeft .productOverview {
	 overflow: hidden;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	 border-radius:5px;
	 border: 1px solid #006f51; 
	 width: 685px;
	 background: #ffffff url(../images/background-green.jpg) 0 0 repeat-x;
	 }
	 
.mortgageOverview .itemInformation {
	 padding-left: 0px;
	 background-color: transparent;
	}

.mortgageOverview .itemInformationLeft {
	 width: 690px; 
	 margin-left: 0px; 
	 overflow: hidden;
	}

	 
.mortgageOverview .itemInformationRight {
	 margin-top: 0px; 
	 padding: 0px; 
	 width: 240px;
	}
	 
.mortgageOverview .resource {
	border: 1px solid #333333; 
	margin-top: 10px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius:5px;
	background-color: #ffffff;

	}
	
.mortgageOverview .tools {
	min-height: 300px; 
	width: 330px;
	}
	
.mortgageOverview .resource ul li,
.mortgageOverview .productOverview ul li {
	margin-top: 10px;
	}
	 
.mortgageOverview p {
	margin: 5px 10px 0px;
		}
	 
.mortgageOverview  p.learnMore {
	padding: 0px; 
	 margin-top: 5px; 
	 margin-bottom: 15px; 
	 text-align: left;
	}
	
.mortgageOverview .buying,
.mortgageOverview .refinancing {
	width: 330px; 
	margin-bottom: 20px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background-color: #ffffff;
	}
	
.mortgageOverview .buying h3,
.mortgageOverview .refinancing h3 {
	text-align: left;
	}
	
.mortgageOverview .buying h3 a:link,
.mortgageOverview .buying h3 a:visited,
.mortgageOverview .refinancing h3 a:link,
.mortgageOverview .refinancing h3 a:visited {
	color: #333333;
	text-decoration:underline;
	}

.mortgageOverview .buying h3 a:hover,
.mortgageOverview .buying h3 a:focus,
.mortgageOverview .buying h3 a:active,
.mortgageOverview .refinancing h3 a:hover,
.mortgageOverview .refinancing h3 a:focus,
.mortgageOverview .refinancing h3 a:active {
	color: #333333;
	text-decoration:none;
	}

	
.mortgageOverview .refinancing {
	border-left: 1px solid #dddddd;
	}
	
.mortgageOverview .productsOverview {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	border: 1px solid #006f51;
	}
	
.mortgageOverview .ratesTable {
	border: 1px solid #333333;
	margin-top: 10px;
	font-size: 11px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius:5px;
	background-color: #ffffff;

	}
	
.mortgageOverview .ratesTable h3 {
	background: #006f51; 
	color: #ffffff;
	}
	
.mortgageOverview .ratesTable table {
	margin-left: 10px; 
	width: 220px;
	}
	
.mortgageOverview .ratesTable h5 {
	background: #cbe1d5; 
	padding: 3px 10px;
	margin-top: 10px;
	margin-bottom: 3px;
	line-height: 1.2;
	}
	
.mortgageOverview .ratesTable td {
	padding: 3px 5px; 
	}
	
.mortgageOverview .ratesTable th {
	background: #333333; 
	color: #ffffff;
	text-align: left;
	padding: 3px 5px; 
	}
	
.mortgageOverview .ratesTable h5 span {
	font-size: 10px;
	}
	
.mortgageOverview div.applyButton,
.mortgageOverview div.applyButton1,
.mortgageOverview div.applyButton2,
.mortgageOverview div.applyButton3 {
	width: 141px; 
	height: 49px; 
	border: 0px;
	margin-left: auto; 
	margin-right: auto;
	} 
	
.mortgageOverview ul {
	list-style-image:url(../images/triangle-smallGreen.png);
	}

.mortgageOverview .calculator {
	overflow: hidden;
	}
	
.mortgageOverview .calculator h4 {
	margin-top: 0px;
	}
	
.mortgageOverview .calculator table {
	margin-bottom: 10px; 
	margin-left: auto; 
	margin-right: auto;
	}
	
.mortgageOverview .calculator table th {
	 font-weight: bold;
	 background: #cbe1d5; 
	 vertical-align:middle;
	 color: #333333;
	 padding-left: 10px;
	 padding-right: 10px;
	 line-height:13px;
	}
	
.mortgageOverview .calculator table tr td {
	font-weight: bold;
	 padding: 5px 10px;
	}
	
.mortgageOverview .mortgageRates {
	display: none;
	}

.mortgageOverview .calculator .amountBorrowed {
	width: 45%; 
	float: left;
	}
	
.mortgageOverview .calculator .amountBorrowed img {
	float:left;
	margin-right: 15px;
	margin-top: 5px; 
	}
	
.mortgageOverview .calculator .amountBorrowed .disclosures {
	padding: 5px 5px 0px 5px;
	margin-bottom: 0px;
	clear: both;
	width: auto;
	}
	
.mortgageOverview .calculator .amountBorrowed .disclosures ul  {
	list-style-image: none;
	}
	
.mortgageOverview .calculator .amountBorrowed .disclosures ul li  {
	margin-top: 5px;
	}
	
.mortgageOverview .calculator .disclosuresBottom ul li {
	margin-top: 0px;
	}
	
.mortgageOverview .calculator .disclosuresBottom {
	clear: both;  
	margin: 0px 15px 10px 5px;
	font-size: 10px; 
	line-height: 12px;
	}
	
.mortgageOverview .calculator .disclosuresBottom ul {
	list-style-type: none;
	list-style-image:none;
	}

	/* IIJ. Mortgage Center pages for buying and refinancing--------------------------------------------*/

.mortgageCenter .resource {
	border: 1px solid #333333; 
	margin-top: 15px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
	border-radius:5px;
	background: #ffffff;
	float: right;
	width:240px;
	text-align:center;
	}
	
.mortgageCenter .tabTestimonial p {
	margin: 0px;
	padding: 0px;
	}
	
.mortgageCenter .itemName {
	width: 600px;
	}
	
.mortgageCenter h2 {
	margin-bottom: 0px;
	margin-top: 10px;
	}
	
.mortgageCenter h1 {
	margin-top: 0px; 
	margin-bottom: 30px;
	}
	
.mortgageCenter h3.preapproval {
	text-align: center; 
	margin-top: 0px; 
	padding: 10px 10px; 
	line-height:1.0;
	margin-bottom: 10px;
	color: #333333;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
}

.mortgageCenter p {
	margin: 5px 10px 0px;
		}
		
.mortgageCenter .overview p {
	margin-top: 16px;
	}
		
.mortgageCenter table.comparisonChart td {
	text-align: left;
	}
	
.mortgageCenter table.comparisonChart ul li {
	font-weight: normal;
	}
	
.mortgageCenter table.comparisonChart .reviews,
.mortgageCenter table.comparisonChart .learnMore {
	text-align: center;
	}
	
.mortgageCenter .productImage {
	width: 310px; 
	margin-left: 110px;
	}
	

	/* IIK. Calculator-index and Individual Calculator Pages -----------------------------*/

/*Calculator-index page formats*/
.calculators-index .column {
	 width: 33%; 
	 float: left;
	}

.calculators-index h3 {
	padding-left: 10px;
	margin-left: 10px; 
	margin-right: 10px; 
	color: #ffffff; 
	background: url(../images/calculator-heading.jpg) top left repeat-x; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}

.calculators-index ul {
	list-style-image:url(../images/triangle-smallGreen.png);
	margin-right: 10px;
	}
	
.calculators-index ul li {
	margin-top: 4px;
	padding: 5px;
	}

/*beginning of individual calculator pages */
.calculators h5 {
	margin-bottom: 20px; 
	text-align: center;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	padding-top: 3px; 
	padding-bottom: 3px; 
	background: url(../../images/calculator-screen-menu.jpg) top left repeat-x;
	}
	
.calculators h5 a:link, 
.calculators h5 a:visited {
	color: #006f51;
	font-weight:bold;
	text-decoration: none;
}

.calculators h5 a:hover, 
.calculators h5 a:focus, 
.calculators h5 a:active {
	color: #006f51;
	font-weight: bold;
	text-decoration: underline;
}

.calculators .iframeContent,
.calculators .tCalculator {
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 0px; 
	border: 1px solid #006f51; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}	
	
.calculators .tCalculator {
	width: 750px; 
	padding: 15px; 
	background-color: #ffffff;	
	}
	
.calculators .tCalculator h2 {
	font-size: 16px;
	text-align: center; 
	font-weight: bold;
	color: #333333;
	}
	
.calculators .tCalculator td b {
	color: #006f51;
	font-size: 14px;
	}
	
.calculators .tCalculator .Summary p {
	margin-bottom: 25px;
	}
	
.calculators iframe {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}

/* Places space below the description on the PC10, PC12 (consolidate loans) calculator*/
#tvcPC10 .Description,
#tvcPC12 .Description {
	margin-bottom: 15px;
	}


	/* IIL. Rates Menu Page -----------------------------------------------------------------*/

.ratesMenu .firstColumn,
.ratesMenu .secondColumn {
	float: left; 
	margin-right: 17px; 
	width: 445px;
	overflow: hidden;
	}
	
.ratesMenu .secondColumn {
	margin-right: 0px;
	}
	
.ratesMenu fieldset {
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	margin-top: 30px;
	padding-bottom: 10px;
	}
	
.ratesMenu fieldset legend {
	font-size: 18px;
	color: #006f51;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 10px;
	}

.ratesMenu .product {
	padding: 5px 3px;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	}

.ratesMenu .product p {
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	}
	
.ratesMenu .product h5 {
	margin-top: 0px;
	margin-left:5px;
	margin-right: 5px;
	}




	/* IIM About Us Landing Page ------------------------------------------------------------*/

.aboutDCU {
	background-color: transparent !important;
	}

.aboutDCU .firstColumn,
.aboutDCU .secondColumn {
	float: left; 
	margin-right: 17px; 
	width: 445px;
	overflow: hidden;
	}
	
.aboutDCU .secondColumn {
	margin-right: 0px;
	}

.aboutDCU .item {
	padding: 5px 3px;
	margin-bottom: 15px;
	margin-left: 5px;
	margin-right: 5px;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	background-color: #ffffff;
	}

.aboutDCU .item p {
	margin-top: 3px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
	}
	
.aboutDCU .item h5 {
	margin-top: 0px;
	margin-left:5px;
	margin-right: 5px;
	}
	
.aboutDCU .breadcrumbs {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #cbe1d5;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	}	
	
/*aboutDCU .toc*/
.aboutDCU .toc-1Column {
	overflow: hidden;
	width: 220px;
	padding: 0px 0px 10px;
	float: right;
	text-align: left;
	margin: 5px 20px 15px 15px;
	border: 1px solid #006f51;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
.aboutDCU .toc-1Column .column {
	margin-left: 10px; 
	margin-right: 10px;
	}
	
.aboutDCU .toc-1Column ol li {
	margin-top: 8px;
	font-size: 12px;
	}
	
.aboutDCU .toc-1Column h4 {
	padding: 15px 15px 2px;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
	color: #333333;
	margin-top: 0px;
	}


	/* IIN Auto Resources and Other Resources Landing page -------------------------*/

.otherResources .resourcesRow {
	margin-top: 10px;
	overflow:hidden;
	clear:both;
	}

.otherResources .resource1,
.otherResources .resource2 {
	float: left;
	overflow: hidden;
	border: 1px solid #bbbbbb;
	padding: 10px;
	margin-right: 10px;
	width: 198px;
	text-align: center;
	min-height:200px;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background: #ffffff;
	position: relative;
	}
	
.otherResources .resource2 {
	min-height: 180px;
	}

	
.otherResources .resourcesRow p,
.otherResources .resourcesRow li  {
	text-align: left;
	font-size: 11px;
	}
	
.otherResources .resourcesRow h4 {
	margin-top: 10px;
	}

.otherResources .resourcesRow .resourceName {
	display: none;
	}
	
.otherResources .resourcesRow ul {
	margin-top: 16px;
	padding-left: 20px;

	}
	
.otherResources .resourcesRow li {
	margin-top: 4px;
	}
	
.otherResources .resourcesRow .linkToMore{
	text-align: center;
	}

.otherResources .resourcesRow .linkToMore a:link{
	font-weight: bold;
	}

.otherResources .resourcesRow .bottomLink {
	position: absolute;
	left: 10px;
	bottom: 15px;
	text-align: center;
	width: 195px;
	}


	/* IIO. NADAguides page information-----------------------------------------------------*/

.NADA .container {
	background-color: #ffffff; 
	width: 670px; 
	height: 940px; 
	border: 1px solid #333333; 
	padding:10px 0px 10px 20px; 
	margin: 10px auto; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px; 
}

.NADA .container iframe {
	border: none;  
	width: 670px;
	height: 940px;
	border: 0px;
}


	/* IIP. New Member Guide pages ----------------------------------------------------------*/

.newMember .breadcrumbs {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #cbe1d5;
	padding-left: 5px;
	}

.newMember .toc-2Column {
	overflow: hidden;
	width: 385px;
	padding: 0px 0px 10px;
	text-align: left;
	margin: 35px 20px 15px 15px;
	border: 1px solid #006f51;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}

.newMember .toc-2Column .leftColumn {
	float:left;
	width: 49%;
	}
	
.newMember .toc-2Column .rightColumn {
	float: right;
	width: 49%;
	}
	
.newMember .toc-2Column ul {
	list-style-image:url(../images/triangle-smallGreen.png);	
	}
	
.newMember .toc-2Column ul li {
	margin-top: 12px;
	font-size: 12px;
	}
	
.newMember .toc-2Column h4 {
	padding: 15px 15px 2px;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
	color: #333333;
	margin-top: 0px;
	}

.newMember .backNext {
	text-align: center;
	margin-top: 10px;
	}
	
.newMember .backNext h4 {
	color: #006f51;
	}
	
.newMember .rightColumnEnclosure {
	float: right;
	width: 420px;
	}


	/* IIQ. Shakin pages---------------------------------------------------------------*/
	
.shakin {
	padding-left: 30px;
	padding-bottom: 40px;
	}

.shakin h1 {
	font-size: 36px;
	}

.shakin p {
	font-size: 26px;
	}
	
	

	/* IIR. Search page----------------------------------------------------------------------------*/

.search .itemInformationLeft {
	width: 630px;
	}
	
.search .toc-1Column {
	overflow: hidden;
	width: 220px;
	padding: 0px 0px 10px;
	float: right;
	text-align: left;
	margin: 5px 20px 15px 15px;
	border: 1px solid #006f51;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
.search .toc-1Column .column {
	margin-left: 10px; 
	margin-right: 10px;
	}
	
.search .toc-1Column ul {
	list-style: none;
	}
	
.search .toc-1Column ul li {
	margin-top: 9px;
	font-size: 12px;
	}
	
.search .toc-1Column h4 {
	padding: 15px 15px 2px;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
	color: #333333;
	margin-top: 0px;
	}


	/* IIS. Product Ratings page ---------------------------------------------------------  */

.productRatings ul {
	padding-left: 15px;
	margin-left: 10px;
	list-style: none;   
	}
	
.productRatings ul li {
	margin-top: 8px;
	padding-left: 10px;
	margin-left: 0px;
  	background:url(../images/triangle-smallGreen.png) no-repeat 0% 52%;
	}
	
.productRatings h3 {
	 margin-right: 10px; 
	 margin-left: 10px;
	 border-bottom: 1px solid #006f51;
	}
	
.productRatings h4 {
	margin-left: 10px;
	margin-right: 10px;
	}


	/* IIT. Careers page---------------------------------------------------------------------*/

.careers .breadcrumbs {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #cbe1d5;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	}	
	
.careers .toc-1Column {
	overflow: hidden;
	width: 220px;
	padding: 0px 0px 10px;
	float: right;
	text-align: left;
	margin: 5px 20px 15px 15px;
	border: 1px solid #006f51;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
.careers .toc-1Column .column {
	margin-left: 10px; 
	margin-right: 10px;
	}
	
.careers .toc-1Column ol li {
	margin-top: 8px;
	font-size: 12px;
	}
	
.careers .toc-1Column h4 {
	padding: 15px 15px 2px;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
	color: #333333;
	margin-top: 0px;
	}



	/* IIU. Browser Settings for Online Banking------------------------------------------------------*/

.browserSettings ol ol {
	font-style: italic;
	}
	
.browserSettings .item {
	padding: 15px 10px;
	margin: 25px 5px;
	border: 1px solid #bbbbbb;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	background-color: #ffffff;
	}
.browserSettings .item h4 {
	margin-top: 0px;
	}
	
.browserSettings fieldset {
	 border: 1px solid #333333; 
	 padding: 10px; 
	 margin:40px 10px 10px;
	-webkit-border-radius: 8px; 
	-moz-border-radius: 8px; 
	border-radius: 8px;
	}
	
.browserSettings fieldset legend {
	color: #006f51;
	font-size: 18px;
	padding-left: 7px;
	padding-right: 7px;
	font-weight: bold;
	}





	/* IIV. Site Index page -------------------------------------------------------------------*/

.siteIndex .columns {
	width: 32%; 
	margin-right: 1%; 
	float: left;
	}
	
.siteIndex ul {
	margin-left: 0px; 
	padding-left: 20px;
	}
	
.siteIndex ul ul {
	margin-bottom: 0px;
	}
	
.siteIndex ul li {
	padding-bottom: 0px;
	margin-top: 2px;
	}
	
.siteIndex h4 {
	margin-bottom: 10px;
	}




	/* IIW. App pages -------------------------------------------------------------------*/

.apps .appButtonContainer {
	clear: both;
	margin: 40px auto 10px;
	overflow: hidden;
	padding-top: 40px;
	width: 75%;
	background-color: #ffffff;
	border-top: 1px solid #006f51;
	}
	
.apps .iconContainer {
	margin-top: 15px;
	clear: both;
	text-align: center;
	background: #000000 url(../images/mobileicon-background.jpg) repeat-x top left;
	}
	
.apps .appButtonContainer h3 {
	color: #006f51;
	margin-top: 0px;
	position: relative; left: -30px;
	}

.apps .appButtonContainer h3 img {
	position: relative; top: -3px; left: 10px; 
	border: 0px; 
	vertical-align: middle;
	}
	
.apps .appButtonContainer p {
	color: #333333;
	}
	
.apps .appButtonContainer img.left {
	float: left;
	margin-right: 20px;
	}
	
.apps .appButtonContainer img.right {
	float: right;
	margin-left: 20px;
	}
	
.apps .appButtonContainer ul li{
	color: #333333;
	padding-bottom: 0px;
	margin-bottom: -14px;
	}
	
.apps .appButtonContainer img {
	border: 1px solid #aaa;
	}

.apps .qrCode {
	 text-align: center;
	 padding-bottom: 0px;
	 overflow: hidden;
	 margin: 10px 0px 10px 115px;
	 -webkit-border-radius: 5px; 
	 -moz-border-radius: 5px; 
	 border-radius: 5px;
	 border: 1px solid #cbe1d5; 
	 box-shadow: 0px 5px 10px #eeeeee; 
	 -moz-box-shadow: 0px 5px 10px #eeeeee; 
	 -webkit-box-shadow: 0px 5px 10px #eeeeee;
	}
	
.apps .qrCode .qrCodeText {
	font-weight: bold;
	margin: 10px 100px 0px 10px;
	}




	/* IIX. Video pages -------------------------------------------------------------------*/


.videoIndexInformation {
	background-color: #ffffff; 
	padding: 5px 25px 20px;
	margin: 20px auto;
	overflow: hidden;
	background-color: #e5eee9;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;	
	width: 650px; 
	box-shadow: 0px 5px 10px #8ebdab; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	}

.videoIndexContainer {
	padding: 15px;
	margin-top: 15px;
	background-color: #ffffff;
	overflow: hidden;
	}
	
.videoIndexContainer .videoIndexContainerText {
	margin-left: 170px;
	}
	
.videoIndexContainer .videoIndexContainerText .length {
	margin-top: 0px;
	}
	
.videoInformation {
	background-color: #e5eee9; 
	overflow: hidden; 
	margin: 20px auto; 
	padding: 5px 25px 20px;
	text-align: center; 
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	border-radius: 10px;
	width: 725px; 
	-moz-box-shadow: 0px 5px 10px #8ebdab; 
	-webkit-box-shadow: 0px 5px 10px #8ebdab;
	box-shadow: 0px 5px 10px #8ebdab; 
}

.videoInformation .videoContainer {
	 padding: 15px;
	 margin-top: 15px;
	 background-color: #ffffff;
	 width: 700px;
	 text-align: left;
	}
	
.videoInformation .videoContainer h3 {
	 margin-top: 5px;
	 margin-bottom: 20px;
	}
	







	/* IIIA. StreetWise pages---------------------------------------------------------------*/

.streetwise .breadcrumbs {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 0px;
	background: #cbe1d5;
	padding-left: 5px;
	}	

.streetwise .productImage {
	float: right; 
	width: 180px; 
	text-align: left;
	background-color:transparent;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 0px;
	}

.streetwise .backNext {
	text-align: center;
	}
	
.streetwise .backNext h4 {
	color: #333333;
	margin-top: 5px;
	}

/*.streetwise .toc,*/
.streetwise .toc-1Column,
.streetwise .toc-2Column {
	overflow: hidden;
	width: 385px;
	padding: 0px 0px 10px;
	float: right;
	text-align: left;
	margin: 35px 20px 15px 15px;
	border: 1px solid #006f51;
	background: #ffffff;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
.streetwise .toc-1Column {
	width: 220px;
	}
	
.streetwise .toc-1Column .column {
	margin-left: 10px; 
	margin-right: 10px;
	}
	
.streetwise .toc-2Column .leftColumn {
	float:left;
	width: 49%;
	}
	
.streetwise .toc-2Column .rightColumn {
	float: right;
	width: 49%;
	}
	
.streetwise .toc-2Column ul,
.streetwise .toc-1Column ul {
	list-style-image:url(../images/triangle-smallGreen.png);	
	}
	
.streetwise .toc-2Column ul li,
.streetwise .toc-2Column ol li,
.streetwise .toc-1Column ul li,
.streetwise .toc-1Column ol li {
	margin-top: 8px;
	font-size: 12px;
	}
	
.streetwise .toc-2Column h4,
.streetwise .toc-1Column h4 {
	padding: 15px 15px 2px;
	background:url(../images/background-green.jpg) 0 0 repeat-x;
	color: #333333;
	margin-top: 0px;
	}
	
.streetwise .article {
	width: 80%; 
	padding-right: 25px;
	margin-left: auto; 
	margin-right: auto;	
	}
	
.streetwise .article ol li,
.streetwise .article ul li {
	font-weight: bold;
	color: #006f51;
	}
	
.streetwise .article ol p,
.streetwise .article ul p {
	font-weight: normal;
	color: #333333;
	margin-top: 3px;
	}
	
.streetwise .toc-2Column .tocBreadcrumbs,
.streetwise .toc-1Column .tocBreadcrumbs {
	margin-top: 20px;
	padding-left: 15px;
	padding-top: 10px;
	border-top: 1px solid #bbbbbb;
	font-size: 12px;
	}
	
.streetwise .toc-2Column .tocBreadcrumbs {
	margin-right: 10px;
	}
	
.streetwise .toc-2Column .tocBreadcrumbs ul,
.streetwise .toc-1Column .tocBreadcrumbs ul {
	list-style-image:url(../images/triangle-smallGreen.png); 
	padding-left: 10px;
	}
	
.streetwise .toc-2Column .tocBreadcrumbs ul li ul,
.streetwise .toc-1Column .tocBreadcrumbs ul li ul {
	 list-style-image:url(../images/triangle-smallGreen.png); 
	 padding-left: 15px; 
	 margin-bottom: 0px;
	}
	
.streetwise .toc-2Column .tocBreadcrumbs ul li ul li ul,
.streetwise .toc-1Column .tocBreadcrumbs ul li ul li ul{
	 list-style-image:url(../images/triangle-smallGreen.png); 
	 padding-left: 20px; 
	 margin-bottom: 0px;
	}
	
.streetwise td#sw-infotable {
	border:1px;
	padding: 3px;
	font-size:.9em;
    font-weight:normal;
    color:#000000;
	}




	/* IIIB. Error Pages -----------------------------------------------------------------------*/
	
.error {
	width: 90%; 
	margin: 15px auto 0px auto; 
	overflow: hidden; 
	padding-bottom: 15px; 
	border: 1px solid #006f51; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
.error h4 {
	padding: 15px 15px 2px; 
	background:url(../images/background-green.jpg) 0 0 repeat-x; 
	color: #333333; 
	margin-top: 0px; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	}
	
.errorImage {
	float:right; 
	width: 250px; 
	margin: 0px 10px; 
	}



	
	/* IIIC. Media Print Style Sheet --------------------------------------------------------------*/
	
@media print {

img {
	 display: none !important;
	 }
	 
body {
	background: none !important;
	}
	 
div {
	clear:both !important;
	float:none !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 100% !important;
	text-align: left !important;
	display: block !important;
	}

.print-header {
	display: block !important;
	margin-bottom: 20px !important;
	margin-top: 10px !important;
	}
	
h1, h2, h3, h4, h5 {
	text-align: left !important;
	color: #333333 !important;
	}
	
h3 {
	margin-top: 20px !important;
	}
	
table tr td,
table tr th,
ol li,
ul li {
	color: #333333 !important;
	}
	
hr {
	display: none !important;
	}
	
.martop-50 {
	margin-top: 10px !important;
	}
	
a:link, a:visited, a:focus, a:active {
	color: #333333 !important;
	text-decoration: underline !important;
}
	
.print-header {
	display: block !important;
	}
	
.header,
.menu,
.bazaarVoice,
.bottomLinks,
.tabTestimonial,
.testimonialRight,
.TabbedPanelsTabGroup,
.applyButton,
.applyButton1,
.applyButton2,
.applyButton3,
.applyNowSmaller,
.toc-1Column, 
.toc-2Column,
.breadcrumbs,
.streetwise .productImage,
.productImage,
.productImage#map_canvas,
.itemInformationRight,
.newMember .backNext h4,
.autoLoanCalculator,
.rates .mortgageRates .head,
.branchPicture,
.productRow .ratings,
.otherResources .resourcesRow .bottomLink {
 
	display: none !important;
	}
	
#BVRRContainer,
#BVRRLinkContainer,
#BVQAContainer,
#BVQALinkContainer
 {
	display: none !important;
	}
	
table {
	width: 100% !important;
	border-color: #333333 !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.headerRow th {
	font-weight: bold;
	color: #333333 !important;
	background: #cccccc !important;
	vertical-align: middle;
}
	
.TabbedPanelsContentGroup {
	border: 0px !important;
	}

.TabbedPanelsContent {
	min-height: 0px !important;
	}
	
	
/* Background colors */
.landingPage h3,
.mortgageOverview .ratesTable h3 {
	background: #cccccc !important;
	}
	
.backgroundShadedGreen,
.landingPage table.comparisonChart .productFeature,
.competitorComparison .headerRow {
	background: #eeeeee !important;
	}
	
	
/* Specific pages*/
.landingPage .oneOfFour,
.landingPage .twoOfFour,
.landingPage .threeOfFour,
.landingPage .fourOfFour,
.landingPage .oneOfThree,
.landingPage .twoOfThree,
.landingPage .threeOfThree,
.landingPage .oneOfTwo,
.landingPage .twoOfTwo,
.productsPromoted .productOneOfThree,
.productsPromoted .productTwoOfThree,
.productsPromoted .productThreeOfThree,
.ratesFrontPage,
.mortgageOverview .itemInformationLeft .productOverview,
.mortgageOverview .productsOverview 
 {
	border: 1px solid #cccccc !important;
	min-height: 0px !important;
	}

.landingPage .oneOfFour,
.landingPage .twoOfFour,
.landingPage .threeOfFour,
.landingPage .fourOfFour,
.landingPage .oneOfThree,
.landingPage .twoOfThree,
.landingPage .threeOfThree,
.landingPage .oneOfTwo,
.landingPage .twoOfTwo {
	width: 50% !important;
	margin-bottom: 20px !important;
	}
	
.ratesMenu fieldset legend {
	color: #cccccc !important;
	}
	
.checkmark,
.competitorComparison .checkmark {
	color: #333333 !important;
	}

.specialMessages {
	border: 5px solid #cccccc !important; 
}	

.productRatings h3 {
	 border-bottom: 1px solid #cccccc !important;
	}

.branchProducts {
	min-height: 0px !important;
	} 	
	



/* company info at bottom*/

.company-branches {
	background: none !important;
	}

.company-branches .branchListings {
	display: none !important;
	}	

.company-branches .infoDCU {
	float: none !important;
	width: 50% !important; 	
	text-align: left !important; 
	color: #cccccc !important; 
	padding-top: 0px !important;
	border-right: 0px !important;
	margin-top: 10px !important;
	}

.company-branches .infoDCU p {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	font-size: 10px !important; 
	color: #333333 !important;
	}	
	
/*DCU Financial */

.financial .infoFinancial {
	float: none !important;
	margin-top: 30px !important;
	width: 50% !important; 	
	text-align: left !important; 
	color: #cccccc !important; 
	padding-top: 0px !important;
	border-right: 0px !important;
	}
	
.financial .disclosuresFinancial {
	margin-top: 10px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	}
	
.financial .disclosuresFinancial .firstDeclaration,
.financial .disclosuresFinancial .secondDeclaration,
.financial .disclosuresFinancial .thirdDeclaration {
	border: 0px !important;
	margin-top: 5px !important;
	}

/* DCU Insurance */
.dcuInsuranceLogoDiv,
.shareDCU-Insurance {
	display: none !important;
	}
	
/* Front Page */

.slideShow,
.productsPromoted,
.banking,
.toolbar,
.resourcesFrontPage {
	display: none !important;
	}
	
div.sidebar {
	width: 220px !important;
	
	}
	
div.ratesFrontPage {
	width: 200px !important;
	}
	
div.ratesFrontPage {
	padding-left: 10px !important;	
	box-shadow: 0px 5px 10px #eeeeee !important; 
	-moz-box-shadow: 0px 5px 10px #eeeeee !important; 
	-webkit-box-shadow: 0px 5px 10px #eeeeee !important;

	}
	
div.ratesFrontPage h5 {
	background: #cccccc !important;
	color: #333333 !important;
	}
	
.products {
	width: 400px !important;
	margin-top: 20px !important;
	
	}
	
.productLists {
	width: 210px !important;
	margin-bottom: 20px !important;
	box-shadow: 0px 5px 10px #eeeeee !important; 
	-moz-box-shadow: 0px 5px 10px #eeeeee !important; 
	-webkit-box-shadow: 0px 5px 10px #eeeeee !important; 
	}


/*Auto Buying Resources*/
.otherResources .resource1,
.otherResources .resource2 {
	width: 200px !important;
	min-height: 0px !important;
	padding: 10px !important;
	margin-top: 20px !important;
	}	
	
.otherResources .resourceName {
	display: block !important;
	}
	
	
/*Mortgage pages*/
.mortgageCenter .resource {
	text-align: left !important;
	width: 240px !important;
	}
	
ul {
	list-style-image:none !important;
	}
	
h3 {
	background: none !important;
	}
	
.mortgageOverview .itemInformationRight {
	display: block !important;
	}
	
.mortgageOverview .itemInformationRight .freePreapproval {
	text-align: left !important;
	width: 240px !important;
	border: 0px !important;
	}

.mortgageOverview .itemInformationRight .loanStatus,
.mortgageOverview .calculator,
.mortgageOverview .tools {
	display: none !important;
	}	
	
.mortgageOverview .itemInformationRight	.ratesTable,
.mortgageOverview .itemInformationLeft .productOverview,
.mortgageOverview .itemInformationLeft .productOverview .refinancing {
	border: 0px !important;
	}

.mortgageOverview .ratesTable h3 {
	background: none !important; 
	color: #333333 !important;
	}	

.mortgageOverview .ratesTable th {
	background: #dddddd !important; 
	color: #333333 !important; 
	}

.mortgageOverview .ratesTable h5 {
	background-color: #dddddd !important; 
	}


/*Calculators*/
.calculators h5 {
	background: none !important;
	}
}
