.ddsmoothmenu{font:14px;width:100%;}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none;}
.ddsmoothmenu ul li{position:relative;font-size:14px;}
.ddsmoothmenu ul li a{display:block;padding:0.8em 1em;text-decoration:none; }
* html .ddsmoothmenu ul li a{display:inline-block;}
	
/* sub menus */
.ddsmoothmenu ul li ul{position: absolute;left: -3000px;display: none;visibility: hidden;}
.ddsmoothmenu ul li ul li{display: list-item;float: none;}
.ddsmoothmenu ul li ul li ul{top: 0;}
.ddsmoothmenu ul li ul li a{font-size:13px;padding: 12px 10px;margin: 0;border-top-width: 0;font-weight: normal;}
* html .ddsmoothmenu{height: 1%;} 
.downarrowclass{background: url(../10022/sprites_image.png) -56px -4px no-repeat !important;height: 3px !important;width: 5px !important;position: absolute;top: 22px;right: 10px;}
.leftarrowclass{background: url(../10022/sprites_image.png) -28px -2px no-repeat !important;height: 9px !important;width: 5px !important;position: absolute;top: 17px;left: 5px;}
.rightarrowclass{background: url(../10022/sprites_image.png) -49px -3px no-repeat !important;height: 5px !important;width: 3px !important;position: absolute;top: 20px;right: 8px;}
.leftarrowclass{margin-right: 5px;}
.ddshadow{position: absolute;left: 0;top: 0;width: 0;height: 0;}
.toplevelshadow{
margin: 5px 0 0 5px;opacity: 0.8;}

.ddcss3support .ddshadow.toplevelshadow {margin:0; }
div.ddsmoothmobile{position: fixed;top:0px;right:0;width:255px;height:100%;overflow:hidden;visibility:hidden;box-shadow:0 0 3px gray;}
div.ddsmoothmobile div.topulsdiv{position: relative;overflow-y: auto;width: 100%;height: 100%;}
div.ddsmoothmobile ul{list-style:none;width:100%;top:0;left:0;margin:0;padding: 0;}
div.ddsmoothmobile ul.submenu{ position: absolute;height: 100%;overflow-y: auto;}
div.ddsmoothmobile ul li{position: relative;margin-bottom:0px;}
div.ddsmoothmobile ul li.breadcrumb{cursor: pointer;padding: 10px 10px 10px 20px; background:#ddd; color:#333; font-weight:bold;}
div.ddsmoothmobile ul li a{display: block;padding: 10px 12px;font-size:14px;}

.animateddrawer{font-size:10px;position:relative;display:none;top:2px;width:34px;height:5px;z-index:1000;padding:5px;}
.animateddrawer:before, .animateddrawer:after{position:absolute; content:''; display:block; width:55%; height:0.3em; border-radius:2px;top:12px;left:10px;
  opacity: 1; -webkit-transition:all 0.3s ease-in; transition:all 0.3s ease-in;}
.animateddrawer:after{ top: auto; bottom: 15px;}
.animateddrawer span{ width: 55%;height: 0.3em;position: absolute;top: 50%;left:10px;margin-top: -0.3em;border-radius: 2px;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: all 0.3s ease-in 0.3s;transition: all 0.3s ease-in 0.3s;}

.animateddrawer span::after{content: '';display: block;width: 100%;height: 0.3em;border-radius: 2px;position: absolute;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transition: all 0.3s ease-in 0.3s;transition: all 0.3s ease-in 0.3s;}
.animateddrawer.open:before{top: 50%;margin-top: -0.3em;opacity: 0;}
.animateddrawer.open:after{bottom: 50%;opacity: 0;}
.animateddrawer.open span{-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.animateddrawer.open span:after{-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
/*******/
nav.f2 .downarrowclass,nav.f3 .downarrowclass{background-position:-56px -13px !important;}
nav.f2 .rightarrowclass,nav.f3 .rightarrowclass{background-position:-39px -3px !important;}
.ddsmoothmenu .searchFull{padding-top:5px;}

nav.f3 .ddsmoothmenu ul li a{font-size:1rem; font-size:16px; }