5. line-height: 1.0;
}
.sf-menu ul {
position:absolute;
top:-999em;
width:10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:100%;
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:left;
position:relative;
margin:0;
background: url(http://2.bp.blogspot.com/-I5YjAL0s-
38/ToBNe5UEJbI/AAAAAAAABxY/Fgt8M70GyT4/s1600/nav-line.png) no-repeat right;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:44px; /* match top ul list item height */
z-index:99;
}
.sub-navigation .sf-menu li:hover ul,
.sub-navigation .sf-menu li.sfHover ul {
top:2.1em; /* match top ul list item height */
left:0;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:10em; /* match ul width */
top:0;
}
.sf-menu {
float:left;
margin:0;
padding: 0;
}
.sf-menu a {
display: block;
margin:0;
padding: 15px 15px;
6. font-size: 12px;
letter-spacing: 0px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
border:1px solid transparent;
}
.sf-menu li li a {
border: 0;
}
.main-navigation .sf-menu li:hover, .main-navigation .sf-menu li.sfHover,
.main-navigation .sf-menu a:focus, .main-navigation .sf-menu a:hover, .main-
navigation .sf-menu a:active {
background:#555;
color:#eee;
}
.sf-menu a.sf-with-ul {
padding-right: 2.25em;
min-width: 1px; /* trigger IE7 hasLayout so spans position
accurately */
}
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: .90em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url(http://2.bp.blogspot.com/-
fRAONzFUaRc/TpeCp_KptgI/AAAAAAAAB4M/iQU-gDEedMQ/s1600/arrows-ffffff.png) no-
repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sub-navigation .sf-sub-indicator {
background: url(http://3.bp.blogspot.com/-
5SJucoOgfZQ/TpeDQK6R7YI/AAAAAAAAB44/Y3-yM_Dzcv0/s1600/arrows-000000.png) no-
repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
top:1.3em;
background-position: 0 -100px; /* use translucent arrow for modern
browsers*/
}
.sub-navigation a > .sf-sub-indicator { /* give all except IE6 the
correct values */
top: .4em;
background-position: 0 -100px; /* use translucent arrow for modern
browsers*/
}
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }