@import url(/css/filter_default2.css);
/* 	generic */

body { margin:0; padding:0; background-color: #cfd1e3; color: #000; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; }
* { font-family: Tahoma, Arial, Helvetica, sans-serif; }
img { border: 0; }
form { margin: 0; padding: 0; }
input, select, textarea, option { font: normal 11px Tahoma, Arial, Helvetica, sans-serif; margin: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; }
form h2 { color: #005999 !important; }
a { color: #D4003B; text-decoration: none; }
a:hover { text-decoration: underline; }

/* layout */
div#pageWrapper { width: 770px; margin: 0 auto; padding: 36px 0 0 0; background: #fff url(/images/pagetop.gif) repeat-x; }
div#pageContainer { 
	width: 744px; 
	float: left !important; /* ie float bug workaround */
	float: none;			/* 						   */
	padding: 0 13px 13px 13px; 
	background-color: #FFFFFF; 
}
div#headerContainer {
	background-color: #005da0;
	border-bottom: 1px solid #FFFFFF;
	float: left;
	padding-right: 8px;
	width: 736px;
}
div#headerContainer h1 {
	float: left;
}
div#headerContainer ul {
	background: transparent url(/images/bullet.gif) no-repeat 0px 4px;
	float: right;
	list-style-type: none;
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
}
div#headerContainer ul li {
	background: transparent url(/images/separator.gif) top right no-repeat;
	float: left;
	padding: 0px 7px 1px 6px;
}
div#headerContainer ul li.trail {
	background: none;
}
div#headerContainer ul li a:link, div#headerContainer ul li a:active, div#headerContainer ul li a:visited {
	color: #FFFFFF;
}

div#contentContainer { width: 744px; float: left; margin: 13px 0 0 0; }
div#leftContent { width: 188px; float: left; margin: 0 20px 0 0; }
div#middleContent { width: 517px; float: left; }

div#footerContainer { width: 744px; float: left; background-color: #005999; color: #fff; margin-top: 20px; }
div#footerContainer div { float: left; line-height: 27px; padding: 0 0 0 16px; }

div#pageBottom { width: 770px; height: 25px; margin: 0 auto; }
div#pageBottom div { width: 770px; height: 25px; float: left; background: transparent url(/images/pagebottom.gif) repeat-x; }
div#pageBottom img { float: right; margin: 8px 15px 10px 0; }

/* navigation */

/*		topmenu */
div#menuSearchContainer { width: 729px; height: 42px; float: left; background: #005da0 url(/images/contenttopbg.gif) repeat-x; padding: 5px 0 0 15px; }
div#menuSearchContainer a:link, div#menuSearchContainer a:active, div#menuSearchContainer a:visited, div#menuSearchContainer a:hover { height: 42px; display: block; float: left; margin: 0 3px 0 0; }
div#menuSearchContainer div { float: left; margin: 14px 0 0 21px; width: 174px; }
div#menuSearchContainer div input { width: 106px; float: left; margin: 0 10px 0 0; padding: 1px; }
div#menuSearchContainer div input.submit { display: block; width: 4em; float: left; color: #fff; font-weight: bold; padding: 2px 0 0 0; border:0; background-color: transparent; margin: 0; }

