/* **************************** */
/* Brand */
/* **************************** */
#viBranding		{height: 232px; margin: 14px 0 0 0px!important; position: relative;}
* html #viBranding img	{behavior: url(../js/iepngfix.htc);}

/* as part of BG
#viBranding		{height: 262px; margin-left: 0px!important; background: transparent url(../i/mazda_logo_vi.png) no-repeat 0 40px;}
*html #viBranding	{background: transparent url(../i/mazda_logo_vi.gif) no-repeat 0 40px;}
#viBranding .logo img	{margin-top:40px;}
*/



/* **************************** */
/* PRIMARY NAVIGATION */
/* **************************** */
#viTopNav		{position: relative; z-index: 100; height: 29px; min-width: 950px; margin-bottom: 23px; background-color: #fff; font-size: 11px;}
* html #viTopNav	{width: 100%;}
* html #viTopNav ul	{width: 990px;}

/*1st level: */
#nav, #nav ul		{float: left; position: relative; list-style: none; line-height: 1; background-color:#fff; font-weight: bold; margin: 0; padding: 0;}
#nav li			{float: left; padding: 0; margin:0;}
#nav a			{display: block; color: #8f9498; text-decoration: none; padding: 9px 15px; background: transparent url(../i/bg_topnav_separator.gif) no-repeat 0 0;}

/* 2nd level: */
#nav li ul		{width: 150px; font-weight: normal; margin: 1px 0 0 8px; padding: 7px 0;}
* html #nav li ul	{border: solid 1px #000; margin-top: 0px;}
#nav li div		{position: absolute; left: -999em; height: auto; width: 166px; padding: 0 0 8px 0; background: transparent url(../i/bg_nav_shadow.png) no-repeat 50% 100%;}
* html #nav li div	{background-image: none;}
#nav li li		{float: none; margin: 0; padding: 0; background: #fff; position: relative;}
#nav li ul a		{width: auto;  padding: 3px 6px 3px 10px;}

/* 3rd level: */
#nav li ul ul		{position:relative; float: none; margin: 0 0 5px 8px; padding:0; font-size: 1em; border: none; width: auto}
#nav li ul ul li	{float: none}
#nav li ul ul li a	{padding: 2px 4px 2px 8px;}
#nav li:hover ul ul, 
#nav li.sfhover ul ul	{display:block}

#nav li:hover div, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover div, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul	{left: auto;}

#nav li:hover a,  
#nav li.sfhover a	{color: #006cb8;}
#nav li:hover li a,  
#nav li.sfhover li a	{color: #8f9498;}

#nav li:hover li:hover a,  
#nav li.sfhover li:hover a	{color: #006cb8; background: transparent url(../i/btn_next.gif) no-repeat 4px 0.5em;}
#nav li:hover li:hover li a,  
#nav li.sfhover li:hover li a	{color: #8f9498; background-image: none}
#nav li:hover li:hover li:hover a,  
#nav li.sfhover li:hover li:hover a	{color: #006cb8}

#nav li li a:hover, 
#nav li.on li a:hover	{background: transparent url(../i/btn_next.gif) no-repeat 4px 0.5em!important; color: #006cb8;}
#nav li:hover, 
#nav li.sfhover		{background: #fff;}

#nav li.on a		{background: transparent url(../i/bg_topnav_separator_next.gif) no-repeat 0 0; color: #006cb8;}
#nav li.on li a		{background-image: none!important;}	

/* show selected link */
#nav li.on li.on a		{background: transparent url(../i/btn_next.gif) no-repeat 4px 0.5em!important; color: #006cb8; font-weight:bold}
#nav li.on li.on li a		{background:none!important; color: #999;  font-weight:normal}
#nav li.on li.on li a:hover	{color: #666!important;}
#nav li.on li.on li.on a	{font-weight: bold; color: #666}

#nav li li a		{background-image: none!important;}
#nav li.cta a		{color: #006cb8!important; font-weight: bold;}	
#nav li.cta.first	{margin: 5px 0 0 0; padding-top: 5px}	

/* Fix IE. Hide from IE Mac \*/
* html #nav ul li	{float: left; height: 1%;}
* html #nav ul li a	{height: 1%;}
/* End */

.hide				{ position: absolute; left: -999em; width: 30em; overflow: hidden; } 

/* **************************** */
/* Zoom-zoom bar */
/* **************************** */
body > div#footer	{position: fixed;}
#footer			{font-family: Arial; left: 0; bottom: 0; position: absolute; width: 100%; background-color: #006cb8 /*url(../i/bg_bottomnav.gif) repeat-x;*/}
#nextstep		{width: 950px;}
#nextstep ul		{padding: 4px 10px 4px 0; margin: 0 0 0 10px; font-size: 11px; position: relative; z-index: 9999;}
#nextstep li		{display: inline; list-style-type:none; padding: 5px 12px 0 9px; height: 1.3em; background: url(../i/bg_bottomnav_separator.gif) no-repeat 100% 0;}
#nextstep li a		{color: #fff; text-decoration: none; font-weight: bold;}
#nextstep li a:hover	{color: #7fb5db;}
#nextstep li a.on	{font-weight: bold;}

* html #footer {
	right: auto; bottom: auto;
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}