#menuWrapper {
	position:relative;
	width:670px;
	z-index:1000;
	height:30px;
	float: left;
	top: 6px;
	margin: 0;
	padding: 0;
	}
	
#menu {
	position: relative;
	width: 100%;
	zfloat: left;
	margin: 0;
	padding: 0;
	}

.nav, .nav * {
	margin:0;
	padding:0;
	outline: none !important;
	z-index: 1000;
	}
	
.nav {
	position: relative;
	}
	
ul.nav {
	background: none !important; /*IE6 needs this*/	
}

.nav li {
	color: transparent;
	}
	
.nav li {
	margin-top: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	margin-right: 3px !important;
	}

.nav li a {
	display:block;	
	height: 30px;
	}

a#about_link {
	width:62px; height:30px;
	background: transparent top left no-repeat url(/images/nav/about_link.jpg);
	}
	
#open_account_link {
	width:113px; height:30px;
	background: transparent top left no-repeat url(/images/nav/open_account_link.jpg);
	}
	
a#account_enq_link {
	width:115px; height:30px;
	background: transparent top left no-repeat url(/images/nav/account_enq_link.jpg);
	}
	
a#about_account_link {
	width:95px; height:30px;
	background: transparent top left no-repeat url(/images/nav/about_account_link.jpg);
	}

a#howtopay_link {
	width:80px; height:30px;
	background: transparent top left no-repeat url(/images/nav/howtopay_link.jpg);
	}
	
a#other_services_link {
	width:91px; height:30px;
	background: transparent top left no-repeat url(/images/nav/other_services_link.jpg);
	}
	
a#contact_link {
	width:83px; height:30px;
	background: transparent top left no-repeat url(/images/nav/contact_link.jpg);
	}

#menu li a:hover {
	background-position: left bottom !important;
	}

.nav li ul {
	float:none;
	top:-999em;
	position:absolute;
	}

.nav li:hover,
.nav li.sfHover{
	background-color: #DFD9E7 !important;
	}

.nav li li a:hover,
.nav li li a.sfHover{
	background-color: #BAAFD1 !important;
	}

.nav li:hover ul,
.nav li.sfHover ul {
	left:0;
	top:30px;
	background: #E1DAEA;
	border: 1px solid #A6A3AC;
	width: 120px;
	}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
	}

.nav li li:hover ul,
.nav li li.sfHover ul {
}

.nav li li {
	float:none;
	background: #E1DAEA;
	margin-right: 0 !important;	
	}

.nav li li a {
	float:none;
	display: block;
	color: #5A5460;
	background: transparent;
	font-size: 10px;
	text-decoration: none;
	height: auto;
	padding: 1px 0 1px 3px;
	}
	
.nav li li a:hover {
	font-weight: bold;
	text-decoration: none;
	}
	
/* quick hacks for IE */
*html .nav li li a {
	zoom: 1;
}
*html .nav li li li {
}
*+html .nav li li {
}
*+html .nav li li li {
}

/* Individual Items */

.nav li.topTier {
	border: 1px solid #ccc !important;
	}

a.topTier {
	height: 30px; line-height: 30px;
	width: 100px;
	color: #000000;
	text-align: center;
	/* Enable this section next rule if images are used in topTier */
	ztext-indent: -5000px;
	}
	
	.nav li.topTier a.current {
		background-position: bottom left !important;
		}
		
 .jqifade{
      background-color: #ffffff;
}
div.jqi{
      position: absolute;
      background-color: #c0cEa6;
      padding: 10px;
      width: 300px;
}
div.jqi .jqicontainer{
      background-color: #e0eEc6;
      padding: 5px;
      color: #ffffff;
      font-weight: bold;
}
div.jqi .jqimessage{
      background-color: #c0cEa6;
      padding: 10px;
}
div.jqi .jqibuttons{
      text-align: center;
      padding: 5px 0 0 0;
}
div.jqi button{
      padding: 3px 10px 3px 10px;
      margin: 0 10px;
}