





body, td, p, ol, ul, li {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000;}
body {background: #FFFFFF url(http://kanatamazda.com/img/fr/bg.gif) top center repeat-y; margin: 0; padding: 0; text-align: center; vertical-align: top;}

h1 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; height: 44px; margin: 0 0 10px 0; padding: 15px 10px 0 10px; background: url(http://kanatamazda.com/img/fr/header_bg.jpg) 0 0 no-repeat;}
h1.homeh1 {font-size: 14px; height: auto; margin: 0 0 10px 0; padding: 0; background: none;}
h2 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 20px 0 10px 0; padding: 15px 0 0 0; border-top: 1px #DEDEDE solid;}
h2.first {margin-top: 0; padding-top: 0; border: none;}
h3 {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}
h4 {font: bold 12px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 0; padding: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #125997; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #4D95CF; font-weight: bold; text-decoration: none;}

a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr a:link, p.copyr a:visited, p.copyr a:hover, p.copyr a:focus, p.copyr a:active,
div.copyr a:link, div.copyr a:visited, div.copyr a:hover, div.copyr a:focus, div.copyr a:active {font-size: 9px;}

a img {border: none;}

p {margin: 0 0 10px 0; padding: 0;}
p.last {margin-bottom: 0;}
sup {line-height: 0;}
hr {color: #DEDEDE; background-color: #DEDEDE; border: none; height: 1px; margin: 8px 0;}
div.text {text-align: justify; margin: 0 8px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 3px 0 0 15px;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; padding: 2px 0 2px 13px; background: url(http://kanatamazda.com/img/fr/bullet.gif) 0 4px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 3px 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {padding: 1px 0;}

.norm {font-size: 11px;}
.title {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.copyr {font-size: 9px; text-decoration: none;}
.form {font-size: 10px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #125997; color: #FFFFFF; font-weight: bold; }
.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #125997;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #125997;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #125997;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 11px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 9px Arial; color: #000000;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
select.dpt {font-size: 9px; color:#000000;}
.dpt {font-size: 9px; color:#000000;}
.dp {font-size: 8px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.dpw {font-size: 9px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 9px; color:#FFFFFF;}
.dpwnb1 {font-size: 9px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #125997; font-weight: bold;}
.dpbw {font-size: 1px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #125997;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }


TABLE.Specs              { border-spacing: 1px; margin: 0px; padding: 0px; }
TABLE.Specs TR.alt1      { background-color: #EFEFEF; }
TABLE.Specs TR.alt2      { background-color: #DEDEDE; }
TABLE.Specs TD.H1        { font-size: 18px; font-weight: bold; font-family: arial,sans-serif; padding: 2px; }
TABLE.Specs TD.title     { font-size: 18px; font-weight: bold; font-family: arial,sans-serif; }
TABLE.Specs TD.header    { background-color: #125997; color: #FFFFFF; font-weight: bold; border-top: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF; }
TABLE.Specs TD.subheader { background-color: #DEDEDE; color: #000000; font-weight: bold; }
TABLE.Specs TD.elemTitle { font-weight: bold; }
TABLE.Specs TD.command   { background-color: #f7f7f7; border: 1px outset #333366; padding: 4px; }
TABLE.Specs A.selection  { font-family: arial,verdana,helvetica,sans-serif; font-size: 10px; font-weight: bold; padding: 2px; }
TABLE.Specs .dps         { font-size: 10px; }
TABLE.Specs .dpt         { font-size: 9px; }

TABLE.au TD.title        {font-size: 14px; color:#FFFFFF; font-weight: bold; background-color: #125997;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #DEDEDE;}

td#footer {text-align: center; vertical-align: bottom; padding: 20px 20px 10px 20px;}
td#footer p {margin: 10px 0 0 0;}
div.footerlinks {font-size: 9px;}
div.footerlinks a:link, div.footerlinks a:visited {color: #000000; font-weight: normal; text-decoration: none;}
div.footerlinks a:hover, div.footerlinks a:focus, div.footerlinks a:active {color: #125997; font-weight: normal; text-decoration: none;}

td#contentleft {width: 194px; height: 100%; text-align: center; vertical-align: top; padding: 0 3px;}
td#contentleft div.contentleftBtns {margin-top: 5px;}
td#contentleft div.contentleftLogos {margin-top: 5px; border: 2px #DEDEDE solid;}
td#contentleft div.contentleftLogos a {display: block; padding: 5px 0;}
td#contentmiddle {width: 780px; height: 100%; vertical-align: top;}

div#mainlogo {float: left; width: 200px;}

div#topcontact {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: right; text-transform: uppercase; height: 28px; padding: 10px 10px 0 0; background: url(http://kanatamazda.com/img/fr/top_menu_02.jpg) 0 0 no-repeat;}

ul#mainnav {height: 35px; margin: 0; padding: 0 0 0 76px;}
ul#mainnav li {float: left; list-style-type: none; height: 35px; margin: 0; padding: 0;}
ul#mainnav a {display: block;}
ul#mainnav a img {display: block;}

ul#subnav {float: right; width: 590px; height: 16px; margin: 0; padding: 12px 0 0 0; background: url(http://kanatamazda.com/img/fr/top_menu_09.jpg) 0 0 repeat-x;}
ul#subnav li {float: left; list-style-type: none; height: 16px; margin: 0; padding: 0 3px;}
ul#subnav a {display: block;}
ul#subnav a img {display: block;}

div#toplinks {float: left; width: 385px; height: 14px; padding: 14px 0 0 5px; background: url(http://kanatamazda.com/img/fr/top_menu_09.jpg) 0 0 no-repeat;}
div#toplinks a:link, div#toplinks a:visited {color: #125997; font-weight: normal; text-decoration: none;}
div#toplinks a:hover, div#toplinks a:focus, div#toplinks a:active {color: #4D95CF; font-weight: normal; text-decoration: none;}

ul#quickmenu {margin: 0; padding: 5px 6px 0 6px; text-align: left; background: url(http://kanatamazda.com/img/fr/menu_left_02.gif) 0 0 repeat-y;}
ul#quickmenu li {list-style-type: none; padding: 2px 13px; background: url(http://kanatamazda.com/img/fr/bullet.gif) 0 4px no-repeat;}
ul#quickmenu li a:link, ul#quickmenu li a:visited {color: #000000; font-weight: normal; text-decoration: none;}
ul#quickmenu li a:hover, ul#quickmenu li a:focus, ul#quickmenu li a:active {color: #125997; font-weight: normal; text-decoration: none;}

div.businesshours {text-align: left; margin-top: 5px; padding: 5px; background-color: #DEDEDE;}
div.businesshours div.bhtitle {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; margin-bottom: 2px;}
div.businesshours ul {margin: 0; padding: 0;}
div.businesshours ul li {list-style-type: none; font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif; padding: 2px 0;}
div.businesshours ul li span {display: block; float: left; width: 80px;}
div.businesshours a:link, div.businesshours a:visited {color: #000000; font-weight: bold; text-decoration: none;}
div.businesshours a:hover, div.businesshours a:focus, div.businesshours a:active {color: #125997; font-weight: bold; text-decoration: none;}

div#featused {height: 240px; margin: 5px 0 0 0; padding: 45px 6px 0 6px; background: url(http://kanatamazda.com/img/fr/menu_left_featured.gif) 0 0 no-repeat;}
div#featused div#featusedImg {margin-bottom: 10px;}
div#featused div#featusedImg img {width: 182px; height: 137px;}
div#featused div#featusedInfo {font-weight: bold;}
div#featused div#featusedInfo div#featusedInfoPrice {font-size: 16px; font-weight: bold; color: #FF0004; margin-top: 10px;}

div.mazdapromo {height: 270px; margin: 5px 0 0 0; padding: 15px 0 0 0; background: url(http://kanatamazda.com/img/fr/menu_left_mazda.jpg) 0 0 no-repeat;}

div#homepromo {text-align: center; width: 346px; padding: 40px 10px 0 10px; background: url(http://kanatamazda.com/img/fr/accueil_05.jpg) -10px 0 no-repeat;}
div#homepromo div.homepromoContent {text-align: center; width: 346px; height: 275px; overflow: auto; margin: 0 auto;}
div#homepromo div.homepromoContent p {text-align: left;}
div#homepromo div.homepromoImg img {height: 230px;}
div#homepromo div.homepromoImgGen {margin: 0 0 10px 0;}
div#homepromo div.homepromoImgGen img {height: 160px;}
div#homepromo div.homepromoImgVeh {margin: 0 0 10px 0;}
div#homepromo div.homepromoImgVeh img {height: 160px;}

div#homenews {float: right; text-align: left; width: 347px; height: 425px; padding: 100px 20px 0 20px; background: url(http://kanatamazda.com/img/fr/accueil_06.jpg) 0 -10px no-repeat;}
div#homenews div#homenewsContent {height: 374px; overflow: auto;}
div#homenews p {text-align: left; margin: 0 0 10px 0; padding: 0;}
div#homenews p#homenewsTitle {font-size: 14px; font-weight: bold;}
div#homenews div#homenewsText {margin-bottom: 10px;}
div#homenews div#homenewsImg img {height: 125px;}

div#hometext {padding: 10px; background-color: #EFEFEF; border-top: 1px #DEDEDE solid;}

div#newmodel {overflow: hidden; margin: 0 10px 10px 10px; padding: 10px; background-color: #EFEFEF;}
div#newmodelBig {width: 710px; margin-bottom: 1px; padding: 5px 0; background-color: #FFFFFF; border: 1px #DEDEDE solid;}
div#newmodelBig img {display: block;}
div#newmodelPics {width: 710px; height: 52px;}
div#newmodelPicsExt {height: 37px;}
div#newmodelPicsInt {height: 34px;}
div#newmodelPics a {display: block; float: left; margin: 0 0 0 1px; padding: 5px; background-color: #FFFFFF; border: 1px #DEDEDE solid;}
div#newmodelPics a.first {margin-left: 0;}
div#newmodelPics a img {width: 58px; height: 24px;}

div#servicesects {width: 610px; height: 310px; margin-bottom: 5px;}
div#servicesects div.servicesectsItem {float: left; margin: 0 20px 10px 0; padding: 0 20px 0 0; border-right: 1px #DEDEDE solid;}
div#servicesects div.last {margin-right: 0; padding-right: 0; border: none;}
div#servicesects div.servicesectsText {text-align: left; padding: 0 0 0 5px;}
div#servicesects div.servicesectsText div.bhtitle {font-weight: bold; margin-bottom: 2px;}
div#servicesects div.servicesectsText ul {margin: 0; padding: 0;}
div#servicesects div.servicesectsText ul li {list-style-type: none; padding: 2px 0;}
div#servicesects div.servicesectsText ul li span {display: block; float: left; width: 80px;}

div.servicesectsEN {width: 650px !important;}
div.servicesectsEN div.servicesectsItem {text-align: left;}

div.servicecol {float: right; width: 250px; margin: 0 0 10px 10px; padding: 10px; background-color: #EFEFEF;}
div.servicecol ul {padding: 0;}

div#partsimgs {margin: 0 10px;}
div#partsimgs div {float: left; margin: 0 20px 20px 0; padding: 0 20px 0 0; border-right: 1px #DEDEDE solid;}
div#partsimgs div.last {margin-right: 0; padding: 0; border: none;}

div#requestsbtns {height: 284px; margin: 0 8px;}
div#requestsbtns div {float: left; margin: 0 20px 10px 0; padding: 0 20px 0 0; border-right: 1px #DEDEDE solid;}
div#requestsbtns div.last {margin-right: 0; padding-right: 0; border: none;}

div#shoppingbtns {height: 132px; margin: 0 8px;}
div#shoppingbtns div {float: left; margin: 0 20px 10px 0; padding: 0 20px 0 0; border-right: 1px #DEDEDE solid;}
div#shoppingbtns div.last {margin-right: 0; padding-right: 0; border: none;}

div#promossects {width: 758px; height: 245px; margin-bottom: 20px;}
div#promossects div {float: left;}

div#programslist {width: 533px; height: 55px;}
div#programslist div {float: left; margin: 0 10px 0 0;}
div#programslist div.last {margin: 0;}

div#contactinfo {float: right; text-align: left; width: 260px;}
div#contactinfo div#contactinfoMain {padding: 10px; background-color: #DEDEDE;}
div#contactinfo div#contactinfoBody {margin-top: 2px; padding: 10px; background-color: #EFEFEF;}
div#contactinfo div#contactinfoBtns {text-align: center; margin-top: 30px;}

table#sitemap {width: 764px; margin: 0 auto;}
table#sitemap tr td {padding: 5px 10px; width: 33%; vertical-align: top; background-color: #EFEFEF;}
table#sitemap ul {margin: 0; padding: 0;}
table#sitemap ul li {margin: 0; padding: 0; list-style-type: none;}
table#sitemap ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li {font-style: italic; padding: 3px 0;}
table#sitemap ul li ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li ul li {font-style: normal; padding: 3px 0;}
table#sitemap ul.ulinline {margin: 0; padding: 0;}
table#sitemap ul.ulinline li {display: inline; padding: 0 10px; border-right: 1px #999 solid; color: #000000;}
table#sitemap ul.ulinline li.first {padding: 0 10px 0 0;}
table#sitemap ul.ulinline li.last {padding: 0 0 0 10px; border: none;}
table#sitemap a:link, table#sitemap a:visited {color: #000000; font-weight: normal; text-decoration: none;}
table#sitemap a:hover, table#sitemap a:focus, table#sitemap a:active{color: #125997; font-weight: normal; text-decoration: none;}
