@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; }
/*EOF FIXING MOS*/
/* BOF HEADER */
#header { background: 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: 99; }
#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; }
#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 .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;
}
#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; }
/* 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 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;
}
/** 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; }
/* 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:40px 0 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:383px; margin-left:352px; }
div.dbsContentStyle03 h1 { color:#333; font-size:2em; font-weight:normal; line-height:1.125em; }
div.dbsContentStyle03 h1 span { color:#ed1c24;/*line-height:inherit;*/ }
div.dbsContentStyle03 h2 { padding: 0; margin: 0; color: #000000; font-size: 1.5em; }
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:9px 0 19px; height: 67px; }
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: 0 0 0 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.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:179px; }
div.dbsColSet02 .dbsCol02 { width:207px; }
div.dbsColSet02 .dbsCol03 { width:171px; }
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; }
/* 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 */