@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,500,700); @charset "UTF-8"; /* Base Styles */ #cssmenu > ul, #cssmenu > ul li, #cssmenu > ul ul { list-style: none; margin: 0; padding: 0; } #cssmenu > ul { position: relative; z-index: 597; float: left; } #cssmenu > ul li { float: left; font-size:18px; min-height: 1px; line-height: 1.3em; vertical-align: middle; padding: 10px; } #cssmenu > ul li.hover, #cssmenu > ul li:hover { z-index: 599; cursor: default; } #cssmenu > ul ul { font-size:18px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; } #cssmenu > ul ul li { font-size:18px; float: none; } #cssmenu > ul li:hover > ul { visibility: visible; } /* Align last drop down RTL */ /* Theme Styles */ #cssmenu > ul a:link { text-decoration: none; } #cssmenu > ul a:active { color: #ffa500; } #cssmenu li { padding: 0; color: #000; } #cssmenu { font-family: 'Roboto', sans-serif; width: 100%; float:right; margin-top:-79px; text-align:right; font-size: 13px; } #cssmenu > ul { width:100%; padding: 0 5px; display: block; float: right; text-align:right; zoom: 1; } #cssmenu > ul:before { content: ''; display: block; } #cssmenu > ul:after { content: ''; display: table; clear: both; } #cssmenu > ul > li { float: right; font-size:18px; padding: 8px 5px; } #cssmenu > ul > li > a, #cssmenu > ul > li > a:link, #cssmenu > ul > li > a:visited { color: #000; padding: 0 20px; display: block; } #cssmenu > ul > li.last > a { color: #000; padding: 0 0 0 20px; display: block; } #cssmenu > ul > li.last{ color: #000; padding: 8px 0 8px 5px; display: block; } #cssmenu > ul > li > a:hover, #cssmenu > ul > li:hover > a { background:url(../images/arrow.png) center 20px no-repeat } #cssmenu > ul > li:hover > a.b { background:none } #cssmenu li li a { color: #007d9e; font-size: 18px; } #cssmenu li li a:hover { color: #5c5c5c; border-color: #5c5c5c; } #cssmenu ul ul { margin: 0 10px; padding: 0 10px; float: none; background: #fdb813; border-top: none; right: 0; left: 0; top:34px } #cssmenu ul > li > ul > li { margin: 0 10px 0 0; position: relative; padding: 0; float: left; } #cssmenu ul > li > ul > li > a { padding: 10px 10px 10px 5px; display: block; } #cssmenu ul > li > ul > li.has-sub > a:before { content: ''; position: absolute; top: 18px; right: 6px; border: 5px solid transparent; border-top: 5px solid #8b8b8b; } #cssmenu ul > li > ul > li.has-sub > a:hover:before { border-top: 5px solid #5c5c5c; } #cssmenu ul ul ul { width: 200px; top: 100%; border: 2px solid #1b9bff; } #cssmenu ul ul ul li { float: none; }