/*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary{display: block} /* Corrects block display not defined in IE6/7/8/9 & FF3*/
audio, canvas, video {display: inline-block; *display: inline; *zoom: 1} /*Corrects inline-block display not defined in IE6/7/8/9 & FF3 */
audio:not([controls]) {display: none; height: 0} /* * Prevents modern browsers from displaying 'audio' without controls *Remove excess height in iOS5 devices */
[hidden] {display: none}/* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */
html {font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */-ms-text-size-adjust: 100%; /* 2 */} /* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790  2. Prevents iOS text size adjust after orientation change, without disabling user zoom www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
html, button, input, select, textarea {font-family: sans-serif} /*Addresses font-family inconsistency between 'textarea' and other form elements. */
/* a:focus {outline: thin dotted} */        /* Addresses outline displayed oddly in Chrome */
a:hover, a:active {outline: 0} /* Improves readability when focused and also mouse hovered in all browsers, people.opera.com/patrickl/experiments/keyboard/test*/

/* Addresses font sizes and margins set differently in IE6/7,  Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */
body {margin: 0} /*Addresses margins handled incorrectly in IE6/7 */

h1 {margin: 0 0 .67em 0; } /* WF Margin top reset */
h2 {margin: 0 0 .83em 0}  /* WF Margin top reset */
h3 {margin: 0 0 1em 0; font-size: 1.17em} /* WF Margin top reset */
h4 {margin: 0 0 1.33em 0; font-size: 1em} /* WF Margin top reset */
h5 {margin: 0 0 1.67em 0; font-size: 0.83em} /* WF Margin top reset */
h6 {margin: 0 0 2.33em 0; font-size: 0.75em} /* WF Margin top reset */
div, table, td, th {padding:0} /* WF Margin top reset */
fieldset {margin:0;padding:0;border:none} /* WF Margin top reset */
legend {padding:0;margin:0;color:#5f5f5f}
blockquote {margin: 0 40px 1em 40px}
b, strong {font-weight: bold} /* Addresses style set to 'bolder' in FF3+, S4/5, Chrome */
dfn {font-style: italic} /* Addresses styling not present in S5, Chrome */
mark {background: #ff0; color: #000}/* Addresses styling not present in IE6/7/8/9 */
p, pre {margin: 0 0 1em 0}  /* Addresses margins set differently in IE6/7*/
pre, code, kbd, samp {font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em} /* Corrects font family set oddly in IE6, S4/5, Chrome   en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word} /* Improves readability of pre-formatted text in all browsers */
q {quotes: none} /*Addresses CSS quotes not supported in IE6/7 */
q:before, q:after {content: ''; content: none} /* Addresses quote property not supported in S4*/
small {font-size: 75%} /* Addresses quote property not supported in S4*/
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline} /* Prevents sub and sup affecting line-height in all browsers, gist.github.com/413930 */
sup {top: -0.5em} /* Prevents sub and sup affecting line-height in all browsers, gist.github.com/413930 */
sub {bottom: -0.25em} /* Prevents sub and sup affecting line-height in all browsers, gist.github.com/413930 */
dl, menu, ol, ul {margin: 0 0 20px 0} /* Addresses margins set differently in IE6/7 */ 
dd {margin: 0 0 0 40px} /* Addresses margins set differently in IE6/7 */
menu, ol, ul {padding: 0 0 0 10px; margin:0 0 20px 10px} /* Addresses paddings set differently in IE6/7*/ 
nav ul, nav ol {list-style-type: none; list-style-image: none} /*Corrects list images handled incorrectly in IE7*/
img {border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }/* Removes border when inside 'a' element in IE6/7/8/9, FF3, Improves image quality when scaled in IE7 code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/*/
svg:not(:root) {overflow: hidden} /* Corrects overflow displayed oddly in IE9 */
figure {margin: 0}/* Addresses margin not present in IE6/7/8/9, S5, O11 */
form {margin: 0}/* Corrects margin displayed oddly in IE6/7 */
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em} /*Define consistent border, margin, and padding */
legend {border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */} /* 1. Corrects color not being inherited in IE6/7/8/9 2. Corrects text not wrapping in FF3 3. Corrects alignment displayed oddly in IE6/7 */
button, input, select, textarea {font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */} /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */
button, input {line-height: normal; /* 1 */} /* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible;  /* 3 */ }/* 1. Improves usability and consistency of cursor style between image-type 'input' and others 2. Corrects inability to style clickable 'input' types in iOS 3. Removes inner spacing in IE7 without affecting normal text inputs Known issue: inner spacing remains in IE6 */
button[disabled], input[disabled] {cursor: default} /*Re-set default cursor for disabled elements */
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */} /*1. Addresses box sizing set to content-box in IE8/9 2. Removes excess padding in IE8/9 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */
input[type="search"] {-webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box} /* 1. Addresses appearance set to searchfield in S5, Chrome  2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)*/
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none} /*Removes inner padding and search cancel button in S5, Chrome on OS X */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0} /* Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
textarea {overflow: auto; /* 1 */ vertical-align: top; /* 2 */}/*1. Removes default vertical scrollbar in IE6/7/8/9 2. Improves readability and alignment in all browsers */
table {margin:0; padding:0; border-collapse: collapse; border-spacing: 0} /*Remove most spacing between table cells, also WF Reset for Top Margin*/


