@charset "utf-8";

@font-face {
    font-family: 'baltfrutigerlight';
    src: url('../fonts/baltfrutiger_light-webfont.eot');
    src: url('../fonts/baltfrutiger_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/baltfrutiger_light-webfont.woff') format('woff'),
         url('../fonts/baltfrutiger_light-webfont.ttf') format('truetype'),
         url('../fonts/baltfrutiger_light-webfont.svg#baltfrutigerlight') format('svg');
    font-weight: normal;
    font-style: normal;
	
}
@font-face {
    font-family: 'frutiger_boldregular';
    src: url('../fonts/frutigerbold-webfont.eot');
    src: url('../fonts/frutigerbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutigerbold-webfont.woff') format('woff'),
         url('../fonts/frutigerbold-webfont.ttf') format('truetype'),
         url('../fonts/frutigerbold-webfont.svg#frutiger_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'frutiger_ultra_blackregular';
    src: url('../fonts/frutigerultrablack-webfont.eot');
    src: url('../fonts/frutigerultrablack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/frutigerultrablack-webfont.woff') format('woff'),
         url('../fonts/frutigerultrablack-webfont.ttf') format('truetype'),
         url('../fonts/frutigerultrablack-webfont.svg#frutiger_ultra_blackregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media only screen and (min-width:768px), only screen and (max-width:3000px) { 

/* Define tags */
body{background:#fff; font:13.5px arial, helvetica, sans-serif; line-height:1.45em; margin:0; padding:0; color:#555555; }
body#home{background:#e5e5e5; font:13.5px arial, helvetica, sans-serif; line-height: 1.4em; padding:0; margin:0; color:#555555;}

h1, h2, h3, h4, h5, h6{line-height:1.3em;  margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{text-decoration:none !important;}
h1{font-size:3.0em; color:#ac9a79; font-weight:normal;}
h2{font-size:3.0em; color:#ac9a79; font-weight:normal; line-height:1.0em; margin:0 0 15px 0; }
h2 a{font-weight:bold; line-height:0.9em !important; margin:0 0 5px 0; color:#ac9a79; text-decoration:none !important; font-size:0.7em;}/*Blog sub page headings!*/
h3{font-size:1.8em; font-weight:bold; color:#8e8d8d; color:#666}
h3 a{color:#666;}
h4{font-size:1.35em; font-weight:bold; color:#ac9a79;}
h5{font-size:1.15em; font-weight:bold; color:#55555; margin:0 0 5px 0;}
h6{font-size:1em; font-weight:bold; color:#000; line-height:1.3em;}

/*--Joomla blog page headings--*/
.blog h1{font-size:3.0em; color:#ac9a79; font-weight:normal}
.blog h2{font-size:3.0em; color:#ac9a79;}
.items-leading h2, .items-leading h2 a, .items-row h2, .items-row h2 a{font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; margin:0 0 5px 0 !important; color:#ac9a79 !important; text-decoration:none !important; line-height:1.3em;}
.items-leading h2 a:hover, .items-row h2 a:hover{color:#555 !important; }
.items-leading h4, .items-leading h4 a, .items-row h4, .items-row h4 a{font-size:1.2em; font-weight:normal; margin:0 0 5px 0; color:#ac9a79; text-decoration:none}
.items-leading h4 a:hover, .items-row h4 a:hover{color:#b0b0b0; }

.published{font-size:0.9em; color:#bbb; margin:0 0 0.1em 0;}
.chronoform{display:none;}
.jd_footer{display:none;}

p{margin: 0 0 1.3em 0}
ul{margin:0 0 1em 15px; }
ul ul{margin: 10px 0 1em 0; }
ul li{list-style:url(../images/bullet-2.png); margin:0 0 1.1em 0;}
ul ul li, li.active ul li, li.active ul li.active{list-style:disc outside; margin:0 0 0.9em 2em;}
ol{margin: 0 0 1em 2em; }
ol li{list-style-type:decimal; }

a{color:#555555; text-decoration:none; cursor:pointer;}
a:hover{/*color:#EE8B1C;*/ text-decoration:underline;}
strong{color: #484848}
hr{clear:both; height:2px; margin:0 0 15px 0; border:none; border-bottom:1px dotted #ccc;}
img{}
.descriptor{font-size:0.9em; color:#9c9b9b; margin:0 0 0.5em 0;}

.intro{font-size:1.3em; line-height:1.5em; color: #555555; margin:0 0 1.1em; font-weight:normal}

.center{text-align:center}
.pic-c {display: block;margin: 0 auto;text-align: center;}
.cb{clear:both;}
.b, .b td, .rule, .rule td {border-bottom: 1px dotted #CCC;}
dt{font-weight:bold;}

#skip-main-content{position:absolute; top:-20px}
#skip-sub-navigation{position:absolute; top:-20px}
.position{color: #7299C5}

ul.no-bullet li:before {content: ""}
ul.no-bullet {margin-left: 0}
ul.no-bullet li{margin-bottom: 0em}

/*--Delimited lists--*/
dl {}
dt {color:#666666; font-weight:bold; line-height:1.3em; margin:0 0 0 0; padding:0 0 0.3em 0; font-style:italic; border-bottom:1px dotted #CCC;}
dd {margin:0 0 0.4em 0; padding:5px 0 5px 8%; border-top:0px dotted #CCC; }
dl.w-50{width:52%; margin-left:5%}
dl.w-50 {margin:1em 0; border-bottom:0px dotted #CCC;}
dl.w-50 dt {clear:both; float:left; line-height:1.2em; margin:0 0 10px 0; padding:10px 0 0.3em; text-align:left; width:50%;}
dl.w-50 dd {line-height:1.2em; margin:0; padding:10px 0 0.3em 52%; margin:0 0 10px 0; border-top:1px dotted #ccc}
dl.article-info{margin:1em 0 0.5em 0}
dl.article-info dt{display:none;}
dl.article-info dd{float:none; font-size:0.9em; margin:0; padding:0 0 0.3em 0; color:#bbb; line-height:0.5em; border:none}

/*--Topbar--*/
#topbar{min-height:110px; width:100%; padding:36px 0 0 0; margin:0; background:#fff; position:relative}

/*-- HEADER --*/
header{max-width:980px; min-width:768px; padding:0 0 0 0; margin:0 auto; position:relative;}

/*--Logo--*/
#logo{display:block; float:left; margin:0 0 0 10px; padding:0; width:617px; height:88px; background:url(../images/taunggold-logo1.png) left top no-repeat; background-size:100%; font-size:0.0001em; color:#fff;}

/*--Menu Button--*/
#btn-menu{display:block; float:right; width:74px; height:33px; background:url(../images/icon-menu.png) no-repeat left top; margin:0 10px; padding:0 !important; cursor:pointer;}
#btn-menu:hover{background-position:0 -33px; cursor:pointer;}
#btn-menu:active{background-position:0 -66px; cursor:pointer;}
#btn-menu.open{background-position:0 -66px; cursor:pointer;}

/*--MAIN NAVIGATION--*/ /*
p.marker{display:block; width:29px; height:25px; background:url(../images/icon-menu.png) no-repeat left -75px; cursor:pointer; position:absolute; top:20px; right:50%; z-index:5000;}

#nav{background:#f0eeee; width:auto; height:auto; clear:both; padding:0; margin:0; position:relative; display:none; border:1px solid #fff; box-shadow:5px 5px 0 rgba(0,0,0,0.0); box-shadow:5px 5px 0 rgba(0,0,0,0.2);}
#nav.open{display:block; }
#nav.close{display:none; }
#nav ul{margin:0 0 0.1em 0; padding:0; position:relative; z-index:2000; }
#nav ul ul{position:relative; left:0; z-index:1000;}
#nav li{list-style:none; background:none; float:none; margin:0; padding:0; position:relative; }
#nav li a{display:block; font:1.2em Arial, Helvetica, sans-serif; color:#666; text-decoration:none; margin:0 16px 0; padding:8px 0; background:none; text-transform:none; border-bottom:1px dotted #ccc; font-weight:normal;}
#nav li:last-child a{border-bottom:none; margin-bottom:8px;}
#nav li a:active, #nav li a.active, #nav li.active a{color:#000; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#nav li a:hover{color:#000; text-decoration:none; }   */

/*--MAIN NAVIGATION--*/
nav{background:#fff; clear:both; padding:0; margin:0; width:100%; z-index:3000; *zoom:1; float:none;}
nav ul{margin:0 0 0.1em 15px; padding:0; position:relative; z-index:2000; *zoom:1; }

nav ul ul{position:relative; left:0; z-index:1000;}
nav li{list-style:none; float:left; margin:5px 0 0; padding:0; border-right:0px solid #CCC; position:relative;}
nav li a{display:block; font:1.4em 'BlissRegular', Arial, sans-serif; color:#888; text-decoration:none; margin:0; padding:8px 16px 10px 16px; background:none;}
nav li:last-child{border-right:none}
nav li:active a, #nav li a.active{color:#555 !important; text-decoration:none;}
nav li a:hover{color:#000; text-decoration:none; }

/* Dropdown */
nav li:hover > ul {display:block; }
nav li ul{display:none; padding:0; margin:0; background:#fff; border:1px #CCC solid; width:200px; overflow:hidden; position:absolute !important; left:-1px; top:33px; z-index:100; box-shadow:2px 2px 3px rgba(0,0,0,0.3); }
nav li ul li,
nav li ul li.active,
nav li.active ul li,
nav li.active ul li.active{line-height:1.2em; color:#000; padding:0; margin:0; list-style:none; border-right:none; border-bottom:1px solid #ccc; 
}
nav li ul li:hover{color:#000; list-style:none; }
nav li ul li a{line-height:1.2em; color:#555; background:#fff; text-decoration:none; font:13.5px Arial, Helvetica, sans-serif; margin:0; display:block; padding:8px 8px 8px 12px; }
nav li ul li a:hover, nav li.active ul li a:hover{color:#000; background:#f1f0f0}
nav a.active{color:#000; font-weight:bold;}
nav li.active{list-style:none}
nav li ul li.last{}

/* Dropdown Hover styling */
nav li:hover ul{color:#000; display:block; }
nav li:hover li{float:none; background:none; color:#000;}
nav li li a:hover{color:#fff; background:none;}

/* Third tier dropdown */
nav ul ul ul, 
nav ul ul ul li{display:none !important; }

nav ul li ul{display: none;}
nav ul li:hover ul{display: block;}

/* Display None */
nav ul ul,
nav ul li:hover ul ul,
nav ul ul li:hover ul ul
{display:none; z-index:1000;}

/* Display Block*/
nav ul li:hover ul,
nav ul li:hover ul ul{display:block; z-index:1000; }

/*--Wrapper--*/
#wrapper{background:#fff; margin:25px auto; max-width:980px; min-width:768px; position:relative}

/*--Banner--*/
#banner-set{width:66.7%; height:328px; padding:0; margin:0 0 0 0; float:right; position:relative; }

.banner{position:relative; width:100%; height:328px; background:#729bc7; margin:0; padding:0; position:relative; }
.b-hm-1{background:url(../images/banner-hm-01.jpg) left center no-repeat; height:328px;}
.b-hm-2{background:url(../images/banner-hm-02.jpg) left center no-repeat; height:328px;}
.b-hm-3{background:url(../images/banner-hm-03.jpg) 0 center no-repeat; height:328px;}
.b-hm-4{background:url(../images/banner-hm-04.jpg) left center no-repeat; height:328px;}
.b-hm-5{background:url(../images/banner-hm-05.jpg) left center no-repeat; height:328px;}
.b-hm-6{background:url(../images/banner-hm-06.jpg) left center no-repeat; height:328px;}
.banner h1{display:block; width:45%; float:left; margin:180px 60% 0 20px; padding:0; color:#fff; font-size:1.6em; text-transform:none; text-shadow:2px 2px 6px rbga(0,0,0,0.5)}

/*--Banner Sub--*/
#banner-bar-sub{width:100%; height:235px; margin:0; padding:15px 0 0 0; text-align:center; background:#AC9A79}
#banner-bar-sub img{margin:15px auto; padding:0; }

#banner-sub{max-width:946px; /*min-width:768px;*/ height:217px; background:#fff; margin:0 auto; padding:0; position:relative;}
#bsh{width:60%; height:134px; padding:20px 0 0 20px; float:left;}
#banner-sub h1{color:#fff; text-shadow:2px 2px 5px rgba(0,0,0,0.4); float:none; margin:0; }
#banner-sub h2{color:#fff; }

.banner-about-us{background:url(../../../images/taunggold/banner-about-us.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-our-business{background:url(../../../images/taunggold/banner-our-business.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-business-evander{background:url(../../../images/taunggold/banner-business-evander.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-business-jeanette{background:url(../../../images/taunggold/banner-business-jeanette.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-gold-market{background:url(../../../images/taunggold/banner-gold-market.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-gold-sa{background:url(../../../images/taunggold/banner-gold-sa.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-gold-mining-in-sa{background:url(../../../images/taunggold/banner-gold-mining-in-sa.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-legal-landscape-sa{background:url(../../../images/taunggold/banner-legal-landscape-sa.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-evander-history{background:url(../../../images/taunggold/banner-evander-history.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-evander-recent{background:url(../../../images/taunggold/banner-evander-recent.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-evander-future{background:url(../../../images/taunggold/banner-evander-future.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-jeanette-history{background:url(../../../images/taunggold/banner-jeanette-history.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-jeanette-recent{background:url(../../../images/taunggold/banner-jeanette-recent.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-jeanette-future{background:url(../../../images/taunggold/banner-jeanette-future.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-investors-and-media{background:url(../../../images/taunggold/banner-investors-and-media.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-contact-us{background:url(../../../images/taunggold/banner-contact-us.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-footer{background:url(../../../images/taunggold/banner-footer.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-chinese-investment{background:url(../../../images/taunggold/banner-chinese.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}
.banner-other{background:url(../../../images/taunggold/banner-other.jpg) left top no-repeat; width:99.75%; height:217px; margin:0; padding:0; position:relative; border:1px solid #fff;}

/*--Language switcher--*/
#language{width:110px; height:21px; position:absolute; top:0px; right:10px}
#language ul.lang-inline{float:right; }
#language li{float:right; list-style:none; padding:0; margin:0 0 0 7px; }
#language li:last-child{margin:0;}
#language li a{margin:0; padding:0; width:19px; height:12px;}
#language li a img{margin:0; padding:0; cursor:pointer}
#language li.lang-active img{border:1px solid #000;}
#language .pretext{}
#language .pretext p{font-size:0.9em; color:#999; margin:0 0 0 0; padding:0 0 0 0; float:left; }
#language select.inputbox{float:left; background:#999; border:1px solid #8fa5c1; width:130px}
#language h3{height:0; margin:0; padding:0; line-height:0em;}

/*--Infoblock--*/
.ib-row-1{width:100%; height:328px; background:none; padding:0; border-bottom:0; }
.ib-row{width:100%; height:328px; background:none; padding:0; border-bottom:0; }

.ib{float:left; height:308px; background:#fff; padding:20px 2% 0 2.2%;}
.ib h1 a:hover, .ib h2 a:hover, .ib h3 a:hover, .ib h4 a:hover, .ib h5 a:hover{color:#000;}
.ib h2{font-size:2.9em; line-height:1.0em}

/*--Home blocks--*/
.goldsablock{width:29.10%;}
.goldsablock h1{color:#fff; font-size:4.5em; margin:80px 0 5px 0; line-height:1em;}
.goldsablock h1 a{color:#fff;}
.goldsablock h1 a:hover{text-decoration:none;}
.goldsablock p{color:#fff; font-size:1.3em; line-height:1.4em}

.lightblock{background:#fff; width:29.1%; }
.lightblock h1{color:#ac9a79; }
.lightblock h2{color:#ac9a79; }
.lightblock p{color:#555555; }
.lightblock a{color:#ac9a79; text-decoration:none;}
.lightblock a.mod-articles-category-title{display:none;}
.lightblock ul.category-module{background:none; padding-left:0px;  margin: 0 0 1em 0; }
.lightblock .category-module li{list-style:none}

.goldblock{background:#ac9a79; width:29.1%; }
.goldblock h1{color:#fff; }
.goldblock h2{color:#fff; }
.goldblock h4{color:#fff; font-size:1.4em; font-weight:bold;}
.goldblock p{color:#fff; }
.goldblock a{color:#fff; text-decoration:none;}
.goldblock a.mod-articles-category-title{display:none;}
.goldblock ul.category-module{background:none; padding-left:0px;  margin: 0 0 1em 0; }
.goldblock .category-module li {background:none; padding-left:0px; list-style:none}
.goldblock .descriptor, .goldblock span.mod-articles-category-date {color: #EEE4C2; font-size: 0.85em;}

.portalblock{background:#ac9a79; width:29.1%; }
.portalblock h1{color:#fff; }
.portalblock h2{color:#fff; }
.portalblock h4{color:#fff; font-size:1.4em; font-weight:bold; margin: 0 0 3px;}
.portalblock ul{margin:50px 0 1em 5px;}
.portalblock li{background:none; list-style:none; float:left; margin:0 12px 15px 0; display:block; position:relative; width:25%; height:auto;}
.portalblock li.pres{width:30%; height:auto;}
.portalblock li img{border:1px solid #dbd4c8; width:100%}
.portalblock p{color:#fff; margin:0 0 0.3em 0; font-size:0.9em; line-height:1.3em;}
.portalblock a{color:#fff; text-decoration:none;}
.portalblock .category-module li {background:none; padding-left:0px; margin:0 0 0.85em 0;}
.portalblock .descriptor, .businessblock span.mod-articles-category-date {color: #EEE4C2; font-size: 0.80em;}

.businessblock{background:#777777; width:33.3%; float:left; height:328px; padding:0 0 0 0; position:relative;}
.businessblock h1{color:#fff; }
.businessblock h2{color:#fff !important; margin:20px 0 30px 15px;}
.businessblock h4{color:#fff; font-size:1.4em; font-weight:bold; display:block; width:90%; margin:0 0 0 0; position:absolute; left:15px; top:210px;}
.businessblock ul{margin:0 0 1em 15px;}
.businessblock li{background:none; list-style:none;}
.businessblock p{color:#fff; margin:0 0 0 0; font-size:0.9em; display:block; width:90%; position:absolute; left:15px; top:240px;}
.businessblock a{color:#fff !important; text-decoration:none;}
.businessblock .category-module li {background:none; padding-left:0px; margin:0 0 0.85em 0;}
.businessblock .descriptor, .businessblock span.mod-articles-category-date {color: #EEE4C2; font-size: 0.85em;}
.businessblock .evander{background:url(../../../images/taunggold/home-ourbusiness-evander.jpg) left top no-repeat; width:100%; height:328px;}
.businessblock .jeanette{background:url(../../../images/taunggold/home-ourbusiness-jeanette.jpg) left top no-repeat; width:100%; height:328px;}

.ccblock{width:29.17%; } /*--Colour code block--*/
.ccblock h1{color:#fff; font-size:5.0em; margin:80px 0 0 0}
.ccblock h2{color:#fff; margin: 0 0 15px;}
.ccblock h2 a {color:#fff;}
.ccblock h3{color:#fff; line-height:1.2em; font-size: 2.1em;} /* Block main header in Joomla module */
.ccblock h6{color:#fff; line-height:1.2em; font-weight:bold; margin-bottom:0.2em}
.ccblock h6 a{color:#fff;}
.ccblock h6 a:hover{color:#000;}
.ccblock p{color:#fff; font-size:1.3em; line-height:1.4em}
.ccblock a{color:#fff; text-decoration:none;}
.ccblock ul.category-module{background:none; padding-left:0px;  margin: 0 0 1em 15px; }
.ccblock .category-module li{background:none; padding-left:0px;  font-weight:bold;}
.ccblock .category-module li p.mod-articles-category-introtext{font-size:1em; font-weight:normal;}
.ccblock .descriptor, .ccblock span.mod-articles-category-date {color:#d3d3d3; font-size: 0.85em;}
.ccblock ul li{list-style:url(../images/bullet-white.png); margin:0 0 1.0em 0;}

.presentationsblock{background:#fff; width:29.1%; }
.presentationsblock h1{color:#555555; }
.presentationsblock h2{color:#555555; }
.presentationsblock h4{color:#555555; font-size:1.4em; font-weight:bold;}
.presentationsblock p{color:#555555; }
.presentationsblock a{color:#555555; text-decoration:none;}
.presentationsblock ul{margin:0;}
.presentationsblock ul li{list-style:none; margin:0;}
.presentationsblock li{color:#555555;}
.presentationsblock li span{color:#ac9a79;}
.presentationsblock ul li a{color:#555555; font-size:1.1em;}

/*--CODE GENERIC--*/
.colorcode{background:#bc2e20; color:#fff !important;} /*--Red--*/

/*--CODE RED--*/
.code-red{background:#bc2e20; color:#fff !important;} /*--Red--*/

/*--CODE YELLOW--*/
.code-yellow{background:#ffc423; color:#555555 !important;} /*--Yellow--*/
.code-yellow h2{color:#fff;}
.code-yellow h2 a{color:#fff;}
.code-yellow a{color:#444; }
.code-yellow ul li{list-style:url(../images/bullet-gray.png); margin:0 0 1.1em 0;}
.code-yellow h6{color:#444; line-height:1.2em; font-weight:bold; margin-bottom:0.2em}
.code-yellow h6 a{color:#444;}
.code-yellow h6 a:hover{color:#000;}
.code-yellow .descriptor, .code-yellow span.mod-articles-category-date {color:#fff; font-size: 0.85em;}

/*--CODE GREEN--*/
.code-green{background:#8b941d; color:#fff !important;} /*--Green--*/

/*--CODE TURQOISE--*/
.code-turqoise{background:#008fa1; color:#fff !important;} /*--Turquoise--*/

/*--CODE BURGUNDY--*/
.code-burgundy{background:#872d1a; color:#fff !important;} /*--Burgundy--*/

.picblock{background:#fff; width:29.1%; }
.picblock h2{color:#b7b9bb;}
.picblock h3{color:#b7b9bb; }
.picblock p{color:#fff; }
.picblock a{color:#fff; text-decoration:none;}
.pb-pic01{background:url(../images/picblock-evander.jpg) left top no-repeat; width:100%; height:100%;}
.pb-pic02{background:url(../images/picblock-jeanette.jpg) left top no-repeat; width:100%; height:100%}

.tradingblock{background:#fff; width:29.1%; }
.tradingblock h1{color:#ac9a79; }
.tradingblock h2{color:#ac9a79; margin: 0 0 10px; font-size:2.4em; line-height:1.0em}
.tradingblock h3{color:#ac9a79; border-bottom:0px solid #a1bcd9; font-size:1.2em; margin-bottom:0.6em; padding-bottom:0.2em}
.tradingblock h4.hkex{font-size:1.7em; font-weight:normal; color:#555555; float:left; font-weight:normal; display:block; width:70px; margin:0 0 0.3em 0; text-align:left; line-height:0.7em; }
.tradingblock h5{color:#555555; margin:0 0 5px 0px;}
.sp{display:block; width:30%; float:left; }
.tradingblock h1 a, .tradingblock h2 a, .tradingblock h3 a{color:#ac9a79; }
.tradingblock p{color:#555555; font-size:1em; margin:0 0 0.3em 0;}
.tradingblock a{color:#555555; text-decoration:none;}
.tradingblock ul{margin: 0 0 1em 22px;}
.tradingblock li{font-size:1.15em; color:#555555; list-style:url(../images/bullet-1.png); background:none; margin:0 0 0.5em 0; clear:both;}
.tradingblock hr{margin:0 0 0.5em 0;}
.tradingblock p.quote{font-size:0.9em; color:#cccccc; clear:both; margin-bottom:0.5em; }
.tradingblock p.quote a{color:#8e8d8d;}

p.shareprice{line-height:0.7em; color:#555555; font-size:1.4em; font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; width:auto; float:left; margin:3px 0 0 0; text-align:right;}
p.currency{float:left; color:#555555; font-weight:normal; display:block; width:120px; margin:0 0 0 0; text-align:left;}
p.marketprice{float:left; color:#555555; font-weight:bold; display:block; width:80px; margin:0 0 0 0; text-align:right;}
p.movement-up{float:left; font-size:0.9em; display:block; width:50px; margin:0 0 0 10px; padding-left:15px; color:#c5c4c4; background:url(../images/arrow-up.png) left 5px no-repeat;}
p.movement-none{float:left; font-size:0.9em; display:block; width:50px; margin:0 0 0 10px; padding-left:15px;}
p.movement-down{float:left; font-size:0.9em; display:block; width:50px; margin:0 0 0 10px; padding-left:15px; color:#c5c4c4; background:url(../images/arrow-down.png) left 5px no-repeat; }

/*--CONTENT--*/
#content{width:100%; clear:both; }

/*--Breadcrumb--*/
.breadcrumb{font-size:0.9em; margin:12px 0 15px 0; padding:0 0 13px 0; width:70%}
.breadcrumb ul{margin: 0 0 1em 35px;}
.breadcrumb li{float:left; padding:0 6px 0 6px; list-style:none !important; background:none; border-right:1px solid #CCC;}
.breadcrumb a{color:#8e8d8d; text-decoration:none; background:none;}
.breadcrumb a:hover{color:#ad9a7a;}
.breadcrumb li:first-child{padding:0 6px 0 0; margin:0 !important;}
.breadcrumb li:last-child{border-right:none !important;}

/*--MAIN CONTENT--*/
#main-content{float:left; width:65%; margin:0 0 0 0; padding:0 2.5% 30px 30px; clear:both;}
#main-content a:link, a:visited, a:active{color:#666666; text-decoration:underline;}
#main-content a:hover{color:#ad9a7a;}
#main-content img{max-width:100%;}
#main-content h1, #main-content h2{margin:0 0 14px 0;}

.hb {border-bottom: 1px dotted #5488A8; padding: 0.1em 0 0.1em 0.2em;}

/*--Form NEW--*/
form{margin:0 0 1em 0; clear:both;}
fieldset{border:0; border-bottom:1px dotted #ccc; margin:0 0 10px 0;}
fieldset {border:none; border-bottom: 1px dotted #ccc; margin:10px 2px; padding: 0.35em 0.625em 0.75em;}
label{clear:both;}
input, textarea, select{background:#EFEFEF; color:#666; border:1px solid #CCC; list-style:none; margin:5px 0 5px 5px; padding:5px 5px}
input[type="checkbox"]{width:15px; border:none; margin:0 0 0 40px;}
input[type="submit"], input[type="reset"]{margin:3px 0 3px 0; padding:5px; border:none; color:#fff; background:#F7F8F9 url(../images/btn-submit.png) no-repeat left top; width:25px; height:auto; cursor:pointer; display:block; }
input[type="submit"]:hover, input:hover[type="button"]{background-position:left -25px;}
button, input[type="button"], button.btn{border:none; color:#fff; background:#b1b1b1 none; width:auto; height:auto; cursor:pointer; display:block; padding:3px 5px 3px 5px; margin:4px 0 10px 0}
button:hover, input[type="button"]:hover, button.btn:hover{color:#fff; background:#999}

label.radiobtn{margin:0 15px 10px 0;}
.chronoform_contact-form input[type="submit"]{margin-left:25% !important;}
.submit1{margin-left:22% !important}
form em{font-size:0.9em}

/*--FORM ON MAIN CONTENT PAGE--*/
#main-content form{margin:0 0 1em 0; font-size:105%;}
#main-content fieldset{}
#main-content .button {margin: 3px 0 3px 16.5%;}
#main-content label{clear:both; width:20%}
#main-content input, #main-content select{margin:0 0 7px 10px; padding:5px 5px; color:#666; font-size:105%;}
#main-content input[type="radio"], #main-content input[type="checkbox"]{width:auto; margin: 0 5px 10px 10px; padding: 2px;}
#main-content textarea{margin:0 0 7px 10px; padding:5px; width:70%;}
#main-content input[type="checkbox"]{margin:7px 0 0 45px; }
#main-content form em{font-size:0.9em}
#main-content button, #main-content input[type="button"], #main-content input[type="submit"], #main-content input[type="reset"]{display:block; margin:3px 0 3px 10px; padding:6px 12px !important; color:#fff; background:#999 !important; font-weight:bold; width:auto; border-radius:0; height:auto;}
#main-content button:hover, #main-content input[type="button"]:hover, #main-content input[type="submit"]:hover, #main-content input[type="reset"]:hover{background:#ac9a79 !important;}
/*--Search page submit button--*/
button span.icon-search{display:none;}
#main-content button.hasTooltip{border:none; color:#fff; background:#b1b1b1 url(../images/btn-submit-2.png) center center no-repeat; width:50px; height:20px; cursor:pointer; display:block; padding:3px 5px 3px 5px !important; margin:4px 0 10px 10px; content:"Submit"; color:#fff; font-weight:normal; }
#main-content button.hasTooltip:hover{background:#ac9a79 url(../images/btn-submit-2.png) center center no-repeat;}

/*--SIDE CONTENT--*/
aside{background:none; float:right; width:26%; margin:6px 0 2px 0; padding:0px 0 20px 0; }

/*--SIDE SUB NAVIGATION--*/
#sub-navigation{background:#fff; position:relative; width:auto; height:auto !important; min-height:100px; margin:-150px 0 25px 0; padding:15px 4% 0 7%; position:inherit; border:1px solid #ccc; box-shadow:5px 5px 0 rgba(0,0,0,0.2);}
#sub-navigation ul{margin:10px 0 0px 0px; /* padding:0 0 15px 0;*/  padding:0 0 15px 15px;}
#sub-navigation li{margin:0 0 0 0; color:#666666; /* list-style:none; background:url(../images/bullet-1.png) left 12px no-repeat;*/ list-style:url(../images/bullet-1.png); background:none; padding:11px 0 12px 1px; line-height:1.3em; white-space:normal; float:none; position:inherit; border-right:none; border-bottom:1px dotted #ccc; }
#sub-navigation li.active, #sub-navigation li:hover{/* list-style:none; */}
#sub-navigation li:last-child{border-bottom:none;}
#sub-navigation a{text-decoration:none; color:#555; font-size:1.1em; border:none; background:none; margin:0; padding:4px 0 4px 0; float:none; height:auto; }
#sub-navigation a:hover{color:#000; background:none !important; border-bottom:none !important; }
#sub-navigation li.active a{color:#555; font-weight:bold; }
#sub-navigation ul li ul{position:relative; left:auto; top:auto; box-shadow:none; border:none; background:none; margin:0 !important; padding:0; width:auto; transition:none; list-style:none; list-style-image:none; background:none; }
#sub-navigation li ul li{font-size:0.9em; margin-left:0; list-style:disc inside; list-style-image:none; padding:10px 0 3px 2px; background:none !important; border-bottom:none; }
#sub-navigation li ul li:hover, #sub-navigation li.active ul li:hover{color:#000; background:none;}
#sub-navigation li ul li a{font-weight:normal; line-height:1em; padding:2px 0 5px 0; text-decoration:none; height:auto;}
#sub-navigation li ul li a:hover{color:#000; background:none; border-bottom:none; }
#sub-navigation li ul li.active a{color:#555; font-weight:bold; }
#sub-navigation li ul li.active, #sub-navigation li.active ul li, #sub-navigation li.active ul li.active{list-style:disc inside; list-style-image:none; background:none; }
#sub-navigation h4{color:#8e8d8d; font-size:1.4em; padding-bottom:3px}

/*--SIDE SECTIONS--*/
aside section{margin:0 0 10px 0; padding:0 3% 10px 10px; position:relative; border-bottom:1px dotted #CCC}
aside section form{font-size:1em;}
aside section label{margin:5px 0 5px 0; width:22%}
aside section input{background:#EFEFEF; color:#666666; border:1px solid #CCC; list-style:none; margin:5px 0 5px 5px; padding:7px; width:90% !important;}
aside section input[type="checkbox"]{width:15px; border:none; margin:0 0 0 10px;}
aside section input[type="button"]{margin:3px 0 3px 25%; padding:2px 0; border:none; color:#fff; background:#b9b7b7; width:52px; height:auto; cursor:pointer; display:block; }
aside section input:hover[type="button"]{background:#009a44;}
aside section li{font-size:1em; list-style:url(../images/bullet-2.png) !important; background:none; clear:both}
aside section ul.unstyled li{font-size:0.8em; margin: 0 0 0; list-style:disc; list-style-image:none !important;}
aside section ul.unstyled li a{color:#999;}
aside section a{text-decoration:none;}
aside section h3{margin: 0 0 5px;}
aside section h6{font-weight:bold; margin:0;}
aside section h4{color:#8e8d8d8e8d8d; font-size:1.4m; border-bottom:0px solid #ccc; padding-bottom:0px}
aside section img{float:right; margin:0 0 6px 8px; max-height:60px;}
aside section p{font-size:1em; margin:0 0 0.5em 0;}
aside section li p{font-size:0.95em;}
aside section hr{clear:both; height:1px; margin:0 0 6px 0; border:none; border-bottom:1px dotted #ccc;}

/*--FOOTER--*/
#footerbar{width:100%; background:#e8e8e8; }

footer{max-width:950px; min-width:728px; clear:both; line-height:1.5em; margin:0 auto; padding:25px 10px 20px 20px; color:#555555; position:relative;}
footer a{color:#555555; text-decoration:none;}
footer h4, footer h3{font-size:1.25em; font-weight:bold; margin:0px 0 10px 0; color:#777777 !important;}
footer h5{font-size:1.1em; color:#777777;}
footer a{color:#555555; text-decoration:none; font-weight:normal;}
footer a:hover{color:#000; text-decoration:none;}
footer img{float:left; margin:5px; padding:0;}
footer img a{ border:none;}

footer form{width:auto;}
footer input, footer textarea, footer select{float:left; margin:0 0 10px 0 !important; padding:3px 4px 4px 6px !important; background:#fff; color:#848b91; border:#d5d9e1 solid 1px; border-right:none; width:70% !important; font-size:13px}
footer button, footer button.btn, footer input[type="submit"], footer input[type="button"]
{float:left; margin:0 0 0 0; padding:0; background:#fff url(../images/btn-submit.png) no-repeat left top; width:25px !important; height:25px; cursor:pointer; display:block; border-radius:0; border:#d5d9e1 solid 1px; border-left:none; clear:none;}
footer button:hover, footer button.btn:hover, footer input[type="submit"]:hover, footer input[type="button"]:hover{background:#fff url(../images/btn-submit.png) no-repeat left -25px; }

footer section{width:34%; margin:0 18px 0 0; padding:0 12px 0 0; float:left; border-right:1px solid #d9d9d9;}
footer section.last{width:21%; margin:0; padding:0; border:none;}
footer section ul{margin:0 0 1em 15px;}
footer section .quicklinks{float:left; margin:0 0 0 2%; width:44%;}
footer section quicklinks ul{margin:0; }
footer section p{font-size:0.85em; margin:0; padding:0; line-height:1.5em}
footer section li{font-size:0.95em; padding:0 0 0 0; margin:0 0 10px 0; line-height:1.15em}
footer section li a{margin:0; padding:0;}

/*--HOME FOOTER--*/
#home #footerbar{width:100%; background:#fff; }

#home footer input{background:#F7F8F9;}
#home footer input[type="submit"], #home footer input[type="button"], #home footer button{background:#F7F8F9 url(../images/btn-submit.png) no-repeat left top; }
#home footer input[type="submit"]:hover, #home footer button.btn:hover, #home footer input[type="button"]:hover{background-position:left -25px;}

/* Define common classes */
.row{clear:both;}
.col{width: 48%}
.col.left{float: left;}
.col.right{float: right}

.col-10{width:10%;}
.col-15{width:15%;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-30{width:30%;}
.col-33{width:33%;}
.col-35{width:35%;}
.col-37{width:37%;}
.col-40{width:40%;}
.col-50{width:50%;}
.col-55{width:55%;}
.col-60{width:60%;}
.col-65{width:65%;}
.col-70{width:70%;}
.col-75{width:75%;}
.col-80{width:80%;}

.left{float:left; margin:0 2% 15px 0;}
.right{float:right; margin:0 0 15px 2%;}
.left-l{float:left; margin-right:0}

/*--Readmore--*/
a.readmore{display:block; font-weight:bold; margin:10px 0; padding:1px 3px 1px 5px; background:#cabba2; color:#fff !important; width:65px; font-size:0.9em; text-decoration:none !important;}
a.readmore:hover{font-weight:bold; background:#AD9A7A; color:#fff; text-decoration:none}

/*--TABLES--*/
table{margin: 0 0 1em 0; width: 100%}
#main-content_notes {padding: 5px 15px 0px 15px;}
td, th{padding: 3px 7px 3px 3px; text-align: left; vertical-align:bottom; border: none; border-bottom: 1px solid #CCC;}
th{font-weight:bold; color:#FFF;}
caption{font-weight: bold; font-family: Arial; font-size: 1.3em; line-height: 1.3em; padding: 3px; text-align:left}
caption span{font-weight: normal}
.ta-l, .ta-l td, .ta-l th{text-align: left}
.ta-r, .ta-r td, .ta-r th{text-align: right}
.ta-c, .ta-c td, .ta-c th{text-align: center}
tr td.ta-r{ text-align:right !important;}
tr td.ta-l{ text-align:left !important;}
tr th.ta-l{ text-align:left !important;}
.notes {margin: 0px 0px 1em 0px; font-size:11px; font-style:italic;}

.shade, .shade td{background: #f3e0c0}
.shade2, .shade2 td{background: #fff8eb}
thead th{background: #ad9a7a; color: #fff; font-weight: bold;  text-align: right; }
thead td{background: #ad9a7a; border-top: #fff 3px solid; color: #fff}
thead tr.nb td {background: #FA9C1E; border-top: #FA9C19 3px solid}
thead tr.nb th, th.nb{background: #2E2B2C}
.rule td, .rule{border-bottom: #CECECE 1px solid}
.rule-nb td{border-bottom: #000 1px solid}
.indent{padding-left: 15px}
.va-t td, .va-t{vertical-align: top}
.v-borders td, td.v-borders{border-right: #FA9C1E 1px solid}
.v-borders thead th, th.v-borders, thead td.v-borders{border-right: #fff 1px solid}
.nvb{border-right: none !important}
.border-white, .border-white td{border:2px solid #ffffff;}

table.events td{ color:#fff;}
.shade4 td{background-color:#929aa0;}
.shade5 td{background-color:#a5adb4;}

.clear{clear:both; height:0; margin:0; padding:0;}

.pic-l{float:left; margin:0 12px 12px 0 !important;}
.pic-r{float:right; margin:0 0 12px 12px !important;}
.pic{float:none !important; margin:0 0 5px 0 !important; }

.divider{clear:both; height:5px; margin:0 0 15px 0; border-bottom:1px dotted #ccc;}

.block-1{background:#fff; padding:15px 15px 10px 25px;}
.block-2{background:#f1f5f9; padding:15px 15px 10px 25px;  margin:0 0 10px -25px}

/*--Blog pagination--*/
.pagination{}
.pagination p{font-size:15px; margin:15px 0;}
.pagination p.counter{font-weight:bold}
.pagination ul{margin:15px 0 10px 0}
.pagination li{list-style:none; display:inline; padding:0; margin:0 5px; font-size:15px;}
.pagination li .pagenav{padding:3px 8px; border:1px solid #CCC; }
.pagination li span.pagenav{background:#555555; color:#fff; font-weight:bold; border:1px solid #555555}
.pagination-start span.pagenav, 
.pagination-prev span.pagenav, 
.pagination-next span.pagenav, 
.pagination-end span.pagenav
	{background:#fff !important; font-weight:normal !important; border:1px solid #CCC !important; color:#bbb !important}
.pagination-start a.pagenav, 
.pagination-prev a.pagenav, 
.pagination-next a.pagenav, 
.pagination-end a.pagenav
	{background:#fff !important; font-weight:normal !important; border:1px solid #CCC !important; color:#bbb !important}
.pagination-start a.pagenav:hover, 
.pagination-prev a.pagenav:hover, 
.pagination-next a.pagenav:hover, 
.pagination-end a.pagenav:hover
	{background:#ad9a7a !important; font-weight:normal !important; border:1px solid #ad9a7a !important; color:#fff !important}
.pagination li a.pagenav{background:#eee; font-weight:normal; text-decoration:none !important}
.pagination li .pagenav:hover, .pagination li a.pagenav:hover{color:#fff !important; background:#ad9a7a; cursor:pointer; border:1px solid #ad9a7a}

/*--Downloads page--*/
.downloadpage{}
.downloadpage h4, .downloadpage h5, .downloadpage h6{line-height:1.0em;  margin:0 0 2px 0; padding:0; }
.downloadpage h3{border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin:0 0 15px 0;}
.downloadpage h4{font-size:1.3em; color:#555555; font-weight:normal; line-height:1.3em; margin-top:0}
.downloadpage h4 a{color:#555555; font-style:none; text-decoration:none !important}
.downloadpage h4 a:hover{color:#000;}
.downloadpage h5{font-size:1.15em; font-weight:normal; } 
.downloadpage h5 span{color:#8e8d8d;}
.downloadpage h6{font-size:1em; font-weight:bold; line-height:1.3em; }
.downloadpage p{margin:0 0 0.3em 0;}
.downloadpage ul{}
.downloadpage li{list-style:none !important; background:url(../images/bullet-2.png) left 12px no-repeat !important; padding:0 0 10px 20px; margin-bottom:1.2em; clear:both; border-bottom:2px dotted #F1F1F1; min-height:80px; }
.downloadpage li img{float:left !important; max-width:100px !important; max-height:80px !important; margin:0 20px 10px 0 !important; padding:0; border:1px solid #ccc;}
.dwnload-icon{height:100px; border:1px solid #ccc; box-shadow:2px 2px 0px rgba(0,0,0,0.10)}

/*--Home news list--*/
.ni-listpage{}
.ni-listpage h3{border-bottom:1px dotted #CCCCCC; padding-bottom:5px; margin:0 0 15px 0;}
.ni-listpage h6{font-weight:bold; margin: 0 0 1.1em 4%; }
.ni-listpage p{display:block; color: #555555; font-size:1.1em; font-weight: normal; line-height: 1.5em; margin: 0 0 1.1em 4%; background:url(../images/bullet-2.png) left 7px no-repeat; padding-left:15px; width:auto}
.ni-listpage .descriptor{font-size:0.85em; line-height:0.9em}
.ni-listpage span.descriptor img{display:none;}

/*--Downloads list with icons - Horizontal icons--*/
.dwlds-icon{float:left; width:100px; margin:0 20px 10px 0; padding:0;}
.dwlds-icon img{border:1px solid #ccc;}
.dwlds-txt{float:left; width:70%; margin:0 0 10px 0; padding:0;}

/*--Fact sheet list with icons - Vertical icons--*/
.fs-icon{float:left; width:60px; margin:0 15px 10px 0; padding:0;}
.fs-icon img{border:1px solid #ccc;}
.fs-txt{float:left; width:70%; margin:0 0 10px 0; padding:0;}

/*--Search results--*/
.finder h1{font-size:2.7em; font-weight:normal; color:#f25824;}
#search-results{}
#search-results dt.result-title{font-size:1.15em; font-family:'Myriad Pro Bold', Arial, Helvetica, sans-serif; font-weight:normal; color:#f25824;}

/*--FAQs--*/
.faqs{}
.faqs ol, .faqs ul{margin:0 0 1em 0;}
.faqs ol li{list-style:lower-alpha !important;}
.faqs table{border-bottom:none;}
.faqs th, .faqs td{border:none}
.faqs td{padding-right:10px;}
.faqs thead th{background:none; color:#ad9a7a; font-weight:bold;  text-align:right; padding-bottom:7px}
.faqs thead td{background:none; }

/*---Accordion---*/
.ui-accordion{width: 100%; position:relative; left:-5px; border-bottom:0px solid #ccc; }
.ui-accordion .ui-accordion-header {font-size:1.2em; font-weight:bold; background:#fff url(../images/bullet-2.png) 10px 10px no-repeat; border:1px solid #e8e7e7; -moz-border-radius: 5px; border-radius:5px; color:#555 !important; cursor:pointer; padding:4px 15px 6px 25px; margin-top:5px; position:relative; border:none !important; outline:none;}
.ui-accordion .ui-accordion-header:hover, .ui-accordion .ui-accordion-header:hover strong{color:#fff; background:#e9e9e9 url(../images/bullet-2.png) 10px 10px no-repeat; border:1px solid #e8e7e7;}
.ui-accordion .ui-accordion-header .ui-icon {left:0.5em; margin-top:-8px; position:absolute; top:50%;}
.ui-accordion .ui-accordion-header.ui-state-active, .ui-accordion .ui-accordion-header:active{color:#fff; background:#ccc url(../images/bullet-white.png) 10px 10px no-repeat; }
/*--About us---Red--*/
#about-us .ui-accordion .ui-accordion-header.ui-state-active, #about-us .ui-accordion .ui-accordion-header:active{color:#bc2e20 !important; background:#fff url(../images/bullet-red.png) 10px 10px no-repeat;}
/*--Our business---Green--*/
#our-business .ui-accordion .ui-accordion-header.ui-state-active, #our-business .ui-accordion .ui-accordion-header:active{color:#8b951d !important; background:#fff url(../images/bullet-green.png) 10px 10px no-repeat;}
/*--Gold market----Yellow--*/
#gold-market .ui-accordion .ui-accordion-header.ui-state-active, #gold-market .ui-accordion .ui-accordion-header:active{color:#ffc423 !important; background:#fff url(../images/bullet-yellow.png) 10px 10px no-repeat;}
/*--Investors & media---Turquoise--*/
#investors-media .ui-accordion .ui-accordion-header.ui-state-active, #investors-media .ui-accordion .ui-accordion-header:active{color:#008fa1 !important; background:#fff url(../images/bullet-turqoise.png) 10px 10px no-repeat;}
/*--Contact us---Burgundy--*/
#contact-us .ui-accordion .ui-accordion-header.ui-state-active, #contact-us .ui-accordion .ui-accordion-header:active{color:#872d1a !important; background:#fff url(../images/bullet-burgundy.png) 10px 10px no-repeat;}

.ui-accordion .ui-accordion-header.ui-state-active strong{color:#fff;}
.ui-accordion-content{font-family:Arial, Helvetica, sans-serif; color: #676767; border:none; margin-left:25px}
.ui-accordion-content li{margin:0 0 0.5em 0;}


/*-----------------------!!!!!! SUB PAGE COLOR CODING !!!!!------------------------*/

/*--About us--*//*--Red--*/
#about-us{}
#about-us h2, #about-us h4, #about-us caption, #about-us #sub-navigation h4, #about-us aside section h4{color:#bc2e20;}
#about-us #main-content ul li{background:none; list-style:url(../images/bullet-red.png); margin:0 0 1.1em 0}
#about-us #banner-bar-sub{background:#bc2e20;} 
#about-us thead th{background:#bc2e20; color:#fff; }
#about-us thead td{background:#bc2e20; border-top:#fff 3px solid; color:#fff}
#about-us .shade, #about-us .shade td{background:#f5d1ce}
#about-us .shade2, #about-us .shade2 td{background:#fff7f5}

/*--Our business--*//*--Green--*/
#our-business{}
#our-business #banner-bar-sub{background:#8b941d; }
#our-business h2, #our-business h4, #our-business caption, #our-business #sub-navigation h4, #our-business aside section h{color:#8b941d;}
#our-business #main-content ul li{background:none; list-style:url(../images/bullet-green.png); margin:0 0 1.1em 0}
#our-business thead th{background:#8b941d; color:#fff; }
#our-business thead td{background:#8b941d; border-top:#fff 3px solid; color:#fff}
#our-business .shade, #our-business .shade td{background:#f3e0c0}
#our-business .shade2, #our-business .shade2 td{background:#fff8eb}

/*--Gold market--*//*--Yellow--*/
#gold-market{}
#gold-market #banner-bar-sub{background:#ffc423; color:#555555;}
#gold-market h2, #gold-market h4, #gold-market caption, #gold-market #sub-navigation h4, #gold-market aside section h{color:#ffc423;}
#gold-market #main-content ul li{background:none; list-style:url(../images/bullet-yellow.png); margin:0 0 1.1em 0}
#gold-market thead th{background:#ffc423; color:#fff; }
#gold-market thead td{background:#ffc423; border-top:#fff 3px solid; color:#fff}
#gold-market .shade, #gold-market .shade td{background:#ffe6bb}
#gold-market .shade2, #gold-market .shade2 td{background:#fff8e6}

/*--Gold SA--*//*--Brown/Gold--*/
#gold-sa{}
#gold-sa #banner-bar-sub{background:#ad9a7a; color:#fff;}
#gold-sa h2, #gold-sa h4, #gold-sa caption, #gold-sa #sub-navigation h4, #gold-sa aside section h{color:#ad9a7a;}
#gold-sa #main-content ul li{background:none; list-style:url(../images/bullet-gold.png); margin:0 0 1.1em 0}
#gold-sa thead th{background:#ad9a7a; color:#fff; }
#gold-sa thead td{background:#ad9a7a; border-top:#fff 3px solid; color:#fff}
#gold-sa .shade, #gold-sa .shade td{background:#ffe6bb}
#gold-sa .shade2, #gold-sa .shade2 td{background:#fff8e6}
#gold-sa h3{}
#gold-sa h3 a{text-decoration:none !important; color:#666 !important;}
#gold-sa h3 a:hover{color:#000 !important;}
#gold-sa h4{color:#ac9a79; }
#gold-sa h5{margin-bottom:10px; line-height:1.5em}
#gold-sa p{text-align:left !important; padding:0; margin:0 0 1em 0; line-height:1.45em}
#gold-sa hr{padding:12px 0 0 0 !important; margin:0 0 20px 0; height:2px; border:none; border-bottom:2px dotted #d3cbbe; clear:both;}
#gold-sa img, #gold-sa img.right{float:right; margin:10px 0 15px 22px !important; padding:0;}
#gold-sa img.fl-graph{float:right; margin:0 0 20px 0 !important; padding:0 !important;}
.sagold-banner{width:736px; height:160px; padding:0; margin:0 0 20px 0;}

#gold-sa #feature{position: relative; height: 240px; width: 100%;}

/*--Investors & media--*//*--Burgundy--*/
#investors-media{}
#investors-media #banner-bar-sub{background:#872d1a;} 
#investors-media h2, #investors-media h4, #investors-media caption, #investors-media #sub-navigation h4, #investors-media aside section h{color:#872d1a;}
#investors-media #main-content ul li{background:none; list-style:url(../images/bullet-turqoise.png); margin:0 0 1.1em 0}
#investors-media thead th{background:#872d1a; color:#fff; }
#investors-media thead td{background:#872d1a; border-top:#fff 3px solid; color:#fff}
#investors-media .shade, #investors-media .shade td{background:#b0f7ff}
#investors-media .shade2, #investors-media .shade2 td{background:#edfeff}

/*--Contact us--*//*--Turquoise--*/
#contact-us{}
#contact-us #banner-bar-sub{background:#008fa1;} 
#contact-us h2, #contact-us h4, #contact-us caption, #contact-us #sub-navigation h4, #contact-us aside section h{color:#008fa1;}
#contact-us #main-content ul li{background:none; list-style:url(../images/bullet-burgundy.png); margin:0 0 1.1em 0}
#contact-us thead th{background:#008fa1; color:#fff; }
#contact-us thead td{background:#008fa1; border-top:#fff 3px solid; color:#fff}
#contact-us .shade, #contact-us .shade td{background:#ffd6d6}
#contact-us .shade2, #contact-us .shade2 td{background:#fff7f7}

/*--CC Footer--*/
#about-us footer h4, #our-business footer h4, #gold-market footer h4, #investors-media footer h4, #contact-us footer h4{color:#777;}

/*---End of colour coding---*/

/*--Management--*/
.directors{}
.directors img{float:left; max-width:30% !important; margin:15px 4px 10px 0 !important;}
.directors hr{clear:both; height:2px; margin:0 0 10px 0; border:1px dotted #dddddd;}

.management{width:64%; padding:0 0 0 4%; margin:15px 0 10px 0; float:left}
.management h3{font-size:1.4em; margin-top:5px; margin-bottom:0 !important; line-height:1em}
.management h4{margin:0 0 0.0em 0;}
.management h5{margin-bottom:5px !important}
.management p{margin-bottom:0.5em}
.management p em{margin:0 0 0 0 !important;}

/*--JOOMLA OVERRIDES--*/

/*--Menu page--*/
.menu-page {margin:0; padding:0; height:auto; font-size:1.0em; text-align:left; }
.menu-page h3{font-size:3.0em; color:#ac9a79; font-weight:normal;}
.menu-page ul{margin:0 0 1em 0;}
.menu-page li{display:inline; margin:0 !important; padding:0  !important;  list-style-type:none; list-style-image:none; background:none;}
.menu-page a{display:inline-block; text-decoration:none !important; padding:6px; margin:0 0 0 0; border-right:1px solid #E1E1E1; text-align:center;}
.menu-page li a:hover{color:#000 !important}
.menu-page li:last-child a{border-right:none;}
.menu-page .active a{color:#000; font-weight:bold}

/*--Override jnews css for register for alerts--*/
.jNewsMod .subscriptionButton input.button {clear:both; margin:3px 0 3px 40px; padding:0 0 0 0; border:none; width:85px; height:25px; cursor:pointer; display:block; background:#729bc7; color:#fff; border-radius:10px}
.pretext {color: #5B84B1;}

.article-info-term{display:none;}
dl.article-info{margin:0 0 0.1em 0;}

/*--Override default joomla published date class--*/
.published{font-size:0.9em; color:#aaaaaa; margin:0 0 0.1em 0;}

/*--#system-message-container{height:0; margin:0; padding:0;}--*/
/*--System messages--*/
#system-message-container{clear:both; width:467px}
#system-message{width:467px}
#system-message > dd > ul, #system-message > .message > ul{margin-left:0}
#system-message .message li{list-style:none}

/*--CHRONOFORMS--*/
.chronoform{display:none;}
.cfdiv_text label { width:210px;}
.chronoform a{color:#FFFFFF;}
.error-message {display:none;}

/*--JOB BOARD--*/
div#loginWrapper {position:relative;right:0px;top:0px;}

.star {color: #EE0000;font-size: 1.2em;}
.nodisplay {display:none;}

/*--IMAGE MAP--*/
.thumbnail {position:relative;}

/*CSS for enlarged image*/
.thumbnail span{ position: absolute; background-color: #DEE7F0; padding: 5px; border: 1px solid #729BC7; display:none; color: black; text-decoration: none; width: 200px; left: 200px;}

/*CSS for enlarged image on hover*/
.thumbnail span.fag{ left: 10%; top: -120px; /*position where enlarged image should offset horizontally */}

.thumbnail span.crush{ /*CSS for enlarged image on hover*/
left: 6%; top: -180px; /*position where enlarged image should offset horizontally */}

.thumbnail span.merensky{ /*CSS for enlarged image on hover*/
left: 6%; top: -140px; /*position where enlarged image should offset horizontally */}

.thumbnail span.fed{ /*CSS for enlarged image on hover*/
left: 15%; top: -190px; /*position where enlarged image should offset horizontally */}

.thumbnail span.concentrate{ /*CSS for enlarged image on hover*/
left: 6%; top: -250px; /*position where enlarged image should offset horizontally */}

.thumbnail span.cleaner{ /*CSS for enlarged image on hover*/
left: 55%; top: -200px; /*position where enlarged image should offset horizontally */}

.thumbnail span.silos{ /*CSS for enlarged image on hover*/
left: 55%; top: -260px; /*position where enlarged image should offset horizontally */}

.thumbnail span.bmr{ /*CSS for enlarged image on hover*/
left: 80%; top: -370px; /*position where enlarged image should offset horizontally */
}

.thumbnail span.leaching{ /*CSS for enlarged image on hover*/
left: 135%;
top: -140px; /*position where enlarged image should offset horizontally */
}

.thumbnail span.metals{ /*CSS for enlarged image on hover*/
left: 110%;
top: -120px; /*position where enlarged image should offset horizontally */
}

    

/*--Breezing Forms - Contact us--*/
.bfQuickMode input[type=text] {margin:0 0 10px 10px !important; width:300px !important;}

#bfPage1 label {display:inline-block; vertical-align:top; text-align:right; width:90px !important; margin:0 0 5px 0;}

#bfElemWrap92, button.ff_elem, .bfElemWrap#bfElemWrap92 {display:none !important;}

button#bfSubmitButton.pull-right {float:none !important; margin-left:124px;}
    
img.ff_capimg {margin-left:10px !important;}
    
i.icon-asterisk {content:"*"}
    

}