﻿?@charset "utf-8";
/* CSS Document */
html { font-size: 100% !important; }
body { margin: 0; padding: 0; font: 0.75em/1.5em Arial, Helvetica, sans-serif; color: #333333; background-color: #FFFFFF; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 0.5em !important; margin-left: 1em; }
form { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea, button { font: 100% Arial, Helvetica, sans-serif; }
a, .ms-propertysheet a, .ms-WPBody a { color: #ED1C24; text-decoration: none; }
a:hover, .ms-propertysheet a:hover, .ms-WPBody a:hover { text-decoration: underline; }
a:visited { color: #ED1C24; }
a img, .ms-propertysheet a img, .ms-WPBody a img { border: none; }
h1, .ms-WPBody h1 { margin: 0.1em 0 0.5em 0; line-height: 1.2em; color: #ED1C24; font-size: 200%; font-weight: normal; }
h1 span, .ms-WPBody h1 span { color: #000000; }
h2, .ms-WPBody h2 { margin-top: 1.5em; color: #ED1C24; font-size: 130%; font-weight: normal; }
h2.opt1, .ms-WPBody h2.opt1 { color: #333333; }
h3, .ms-WPBody h3 { margin: 1.5em 0 1em 0; color: #ED1C24; font-size: 115%; font-weight: normal; }
ul { margin: 1em 0; padding: 0; list-style: none; }
ul li { padding: 0 0 0 1em; background: url("/sg/personal/common/img/bullet_dot_red.gif") 0 0.5em no-repeat; }/* reset style for all <li> that are NOT direct children of the <ul>; this is required cos IE doesnt recog > child descendents! */ ul li * li { background: none; } 
ul li ul li { /* default 2nd-level nested <ul> list */
background: url("/sg/personal/common/img/bullet_dot_red.gif") no-repeat 0 3px;
}/* reset style for all <li> that are NOT direct children of the 2nd-level <ul> */ ul li ul li * li { background: none; }
ul li ul li ul li { /* default 3rd-level nested <ul> list */
background: url("/sg/personal/common/img/bullet_dot_red.gif") no-repeat 0 3px;
}/* reset style for all <li> that are NOT direct children of the 3rd-level <ul> */ ul li ul li ul li * li { background: none; }
ul.list1 li, ol.list1 li, .list2 .list1 li { margin-bottom: 0; }
ul.list2 li, ol.list2 li, .list1 .list2 li { margin-bottom: 1em; }
ul li .header, ol li .header { color: #ED1C24; }
ol { margin: 1em 0; padding: 0; }
ol li { margin-left: 2.5em !important; margin-left: 3.0em; }
hr {
margin: 1.0em 0;
*margin: 0;
border: 0;
color: #CCCCCC;
background-color: #CCCCCC;
height: 1px;
width: 100%;
}
/*BOF FIXING MOS*/
#MSO_ContentTable, .ms-WPBody { font-size: 100% !important; }
td.ms-bodyareacell { width: 990px !important; }
td.ms-bodyareaframe { padding: 12px 13px 1px 8px !important; width: 960px !important; position: relative !important; }
td.ms-bodyareaframe table { padding: 0 !important; }
div.ms-pagemargin,
td.ms-leftareacell,
td.ms-rightareacell,
td.ms-pagebottommarginleft,
td.ms-pagebottommargin,
td.ms-bodyareapagemargin,
td.ms-pagebottommarginright
{ width: 0 !important; height: 0 !important; display: none !important; }
.ms-WPBody a:visited, .ms-WPBody a:link { color: #ED1C24; }
/* Start - Added by Pak Hon to fix webpart style */
.ms-WPBody td { font-size:1em; }
.ms-WPBody p { margin: 1em 0; padding: 0; }
/* End - Added by Pak Hon to fix webpart style */
/*EOF FIXING MOS*/
/* BOF HEADER */
#header { 
/*-- background:black url("/sg/personal/common/img/bnr_cny2010.jpg") no-repeat 210px 0px; --*/
background-color:black;
min-width: 1000px; }
#headerhome { background: #000000 url("/sg/personal/common/img/header-bg.jpg") 0 0 repeat-x; min-width: 1000px; }
#headerInner { width:990px; height: 61px; position: relative; }
#logo { padding: 14px 0 0 27px; }
#globalLinks { position: absolute; top: 10px; right: 30px; font-size: 85%; }
#globalLinks ul { margin: 0; float: right; list-style: none; }
#globalLinks ul li {
margin: 0 0 0 10px !important;
padding: 4px 12px 5px 0;
float: left;
background: url("/sg/personal/common/img/globalLinks-sep.gif") right top no-repeat;
line-height: 13px;
}
#globalLinks ul li a { color: #ccc; text-decoration: none; }
#globalLinks ul li a:hover { text-decoration: underline; }
#globalLinks ul li.lang { background: none; }
#globalLinks fieldset { margin: 0; padding: 0; float: right; }
#globalLinks input { float: left; border: 0; }
#globalLinks #searchFld {
padding: 4px 0 0 7px;
background: #e9e4e4 url("/sg/personal/common/img/search-bg.gif") left top no-repeat;
width:95px;
height:15px;
display:inline;
font-size: 95%;
}
#globalLinks #searchBtn {
padding: 0 6px 2px 0;
height:19px;
color: #ED1C24;
line-height:19px;
font-size: 95%;
font-weight:bold;
background: #e9e4e4 url("/sg/personal/common/img/go-button.gif") right top no-repeat;
}
#globalLinks #searchBtn:hover { cursor:pointer; }
#siteNav { font-size: 95%; position: absolute; bottom: 0; _bottom: -1px; right: 25px; z-index: 95; }
#siteNav ul { margin: 0; float: right; list-style: none; }
#siteNav ul li {
margin: 0 !important;
padding: 0;
float: left;
width: 115px;
text-align: center;
font-weight: bold;
line-height: 12px;
white-space: nowrap;
background: #ED1C24 url("/sg/personal/common/img/tab-bg.gif") left top repeat-x;
}
#siteNav ul li a, #siteNav ul li span { display: block; }
#siteNav ul li a { text-decoration: none; color: #4c4c4c; }
#siteNav ul li a:hover { color: #4c4c4c; }
#siteNav ul li span {
padding: 6px 0 5px 15px;
display: block;
background: url("/sg/personal/common/img/tab-overlap.gif") left top no-repeat;
}
#siteNav ul li.home { width:49px; }
#siteNav ul li a.current { background: url("/sg/personal/common/img/tab-selected-bg.gif") left top repeat-x; color: #FFFFFF; }
#siteNav ul li a.current:hover { color: #FFFFFF; }
#siteNav ul li a.current span {
padding: 6px 0 5px 12px;
background: url("/sg/personal/common/img/tab-selected-left.gif") left top no-repeat;
}
#siteNav ul li.after a span { background: url("/sg/personal/common/img/tab-selected-right.gif") left top no-repeat; }
#siteNav ul li.first { padding-right: 0; }
#siteNav ul li.first a span {  padding: 6px 0 5px 12px; background: url("/sg/personal/common/img/tab-first.gif") left top no-repeat;}
#siteNav ul li.first a span span { padding: 0; background: none; }
#siteNav ul li.first a.current { color: #ED1C24 background: url("/sg/personal/common/img/tab-selected-bg.gif") left top repeat-x; }
#siteNav ul li.first a.current span { background: url("/sg/personal/common/img/tab-selected-first.gif") left top no-repeat; }
#siteNav ul li.last { width:123px; }
#siteNav ul li.last span { padding: 0 0 0 15px; }
#siteNav ul li.last span span { padding: 6px 10px 5px 0; background: url("/sg/personal/common/img/tab-last.gif") right top no-repeat; }
#siteNav ul li.last a.current span { padding: 0; background: url("/sg/personal/common/img/tab-selected-left.gif") left top no-repeat; }
#siteNav ul li.last a.current span span { padding: 6px 0 5px 0; background: url("/sg/personal/common/img/tab-selected-last.gif") right top no-repeat; }
#subNav {
padding: 0 5px;
*height: 1%;
background: #CD0101 url("/sg/personal/common/img/subnav-bg.gif") 0 0 repeat-x;
min-width: 985px;
}
#subNav table { border-spacing: 0; padding: 0; height: 27px; }
#subNav ul { margin: 0; padding-top: 4px; list-style: none; font-size: 95%; _width:980px; }
#subNav ul li { margin: 0 !important; padding: 0; background: none; display: block; float: left; font-weight: bold; }
#subNav ul li a { padding-left: 12px; color: #FFFFFF; display: block; text-decoration: none; }
#subNav ul li a span { padding-right: 12px; display: block; line-height:23px; }
#subNav ul li a:hover { color: #000000; }
#subNav ul li.current { background: url("/sg/personal/common/img/subnav-overlap.gif") left 0 repeat-x; }
#subNav ul li.current a { color: #000000; background: url("/sg/personal/common/img/subnav-lt.gif") left 0 no-repeat; }
#subNav ul li.current a:hover { color: #ED1C24; }
#subNav ul li.current a span { background: url("/sg/personal/common/img/subnav-rt.gif") right 0 no-repeat; }
/* EOF HEADER */
/* BOF Container */
#container { padding: 24px 15px 15px 15px; width: 960px; position: relative; }
#container #options {
margin-top: -25px;
padding: 5px 44px 0 0;
_padding-top: 8px;
position: absolute;
top: 0;
right: 220px;
color: #666666;
font-size: 95%;
text-align:right;
line-height:20px;
}
#container #options a { color: #666666; text-decoration: none; }
#container #options a:hover { color: #ED1C24; }
#container #options a img { vertical-align: text-top; }
#sidebar { /*float: left;*/ width: 210px; }
#sidebar #ibanking {
margin-bottom: 15px;
padding: 0 0 10px 0;
font-size: 95%;
background: url("/sg/personal/common/img/sidebar-container-bot.gif") 0 100% no-repeat;
}
#sidebar #ibanking #ibankingHeader {
padding: 5px 10px;
color: #FFFFFF;
font-weight: bold;
background: url("/sg/personal/common/img/ibanking-top.gif") 0 0 no-repeat;
}
#sidebar #ibanking #ibankingHeader img { vertical-align: middle; }
#sidebar #ibanking #ibankingContent { padding: 10px 10px 0 10px; }
#sidebar #ibanking #ibankingContent p { margin: 0; text-align: center;/* text-transform: uppercase; */font-weight: bold; }
#sidebar #ibanking #ibankingContent p a { color: #000000; }
#sidebar #ibanking #ibankingContent .loginBtn { margin-bottom: 8px; }
#sidebar #ibanking #ibankingContent .loginBtn2 { margin: -8px 0 -7px 0; }
#sidebar #ibanking #ibankingContent ul {
margin: 0 !important;
padding: 5px 0 5px 3px;
list-style: none;
font-size: 95%;
}
#sidebar #ibanking #ibankingContent ul li {
margin: 0 !important;
padding: 0 10px 2px 10px;
line-height: 14px;
background: url("/sg/personal/common/img/arrow-grey.gif") left 0.1em no-repeat;
}
#sidebar #ibanking #ibankingContent ul li a { text-decoration: none; color: #333; }
#sidebar #ibanking #ibankingContent ul li a:hover {
text-decoration: underline;
}
#sidebar #news {
margin-bottom: 15px;
padding: 0 0 10px 0;
font-size: 100%;
position: relative;
background: url("/sg/personal/common/img/news-bot.gif") 0 100% no-repeat;
}
#sidebar #news #newsHeader {
padding: 6px 10px 5px 10px;
font-weight: bold;
text-transform: uppercase;
color: #ED1C24;
background: url("/sg/personal/common/img/news-top.gif") 0 0 no-repeat;
*background-position: 0 2px;
}
#sidebar #news #newsContent {
margin: 0 10px;
padding: 6px 0;
border-top: 1px solid #999999;
font-size: 95%;
color: #333;
}
#sidebar #news #newsContent a { color:#333; display: block; height: 4.5em; *height: 5em; *display: none; }
#sidebar #news #newsContent a:hover { text-decoration:underline; }
#sidebar #news #newsNav { margin: -20px 10px 0 0; text-align:right; }
#sidebar #links {
margin-bottom: 15px;
padding: 0 0 2px 0;
font-size: 100%;
position: relative;
background: url("/sg/personal/common/img/sidebar-container-bot.gif") 0 100% no-repeat;
}
#sidebar #links #linksHeader {
padding: 6px 10px 5px 10px;
font-weight: bold;
text-transform: uppercase;
color: #333333;
background: url("/sg/personal/common/img/sidebar-container-top.gif") 0 0 no-repeat;
*background-position: 0 2px;
}
#sidebar #links #linksContent { margin: 0 10px; padding: 0; font-size: 95%; }
#sidebar #links #linksContent ul { padding: 0; list-style: none; }
#sidebar #links #linksContent ul li {
padding: 5px 10px 5px 10px;
border-top: 1px solid #999999;
line-height:14px;
background: url("/sg/personal/common/img/arrow-grey.gif") left 0.5em no-repeat;
}
#sidebar #links #linksContent ul li a { text-decoration: none; color: #333; }
#sidebar #links #linksContent ul li a:hover { text-decoration: underline; }
#sidebar #sidebarProds {
margin-bottom: 15px;
padding: 0 0 10px 0;
position: relative;
background: url("/sg/personal/common/img/sidebarprods-bot.gif") 0 100% no-repeat;
}
#sidebar #sidebarProds #sidebarProdsHeader {
padding: 6px 10px 5px 10px;
font-weight: bold;
color: #ED1C24;
background: url("/sg/personal/common/img/sidebarprods-top.gif") 0 0 no-repeat;
*background-position: 0 2px;
font-size: 95%;
}
#sidebar #sidebarProds #sidebarProdsHeader.sidebarProdsHeader { background-position: 0 0; }
#sidebar #sidebarProds #sidebarProdsHeader a { color: #ED1C24; text-decoration: none; }
#sidebar #sidebarProds #sidebarProdsContent { margin: 0 10px; padding: 0; font-size: 95%; }
#sidebar #sidebarProds #sidebarProdsContent .catHeader {
padding: 0 0 5px 24px;
font-weight: bold;
color: #ED1C24;
line-height: 17px;
}
#sidebar #sidebarProds #sidebarProdsContent .con { background: url("/sg/personal/common/img/sidebarprods-exp.gif") 0 0 no-repeat; }
#sidebar #sidebarProds #sidebarProdsContent .exp { background: url("/sg/personal/common/img/sidebarprods-con.gif") 0 0 no-repeat; }
#sidebar #sidebarProds #sidebarProdsContent ul { margin: 0; padding: 0; list-style: none; }
#sidebar #sidebarProds #sidebarProdsContent ul.contentList { margin-left: 25px !important; }
#sidebar #sidebarProds #sidebarProdsContent ul li {
margin: 0 !important;
padding: 4px 10px 4px 10px;
line-height:14px;
background: url("/sg/personal/common/img/arrow-grey.gif") left 0.4em no-repeat;
}
#sidebar #sidebarProds #sidebarProdsContent ul li a { text-decoration: none; color: #333; }
#sidebar #sidebarProds #sidebarProdsContent ul li a:hover { text-decoration: underline; }
#content { margin-left: -10px; /*float: right;*/ width: 736px; }
#content2 { margin: 0 6px; /*float: left;*/ width: 548px; }
#content3 { padding-left: 4px; width:736px } /* added by bengloon for dbs 2col spacing */


