/* 
CSS Document - describes the activity of the Eclipse menus.
Each block is 25px high inclusive of a 2 px margin by 200 px wide 
The main block should be created in multiples of 25 pixels high and is created without any margins
Easiest way to generate the hover boxes is to show the main box using the script below 
then do a screen grab and cut the screen grab into multiple hover items, each being the 25 pixels (23 + 2px border) 
NB. The border is at the bottom on the image, as per the script below    
*/

body { 
	margin: 0px;
	color: #000; 
	font-size: 10pt; 
	line-height: 13pt;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #fff; 
	}
	
h1 {
	color: #1f87d0; 
	font-size: 20px; 
	line-height: 20px;
	font-weight: 500;
	}	

h2 {
	color: #1f87d0; 
	font-size: 20px; 
	line-height: 20px;
	font-weight: 500;
	}

h3 {
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12pt; 
	line-height: 1.4em;
	}

h4 {
	font-size: 16px; 
	line-height: 18px;
	font-weight: bold;
	}

hr  {
color: #D12E41;
background:none;
width:520px
height:1px;
border:none
border-bottom:solid 1px #000;
}

a:link { 
	text-decoration: none;
    color: #D12E41; 
	}
.bullet {
	list-style-position: outside;
	list-style-image: url(../../images/dot.gif);
	line-height: 20pt;
	vertical-align: middle;
	font-size: 10pt;
	right: -15px;
	clip: rect(auto,auto,auto,auto);
}

#ebullet UL {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#ebullet LI {
	list-style-type: none;
	margin: 0;
	background: transparent url(/images/dot.gif) no-repeat 20px 0.2em;
	padding-top: 10;
	padding-right: 0;
	padding-left: 40px;
	padding-bottom: 0;
	line-height: 25px;
}

#links UL {
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}

#links LI {
	list-style-type: none;
	margin: 0;
	padding-top: 10;
	padding-right: 0;
	padding-left: 0px;
	padding-bottom: 0;
	line-height: 15px;
	background-color: #EEEEEE;
	background-repeat: no-repeat;
	background-position: 20px 0.2em;
}
	
a:active { 
	text-decoration: none;
	}
		
a:visited { 
	color: #990066; 
	text-decoration: none;
	}
		
a:hover { 
	color: #000099; 
	text-decoration: underline;
	}

#main {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
	
.telephone {
	font-size: 14pt;
	color: #273921;
	margin-bottom: 20px;	
	}
.email	{
	font-size: 10pt;
	color: #D12E41;
	text-decoration:none;
	padding: 5px;
	line-height: 30px;
	}
.redline	{
	font-size: 10pt;
	color: #D12E41;
	text-decoration:none;
	line-height: 1px;/*	padding: 5px;
	line-height: 30px; */
	}	
	
#line { background: #fff url(../../images/redLine.gif) center bottom;
margin: 8px auto;
height: 1px;
width: 100%;
}	

.address	{
	font-size:7.5pt;
	color:#000000;
	line-height: 11pt;
	padding-right: 6px;
	padding-left: 6px;
}	

.search	{
	font-size:7.5pt;
	color:#000000;
	line-height: 11pt;
	background:#D12E41;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.news	{
	font-size:7.5pt;
	color:#000000;
	line-height: 10pt;
	background:#EEEEEE;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.links	{
	font-size:7.5pt;
	color:#000000;
	line-height: 10pt;
	background:#EEEEEE;
	padding-right: 6px;
	padding-left: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
/*	height: 10px;   */
	margin-top: 10px;
	margin-bottom: -10px;
}
.newsdate	{
	font-size:7pt;
	font-style:italic;
	color:#999999;
	line-height: 10pt;
}
.newstitle{
	font-size:10pt;
	color:#FFFFFF;
	background-color:#003399;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
	margin-bottom: -19px;
	line-height: 25px;

}

/* 
Below is the code for the red buttons that appear on all the pages. 
*/

#main-menu {
width: 200px;
line-height: 23px;
font-weight: normal;
color: #FFFFFF;
border-top-width: 2px;
	color: #B21736;
	color: #D12E41;
	color: #FF0000;
	color: #FF0000;
	color: #D12E41;
	color: #FF0000;
}
#main-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, sanf-serif;
font-size: 10pt; 
background-image: url(/images/menus/main/main-menu.jpg);
} 
#main-menu li {
margin: 0px 0 0;
} 
#main-menu a {
	display: block;
	width:190px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	border-width: 0px;	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
} 
#main-menu a:link, #main-menu a:active, #main-menu a:visited {
color: #FFFFFF;
}
#main-menu a#item1:hover {
	background-image: url(/images/menus/main/main-over-1.jpg);
}
#main-menu a#item2:hover {
	background-image: url(/images/menus/main/main-over-2.jpg);
}
#main-menu a#item3:hover {
	background-image: url(/images/menus/main/main-over-3.jpg);
}
#main-menu a#item4:hover {
	background-image: url(/images/menus/main/main-over-4.jpg);
}
#main-menu a#item5:hover {
	background-image: url(/images/menus/main/main-over-5.jpg);
}
#main-menu a#item6:hover {
	background-image: url(/images/menus/main/main-over-6.jpg);
}
#main-menu a#item7:hover {
	background-image: url(/images/menus/main/main-over-7.jpg);
}

/* Summary menu also appears on all pages  */

#summary-menu {
width: 200px;
line-height: 23px;
font-weight: normal;
color: #FFFFFF;
border-top-width: 2px;
	color: #FF0000;
}
#summary-menu ul {
	margin: 0;
	list-style-type: none;
	font-family: verdana, arial, sanf-serif;
	font-size: 10pt;
	background-image: url(/images/menus/summary/link-menu-summary.jpg);
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
} 
#summary-menu li {
margin: 0px 0 0;
} 
#summary-menu a {
	display: block;
	width:190px;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	border-width: 0px;	
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEEEEE;
} 
#summary-menu a:link, #summary-menu a:active, #summary-menu a:visited {
color: #FFFFFF;
}
#summary-menu a#item1:hover {
	background-image: url(../../images/menus/summary/link-menu-about-over.jpg);
}
#summary-menu a#item2:hover {
	background-image: url(../../images/menus/summary/link-menu-pharma-over.jpg);
}
#summary-menu a#item3:hover {
	background-image: url(../../images/menus/summary/link-menu-animal-over.jpg);
}
#summary-menu a#item4:hover {
	background-image: url(../../images/menus/summary/link-menu-agro-over.jpg);
}
#summary-menu a#item5:hover {
	background-image: url(../../images/menus/summary/link-menu-food-over.jpg);
}
#summary-menu a#item6:hover {
	background-image: url(../../images/menus/summary/link-menu-water-over.jpg);	
}


.tblwthbrdrred {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FF0000;
	border-right-color: #000000;
	border-bottom-color: #FF0000;
	border-left-color: #000000;
 }