/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html, body { height: 100%; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } th { text-align:left; } a {outline:none;}

/* Default */
html {font:9pt Verdana,Arial,Sans-Serif; cursor:default;} body, table {font:1em Verdana,Arial,Sans-Serif; color:#888;} body {text-align:center; background:#d6d9e1;} a {color:#888; text-decoration:none;} a:hover {color:#d2232a; text-decoration:underline;} h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,hr {margin-bottom:15px;} h1,h2,h3,h4,h5,h6 {text-transform:uppercase;} table {width:100%;} table td, table th {padding:2px;} .clear {width:100%; height:1px; overflow:hidden; margin:0 0 -1px; clear:both; float:none;} .cwidth {max-width:990px; margin:0 auto; text-align:left;} .c2 {width:40%; float:left;} .c2.right {float:right;} .c2.left-wider {float:left; width:60%;} input[type="text"], textarea, select {font:inherit; color:#555; padding:3px 0; width:100%; background:#e4e7ee; border:none;} button, input[type="submit"], input[type="reset"], a.button {display:inline-block; border:none; background:#00478e; color:#fff; cursor:pointer; text-decoration:none; padding:2px 8px;} .center {text-align:center;} .fright {float:right;} .frame.c3 {width:32%; float:left; margin-right:1%;} .upper {text-transform:uppercase;} .color-red, .color-red a {color:#d2232a;} .mc2 {width:100%;} .mc2 > .main {width:100%; float:left;} .mc2 > .main > div {margin-right:265px;} .mc2 > .aside {width:255px; float:left; margin-left:-255px;} .small {font-size:0.9em;} .lh1 {line-height:1.2em;} .lh2 {line-height:2em;} iframe.profile {width:100%; border:none; background:transparent;} .frame {text-align:justify; border:1px solid #717377; margin:0 0 10px; background:#fff; padding:16px; box-shadow:1px 1px 7px rgba(0,0,0,0.3);} .frame .frametitle {font-size:1.1em; background:#00478e; padding:11px 0; margin:-16px -16px 15px; color:#fff; text-align:center; text-transform:uppercase; line-height:22px;} .frame .frametitle.red {background:#d2232a;} .frame li {text-align:left; line-height:1.2em; padding:4px 0;} .form-errors, .form-success {text-align:left; padding:8px; font-size:0.9em; border:none; margin:0 0 15px;} .form-success {color:#6a6; background:#efe;} .form-errors {color:#d66; background:#fee;} .form-errors ul {margin:0; padding:5px 0 0;} .document {min-height:32px; position:relative; background:url(/css/file.png) no-repeat 0px 0px; padding:4px 0 4px 40px; line-height:1.2em; margin:0 0 10px; font-size:0.9em;} .document .size {display:none;} .document.pdf {background-image:url(/css/pdf.png);} .document.doc, .document.docx {background-image:url(/css/word.png);} .document.xls, .document.xlsx {background-image:url(/css/excel.png);} #brands {overflow:hidden; padding:0; height:1px; position:relative; top:0px; left:0px;} #brands.loaded {padding:20px 0; height:85px; background:#fff; margin:20px 0 5px;} #brands > .scroller {margin:0; padding:0; position:absolute; top:30px; left:10px; white-space:nowrap;} #brands a, #brands a img {margin:0; padding:0; display:block; float:left;} #mainnav ul {margin:0; background:url(/css/nav.png);} #mainnav li {display:inline-block; height:42px; position:relative;} #mainnav li a {display:inline-block; line-height:38px; color:#fff; text-transform:uppercase; padding:0 7px; text-decoration:none; font-size:1.1em;} #mainnav li.over a, #mainnav li a.active, #mainnav li a:hover {background:url(/css/navtick.png) no-repeat center 29px;} #mainnav li ul {display:none; width:190px; z-index:999; position:absolute; top:42px; left:0px; background:none;} #mainnav li:hover ul {display:block;} #mainnav li ul li {display:block; height:auto;} #mainnav li ul li a {background:#022951 !important; display:block; line-height:14px; padding:8px 0;} #mainnav li ul li a:hover {background:#D2232A !important;} #header {background:#fff; padding:20px 0 5px; border-bottom:5px solid #D2232A;} #header a.logo {display:block; float:left; width:269px; height:117px; background:url(/css/logo.png) no-repeat center center;} #header a.logo img {display:none;} #header .ticker {width:100%; margin:75px 0 0 -269px; float:left;} #header .ticker > div {height:30px; overflow:hidden; margin:0 0 0 290px;} #header .ticker iframe {height:100%; overflow:hidden;} #header .cwidth {background:url(/css/csg-holdings.png) no-repeat right 50px;} #banner {padding:17px 0 0;} #banner img {max-width:100%;} #container {height:auto !important; height:100%; min-height:100%; position:relative;} #content {padding:15px 0 180px;} #page {background:#d6d9e1;} #footer {font-size:0.9em; background:#022951; padding:20px 0 0; position:absolute; bottom:0px; left:0px; width:100%;} #footer * {text-transform:none;} #footer > div > .cpadd {padding:0 10px;} #footer, #footer a {color:#fff; text-decoration:none;} #footer a:hover {color:#fff; text-decoration:underline;} #footer .sublinks {width:29%; float:left;} #footer .sublinks.workforce {width:28%;} #footer .sublinks.facility {width:28%;} #footer .sublinks ul {font-size:0.9em;} #footer .sublinks.right {text-align:right; float:right; width:13%; min-width:70px;} #footer .accreditation {float:left;} #footer .accreditation a, #footer .accreditation span {display:inline-block; height:27px;} #footer .accreditation .dedbunni {width:131px; background:url(/css/dedbunni.png) no-repeat center center;} #footer .accreditation .redout {width:131px; background:url(/css/redout.png) no-repeat center center;} #footer .accreditation a * {display:none;} #footer .navigation {float:right; line-height:25px;} #footer .navigation a {text-transform:uppercase;} #footer .navigation li {display:inline; border-left:1px solid #fff; padding:0 0 0 5px; margin:0 0 0 5px;} #footer ul li.disclaimer {border:none; padding-right:90px;}

/* Responsive */
@media screen and (max-width: 950px) { .frame.c3 {float:none; width:auto; margin-right:0;} #footer ul li.disclaimer {padding-right:0px;} .c2.left-wider {width: 100%;} } @media screen and (max-width: 900px) { body, html {background:#022951;} #content {padding:15px 0 20px;} #footer {position:relative; top:0px; left:0px;} #footer .accreditation, #footer .navigation {float:none; text-align:center;} #footer .c2 {clear:both; margin-bottom: 0;} .c2.left-wider {width: 100%;} } @media screen and (max-width: 600px) { #header > div {text-align:center;} #header a.logo {float:none; margin:0 auto;} #header .ticker {margin:30px 0 0; float:none;} #header .ticker > div {margin:0;} #footer .sublinks {width:auto !important; float:none; clear:both;} .mc2 > .main, .mc2 > .main > div, .mc2 > .aside {width:auto; float:none; margin:0;} #header .cwidth {background-position:center 120px;} .c2.left-wider {width: 100%;} } @media screen and (max-width: 550px) { html {font-size:8pt;} #mainnav li ul {display:inline; width:auto; z-index:1; position:relative; top:0; left:0; background:none;} #mainnav li:hover ul {display:inline;} #mainnav li ul li {display:inline-block; height:42px;} #mainnav li ul li a {background:none !important; display:inline-block; line-height:38px; padding:0 7px;} #mainnav li ul li a:hover, #mainnav a.active {background:url(/css/navtick.png) no-repeat center 29px !important;} #mainnav li.mhide > a {display:none;} #mainnav a.pactive {background:none !important;} .c2.left-wider {width: 100%;} } @media screen and (max-width: 290px) { #mainnav li {display:block;} #header a.logo {display:inline; width:auto; height:auto; background:none;} #header a.logo img {display:block; margin:0 auto; width:90%;} #mainnav {font-size:0.9em;} #mainnav ul, #mainnav li, #mainnav a {display:block !important;} #mainnav ul, #mainnav li {height:auto !important;} #mainnav a {height:42px !important; line-height:38px;} #mainnav li.mhide > a {display:none !important;} #mainnav a:hover, #mainnav li ul li a:hover, #mainnav a.active {background:#D2232A !important;} #mainnav a.pactive {background:none !important;} #header .cwidth {background:none;} #header .ticker {margin:0;} .c2.left-wider {width: 100%;} }

/* Page Specific */
.board-page .aside .frame.quick-links {display:none;} .brands-page .main .frame ul {padding:0; margin:-16px;} .brands-page .main .frame ul li {padding:0; margin:0;} .brands-page .main .frame ul li a {text-transform:uppercase; display:block; color:#00478e; text-align:center; padding:15px 30px;} .brands-page .main .frame ul li a:hover {text-decoration:none; background:#d6d9e1;} .bbbee-page .main .frame {height:auto !important; min-height:350px; height:350px;} .contact-page .frame.quick-links {display:none;} .contact-page .frame .details {float:left; width:270px; position:relative; z-index:2;} .contact-page .frame .map {float:left; width:100%; margin-left:-270px; position:relative; z-index:1;} .contact-page .frame .map iframe {width:100%; height:350px;} .contact-page .frame .map > div {margin-left:300px;} .contact-page textarea {height:180px;} .contact-page .contact-form {min-height:419px;} .services-page .frame.c3, .brands-page .frame.c3, .results-circulars-page .frame.c3 {width:27.3%; height:auto !important;} .services-page .main .frame li {background:#090; padding-left:20px; background:url(/css/bullet1.png) no-repeat 3px 10px; margin:0 0 5px;} .services-page .frame.c3 {height:550px; min-height:550px;} .brands-page .frame.c3 {height:320px; min-height:320px;} .results-circulars-page .frame.c3 {height:450px; min-height:450px; text-align:left;} .results-circulars-page .frame.quick-links {display:none;} /*.brands-page .frame.mining .frametitle, .services-page .frame.mining .frametitle {padding:0;}*/ .disclaimer-page .frame {height:auto !important; height:350px; min-height:350px;} .disclaimer-page .aside {display:none;} .disclaimer-page .mc2 > .main > div {margin:0;} .umdeni-maintenance-page .leftside {width:100%; float:left;} .umdeni-maintenance-page .leftside > div {margin-right:320px;} .umdeni-maintenance-page .rightside {padding:20px 0; width:300px; float:left; margin-left:-300px; text-align:center;} .umdeni-maintenance-page .rightside img {max-width:100%;} .umdeni-maintenance-page .frame {height:auto !important; height:350px; min-height:350px;} .umdeni-maintenance-page .aside {display:none;} .umdeni-maintenance-page .mc2 > .main > div {margin:0;} @media screen and (max-width: 950px) { .contact-page .frame .details {float:none; width:auto;} .contact-page .frame .map {float:none; width:auto; margin:15px 0 0;} .contact-page .frame .map > div {margin:0;} .contact-page .contact-form {min-height:569px;} /*.brands-page .frame.mining .frametitle, .services-page .frame.mining .frametitle {padding:11px 0;}*/ .services-page .frame.c3, .brands-page .frame.c3, .results-circulars-page .frame.c3 {min-height:0px; float:none; width:auto; margin-right:0;} } @media screen and (max-width: 800px) { .umdeni-maintenance-page .leftside {width:auto; float:none;} .umdeni-maintenance-page .leftside > div {margin-right:0;} .umdeni-maintenance-page .rightside {width:auto; float:none; margin-left:0; text-align:center;} .umdeni-maintenance-page .rightside br {display:none;} .umdeni-maintenance-page img {max-width:90% !important;} } @media screen and (max-width: 600px) { .contact-page .contact-form {min-height:0px;} } @media screen and (max-width: 500px) { .contact-page .frame .map iframe {height:250px;} .umdeni-maintenance-page .lh2 {line-height:1.2em;} .umdeni-maintenance-page table, .umdeni-maintenance-page tr, .umdeni-maintenance-page tr td {display:block; width:auto; margin:0; padding:0;} .umdeni-maintenance-page tr {padding:0 0 15px;} } @media screen and (max-width: 300px) { .contact-page .frame .details {width:auto; overflow:hidden; text-align:left;} .contact-page .frame .details td {display:inline;} .contact-page .frame .map {display:none;} }

/* Frames */
.share-price iframe.profile {min-height:225px;} .investors iframe.profile {min-height:620px;} .sens-notes iframe.profile {min-height:370px;} .sens-announcements iframe.profile {min-height:300px;} .share-calculator iframe.profile {min-height:840px;} @media screen and (max-width: 1000px) { .sens-announcements iframe.profile {min-height:350px;} .investors iframe.profile {min-height:680px;} } @media screen and (max-width: 800px) { .share-price iframe.profile {min-height:580px;} .sens-announcements iframe.profile {min-height:500px;} } @media screen and (max-width: 600px) { .sens-announcements iframe.profile {min-height:400px;} .share-calculator iframe.profile {min-height:550px;} } @media screen and (max-width: 400px) { .sens-announcements iframe.profile {min-height:550px;} .share-calculator iframe.profile {min-height:810px;} .share-price iframe.profile {min-height:650px;} .investors iframe.profile {min-height:680px;} }