#sidebarRight { /*float: right;*/ width: 172px; }
#content #tv { margin-bottom: 15px; }
#content #tv #tvScreen { margin-top: -25px; }
/* BOF ABOUT DBS PAGE */
#content #tv .about {
margin-top: -24px;
height: 253px;
width: 736px;
position: relative;
background: url("/sg/personal/about/PublishingImages/bnr-about-bg.png") 0 bottom no-repeat !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/personal/about/PublishingImages/bnr-about-bg.png', sizingMethod='crop');
}
#content #tv .aboutInner {
margin-top: -35px;
width: 313px;
height: 288px;
position: absolute;
top: 0;
background: url("/sg/personal/about/PublishingImages/bnr-about.png") left top no-repeat !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/personal/about/PublishingImages/bnr-about.png', sizingMethod='crop');
}
#content #about { margin-top: -15px; }
#content #about #aboutHeader {
padding: 7px 15px;
color: #FFFFFF;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
background: #ED1C24 url("/sg/personal/about/PublishingImages/about-header.gif") left top no-repeat !important;
}
#content #about #aboutContent {
padding: 15px;
color: #666666;
height: 225px;
background: url("/sg/personal/about/PublishingImages/about-content.gif") 0 100% no-repeat !important;
}
/* EOF ABOUT DBS PAGE */
#content #helper {
margin-bottom: 15px;
padding: 0 0 12px 0;
*height: 1%;
background: url("/sg/personal/common/img/helper-bot.jpg") 0 100% no-repeat;
}
#content #helper #helperInner {
padding: 17px 30px 0 30px;
background: url("/sg/personal/common/img/helper-top.jpg") 0 0 no-repeat;
}
#content #helper #helperInner h2 {
margin: 0;
padding: 2px 15px 0 0;
float:left;
color: #ED1C24;
font-size: 125%;
font-weight: normal;
}
#content #helper #helperInner select {
margin:0 3px;
padding: 0;
*padding: 2px 15px 0 4px;
float:left;
border:1px solid #999;
width:174px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
color: #333;
}
#content #helper #helperInner input.button {
margin: -4px 0 0!important;
padding: 0 0 2px 0;
float:left;
border:0;
width:74px;
height:28px;
line-height:27px;
font-weight:bold;
font-size: 95%;
color: #000000;
background: url("/sg/personal/common/img/show-me-button.gif") left top no-repeat;
}
#content #helper #helperInner input.button { cursor:pointer; }
#content #bnr360x90 { margin-bottom: 35px; *height: 1%; }
#content #bnr360x90 #bnr1 { float: left; }
#content #bnr360x90 #bnr2 { float: right; }
#content #products { border-left: 1px solid #CCCCCC; *height: 1%; font-size: 95%; }
#content #products .product {
padding: 2px 6px;
float: left;
width: 134px;
text-decoration: none;
border-right: 1px solid #CCCCCC;
}
#content #products .product h3 { margin: 0; font-weight: bold; color: #ED1C24; font-size: 110%; text-transform: uppercase; }
#content #products .product p { margin: 0; }
#content #products .product p img { padding-top: 10px; }
#content #products .product p a { font-weight:bold; text-transform: uppercase; text-decoration: none; font-size:90%; color: #333; }
#content #products .product p a:hover { text-decoration: underline; }
#content #products .product .desc {
padding: 11px 0 0 0;
color: #666666;
height: 68px;
}
#content2 #productShowcase { margin-bottom: 15px; width: 548px; height: 186px; }
#content2 #helper {
margin-bottom: 20px;
padding: 0 0 12px 0;
*height: 1%;
background: url("/sg/personal/common/img/helper2-bot.gif") 0 100% no-repeat;
}
#content2 #helper #helperInner {
padding: 10px 30px 0 30px;
background: url("/sg/personal/common/img/helper2-top.gif") 0 0 no-repeat;
}
#content2 #helper #helperInner h2 {
margin: 0;
padding: 0 0 10px 0;
color: #ED1C24;
font-size: 125%;
font-weight: normal;
}
#content2 #helper #helperInner select {
margin-right: 6px;
padding: 0;
*padding: 2px 15px 0 4px;
float:left;
border:1px solid #999;
width:174px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
color: #333;
}
#content2 #helper #helperInner input.button {
margin:-4px 0 0!important;
padding: 0 0 2px 0;
float:left;
border:0;
width:74px;
height:28px;
line-height:27px;
font-weight:bold;
font-size: 95%;
color: #000000;
background: url("/sg/personal/common/img/show-me-button.gif") left top no-repeat;
cursor: pointer;
}
#content2 #products { margin-bottom: 15px; *height: 1%; font-size: 95%; }
#content2 #products .first { border-left: 1px solid #CCCCCC; }
#content2 #products .product {
padding: 2px 10px;
float: left;
width: 252px;
text-decoration: none;
border-right: 1px solid #CCCCCC;
}
#content2 #products .product h3 { margin: 0;  font-weight: bold; color: #ED1C24; font-size: 110%; }
#content2 #products .product p { margin: 0; }
#content2 #products .product p .thumb { padding-left: 10px; float: right; }
#content2 #products .product p a { font-weight:bold; text-decoration: none; font-size:90%; color: #333; }
#content2 #products .product p a:hover { text-decoration: underline; }
#content2 #products .product .desc { padding: 11px 0 0 0; color: #666666; height: 50px; }
#content2 #products .product .desc.FourLines { height: 6.5em; }
#content2 #products .product .desc.FiveLines { height: 8em; }
#content2 .productBnr { position: relative; }
#content2 .productBnr .overlay {
position: absolute;
top: 0;
left: 0;
width: 548px;
height: 105px;
background: transparent url("/sg/personal/common/img/bnr_overlay.png") center bottom no-repeat !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/personal/common/img/bnr_overlay.png', sizingMethod='crop');
}

#content2 .productTabs {
padding: 7px 7px 7px 0;
font-size: 95%;
*height: 1%;
position: relative;
border-top: 1px solid #CCCCCC;
background: url("/sg/personal/common/img/producttabs-bg.gif") left 100% no-repeat;
}
#content2 .productTabs div { line-height: 28px; float: left; } /* single line */
#content2 .productTabs div.multi { line-height: inherit; } /* multi line */
#content2 .productTabs div a { margin: 0; padding: 0 10px; color: #333333 !important; }
#content2 .productTabs div a.selected { color: #ED1C24 !important; font-weight: bold; }
#content2 .productTabs div.apply, #content2 .productTabs div.apply_multi {
width: 164px;
float: right;
background: url("/sg/personal/common/img/producttabs_apply.gif") left 50% no-repeat;
}
#content2 .productTabs div.apply_multi {
line-height: 28px;
position: absolute;
bottom: 10px;
right: 7px;
}
#content2 .productTabs div.apply a, #content2 .productTabs div.apply_multi a {
margin: 0;
padding: 0 0 0 30px;
color: #333333;
font-weight: bold;
text-transform: uppercase;
}
#content2 .productTabs div.apply a:hover, #content2 .productTabs div.apply_multi a:hover {
text-decoration: none !important;
}


/* Added by Benson on 10th May for new 2 column style */
#content3 .productBnr { position: relative; }
#content3 .productBnr .overlay {
position: absolute;
top: 0;
left: 0;
width: 736px;
height: 120px;
background: transparent url("/sg/personal/common/img/content3_bnr_overlay.png") center bottom no-repeat !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/personal/common/img/bnr_overlay.png', sizingMethod='crop');
}

#content3 .productTabs {
padding: 7px 7px 7px 0;
font-size: 95%;
*height: 1%;
position: relative;
border-top: 1px solid #CCCCCC;
background: url("/sg/personal/common/img/content3-producttabs-bg.gif") left 100% no-repeat;
}
#content3 .productTabs div { line-height: 28px; float: left; } /* single line */
#content3 .productTabs div.multi { line-height: inherit; } /* multi line */
#content3 .productTabs div a { margin: 0; padding: 0 10px; color: #333333 !important; }
#content3 .productTabs div a.selected { color: #ED1C24 !important; font-weight: bold; }
#content3 .productTabs div.apply, #content3 .productTabs div.apply_multi {
width: 364px;
float: right;
background: url("/sg/personal/common/img/producttabs_apply.gif") left 50% no-repeat;
}
#content3 .productTabs div.apply_multi {
line-height: 28px;
position: absolute;
bottom: 10px;
right: 7px;
}
#content3 .productTabs div.apply a, #content3 .productTabs div.apply_multi a {
margin: 0;
padding: 0 0 0 30px;
color: #333333;
font-weight: bold;
text-transform: uppercase;
}
#content3 .productTabs div.apply a:hover, #content3 .productTabs div.apply_multi a:hover {
text-decoration: none !important;
}

/* end of content3 producttabs*/



/* BOF 20100330 TOGGLER */
#content2 .togglerHeader {
margin: 0;
padding: 3px 0;
color: #ED1C24;
font-weight: bold;
line-height: 1.5em;
}
#content2 .togglerHeader .togglerIcon {
margin-top: 3px;
padding-right: 8px;
width: 11px;
height: 11px;
float: left;
display: block;
}
#content2 .togglerHeader .togglerIcon.exp {
background: url("/sg/personal/common/img/toggler_minus.gif") 0 0 no-repeat;
}
#content2 .togglerHeader .togglerIcon.con {
background: url("/sg/personal/common/img/toggler_plus.gif") 0 0 no-repeat;
}
#content2 .togglerHeader span {
margin-left: 19px;
width: 507px;
display: block;
color:#333333; 
font-weight:normal;
cursor:pointer;
}
#content2 .togglerContent {
margin: 0;
padding: 10px 10px 10px 20px;
}
/* EOF 20100330 TOGGLER */

