/*******************************/
/*Styles for model navigation
/*******************************/

/*Format and position the primary list*/
#model-navigation {
	list-style-type: none;
	margin: 0px;
	position: relative;
	top: 11px;
        padding:0;
}
/*Float, format and position the primary list items*/
#model-navigation li {
	position:relative;
	float:left;
	margin:0;
}
/*Hide the text*/
#model-navigation li a.model-navigation-A-class {
	display:block;
	height:0px;
	padding-top:31px;
	overflow:hidden;
}
/*Add the background imgages for the buttons*/
#model-navigation li#model-1 {
	background-image:url(/css_images/1_up.gif);
	width:24px;
}
#model-navigation li#model-3 {
	background-image:url(/css_images/3_up.gif);
	width:26px;
}
#model-navigation li#model-5 {
	background-image:url(/css_images/5_up.gif);
	width:24px;
}
#model-navigation li#model-6 {
	background-image:url(/css_images/6_up.gif);
	width:25px;
}
#model-navigation li#model-7 {
	background-image:url(/css_images/7_up.gif);
	width:24px;
}
#model-navigation li#model-z4 {
	background-image:url(/css_images/z4_up.gif);
	width:41px;
}
#model-navigation li#model-m {
	background-image:url(/css_images/m_up.gif);
	width:32px;
}
#model-navigation li#model-x {
	background-image:url(/css_images/x_up.gif);
	width:26px;
}
#model-navigation li#model-x3 {
	background-image:url(/css_images/x3_up.gif);
	width:40px;
}
#model-navigation li#model-x5 {
	background-image:url(/css_images/x5_up.gif);
	width:40px;
}
#model-navigation li#model-x6 {
	background-image:url(/css_images/x6_up.gif);
	width:40px;
}
/*Add the mouse over imgages for the buttons*/
#model-navigation a#model-1-link:hover, li#model-1:hover a.model-navigation-A-class, li#model-1.over a.model-navigation-A-class, li#model-1.selected a.model-navigation-A-class {
	background-image:url(/css_images/1_over.gif);
}
#model-navigation a#model-3-link:hover, li#model-3:hover a.model-navigation-A-class, li#model-3.over a.model-navigation-A-class, li#model-3.selected a.model-navigation-A-class {
	background-image:url(/css_images/3_over.gif);
}
#model-navigation a#model-5-link:hover, li#model-5:hover a.model-navigation-A-class, li#model-5.over a.model-navigation-A-class, li#model-5.selected a.model-navigation-A-class {
	background-image:url(/css_images/5_over.gif);
}
#model-navigation a#model-6-link:hover, li#model-6:hover a.model-navigation-A-class, li#model-6.over a.model-navigation-A-class, li#model-6.selected a.model-navigation-A-class {
	background-image:url(/css_images/6_over.gif);
}
#model-navigation a#model-7-link:hover, li#model-7:hover a.model-navigation-A-class, li#model-7.over a.model-navigation-A-class, li#model-7.selected a.model-navigation-A-class {
	background-image:url(/css_images/7_over.gif);
}
#model-navigation a#model-z4-link:hover, li#model-z4:hover a.model-navigation-A-class, li#model-z4.over a.model-navigation-A-class, li#model-z4.selected a.model-navigation-A-class {
	background-image:url(/css_images/z4_over.gif);
}
#model-navigation a#model-m-link:hover, li#model-m:hover a.model-navigation-A-class, li#model-m.over a.model-navigation-A-class, li#model-m.selected a.model-navigation-A-class {
	background-image:url(/css_images/m_over.gif);
}
#model-navigation a#model-x-link:hover, li#model-x:hover a.model-navigation-A-class, li#model-x.over a.model-navigation-A-class, li#model-x.selected a.model-navigation-A-class {
	background-image:url(/css_images/x_over.gif);
}
#model-navigation a#model-x3-link:hover, li#model-x3:hover a.model-navigation-A-class, li#model-x3.over a.model-navigation-A-class, li#model-x3.selected a.model-navigation-A-class {
	background-image:url(/css_images/x3_over.gif);
}
#model-navigation a#model-x5-link:hover, li#model-x5:hover a.model-navigation-A-class, li#model-x5.over a.model-navigation-A-class, li#model-x5.selected a.model-navigation-A-class {
	background-image:url(/css_images/x5_over.gif);
}
#model-navigation a#model-x6-link:hover, li#model-x6:hover a.model-navigation-A-class, li#model-x6.over a.model-navigation-A-class, li#model-x6.selected a.model-navigation-A-class {
	background-image:url(/css_images/x6_over.gif);
}
/*Hide and position the second level list wrapper*/
.model-navigation-list-wrapper {
	display:none;
	position:absolute;
	top:31px;
	left:-2px;
}
/*Hide and format the second level lists*/
#model-navigation li ul {
	display:none;
	margin: 0;
        padding:0;
	list-style:none;
	min-height:13em; /*This height needs to be adjusted if more menu items are added "SEE IE6.CSS"*/
	background: url(/css_images/list_bg_repeater.png) repeat;
}
/*Show the second level lists on mouse over*/
#model-navigation li:hover .model-navigation-list-wrapper, #model-navigation li.over .model-navigation-list-wrapper, #model-navigation li:hover ul, #model-navigation li.over ul, #model-navigation li:hover .list-bottom-bg, #model-navigation li.over .list-bottom-bg {
	display: block;
}
/*Format the second level list items*/
#model-navigation li ul li {
	width:230px;
	font-size:0.7em;
}
/*Format the second level list item links and make easier to select*/
#model-navigation li ul li a {
	display:block;
	padding-left:2em;
	color:#000000;
	background: url(/css_images/bullet_grey_arrow.png) no-repeat 12px 5px;
	text-decoration:none;
}
/*Add a margin to the first item in each list*/
#model-navigation li ul li:first-child a {
	margin-top:1em;
}
/*Style the second level list item link hover state*/
#model-navigation li ul li a:hover {
	color:#00175C;
	text-decoration:underline;
}
/*Insert the background of the bottom of the list*/
.list-bottom-bg {
	background-image:url(/css_images/list_bg_bottom.png);
	height: 10px;
	clear: left;
}

