﻿
accessibility-nav
{
    display:block;    
    background:#f4f4f4;
    font-family: arial,"Arial Hebrew";
    margin-bottom:0px;  /* 27/8/17 eran 1.5%; */
    /* test  eran  font-size:20px!important; */
}

.FontSizeMenu{display:block;}

.FontSizeMenu li
{
    display: inline-block;
    position: relative;
    z-index:100;
}

.FontSizeMenu li:first-child{margin-left:0;z-index: 9999;} /* vibhav 26-Feb-2017, added more z-index value so user can able to select it in mobile */

.FontSizeMenu li a {
text-decoration:none;
padding:10px 15px;
display:block;
color:#000;
font-size:13px;
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
   
}

.FontSizeMenu img {
    vertical-align: middle;
    margin: 0px 5px;
}

.FontSizeMenu img.normal
{
    width:18px;
    height:18px;
}

.FontSizeMenu img.larger
{
    width:22px;
    height:20px;
}

.FontSizeMenu img.largest
{
    width:26px;
    height:22px;
}

.FontSizeMenu li a:hover, .menu li:hover > a{color:#ffffff;
background:#9CA3DA;}

.FontSizeMenu ul {display: none;
margin: 0;
padding: 0;
width: 150px;
position: absolute;
/*top: 40px;*/
left: 0px;
background: #ffffff;
right:0px;
}

.FontSizeMenu ul li {display:block;
float: none;
background:none;
margin:0;
padding:0;
}
.FontSizeMenu ul li a {font-size:12px;
font-weight:normal;
display:block;
color:#797979;
border-left:3px solid #ffffff;
background:#ffffff;
cursor:pointer;
}

.FontSizeMenu ul li a:hover, .FontSizeMenu ul li:hover > a{
background:#f0f0f0;
border-left:3px solid #9CA3DA;
color:#797979;
}

.FontSizeMenu ul li a.selected
{
    background:#f0f0f0;
    border-left:3px solid #9CA3DA;
    color:#797979;
}

/*.FontSizeMenu li:hover > ul{ display: block;}*/
.FontSizeMenu ul ul {left: 149px;
	top: 0px;
}

.mobile-menu{display:none;
width:100%;
padding:11px;
background:#3E4156;
color:#ffffff;
}
.mobile-menu:hover{background:#3E4156;
color:#ffffff;
text-decoration:none;
}

.accessbility-active
{
    display:block !important;
}

.dropdown-toggle
{
    cursor:pointer;
}

@media (min-width: 768px) and (max-width: 979px) {

.mainWrap{width:768px;}
.FontSizeMenu ul {top:37px;}
.FontSizeMenu li a{font-size:12px;
padding:8px;}
}

/*

@media (max-width: 767px) {

.mainWrap{width:auto;padding:50px 20px;}

.menu{display:none;}

.mobile-menu{display:block;
margin-top:100px;}

nav{margin:0;
background:none;}

.menu li{display:block;
margin:0;}

.menu li a {background:#ffffff;
color:#797979;
border-top:1px solid #e0e0e0;
border-left:3px solid #ffffff;}

.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;
border-left:3px solid #9CA3DA;}

.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}

.menu ul ul {left:0;}

}

*/