#sidebarRight { font-size: 95%; }
#sidebarRight .container {
margin-bottom: 15px;
padding: 0 0 2px 0;
position: relative;
background: url("/sg/personal/common/img/sidebarright-container-bot.gif") 0 100% no-repeat;
}
#sidebarRight .container .containerHeader {
padding: 6px 10px 5px 10px;
font-size: 105%;
font-weight: bold;
text-transform: uppercase;
color: #FFF;
background: url("/sg/personal/common/img/sidebarright-container-top.gif") 0 0 no-repeat;
*background-position: 0 2px;
}
#sidebarRight .container .containerContent { margin: 0 10px; padding: 0; }
#sidebarRight .container .containerContent ul { margin: 0; list-style: none; }
#sidebarRight .container .containerContent ul li {
margin: 0 !important;
padding: 5px 10px;
border-top: 1px solid #999999;
line-height:14px;
background: url("/sg/personal/common/img/arrow-grey.gif") left 0.6em no-repeat;
}
#sidebarRight .container .containerContent ul li.first { border-top: none; }
#sidebarRight .container .containerContent ul li a { text-decoration: none; color: #333; }
#sidebarRight .container .containerContent ul li a:hover { text-decoration: underline; }
#sidebarRight .container .containerContent ul li ul { margin: 0; padding: 0; list-style: none; }
#sidebarRight .container .containerContent ul li ul li { padding: 0 0 0 1em; background: url("/sg/personal/common/img/bullet_dot_grey.gif") 0 0.5em no-repeat; border-top: none; }
/* BOF Share This */
#sidebarRight .container .containerContent ul#shareContainer { margin: 0.5em 0 0 0; padding: 0; list-style: none; *width: 140px; }
#sidebarRight .container .containerContent ul#shareContainer li {
margin: 0;
padding: 0 0.5em 0 0;
background: none;
border: none;
display: inline;
}
/* EOF Share This */
#sidebarRight .container2 {
margin-bottom: 15px;
padding: 0 0 2px 0;
position: relative;
background: url("/sg/personal/common/img/sidebarright-container-bot.gif") 0 100% no-repeat;
}
#sidebarRight .container2 #container2Header {
padding: 6px 10px 5px 10px;
font-size: 105%;
font-weight: bold;
text-transform: uppercase;
color: #333333;
background: url("/sg/personal/common/img/sidebarright-links-top.gif") 0 0 no-repeat;
*background-position: 0 2px;
}
#sidebarRight .container2 #container2Content { margin: 0 10px; padding: 0; }
#sidebarRight .container2 #container2Content ul { margin: 0; padding: 0; list-style: none; }
#sidebarRight .container2 #container2Content ul li {
margin: 0 !important;
padding: 5px 10px;
border-top: 1px solid #999999;
line-height: 14px;
background: url("/sg/personal/common/img/arrow-grey.gif") left 0.6em no-repeat;
}
#sidebarRight .container2 #container2Content ul li a { text-decoration: none; color: #333; }
#sidebarRight .container2 #container2Content ul li a:hover { text-decoration: underline; }
#sidebarRight .container .containerContent select {
margin-top: 5px;
margin-right: 6px;
padding: 0;
*padding: 2px 15px 0 4px;
border:1px solid #999;
width:154px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size: 95%;
color: #333;
}
#sidebarRight .container .containerContent input.button {
margin: 5px 0 5px -3px !important;
padding: 0 0 2px 0;
border:0;
width:74px;
height:28px;
line-height:27px;
font-weight:bold;
font-size: 95%;
color: #000000;
background: url("/sg/personal/common/img/show-me-button.gif") left top no-repeat;
cursor: pointer;
}
table.tableData { margin: 1em 0; }
table.tableData td { font-size: 95% }
.tableData .header { font-weight: bold; color: #FFFFFF; }
.footnote, small { font-size: 90%; }
div.footnote { padding: 1px 10px; background-color: #F7F7F7; font-size: 95%; }
table.promo { }
table.promo .promoHeader {
padding: 4px 10px;
width: 246px;
color: #ED1C24;
font-weight: bold;
background: #FBEBE4 url("/sg/personal/common/img/promo_header_bkgrnd.gif") left top no-repeat;
}
table.promo .promoContent {
padding: 10px;
width: 246px;
font-size: 0.95em;
vertical-align: top;
background: #F7F6F6 url("/sg/personal/common/img/promo_content_bkgrnd.gif") left bottom no-repeat;
}
table.promo .promoContent .text { margin-left: 90px }
table.promo .promoThumb { padding: 0 10px 0 0; }
table.promo .spacer { width: 15px; height: 15px; }
table.promotions { font-size: 95%; }
table.promotions tr td { text-align: left; vertical-align: top; }
table.promotions .promoThumb { padding: 3px; width: 46px; }
table.promotions .promoThumb img { padding-bottom: 10px; }
table.promotions .promoContent { padding: 3px; line-height: 1.2em; width: 125px; }
/* EOF Container */
/* BOF Footer */
#footer { padding: 15px; font-size: 85%; color: #797979; border-top: 1px solid #D4D4D4; }
#footer a { color: #ED1C24; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer img {position:absolute; left:770px; padding:0}
/* EOF Footer */
/* General Formatting */
.cellPadWhite { background-color: #FFFFFF; }
.cell0101, .cellPad0101 { background-color: #FAE5E5; }
.cell0102, .cellPad0102 { background-color: #F7D9D9; }
.cell0103, .cellPad0103 { background-color: #F0B2B2; }
.cell0104, .cellPad0104 { background-color: #E06666; color: #FFFFFF; }
.cell0105, .cellPad0105 { background-color: #ED1C24; color: #FFFFFF; }
.cell0201, .cellPad0201 { background-color: #F2F2F2; }
.cell0202, .cellPad0202 { background-color: #CCCCCC; }
.cell0203, .cellPad0203 { background-color: #B2B2B2; }
.cell0204, .cellPad0204 { background-color: #999999; color: #FFFFFF; }
.cell0205, .cellPad0205 { background-color: #000000; color: #FFFFFF; }
.cellPad0101, .cellPad0102, .cellPad0103, .cellPad0104, .cellPad0105, .cellPad0201, .cellPad0202, .cellPad0203, .cellPad0204, .cellPad0205, .cellPadWhite { padding: 4px 8px; }
.promoContainer { padding: 10px 0; border-bottom: 1px solid #CCCCCC; }
/*BOF FORMS */
#containerNeutral #neutralContent table.MFForm { margin-left: -12px; }
/******* Complete Page *******/
.MFterms { background-color:#FFFFFF; font-size:9px; color:#333333; letter-spacing:normal; word-spacing:normal; }
/* declaration, t&c */
/******* Main Content Text *******/
.MFLinkSmall { font-size:10px; font-weight:normal; text-decoration:none; }
.MFContentHeader { font-size:18px; color:#333333; font-weight:bold; }
/* main form title, eg. 'Application for DBS MasterCard/Visa Credit Card' */
.MFProductHeader { font-size:18px; color:#CC0000; text-align:right; vertical-align:middle; }
/* form product type, eg. 'Credit Cards' */
.MFHeaderBold { font-weight:bold; font-size:14px; color:#333333; height:22px; }
/* secondary titles, eg. confirm, complete, intro header */
.MFSubHeaderBold { font-weight:bold; font-size:12px; color:#CC0000; height:20px; } /* section headers (orange) */
.MFCheckBox { vertical-align:top; text-align:center; }
.MFBodyTextBold { word-spacing:normal; font-size:11px; font-weight:bold; color:#333333; letter-spacing:normal; }
/* body text bolded */
/******* Misc Content Text *******/
.MFBodyTextRed { font-weight:bold; font-size:11px; color:#ff0000; } /* asterixs, important text */
.MFSmallText { font-size:10px; color:#999999; vertical-align:middle; } /* grey small print */
.MFSmallTextPadLeft { font-size:10px; color:#999999; vertical-align:middle; padding-left:3px; } /* grey small print */
.MFBodyTextLarger { font-size:12px; color:#333333; letter-spacing:normal; word-spacing:normal; font-weight:bold; }
/* form intro information header text */
.MFBodyTextWhiteBgrd { background-color:#FFFFFF; font-size:11px; color:#333333; letter-spacing:normal; word-spacing:normal; }
/* declaration, t&c */
.MFBodyTextStrikethrough { font-size:11px; color:#333333; text-decoration:line-through; } /* cancelled prices */
.bankUseBodyText { font-size:11px; color:#333333; word-spacing:normal; letter-spacing:normal; background-color:#FFFFFF; text-align:center; } /* not used!! */
.MFContentLeftSpace { width:15px; } /* not used!! */
/******* Table Styles *******/
.MFTableBullets { padding:3px 5px 0px 20px; vertical-align:top; } /* not used!! */
.MFTableLines { background-color:#E0E0E0; } /* form page border color */
.MFTableBackground { background-color:#ffffff; } /* box content background color */
.MFTableHeader { font-size:11px; color:#000000; font-weight:bold; background-color:#ffffff; vertical-align:top; }
/* form content questions */
.MFTableHeaderCenter { font-size:11px; color:#333333; font-weight:bold; background-color:#ffffff; vertical-align:top; text-align:center; } /* body text bolded & centered */
.MFTableHeaderGreyLeft { font-size:11px; color:#333333; font-weight:bold; background-color:#F0F0F0; padding:5px; text-align:left; }
/* body text bolded on grey bgrd */
.MFTableHeaderGreyCenter { font-size:11px; color:#333333; font-weight:bold; background-color:#F0F0F0; padding:5px; text-align:center; } /* body text bolded on grey bgrd */
.MFTableContentRowEven { font-size:11px; color:#333333; background-color:#F0F0F0; }
.MFTableContentRowOdd { font-size:11px; color:#333333; background-color:#F7F7F7; }
.MFTableBtmBtns { /*background-image:url(/img/sg/personal/forms/mc_bgrd_transp.gif);*/ padding:10px 15px 5px 15px; text-align:center; }
/* bottom buttons for action */
.MFTableEditBtns { text-align:right; background-color:#ffffff; vertical-align:top; }
.MFTableContentPadding { padding:2px; border-spacing:0px; } /* not used!! */
/******* Main Form Padding *******/
.MFHeaderBorder { /*background-image:url(/sg/personal/img/form/mc_bgrd_transp.gif); background-position:left;*/ padding:5px 15px 5px 15px; } /* form main title padding */
.MFMainBorder { /*background-image:url(/sg/personal/img/form/mc_bgrd_transp.gif); background-position:left;*/ padding:10px 15px 10px 15px; } /* form main border padding */
.completeColumn { padding:0px 5px 0px 5px; }
.MFStepsBorder { /*background-image:url(/sg/personal/img/form/mc_bgrd_transp.gif); background-position:left;*/ padding:2px 15px 2px 15px; } /* form steps padding */
.MFMainLineSeparator { background-color:#C2C2C2; height:1px; } /* grey divider lines */
.rowHeightSm { height:5; } /* small row height spacing */
.rowHeightMd { height:10; } /* medium row height spacing */
.sectionCBalignment { text-align:center; vertical-align:top; }
.companyRegTable { text-align:right; }
.MFBorderBox { border:1px solid #CCCCCC; padding:5px; }
/******* Misc Styles *******/
.imgFeeWaiver { padding:0px 10px 0px 10px; vertical-align:top; text-align:center; } /*Hideable Table Styles*/
.tblHidden { display:; } /*means a universally accepted version of display:block */
/*EOF FORMS */
/* BOF Neutral Content */
#containerNeutral { min-width: 450px; max-width: 700px !important; _width: 700px !important; margin: 4px; font-size: 0.95em; }
#containerNeutral a { color: #666666; text-decoration: underline; }
#containerNeutral a:hover { color: #999999; }
#containerNeutral.dbs a { color: #ED1C24 !important; text-decoration: none; }
#containerNeutral.dbs a:hover { text-decoration: underline; }
#containerNeutral.posb a { color: #101D8F !important; text-decoration: none; }
#containerNeutral.posb a:hover { text-decoration: underline; }
#containerNeutral.treasures a { color: #997245 !important; text-decoration: none; }
#containerNeutral.treasures a:hover { text-decoration: underline; }
#containerNeutral #neutralTop {
background: url(/sg/personal/common/img/neutralTop.gif) 0 0 no-repeat;
height: 8px;
}
#containerNeutral #neutralHeader {
padding: 14px;
background: url(/sg/personal/common/img/neutralHeader.gif) 0 0 repeat-y;
min-height: 14px;
height: auto !important;
height: 14px;
color: #FFFFFF;
font-size: 1.45em;
font-weight: bold;
}
#containerNeutral.dbs #neutralHeader {
padding: 15px 20px 15px 200px;
min-height: 20px;
height: auto !important;
height: 20px;
background: #000000 url(/sg/personal/common/img/neutral_header_dbs.gif) 0 0 no-repeat;
text-align: right;
}
#containerNeutral.posb #neutralHeader {
padding: 15px 20px 15px 200px;
min-height: 20px;
height: auto !important;
height: 20px;
background: #003366 url(/sg/personal/common/img/neutral_header_posb.gif) 0 0 no-repeat;
text-align: right;
}
#containerNeutral.treasures #neutralHeader {
padding: 15px 20px 15px 200px;
min-height: 20px;
height: auto !important;
height: 20px;
background: #997245 url(/sg/personal/common/img/neutral_header_treasures.gif) 0 0 no-repeat;
text-align: right;
}
#containerNeutral #neutralContent {
padding: 14px;
background: url(/sg/personal/common/img/neutralContent.gif) 0 0 repeat-y;
min-height: 250px;
height: auto !important;
height: 250px;
}
#containerNeutral #neutralContent h1 { color: #666666; font-size: 1.45em; font-weight: bold; }
#containerNeutral #neutralContent h2 { color: #666666; font-size: 1.25em; font-weight: bold; }
#containerNeutral #neutralContent h3 { color: #666666; font-size: 1.10em; font-weight: bold; }
#containerNeutral #neutralContent h4 { color: #666666; font-size: 1.00em; font-weight: bold; }
#containerNeutral.dbs h2, #containerNeutral.dbs h3, #containerNeutral.dbs h4 { color: #ED1C24 !important; }
#containerNeutral.posb h2, #containerNeutral.posb h3, #containerNeutral.posb h4 { color: #003366 !important; }
#containerNeutral.treasures h2, #containerNeutral.treasures h3, #containerNeutral.treasures h4 { color: #997245 !important; }
#containerNeutral #neutralBottom {
padding-top: 8px;
background: url(/sg/personal/common/img/neutralBottom.gif) 0 0 no-repeat;
height: 15px;
color: #666666;
padding-bottom: 8px;
}
#containerNeutral #neutralBottom p {
margin: 0;
line-height: 36px;
}
#containerNeutral #neutralBottom p a {
color: #666666;
}
#containerNeutral #neutralBottom p a:hover {
text-decoration: underline;
}
#containerNeutral #neutralBottom p #neutralClose {
padding-top: 12px;
float: right;
cursor: pointer;
}
/* EOF Neutral Content */
/* BOF LandingPage Content */
#containerLandingPage { min-width: 450px; max-width: 576px !important; _width: 576px !important; margin: 4px; }
#containerLandingPage a { color: #666666; text-decoration: underline; }
#containerLandingPage a:hover { color: #999999; }
#containerLandingPage.dbs a { color: #ED1C24 !important; text-decoration: none; }
#containerLandingPage.dbs a:hover { text-decoration: underline; }
#containerLandingPage.posb a { color: #101D8F !important; text-decoration: none; }
#containerLandingPage.posb a:hover { text-decoration: underline; }
#containerLandingPage.treasures a { color: #997245 !important; text-decoration: none; }
#containerLandingPage.treasures a:hover { text-decoration: underline; }
#containerLandingPage #LandingPageTop {
background: url(/sg/personal/common/img/LandingPageTop.gif) 0 0 no-repeat;
height: 8px;
}
#containerLandingPage #LandingPageHeader {
padding: 14px;
background: url(/sg/personal/common/img/LandingPageHeader.gif) 0 0 repeat-y;
min-height: 14px;
height: auto !important;
height: 14px;
color: #FFFFFF;
font-size: 1.45em;
font-weight: bold;
}
#containerLandingPage.dbs #LandingPageHeader {
padding: 15px 20px 15px 200px;
min-height: 20px;
height: auto !important;
height: 20px;
background: #000000 url(/sg/personal/common/img/LandingPage_header_dbs.gif) 0 0 no-repeat;
text-align: right;
}
#containerLandingPage.posb #LandingPageHeader {
padding: 15px 20px 15px 200px;
min-height: 20px;
height: auto !important;
height: 20px;
background: #003366 url(/sg/personal/common/img/LandingPage_header_posb.gif) 0 0 no-repeat;
text-align: right;
}
#containerLandingPage.treasures #LandingPageHeader {
padding: 15px 20px 15px 200px;
min-height: 20px;
height: auto !important;
height: 20px;
background: #997245 url(/sg/personal/common/img/LandingPage_header_treasures.gif) 0 0 no-repeat;
text-align: right;
}
#containerLandingPage #LandingPageContent {
padding: 14px;
background: url(/sg/personal/common/img/LandingPageContent.gif) 0 0 repeat-y;
min-height: 250px;
height: auto !important;
height: 250px;
}
#containerLandingPage #LandingPageContent h1 { color: #666666; font-size: 1.45em; font-weight: bold; }
#containerLandingPage #LandingPageContent h2 { color: #666666; font-size: 1.25em; font-weight: bold; }
#containerLandingPage #LandingPageContent h3 { color: #666666; font-size: 1.10em; font-weight: bold; }
#containerLandingPage #LandingPageContent h4 { color: #666666; font-size: 1.00em; font-weight: bold; }
#containerLandingPage.dbs h2, #containerLandingPage.dbs h3, #containerLandingPage.dbs h4 { color: #ED1C24 !important; }
#containerLandingPage.posb h2, #containerLandingPage.posb h3, #containerLandingPage.posb h4 { color: #003366 !important; }
#containerLandingPage.treasures h2, #containerLandingPage.treasures h3, #containerLandingPage.treasures h4 { color: #997245 !important; }
#containerLandingPage #LandingPageBottom {
padding-top: 8px;
background: url(/sg/personal/common/img/LandingPageBottom.gif) 0 0 no-repeat;
height: 15px;
color: #666666;
padding-bottom: 8px;
}
#containerLandingPage #LandingPageBottom p {
margin: 0;
line-height: 36px;
}
#containerLandingPage #LandingPageBottom p a {
color: #666666;
}
#containerLandingPage #LandingPageBottom p a:hover {
text-decoration: underline;
}
#containerLandingPage #LandingPageBottom p #LandingPageClose {
padding-top: 12px;
float: right;
cursor: pointer;
}
/* EOF LandingPage Content */
/* BOF Generic Classes */
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
.aligntop { vertical-align: top; }
.alignmiddle { vertical-align: middle; }
.alignbottom { vertical-align: bottom}
.pa0 { padding: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pr0 { padding-right: 0 !important; }
.pl0 { padding-left: 0 !important; }
.pa1 { padding: 1px !important; }
.pt1 { padding-top: 1px !important; }
.pb1 { padding-bottom: 1px !important; }
.pr1 { padding-right: 1px !important; }
.pl1 { padding-left: 1px !important; }
.pa5 { padding: 5px !important; }
.pt5 { padding-top: 5px !important; }
.pb5 { padding-bottom: 5px !important; }
.pr5 { padding-right: 5px !important; }
.pl5 { padding-left: 5px !important; }
.pa10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }
.pb10 { padding-bottom: 10px !important; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pa15 { padding: 15px !important; }
.pt15 { padding-top: 15px !important; }
.pb15 { padding-bottom: 15px !important; }
.pr15 { padding-right: 15px !important; }
.pl15 { padding-left: 15px !important; }
.pa20 { padding: 20px !important; }
.pt20 { padding-top: 20px !important; }
.pb20 { padding-bottom: 20px !important; }
.pr20 { padding-right: 20px !important; }
.pl20 { padding-left: 20px !important; }
.ma0 { margin: 0 !important; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.mr0 { margin-right: 0 !important; }
.ml0 { margin-left: 0 !important; }
.ma1 { margin: 1px !important; }
.mt1 { margin-top: 1px !important; }
.mb1 { margin-bottom: 1px !important; }
.mr1 { margin-right: 1px !important; }
.ml1 { margin-left: 1px !important; }
.ma5 { margin: 5px !important; }
.mt5 { margin-top: 5px !important; }
.mb5 { margin-bottom: 5px !important; }
.mr5 { margin-right: 5px !important; }
.ml5 { margin-left: 5px !important; }
.ma10 { margin: 10px !important; }
.mt10 { margin-top: 10px !important; }
.mb10 { margin-bottom: 10px !important; }
.mr10 { margin-right: 10px !important; }
.ml10 { margin-left: 10px !important; }
.ma15 { margin: 15px !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.mr15 { margin-right: 15px !important; }
.ml15 { margin-left: 15px !important; }
.ma20 { margin: 20px !important; }
.mt20 { margin-top: 20px !important; }
.mb20 { margin-bottom: 20px !important; }
.mr20 { margin-right: 20px !important; }
.ml20 { margin-left: 20px !important; }
.lhsmall { line-height: 1.2em; }
.floatleft { float: left; margin: 0 10px 10px 0; }
.floatright { float: right; margin: 0 0 10px 10px; }
.clearboth { clear: both; }
.clearleft { clear: left; }
.clearright { clear: right; }
/* EOF Generic Classes */
/* Clearing properties */
.productTabs:after, #content #products:after, #content2 #products:after, #content #bnr360x90:after, #helperInner:after, #subNav ul:after, #container:after {
content:".";
clear:both;
display: block;
visibility:hidden;
height:0;
}


/* BOF Non CBG */
#commontitle h1 { margin: 0.15em 0 0.5em 0; color: #ED1C24; font-size: 200%; font-weight: normal; }
/* EOF Non CBG */
/* BOF DBS HOME */
div.dbsContainer03 { padding:0 0 15px 0; height:1%; position:relative; }
.dbsContainerStyle01 { position:absolute; bottom:0; left:0; }
div.containerDecor01 { background:url("/sg/img/containerDecor01.png") left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sg/img/containerDecor01.png", sizingMethod="crop"); width:319px; height:292px; }
div.dbsContainer04 { width:465px; margin-left:280px; }
div.dbsContentStyle03 h1 { color:#333; font-size:2em; font-weight:normal; line-height:1em; }
div.dbsContentStyle03 h1 span { color:#ed1c24;/*line-height:inherit;*/ }
div.dbsContentStyle03 h2 { padding: 0 0 10px; margin: 0; color: #000000; font-size: 1.5em;  line-height:1.15em; }
div.dbsContentStyle03 p { color:#333; font-size:112.5%; line-height:22px; }
div.dbsContentStyle03 div#panel { min-height:79px; _height:79px; }
div.dbsContentStyle03 div.contentNode { padding:0 0 19px; height: 40px; }
div.dbsContentStyle03 div.contentNode p { font-size:100%; color:#333; line-height:17px;}
ul.listStyle02, ul.listStyle03 { margin: 0 0 0 0; padding: 0 0 0 0; }
ul.listStyle02 li, ul.listStyle03 li { margin: -5px 0 -5px 0; padding: 0 0 0 0; background: none; }
ul.listStyle02 { height:1%; padding:6px 0 0; list-style:none; }
ul.listStyle02 li { float:left; margin-right:5px; text-align:center; font-size: 0.8em; line-height:1.5em; }
ul.listStyle02 li a { display:block; text-decoration:none; color:#4d4d4d; padding:0 0 0 9px; }
ul.listStyle02 li a span { display:block; padding:7px 8px 0 0; }
ul.listStyle02 li a span span { padding:0 0 13px; }
ul.listStyle02 li.selected a { /*font-weight:bold;*/ }
ul.listStyle02 li.selected a { background:url("/sg/img/home-bubble-left.gif") left top no-repeat; float:left; }
ul.listStyle02 li.selected a span { background:url("/sg/img/home-bubble-right.gif") right top no-repeat; float:left; }
ul.listStyle02 li.selected a span span { background:url("/sg/img/home-bubble-arrow.gif") 50% 18px no-repeat; }
div.dbsCol00 { width:225px; }
div.dbsCol01 { width:765px; }
div.announce {margin-bottom: 10px; margin-left:15px; margin-right:-15px ;padding: 0 0 12px 0; *height: 1%; background: url("/sg/personal/common/img/helper-bot.jpg") 0 100% no-repeat;}
div.announceinner {padding: 10px 15px; background: url("/sg/personal/common/img/helper-top.jpg") 0 0 no-repeat;}
div.announceinner h1 {margin-top:-3px; color: #000; font-size: 175%;font-weight: normal; line-height:1em; }
div.announceinner h2 {margin-top:0; color: #ED1C24;font-size: 150%;font-weight: normal;line-height:1em; }
div.dbsContainer05 { padding:0 0 0 15px; min-height: 300px; *height: 300px; width: 735px; }
div.dbsContainerInner05 { background:url("/sg/img/container-bot03.gif") left bottom no-repeat; }
div.dbsContainer06 { background:#e5bbbd url("/sg/img/container-top02.gif") left top no-repeat; padding:10px 0 8px; width:735px; }
div.dbsContentStyle04 { height:1%; }
div.dbsContentStyle04 p { padding: 0; margin: 0; font-size:100%; float:left; line-height:11px; padding:0 6px 0 11px; background:url("/sg/img/arrowStyle01.gif") left top no-repeat; }
div.dbsContentStyle04 p.textStyle01 { background:none; padding-left:15px; }
div.dbsContentStyle04 p strong { text-transform:uppercase; }
div.jvsPanelSet00, div.jvsPanelSet01, div.jvsPanelSet02, div.jvsPanelSet03, div.jvsPanelSet04, div.jvsPanelSet05 { *width:100%; }
div.dbsColSet01 { display: inline-block; padding-left:13px; }
div.dbsColSet01 .dbsCol00, div.dbsColSet01 .dbsCol01, div.dbsColSet01 .dbsCol02 { float:left; width:240px; }
div.dbsContentStyle05 { width:100%; }
div.dbsContentStyle05 h2 { margin: 0; padding: 0; color:#fff; font-size:125%; font-weight:normal; line-height:19px; padding:8px 0 7px; height:1%; }
div.dbsContentStyle05 h2 span { float:left; }
div.dbsContentStyle05 h2 a { color:#fff; text-decoration:none; cursor:default; }
div.dbsContentStyle05 h2 a.closePanel { cursor:pointer; }
div.dbsContentStyle05 h2 a:hover { text-decoration:underline; }
span.panelTrigger { display:block; padding-right:7px; }
span.panelTrigger a { display: block; width:18px; height:18px; }
span.panelTrigger a { background:url("/sg/img/arrowStyle07b.png") left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sg/img/arrowStyle07b.png", sizingMethod="crop"); }
span.panelTrigger a.closePanel { background:url("/sg/img/arrowStyle07a.png") left top no-repeat; _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sg/img/arrowStyle07a.png", sizingMethod="crop"); }
div.dbsContentStyle05 img { display:block; margin:0 0 7px 2px; }
div.dbsContentStyle05 p { font-size:95%; color:#fff; padding:0 15px 0 2px; }
div.dbsContentStyle05 p a { color:#fff; font-weight:bold; text-decoration:none; }
div.dbsContentStyle05 p a:hover { text-decoration:underline; }
div.dbsContentStyle05 p a:visited { color:#fff; }
ul.listStyle03 { height:1%; padding:0 0 12px 2px; list-style:none; }
ul.listStyle03 li { float:left; font-size:95%; color:#000; padding:4px 9px 0 0; }
ul.listStyle03 li a { color:#000; text-decoration:none; }
ul.listStyle03 li a:hover { text-decoration:underline; }
div.dbsContainer05 div.hr { margin:0 15px 0 0; height:2px; background:#dd484d; }
div.dbsContainer05 div.hr hr { display:none; }
div.dbsColSet02 { display: inline-block; padding:0 0 0 13px; }
div.dbsColSet02 .dbsCol00, div.dbsColSet02 .dbsCol01, div.dbsColSet02 .dbsCol02, div.dbsColSet02 .dbsCol03 { float:left; }
div.dbsColSet02 .dbsCol00 { width:150px; }
div.dbsColSet02 .dbsCol01 { width:188px; }
div.dbsColSet02 .dbsCol02 { width:190px; }
div.dbsColSet02 .dbsCol03 { width:179px; }
div.dbsColSet02 h2 { font-size:100%; letter-spacing:0px; }
ul.listStyle02:after, div.dbsContentStyle04:after, div.dbsColSet01:after, div.dbsContentStyle05 h2:after, div.dbsColSet02:after { content:"."; clear:both; display: block; visibility:hidden; height:0; }
#dbsContainer05 #dbsshareticker { background-color: #f6f6f6; padding: 5px 15px; }
/* EOF DBS HOME */

/* BOF siteNavHome */
#siteNavHome { font-size: 95%; position: absolute; bottom: 0; _bottom: -1px; right: 25px; z-index: 99; }
#siteNavHome ul { margin: 0; float: right; list-style: none; }
#siteNavHome ul li {
margin: 0 !important;
padding: 0;
float: left;
width: 140px;
text-align: center;
font-weight: bold;
line-height: 12px;
white-space: nowrap;
background: #ED1C24 url("/sg/personal/common/img/tab-bg.gif") left top repeat-x;
}
#siteNavHome ul li a, #siteNavHome ul li span { display: block; }
#siteNavHome ul li a { text-decoration: none; color: #4c4c4c; }
#siteNavHome ul li a:hover { color: #4c4c4c; }
#siteNavHome ul li span {
padding: 6px 0 5px 15px;
display: block;
background: url("/sg/personal/common/img/tab-overlap.gif") left top no-repeat;
}
#siteNavHome ul li.home { width:49px; }
#siteNavHome ul li a.current { background: url("/sg/personal/common/img/tab-selected-bg.gif") left top repeat-x; color: #FFFFFF; }
#siteNavHome ul li a.current:hover { color: #FFFFFF; }
#siteNavHome ul li a.current span {
padding: 6px 0 5px 12px;
background: url("/sg/personal/common/img/tab-selected-left.gif") left top no-repeat;
}
#siteNavHome ul li.after a span { background: url("/sg/personal/common/img/tab-selected-right.gif") left top no-repeat; }
#siteNavHome ul li.first { padding-right: 0; }
#siteNavHome ul li.first a span {  padding: 6px 0 5px 12px; background: url("/sg/personal/common/img/tab-first.gif") left top no-repeat;}
#siteNavHome ul li.first a span span { padding: 0; background: none; }
#siteNavHome ul li.first a.current { color: #ED1C24 background: url("/sg/personal/common/img/tab-selected-bg.gif") left top repeat-x; }
#siteNavHome ul li.first a.current span { background: url("/sg/personal/common/img/tab-selected-first.gif") left top no-repeat; }
#siteNavHome ul li.last { width:148px; }
#siteNavHome ul li.last span { padding: 0 0 0 15px; }
#siteNavHome ul li.last span span { padding: 6px 10px 5px 0; background: url("/sg/personal/common/img/tab-last.gif") right top no-repeat; }
#siteNavHome ul li.last a.current span { padding: 0; background: url("/sg/personal/common/img/tab-selected-left.gif") left top no-repeat; }
#siteNavHome ul li.last a.current span span { padding: 6px 0 5px 0; background: url("/sg/personal/common/img/tab-selected-last.gif") right top no-repeat; }
/* EOF siteNavHome */

/* BOF RATES ONLINE AVOID THIS CLASS IT'S OBSOLETE */
tr.TNSearchBar td { color:#FFFFFF; background-color:#ED1C24; font-weight:bold; vertical-align: middle; padding: 2px 4px; }
/* EOF RATES ONLINE AVOID THIS CLASS IT'S OBSOLETE */

/* BOF DBS Corporate */
#corporateSlides { margin-top: 0; margin-bottom: 10px; font-size: 100%; position: relative; height: 270px; }
#corporateSlides .slide {
margin: -5px 0 0 0;
padding: 0 0 10px 50px;
height: 240px;
position: relative;
}
#corporateSlides .slide .slidebkgrnd {
position: absolute;
height: 330px;
width: 400px;
left: -280px;
top: -60px;
background-position: 0 0;
background-repeat: no-repeat !important;
}
#corporateSlides #slide01 .slidebkgrnd {
background-image: url("/sg/corporate/PublishingImages/01.png") !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/corporate/publishingimages/01.png', sizingMethod='scale');
}
#corporateSlides #slide02 .slidebkgrnd {
background-image: url("/sg/corporate/PublishingImages/02.png") !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/corporate/publishingimages/02.png', sizingMethod='scale');
}
#corporateSlides #slide03 .slidebkgrnd {
background-image: url("/sg/corporate/PublishingImages/03.png") !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/corporate/publishingimages/03.png', sizingMethod='scale');
}
#corporateSlides #slide04 .slidebkgrnd {
background-image: url("/sg/corporate/PublishingImages/04.png") !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/corporate/publishingimages/04.png', sizingMethod='scale');
}
#corporateSlides #slide05 .slidebkgrnd {
background-image: url("/sg/corporate/PublishingImages/05.png") !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/corporate/publishingimages/05.png', sizingMethod='scale');
}
#corporateSlides #slide06 .slidebkgrnd {
background-image: url("/sg/corporate/PublishingImages/06.png") !important;
background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sg/corporate/publishingimages/06.png', sizingMethod='scale');
}
#corporateSlides .slide h1 { margin-bottom: 3px; font-size: 175%; }
#corporateSlides .slide h2 { margin-top: 3px; color: #666666; font-size: 120%; }
#corporateSlides .slide p.blurb { }
#corporateSlides .slide p.name { margin-top: -0.5em; font-style:italic; }
#corporateSlides #controller {
background: transparent url(/sg/corporate/publishingimages/rotator.gif) 0 0 no-repeat;
line-height: 36px;
padding-left: 20px;
width: 716px;
position: absolute;
margin-left:10px;
bottom: 0;
_bottom: -1px;
}
#corporateSlides #controller a { margin-right: 3px; padding: 1px 5px; color: #333333; background-color: #E1E1E1; border: 1px solid #FFFFFF; }
#corporateSlides #controller a.selected { color: #FFFFFF; background-color: #FF1D1D; }
.corporate { background: transparent url(/sg/corporate/publishingimages/top.gif) 0 0 no-repeat; }
.corporate00 { margin: -25px 0 10px 0; }
.corporate01 { margin-top: 0 0 10px 0; }
.corporate #products { padding-left: 3px; border: none !important; background: transparent url(/sg/corporate/publishingimages/btm.gif) 0 100% no-repeat; }
.corporate #products .product { border: none !important; }
.corporate #products .product h3 { padding-top: 10px; }
/* EOF DBS Corporate */





/* insurance edusmart CSS may2010 - BBDO diskout START */
#edusmart_helper {
width:736px;
height:53px;
padding-top:15px;
padding-left:20px;
background:url(../img/rounded_corner.gif) no-repeat;
}

#edusmart_helper .header2 {
color: #ED1C24;
font-size: 125%;
font-weight: normal;
float:left;
}

#edusmart_helper #helpQ1 {
	margin-left:20px;
	float:left;
	width:150px;
}

#edusmart_helper input.button {
margin:-4px 0 0!important;
padding: 0 0 2px 0;
float:left;
border:0;
width:74px;
height:28px;
line-height:27px;
font-weight:bold;
font-size: 95%;
color: #000000;
background: url("http://www.dbs.com/sg/personal/common/img/show-me-button.gif") left top no-repeat;
cursor: pointer;
}


#product_personal_landing {
border-left: 1px solid #CCCCCC; *height: 1%; font-size: 95%; width:780px;
}

#product_personal_landing .product{
padding: 2px 6px;
float: left;
width: 134px;
text-decoration: none;
border-right: 1px solid #CCCCCC;
}


#product_personal_landing .product h3 { margin: 0; font-weight: bold; color: #ED1C24; font-size: 110%; text-transform: uppercase; height:35px; }

#product_personal_landing .product p a { font-weight:bold; text-transform: uppercase; text-decoration: none; font-size:90%; color: #333; }

#relatedlinks {
	padding-top:50px;

}


#relatedlinks .leftlink {
	float:left;	
}

#relatedlinks .rightlink {
	right:0px;
	text-align: right;
}


#contactus_btn {
width: 117px;
float: right;
}

ol.alpha{list-style-type: lower-alpha;}
.red-ed1c24{color:#ed1c24;}

/*====FNA Calculator======*/
.Display-Block{display:block;}
.Display-None{display:none;}
.ErrorMsg{color:#FF0000; font-size:12px; font-weight:bold;}
table#tblFNACalc tr td{ font-size: 12px; font-weight: bold; padding: 10px 10px 10px 10px;}
table#tblFNACalc tr td#TopBtm{padding: 0px;}
table#tblFNACalc tr td#Red{color:#d0100f;}
table#tblFNACalc tr td#Desc{font-weight: normal;}
table#tblFNACalc tr td select{width:180px;}
td#CostContainer{width: 180px;; border: solid 1px #666666;}
.FNACalcPrint_Header{font-size: 16px; font-weight: bold; color:#d0100f; padding: 5px 0px 5px 0px;}
img:hover{cursor:pointer;}
.white{color:#FFFFFF;}
/*====FNA Calculator======*/

/* insurance edusmart CSS may2010 - BBDO diskout END */





/* cards css sept09 START*/

/** Added on 20090911, Done By Euro **********/
/* main cards navigation */
.cards_sub { font-size: 100%; color: #fff; height: 22px; }
.cardfeatured { width: 104px; }
.cardview { width: 101px; }
.cardfind { width: 104px; }
.cardmain { float: left; height: 22px; margin: 0 2px 0 0; }
.cards_sub { height: 22px; }
.cards_home { height: 22px; border-bottom: 2px solid #971217; }
#contentg3n3cards { border-top: 1px solid #f6f6f6; background: #f6f6f6 url(/sg/personal/cards/images/viewall-bg.gif) no-repeat bottom left; }
#contentg3n3cards table { margin: 10px 0 0 0; }
#contentg3n3cards a { color: #666; font-size: 80%; font-weight: bold; }
#contentg3n3cards a:hover { color: #cc0000; text-decoration: none; }
#contentfindme { background: transparent url(/sg/personal/cards/images/findme-bg.gif) no-repeat bottom left; }
#contentfindme table { font-size: 80%; line-height: 90%; }
/* /main cards navigation */
/* all cards layouts */
#cardshowcase_black { margin: 2px 0 0 0; background: #121212 url(/sg/personal/cards/common/images/cardblack_start.jpg) no-repeat top left; width: 736px !important; }
#cardshowcase_black .cardtext h3 { color: #fff; background: transparent; }
#cardshowcase_black .cardtext p { color: #aaa; background: transparent; }
#cardshowcase_black #cardsubmenu { padding: 0 0 0 30px; background: #000000 url(/sg/personal/cards/common/images/cardblack_subbg.gif) repeat-x; }
#cardshowcase_black #cardsubcontent { background: #121212 url(/sg/personal/cards/common/images/cardblack_end.gif) no-repeat bottom left; border: 0px solid #121212; padding: 10px 0 15px 27px; }
#cardshowcase_black .cardsubcol2 { float: right; width: 200px; margin: 15px 45px 10px 0; background: #1d1d1d url(/sg/personal/cards/common/images/col2black_bg.gif) repeat-y; }
#cardshowcase_black .cardsubcol2 .col2head { height: 12px; background: #1d1d1d url(/sg/personal/cards/common/images/col2black_head.gif) no-repeat; }
#cardshowcase_black .cardsubcol2 .col2tail { height: 12px; background: #1d1d1d url(/sg/personal/cards/common/images/col2black_tail.gif) no-repeat; }
#cardshowcase_black .cardsubcol2 .col2main { padding: 0 12px; color: #999; }
#cardshowcase_black .cardsubcol2 .col2main strong { color: #fff; }
#cardshowcase_black .cardsubcol1 .col1txt { color: #999999; }
#cardshowcase_black .cardsubcol1 .col1txt strong { color: #d6d6d6; }
#cardshowcase_black .cardsubcol1 .col1txtBig { color: #999999; }
#cardshowcase_black .cardsubcol1 .col1txtBig strong { color: #d6d6d6; }
#cardshowcase_black a.cardmore { font-weight: bold; padding: 0 0 0 7px; color: #fff; background: transparent url(/sg/personal/cards/common/images/cardmoreblack.gif) no-repeat; }
#cardshowcase_woman { margin: 2px 0 0 0; background: #fff url(/sg/personal/cards/common/images/cardwoman_start.jpg) no-repeat top left; width: 736px !important; }
#cardshowcase_woman .cardtext h3 { color: #5b4823; background: transparent; }
#cardshowcase_woman .cardtext p { color: #826639; background: transparent; }
#cardshowcase_woman #cardsubmenu { padding: 0 0 0 30px; background: #a87b65 url(/sg/personal/cards/common/images/cardwoman_subbg.gif) repeat-x; }
#cardshowcase_woman #cardsubcontent { background: #e9d3be url(/sg/personal/cards/common/images/cardwoman_end.gif) no-repeat bottom left; border: 0px solid #121212; padding: 10px 0 15px 27px; }
#cardshowcase_woman .cardsubcol2 { float: right; width: 200px; margin: 15px 45px 10px 0; background: #e9d3be url(/sg/personal/cards/common/images/col2woman_bg.gif) repeat-y; }
#cardshowcase_woman .cardsubcol2 .col2head { height: 12px; background: #e9d3be url(/sg/personal/cards/common/images/col2woman_head.gif) no-repeat; }
#cardshowcase_woman .cardsubcol2 .col2tail { height: 12px; background: #e9d3be url(/sg/personal/cards/common/images/col2woman_tail.gif) no-repeat; }
#cardshowcase_woman .cardsubcol2 .col2main { padding: 0 12px; color: #5b4823; }
#cardshowcase_woman .cardsubcol1 .col1txt { color: #5b4823; }
#cardshowcase_woman .cardsubcol1 .col1txt strong { color: #5b4823; }
#cardshowcase_woman .cardsubcol1 .col1txtBig { color: #5b4823; }
#cardshowcase_woman .cardsubcol1 .col1txtBig strong { color: #5b4823; }
#cardshowcase_woman a.cardmore { }
#cardshowcase_live { margin: 2px 0 0 0; background: #fff url(/sg/personal/cards/common/images/cardlive_start.jpg) no-repeat top left; width: 736px !important; }
#cardshowcase_live .cardtext h3 { color: #efefef; background: #000; }
#cardshowcase_live .cardtext p { color: #efefef; background: #000; }
#cardshowcase_live #cardsubmenu { padding: 0 0 0 30px; background: #580605 url(/sg/personal/cards/common/images/cardlive_subbg.gif) repeat-x; }
#cardshowcase_live #cardsubcontent { background: #870004 url(/sg/personal/cards/common/images/cardlive_end.gif) no-repeat bottom left; border-bottom: 0px solid #870004; padding: 10px 0 15px 27px; /* width: 709px; */ }
#cardshowcase_live .cardsubcol2 { float: right; width: 200px; margin: 15px 45px 10px 0; background: #1d1d1d url(/sg/personal/cards/common/images/col2live_bg.gif) repeat-y; }
#cardshowcase_live .cardsubcol2 .col2head { height: 12px; background: transparent url(/sg/personal/cards/common/images/col2live_head.gif) no-repeat; }
#cardshowcase_live .cardsubcol2 .col2tail { height: 12px; background: transparent url(/sg/personal/cards/common/images/col2live_tail.gif) no-repeat; }
#cardshowcase_live .cardsubcol2 .col2main { padding: 0 12px; color: #999; }
#cardshowcase_live .cardsubcol2 .col2main strong { color: #fff; }
#cardshowcase_live .cardsubcol1 .col1txt { color: #ccc; }
#cardshowcase_live .cardsubcol1 .col1txt strong { color: #fff; }
#cardshowcase_live .cardsubcol1 .col1txtBig { color: #ccc; }
#cardshowcase_live .cardsubcol1 .col1txtBig strong { color: #fff; }
#cardshowcase_live a.cardmore { font-weight: bold; padding: 0 0 0 7px; color: #fff; background: transparent url(/sg/personal/cards/common/images/cardmoreblack.gif) no-repeat; }
#cardshowcase_live a.cardform { color: #fff; font-weight: normal; font-size: 100%; background: transparent url(/sg/personal/cards/common/images/cardmoreblack.gif) no-repeat center left; }
#cardshowcase_live a.cardapply { color: #fff; background: transparent url(/sg/personal/cards/common/images/cardmoreblack.gif) no-repeat center left; }
#cardshowcase_altitude { margin: 2px 0 0 0; background: #fff url(/sg/personal/cards/common/images/cardaltitude_start.jpg) no-repeat top left; width: 736px !important; }
#cardshowcase_altitude .cardtext h3 { color: #494949; background: transparent; }
#cardshowcase_altitude .cardtext p { color: #262626; background: transparent; }
#cardshowcase_altitude #cardsubmenu { padding: 0 0 0 30px; background: #2d312d url(/sg/personal/cards/common/images/cardaltitude_subbg.gif) repeat-x; }
#cardshowcase { margin: 2px 0 0 0; background: transparent url(/sg/personal/cards/common/images/cardall_start.gif) no-repeat top left; width: 736px !important; }
.cardimg { float: left; width: 410px; margin: 0 0 10px 10px; }
.cardtext { float: left; width: 270px; }
.cardtext h3 { color: red; font-weight: bold; font-size: 200%; line-height: 1; letter-spacing: -1px; margin-bottom: 0; background: transparent; }
.cardtext p { color: #555; font-weight: normal; line-height: 150%; background: transparent; }
#cardsubmenu { height: 30px; padding: 0 0 0 30px; background: #c9c9c9 url(/sg/personal/cards/common/images/cardall_subbg.gif) repeat-x; }
#cardsubcontent { background: #c9c9c9 url(/sg/personal/cards/common/images/cardsubcontent_end.gif) no-repeat bottom left; padding: 10px 0 15px 27px; }
#cardsubcontent p { background: transparent; margin: 1em 0; }
.contentdetails { _fborder: 1px solid teal; }
.cardsubcol2 { float: right; width: 200px; margin: 15px 25px 10px 0; margin-right: 25px; _fborder: 1px solid green; background: #e4e4e4 url(/sg/personal/cards/common/images/col2_bg.gif) repeat-y; }
.cardsubcol2 .col2head { height: 12px; background: transparent url(/sg/personal/cards/common/images/col2_head.gif) no-repeat; }
.cardsubcol2 .col2tail { height: 12px; background: transparent url(/sg/personal/cards/common/images/col2_tail.gif) no-repeat bottom left; }
.cardsubcol2 .col2main { padding: 0 12px; color: #666; }
.contentdetails .cardsubcol2 .col2main { }

.col2main p { 	background: transparent; }
.cardsubcol1 { float: left; _xborder: 1px solid orange; width: 430px; margin: 5px 0 0 0; }
.cardsubcol1 .col1thumb { float: left; width: 120px; padding: 5px 0 0 0; }
.cardsubcol1 .col1txt { float: left; width: 310px; _xfont-size: 90%; _xline-height: 140%; }
.contentpromotions .cardsubcol1 { float: left; _fborder: 1px solid orange; width: 320px; margin: 5px 20px 0 0; }
.contentpromotions .cardsubcol1 .col1thumb { float: left; width: 120px; padding: 5px 0 0 0; }
.contentpromotions .cardsubcol1 .col1txt { float: left; width: 200px; _xfont-size: 80%; _xline-height: 140%; }
.cardsubcol1 .col1txtBig { float: left; margin: 0 0 0 10px; width: 420px; _xfont-size: 80%; _xline-height: 140%; }
.cardsubcol1 .col1txtBig strong { font-size: 130%; }
.cardintro { padding: 10px 0 0 0; margin: 0; }
a.cardmore { font-weight: bold; padding: 0 0 0 7px; background: transparent url(/sg/personal/cards/common/images/cardmore.gif) no-repeat; }
a.cardform { font-size: 120%; color: #444; font-weight: bold; padding: 0 0 0 7px; background: transparent url(/sg/personal/cards/common/images/arraction_grey.gif) no-repeat center left; }
a.cardapply { font-size: 120%; font-weight: bold; padding: 0 0 0 7px; background: transparent url(/sg/personal/cards/common/images/arraction_red.gif) no-repeat center left; }
.contentrewards { width: 650px; }
.contentrewards .cardsubcol2 { display: none; }
.contentrewards .cardsubcol1 { float: left; width: 620px; margin: 5px 0 0 0; }
.contentrewards .cardsubcol1 .col1txt { float: left; width: 500px; _xfont-size: 80%; _xline-height: 140%; }
/* /all cards layouts */
/* hygiene pages */
.cards_inactive { width: 736px !important; }
#cardhygienelanding { margin: 2px 0 0 0; background: #cccccc url(/sg/personal/cards/common/images/cardall_start.gif) no-repeat top left; }
#cardhygienelanding .wrapper { background: transparent url(/sg/personal/cards/common/images/cardhygienelandingwrap_bg.gif) no-repeat bottom left; }
.cardhpagebannertext { padding: 0 10px 0 10px; }
.productBnr { margin: 2px 0 0 0; }
td.cardlistcol1 { padding: 10px 0 0 10px; font-size: 95%; line-height: 140%; color: #555; }
td.cardlistcol2 { padding: 10px 10px 0 0; font-size: 95%; line-height: 140%; color: #555; }
td.cardlistcol1 strong, td.cardlistcol2 strong { font-weight: bold; color: #444; }
table.cardtbl { border-width: thin thin thin thin; border-spacing: 0px; border-style: outset outset outset outset; border-color: #ddd #ddd #ddd #ddd; border-collapse: collapse; background-color: #ddd; }
table.cardtbl td { border-width: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; border-style: inset inset inset inset; border-color: gray gray gray gray; background-color: #efefef; -moz-border-radius: 0px 0px 0px 0px; }
.cardtbltdl { _xborder-left: 1px solid #aaa; }
table.cardtbl2 { border-width: thin thin thin thin; border-spacing: 10px; border-style: outset outset outset outset; border-color: #ddd #ddd #ddd #ddd; border-collapse: collapse; background-color: #ddd; }
/* /hygiene pages */
/* cards bottom nav */
#cardbottomnav { _xwidth: 734px; margin: 15px 0 0 0;	
clear: both; }
.cardfactcontainer { float: right; width: 240px; height: 145px; background: transparent url(/sg/personal/cards/common/images/cardfact_bg.gif) repeat-y bottom left; }
.cardfactcontainer .containerHeader { height: 29px; background: transparent url(/sg/personal/cards/common/images/cardfact_header.gif) no-repeat top left; }
.cardfactcontainer .containerHeader h4 { display: none; }
.cardInWrapper { padding: 10px 15px 0 13px; }
.cardfactInWrapper p { padding: 0; margin: 0; }
#cardfacttext { color: #666; font-weight: bold; font-size: 110%; line-height: 130%; }
.cardqlcontainer { float: left; width: 480px; height: 145px; background: transparent url(/sg/personal/cards/common/images/cardql_bg.gif) repeat-y bottom left; }
.cardqlcontainer .containerHeader { height: 29px; background: transparent url(/sg/personal/cards/common/images/cardql_header.gif) no-repeat top left; }
.cardqlcontainer .containerHeader h4 { display: none; }
#cardqltable table tr td a { color: #000; padding: 0 0 0 9px; background: transparent url(/sg/personal/cards/common/images/cardmore.gif) no-repeat center left; }
#cardqltable table tr td a strong { color: red; font-weight: bold; }
#cardqltable table tr td a:hover strong { color: red; font-weight: bold; }
/* /cards bottom nav */
.cardapplycontainer { width: 700px; }
.cardapplycontainer .containerHeader { height: 12px; background: transparent url(/sg/personal/cards/common/images/applynow_divtop.gif) no-repeat top left; }
.cardapplycontainer .containerContent { background: transparent url(/sg/personal/cards/common/images/applynow_divbg.gif) repeat-y top left; }
.cardapplyInWrapper { border: 0px solid teal; }
.cardfactInWrapper p { padding: 0; margin: 0; }
.cardapplycontainer .containerfooter { height: 12px; background: transparent url(/sg/personal/cards/common/images/applynow_divbot.gif) no-repeat top left; }
.cardappholderbox { margin: 0 0 0 15px; }
.cardappbox1 { padding: 0 20px 0 20px; background: transparent url(/sg/personal/cards/common/images/applynow_divbg.gif) repeat-y; }
.cardappbox2 { padding: 0 20px 0 20px; background: transparent url(/sg/personal/cards/common/images/applynow_divbg2.gif) repeat-y; }
.cardappbox1 p, .cardappbox2 p { padding: 0; margin: 0; }
.precardappboxcontent { height: 12px; background: transparent url(/sg/personal/cards/common/images/applynow_divtop.gif) no-repeat; border: 0px solid #efefef; }
.cardappboxcontent { border: 0px solid #efefef; background: transparent url(/sg/personal/cards/common/images/applynow_divbg.gif) repeat-y; }
/* inner pages */
#cardinnerpage { width: 548px; /* width: 560px; */
float: left; margin-bottom: 15px; }
.cardsidebar { float: right; margin: 58px 0 0 5px; }
#sidebarRight .container2 #container2Content ul li a.selectedhref { font-weight: bold; color: red; }
.cardsubred { font-weight: bold; font-size: 110%; color: #ED1C24; }
table.cardtbl2 { background: #fff; border: 1px solid #fff; border-top: 1px solid #dedede; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
table.cardtbl2 td.cards_tbl_cell20 { background: #fff; border-bottom: 1px solid #dedede; padding: 20px 10px 20px 10px; }
table.cardtbl2 td.cards_tbl_cell20 { background: #fff; border-bottom: 1px solid #dedede; padding: 20px 10px 20px 10px; }
table.cardtbl2 td.cards_tbl_cell02 { background: #fff; border-bottom: 1px solid #dedede; padding: 20px 10px 20px 10px; }
.cardfooter { color: #999; font-size: smaller; }
/* /inner pages */
.clearance { clear: both; }
a.goback, a.goback:visited, a.goback:hover { color: #ED1C24; font-weight: bold; padding: 0 0 0 10px; background: transparent url(/sg/personal/cards/common/images/goback-arr.gif) no-repeat 0px 2px; }
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
p.cardlinker { display: none; background: transparent; }
p.cardlinker2 { background: transparent; }
#cardsubcontent #contentrewards { display: block; }
#cardsubcontent #contentprivileges { display: none; }
#cardsubcontent #contentfeatures { display: none; }
#cardsubcontent #contentpromotions { display: none; }
#cardsubcontent #contentdetails { display: none; }
/* cards css sept09 END */



/* START Cards Revamp 2010 */

.cc10_home
{
font-size:14px;
color:#da0c0f;
font-weight:bold;
padding-bottom:5px;
}

.cc11_home
{
font-size:14px;
color:#da0c0f;
font-weight:bold;
padding:6px 0 5px;
}

.cc10_footer
{
font-size:14px;
color:#ed1c24;
font-weight:bold;
padding:10px 0 0 10px;
width:210px;
}

.cc10_head
{
font-size:12px;
color:#333;
font-weight:bold;
}

.cc10_head1
{
font-size:12px;
color:#333;
font-weight:bold;
padding:5px 0;
}

.cc10_head2
{
font-size:12px;
color:#333;
font-weight:bold;
padding:0 5px;
}

.cc10_hotdeals
{
font-size:14px;
color:#da0c0f;
font-weight:bold;
padding-bottom:10px;
}

.cc10_hotdeal {
	background: #f3f3f3;
}

.cc10_footheader {
	background:url(/sg/personal/cards/credit-card/common/img/cardfact_header.gif) no-repeat;
}

.cc10_footbg {
	background:url(/sg/personal/cards/credit-card/common/img/cardfact_bg.gif) no-repeat;
	padding-top:5px;
}

.italic
{
font-style:italic;
font-size:10px;
padding-left:5px;
}

.cc10_cards_sub {
	font-size: 100%;
	color: #fff;
	height: 22px;
}

.cc10_cardfeatured {
	width: 104px;
}
.cc10_cardview {
	width: 101px;
}
.cc10_cardfind {
	width: 104px;
}
.cc10_cardmain {
	float: left;
	height: 22px;
	margin: 0 2px 0 0;
}

.cc10_cards_sub {
	height: 22px;
}

.cc10_cards_home {
	height: 22px;
	border-bottom: 2px solid #971217;
}

#contentg3n3cards {
	border-top: 1px solid #f6f6f6;
	background: #f6f6f6 url(/sg/personal/cards/img/viewall-bg.gif) no-repeat bottom left;
}
#contentg3n3cards table {
	margin: 10px 0 0 0;
}

#contentg3n3cards a {
	color: #666;
	font-size: 80%;
	font-weight: bold;
}
#contentg3n3cards a:hover {
	color: #cc0000;
	text-decoration: none;
}


#contentfindme {
	background: transparent url(/sg/personal/cards/images/findme-bg.gif) no-repeat bottom left; 
}
#contentfindme table {
	font-size: 80%;
	line-height: 90%;
}


/* /main cards navigation */

/* all cards layouts */


#cc10_cardshowcase_live {
	margin: 2px 0 0 0;
	width: 736px !important;
}

#cc10_cardshowcase_live .cc10_cardintro {
	background: #fff url(/sg/personal/cards/credit-card/visa-live-fresh/img/cardlive_start.jpg) no-repeat top left;
}

#cc10_cardshowcase_live .cc10_cardtext h3 {
	padding: 5px;
	margin: 12px 0 0 0;
	color: #efefef;
	background: #000;
}
#cc10_cardshowcase_live .cc10_cardtext p {
	padding: 5px;
	margin: 5px 0 0 0;
	color: #efefef;
	background: #000;
}


#cc10_cardshowcase_live #cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
}




#cardshowcase {
	margin: 2px 0 0 0;
	background: transparent url(/sg/personal/cards/common/img/cardall_start.gif) no-repeat top left;
	width: 736px !important;
}

.cc10_cardimg {
	float: left;
	width: 290px;
	margin: 0 0 0 10px;
}

.cc10_cardtext {
	float: left;
	width: 400px;
}

.cc10_cardtext h3 {
	margin: 12px 0 0 0;
	color: red;
	font-weight: bold;
	font-size: 180%;
	line-height: 1;
	letter-spacing: 0px;
	margin-bottom: -10px;
}

.cc10_cardtext p {
	color: #555;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
}


#cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
	border: 0px solid white;
}


.cc10_cardintro {
	padding: 10px 0 0 0;
	margin: 0;
	background: #fff url(/sg/personal/cards/credit-card/common/img/cardall_start.gif) no-repeat top left;
}

a.cc10_cardmore {
	font-weight: bold;
	padding: 0 0 0 7px;
	background: transparent url(/sg/personal/cards/common/img/cardmore.gif) no-repeat;
}

a.cc10_cardform {
	font-size: 120%;
	color: #444;
	font-weight: bold;
	padding: 0 0 0 7px;
	background: transparent url(/sg/personal/cards/common/img/arraction_grey.gif) no-repeat center left;
}
a.cc10_cardapply {
	font-size: 120%;
	font-weight: bold;
	padding: 0 0 0 7px;
	background: transparent url(/sg/personal/cards/common/img/arraction_red.gif) no-repeat center left;
}

.cc10_cards_inactive {
	width: 736px !important;
}

#cardhygienelanding {
	margin: 2px 0 0 0;
	background: #cccccc url(/sg/personal/cards/common/img/cardall_start.gif) no-repeat top left;
}

#cardhygienelanding .cc10_wrapper {
	background: transparent url(/sg/personal/cards/common/img/cardhygienelandingwrap_bg.gif) no-repeat bottom left;
}

.cc10_cardhpagebannertext {
	padding: 0 10px 0 10px;
}

.productBnr {
	margin: 2px 0 0 0;
}

td.cardlistcol1 {
	padding: 10px 0 0 10px;
	font-size: 95%;
	line-height: 140%;
	color: #555;
}
td.cardlistcol2 {
	padding: 10px 10px 0 0;
	font-size: 95%;
	line-height: 140%;
	color: #555;
}
td.cardlistcol1 strong, td.cardlistcol2 strong {
	font-weight: bold;
	color: #444;
}

table.cardtbl {
	border-width: thin thin thin thin;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: #ddd #ddd #ddd #ddd;
	border-collapse: collapse;
	background-color: #ddd;
}

table.cardtbl td {
	border-width: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: #efefef;
	-moz-border-radius: 0px 0px 0px 0px;
}
.cardtbltdl {
	_xborder-left: 1px solid #aaa;
}

table.cardtbl2 {
	border-width: thin thin thin thin;
	border-spacing: 10px;
	border-style: outset outset outset outset;
	border-color: #ddd #ddd #ddd #ddd;
	border-collapse: collapse;
	background-color: #ddd;
}


.cardapplycontainer {
	width: 700px;
}
.cardapplycontainer .containerHeader {
	height: 12px;
	background: transparent url(/sg/personal/cards/common/img/applynow_divtop.gif) no-repeat top left;
}
.cardapplycontainer .containerContent {
	background: transparent url(/sg/personal/cards/common/img/applynow_divbg.gif) repeat-y top left;
}
.cardapplyInWrapper {
	border: 0px solid teal;
}
.cardfactInWrapper p {
	padding: 0;
	margin: 0;
}
.cardapplycontainer .containerfooter {
	height: 12px;
	background: transparent url(/sg/personal/cards/common/img/applynow_divbot.gif) no-repeat top left;
}



.cardappholderbox {
	margin: 0 0 0 15px;
}
.cardappbox1 {
	padding: 0 20px 0 20px;
	background: transparent url(/sg/personal/cards/common/img/applynow_divbg.gif) repeat-y;
}
.cardappbox2 {
	padding: 0 20px 0 20px;
	background: transparent url(/sg/personal/cards/common/img/applynow_divbg2.gif) repeat-y;
}
.cardappbox1 p, .cardappbox2 p {
	padding: 0;
	margin: 0;
}

.precardappboxcontent {
	height: 12px;
	background: transparent url(/sg/personal/cards/common/img/applynow_divtop.gif) no-repeat;
	border: 0px solid #efefef;
}
.cardappboxcontent {
	border: 0px solid #efefef;
	background: transparent url(/sg/personal/cards/common/img/applynow_divbg.gif) repeat-y;
}


#cardinnerpage {
	width: 548px;

	float: left;
	margin-bottom: 15px;
}


.cardsidebar {
	margin: 55px 0 0 0;
}

#sidebarRight .container2 #container2Content ul li a.selectedhref {
	font-weight: bold;
	color: red;
}

.cardsubred {
	font-weight: bold;
	font-size: 110%;
	color: #ED1C24;
}

table.cardtbl2 {
	background: #fff;
	border: 1px solid #fff;
	border-top: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}
table.cardtbl2 td.cards_tbl_cell20 {
	background: #fff;
	border-bottom: 1px solid #dedede;
	padding: 20px 10px 20px 10px;
}
table.cardtbl2 td.cards_tbl_cell20 {
	background: #fff;
	border-bottom: 1px solid #dedede;
	padding: 20px 10px 20px 10px;
}

table.cardtbl2 td.cards_tbl_cell02 {
	background: #fff;
	border-bottom: 1px solid #dedede;
	padding: 20px 10px 20px 10px;
}

.cardfooter {
	color: #999;
	font-size: smaller;
}





.clearance {
	clear: both;
}

a.goback, a.goback:visited, a.goback:hover {
	color: #ED1C24;
	font-weight: bold;
	padding: 0 0 0 10px;
	background: transparent url(/sg/personal/cards/common/img/goback-arr.gif) no-repeat 0px 2px;
}

a:active {
	outline: none;
}

a:focus {
	-moz-outline-style: none;
}

p.cardlinker {
	display: none;
}



#cardsubcontent #contentrewards {
	display: block;
}

#cardsubcontent #contentprivileges {
	display: none;
}

#cardsubcontent #contentfeatures {
	display: none;
}

#cardsubcontent #contentpromotions {
	display: none;
}

#cardsubcontent #contentdetails {
	display: none;
}


.cc10_moremore {
	font-weight: bold; font-size: 90%; color:#333333;
}

a.cc10_moremore {
	font-weight: bold; font-size: 90%; color:#333333;
}

a.cc10_moremore1 {
	font-weight: bold; font-size: 90%; color:#333333; padding:10px 0 10px 10px;
}

.cc10_moremore2 {
	font-weight: bold; font-size: 100%; color:#ffffff
}

p.cc10_backtotop {
	text-align: right;
}

p.cc10_backtotop a {
	font-size: 80%;
}


#cc10_selectthis {
	margin: 20px 0 0 0;
}
#cc10_selectthis_grey {
	margin: 20px 0 0 0;
}
#cc10_selectthis_black {
	margin: 20px 0 0 0;
}

#cc10_selectthis .cc10_selectthisText{
	background: #fff url(/sg/personal/cards/credit-card/common/img/selectthis_bg.gif) repeat-y top left;
	padding: 0 10px 6px 20px;
	_padding: 0 25px 6px 20px;
	font-size: 100%;
	line-height: 110%;	
	color:#222222;
}

#cc10_selectthis_grey .cc10_selectthisText{
	background: #fff url(/sg/personal/cards/credit-card/common/img/selectthis_g_bg.gif) repeat-y top left;
	padding: 0 10px 6px 20px;
	_padding: 0 25px 6px 20px;
	font-size: 100%;
	line-height: 110%;	
	color:#222222;
}

#cc10_selectthis_black .cc10_selectthisText{
	background: #fff url(/sg/personal/cards/credit-card/common/img/selectthis_b_bg.gif) repeat-y top left;
	padding: 0 10px 6px 20px;
	_padding: 0 25px 6px 20px;
	font-size: 100%;
	line-height: 110%;	
	color:#222222;
}

#cc10_content3 {
	margin-bottom: 10px;
}

td.products_cc {
			border: 1px solid white;
	margin: 0 0 20px 0;
}


td.products_cc .product {
			border: 1px solid white;
_xborder-right:1px solid #CCCCCC;
float:left;
padding:0px 10px 10px 10px;
text-decoration:none;
width:345px;
}

td.products_cc .first {
 _xborder-left:1px solid #CCCCCC;
}

td.left_cc {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
td.right_cc {
	border-right:1px solid #CCCCCC;
}


td.products_cc .product p .thumb {
float:right;
padding-left:10px;
}

#cc10_content3 #products .product p {
margin:0;
}

#cc10_content3 #products .product p a {
	font-weight: bold; font-size: 90%; color:#333333
}

#cc10_content3 #products .product .desc {
			border: 1px solid white;
color:#666666;
height:50px;
padding:11px 0 0;
}


img.cc10_btn_apply {
	margin-left: 275px;
}

img.cc10_cardthumbleft {
	margin-right: 15px;
}

img.cc10_cardthumbr1 {
	margin-top: 10px;
	float:right;
	padding-left:10px;
}

a.cc10_cardapplynow {
	background: transparent url(/sg/personal/cards/credit-card/common/img/cardmore.gif) no-repeat scroll left center;
	padding: 0 0 0 9px;
}


#cc10_cardshowcase_black {
	margin: 2px 0 0 0;
	width: 736px !important;
}

#cc10_cardshowcase_black .cc10_cardintro {
	background: #fff url(/sg/personal/cards/credit-card/american-express-black/img/cardblack_start.jpg) no-repeat top left;
}

#cc10_cardshowcase_black .cc10_cardtext h3 {
	color: #fff;
}
#cc10_cardshowcase_black .cc10_cardtext p {
	color: #aaa;
}

#cc10_cardshowcase_black #cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
}


#cc10_cardshowcase_woman {
	margin: 2px 0 0 0;
	width: 736px !important;
}

#cc10_cardshowcase_woman .cc10_cardintro {
	background: #fff url(/sg/personal/cards/credit-card/mastercard-woman/img/cardwoman_start.jpg) no-repeat top left;
}

#cc10_cardshowcase_woman .cc10_cardtext h3 {
	color: #5b4823;
}
#cc10_cardshowcase_woman .cc10_cardtext p {
	color: #826639;
}

#cc10_cardshowcase_woman #cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
}




