/* Header and Footer styles */ /* If you need to adjust the spacing between the top navigation items, adjust the padding in the "#topNav a" styles below. */ #header { position:relative; } #header img.logo { width: 207px; height: 53px; position: relative; top: 25px; left: 42px; } /*Top Navigation Menu styles (Home, Login, Languages, Sitemap) START*/ #topNav ul { list-style: none; margin: 0; padding: 0; float: right; width: 600px; } #topNav li { position: relative; right: 46px; top: 30px; float: right; height: 14px; display: inline; vertical-align: middle; } #topNav a { color: #fff; padding: 0px 15px; /* Adjust left and right padding below if not spaced correctly (the 2nd value) */ font-size: 11px; text-align: center; vertical-align: middle; text-decoration: none; overflow: hidden; } #topNav .inactive { color: yellow; padding: 0px 15px; /* Adjust left and right padding below if not spaced correctly (the 2nd value) */ font-size: 11px; text-align: center; vertical-align: middle; text-decoration: none; overflow: hidden; } #topNav a:hover { color: yellow; text-decoration: none; } #topNav img { padding-right: 8px; vertical-align: middle; } /* Top Navigation Menu styles END*/ /* Main navigation menu styles START */ #mainNav ul { list-style: none; margin: 0; padding-left: 17px; float: left; z-index: 10000; } #mainNav li { float: left; height: 49px; width: 141px; display: inline; padding: 0; margin: 0; } #mainNav a.navProduct { background: url(../../images/endproduct/button_nav_product.gif); display: block; height: 49px; width: 141px; padding: 0 ; margin: 0; } #mainNav a.navDownload { background: url(../../images/endproduct/button_nav_download.gif); display: block; height: 49px; width: 141px; padding: 0; margin: 0; overflow: hidden; } #mainNav a.navStore { background: url(../../images/endproduct/button_nav_store.gif); display: block; height: 49px; width: 141px; padding: 0; margin: 0; overflow: hidden; } #mainNav a.navSupport { background: url(../../images/endproduct/button_nav_support.gif); display: block; height: 49px; width: 141px; padding: 0; margin: 0; overflow: hidden; } #mainNav a.navCompany { background: url(../../images/endproduct/button_nav_company.gif); display: block; height: 49px; width: 141px; padding: 0; margin: 0; overflow: hidden; } #mainNav a.navB2b { background: url(../../images/endproduct/button_nav_b2b.gif); display: block; height: 49px; width: 141px; padding: 0; margin: 0; overflow: hidden; } #mainNav a.navContact { background: url(../../images/endproduct/button_nav_contacts.gif); display: block; height: 49px; width: 141px; padding: 0; margin: 0; overflow: hidden; } #mainNav a:hover { background-position: 0 -49px; } /* The following styles are for the tag. Depending on the type of page (product page, download page, etc.), use the corresponding style for the tag. This keeps the corresponding menu button in the "on" position so the reader knows what section he/she is in. */ #product a.navProduct { background-position: 0 -98px; } #download a.navDownload { background-position: 0 -98px; } #store a.navStore { background-position: 0 -98px; } #support a.navSupport { background-position: 0 -98px; } #company a.navCompany { background-position: 0 -98px; } #b2b a.navB2b { background-position: 0 -98px; } #contact a.navContact { background-position: 0 -98px; } /* Main Navigation Menu styles END */ /* Footer styles START */ /*#footer p { font-size: 11px; position: relative; right: 46px; top: 19px; color: #ccdceb; margin: 0; padding: 0; }*/ #footer p { font-size: 11px; position: relative; top: 11px; color: #ccdceb; text-align: center; margin-right: auto; margin-left: auto; padding: 0; } #footer a { color: #ccdceb; } #footer a:hover { color: #51bbfc; text-decoration: none; }