/************ related information links **************/
#relatedinfo { border-top: 1px solid #999999; width: 202px; padding: 0px 0px 0px 0px;}
#relatedinfo ul { font-weight: normal; /*font-size: 0.7em;*/ font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: left; list-style-type: none; margin: 0px; padding: 0px; width: 202px; }
#relatedinfo li { background: no-repeat 5px ; margin: 0px; }
#relatedinfo a.internal { background: url(/images/interface/bromak_arrow.gif) no-repeat 3px 5px; margin: 0px }
#relatedinfo a.external { background: url(/images/interface/bromak_arrow.gif) no-repeat 3px 5px; margin: 0px }

#relatedinfo a { padding:3px 0 3px 20px; border-bottom: 1px solid #d3d3d3;  width: 182px; display: block; }
#relatedinfo a:link  { color: #808080; text-decoration: none;  }
#relatedinfo a:visited  { color: #808080; text-decoration: none }
#relatedinfo a:hover  { color: #ff6600; /*background-color: #ececec*/ }

#relatedinfo a.print    { background: url(/images/interface/bromak_print_icon.gif) no-repeat -5px 1px; margin: 0px }
#relatedinfo a:hover.print   { color: #ff6600; background: url(/images/interface/bromak_print_icon.gif) no-repeat -5px 1px }

#relatedinfo a.enquiry   { background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat -5px 1px; margin: 0px }
#relatedinfo a:hover.enquiry   { color: #ff6600; background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat -5px 1px }

#relatedinfo a.email   { background: url(/images/interface/bromak_email_icon.gif) no-repeat -5px 1px; margin: 0px }
#relatedinfo a:hover.email   { color: #ff6600; background: url(/images/interface/bromak_email_icon.gif) no-repeat -5px 1px }

#relatedinfo a.contact  { background: url(/images/interface/bromak_contact_icon.gif) no-repeat -5px 1px; margin: 0px }
#relatedinfo a:hover.contact  { color: #ff6600; background: url(/images/interface/bromak_contact_icon.gif) no-repeat -5px 1px }

#relatedinfo a.pdf  { color: #808080;background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -9px 0px; margin: 0px }
#relatedinfo a:hover.pdf  { color: #ff6600; background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -9px 0px }

#relatedinfo a.document { background: url(/images/interface/bromak_document_icon.gif) no-repeat 5px 3px; margin: 0px }
#relatedinfo a:hover.document { color: #ff6600; background: (/images/interface/external_doc_icon.gif) no-repeat 5px 3px }

#relatedinfo a.sitemap { background: url(/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px; margin: 0px }
#relatedinfo a:hover.sitemap { color: #ff6600; background: (/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px }


/************ sub nav styles  **************/
#navcontainer 
{
	border-top: 1px solid #ffffff; 
	width: 150px; 
	text-decoration: none !important;
	text-align: left;
}

#navcontainer ul 
{
	font-weight: normal; 
	font-size: .7em; 
	font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif; 
	list-style-type: none; 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	width: 150px;
}

#navcontainer li
{
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
		
}

.open a
{
	padding: 4px 0px 4px 20px; 
	border-bottom: 1px solid #ffffff; 
	width: 130px; 
	display: block;
	background-image: url("../images/interface/menminus.gif"); 
	background-repeat: no-repeat;	
	background-position: 3px 50%;
	text-transform: uppercase !important;
	
}

.closed a 
{
	padding: 4px 0px 4px 20px; 
	border-bottom: 1px solid #ffffff; 
	width: 130px; 
	display: block; 
	background-image: url("../images/interface/menplus.gif"); 
	background-repeat: no-repeat;	
	background-position: 3px 50%;
	text-transform: uppercase !important;
}

.normal a
{
	color:#e7e3e3;
	padding: 4px 0px 4px 20px; 
	border-bottom: 1px solid #ffffff;
	background:url(../images/interface/buts/pdu_navbg.gif);
	background-repeat: no-repeat;	
	background-position: 3px 0px;	
	width: 130px; 
	display: block;
	text-transform: uppercase !important;
}

.selected a 
{
	padding: 4px 4px 4px 20px; 
	border-bottom: 1px solid #ffffff;  
	font-size: 1em; 
	width: 126px; 
	display: block;  
	background:#ff6600 url(../images/interface/buts/pdu_subnavbg_on.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	text-transform: uppercase !important;		
 
/*	background-position: 100% 0px;*/
	color:red;
}


.open a:hover /*main nav which is open hover state */
{
	color: #000;	
	text-decoration: none !important;	
	background:#d3d3d3;
	background-image: url("../images/interface/menminus.gif");  
	background-repeat: no-repeat; 
	background-position: 3px 50%;
}

