.navigation
{
padding: 28px 0 0 0;
width: 750px;
text-align: right;
float: right;
}
html>body .navigation
{
width: 750px;
}
.navigation ul
{
width: 750px;
}
.navigation ul, .navigation ul li
{
list-style-type: none;
margin: 0;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
.navigation ul li
{
margin-left:2px;
}
.navigation ul li, .navigation ul li a
{
display: block;
float: left;
text-decoration: none;
border-bottom: 0px none;
height: 42px;
color:#fff;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
.navigation ul li#home, .navigation ul li#home a
{
width: 88px;
background: url(nav/welcome.gif);
background-repeat: no-repeat;
}
.navigation ul li#clubFinder, .navigation ul li#clubFinder a
{
width: 109px;
background: url(nav/gym-finder.gif);
background-repeat: no-repeat;
}
.navigation ul li#offers, .navigation ul li#offers a
{
width: 75px;
background: url(nav/offers.gif);
background-repeat: no-repeat;
}
.navigation ul li#clubs, .navigation ul li#clubs a
{
width: 76px;
background: url(nav/clubs.gif);
background-repeat: no-repeat;
}
.navigation ul li#getInTouch, .navigation ul li#getInTouch a
{
width: 113px;
background: url(nav/get-in-touch.gif);
background-repeat: no-repeat;
}
.navigation ul li#tellafriend, .navigation ul li#tellafriend a
{
width: 118px;
background: url(nav/tell-a-friend.gif);
background-repeat: no-repeat;
}
.navigation ul li#joinOnline, .navigation ul li#joinOnline a
{
width: 109px;
background: url(nav/join-online.gif);
background-repeat: no-repeat;
}
.navigation ul li#activate, .navigation ul li#activate a
{
width: 154px;
background: url(nav/activate-your-card.gif);
background-repeat: no-repeat;
}
.navigation ul li#gymwebsite, .navigation ul li#gymwebsite a
{
width: 154px;
background: url(nav/visit-gym-website.gif);
background-repeat: no-repeat;
}
.navigation ul li a:hover, .navigation ul li.active a
{
background-position: left bottom !important;
}