body 			{ font: 0.7em Arial, Helvetica, Verdana, Geneva, sans-serif; color: #8F9498; margin: 0 auto; padding: 0; }



.none		{ display: none }
img		{ border: 0; }
a		{ text-decoration: underline; color: #006cb8; }
a:hover		{ text-decoration: underline; }
p		{ margin: 0; padding: 0 0 1.3em 0 }


/* Mazda Logo */

#logoBox	{ margin:0 0 0 50px; padding: 0; width: 722px; height: 63px; }
#mazdaLogo { float: left; width: 218px; background: #fff; height: 63px; }
#mazdaLogo img	{ margin: 25px 0 0 10px; padding: 0; }
#showLogo { float: right; width: 504px; height: 63px; text-align: right; background: #E0EBEB; }
#showLogo img   { margin: 10px 80px 0 0; padding: 0; }

#mainContainer	{margin:0; padding:0;width: 772px; }

#hero			{margin:0 0 5px 0; padding:0; border:7px solid #fff; border-bottom:none;}
#heroVD			{position: absolute; top: 33px; left: 268px; border:7px solid #fff; border-bottom:none;}
#hero img		{display: block;}
#logo_vi		{position: absolute; top: 75px; left: 0; height: 232px;}
*html #logo_vi img	{behavior: url(/Javascript/iepngfix.htc) }

/********************* Left nav ************************/

#divNav	{
	margin: 0 0 0 50px; 
	padding: 0; 
	width: 218px;
	height: 247px;
	font-size: 0.9em;
}

#divNav ul {
	margin: 0;
	padding: 5px;
	list-style: none;
	width: 208px; /* Width of Menu Items */
	background: #C2D6D6;
}
 
#divNav ul li ul {
	padding: 0; 
	background: #E0EBEB;
}

/* Styles for Menu Items */
#divNav ul li a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #336666;
	margin: 0; 
	padding: 3px 5px 4px 10px;
}
#divNav ul li ul li a {
	margin: 0; 
	font-weight: normal; 
	padding: 4px 5px 4px 20px;
	color: #336666 !important;
}

#divNav ul li a:hover { color: #0087CF; background:#E0EBEB; } /* Hover Styles */
#divNav ul li.on a { color: #0087CF; background:#fff; }
#divNav ul li.open a { color: #0087CF; background:#E0EBEB; }

#divNav ul li ul li a:hover, #divNav ul li ul li.on a { background: #fff; }

/********************* Content style *********************/

.homemodels					{ margin: 0; padding: 1em 7px 0 7px}	

#content    { margin: 1em 0; }
#content h1 { font-weight: bold; color: #006cb8; font-size: 130%; margin: 0 0 0.5em 0; }
#content h6 { font-size: 120%; font-weight: bold; color: #006cb8; margin: 0 0 1em 0; }
#content p  {  }

#content .pullLeft			{ float: left; margin-right: 2em; }
#content .pullLeft a		{ display: block; text-decoration: none; margin: 0; padding: 0.2em 0 0.5em 0; font-weight: bold; color: #0099CC; }

#content .nextstep		    { width: 240px; font-size: 0.9em; margin: 4em 0; }
#content .nextstep h4		{ margin: 0; padding: 0 0 5px 0; color:#980B0C; font-size: 1em; font-weight: bold; }
#content .nextstep ul		{ margin: 0; padding: 0; list-style: none; }
#content .nextstep ul li	{ margin: 0; padding:0; border-bottom: 1px solid #E0EBEB; background: url(/NR/rdonlyres/A34EDE29-4C4B-44B1-9143-6958637E8F1B/0/arrow.gif) no-repeat 0 0.65em}
#content .nextstep li a	{ display: block; text-decoration: none; margin:0; padding:5px 0 5px 15px; font-weight: bold; color: #0099CC; }

#content .detailcategory       { border-bottom: 1px solid #B0DAE8; padding: 1em 0; }
#content .detailcategory h1    { font-size: 110%; color: #09c; margin: 0 0 0.4em 0; font-weight: normal; }
#content .detailcategory p     { margin: 0 0 0.8em 0; padding: 0; }
#content .detailcategory table { margin: 0 0 0.8em 0; }
#content .detailcategory th    { text-align: left; font-weight: bold; padding-bottom: 0.2em; }
#content .detailcategory ul    { margin: 0 0 1.5em 0.5em; padding: 0; list-style-type: none; }
#content .detailcategory li    { margin-bottom: 0.5em; }