.closed a:hover /*main nav which is closed hover state */
{
	text-decoration: none !important;
	color: #000; 
	background: #d3d3d3; 
	background-image: url("../images/interface/menplus.gif");  
	background-repeat: no-repeat; 
	background-position: 3px 50%;
}

.normal a:hover /*main nav link (without sub navs) hover state */
{
	text-decoration: none !important;
	color: #000; 
	background:#d3d3d3 url(../images/interface/buts/pdu_navbg.gif);
	background-repeat: no-repeat;	
	background-position: 3px 0px;	
}

.selected a:hover 
{
	text-decoration: none !important;
	color: #000;
	background:#FF9900 url(../images/interface/buts/pdu_subnavbg_on.gif);
	background-repeat:no-repeat;
	/*background-repeat: repeat-y; */
	background-position: 3px 0px; 
}

/*font*/.open  a:link, .closed  a:link, .normal  a:link, .selected  a:link {color: #e7e3e3;	text-decoration: none;}
/*font*/.open  a:hover, .closed  a:hover, .normal  a:hover, .selected  a:hover {color:#666666;	text-decoration: none;}
/*font*/.open  a:visited:hover, .closed  a:visited:hover, .normal  a:visited:hover{color: #666666 !important; text-decoration: none;} /* if its visited and hover */
/*font*/.open  a:visited, .closed  a:visited, .normal  a:visited{color: #e7e3e3;	text-decoration: none;}
/*font*/.selected  a:visited{color: #ffffff;	text-decoration: none;}


/******************************************** sub sub nav styles  *********************************************************/
.open ul{
	width:150px;
	display: block; 
	text-decoration: none !important;
	/*border:1px solid;*/
}
/*	
.open li{
	width:116px;
	margin-left:10px !important;

}
*/

.closed ul{
	display: none;
	}
	
.open ul a  { /*sub nav normal state */
	color: #e7e3e3 !important;
	border-bottom:solid 1px #ffffff;
	background: #757575; /*sub nav background colour */
	padding: 4px 0px 4px 20px;  
	width: 130px; 
	margin: 0 0 0 0;
	font-size: 1.2em;
	background-image: url("/images/interface/buts/pdu_subnavbg_out.gif"); 
	background-repeat: no-repeat; 
	background-position: 3px 0px; 
	text-transform: none !important;
	
}

.open ul a:visited  { 
	color: #e7e3e3 !important;
	border-bottom:solid 1px #ffffff;
	background: #757575; /*sub nav background colour */
	padding: 4px 0px 4px 20px;  
	width: 130px; 
	margin: 0 0 0 0;
	font-size: 1.2em;
	background-image: url("/images/interface/buts/pdu_subnavbg_out.gif"); 
	background-repeat: no-repeat; 
	background-position: 3px 0px;
	text-transform: none !important;
}

.open ul a:hover  { 
	color: #666666 !important; 
	text-decoration: none !important; 
	background: #d3d3d3 none;  /* rollover background colour */
	padding: 4px 0px 4px 20px; 
	font-size: 1.2em; 
	width: 130px; 
	margin: 0 0 0 0;
	background-image: url("/images/interface/buts/pdu_subnavbg_out.gif");	
	background-repeat: no-repeat; 
	background-position: 3px 0px; 
	text-transform: none !important;
}



.open a.selected, .open a.selected:visited {
	text-decoration: none !important; 
	/*color: white !important; */
	text-decoration: none !important; 
	border-bottom:solid 1px #ffffff;
	font-size: 1.2em; 
	color: #ffffff !important; 
	background-color: #ff6600; 
	background-image: url("/images/interface/buts/pdu_subnavbg_on.gif");		
	background-repeat: no-repeat; 
	background-position: 3px 0px; 
	padding: 4px 0px 4px 20px; 
	width: 130px; 
	margin: 0 0 0 0;	
/*	margin: 0px 0px 0px 10px; 
	width: 128px;*/ 
	display: block
	text-transform: none !important;
}

/*.open a:hover.selected */
.open a.selected:hover{
	text-decoration: none !important; 
	border-bottom:solid 1px #ffffff;
	font-size: 1.2em; 
	color: #ffffff !important; 
	background: #FF9900; 
/*	background-image: url("/images/interface/bromak_leftnav_tab.gif"); 
	background-image: url("/images/interface/bromak_subnavbg_ovr.gif");*/ 
	background-image: url("/images/interface/buts/pdu_subnavbg_on.gif");	
	background-repeat: no-repeat; 
	background-position: 3px 0px; 
	padding: 4px 0px 4px 20px; 
	width: 130px; 
	margin: 0 0 0 0;	
/*	margin: 0px 0px 0px 10px;  
	width: 128px;*/ 
	display: block
	text-transform: none !important;
}