/*
	general purpose navigation
	- put extra stuff for it into the skins / layout
*/
#top-nav{
	z-index:10;
	position:relative;
}

.nav-horizontal ul {
	white-space: nowrap;
}
	.nav-horizontal ul li {
		float:left;
		display:block;
	}
		.nav-horizontal ul li a {
			display:block;
			text-align:center;
		}


#top-nav ul {
	height:24px;
}

#top-nav li {
	height:24px;
	line-height:24px;
}

#top-nav a {
	height:24px;
	font: 12px Verdana, Arial, sans-serif;
	line-height:24px;
	color:#666666;
	background:url('/img/navigation.gif') no-repeat;
}

/*
63


*/

/* all the nav items have different widths */
#top-nav #tn-home a { width:63px; background-position: 0 0; }
#top-nav #tn-new-ford-cars a { width:78px; background-position: -63px 0; }
#top-nav #tn-used-ford-cars a { width:82px; background-position: -141px 0; }
#top-nav #tn-new-ford-vans a { width:53px; background-position: -223px 0; }
#top-nav #tn-service a { width:68px; background-position: -276px 0; }
#top-nav #tn-motability a { width:79px; background-position: -344px 0; }
#top-nav #tn-parts a { width:54px; background-position: -423px 0; }
#top-nav #tn-business-users a { width:110px; background-position: -477px 0; }
#top-nav #tn-body-shop a { width:85px; background-position: -587px 0; }
#top-nav #tn-offers a { width:103px; background-position: -672px 0; }
#top-nav #tn-offers p {
	background:url("/img/navigation.gif") no-repeat scroll 0 0 transparent;
	background-position: -672px 0;
	color:#666666;
	font:12px/24px Verdana,Arial,sans-serif;
	height:24px;
	padding:0 8px;
	float:left;
}
#top-nav #tn-finance a { width:68px; background-position: -775px 0; }
#top-nav #tn-dealers a { width:120px; background-position: -843px 0; }

/* dealers button is a bit special */
#top-nav #tn-dealers a {
	text-transform:uppercase;
	font-weight:bold;
	color:#ff6600;
}


/* on states */
#top-nav .selected a,#top-nav .selected p { color: #fff !important; }

#top-nav #tn-home.selected a { background-position: 0 -24px; }
#top-nav #tn-new-ford-cars.selected a { background-position: -63px -24px; }
#top-nav #tn-used-ford-cars.selected a { background-position: -141px -24px; }
#top-nav #tn-new-ford-vans.selected a { background-position: -223px -24px; }
#top-nav #tn-service.selected a { background-position: -276px -24px; }
#top-nav #tn-motability.selected a { background-position: -344px -24px; }
#top-nav #tn-parts.selected a { background-position: -423px -24px; }
#top-nav #tn-business-users.selected a { background-position: -477px -24px; }
#top-nav #tn-body-shop.selected a { background-position: -587px -24px; }
#top-nav #tn-offers.selected a { background-position: -672px -24px; }
#top-nav #tn-offers.selected p { background-position: -672px -24px; }
#top-nav #tn-finance.selected a { background-position: -775px -24px; }
#top-nav #tn-dealers.selected a { background-position: -843px -24px; }

.nav-sep {
	height:9px;
	background-color:#ff7808;
	line-height:9px;
}

/* common styling */
.topmenu ul li ul {display: none;}
.topmenu ul li {position:relative;}
.topmenu ul li ul li{padding: 2px;border-style: solid;border-width: 1px 1px 1px 0;border-color: #fff #d9d9d9 #d9d9d9;background-color: #f6f6f6; color: #000;}
.topmenu ul ul li a {text-align:left;padding-left:10px;}

/* specific to non IE browsers */
.topmenu ul li:hover ul li {width:150px;}
.topmenu ul li:hover ul li:hover {background: url('/img/nav/button_ntb2_bg.gif') repeat-x; }
.topmenu ul li:hover ul {display:block; position:absolute; top: 100%;left: 0;z-index: 598;}
.topmenu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.topmenu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.topmenu ul li:hover ul li ul {display: none;}
.topmenu ul li:hover ul li a {display:block; background:#ddd; color:#fff;}
.topmenu ul li:hover ul li a:hover {color:#fff !important;}
.topmenu ul li:hover ul li:hover ul {display:block; position:absolute; left:155px; top:0;}
.topmenu ul li:hover ul li:hover ul.left {left:-105px;}


/* the dropdown menu css */
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
 position:relative;
}
ul.dropdown ul li{
	width:140px;
}
ul.dropdown ul li img{
	display:inline;
	float:right;
}

ul.dropdown {
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 /*line-height: 1.3em;*/
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 /*width: 100%;*/
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown ul li {
 padding: 2px;
 border-style: solid;
 border-width: 1px 1px 1px 0;
 border-color: #fff #d9d9d9 #d9d9d9;
 background-color: #f6f6f6;
 color: #000;
}

ul.dropdown ul li.hover,
ul.dropdown ul li:hover {
 background: url('/img/nav/button_ntb2_bg.gif') repeat-x;
 width:140px;
	color: #ffffff !important;
}

#top-nav #tn-offers a.dir{
	 background: url('/img/nav/double_arrow.gif') no-repeat 125px 50%;
	 width:140px;
}
ul.dropdown ul li a{
	text-align:left;
	padding-left:10px;
}
ul.dropdown ul li p:hover, ul.dropdown ul ul li a:hover, #top-nav #tn-offers a.dir:hover, #top-nav #tn-offers.selected ul.subnav a:hover{
	 color: #ffffff !important;
}
#top-nav #tn-offers.selected ul.subnav a{
	color:#666666 !important;
}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #000; }
	ul.dropdown a:active	{ color: #ffa500; }


	/* -- level mark -- */

ul.dropdown ul ul {
 width: 150px;
 margin-top: 1px;
}
#top-nav ul.subnav a{
	background:none;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/* call us menu*/
div.navsubmenu {
	background:url("/img/nav/Nav_bg.png") no-repeat;
	left:743px;
	top:47px;
	position:absolute;
	width:220px;
	z-index:1000;
	font-weight:bold;
	background:#ecf0f3;
}
div.navsubmenutop{}
div.navsubmenubottom{
	/*background:url("/img/nav/Nav_submenu_bg_bottom.png") no-repeat ;
	font-size:1px;
	height:10px;*/
}
div.navsubmenu ul {
	color:#000000;
	font-weight:bold;
	padding:0px;
}
div.navsubmenu li {
	margin:0px;
	padding:0px ;
	width:100%;
}
div.navsubmenu a{
	background-image:none;
	line-height:22px;
	padding:7px;
	color:#000;
	text-decoration:none;
	width:100%;
	font-weight:normal;
	font-size:11px ;
	font-family:"Arial";
}
div.navsubmenu li:hover{
	background:url("/img/nav/button_ntb2_bg.gif") repeat-x ;
	color:#FFFFFF;
}
div.navsubmenu li:hover a{
	color:#FFFFFF;
}
div.navsubmenu a:hover{
	color:#FFFFFF;	
}