/************ related information links **************/
#relatedinfo { border-top: medium none; width: 221px; padding: 0px 8px 0px 8px;}
#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: 221px; }
#relatedinfo li { background: no-repeat 5px ; margin: 0px;}
#relatedinfo a.internal { background: url(/images/interface/bromak_arrow.gif) no-repeat 5px 5px; margin: 0px }
#relatedinfo a.external { background: url(/images/interface/bromak_arrow.gif) no-repeat 5px 5px; margin: 0px }

#relatedinfo a { padding: 3px 5px 3px 25px; border-bottom: 1px solid #d3d3d3; width: 191px; display: block;}
#relatedinfo a:link  { color: #808080; text-decoration: none }
#relatedinfo a:visited  { color: #808080; text-decoration: none }
#relatedinfo a:hover  { color: #000; /*background-color: #ececec*/ }

#relatedinfo a.print    { background: url(/images/interface/bromak_print_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a:hover.print   { color: #000; background: url(/images/interface/bromak_print_icon.gif) no-repeat -2px 0px }

#relatedinfo a.enquiry   { background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a:hover.enquiry   { color: #000; background: url(/images/interface/bromak_enquiry_icon.gif) no-repeat -2px 0px }

#relatedinfo a.email   { background: url(/images/interface/bromak_email_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a:hover.email   { color: #000; background: url(/images/interface/bromak_email_icon.gif) no-repeat -2px 0px }

#relatedinfo a.contact  { background: url(/images/interface/bromak_contact_icon.gif) no-repeat 4px 1px; margin: 0px }
#relatedinfo a:hover.contact  { color: #000; background: url(/images/interface/bromak_contact_icon.gif) no-repeat 4px 1px }

#relatedinfo a.pdf  { background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -2px 0px; margin: 0px }
#relatedinfo a:hover.pdf  { color: #000; background: url(/images/interface/bromak_pdf_icon.gif) no-repeat -2px 0px }

#relatedinfo a.document { background: url(/images/interface/bromak_document_icon.gif) no-repeat 5px 3px; margin: 0px }
#relatedinfo a:hover.document { color: #000; 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: #000; background: (/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px }


/************ sub nav styles  **************/
#navcontainer 
{
	border-top: 1px solid #ffffff; 
	width: 128px; 
	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: 135px;
}

#navcontainer li
{
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
}

.open a
{
	padding: 4px 0px 4px 15px; 
	border-bottom: 1px solid #ffffff; 
	width: 116px; 
	display: block; 
	background-image: url("../images/interface/menminus.gif"); 
	background-repeat: no-repeat;	
	background-position: 3px 50%;
}

.closed a 
{
	padding: 4px 0px 4px 15px; 
	border-bottom: 1px solid #ffffff; 
	width: 116px; 
	display: block; 
	background-image: url("../images/interface/menplus.gif"); 
	background-repeat: no-repeat;	
	background-position: 3px 50%;
}

.normal a
{
	padding: 4px 0px 4px 15px; 
	border-bottom: 1px solid #ffffff; 
	width: 116px; 
	display: block;
}

.selected a 
{
	padding: 4px 4px 4px 15px; 
	border-bottom: 1px solid #ffffff;  
	font-size: 1em; 
	width: 116px; 
	display: block;  
	background-color: #8c8c8c; 
	background-image: url("../images/interface/bromak_leftnav_tab.gif"); 
	background-repeat: repeat-y; 
	background-position: 100% 0px;
	color:white !important;
}

.open a:hover 
{
	text-decoration: none !important;
	color: #000; 
	background: #d3d3d3; 
	background-image: url("../images/interface/menminus.gif");  
	background-repeat: no-repeat; 
	background-position: 3px 50%;
}

.closed a:hover 
{
	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 
{
	text-decoration: none !important;
	color: #000; 
	background: #d3d3d3;
}

.selected a:hover 
{
	text-decoration: none !important;
	color: #000; 
	background: #d3d3d3; 
	background-image: url("../images/interface/bromak_leftnav_tab.gif");  
	background-repeat: repeat-y; 
	background-position: 100% 0px; 
}

/*font*/.open  a:link, .closed  a:link, .normal  a:link, .selected  a:link {color: #8c8c8c;	text-decoration: none;}
/*font*/.open  a:visited, .closed  a:visited, .normal  a:visited{color: #8c8c8c;	text-decoration: none;}
/*font*/.selected  a:visited{color: #ffffff;	text-decoration: none;}


/************ sub sub nav styles  **************/
.open ul{
	width:136px;
	display: block; 
	text-decoration: none !important;
	/*border:1px solid;*/
}
/*	
.open li{
	width:116px;
	margin-left:10px !important;

}
*/

.closed ul{
	display: none;
	}
	
.open ul a  { 
	border: 0px; 
	color: #ffffff; 
	background: none; 
	padding: 4px 0px 4px 12px;  
	width: 109px; 
	margin: 0 0 0 10px; 
	font-size: 1.2em;
	background-image: url("/images/interface/bromak_subnavbg_out.gif"); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}
.open ul a:hover  { 
	color: #8c8c8c !important; 
	text-decoration: none !important; 
	background: #d3d3d3 none; 
	padding: 4px 0px 4px 12px; 
	font-size: 1.2em; 
	width: 109px; 
	margin: 0 0 0 10px; 
	background-image: url("/images/interface/bromak_subnavbg_out.gif"); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}

.open a.selected, .open a.selected:visited, .open a.selected:hover {
	text-decoration: none !important; 
	color: white !important; 
	text-decoration: none !important; 
	border: 0px; font-size: 1.2em; 
	color: #ffffff; 
	background-color: #8c8c8c; 
/*	background-image: url("/images/interface/bromak_leftnav_tab.gif"); */
	background-image: url("/images/interface/bromak_subnavbg_sel.gif"); 
	background-repeat: repeat-y; 
	background-position: 100% 0px; 
	padding: 4px 0px 4px 12px; 
	margin: 0px 0px 0px 10px; 
	width: 113px; 
	display: block
}

/*.open a:hover.selected */
.open a.selected:hover{
	text-decoration: none !important; 
	border: 0px; 
	font-size: 1.2em; 
	color: #8c8c8c !important; 
	background: #d3d3d3; 
/*	background-image: url("/images/interface/bromak_leftnav_tab.gif"); */
	background-image: url("/images/interface/bromak_subnavbg_ovr.gif"); 
	background-repeat: repeat-y; 
	background-position: 100% 0px; 
	padding: 4px 0px 4px 12px; 
	margin: 0px 0px 0px 10px;  
	width: 113px; 
	display: block
}

