/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------*/
body { color:#000; font-family: Verdana, Geneva, sans-serif; background:#575142;}
h1, h2, h3, h4, h5, h6, p, li { line-height:1.0em; }

.hidden-branch{display:none;}
table.wiz_content{border-collapse:separate;}
table.wiz_content tbody tr td{padding:4px 2px 4px 0;}

.intro h3 a {text-decoration:none; color:#575142; margin:0px;}
.aligncenter{margin:0 auto; width:37px; height:39px; text-align:center;}
/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container {}
div.box2 h2{color:#575142; font-size:240%; font-weight:normal; padding-bottom:20px;}
div.subcontent p{margin:10px 0; font-size:1.1em; line-height:1.4em; color:#575142;}
div.subcontent h3{color:#67913F; font-size:140%; /*padding-bottom:15px;*/ font-weight:normal;}
div.subcontent ul li, div.subcontent blockquote{ margin:0 0 2px 25px; line-height:20px; list-style:disc; color:#67913F; font-size:100%;}
div.subcontent a{text-decoration:none; color:#67913f;}
div.subcontent hr{border: 0; height:1px; background-color:#575142; margin-bottom:25px;}
div.subcontent ol{margin:0 0 0 20px; list-style:decimal;}


#calcs2 {text-align:center;font-size:2em; line-height:2em;}
#calcs2 a{color:#575142;}
#calcs2 .tnycalc_amt{font-weight:bold; color:#333333; padding:5px;}

/*---- Wrapper ----*/
div.wrapper { width:853px; margin:0 auto; background:#fff; padding:0 24px;border-top:6px solid #04551b; }

/*---- Header ----*/
div#header { padding:15px 0 48px 0; position:relative;}

/*---- Main Navigation ----*/
div#main-navigation { width:640px; float:right; margin-bottom:18px;}

/*---- Content ----*/
div#content { background:url(../images/content/content-bg.gif) top left repeat-x; padding:12px 50px 12px 26px; min-height:563px !important;}
div#content.layout1{ background:none;}
div#calccontent { background:url(../images/content/content-bg.gif) top left repeat-x; padding:12px 50px 12px 26px; }

/*---- Main ----*/
div#main { float:right; width:622px;}
div#main_app { float:none; }

/*---- Sidebar ----*/
div#sidebar { float:left; width:135px; }

/*---- Footer ----*/
div#footer {  background:#524c3c; }
div#footer div.wrapper{ background:#f1efe9 ; padding-bottom:10px; border:none; }


/*---- Two-column-layout ----*/
div.two-column-layout1{ padding-top:42px;}
div.two-column-layout1 div.column1{ width:346px; padding:0 39px 0 5px;}
div.two-column-layout1 div.column2{  padding: 0 0 0 0;width: 366px;}

/*---- Two-column-layout1 ----*/
div.two-column-layout2 div.column1{ width:232px;}
div.two-column-layout2 div.column2{  padding: 0 0 0 0;width: 337px;}



/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/
div#header div.search-form{ float:right; width:184px; padding-top:35px;}
div#header div.search-form ul{ background:#f1f0ec;}
div#header div.search-form ul li{ float:left; lline-height:16px;}
div#header div.search-form ul li.search-icon{ background:#f1f0ec url(../images/icons/search-icon.gif) top left no-repeat; width:20px; height:20px;}
div#header div.search-form ul li input.textbox{ background:#f1f0ec; border:none; padding:0; height:18px; padding:0  0 0 4px ; width:142px; }
div#header div.search-form ul li input.search-button{ background:#f1f0ec url(../images/icons/serach-button.jpg) top right no-repeat; border:none; padding:0 0 0 11px; height:20px; cursor:pointer;}

/*---- Header - Logo ----*/
div#header div.logo { width:158px; float:left;}
div#header div.logo h1 a  { background:#f1f0ec url(../images/header/logo.jpg) 0 0 no-repeat; width:158px; height:0; display:block; overflow:hidden; padding-top:83px; }


/*---- Main Navigation ----*/
/*
div#main-navigation ul li{ float:right; padding:0px 31px; font-size:120%; line-height:20px; background:#f1f0ee; margin-right:3px;}
div#main-navigation ul li.parent{ position:relative;}
div#main-navigation ul li a { float:left; text-decoration:none; font-size:100%; color:#2a3d1a; font-family:Verdana, Geneva, sans-serif; }
div#main-navigation ul li.last{ margin-right:0;}
div#main-navigation ul li:hover, div#main-navigation ul li.active{ background:#dededb;}

div#main-navigation li ul.child{ position:absolute; top:23px; left:-196px; width:738px; display:none; }
div#main-navigation li ul.child li{ padding:0px 10px; background:#f1f0ee; }
div#main-navigation li ul.child li a{ color:#2a3d1a; text-decoration:none; font-size:90%; }
div#main-navigation ul li.parent:hover ul.child, div#main-navigation ul li.parent.active ul.child{ display:block;}
div#main-navigation ul li.parent.active ul.child li.active{ background:#dededb;} 
*/
.submenu{height:50px}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family:Verdana,Geneva,sans-serif;
	font-size:120%;
	position:absolute;
	top:73px;
	right:0;
}
#nav a {
	display: block;
	/*width: 10em;*/
	color:#2a3d1a;
	text-decoration:none;
}
#nav li {
	float: left;
	/*width: 10em;*/
	background:#f1f0ee;
	margin-left:3px;
	padding:5px 26px;
}
#nav li ul li{
	float:right;
	margin-top:3px;
	padding:3px 22px;
	background:#dededb;
}
#nav li ul {
	position: absolute;
	width: 770px;
	/*left: -999em;*/
	display:none;
	right:0;
	top:22px;
	font-size:90%;
}

#nav li:hover {	
	background:#dededb;
	text-decoration:none;
}

#nav li ul li:hover{
	text-decoration:none;
}

/*---- Slideshow ----*/
div#slideshow{ position:relative; margin-bottom:15px;}
div#slideshow div.slides{width:853px; height:306px; position:relative; z-index:1;}
div#slideshow div.slides div.slide{ width:853px; height:313px;}
div#slideshow div.slides div.title{ margin-top:-209px; position:absolute; padding-left:529px; z-index:50;}
div#slideshow div.slides div.title h2{ font-size:300%; line-height:34px; color:#fff; font-weight:normal; margin-bottom:10px; padding-left:2px; font-weight:500;}
div#slideshow div.frame-top{ background:url(../images/slideshow/frame-top.png) 0 0 no-repeat;width:853px; height:306px; position:absolute; top:0; right:0; z-index:10;}
div#slideshow div.frame-bottom{ background:url(../images/slideshow/frame-bottom.png) 0 0 no-repeat;width:549px; height:70px; position:absolute; bottom:0; right:0; z-index:10;}


/*---- Slideshow1 ----*/
div#slideshow1{ position:relative; margin-bottom:15px;}
div#slideshow1 div.slides{width:855px; height:239px; position:relative; z-index:1; background: url(../images/slideshow/slideshow1-slide-bg.jpg) top left no-repeat;}
div#slideshow1 div.slides div.slide{ width:855px; height:239px;}
div#slideshow1 div.slides div.title{ margin-top:-218px; position:relative; padding:0 34px 0 280px;}
div#slideshow1 div.slides div.title h2{ font-size:380%; line-height:45px; color:#cbcbc9; font-weight:normal; margin-bottom:10px; border-bottom:1px solid #cbcbc9; display:inline-block; padding-bottom:5px;}
div#slideshow1 div.slides div.title p{ color:#ebebeb; font-family:Verdana, Geneva, sans-serif; font-size:140%;  line-height:18px; margin-bottom:10px;}
div#slideshow1 div.slides div.title p span.highlight{font-size:124%;}
div#slideshow1  div.frame-top{ background:url(../images/slideshow/Untitled-4.png) 0 0 no-repeat;width:853px; height:162px; position:absolute; top:0; right:0; z-index:10;}
div#slideshow1  div.frame-bottom{ background:url(../images/slideshow/slideshow1-frame-bottom.png) 0 0 no-repeat;width:549px; height:108px; position:absolute; bottom:0; right:0; z-index:100;}


/*---- Banner ----*/
div#banner{ position:relative; margin-bottom:15px;}
div#banner img{ position:relative; z-index:1;}
div#banner div.frame{ position: absolute; z-index:10; background: url(../images/banner/frame-branch.png) 0 0 no-repeat; height:139px; width:853px; top:0; left:0;}
div#banner div.description{ position:absolute; top:20px; left:30px; z-index:20;}
div#banner div.description h2{ color:#fefffe; font-size:280%; line-height:22px; font-weight:normal; margin-bottom:10px; font-weight:500;}
div#banner div.description p{ color:#fefffe; font-size:180%; /*line-height:28px;*/ font-weight:500;}

/*---- Breadcrumbs ----*/
div.breadcrumbs{ margin-bottom:32px;}
div.breadcrumbs a{ color:#575142; font-size:110%; line-height:18px; font-family: Verdana, Geneva, sans-serif;}
div.breadcrumbs span{ color:#575142; font-size:110%; line-height:18px; font-family: Verdana, Geneva, sans-serif; vertical-align:middle;}

/*---- Widget ----*/
div.widget{ margin-bottom:25px;}
div.widget h2{ color:#575142; font-size:160%; line-height:18px; margin-bottom:15px; padding-left:15px; font-weight:500;}

/*---- Calculater ----*/
div.calculator-form h2{color:#575142; font-size:160%; line-height:18px;margin-bottom:15px; font-weight:500; }
div.calculator-form p{color:#67913f; font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:12px; margin-bottom:10px;}
div.calculator-form ul li { float:left; margin:0 18px 17px 0; list-style:none;}
div.calculator-form ul li.loan-term-field, div.calculator-form ul li.monthly-pay-field{ margin-right:0;}
div.calculator-form ul li label{ display:block;}
div.calculator-form ul li.calculate-field{ margin-bottom:0px;}
div.calculator-form ul li input.calculate{ background:url(../images/buttons/calculate.png) top left no-repeat; height:24px; width:133px; border:none; cursor:pointer;}
div.calculator-form ul li a{color:#575142; font-size:120%; line-height:18px; font-family:Verdana, Geneva, sans-serif; margin-bottom:2px; display:block;}
div.calculator-form ul li.more-link{ clear:both;}



/*---- Sidebar ----*/
div#sidebar h2{color:#575142; font-size:240%; line-height:34px; font-weight:normal;}
div#sidebar h3{ color:#575142; font-family:Verdana, Geneva, sans-serif; font-size:180%; line-height:20px; margin-bottom:20px; font-weight:normal;}
/*---- Sidebar Navigation ----*/
div#sidebar-navigation ul li{  font-size:120%; /*line-height:20px;*/  margin-right:3px; padding-bottom:10px;}
div#sidebar-navigation ul li a {text-decoration:none; font-size:100%; color:#575142; font-family:Verdana, Geneva, sans-serif; }

div#sidebar-navigation ul li:hover a, div#sidebar-navigation ul li.active a{ color:#67913f;}

/*----- Post ---*/
div.post h2 { font-size:250%; color:#575142; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; line-height:27px;}
div.post h3 { font-size:180%; color:#5d9731;  margin-bottom:10px; font-family:Verdana, Geneva, sans-serif; font-weight:normal; line-height:1.1em}
div.post h4 { margin-bottom:10px; font-size:120%; color:#575142;  font-weight:normal;}



/*---- Footer ---*/
div#footer p{ color:#67666b; font-size:100%; line-height:12px; font-family:Verdana, Geneva, sans-serif; text-align:center;}

/*---- Footer - Navigation ---*/
div#footer div#footer-navigation { text-align:center; margin-bottom:20px }
div#footer div#footer-navigation ul li { display:inline; font-size:120%; line-height:36px; font-family:Verdana, Geneva, sans-serif; background:url(../images/footer/footer-li-bg.gif) right center no-repeat; padding:0 12px; }
div#footer div#footer-navigation ul li a{ color:#67666b; font-size:100%;}
div#footer div#footer-navigation ul li.last{ background:none;}

/*---- Common Boxes & Containers ----*/

/*---- Two-column-layout ----*/
div.two-column-layout1 div.column1 div.box1{ margin-bottom:50px; padding:22px 18px 22px 16px;} 



/*---- Boxes ----*/
/*---- Box1 ----*/
div.box1{ background:#fff;}

/*---- Box2 ----*/
div.box2{ background:#fff; padding:12px 25px 0px 15px; margin-bottom:18px;}

/*---- Box3 ----*/
div.box3{ background:url(../images/boxes/box3.png) top left no-repeat; padding:18px 22px 0 30px;}

/*---- Buttons ----*/
/*---- Button1 ----*/
a.button1{ background:url(../images/buttons/button1.png) top right no-repeat; display:inline-block; padding-left:10px;}
a.button1 span.inner{ background:url(../images/buttons/button1.png) top right no-repeat;color:#575142; font-size:160%; line-height:22px;display:inline-block; padding:0 28px 0 0; height:28px;font-weight:500;}
a.button1:hover{ text-decoration:none;}

/*---- Button2----*/
a.button2{ background:url(../images/buttons/button2.png) top right no-repeat; display:inline-block; padding-left:10px;}
a.button2 span.inner{ /*background:url(../images/buttons/button2.png) top right no-repeat;*/color:#f1efe9; font-size:120%; /*line-height:36px;*/display:inline-block; padding:4px 28px 9px 0px; /*line-height:23px;*/ white-space:nowrap;}
a.button2:hover{ text-decoration:none;}

/*---- Button2 ---*/
a.button3 {display:inline-block; background:url(../images/buttons/button2.png) no-repeat 0 0; padding-left:7px; margin-right:5px;}
a.button3 span{display:inline-block; background:url(../images/buttons/button2.png) no-repeat right 0; position:relative; margin-right:-7px; padding-right:5px; height:38px; line-height:35px; font-size:120%; font-weight:normal; color:#66a844; font-weight:bold;}


/*---- Lists ----*/
/*---- List1 ----*/
ul.list1 li{ margin-bottom:4px; line-height:30px;}
ul.list1 li { width:344px;}
ul.list1 li a { background:#575142; color:#f1efe9; font-size:140%; padding:2px 14px; line-height:30px;}
ul.list1 li a:hover { background:#3b3831; color:#f1efe9; font-size:140%; padding:2px 14px; line-height:30px; text-decoration:none;}
ul.list1 li a span{ float:right;}
ul.list1 li a span.home{ background:url(../images/icons/refinance-icon.gif) center right no-repeat; height:35px; width:31px; display:inline-block;}
ul.list1 li a span.refinance{ background:url(../images/icons/home1-icon.gif) center right no-repeat;height:35px; width:31px; display:inline-block;}
ul.list1 li a span.debt{ background:url(../images/icons/debt-icon.gif) center right no-repeat;height:35px; width:31px; display:inline-block;}
ul.list1 li a:hover span.home{ background:url(../images/icons/refinance-icon-over.gif) center right no-repeat; height:35px; width:31px; display:inline-block;}
ul.list1 li a:hover span.refinance{ background:url(../images/icons/home1-icon-over.gif) center right no-repeat;height:35px; width:31px; display:inline-block;}
ul.list1 li a:hover span.debt{ background:url(../images/icons/debt-icon-over.gif) center right no-repeat;height:35px; width:31px; display:inline-block;}

/*---- List2 ----*/
div.post ul.list2{ list-style:none; margin:0;}
div.post ul.list2 li h3 { color:#575142; font-family:Verdana, Geneva, sans-serif; font-size:140%; line-height:18px; font-weight:normal; margin-bottom:5px; display:inline-block; padding-right:15px;}
div.post ul.list2 li h3 span.arrow{background:url(../images/icons/arrow1-icon.png) center right no-repeat; display:inline-block; height:11px; width:5px; padding-left:10px;}
div.post ul.list2 li p{color:#67913f; font-family:Verdana, Geneva, sans-serif; line-height:16px; font-size:12px; margin-bottom:10px;}

/*---- List3 ----*/
ul.list3 li{ padding:9px 0 12px 0; border-bottom:1px solid #a7a49c;}
ul.list3 li.last{ padding-bottom:0; border:none;}
ul.list3 li h3{ color:#575142; font-family:Verdana, Geneva, sans-serif; font-size:180%; line-height:34px; margin-bottom:10px; font-weight:normal;}
ul.list3 li div.image{ float:left; margin:0 18px 0 0;width:86px;}
ul.list3 li div.details{ float:right;width:436px}
ul.list3 li div.details h2{ color:#67913f; font-family:Verdana, Geneva, sans-serif; font-size:120%; line-height:16px; padding-bottom:0; }
ul.list3 li div.details .lolistlicense{padding-bottom:20px;}
ul.list3 li div.details .lolistlicenseon{padding-bottom:5px;}
ul.list3 li div.details .lolosttitle{padding:0; margin:0;}
ul.list3 li div.details p{ font-family:Verdana, Geneva, sans-serif; font-size:120%; line-height:16px; margin-bottom:5px; color:#575142;}

/*---- List4----*/
ul.list4 li{ margin-bottom:4px; line-height:30px;}
ul.list4 li { width:222px;}
ul.list4 li a { background:#575142; color:#f1efe9; font-size:140%; padding:0px 14px; line-height:32px;}
ul.list4 li a span{ float:right;}
ul.list4 li a span.home{ background:url(../images/icons/home2-icon.png) center right no-repeat; height:35px; width:31px;display:inline-block;}
ul.list4 li a span.refinance{ background:url(../images/icons/residence2-icon.png) center right no-repeat;height:35px; width:31px;display:inline-block;}
ul.list4 li a span.debt{ background: url(../images/icons/debt2-icon.png) center right no-repeat;height:35px; width:31px;display:inline-block;}

/*---- List5 ----*/
ul.list5 li{ margin-bottom:4px; line-height:30px; list-style:disc;}

/*---- Form ----*/
div.form ul li label{ color:#575142; font-size:100%; line-height:18px; font-family:Verdana, Geneva, sans-serif; margin-bottom:2px;}
div.form ul li input.textbox{ background:#f1efe9; width:200px;}


/*------------------------------------------
// 4.1  INDEX PAGE SPECIFIC STYLES
//------------------------------------------*/

div.intro h2{ font-size:180%; line-height:18px; font-weight:normal; color:#575142; margin-bottom:10px;}

/*------------------------------------------
// 4.1  BRANCH PAGE SPECIFIC STYLES
//------------------------------------------*/

div.branch-location h2{ color:#575142; font-family:Verdana, Geneva, sans-serif; font-size:260%; line-height:34px; margin-bottom:6px; font-weight:normal; border-bottom:1px solid #a7a49c; padding-bottom:6px;}

div.branch-location div.details div.image{ float:left;}
div.branch-location div.details div.image img{ margin:0 16px 0 3px;}
div.branch-location div.detailsdiv.description{ float:left;}
div.branch-location div.details div.description div.section{ float:left; margin-right:35px;}
div.branch-location  div.details div.description div.section p{ color:#67913f; font-family:Verdana, Geneva, sans-serif; font-size:120%; line-height:16px; color:#67913f; margin-bottom:20px;}
div.branch-location  div.details div.description div.section p span{ color:#575142; font-size:90%;}
div.branch-location  div.details div.description div.section p a{ font-family:Verdana, Geneva, sans-serif; font-size:100%; line-height:16px; color:#67913f; margin-bottom:20px; font-weight:bold;}
div.branch-location  div.details div.description div.section p a.direction{ background:url(../images/icons/arrow1-icon.png) center left no-repeat; padding-left:10px;}
div.officers-list h3{padding:0px;margin:0px;}
div.officers-list h4{color:#67913f; font-family:Verdana, Geneva, sans-serif;margin:0px;font-size:130%;font-weight:200;}
div.officers-list{background:#fff; padding:12px 25px 0px 15px; margin-bottom:18px;}
div.officers-list ul.list3 li div.details div.buttons{ float:right; width:176px;}
div.officers-list ul.list3 li div.details div.buttons a{ float:right; margin-bottom:5px; }
div.officers-list ul.list3 li div.details div.buttons a span{min-width:123px;}

/*------------------------------------------
// 4.2  LOAN OFFICER HOME PAGE SPECIFIC STYLES
//------------------------------------------*/
div.loan-officer div.box1{ padding:22px 10px 0px 16px; margin-top:35px;}
div.loan-officer div.box1 div.calculator-form ul li { float:left; margin-right:11px; margin-bottom:17px;}
div.loan-officer div.box1 div.calculator-form ul li.loan-term-field, div.calculator ul li.monthly-pay-field{ margin-right:0;}
div.loan-officer  div.calculator-form ul li.more-link a{ color:#67913f; font-size:110%;}
div.loan-officer div.box3{ min-height:577px;}
div.loan-officer div.two-column-layout2{ margin-bottom:26px;}

div.loan-officer p span.hr{ margin-bottom:16px;}

div.loan-officer div.help h2{color:#575142; font-size:160%; line-height:18px; margin-bottom:12px; font-weight:normal; }
div.loan-officer div.help p{ color:#575142; font-size:120%; line-height:16px; }

div.loan-officer div.know-me{ padding-left:10px;}
div.loan-officer div.know-me h2{color:#575142; font-size:160%; line-height:18px; margin-bottom:12px; font-weight:normal;}
div.loan-officer div.know-me ul li{ background:url(../images/icons/arrow1-icon.png) center left no-repeat; padding-left:10px;}
div.loan-officer div.know-me ul li a{ color:#67913f; font-size:120%; line-height:22px;}

div.loan-officer div.profile-info h5{font-size:100%; line-height:16px; color:#575142; font-weight:normal;}

div.loan-officer div.profile-info p span.designation{ color:#5d9731; font-size:120%; line-height:18px; font-weight:bold;}
 
/*------------------------------------------
// 4.3  PROFILE PAGE SPECIFIC STYLES
//------------------------------------------*/ 
div.profile-info div.image{margin-bottom:25px; position:relative; width:133px;}
div.profile-info div.image img{display:block;}
div.profile-info h4{font-size:140%; line-height:15px; color:#575142; font-weight:normal;}
div.profile-info h5{font-size:120%; line-height:13px; color:#575142; font-weight:normal;}
div.profile-info p{font-size:120%; color:#67913f; margin-bottom:18px; line-height:16px;}
div.profile-info p a{color:#67913f;}
div.profile-info a.mail{display:inline-block; background:url(../images/icons/mail-icon.gif) no-repeat 0 0; height:14px; line-height:14px; font-size:100%; color:#67913f; padding-left:26px;}

div.profile-info div.address{border-top:1px solid #575142; padding-top:15px;}
div.profile-info div.address h3{text-transform:uppercase; font-size:120%; margin-bottom:18px;}

div.profile-description{padding-right:80px;}
div.profile-description h2{margin-bottom:0;}
div.profile-description h3{margin-bottom:25px;}
div.profile-description p{margin:10px 0; line-height:1.2em;}
div.profile-description ul.list1{ margin-left:0;}
div.profile-description ul.list1 li{list-style:none; width:200px;  }
div.profile-description ul.list1 li a{padding:3px 8px 3px 13px; line-height:20px; font-size:100%;}
div.profile-description ul.list1 li a span.home{ background:url(../images/icons/home-icon2.gif) center right no-repeat; height:19px; width:21px;display:inline-block;}
div.profile-description ul.list1 li a span.new-home{ background:url(../images/icons/new-home-icon.gif) center right no-repeat;height:19px; width:21px;display:inline-block;}
div.profile-description ul.list1 li a span.debt{ background:url(../images/icons/debt-icon2.gif) center right no-repeat;height:19px; width:21px;display:inline-block;}

/*------------------------------------------
// 4.3  LOAN APPLICATION PAGE SPECIFIC STYLES
//------------------------------------------*/ 

div#loan-application div.section{border-bottom:1px solid #a7a49c; margin-bottom:15px;}
div#loan-application div.post h3{margin-bottom:0; color:#67913f; font-size:140%;}

div#loan-application div#login-form h3{font-size:140%; color:#575142; font-weight:normal; line-height:15px; margin-bottom:5px;}
div#loan-application div#login-form p{color:#67913f; font-size:120%; line-height:16px; margin-bottom:15px;}
div#loan-application div#login-form ul li{margin-bottom:8px;}
div#loan-application div#login-form ul li label{display:block;}
div#loan-application div#login-form ul li span.required{color:#67913f;}
div#loan-application div#login-form li input.submit{display:block; background:url(../images/buttons/login-btn.gif) no-repeat 0 0; width:64px; height:23px; float:left; margin-right:10px; cursor:pointer; border:0;}
div#loan-application div#login-form li a{line-height:21px; color:#67913f; display:inline-block; float:left; font-size:120%;}

div#loan-application div.options ul li{list-style:none; margin-bottom:13px; }
div#loan-application div.options ul li h3{font-size:140%; color:#575142; margin-bottom:5px; text-transform:uppercase;  }
div#loan-application div.options ul li p{font-size:120%; color:#67913f; line-height:16px; padding-left:30px;}
div#loan-application div.options ul li input.checkbox{display:block; float:left; margin-right:10px; margin-left:6px;}
div#loan-application div.options ul li input.submit{display:block; background:url(../images/buttons/start-btn.gif) no-repeat 0 0; width:65px; height:23px; cursor:pointer; border:0;}

/*------------------------------------------
// 4.3  CONTACT US PAGE SPECIFIC STYLES
//------------------------------------------*/ 
div.branch-location  div.details div.description div.section p.contact{ color:#67913f; font-family:Verdana, Geneva, sans-serif; font-size:120%; line-height:16px; margin: 0 0 5px 0;}
.border-bottom{ margin-bottom:6px; border-bottom:1px solid #a7a49c;}
div.calculator-form ul li input.contact-send{ background:url(../images/send_message.gif) top left no-repeat; height:24px; width:133px; border:none; cursor:pointer;}
h3.contactformty{font-size:240%;padding:50px 0;}

/*------------------------------------------
// 4.3  Calculator PAGE SPECIFIC STYLES
//------------------------------------------*/ 
/* This applies only to the calculators */
/*.calc_area h1, .calc_area h2 {color:#FFFFFF;}*/
.calc_area h2 {font-size:18px; color:#333;}
.calc_area td {color:#333;}
table.results p{line-height:1.4em;font-size:115%;}
#calc_links_area ul {
	list-style: none;
	margin: 10px 0 0 60px;
	padding: 0;
}
#calc_links_area ul li {
	list-style-image:url("../images/calculator.gif");
	padding-top:3px;
}
.pop_calcs {margin-top:6px; padding-right:3px;}
#calcs_view_more{float:right;}
div#calccontent a {text-decoration:none; font-size:100%; color:#575142; font-family:Verdana, Geneva, sans-serif; }

div#calccontent a:hover, div#calccontent a:active{ color:#67913f;}
/* End Calculators Styles */

/* the following is for the application login page */
#app_login_page{padding-left:30px; padding-bottom:30px;}
/*#app_login_page h2, #app_return_login h2 {color:#FFFFFF;}*/
#app_login_step1 h2 {color:#333;}
#app_login_step1 td {color:#333; font-size:14px}
#app_login_page ul{list-style:none; margin:0;padding:0;}
#app_login_page ul li{margin-top:15px;}
#app_login_page ul li ul li{margin:0 0 0 5px;}
.app_icons{margin-right:6px;background:none;}
a.app_icons:hover {background:none;}
#app_login_page a:link, #app_login_page a:visited{font-size:1.3em; padding:0 4px;}
#app_login_page a:hover, #app_login_page a:active{font-size:1.3em; padding:0 4px;}
#app_return_login{width:400px; margin: 0 auto;}
#app_return_login2{width:495px; margin: 0 auto;}
/* End App login styles */
/* Full App Styles */
.app_steps {background:#FFFFFF; line-height:1; color:#333333;}
.app_steps input {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#content1{width: 700px; margin: 0 auto; background:#FFFFFF; color:#333333;}
#content1 a.continue:link, #content1 a.continue:visited { color:#333333; text-decoration:underline; }
#content1 a.continue:hover { color:#333333; text-decoration:none; background:none; }
#content1 td{background:#dcdcdc;}
#content1 table { border-spacing:2px; margin:0; border-collapse:separate;}
#application_login{width:705px; margin-left:20px;}
#application_login a{text-decoration:none; color:#67913f;}
#application_login td p{line-height:1.2; font-size:1.2em;}
#full_app_header{width:700px; background:#767676 url(../../../mortgage/images/app_head_bg_right.gif) right top no-repeat;}
.app_top_img{float:left;}
#full_app_header ul{list-style:none; margin:0; padding:0; float:right;}
#full_app_header ul li{float:left;}
#full_app_header ul li a:link, #full_app_header ul li a:visited, #full_app_header ul li a:hover{background:none; padding:0;}
img.app_image{margin-top:4px; border:none; margin-right:3px;}
.information_content, .property_information {margin-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:1.3em;}
.information_content td{height:30px;}
/* End Full App Styles */

/* Short App Styles */
#short_app {font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; padding-top:10px;}
#short_app input{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#short_app_content {width:700px;font-family:Arial, Helvetica, sans-serif; margin:0 auto; color:#333333; line-height:1 }
#short_app_content table{border-spacing:2px; border-collapse:separate; vertical-align:middle;}
#short_app_content td{background:#dcdcdc;}
.short_app_hd {margin-top:10px;}
.short_app_submit {margin-top:10px; padding-right:5px;}

#short_app_content div, h1, h2, h3, h4, h5, h6, p,
a, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: middle;
}
/* End Short App Styles */

#loan-application p{margin:10px;}


.contactusform .checkbox, .contactusform .radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(../images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
.contactusform .radio {
	background: url(../images/radio.gif) no-repeat;
}
.contactusform .select {
	position: absolute;
	width: 130px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 22px;
	padding: 0 24px 0 8px;
	color: #575142;
	background: url(../images/selectbox.gif) no-repeat;
	overflow: hidden;
}

p a , h3 a{padding:0px;margin:0px;position:relative;top:-2px;}
li .clearfix h3 {color:#67913f; font-family:Verdana, Geneva, sans-serif;margin:0px;font-size:130%;font-weight:200;}