#content .instructions		{ background: #F0F9FC; padding: 1em 0.5em; }
#content .instructions h1   { font-weight: normal; color: #09c; font-size: 120%; margin: 0 0 0.5em 0; }
#content .instructions p    { font-size: 90%; line-height: 150%; }

#content .detailcategory .categoryheader   { font-weight: bold; border-bottom: 1px solid #E0EBEB; padding-bottom: 0.4em; margin: 1.5em 0 0.4em 0; }

.next, a.next,
.back, .back a	{ padding:0 0 0 6px; margin-top:0.3em; color: #006cb8; text-decoration: none; font-weight: bold;  line-height: normal }

p .next, p a.next,
p .back, p .back a	{ font-size: 1em; }

.next, a.next 	{ background: transparent url(http://www.mazda.fr/images/btn_next.gif) no-repeat 0 0.45em; }
.back, a.back	{ background: transparent url(http://www.mazda.fr/images/btn_back.gif) no-repeat 0 0.35em;}
a.close			{ text-decoration: none; font-weight: bold; padding: 0 18px 5px 0; background: url(http://www.mazda.fr/images/icon_close.gif) no-repeat 100% 0; }

.next a:hover, a:hover.next, 
.top a:hover, a:hover.top, 
.back a:hover, a:hover.back	{ color:#006cb8; }

#launcher    { float: right; background: #E5F5FA; width: 110px; padding: 5px; margin: 0 0 15em 30px; }
#launcher h1 { font-size: 80%; color: #09c; margin: 0.5em 0; }
#launcher p  { font-size: 80%; margin: 0; padding: 0; }

#contacts th    { text-align: left; padding: 1.5em 0; border-bottom: 1px solid #E0EBEB; }
#contacts th h1 { font-size: 100%; color: #09c; margin: 0; }
#contacts td h1 { font-size: 100%; color: #09c; margin: 0; margin-top: 1.5em; }
#contacts th a, #contacts td a   { color: #666; font-weight: normal; background: url(/NR/rdonlyres/F78A1F28-607F-407D-9AD4-7A147E2276D7/0/arrow_grey.gif) 100% 65% no-repeat; padding-right: 1em; }

#downloads th    { text-align: left; padding: 0.5em 0 0 0; color: #09c; font-weight: normal; font-size: 110%; }
#downloads td    { padding: 1em 0; border-bottom: 1px solid #B0DAE8; }
#downloads td h1 { font-size: 100%; color: #09c; margin: 0.3em 0; } 
#downloads td ul { list-style-type: none; padding: 0; margin: 0; }
#downloads td a  { color: #666; font-weight: normal; background: url(/NR/rdonlyres/F78A1F28-607F-407D-9AD4-7A147E2276D7/0/arrow_grey.gif) 100% 65% no-repeat; padding-right: 1em; }

/********************* Bridge Page ***************************/



#bridgeEnglish 		{ display: block; }
#bridgeFrench, #bridgeGerman, #bridgeDanish, #bridgeNorwegian, #bridgeSwedish, #bridgeRU, #bridgeCHFR, #bridgeCHDE, #bridgeCHIT  { display: none; }

.bridgeSelect {
	font-size: 140%;
	color: #006cb8;
	font-weight: bold;
	width: 260px; 
	margin-bottom: 1.3em;
}

.bridgeTabs {
	list-style-type: none;
	padding: 0; margin: 0;
}
.bridgeTabs li {
	float: left;
}
.bridgeTabs li a, .bridgeTabs li a.off {
	display: block;
	margin-right: 2px;
	background: #006cb8;
	color: #fff;
	padding: 0.5em 0.4em 0.5em 0.4em;
	font-weight:bold;
	text-decoration: none;
}
.bridgeTabs li a:hover, .bridgeTabs li a.on {
	display: block;
	margin-right: 2px;
	background: #f2f7f7;
	color: #000;
	padding: 0.5em 0.4em 0.5em 0.4em;
	text-decoration: none;
}

.bridgeModels { 
      background: #f2f7f7; 
      padding: 15px 15px 5px 15px; margin: 0; border: 1px solid #EFF9FB; border-bottom: none; color:#333;
}
.bridgeLinks { 
     background: #fff;      
     padding: 15px 15px 15px 15px; margin: 0 0 1.5em 0; border: 1px solid #EFF9FB; border-top:none; color:#333;
}

h2 { margin:0; padding: 0 0 0.7em 0; color:#006cb8; font-size: 1.2em; font-weight: lighter;} 
.bridgeLinks h2 {margin:0; padding:0; margin-bottom: 8px;}
.bridgeLinks h2 a {margin:0; padding:0; font-weight:bold; text-decoration:none;}
 
/*
.bridgeModels h1   { 
	font-size: 100%; 
	padding: 0; 
	margin: 0 0 1em 0; 
}
.bridgeModels h1 a { 
	color: #666; 
	background: url(/NR/rdonlyres/A34EDE29-4C4B-44B1-9143-6958637E8F1B/0/arrow.gif) 100% 65% no-repeat; 
	padding-right: 1.5em; 
}
.bridgeModels h2 {
	margin: 0; padding: 0;
	margin-bottom: 1em;
	font-size: 120%;	
}
.bridgeModels td a { 
	color: #666; 
	font-weight: normal; 
	display: block;
	margin-bottom: 0.2em;
}

.bridgeTitles { padding: 0.5em 9px; }
.bridgeTitles, .bridgeTitles div { 
	font-weight: bold; 
	color: #0199CB;
}
.bridgeModels .bridgeTitles { padding: 0.5em 0; }
*/
.bridgeListing {
	padding: 0.5em 9px;
	margin: 0;
	list-style-type: none;
}
.bridgeListing li   { padding-bottom: 0.3em; }
.bridgeListing li a { color: #666; }

.bridgePadded { width: 235px; float: left; }



/********************* Bottom navigation *********************/
/* used by Netscape6+/Mozilla, Opera 5+, Konqueror, Safari, OmniWeb 4.5+, ICEbrowser */
body > div#footer 	{ position: fixed;}
#footer 		{ left: 0; bottom: 0; position: absolute; width: 100%; background-color: #006cb8; }

#footer ul 		{ padding: 8px 10px 5px 0; margin: 0 0 0 10px; position: relative; z-index: 9999 }
#footer ul li 		{ display: inline; list-style-type:none; padding: 5px 12px 0 9px; height: 1.3em; background: url(http://www.mazda.co.uk/images/bg_bottomnav_separator.gif) no-repeat 100% 0; }
#footer ul li a 	{ color: #fff; text-decoration: none; font-weight: bold; }
#footer ul li a:hover 	{ color: #7fb5db; }


/**************** popup *******/

#popupClose {
	margin: 1em; padding: 0; list-style: none;
}

#popupClose li {
	display: inline; 
	list-style-type:none; 
	margin: 0; 
	padding: 0 10px 0 14px; 
	height: 1.3em; 
	background: url(/NR/rdonlyres/A34EDE29-4C4B-44B1-9143-6958637E8F1B/0/arrow.gif) no-repeat 0 0.1em;
}

#popupClose li a {
	color: #0099CC; 
	text-decoration: none; 
	font-weight: bold;
}

/**************** extra *******/

.zoom						{ background: #F3F8F8; margin: 0; padding: 0 0 0 10px }
.icon						{ margin: 0; padding: 2px 5px 2px 0; vertical-align: middle }

form				{ margin:0; padding:0;}
form .fieldWidth	{ margin:3px 0 10px 0; padding:0; width: 132px; border: 1px solid #7C7C7C}
form .btn_submit	{ margin:0; padding:1px 5px; border: none; background: #0099cc; color: #fff; letter-spacing: 1px; font-size:0.9em;}

.line				{ margin:0; padding:0; border-top:1px solid #76C8E3; border-bottom:1px solid #76C8E3;}

.footnote  			{ color: #09c; }
.disclaimer			{ font-size: 90%; color: #999; }

.accessibility      { position: absolute; left: -1000px; }

.toolbar
{
	border-right: white 1px groove;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: white 1px inset;
	background-color: gainsboro;
	border-collapse: collapse;
	height: 25px;
	width: 40px;
}

.resourceEditorTable
{
	width: 100%;
	height: 100%;
	border-right: gray 1px solid;
	border-top: white 1px outset;
	border-left: white 1px outset;
	border-bottom: gray 1px groove;
	background-color: #fff;
}
#editConsole
{
	cursor:move
}