div#mobinavitoggler-cont { 
 display: table;
 position: fixed;
 z-index: 300;
 border-bottom: 1px solid #c0c0c0;
}

div#mobinavitoggler { 
 display: table-row;
 top: 0;
 left: 0;
 width: 100%;
 height: 50px;
 background-color: #f0f0f0;
}

div#mobinavitoggler div#mobinavi-logo {
 display: table-cell;
 padding-left: 15px;
 padding-right: 5px;
 width: 20%;
 height: 50px;
 vertical-align: middle;
}

div#mobinavitoggler div#mobinavi-logo img {
 height: 45px;
 width: auto !important;
}
 
div#mobinavitoggler div#mobinavi-search {
 display: table-cell;
 width: 79%;
 vertical-align: middle;
 padding: 0 40px;
}

@media screen and (max-width: 450px) {
 div#mobinavitoggler div#mobinavi-search { padding: 0 10px; }
 div#mobinavitoggler div#mobinavi-logo img { height: 30px; }
}

div#mobinavitoggler div#mobinavi-toggle {
 display: table-cell;
 vertical-align: middle;
 width: 1%;
 padding-right: 5px;
}

div#mobinavitoggler div#mobinavi-toggle div#mobinavi-togglebutton,
div#mobinavitoggler div#mobinavi-toggle button#mobinavi-togglebutton {
 background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_menu_white_36dp.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #808080;
 width: 36px;
 height: 34px;
 text-align: center;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 -khtml-border-radius: 3px;
 cursor: pointer;
}

div#mobinavitoggler div#mobinavi-toggle button#mobinavi-togglebutton { 
 border: 0; 
 outline: none;
}

div#mobinavitoggler div#mobinavi-toggle div#mobinavi-togglebutton.loading {
 background-image: url(/common_ui/embed_ui/img/loader/indicator.gif) !important;
 background-repeat: no-repeat;
 background-position: center;
}

ul#mobinavi { 
 margin: 49px 0 0 0; 
 padding: 0;
 display: none;
 -webkit-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.4);
 -moz-box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.4);
 box-shadow: 0px 2px 11px 1px rgba(0,0,0,0.4);
}

div#mobinav {
 width: 100%;
 position: absolute;
 top: 0; 
 z-index: 200;
}

ul#mobinavi ul { 
 padding: 0;
 margin: 0;
 display: none;
}

ul#mobinavi li { 
 display: block;
 padding: 0;
 background: #f0f0f0;
 cursor: pointer;
}

ul#mobinavi li:hover { 
 background: #e0e0e0;
}

ul#mobinavi div.mobinav-item { 
 padding: 0;
 border-top: 1px solid #c0c0c0;
 position: relative;
}

ul#mobinavi div.mobinav-toggler { 
 display: inline-block;
 width: 50px;
 height: 100%;
 background-image: url(/common_ui/embed_ui/img/icons_google/content/ic_add_circle_grey600_24dp.png);
 background-repeat: no-repeat;
 background-position: right center;
 cursor: pointer;
 position: absolute;
 right: 15px;
 top: 0;
}

ul#mobinavi div.mobinav-toggler.mobinav-toggler-minus { 
 background-image: url(/common_ui/embed_ui/img/icons_google/content/ic_remove_circle_grey600_24dp.png);
}

ul#mobinavi div.mobinav-text { 
 display: inline-block;
 width: 100%;
 padding: 10px 10px 10px 15px;
 vertical-align: middle;
}

ul#mobinavi a {
 color: #606060;
 text-decoration: none;
}

ul#mobinavi a.selected {  color: #000000; }

div.mobilevel1 > a { 
 font-weight: bold; 
 text-transform: uppercase;
}

ul#mobinavi li.mobilevel2 a,ul#mobinavi li.mobilevel3 a,ul#mobinavi li.mobilevel4 a,ul#mobinavi li.mobilevel5 a,ul#mobinavi li.mobilevel6 a,ul#mobinavi li.mobilevel7 a,ul#mobinavi li.mobilevel8 a,ul#mobinavi li.mobilevel9 a,ul#mobinavi li.mobilevel10 a { font-weight: normal; }
ul#mobinavi li.mobilevel2 div.mobinav-text.mobilevel2 { padding-left: 30px; }
ul#mobinavi li.mobilevel3 div.mobinav-text.mobilevel3 { padding-left: 45px; }
ul#mobinavi li.mobilevel4 div.mobinav-text.mobilevel4 { padding-left: 60px; }
ul#mobinavi li.mobilevel5 div.mobinav-text.mobilevel5 { padding-left: 75px; }
ul#mobinavi li.mobilevel6 div.mobinav-text.mobilevel6 { padding-left: 90px; }
ul#mobinavi li.mobilevel7 div.mobinav-text.mobilevel7 { padding-left: 105px; }
ul#mobinavi li.mobilevel8 div.mobinav-text.mobilevel8 { padding-left: 120px; }
ul#mobinavi li.mobilevel9 div.mobinav-text.mobilevel9 { padding-left: 135px; }
ul#mobinavi li.mobilevel10 div.mobinav-text.mobilevel10 { padding-left: 150px; }

div#mobi-searchFormWrap {
 box-sizing: border-box;
 width: 100%;
 white-space: nowrap;
 background: #ffffff;
 border: 1px solid #bbbbbb;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 -khtml-border-radius: 5px;
 border-radius: 5px;
 height: 35px;
 position: relative;
}

div#mobi-searchFormWrap input#mobisearch {
 width: 100%;
 background: none;
 vertical-align: top;
 border: 0;
 font-size: 16px;
 outline: none;
 margin: 0;
 padding: 5px;
}

div#mobi-searchFormWrap input#mobi-search-button {
 padding: 5px 3px 0 0;
 vertical-align: middle;
 border: none;
 outline: none;
 position: absolute;
 right: 0;
 width: 33px;
 height: 33px;
 background-image: url(/common_ui/embed_ui/img/icons_google/action/ic_search_grey600_24dp.png); 
 background-repeat: no-repeat;
 background-position: center;
 background-color: #f0f0f0;
 color: transparent;
 cursor: pointer;
-webkit-border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px;
 -khtml-border-top-right-radius: 5px;
 border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px;
 -khtml-border-bottom-right-radius: 5px;
 border-bottom-right-radius: 5px;
}

div#mobi-searchFormWrap input#mobi-search-button:hover {
 background-image: url(/common_ui/embed_ui/img/icons_google/action/ic_search_black_24dp.png); 
}

div#mobinavi-bottom-container {
 display: flex;
 align-items:center;
 position: fixed;
 height: 48px;
 bottom: 0px;
 left: 0px;
 cursor: pointer;
 z-index: 10000;
 background-color: #f0f0f0;
 -webkit-box-shadow: 0px -2px 11px 1px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px -2px 11px 1px rgba(0,0,0,0.2);
 box-shadow: 0px -2px 11px 1px rgba(0,0,0,0.2);
 -webkit-border-top-right-radius: 24px;
 -moz-border-radius-topright: 24px;
 border-top-right-radius: 24px;
}

div#mobinavi-bottom { font-size: 16px; }

div#mobinavi-bottom span.arrow-up {
 display: inline-block;
 background-repeat: no-repeat;
 background-position: left;
 padding-left: 34px;
 padding-right: 20px;
 text-transform: uppercase;
}

div#mobinavi-bottom span.arrow-up {
 background-image: url(/common_ui/embed_ui/img/icons_google/navigation/ic_arrow_drop_up_black_36dp.png);
 color: #000000;
}
