





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

h1 {font: normal 18px Arial, Helvetica, Verdana, Geneva, sans-serif; margin: 0; padding: 0 25px 0 0; color: #A9A9A9;}
h1.homeh1 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; margin: 0 0 10px 0; padding: 0; color: #000000;}
h2 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 0 0 10px 0; padding: 0;}
h2.subh2 {padding-top: 10px; border-top: 1px #DEDEDE solid;}
h3 {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; margin: 0; padding: 0;}
h4 {font: bold 12px Arial, Helvetica, Verdana, Geneva, sans-serif; margin: 0; padding: 0;}

p {margin: 0 0 10px 0; padding: 0;}
p.last {margin-bottom: 0;}
div.text {text-align: justify; margin: 0 10px 0 3px;}
sup {line-height: 0;}

.nobr {white-space: nowrap;}

.ul {margin-bottom: 2px; margin-left: 90px; margin-right: 90px; font-weight: bold; text-align: left;}
.li {margin-top: 2px; margin-bottom: 7px; margin-left: 110px; margin-right: 110px; font-style: italic; line-height: 105%; text-align: left;}

.ul2 {margin-bottom: 4px; margin-left: 0px; margin-right: 0px; font-weight: bold;  text-align: left;}
.li2 {margin-top: 2px; margin-bottom: 7px; margin-left: 10px; margin-right: 10px; font-style: italic; line-height: 105%; text-align: left;}

.j {text-align: justify; width: 90%;}

a:link, a:visited {color: #3B8BC8; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #999999; font-weight: bold; text-decoration: none;}

a.bullet:link, a.bullet:visited {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #3B8BC8; text-decoration: none; text-align: left; display: block; min-height: 15px; padding: 3px 3px 3px 30px; background: url(/img/fr/bullet.gif) 0 0 no-repeat; border: 1px #3B8BC8 solid;}
a.bullet:hover, a.bullet:focus, a.bullet:active {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #999999; text-decoration: none; text-align: left; display: block; min-height: 15px; padding: 3px 3px 3px 30px; background: url(/img/fr/bullet.gif) 0 0 no-repeat; border: 1px #3B8BC8 solid;}

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;}

.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: #3B8BC8; 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: #3B8BC8;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #3B8BC8;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #3B8BC8;}
.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;}
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: #3B8BC8; 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: #3B8BC8;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }
.facebook {background-color:#FFF}

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: #3B8BC8; 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: #3B8BC8;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #DEDEDE;}

td#footer {text-align: center; vertical-align: bottom; padding: 110px 20px 10px 20px; background: url(/img/fr/footer.gif) 0 0 no-repeat;}
td#footer.footerhome {background: url(/img/fr/footer_home.gif) 0 0 no-repeat;}
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: #3B8BC8; font-weight: normal; text-decoration: none;}

td#contentleft {width: 230px; height: 100%; text-align: center; vertical-align: top; padding: 0 5px 0 17px; background: url(/img/fr/bg_content.gif) 0 0 repeat-y;}
td#contentmiddle {width: 711px; height: 100%; vertical-align: top; padding: 20px 12px 0 5px; background: url(/img/fr/bg_content.gif) top right repeat-y;}
td#contentmiddle.home {width: 956px; padding: 20px 12px 0 12px; background: url(/img/fr/bg_home.gif) 0 0 repeat-y;}

td#mainnav {height: 48px; padding: 0 0 0 12px; background: url(/img/fr/menu_top_bg.gif) 0 0 no-repeat;}
td#mainnav ul {margin: 0; padding: 0; height: 48px;}
td#mainnav ul li {float: left; list-style-type: none; margin: 0; padding: 0; height: 48px;}
td#mainnav img {display: block;}

td#subnav {width: 728px; height: 33px; background: url(/img/fr/menu_top_bg2.gif) top right no-repeat;}
td#subnav ul {margin: 0; padding: 0; height: 33px;}
td#subnav ul li {float: left; list-style-type: none; margin: 0; padding: 0; height: 33px;}
td#subnav img {display: block;}

td#topcontact {height: 97px; padding: 0 0 0 50px; background: url(/img/fr/menu_top_09.jpg) 0 0 no-repeat;}

td#h1td {height: 64px; text-align: right; vertical-align: bottom; background: url(/img/fr/header_bg.gif) top right no-repeat;}

ul#quickmenu {margin: 0 0 20px 0; padding: 0; text-align: left; border-bottom: 1px #3B8BC8 solid;}
ul#quickmenu li {list-style-type: none;}
ul#quickmenu li a:link, ul#quickmenu li a:visited {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #999999; text-decoration: none; display: block; min-height: 15px; padding: 3px 3px 3px 30px; background: #FFFFFF url(/img/fr/bullet.gif) 0 0 no-repeat; border: 1px #3B8BC8 solid; border-bottom: none;}
ul#quickmenu li a:hover, ul#quickmenu li a:focus, ul#quickmenu li a:active {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #3B8BC8; text-decoration: none; display: block; min-height: 15px; padding: 3px 3px 3px 30px; background: #FFFFFF url(/img/fr/bullet.gif) 0 0 no-repeat; border: 1px #3B8BC8 solid; border-bottom: none;}

ul#quickmodels {margin: 5px 0 20px 0; padding: 0 0 0 60px; text-align: left;}
ul#quickmodels li {list-style-type: none;}
ul#quickmodels a:link, ul#quickmodels a:visited {color: #000000; font-weight: normal; text-decoration: none;}
ul#quickmodels a:hover, ul#quickmodels a:focus, ul#quickmodels a:active {color: #999999; font-weight: normal; text-decoration: none;}

div.contentleftBtns {width: 190px; height: 155px; text-align: left; margin: 0 auto 10px auto; padding: 5px 0 0 4px; background: url(/img/fr/menu_left_bt_bg.jpg) 0 0 no-repeat;}

div.mazdapromo {text-align: center; vertical-align: top; width: 205px; margin: 0 auto; padding: 0;}
div.mazdapromo img {width: 194px; height: 255px;}

div.businesshours {font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif; margin-bottom: 10px; padding: 32px 12px 10px 12px; background: url(/img/fr/hours_bg.gif) 0 0 no-repeat; border: 1px #FB7D00 solid;}
div.bhtitle {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif;}
div.bhtitle a:link, div.bhtitle a:visited {color: #000000; font-weight: bold; text-decoration: none;}
div.bhtitle a:hover, div.bhtitle a:focus, div.bhtitle a:active {color: #3B8BC8; font-weight: bold; text-decoration: none;}

div#contactinfo {text-align: left; padding: 10px; background-color: #EFEFEF;}

div#homecontent {width: 562px; height: 285px; margin: 50px auto 20px auto; border: 3px #B6D2F7 solid;}
div#homecontent div#homenews {float: left; width: 255px; height: 265px; text-align: left; vertical-align: top; padding: 10px; border-right: 3px #B6D2F7 solid; position: relative;}
div#homecontent div#homenews div#homenewsTitle {position: absolute; top: -35px; left: 2px;}
div#homecontent div#homenews div#homenewsImg {text-align: center; margin: 0 0 10px 0;}
div#homecontent div#homenews div#homenewsImg img {width: 150px; height: 80px;}
div#homecontent div#homepromos {float: right; width: 263px; height: 265px; text-align: left; vertical-align: top; padding: 10px; position: relative;}
div#homecontent div#homepromos div#homepromosTitle {position: absolute; top: -35px; left: 42px;}
div#homecontent div#homepromos div.homepromosContent {width: 263px; height: 265px; overflow: auto;}
div#homecontent div#homepromos div.homepromosContent p {text-align: left;}
div#homecontent div#homepromos div.homepromosImg {text-align: center; margin-bottom: 10px;}
div#homecontent div#homepromos div.homepromosImg img {width: 245px;}

#homeLogo {float: left;}
#homeLogoPromo {float: left;}

#homesearchbox { width: 649px; margin: 0; padding: 12px 0;}
#homesearchbox #homesearchcontent {position: relative; z-index: 1000; margin: 0 auto; padding: 10px 40px;}
#homesearchbox #homesearchcontent #searchtop {overflow: hidden; margin-bottom: 5px;}
#homesearchbox #homesearchcontent #searchtitle {float: left; padding-top: 5px;}
#homesearchbox #homesearchcontent #searchfilter {float: right; height: 29px; margin: 0; padding: 0; list-style-type: none;}
#homesearchbox #homesearchcontent #searchfilter li {float: left; margin: 0; padding: 10px 0 0 3px;}
#homesearchbox #homesearchcontent #filtermake {top: 218px; left: 192px;}
#homesearchbox #homesearchcontent #filtertype {top: 218px; left: 297px;}
#homesearchbox #homesearchcontent #filterprice {top: 218px; left: 402px;}
#homesearchbox #homesearchcontent #filteroption {top: 218px; right: 40px;}
#homesearchbox #homesearchcontent #filteroption ul {right: 0;}
#homesearchbox #homesearchcontent #filteroption .closebtn {width: 827px;}
#homesearchbox #homesearchcontent a {font-weight: normal;}
#homesearchbox #homesearchcontent .hide {display: none;}
#homesearchbox #homesearchcontent .filter {position: absolute; z-index: 1000; top: 40px; padding: 15px; background: #FFF; border: 1px solid #9E9D9D;}
#homesearchbox #homesearchcontent .filter ul {float: left; margin: 0; padding: 0 0 0 10px; list-style-type: none;}
#homesearchbox #homesearchcontent .filter ul.first {padding-left: 0;}
#homesearchbox #homesearchcontent .filter ul li {margin: 0; padding: 0; text-align: left; white-space: nowrap;}
#homesearchbox #homesearchcontent .filter ul li span {display: block; float: left; width: 30px; padding-right: 5px; text-align: right;}
#homesearchbox #homesearchcontent .closebtn {text-align: center; margin: 0 0 10px 0; padding: 5px 0; background: #EFEFEF; font-weight: bold;}

#homesearchbox #homesearchcontent #prevpack {position: absolute; left: 10px; top: 90px;}
#homesearchbox #homesearchcontent #nextpack {position: absolute; right: 10px; top: 90px;}

#homesearchbox #homesearchcontent #homesearchfeat {overflow: hidden; margin:0 auto; border: solid 1px #8892A1;}
#homesearchbox #homesearchcontent #homesearchfeat .featcar {float: left; margin: 0 0 0 1px; padding: 3px; background: #E7F4FD; border: 4px solid #B5D2FE; text-align: center;}
#homesearchbox #homesearchcontent #homesearchfeat .first {margin-left: 0;}
#homesearchbox #homesearchcontent #homesearchfeat .hide {display: none;}
#homesearchbox #homesearchcontent #homesearchfeat ul {margin: 0; padding: 5px; list-style-type: none;}
#homesearchbox #homesearchcontent #homesearchfeat ul li {margin: 0; padding: 0;}
#homesearchbox #homesearchcontent #homesearchfeat ul li.featmodel {text-align: center; margin-bottom: 5px; padding-bottom: 5px; background: url(/img/fr/dot_horizontal.gif) left bottom repeat-x; font-size: 10px;}
#homesearchbox #homesearchcontent #homesearchfeat ul li.featinfos {text-align: center;}
#homesearchbox #homesearchcontent #homesearchfeat ul li span {display: block; float: left; text-align: left;}
#homesearchbox #homesearchcontent #homesearchfeat .featphoto img {width: 125px; height: 94px; border: 1px solid #A4A09F;}
#filterbox {height: 30px; background: url(/img/fr/home_featured_search_title.gif) left 10px no-repeat;}
.en #filterbox {height: 30px; background: url(/img/en/home_featured_search_title.gif) left 10px no-repeat;}

#homeBatisse {margin-bottom: 15px; width: 569px; height: 294px;}

#betweentdspace {height: 40px; margin: 0 auto; border-left: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A;}


table#newcarsinv {width: 711px; margin-top: 8px;}
table#newcarsinv td {width: 33%; text-align: center; vertical-align: top; padding: 0 0 20px 0;}

div#newmodel {width: 700px; margin-top: 6px; padding-right: 11px;}
div#newmodelBig img {display: block; border: 1px #999999 solid;}
div#newmodelPics {margin: 10px 0 0 1px;}
div#newmodelPicsExt {height: 36px;}
div#newmodelPicsInt {height: 30px;}
div#newmodelPics a {float: left; margin: 0 11px 0 0; border: 1px #999999 solid;}
div#newmodelPics a.last {margin-right: 0;}
div#newmodelPics a img {width: 58px; height: 24px;}

div#usedcarslist {padding-right: 5px;}

table#detailingpacks {width: 709px; margin: 0 auto;}
table#detailingpacks tr td {padding: 5px 10px; vertical-align: top; background-color: #EFEFEF;}
table#detailingpacks tr td.packagedesc {width: 63%; background-color: #DEDEDE;}
table#detailingpacks tr td.packagesubitem {padding-left: 20px;}
table#detailingpacks tr td.packageprice,
table#detailingpacks tr td.packageprice2 {white-space: nowrap;}
table#detailingpacks tr td.header {color: #FFFFFF; background-color: #3B8BC8;}

table#sitemap {width: 709px; 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: #000000; font-weight: normal; text-decoration: underline;}

.couponfield-ok {border: 2px solid #ccc;}
.couponfield-err {border: 2px solid #0000ff;}

div#errorMessage {color: #000; font-weight: bold;}
div#errorMessage a {color: #000; font-weight: bold;}
div#errorMessage p {color: #000; font-weight: bold;}

ul#bodyshoplistreasons {text-align: left;}

#promostext {margin: 10px 30px; }
#batisse{ float: left; margin-top: 30px;}
#batisseEssaiRoutier{ margin-top: 30px;}
/* Mazda Personal Page */
div#persopage {margin: 0 0 0 -9px;}

#homepromo {position: relative; width: 575px; height: 196px; margin-top: 15px; overflow: hidden; background: #DADADA; background: -moz-linear-gradient(top, #DADADA 0%, #FFFFFF 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DADADA), color-stop(100%,#FFFFFF)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DADADA', endColorstr='#FFFFFF',GradientType=0 );}
#homepromo center {display: none;}
#homepromo-shadow {background: url(/img/en/shadow.png) left repeat-y;}
#homepromo #promobox {width: 575px; height: 196px; padding: 0px; overflow: hidden;}
#homepromo .mediaSlideBlock {display: block;}
#homepromo .mediaSlideNone {display: none;}
#homepromo .promoimg {width: 575px; height: 196px;}
#homepromo .promoimg a img {width: 575px; height: 196px;}
#homepromo .promophoto {float: right; margin: 0 0 20px 20px;}
#homepromo .promoinfos {text-align: left;}
#homepromo .promoinfos p {margin: 0 0 10px 0; padding: 0; color: #000;}
#homepromo .promoinfos p.promotitle a {font-size: 14px; font-family: "Futura Medium Condensed";}
#homepromo .promoinfos p.last a:link, #homepromo .promoinfos p.last a:visited,
#homepromo .promoinfos p.last a:hover, #homepromo .promoinfos p.last a:focus, #homepromo .promoinfos p.last a:active {font-weight: bold;}
#homepromo .promoinfos object,
#homepromo .promoinfos embed,
#homepromo .promoinfos iframe {width: 300px; height: 190px;}
#homepromo #promoschoice {padding: 0 0 3px 5px; text-align: left; overflow: hidden; position: absolute; right: 5px;}
#homepromo #promoschoice a {display: block; float: left; font-size: 18px;}
#homepromo #promoschoice ul {display: block; float: right; margin: 5px 5px 0 10px;}
#homepromo #promoschoice ul li {float: left; margin: 0 5px; padding: 0; list-style: none;}
#homepromo #promoschoice ul li a.cSlides {width: 9px; height: 9px; font-size: 1px; text-indent: -9999px;}
#homepromo #promoschoice ul li a.bgClrOn {background: #999; border: 1px solid #fff;}
#homepromo #promoschoice ul li a.bgClrOn:hover {border: 1px solid #333;}
#homepromo #promoschoice ul li a.bgClrOff {background: #ccc; border: 1px solid #fff;}
#homepromo #promoschoice ul li a.bgClrOff:hover {border: 1px solid #333;}
.ie #homepromo {width: 575px; height: 196px;}
.ie #homepromo #promobox {width: 575px; height: 196px;}