#cc10_cardshowcase_altitude {
	margin: 2px 0 0 0;
	width: 736px !important;
}

#cc10_cardshowcase_altitude .cc10_cardintro {
	background: #fff url(/sg/personal/cards/credit-card/american-express-altitude/img/cardalt_start.jpg) no-repeat top left;
}

#cc10_cardshowcase_altitude .cc10_cardtext h3 {
	color: #494949;
}
#cc10_cardshowcase_altitude .cc10_cardtext p {
	color: #262626;
}}

#cc10_cardshowcase_altitude #cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
}




#cc10_cardshowcase_debitvisa {
	margin: 2px 0 0 0;
	width: 736px !important;
}

#cc10_cardshowcase_debitvisa .cc10_cardintro {
	background: #fff url(/sg/personal/cards/debit-card/visa/img/carddebitvisa_start.jpg) no-repeat top left;
}

#cc10_cardshowcase_debitvisa .cc10_cardtext h3 {
	color: #111111;
}
#cc10_cardshowcase_debitvisa .cc10_cardtext p {
	color: #555555;
}

#cc10_cardshowcase_debitvisa #cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
}

.cc10_homebox1 {
	background: #fff url(/sg/personal/cards/common/img/cardshome_bg1.jpg) no-repeat top left;
	height: 295px;
	width: 740px;
}

