.nav > li:hover > a:after, .nav > li:hover > span:after { content: ""; display: block; background: url("~/media/909DA0D189564B06B94E705B3560648A.ashx") no-repeat; width: 15px; height: 11px; margin-left: auto; margin-right: auto; margin-top:-1px; } @font-face { font-family: 'OxfamTStar'; src: url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARHeavyWebEOT.eot'); /* IE9 Compat Modes */ src: url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARHeavyWebEOT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARHeavyWebWOFF.woff') format('woff'); /* Modern Browsers */ font-weight:900; } @font-face { font-family: 'OxfamTStar'; src: url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARRegularWebEOT.eot'); /* IE9 Compat Modes */ src: url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARRegularWebEOT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARRegularWebWOFF.woff') format('woff'); /* Modern Browsers */ } @font-face { font-family: 'OxfamTStar'; src: url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARBoldWebEOT.eot'); /* IE9 Compat Modes */ src: url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARBoldWebEOT.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/~/media/Files/Shared/OxfamTSTAR/OxfamTSTARBoldWebWOFF.woff') format('woff'); /* Modern Browsers */ font-weight:bold; } .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } .nav { display: inline-block; position: relative; cursor: default; z-index: 995; margin-bottom:-6px; background: white; width: 94.5%; padding-left: 2.75%; padding-right: 2.75%; height:18px; text-align:center; padding-bottom: 10px } .nav > li { display: block; float: left; z-index: 995; height: 35px; padding: 0px; line-height: 35px; margin-top: -8px; font-family: Arial, sans-serif; font-size: 20px; color: #eaeade } .nav > li > a, .nav > li > span { position: relative; background-color: white; display: block; z-index: 999; height: 35px; padding: 0 15px; line-height: 35px; border-left-style: solid; border-left-width: 1px; border-left-color:#d8d8ce; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; color: black; } .nav > li > a#end, .nav > li > span#end{ position: relative; background-color: white; display: block; z-index: 999; height: 35px; padding: 0 15px; line-height: 35px; border-left-style: solid; border-left-width: 1px; border-left-color:#d8d8ce; border-right-style: solid; border-right-width: 1px; border-right-color:#d8d8ce; font-family: Arial, sans-serif; font-weight: bold; font-size: 18px; color: black; } .nav > li:hover > a, .nav > li:focus > a, .nav > li:hover > span, .nav > li:focus > span { background-color: black; z-index: 999; position: relative; color:white; border-left-style: solid; border-left-width: 1px; border-left-color: black; } .nav > li:hover > a#end, .nav > li:focus > a#end { background-color: black; position: relative; color:white; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; } .nav > li > div { position: absolute; display: block; width: 100%; top: 27px; left: 0; z-index: 998; outline:1000px solid rgba(0, 0, 0, 0.3); border-style: solid; border-width: 1px 1px 3px 1px; border-color:#d8d8ce; opacity: 0; visibility: hidden; overflow: hidden; background: #ffffff; border-radius: 0 0 3px 3px; /* -webkit-transition: all .3s ease .15s; -moz-transition: all .3s ease .15s; -o-transition: all .3s ease .15s; -ms-transition: all .3s ease .15s; transition: all .3s ease .15s; */ } .nav > li > div > .nav-column > img { float:left; margin-left:-7px; margin-top: 15px; margin-bottom: 15px; position: relative; } .nav > li:hover > div, .nav > li:focus > div { opacity: 1; visibility: visible; overflow: visible; } .nav .nav-column { float: left; width: 188px; padding: 15px 15px 30px 15px; } .nav .nav-column#left { float: left; width: 189px; padding: 15px 15px 40px 32px; } .nav .nav-column#right { float: left; width: 189px; padding: 15px 32px 40px 15px; } .nav .nav-column h3 { line-height: 26px; text-align: left; font-family: Arial, sans-serif; font-weight: bold; font-size: 17px; color: black; margin: 15px 0px 10px 0px; width: 100%; border-bottom-style: solid; border-bottom-color: black; border-bottom-width: 1px; } .nav .nav-column h3#double { line-height: 26px; text-align: left; font-family: Arial, sans-serif; font-weight: bold; font-size: 17px; color: black; margin: 15px 0px 10px 0px; width: 406px; border-bottom-style: solid; border-bottom-color: black; border-bottom-width: 1px; } .nav .nav-column li a { display: block; line-height: 26px; text-align: left; font-family: Arial, sans-serif; font-weight: normal; font-size: 14px; color: #545454; } .nav .nav-column li a.vwll { display: block; line-height: 26px; text-align: right; font-family: Arial, sans-serif; font-weight: bold; font-size: 16px; color: #545454; } .nav .nav-column li a:hover, .nav .nav-column li a:focus { color: black } .nav .nav-column li a:after { content: ""; display: inline-block; background: url("~/media/D3C0706194824306AB8D39BB205DF10A.ashx") no-repeat; width: 5px; height: 5px; padding-bottom: 2px; margin-left: 5px; z-index:998; } .nav .nav-column li a:hover > H1.block-title-page SPAN {display:none:}