html, body {margin:0; padding:0;}
body {font-size:76%; font-family:Arial, Helvetica, sans-serif; color:#303030; background:#464646 url(../images/back-head.jpg) repeat-x 50% 0;}
p {font-size:1.0em; margin:0 0 10px 0;}

	a:link {color:#EA0000; text-decoration:none;}
	a:visited {color:#EA0000; text-decoration:none;}
	a:active, a:focus, a:hover {background-color:#D9D9D9;}
	a, a:focus, a:active {outline:none;} /* Removes the dotted line around links */
	a img {border:none;}

h1 {color:#EA0000; line-height:1.3em; text-transform:uppercase; font-size:1.2em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h2 {color:#EA0000; padding:0; margin:0 0 10px 0; line-height:1.3em; text-transform:uppercase; font-size:1.2em; font-weight:normal; }


h3 {color:#EA0000; line-height:1.1em; text-transform:uppercase; font-size:1.0em; font-weight:bold; padding:0; margin:0 0 10px 0; }
h4 {color:#303030; line-height:1em; text-transform:uppercase; font-size:1em; font-weight:normal; padding:0; margin:0 0 10px 0; }
.unviewable {position:absolute; display:block; height:10px; text-indent:-999em; margin:-10px 0 0 0; list-style:none;}  /* Hides the element from view */
h2.unviewable {background-position:-999em -999em; padding:0; margin:0;}
.small {font-size:0.9em; margin-bottom:15px;}
.white-border {border:1px #fff solid;}
.clear {clear:both;}

div {position:relative;}

/************************
STRUCTURAL
************************/

#container {min-width:980px; margin:0 0 20px 0; }
* html #container {zoom:1; margin-top:40px; }

.wrapper {margin:0 auto;width:980px; height:100%; z-index:3; }

.structureleft {float:right; width:735px; height:100%; z-index:3;}

.structureright {width:245px; z-index:3}

#navigation {float:right; margin-left:-100%; position:relative; margin:0; padding:0; width:100%; background:url(../images/nav-bottom-over.png) no-repeat bottom; z-index:3; padding-bottom:70px;}
*html #navigation {background:none;} /* <IE6 doesn't get the nav shading at the bottom. */


/*
.img-overlay-white {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/jdsi/images/img-overlay-white.png",sizingMethod="crop");}
*/

#header {position:relative; margin:0; padding:0; width:100%; background:#d2d2d2; border-bottom:1px solid white; overflow:hidden; z-index:2;}

#logobar {position:relative; margin-top:40px; padding:0; width:100%; overflow:hidden; height:161px; z-index:2; }

#content {position:relative; margin:0; padding:0; width:100%; overflow:hidden;  z-index:2;}
#content .structureleft {background:#fff;}

#footer {position:relative; margin:0; padding:0; width:100%; height:50px; overflow:hidden;  z-index:2;}
#footer .wrapper div {text-align:right;}


/************************
HOME
************************/
#home.wrapper, #page.wrapper, #page-item.wrapper {background:url(../images/site-back.png) repeat-y; min-height:300px; }
* html #home.wrapper, * html #page.wrapper {height:300px; }

#content #home .structureleft {width:735px;}
#content #home h2, .project-list h2 {padding-left:22px}

#home #top{padding:30px; margin-top:20px;}
* html #home #top, * html #home #bottom {zoom:1; }
#home #top h1 {font-weight:normal; font-size:1.4em;}
#home #top .highlight {line-height:1.6em; font-size:1.2em; margin-right:40px;}
#home #top .highlight p {margin:0px;}

#home #bottom {padding:20px;}
#home #bottom .left {float:left; width:335px; z-index:4; border-top:none;}
#home #bottom .right {}
/*#home #bottom .head-background {position:absolute; top:0; left:0; width:100%; height:2.3em; background-color:#7e7e7e; z-index:1; }*/
#home #bottom h2 {font-size:1.1em; color:#fff; margin:0; line-height:1.8em; background:#7e7e7e url(../images/arrow-white.png) no-repeat left center;  }
* html #home #bottom h2 {background:#7e7e7e url(../images/arrow-white-ie-ongrey.png) no-repeat left center;}
#home #bottom #wrapper-lower {border-top:20px #fff solid; }

/***** PRODUCTS *****/
#home #bottom #products {background:#7E7E7E url(../images/home-products-default.jpg) no-repeat bottom left;}
* html #home #bottom #products {padding-top:1px;}
#home #bottom #products ul {height:210px; overflow:hidden; padding:10px; margin:0; background-position: 700px 230px; background-repeat:no-repeat;}
#home #bottom #products li {margin:0; padding:0; list-style:none;}
#home #bottom #products li {height:23px; width:20em; text-decoration:none; }

#home #bottom #products a {display:block; height:23px; font-size:0.9em; text-transform:uppercase; }
#home #bottom #products a span {display:block; line-height:20px; background:#c6c6c6; padding:0 5px; color:#303030; }
#home #bottom #products a:hover span {background:#EA0000 url(../images/arrow-sml-white.png) no-repeat 20.8em center; color:#fff; }
* html #home #bottom #products a:hover span {background:#EA0000 url(../images/arrow-sml-white-ie-onred.png) no-repeat 20.8em center; }
#home #bottom #products a:hover {background:none; }

#home #bottom #products ul.products-scaf {background-position:0 0;}
#home #bottom #products ul.products-form {background-position:0 -230px;}
#home #bottom #products ul.products-site {background-position:0 -460px;}
#home #bottom #products ul.products-mate {background-position:0 -690px;}
#home #bottom #products ul.products-timb {background-position:0 -920px;}
#home #bottom #products ul.products-hire {background-position:0 -1150px;}
#home #bottom #products ul.products-fenc {background-position:0 -1380px;}
#home #bottom #products ul.products-spec {background-position:0 -1610px;}
#home #bottom #products ul.products-labo {background-position:0 -1840px;}

/* image preload */
#preload { width:10px; height:10px; overflow:hidden; position:absolute; top:-99em; left:-99em;}
#pre1 {background:url(../images/home-products-scaf.jpg) -9999em -999em no-repeat;}
#pre2 {background:url(../images/home-products-form.jpg) -9999em -999em no-repeat;}
#pre3 {background:url(../images/home-products-timb.jpg) -9999em -999em no-repeat;}
#pre4 {background:url(../images/home-products-mate.jpg) -9999em -999em no-repeat;}
#pre5 {background:url(../images/home-products-site.jpg) -9999em -999em no-repeat;}
#pre6 {background:url(../images/home-products-labo.jpg) -9999em -999em no-repeat;}
#pre7 {background:url(../images/home-products-hire.jpg) -9999em -999em no-repeat;}
#pre8 {background:url(../images/home-products-spec.jpg) -9999em -999em no-repeat;}
#pre9 {background:url(../images/home-products-fenc.jpg) -9999em -999em no-repeat;}

/***** Latest News *****/
#content #bottom .latestnews {overflow:hidden; background:#D9D9D9; height:175px; }
#content #bottom .latestnews p {margin:0px 10px; position:relative;}
#content #bottom .latestnews p.last {margin-bottom:15px;}
#content #bottom .latestnews h2 {margin:0 0 10px 0;}
#content #bottom .latestnews a {padding:0 5px 0 75px; height:25px; line-height:25px; overflow:hidden; display:block; }
#content #bottom .latestnews span {color: #303030; position:absolute; font-size:0.9em; line-height:25px; height:25px; left:5px}
* html #content #bottom .latestnews span {top:0;}
/*
#content #bottom .latestnews span.title {display:block; color:#EA0000; margin-top:5px; padding-left:15px; background:url(../images/arrow-latest.png) no-repeat left center; font-weight:bold; }
#content #bottom .latestnews span.date {display:block; margin-top:5px; color:#303030; margin-top:5px;  font-weight:bold; }
#content #bottom .latestnews span.text {display:block; margin-top:5px; color:#303030; display:block; margin-top:5px; }
* html #content #bottom .latestnews span.title {background:url(../images/arrow-latest-ie.png) no-repeat left center;}
*/

#content #bottom .latestnews a:hover, #content #bottom .latestnews a:active, #content #bottom .latestnews a:focus {background-color:#f5f5f5;}

#content #bottom .latestnews #latestnews-more {position:absolute; right:15px; bottom:10px; text-align:right; font-size:0.9em; }
#content #bottom .latestnews #latestnews-more a {padding:0 20px 0 5px; height:20px; line-height:20px; color:#303030; background: url(../images/arrow-sml-dkgrey.png) no-repeat 95% 50%;}
#content #bottom .latestnews #latestnews-more a:hover {background:#f5f5f5 url(../images/arrow-sml-dkgrey.png) no-repeat 95% 50%;}
* html #content #bottom .latestnews #latestnews-more {width:17em;}

/***** Current Project *****/
#home #bottom #currentproject {float:right; z-index:4; min-height:0; text-align:left; width:335px; height:175px; overflow:hidden;}
* html #home #bottom #currentproject ul span {zoom:1; width:335px; }
#home #bottom #currentproject h2 {background:#EA0000 url(../images/arrow-white.png) no-repeat left center; }
* html #home #bottom #currentproject h2 {background:#EA0000 url(../images/arrow-white-ie-onred.png) no-repeat left center; }

#home #bottom #currentproject a {text-decoration:none;}
#home #bottom #currentproject ul {list-style:none; padding:0; margin:0; position:absolute; top:0;}
#home #bottom #currentproject ul span {position:absolute; margin-top:-1.98em; top:149px; left:0; background:#fff; display:block; width:100%; height:25px; text-align:center; line-height:25px; color:#303030; font-weight:bold; cursor:pointer; z-index:20;   -moz-opacity:.80; filter:alpha(opacity=80); opacity:.80; } /* Yep, non-standard. It's just the way I roll. */
#home #bottom #currentproject li {position:absolute;margin-top:1.98em;}

#home #bottom #currentproject a:hover span {color:#EA0000; }
#home #bottom #currentproject a:hover img {-moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; } /* Yep, non-standard. It's just the way I roll. */


/************************
SEARCH FORM AND PAGE
************************/

#search-box {position:absolute; right:0; top:0; width:255px; height:40px; overflow:hidden; z-index:3; background:#D9D9D9; } /*box that contains all elements */
* html #search-box {right:-1px;}
#search-box-inner {margin:0 10px 10px; border:1px solid white; padding:5px; height:18px;}
* html #search-box-inner {overflow:hidden;}

/*
#sitemap {float:left; display:block; text-transform:uppercase; line-height:38px; color:#fff; text-decoration:none; font-weight:bold; font-size:0.90em; padding:2px 0 0 15px; background:url(../images/arrow-sml-white.png) no-repeat left center; }
* html #sitemap {background:url(../images/arrow-sml-white-ie.png) no-repeat left center;}
#sitemap:hover {text-decoration:underline;}
#logo-top {position:absolute; width:245px; height:40px; top:0; left:0; background:#EA0000;}
*/

#SearchForm_SearchForm {} /* form element */
* html #Search {zoom:1;} /* div containing box */
#Search {} /* div containing box */
#SearchForm_SearchForm_Search {padding:3px 0 0 5px; height:15px; font-size:0.9em; line-height:15px; color:#58595b; border:none; position:absolute; right:0; width:148px;} /* input box */
* html #SearchForm_SearchForm_Search {border:1px solid #fff; padding:1px 0 0 5px; } /* input box */
#SearchForm_SearchForm_Search:hover, #SearchForm_SearchForm_Search:focus  {background:#FFFEF0} /* input box */
#SearchForm_SearchForm_action_results {background:#d9d9d9; display:block;font-size:0.90em; border:none; width:70px; padding:0; height:18px; cursor:pointer; text-transform:uppercase;} /* go button */
#SearchForm_SearchForm_action_results:hover {color:#ea0000; } /* go button */

#search_results {list-style:none; padding:0; margin:0;}
#search_results li {margin:15px 0 0 0; border-bottom:1px dashed #bbbbbb;}
* html #search_results li {zoom:1;}
#search_results li p {color:#8b8b8a; margin-left:20px;}
#search_results .search_parent {color:#303030;}

#report-nav dd, #report-nav dt  {list-style:none; display:block; float:left; margin:0; line-height:2.5em; }
#report-nav dt  {margin-right:5px;padding:0 0 0 10px;}
#report-nav {border:1px solid #D9D9D9; margin-bottom:20px; overflow:hidden;}
* html #report-nav {zoom:1}
#report-nav a:hover, #report-nav a.selected {background-color:#D9D9D9;}
#report-nav a {display:block;line-height:2.5em;padding:0 5px;}


#PageNumbers {margin:20px 0; padding:10px; background:#D9D9D9; }
.search-current {background:#e2e2e2; padding:3px 3px 0 3px; }
/*#search-caption {color:#303030; font-weight:normal;}*/

/************************
FOOTER
************************/
#footer .wrapper div {margin-top:2px;padding:5px 10px 10px; background-color:#7e7e7e; }
#footer p {color:#bebebe; margin:0; font-size:0.95em;}
#footer a {color:#fff; margin:0; font-size:0.95em;}
#footer p span {color:#fff; margin:0; font-size:0.95em;}
#footer a:hover, #footer a:focus, #footer a:active {background:#919191;}

#footer ul {list-style:none; margin:0; padding:0;}
* html #footer ul {zoom:1;}
#footer li {display:block; float:left; margin-right:15px;}
#footer li a { color:#bebebe; }


/************************
LOGO BAR
************************/
/*#logobar h3 {margin:0; padding:0; background:none; z-index:10;}

#logobar #imagetop {position:absolute; bottom:0; height:159px; width:100%; background:#d9d9d9; border-bottom:1px solid white; border-top:1px solid white; z-index:1; }
#logobar #imagetop .wrapper {margin:0 auto; width:980px; height:100%; z-index:3;}
#imagetop .logobar-image {margin:10px 0 10px 10px; width:235px; background:#7E7E7E; height:140px; float:left;}
#logobar #imagetop .first {margin:10px 10px 10px -245px;}
#logobar #imagetop .last {margin:10px -245px 10px 10px;}
#logobar #imagetop .second {margin-left:255px;}


#logobar #imagetop #logobar-image-1 {background-position:0px 0px;}
#logobar #imagetop #logobar-image-2 {background-position:-235px 0px;}
#logobar #imagetop #logobar-image-3 {background-position:-470px 0px;}
#logobar #imagetop #logobar-image-4 {background-position:-705px 0px;}
#logobar #imagetop #logobar-image-5 {background-position:235px 0px;}
*/

* html #logobar {height:162px;}
#logobar h3 {margin:0; padding:0; background:none; z-index:10;}

#logobar #imagetop {position:absolute; bottom:0; height:161px; width:100%; background:#d9d9d9; z-index:1; }
#logobar #imagetop .wrapper {margin:0 auto; width:980px; height:100%; z-index:3;}

#imagetop .logobar-image {margin:10px 10px 10px 0; width:235px; background:#7E7E7E; height:140px; float:left;}
#logobar #imagetop h3.logobar-image {background:#EA0000;}
#logobar #imagetop .first {margin:10px 10px 10px -245px;}
#logobar #imagetop .last {margin:10px -235px 10px 0;}

#logobar #imagetop #logobar-image-1 {background-position:0px 0px;}
#logobar #imagetop #logobar-image-2 {background-position:-235px 0px;}
#logobar #imagetop #logobar-image-3 {background-position:-470px 0px;}
#logobar #imagetop #logobar-image-4 {background-position:-705px 0px;}
#logobar #imagetop #logobar-image-5 {background-position:235px 0px;}


/************************
NAVIGATION
************************/

/* #navigation a:hover, #navigation a:focus, #navigation a:active {background-color:transparent;}  Opera */
#mainnav, #mainnav .dropnav {padding: 0; margin: 0; list-style: none; line-height: 1; font-size:0.95em;} /* all lists */
#mainnav { background:#c6c6c6; }

	/* Main level links styles*/
	#mainnav li {text-transform:uppercase; display:block; line-height:1.6em; border-top:#fff 1px solid; }
	#mainnav li.first {border-top:none}
	#mainnav li.last {border-bottom:#fff 1px solid;}
	#mainnav li li.first {border-top:#fff 1px solid;}
	#mainnav li li.last {border-bottom:none;}
	#mainnav li a {display: block; text-decoration:none; color:#303030; padding:0.4em 30px 0.2em 30px; font-weight:bold;}
	#mainnav li a:focus, #mainnav li a:hover, #mainnav li.current a, #mainnav li.section a, #mainnav li.sfhover a:focus, #mainnav li.sfhover a:hover, #mainnav li.current, #mainnav li.section {color:#fff; background-color:#7e7e7e;}

	/* Dropped links styles*/
	#mainnav li .dropnav li {text-transform:none; }
	#mainnav li .dropnav li a {display: block; text-decoration:none; color:#303030; padding:0.4em 10px 0.2em 60px; background:#c6c6c6 url(../images/nav-sub-back.png) no-repeat; }
	#mainnav li .dropnav li a:hover, #mainnav li .dropnav li.current a, #mainnav li .dropnav li.section a,  #mainnav li .dropnav li.sfhover a:hover, #mainnav li .dropnav li.current, #mainnav li .dropnav li.section {color:#fff; color:#EA0000; background-position: 0 -108px; }

	#mainnav li ul.hide {display:none;}
	#mainnav li a:active, #mainnav li a:focus {background-color:#7e7e7e; color:#fff;}

#nav-vis {position:absolute; width:245px; height:330px; overflow:hidden; bottom:0; left:0; background:url(../images/nav-bottom.jpg) no-repeat; }

/************************
BOX WITH IMAGE
************************/
#page .box-w-image {border:#C6C6C6 1px solid; padding:20px; overflow:hidden; margin-bottom:20px;}
#page .box-w-image h2 {color:#EA0000; }
#page .box-w-image img {float:right; margin-left:20px;}

/************************
Staff Pages
************************/
.staff-member {min-height:220px; padding-left:200px; margin-bottom:20px;}
.staff-member h2, .staff-member h1 {margin-bottom:0;}
.staff-member .staff-photo {position:absolute; left:0; border:1px solid #464646;}
.staff-member h3 {color:#303030;}

/************************
PROJECTS
************************/
.project-list {display:block; position:relative; min-height:82px; padding:20px 0 0 270px; margin-bottom:20px;}
.project-list h2 {margin:0 0 0 -22px; color:#ea0000; background:url(../images/arrow-red.png) no-repeat left center; }
* html .project-list h2 {background:url(../images/arrow-red-ie-ongrey.png) no-repeat left center; }
.project-list img {display:block; position:absolute; left:0; top:0;border:1px solid #464646;}
.project-list span {color:#303030; padding-right:10px;}
.project-list .read-more {color:#ea0000; font-size:0.90em;}

.project-side-content {position:absolute; top:60px; right:20px; width:215px; }

/************************
Distribution Pages
************************/
.dist {min-height:90px; padding:20px 0 0 120px;}
.dist .dist_l {position:absolute; left:0; top:0;}


/************************
GENERAL PAGE
************************/
#content #top {padding:50px 30px 30px; }
#page #top .highlight {line-height:1.4em; font-size:1.3em; margin:0 20px 20px 0;}
#container .highlight a {color:#fff; font-style:italic; font-weight:normal;}

/************************
PROJECT GALLERY
************************/
#project-gallery {background:#ea0000; padding:15px 20px 25px 23px; overflow:hidden; }
#project-gallery .gallery-item {margin:10px; display:block; float:left; background:#000; border:1px solid #fff;}
* html #project-gallery .gallery-item {width:115px; height:115px; overflow:hidden;}
#project-gallery .gallery-item:hover img {opacity:0.7; filter:alpha(opacity=70);-moz-opacity: 0.7;}
#project-gallery h2 {color:#fff; line-height:1.2em; text-transform:uppercase; font-weight:bold; margin-bottom:5px;}
#project-gallery #gallery-help {position:absolute; bottom:10px; right:40px; font-size:0.95em; color:#fff;}


#content #page .project-page {padding-right:300px; min-height:160px;}
.project-page .project-location {margin:-10px 0 10px 0;font-weight:bold;}
.project-page p strong {display: block;}

/************************
LITEBOX
************************/

#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{position: relative;background-color: #fff;border:solid #fff 10px; background:#EFEFEF; width: 250px;height: 250px;margin: 0 auto;text-align: left;}
#imageContainer{}

#loading{position:absolute;top:10px; left:10px; text-align: left;line-height: 0;}
#loading img{float:left; margin-right:10px;}
#loading span, #loading a{line-height: 35px; height: 35px; float: left;}
#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

#bottomNav {margin: 0 auto;line-height: 1.2em; text-align:right; width: 250px;}
#bottomNavClose {color:#fff; font-size:1.2em; font-weight:bold;}
#bottomNavClose:hover {background:none; color:#EA0000;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%;height: 100%;background: transparent url(../images/litebox/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/*#prevLink:hover, #prevLink:visited:hover { background: url(../images/litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; }*/
#prevLink { background: url(../images/litebox/prevlabel.gif) left 15% no-repeat; }
#nextLink { background: url(../images/litebox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;border:solid #fff 10px; border-top:none; }

#imageData{}
#imageData #imageDetails{text-align: left; }	
#imageData #caption{display: block; font-weight: bold;	padding:0 10px 5px 10px;	}
#imageData #numberDisplay{display: block; padding:3px 10px;	background:#EFEFEF;}

#overlay{ position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #000;filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	

/************************
LOGIN
************************/

#MemberLoginForm_LoginForm {border:#464646 1px solid; background:#EFEFEF;padding:20px; margin:20px; }
#MemberLoginForm_LoginForm fieldset {border:none;}
#MemberLoginForm_LoginForm .middleColumn {display:block; position:absolute; left:100px; top:0; }
#MemberLoginForm_LoginForm .field {min-height:30px;}
#MemberLoginForm_LoginForm input.checkbox {border:none;}
#MemberLoginForm_LoginForm input {border:#464646 1px solid; margin-right:10px;}
#MemberLoginForm_LoginForm #Remember {margin-left:100px;}


/************************
WYSIWYG EDITOR ALIGNMENT CLASSES
************************/

#content .left {text-align:left;}
#content .center {text-align:center;}
#content .right {text-align:right;}
#content img.center {margin:0 auto 10px auto; display:block}
#content img.right {float:right; margin-left:20px;}
#content img.leftAlone {text-align:left; display:block; margin-bottom:10px;}
#content img.left {float:left; margin-right:20px;}
#content p.MsoNormal, #content p.MsoBodyText {margin: 0;}


/************************
SITEMAP
************************/

ul.tree{ width:auto;padding-left:0;margin-left:0;}
ul.tree img{border:none;}
ul.tree, ul.tree ul{padding-left:0;}
ul.tree ul{margin-left:16px;}
ul.tree li.closed ul{display:none;}
ul.tree li{list-style:none;background:url(../images/tree/i-repeater.gif) 0 0 repeat-y;display:block;width:auto; }
ul.tree li.last{list-style:none;background-image:none;}
ul.tree span.a{background:url(../images/tree/t.gif) 0 50% no-repeat;display:block;}
ul.tree span.a.last{background:url(../images/tree/l.gif) 0 50% no-repeat;}
ul.tree span.a.children span.b{background:url(../images/tree/minus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree li.closed span.a.children span.b{background:url(../images/tree/plus.gif) 0 50% no-repeat;cursor:pointer;}
ul.tree span.c{margin-left:16px;}
ul.tree span.a.children span.c{background:url(../images/tree/i-bottom.gif) 0 50% no-repeat;}
ul.tree span.a.spanClosed span.c{background-image:none;}
ul.tree a{white-space:nowrap;overflow:hidden;padding:10px 0 10px 18px;line-height:18px;background:url(../images/tree/page-file.png) 0 50% no-repeat;}
ul.tree span.a.children a{background-image:url(../images/tree/page-openfoldericon.png);}
ul.tree span.a.children.spanClosed a{background-image:url(../images/tree/page-foldericon.png);}
ul.tree.unformatted li{background-image:none;padding-left:16px;}
ul.tree.unformatted li li{background-image:none;padding-left:0;}
ul.tree li div{float:right;clear:right;height:1em;margin-top:-26px;}
ul.tree div a{padding:0;background-image:none;min-height:auto;height:auto;}
ul.tree li A:link,ul.tree li A:hover,ul.tree li A:visited{color:#111;}
ul.tree li .over{background-color:pink;}

/************************
ASX/REPORT PAGE
************************/
#content #page-item .structureleft {width:735px; padding:0; }

#content #page-item #top {min-height:200px;}
* html #content #page-item #top {height:200px;}

#newslist {padding:0; margin:0; list-style:none; clear:left;}
#newslist p {margin-right:0;}
#newslist li {height:2.1em; overflow:hidden; line-height:2.1em; position:relative;}
#newslist li.odd {background:#f7f7f7}
#newslist .newslist-date {display:block;position:absolute; left:15px; top:0; color:#303030; font-size:0.9em;}
#newslist a, #newslist .newslist-nofile {display:block; padding:0 100px;}
#newslist .newslist-size {display:block;position:absolute; right:0; top:0; width:80px; color:#303030; font-size:0.9em;}
#newslist acronym {text-transform:uppercase;}

#page-item #bottom .left {float:left; width:335px; z-index:4; margin-left:20px; border:1px solid #C6C6C6; border-top:none; min-height:150px;}
#page-item #bottom .right {float:right; width:335px; z-index:4; margin-right:20px; border:1px solid #C6C6C6;border-top:none;  min-height:150px; text-align:left; }
#page-item #bottom .head-background {position:absolute; top:0; left:0; width:100%; height:2.3em; background-color:#7e7e7e; z-index:1; }
#page-item #bottom h2 {color:#fff; font-size:1.2em; line-height:2em; margin-bottom:10px; padding-left:22px; background:url(../images/h2-arrow-home.png) no-repeat left 5px; height:2em; overflow:hidden; }
#page-item #bottom #wrapper-upper {border-bottom:20px #fff solid;}
#page-item #bottom .inner {margin:0 10px 10px 10px;}

#page-item #bottom .download-link {display:block; height:32px;line-height:32px; padding:3px 6px;}
#page-item #bottom #bottom-right .download-link {height:16px;line-height:16px; padding:3px 6px;}
#page-item #bottom .download-link img {float:left; margin-right:10px;}
#page-item #bottom .download-link strong {clear:left;}
* html #page-item #bottom .download-link strong {clear:none;}


/************************
TABLES (goes with tables js and table_header.png)
************************/
table {width: 640px;padding: 0;margin: 0 0 10px 0;}
table caption {padding: 0 6px 5px 0;width: 640px;font-size:1.1em;font-style:italic;text-align: right;} /* Table caption style */
table th, table thead tr td {font: bold 1.1em;color: #4f6b72;border: 1px solid #B6C9D5;border-left:none;letter-spacing: 2px;text-transform: uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #b6c9d5 url(../images/table_header.png) no-repeat;} /* Header style */
table tr td {border-right: 1px solid #B6C9D5;border-bottom: 1px solid #B6C9D5;background: #fff;padding: 6px 6px 6px 12px;color: #4f6b72;} /* Row style */
table tr.even td {background: #f6f6f6;color: #797268;} /* Alternate row style */
table tr.ruled td {background: #D6DFE6;color: #797268;} /* Highlighted row style */
table p {margin:0; } /* Removes margin from paragraphs in tables */


/************************
REPORTS
************************/
.reportlist-yearly .report-cover {position:absolute; left:10px;top:0; width:60px; height:80px; text-align:center; color:#EA0000;}
.reportlist-yearly {padding:10px 0 0 100px; min-height:100px; margin:10px 0;}
* html .reportlist-yearly {height:100px;}
.reportlist-yearly .report-cover .report-year {font-weight:bold; line-height:1.3em;}

/************************
HISTORY
************************/
#history {background:url(../images/history-scaff.png) repeat-y; }
#history dt {display:block; position:absolute; width:60px; height:32px; font-size:1.3em; padding-left:80px; background:url(../images/history-joint.png) no-repeat left top; }
#history dt.top {position:relative; height:86px; background:url(../images/history-top.png) no-repeat left top; }
#history dt.bottom {position:relative; height:68px; background:url(../images/history-scaff.png) no-repeat left top; }
#history dd {display:block; position:relative; margin-left:140px; min-height:32px; margin-bottom:1.3em; font-size:1.1em;}
#history .hlt {color:#ea0000;}

#content #page #top.history {padding-bottom:0;}

/************************
INVESTOR CENTRE
************************/

.invest-highlight {font-size:1.2em; line-height:1.4; }
.invest-highlight em {font-size:40px; font-style:normal; line-height:1;}

#ir.wrapper {background:url(../images/site-back.png) repeat-y; min-height:300px; }
* html #ir.wrapper {height:300px; }

#content #ir .structureleft {width:735px;}
#content #ir h2, .project-list h2 {padding-left:22px}

/*
#home #top{padding:30px; margin-top:20px;}
* html #home #top, * html #home #bottom {zoom:1; }
*/
#ir #top h1 {font-weight:normal; font-size:1.4em;}
#ir #top .highlight {line-height:1.6em; font-size:1.2em; margin-right:40px;}
#ir #top .highlight p {margin:0px;}

#ir #bottom {padding:0 20px 40px 20px;}
#ir #bottom .left {float:left; width:335px; z-index:4; border-top:none;}
#ir #bottom .right {}
/*#ir #bottom .head-background {position:absolute; top:0; left:0; width:100%; height:2.3em; background-color:#7e7e7e; z-index:1; }*/
#ir #bottom h2 {font-size:1.1em; color:#fff; margin:0; line-height:1.8em; background:#7e7e7e url(../images/arrow-white.png) no-repeat left center;  }
* html #ir #bottom h2 {background:#7e7e7e url(../images/arrow-white-ie-ongrey.png) no-repeat left center;}
#ir #bottom .wrapper-lower {border-top:20px #fff solid; }

/***** SHARE PRICE *****/
#ir #bottom #ir-share-price img {margin:10px 0 30px 0;}


/***** Latest News *****/
#container #content #bottom .ir-small {height:125px; }

/***** Links *****/
#ir #bottom .ir-links {float:right; z-index:4; min-height:0; text-align:left; width:335px; height:175px; overflow:hidden; background:#D9D9D9;}
* html #ir #bottom .ir-links ul span {zoom:1; width:335px; }
#ir #bottom .ir-links h2 {background:#EA0000 url(../images/arrow-white.png) no-repeat left 5px; width:115px; overflow:hidden; height:170px; position:absolute; top:0; left:0; line-height:1.3; padding-top:5px;}
* html #ir #bottom .ir-links h2 {background:#EA0000 url(../images/arrow-white-ie-onred.png) no-repeat left 5px; }

#ir #bottom .ir-links a {text-decoration:none;}
#ir #bottom .ir-links ul {list-style:none; padding:0; margin:10px 10px 10px 145px; position:relative; left:0 top:0; }

#ir #bottom .ir-links a {padding:0 5px; height:25px; line-height:25px; overflow:hidden; display:block; color:#303030; }

#ir #bottom .ir-links a:hover, #ir #bottom .ir-links a:active, #ir #bottom .ir-links a:focus {background-color:#f5f5f5;}


/************************
EMPLOYMENT
************************/
#content #page-item .structureleft {width:735px; padding:0; }

#joblist {padding:0; margin:0; list-style:none; clear:left;}
#joblist p {margin-right:0;}
#joblist div.jobs {min-height:140px; position:relative; padding:10px; margin:5px 0; border:2px solid #f7f7f7;}
#joblist div.closed {height:20px; min-height:20px; overflow:hidden; background:url(../images/employment-highlight.png) no-repeat 100% -40px ; }
#joblist div.show-me {background:url(../images/employment-highlight.png) no-repeat 100% 0px ; }
#joblist div.show-me, #joblist div.show-me span, #joblist div.show-me h2, #joblist div.show-me p, #joblist div.show-me a {cursor:pointer;}
#joblist div.open {height:auto; background:#f7f7f7 url(../images/employment-highlight.png) no-repeat 631px bottom; }
#joblist h2 {display:inline; background:none; padding:0; color:#ea0000; line-height:20px;}
#joblist .location {display:inline; padding-left:10px; text-transform:uppercase; font-size:0.9em;}
#joblist .posdesc {margin:10px 240px 0 0; clear:both;}
#joblist .cdate {line-height:20px; position:absolute; right:50px;}
/*#joblist .cdate {display:block;position:absolute; right:50px; top:10px; color:#303030; font-size:0.9em;}
#joblist a, #joblist .nofile {display:block; padding:0 100px;}
#joblist .newslist-size {display:block;position:absolute; right:0; top:0; width:80px; color:#303030; font-size:0.9em;}
#joblist acronym {text-transform:uppercase;}*/

#joblist .employment-apply {position:absolute; top:40px; right:40px; width:180px; padding:10px; border:1px solid #D9D9D9; color:#303030;}
#joblist .employment-apply span {display:block;}
#joblist .employment-apply .h3 {color:#EA0000; line-height:1.1em; text-transform:uppercase; font-size:1.0em; font-weight:bold; padding:0; margin:0 0 10px 0; text-align:center;}
#joblist .employment-apply .link {color:#EA0000; line-height:1.1em; font-size:1.0em; display:block; margin-top:3px; padding:3px 0;text-align:center;}

ul.download {margin:0 0 15px 0; padding:0; list-style:none;}
ul.download li {margin:0; }
ul.download li a {background:#f7f7f7 url(../images/icon-sml-default.png) no-repeat 5px center; min-height:30px; padding:8px 5px 7px 45px; display:block; }
* html ul.download li a {height:30px;}
ul.download li a:hover {background-color:#d9d9d9; }
ul.download li span {display:block; color:#303030; }
ul.download li acronym {text-transform:uppercase; cursor:help;}
ul.download li.pdf a {background-image:url(../images/icon-sml-pdf.png);}
ul.download li.image a {background-image:url(../images/icon-sml-image.png);}

/* JOBLIST SPECIFIC DOWNLOAD RULES */
#joblist ul.download {margin:10px 240px 0 0; }
#joblist ul.download a {cursor:pointer;}



/************************
hCARD formatting
************************/

.address-block {margin:20px 0 0; }
.incmap {padding-right:300px; min-height:190px;}
* html .incmap {height:190px;}

.address-block .organization-unit {display:block;position:relative; font-weight:bold; margin:-10px 0 10px 0;}
.address-block .organization-name {display:block;position:relative; }

.address-block .organization-unit,
.address-block .type,
.address-block div.head {color:#303030;}

.address-block .contact-products {font-weight:bold; display:block;}

.address-block .adr,
.address-block .head {margin:5px 0;}

.address-block .organization-unit {text-transform:uppercase;}

.address-block .tel .value,
.address-block .email {left:0px; margin-left:3.5em; position:absolute;}
.address-block .webholder {margin-top:-6px;}

.address-block .map {position:absolute; width:300px; height:190px; top:0; right:0;}
.address-block .map img {border:1px solid #303030;}
.address-block .contact-zoom {position:absolute; display:block; width:28px; height:28px; top:10px; right:10px; }