/*******************************/
/*Styles for main navigation
/*******************************/

/*Float, format and position the primary list*/
.main-navigation {
	list-style-type: none;
	margin:0;
        padding:0;
	float:right;
}
/*Float, format and position the primary list items*/
#header .main-navigation li {
	position:relative;
	float:left;
	margin:0;
}
/*Hide the text*/
#header .main-navigation li a {
	display:block;
	height:0px;
	padding-top:24px;
	overflow:hidden;
	outline:none;
}
/*Add the background images for the buttons*/
#header .main-navigation li#nav-newbmw {
    background-image:url(/css_images/new_bmw_up.gif);
    width:57px;
}
#header .main-navigation li#nav-currentoffers {
    background: url(/css_images/current_finance_offers_up.gif);
    width:72px;
}
#header .main-navigation li#nav-usedbmw {
    background-image:url(/css_images/approved_used_bmw_up.gif);
    width:104px;
}
#header .main-navigation li#nav-service {
    background-image:url(/css_images/service_up.gif);
    width:43px;
}
#header .main-navigation li#nav-parts {
    background-image:url(/css_images/parts_and_accessories_up.gif);
    width:97px;
}
#header .main-navigation li#nav-our-dealerships,
#header .main-navigation li#nav-our-dealerships-sytner {
    background-image:url(/css_images/our_dealerships_up.gif);
    width:81px;
}
#header .main-navigation li#nav-aboutus {
    background-image:url(/css_images/about_us_up.gif);
    width:50px;
}
#header .main-navigation li#nav-finance {
    background-image:url(/css_images/financial_services_up.gif);
    width:90px;
}
#header .main-navigation li#nav-corporate {
    background-image:url(/css_images/corporate_sales_up.gif);
    width:81px;
}
#header .main-navigation li#nav-bmwrental {
    background-image:url(/css_images/bmw_rental_up.gif);
    width:65px;
}
#header .main-navigation li#nav-motorrad,
#header .main-navigation li#nav-custom-motorrad {
    background-image:url(/css_images/motorrad_up.gif);
    width:51px;
}
#header .main-navigation li#nav-alpina {
    background-image:url(/css_images/alpina_up.gif);
    width:45px;
}
#header .main-navigation li#nav-efficientdynamics {
    background-image:url(/css_images/efficientdynamics_up.gif);
    width:117px;
}
/*Add the mouse over images for the buttons*/
#header .main-navigation li#nav-newbmw a:hover {
    background-image:url(/css_images/new_bmw_over.gif);
}
#header .main-navigation li#nav-currentoffers a:hover {
    background: url(/css_images/current_finance_offers_over.gif);
}
#header .main-navigation li#nav-usedbmw a:hover {
    background-image:url(/css_images/approved_used_bmw_over.gif);
}
#header .main-navigation li#nav-service a:hover {
    background-image:url(/css_images/service_over.gif);
}
#header .main-navigation li#nav-parts a:hover {
    background-image:url(/css_images/parts_and_accessories_over.gif);
}
#header .main-navigation li#nav-our-dealerships a:hover,
#header .main-navigation li#nav-our-dealerships-sytner a:hover {
    background-image:url(/css_images/our_dealerships_over.gif);
}
#header .main-navigation li#nav-aboutus a:hover {
    background-image:url(/css_images/about_us_over.gif);
}
#header .main-navigation li#nav-finance a:hover {
    background-image:url(/css_images/financial_services_over.gif);
}
#header .main-navigation li#nav-corporate a:hover {
    background-image:url(/css_images/corporate_sales_over.gif);
}
#header .main-navigation li#nav-bmwrental a:hover {
    background-image:url(/css_images/bmw_rental_over.gif);
}
#header .main-navigation li#nav-motorrad a:hover,
#header .main-navigation li#nav-custom-motorrad a:hover {
    background-image:url(/css_images/motorrad_over.gif);
}
#header .main-navigation li#nav-alpina a:hover {
    background-image:url(/css_images/alpina_over.gif);
}
#header .main-navigation li#nav-efficientdynamics a:hover {
    background-image:url(/css_images/efficientdynamics_over.gif);
}
/**********************************/
/*Styles for breadcrumb navigation
/**********************************/

