/* CSS Document */
body{ font: 13px Arial, Helvetica, sans-serif;background:url(i/TopLineBg.gif) 0 0 repeat-x; text-align: center; color:#333536;}
html, body, div, hr,  h2, h3, h4, h5, img, form, label, input, button, span, ul, li, p, a, table, td, tr {padding:0px; margin:0px; border:0; outline: 0;}
table, td, th {border-collapse:collapse; border:0;}
a {text-decoration:none;}
ul{list-style-type:none;}
button, form, input  {text-indent:0; white-space:inherit; }
input, select, textarea {border: 1px solid #999;}


/*----For Buttons----*/
.btn { float: left; clear: both; background: url(i/ButtonLeft.png) no-repeat; padding: 0 0 0 10px; margin: 5px 0; }
.btn a{	float: left;	height: 40px;	background: url(i/ButtonStretch.png) repeat-x left top;	line-height: 40px;	padding: 0 10px; color: #000; font-size: 1em;	text-decoration: none;}
.btn span {	background: url(i/ButtonRight.png) no-repeat; float: left; width: 10px; height: 40px;}

/*----For Clear----*/
#OuterWrapper #ContentWrapper .ClearLeft { clear:left;display: block; }
#OuterWrapper #ContentWrapper .ClearRight { clear:right;display: block;}
#OuterWrapper #ContentWrapper .ClearBoth { clear:both;display: block;}

/*----TOP PANEL----*/
#TopPanel{width:1000px; height:124px; position:relative; margin:0 auto; }
#TopPanel  ul li{float:left; height:20px}
#TopPanel ul li a{ display:block; color:#777777; font-size:10px; text-decoration:none; }

/*----Navigation----*/
#TopPanel ul.Navigation{ width:211px; height:20px; position:absolute; top:11px; right:113px; }
#TopPanel ul.Navigation li a{ background-repeat: no-repeat; background-position: 0px; padding-left: 15px; }
#TopPanel ul.Navigation li.Home a{background-image: url(i/HomeIcon.gif); margin-right:26px;}
#TopPanel ul.Navigation li.Contact a{background-image: url(i/ContactIcon.gif);margin-right:26px;}
#TopPanel ul.Navigation li.SiteMap a{background-image: url(i/SiteMapIcon.gif);}

/*----SC's----*/
#TopPanel a#ServiceCenters { display:block; position:absolute; right:31px; bottom:3px; color:#b5b1b1; }

/*----LangBar----*/
#TopPanel ul.LangBar{ width:55px; height:20px; position:absolute; top:11px; right:30px; }
#TopPanel ul.LangBar li a{ font-weight: bold; font-size: 11px; }

#TopPanel ul.LangBar li.Active a{color:#f89828;}
#TopPanel ul.LangBar li.Separator { color:#777777; font-size: 10px; margin-right: 3px; margin-left: 3px; }

/*----Logos----*/
#TopPanel img.Logo{position:absolute; top:37px; left:24px;}
#TopPanel img.CorporateBanking{position:absolute; top:37px; left:313px;}


/*----Top Menu----*/
#MenuPanel{ width:994px; height:24px; position:relative; margin:0 auto; background-color:#333536;}
#MenuPanel ul.sf-menu {position:relative; margin-left:20px;}


#RightPanel div.Search { width: 183px; height:24px; position:relative; margin-top:27px; }
#RightPanel div.Search  input.SearchInput { height:23px; width:183px;  position:absolute;  border:solid 1px #dddddd; }
#RightPanel div.Search  button.SearchButton {width: 22px; height: 21px; top:1px; cursor: pointer; border:none; text-indent: -9999px; background: url(i/SearchButton.gif) no-repeat top right; border:none; right:0; position:absolute;}



/*----Position----*/
#OuterWrapper {width:1000px; margin:0 auto; text-align: left;}
#OuterWrapper #ContentWrapper {background-image: url(i/ContentBorder.gif); background-repeat: repeat-y; background-position: center;}
#OuterWrapper #ContentWrapper #RightPanel { width: 216px;   float:right; padding:29px 0px 0px 0px; margin-left:-216px;}
#OuterWrapper #ContentWrapper #LeftPanel {float:left; width:198px;  padding:29px 0px 0px 16px;}
#OuterWrapper #ContentWrapper #Content { margin: 0px 216px 0px 0px;  padding:29px 25px 0px 25px;}
#OuterWrapper #ContentWrapper #InnerContent { margin: 0px 216px 0px 226px;  padding:29px 25px 0px 0px;}

#Content td.OverviewImgSize {width:195px; height:111px;}
#Content td.OverviewBoxSize {width:195px; height:126px; vertical-align:top;}
#Content td.Bg1 {background-color:#333536;}
#Content td.Bg2 {background-color:#c4c4c5;}
#Content td.OverviewSeparator {height:14px;  background-image: url(i/OverviewSeparatorBg.gif);} /* */
#Content td.OverviewRightBorder { background-image: url(i/OverviewRightBorder.gif); background-repeat: repeat-y; background-position:right;}
#Content span.OverviewRightBorder { background-image: url(i/OverviewRightBorder.gif); background-repeat: repeat-y; background-position:right; height:100%; width:100%; display:block;}

#Content div.OverviewBox { padding-top: 5px; padding-left: 12px;}
#Content a.OverviewTitle { font-size:12px; color:#333536; font-weight: bold; display:block;}
#Content a.OverviewText { font-size:12px; color:#646464; padding-top: 7px; display:block; }
#Content img.OverviewReadMore { margin-bottom:-5px; margin-left:3px;}
#Content td.OverviewBoxSeparator { height:61px;   background-image: url(i/OverviewBoxSeparatorBg.gif);  background-repeat: repeat-x; } /* */
#Content table#OverviewTable {width:100%;}

/* Site Map */
#Content div#SiteMap {margin-top: 27px;}
#Content div#SiteMap ul { font-weight:bold;}
#Content div#SiteMap ul ul{ margin-left:27px; font-weight:normal;}
#Content div#SiteMap li{ padding-top:3px; padding-bottom:3px;}
#Content div#SiteMap li a{ padding-bottom:3px; color: #333536;}

/*Page Title*/
#Content div#PageTitle { height: 31px; background-color: #f3f3f4; line-height: 32px;  margin-top: 15px; margin-bottom:20px; color:#f89828; font-weight:bold; padding-left:12px; }



/* Right Panel */
#RightPanel p.BoxTitle { font-size: 12px; font-weight: bold; color: #646464; position: absolute; margin-left:16px; margin-top:3px;}

#RightPanel a#iBank {width:185px;}
#RightPanel a#Application { margin-top: 24px; display:block; width:185px;}
#RightPanel div#ExRates { margin-top: 24px; width:185px; height:115px; position:relative;  background-image: url(i/ExRates.gif); background-repeat: no-repeat; }

#RightPanel table#RatesTable { margin-top: 27px;  margin-left: 16px; position:absolute;}
#RightPanel table#RatesTable td.Currency {width:42px; color:#f89828; text-align:left; font-weight:bold; font-size:10px;}
#RightPanel table#RatesTable td.Rate {width:52px; color:#3d3d37; text-align:left;  font-size:10px;padding-bottom:2px;}
#RightPanel table#RatesTable td.bueSell {color:#a2a2a2; text-align:left;font-weight:bold;  font-size:11px; padding-bottom:7px;}

#RightPanel div#News { margin-top: 24px; width:185px; height:218px;  background-image: url(i/NewsBox.gif); background-repeat: no-repeat;}
#News div#NewsNav  {height:20px; width:100%; top:33px; position:relative;}

#RightPanel	a#NewsBoxLeftArrow { height:15px; width:15px; left:10px; float:left;  position:relative; display:block;}
#RightPanel	a#NewsBoxRightArrow { height:15px; width:15px; right:10px; float:right; position:relative; display:block;}
#News div#NewsBox  {top:21px;}
#RightPanel div#NewsBox li { padding:13px 10px 0px 12px; height:150px; }
#RightPanel a.NewsTitle { color:#fc9114; font-size:11px; font-weight:bold; display:block;}
#RightPanel a.NewsContent { color:#8e8e91; font-size:11px;  display:block;  padding-top:7px;}
/*
#RightPanel p#CallUs { height:20px; width:185px; position:relative; margin-top: 17px; margin-bottom:20px; font-size:11px; color:#333536; display:block;}
*/
#RightPanel p#CallUs { height: 20px; width: 185px; position: relative; margin-top: 17px; margin-bottom: 20px; font-size: 12px; color: #333536; display: block; font-weight: bold; text-align: right; }

/*Left Contenet */



/*Left Menu*/
#LeftMenu {}
#LeftMenu ul {margin:0; padding:0; }
#LeftMenu li { margin:0;}

#LeftMenu a{display: block; padding-left:9px; line-height:24px;  height:24px; font-size:11px;}
#LeftMenu li a { color: #333536;  border-bottom-color: #b7b7b7; border-bottom-style: solid; border-bottom-width: 1px; font-weight:bold;}
#LeftMenu li a:hover { background-color: #ececec;}
#LeftMenu li li a { padding-left:17px; color:#a1a0a4;}

#LeftMenu a#FirstItem {background:url(i/LeftMenuHeader.gif) no-repeat left top; color:#f89828; font-size:12px;}
#LeftMenu a.HaveChildren { background: url(i/HaveChildren.gif) no-repeat right center; }
#LeftMenu a.HaveChildrenSelected { background: url(i/HaveChildrenSelected.gif) no-repeat right center; color:#f89828;}

#LeftMenu a.SubMenuSelected {color:#f89828;}


/*Inner Contenet */
#InnerContent div#PageContent { margin-top: 16px; color:#333536;  margin-bottom:50px; height:100%;}
#InnerContent div#PageTitle { height: 31px; background-color: #f3f3f4; line-height: 32px;  margin-top: 15px; color:#f89828; font-weight:bold; padding-left:12px; }


#InnerContent div#PagePat {height:100%;}
#InnerContent div#PagePat, a{color:#f89828;}
#InnerContent div#PagePat a#Root {color:#333536;}
#InnerContent div#PagePat #Current {color:#999999; font-weight:bold; height: 1px; }

/* Content Decorations */
#InnerContent p {margin:13px 0 20px 0;}
#InnerContent h1 { display:block; padding:5px; background-color:#F7F5ED; font-size:13px; font-weight:bold; margin:5px 0 23px 0; color:#fd9115;}
#InnerContent h2 { display:block; font-size:13px; font-weight:bold; margin:20px 0 13px 0; color:#747474;}
#InnerContent h3 { display:block; font-size:13px; font-weight:bold; margin:13px 0 13px 0; color:#3D3D37;}
#InnerContent h5 { display: block; margin: -10px 0 50px 0; font-style: italic; font-weight:normal;}
#InnerContent table {margin:10px 0 40px 0;}
#InnerContent table td,
#InnerContent table th  {padding:5px 15px 5px 3px;}
#InnerContent table thead td {vertical-align:middle; background-color:#F87B0D; color:#fff; font-weight:bold;}
#InnerContent table thead td.TopHead { background-color: #F3F3F3; vertical-align: bottom; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F7F5ED; font-weight:bold;}
#InnerContent table tbody td {vertical-align: middle; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #c8c8c8;}
#InnerContent table tbody tr.SubHeader td {background-color:#3d3d3d;  color:#fff; font-weight:bold;}
#InnerContent table tbody tr.bg1 {background-color:#fff;}
#InnerContent table tbody tr.bg2 {background-color:#e4e4e4;}

#InnerContent table {width:100%;}
#InnerContent ul {margin:3px 0 7px 0;}
#InnerContent li ol li{list-style-type: decimal;}
#InnerContent li {margin:2px 0 2px 20px; list-style-type: circle; }
#InnerContent li li {margin:0 0 0 25px; list-style-type: square; }


#InnerContent .Subtitle {color:#333536; font-weight:bold; background-color:#e1e1e1;}
#InnerContent .Orange {color:#F89828;}
#InnerContent .Note { color: #C0C0C0; }
#InnerContent .Link { font-weight: bold; text-decoration: underline; }

#InnerContent tr.Header { background-color: #E6E6E8; font-weight:bold;}
#InnerContent tr.SubHeader { font-weight:bold; vertical-align:top;}


#Footer { height: 20px; width: 940px; background-image: url(i/BottomBorder.gif); background-repeat: repeat-x; background-position: 0px 0px; position: relative; margin-right: auto; margin-left: auto; }
#Footer #DevBy { right: 0px; top: 4px; position: absolute; }


/*Search Contenet*/
div#SearchResult {margin-bottom:27px;}
div.SearchResultTitle {margin-bottom: 5px; font-weight:bold; display:block;}
div.SearchResultContent {margin-bottom: 20px;}
hr.SearchResultSeparator { border:0 none; background-color:#dedee0; height:1px; margin-bottom: 20px; }

/*Application Form*/

fieldset, label, legend, ol, input, select, textarea {margin:0; padding:0;}




/* Aplication */
.DisableForm { background-color:#CCC;}
.Mandatory {line-height: 10px; color: #F00; }	
	
#CreditApp	{ width:100%; float:left;}
#CreditApp input, select, textarea  { width:237px;}
#CreditApp input, select {height:20px;}

#CreditApp	label {float: left;  width: 25em;margin-right: 1em; }
	
#CreditApp	legend {  color: #000000; font-weight: bold; }  
#CreditApp	fieldset ol {margin-top:13px;margin-left:13px;list-style: none; }  
#CreditApp	fieldset {float: left;clear: both;width: 100%;margin-bottom:37px;border:none; }
	
#CreditApp	fieldset li { margin-bottom:20px; padding-top:7px;}
#CreditApp div.MiddleTitle {font-weight:bold;}
#CreditApp .Submit { width:auto; height:30px; }

#CreditApp .ShortForm {width:70px;}
#CreditApp .MandatoryFieldsNote { float: right; margin-bottom: 20px; }

#CreditApp .ValidationError { color: #FF0000; margin-left: 10px; }
#CreditApp .Submit { padding-bottom: 50px; width:100%; }