.topmenucontainer { background-image: url("../picts/menu.gif"); background-color: #fff; white-space: nowrap; width:100%; border-top: #fff 1px solid; border-bottom: #fff 1px solid; padding: 0px; margin: 0px; } #topmenu, #topmenu ul { float: left; white-space: nowrap; width: 100%; list-style: none; padding: 0px; border: solid #fff; border-width: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #topmenu a { color: #fff; font: 13px "AvantGarde Md BT", verdana, arial, sans-serif; font-weight: bold; text-decoration: none; text-align: center; padding: 3px 5px 4px 5px; min-width: 56px; width: auto; display: block; cursor: pointer; } #topmenu li { background-image: url("../picts/menu.gif"); background-color: #471e4d; border: solid #fff; border-width: 1px 1px 1px 1px; float: left; padding: 0; } #topmenu li a:hover { background-image: url("../picts/menuon.gif"); color: #669900; text-decoration: none; cursor: pointer; } #topmenu li:hover, #topmenu li.IEMhover { background-color: #6a2674; background-image: url("../picts/menuon.gif"); border: solid #ff0000; border-width: 1px 1px 1px 1px; } #topmenu li ul a { font: 13px "AvantGarde Md BT", verdana, arial, sans-serif; color: #fff; font-weight: normal; text-decoration: none; text-align: left; padding: 4px 0px 4px 0px; text-indent: 8px; cursor: pointer; } #topmenu li ul a:hover { background-image: none; color: #669900; text-decoration: none; cursor: pointer; } #topmenu li ul { position: absolute; left: -999em; height: auto; width: 170px; border: solid #000000; border-width: 1px 1px 1px 1px; margin: 0; } #topmenu li ul li { background-image: none; background-color: #471e4d; border: solid #fff; border-width: 1px 1px 1px 1px; } #topmenu li ul li:hover, #topmenu li ul li.IEMhover { background-image: none; background-color: #6a2674; border: solid #ff0000; border-width: 1px 1px 1px 1px; } #topmenu li li { padding-right: 0px; width: 170px; } #topmenu li ul a { width: 170px; } #topmenu li ul ul { margin: -21px 0px 0px 170px; } #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.IEMhover ul ul, #topmenu li.IEMhover ul ul ul { left: -999em; } #topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.IEMhover ul, #topmenu li li.IEMhover ul, #topmenu li li li.IEMhover ul { left: auto; } #topmenu a.parent { background: url(../picts/menu-arrow.gif) center right no-repeat; } #topmenu a.parent:hover { background: url(../picts/menu-arrow.gif) center right no-repeat; } .button { background: transparent url('../picts/button.jpg') no-repeat scroll top right; color: #fff; display: block; float: left; font: normal 14px arial, sans-serif; height: 25px; line-height: 18px; text-decoration: none; } .button ul { list-style: none; margin: 0; line-height: 18px; } .button li { background: transparent url('../picts/button.jpg') no-repeat; display: block; line-height: 18px; } .button li.more { background-position: 0 -25px; } .button a { display: block; height: 25px; width: 150px; text-align:center; background: #fff url(../picts/button.jpg) 0 -25px no-repeat; } .button li.more a { background-position: 0 0; } .button li.more.hover a:hover { background-position: 0 -25px; } .subscribe button li.more a { background-position: 0 -25px; } /*=NAVIGATION left - BASE styleS -------------------------------------------------------------------------------------------*/ #navigation_left { height: auto; float:left; width:160px; list-style: none; margin-bottom: 10px; padding-left: 0em; text-indent: 0em; } #navigation_left ul { list-style: none; margin: 0; padding-right: 0px; padding-left: 10px;} #navigation_left li { float: left; display: block; height: 100px; width: 160px; background: #fff url(../picts/nav-bar.jpg) 0 0 no-repeat; } /*=NAVIGATION left - list ITEM - BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_left li.subscribe { background-position: 0 0; } #navigation_left li.client { background-position: -160px -100px; } #navigation_left li.financial { background-position: -160px -200px; } #navigation_left li.wealth { background-position: -160px -300px; } #navigation_left li.fees { background-position: -160px -400px; } #navigation_left li.working { background-position: -160px -500px; } #navigation_left li.testimonials { background-position: -160px -600px; } #navigation_left a { display: block; height: 100px; width: 160px; text-indent: -9999px; background: #fff url(../picts/nav-bar.jpg) 0 -160px no-repeat; } /*=NAVIGATION left - ANCHOR - DEFAULT BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_left li.subscribe a { background-position: 0 0; } #navigation_left li.client a { background-position: 0 -100px; } #navigation_left li.financial a { background-position: 0 -200px; } #navigation_left li.wealth a { background-position: 0 -300px; } #navigation_left li.fees a { background-position: 0 -400px; } #navigation_left li.working a { background-position: 0 -500px; } #navigation_left li.testimonials a { background-position: 0 -600px; } /*=NAVIGATION left - ANCHOR - HOVER BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_left li.subscribe.hover a:hover { background-position: 0 0; } #navigation_left li.client.hover a:hover { background-position: -160px -100px; } #navigation_left li.financial.hover a:hover { background-position: -160px -200px; } #navigation_left li.wealth.hover a:hover { background-position: -160px -300px; } #navigation_left li.fees.hover a:hover { background-position: -160px -400px; } #navigation_left li.working.hover a:hover { background-position: -160px -500px; } #navigation_left li.testimonials.hover a:hover { background-position: -160px -600px; } /*=NAVIGATION left - ANCHOR - CURRENT PAGE BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #subscribe #navigation_left li.subscribe a { background-position: 0 0; } #clientservices #navigation_left li.client a { background-position: -320px -100px; } #financialplanning #navigation_left li.financial a { background-position: -320px -200px; } #wealthmanagement #navigation_left li.wealth a { background-position: -320px -300px; } #fees #navigation_left li.fees a { background-position: -320px -400px; } #workingintroducers #navigation_left li.working a { background-position: -320px -500px; } #testimonials #navigation_left li.testimonials a { background-position: -320px -600px; } /*=NAVIGATION RIGHT - BASE styleS -------------------------------------------------------------------------------------------*/ #navigation_right { height: auto; float:right; width:160px; clear:right; list-style: none; margin-bottom: 10px; padding-left: 0em; text-indent: 0em; } #navigation_right ul { list-style: none; margin: 0; padding-left: 0px; padding-right: 10px;} #navigation_right li { float: right; display: block; height: 100px; width: 160px; background: #fff url(../picts/nav-bar2.jpg) 0 0 no-repeat; } /*=NAVIGATION RIGHT - list ITEM - BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_right li.unlocking { background-position: -160px 0; } #navigation_right li.pensions { background-position: -160px -100px; } #navigation_right li.about { background-position: -160px -200px; } #navigation_right li.sitemap { background-position: -160px -300px; } #navigation_right li.contact { background-position: -160px -400px; } #navigation_right li.find { background-position: -160px -500px; } #navigation_right li.privacy { background-position: -160px -600px; } #navigation_right a { display: block; height: 100px; width: 160px; text-indent: -9999px; background: #fff url(../picts/nav-bar2.jpg) 0 -160px no-repeat; } /*=NAVIGATION RIGHT - ANCHOR - DEFAULT BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_right li.unlocking a { background-position: 0 0; } #navigation_right li.pensions a { background-position: 0 -100px; } #navigation_right li.about a { background-position: 0 -200px; } #navigation_right li.sitemap a { background-position: 0 -300px; } #navigation_right li.contact a { background-position: 0 -400px; } #navigation_right li.find a { background-position: 0 -500px; } #navigation_right li.privacy a { background-position: 0 -600px; } /*=NAVIGATION RIGHT - ANCHOR - HOVER BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #navigation_right li.unlocking.hover a:hover { background-position: -160px 0; } #navigation_right li.pensions.hover a:hover { background-position: -160px -100px; } #navigation_right li.about.hover a:hover { background-position: -160px -200px; } #navigation_right li.sitemap.hover a:hover { background-position: -160px -300px; } #navigation_right li.contact.hover a:hover { background-position: -160px -400px; } #navigation_right li.find.hover a:hover { background-position: -160px -500px; } #navigation_right li.privacy.hover a:hover { background-position: -160px -600px; } /*=NAVIGATION RIGHT - ANCHOR - CURRENT PAGE BACKGROUND POSITIONS -------------------------------------------------------------------------------------------*/ #unlocking #navigation_right li.unlocking a { background-position: -320px 0; } #pensions #navigation_right li.pensions a { background-position: -320px -100px; } #about #navigation_right li.about a { background-position: -320px -200px; } #sitemap #navigation_right li.sitemap a { background-position: -320px -300px; } #contactform #navigation_right li.contact a { background-position: -320px -400px; } #contactplanitplus #navigation_right li.find a { background-position: -320px -500px; } #privacy #navigation_right li.privacy a { background-position: -320px -600px; }