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

/*Format and position the primary list*/
#model-navigation {
	list-style-type: none;
	margin: 0px;
	position: relative;
	top: 11px;
        padding:0;
        left:11px;
        z-index:100;
}
/*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;
}
/*Add the mouse over imgages for the buttons*/
#model-navigation #model-1-link:hover,
#model-navigation #model-1.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/1_over.png);
}
#model-navigation #model-3-link:hover,
#model-navigation #model-3.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/3_over.png);
}
#model-navigation #model-5-link:hover,
#model-navigation #model-5.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/5_over.png);
}
#model-navigation #model-6-link:hover,
#model-navigation #model-6.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/6_over.png);
}
#model-navigation #model-7-link:hover,
#model-navigation #model-7.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/7_over.png);
}
#model-navigation #model-x-link:hover,
#model-navigation #model-x.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/x_over.png);
}
#model-navigation #model-z4-link:hover,
#model-navigation #model-z4.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/z4_over.png);
}
#model-navigation #model-m-link:hover,
#model-navigation #model-m.showing .model-navigation-A-class {
    background-image:url(/img/nav/top/m_over.png);
}
/*Hide and position the second level list wrapper*/
.model-navigation-list-wrapper {
    display:none;
    position:absolute;
    top:29px;
    left:-9px;
    font-size:0.7em;
}
/*Hide and format the second level lists*/
#model-navigation li ul {
    list-style:none;
    overflow:hidden;
    position:relative;
    left:-6px;
    margin:0;
    padding:0 0 20px;
}
/*Show the second level lists on mouse over*/
#model-navigation li:hover .model-navigation-list-wrapper,
#model-navigation li.ie6hover .model-navigation-list-wrapper,
#model-navigation li:hover ul,
#model-navigation li.ie6hover ul {
    display:block;
}
/*Format the second level list items*/
#model-navigation li ul li {
    width:160px;
    padding:0 15px;
}
#model-navigation li ul li a:link,
#model-navigation li ul li a:visited {
    text-decoration:none;
    color:#6A6A6A;
    font-weight:bold;
}
#model-navigation li ul li p {
    overflow:hidden;
    margin:0 0 10px;
    color:#4C4C4C;
}
#model-navigation li ul li .wrapper {
    height:14px;
}
#model-navigation li ul li .price {
    float:left;
}
#model-navigation li ul li .offers {
    float:right;
    background:url(/img/small-light-grey-arrow.gif) no-repeat 0px 5px;
    padding-left:8px;
}
#model-navigation li ul li .offers a {
    font-weight:normal;
}
#model-navigation li ul li .arrow_link {
    font-weight:bold;
    background:#202D57 url(/img/darkblue_button_bg.gif) no-repeat top right;
    padding:2px 25px 2px 5px;
}
#model-navigation li ul li .arrow_link a:link,
#model-navigation li ul li .arrow_link a:visited {
    color:#FFFFFF;
    text-decoration:none;
    display:block
}
#model-navigation li ul li .arrow_link a:hover,
#model-navigation li ul li .arrow_link a:active {
    color:#666666;
}
/*Set individual UL widths*/
#model-navigation #model-7 ul,
#model-navigation #model-z4 ul {
    width:183px;/*1 car*/
}
#model-navigation #model-6 ul {
    width:380px;/*2 cars*/
}
#model-navigation #model-1 ul,
#model-navigation #model-3 ul,
#model-navigation #model-5 ul,
#model-navigation #model-m ul {
    width:570px;/*3 cars*/
}
#model-navigation #model-x ul {
    width:760px;/*4 cars*/
}
/*Drop shadows*/
.shadow-one {
    position: absolute;
    padding-top: 16px;
    padding-left: 16px;
}
.corner-a {
    position:absolute;
    right:0;
    top:0;
    width:16px;
    height:16px;
    background:url(/img/nav/top/qms-drop-shadow.png) right top no-repeat;
}
.corner-b {
    position:absolute;
    left:0;
    bottom:0;
    width:16px;
    height:16px;
    background:url(/img/nav/top/qms-drop-shadow.png) left bottom no-repeat;
}
.shadow-two {
    background:url(/img/nav/top/qms-drop-shadow.png) right bottom no-repeat;
}
.shadow-three {
    position:relative;
    left:-16px;
    top:-16px;
    background:url(/img/nav/top/qms-drop-shadow.png) left top no-repeat;
}
.shadow-four {
    position:relative;
    left:8px;
    top:8px;
}

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