* {
	margin: 0;
	padding: 0;
}

html {
	min-height: 100%; overflow-y: scroll;
}
	
* html, * html body {
	height: 100%;
}

body {
	min-height: 100%;
	text-align: center;
	font-family: Gill Sans MT;
	font-size: 14px; 
	line-height: 12px;
	background: #e9ebee bottom center repeat-x url(../img/background.png);
	width:100%;
}

.header { background-color:#ffffff; height:80px;}
.eskomlogo{ margin-top:15px;margin-left:15px}
.eskomrtlogo{ margin-top:20px;float:right;margin-right:15px}
.cticc{ margin:0px auto; height:80px;}
.header div {display:inline;}

 
/*Changed for mydetails/Meters*/
/*.logo { background:url(/img/logo.jpg); width:199px; height:53px; float:left; margin:10px 0px 0px 36px;}*/
/*menu
-------------------------------------------------*/

.nav {
	/*height:63px; */
	height:40px;
	background: url(../img/black-bg.jpg) repeat-x;
/*	background: url(img/navbg.jpg) repeat-x; */
	position:relative; 
	font:14px "Gill Sans MT"; 
	width:100%; 
	z-index:100;
	margin:0;
	padding:0;
	text-align:center;
	font-weight:bold;

}



.navItems td div
{
	
	border:solid 0px red;
	padding-top:5px;
	width:150px;
	text-align:center;
	height:25px;
	margin-top:5px;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
}
.navItems a
{
	color:#FFFFFF;
	text-decoration:none;
}

.navItems td div:hover
{
	background:url(../img/button.png) no-repeat;
	width:150px;
}

/*.nav .table { display:table; width:auto; margin:0px auto; }
.nav .select, .nav .current {
	margin:0; 
	padding:0; 
	list-style:none; 
	display:table-cell; 
	white-space:nowrap;
}

.nav li {
	margin:0; 
	padding:0; 
	height:auto; 
	float:left;
	
}

.nav .select a 
{
	display:block; 
	height:36px; 
	float:left; 
 	padding:0 0px 0 0px; 
	text-decoration:none; 
	line-height:34px; 
	white-space:nowrap; 
	color:#ffffff;
	width:180px;
	text-align:center;
}


.nav .select a:hover, .nav .select li:hover a 
{
	background: url(../img/button.png) no-repeat;
	width:113px; 
	padding:0 5 0 0px;
	cursor:pointer; 
	color:#fff;
	text-align:center;
	margin-top:4px;
}
*/
.menuSep
{
	background:url(../img/menu-sep.jpg) no-repeat;
	height:31px;
	width:3px;
	margin-top:3px;
}

.active { background: url(/img/button.png) no-repeat; margin-top:1px; }

.nav .select a b { text-align:center;  }
.nav .select_sub { display:none; }

.tableIcons	td div{
	margin-bottom:3px;
	margin-left:3px;
}
/* IE6 only */
.nav table {
	border-collapse:collapse; 
	margin:-1px; 
	font-size:1em; 
	width:0; 
	height:0;
}

.nav .sub {
	display:table; 
	margin:0 auto; 
	padding:0; 
	list-style:none;
	font:10px Verdana, Arial, Helvetica, sans-serif ;
	font-weight:bold;
}
 
.nav .select :hover .select_sub, .show {
	display:block; 
	position:absolute; 
	width:100%; 
	top:30px; 
	padding:0; 
	z-index:100; 
	left:0; 
	text-align:left;
}
 

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
	display:block; 
	float:left; 
	background:transparent; 
	padding:0 10px 0 10px; 
	margin-top:0; 
	white-space:nowrap; 
	border:0; 
	color:#2b3238;
	height:28px;
}

.firstitem { background:url(/img/subdiv.jpg) no-repeat; height:27px; width:1px; margin-top:2px; } 


.nav .select :hover .sub li a:hover, .nav .current .sub li a:hover {
	visibility:visible; 
	color:#fff; 
	text-decoration:underline;
}