/* General Styles */
* {font-family: Verdana,Arial,Sans-Serif;}
body {margin:0; padding:0;  font-size: 75%; background-color: #fff; color:#434343;}
ul,ol,p, li {font-size:100%}
p {margin:0 0 10px 0}
li {margin:0;list-style-type:none}
h2 {color:#434343;font-size:120%;}
h2.subdued{font-size:14px;background-color:#fff;padding:0}
h2.subdued:lang(es) {font-size: 14px;background-color: #fff;padding: 0 10px 0 0;}
legend {display:none}
div.c60content, div.c60contentSelected {background-color:#fff}
address {font-style:normal}
.c7 utilitybtn {_width:1px;overflow:visible}

.hide, .hidden {height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0}
#directionsPage #searchLinks {margin-bottom:10px}
#directionsPage #searchLinks a {padding:0 10px}

#shell {margin: 0 auto; padding: 0; background-color: #fff;border:none}

body a {color:#5174B8}
body #shell a:hover, body #shell a:focus {color:#5174B8}

ol li, ul li {margin: 0 0 3px 0}
.ie7 ol li {margin-left:10px}
sup {top:-0.35em}
h1 {font: 200% Georgia,Times,serif;color:#434343} 
h2 { margin:0 0 7px 0; font-size:120%; color: #5f5f5f;font-family: Verdana,Arial,Sans-Serif;}
h3 {margin:0 0 6px 0; font-size:110%; color: #5f5f5f;font-family: Verdana,Arial,Sans-Serif;}
h4 {margin:0 0 6px 0; font-size:100%; color:#777777;font-family: Verdana,Arial,Sans-Serif;}

ul {padding-left:0;margin-left:0}

div.errorMsg  {font-size:100%}

/* Component 1: Masthead */
.c1 #topSearch {float: right; width:890px; overflow: hidden; padding-top: 6px;background:none !important} /*padding top needed*/
.c1 #topSearch ul {list-style: none; float: right;width:auto; margin: 0 287px 0 0; padding: 0;font-size:92%;}
.c1 #topSearch ul li {float: left; width:auto; margin-left: 17px; margin-top: 11px}
#topSearch input { font-size: 100%}
.c1 ul li a, .c1 #headerTools a {color: #666}
.c1 ul li a:visited, .c1 #headerTools a:visited {color: #666}
body #shell .c1 ul li a:hover, body #shell .c1 #headerTools a:hover, #shell #fatnav ul li a:hover {text-decoration: underline; color: #5174B8}
ul li a.signIn {padding: 1px 0 0 15px; background: url(/assets/images/css/template/icon-trust-mark.png) no-repeat left center}
.c1 #topSearch form {position:absolute;right:0;top:10px;margin:0;padding:0 0 1px 0;width:270px;border:1px solid #ccc;
	-moz-box-shadow:inset 0 0 2px 2px #e7e7e7;-webkit-box-shadow:inset 0 0 2px 2px #e7e7e7;box-shadow:inset 0 0 2px 1px #e7e7e7;
	-webkit-border-radius:5px;border-radius:5px; /*future proofing*/
	-khtml-border-radius:5px; /*Konqueror browsers*/;
	background:transparent url("/assets/images/css/template/search_bar_gray_button_45x30.png") no-repeat scroll 100% 50%}
#inputTopSearchField {font-family:verdana,arial,sans-serif;float:left;width:210px;margin:7px 0 0 15px;color:#A9A9A9;padding:0;border:none}
:first-child + html #inputTopSearchField {margin-top:8px;margin-left:5px;border:1px solid #fff}
#inputTopSearchField:focus {color:#000}
#btnTopSearch{float:right;width:25px;height:25px;margin:1px 6px 0 0;background:transparent url("/assets/images/css/template/btn-icon-search.png") no-repeat scroll 0% 60%;color:#fff;border:none;font-size:0;-ms-high-contrast-adjust:none;}
#btnTopSearch:focus {border: 1px dotted #666}
#topSearch #btnTopSearch {font-size:0}
#mainNav {position:relative; width: 970px; height: 110px; margin: 0 auto}
#mainNav a {text-decoration:none}
#mainNav li, .navList li, .c9 li {list-style-type:none}
.t1.wide #mainNav {width:970px}
#masthead {height:110px;margin-bottom: 20px; border-bottom: 2px solid #dfdfdf;border-top:none !important}
#mastheadSearch {float: right}
#brand {position:absolute; top:32px; left:0px}

.c1 .navList {position: absolute; right: 10px; bottom: 13px; margin-bottom: 0; list-style-type:none}
.c1 .navList li {display:inline;padding: 0 0 0 27px; list-style-type:none}
.c1 .navList li a:hover,
.c1 .navList li a:active {text-decoration: underline}
.c1 .navList li a {color: #000; text-decoration: none}



input.c7,
button.cta,
a.c7 {display: inline; position: relative;z-index:1; padding: 5px 15px;border: 0; cursor: pointer; overflow: visible; /* removes extra side padding in IE */
	text-align: center;
	color: #fff;
	background-color: #fc7d00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7d00', endColorstr='#ce5600'); /* for IE */
	white-space: nowrap;
	border-radius: 4px;
	text-shadow: #a14300 1px 1px;
	text-decoration:none;
	background: #ce4c00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ce4c00 0%, #c94a00 50%, #b54300 52%, #a43d01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce4c00), color-stop(50%,#c94a00), color-stop(52%,#b54300), color-stop(100%,#a43d01)); /* 		Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ce4c00 0%,#c94a00 50%,#b54300 52%,#a43d01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ce4c00 0%,#c94a00 50%,#b54300 52%,#a43d01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ce4c00 0%,#c94a00 50%,#b54300 52%,#a43d01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ce4c00 0%,#c94a00 50%,#b54300 52%,#a43d01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4c00', endColorstr='#a43d01',GradientType=0 ); /* IE6-8 */
	}


input.c7.utilitybtn, button.cta.utilitybtn, a.c7.utilitybtn   {
	font-weight:bold;
	background: #5174b8; /* Old browsers */
	background: -moz-linear-gradient(top,  #5174b8 0%,#3d62a3 50%, #335898 52%, #244a87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5174b8), color-stop(50%,#3d62a3), color-stop(52%,#335898), color-stop(100%,#244a87)); /* 		Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #5174b8 0%,3d62a3 50%,#335898 52%,#244a87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #5174b8 0%,#3d62a3 50%,#335898 52%,#244a87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #5174b8 0%,#3d62a3 50%,#335898 52%,#244a87 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #5174b8 0%,#3d62a3 50%,#335898 52%,#244a87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5174b8', endColorstr='#244a87',GradientType=0 ); /* IE6-8 */
	text-shadow:none;
	-ms-high-contrast-adjust:none}

input.c7.secondarybtn, button.cta.secondarybtn, a.c7.secondarybtn  {
	font-weight:bold;
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #fceeee 50%, #f0e3e2 52%, #c7c7c8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(50%,#fceeee), color-stop(52%,#f0e3e2), color-stop(100%,#c7c7c8)); /* 		Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#fceeee 50%,#f0e3e2 52%,#c7c7c8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#fceeee 50%,#f0e3e2 52%,#c7c7c8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#fceeee 50%,#f0e3e2 52%,#c7c7c8 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#fceeee 50%,#f0e3e2 52%,#c7c7c8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#c7c7c8',GradientType=0 ); /* IE6-8 */
	color:#44464a;
	-ms-high-contrast-adjust:none}

body #shell a.c7:hover, body #shell a.c7.hover,  /* the redundant class is used to apply the hover state with a script */
body #shell button.cta:hover, body #shell button.cta.hover,
body #shell input.c7:hover, body #shell input.c7.hover,
body #c28lightbox a.c7:hover, body #c28lightbox a.c7.hover {color: #fff; text-decoration:underline}
body #shell input.c7:active, body #shell input.c7:focus,
body #shell button.cta:active, body #shell button.cta:focus,
body #shell a.c7:active, body #shell a.c7:focus,
body #c28lightbox a.c7:focus, body #c28lightbox a.c7.focus {color: #fff; text-decoration: underline; font-weight:normal;outline:thin dotted}

input.c7.utilitybtn:focus, a.c7.utilitybtn :focus {font-weight:bold !important} 

.c9 {clear: left; margin: 0; padding: 90px 0 30px; background: url(/assets/images/css/template/bg-footer.png) repeat-x top left}
.c9content {width: 970px; margin: 0 auto}
.c9content ul {clear:left;float:none;list-style-type: none; margin: 0 0 7px -14px; padding: 0; width: 790px;overflow:hidden}
.c9content p {clear:left;float:none}
.c9content ul li {float:left;width:auto;margin: 0 9px 8px -1px; padding: 0 0 0 9px;line-height:1em; border-left: 1px solid #444; white-space: nowrap; list-style-type:none}
.c9content ul li a {color: #434343; text-decoration:none;line-height:1.2em}
.c9content ul li a:hover, .c9content ul li a:focus {color: #f25316;text-decoration:underline}


.c20equal {clear:left;margin-bottom:.75em;padding-left:22px;font-size:95%;background:url(/assets/images/css/template/equal_housing_lender.png) 0 2px no-repeat}

/* Component 29: Balloon Help*/
.c29 {position:relative}
.c29 aside {display: inline}

/*
 * Note: If you change the margin and padding values in the next style, you must
 * also update them in the js/global/constructors/14BalloonHelp.js file, in the
 * "var stdOptions" area. MSIE can't seem to read it programmatically.
 */
.c29content {display: none; position:absolute; width:210px; margin:0 0 10px; padding:20px; border:1px solid #ccc; background-color:#fff; box-shadow: 0 3px 13px -4px #666; z-index:310}
.c29:hover .c29content {display: block}
a.c29link {border-bottom:1px dotted; color:#000;text-decoration:none}
#shell a.c29link:hover, #shell a.c29link:focus {text-decoration:none; color:#000}
a.c29link.imgOnly {border-bottom:none !important}
.c29content .c29close {display:block; position:absolute; top:-14px; right:-5px; height:20px; width:20px; border-radius:18px; box-shadow:5px 5px 13px -3px #333; z-index:311}
.c29content .c29hook {display:block; position:absolute; width:18px; height:13px; background-repeat: no-repeat; border-bottom-left-radius:7px 9px; border-bottom-right-radius:7px 9px; box-shadow: 0 3px 13px -4px #666; z-index:11}
.c29content.bl .c29hook {bottom:-12px; left:25px; background-image: url(/assets/images/css/template/bg-c29hook.down.png)}
.c29content.br .c29hook {bottom:-12px; right:25px; background-image: url(/assets/images/css/template/bg-c29hook.down.png)}
.c29content.tl .c29hook {top:-12px; left:25px; background-image: url(/assets/images/css/template/bg-c29hook.up.png)}
.c29content.tr .c29hook {top:-12px; right:25px; background-image: url(/assets/images/css/template/bg-c29hook.up.png)}
.c29content h3 {margin-top:0}
a.printLink { color: #434343;padding: 0 0 5px 20px;text-decoration: none;background: url("/assets/images/css/template/icon-print.png") no-repeat scroll 0 2px transparent;-ms-high-contrast-adjust:none;}

/* Tab InfoBox */
div.tabInfoBox {width:370px;z-index:100;display:block;zoom:1}
.tabInfoBox * {font-family:arial,helvetica}
div.tabInfoBox li {display:block;margin:0}
div.tabInfoBox .heading {font-weight:bold}
div.tabInfoBox .contentDivs {float:left;width:94%}
div.tabInfoBox div.getDirModule {margin:15px 0;position:relative;}
div.tabInfoBox input.getDirField {width:98%}
div.tabInfoBox div.buttonContainer {text-align:right;margin-top:6px}
div.tabInfoBox div.getDirHeading {font-weight:bold;margin-bottom:3px}
div.tabInfoBox label.getDirLabel {margin:4px 0 0 4px; color:#ccc;position:absolute}
div.tabInfoBox div.section {margin-bottom:10px}
div.tabInfoBox .leftSideData {float:left;width:52%}
div.tabInfoBox  .vcard {margin:0 0 10px 0}
div.tabInfoBox  .vcard address {font-style:normal;clear:left}
div.tabInfoBox .square {width:17px;height:17px;background-color:#BB0826;float:left;margin-right:3px}
div.tabInfoBox .square {color:#fff;text-align:center}
div.tabInfoBox .withinLocation {clear:left}
div.tabInfoBox .rightSideData {float:left;margin-left:10px;width:44%}
div.tabInfoBox .servicesSection {margin:0 0 10px 0}
div.tabInfoBox .location {clear:left;margin-bottom:10px;font-weight:bold}

/* Get Directions Page */

#directionsPage #searchResultsList .aResult:hover {background-color:#fff}
#directionsSection {clear:both;padding:10px 0 0 10px; margin-bottom:10px}
#directionsSection .getDirectionsModule{position:relative;z-index:200}
#directionsSection .getDirectionsModule .directionLabels {font-weight:bold}
#directionsSection .getDirectionsModule .addressTextField {width:98%;display:block;margin:3px 0 10px;color:#666}
#directionsSection .getDirectionsModule .buttonContainer {margin:10px 0;text-align:right}
#directionsSection .getDirectionsModule .chooseAnotherLocation {text-decoration:none}
#directionsSection .getDirectionsModule .vcard  address {color:#666}
#directionsSection .getDirectionsModule #similarResults{top:40px;position:absolute;margin:0;padding:0;left:0px;width:98%;index:200}
.directionResults{position:relative;z-index:100}

/* Search Results Page */
#searchResultsList {height:400px;border-top:1px dotted #ccc}
#searchResultsList .aResult {margin-bottom:0;border-bottom:1px dotted #ccc;padding:10px;display:block;float:left;width:94%}
#searchResultsList .aResult:hover {background-color:#F1F1F1}
#searchResultsList .aResult .heading {font-weight:bold}
#searchResultsList .aResult p {margin-bottom:5px}
#searchResultsList .aResult .leftSideData {float:left;width:49%}
#searchResultsList .aResult .leftSideData .vcard {margin-bottom:10px}
#searchResultsList .aResult .leftSideData .vcard address {font-style:normal;clear:left}
#searchResultsList .aResult .leftSideData .square {width:17px;height:17px;background-color:#BB0826;float:left;margin-right:3px;-ms-high-contrast-adjust:none;}
#searchResultsList .aResult .leftSideData .square {color:#fff;text-align:center}
#searchResultsList .aResult .leftSideData .withinLocation {clear:left}
#searchResultsList .aResult .rightSideData {float:left;padding-left:10px;width:47%}
#searchResultsList .aResult .emergencyInfo {color:#C00000;font-weight:bold}
#searchResultsList .getDirectionsSection{clear:both}
#searchResultsList .getDirectionsSection .getDirLink{padding-left:12px}
#searchResultsList .getDirectionsSection .getDirModule{margin:6px 10px 0 0;position:relative;top:0;left:0;display:none}
#searchResultsList .getDirectionsSection .getDirModule .getDirLabel {margin:4px 0 0 4px; color:#ccc;position:absolute}
#searchResultsList .getDirectionsSection .getDirModule .getDirField {width:98%}
#searchResultsList .getDirectionsSection .getDirModule .buttonContainer {text-align:right; margin-top:6px}
#searchResultsList .closed {background:url("/assets/images/locator/directions-arrow-closed.gif") no-repeat 0 4px;-ms-high-contrast-adjust:none;}
#searchResultsList .open {background:url("/assets/images/locator/directions-arrow-open.gif") no-repeat 0 4px;-ms-high-contrast-adjust:none;}
#searchResultsList .appointmentSection {margin-bottom:10px}
#searchResultsList .highlighted {background-color:#f1F1F1}

/* Search Results Page */
#bingMapSection  {clear:both;float:left;margin-bottom:10px;font-family:arial, helvetica, sans-serif}
#bingMapSection #resultsSide {float:left;width:394px;height:550px;overflow:auto;position:relative;margin-right:4px;padding-right:4px;}
#bingMapSection #bingMapSide {position:relative;float:left;}
#bingMapSection #bingMapSide  #myMap {position:absolute;width:570px;height:550px;top:0;left:0}
#resultsSide li,#resultsSide address, #resultsSide p {font-family:arial, helvetica, sans-serif}
/* Main */
#main {width:975px;margin:auto;clear:both;}

#getDirectionsSection li, #getDirectionsSection a, #getDirectionsSection input, #getDirectionsSection label,#getDirectionsSection p,#searchResultsList li, #searchResultsList a, #searchResultsList input, #searchResultsList label{font-family:arial, helvetica, sans-serif}
#bankDetailsSection address,#bankDetailsSection div,#bankDetailsSection a,#bankInfoSection p,#bankInfoSection li, #bankInfoSection p,#bankInfoSection a ,#bankInfoSection h2 {font-family:arial, helvetica, sans-serif}

/* Header Utility Section */
#headerUtilSection {margin:10px 0;padding:0 0 0 10px;}
#headerUtilSection #tools {clear:both;width:20%;float:right;margin-top:12px;font-size:90%;text-align:right}
#headerUtilSection #tools a {font-size:100%;width:auto;text-decoration:none}

/* Main Search Section */
#searchSection {margin-bottom:10px}
#mainSearchModule{padding:5px 10px 10px;position:relative;float:left;margin-right:10px;z-index:100}
#mainSearchModule #mainSearchlabel {position:absolute;padding:6px 0 0 4px;display:block;color:#ccc}
@media screen and (-webkit-min-device-pixel-ratio:0) { /*  Hack for Chrome and Safari */
#mainSearchModule #mainSearchlabel {position:absolute;padding:7px 0 0 4px;display:block;color:#ccc}
}
#mainSearchModule #mainSearchField {width:352px;padding:3px 0}
#mainSearchModule #searchButtonBox {text-align:right;margin:5px 0}
#mainSearchModule #searchButton {padding:8px 0;text-align:right}
#mainSearchModule .c7 utilitybtn {width:1px;overflow:visible;width:auto!important}
#similarResults {background-color:#fff;position:absolute;border:1px solid #ccc;z-index:100;top:50px;left:10px;width:352px}
#similarResults p {color:#666;margin:4px}
#similarResults li a {display:block;color:#000;padding:4px;text-decoration:none}
#similarResults li a:hover {background-color:#eaeff5}
#options {margin:5px 0 10px}
#options div.last {border-right:none}
#options input {margin:0;width:15px}
#options .col {float:left;width:180px;border-right:1px dotted #ccc;margin-right:10px;font-size:90%}
#options .col div {min-height:24px}
#options .col h2 {font-size:130%}
/* Search Page */
#mapSection {margin-bottom:10px;width:100%;border:1px solid #ccc}
#mapSection #staticMap {position:relative}
#mapSection #contentSide {float:right;width:400px;margin:20px 0 0 0;padding:50px 0;position:relative}
#mapSection #contentSide #mapIntro {border-left:1px solid #999;padding:40px 20px}
#mapSection #contentSide #mapIntro .mainIntro {color:#d87033;font-size:150%;font-weight:bold;line-height:1.3em} 
#mapSection #contentSide #mapIntro .tagLine {color:#434343;font-size:120%;line-height:1.6em}
#mapSection #arrowDiv {background:url(/assets/images/locator/arrowPointerForMap.jpg) no-repeat 0 0;position:absolute;width:16px;height:27px;top:45%;left:-15px}
#mapSection #mapSide {width:560px}
#mapSection #mapSide #staticMap .map {display: block; background: url(/assets/images//css/tools/locator/usaMap.gif) repeat scroll 0% 0% transparent; position: relative; padding: 0px; width: 489px; height: 335px;margin:auto}
#cityChooser {width:455px;border:1px solid #ccc;padding:6px;font-size:12px;color:#000;display:none;position:absolute;top:25px;left:275px;background-color:#fff;-webkit-box-shadow: 8px 8px 6px -6px #000;-ms-box-shadow: 8px 8px 6px -6px #000;-moz-box-shadow: 8px 8px 6px -6px #000;box-shadow: 8px 8px 6px -6px #000;}
#cityChooser .heading {font-weight:bold;margin:0 0 5px 0; padding:5px;border-bottom:1px dotted #ccc}
#cityChooser #headingSection {padding:5px;background-color:#EFEFEF;position:relative}
#cityChooser #headingSection #cityChooserHeading {font-size:12px;color:#000}
#cityChooser #closerSection {float:right;margin-top:4px;position:absolute;top:5px;right:5px}
#cityChooser #alphaFilterSection {padding:3px 0;font-size:11px;margin-bottom:10px;float:left;padding-left:5px}
#cityChooser ul#alphaFilter {list-style-type:none;padding:0;margin:0;width:100%}
#cityChooser ul#alphaFilter li {display:block;float:left;width:10px;height:10px;padding:0;margin:0;text-align:center;border:1px solid #fff;vertical-align:top;line-height:12px}
#cityChooser ul#alphaFilter li a.disabled {color:#ccc;cursor:text}
#cityChooser ul#alphaFilter li {color:#ccc}
#cityChooser ul#alphaFilter li a {text-decoration:none;color:#ccc}
#cityChooser ul#alphaFilter li a.enabled {color:#6D93BA}
#cityChooser ul#alphaFilter li a.enabled:hover {text-decoration:underline}
#cityChooser ul#alphaFilter li.letterFilterHighlight {background-color:#d87033;border:1px solid grey;vertical-align:middle;padding-bottom:3px}
#cityChooser ul#alphaFilter li.letterFilterHighlight a {color:#fff}
#cityChooser #cities {width:100%}
#cityChooser #cities #popularCityCol {width:25%;float:left;border-right:1px dotted #ccc;}
#cityChooser #cities #allCityCol {width:70%;float:left}
#cityChooser #cities {text-align:left;vertical-align:top}
#cityChooser #cities ul {list-style-type:none;padding:0;margin:0;float:left;color:#6D93BA;}
#cityChooser #cities a {color:#6D93BA;text-decoration:none}
#cityChooser #cities div#overflowContainer {overflow-x:auto;overflow-y:none;height:150px;width:330px;float:left;padding-left:5px}
#cityChooser #cities div#allCities {width:1000px;float:left}
#cityChooser #cities div#allCities div.allCities {float:left;margin-right:20px;width:100px}
#cityChooser #cities div#popularCities div.popularCities div {height:auto;margin-bottom:3px}
#cityChooser #cities div#popularCities {height:181px;overflow:auto;padding-left:5px}
#cityChooser #cities a#showAllCitiesLink {display:none}

/* Bank or ATM Page */
#detailsPage .section h2 {background-color:#F3F3F3;padding:8px}
#detailsPage .section h3 {padding-left:8px;color:#000;font-size:12px;margin-bottom:0;margin-top:10px}
#detailsPage .section {clear:both}
#detailsPage .left {float:left;margin-bottom:10px}
#detailsPage .right {float:right;margin-bottom:10px}
#detailsPage .innerLeft {float:left;width:49%;margin-bottom:0;padding-left:3px}
#detailsPage .innerRight {float:right;width:49%;margin-bottom:0;padding-left:3px}

/* #detailsPage .innerRight {float:right; width:48%;margin-bottom:0} */
#detailsPage #navLinks {margin-bottom:10px}
#detailsPage #navLinks a {padding:0 8px}
#detailsPage #bankDetailsSection {width:39%}
#detailsPage #bankMapSection {width:60%}
#detailsPage #bankInfoSection, #holidayHoursSection, #ATMInfoSection, #tasSection {width:49%}
#detailsPage #bankDetails .vcard {padding-left:8px}
#detailsPage #bankSection .left {padding-top:10px;border-top:1px dotted #ccc}
#detailsPage .heading {font-weight:bold}
#detailsPage #makeAppt {padding-left:8px}
#detailsPage #bankImage img {float:right}
#detailsPage #getDirectionsSection {clear:both}
#detailsPage .getDirModule {padding-left:8px;position:relative}
#detailsPage .getDirLabel {position:absolute;padding:4px 0 0 4px;display:block;color:#ccc}
#detailsPage .getDirField {width:66%;padding:3px 0}
#detailsPage .getDirButton {}
#detailsPage #bankInfoSection ul, #ATMInfoSection ul {padding-left:8px}
#detailsPage #holidayHoursSection  dl{margin:0;	 clear:both}
#detailsPage #holidayHoursSection dd {margin:0;text-align:right;float:right;padding-right:3px;clear:right;width:48%}
#detailsPage #holidayHoursSection dt {float:left;padding-left:3px;width:48%}
#detailsPage #tasSection {border-top:1px dotted #ccc;padding-top:20px;margin-top:20px}
#detailsPage #tasSection .innerRight, #tasSection .innerLeft {width:48%}
#detailsPage #masthead {border-bottom:none}
#detailsPage #breadcrumbs {border-bottom:1px solid #ccc;padding:5px 0}
#detailsPage dt, #detailsPage dd {display:block;width:48%;padding:0;margin:0}

/* Other Services Section */
#otherServicesSection {clear:both;float:left;border-top:1px solid #ccc;padding:10px 10px 0 10px;width:98%}
#otherServicesSection .otherServices {float:left;width:25%;margin:0 10px 0 0}
#otherServicesSection .assistance {float:left;width:17%;margin:0 10px 10px 0}
#otherServicesSection .adBox {float:right}
#otherServicesSection ul {padding:0 10px 0 0;margin:0 0 20px 0}
#otherServicesSection .otherServices.twoCol ul {float:left;width:auto;padding:0}
#otherServicesSection .otherServices.twoCol h2+ul{padding-right:20px !important}
#otherServicesSection .otherServices.twoCol h2+ul:lang(es){padding-right:10px !important;width: 47%;}
/* Contact Section */
#contactSection {clear:both;float:left;border-top:1px solid #ccc;padding:10px;width:98%}
#contactSection #info {float:left}
#contactSection #info p {color:#6F6F6F;margin:0}
#contactSection .adBox {float:right}

/* Affiliate Disclosure */
#affiliateDisclosure {clear:both;float:left;border-top:1px solid #ccc;padding:10px 10px 0 10px;width:98%}
#affiliateDisclosure p {color:#666} /*font-size:95%;*/

/* Footer */
#footer {clear:both}
#footer p {padding:0 10px}

#messaging{margin:30px 10px;height:140px;vertical-align:middle;}
.oofAlert{padding-right:10px;float:left;height:20px;vertical-align:top}

.errorMsg  {font-size:100%}

.errorField {background-color: #FFFAD9;border:1px solid #D4002F;}
.error-text {color:#c00;font-size:75%;}
.error-text-bold {color:#c00;font-weight:bold;}
.error-text img,.error-text-bold img {vertical-align:top;padding-right:3px;}
/* Hack for IE6 browsers. Use this class to display message that browser isn't supported */
.notSupported{display:none}
* html .notSupported {display:block}
.closeButton{float:right;margin-top:-5px}
/* Component 45: Locator Emergency msg Tip-Alert */
.c45 {clear:left;width:970px; margin:16px auto 15px;overflow:visible;}
.lt-ie9 .c45 {margin:16px auto 10px;}	
.c45.withTop {padding-top:12px;border-top:1px solid #d5d5d5}		
.c45 .c45badge {position:relative;float: left;margin: 0 20px 0 -7px; padding: 6px 6px 8px 11px;font:bold 110% Georgia, Times, serif; color: #fff;}
.c45 .c45content {width:auto;line-height:1.5em;padding:5px 0 0;color:#000;}
.c45 .c45content h3 {margin-bottom: 8px; font-family:georgia, Verdana, sans-serif; font-size: 160%}
.c45content .c17 {font: bold 110% Georgia, Times, serif}
.c45content p {margin-bottom:0}
.c45 .c45badge {background-color: #d4002f }
.c45flyout {position:absolute;top:-6px;left:0;display:block;width:0;height:0;border-top: 3px solid #fff;border-left:3px solid #fff}	
.c45 .c45flyout {border-right: 3px solid #5a0d1e;border-bottom: 3px solid #5a0d1e}
.c45point {position:absolute;top:0;right:-8px;display:block;width:0;height: 0;border-top: 15px solid #fff;border-bottom: 15px solid #fff;}
.c45  .c45point {border-left: 8px solid #d4002f }

/* Component 46 Green: Locator Emergency msg Tip-Alert */
.c46 {clear:left;width:970px; margin:16px 0 15px 15px;overflow:visible;}
.lt-ie9 .c46 {margin:16px auto 10px;}	
.c46.withTop {padding-top:12px;border-top:1px solid #d5d5d5}		
.c46 .c46badge {position:relative;float: left;margin: 0 20px 0 -7px; padding: 6px 6px 8px 11px;font:bold 110% Georgia, Times, serif; color: #fff;}
.c46 .c46content {width:auto;line-height:1.5em;padding:5px 0 0;color:#000;}
.c46 .c46content h3 {margin-bottom: 8px; font-family:georgia, Verdana, sans-serif; font-size: 160%}
.c46content .c17 {font: bold 110% Georgia, Times, serif}
.c46content p {margin-bottom:0}
.c46 .c46badge {background-color: #007337 }
.c46flyout {position:absolute;top:-6px;left:0;display:block;width:0;height:0;border-top: 3px solid #fff;border-left:3px solid #fff}	
.c46 .c46flyout {border-right: 3px solid #005026;border-bottom: 3px solid #005026}
.c46point {position:absolute;top:0;right:-8px;display:block;width:0;height: 0;border-top: 15px solid #fff;border-bottom: 15px solid #fff;}
.c46  .c46point {border-left: 8px solid #007337 }

/*locator incident message styles*/
.incidentMessage {background: none repeat scroll 0 0 #f7eed7;border: 1px solid #f28b13;float: left;margin-bottom: 25px;padding: 10px;width: 98%;}
.incidentIcon {float: left;margin-right: 6px;width: 6px;}
.incidentText {float: left;width: 91%;}
.incidentMessage p{margin: 0px 0px 0px 6px;font-size: 12px;font-family: arial, verdana;color: #000;padding-bottom: 13px;}
.incidentMessage p.lastMsg{padding-bottom: 0px;margin-bottom: 0px;}
.tabInfoBox .incidentMessage{width: 92%;margin-bottom: 8px;}
a.vcardlink {line-height: 2em;}
.contentDivs .incidentMessage .incidentText p{padding-right: 44px;}
#bingMapSection #copyright{bottom: 0; float: left; margin-left: 402px; position: relative;}
.espgetDirLabel:lang(es){width:55% !important;}
.langCursor{cursor:pointer;}
.espText:lang(es){width:33% !important;}
#otherServicesSection .otherServices:lang(es){
	margin :0px 0px 0px 0px !important;
}
#otherServicesSection .assistance:lang(es){
	margin :0px 0px 0px 0px !important;
}
.servicesContent{color:#C2BF00; font-family: 'Archer-Semibold'; font-size:16px;}
.innerSuggestions{padding-top:5px;}
#contactSection #info:lang(es){width:75%;}
input[type='checkbox']:focus { outline:1px solid #0033cc;}