/* menu_style.css */
/* 18/03/2014 QC	- reduced sub-menu font-size
						- increase horizontal expand to 5 panels
						- increase panel width (to allow longer menu item names)
	29/04/2014 QC2	- set menu panels to open at fixed left position
						- increase number of panels
*/

body {
    margin:0;
    padding:20px;
}
.menuheader {

    height:30px;
    margin:0px auto;
}
.header {

	height: 110px;
	background-color:#04274c;
	margin: 0px auto;
	text-align: center;
}
.stretch {
    width:100%;
    height:100%;
}

/* main menu styles */
.menu {
	background: #b5b5b5; /* Old browsers */
	background: -moz-linear-gradient(top,  #b5b5b5 0%, #777777 50%, #333333 51%, #757575 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b5b5), color-stop(50%,#777777), color-stop(51%,#333333), color-stop(100%,#757575)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b5b5b5 0%,#777777 50%,#333333 51%,#757575 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b5b5b5 0%,#777777 50%,#333333 51%,#757575 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b5b5b5 0%,#777777 50%,#333333 51%,#757575 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b5b5b5 0%,#777777 50%,#333333 51%,#757575 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
    text-align:left;
    width:100%;
	height:30px;
}
.menu > span {
    display:inline-block;
    margin:0 auto;
}
#nav {
    display:inline;
    text-align:left;
    position:relative;
    list-style-type:none;
	/*left:30px;*/
	/*z-index:100;*/
}
#nav > li {
    float:left;
    padding:2px 0px 4px 0px;
    position:relative;
}
#nav > li > a {
    border-right:#7f7f7f solid 1px;
	border-left:#4b4b4b solid 1px;
    color:#fff;
    display:block;
    font-size:13px;  /*14px;*/
	font-weight:bold;
    padding:6px 10px 6px 10px;
    position:relative;
    text-decoration:none;
}
#nav > li > a:hover {
    background: rgb(188,188,188); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(188,188,188,1) 0%, rgba(130,130,130,1) 50%, rgba(168,168,168,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,1)), color-stop(50%,rgba(130,130,130,1)), color-stop(100%,rgba(168,168,168,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-9 */
	border-right:#7f7f7f solid 1px;
	border-left:#4b4b4b solid 1px;
	color:#353535;
}
#nav > li.selected  > a {
    background: rgb(188,188,188); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(188,188,188,1) 0%, rgba(130,130,130,1) 50%, rgba(168,168,168,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(188,188,188,1)), color-stop(50%,rgba(130,130,130,1)), color-stop(100%,rgba(168,168,168,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(188,188,188,1) 0%,rgba(130,130,130,1) 50%,rgba(168,168,168,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#a8a8a8',GradientType=0 ); /* IE6-9 */
	border-right:#7f7f7f solid 1px;
	border-left:#4b4b4b solid 1px;
    /*z-index:2;*/
	color:#353535;
}
#nav li div {
    /*position:relative;*/
    position:fixed;  /*QC2*/
    left: 0px;  /*QC2*/
}
#nav li div div {
    border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	padding:12px 0;
	background: rgb(168,168,168); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(168,168,168,1) 0%, rgba(226,226,226,1) 6%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(6%,rgba(226,226,226,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(226,226,226,1) 6%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(226,226,226,1) 6%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(168,168,168,1) 0%,rgba(226,226,226,1) 6%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(168,168,168,1) 0%,rgba(226,226,226,1) 6%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow:2px 6px 12px 1px rgba(66, 66, 66, 0.63);
	-webkit-box-shadow:2px 6px 12px 1px rgba(66, 66, 66, 0.63);
	box-shadow:2px 6px 12px 1px rgba(66, 66, 66, 0.63);
    display:none;
    font-size:12px;
    margin:0;
    position:absolute;
    top:-1px;
    /*z-index:1;*/
    width:210px; /*190px*/
	behavior: url(/oo-sabias/labelvantage/css/pie/PIE.htc); /*IE8 css3 mimic*/
}
#nav li div div.wrp2 {
    width:420px; /*380px;*/
}
#nav li div div.wrp3 {
    width:630px; /*570px;*/
}
#nav li div div.wrp4{
    width:840px; /*760px;*/
}
#nav li div div.wrp5{
    width:1050px; /*950px;*/
}
#nav li div div.wrp6{
    width:1260px; /*1140px;*/
}
#nav li div div.wrp7{
    width:1470px;
}


#nav .sep {
    left:210px; /*190px*/
    border-left:1px dotted #666666;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav .sep2 {
    left:420px; /*380px;*/
    border-left:1px dotted #666666;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav .sep3 {
    left:630px;
    border-left:1px dotted #666666;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav .sep4 {
    left:840px;
    border-left:1px dotted #666666;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav .sep5 {
    left:1050px;
    border-left:1px dotted #666666;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}
#nav .sep6 {
    left:1260px;
    border-left:1px dotted #666666;
    bottom:0;
    height:auto;
    margin:15px 0;
    position:absolute;
    top:0;
    width:1px;
}

#nav li div ul {
    padding-left:10px;
    padding-right:10px;
    position:relative;
    width:190px; /*170px*/
    float:left;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
	border-bottom:1px dotted #666666;
    color:#042342;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:13px; /*12px*/
    padding-bottom:3px;
    padding-top:3px;
}
#nav li div ul li h4 {
    color:#595959;
    font-weight:bold;
    margin:0 3px 2px;
    font-size:12px;
}
#nav li ul ul {
    padding:0 0 8px;
}
#nav li ul ul li {
    margin:0;
    padding:0;
}
#nav li ul ul li a {
    color:#595959;
    display:block;
    margin-bottom:1px;
    padding:3px 5px;
    text-decoration:none;
    font-size:12px;
}
#nav li ul ul li a:hover{
    background-color:#f68b1e; /*#336699;*/  /*QC: #a1a1a1;*/
    color:#fff;
}
.select {
 	width:250px; /* Set width. Do not set height else it will fail in IE8-10. Use padding for height. */
	color:#333;
	font-weight: normal;
	font-size: 12px;
	padding: 2px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
	border: 1px solid #a5a5a5;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: "";
}
.select option {
	line-height:2em;
}
.select option: hover {
	background:#04274c;
}
.select::-ms-expand {
	display: none; /* hide default arrow in IE10 */
}

/*Filter Results drop down*/
.filtermenu_bgd table {
	padding:3px;
	width:260px;
	background-color: #aaa;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
}
.filtermenu_bgd a {
    color:#333;
    display:block;
    margin-bottom:1px;
    padding:2px;
    text-decoration:none;
}
.filtermenu_bgd a:hover{
    background-color:#04274c;
    color:#fff;
}
.maintopmenu {
	color:#fff;
}
.maintopmenu a {
	color:#fff;
	cursor:pointer;
}
.maintopmenu a:hover {
	color:#f68b1e; /*#99ccff;*/ /*#39F;*/
	font-weight:bold;
}