/*		leftmenu */
.menuCaption { width: 178px; float: left; border-bottom: 1px solid #fff; background: #2d7ab2 url(/images/menucaptionbg.gif) no-repeat; color: #fff; font-weight: bold; font-size: 13px; line-height: 28px; padding: 0 0 0 10px; }
ul#leftMenu, ul#usefulLinksSub { width: 188px; float: left; list-style-type: none; margin: 0 0 5px 0; padding: 5px 0 15px 0; background: #eaf1f7 url(/images/menubottom.gif) no-repeat bottom left; }
ul#leftMenu ul { display: none; list-style-type: none; margin: 2px 0 0 10px; padding: 0; }
ul#leftMenu ul.active { display: block; list-style-type: none; margin: 2px 0 0 10px; padding: 0; }
ul#leftMenu a, ul#usefulLinksSub a { color: #005da0; font-weight: bold; }
ul#leftMenu a.thisPage { font-weight: bold; }
ul#leftMenu a.thisPageRed { font-weight: bold; color: #ff0000; }
ul#leftMenu a.redPage { color: #D4003B; }
ul#leftMenu ul a { font-weight: normal; }
ul#leftMenu li, ul#usefulLinksSub li { background: transparent url(/images/bullet_red.gif) no-repeat 10px 5px; padding: 0 10px 2px 20px; }
ul#leftMenu ul li { background: none; padding: 0 0 2px 0; margin: 0; }

ul#leftMenu li.active { background: transparent url(/images/bullet_dbluefull.gif) no-repeat 10px 5px; }
ul#leftMenu li.active a { color: #1d1f69; }
ul#leftMenu ul li.active { background: none; }

/*		useful links subpage */
.usefulLinksSubTop { float: left; font-size: 1px; width: 188px; height: 10px; background: #fff url(/images/usefultop.gif) no-repeat; }
ul#usefulLinksSub { background: #fff url(/images/usefulbottom.gif) no-repeat bottom left; }

/*		footer nav */
div#footerContainer ul { float: right; list-style-type: none; margin: 6px 10px 0 0; padding: 0;  }
div#footerContainer ul li { float: left; padding: 0 7px 0 6px; border-right: 1px solid #fff; }
div#footerContainer ul li.lastFooterLink { border: 0; padding-right: 0; }
div#footerContainer ul li a:link, div#footerContainer ul li a:active, div#footerContainer ul li a:visited { color: #fff; text-decoration: underline; }
div#footerContainer ul li a:hover { text-decoration: none; }

/* content */

div#middleContent { color: #555555; text-align: justify; }
div#middleContent p a, div#middleContent ul a { color: #d4003b; }
div#middleContent p img { margin: 0 10px 10px 0; }
div#middleContent h1 { font-size: 19px; color: #005999; padding: 5px 0 10px 0; border-bottom: 1px solid #d9d9d9; text-align: left; }
div#middleContent h2 { font-size: 11px !important; padding-bottom: 5px; text-align: left; }
div#middleContent h3 { font-size: 11px; color: #005999; text-align: left; }
div#middleContent h4 { font-size: 11px; text-align: left; }
div#middleContent h5 { font-size: 11px; text-align: left; }
div#middleContent h6 { font-size: 11px; text-align: left; }
div#middleContent h3 a { color: #005999; }
div#middleContent hr { clear: both; color: #fff; background: #fff; border: 0; height: 1px; border-bottom: 1px solid #d9d9d9; padding: 10px 0px; width: 100%; }
div#middleContent div.contentTop hr { clear: left; float: left; color: #fff; background: #fff; border: 0; height: 1px; border-bottom: 1px solid #d9d9d9; margin: 16px 0 0 0; width: 100%; }
div#middleContent ul { list-style-type: none; margin: 0 0 0 5px; padding: 0; color: #555556; }
div#middleContent ul li { background: transparent url(/images/bullet_blue.gif) no-repeat 0 5px; padding: 0 0 4px 10px; }

/*#contentControls { float: right; margin: 12px 0 0 0; }*/
#contentControls { position: absolute; top: 0; right: 0; margin: 12px 0 0 0; }
#contentControls span { display: block; float: left; }
#contentControls a { float: left; }
#contentControls a img.icon_print { margin: 0 4px 0 0; }

div.contentTop { width: 517px; float: left; font-size: 11px; margin-bottom: 25px; position: relative; }
div.contentTop h1 { padding-right: 60px !important; }
div.contentTop p { }
div.contentTop p img { margin: 0 0px 10px 10px !important; }
div#contentPromo { width: 517px; float: left; margin: 20px 0 0 0; }

div#recommendBox { width: 188px; float: right; padding: 3px 0 0 0; margin: 0 0 0 10px; }
div#recommendBox.hu { background: #fff url(/images/hu/recommendboxtop.gif) no-repeat; }
div#recommendBox.en { background: #fff url(/images/en/recommendboxtop.gif) no-repeat; }
div#recommendBox.zh { background: #fff url(/images/zh/recommendboxtop.gif) no-repeat; }
div#recommendBox ul { width: 188px; float: right; list-style-type: none; margin: 0; padding: 4px 0 15px 0; background: #fff url(/images/recommendboxbottom.gif) no-repeat bottom left; }
div#recommendBox ul li { background: transparent url(/images/bullet_red.gif) no-repeat 10px 5px; padding: 0 0 2px 20px; }
div#recommendBox ul li a:link, #recommendBox ul li a:active, #recommendBox ul li a:visited { color: #005da0; font-weight: bold; }

div#middleContent div.contentBoxWide { width: 517px; float: left; background: transparent url(/images/contentboxwidetop.gif) no-repeat; padding: 10px 0 0 0; margin: 10px 0 5px 0; color: #555; text-align: left; }
div#middleContent div.contentBoxWide p { width: 497px; margin: 7px 0 7px 10px; }
div#middleContent div.contentBoxWide p.small { font-size: 10px; }
div#middleContent div.contentBoxWide h2 { color: #005999; width: 497px; margin: 0 0 7px 10px; padding: 0 0 10px 0; border-bottom: 1px solid #d9d9d9; }
div#middleContent div.contentBoxWide h2 small { font-size: 11px; color: #005999; font-weight: normal; }
div#middleContent div.contentBoxWide ul { float: left; width: 517px; margin: 0; background: transparent url(/images/contentboxwidebottom.gif) no-repeat bottom left; padding: 0 0 15px 0; }
div#middleContent div.contentBoxWide ul li { background: transparent url(/images/bullet_red.gif) no-repeat 0 5px; position: relative; left: 10px; }
div#middleContent div.contentBoxWide li.pdf { background: transparent url(/images/icons/pdf.gif) no-repeat 0 2px; padding: 2px 0 5px 20px; line-height: 17px; } 
div#middleContent div.contentBoxWide li.doc { background: transparent url(/images/icons/doc.gif) no-repeat 0 2px; padding: 2px 0 5px 20px; line-height: 17px; } 
div#middleContent div.contentBoxWide ul li a { color: #005da0; font-weight: bold; }
div#middleContent div.contentBoxWide li.pdf a, div#middleContent div.contentBoxWide li.doc a { color: #d4003b; font-weight: normal; }
div#middleContent div.contentBoxWideBtm { width: 517px; height: 10px; float: left; background: transparent url(/images/contentboxwidebottom.gif) no-repeat bottom left; font-size: 1px; margin-bottom: 5px; }

div#middleContent div.contentBoxWide.blue { background: #ecf7ff url(/images/contentboxwidebluetop.gif) no-repeat; }
div#middleContent div.contentBoxWideBtm.blueBtm { background: transparent url(/images/contentboxwidebluebottom.gif) no-repeat bottom left; margin-top: -5px; }
div#middleContent div.contentBoxWide.blue h2 { border-bottom: 1px solid #b8d3eb; }

div#middleContent div.contentBoxWide .dataRow { width: 497px; float: left; border-bottom: 1px solid #ececec; margin: 0 0 7px 0; padding: 0 0 7px 0; position: relative; left: 10px; }
div#middleContent div.contentBoxWide.blue .dataRow { border-bottom: 1px solid #d2e5f5; }
div#middleContent div.contentBoxWide .dataRow.lastDataRow { border-bottom: 0; }
div#middleContent div.contentBoxWide .dataRow .footNote { font-size: 10px; }

div#middleContent div.contentBoxWide .dataRow .dataDesc { width: 125px; float: left; }
div#middleContent div.contentBoxWide .dataRow .dataValue { width: 372px; float: left; }
div#middleContent div.contentBoxWide .dataRow .dataValueRed { color: #D4003B; width: 372px; float: left; }
div#middleContent div.contentBoxWide .dataRow .dataValue h4 { font-size: 13px; font-weight: bold; margin: 0; }

div#middleContent div.contentBoxWide h2.error { color: #d4003b; border: 0px solid red; padding-top: 7px; margin-bottom: 0; }

/* currency converter */

form.convertSelect { margin-left: 10px; width: 497px; padding-bottom: 12px; border-bottom: 1px solid #d9d9d9; }
form.convertSelect.conSelNoBtm { border: 0; }
form.convertSelect input.convertField { width: 70px; }
form.convertSelect input.convertSubmit { position: relative; top: 4px; }
form.convertSelect span { margin: 0 5px 0 5px; position: relative; top: -2px; }

table.rates { width: 497px; margin: 0 0 0 10px; }
table.rates thead th { text-align: left; padding: 3px 0 3px 10px; }
table.rates tbody td { padding: 3px 0 3px 10px; }
table.rates tbody tr.odd { background-color: #ecf7ff; }

table.ratesindex { width: 240px; }
table.ratesindex thead th { padding: 3px 10px 3px 10px; text-align: right; white-space: nowrap; }
table.ratesindex tbody td { padding: 3px 10px 3px 10px; text-align: right; }
table.ratesindex .rowHead { text-align: left; }
table.ratesindex .blue { background-color: #ecf7ff; }

/* credit calculator */

a.creditLink:link, a.creditLink:active, a.creditLink:visited  {
	display: block;
	float: left;
	background: transparent url(/images/icons/arrow_right.gif) no-repeat 100% 4px;
	padding-right: 14px;
	font-weight: bold;
}
