/*navigation*/

#navigation a {
color:#fff;
display:block;
padding:0 19px;
cursor:pointer
}

#navigation ul li {
background:url(../images/nav/navigation_sep.png) no-repeat right top;
padding-right:2px;
float:left;
line-height:40px;
font-weight:bold;
}

#navigation ul li.popular.active {
line-height:34px;
padding-right:2px;
}

ul#nav li.popular.active > a {
background:url(../images/nav/hover_test.png) no-repeat top left;
margin-top:4px;
margin-left:8px;
padding-right:8px;
padding-left:5px;
color:#0088B5;
z-index:1000;
height:36px;
float:left;
position:relative
}

ul#nav li.popular.active > a span {
background:url(../images/nav/hover_test.png) no-repeat bottom right;
padding-right:11px;
display:block;
height:31px;
padding-left:6px;
float:left
}

ul#nav li.popular .menu-item-arrow {
background:url(../images/nav/arrows2.gif) 0 0;
width:8px;
height:5px;
float:none;
margin-left:5px;
display:inline-block;
line-height:4px;
padding:0
}

ul#nav li.popular.active .menu-item-arrow {
background:url(../images/nav/arrows.gif) -8px 0;
width:8px;
height:5px;
float:none;
margin-left:5px;
display:inline-block;
line-height:4px;
padding:0
}

ul#nav li.popular.active .child .menu-item-arrow {
background-position:0 0;
display:block;
float:right;
right:3px;
top:50%;
width:8px;
position:absolute;
margin-top:-2px
}

ul#nav li.popular.active .child {
padding-right:11px;
width:103px
}

ul#nav li.popular.active li.hover .child .menu-item-arrow {
background-position:-24px 0;
width:8px
}

#nav,#nav ul {
list-style:none;
line-height:1;
margin:0;
padding:0
}

#nav li div.outerbox {
position:absolute;
z-index:19;
left:-999em;
}

#nav li.active div.outerbox li.active.last div.outerbox {
margin-top:-30px
}

#nav li.active div.outerbox li.active.hover div.outerbox {
margin-top:-29px
}

#nav li.active div.outerbox li.active div.outerbox {
z-index:20;
left:auto;
margin:-29px 0 0 115px
}

#nav li.active div.children li.active ul li a {
color:#34617E;
}

#nav li.active div.children {
left:8px;
top:34px
}

.outerbox,.innerbox {
background:url(../images/nav/childul_tops.png) left top no-repeat;
width:140px;
z-index:2
}

.outerbox {
padding-top:12px
}

#nav ul.innerbox {
background-position:right bottom;
padding-bottom:16px;
float:left
}
#nav ul li{
	display:none
}

#nav ul li,#nav li.active .children li.active ul li {
padding-left:13px;
padding-right:15px;
line-height:24px;
width:112px;
background:url(../images/nav/childul_bg.png);
font-weight:normal;
}

#nav ul li a,#nav li.active .children li.active ul li a {
border-top:1px solid #e1e1d3;
color:#34617E;
display:block;
padding:0
}

#nav ul li a:hover,#nav li.active .children li.active ul li a:hover {
color:#34617E
}

#nav ul li.last a.child,#nav li.active .children li.active ul li.last a {
border-bottom:1px solid #e1e1d3
}

#nav ul li.hover,#nav li.active .children li.active ul li.hover {
border-top:1px solid #e1e1d3;
border-bottom:1px solid #e1e1d3;
background-position:top right
}

#nav ul li.hover a.child,#nav li.active .children li.active ul li.hover a {
border:none;
color:#34617E;
}

#nav ul li.next a,#nav li.active .children li.active ul li.next a {
border-top:none
}

#navigation a.home:hover,#navigation ul li.lonely a:hover {
background-position:bottom left; color:#b6e5f4
}

#navigation ul li.popular,#nav ul li a.child {
position:relative
}