﻿html { padding:0; margin:0; width:100%; background:#E9E2DA}
body { padding:0; margin:0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:12px; width:100%; }
body.Admin { padding:0; margin:0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:10px; width:100%; }
form { padding:0; margin:0; width: 100%; }

.head01 { display:block; margin:10px 5px; color:#705C43; font-size:18px; font-weight:bold; }
.head02 { display:block; margin:10px 5px; color:#2E2E2E; font-size:16px; font-weight:bold; }
.head03 { color:#0C76C0; font-size:12px; font-weight:bold; }
.head04 { display:block; margin:5px 5px; color:#705C43; font-size:18px; font-weight:bold; }
.head05 { display:block; color:#705C43; font-size:14px; font-weight:bold; }
.head06 { display:block; color:#FF7F00; margin:5px 5px;font-size:24px; font-weight:bold; }
.head07 { color:#666666; font-size:40px; font-weight:bold;float:left;display:inline; font-family:Rockwell; }
.head08 { color:#F47A20; font-size:40px; font-weight:bold;float:left;display:inline; font-family:Rockwell;}

table { border-collapse:collapse; margin:0; border-spacing:0; border:0; }
td { border:0; }
div { border-collapse:collapse; margin:0; padding:0; border-spacing:0; border:0; }
img { border:none; margin:0; padding:0; border-spacing:0; border:0; }
p { color:#363636; font-size:12px; margin:2px 10px; line-height:20px; }
hr { background-color:#c9c6b5; color:#c9c6b5; border:0; height:1px; width:100%; text-align:left; }
UL { margin-top:5px; margin-bottom:5px; }
LI { color:#363636; line-height:20px; }

a { color:#FF7F00; text-decoration:underline; }
a:visited {color:#FF7F00;}
a:link {color:#FF7F00;}
a:hover {color:#0C76C0;}

a.smallNavLink{font-size:9px;}
a:visited.smallNavLink{font-size:9px;}
a:link.smallNavLink{font-size:9px;}
a:hover.smallNavLink{font-size:9px;}

.bannerDiv {
	border-style: dashed;
	border-width: 1px;
	background-color: #F7F7F7;
	padding: 15px;
	color: #ED8A2E;
	font-size: 15px;
	text-align: center;
	margin: 10px 0px 10px 0px;
}
.bannerTextarea {
	padding: 5px;
	border: 1px inset #808080;
	width: 750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

TR .layout { padding-left:20px; }

.accent01 {background-image:url(images/ArborAccent04.png); height:128px; width:654px;background-repeat:no-repeat;}
.accent01 .head01 {padding-top:10px;padding-left:10px; }
.accent01 p { padding-left:10px; font-size:10px; line-height:normal; width:450px;}
.accent01 a { padding-left:20px;}
.accent02 { background:url(images/ArborAccent02.png); width:237px; height:126px; }
.accent02 .head02 { padding-top:10px; padding-left:10px; }
.accent02 div { clear:both; }
.accent02 a { display:block; float:left; margin:10px 0 5px 90px; }

.rateDark{background-color:#E9E2DA;font-size:9px;}
.rateLight{background-color:#FFFFFF;font-size:9px;}

.contacttab { height:25px; margin:10px auto 0 auto; clear:both; width:560px; }
.contacttab span { border:#ff8c00 1px solid; background:#ff8c00 url('http://arborpricer.nylx.com/skins/ArborMortgage/arbormortgage_tab_bknd.gif'); padding:5px 5px 0 5px; display:block; height:20px;  float:left;  color:#ffffff; font:8pt tahoma, sans-serif; font-weight:bold; text-align:center; cursor:pointer; }

.contactBodyHome {background-image:url(images/pistonhondabg.png); background-repeat:no-repeat; margin:0 auto 0 auto; clear:both; padding:5px; width:640px; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.contactBodyHome td{padding-top:5px;}

.contactbodyorange { min-height:245px; font-weight:bold; background-image:url(images/ContactFormOrangeBG.jpg); background-repeat:no-repeat; margin:0 auto 10px auto; clear:both; padding:5px; width:640px; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.contactbodyorange table {margin-left:15%; margin-right:15%;width:70%;}
.contactbodyorange td{padding-top:5px;}
.contactbodyorange td.orange{padding-top:5px;width:197px;}

.contactbodyorange input.textbox {width:245px;}
.contactbodyorange .submitbutton { background:#ff8c00; text-align:center; font-weight:600; color:#ffffff; border:none; cursor:pointer; } 

.contactUsBody { margin:0 auto 10px auto; clear:both; font-size:12px; }
.contactUsBody input { font-size:12px; }
.contactUsBody option { font-size:12px; }
.contactUsBody select { font-size:12px; }
.contactUsBody textarea { font-size:12px; }
.contactUsBody .submitbutton { background-image:url(images/SubmitButton.png);float:right; width:103px; height:49px; text-align:center; font-weight:600; border:none; cursor:pointer;  } 
.contactUsBody td { padding:3px; vertical-align:top; }


.calcBody { margin:0 0 10px 0; clear:both; padding:5px; width:630px; font-size:12px; background:url(images/calcback.png) no-repeat; }
.calcBody input { font-size:12px; border:solid 1px #cccccc; height:18px; width:120px; }
.calcBody option { font-size:12px; }
.calcBody select { font-size:12px; }
.calcBody textarea { font-size:12px; }
.calcBody .submitbutton { background:#ff8c00;width:110px; height:20px; text-align:center; font-weight:600; color:#ffffff; border:none; cursor:pointer; }
.calcBody td { padding:7px 3px; vertical-align:top; font-family:Verdana, Sans-Serif; font-weight:bold; color:#333333; letter-spacing:.25px; font-size:11px; white-space:nowrap; }
.calcBody td span { font-weight:normal; font-size:smaller; }

.calcBody .submitbutton { background:url(images/calcbutton.png) no-repeat; width:156px; height:42px; display:block; }
.calcBody .submitbutton:hover { background-position:-156px; }

.calcBody .clearbutton { background:url(images/clearbutton.png) no-repeat; width:86px; height:42px; display:block; }
.calcBody .clearbutton:hover { background-position:-85px .5px; }

.calcBody .flex td { white-space:normal; font-size:13px; }
.calcBody .flex td .result { color:#FF8500; font-size:14px; font-weight:bold; }

.contactRapidRefiHeader { width: 640px; background:url(images/calcheadrr.png) no-repeat; height:52px; }
.contactSmartBuyerHeader { width: 640px; background:url(images/calcheadsb.png) no-repeat; height:52px; }

.contactbody { min-height:245px; font-weight:bold; background-image:url(images/pistonhondabg.png); background-repeat:no-repeat; margin:0 auto 10px auto; clear:both; padding:5px; width:640px; font:12px Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.contactbody table {margin-left:15%; margin-right:15%;width:70%;}
.contactbody td{padding-top:5px;}
.contactbody input.textbox {width:250px;}
.contactbody .submitbutton { background:#ff8c00; text-align:center; font-weight:600; color:#ffffff; border:none; cursor:pointer; } 
.contactformheader {font-size:24px; font-weight:bold;color:#FF8303;}

.refinanceDD {width:150px;font-size:11px;}
.refinancetotal {background-color:white;}
.calculatormessage {width:100%;color:red;}

.tblfmt tr { font-size:10px; }
.tblfmt tr { height:30px; }
.tblfmt p { font-size:10px; padding-right:10px; }

#HeaderFrame2 { background:#705C43; height:28px; margin:0; padding:0; }
#HeaderOuterFrame2 { text-align:center;  width:1024px; max-width: 1024px; min-width: 1024px; }
#HeaderInnerFrame2 { width:1024px; margin:0 auto 0 auto; text-align:left; }
#HeaderInnerFrame2 div { float:right; margin-right:12px; }
#HeaderInnerFrame2 .txtSearch { width:125px; margin:2px 5px 0 0; float:right; }
#HeaderInnerFrame2 .lnkSearch { margin-top:6px; float:right; display:block;  }

#OuterFrame2 { text-align:center; margin: 0 auto 0 auto; width:1024px; max-width: 1024px; min-width: 1024px; }
#InnerFrame2 { width:1024px; margin:0; text-align:left; }


#HeaderFrame { background:#705C43; height:28px; margin:0; padding:0; }
#HeaderOuterFrame { text-align:center;  width:955px; max-width: 955px; min-width: 955px; }
#HeaderInnerFrame { width:955px; margin:0 auto 0 auto; text-align:left; }
#HeaderInnerFrame div { float:right; margin-right:12px; }
#HeaderInnerFrame .txtSearch { width:125px; margin:2px 5px 0 0; float:right; }
#HeaderInnerFrame .lnkSearch { margin-top:6px; float:right; display:block;  }

#OuterFrame { text-align:center; margin: 0 auto 0 auto; width:955px; max-width: 955px; min-width: 955px; }
#InnerFrame { width:955px; margin:0; text-align:left; }

#BodyHeader { height:120px; }
#BodyHeader .HeaderLogo img { margin:20px 0 0 30px; float:left; }
#BodyHeader .HeaderLogoAdmin img { margin:20px 0 10px 0px; float:left;clear:both; }

#BodyHeader .HeaderTabs { float:right; margin: -30px 22px 0 0; }
#BodyHeader .HeaderTabs img { margin:0; padding:0; float:right; }
#BodyHeader .HeaderPhone { float:right; margin:12px 30px 0 0; }

#BodyTop { background:url('images/bodytop.png') no-repeat; height:5px; font-size:1px }
#BodyFrame001 { background:#ffffff; margin:0 22px 0 30px; }
#BodyFrame001Spacer { padding:5px 4px; }
#BodyBottom { background:url('images/bodybottom.png') no-repeat; height:9px; font-size:1px }

#editor { margin-top:-20px; position:absolute; top:0px; left:0px; z-index:100;  font-weight:bold; background-color:#e5e5e5; color:#dfdfdf ;border-bottom: solid 1px #2d2d2d; border-right: solid 1px #2d2d2d; }

#FooterFrame { padding:5px; text-align:center; }

#ratetable td{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;}

.AdminDataPanel{clear:both;float:left;text-align:left;}
.AdminDataPanel .row { background:#fafad2; }
.AdminDataPanel .row:hover { background:#fa8900; cursor:pointer; }
.AdminDataPanel .altrow { background:#eee8aa; }
.AdminDataPanel .altrow:hover { background:#fa8900; cursor:pointer; }

.AdminLoginPanel{clear:both;}

.GridViewHeader { display:block; clear:both; height:22px; width:100%; background:#333366; padding-top:5px; color:#f1f1f1; font-size:10pt; font-weight:bold; }
.GridViewHeader .cmgridtext { display:block; float:left; width:60%;  font-size:10pt; color:#f1f1f1; font-weight:bold; padding:2px 0 0 5px; }
.GridViewHeader .cmgridsearch { display:block; float:right; width:180px; font-size:8pt;  }
.GridViewHeader .cmgridsearch input { font-size:8pt; border:dotted 0px #2d2d2d; color:#5e5e5e; }

.GridView { font-family:Arial, Trebuchet MS; font-size:8pt; width:100%; }
.GridView .gvCellHide { display:none; }
.GridView .GridViewItem { background-color:#FFFFFF; color:Black; font-family:Arial, Sans-Serif; font-size:8pt; cursor:pointer; border:solid 1px #666666; }
.GridView .GridViewAltItem { background-color:#d1d1d1; color:Black; font-family:Arial, Sans-Serif; font-size:8pt; cursor:pointer; border:solid 1px #666666;  }
.GridView .GridViewHeader	 { background-color:#09147C; color:White; height:25px;  font-family:Arial, Sans-Serif; font-size:11pt; padding-left:5px; white-space:nowrap; }
.GridView .GridViewItem td, .GridView .GridViewAltItem td { padding:3px 5px 3px 5px; margin:0; overflow:hidden; border:solid 1px #a1a1a1; color:#000000; vertical-align:top; }

.GridViewPager td {	border:1px solid #a1a1a1; height:10px; font:bold 7pt Arial, Sans-Serif; padding:3px 3px 3px 3px; background:#333366; }
.GridViewPager table td{ border:0; height:10px; background:none;}
.GridViewPager table td span{ color:#999999; font-size:8pt; }
.GridViewPager table td a, .GridViewPager table td a:link, .GridViewPager table td a:visited { color:#ffffff; font-size:8pt; }
.GridViewPager table td a:hover{ color:#ff8000; font-size:8pt; }

/*Gallery Control CSS Start*/
.gallerynav { float:left; margin-right:auto; border:solid 1px #9d9d9d; padding:3px; margin:3px 5px 10px 5px; width:112px; }
.gallerynav div { float:left; padding:1px 1px 1px 1px; }
.gallerynav a { background-color:#ffffff; }
.gallerynav a:hover { background-color:#ff8000; }
.gallerynav img { padding:2px 2px 2px 2px; }

.galleryshow { float:right; margin-left:auto; border:solid 1px #9d9d9d; padding:3px; margin:3px 5px 10px 3px; height:500px; width:600px; display:block; }
/*Gallery Control CSS End*/

/* STCalendar Control Styles */
.CalendarOuterTable { width: 955px; }

.CalendarTable { width: 100%; border-color:#B3B7DD; border-width: 0 0 1px 1px; border-style: solid; }
.CalendarTable td { width:136px; border-color: #B3B7DD; border-width: 1px 1px 0 0; border-style: solid; }

.Header { background-color:#333366; font-weight: bold; color: #ffffff; text-align:center; padding:3px 0 3px 0 !important; font-size: 14px;}
.DayNumberContainer { height: 16px; color:#666666; font-weight: bolder; background:#D1D4EB; }
.HighlightDayContainer { height: 16px; color:#000000; font-weight: bolder; background:#ffa800; }

.DayNumber {  color:#666666; font-weight: bolder; }
.HighlightDay {  color:#000000; font-weight: bolder; }

.DayContent { min-height:80px; font-size:10px; }

.DayContainer { margin: 0; }

.AddOrEditEventBackground { position:fixed; top:0px; left:0px; right:0px; padding:0; margin:0; background-color:#000000; filter:alpha(opacity=50); opacity:0.5; z-index:1000; height:100%; }
.AddOrEditEventContainer { position:absolute; top: 30%; left:30%; width:255px; padding:10px; z-index:1001; background-color:#ffffff; border:solid 2px #000000; text-align:left; font-size: 8pt; }
.AddOrEditEventTextBox { width: 250px; }
.AddOrEditEventTextArea { width: 250px; height: 100px; font-size: 8pt; font-family: Verdana; }
.AddOrEditEventDropDown { font-size: 10px; }
.AddOrEditEventValidation { font-size: 7pt; }

.EventDetailContainer { position:absolute; top: 30%; left:30%; width:255px; padding:10px; z-index:1001; background-color:#ffffff; border:solid 2px #000000; text-align:left; font-size: 8pt; }

.Label { font-size: 8pt; font-weight:normal; }

.MonthHeader { font-weight: bold; font-size: 16px; }
.MonthNav a { font-weight: bold; }

.UserEvent { padding-left:5px; font-weight:bolder; }
.EventText { padding:0 0 5px 10px; text-decoration:none; }

.Event a { color:#ffffff;  }
.Event a:hover { color:#000000; }

.AddEvent { text-align:center; float:right; width:30px; font-size:10px; font-weight:normal; margin:1px 1px 0 0; }

.MainCalendarContainer { width: 955px; margin: 0 auto 0 auto; }
/* STCalendar Control Styles End */

.ol_bgclass {  }
.ol_bgclass table { border:solid 1px #999999; }
.ol_captionfontclass { background:#D1D4EB; color:#000000; height:20px; font-size:10px; font-weight:bold; }
.ol_fgclass { background:#ffffff; min-height:80px; text-align:left; border-top:none !important; }

.ol_textfontclass { padding:5px; }
.ol_textfontclass h1 { font-size:10px; color:#333333; font-weight:bold;  font-style:italic; margin-top:0; margin-bottom:0; }
.ol_textfontclass h2 { font-size:10px; color:#333333; font-weight:bold; font-style:italic; margin-top:0; margin-bottom:0; }
.ol_textfontclass p { font-size:10px; color:#666666; line-height:16px; margin-top:0; margin-bottom:0; }

.emailHead {text-align:center; font-size:10pt; color:#705B43; font-weight:bolder;}
.emailPNoC {font-size:10pt; color:#705B43;}
.emailP {text-align:center; font-size:10pt; color:#705B43;}
.emailFoot {text-align:center; font-size:8pt; color:#705B43;}

.SideContent { width:238px;height:155px;background-image:url(images/SideContentBG.png); background-repeat:no-repeat; }
.SideContentLarge { width:238px;height:215px;background-image:url(images/SideContentBGLarge.png); background-repeat:no-repeat; }
.SideContentChatLogo { width:220px;height:96px;margin:4px 0px 0px 4px;background-image:url(images/ChatLogo.png); background-repeat:no-repeat; background-position: 165px 13px; }
.SideContentCaclulatorLogo { width:220px;height:96px;margin:4px 0px 0px 4px;background-image:url(images/CalculatorLogo.png); background-repeat:no-repeat; background-position: 157px 13px; }
.SideContentText { color:#FF7F00;width:160px;font-size:16px;padding:28px 0px 0px 9px; }
.SideContentButton { width:219px;height:49px; margin-left: 7px; }

.SideTop { background:url('images/SideTop.png') no-repeat; height:5px; font-size:1px; width:240px; }


/* Top */
.TopBorder { background-color:white; margin:0 10px 0 10px; height:5px; padding:0px; }
.TopCenterBorder div {	background-color:White; padding-top:11px; background: url(images/top.png) repeat-x; }
.tl { margin-left:-10px; width:11px; height:10px; float:left; background: url(images/tl.png) no-repeat; }
.tr { margin-right:-10px; width:11px; height:10px; float:right; background: url(images/tr.png) no-repeat; }

/* Center */
.LeftBorder { background-color:white; height:100%; background: url(images/left.png) repeat-y left; }
.RightBorder {  background: url(images/right.png) repeat-y right;margin-top:5px; }
.Center { clear:both; margin-left:10px; margin-right:10px; background-color:White; overflow: auto; vertical-align:middle; min-height:50px; }
.CenterContent {  padding:40px 0 0px 0px; }
.CenterContent h3 { padding:0; margin:0px 0px 5px 0px; }

/* Bottom */
.BottomBorder {	background-color:white; clear:both; padding-top:0px;margin:0 10px 0 10px; height:11px; background: url(images/bottom.png) repeat-x bottom; } 
.bl { margin-top:0px; margin-left:-10px; height:10px; width:11px; float:left; background: url(images/bl.png) no-repeat; }
.br { margin-top:0px; margin-right:-10px; height:10px; width:11px; float:right; background: url(images/br.png) no-repeat; }

/******** SideBox *********/
/* Top */
.SideBoxTopBorder { background-color:white; margin:0 8px 0 8px; height:8px; padding:0px; }
.SideBoxTopCenterBorder div {	background-color:White; padding-top:8px; background: url(images/SideBoxTop.png) repeat-x; }
.SideBoxtl { margin-left:-8px; width:8px; height:8px; float:left; background: url(images/SideBoxTL.png) no-repeat; }
.SideBoxtr { margin-right:-4px; width:8px; height:8px; float:right; background: url(images/SideBoxTR.png) no-repeat; }

/* Center */
.SideBoxLeftBorder { background-color:white; height:100%; background: url(images/SideBoxLeft.png) repeat-y left; }
.SideBoxRightBorder {  background: url(images/SideBoxright.png) repeat-y right;margin-top:0px;margin-right:4px; }
.SideBoxCenter { clear:both; margin-left:8px; margin-right:8px; background-color:White; overflow: auto; vertical-align:middle; min-height:50px; }
.SideBoxCenterContent {  padding:0px 0 0px 0px; }
.SideBoxCenterContent h3 { padding:0; margin:0px 0px 5px 0px; }

/* Bottom */
.SideBoxBottomBorder {	background-color:white; clear:both; padding-top:0px;margin:0 8px 0 8px; height:8px; background: url(images/SideBoxBottom.png) repeat-x bottom; } 
.SideBoxbl { margin-top:0px; margin-left:-8px; height:8px; width:8px; float:left; background: url(images/SideBoxBL.png) no-repeat; }
.SideBoxbr { margin-top:0px; margin-right:-4px; height:8px; width:8px; float:right; background: url(images/SideBoxBR.png) no-repeat; }

/*#nav { float:right;width:174px; }
#nav ul { list-style-type:none; }
#nav ul { position: absolute; z-index: 1000; font-weight: normal; font-size: 12px; width: 120px; height: auto;  margin-top:45px; border-left: 5px solid #666; left: -999em; }
#nav  ul li {  width:160px; height: auto; line-height: 1.2em; padding: 0; background: #FF8500; text-align: left;margin-left:-40px; }
#nav  ul li a { display: block; background-image:none; text-decoration: none; padding: 4px 0 4px 2px; color:#fff; font-size:10px; }
#nav  ul li a:hover, #nav  ul li a:focus  { display: block; padding: 4px 0 4px 2px; text-decoration: none; background:#F8C25E; background-image:none; color: #FFF; }
#nav a:hover ul, #nav:hover ul, #nav ul { left: auto; }
.nav:hover ul, .nav:hover ul { left: -999em; }*/
#nav { float:right;width:174px; position:relative;z-index:1000; }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1; height: 50px; }
#nav a { display: block; width: 100%; text-decoration: none; vertical-align: top; }
#nav li { float: left; font-weight: bold; height: 50px; padding: 0; }

#nav li ul { position: absolute; z-index: 1000; font-weight: normal; font-size: 12px; width: 12em; top:45px; height: auto;  border-left: 5px solid #666; left: -999em; margin-top:5px; margin-left:2px;}
#nav li ul li { border-top: 1px solid #CCC; width: 168px; height: auto; line-height: 1.2em; padding: 0; background: #FF8500; text-align: left; }
#nav li ul li a { display: block; text-decoration: none; padding: 4px 0 4px 2px; color:#fff; font-size:10px; }
#nav li ul li a:hover, #nav li ul li a:focus  { display: block; padding: 4px 0 4px 2px; width:166px; text-decoration: none; background:#F8C25E; color: #FFF; }
#nav li ul ul { margin: -2em 0 0 12em; margin-top:45px;}
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }