/*  idTabs ~ Sean Catchpole  */

.idTabs{font-size:10px;float:left; margin:0px; padding:0px; display:block; margin-bottom:-1px;}
/* Style for Usual tabs */
.usual {
  background:#fff;
  font-family: Arial;
  font-size: 11px;
  color:#111;
  width:748px;
  overflow:hidden;
  word-spacing: 0pt;
}


h1{margin-top:0px; margin-bottom:5px; font-weight:bold; font-family:Arial; font-size:12px;}
h2{}
h3{}
h4{}
h5{}
.usual li {list-style:none; float:left;}
hr{color:#d9d9d9;background:#d9d9d9;border:none; height:1px;} 

.usual ul #usualtab1 a {
  display:block;
  width:168px;
  height:30px;	
  text-decoration:none !important;
  margin:0px;
  font:10px Verdana;
  color:#FFF;
  background: url(../images/heading1.gif) 0 -40px;
}

.usual ul #usualtab2 a {
  display:block;
  width:195px;
  height:30px;	
  text-decoration:none !important;
  margin:0px;
  font:10px Verdana;
  color:#FFF;
  background: url(../images/heading2.gif) 0 -40px;
}

.usual ul #usualtab3 a {
  display:block;
  width:208px;
  height:30px;	
  text-decoration:none !important;
  margin:0px;
  font:10px Verdana;
  color:#FFF;
  background: url(../images/heading3.gif) 0 -40px;
}

.usual ul #usualtab4 a {
  display:block;
  width:177px;
  height:30px;	
  text-decoration:none !important;
  margin:0px;
  font:10px Verdana;
  color:#FFF;
  background:url(../images/heading4.gif) 0 -40px;
}

  
.usual ul #usualtab1 a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  background:url(../images/heading1.gif);
  }

.usual ul #usualtab2 a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  background:url(../images/heading2.gif) no-repeat;
}
.usual ul #usualtab3 a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  background:url(../images/heading3.gif) no-repeat;
}
.usual ul #usualtab4 a.selected {
  margin-bottom:0;
  color:#000;
  background:snow;
  border-bottom:1px solid snow;
  cursor:default;
  background:url(../images/heading4.gif) no-repeat;
}

.usual ul #usualtab1 a:hover {
  color:#FFF;
  background:url(../images/heading1.gif);
  }
.usual ul #usualtab2 a:hover {
  color:#FFF;
  background:url(../images/heading2.gif);
  }
.usual ul #usualtab3 a:hover {
  color:#FFF;
  background:url(../images/heading3.gif);
  }
.usual ul #usualtab4 a:hover {
  color:#FFF;
  background:url(../images/heading4.gif);
  }
  


