* { margin: 0; padding: 0; border: 0; }

body {
	font-size: 12px;
	color:#000;
	line-height:14px;
	width:100%;
	margin:0px;
	padding:0px;
	background:#d0d0d0;
	font-family:Arial, Helvetica, sans-serif;	
}

p {
	line-height:normal;
}


a, a:link, a:visited {
	color:#F00;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#F00;
	text-decoration:underline;
}

#wrapper {
	width:980px;
	margin:auto;
	background:#fff;
	

}
#wrapper1 {
	width:980px;
	margin:auto;
	background:#fff;
	position: relative;	

}

#popup #wrapper {
   width:460px;
   margin:auto;
   }
   
#popup2 #wrapper {
   width:800px;
   margin:auto;
   }

#hs_index #wrapper {
   background:#ffffff url(../images/index_bg.jpg) no-repeat bottom right;
   }
   
#hs_index #wrapper1{
   background:#ffffff url(../images/index_bg2.jpg) no-repeat bottom right;
   }
   
#hs_index #wrapper_shopping {
   background:#ffffff url(../images/shopping_girl.jpg) no-repeat bottom right;
   }
   
#header {
	background:#fff;
	height:95px;
}

#header #header_logo {
	float:left;
}

#header #top_nav {
	float:left;
	width:560px;
}

ul#mnav {
    font-family: Arial, Helvetica, sans-serif;
	height:40px;
	font-weight:bold;
	font-size:11px;
	margin:30px 0 0 60px;
	padding:0px;
}

ul#mnav li {
	display:inline;
	background:url(../images/nav_separator.gif) no-repeat center right;
	padding:15px 15px 20px 0px;
	line-height:40px;
	*padding:15px 13px 20px 2px;

}

ul#mnav li.contact {
	display:inline;
	background:none;
	padding:15px 15px 20px 0px;
	line-height:40px;

}

ul#mnav a, ul#mnav a:link {
	color:#5c5c5c;
	text-decoration:none;
}

ul#mnav a:hover {
	color:#F00;
	text-decoration:none;
}

#header #product_name {
	float:right;

}

#main_content {
  /*min-height:200px;*/
  padding-bottom:30px;
  overflow:hidden;
}

#hs_index #main_content {
  padding-bottom:0px;
  padding-top:15px;
}

#hs_index #main_content .meter {
   /*width:238px;
   padding-left:41px;*/
   border-right:1px #F00 dotted;
   float: left; /* since this element is floated, a width must be given */
   width: 238px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
   padding: 0px 0px 0px 41px;
   background:url(../images/meter-left_bg.gif) repeat-x top left;

}



#main_content .content {
   /*width:700px;
   margin-left:280px;
   float:left;*/
   	margin: 0 0 0 305px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	position:relative;
}

#main_content .content .flash_space {
   width:372px;
   height:240px;
   border:none;
   margin-top:25px;
   
}

#main_content .content .flash_space2 {
   width:277px;
   height:253px;
   border:none;
   margin-top:25px;
   
}

#main_content .content .index_click {
	width:319px;
	height:47px;
	position:absolute;
	left: 130px;
	top: 485px;
	*top: 484px;
}


#main_content {
  /*min-height:200px;*/
  padding-bottom:30px;
  overflow:hidden;
}

#hs_index #main_content {
  padding-bottom:0px;
  padding-top:15px;
}

#hs_index #main_content .meter {
   /*width:238px;
   padding-left:41px;*/
   border-right:1px #F00 dotted;
   float: left; /* since this element is floated, a width must be given */
   width: 238px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
   padding: 0px 0px 0px 41px;
   background:url(../images/meter-left_bg.gif) repeat-x top left;

}
.girl{
position:absolute;
top:430px;
left:290px;
width:484px;
height:263px;

}










#footer {
   width:980px;
   background:url(../images/footer_bg.png) no-repeat top left;
   height: 70px;
   position:relative;	
   clear:both;

}

#footer a, #footer a:link {
	color:#000;
	text-decoration:none;
}

#footer a:hover {
	color:#ec1d25;
	text-decoration:none;
}


#footer .footer_copy {
	font-size:11px;
	width:500px;
	padding:33px 0px 0px 40px;
	float:left;
}

#footer .footer_copy span{
	color:#ec1d25;
	
}

.award-popup {
margin: 35px 0px 0px 10px;
padding: 1px 0 0 35px;
width: 80px;
position: relative;
float:left;
}
 
