@charset "utf-8";
/* CSS Document */
.clear
{
	clear:both;
}

.sep
{
	padding-top:10px;
	padding-bottom:10px;
}

hr
{
	margin:10px 0 0 0;
	padding:0;
	border:0;
	border-bottom:dashed 1px #CCCCCC;
}
body
{
	background-color:#f5f5f5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	COLOR: #666666;
	border:0;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}

td, th
{
    border:0;
}

p
{
	margin-top:15px;
	margin-bottom:5px;
}

ul
{
	margin:0px;
	padding:0px;
	padding-left:20px;
	margin-bottom:5px;
	margin-top:5px;
}

li
{
	padding:2px;
}

img
{
    border:0;
}

.container
{
	margin-right:auto;
	margin-left:auto;
	width:1000px;
}

.top
{
	position:relative;
	height:165px;
	width:100%;
	background-color:#ffffff;
	border-bottom:1px solid #D8D0C7;
}

.top .visalogo
{
	position:absolute;
	left:0px;
	top:15px;
	overflow:visible;
}

.top .afribanklogo
{
	position:absolute;
	right:0px;
	top:15px;
	overflow:visible;
}
.top .livechat
{
	position:absolute;
	right:240px;
	top:15px;
	padding:2px;
}

.top .internetbanking
{
	position:absolute;
	right:0px;
	top:40px;
	padding:2px;
}

.main_flash
{
	overflow:hidden;
	height:280px;
	margin:0;
}

.main_flash2
{
	overflow:hidden;
	height:180px;
}

.contenthead
{
    position:absolute;
	width:100%;
	top:415px;
	background-color:#025C93;
	vertical-align:middle;
	height:70px;
	z-index:-1;
	overflow:hidden;
    left: 0px;
}

.content
{
	float:right;
	width:700px;
	margin:0;
	border-left:1px solid #D8D0C7;
	min-height:500px;
}

.subcontentx
{
	margin:0 20px 0 20px;
}
.vlist ul 
{
	float:left;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}
	
.vlist li
{
	float:left;
	list-style: none;
	padding:0 20px 0 10px;
	margin:10px;
	width:180px;
}

.vlist li img
{
    border-style: none;
    border-color: inherit;
    border-width: 0;
    margin: 0px 5px 0 -10px;
    float:left;
}

.updates
{
	width:220px;
	float:left;
}

.updates ul 
{
	list-style: none;
	padding: 0;
	margin: 0;
}
	
.updates li
{
	list-style: none;
	padding: 0;
	margin:0 0 20px 5px;
	width:250px;
}

.products
{
	width:650px;
	float:right;
}

.products ul 
{
	list-style: none;
	padding: 0;
	margin: 0;
}
	
.products li
{
	list-style: none;
	float:left;	
	padding: 0;
	margin:0 40px 5px 0;
	width:170px;
}

.products img
{
    display:block;
    border:0;
    margin:0 0 5px 0;
}

.sidebar
{
	text-align:right;
	width:290px;
	float:left;
}

.sidebar h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:5px;
	margin:10px 0 0 0 ;
	color:#666666;
}

.sidebar h2
{
	margin:40px 0 30px 0;
	padding:0;
	color:#A9DEFE;
	font-weight:normal;
	text-align:center;
}
	
.foot
{
	font-size:10px;
	padding:15px;
	height:10px;
	border-top:1px solid #D8D0C7;
}

.foot A,.foot A:visited
{
	font-size: 10px;
	color: #035A74;
	font-family: Verdana;
	text-decoration: none;
	padding:0;
	margin:0;
}

.foot A:hover
{
	font-size: 10px;
	color: #BB7100;
	font-family: Verdana;
	text-decoration: none;
}

.welcome
{
    margin-top:-25px;
    float:left;
    width:850px;
}

.welcome ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
	}
	
.welcome li
{
	list-style: none;
	float:left;	
	padding: 0;
	margin:0px 20px 20px 5px;
	width:250px;
}

.welcome img
{
    border:0;
}
/*--------------- Main Nav --------------------------------*/
.mainnav
{
	position:absolute;
	left:300px;
	top:135px;
}

.mainnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
	}
	
.mainnav li
{
	list-style: none;
	float:left;	
	padding: 9px 30px 1px 4px;
	margin: 0;
	border-left:1px solid #D8D0C7;
	
}

.mainvav li.sep
{
	background-color:#287B89;
	height:25px;
	width:1px;
}

.mainnav a, .mainnav a:link, .mainnav a:visited
{
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#747474;
}


.mainnav a:hover, .mainnav a:active
{
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#DF8600;
}

.mainnav a.active, .mainnav a.active:link, .mainnav a.active:active, .mainnav a.active:hover
{
	text-transform:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	color:#DF8600;
}

.mainnav a.hotnav
{
	font-family: Calibri, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FEF101;
	letter-spacing:1px;
}

.mainnav a.hotnav:link
{
	font-family: Calibri, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FEF101;
	letter-spacing:1px;
}

.mainnav a.hotnav:visited
{
	font-family: Calibri, Verdana;
	font-size:11px;
	font-weight:bold;
	color:#FEF101;
	letter-spacing:1px;
}

.mainnav a.hotnav:active
{
	font-family: Calibri, Verdana;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	color:#F3B701;
}

.mainnav a.hotnav:hover
{
	font-family: Calibri, Verdana;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	color:#F3B701;
}