html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body {
    line-height: 1;
	color:#333333;
}
/* H E A D E R S  &  T E X T */
h1	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:22px;
	} h1.section	{font-size:28px; letter-spacing:-1px; margin:9px 0px 6px 0px; color:#499eb3;}
	  h1.alt     	{font-size:20px; letter-spacing:-1px; margin:0px 0px 6px 0px;}
	  h1.storyheadline	{line-height:110%;}
h2	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:9px;
	color:#24718c;
	 margin:0px 6px 6px 0px;
	} h2 .active	{text-decoration:none; margin:0px 6px 0px 0px;} 
	  
h3	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:12px;
	line-height:120%;
	} h3.date	        {font-size:9px; color:#575757;margin-top:3px;font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
	  h3.storydate	{font-size:11px; color:#575757; float:right;}
	  h3.blogs{ font-family:Arial, Helvetica, sans-serif; color:#666; font-weight:bold; font-size:14px; padding: 0px 3px 6px 3px;}
	  h3.weather {font-size:11px; color:#c8c1ad;}
	  h3.withblurb, h3.poll	{margin-bottom:3px;}
	  .whigh, .red	{color: #b30004;}
	  .brightred	{color: #ff0000;}
	  .wlow 	{color: #24718c;}
h4	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	line-height:140%;
	} h4.crumbs	{font-size:10px; color:#575757; text-transform:uppercase; margin:0px 0px 6px 0px; float:left;}
	  .crumbsactive	{font-weight:bold; color:#C00;}
	  h4.storytools	{display:none;}
	  h4.title	{font-weight:bold;}
	  h4.blogpost	{line-height:130%;}
	  h4.piccaption	{font-size:10px; padding-bottom:12px; line-height:120%; border-bottom:1px solid #c8c1ad; margin-top:3px;}
	  h4 p	{font-family:Georgia, "Times New Roman", Times, serif;	font-weight:normal;	font-size:12pt;	line-height:140%;	} 
	  h4.links	{margin-bottom:3px;}
h5, .time	{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color:#24718c;
	}	.byline	{font-family:Arial, Helvetica, sans-serif;	font-weight:normal;	font-size:11px;	color:#24718c;	margin-top:3px;	}
		h5.commentextras	{ text-align:right; border-bottom:1px solid #c8c1ad; padding:3px 3px 9px 3px; margin-bottom:6px; }
	
h6	{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:12px;
	color:#ffffff;
	}	
p	{	
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
	margin:10px 0px 0px 0px;
	}
.tools	{}
.tools h4, .tools .hr_thick	{ margin:6px 0px;}
/* G A P S */	
.p3	{ padding-top:3px;}
.p6	{ padding-top:6px;}
.p9	{ padding-top:9px;}
.p10	{ padding-top:10px;}
.p11	{ padding-top:11px;}
.p12	{ padding-top:12px;}
.p15	{ padding-top:15px;}
.pad12	{}
.pad12_2	{}
.pad18alt	{}
.pad12alt	{} /*less padding at the top and bottom*/
.pad12altalt	{} /*less padding at the top and bottom*/
/* L I N K S */	
a:link, a:visited	{ /*general links are #333333, and changes colour to blue#24718c on rollover*/
color:#333333;
text-decoration:none;
}
a:hover, a:active	{
text-decoration:none;
color:#24718c;
}
h2 a	{ margin:0px 6px 0px 0px;}
h2 a:link, h2 a:visited, h4 a:link, h4 a:visited, p a:link, p a:visited	{ /*special blue links are blue#24718c, and underlines on rollover*/
text-decoration:underline;
color:#24718c;
}
h3 a:link	{color:#333333;}
h3 a:visited	{color:#9b9a95;}
h3 a:hover	{color:#24718c}
h3 a:active {color:#24718c}

h2 a:hover, h2 a:active, h4 a:hover, h4 a:active, p a:hover, p a:active	{
text-decoration:none;
color:#24718c;
}

h4.crumbs a:link, h4.crumbs a:visited, h4.storytools a:link, h4.storytools a:visited	{ /*breadcrumb links are grey#575757, and underlines on rollover*/
color:#575757;
text-decoration:none;
}
h4.crumbs a:hover, h4.crumbs a:active, h4.storytools a:hover, h4.storytools a:active	{
text-decoration:underline;
color:#575757;
}

h6	a	{
border-right:1px solid #9b9a95;
padding:0px 12px 0px 0px;
margin:0px 11px 0px 0px;
}
h6 a:link, h6 a:visited	{ /*white links stay white, and changes colour to yellow#ffc205 on rollover*/
text-decoration:none;
color:#ffffff;
}
h6 a:hover, h6 a:active	{
text-decoration:none;
color:#ffc205;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
/* B O R D E R S  &  L I N E S  &  B O X E S */
hr	{
color:#a7d5d4;
height:1px;
}
.hr_thick	{
background-color:#4b4a42;
height:5px;
}
.hr_thin	{
background-color:#c8c1ad;
height:1px;
margin:0px 0px;
} .hr_followst	{
background-color:#c8c1ad;
height:1px;
margin:4px 0px;
}
.hr_red	{
background-color:#b30004;
height:1px;
}
.hr_brown	{
background-color:#96907f;
height:1px;
margin-bottom:6px;
}
.hr_blue	{
background-color:#c8c1ad;
height:1px;
margin:6px 0px;
}
.box	{
border:1px solid #c8c1ad;
} .sidestorybox	{
border:1px solid #c8c1ad; margin-bottom:12px;} 
/* I M A G E S */
.th70	{
float:left;
margin:3px 6px 3px 0px;
}
.th45	{ 
float:left;
margin:0px 6px 0px 0px;
width:45px;
height:45px;
padding:1px;
border:1px solid #c8c1ad;
}
.th120	{ 
float:left;
width:120px;
margin:0px 9px 0px 0px;
padding:1px;
border:1px solid #c8c1ad;
}
.th200	{ 
float:left;
width:200px;
margin:0px 9px 3px 0px;
padding:1px;
border:1px solid #c8c1ad;
}
.th330	{ 
float:left;
width:330px;
margin:0px 0px 3px 0px;
padding:1px;
border:1px solid #c8c1ad;
}
.th400	{ /*for lifestyle */
display:none;
float:left;
width:400px;
margin:0px 0px 3px 0px;
padding:1px;
border:1px solid #c8c1ad;
}
/* F R O N T  L A Y O U T */
  #leaderboard {
  background-image:url(/STI/STIMEDIA/common/leaderboardbg.gif);
    width: 952px;
	height:90px;
	margin:0px auto;
	margin-bottom:9px;
	padding:6px 6px;
  } 
  #tabs {
    width: 985px;
	height:30px;
	margin:0px auto;
	padding:0px;
	display:none;
  } * html #tabs	{margin:-4px auto; display:none;} /* for ie */
  #masthead {
    width: 100%;
	border-left:0px solid #c8c1ad;
	border-right:0px solid #c8c1ad;
	border-bottom:1px solid #000;
	margin:0;
  }  #masthead .straitstimes { width:396px; float:left;}
   	 #masthead .dateandtime { padding-top:30px;width:242px;float:left;}
 	 #masthead .weathericon { width:50px; padding-top:18px;float:left;}
  	 #masthead .weatherdetails { width:115px; padding-top:32px;float:left;}
     #masthead .rednano { width:134px;float:left;}
  	 #masthead .hsbcred { background-image:url(/STI/STIMEDIA/common/sme/hsbcred.gif); background-repeat:repeat-x; }
  	
  #ticker {
	display:none;
  }	
  #nav {
	  display:none;
  }	
  #services {
  	display:none;
  }	
  .input { font-family:Arial, Helvetica, sans-serif; /*for rednano*/
		 font-size:11px; 
		 color:#666666; 
		 width:90%;
}
  .main {
  	background-color:#ffffff;
    width: 100%;
	border:1px solid #fff;
	margin:0;
	padding:0px;
  } .footer	{display:none;}
   .copyright{
  	background-color:#ffffff;
    width: 940px;
	text-align:center;
	border-left:0px solid #c8c1ad;
	border-right:0px solid #c8c1ad;
	margin:0 auto;
	padding:9px;
  }
   .reg2 {
    float: left;
	width:100%;
  }
    .reg2box {
		display:none;
  }  .hsbcbox {
	  background-color:#eee;
	  border:1px solid #c7c7c7;
	  margin:12px;
  } .hsbcbox h5 {
	  border-bottom:1px solid #ff0000;
	  color:#ff0000;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size:11px;
	  padding:9px 12px;
  } .blogbox {
	  background-color:#eee;
	  border:1px solid #c7c7c7;
	  margin:0;
  } .blogbox h5 {
	  border-bottom:1px solid #ff0000;
	  color:#ff0000;
	  font-family:Arial, Helvetica, sans-serif;
	  font-weight:bold;
	  font-size:11px;
	  padding:9px 12px;
  } 
  .archivebox {
    width: 300px;
    height:120px;
    margin: 0px;
    float: left;
  } 
  .reg {
    background: #ffffff;
    width: 307px;
    height:240px;
    margin: 0px 12px 0px 0px;
    float: left;
  } .reglong {
    background: #ffffff;
    width: 307px;
    height:360px;
    margin: 0px 12px 0px 0px;
    float: left;
  }	
  .stomp	{ width:80px; padding:0px 10px 0px 0px; border-right:1px solid #c8c1ad; margin-right:9px; float:left;}
  .stomp2	{ width:80px; padding:0px; float:left;}
  .story {
    background: #ffffff;
    width: 450px;
    margin: 0px 12px 0px 0px;
    float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:14px;
	line-height:140%;
  }
   .sidestory {
    margin: 0px;
	font-family:Verdana, Geneva, sans-serif; 
	font-weight:normal;
	line-height:140%;
	font-size:14px;
	padding:0px 12px;
	background-color:#e9e6de;
	height:250px;
	overflow:auto;
  } .sidestory p	{font-family:Verdana, Geneva, sans-serif; font-size:11px;}
	.sidestorytitle	{font-family:Verdana, Geneva, sans-serif; margin:12px 0px 6px 0px;font-weight:bold;font-size:12px;line-height:120%;}
  .rightofstory {
    background: #ffffff;
    width: 300px;
    margin: 0px;
    float: left;
  }
  .leftofstory {
    background: #ffffff;
    width: 164px;
    margin: 0px 12px 0px 0px;
    float: left;
  }
   .regbox {
    background:#ffffff;
    width: 298px;
    height:240px;
    margin: 0px;
    float: left;
	border:1px solid #c8c1ad;
	overflow:auto;
  }
   .regboxhalf {
    background:#ffffff;
    width: 146px;
	height:320px;
    margin: 0px;
    float: left;
  }
  .imu {
    width: 300px;
    height: 250px;
    margin: 0px;
    float: left;
  }
  .clear0 			{ clear:both; }
  .clear3 			{ clear:both; height:3px;}
  .clear6			{ clear:both;  height:6px;  }
  .clear9			{ clear:both;  height:9px;  }
  .clear12			{ clear:both;  height:12px;  }
 .float-left 	{ float:left; }
 .float-right 	{ float:right; }

  a.seemore {
	display: block;
	width: 69px;
	height: 17px;
	text-decoration: none;
	float:right;
	background-image:url(../images/seemore.gif);
	}

  a.seemore:hover {
	background-position: 0 -17px;
	}

  .displace {
	position: absolute;
	left: -5000px;
	}

.googleads	{ /*display none for print.css*/
}
.noscreen, .url	{display:block;}
/* L I S T  &  Q U O T E S */
.story ul {
		list-style: none;
		list-style: disc url(images/bullet.gif) outside;
		margin: 0;
		padding: 0;
		border: none;
	padding-left: 1.2em;
	text-indent: 0em;
		}
		
.story li {
		margin: 0;
		}
.mostpopular ol {
		list-style: none;
		list-style: decimal url(images/bullet.gif) outside;
		margin: 0;
		padding: 0;
		border: none;
	padding-left: 2.5em;
	text-indent: 0em;
	line-height:145%;
		}
		
.mostpopular li {
		margin: 0;
		}
.story blockquote	{
	width:50%;
	font-size:18px;
	line-height:120%;
	float:right;
	padding:0px 12px;
	margin:9px 9px 3px 9px;
	border-top: 0px solid #c8c1ad;
	border-left: 1px solid #c8c1ad;
	border-bottom: 0px solid #c8c1ad;
	} .story blockquote .quotedby	{margin-top:9px; float:right; font-size:14px;text-transform:uppercase;}
.videoinstory	{
float:left;
margin:0px 9px 0px 0px}

/* S E C T I O N  L A Y O U T */
.stsection	{
width:766px;
float:left;
margin: 0px 12px 0px 0px;
} .stsectionmain	{width:454px;float:left;margin: 0px 12px 0px 0px;}
  .stsectionsub		{width:300px;float:left;}
  .rightofstsection	{width:160px;float:left; overflow:hidden;}

.breakingnewsbox	 {
    width: 225px;
    margin: 0px 12px 0px 0px;
    float: left;
  } .breakingnewsboxend	 {
    width: 225px;
    margin: 0px;
    float: left;
  } 


/* C A R O U S E L */
.stepcarousel2{
position: relative; /*leave this value alone*/
border: 0px solid #ccc;
overflow: scroll; /*leave this value alone*/
width: 298px; /*Width of Carousel Viewer itself*/
height: 132px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 298px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* C A R O U S E L  F O R  P I C T U R E S*/
.stepcarousel3{
position: relative; /*leave this value alone*/
border: 1px solid #c8c1ad;
overflow: scroll; /*leave this value alone*/
width: 305px; /*Width of Carousel Viewer itself*/
height: 76px; /*Height should enough to fit largest content's height*/
}

.stepcarousel3 .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel3 .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 298px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
} .stepcarousel3 .photos	{padding:9px 0px 9px 20px;}
  .stepcarousel3 .panel img {margin:0px 12px 0px 0px;}
  
/* F O R M   E L E M E N T S */
.blogsselect	{
margin:6px 0px 0px 0px;
width:100%;
}
/* C A L E N D A R */
.calendar	{color:#c8c1ad; font-weight:bold;}
#calendar1, #calendar2, #calendar3, #calendar4, #calendar5, #calendar6, #calendar7	{font-weight:bold; background-color:#c8c1ad; padding:1px 2px;}
.calendarh	{font-weight:bold;}

/* front page */
.fpleft	{ width:323px; float:left; border-right: 1px solid #fff;}
.fpright	{width:323px; float:left;}
.side_hsbcproducts	{background-image:url(../images/side_hsbcproducts.gif); width:300px; height:24px; text-indent:12px; padding:32px 0px 0px 0px;}
.side_smeresources	{background-image:url(../images/side_smeresources.gif); width:300px; height:24px; text-indent:12px; padding:32px 0px 0px 0px;}
.side_smelifestyle	{background-image:url(../images/side_smelifestyle.gif); width:300px; height:24px; text-indent:12px; padding:32px 0px 0px 0px;}
.expertdetails	{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
margin-top:3px;
}

/* Doing Business */
.dbleft	{ width:70%;}
.dbright	{ }
.dbheader	{font-size:40px; padding:9px 12px; letter-spacing:-2px;}
.dbtips	{font-family: Georgia, "Times New Roman", Times, serif;font-size:21px; letter-spacing:-1px; line-height:120%;}
.dbtips	.red	{font-size:30px; color:#F00;}

/* this week's conversation */
.thisweek_header, .quote_header	{ font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:14px; background-color:#F00; background-image:url(../images/corner_red.gif); background-repeat:no-repeat; padding: 6px 3px 6px 12px;}
.thisweek_topic	{font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:bold; font-size:18px; background-color:#717171; background-image:url(../images/corner_grey.gif); background-repeat:no-repeat; background-position:right bottom;padding: 6px 12px 6px 12px; line-height:140%; margin:0px 0px 15px 0px;}
.quote_topic	{font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; font-weight:bold; font-size:12px; background-color:#717171; background-image:url(../images/corner_grey.gif); background-repeat:no-repeat; background-position:right bottom;padding: 6px 6px 6px 12px; line-height:140%; margin:0px 0px 0px 0px;}	.quote_topic a:link, .quote_topic a:visited	{color:#FFF;}	.quote_topic a:hover, .quote_topic a:active	{color:#CCC;}
.quote_by	{ text-align:right;margin:0px 12px 0px 0px; font-weight:normal;}
.warningbox	{
border:1px solid #e2c822;
background-color:#fff9d7;
float:left;
width:274px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:140%;
	font-weight:normal;
	font-size:11px;
	padding:12px;
	margin:3px 0px 9px 0px;
}.formbox	{
float:left;
width:300px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:140%;
	font-weight:normal;
	font-size:11px;
}
  .input { font-family:Arial, Helvetica, sans-serif; /*for rednano*/
		 font-size:11px; 
		 color:#666666; 
		 width:90%;
}
.bsection {
    width: 634px;
    margin: 0px 0px 0px 0px;
    float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:14px;
	line-height:140%;
  } .bsection h1	{line-height:110%;}
    .bsection h1.section	{font-size:32px;}
	.brightofsection	{width:300px; float:right;}
	/* B L O G S   S E C T I O N */
.commentcount	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;font-size:9px;color:#24718c;
	background-image:url(../images/icons/reply.gif);
	background-repeat:no-repeat;
	background-position:right;
	float:right;
	text-align:right;
	width:140px;
	height:12px;
	padding:0px 24px 0px 0px;
}
.commentcount a	{ }
.commentcount a:link, .commentcount a:visited	{ /*special blue links are blue#24718c, and underlines on rollover*/
text-decoration:underline;
color:#24718c;
}
.commentcount a:hover, .commentcount a:active	{
text-decoration:none;
color:#24718c;
}

.comment	{
background-image:url(../images/quotes.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
background-repeat:no-repeat;
background-position:12px 9px;
padding:6px 0px 0px 40px;
line-height:140%;
}
.blogcomments	{ /* for form to post comment */
}
.blogcomments	{ color: #4b4a42;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;width:94%; background-color:#e9e6de; border:1px solid #c8c1ad; padding:6px;}
.headline	{ border-bottom:1px solid #fcab6c; padding:0px 0px 6px 0px; margin:0px 0px 6px 0px; } /* for archives */
.archivemonths	{ /*for dropdownlist of months*/
font-size:18px;font-family:Georgia, "Times New Roman", Times, serif; color:#575757;
}