/*
	general purpose navigation
	- put extra stuff for it into the skins / layout
*/

.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('../graphics/img/navigation.gif') no-repeat;
}


/* 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-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 { 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-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;
}


#vehicle-summary-nav{
	padding: 5px 0 0;
}

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

#vehicle-summary-nav a {
	height:24px;
	font: 12px Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height:24px;
	color:#666666;
	background:url('../graphics/tabs/vehicle_summary_navigation_orange.gif') no-repeat;
}

#vehicle-summary-nav a.blue {
	background:url('../graphics/tabs/vehicle_summary_navigation_blue.gif') no-repeat;
}

#vehicle-summary-nav a.orange {
	background:url('../graphics/tabs/vehicle_summary_navigation_orange.gif') no-repeat;
}
#vehicle-summary-nav a.grey {
	background:url('../graphics/tabs/vehicle_summary_navigation_grey.gif') no-repeat;
}
.vehicle-details .tabBreak{
	height:9px;line-height:9px;
}
.vehicle-details .orange{
	background-color:#ff7808;
}
.vehicle-details .blue{
	background-color:#003399;
}
.vehicle-details .grey{
	background-color:#333333;
}


#vehicle-summary-nav #tabSummary a{
	background-position:0 -24px; 
	width:199px;
}
#vehicle-summary-nav #tabFeatures a{
	background-position:0 -24px; 
	width:199px;
}

#vehicle-summary-nav .ui-tabs-selected  a { color: #fff !important; }

#vehicle-summary-nav #tabSummary.ui-tabs-selected a { background-position: 0 0; }
#vehicle-summary-nav #tabFeatures.ui-tabs-selected a { background-position: 0 0; }

.ui-tabs-panel{
	background:url('../graphics/boxes/summary_background.jpg') repeat-x bottom center;
	margin-bottom:10px;
	padding-bottom:5px;	
}
.ui-tabs-hide{
	display: none !important;
}

.ui-tabs-panel .column {
	float:left;
	width: 30%;
	padding: 10px 0 10px 20px;
}
.ui-tabs-panel .column li {
	color:#000;
}