
/* NAVIGATION 3 - Horizontal Tabs and Subnav */

#navigation {
        float: left;
        height: 58px;
        margin-top: 10px;
	width: 960px;
	}

#navigation .nav, 
#navigation .nav * {
	margin:0;
	padding:0;
}

#navigation .nav {
	width: 950px;
	line-height:1.0;
	height: 58px;
	float: left;
	position:relative;
	z-index: 1;
	font: normal 0.95em verdana,helvetica,arial,sans-serif;
	text-transform: uppercase;
	background: #fff url(http://media.mercedsunstar.com/static/images/navBg.gif) repeat-x left bottom;
	padding: 0 5px;
	}

.sf-sub-indicator {
    display:none;
    }

#navigation .nav ul {
	background: #444; /*IE6 needs this*/
	float: left;
	position:relative;
	width: 950px;
	}

#navigation .nav li {
	float: left;
	list-style:none;
	z-index:999;
	background: transparent url(http://media.mercedsunstar.com/static/images/tabs.gif) right -50px no-repeat;
	margin: 0 1px 0 0;
	}

#navigation .nav li.current ul {
	z-index: 999;
}
#navigation .nav li.sfHover ul,
#navigation ul.nav li:hover ul {
	z-index: 1000;
}

#navigation .nav a {
	color: #fff;
	display: block;
	float: left;
	padding: 9px 0 0 3px;
	margin-right: 8px;
	display: inline;
	text-decoration:none;
	width: auto;
	background: transparent url(http://media.mercedsunstar.com/static/images/tabs.gif) left -50px no-repeat;
}


#navigation .nav li ul {
	left:0;
	top:-999em;
	position:absolute;
}


/* --- links: default --- */

#navigation .nav a,
#navigation .nav a:focus, 
#navigation .nav a:hover, 
#navigation .nav a:active {
	height: 19px;
	background-color: transparent;
	color: #444;
	}




/*--- li hover (default) --- */

/*--- SUBNAVIGATION (default) --- */


/* 2nd level : links */
#navigation .nav li li,
#navigation .nav li li a {
	background: none;
	padding: 4px;
	margin-right: 0px;
	color: #fff;
	}


#navigation .nav li li {
	display: inline;
	height: 20px !important;
	padding-left: 5px;
	padding-right: 0;
	margin: 0 3px 0 0;
	}

#navigation .nav li li a {}

/* assigned dynamically from js file - style as needed */
#navigation .nav li li.firstSubItem {
	background: none !important;
	}


/* 2nd level : default link hover */
#navigation .nav li:hover li a {
	color: #fff;
	
	}

#navigation .nav li li:hover a,
#navigation .nav li li a:hover {
	text-decoration: underline;
	}



/*--- li current : currently selected item (see html) --- */

/* top level */
#navigation .nav li.current,
#navigation .nav li.current:hover,
#navigation .nav li.current.sfHover,
#navigation .nav li.current.sfHover:hover {
	background-position: right 0;
	}

#navigation .nav li.current a,
#navigation .nav li.current:hover a,
#navigation .nav li.current.sfHover a,
#navigation .nav li.current.sfHover:hover a {
	background-position: 0 0;
	/*font-weight: bold;*/
	color: #fff;
	}

#navigation .nav li.current a,
#navigation .nav li.current:hover a {
	color: #fff;
	}


/*--- current tab, but not active (class name changed dynamically) --- */
#navigation .nav li.currentOff:hover a,
#navigation .nav li.currentOff a {
	height: 18px; /*<- create a 1px gap - see "nav a" styles */
	}

/* hover */
#navigation .nav li.current:hover li a {
	color: #fff;
	}


/* 2nd level : inherited current status */
#navigation .nav li.current li a,
#navigation .nav li.current:hover li a,
#navigation .nav li.current.sfHover li a,
#navigation .nav li.current.sfHover:hover li a {
	color: #fff;
	height: auto;
	font-weight: normal;
	}

/* 2nd level : declared current status */
#navigation .nav li li.current a,
#navigation .nav li li.current a:hover,
#navigation .nav li.current:hover li.current a,
#navigation .nav li.current li.current a:hover,
#navigation .nav li.current.sfHover li.current a {
	font-weight: bold;
	text-decoration: none;
	}


/* 2nd level - selected (declared) hover */
#navigation .nav li.current li:hover a {
	color: #fff;
	}

/* 2nd level - selected (declared) hover */
#navigation .nav li li.current:hover a {
	text-decoration:underline;
	}



/*--- li hover (dynamically added to html) --- */

/* top level */
#navigation .nav li:hover,
#navigation .nav li.sfHover:hover,
#navigation .nav li.sfHover {
	background-position: right 0;
	}

/*.nav li:hover a,*/
#navigation .nav li:hover a,
#navigation .nav li.sfHover a,
#navigation .nav li.sfHover a:focus, 
#navigation .nav li.sfHover a:hover, 
#navigation .nav li.sfHover a:active,
#navigation .nav li.sfHover:hover a {
	background-position: left 0;
	color: #fff;
	}





/* 2nd level : inherited hover status */

#navigation .nav li.sfHover li a,
#navigation .nav li.sfHover li a:focus, 
#navigation .nav li.sfHover li a:hover, 
#navigation .nav li.sfHover li a:active,
#navigation .nav li.sfHover:hover li a {
	color: #fff;
	height: auto;
	background-image: none;
	}

/* 2nd level - selected (declared) hover */
#navigation .nav li.sfHover li a:hover,
#navigation .nav li.sfHover li:hover a {
	text-decoration: underline;
	background-image: none;
	}

#navigation .nav li.sfHover li.current a  {}

#navigation .nav li.sfHover li.current a:hover,
#navigation .nav li.sfHover li.current:hover a {
	text-decoration: none;
	}

#navigation .nav li:hover ul, /* pure CSS hover is removed below */
body #navigation .nav li.current ul, /* this must be more specific than the .superfish override below */
#navigation ul.nav li.sfHover ul,
#navigation ul.nav li.sfHover2 ul {
	top: 28px;
	height: 30px;
	border-bottom: 1px solid #d8d9da;
}

#navigation .nav li:hover li ul,
#navigation .nav li.sfHover li ul {
	top:-999em;
}
#navigation .nav li li:hover ul, /* pure CSS hover is removed below */
#navigation ul.nav li li.sfHover ul,
#navigation ul.nav li li.sfHover2 ul {
	top: 28px;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

#navPlaceAd,
#navigation .nav li.classNav {
        float:right;
}

/* ---------- Place an Ad Styles ------------- */

#navigation .nav .placeAd a{
    background:transparent url(http://media.mercedsunstar.com/static/images/tabs.gif) no-repeat scroll left -100px;
}

#navigation .nav a.placeAd:hover {
     background:transparent url(http://media.mercedsunstar.com/static/images/tabs.gif) no-repeat scroll left -150px;
}

#navigation .nav .placeAd {
    background:transparent url(http://media.mercedsunstar.com/static/images/tabs.gif) no-repeat scroll right -100px;
}

#navigation .nav li.placeAd:hover {
	background-position: right 0px;
}

/* ---------- CLASSNAV REMOVED ------------- */

/* Style for Navigation Ad */

#nav_ad_wrap {background: none !important; }
#nav_ad_wrap a {background: none !important; padding: 0 0 0 3px !important;}
#nav_ad_wrap .advertisement {margin: 0; !important}
#nav_ad_wrap {width: 73px; height: 28px;}

