#menu{
	float:left;
	width:109px;
	background: #284073;
	border-top: #284373 solid 80px;
	padding:0;
	margin:0;
}

/* for primary menu */

#menu a, #menu h2{
	font:15px/35px "Gill Sans";
	color:#FFF;
	display:block;
	white-space:nowrap;
	margin:0;
	text-align:right;
	text-decoration:none;
	padding-top:35px;
	overflow:hidden;
	height: 0px !important;
	height /**/:35px; /* for IE5/Win only */
	
}

#menu a:hover, #menu h2:hover{
	color:#FFF;
	background-position: 0 -40px;
}

#menu a:active, #menu ul li a.selected, #menu ul li h2.selected {
	background-position: 0 -40px;
}

#menu ul{
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
}

/* image replacementr */

#homeButton a {
	width:109px;
	background:url(images/mainButtons/home.gif);
}

#aboutButton a {
	width:109px;
	background:url(images/mainButtons/about.gif);
}

#productButton a {
	width:109px;
	background:url(images/mainButtons/products.gif);
}

#serviceButton h2 {
	width:109px;
	background:url(images/mainButtons/services.gif);
}

#newsButton a {
	width:109px;
	background:url(images/mainButtons/news.gif);
}

#careerButton a {
	width:109px;
	background:url(images/mainButtons/careers.gif);
}

#claimButton a {
	width:109px;
	background:url(images/mainButtons/claims.gif);
}

#legalButton a {
	width:109px;
	background:url(images/mainButtons/legal.gif);
}



/* extra code for bottom button*/
#contactButton a {
	width:109px;
	background:url(images/mainButtons/contact.gif);
	padding-top:35px;
	overflow:hidden;
	height: 0px !important;
	height /**/:35px; /* for IE5/Win only */
}


/* end img rep */



/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
	position:relative;
}


div#menu li ul{
	position:absolute;
	top:0px;
	left:101px;
	display:none;
	border: #666 1px solid;
	z-index:20;
	background:#666;
	overflow:hidden;
	width:160px;
	/*width:140px;*/
	text-align:left;
}

div#menu ul li ul li a {
	/*font:14px/15px "Gill Sans";
	height: 15px;
	*/
	font:14px/18px "Gill Sans";
	color:#A8A9AD;
	display:block;
	white-space:nowrap;
	margin:0;
	text-align:left;
	text-decoration:none;
	padding-top:18px;
	overflow:hidden;
	height: 0px !important;
	height /**/:18px; /* for IE5/Win only */
}

div#menu ul li ul li a:hover, div#menu ul li ul li a.selected {
	background-position: 0 -18px;
}



#glButton a {
	width:140px;
	background:url(images/subButtons/gl.gif);
}

#glpButton a {
	width:140px;
	background:url(images/subButtons/glp.gif);
}

#glaButton a {
	width:140px;
	background:url(images/subButtons/gla.gif);
}

#cocButton a {
	width:140px;
	background:url(images/subButtons/coc.gif);
}

#callcentreButton a {
	width:160px;
	background:url(images/subButtons/callCentre.gif);
}

#claimsButton a {
	width:160px;
	background:url(images/subButtons/claims.gif);
}

#greenButton a {
	width:160px;
	background:url(images/subButtons/greenRange.gif);
}



div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display:block;}

/* End non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
	background:#eee;
}

#menu a.x:hover{
	color:#a00;
	background:#ddd;
}

#menu a.x:active{
	color:#060;
	background:#ccc;
}