@charset 'UTF-8'; /* Starter CSS for Menu */ #cssmenu li { list-style: none; margin: 0; padding: 0; } #cssmenu ul li { float: left; min-height: 1px; vertical-align: middle; } #cssmenu ul li.hover, #cssmenu ul li:hover { position: relative; z-index: 599; cursor: default; } #cssmenu ul ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } #cssmenu ul ul li { float: none; } #cssmenu ul ul ul { top: 0; left: 100%; } #cssmenu ul li:hover > ul { visibility: visible; } #cssmenu ul ul { margin-top: 0; } #cssmenu a { display: block; line-height: 1em; text-decoration: none; } #cssmenu ul li.last ul { left: auto; right: 0; } #cssmenu ul li.last ul ul { left: auto; right: 99.5%; } #cssmenu:after, #cssmenu ul:after { content: ''; display: block; clear: both; } /* Custom CSS Styles */ #cssmenu { width: auto; font-family: Helvetica, Arial, sans-serif; padding: 0; margin: 0; border: 0; } #cssmenu:before { background-color: #210a02; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8e67a), color-stop(1, #210a02)); background-image: -webkit-linear-gradient(top, #f8e67a, #210a02); background-image: -moz-linear-gradient(top, #f8e67a, #210a02); background-image: -o-linear-gradient(top, #f8e67a, #210a02); background-image: linear-gradient(#f8e67a, #210a02); display: block; height: 8px; } #cssmenu > ul { list-style: none; margin: 0; padding: 0; position: relative; z-index: 597; -moz-box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 #8799a9, 0 1px 1px rgba(0, 0, 0, 0.5); background: #2b0d03; /* Old browsers */ background: -moz-linear-gradient(top, #2b0d03 0%, #994810 51%, #401606 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b0d03), color-stop(51%,#994810), color-stop(100%,#401606)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b0d03 0%,#994810 51%,#401606 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2b0d03 0%,#994810 51%,#401606 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2b0d03 0%,#994810 51%,#401606 100%); /* IE10+ */ background: linear-gradient(to bottom, #2b0d03 0%,#994810 51%,#401606 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b0d03', endColorstr='#401606',GradientType=0 ); /* IE6-9 */ height: 27px; padding: 5px 5px 5px 5px; } #cssmenu > ul > li { margin: 0 10px; } #cssmenu > ul > li.has-sub:hover > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #cssmenu > ul > li:hover > a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAGElEQVQImWP4//8/079//0jGf//+JVUPAADfUJPhbDT331401ElFTkSuQmCC); background-color: #692d09; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, #692d09), color-stop(1, #b09183), color-stop(2, #692d09)); background-image: -webkit-linear-gradient(top,#692d09, #b09183, #692d09); background-image: -moz-linear-gradient(top,#692d09, #b09183, #692d09); background-image: -o-linear-gradient(top,#692d09, #b09183, #692d09); background-image: linear-gradient(#692d09,#b09183, #692d09); color: black; } #cssmenu > ul > li.active:hover > a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAAJklEQVQImWP4MruP6d+/f0z//v5Fo/8x/fv3F41GyP8lUf2/v38BoDRPnb8AZS4AAAAASUVORK5CYII=); background-color: #cb7b72; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f49b8e), color-stop(1, #bd584d)); background-image: -webkit-linear-gradient(top, #f49b8e, #bd584d); background-image: -moz-linear-gradient(top, #f49b8e, #bd584d); background-image: -o-linear-gradient(top, #f49b8e, #bd584d); background-image: linear-gradient(#f49b8e, #bd584d); } #cssmenu ul a { background: #a14d11; /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, #a14d11 0%, #310f05 77%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#a14d11), color-stop(77%,#310f05)); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, #a14d11 0%,#310f05 77%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, #a14d11 0%,#310f05 77%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, #a14d11 0%,#310f05 77%); /* IE10+ */ background: radial-gradient(ellipse at center, #a14d11 0%,#310f05 77%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a14d11', endColorstr='#310f05',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.5); color: #3c444d; font-size: 12px; line-height: 27px; padding: 0 20px; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); } #cssmenu ul ul { width: 170px; } #cssmenu ul ul a { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; line-height: 150%; } #cssmenu ul .active > a { color: #FFF; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAA3NCSVQICAjb4U/gAAAANUlEQVQImXXMsQ0AIRTD0FMmvRlYnAm+TQEIGronxcrX2x80hUEDpNx2em0lx9wNj37+rX4AhN5PdtvsqRUAAAAASUVORK5CYII=); background-color: #c46a60; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ef7260), color-stop(1, #b04c41)); background-image: -webkit-linear-gradient(top, #ef7260, #b04c41); background-image: -moz-linear-gradient(top, #ef7260, #b04c41); background-image: -o-linear-gradient(top, #ef7260, #b04c41); background-image: linear-gradient(#ef7260, #b04c41); } #cssmenu ul .has-sub { position: relative; } #cssmenu ul .has-sub ul { -moz-border-radius: 0 3px 3px 3px; -webkit-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.5); background: url(data:image/png;) repeat-x; background-color: #8f420e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8f420e), color-stop(1, #331401)); background-image: -webkit-linear-gradient(top, #8f420e, #331401); background-image: -moz-linear-gradient(top, #8f420e, #331401); background-image: -o-linear-gradient(top, #8f420e, #331401); background-image: linear-gradient(#8f420e, #331401); padding: 3px 0; margin-left: 0px; } #cssmenu ul .has-sub ul a { background: none; padding: 8px 8px 8px 16px; border-bottom: 1px solid transparent; text-align: left; } #cssmenu ul .has-sub ul .has-sub a:after { content: none; } #cssmenu ul .has-sub li:hover > a { border-bottom: 1px solid #1D2024; color: #FFF; background-color: #331401; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #491c07), color-stop(1, #371104)); background-image: -webkit-linear-gradient(top, #491c07, #371104); background-image: -moz-linear-gradient(top, #491c07, #371104); background-image: -o-linear-gradient(top, #491c07, #371104); background-image: linear-gradient(#491c07, #371104); -moz-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866; -webkit-box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866; box-shadow: inset 1px 2px 0 #5c6778, inset 0 1px 0 #4e5866; position: relative; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } #cssmenu ul .has-sub li:hover > a:after { border-left: 0 none; background-color: #c35f54; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea5f51), color-stop(1, #a9463b)); background-image: -webkit-linear-gradient(top, #ea5f51, #a9463b); background-image: -moz-linear-gradient(top, #ea5f51, #a9463b); background-image: -o-linear-gradient(top, #ea5f51, #a9463b); background-image: linear-gradient(#ea5f51, #a9463b); -moz-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448; -webkit-box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448; box-shadow: inset -1px 2px 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 #ce5448; content: ''; height: 100%; width: 6px; position: absolute; right: 0; top: 0; } #cssmenu ul .has-sub > a { padding-right: 0; } #cssmenu ul .has-sub > a:after { content: 'V'; border-left: 1px solid rgba(100, 100, 100, 0.2); color: #fff; -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2); box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2); display: inline-block; font-size: 9px; margin-left: 5px; text-align: center; height: 25px; width: 24px; text-shadow: 0 -1px 0 #101417; } #cssmenu ul .active > a:after { color: #FFF; } #cssmenu ul ul a { font-size: 12px; }