#nav {
	background: url(../images/nav.jpg);	
	background-repeat: no-repeat;
}

#nav ul {
	list-style:none;
		padding:0px;
		margin:0px 0px 0px 400px;
}

#nav li {
	display:block;
	float:left;
		padding:13px 15px 10px 0px;
		margin:0px;
}

#nav li a {
	font-family:Arial;
	font-size:11px;
	color:#006600;
	text-decoration:none;
}





#sub_nav, #sub_nav ul { /* all lists */
		padding: 0;
		margin: 5px 0px 0px 0px;
		list-style: none;
		float : left;
		width : 135px;
		text-align: left;
	}
	
	#sub_nav li li, #sub_nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		padding: 4px 0px 4px 0px;
		width: 140px;
		z-index: 2;							
	}
	
	#sub_nav li li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 9.7em;
		margin-top : -1.55em;
/*		background-color: #CCCCCC; */
		background: url(http://www.which-prepaid-card.co.uk/images/groom_nav_bg.jpg);
		width: 140px;
		z-index: 2;							
	}
	
	#sub_nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#sub_nav li a {
/*		width: 9.8em;   */
		display : block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#777777;
		text-decoration: none;
		padding-left: 5px;
	}

	#sub_nav li li:hover li a, #sub_nav li li.sfhover li a {
		display : block;
		color : #777777;
		text-decoration : none;
		padding-left: 5px;
	}
	
	#sub_nav li li:hover a, #sub_nav li li.sfhover a, #sub_nav li li li:hover a, #sub_nav li li li.sfhover a {
/*		width: 9.8em;   */
		display : block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-decoration: none;
		color:#ffffff;
		position: relative;
		z-index: 2;		
	}	
	
/*	#sub_nav li li li a:hover {
		display : block;
		text-decoration : none;
		padding-left: 5px;
	}	*/
	
	#sub_nav li li:hover ul, #sub_nav li li.sfhover ul {
		display : block;
/*		margin: -19px 0px 0px 137px; */
		position:absolute;
		top:0;
		left: 137px;
		margin: 0px 0px 0px 140px;
		padding: 0px 0px 0px 0px;
		background-color: #FFF;
		border: 1px solid #CCCCCC;
		z-index: 2;			
	}		

	#sub_nav li li li a {
		color: #777777;
	}
	
	#sub_nav li li:hover, #sub_nav li li.sfhover  {
		position : relative;
		float : left;
		line-height : 1.25em;
		margin-bottom : -1px;
		padding: 4px 0px 4px 0px;
		width: 140px;
		background-color: #318C24;	
		color: #777777;		
		z-index: 2;								
	}
	
	#sub_nav li:hover ul ul, #sub_nav li:hover ul ul ul, #sub_nav li.sfhover ul ul, #sub_nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#sub_nav li:hover ul, #sub_nav li li:hover ul, #sub_nav li li li:hover ul, #sub_nav li.sfhover ul, #sub_nav li li.sfhover ul, #sub_nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
/*
li.green_divider {
	border-bottom:1px solid #006600;
	padding-left: 5px;
	display: block;
}
*/
li.gray_divider {
	border-bottom:1px solid #CCCCCC;
}

li .gray_divider a:hover, li a.sfhover {
	color: #FFF;
}