.usual div a { color:#000; font-weight:bold; }

#usual2 { background:#0A0A0A; border:1px solid #1A1A1A; }
#usual2 a { background:#222; }
#usual2 a:hover { background:#FFF; }
#usual2 a.selected { background:snow; }
#tabs3 { background:#FF9; }
#tabs4 { background:#FF9; }

/* Style for various uses of tabs */

.header-tab{width:746px; height:80px; background:#333333;clear:left; overflow:hidden;}
.left-tabwrapper{float:left;width:486px;  padding:0px; margin:10px;  display:inline;}
.left-tabtop{width:486px; float:left; margin:0px;}
.left-tabimg{width:163px; float:left; margin-top:10px; margin-right:10px;}
.left-tabtext{width:200px; float:left; margin-top:10px;}
.left-tabreadmore-button{font-size:10px;width:80px; float:right; height:10px; margin-top:8px; font-weight:bold; color:#4060ae;}
.left-tabreadmore-button a:link, .left-tabreadmore-button a:visited{font-size:10px;width:80px; padding-left: 2px; font-weight:bold; color:#4060ae;}


.left-tabreadmore-longbutton{font-size:10px; float:right; height:10px; margin-top:8px; font-weight:bold; color:#4060ae;}
.left-tabreadmore-longbutton a:link, .left-tabreadmore-longbutton a:visited{font-size:10px; padding-left: 2px; font-weight:bold; color:#4060ae;}

.left-tabtext-no-left-icon{width:300px; float:left; margin-top:10px;}

.left-icon{width:100px; float:right; margin-top:10px;}
#idTab1{ border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;width:746px; margin:0px; float:left;}
#idTab2, #idTab3, #idTab4{float:left;width:746px;font-size: 11px; font-family:Arial; border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9; }


/***** Content Right Banner *****/
.right-tab{width:225px; float:right; margin-top:10px; padding-right: 5px;}
.right-tab ul, .right-tab li{ margin:0; padding:0; list-style-position:outside; list-style-type:none;}
.right-tab h1 { margin-top:0px; margin-bottom:5px; font-family:Arial; font-size:12px;}
.right-tab h3{margin-top:0px; margin-bottom:5px; font-weight:bold; font-family:Arial; font-size:12px;}

	/* Tabs: Right Banner - Content style*/
	.tab-pink, .tab-purple, .tab-red, .tab-orange, .tab-yellow{
		color:#000000;
		font:Arial, Helvetica, sans-serif, Tahoma;
		font-size:12px;
	}
	.tab-pink a:link, .tab-pink a:visited { 
		color:#c6006f;
		font-weight:bold;
		text-decoration:none;
	}
	.tab-pink a:hover {
		color:#c6006f;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.tab-purple a:link, .tab-purple a:visited { 
		color:#5a3f99;
		font-weight:bold;
		text-decoration:none;
	}
	.tab-purple a:hover {
		color:#5a3f99;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.tab-red a:link, .tab-red a:visited { 
		color:#df2020;
		font-weight:bold;
		text-decoration:none;
	}
	.tab-red a:hover {
		color:#df2020;
		font-weight:bold;
		text-decoration:underline;
	}
	
	.tab-orange a:link, .tab-orange a:visited { 
		color:#f68932;
		font-weight:bold;
		text-decoration:none;
	}
	.tab-orange a:hover {
		color:#f68932;
		font-weight:bold;
		text-decoration:underline;
	}
	
	#tabs .tab-yellow h3, #tabs .tab-yellow a:link, #tabs .tab-yellow a:visited { 
		color:#8e7113;
		font-weight:bold;
		text-decoration:none;
	}
	#tabs .tab-yellow a:hover {
		color:#8e7113;
		font-weight:bold;
		text-decoration:underline;
	}

.clear{clear:both;}
.colorask{color:#faa633;}

.colorask2{color:#df2020; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold;}
.colorask2 a:link, .colorask2 a:visited { color:#df2020; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorask2 a:hover { color:#df2020; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

.colorask3{color:#c6006f; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold;}
.colorask3 a:link, .colorask3 a:visited { color:#c6006f; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorask3 a:hover { color:#c6006f; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

.colorask4{color:#5a3f99; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold;}
.colorask4 a:link, .colorask4 a:visited { color:#5a3f99; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorask4 a:hover { color:#5a3f99; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

.colorfam0{color:#c6006f;}
.colorfam0 a:link, .colorfam1 a:visited { color:#c6006f; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorfam0 a:hover { color:#c6006f; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

.colorfam1{color:#f77934;}
.colorfam1 a:link, .colorfam1 a:visited { color:#f77934; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorfam1 a:hover { color:#f77934; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }


.colorfam2{color:#df2020;}
.colorfam2 a:link, .colorfam2 a:visited { color:#df2020; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorfam2 a:hover { color:#df2020; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

/* preimer banking*/
.colorfam5{color:#9d7653;}
.colorfam5 a:link, .colorfam5 a:visited { color:#8e7113; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorfam5 a:hover { color:#8e7113; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

.colorlady1{color:#df2020;}
.colorlady1 a:link, .colorlady1 a:visited { color:#df2020; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; }
.colorlady1 a:hover { color:#cf0075; font:Arial, Helvetica, sans-serif, Tahoma; font-size:12px; font-weight:bold; text-decoration:underline; }

.shortline{border-bottom:1px solid #d9d9d9; float:right; width:310px; margin-right:20px;}

a:link{color:#4060ae; text-decoration:none;}
a:visited{color:#4060ae;text-decoration:none;}
a:hover{color:#de2127;text-decoration:underline;}

.bullet{color:#df0000; font:Arial, Helvetica, sans-serif, Tahoma; font-size:13px;}

.bullet_premier{color:#8e7113; font:Arial, Helvetica, sans-serif, Tahoma; font-size:13px;}

.rightsubtext{font:Arial, Helvetica, sans-serif; font-size:11px; color: #000; margin-bottom: 2px;}


/* Premier - Announcement */
.box_bg{
	background:url(../images/rightnav_bg.jpg) repeat-y top left;	
	margin-bottom:10px;
}

.box_bg .title{
	background:url(../images/rightnav_top.jpg) no-repeat top left;
	height:20px;	
	padding:10px 10px 0 10px;
	color:#fff;
	font-weight:bold;
}

.box_bg .subtitle{
	color:#8e7113; 
	font-weight:bold; 
	padding:5px 0 3px 10px;; 
	text-decoration:none;
}

.box_bg .rn_promotion{
	margin-bottom:8px;
	margin-left:3px;
	text-align:center;
	background-color:red;
	width:212px;
}

.box_bg .content{
	margin:10px 10px;	
}




/* ----- for moneysmart ------ */
.red{ color: #ff3333;}
.redborder_lr{ border-left:1px solid #eb3636;  border-right:1px solid #eb3636; }

.video-desc{
	float:left;
	text-align:left;
	
	margin-left:14px;
}
.contact{
	float:right;
	text-align:center;
	
}
	.contact a:link, .contact a:visited { text-decoration:underline; }
	.contact a:hover { text-decoration:none; }
	
	
	
/* tooltip OCBC Awards   */
a.tooltip {
	color:#0D1C8D;;
}
a.tooltip b {
	display:none;
}
a.tooltip:hover {
	border:0;
	position:relative;
	z-index:500;
	text-decoration:none;
}
a.tooltip:hover b {
	display:block;
	position:absolute;
	top:-90px;
	left:8px;
	font-weight:normal;
	color:#000;
	border:1px solid #BBBBBB;
	background:#FFF;
	width:61px;
	height:70px;
}
a.tooltip:hover b em {
	position:absolute;
	left:25px;
	top:71px;
	width:11px;
	height:6px;
	background:#fff url(../images/tooltip.gif) 0 0;
	display:block;
	font-size:1px;
}