/* ---------------------------------------------------------------------------------------
Colours:
	#555 - grey (used on text)
	#33281E - very dark grey (used for block headers)
	#A64A23 - brown
	#9C9A69 - green (used exclusively on the Beneficiation page)
	#ECE2DE - light grey (used for third level navigation)
--------------------------------------------------------------------------------------- */

/*----- Reset styles plus generic styling -----*/

* { margin: 0; padding: 0; border: none; font-family: Arial, Helvetica, sans-serif; text-decoration: none;  }


h3 { font-size: 12px; color: #33281E; }
h4 { font-size: 11px; text-decoration: none; padding-top: 10px; }
a { text-decoration: none; color: #a64a23; font-size: 11px; font-weight: bold; }
a:hover { color: #33281E }

.generic { color: #555; font-size: 11px; }
div.generic p { padding-bottom: 10px; }

body { background: url(../../assets/images/greybg.gif) no-repeat top left; background-color: #E1E1E1; }
body.beneficiation { background: url(../../assets/images/greenbg.gif) no-repeat top left; background-color: #E1E1E1; }

input, select, textarea, .textinput { font-size: 11px; color: #A64A23; border: 1px solid #8b8b8b; padding: 1px; width: 150px; margin: 3px; }
input { padding: 4px; }
.button { width: 60px; background-color: #A64A23; color: #fff; border: none; cursor: pointer; padding: 3px; font-weight: bold; }
.alerts_button { width: 200px; background-color: #A64A23; color: #fff; border: none; cursor: pointer; padding: 3px; font-weight: bold; }
.rssbutton { position: relative; left: 260px; top: -27px; }

#rssicons img { margin: 0 5px 5px 0; border: 1px solid #fafafa; }
#rssicons img:hover { border: 1px solid #33281E; }
.show { display: block; }
.hide { display: none; }

.step2 { margin: 10px 0 0 0; }

.button:hover { color: #ECE2DE; }
.widebutton { width: 100px; }
.searchbox, input#shares_owned { width: 175px; margin-bottom: 0px; margin-top: 10px; padding: 4px; color: #33281E; }
.text { padding-bottom: 5px; }
.adobe { margin-bottom: 15px; }
.bold { font-weight: bold; color: #A64A23; }

a.morenewshome { margin-top: 300px; }


/*----- Container -----*/

#container { width: 100%; float: left; background: url(../../assets/images/bg.jpg) repeat-x top left; position: relative; height: 700px; }


/*----- Sidebar -----*/

.home#topright { width: 150px; display: inline; float: right; } 
#topright.home a, #sharepricemodule a { position: relative; top: 20px; display: block; } 
#sidebar { width: 212px; float: left; background: url(../../assets/images/greybg.gif) no-repeat top left; position: relative; }
#sidebar h1 { background: url(../../assets/images/logo_2.jpg) no-repeat top left; text-indent: -9999px; margin-top: 1px; height: 143px; cursor: pointer; }

#logo a { height: 163px; }
div#di_link{height:100px; width:212px; background-image:url('../../assets/images/diamonds_bg.jpg'); background-repeat:repeat-y; text-align:center;}
div#di_link_txt{height:40px; width:212px;}
div#di_link_txt a{text-decoration:none; color:#000000;}
div#di_link_txt a:hover{text-decoration:none; color:#A64A23;}
.diamond_link{margin:0em 0em 0em 1.2em;}
.diamond_img{text-align:center;}

#sidebar #middleblock { float: left; width: 212px; background: url(../../assets/images/brown.gif) no-repeat top left; position: absolute; z-index: 2; padding-bottom: 20px; min-height: 136px; height: auto !important; height: 136px; }

#sidebar #middleblock.beneficiation { background: url(../../assets/images/green.gif) no-repeat top left; } /*----- beneficiation green -----*/
#sidebar #middleblock h2 { color: #fff; font-size: 13px; position: relative; left: 10px; top: 15px; width: 149px; }
#sidebar #middleblock ul { margin-left: 15px; list-style: none; }
#sidebar #middleblock ul li { padding-top: 0px; width: 147px; margin-bottom: 5px; line-height: -5px; }
#sidebar #middleblock a { color: #fff; }
#sidebar #middleblock a:hover { color: #33281E; }
#sidebar #middleblock a.selected { color: #33281E; }

#sidebar #middleblock ul.secondlevel { margin-top: 25px; padding-top: 1px; }

#sidebar #middleblock ul.thirdlevel { margin-left: 5px; padding-top: 1px; }
#sidebar #middleblock ul.thirdlevel li { padding-bottom: 2px; color: #ECE2DE; }
#sidebar #middleblock ul.thirdlevel li a { color: #ECE2DE; }
#sidebar #middleblock ul.thirdlevel li a:hover { color: #000; }

#sidebar #middleblock ul.fourthlevel { margin-left: 25px; padding-top: 1px; list-style: disc; font-size: 10px; }
#sidebar #middleblock ul.fourthlevel li { color: #ECE2DE; }
#sidebar #middleblock ul.fourthlevel li a { color: #E2D3CE; }
#sidebar #middleblock ul.fourthlevel li a:hover { color: #000; }


#sidebar #lowerblock { float: left; width: 212px; background: url(../../assets/images/grey.gif) no-repeat top left; height: 250px; position: absolute; top: 440px; z-index: 1; }
#sidebar #lowerblock.beneficiation { background: url(../../assets/images/greenlower.gif) no-repeat top left; }

#sidebar #lowerblock.beneficiation h3 { padding: 15px; padding-bottom: 5px; padding-left: 40px; }
#sidebar #lowerblock.beneficiation ul { margin-left: 40px; list-style: none; height: 200px; }
#sidebar #lowerblock.beneficiation ul li a { font-size: 10px; color: #fff; }
#sidebar #lowerblock.beneficiation ul li a:hover { color: #33281E; }


/*----- Content Area -----*/

#main { float:left;
left:212px;
position:absolute;
top:0;
width:771px; }


/*----- Navigation -----*/

#mainnav ul { float: left; position: relative; left: 35px;  list-style: none; height: 30px; }
#mainnav ul li { display: inline; position: relative; top: 13px; }
#mainnav ul li a { font-size: 11px; text-decoration: none; color: #fff; padding-bottom: 0.25em; margin-right: 18px; padding-left: 3px; padding-right: 3px; position: relative; }
#mainnav ul li a.home { margin-right: 75px; } /*----- Home tab -----*/
#mainnav ul li a.selectedhome { margin-right: 75px; border-bottom: 5px solid #a64a23; } /*----- Home tab -----*/
#mainnav ul li a.selected { border-bottom: 5px solid #a64a23; }
#mainnav ul li a.beneficiation { border-bottom: 5px solid #9C9A69; }
#mainnav ul li a:hover { border-bottom: 5px solid #a64a23; }
#mainnav ul.beneficiation li a:hover { border-bottom: 5px solid #9C9A69; } /*----- beneficiation green -----*/

.gecko #mainnav ul li a { padding-bottom: 1px; }
.safari #mainnav ul li a { padding-bottom: 4px; }
.chrome #mainnav ul li a { padding-bottom: 0.25em; }


/*----- Breadcrumbs -----*/

#breadcrumbs { font-size: 12px; color: #8b8b8b; }
#breadcrumbs ul { float: left; clear: left; position: relative; left: 35px; top: 16px; list-style: none; }
#breadcrumbs ul li a { font-size: 11px; text-decoration: none; color: #8b8b8b; }
#breadcrumbs ul li a:hover { color: #A64A23; }


/*----- Search -----*/

#searcharea { font-size: 11px; float: right; position: relative; top: 12px; color: #8b8b8b; }
#searcharea label { position: relative; top: -4px; left: -2px; }
#searcharea input { font-size: 11px; color: #8b8b8b; border: 1px solid #8b8b8b; padding: 1px; }
#searcharea input.submit { background: url(../../assets/images/searchsubmit.gif) center center no-repeat; width: 18px; height: 18px; position: relative; top: 0px; cursor: pointer; }


/*----- Banner Image -----*/

#imgarea { float: left; margin-top: 23px; width: 771px; height: 211px; }
#imgarea .generic { width: 771px; height: 211px; margin-top: -5px; }
.ir .generic { float: left; margin-top: 18px; width: 771px; height: 211px; width: 771px; height: 211px; }
.ir .generic #imgarea { float: left; width: 771px; height: 211px; width: 771px; height: 211px; }

#pagetitle, #text, #topright, #brleft, #brmiddle, #brleftwide.beneficiation { padding: 9px; font-size: 11px; color: #555; } /*----- Universal Content padding, font-size and font colour -----*/

/*----- Content Top Row -----*/

#toprow { border-bottom: 1px solid #C0BEBB; float: left; padding: 5px 0; width: 755px; }


/*----- Page Title -----*/

#pagetitle { float: left; width: 149px; }
#pagetitle.wider { float: left; width: auto;}
#pagetitle h2 { font-size: 14px; color: #33281E; font-weight: bold; }
#pagetitle.wider h2 { font-size: 14px; color: #33281E; font-weight: bold; }


/*----- Text Area -----*/

#text { float: left; width: 373px; }
#text p { font-size: 11px; color: #555; }
#text a { text-decoration: none; color: #33281E; font-size: 11px; font-weight: bold; }


/*----- Right Module -----*/

#sharepricemodule { position: relative; left: 10px; }
#sharepricemodule .shareprice { position: relative; top: -3px; }
#sharepricemodule .irshareprice { position: relative; top: -3px; left: 390px }
#topright .shareprice .generic img { margin-bottom: -5px; }
#sharepricemodule .shareprice h3.share { font-size: 15px; padding-bottom: 5px; }

#sharepricemodule #datedelay { float: left; margin: 30px 0 0 0; }
#sharepricemodule #irdatedelay { float: right; position: relative; right: 39px; width: 150px; margin: 5px 0 10px 0; }

#sharepricemodule .shareprice { color: #A64A23; font-size: 20px; }
#sharepricemodule .irshareprice { color: #A64A23; font-size: 20px; }


/*----- Content Bottom Row -----*/

#bottomrow { border-bottom: 1px solid #C0BEBB; float: left; min-height: 210px; height: auto !important; height: 210px; width: 755px; }
#bottomrow h4 { color: #555; }


/*----- Bottom Row - Left column -----*/

#brleft { float: left; width: 149px; }
#brleft p { font-size: 11px; color: #555; }

#brleftwide { float: left; width: 602px;} /*----- Bottom Row - WIDE Left column -----*/
#brleftwide h2 { font-size: 14px; }
#brleftwide h2.shareprice { margin: 0 0 15px 0; }
#brleftwide ul { padding-bottom: 10px; padding-top: 5px; }
#brleftwide li { padding-bottom: 3px; margin-left: 15px; }
#brleftwide object { margin: -9px 0 -12px -10px; }
#brleftwide embed { margin: -9px 0 -12px -10px; }
#brleftwide .generic { padding: 10px; }
#brleftwide.beneficiation { float: left; width: 548px; } /*----- Bottom Row - WIDE Left column -----*/
#brleftwide.beneficiation h2 { color: #33281E; font-size: 12px; }
#brleftwide.beneficiation h3 { color: #9C9A69; font-size: 11px; padding-bottom: 15px; }
#brleftwide.beneficiation p { padding-bottom: 10px; }

#brleftwide .generic #news { margin-bottom: -10px; padding-bottom: 5px; border-bottom: 1px solid #C0BEBB; }
#brleftwide .generic #news a { color: #A64A23; font-weight: bold; }
#brleftwide .generic #news a:hover { color: #555; }

.profiletextwide p, .profiletextwide { float: left; clear: both; padding-top: 5px; padding-bottom: 15px; width: 425px; }
.profiletextwide p img { padding: 0 10px 5px 0; }

p.regnews { width: 532px; }

.spgraph { margin-top: 15px; }

.spsmall { float: none; }

#download select { width: 90px; margin: 0 0 5px 0; }
select.advshare { width: 60px; margin: 0 0 5px 0; }
.alignbox { position: relative; right: 50px; }
.delivered { float: right; margin-top: -5px; }

input#volume { width: auto; border: none; margin: 0 3px 0 0; }

.code1, .code2, .code3, .code4, .code5, .code6, .code7 { border: none; width: auto; margin: 0 0 1px 0 ; }

.lcode1 { color: #0D7002 }
.lcode2 { color: #003A9B }
.lcode3 { color: #CD0084 }
.lcode4 { color: #A18C00 }


.check { margin: 0 0 10px 0; }
.check label { margin-top: -2px; }

#period label {  }
#period select { margin: 0 0 5px 15px; position: relative; top:	4px; }
#period select.period { position: relative; left: 52px; }

#help { float: right; position: relative; top: -20px; left: -15px; }
#help a { position: relative; top: -5px; }

p.spsmall { margin: 0 0 15px 0; }

.sharepricebutton { width: 100px; }

.holding { margin: 0 0 0 5px; }

input#eventref3 { width: auto; }

#brleftwide tbody input { width: auto; border: none; }
#brleftwide tbody input#fullname, #brleftwide tbody input#email, #brleftwide tbody input#loginemail, #brleftwide tbody input#fincalinput { font-size: 11px; color: #A64A23; border: 1px solid #8b8b8b; padding: 4px; width: 150px; margin: 3px; }
.line { border-bottom: 1px solid #C0BEBB; }
.up { position: relative; top: -5px; }

.b2news { margin: 35px 0 15px 0; clear: none; }
.news td { margin-top: 25px; }

#calc { margin-left: 5px; }

.profiletext { padding-top: 5px; }
.profiletext ul { float: left; }


#formfiller { margin: 10px 0 0 0; }

#formfiller input { margin: 0 0 0 30px; }
#formfiller input.name { margin: 0 0 0 71px; }
#formfiller input.email { margin: 0 0 0 31px; }
#formfiller input.button { margin: 0 0 0 0px; position: relative; left: 105px; top: -20px; }

#formfiller textarea { width: 400px; position: relative; top: -26px; left: 102px; height: 125px; padding: 4px; }
#formfiller p.message { position: relative; top: 5px; }
#formfiller p.error { color: #FF0000; }

#formfiller select.category { position: relative; left: 55px; top: -5px; width: 159px; }
#formfiller label.category { position: relative; top: -5px; }



/*----- Bottom Row - Middle column -----*/

#brmiddle { padding: 10px; color: #555; float: left; width: 373px; position: relative; background: url(../../assets/images/newsbg.jpg) repeat-y; min-height: 225px; height: auto !important; height: 225px; }
#brmiddle a { margin-top: -10px; color: #A64A23; }
#brmiddle a:hover { color: #555; }
#brmiddle a.viewall { text-decoration: none; color: #33281E; font-size: 11px; font-weight: bold; position: absolute; bottom: 10px; }


/*----- Bottom Row - Right column -----*/

#brright {color:#555; float:left; width:150px; position: relative;}
#brright img { margin: -9px 0 -12px; 0; }
#brright .generic { padding: 9px; float: left; }
#brright.beneficiation { padding: 0px; }
#brright a { text-decoration: none; color: #33281E; font-size: 11px; font-weight: bold; margin-top: 10px; }
#brright a { color: #A64A23; }
#brright a:hover { color: #555; }
#brright ul { margin: -8px 0 15px 15px; list-style: disc; }
#brright ul li { margin: 0 0 -5px; 0 }

#aspc { position: relative; top: 10px; }


/* ----- footer ----- */

#footer { float: left; font-size: 11px; padding-top: 3px; height: 35px; width: 743px; position: relative; }
#footer p { float: left; color: #534941; }
#footer p.footernav { margin-left: 45px; }
#footer a { color: #534941; }
#footer a:hover { color: #a64a23; }
#footer p.g3d { position: absolute; right: 0; font-size: 10px; }


label:after { content: ":"; }