@charset "utf-8";
/* CSS Document */

html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body
{
	margin:0px;
	height:100%;
	background-size: 100%;
	overflow:hidden;
	font-size:12px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/african_03Tile.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

body td
{
	font-size:12px;
	color:#333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.navigation {
	background-image:url(images/african_01.jpg);
	position:absolute;
	top:0px;
	width:159px;
	height:100%;
	z-index:500;
}

a.nav {
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
	background-image:url(images/StaticNav_05.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

a.nav:hover, a.nav :hover {
	color:#000;
	background-image:url(images/hover_05.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	width:136px;
}

.loginUsername
{
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
	background-image:url(images/StaticNav_05.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}


.copyRight {
	background-color:#001c5d;
	position:fixed;
	bottom:0px;
	height:27px;
	width:100%;
	z-index:1;
	clear:none;
	font-size:10px;
	color:#FFFFFF;
}

.copyRight td {
	color:#FFFFFF;
}

.mainInfoLandingPage {
	background-image:url(images/landingBack.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	left:25px;
	top:0px;
	width:100%;
	height:100%;
	background-color:#000000;

}

.mainInfo {
	background-image:url(images/african_03.jpg);
	background-position:right top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	position:absolute;
    right:0px;
	top:0px;
	width:95%;
	height:91%;
	padding:25px;
	overflow:scroll;
    overflow-x:hidden;
	z-index:1;
}



/*--------------------------------------------------------------------------------*/

.timelineHeading
{
	color:#333;
	font-weight:bold;
}


/*---------------NavigationAnimation---------------------------------*/
.fadingNav
{
	background-image:url(images/hover_05Out.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}
.fadingNav2
{
	background-image:url(images/hover_05Out2.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}
.fadingNav3
{
	background-image:url(images/hover_05Out3.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}
.fadingNav4
{
	background-image:url(images/hover_05Out4.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}
.fadingNav5
{
	background-image:url(images/hover_05Out5.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}
.fadingNav6
{
	background-image:url(images/hover_05Out6.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}

.fadingNav7
{
	background-image:url(images/hover_05Out7.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}

.fadingNav8
{
	background-image:url(images/hover_05Out8.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}

.fadingNav9
{
	background-image:url(images/hover_05Out9.gif);
	background-repeat:no-repeat;
	background-position:center left;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:0px;
	font-size:11px;
	color:#7f8679;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px;
	display:block;
	width:136px;
}

/*------------------------------------------------*/
.navigationBar {
	width:25px;
	height:100%;
	position:absolute;
	background-image:url(images/menu.gif);
	background-position:center;
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	background-color:#444;
	z-index:220;
}
/*------------------------PRODUCTS----------------------------*/

.productsHeading
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	padding:0px;
	margin:0px;
}

.productsCat
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#88cc00;
	padding:0px;
	margin:0px;
}

.productsDesc
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	padding:0px;
	margin:0px;
}

.productsMainDivStaticNews {
	width:600px;
	background-color:#fff;
	padding:15px;
	color:#FFFFFF;
	display:block;
	min-height:95px;
	margin-bottom:10px;
	border:1px solid #f0f0f0;
}

.productImageDivNews {
	width:auto;
	height:auto;
	margin-left:0px;
	border:1px solid #000;
	float:left;

}

.productInformationDivNews {
	float:left;
	width:390px;
	margin-top:-5px;
	padding:10px;
}

.productsMainDiv {
	width:650px;
	padding:15px;
	color:#333;
	display:block;
	min-height:95px;
	margin-bottom:10px;
	display:block;
	background-color:#fff;
	border:1px solid #f0f0f0;
}

.productsMainDiv a {
	color:#333;
}

.productsMainDiv:hover
{
	background-color:#f2f2f2;
	color:#333333;
	/*background-image:url(images/productsHoverBack_08.jpg);
	background-position:top;
	background-repeat:repeat-x;*/
	min-height:95px;
	margin-bottom:10px;
	border:1px solid #f0f0f0;
}

/*IE6 hover fix*/
.productsMainDivIE6
{
	background-color:#fff;
	width:650px;
	padding:15px;
	color:#333333;
	/*background-image:url(images/productsHoverBack_08.jpg);
	background-position:top;
	background-repeat:repeat-x;*/
	min-height:95px;
	margin-bottom:10px;
	display:block;
	border:1px solid #f0f0f0;
}
.productsMainDivIE6 p, .productsMainDivIE6 span
{
	/*color:#333333;*/
}

.productsMainDivIE6 .productAddtoEnquiries a
{
	/*color:#fff;
	background-color:#333333;*/
}

.productsMainDivIE6 a
{
	color:#000;
}


/*----------------*/
.productsMainDiv:hover p, .productsMainDiv:hover span
{
	color:#333333;
}

.productImageDiv {
	width:auto;
	height:auto;
	margin-left:0px;
	padding-bottom:-4px;
	border:1px solid #666;
	float:left;
}

.productImageDiv:hover {
	border:1px solid #000;
	cursor:pointer;
}



.productAddtoEnquiries a
{
	position:absolute;
	color:#88cc00;
	margin-top:-15px;
	margin-left:520px;
	text-decoration:none;
	font-size:10px;
	padding:4px;
	background-color:#333;
	z-index:1001;
}

.productAddtoEnquiries a:hover
{
	/*text-decoration:underline;*/
	color:#FFFFFF;
	background-color:#000;
}

.productInformationDiv {
	float:left;
	width:390px;
	margin-top:-5px;
	padding:10px;
}

.productInformationDiv a {
	text-decoration:none;
}

.productInformationDiv a:hover {
	text-decoration:underline;
}

.adv_search {
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	z-index:0;
}



/*----------Drop Down Vert-------------------*/

a.levelone:link, a.levelone:visited {
	width:134px;
	font-size:12px;
	font-weight:normal;
	padding-left:5px;
	text-decoration:none;
	background-color:#666666;
	margin:3px 3px 3px 12px;
	padding:3px;
	color:#f2f2f2;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:block;
	height:auto;
}

a.levelone:hover {
	color:#fff;
	background-color:#333;
}

a.leveltwo{
	width:123px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	background-color:#EEEEEE;
	margin:3px 3px 3px 12px;
	padding:3px 3px 3px 10px;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;
	height:auto;
}

a.leveltwo:hover {
	color:#FFFFFF;	
	background-color:#666666;
}


a.levelthree {
	width:117px;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	background-color:#F8F8F8;
	margin:3px 3px 3px 12px;
	padding:3px 3px 3px 16px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:block;

}

a.levelthree:hover {
	color:#fff;	
	background-color:#333;
}

a.gotoButton
{
	font-size:8px; 
	padding:2px; 
	margin:3px 3px 3px 132px; 
	position:absolute;
	text-decoration:none;
	color:#FFFFFF;
}

a.gotoButton2
{
	font-size:9px; 
	padding:2px; 
	margin:3px 3px 3px 132px; 
	position:absolute;
	text-decoration:none;
	color:#333;
	background-color:#fff;
}

a.gotoButton3
{
	font-size:9px; 
	padding:2px; 
	margin:-20px 3px 3px 132px; 
	position:absolute;
	text-decoration:none;
	color:#333;
	background-color:#fff;
}

a.gotoButton:hover, a.gotoButton2:hover, a.gotoButton3:hover
{
	background-color:#333;
	color:#fff;
}


/*----------Drop Down Vert END-------------------*/

.pic
{
	border:1px solid #f0f0f0;
}

.infoHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#15386e;
	border-bottom:1px solid #15386e;
	display:block;
}

.infoSubHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
}

.infoSubHeading2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	padding-left:12px;
}

.infoSubHeading3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	font-weight:bold;
	padding-left:12px;
}

.infoSubHeading4
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff;
	padding-left:12px;
	display:block;
	background-color:#15386e;
}

.infoSubHeading4Sub
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	padding-left:12px;
	padding-bottom:2px;
	padding-top:2px;
	display:block;
	background-color:#929cab;
}


.infoInformation
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
	padding-left:12px;
}

.infoTableHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	padding-left:12px;
	background-color:#ececec;
	padding:4px;
}

.infoTableInfo
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	padding-left:12px;
	background-color:#f9f9f9;
	padding:8px;
	border:1px solid #f0f0f0;
	text-align:justify;
}

.infoTableInfoNoBack
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	text-align:justify;
}

.infoTableInfoNoBackPadding
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	padding:8px;
	border:1px solid #f0f0f0;
	text-align:justify;
}

.infoTableInfoNoBorderPadding
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	padding:8px;
	text-align:justify;
}

.infoTableInfoNoBorderPaddingNoJustify
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333;
	padding:8px;
}

h1.newHeading
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:48px;
	font-weight:lighter;
	color:#15386e;
	margin:0px;
	padding:0px;
}