/**
*	Global styles for PWeb
**/

body
{
	color: #666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12.8px;
	line-height: 1.5;
}
a { text-decoration: none; color: #666 }
a:hover { text-decoration: underline; color: #004ca0; }

input{
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#666666;
	padding: 0;
}

/* Form elements */
.form_selector
{
	height:17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#666666;
	padding: 0;
}

/* Layout */
.wrapper { width: 980px; margin: 0 auto; }
#header{border-bottom:1px solid #bbb;margin:0 15px; padding-top:15px; padding-bottom:-10px;}
#header-left{float:left;width:70%;}
#header-right
{
	float: right;
	display: inline;
	width: 200px;
	font-size: 10.23px;
	margin-top: 20px;
	text-align: right;
}
#menu { margin: 0px 20px 10px; }
#sidebar
{
	width: 170px;
	overflow: hidden;
	font-size: 11px;
	float: left;
	margin-right: 10px;
}
#content
{
	clear: both;
	margin: 0 20px;
	min-height: 300px;
	width: 940px;
	overflow: hidden;
}
#right-bar
{
	float: right;
	width: 185px;
	margin: 0;
	padding: 0;
}

#main { font-size: 10.88px; float: left; }
#main-content { float: left; }
.layout-3-column #main { width:565px; }
.layout-2-column #main-content { width: 755px; }
.layout-1-column #main-content { width: 940px; }
.layout-2nd-level #main
{
	width: 755px;
}


/* Header */
#site-logo-container,#site-logo { float: left; position: relative; z-index: 100; }
#site-welcome { position: relative; padding: 23px 0 0 200px; }
#site-welcome .drop-arrow { padding-bottom: 0px; }
#site-welcome a { text-decoration: none; }
#site-animation{ float: right; position: relative; top:-10px; }
h1#uob-logo a{text-indent:-9999px;display:block;width:130px;background:url('/uobtravel/assets_main/images/common/UOB-logo.jpg') no-repeat;height:45px;}
h3#welcome-text{text-indent:-9999px;display:block;width:125px;background:url('/uobtravel/assets_main/images/common/text_welcome-to-uob-singapore.gif') no-repeat;height:15px;}
#site-logo a { display: block; }

/* Main menu */
#main-menu ul li a{color:#006699;font-weight:bold;display:block;border-bottom:2px solid #46699F;line-height:25px;}
#main-menu ul li a:hover{border-bottom:2px solid #990000;}
#main-menu ul li { float: left; font-size: 12px; }
#main-menu ul#banking-section li { margin: 0px 0 0px 10px; }
#main-menu ul#banking-section li.main-selected { margin-top: 10px; margin-bottom: 0; }
#main-menu ul li#personal-banking { width:145px; margin-left:0;  }
#main-menu ul li#corporate-banking { width:240px; }
#main-menu ul li#investor-relations { width:160px; }
#main-menu ul li#uobtravel-tour { width:126px; margin-left:0;}
#main-menu ul li#uobtravel-greatdeals { width:126px; }
#main-menu ul li#uobtravel-car { width:126px; }
#main-menu ul li#uobtravel-cruises { width:125px; }
#main-menu ul li#uobtravel-elite { width:126px; }
#main-menu ul li#uobtravel-about { width:125px; }
#main-menu ul li#uobtravel-insurance { width:126px; }
#main-menu ul li#about-uob { width:135px; }
#main-menu ul#banking-type { float:right; }
#main-menu ul#banking-type li { margin:0 5px; padding:5px 5px 0 0; font-size:12px; }
#main-menu ul#banking-type li#private-banking { margin-right:0; }
#main-menu ul#banking-type li a { color:#000; display:block; border-bottom:none !important; background:url('/uobtravel/assets_main/images/common/buttons/btn_bg_off_PBanking.gif') no-repeat bottom; line-height:30px; }
#main-menu ul#banking-type li a:hover { background:url('/uobtravel/assets_main/images/common/buttons/btn_bg_on.gif') repeat-x bottom; }
#main-menu ul#banking-type li.main-selected { padding-top: 10px; }
#main-menu ul#banking-type li.main-selected a { background: none; line-height:18px; }
#main-menu ul#banking-type li.main-selected a:hover { background: none; }

#main-menu a:hover { text-decoration: none; }
#main-menu ul li.main-selected{ border-bottom: 10px solid #990000; }
#main-menu ul li.main-selected a, #main-menu ul li.main-selected a:hover { border-bottom: none; line-height: 18px; padding-left: 5px; }
#sub-menu-uobtravel
{
	background: #990000;
	color: #fff;
	font-size: 11px;
	padding: 0px 0;
	clear: left;
	overflow: auto;
	height:14px;
}


.sub-menu
{
	background: #990000;
	color: #fff;
	font-size: 11px;
	padding: 5px 0;
	clear: left;
	overflow: auto;
}
.sub-menu a{color:#ffffff;padding:0 8px;}
.sub-menu a:hover{color:#ccc;text-decoration:underline;}
.sub-menu ul { overflow: auto; width: 100%; }
.sub-menu ul li { float: left; text-align: center; font-size: 11px; line-height: 1.5; }



/* Subheader - 3rd level pages */
.layout-1-column #subheader { width: 940px; }
#subheader
{
	width: 755px;
	float: left;
	margin-bottom: 0px;
}
#subheader h1
{
	font-weight: normal;
	font-size: 22px;
	color: #006;
	width: 450px;
	float: left;
	margin: 0px 5px 0px 0;
	padding: 5px 5px 5px 2px;
}
#subheader #breadcrumbs
{
	float: right;
	text-align: right;
	font-size: 11.33px;
	width: 290px;
	margin-top: 5px;
	line-height: 1.25;
}
#subheader #breadcrumbs div { font-weight: bolder; }
#subheader #breadcrumbs li
{
	display: inline;
	margin: 0 0 0 1px;
	padding: 0 0 0 11px;
	background: transparent url(/uobtravel/assets_main/images/common/list-items/bullet_2.gif) no-repeat scroll left 1px;
}
#subheader #breadcrumbs li.top-level
{
	background: none;
	margin: 0;
	padding: 0;
}


/* Sidebar */
.layout-1-column #sidebar, .layout-2nd-level #sidebar { display: none; }
#sidebar ul {padding:0;}
#sidebar ul ul {padding:0 0 0 10px;}
#sidebar .sidebar-panel ul li ul li{padding-left: 4px;}
#sidebar ul li.collapsed{background:url('/uobtravel/assets_main/images/common/icon/icon_collapse.gif') no-repeat;background-position:5px 5px;}
#sidebar ul li.expanded{background:url('/uobtravel/assets_main/images/common/icon/close.gif') no-repeat;background-position:5px 5px;}
#sidebar .sidebar-panel ul li{padding-left: 14px;}

#sidebar ul li{background:url('/uobtravel/assets_main/images/common/icon/icon_arrow_left.gif') no-repeat;background-position:17px 6px; padding-left:15px;}
#sidebar ul li ul li{background:url('/uobtravel/assets_main/images/common/icon/icon_arrow_left.gif') no-repeat;background-position:2px 6px;}
#sidebar ul li.hidden{display:none;}
#sidebar .sidebar-panel{padding:0 5 0 0px;margin-bottom:2em;}
#sidebar a { display: block; padding-left: 8px; color: #666; }
#sidebar a:hover { color: #069; text-decoration: underline; }
#sidebar a.title, #sidebar a.title:hover { font-weight: bold; }
#sidebar h4{border-bottom:2px solid #004F9E;color:#666;font-size:11.25px;font-weight:bold;margin:5px;padding-left: 0px;}
#sidebar .sidebar-panel .sidebar-direct-panel li{padding-left: 19px;background:url('/uobtravel/assets_main/images/common/icon/icon_arrow_left.gif') no-repeat;background-position:17px 6px;}

/* Footer */
#footer-links { border-top: 1px solid #8c8c8c; margin: 0 20px; color: #333; font-weight: bold; overflow: auto; font-size: 11.33px}
#footer-links ul { padding-top: 20px; }
#footer-links ul li { float: left; text-align: center; }
#footer-links a { color:#333; padding:0 5px; font-weight:normal; }
#footer-links a:hover{color:#02236A;text-decoration:underline;}
#footer-about { float: left; }
#footer-privacy { float: right; }
#footer-privacy a { padding: 0 10px; }
#footer-copyright{clear:both;text-align:center;padding:10px 10px; font-size: 11.33px;}

/* language selector panel, default positioning */
#lang-panel { float: left; color: #aaa; font-size: 11.30px; display: none; }
#lang-panel span { border-left: 1px solid #aaa; padding: 0 1px 0 5px; }
#lang-panel .desc { font-style: italic; border-left: none; }
#lang-panel .first { border-left: none; }
#lang-panel .selected { font-weight: bold; }
#lang-panel a { color: #aaa; }

/* lang selector, positioned next to UOB logo */
#lang-panel-container #lang-panel
{
	position: absolute;
	left: 305px;
	top: 27px;
	width: 300px;
	z-index: 100;
	display: block;
}
#lang-panel-container #lang-panel .desc { display: none; }


/* breadcrumbs */
#current-breadcrumbs, #current-breadcrumbs a{color:#003366;}

/* main */
#page.wrapper { font-size: 12.8px; }
#inner-page { min-height: 600px; height: auto; }
#footer.wrapper { font-size: 11x; padding: 120px 0 0; }
body #page.compact #footer.wrapper { padding: 0; }
.padding-3{padding:3px;}
.padding-5{padding:5px;}

/* Content area */
#main-content
{
}
.published-content
{
	background: white;
	padding:0px;
}
.published-content .utility-bar
{
	text-align: right;
}
.layout-3-column .published-content
{
	width: 560px;
		border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.layout-2-column .published-content
{
	width: 755px;
		border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* Dropdown menu */
#dropmenudiv
{
	position:absolute;
	border:1px solid black;
	border-bottom-width: 0;
	line-height:18px;
	z-index:100;
	font-size: 11.33px;
}
#dropmenudiv a
{
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid black;
	padding: 1px 0;
	text-decoration: none;
	background-color:#FFFFFF;
	font-weight: bold;
	color:#666666;
}
#dropmenudiv a:hover
{
	background-color: #F4F4F4;
	color:#004CA0;
}

/* Right-bar */
.layout-2-column #right-bar, .layout-1-column #right-bar { display: none; }
#right-bar
{
	float: right;
	width: 185px;
}
#right-bar h3
{
	width: 185px;
	padding-bottom: 0px;
	margin-bottom: 5px;
	border-bottom: 2px solid #004F9E;
	font-size: 13.33px;
	font-weight: bold;
	color: #666;
}
#right-bar .right-panel
{
	margin: 0 0 20px;
}
#right-bar .right-panel.freeform, #right-bar .right-panel.ssi
{
	padding: 0 3px;
}
#right-bar #UOB-assist
{
	margin: 0 0 20px;
}
#right-bar #UOB-assist .title
{
	height: 60px;
	background: transparent url('/uobtravel/assets_main/images/personalHome/uob-assist.gif') no-repeat top center;
	text-indent: -9999px;
}
#right-bar .hidden
{
	display: none;
}
#right-bar a.morelink
{
	display: block;
	text-align: right;
	text-decoration: underline;
}
#right-bar .form_selector
{
	width: 160px;
}
#right-bar #Uniplus div
{
	background:  #034DA2;
	color: #A6D5FF;
	text-align: center;
	font-size: 11.33px;
}
#right-bar #Uniplus h4
{
	margin: 0;
	padding: 5px 0 0;
}
#right-bar #Uniplus table, 
#right-bar #Uniplus tr, 
#right-bar #Uniplus td
{
	border-collapse: collapse;
	line-height: 12px;
}
#right-bar #Uniplus table
{
	width: 100%;
	border: none collapse;
	margin: 5px 0;
	font-size: 9px;
	color: #666;
}
#right-bar #Uniplus th
{
	background: #B3B1B2;
	padding: 3px;
}
#right-bar #Uniplus td
{
	background: #D8E9F1;
	padding: 5px;
	border: 1px solid #b3b1b2;
}
#right-bar #currency-converter
{
	font-size: 11.33px;
}
#right-bar #currency-converter form
{
	background: #D8E9F1 url('/uobtravel/assets_main/images/tools_app/Currencyconverter_BG.jpg') no-repeat bottom center;
	margin: auto;
	padding: 0 5px;
	width: 164px;
}
#right-bar #currency-converter form img
{
	margin-top: 15px;
}
#right-bar .portlet .img-banner
{
	text-align: center;
}
#right-bar .portlet .img-banner img
{
	border: none;
}


/**
Added by jasmine
**/
.bgOrange{background:#FEECD8;}
.bgLightblue{background:#CDF0FE;}
.rightred {
	font-family: arial;
	font-size: 16px;
	color: #EE2A32;
}
.bodytext {
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	color: #555555;
}
.morelink {
	font-family: arial;
	font-size: 11px;
	color: #004CA0;
	text-decoration: underline;
}


.more10 {
	font-family: arial;
	font-size: 10px;
}


.size9 {
	font-family: arial;
	font-size: 9px;
}
.rightred12 {
	font-family: arial;
	font-size: 12px;
	color: #EE2A32;
	font-weight: bold;
	text-decoration:none;
}

.rightred11 {
	font-family: arial;
	font-size: 11px;
	color: #EE2A32;
	font-weight: bold;
}

.tpbillboard_header{
	color: #61686B;
	font-weight: bold;
	padding-top:8px; padding-left:10px; padding-bottom:8px;
	font-family: arial;
	font-size: 16px;
}

.tphomeheader_orange{
	color: #555555;
	font-family: arial;
	font-weight:bold;
	padding-top:10px; padding-left:10px; padding-bottom:10px;	
}

.tphomeheader_textbold{
	font-size: 16px;
	font-weight:bold;
}

.padding-T10{
	padding-top:10px;
}

.padding-T5{
	padding-top:5px;
}

.padding-B10{
	padding-bottom:10px;	
}

.padding-L10{
	padding-left:10px;
}

.bgwhite{
background-color:#FFFFFF;
}

.tdgreyborder{border-style:solid; border-width:2px; border-color:#E1E1E1;}

.blacklink
{
	text-decoration: underline;
	color:#000000;
	font-weight:normal;
}

.valign_middle{vertical-align:middle}
.valign_bottom{vertical-align:bottom}

.font10{font-size:10px;}