.cc10_homebox2 {
	background: #fff url(/sg/personal/cards/common/img/cardshome_bg2.jpg) no-repeat top left;
	height: auto;
	width: 740px;
}

.cc10_homeboxtext {
	margin: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	font-weight: normal;
	color: #121212;
}

.cc10_homehighlight_bg {
	background: transparent url(/sg/personal/cards/common/img/highlight_bg.gif) no-repeat top left;
}

.cc10_homesubbox_head {
	padding: 20px 0 10px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}

.cc10_homesubbox_card {
	padding: 0 0 10px 0;
	text-align: center;
}

.cc10_homesubbox_desc {
	padding: 0 0 10px 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.cc10_homehighlight_txt {
	margin: 0 0 5px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #fff;

}
/* END Cards Revamp 2010 */

/* Cards revamp css version 2 START */
/* Cards landing page start */
#cc10v2_landing {
position:relative;
margin:0px;
padding:0px;
background: url("/sg/personal/cards/common/img/cardshome_bg0.jpg") no-repeat;
width:736px;
}
#cc10v2_landing h2 {
margin:0px;
padding:0px;
background: url("/sg/personal/cards/credit-card/common/img/bankyoutrust.gif") no-repeat;
width:345px;
height:80px;
text-indent:-100000px;
}
#cc10v2_landing div#landingtext {
position:relative;
margin:0;
padding:0;
}
#cc10v2_landing div#landingtext span {
display:block;
position:relative;
margin-left:12px;
margin-top:5px;
padding:0px;
font-size:12px;
font-family:arial;
font-weight:normal;
width:345px;
}

