/* CSS Document */
.menu {
	display:block;
	list-style:none;
	float:right;
	margin-top:20px;
}
.menu li {
	float:left;
	position:relative;
	background-color:#FFF;
	margin-left:3px;
}
.menu li a {
	line-height:25px;
	vertical-align:middle;
	display:block;
	padding-left:25px;
	padding-right:25px;
	height:25px;
	color:#595959;
	text-decoration:none;
	border:1px solid #FFF;
	
	-webkit-transition: all 500ms linear;
	-moz-transition: all 500ms linear;
	-ms-transition: all 500ms linear;
	-o-transition: all 500ms linear;
	transition: all 500ms linear;
}
.menu li > ul li.sp , .menu li:hover > ul li.sp {
	border-top:1px solid #f7f7f7;
	border-bottom:1px solid #dddddd;
	width:200px;
}
.menu li > ul {
	background-image:url(../images/menu-arrow-top.png);
	background-position:180px 0px;
	background-repeat:no-repeat;
	padding-top:10px;
}
.menu span.container {
	border-top:5px solid #b3b3b3;
	border-right:1px solid #b3b3b3;
	border-left:1px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	display:block;
	float:left;
}
.menu li > ul li {
	margin:0px;
}
.menu li > ul li a {
	background-color:#FFF;
	color:#666;
	background-image:url(../images/menu--arrow-right.png);
	background-repeat:no-repeat;
	background-position:183px center;
	text-align:right;
	line-height:40px;
	height:40px;
}
.menu > li:hover > a
, .menu > li.selected > a {
	border:1px solid #000;
}
.menu ul {
	position:absolute;
	/*display:none;*/
	list-style:none;
	right:0px;
	z-index:999;
}
.menu li:hover > ul {
	display:block;
}
.menu li:hover > ul li {
	margin:0px;
	border:none;
}
.menu li:hover > ul li a {
	border:none;
	border-bottom:1px solid  #FFF;
}
.menu li:hover > ul li:hover a {
	color:#000;
}
.menu li > ul li a
, .menu li > ul li a {
	width:150px;
}
@media screen and (max-width:911px) {
	.menu li:hover > a, .menu li.selected > a {
		background-color:#004d9a !important;
		color:#FFF !important;
		border:none;
	}
	.menu ul {
		position:static;
	}
}