/*----------------------------------------------------- Language ------------------------------------------------------ */ #language { display: inline; float: right; padding-top: 8px; } #language li { float: left; margin-left: 5px; } #language a { display: block; width: 33px; height: 31px; text-indent: -9999px; } #hr a { background: transparent url(../images/layout/flags.gif) no-repeat 0 0; } #hr.on a, #hr a:hover { background: transparent url(../images/layout/flags.gif) no-repeat 0 -31px; } #it a { background: transparent url(../images/layout/flags.gif) no-repeat -33px 0; } #it.on a, #it a:hover { background: transparent url(../images/layout/flags.gif) no-repeat -33px -31px; } #de a { background: transparent url(../images/layout/flags.gif) no-repeat -66px 0; } #de.on a, #de a:hover { background: transparent url(../images/layout/flags.gif) no-repeat -66px -31px; } #fr a { background: transparent url(../images/layout/flags.gif) no-repeat -99px 0; } #fr.on a, #fr a:hover { background: transparent url(../images/layout/flags.gif) no-repeat -99px -31px; } #en a { background: transparent url(../images/layout/flags.gif) no-repeat -132px 0; } #en.on a, #en a:hover { background: transparent url(../images/layout/flags.gif) no-repeat -132px -31px; } #ru a { background: transparent url(../images/layout/flags.gif) no-repeat -167px 0; } #ru.on a, #ru a:hover { background: transparent url(../images/layout/flags.gif) no-repeat -167px -31px; } /*-------------------------------------- basicMenu --------------------------------------- */ #basicMenu { position: absolute; top: 48px; left: 0; width: 831px; height: 25px; padding: 15px 0 0 109px; background: #501211 url(../images/layout/topmenu-bg.gif) no-repeat right top; z-index: 1; } #basicMenu li { float: left; position: relative; border-left: 1px solid #fff; margin: 0 5px 0 0; padding: 0 0 0 5px; height: 14px; z-index: 2000; } #basicMenu a { color: #fff; text-decoration: none; } #basicMenu a:hover { color: #fff; text-decoration: underline; } #basicMenu .on a, #basicMenu .on a:hover { color: #b1a0a0; text-decoration: none; } /*-------------------------------------- basicMenu - first level-active --------------------------------------- */ #basicMenu li:hover a { color: #fff; text-decoration: underline; } #basicMenu .on a { color: #fff; text-decoration: underline; } #basicMenu li:hover ul a, #basicMenu .on ul a { text-decoration: none; } /*-------------------------------------- basicMenu - levels --------------------------------------- */ #basicMenu ul { position: absolute; left: 1px; top: 14px; background: #501211; width: 148px; font-weight: normal; line-height: 14px; font-size: 11px; z-index: 2500; padding: 5px 0 0 0; } #basicMenu ul ul { top: 0; left: 148px; z-index: 3000; padding-top: 0; } #basicMenu ul li { display: block; background: none; margin: 0; padding: 0; width: 148px; height: auto; z-index: 3500; cursor: pointer; border: none; float: none; } #basicMenu ul a, #basicMenu ul .sub a { display: block; float: none; margin: 0; padding: 4px 15px 5px 10px; width: 122px; height: 1%; border-bottom: 1px solid #665c5c; } #basicMenu li:hover ul li { background: none; } #basicMenu li.on ul li { background: none; } #basicMenu ul .sub { background: transparent url(../images/layout/basicmenu-arrow.gif) no-repeat 135px 6px; } #basicMenu li:hover ul li.sub { background: transparent url(../images/layout/basicmenu-arrow.gif) no-repeat 135px 6px; } #basicMenu ul li:hover a { color: #8b8080; } #basicMenu ul li:hover ul a { color: #fff; } #basicMenu ul li:hover ul li:hover a { color: #8b8080; } #basicMenu ul li:hover ul li:hover ul a { color: #fff; } #basicMenu ul li:hover ul li:hover ul li:hover a { color: #8b8080; } #basicMenu ul li:hover ul li:hover ul li:hover ul a { color: #fff; } #basicMenu ul li:hover ul li:hover ul li:hover ul li:hover a { color: #fff; } #basicMenu ul li:hover ul li:hover ul li:hover ul li:hover ul a { color: #fff; } #basicMenu ul a.on, #basicMenu li.on:hover ul a.on, #basicMenu ul li ul li a.on, #basicMenu ul li ul li:hover ul li a.on, #basicMenu ul li ul li ul li a.on, #basicMenu ul li ul li:hover ul li:hover ul li a.on { color: #8b8080; } #basicMenu ul { visibility: hidden; } #basicMenu li:hover ul { visibility: visible; } #basicMenu li:hover ul li ul { visibility: hidden; } #basicMenu li:hover ul li:hover ul { visibility: visible; } #basicMenu li:hover ul li:hover ul li ul { visibility: hidden; } #basicMenu li:hover ul li:hover ul li:hover ul { visibility: visible; } #basicMenu li:hover ul li:hover ul li:hover ul li ul { visibility: hidden; } #basicMenu li:hover ul li:hover ul li:hover ul li:hover ul { visibility: visible; } /*----------------------------------------------------- mainMenu ------------------------------------------------------ */ #mainMenuWrapper { background: transparent url(../images/layout/mainmenu-bg.gif) repeat-y left top; margin-bottom: 20px; } #mainMenu { background: transparent url(../images/layout/mainmenu-bg.gif) no-repeat right bottom; padding-bottom: 15px; } #mainMenu li { background: transparent url(../images/layout/menu-title.gif) no-repeat 0 0; font-weight: bold; color: #fff; padding: 6px 5px 0 5px; } #mainMenu a { color: #fff; text-decoration: none; } /* #mainMenu a:hover, #mainMenu .on a { color: #fff; text-decoration: underline; } */ #mainMenu ul li { padding: 0 0 0 8px; background: transparent url(../images/layout/mainmenu-arrow.gif) no-repeat 0 4px; font-weight: normal; line-height: 1.2em; } #mainMenu ul li a { color: #501211; text-decoration: none; } #mainMenu ul li a:hover, #mainMenu ul li a.on, #mainMenu ul li.on a { color: #501211; text-decoration: underline; } #mainMenu li ul { margin: 15px 2px 15px 2px; } #mainMenu li ul ul { margin: 5px 5px 10px 5px; } #mainMenu li ul ul ul { margin: 5px; } #mainMenu li ul li { margin-bottom: 5px; }