#breadcrumbs {
	font-size:0.7em;
	color: #197AA5;
	padding-top: 20px;
	padding-bottom: 13px;
	padding-left: 10px;
	width:565px;
}
#breadcrumbs ul {
	display:inline;
        padding:0;
} 
#breadcrumbs ul li {
	display:inline;
	margin:0;	
}
#breadcrumbs ul li a {	
	background:url(/css_images/breadcrumb_marker.png) no-repeat right top;
	padding-right:11px;
}
#breadcrumbs ul li a:link {
	color: #4C4C4C;
	text-decoration:none;	
}
#breadcrumbs ul li a:visited {
	color: #4C4C4C;
	text-decoration:none;
}
#breadcrumbs ul li a:hover {
	color: #197AA5;
}
/***********************************/
/*Styles for left folding navigation
/***********************************/

#folding-nav {
	background:#FFFFFF;
	width:213px;
	border-right: 1px solid #AFAFAF;
	border-left: 1px solid #AFAFAF;
}
#folding-nav ul {
	margin:0;
	list-style:none;
        padding:0;
}
#folding-nav ul li {
	font-size:0.7em;
	margin:0;
	border-bottom:1px solid #AFAFAF;
	line-height:1.25em;
	background: url(/css_images/smallgreyarrow.gif) no-repeat 10px 13px;
	padding: 0.7em 0.5em 0.7em 1.8em;
}
#folding-nav ul li a {
	color:#000000;
	text-decoration:none;
}
#folding-nav ul li a:hover {
	color:#003399;
}
.current-page {
	font-weight:bold;
}
#switch {
	background:url(/css_images/switch.png) no-repeat;
	margin:0;
	height:20px;
	display:block;
	outline:none;
}
/*Sub navigation styles*/
#folding-nav ul li ul {
	margin:0;
	list-style:none;
	padding:0.3em 0 0;
}
#folding-nav ul li ul li {
	background:none;
	font-weight:normal;
	font-size:1em;
	margin:0;
	border:none;
	padding:0 0 0 0.4em;
}
#folding-nav ul ul li.current-page-section a {
	background: url(/css_images/small_blue_arrow.gif) no-repeat left center;
	color:#197AA5;
}
#folding-nav ul ul li a:hover {
	color:#197AA5;
}
#folding-nav ul li ul li ul {
	padding:0.2em 0 0.1em;
}
#folding-nav ul li ul li ul li {
	padding:0 0.6em 0 0.8em
}

