* { margin: 0; padding: 0; }

/* new responsive dropdown */

#banner nav { margin:62px 0 0 0; text-align:right; float:right; }
#banner nav ul { display: table; margin:0; padding: 0; list-style: none; position: relative; text-align:right; float:right; }
#banner nav ul li { margin: 0; padding: 0; list-style: none; display: block; float: left; position: relative; height:29px; width:90px; text-align:right; margin-left:7px; }	
#banner nav ul li a { font-size:13px; position: relative; display: block; text-align:center; width:90px; height:29px; line-height:29px; padding-left: 0px; border-top-left-radius:8px; border-top-right-radius:8px; text-decoration:none; }
#banner .nav-clear { clear:both; line-height:0; height:0; width:0; padding:0; margin:0; }
#banner nav ul.dropdown { display: block; position: absolute; z-index: 999; top: 100%; width: 185px; display: none; text-align:left; }
#banner nav ul.dropdown li {margin: 0;padding: 0;float: none;position: relative;list-style: none;display: block;height: 29px;line-height: 29px;text-align:left;}
#banner nav ul.dropdown li a {display: block;text-align:left;width: 165px; padding:0 10px 0 10px; border-top-left-radius:0; border-top-right-radius:0;font-size:12px;height: 29px;line-height: 29px;}

/***** Tablet (768px - 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#banner nav { margin:40px 0 0 0; float:right; }		
	#banner nav ul li { font-size: 11px; font-weight: bold; padding: 0; width:75px; height:22px; }	
	#banner nav ul li a { font-size: 11px; width:75px; height:22px; line-height:22px; border-top-left-radius:5px; border-top-right-radius:5px; }	
}

/***** Phone (landscape 480px) *****/
@media only screen and (max-width: 767px) {
	#banner nav { margin:15px 0 10px 0; clear:both; float:none; width:auto; z-index:999; }		
	#banner nav ul { float:none; clear:both; width:100%; }
	#banner nav ul li { text-align:left; font-weight: bold; margin:0; height:auto; border-radius:0; float:none; width:100%; }	
	#banner nav ul li a { height:32px; line-height:32px; font-weight:bold; text-align:left; padding:0 0 0 3%; margin:0; width:97%; border-top-left-radius:0px; border-top-right-radius:0px; }	
	#banner nav ul.blockdown { margin:0 0 -1px 0; padding:0; display:block; }
	#banner nav ul.blockdown li { margin:0; padding:0; display:block; height:32px; line-height:32px; }
	#banner nav ul.blockdown li a { font-size:12px; font-weight:bold; margin:0; height:32px; line-height:32px; border-bottom:1px solid #FFFFFF; }	
	#banner nav h4 { margin:0; padding:0; }
	#banner nav .mobilehide { display:none; }
	#banner nav ul.tabs { }
	#banner nav ul li.first { border-top: 1px solid #FFFFFF; }	
	#banner nav ul.blockdown { /* border-top: 1px solid #FFFFFF; */ border-top: none; }
}

/* colours */

nav ul li a {color: #FFFFFF;background-color:#09347a;}
nav ul li a:visited { color: #FFFFFF; background-color:#09347a;}
nav ul li a:hover { color: #FFFFFF; background-color:#EF3E35;}
nav ul li a.current { background-color:#EF3E35; }
nav ul.dropdown { background-color:#d7160c; color:#FFFFFF; }
nav ul.dropdown li a { color:#FFFFFF; background-color:#d7160c; }
nav ul.dropdown li a:hover { background-color:#EF3E35; color:#FFFFFF;	}
/***** Phone (landscape 480px) *****/
@media only screen and (max-width: 767px) {
	#banner nav { margin:87px 0 10px 0; }
	#banner nav ul li { font-size: 18px; border-bottom:1px solid #FFFFFF; }	
	#banner nav ul li.first { border-top:1px solid #FFFFFF; }
	#banner nav ul li a { font-size: 12px; background-color:#d7160c; }
	#banner nav ul li a.current, #banner nav ul li a:hover { background-color:#09347a; }
	#banner nav ul.blockdown { /* border-top: 1px solid #FFFFFF; */ border-top: none; }
}