#landingfeature {
position:relative;
margin:0;
padding:0;
}
#landingfeature table {
position:relative;
margin-left:12px;
margin-top:25px;
padding:0;
display:block;
width:307px;
height:112px;
background: url("/sg/personal/cards/common/img/highlight_bg0.gif") no-repeat;
}
#landingwhitebox_container {
position:relative; 
display:block; 
margin:0; 
padding:0; 
width:736px; 
}
.landingwhitebox {
position:relative; 
margin-top:25px;
display:block; 
float:left; 
width:245px; 
background: url('/sg/personal/cards/common/img/whitebox.gif') no-repeat center top;
}
.landingwhitebox:hover {
background: url('/sg/personal/cards/common/img/whitebox.gif') no-repeat center -300px;
}
.landingwhitebox h4 {
position:relative;
display:block;
padding:0;
margin:8px 0;
font-size:12px;
font-weight:bold;
font-family:arial;
color:#333333;
}
.landingwhitebox span.boximg {
position:relative;
display:block;
height:80px;
}
.landingwhitebox span.boxtext {
position:relative;
display:block;
padding:0;
margin:3px 0;
font-size:12px;
font-weight:normal;
font-family:arial;
color:#333333;
}

#cc10v2CN_landing {
position:relative;
margin:0px;
padding:0px;
background: url("/cn/sc/personal/img/cards/cardshome_bg.jpg") no-repeat;
width:736px;
height:400px;
}
#landingwhiteboxCN_container {
position:relative; 
display:block; 
margin:0; 
padding:0; 
top:100px; 
width:736px; 
}
/* Cards landing page end */