/*******************************/
/*Styles for footer navigation
/*******************************/

/*Float, format and position the primary list*/
#footer #footer-navigation {
	list-style-type: none;
	margin: 0px;
	float:left;
        padding:0;
}
/*Float, format and position the primary list items*/
#footer #footer-navigation li {
	position:relative;
	float:left;
	margin:0;
}
/*Hide the text*/
#footer #footer-navigation li a {
	display:block;
	height:0px;
	padding-top:19px;
	overflow:hidden;
}
/*Add the background imgages for the buttons*/
#footer #footer-navigation li.home {
	background-image:url(/css_images/home_up.png);
	width:55px;
}
#footer #footer-navigation li.brochure-request {
	background-image:url(/css_images/request_a_brochure_up.png);
	width:128px;
}
#footer #footer-navigation li.test-drive-request {
	background-image:url(/css_images/request_a_test_drive_up.png);
	width:128px;
}
#footer #footer-navigation li.service-request {
	background-image:url(/css_images/request_a_service_up.png);
	width:118px;
}
#footer #footer-navigation li.contact-us {
	background-image:url(/css_images/contact_us_up.png);
	width:83px;
}
#footer #footer-navigation li.help {
	background-image:url(/css_images/help_up.png);
	width:48px;
}
#footer #footer-navigation li.site-map {
	background-image:url(/css_images/site_map_up.png);
	width:72px;
}
#footer #footer-navigation li.mini-site {
	background-image:url(/css_images/mini_site_up.png);
	width:71px;
}
/*Add the mouse over imgages for the buttons*/
#footer #footer-navigation li.home a:hover {
	background-image:url(/css_images/home_over.png);
}
#footer #footer-navigation li.brochure-request a:hover {
	background-image:url(/css_images/request_a_brochure_over.png);
}
#footer #footer-navigation li.test-drive-request a:hover {
	background-image:url(/css_images/request_a_test_drive_over.png);
}
#footer #footer-navigation li.service-request a:hover {
	background-image:url(/css_images/request_a_service_over.png);
}
#footer #footer-navigation li.contact-us a:hover {
	background-image:url(/css_images/contact_us_over.png);
}
#footer #footer-navigation li.help a:hover {
	background-image:url(/css_images/help_over.png);
}
#footer #footer-navigation li.site-map a:hover {
	background-image:url(/css_images/site_map_over.png);
}
#footer #footer-navigation li.mini-site a:hover {
	background-image:url(/css_images/mini_site_over.png);
}

/*************************************/
/*Styles for new breadcrumb navigation
/*************************************/
/*CSS copied from Motorrad*/
.breadcrumbs {
    font-size:0.7em;
    line-height:1;
    margin:21px 0 15px;
    padding-left:10px;
    width:570px;
    color:#197AA5;
}
.breadcrumbs li {
    display:inline;
}
.breadcrumbs li a {
    background:url(/css_images/breadcrumb_marker.png) no-repeat right top;
    padding-right:11px;
    text-decoration:none;
}
.breadcrumbs li a:link,
.breadcrumbs li a:visited {
    color:#4C4C4C;
}
.breadcrumbs li a:hover,
.breadcrumbs li a:active {
    color:#197AA5;
}