body { background-color:#FFF; font: normal 73%/1.5em Arial, Helvetica, sans-serif; color:#464646; margin:0px; padding:0px} #container {background: url(topBackground.jpg) no-repeat; width: 990px; padding:0px; margin: 0 auto; } #header {position:relative; height:100px;} #siteTitle { position:absolute; left:80px; top:10px; margin:0;} #siteTitle a { text-indent:-1000em; width:130px; height:64px; display:block; } #topGlobal {padding:0px; margin:0px; position: absolute; right:209px; top:18px; width:200px; float:left;} #topSearch {padding:0px; margin:0px; position: absolute; right:10px; top:19px; width:190px;} .imgFloat {float:left;} form.cwtGlobal {padding:2px 0 0 0; margin:0px;} form.cwtSearch {padding:2px 0 0 0; margin:0px;} .dropBox { height:19px; width:148px; border:1px; border-style:solid; border-color:#d8d8d8; float:left; padding:2px 0 0 4px; font-size:11px; color:#717171;} .searchBox { height:16px; width:142px; border:1px; border-style:solid; border-color:#d8d8d8; float:left; padding:2px 0 0 6px; font-size:11px; color:#717171;} /*Main Navigation*/ #mainNav {height:40px; padding-left:20px; width: 970px; /* overflow: hidden; position: relative; overflow: hidden; margin-bottom:28px; */} #mainNav ul { margin: 0; padding:0; float: left; /* position: relative; left: 50%;*/ list-style: none; text-transform:uppercase;} #mainNav li { float: left; padding: 0 18px; background: url(separator.jpg) no-repeat 0 0; height: 26px; /*position: relative; right: 50%; */font-size:12px; color:#4d4d4d; line-height:22px; font-weight:bold} #mainNav li.first { background: none; font-size:12px; color:#afc400; font-weight:bold} #mainNav li.last { float: left; padding: 0 0 0 18px; background: url(separator.jpg) no-repeat 0 0; height: 26px; /*position: relative; right: 50%; */font-size:12px; color:#4d4d4d; line-height:22px; font-weight:bold} #mainNav a { color: #4d4d4d; } #mainNav a:hover { color: #3B73B9; } #mainNav a.selected { color: #3B73B9; font-weight: bold; cursor:default; } a {color:#1a62bb; text-decoration: none;} a:hover {color:#2d3394; text-decoration: none;} /*Main Banner*/ #mainBanner {padding:0px; margin:0px; float:left;} #mainBanner p {padding:0px; margin:0 0 0 15px; } /*Home Page*/ #home #contentContainer {padding:0px; margin:0 14px; clear:both} #latestAnnouncements {background:transparent url(bgLatestAnnouncements.jpg) no-repeat 0 0px scroll; padding:0; margin:6px 0 0 0 ; width:337px; height:149px; float:left; position:relative} #annualReports {background:transparent url(bgAnnualReport.jpg) no-repeat 0 0px scroll; padding:0; margin:6px 0 0 5px; width:203px; height:149px; float:left; position:relative} #financialResults {background:transparent url(bgFinancialResults.jpg) no-repeat 0 0px scroll; padding:0; margin:6px 0 0 5px; width:203px; height:149px; float:left; position:relative} #iSCM {background:transparent url(bgiSCM.jpg) no-repeat 0 0px scroll; padding:0; margin:6px 0 0 5px; width:203px; height:149px; float:left; position:relative} #home h2 {padding:0; margin:10px 0 0 10px; height:19px; text-indent:-1000em;} #title_latestAnnouncements {background:transparent url(title_latestAnnouncements.jpg) no-repeat 0 0px scroll; width:185px;} #title_annualReports {background:transparent url(title_annualReports.jpg) no-repeat 0 0px scroll; width:123px;} #title_financialResults {background:transparent url(title_financialResults.jpg) no-repeat 0 0px scroll; width:184px;} #title_iSCM {background:transparent url(title_iSCM.jpg) no-repeat 0 0px scroll; width:98px;} #newsList {padding:0; margin:0; list-style:none; clear:both; } #newsList li {padding:5px 0 0 11px; margin:0;} .newsDate {background:transparent url(newsDate.jpg) no-repeat 0 2px scroll; padding:2px 0 0 0; margin:0; width:30px; height:28px; float:left; line-height: 12px; text-align:center;font-size:10px; } .newsDate strong {color: #FFF;} .newsTitle {padding:0 5px 0 10px; margin:0; width:280px; float:left; line-height:14px;} .buttonMore { padding:0; margin:0; position:absolute; bottom:1px; right:12px } .buttonMore a {text-indent:-1000em; background: url(btn_more.jpg) no-repeat left top; width:68px; height:20px; display: block;} .buttonMore a:hover {background-position: left bottom; } .download { padding: 15px 5px 0 95px; margin:0px; line-height:14px;} .download a {color:#1A62BB; } .download a:hover {color:#000;} /*Sub Page*/ #contentContainer {/*background:transparent url(leftNav_border.jpg) repeat-y 0 0px scroll; */padding:0; margin:0; clear:both; float: left; width: 100%;} #sidebar { float:left; width:180px; margin: 0 0 0 10px} #leftMenu { padding:0; margin:10px 0 0 0 ; list-style: none;} #leftMenu li { background:url(navBullet.jpg) no-repeat 0px 13px; border-bottom:1px solid #e5e5e5; padding:8px 0 6px 16px; margin:0 ; } #leftMenu a {color:#4d4d4d;} #leftMenu a:hover, #leftMenu a.selected {color:#3B73B9;} #sidebar h3 { font-size:12px; font-weight:bold; color:#3B73B9 ; padding:0; margin:0; text-transform:uppercase } #content { width:767px; float:left; padding-left: 20px; border-left: 1px solid #e5e5e5; min-height:400px; height: auto !important; height: 400px;} #printReady { float: left; width: 100%; } #global_presence #content { border: none; width:959px; padding-left:15px;} #contact_us #content { border: none; width:959px; padding-left:15px;} #engineering_solutions #content { border: none; width:959px; padding-left:15px;} #sitemap #content { border: none; width:959px; padding-left:15px;} #cwt_disclaimer #content { border: none; width:959px; padding-left:15px;} #search #content { border: none; width:959px; padding-left:15px;} /*Example for different page layout setting -- #logistics_commodity #content { border-color: red; }*/ #topSection { padding:0 0 10px 0; margin:0px; height:20px;} #breadcrumb { padding:0 0 10px 0; margin:0px; float:left;} #emailPrint { padding:0 35px 10px 0; margin:0px; float:right; position:relative; } #print { background:url(icon_print.jpg); background-repeat:no-repeat; cursor:pointer; height:20px; position:absolute; right:10px; text-indent:-1000em; top:0; width:21px; } h5 { font-family:Verdana, Geneva, sans-serif; color:#3B73B9; font-size:14px; padding:0px; margin: 0 0 5px 0px} .quote {font-family: Helvetica, Arial,sans-serif; color:#3B73B9; font-size:16px;} /*.quoteStart, .quoteEnd {color:#99d300; font-size:18px;}*/ #logistics_commodity .contentLeft { float:left; width:450px; margin:0 0 15px 5px;} #logistics_commodity .contentRight { float:left; width:289px; background: url(bg_midNote.jpg); background-repeat:repeat-y; background-position: 20px 0;} #logistics_commodity #highlight_top {background:url(bg_topNote.jpg); background-repeat:no-repeat; background-position: 20px 0; padding:40px 26px 0 40px; width:225px;} #logistics_commodity #highlight_top h4{font-size: 12px; font-style:italic; font-weight:bold; padding:0px; margin:0px} #logistics_commodity #highlight_top ul {padding:0; margin:0 ; list-style: none;} #logistics_commodity #highlight_top li {background:url(highlight_bullet.gif) no-repeat 10px 11px; padding:10px 0 0 28px; margin:0 ; line-height:14px } #logistics_commodity #highlight_bottom {background:url(bg_bottomNote.jpg); background-repeat:no-repeat; background-position:20px 0; height:23px} #logistics_freight .spacing {padding:0; margin:0 ;} #logistics_freight .mainBullet{padding:0; margin:0 ; list-style: none;} #logistics_freight .bullet{background:url(highlight_bullet.gif) no-repeat 10px 11px; padding:10px 0 0 28px; margin:0 ; line-height:14px } #logistics_freight h4 {font-family:Verdana, Geneva, sans-serif; color:#464646; font-size:14px; padding:0px; margin: 0 0 5px 0px;} #logistics_chemical .contentLeft { float:left; width:354px; height:145px; padding: 0 0 0 25px; margin: 0;} #logistics_chemical .contentRight { float:left; width:383px; height:145px; padding: 0; margin: 0;} #logistics_chemical h4{ font-size:12px; font-weight:bold; padding:0; margin:0; } #logistics_chemical p{ padding:0; margin:5px 0; } #logistics_chemical .contentPoint{ padding:0; margin:0; list-style:none;} #logistics_chemical .contentPointSub{ background:url(highlight_bullet_2.gif) no-repeat 10px 10px; padding:8px 0 0 28px; margin:0 ; line-height:16px } #logistics_chemical .clear {clear:both;} #logistics_chemical .contentLeft_supplyChain { float:left; width:354px; height:125px; padding: 0 0 0 25px; margin: 0;} #logistics_chemical .contentRight_supplyChain { float:left; width:383px; height:125px; padding: 0; margin: 0;} #coldchainContent { width:767px; } #logistics_coldchain p{ padding:0; margin:0; } #coldchainContent .mainLevel {padding:0 0 20px 15px; margin:0 ; list-style: none;} #coldchainContent .firstLevel {background:url(highlight_bullet.gif) no-repeat 10px 11px; padding:10px 0 0 28px; margin:0 ; line-height:14px } #coldchainContent ul ul{ list-style: none; list-style-image:none; padding:10px 0 0px 20px; margin:0;} #coldchainContent li li{ list-style: none; list-style-image:none; padding:0; margin:0 0 10px 0; } #coldchainContent .coldchainBg{ /*background:url(bg_logistics.jpg); background-repeat:no-repeat;*/ padding:20px 0 0 0px} #logistics_container .contentLeft { float:left; width:480px; background: none; padding: 0 0 0 10px; margin:0px;} #logistics_container .contentRight { float:left; width:250px; background: none; padding: 10 0 0 10px; margin:5px 0 0 15px;} #logistics_container p{ padding:0; margin:0; } #logistics_container .contentLeft ul {padding:0; margin:0 ; list-style: none;} #logistics_container .contentLeft li {background:url(highlight_bullet.gif) no-repeat 10px 11px; padding:10px 0 0 28px; margin:0 ; line-height:14px } #logistics_steel .contentLeft { float:left; width:480px; background: none; padding: 0 0 0 10px; margin:0px;} #logistics_steel .contentRight { float:left; width:250px; background: none; padding: 10 0 0 10px; margin:5px 0 0 15px;} #logistics_steel p{ padding:0; margin:10px 0 0 0; } #logistics_cargo #cargoBg{ /*background: transparent url(background_logistics2.jpg) no-repeat scroll 0 100px;*/ padding: 0 20px 0 10px ; margin:0} .cargoPoint ul {padding:0 0 0 20px; margin:0 ; list-style: none;} .cargoPoint li {background:url(highlight_bullet.gif) no-repeat 10px 1px; padding:0px 0 12px 28px; margin:0 ; line-height:14px } .cargoPoint .paragraph { padding:10px 0 15px 0; margin:0 } #logistics_3plindustries .contentLeft { float:left; clear: left; width:162px; background: none; padding: 0px; margin: 0 0 15px 15px; height:88px} #logistics_3plindustries .contentRight { float:left; height:80px; width:560px; background: none; padding: 0 ; margin:0 0 20px 5px;} #logistics_3plindustries .clear {clear:both;} #logistics_3plindustries p{ padding:0; margin:0; } #logistics_warehousing .contentLeft { float:left; width:360px; background: none; padding: 0px; margin: 0 0 0 10px;} #logistics_warehousing .contentRight { float:left; width:365px; background: none; padding: 0; margin:5px 5px;} .bottomContent {margin: 0 0 0 9px; float: left;} #engineering_solutions .contentLeft { float:left; clear: left; width:620px; background: none; padding: 0px; margin: 0 0 15px 15px;} #engineering_solutions .contentRight { float:left; width:280px; background: none; padding: 0 0 0 20px; margin:0;} #engineering_solutions .clear {clear:both;} #engineering_solutions p{ padding:0; margin:0; } .imageSpace { margin-top:20px;} #about_ourmission .contentLeft { float:left; clear: left; width:440px; background: none; padding: 10 0 0 10px; margin: 0 0 0 10px;} #about_ourmission .contentRight { float:left; width:289px; background: url(bg_midNote.jpg); background-repeat:repeat-y; background-position: 20px 0} #about_ourmission h4{font-size: 14px; font-weight:bold; padding:0px; margin:0px} #about_ourmission p{ padding:0; margin:0 0 15px 0; } #about_ourmission #highlight_top {background:url(bg_topNote.jpg); background-repeat:no-repeat; background-position: 20px 0; padding:40px 26px 0 40px} #about_ourmission #highlight_top h4{font-size: 11px; font-style:italic; font-weight:bold; padding:0px; margin:0px} #about_ourmission #highlight_bottom {background:url(bg_bottomNote.jpg); background-repeat:no-repeat; background-position:20px 0; height:23px} #about_businessoverview #Content { float:left; width:100%; height:90px; background:url(background_businessOverview.jpg); background-repeat:no-repeat; margin:0 0 10px 20px; padding:25px 40px 0 20px} #Content .contentLeft { float:left; width:340px; background: none; padding: 0px; margin: 0px;} #Content .contentRight { float:left; width:320px; background: none; padding: 0px; margin:0px;} #about_businessoverview h4{font-size: 12px; font-weight:bold; padding:0px; margin:0px} /*.contentLeft { float:left; clear: left; width:90px; background: none; padding: 0px; margin: 0 0 15px 15px;}*/ /*.contentRight { float:left; width:630px; background: none; padding: 0 10px 0 0; margin:0 0 15px 10px;}*/ #about_careers .contentLeft { float:left; width:450px; padding:0; margin:0 0 0 15px} #about_careers .contentRight { float:left; width:270px; background: url(bg_midNote.jpg); background-repeat:repeat-y; background-position: 10px 0} #about_careers .highlight{ background:url(bg_logistics.jpg); background-repeat:no-repeat; padding:20px 30px 30px 25px} #highlight_top {background:url(bg_topNote.jpg); background-repeat:no-repeat; background-position: 10px 0; padding:40px 17px 0 30px} #highlight_top h4{font-size: 11px; font-style:italic; font-weight:bold; padding:0px; margin:0px} #highlight_top ul {padding:0; margin:0 ; list-style: none;} #highlight_top li {background:url(highlight_bullet.jpg) no-repeat 10px 11px; padding:10px 0 0 28px; margin:0 ; line-height:14px } #highlight_bottom {background:url(bg_bottomNote.jpg); background-repeat:no-repeat; background-position:10px 0; height:23px} #contact_us .contactLeft { float:left; width:480px; background: none; padding: 0px; margin: 10px 0 0 5px ;} #contact_us .contactRight { float:left; height:530px; background:url(background_contactForm.jpg); background-repeat:no-repeat; width:450px; padding: 25px 0 0 15px; margin:0 ;} .contactRight label{ display:block;} .contactRight input{ width:90%} .contactRight .checkboxInput {width:auto; margin-left:15px} .contactRight .checkboxInputCat {width:auto;} .contactRight .textBox{ width:80%; margin:8px 0 0 0} .contactRight .textArea{ width:90%; margin:10px 0 10px 3px} .contactRight .button{ width:20%; margin:0 0 10px 0;} .contactRight h4 {font-size: 14px; font-weight:bold; padding:0; margin:0px 0 15px 20px} .contactRight .pageTitle {font-size: 14px; font-weight:bold; padding:0; margin:0px 10px 15px 20px;} .contactRight .mandatory {font-size: 10px; font-style:italic; color:#C00; margin:0px;} .contactRight .clearTop {margin: 0 0 10px 0;} .contactForm {float:left; margin:0px; padding:0px;} .contactForm ul{float:left; width:100%; margin:0px; padding:0px; list-style-image:none; list-style-position:outside; list-style-type:none; } .contactForm li{float:left; width:220px; margin:0 0 5px 0; padding:0px; list-style-image:none; list-style-position:outside; list-style-type:none; } .contactForm .clear {clear:both; padding-top:5px} .contactForm p { padding:0px; margin: 10px 0 5px 0} .contactForm .upperCase { text-transform:uppercase; font-weight:bold;} #sitemapNav {width:100%; float:left;} #sitemapNav ul{margin:0px; padding:0px; list-style:none; } #sitemapNav li{ margin:0 5px; padding:10px 0 20px 10px; } #sitemapNav ul ul{left:0;} #sitemapNav li li{ margin:0; padding:0;} .columnOne{float:left; width:193px; margin:0; padding:0px; height:18em; background:url(bgsitemap.jpg); background-repeat:repeat-x; } .columnTwo{float:left; width:155px; margin:0; padding:0px; height:18em; background:url(bgsitemap.jpg); background-repeat:repeat-x; } .columnThree{float:left; width:120px; margin:0; padding:0px; height:18em; background:url(bgsitemap.jpg); background-repeat:repeat-x; } .columnFour{float:left; width:150px; margin:0; padding:0px; height:18em; background:url(bgsitemap.jpg); background-repeat:repeat-x; } .columnFive{float:left; width:125px; margin:0; padding:0px; height:18em; background:url(bgsitemap.jpg); background-repeat:repeat-x; } .columnSix{float:left; width:90px; margin:0; padding:0px; height:18em; background:url(bgsitemap.jpg); background-repeat:repeat-x; } #sitemapNav h4 {font-size: 12px; font-weight:bold; color:#3B73B9; padding:0 0 5px 0; margin:0px; text-transform: uppercase;} #sitemapNav a {color:#4d4d4d; } #sitemapNav a:hover {color:#2d3394; } #about_jobDetails .mainBullet{padding:0; margin:0 ; list-style: none;} #about_jobDetails .bullet{background:url(highlight_bullet.gif) no-repeat 10px 1px; padding:0 0 10px 28px; margin:0 ; line-height:14px } #about_jobDetails h4 {font-family:Verdana, Geneva, sans-serif; color:#464646; font-size:14px; padding:0px; margin: 0 0 5px 0px;} .button_space {margin:20px 0} .postedDate {margin:0; padding:0; font-style:italic;} #search h5 { font-family:Verdana, Geneva, sans-serif; color:#3B73B9; font-size:14px; padding:0px; margin: 0 0 15px 0px} h3 {color:#2d3394; font-weight:bold;} .disclaimer {width:930px; padding:0 20px 0 10px; text-align:justify} /*Job Openings*/ .ir_tableBorder {border-top: 1px solid #ccc; border-left: 1px solid #ccc;} table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background:url(financial_header_bg.jpg) repeat-x; color: #fff; font-weight: bold; border-right: 1px solid #ccc;} table.ir_table tr.row1 td, table.ir_table tr.row1 th {background: #fff; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;} .alignmentLeft {text-align:left; padding-left:20px;} .alignmentCenter {text-align:center;} .cellSpacing {padding-left:20px;} /*Sub Page Banner*/ h2 {margin:0 0 15px 0; text-indent:-1000em; width:756px; height:139px;} .logistics_commodity {background:url(pagetitle_logistics_commodity.jpg) no-repeat 0 0;} .logistics_chemical {background:url(pagetitle_chemical.jpg) no-repeat 0 0;} .logistics_coldchain {background:url(pagetitle_coldchain.jpg) no-repeat 0 0;} .logistics_container {background:url(pagetitle_container.jpg) no-repeat 0 0;} .logistics_steel {background:url(pagetitle_steel.jpg) no-repeat 0 0;} .logistics_defence {background:url(pagetitle_defence.jpg) no-repeat 0 0;} .logistics_cargo {background:url(pagetitle_cargo.jpg) no-repeat 0 0;} .logistics_3plindustries {background:url(pagetitle_3plindustries.jpg) no-repeat 0 0;} .logistics_warehousing {background:url(pagetitle_warehousing.jpg) no-repeat 0 0;} .logistics_freight {background:url(pagetitle_freight.jpg) no-repeat 0 0;} .logistics_certifications {background:url(pagetitle_certifications.jpg) no-repeat 0 0;} .engineering_solutions {background:url(pagetitle_engineering_solutions.jpg) no-repeat 0 0; width:959px} .global_presence {background:url(pagetitle_global_presence.jpg) no-repeat 0 0; width:959px} .contact_us {background:url(pagetitle_contact_us.jpg) no-repeat 0 0; width:959px} .about_ourmission {background:url(pagetitle_about_ourmission.jpg) no-repeat 0 0;} .about_leadership {background:url(pagetitle_about_leadership.jpg) no-repeat 0 0;} .about_businessoverview {background:url(pagetitle_about_businessoverview.jpg) no-repeat 0 0;} .about_ourstory {background:url(pagetitle_about_ourstory.jpg) no-repeat 0 0;} .about_careers {background:url(pagetitle_about_careers.jpg) no-repeat 0 0;} .about_jobOpenings {background:url(pagetitle_about_careers.jpg) no-repeat 0 0;} .about_jobDetails {background:url(pagetitle_about_careers.jpg) no-repeat 0 0;} .sitemap {background:url(pagetitle_sitemap.jpg) no-repeat 0 0; width:959px} .cwt_disclaimer {background:url(pagetitle_disclaimer.jpg) no-repeat 0 0; width:959px} /*Footer*/ #footer {background: url(footer.jpg) no-repeat 14px 38px scroll; clear:both; margin:0 0 20px 0 ; float: left; width: 100%;} #footer p {margin:0 ; padding:20px 16px 20px 16px;} #footer .footer_company{float:left;} #footer .footer_designedBy {float:right;} /*Si Fixed*/ .si_fixed:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } .si_fixed{ display:block; } /* \*/ .si_fixed{ min-height:1%; } * html .si_fixed{ height:1%; }