#megamenu-horizontal{ border-top: 1px none #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px none #e6e6e6; border-right: 1px none #e6e6e6; background-color: #ffffff; } #psmm-hrmenu .psmm-legend{ background-color: #0066cc; color: #ffffff; } #psmm-hrmenu .psmm-legend .psmm-legend-arrow{ color: #0066cc; } #psmm-hrmenu > ul > li > a:hover, #psmm-hrmenu > ul > li.psmm-hropen > a, #psmm-hrmenu > ul > li.psmm-hropen > a:hover{ background-color: #f5f5f5; color: #000000; } #psmm-hrmenu > ul > li > a, #psmm-hrmenu > ul > li > span.psmm-main-link{ color: #222222; line-height: 45px; padding-left: 14px; max-width: 400px; padding-right: 14px; text-transform: uppercase; font-size: 14px; border-left: 1px none #e6e6e6; } #psmm-hrmenu .psmm-tab-title{ line-height: 15px; } @media (min-width: 1320px){ #psmm-hrmenu .psmm-tab-title{ line-height: 15px; } #psmm-hrmenu > ul > li > a, #psmm-hrmenu > ul > li > span.psmm-main-link{ font-size: 14px; padding-left: 20px; padding-right: 20px; } } .psmm-vertical-on-top .psmm-vertical-title{ line-height: 45px; } #psmm-hrmenu > ul > li > a .psmm-mainlink-icon, #psmm-hrmenu > ul > li > a .psmm-mainlink-iicon{ font-size: 14px; max-height: 14px; } .psmm-hrmenu .psmm-hrsub-inner, .psmm-hrmenu ul.psmm-hrsub-level2, .psmm-hrsub-haslevel3 > .psmm-category-link-w > ul { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background-color: #ffffff; } .psmm-hrmenu .psmm-triangle-top{ border-bottom-color: #ffffff; top: 1px; } .psmm-hrmenu .psmm-triangle-left, #columns .psmm-hrmenu .psmm-triangle-left{ border-right-color: #ffffff; left: 1px; } .psmm-hrmenu .psmm-triangle-top-back{left: -1px; border-bottom: 13px solid #e6e6e6; border-left: 13px solid transparent; border-right: 13px solid transparent;} .psmm-hrmenu .psmm-triangle-left-back, #columns .psmm-hrmenu .psmm-triangle-left-back{left: -13px; border-right: 13px solid #e6e6e6; border-bottom: 13px solid transparent; border-left: 13px solid transparent;} .psmm-hrmenu .psmm-grid-column { border-color: #f0f0f0; } .psmm-hrmenu .psmm-hrsub-inner, .psmm-hrmenu ul.psmm-hrsub-level2, .psmm-hrsub-haslevel3:hover > .psmm-category-link-w > ul { -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .psmm-hrmenu .psmm-hrsub-tabs-names li .psmm-inner-border-hider{ width: 1px; right: -1px; } .psmm-hrmenu .psmm-hrsub-tabs-names li{ border-bottom: 1px solid #f0f0f0; } .psmm-hrmenu .psmm-tab-pane{ border-left: 1px solid #f0f0f0; } .is_rtl .psmm-hrmenu .psmm-tab-pane{ border-right: 1px solid #f0f0f0; } #psmm-hrmenu1 .psmm-hrsub-inner .psmm-column-title, #psmm-hrmenu1 .psmm-hrsub-inner a.psmm-column-title:link, #psmm-hrmenu .psmm-hrsub-inner .psmm-column-title, #psmm-hrmenu .psmm-hrsub-inner a.psmm-column-title:link { font-size: 13px; line-height: 17px; color: #222222; text-transform: uppercase; font-weight: bold; } #psmm-hrmenu .psmm-hrsub-inner a.psmm-column-title:hover, #psmm-hrmenu1 .psmm-hrsub-inner a.psmm-column-title:hover { color: #0066cc; } .psmm-hrmenu .psmm-hrsub-inner{ font-size: 12px; line-height: 16px; color: #555555; } #psmm-hrmenu .psmm-hrsub-inner a, #psmm-hrmenu .psmm-hrsub-inner a:link, #psmm-hrmenu1 .psmm-hrsub-inner a, #psmm-hrmenu1 .psmm-hrsub-inner a:link{ color: #555555; } #psmm-hrmenu .psmm-hrsub-inner a:hover, #psmm-hrmenu1 .psmm-hrsub-inner a:hover{ color: #0066cc; } .psmm-hrmenu .psmm-links li a:before{ display: none; } .psmm-hrmenu .psmm-links li, .psmm-hrmenu .psmm-links li a { padding-left: 0px; } .psmm-vertical-title{ background-color: #ffffff; color: #222222; font-size: 14px; line-height: 45px; text-transform: uppercase; } /* Hover state of the vertical title bar. The dropdown * <ul> overlays the title in some layouts so :hover on * the title element alone never fires — include the * parent wrapper selectors so the hover triggers when * the cursor is anywhere over the vertical menu, and * keep the "expanded" pinned class in the same group * so the title stays in its hover style while the * dropdown is open. */ .psmm-vertical-title:hover, .psmm-vertical-on-top:hover .psmm-vertical-title, .psmm-vertical-on-top.psmm-vert-expanded .psmm-vertical-title, .psmm-hrmenu.psmm-vertical:hover .psmm-vertical-title{ background-color: #fafafa; color: #0066cc; } .psmm-hrmenu.psmm-vertical > ul{ border-top: 1px none #e6e6e6; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; background-color: #ffffff; } .psmm-vertical .psmm-legend{ background-color: #0066cc; color: #ffffff; } .psmm-vertical .psmm-legend .psmm-legend-arrow{ color: #0066cc; } #psmm-hrmenu1 > ul > li.psmm-hropen > a, #psmm-hrmenu1 > ul > li.psmm-hropen > a:hover{ background-color: #f5f5f5; color: #222222; } #psmm-hrmenu1 > ul > li > a, #psmm-hrmenu1 > ul > li > span.psmm-main-link{ color: #555555; padding-top: 20px; padding-bottom: 20px; text-transform: uppercase; font-size: 14px; border-top: 1px solid #f0f0f0; } #psmm-hrmenu1 > ul > li > a .psmm-mainlink-icon, #psmm-hrmenu1 > ul > li > a .psmm-mainlink-iicon{ font-size: 14px; max-height: 14px; }.psmm-hrmenu.psmm-vertical .psmm-hrsub-inner{ background-color: #ffffff; } .psmm-vertical-on-top .psmm-hrmenu.psmm-vertical > ul{ -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); } .psmm-hrmenu .psmm-hrsub-inner .psmm-tabs-names li a { background-color: #fafafa; color: #555555; } .psmm-hrmenu .psmm-submenu-it-indicator{ color: #555555;} .psmm-tabs-names li a:hover, .psmm-hrmenu .psmm-hrsub-tabs-names li.active a, .psmm-tabs-names li .psmm-inner-border-hider { background-color: #ffffff; color: #222222; } .psmm-hrmenu li.active .psmm-submenu-it-indicator{ color: #222222;} #megamenu-mobile { background-color: #ffffff; } #megamenu-mobile #megamenu-shower, #psmm-close-mobile { background-color: #ffffff; color: #222222; border: 1px solid #e6e6e6; } #megamenu-mobile .megamenu-icon{ color: #ffffff; background-color: #222222; } .psmm-mobilesubmenu{ background-color: #ffffff; color: #555555; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } #megamenu-accordion{ background-color: #ffffff; color: #555555; } #megamenu-mobile .megamenu-accordion > li ul{ background-color: #fafafa; } #megamenu-accordion.psmm-spmenu > li ul{ background-color: #fafafa; } #megamenu-mobile .megamenu-accordion > li ul a{ border-top: 1px solid #f0f0f0; } #megamenu-mobile .megamenu-accordion > li{ border-bottom: 1px solid #f0f0f0; } .psmm-spmenu-vertical a{ border-bottom: 1px solid #f0f0f0; } #megamenu-accordion.psmm-spmenu > li ul div.psmm-subtoggle{ color: #555555; } #megamenu-accordion li a, #megamenu-mobile .megamenu-accordion li a, #megamenu-mobile .megamenu-accordion > li ul a, #megamenu-mobile .megamenu-accordion > li ul a:link, #megamenu-mobile .megamenu-accordion > li ul a:visited{ color: #555555; } #megamenu-mobile .megamenu-accordion li a:hover{ color: #222222; background-color: #f5f5f5; padding-left: 10px; } #megamenu-accordion li a:hover{ color: #222222; background-color: #f5f5f5; } #megamenu-accordion div.psmm-subtoggle{ color: #555555; }