/* Cards bottombar starts */
.cc10v2_pop
{
width:736px;
height:auto;
margin-left:4px;
clear:both;
}
.cc10v2_poptop
{
width:736px;
height:11px;
background:url(/sg/personal/cards/common/img/pop-top.gif) no-repeat bottom left;
}
.cc10v2_poptxt
{
position:relative;
background:url(/sg/personal/cards/common/img/pop-bg.gif) repeat-y;
width:706px;
padding:0 0 0 30px;
margin:0;
overflow:auto;
}
.cc10v2_poplist {
float:left;
display:block;
width:175px;
height:auto;
font-size:11px;
}
.cc10v2_poplist ul {
margin:0;
padding:0 3px;
}
.cc10v2_poplist ul li {
margin:0;
}
.cc10v2_poplist ul li a, .cc10v2_poplist ul li a:visited {
font-size:10px;
font-family:arial;
color:#333333;
text-decoration:none;
}
.cc10v2_poplist ul li a:hover {
text-decoration:underline;
}
.cc10v2_popbot
{
clear:both;
background:url(/sg/personal/cards/common/img/pop-bot.gif) no-repeat;
width:736px;
height:11px;
}

#cc10_cardshowcase_dbscard {
	margin: 2px 0 0 0;
	width: 736px !important;
}

