/* ---------------------------------------------------------------------------------------
 Print style sheet for Namakwa Diamonds
--------------------------------------------------------------------------------------- */

/*----- Removed sections for print style sheet -----*/

#sidebar, #mainnav, #breadcrumbs, #search, #imgarea, #footer p.footernav, #footer p.g3d { display: none; }


/*----- 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: none; background-color: #fff; }
body.beneficiation { background: none; background-color: #fff; }

input, select, textarea { 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; }
.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; }


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

#container { background: none; }


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

#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; }


/*----- 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 -----*/

#topright { width: 155px; float: left; position: relative; }
#topright .generic img { margin-bottom: -5px; }
#topright.home { min-height: 110px; height: auto !important; height: 110px; }
#topright h3.share { font-size: 15px; padding-bottom: 5px; }
#topright .shareprice { color: #A64A23; font-size: 20px; }
#topright .delay { position: absolute; bottom: 9px; }



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

#bottomrow { border-bottom: none; 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: 552px; } /*----- 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; }

p.regnews { width: 532px; }

.spgraph { margin-top: 15px; }

.graphoptleft { float: left; }
.graphoptleft, .graphoptright { padding: 0 25px 20px 0; }
.spsmall { float: none; }

#download select { width: 90px; margin: 0 0 5px 0; }

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

.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 { 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; }


#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: none; min-height: 200px; height: auto !important; height: 200px; }
#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: 155px; position: relative; }
#brright img { margin: -9px 0 -12px; 0; }
#brright .generic { padding: 9px; }
#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 }


/* ----- 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 { display: none; }
#footer a { color: #534941; }
#footer a:hover { color: #a64a23; }