/************ related information links **************/
#relatedinfo { border-top: 1px solid #d3d3d3; width: 140px; padding: 0px 0px 0px 0px; align:right;}
#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: 140px; }
#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: 120px; display: block; }
#relatedinfo a:link  { color: #808080; text-decoration: none;  }
#relatedinfo a:visited  { color: #808080; text-decoration: none }
#relatedinfo a:hover  { color: #ccff00; /*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: #8d0013; 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: #8d0013; 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: #8d0013; 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: #8d0013; 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: #8d0013; 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: #8d0013; 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: #8d0013; background: (/images/interface/bromak_sitemap_icon.gif) no-repeat 5px 3px }

.contactIcon {background: url(/images/interface/telephone_icon_content.gif) no-repeat; padding-left: 22px; padding-bottom: 4px;}
.sitemapIcon {background: url(/images/interface/site_map_icon.gif) no-repeat 3px 50%; padding-left: 22px; padding-bottom: 4px;}

/************ 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: 10px; 
	font-family:Verdana, 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: 10px; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: 126px; 
	display: block;  
	background:#8d0013 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:#d13c4c 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-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
/*font*/.open  a:hover, .closed  a:hover, .normal  a:hover, .selected  a:hover {color:#666666;	text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
/*font*/.open  a:visited:hover, .closed  a:visited:hover, .normal  a:visited:hover{color: #666666 !important; text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} /* if its visited and hover */
/*font*/.open  a:visited, .closed  a:visited, .normal  a:visited{color: #e7e3e3;	text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
/*font*/.selected  a:visited{color: #ffffff;	text-decoration: none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}


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


.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: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	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: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	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: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	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: 10px;; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff !important; 
	background-color: #8d0013; 
	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;	
	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: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff !important; 
	background: #d13c4c; 

	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;	
	display: block
	text-transform: none !important;
}

/* Footer Stuff */
.footerall{
	position:relative;
}


.footerleft /*mavada link usually sits here*/

{
	width: 150px;
	height: 21px;
	float: left;
	padding: 16px 0px 10px 0px;
	text-align:center;
	background-color:#aaaaaa;
/*	width: 139px;
	height: 21px;
	float: left;
	padding: 16px 0px 10px 21px;*/
	
}
.footermain/*contact number and copyright info usually sits here*/
{
	width: 328px;
	height: 25px;
	float: left;
	color: #696969; 
	font-size: .7em; 
	font-family: Tahoma, verdana;
	text-align: left; 
	padding: 12px 27px 10px 18px;
}

.footerright /*contact number and copyright info usually sits here*/
{
	width: 328px;
	height: 25px;
	float: right;
	color: #696969; 
	font-size: .7em; 
	font-family: Tahoma, verdana;
	text-align: right; 
	padding: 12px 0px 10px 18px;
}

.footermain span{
	
	color:#ff9c00 !important;
}

.footermain a:link /*required for links*/
   { color: #696969 }
  
.footermain a:visited /*required for links*/
   { color: #696969 }

.footermain a:hover /*required for links*/
   { color: black }
 
.footermain a:active /*required for links*/
   { color: #696969 }

.footerright
{
	/*float:none;
	position:absolute;
	bottom:-1px;
	right:0;*/
	width: 237px;
	padding: 15px 0px 7px 0px;
	text-align: right;
}

.footerright a
{
	color: #a2a2a2 !important;
	text-decoration: none;
}

.footerright a:hover
{
	text-decoration: underline;
	color:#000000 !important;
}