div.award-popup em {
	background:transparent url(../images/awards_list.png) no-repeat;
	width: 200px;
	height: 76px;
	position: absolute;
	top: -62px;
	left: -50px;
	text-align: center;
	text-indent: -9999px;
	z-index: 2;
	display: none;
}
 
#award-icon {
width: 85px;
height: 15px;
background:transparent url(../images/ocbc_awards.jpg) no-repeat 0 0;
text-indent: -9999px;
margin: 0 auto;
display: block;
}

.benefit {
	width:157px;
	height:15px;
	padding:33px 0 0 95px;
	float:left;
}

.coin {
	width:47px;
	height:44px;
	position:absolute;
	left: 907px;
	top: 3px;
	_position:fixed;
	_top:5px;
	_left:0px;
}




/* hsd-style ======================================================================================================================================  */
			
			.hsd-topnavi{
				width:980px;
				height:98px;
			}
			
			.meter{ 
				width:238px;
				border:none;
			}
			
			.hs_calendar{ 
				width:139px;
				padding-bottom:15px;
				
			}
			
			.hsd-banner{ 
				width:139px;
				margin-bottom:13px;
			}
			.hsd-maintb{ font-family:Arial, Helvetica, sans-serif; color:#333333; text-align:left;
			background: #fff url(../images/dot.gif) repeat-y;

			}
			
				.hsd-maintb h1{
					font-size:20px;	
					color:#ec1d25;
					margin-top:5px;
					margin-bottom:15px;
				}
				
				h2.hsd-maintb {
					font-size:14px;	
					margin-top:0;
					margin-bottom:0;
				}
				
				.hsd-maintb p{
					font-size:12px;	color:#000;
				}
				
				.hsd-maintb p.mainintro{ font-size:15px; color:#333333;}
				
				.hsd-hr{
					width:460px;
					height:2px;
					margin-top:28px;
					margin-bottom:28px;
					background:url(../images/hr-dotted.gif) repeat-x;
				}
				
				.redtb {
					width:100%; color:#000;
				}
					.redtb td{
						padding:5px 10px;
						border-left:#ed1c24 1px solid;
						border-bottom:#ed1c24 1px solid;
					}
					
					.righttb{border-right:#ed1c24 1px solid;}
					
					.redtb label{ font-size:16px;font-weight:bold; letter-spacing:1px;}
					
					.tb-title{
						background-color:#ed1c24;
						color:#FFF;
						font-weight:bold;
					}
					
					.tb-subtitle{
						background-color:#ECECEC;
						color:#666666;
						font-weight:bold;
					}
					
			/* FAQ */
			
			.faqqns { color:#ed1e24; font-size:14px;} 
			h1.intro { font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:bold; line-height:34px; color:#000 }
			.redintro {color: #ed1e24}
			.contentwrap { margin:0; padding:0; width:460px; }
			.tableyellow { background-color:#ffd200; }
			.gallerytext { clear:both; margin:10px 0 0 0; padding:0 0 0 20px; font:bold 11px Arial, Helvetica, sans-serif; color:#000;}
			.gallerytext2 { margin:0; padding:0 0 0 20px; font: 11px Arial, Helvetica, sans-serif; color:#000;}
			.galleryborder { border-top:#efefef 10px solid; border-left:#efefef 10px solid; border-right:#efefef 10px solid;}
			.gallerymore { margin:0; padding:0 20px 0 0; font-size:10px; color:#FF0000; text-align:right; }
			.gallerymoretable { margin:0; padding:0; border: solid 1px #b0b1b1; }
			
			.box1 { margin:0; padding:0; }
			#box-link { position:absolute; top:439px; left:-2px; width:447px; height:106px; }

			
			.box2{ margin:0; padding:0; }
			#box-link2 {
	position:absolute;
	top:418px;
	left:33px;
	width:125px;
	height:42px;
}

			.box3{ margin:0; padding:0;}
			#box-link3 {
	position:absolute;
	top:491px;
	left:197px;
	width:113px;
	height:42px;
}

			.box4{ margin:0; padding:0;}
			#box-link4 {
	position:absolute;
	top:418px;
	left:197px;
	width:113px;
	height:42px;
}

			.box5{ margin:0; padding:0;}
			#box-link5 {
	position:absolute;
	top:491px;
	left:33px;
	width:113px;
	height:42px;
}

		/* tooltip OCBC Awards   */
			a.tooltip { color:#fff; }
			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:-60px; font-weight:normal; color:#000; border:1px solid #ec1d25; background:#ffc; width:200px; }
			a.tooltip:hover b em { position:absolute; left:90px; top:71px; width:11px; height:6px; background-image:url(../images/tooltip_transparent.png); display:block; font-size:1px; }			
			
			.footertextred { margin:0; padding:0; color:#ec1d25; }
			.footerawards { margin:0; padding:0; color:#000; font:0.8em/0.8em Arial; }
			.footerawardsred { margin:0; padding:10px 0 0 0 ; color:#ec1d25; font:0.8em/0.8em Arial; }
			.footerdiver { margin:0; padding:0; color:#ec1d25; font:12px Arial; }
			
			
			
				.redtb2 {
					width:100%; color:#000;
				}
					.redtb2 td{
						padding:5px 5px;
						border-left:#ed1c24 1px solid;
						border-bottom:#ed1c24 1px solid;
					}
					
					.redtb2 td.righttb{border-right:#ed1c24 1px solid; padding:5px 60px;}
					.redtb2 td.lefttb{ padding:5px 60px;}
					
					.redtb2 label{ font-size:16px;font-weight:bold; letter-spacing:1px;}
					
					.tb-title{
						background-color:#ed1c24;
						color:#FFF;
						font-weight:bold;
					}
					
					.tb-title span{
						padding:35px;
					}
			
			
			
			
	thead {	
	background-color:#fce303;
	}
	.fc th {	
	color:#000;
	}
	#calendar {
		font-size: 11px;
		width: 139px;
		margin: 0 auto;
		text-align: center;
		font-family: Helvetica,Arial,Verdana,sans-serif;
		}

	.calendar_wrap {
	font-size: 18px;
	color:#FFFFFF;
	width: 139px;
	margin: 0 auto;
	background:#e71b22 url(../images/calendar_bg.jpg) repeat-x top left ;
	border:1px solid #F00;
	overflow:hidden;
		}
		
	#calendar_month {
		
	}
		
	#today {
	float:left;
	width:80px;
	font-size: 13px;
	padding-left:8px;
	/*background-color:#0033CC;	*/	
	}
	#caption{
	float:left;
	width:50px;
	font-size: 13px;
	padding-left:8px;
	padding-top:8px;
	font-weight: bold;
	}
		#calendarIMG{
	float:right;
	width:50px;
	height:53px;
	padding-right:6px;
	background-image:url(../images/calendar-bg.png);
	background-repeat:no-repeat;
	}
	.calendarIMG_txt {
	font-family:"Times New Roman", Times, serif;
	font-size:33px;
	font-weight:bold;
	padding-top:17px;
	padding-bottom:0px;
	color:#333; 
	*line-height:20px;
	}
	.calendarIMG_Monthtxt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	font-weight:bold;
	padding-top:8px;
	*padding-top:0px;
	_padding-top:0px;
	color:#fff; 
	}
	

	
	
#smile img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}
	
/*.demotip{
	font-size:11px;
	height:132px;
	width:110px;
	color:#000000;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:10px;
}


	#tip{ 
    font-size:12px; 
    height:70px; 
    width:250px; 
    color:#009966;
	border:none; 
	}*/

.tip_bg {
	/*background:url(../images/tips_bg.jpg) no-repeat;*/
	width:462px;
	height:165px;
}

#tip_text{ 
    height:68px;
	vertical-align:middle;
	margin-top:10px;
	width:406px;
	}
	
	.tip_date {
		color:#000;
		margin:0px;
		padding:0px;
		font-weight:bold;
		font-size:12px;
	}
	
	.carousel {
		font-weight:normal;
		font-size:12px;
		color: #000;
		margin:0px;
		padding:0px;
	}
	
	.carousel li {
		height:130px;
	}
	
.tips_text_header {
	font-size:21px;
	font-weight:bold;
}

.tips_text_header em {
	color:#f1111a;
	font-style:normal;
}
	
#copycode {
	background: #FFFFEA;
	border:1px solid #d6d6d6;
}

table.tooltip_table {
	padding:0px;

}

table.tooltip_table tr td.tip_content {
	background: transparent url(../images/tip_content_bg.png) repeat-y top left;
	width: 179px;
	padding: 0px 9px 0px 12px;
	
}

#meter_msg {
	background:transparent;
	_margin-top:-3px;
	*margin-top:-3px;

}

.redtoptable3 input{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
.redtoptable3 select{
      width:290px; 
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px; 
      color:#000;
      border:1px solid #9eafc9;
      background-color:#e5e9f3;
      float:left;
}