.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a {margin:0; padding:0;}
.dropdowns a {text-decoration:none;}
.toggleMenu {display:none;}
.mobile_nav {list-style:none; *zoom:1; z-index:99999 !important; position:relative;}
.mobile_nav:before, .mobile_nav:after {content:" "; display:table;}
.mobile_nav:after {clear:both;}
.mobile_nav ul {list-style:none;}
.mobile_nav a {padding:10px 15px;}
.mobile_nav li {position:relative;}
.mobile_nav > li {float:left;}
.mobile_nav > li > .parent {background-image:url(../images/downArrow.png); background-repeat:no-repeat; background-position:95% 50%;}
.mobile_nav > li > a {display:block;}
.mobile_nav li ul {position:absolute; left:-9999px;}
.mobile_nav > li.hover > ul {left:0;}
.mobile_nav li li.hover ul {left:100%; top:0;}
.mobile_nav li li a {display:block; position:relative; z-index:100; font-weight:400;}
.mobile_nav li li li a {z-index:200;}
.mobile_nav > li.hover > .parent {background-image:url(../images/upArrow.png); background-repeat:no-repeat; background-position:95% 50%;}
.mobile_nav > li > a.active {color:#003aa5;}
@media screen and (max-width:768px) {
.active {display:block;}
.mobile_nav > li {float:none;}
.mobile_nav > li > .parent {background-position:95% 50%;}
.mobile_nav > li:hover > .parent {background-position:95% 50%;}
.mobile_nav li li .parent {background-image:url(../images/downArrow.png); background-repeat:no-repeat; background-position:95% 50%;}
.mobile_nav li li.hover .parent {background-image:url(../images/upArrow.png); background-repeat:no-repeat; background-position:95% 50%;}
.mobile_nav ul {display:block; width:100%;}
.mobile_nav > li.hover > ul, .mobile_nav li li.hover ul {position:static;}
}
/* fonts */
.dropdowns {font-family:'Roboto', sans-serif;}
/* colors */
/* ------ */
/* togle menu button for narrow screens */
.toggleMenu {color:#373737; text-transform:uppercase; line-height:34px; font-weight:700;}
/* general navigation background colors */
.mobile_nav {background:#f8f8f8; border:1px solid #f0f0f0;}
/* general navigation link font color */
.mobile_nav a {color:#4d4d4d; font-weight:700;}
/* first level items borders */
.mobile_nav > li {}
/* navigation hover colors */
.mobile_nav a:hover {background-color:#fff; color:#003aa5;}
/* second level navigation colors */
.mobile_nav li li a {background:#eeeeee; border-bottom:1px solid #c0c0c0;}
/* third level navigation colors */
.mobile_nav li li li a {background:#cccccc; border-bottom:1px solid #c0c0c0;}
/* ---------------- */
/*      layout      */
/* -----------------*/

/* main div */
.dropdowns {width:auto;}
/* small screens menu button */
a.toggleMenu {padding:0; width:100%; text-align:center;}
/* second and third level menus */
.mobile_nav ul {width:9em;}
/* general paddings and other stuff */
.mobile_nav a {padding:10px 20px; border-bottom:1px solid #dfdfdf;}
/* parents that have submenus */
.mobile_nav > li > .parent {padding-right:25px; background-position:95% 50%;}

/* small screen adjustments*/
@media screen and (max-width:768px) {
.mobile_nav ul {width:100%;}
}