
/* Navigation */

#navigation { 
  margin: 45px 15px 15px 0;
  position: absolute;
  right: 0;
  top: 56px;
}


/* Top Level */

#navigation ul { 
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#navigation ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
  font-size: 1.4em;
  list-style: none;
  list-style-image: none;
  text-transform: uppercase;
  
}

#navigation ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
  height: 32px;
  text-decoration: none;
  font-family: "futura-pt", sans-serif !important;
  font-weight: 500;
  color: #2b2b2b;
}

.ie #navigation ul li a {
font-weight: normal;
}

#navigation ul li a span { display: block; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 11px; }

#navigation ul li a.active,  
#navigation ul li a:hover, 
#navigation ul li.sfHover a {
  color: #e51b24;
}


/* Secondary */

#navigation ul li ul { 
	position: absolute;
	width: 200px !important;
	margin: 0;
	padding: 0;
	left: -999em;
  z-index: 999;
  border-top: 5px solid #e51b24;
  background: url("../images/menu_arrow.png") no-repeat scroll center top #ffffff;
  -moz-box-shadow: 1px 0px 7px #cccccc;
 -webkit-box-shadow: 1px 0px 7px #cccccc;
  box-shadow: 1px 0px 7px #cccccc;
}

#navigation ul li.last ul {
    right: -1px;
}

#navigation ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
  font-size: 1.1em;
  text-transform: none;
}

#navigation ul li ul li.last {
	background: url("../images/navigation_bg.png") repeat-x scroll center bottom #FFFFFF;
  }

#navigation ul li ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
  height: auto;
  color: #707573;
  font-weight: 400;
}
#navigation ul li ul li a span { display: block; padding: 10px 20px; }

#navigation ul li.active ul li a, 
#navigation ul li.active ul li a:hover, 
#navigation ul li.sfHover ul li a { background: none; color: #707573; }

#navigation ul li ul li a:hover { background: #e9e9e9; color: #e51b24; }
#navigation ul li ul li.first.sf-item-1 a:hover { background: url("../images/menu_arrow.png") no-repeat scroll center top #e9e9e9; color: #e51b24; }
#navigation ul li ul li ul li.first.sf-item-1 a:hover { background: url("../images/menu_arrow.png") no-repeat scroll center top #e9e9e9; color: #e51b24; }
#navigation ul li ul li ul li.middle a:hover, #navigation ul li ul li ul li.last a:hover  { background: #e9e9e9; color: #e51b24; background-image: none !important; }



/* Tertiary */

#navigation ul li ul li ul { 
	position: absolute;
	background: url("../images/menu_arrow.png") no-repeat scroll center top #FFFFFF;
  border-top: 5px solid #E51B24;
	width: 180px;
	margin: -35px 0 0 -35px;
	padding: 0;
	left: -999em;
  z-index: 999;
  display: none;
}

#navigation ul li.last ul li ul {
left: -165px !important;
}

#navigation ul li ul li.first ul {
margin-top: -40px;
}

#navigation ul li ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
  font-size: 1.0em;
}
#navigation ul li ul li ul a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
}

#navigation ul li.active ul li ul li a, 
#navigation ul li.active ul li ul li a:hover, 
#navigation ul li.sfHover ul li ul li a { background: none; }

#navigation ul li ul li ul li a:hover { background: #e9e9e9; color: #e51b24; }


/* No need to touch :) */

#navigation li:hover { position: static; background-position: 0 0; }
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfHover ul ul, #navigation li.sfHover ul ul ul { left: -999em; }
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li.sfHover ul, #navigation li li.sfHover ul, #navigation li li li.sfHover ul { left: auto; }