#cc10_cardshowcase_dbscard .cc10_cardintro {
	background: #fff url(/cn/sc/personal/img/cards/debitcard/bg-personal.jpg) no-repeat top left;
}

#cc10_cardshowcase_dbscard .cc10_cardtext h3 {
	color: #FFFFFF;
}
#cc10_cardshowcase_dbscard .cc10_cardtext p {
	color: #555555;
}

#cc10_cardshowcase_dbscard #cc10_cardsubmenu {
	padding: 0 0 0 20px;
	background: #ffffff url(/sg/personal/cards/credit-card/common/img/cardlive_subbg.gif) no-repeat;
}
/* Cards bottombar ends */
/* Cards revamp css version 2 END */


/*-- rotating banner css START --*/
#rotatingbanner {
	display:block;
	width:548px;
	padding:0;
	margin:0;
	overflow:auto;
}

#rotatingbanner span {
	display:none;
	width:548px;
	height:185px;
	padding:0;
	margin:0;
}

#rotatingbanner_nav {
	position:relative;
	display:block;
	padding:0 0 0 10px; 
	margin:5px 0 0 0;
	overflow:auto;
}

#rotatingbanner_nav a {
	display:block;
	float:left;
	padding:2px;
	margin:2px;
	background-color:#cccccc;
	font-size:10px;
	font-weight:bold;
	font-family:arial;
	color:#333333;
	cursor:pointer;
	width:15px;
	text-align:center;
}
/*-- rotating banner css END --*/

/* what's new - three column: dbsCol00; two column: dbs2Col00; */
div.dbsColSet01 .dbs2Col00, div.dbsColSet01 .dbs2Col01, div.dbsColSet01 .dbs2Col02 { float:left; width:360px; }