/*
Copyright © 2013 Adobe Systems Incorporated.

Licensed under the Apache License, Version 2.0 (the “License”);
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an “AS IS” BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

.accessible-megamenu {
    position: relative;
    display:block;
    box-sizing: border-box;
    list-style: none;
   
	width:100%;
	height:32px;
	margin-top:6px;
}

.accessible-megamenu h2,
.accessible-megamenu h3,
.accessible-megamenu h4 {
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	font-size:12px;
	text-align:left;
	text-shadow: 1px 1px 1px #FFFFFF;
	padding: 0;
	font-weight: 500;
}
.accessible-megamenu li h3{
	font-weight: 600;
	font-size:14px;
	margin:7px 0 8px 0;
	width: 125px;
	padding-bottom:1px;
	border-bottom:1px solid #888888;
	color: #333;
	font-family: 'Arimo', Arial, Helvetica, sans-serif;
}
.accessible-megamenu li h3.long{
	width: 200px;
}
.accessible-megamenu li h3.imgtxt{
	font-weight: 600;
	font-size:0.95em;
	margin-bottom:0;
	padding-bottom:1px;
	color: #333;
  	border:none;
}

.accessible-megamenu li h4{
	font-weight: 600;
	font-size:16px;
	margin-bottom:0;
	padding-bottom:1px;
	color: #333;
}

.accessible-megamenu .accessible-megamenu-top-nav-item {
    position: relative;
    display: block;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    height: 3.077em;
    float: left;
    color: #666666;
    text-shadow: 0 1px 0 #fff;
    -moz-text-shadow: 0 1px 0 #fff;

	margin-right:8px;
	border:none;
	
}

.accessible-megamenu :focus {
    outline:  2px solid rgba(34, 95, 215, 0.3);
    -moz-outline-radius: 3px;
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded] {
    position: relative;
    display: block;
    color: #EEEEEE;
    text-decoration: none;
    z-index: inherit;
	background:url(<t4 type="media" formatter="path/*" id="10629" />) no-repeat 100%;
	background-size: 12px 7px;
	background-image: url(<t4 type="media" formatter="path/*" id="10628" />);
	font-family: "Benchnine", Impact, Haettenschweiler, "Arial Black", sans-serif;

	text-transform: uppercase;
letter-spacing: 1px;
		font-size:20px;
		padding: 4px 6px 4px 6px;

	padding-right:23px;
	
	text-shadow: 1px 1px 1px #333;
}


.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:hover,
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:focus {
    color: #161616;
	text-shadow: 1px 1px 1px #ffffff;
    outline-offset: -1px;
	
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:hover,
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded]:focus,
.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open {
    z-index: 1002;
	
	/* Background color and gradients */
	
	background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	background: -ms-linear-gradient(top,#F4F4F4,#EEEEEE);
    background: -o-linear-gradient(top,#F4F4F4,#EEEEEE);
	
	/* Rounded corners */
	
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.accessible-megamenu .accessible-megamenu-top-nav-item a[aria-expanded].open {
	color: #161616;
	text-shadow: none;
	border: 1px solid #777777;
	border-bottom: none;
	padding: 4px 21px 4px 6px;
	background:#EDEDED url(<t4 type="media" formatter="path/*" id="10629" />) no-repeat 100%;
	background-size: 12px 7px;
	background-image: url(<t4 type="media" formatter="path/*" id="10628" />);
}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded] {
    border-bottom-left-radius: 3px;
}

.accessible-megamenu .accessible-megamenu-top-nav-item:first-child a[aria-expanded].open {
    border-bottom-left-radius: 0px;
    
}

.accessible-megamenu .accessible-megamenu-panel {
    position: absolute;
    display: block;
    color: #FFF;
    margin: 0;
    padding: 0 0.769em 0.769em;
    line-height: normal;
    background: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
	background: -ms-linear-gradient(top,#F4F4F4,#EEEEEE);
    background: -o-linear-gradient(top,#F4F4F4,#EEEEEE);
    cursor: default;

    visibility: hidden;
    top: -9999em;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
       -moz-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
        -ms-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
         -o-transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;
            transition: opacity 150ms ease 250ms, max-height 500ms ease, visibility 0s linear 500ms, top 0s linear 500ms;

    border: 1px solid #b3b3b3;
    border-color: rgba(0,0,0,0.3);
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}


.accessible-megamenu .accessible-megamenu-panel.open {
    visibility: visible;
    top: auto;
    max-height: 710px;
    opacity: 1;
    z-index: 1001;
    -webkit-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
       -moz-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
        -ms-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
         -o-transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
            transition: opacity 150ms ease, max-height 500ms ease, visibility 0s linear 0s, top 0s linear 0s;
}

.accessible-megamenu .accessible-megamenu-panel a {
    display: inline-block;
    font-size: 12px;
	font-family:'Arimo', Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #015b86;
    margin-bottom: 0.5em;
}
.accessible-megamenu .accessible-megamenu-panel.cols-1, 
.accessible-megamenu .accessible-megamenu-panel.cols-2, 
.accessible-megamenu .accessible-megamenu-panel.cols-3, 
.accessible-megamenu .accessible-megamenu-panel.cols-4,
.accessible-megamenu .accessible-megamenu-panel.cols-5 {
	font-family:'Arimo', Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	padding:0;
	padding-top: 10px;
	border:1px solid #777777;
	border-top:none;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -ms-linear-gradient(top,#EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top,#EEEEEE, #BBBBBB);

	/* Rounded Corners */
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}


.accessible-megamenu .accessible-megamenu-panel.cols-1 {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-1 > ol > li {
    width: auto;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 {
    width: 270px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 > ol > li {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 {
    width: 470px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3 > ol > li {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-3b {
    width: 420px;
	padding: 0;
	padding-top: 10px;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -ms-linear-gradient(top,#EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top,#EEEEEE, #BBBBBB);
	
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
	left:auto;
	border:1px solid #777777;
	border-top: none;

}
.accessible-megamenu .accessible-megamenu-panel.cols-3c {
    width: 446px;
	padding: 0;
	padding-top: 10px;
	
	/* Gradient background */
	background:#F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #BBBBBB);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#BBBBBB));
	background: -ms-linear-gradient(top,#EEEEEE, #BBBBBB);
    background: -o-linear-gradient(top,#EEEEEE, #BBBBBB);
	
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
	left:auto;
	border:1px solid #777777;
	border-top: none;

}
.accessible-megamenu .accessible-megamenu-panel.cols-3c ol > li:first-of-type {
	padding-right: 0;
	margin: 0;
	border-right: none;
	}

.accessible-megamenu .accessible-megamenu-panel.cols-4 {
    width: 630px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-4 > ol > li {
    width: 140px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-4b {
    width: 878px;
    left: -6.462em;
    border-top-left-radius: 3px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-4b > ol > li {
    width: 22%;
}

.accessible-megamenu .accessible-megamenu-panel.cols-5 {
    width: 740px;
}

.accessible-megamenu .accessible-megamenu-panel.cols-5 > ol > li {
    width: 120px;
}

.accessible-megamenu .accessible-megamenu-panel ol {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.accessible-megamenu .accessible-megamenu-panel ol > li {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li {
    float: left;
    display: block;
    margin-right: 1em;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li:first-of-type {
    border-left: none;
    box-shadow: none;
	padding-left: 5px;
	padding-right: 5px;
	width: 130px;
	
	border-right: solid 1px #999;
		/* Background color and gradients */

	background: #F4F4F4;
	background: -moz-linear-gradient(top, #EEEEEE, #F4F4F4);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#F4F4F4));
	background: -ms-linear-gradient(top,#EEEEEE, #F4F4F4);
    background: -o-linear-gradient(top,#EEEEEE, #F4F4F4);
}

.accessible-megamenu .accessible-megamenu-panel > p {
    color: #015b86;
    font-size: 1.2em;
    line-height: 1.1em;
}


.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 {
    font-size:14px;
	margin:7px 0 8px 0;
	padding-bottom:1px;
	border-bottom:1px solid #888888;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a {
    font-weight: bold;
    color: #029feb;
    font-size: 1.2em;
    margin-bottom: 6px;
    padding-top: .4em;
    padding-bottom: 0;
    line-height: 1.1em;
}

.accessible-megamenu .accessible-megamenu-panel ol ol > li > a {
    width: auto;
}

.accessible-megamenu .accessible-megamenu-panel a:hover,
.accessible-megamenu .accessible-megamenu-panel a:focus {
    color: #029feb;
}

.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a:hover,
.accessible-megamenu .accessible-megamenu-panel > ol > li > h3 > a:focus {
    color: #029feb;
}

.accessible-megamenu .accessible-megamenu-panel hr {
	border-width: 1px;
	width: 110%;
}


.menu_right {
	float:right;
	margin-right:0px;
}

.align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
	left:auto;
	right:0;
	top:auto;
}

.accessible-megamenu .accessible-megamenu-panel li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:8px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}
.accessible-megamenu .accessible-megamenu-panel li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:8px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

.accessible-megamenu .accessible-megamenu-panel .support-title{
  width:270px;
}
.accessible-megamenu .accessible-megamenu-panel .support {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:270px;
}

.quick{
	border:none;
	background: #F4F4F4;
	
	/* Rounded corners */
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	
}

.accessible-megamenu .accessible-megamenu-top-nav-item .quick a[aria-expanded]{

	color: #000;
	text-shadow: none;
	}

.quick:hover {
		background: #ededee;
		border: none;
	
	/* Rounded corners */
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	}
.simple{
	
}

.simple li a {
	color:#000;
	text-shadow: none;
	padding-left:4px;
	top: 5px;
	line-height: 11px;
}
.simple li a:hover {
	color:#015b86;
	text-shadow: none;
	border-left: solid #090 3px;
	padding-left:4px;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
	border:1px solid #777;
	margin-top:5px;
	-moz-box-shadow:0px 0px 5px #666666;
	-webkit-box-shadow:0px 0px 5px #666666;
	box-shadow:0px 0px 5px #666666;
}
.img_left { /* Image sticks to the left */
	float:left;
	margin:5px 15px 5px 5px;
}
.icon-link{
	position:relative;
	float:left;
	width: 230px;
	height: 40px;
}
.icon{
	position:relative;
	float:left;
	width: 40px;
}
.icon-text{
	position:relative;
	float:left;
	width: 180px;
	padding-top: 6px;
}
.graphic-link-box{
	float: left;
	position: relative;
	width: 300px;
	padding-left: 10px;
}
.imagebox{
	width: 280px;
	height: 90px;
	position: relative;
	float: left;
}
.graphic{
	width: 140px;
	position: relative;
	float: left;
}

.titlebox{
	padding-top: 10px;
	height: 100px;
	width: 125px;
	position: relative;
	float: right;
	
}








