/* Define the default first */ /******* em Text Delaration Start *******/ /* Setup Font Family and Size Correctly First. Default(Medium) Font Size is 16px on all browsers */ body * { font-size: 101%; /* for IE bug */ font-family: Arial, Verdana, Helvetica, sans-serif; } /* Reduce the font size to 68.8% or 11px size 100% = 16 11/16 x 100 */ body{ font-size: 12px; } /* IE can’t read this */ html>body { font-size: 12px;} /* Ensure forms and tables inherit the correct size */ table, input, select, th, td, textarea { font-size: 1em; } /* Ensure nested elements inherit the correct size */ ol, ul, li li, li p, td p, blockquote p, div div { font-size: 1em; } table table td { font-size: 0.95em; } /* child pixels / parent pixels = child ems Example(19px for h1) : 19 (child pixels) / 11 (parent pixels) = 1.73 */ /******* em Text Delaration End *******/ body {margin: 0; padding: 0;} form, input * {margin: 0; padding:0;} img {border: 0;} th {font-weight: normal;} #container {font-size: 1em; width: 960px; margin: 0 auto; clear: both; } #headerSiteMap { float: right; margin: 0; padding: 30px 0 0 100px; border:1px solid red; } #headerFlashBanner { width: 930px; height: 312px; margin: 0 0 2px 17px; position: relative; } #content { color: #949494; float:left; width:632px; padding: 17px 13px 20px 27px; text-align: justify; } #sidebar {float:right; width:258px; padding-right: 14px; margin-top: 10px; margin-bottom: 15px; } /**** Main Menu ****/ #sectionTitle { background-color: #4BAEC3; color: #fff; height: 28px; width: 244px; padding: 5px 0 0 14px; margin: 0; font-size: 15px; } #sectionTitleAboutUs { width: 258px; height: 28px; background: url(/images/menu_aboutUs.gif) no-repeat; padding:0; margin: 0; } #sectionTitleOurServices { width: 258px; height: 28px; background: url(/images/menu_ourServices.gif) no-repeat; padding:0; margin: 0; } #sectionTitleCSR { width: 258px; height: 28px; background: url(/images/menu_csr.gif) no-repeat; padding:0; margin: 0; } #sectionTitleCareers { width: 258px; height: 28px; background: url(/images/menu_careers.gif) no-repeat; padding:0; margin: 0; } #sectionTitleEnquiries { width: 258px; height: 28px; background: url(/images/menu_enquiries.gif) no-repeat; padding:0; margin: 0; } #headerMenu { width: 943px; padding-left:17px; clear: both; height: 45px; } #home #content { width: 930px; margin: 0 auto; margin:0; padding:0; padding: 17px 0 0 20px; } #mainNav {list-style: none; padding: 0; margin: 0; } #mainNav li {float: left; } #mainNavAboutUs a {width:155px; height:45px; background:url(nav_aboutus.gif) no-repeat; display:block; float:left;} #mainNavAboutUs a:hover {display:block; background-position: 100% 100%;} #mainNavAboutUs a.selected {display:block; background-position: 100% 100%;} #mainNavOurServices a {width:154px; height:45px; background:url(nav_services.gif) no-repeat; display:block; float:left;} #mainNavOurServices a:hover {display:block; background-position: 0% 100%;} #mainNavOurServices a.selected {display:block; background-position: 0% 100%;} #mainNavInvestorRelations a {width:154px; height:45px; background:url(nav_investorRelations.gif) no-repeat; display:block; float:left;} #mainNavInvestorRelations a:hover {display:block; background-position: 0% 100%;} #mainNavInvestorRelations a.selected {display:block; background-position: 0% 100%;} #mainNavCSR a {width:154px; height:45px; background:url(nav_csr.gif) no-repeat; display:block; float:left;} #mainNavCSR a:hover {display:block; background-position: 0% 100%;} #mainNavCSR a.selected {display:block; background-position: 0% 100%;} #mainNavCareer a {width:154px; height:45px; background:url(nav_careers.gif) no-repeat; display:block; float:left;} #mainNavCareer a:hover {display:block; background-position: 0% 100%;} #mainNavCareer a.selected {display:block; background-position: 0% 100%;} #mainNavEnquiries a {width:159px; height:45px; background:url(nav_enquries.gif) no-repeat; display:block; float:left;} #mainNavEnquiries a:hover {display:block; background-position: 0% 100%;} #mainNavEnquiries a.selected {display:block; background-position: 0% 100%;} /***********************************************************************/ /**** Footer ****/ #footer {clear:both; width: 906px; padding: 11px 13px 0 11px; height: 28px; background-color: #F3F3F3; color: #949494; margin-left: 16px; } #footer p { margin: 0;} #footer a { color: #949494; } #copyright { float: left; } #designedBy { float: right; } .footerCopyright { color: #0A8BA4; } #ir_toolBar { font-size: 10px; position: absolute; top: 35px; right: 0; color: #8bb801; text-align: right; font-size: 12px; } #ir_toolBar a { color: #448CFF; text-decoration: none; } #ir_toolBar span { margin: 0 0; } img.sitemapRight { margin-left:11px; margin-right: 10px; } #ir_toolBar img { vertical-align: middle; } #ir_toolBar form { display: inline; } #ir_toolBar input { width: 100px; border: 1px solid #DADADA; padding: 2px; vertical-align: middle; background: transparent url(icon_downArrow.gif) no-repeat scroll 90% center;} #ir_toolBar input.two { width: 19px; height: 18px; padding: 0; border: none; padding-left: 5px; } #ir_toolBar input.one { width: 15em; } #ir_toolBar label { color: #448CFF; font-size: 12px; } /***********************************************************************/ /**** subNav ****/ #subNav { margin: 0; padding: 0; list-style:none; background-color: #BFF4FF; line-height: 18px; } #subNav li { background: url(section_divider.gif) no-repeat 0 0; margin: 0; padding: 0; text-decoration:none; display:block; padding: 9px 0 5px 7px;} #subNav li.first { background: none; } #subNav ul li { background: none; margin: 0; padding: 0; text-decoration:none; display:block; padding: 2px 0 2px 0; list-style:none;} #subNav li a {color: #278EA9; text-decoration:none; padding-left: 9px; display: block; } #subNav li a:hover { color: #278EA9; background: url(icon_menuArrowSelected.gif) no-repeat 0 5px; } #subNav ul li a {color: #278EA9; text-decoration:none; padding-left: 9px; display: block; } #subNav ul li a:hover { color: #278EA9; background: url(icon_menuArrowSelected.gif) no-repeat 0 4px; } #subNav .selected {color: #278EA9; background: url(icon_menuArrowSelected.gif) no-repeat 0 5px;} #subNav .selected a {color: #278EA9; background: url(icon_menuArrowSelected.gif) no-repeat 0 5px;} #subNav ul {margin: 0; padding: 0; padding-left: 18px; } #subNav ul li {display: block; } /***********************************************************************/ /**** Site Map ****/ #siteMapHome a{text-decoration:none; color:#0A8BA4;} #siteMapHome a:hover{ text-decoration:underline; color: #0A8BA4; } #siteMapHome ul {margin-left:20px; padding:0; list-style:none; } #siteMapHome li {margin:0; padding:0 15px; background: url(sitemapArrow.gif) no-repeat 0 4px; list-style:none; font-weight: normal; } #siteMapHome li.bold {margin:0; padding:0 15px; background: url(sitemapArrow.gif) no-repeat 0 4px; list-style:none; font-weight:bold; } /* Search*/ .ir_textDividerSearch { border-bottom: 1px solid #ccc; } h1 {font-size: 18px; font-weight: normal; text-transform: uppercase; margin-top: 0; color: #000; } h2 {font-size: 1.09em; color: #006dc9; font-weight: bold;} h3 {font-size: 13px; font-weight: bold; color: #000000;} h4 {font-size: 13px; font-weight: bold; color: #0a8ba4;} h5 {} h6 {} a:link {color: #666666; text-decoration: none;} a:visited {color: #666666; text-decoration: none;} a:hover {color: #000000; text-decoration: none;} img.ir_spacerRight {margin-right:10px;} img.ir_spacerLeft {margin-left:10px;} img.ir_left {float: left; margin: 0 10px 10px 0;} img.ir_right {float: right; margin: 0 0 10px 10px;} img.ir_middle {vertical-align: middle;} img.ir_border {border:1px solid #cccccc;} /* Home */ #home_subcontainerA { width: 244px; float:left; margin-right: 30px; } #home_glance { margin:0; padding:0; background-color: #D8F9BA; color: #7F7F7F; list-style: none; display: block; } #home_glance li span { color: #5FAE1D; font-size: 12px; font-weight: bold; } #home_glance li { border-bottom: 1px solid #C8F0A5; padding: 10px 10px 12px 0; margin-left:9px; } #home_glance li.last { color: #5FAE1D; font-size: 12px; font-weight: bold; text-align: right; } #home_glance li.box { border: none; } .home_ourServices { width: 244px; height: 28px; background: url(/images/home_ourServicesBanner.gif) no-repeat; } #home_subcontainerB { width: 364px; float:left; margin-right: 32px; } .homeTittleColor { color: #0A8BA4; } #home_subcontainerC { width: 257px; float:right; } /* Define the rest of the classes here */ .ir_textDivider{ background:transparent url(/images/img_textDivider.gif) repeat-x scroll 0 0; height:21px;} .ir_tableBorder {border: 1px solid #CCCCCC;} table.ir_hover tr:hover td {background: #c3b777;} table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #e7e7e7;} table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #f4f4f4;} table.ir_hover tr.rowHighlight:hover td {background: #414141;} table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;} table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background: #448CFF; color: #fff; font-weight: bold;} table.ir_table tr.row1 td, table.ir_table tr.row1 th {background: #e7e7e7;} table.ir_table tr.row2 td, table.ir_table tr.row2 th {background: #f4f4f4;} table.ir_table tr.rowHeader th {background: #448CFF; font-weight: bold; color:#fff;} table.ir_table tr.rowHighlight td, table.ir_table tr.rowHighlight th {background: #414141; color: #fff;} table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;} table.ir_table tr th.cellHeader {background: #000066; color: #fff;} table.ir_table tr td.cellHighlight {background: #414141; color: #fff;} table.ir_table tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;} table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;} table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;} table.ir_table tr td.cellRed {background: #ebddd8;} table.ir_table tr td.cellGreen {background: #d8ebdc;} table.ir_table tr td span.red {color:#ff0000;} table.ir_table tr td span.green {color:#448800;} /**** slideShow ****/ #slideShow { float: left; width: 100%; height: 225px; padding-top: 20px; } #slideShow div { position: relative; z-index: 1; width: 300px; height: 225px; } #slideShow div.one { float: left; } #slideShow div.two { float: right; } #slideShow img { position: absolute; top: 0; right: 0; z-index: 5; } #slideShow img.active { z-index: 7; } #slideShow img.last-active { z-index: 6; } /**** slideShow ****/ #slideShowCommunity { float: left; width: 100%; height: 233px; padding-top: 10px; } #slideShowCommunity div { position: relative; z-index: 1; width: 310px; height: 233px; } #slideShowCommunity div.one { float: left; } #slideShowCommunity div.two { float: right; } #slideShowCommunity img { position: absolute; top: 0; right: 0; z-index: 5; } #slideShowCommunity img.active { z-index: 7; } #slideShowCommunity img.last-active { z-index: 6; } .communityHeight {clear: both; height: 10px; } /* #subNav { margin: 0; padding: 0; list-style:none; background-color: #BFF4FF; line-height: 30px; } #subNav li{ background: url(section_divider.gif) no-repeat 0 0; margin: 0; padding: 0; text-decoration:none; display:block; padding-left: 7px;} #subNav li { margin: 0; padding: 0; padding-left: 7px; } #subNav li.first { background: none; } #subNav a {color: #278EA9; text-decoration:none; padding-left: 9px; line-height: none;} #subNav a:hover { color: #278EA9; background: url(icon_menuArrowSelected.gif) no-repeat 0 3px } #subNav ul { margin: 0; padding: 0; } #subNav ul li { background: none; padding-left: 18px; } #subNav li.selected { background: url(icon_menuArrowSelected.gif) no-repeat 7px 11px; } #subNav .selected a { } #subNav .selected ul a { } #subNav .selected .selected { } #subNav .selected .selected a { } #subNav li.second { background: none; padding-left: 18px; } */ /***********************************************************************/