/* DEFAULT STYLES */
html, body { height: 100%; }
h1 { font-family:Georgia,serif; font-style:italic; font-size: 300%; color: black; }
h2 { font-family:Helvetica,sans-serif; font-weight:bold; font-size: 142%; color: #646464; }
h3 { font-family:Helvetica,sans-serif; font-weight:bold; font-size: 128%; color: #7f7f7f; }
h4 { font-family:Helvetica,sans-serif; font-weight:bold; font-size: 115%; color: #646464;}
blockquote { color: #afafaf; }
img.center { display: block; margin-left: auto; margin-right: auto }
.cssHide { display: none; }
.clearfix { clear:both; }
/* FONTS */
@font-face {
font-family: 'TradeGothicLTStd-Cn18';
src: url('../font/TradeGothicLTStd-Cn18.eot');
src: url('../font/TradeGothicLTStd-Cn18.eot?#iefix') format('embedded-opentype'),
url('../font/TradeGothicLTStd-Cn18.woff') format('woff'),
url('../font/TradeGothicLTStd-Cn18.ttf') format('truetype'),
url('../font/TradeGothicLTStd-Cn18.svg#TradeGothicLTStd-Cn18') format('svg');
font-weight: normal;
font-style: normal;
}
/* DEFAULT CONTENT STYLES */
/* General */
.content p { font-size: 100%; line-height: 170%; margin:1em 0; }
.content em { font-style: italic; }
.content a, a:link, a:visited { color: #ee3d33; text-decoration: none; transition: all 0.3s; -webkit-transition: all 0.3s; font-weight:bold; }
.content a:hover { color: #cf352c; text-decoration: none; }
/* Lists */
/*
.content ul { margin:0; padding:0.5em 0 0 0em; list-style: disc; }
.content li { background: transparent url('../img/li-dot.png') no-repeat 0.5em 0.5em; padding-bottom:0.5em; padding-left:1.5em; }a
*/
.content ul { /*list-style: disc; margin: 0 0 0 30px; padding:0.5em;*/
display: block;
list-style: disc;
margin-left: 40px;
}
.content li { padding: 0 0 0.5em 0; }
/* Tables */
.content th { font-weight: bold; }
.content tr:nth-child(odd) td { background: #f7f7f7; }
.content tr:nth-child(odd) th { background: #f7f7f7; }
.content td { padding: 0 10px; }
/* Forms */
.content form .message.required { background: #ee3d33; font-size:90%; height:20px; color:white; margin-bottom:20px; display:block; padding:5px; width:80%; }
.content form label.required { background: #ee3d33; font-size:90%; height:20px; color:white; margin-bottom:20px; display:block; padding:5px; width:80%; }
.content select { width: 80%; border: 1px solid #eeeeee; padding: 5px; margin:5px 0 10px;}
.content input { height:20px; width: 80%; border: 1px solid #eeeeee; padding: 5px; margin:5px 0 10px;}
.content input.required { border:1px solid #d84537; }
.content textarea { width: 80%; border: 1px solid #eeeeee; padding:5px; margin:5px 0 10px; }
.content input.action { margin:10px 0; height: 40px; width:160px; padding:10px 20px; background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; transition: all 0.3s; -webkit-transition: all 0.3s; font-weight:normal; color:white; border:0; text-align:left; font-size:100%;}
.content input.action:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; }
/* PAGE LAYOUT STYLING */
/* Page Size */
body {overflow-x: hidden;}
.shell { position: relative; min-height: 100%; }
.body { width:960px; margin: 0 auto; padding-bottom: 170px;}
.body .content { background: white; padding: 20px 30px; margin-bottom:60px; min-height: 400px; }
/* 2 Column Layout */
.sideNav .main { width: 720px; margin-right:10px; }
.sideNav .sidebar { float:right; width: 230px; }
/* Background Slideshow */
#slideshow { position:fixed !important; overflow:auto !important;top:-50%;left:-50%; width:200%; height:200%; margin:0; padding:0; }
#slideshow li { height:auto !important;width:auto !important; position: static !important; display:none; }
#slideshow li .slideshow-content { font-size: 20px; color: white; position:absolute; margin-top: 70px; left: 25%; top: 25%; width: 50%; }
#slideshow li .slideshow-content > div { width:960px; margin:0 auto 0; }
#slideshow img { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; }
#slideshow-control { display:none; position: absolute; bottom:200px; width: 960px; }
#fssPrev, #fssNext, #fssPlayPause { display: none; }
#fssList { width: 150px; height: 20px; position:relative; list-style:none; margin:0 auto; }
#fssList li { float: left; width: 25px; height: 20px; text-align:center; }
#fssList li a { display: inline-block; text-indent: -999em; vertical-align:middle; width: 5px; height: 5px; background-color: white; border: 1px solid white; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; zoom: 1; }
#fssList li.fssActive a { border-color: white; background-color: transparent; height:10px; width:10px; }
/* Header */
.header-top { }
.header-fixed { background:url('../img/header-shadow.png') repeat-x 0 100%; position:fixed; z-index:1000; width:100%; }
.header-outter { background: white; width:100%; float: left; padding: 20px 0}
.header {max-width: 1400px; width: 100%; margin:0 auto; }
.header .logo { float: left; margin-left: 20px;}
.header .nav { float:right; margin-right:20px; }
.header ul.nav-1 { list-style:none; }
.header ul.nav-1 > li { float: left; text-align:center; line-height: 20px; /*padding:50px 10px 10px 10px; height: 20px;*/ transition: all 0.3s; -webkit-transition: all 0.3s; position: relative; }
.header ul.nav-1 > li.section,
.header ul.nav-1 > li.current { background: #eeeeee; }
.header ul.nav-1 > li a { text-transform: lowercase; color: #000000; padding:10px 20px; /*height: 20px;*/ display:block; font-weight:normal; text-transform: capitalize; z-index: 1; position: relative;}
/* .header ul.nav-1 > li:hover { background: #eeeeee; } */
.header ul.nav-1 > li:after { content: ''; position: absolute; left: -8px; top: -4px; width: 0; height: calc(100% + 8px); border-radius: 6px; transition: all 0.15s ease-in-out; background: #eeeeee;}
.header ul.nav-1 > li:hover:after { width: calc(100% + 16px);}
.header ul.nav-1 > li:hover ul.nav-2 { opacity: 1; height: auto; padding:10px 0; }
.header ul.nav-1 > li:last-child > ul.nav-2 { margin-left:-103px; }
.header ul.nav-2 { z-index:20; -webkit-transition: opacity 0.3s ease-out; opacity: 0; height: 0; overflow: hidden; list-style: none; position:absolute; width: 220px; background: #eeeeee; margin: -4px 0 0 -8px; border-radius: 6px; }
.header ul.nav-2 > li { transition: all 0.3s; -webkit-transition: all 0.3s; width: 200px; font-size:90%; /*height: 38px;*/ padding:0; margin: 0 10px; text-align:left; /*border-bottom:1px solid #cdcdcd;*/ position: relative;}
.header ul.nav-2 > li:after { content: ''; position: absolute; left: -4px; top: -4px; width: 0; height: calc(100% + 8px); border-radius: 6px; transition: all 0.15s ease-in-out; background: #000000;}
.header ul.nav-2 > li:hover:after { width: calc(100% + 8px);}
.header ul.nav-2 > li a { width:190px; /*height: 18px;*/ padding: 10px 0 10px 10px; display:block;}
.header ul.nav-2 > li:hover a {color: #ffffff;}
.header ul.nav-2 > li:last-child { border-bottom:none; }
/* .header ul.nav-2 > li:hover { background: #cdcdcd; } */
/* Header - Our Brands 2 column */
.header ul.nav-1 .our-brands .nav-2 { width:430px; }
.header ul.nav-1 .our-brands .nav-2 li { float:left; }
.header ul.nav-1 .our-brands .nav-2 li:nth-child(even) { margin-left:0; }
/* Main Heading */
.heading { margin: /*110px*/30px auto 30px auto; width: 960px; text-align: center; }
.heading.quote { width: 960px; height:100px; margin:10px auto; display:table; }
.heading.quote h1 { text-align:left; width:480px; margin:0; display:table-cell; height:100px; vertical-align:middle; line-height:1.2em; }
.heading.quote .description { margin: 0px auto 0px auto; width: 360px; float:right; text-align: right; padding:5px 35px 5px 25px; height:90px; font-size:20px; line-height: 28px; background:url('../img/description-bg-grey-420.png') no-repeat 0 0; color:#000; }
.heading.quote .description p { font-family: Georgia,serif; font-weight:100; font-size:18px; font-style:italic; height:85px; display:table-cell; vertical-align:middle; opacity:0.85; line-height:1.2em; }
/* Breadcrumbs */
.breadcrumbs { text-transform:lowercase; height: 20px; margin: 0 auto; width: 940px; text-align:right; margin-bottom:15px; padding-right:20px; color: white; font-style: italic; font-size:90%; font-family:Georgia; }
.breadcrumbs a,
.breadcrumbs a:active,
.breadcrumbs a:visited { color: white; font-style:italic; font-family: Georgia; font-weight:normal; transition: all 0.3s; -webkit-transition: all 0.3s; }
.breadcrumbs a:hover { color: #d84537; }
/* Side Bar Navigation */
.side-links { background:white; margin-bottom: 10px; }
.side-links .nav { padding: 15px 15px; list-style:none; }
.side-links .nav ul { list-style:none; }
.side-links .nav ul li { padding: 0; margin-bottom: 10px; /*border-bottom:1px solid #eee; */ }
.side-links .nav ul li:last-child { border-bottom:0; }
.side-links .nav ul li a { display:block; line-height: 20px; padding: 10px 20px; /*width: 160px;*/ font-weight:normal; color: #646464 }
.side-links .nav ul li a:link,
.side-links .nav ul li a:visited { color: #646464; }
.side-links .nav ul li > a:hover { color: #ee3d33; }
.side-links .nav ul li.section > a,
.side-links .nav ul li.current > a { background: #e1e1e1 url('../img/sidebar-highlight-noarrow.png') no-repeat 0 100%; padding-bottom:15px; min-height:27px; }
.side-links .nav ul li.has_sub.current > a { background: #e1e1e1 url('../img/sidebar-highlight.png') no-repeat 0 100%; padding-bottom:15px; min-height:27px; }
.side-links .nav ul li.section.has_sub > a { background: #e1e1e1 url('../img/sidebar-highlight.png') no-repeat 0 100%; padding-bottom:15px; min-height:27px; }
.side-links .nav ul li.next { margin-bottom: 0; display: none; }
.side-links .nav ul li.next a { /*width:160px;*/ padding:10px 20px; background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; height:20px; transition: all 0.3s; -webkit-transition: all 0.3s; font-weight:normal; color:white;}
.side-links .nav ul li.next a:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; height:20px; }
.side-links .nav ul li.next a:visited,
.side-links .nav ul li.next a:active,
.side-links .nav ul li.next a:link { color: white; }
/*.side-links .nav ul li.current .nav-2 { display: block; }*/
.side-links .nav .nav-2 { padding-left:15px; }
.side-links .nav .nav-2 li { margin-bottom:0; /*border-bottom:1px solid #f5f5f5;*/ position: relative;}
.side-links .nav .nav-2 li:last-child { border-bottom:0; }
.side-links .nav .nav-2 li a { padding: 10px 20px 10px 36px; }
.side-links .nav .nav-2 li a:before { font-size:30px; position:absolute; left:18px; top:10px; content: '\b7\a0'; /* \b7 is a middot, \a0 is a space */ }
.side-links .nav .nav-2 li.current a { background:#999; color:white; min-height:0; }
/* Side Bar - Sub Navigation */
.side-list { background:white; padding:15px; margin-bottom:10px; }
.side-list h4 { color: #afafaf; font-weight: normal; font-style: italic; font-size: 90%; line-height:100%; margin:0 0 20px 0; padding:0; }
/* Footer */
/* .footer-outter { height:160px; background: url('../img/footer-shadow.png') repeat-x; position:absolute; bottom:0; width:100%; } */
.footer { position:absolute;bottom:0; background: white; padding: 20px; width: 100%;}
.footer .container { max-width: 1400px; width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.footer ul { list-style: none; }
.footer a, .footer a:link, .footer a:visited { color: #7f7f7f; font-weight:bold; transition: all 0.3s; -webkit-transition: all 0.3s; }
.footer a:hover { color: #d84537; }
.footer .container div:first-child {width: 100%; margin-bottom: 20px; background: #ffffff !important;}
.footer div.col { float: left; width: 250px; }
.footer div.last { float: right; width: auto; }
.footer .copyright .being { /* height: 66px; */ }
.footer .copyright small { display:block; color: #7f7f7f; line-height: 22px; height: 22px; font-size:9px; }
.footer .copyright li { font-size: 9px; height:22px; line-height: 22px; float: left; margin-right: 5px; font-weight: normal; }
.footer .sites { font-size: 85%; }
.footer .sites li { padding-left: 20px; height: 22px; }
.footer .search h3 { font-size: 85%; font-weight: bold; color: #7f7f7f; margin-bottom:5px; }
.footer .search input.text { float: left; width: 158px; height: 18px; padding: 6px; color: #555; background-repeat: no-repeat; background-color: #ededed; border: none; font-size: 10px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.footer .search #SearchForm_SearchForm_action_results { float: left; width: 30px; height: 30px; padding: 0; border: none; text-indent: -9999em;overflow: hidden; background: #686f73 url('../img/button-search.png') no-repeat 50% 50%; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.footer .search input.button:hover { cursor: pointer; }
.footer .subscribe h3 { font-size: 85%; font-weight: bold; color: #7f7f7f; margin-bottom:5px; }
.footer .subscribe { width: 210px !important; margin-right: 0 !important; }
.footer .subscribe input.text { float: left; width: 188px; height: 18px; padding: 6px; margin-bottom: 6px; color: #777; background-repeat: no-repeat; background-color: #ededed; border: none; font-size: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.footer .subscribe fieldset label { display: none; }
.footer .subscribe input.email { width: 158px; -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; }
.footer .subscribe label.required { display:none !important; }
.footer .subscribe #Form_Form_action_process { float: left; width: 30px; height: 30px; padding: 0; border: none; text-indent: -9999em;overflow: hidden; background: #686f73 url('../img/button-go.png') no-repeat 50% 50%; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; position:relative;left:170px;top:-36px;}
.footer .links { margin-right: 0 !important; }
.footer .links ul { float:right; display: flex;}
.footer .links li { font-size: 13px; height:30px; line-height: 30px; font-weight: normal; margin-right: 20px;}
.footer .links li a { font-weight:normal !important; }
/* PAGE STYLING */
/* Home Page */
.HomePage .shell { min-height:0; position:static; }
.HomePage .body { min-height:0; position:static; padding-bottom:0; }
.HomePage .main { width: 960px; margin:0 auto; }
.HomePage #content { position: absolute; bottom:180px; }
.HomePage .slideshow-content div.blurb { min-height:189px; height:30%; margin-top:10% !important; }
.HomePage .slideshow-content div.blurb .inner { min-height:189px; padding-left:50px; background: url('../img/blurb-bracket.png') no-repeat 0 0; width:620px; }
.HomePage .slideshow-content div.blurb p { display:block; color: white; font-size: 34px; font-weight:100; line-height:120%; padding-top:0.1em; margin-bottom:0.4em; }
.HomePage .slideshow-content div.blurb em { font-style:italic; font-weight:100; font-family: Georgia }
.HomePage .blocks { height: 112px; margin-bottom:30px; padding:0 10px; }
.HomePage .block { float: left; width: calc(33.33% - 20px); margin: 0 20px 0 0; padding: 10px 5px 10px 5px;/*background-image: url('../img/home-content-block.png');*/ background: #ffffff; box-sizing: border-box; border: 2px solid #000; text-align: center; border-radius: 6px;}
.HomePage .block.last { margin: 0; }
.HomePage .block h4 a { display:block; padding: 5px 10px; margin-bottom:10px; }
.HomePage .block h4 a,
.HomePage .block h4 a:visited,
.HomePage .block h4 a:hover,
.HomePage .block h4 a:active { color: #646464; }
.HomePage .block h4 span { display:block; height:12px; width:270px; font-size:10px; }
.HomePage .block .text { padding: 0 10px; }
.HomePage .block .text p { font-size: 90%; color: #646464; }
.HomePage .block { transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; zoom:1; cursor: pointer; }
.HomePage .block:hover{ opacity:0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.HomePage .block.investor { background-image: url('../img/home-content-block-investor.png'); }
.HomePage .block.investor .text { padding: 5px 0 0 0; }
.HomePage .block.investor .asx,
.HomePage .block.investor .nsx { width: 145px; height:35px; float:left; text-align:center; }
.HomePage .block.investor img { +filter: brightness(120%); -webkit-filter: brightness(120%); /* Trying to customise the image we get back from Iguana */ }
/* Home Search Results */
.HomePage #content.searchresults { position:static; bottom:auto; }
.HomePage #content.searchresults h2 { margin-bottom:10px; }
.HomePage #content.searchresults em { font-style:italic; }
.HomePage #content.searchresults ul { list-style:none; }
.HomePage #content.searchresults li { padding: 10px 0; background:none; }
.HomePage #SearchResults p.readmore { padding-top:10px; }
.HomePage #PageNumbers { height: 15px; margin: 20px 0 20px 0; }
.HomePage #PageNumbers .pagecount { float:left; width:200px; padding:20px 0 0; font-style:italic; }
.HomePage #PageNumbers .controls { width: 400px; float:right; }
.HomePage #PageNumbers .controls li { float:right; white-space:nowrap; margin-left:20px; }
.HomePage #PageNumbers .controls li a { display:block; width:120px; padding:10px 20px; background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; height:20px; transition: all 0.3s; -webkit-transition: all 0.3s; font-weight:normal; color:white;}
.HomePage #PageNumbers .controls li a:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; height:20px; }
.HomePage #PageNumbers .controls li a:visited,
.HomePage #PageNumbers .controls li a:active,
.HomePage #PageNumbers .controls li a:link { color: white; }
/* Grey Page */
.GreyPage .heading h1 { color: #77706f;}
.GreyPage .heading .description { color: #878787; }
.GreyPage .breadcrumbs { background:url('../img/breadcrumb-bg.png') repeat-x 0 0; color:#878787; padding:10px; height:20px; margin:0 auto; }
.GreyPage .breadcrumbs a { color:#878787 }
/* Brand Listing */
.BrandHolder #content { padding-bottom: 100px; }
.BrandHolder #content ul { list-style: none; }
.BrandHolder #content li { width: 231px; height: 190px; background: url('../img/brands-list.png') no-repeat; float: left; margin: 5px; cursor: pointer; }
.BrandHolder #content li:nth-child(4n) { margin: 5px 0 5px 5px; }
.BrandHolder #content li .caption { height: 31px; width:221px; line-height: 30px; padding: 2px 5px; }
.BrandHolder #content li a:active .caption,
.BrandHolder #content li a:visited .caption,
.BrandHolder #content li a:hover .caption,
.BrandHolder #content li a .caption { color: #aeaeae; font-style: italic; font-size: 95%; font-weight:normal; }
.BrandHolder #content li .bg { position:absolute; height:150px; margin:0 5px 5px 5px; background: #b2b2b2; width:221px; }
.BrandHolder #content li .bg img { width:221px; height:150px; }
.BrandHolder #content li .title { position:relative; height:90px; width: 221px; padding-top:60px; text-align:center; background-image: url('../img/brand-overlay.png'); margin:0 5px 5px 5px; transition: all ease 0.3s; -ms-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; zoom:1; }
.BrandHolder #content li:hover .title { background-image:none; }
.BrandHolder #content li a:active .title,
.BrandHolder #content li a:active .title,
.BrandHolder #content li a:visited .title,
.BrandHolder #content li a:hover .title,
.BrandHolder #content li a .title { color: white; font-size: 140%; font-weight:bold; }
/* Brand News Holder */
.BrandNewsHolder h3 a,
.BrandNewsHolder h3 a:hover,
.BrandNewsHolder h3 a:active,
.BrandNewsHolder h3 a:visited { color: #646464; }
.BrandNewsHolder .article { border-bottom:1px solid #cccccc; padding: 10px 0px 30px 0; margin-bottom:10px; }
.BrandNewsHolder .article:last-child { border-bottom:0; }
.BrandNewsHolder .article p { line-height: 170%; margin: 1em 0; }
.BrandNewsHolder .article .date { color: #afafaf; font-size:85%; height:30px; line-height:40px; }
.BrandNewsHolder .article .thumbnail { float: right; }
.BrandNewsHolder .article .thumbnail img { display: block; width: 180px; height: 180px; background:#000; border-radius:180px; -webkit-transition: border-radius ease 0.2s; -moz-transition: border-radius ease 0.2s; -ms-transition: border-radius ease 0.2s; transition: border-radius ease 0.2s; box-shadow: 0px 0px 20px #eee; }
.BrandNewsHolder .article .thumbnail img:hover { border-radius: 0px; box-shadow:none; }
.BrandNewsHolder .article .readmore { margin-top:30px; }
.BrandNewsHolder .article .readmore a { display:block; width:160px; padding:10px 20px; background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; height:20px; transition: all 0.3s; -webkit-transition: all 0.3s; color:white; font-weight: normal;}
.BrandNewsHolder .article .readmore a:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; height:20px; }
.BrandNewsHolder .article .readmore a:hover,
.BrandNewsHolder .article .readmore a:active,
.BrandNewsHolder .article .readmore a:visited { color: white; }
/* Brand News Page */
.BrandNewsPage .date { color: #afafaf; font-size:85%; height:30px; line-height:40px; }
.BrandNewsPage .thumbnail { float: right; padding:0 0px 10px 30px; text-align:right; }
.BrandNewsPage .thumbnail img { max-width:180px; max-height:280px; }
.BrandNewsPage .thumbnail img { display: block; width: 180px; height: 180px; background:#000; border-radius:180px; -webkit-transition: border-radius ease 0.2s; -moz-transition: border-radius ease 0.2s; -ms-transition: border-radius ease 0.2s; transition: border-radius ease 0.2s; box-shadow: 0px 0px 20px #eee; }
.BrandNewsPage .thumbnail img:hover { border-radius: 0px; box-shadow:none; }
.BrandNewsPage p { line-height: 170%; margin: 1em 0; }
/* Financial Result Page */
.FinancialResultPage .date { color: #afafaf; font-size:85%; height:30px; line-height:40px; }
.FinancialResultPage .thumbnail { float: right; width: 200px; padding:0 0px 10px 10px; text-align:right; }
.FinancialResultPage .thumbnail img { max-width:180px; max-height:180px; }
.FinancialResultPage article { margin-bottom: 40px; }
.FinancialResultPage .content p { line-height: 170%; margin: 1em 0; }
.FinancialResultPage .content ul { list-style: none; margin: 20px 0; width: 75%; }
.FinancialResultPage .content ul li { padding: 0; font-weight:bold; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.FinancialResultPage .content ul li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.FinancialResultPage .content ul li:nth-child(even) { background-color:transparent; }
.FinancialResultPage .content ul li span { font-size: 95%; padding-right :10px; }
.FinancialResultPage .content ul li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.FinancialResultPage .content ul li a,
.FinancialResultPage .content ul li a:hover,
.FinancialResultPage .content ul li a:visited,
.FinancialResultPage .content ul li a { font-size: 95%; color: #646464; font-weight:normal; }
/* Investor News Page */
.InvestorNewsPage h2 { margin-top:40px; }
.InvestorNewsPage .content ul { list-style: none; margin: 10px 0 20px; width: 95%; }
.InvestorNewsPage .content ul li { padding: 0; font-weight:bold; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.InvestorNewsPage .content ul li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.InvestorNewsPage .content ul li:nth-child(even) { background-color:transparent; }
.InvestorNewsPage .content ul li span { font-size: 95%; padding-right :10px; font-weight:bold; }
.InvestorNewsPage .content ul li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.InvestorNewsPage .content ul li a,
.InvestorNewsPage .content ul li a:hover,
.InvestorNewsPage .content ul li a:visited,
.InvestorNewsPage .content ul li a { font-size: 95%; color: #646464; font-weight:normal; }
.InvestorNewsPage .readmore { margin:20px 0 10px; }
.InvestorNewsPage .readmore a { display:block; width:160px; padding:10px 20px; background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; height:20px; transition: all 0.3s; -webkit-transition: all 0.3s; color:white; font-weight: normal;}
.InvestorNewsPage .readmore a:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; height:20px; }
.InvestorNewsPage .readmore a:hover,
.InvestorNewsPage .readmore a:active,
.InvestorNewsPage .readmore a:visited { color: white; }
/* Investor Announcements */
.InvestorAnnouncePage h2 { float: left; }
.InvestorAnnouncePage label select { font-size: 90%; width: 100px; margin-left:10px; }
.InvestorAnnouncePage label { text-align:right; display:block; }
.InvestorAnnouncePage .content ul { list-style: none; margin: 10px 0 20px; width: 100%; }
.InvestorAnnouncePage .content ul li { padding: 0; font-weight:bold; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.InvestorAnnouncePage .content ul li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.InvestorAnnouncePage .content ul li:nth-child(even) { background-color:transparent; }
.InvestorAnnouncePage .content ul li span { font-size: 95%; padding-right :10px; font-weight:bold; display:block; width:80px; padding-right:20px; float:left; text-align:right; }
.InvestorAnnouncePage .content ul li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.InvestorAnnouncePage .content ul li a,
.InvestorAnnouncePage .content ul li a:hover,
.InvestorAnnouncePage .content ul li a:visited,
.InvestorAnnouncePage .content ul li a { font-size: 95%; color: #646464; font-weight:normal; }
/* Share Price Graph */
.SharePricePage .quote img { margin: 40px auto 40px; display:block; }
.SharePricePage .sharePrice { text-align:center; }
.SharePricePage .dates { padding-left: 50px; }
.SharePricePage .dates label { width: 180px; }
.SharePricePage .dates label span { padding-right: 10px; }
.SharePricePage .dates input { width: 80px; margin-right:10px; }
.SharePricePage #submit { width:100px; text-align:left; padding-left:10px;background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; height:32px; transition: all 0.3s; -webkit-transition: all 0.3s; color:white; font-weight: normal;}
.SharePricePage #submit:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; }
/* Brand Page */
.BrandPage .heading { display: none; }
.BrandPage div.carousel { background: white url('../img/carousel-shadow.png') repeat-x 0 100%; padding:15px 15px 25px; }
.BrandPage .carousel ul { list-style:none; height:300px; }
.BrandPage .carousel ul img { width: 690px; height:300px; }
.BrandPage .carousel #carousel-control { display: none; }
.BrandPage .carousel #carousel-prev { display:none; z-index:10; position:absolute; margin-left: 610px; height:40px; width:40px; background: url('../img/carousel-left.png') no-repeat 50% 50%; cursor:pointer; }
.BrandPage .carousel #carousel-next { display:none; z-index:10; position:absolute; margin-left: 650px; height:40px; width:40px; background: url('../img/carousel-right.png') no-repeat 50% 50%; cursor:pointer; }
.BrandPage .content { min-height: 200px; }
.BrandPage .side-logo { background: white; margin-bottom:10px; padding:15px; }
.BrandPage .side-logo h4 { color: #afafaf; font-weight: normal; font-style: italic; font-size: 90%; line-height:100%; margin:0 0 20px 0; padding:0; }
.BrandPage .side-logo .social { margin:20px 0 10px 0; }
.BrandPage .side-logo .social ul { margin:20px 0 30px -10px; }
.BrandPage .side-logo .social li { width: 40px; height: 30px; float:left; text-indent: -999em; border-right:1px solid #e1e1e1; }
.BrandPage .side-logo .social li:last-child { border:0; }
.BrandPage .side-logo .social li.facebook { background: url('../img/social-facebook.png') no-repeat 50% 50%; }
.BrandPage .side-logo .social li.twitter { background: url('../img/social-twitter.png') no-repeat 50% 50%; }
.BrandPage .side-logo .social li.youtube { background: url('../img/social-youtube.png') no-repeat 50% 50%; }
.BrandPage .side-logo .social li.pinterest { background: url('../img/social-pinterest.png') no-repeat 50% 50%; }
.BrandPage .side-logo .social li.instagram { background: url('../img/social-instagram.png') no-repeat 50% 50%; }
.BrandPage .side-logo .social li a { display:block; height: 30px; width: 40px; }
.BrandPage .side-website { background:white; padding:15px; margin-bottom:10px; }
.BrandPage .side-website h4 { color: #afafaf; font-weight: normal; font-style: italic; font-size: 90%; line-height:100%; margin:0 0 20px 0; padding:0; }
.BrandPage .side-website h3 { color: #ee3d33; }
.BrandPage .side-website .link { margin-top:10px; }
.BrandPage .side-website .link a { text-transform:lowercase; display:block; width:160px; padding:10px 20px; background: #636363 url('../img/arrow-white.png') no-repeat 92% 50%; height:20px; transition: all 0.3s; -webkit-transition: all 0.3s; color:white; font-weight: normal;}
.BrandPage .side-website .link a:hover { background: #555555 url('../img/arrow-white.png') no-repeat 95% 50%; height:20px; }
.BrandPage .side-website .link a:hover,
.BrandPage .side-website .link a:active,
.BrandPage .side-website .link a:visited { color: white; }
.DirectorHolder .content { padding: 0; }
.DirectorHolder .content .leadin { padding:25px 30px 0; }
.DirectorHolder .content .leadin p { margin:0; }
.DirectorHolder .content .leadout { padding:25px 30px; }
.DirectorHolder .directors { background: url('../img/directors-header.png') repeat-x; padding:25px 30px; }
.DirectorHolder .director { margin-top: 20px; }
.DirectorHolder .director .thumbnail { float: left; width: 100px; height:100px; padding-top:5px; }
.DirectorHolder .director .thumbnail .border { position:absolute; height:70px; width:70px; z-index:10; background: url('../img/directors-border.png'); }
.DirectorHolder .director .info { float: left; width:560px; }
.DirectorHolder .director .info h3 { width: 175px; float: left; font-size:100%; color: #646464; font-weight:bold; }
.DirectorHolder .director .info h4 { width: 300px; float: left; font-size:100%; color: #afafaf; font-weight:normal; }
.DirectorHolder .director .info .bio { font-size:90%; }
.DirectorHolder .director .clear { clear: left; }
.SourcingHolderPage .content { padding:0px; overflow:hidden; }
.SourcingHolderPage .content { background: white url('../img/source-footer.jpg') no-repeat 50% 97%; padding-bottom: 150px; }
.SourcingHolderPage article { padding:15px 20px 20px 20px; }
.SourcingHolderPage .worldmap { display: none; z-index:100; background:url('../img/kalid-map-34.jpg') no-repeat 0 0; height:644px; width:720px; background-position: 0px 0px; position:relative; }
.SourcingHolderPage .countries .country { position:absolute; width:51px; height:39px; cursor:pointer; }
.SourcingHolderPage .countries .country .bubble { position:absolute; z-index:10; top:-100px; left:60px; background:url('../img/world-bg.png') 0 0; width:257px;height:258px; visibility:hidden; -webkit-transition: opacity 0.5s ease-out; opacity:0; }
.SourcingHolderPage .countries .country .bubble.right { left: 60px; top: -100px; }
.SourcingHolderPage .countries .country .bubble.left { left: -250px; top: -100px; }
.SourcingHolderPage .countries .country:hover .bubble { visibility:visible; opacity:1; }
.SourcingHolderPage .countries .country .bubble h3 { text-align:center; text-transform:uppercase; margin:53px 0 5px 0; }
.SourcingHolderPage .countries .country .bubble h3 a { color:white; transition:none; font-family:"TradeGothicLTStd-Cn18"; font-size:25px;}
.SourcingHolderPage .countries .country .bubble .stats { padding:0 45px; color:white; }
.SourcingHolderPage .countries .country .bubble .stats label { font-family:"TradeGothicLTStd-Cn18"; text-transform:uppercase; line-height:20px; font-size:13px; letter-spacing:0.5px; display:block; float:left; width:130px; }
.SourcingHolderPage .countries .country .bubble .stats span { font-family:"TradeGothicLTStd-Cn18"; text-transform:uppercase; line-height:20px; font-size:16px; display:block; float: left; width:35px; color: #ED1C24; }
.SourcingHolderPage .countries .country .flag { position:absolute; z-index:5; background:url('../img/map-flag-bg-small.png') no-repeat 0 0; width:39px; height:36px; padding: 3px 12px 0px 0px; text-align: center; }
.SourcingHolderPage .countries .country .flag span { color:white; font-family:"TradeGothicLTStd-Cn18"; font-size:20px; font-weight:100; /* Custom Font: TradeGothicLTStd BdCn20 */ }
.SourcingCountryPage .content ol { margin-left: 3em; }
.SourcingCountryPage .content ol li { background: none; padding-left: 0; color: #858585;}
.SourcingCountryPage .content ol li span { color: #000; }
/* IE HACKS */
.SourcingHolderPage .countries .country .flag { padding: 1px 12px 0px 0px\9; }
.SourcingHolderPage .countries .country .bubble .stats label { letter-spacing: 0\0/; font-size:11px\0/; }
.SourcingHolderPage .countries .country .bubble .stats span { letter-spacing: 0\0/; font-size:13px\0\/; }
*+html .SourcingHolderPage .countries .country .bubble .stats label { letter-spacing: 0\0/; }
.SourcingHolderPage .countries .country .bubble .stats span { letter-spacing: 0\0/; }
.UserDefinedForm form select.dropdown { height: 30px; width: 80%; border: 1px solid #eeeeee; padding: 5px; margin: 5px 0 10px; }
/* PAGE CONTENT STYLING */
/* Timeline */
#timelineContainer { border-left:2px solid #afafaf; margin:40px 60px; width:600px; }
#timelineContainer .timelineMajor { clear:left; width: 600px; margin:0 0 12px; }
#timelineContainer .timelineMajor h2 { cursor: pointer; font-weight:400; margin:0 0 10px; margin-left:-36px; height:30px; width:61px; font-size:120%; background:url(../img/timeline-closed-circle.png) 0 0 no-repeat; padding:20px 5px; text-align:center; clear:left; }
#timelineContainer .timelineMajor.open h2 { background:url(../img/timeline-open-circle.png) 0 0 no-repeat; }
#timelineContainer .timelineMajor h2 span { color:white; letter-spacing:.1em; line-height:1.7em; padding:3px 5px 1px; height:71px; width:71px; }
#timelineContainer .timelineMajor.open h2 span { color: #afafaf; }
#timelineContainer .timelineMinor { clear:left; float:left; margin:0 12px 15px 0; padding:4px 4px 4px 0; position:relative; width:600px; }
#timelineContainer .timelineMinor dt { background:url('../img/timeline-closed-node.png') 0 3px no-repeat; clear:left; list-style-type:none; line-height:1.2em; padding:0 0 0 40px; white-space:nowrap; }
#timelineContainer .timelineMinor.open dt { background:url('../img/timeline-open-node.png') 0 3px no-repeat; }
#timelineContainer .timelineMinor dt a { color:#999; cursor:pointer; font-weight:bold; font-size:110%; }
#timelineContainer .timelineMinor dt a.closed { margin-left:0; }
#timelineContainer .timelineMinor dt a.open { color: #646464; }
#timelineContainer .timelineMinor dt span.time { color: #afafaf; padding-left: 10px; font-weight:100; font-size:90%; }
#timelineContainer .timelineMinor dd { padding-left:40px; width:560px; }
#timelineContainer .timelineEvent p { clear:left; float:left; line-height:1.5em; margin:6px 0 10px; width:300px; }
#timelineContainer .timelineEvent .media { float:right; width:180px; text-align:right;}
#timelineContainer .timelineEvent .media img { max-width:180px; }
/* Finance Calendar Content */
.financial-calendar .content table { margin: 10px 15px 30px 70px; font-size:95%; }
.financial-calendar .content table td { padding: 5px; }
.financial-calendar .content table th { text-align: right; padding-right:20px; }
/* Dividend Table Content */
.dividends .content table { width: 100%; margin: 10px 0; font-size: 95%; }
.dividends .content table th { border-bottom: 1px solid #eeeeee; padding: 5px; }
.dividends .content table td { border-bottom: 1px solid #eeeeee; }
/* Annual Meetings */
.annual-meetings .content ul { list-style: none; margin: 20px 0; width: 75%; }
.annual-meetings .content ul li { padding: 0; font-weight:bold; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.annual-meetings .content ul li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.annual-meetings .content ul li:nth-child(even) { background-color:transparent; }
.annual-meetings .content ul li span { font-size: 95%; padding-right :10px; }
.annual-meetings .content ul li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.annual-meetings .content ul li a,
.annual-meetings .content ul li a:hover,
.annual-meetings .content ul li a:visited,
.annual-meetings .content ul li a { font-size: 95%; color: #646464; font-weight:normal; }
/* Corporate Governance */
.corporate-governance .content ul { list-style: none; margin: 20px 0; width: 95%; }
.corporate-governance .content ul li { font-weight:bold; padding:0; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.corporate-governance .content ul li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.corporate-governance .content ul li:nth-child(even) { background-color:transparent; }
.corporate-governance .content ul li span { font-size: 95%; padding-right :10px; }
.corporate-governance .content ul li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.corporate-governance .content ul li a,
.corporate-governance .content ul li a:hover,
.corporate-governance .content ul li a:visited,
.corporate-governance .content ul li a { font-size: 95%; color: #646464; font-weight:normal; }
/* Corporate Social Responsibility */
.corporate-social-responsibility .content ul.download { list-style: none; margin: 20px 0; width: 75%; }
.corporate-social-responsibility .content ul.download li { padding: 0; font-weight:bold; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.corporate-social-responsibility .content ul.download li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.corporate-social-responsibility .content ul.download li:nth-child(even) { background-color:transparent; }
.corporate-social-responsibility .content ul.download li span { font-size: 95%; padding-right :10px; }
.corporate-social-responsibility .content ul.download li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.corporate-social-responsibility .content ul.download li a,
.corporate-social-responsibility .content ul.download li a:hover,
.corporate-social-responsibility .content ul.download li a:visited,
.corporate-social-responsibility .content ul.download li a { font-size: 95%; color: #646464; font-weight:normal; }
/* Our Belief */
.our-brand-belief .content { background: url('../img/belief-bracket.png') 0 50% no-repeat; padding: 1px 0 0 50px; min-height:277px; min-height:none; }
.our-brand-belief .content p { color: white; font-size: 280%; font-weight:100; line-height:120%; margin:0 0 1em 0; padding:0; }
.our-brand-belief .content em { font-style:italic; font-weight:100; font-family: Georgia }
/* Our Story */
.our-story .content blockquote { background: url('../img/story-bracket.png') 0 50% no-repeat; padding: 1px 0 0 50px; min-height:130px; margin:10px 0; }
.our-story .content blockquote p { color: #939393; font-size: 185%; font-weight:100; line-height:130%; margin:0 0 1em 0; padding:0; }
.our-story .content blockquote em { font-style:italic; color:black; font-weight:100; font-family: Georgia }
/* Ethical Sourcing */
.ethical-sourcing .content { padding:0; padding-bottom:15px; }
.ethical-sourcing .content img { margin:5px 5px 0; display:block; float:left; vertical-align:top; }
.ethical-sourcing .content p { margin:0; line-height:0; height:290px; padding:5px 5px 0; clear:left; }
.ethical-sourcing .content img.half { margin-bottom:5px; }
.working-with-standards-and-policies .content ul.download { list-style: none; margin: 10px 0 20px; width: 95%; }
.working-with-standards-and-policies .content ul.download li { padding: 0; font-weight:bold; background: #f7f7f7 url('../img/arrow-red.png') no-repeat 97% 50%; }
.working-with-standards-and-policies .content ul.download li:hover { background: #f7f7f7 url('../img/arrow-red.png') no-repeat 98% 50%; }
.working-with-standards-and-policies .content ul.download li:nth-child(even) { background-color:transparent; }
.working-with-standards-and-policies .content ul.download li span { font-size: 95%; padding-right :10px; font-weight:bold; }
.working-with-standards-and-policies .content ul.download li a { display:block; padding:0 15px; height:40px; line-height:40px; }
.working-with-standards-and-policies .content ul.download li a,
.working-with-standards-and-policies .content ul.download li a:hover,
.working-with-standards-and-policies .content ul.download li a:visited,
.working-with-standards-and-policies .content ul.download li a { font-size: 95%; color: #646464; font-weight:normal; }
/* Print style */
@media print {
/* Hide everything unneeded */
.header {
display: block;
}
.header nav, footer, .slidershow {
display: none;
}
.header ul.nav-1 {
display: none !important;
}
.header-fixed {
position: relative;
}
/* font sizes */
body {
font: 12pt Helvetica, Arial, san-serif;
line-height: 1.3;
color: #000;
}
.body {
padding-bottom:10px;
}
.body .content {
padding:0;
margin: 0;
}
h1 {
font-size: 24pt;
display: block !important;
height: auto !important;
}
h2 {
font-size: 14pt;
margin-top: 25px;
}
a[href]:after {
content: "";
}
header .logo {
display: block;
}
header .logo a[href^="https://"]:after {
content: "";
}
.heading.quote .description {
float: none;
display: block !important;
width: auto;
padding: 0;
text-align: left;
}
.breadcrumbs {
display: none !important;
}
.sideNav .main {
width: auto !important;
}
.sidebar {
display: none !important;
}
ul {
display: list-item !important;
list-style: none !important;
margin-left: 40px;
}
ul li {
padding-left: 0 !important;
list-style: disc !important;
}
/* Some browsers like to show a border around images. Switch it off */
img {
border: 0;
}
/* Mover the header a little bit away from the content */
header {
margin-bottom: 20px;
}
/* Separate blockquotes a little bit from the rest */
blockquote, .description p {
font-style: italic;
font-size: 14pt;
}
/* By default links are blue. For optimal legibility change them to black */
p {
color: #000;
}
a {
color: #000;
}
/* Show the URL after each link, whereby internal links are preceeded by the site's URL */
/* External links don't get this treatment */
p a[href^="http://"]:after, p a[href^="https://"]:after {
/* content: " (" attr(href) ")"; */
content: "";
}
/* Map Styling */
.SourcingHolderPage .worldmap {
background: url('../img/kalid-map-34.jpg') no-repeat 0 0 !important;
}
.SourcingHolderPage .worldmap.print {
display: list-item !important;
list-style-image: url("../img/kalid-map-34.jpg") !important;
list-style-position: inside !important;
}
.SourcingHolderPage .countries .country .flag {
background: url('../img/map-flag-bg-small.png') no-repeat 0 0 !important;
}
.SourcingHolderPage .countries .country .flag span {
color: white !important;
}
}
@media only screen and (max-width: 768px) {
/* .header .nav > nav {
position: relative;
width: 50px;
float: left;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin-top: -15px;
}
.header .nav > nav:before {
content: "";
display: block;
width: 30px;
height: 3px;
background: #000;
box-shadow:
0 8px 0 0 #000,
0 16px 0 0 #000;
border-radius: 2px;
}
.header ul.nav-1 {
list-style: none;
width: 320px;
position: absolute;
right: 0;
top: 100%;
background: #fff;
display: none
}
.header .nav:hover ul.nav-1 {
display: block;
}
.header ul.nav-1 > li {
width: 100%;
float: left;
text-align: left;
line-height: 20px;
padding: 10px 20px;
box-sizing: border-box;
}
.header ul.nav-1 > li:after {
display: none;
}
.header ul.nav-1 > li:hover:after {
display: none;
}
.header ul.nav-1 > li:hover ul.nav-2 {
width: 100%;
box-sizing: border-box;
position: relative;
margin: 0;
}
.header ul.nav-2 > li {
width: 100%;
box-sizing: border-box;
position: relative;
margin: 0;
color: #000000;
}
.header ul.nav-2 > li:hover {
background: #999999;
}
.header ul.nav-2 > li:hover a {
color: #000000;
}
.header ul.nav-2 > li:after {
display: none;
}
.header ul.nav-2 > li:hover:after {
display: none;
}
.HomePage .main {
width: 100%;
}
.HomePage .block {
width: 100%;
}
.HomePage .block h4 {
font-size: 16px;
}
.HomePage .block p {
font-size: 14px;
}
.HomePage .block a {
font-size: 14px;
}
.HomePage .block a:hover {
color: #000000;
}
.HomePage .block a:after {
display: none;
}
.HomePage .block a:hover:after {
display: none;
}
.HomePage .block a:hover:after {
display: none;
}
.HomePage .block a:hover:after {
display: none;
}
.HomePage .block a:hover:after {
display: none;
}
.HomePage .block a:hover:after {
display: none;
}
.header .nav > nav:before {
content: "";
display: block;
width: 30px;
height: 3px;
background: #000;
box-shadow:
0 8px 0 0 #000,
0 16px 0 0 #000;
border-radius: 2px;
} */
}