@font-face {font-family: "Mazda";
  src: url('/dealersite/fonts/mazda_rg/mazda_rg-regular.eot');
  src: local('?'),
    url('/dealersite/fonts/mazda_rg/mazda_rg-regular.ttf') format('truetype');
}

@font-face {font-family: "Arial Narrow";
  src: url('/dealersite/fonts/arial/arial_narrow.eot');
  src: local('?'),
    url('/dealersite/fonts/arial/arial_narrow.ttf') format('truetype');
}


body, td, p, ol, ul, li {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #3A3A3A;}
body {background: #000 url(/img/en/bg.jpg) top center no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: top; overflow-x: hidden;}

#h1Wrapper {height: 36px;}
html.ie #h1Wrapper {height: 30px;}
h1 {font-size: 20px; font-family: "Mazda"; font-weight: normal; color: #ccc; text-align: left; margin: 10px 0; padding: 0 0 0 5px;}
html.ie h1 {margin-top: 12px;}
h2 {font-size: 16px; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #006EBB; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #234283; font-weight: normal; text-decoration: none;}
h1 a:link, h1 a:visited {color: #3A3A3A;}
h1 a:hover, h1 a:focus, h1 a:active {color: #172D57;}

a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr, 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; color: #ccc;}

a img {border: none;}

html.ie img {-ms-interpolation-mode: bicubic;}

sup {line-height: 0;}
hr {color: #DEDEDE; background-color: #DEDEDE; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: justify;}
div.text p {line-height: 16px; margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p.readmore {font-size: 10px; margin-bottom: 0;}
div.text p.copyr {font-size: 10px; line-height: 14px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; line-height: 16px; padding: 0 0 0 10px; background: url(/img/global/bullet.png) 0 6px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {list-style-type: decimal; line-height: 16px; padding: 0; background: none;}
div.text a:link, div.text a:visited,
div.text a:hover, div.text a:focus, div.text a:active {font-weight: normal;}
div.text a.bold:link, div.text a.bold:visited,
div.text a.bold:hover, div.text a.bold:focus, div.text a.bold:active {font-weight: bold;}
p.last {margin-bottom: 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; clear: both;}
.form {font-size: 10px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #272727; color: #c4c4c4; font-weight: bold;}
.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #c4c4c4; background-color: #272727;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #c4c4c4; background-color: #272727;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #c4c4c4; background-color: #272727;}
.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;}
.center {text-align: center;}
.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:#c4c4c4; font-weight: bold;}
.dpwnb {font-size: 9px; color:#c4c4c4;}
.dpwnb1 {font-size: 9px; color:#c4c4c4; line-height: 115%;}
.dpb{font-size: 12px; color: #272727; font-weight: bold;}
.dpbw {font-size: 1px; color:#c4c4c4; font-weight: bold;}
.dpbws2 {font-size: 10px; color:#c4c4c4; font-weight: bold;}
.dpbws {font-size: 10px; color:#c4c4c4; font-weight: bold;}
.dpbws:link {font-size: 10px; color:#c4c4c4; font-weight: bold;}
.dpbws:visited {font-size: 10px; color:#c4c4c4; font-weight: bold;}
.dpbws:hover {font-size: 10px; color:#c4c4c4; font-weight: bold;}
.results-header {font-size: 10px; font-weight: bold; color: #c4c4c4; background-color: #272727;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }

TABLE.Specs              {border-spacing: 1px; margin: 0; padding: 0;}
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: #272727; color: #c4c4c4; font-weight: bold; border-top: 1px outset #c4c4c4; border-bottom: 1px outset #c4c4c4;}
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:#c4c4c4; font-weight: bold; background-color: #272727;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #DEDEDE;}


a.careerApplyLink:link, a.careerApplyLink:visited {color: #c4c4c4; text-decoration: none; font-size: 10px;}
a.careerApplyLink:hover, a.careerApplyLink:focus, a.careerApplyLink:active {color: #c4c4c4; text-decoration: underline; font-size: 10px;}

/* GLOBAL CLASSES */
ul.customlist {list-style: none; margin: 0; padding: 0;}
ul.customlist li {margin: 0; padding: 0;}
ul.customlist li.last {margin-right: 0 !important;}

dl.customlist {margin: 0; padding: 0;}
dl.customlist dt {margin: 20px 0 0 0; padding: 0;}
dl.customlist dt.first {margin-top: 0;}
dl.customlist dd {margin: 0; padding: 0 0 0 15px;}

ul.btnslist {list-style: none; overflow: hidden; margin: 0; padding: 0;}
ul.btnslist li {float: left; margin: 0 10px 0 0; padding: 0;}
ul.btnslist li.last {margin-right: 0 !important;}
ul.btnslist li a {display: block;}
ul.btnslist li img {display: block;}
html.ie ul.btnslist {height: 1px; overflow: visible;}

div.businesshours {margin: 20px 0 0 0;}
div.businesshours p {margin: 0; padding: 0;}
div.businesshours p.title {font-size: 14px;}
div.businesshours p.subtitle {font-size: 12px; padding-top: 15px; padding-bottom: 5px; padding-left: 10px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours ul li {font-size: 11px; margin: 0 0 2px 0;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li span {display: block; float: left; width: 75px;}

div.businesshours .morepadding {padding: 10px;}

div.multicols {overflow: hidden;}
div.multicols div.item {float: left; margin-right: 20px; letter-spacing:-1px;}
div.multicols div.itemLast {margin: 0;}
div.multicolsFixed div.item {width: 350px;}
html.ie div.multicols {height: 1px; overflow: visible;}

.addmargin {margin-bottom: 30px;}
.positionner {position: relative; width: 1px; height: 1px; }
.addpadding {padding-top: 10px;}

/* MAIN LAYOUT */
table#mainwrap {width: 980px; height: 100%; margin: 0 auto;}

td#header {height: 458px; vertical-align: top;}
html.ie td#header {}

td#sidebar {width: 235px; vertical-align: top;}

td#content {width: 720px; min-height: 500px; vertical-align: top;}

td#footer {width: 980px; text-align: left; vertical-align: top;}


/* TOP MENU */
#topmenu {width: 100%; height: 20px; background-color: white; border-bottom: 1px grey solid; -webkit-box-shadow: 2px 2px 2px #111; -moz-box-shadow: 2px 2px 2px #111; box-shadow: 2px 2px 2px #111; }
#topmenu #topmenuIconsWrapper {position: relative; width: 700px; background-color: blue; text-align: center; margin: 0 auto;}
#topmenu ul {position: absolute; left: 345px; width: 615px;}
#topmenu .topmenuItem {width: 90px; display: block; height: 25px; cursor: pointer; color: #111; padding-right: 25px; text-align: right;}
#topmenu .topmenuItem span {margin: 0; padding: 0 15px 0 0; font-size: 10px; line-height: 20px;}
#topmenu .topmenuItem:hover {text-shadow: 2px 2px 5px #aaa; filter: dropshadow(color=#aaa, offx=2, offy=2); }
#topmenu .topmenuTeam {width: 100px; background: url(/img/en/topmenu_icon_team.png) top right no-repeat;}
#topmenu .topmenuContact { background: url(/img/en/topmenu_icon_mail.png) top right no-repeat;}
#topmenu .topmenuHome { background: url(/img/en/topmenu_icon_home.png) top right no-repeat;}
#topmenu .topmenuFacebook { background: url(/img/en/topmenu_icon_facebook.png) top right no-repeat;}
html.ie #topmenu .topmenuItem:hover {text-shadow: none; filter: none;}
html.ie #topmenu .topmenuItem {width: 125px;}
html.ie #topmenu ul {left: 305px;}




/* HEADER */
.noheaderimg {height: 185px !important;}

div#headerContent {position: relative; height: 458px; z-index: 999;}

div#headerContent #mainlogo {position: absolute; top: 10px; left: -180px;}
div#headerContent #mainlogo2 {position: absolute; top: 40px; left: 750px; padding: 0 0 0 10px;}
div#headerinfos {position: absolute; top: 40px; left: 560px; text-align: right; border-right: 1px solid #ccc; padding: 0 20px 0 0;}
div#headerinfos p {margin: 0; padding: 0; color: white;}

ul#mainnav {position: absolute; top: 138px; left: 0; overflow: visible; z-index: 999; margin: 0; background: #414141; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
ul#mainnav li.item {position: relative; float: left; margin: 0;}
ul#mainnav li.first div.item{-moz-border-radius-topleft: 10px; border-top-left-radius: 10px;}
ul#mainnav li.last div.item{-moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
ul#mainnav li.item a {font-weight: normal; text-shadow: 2px 2px rgba(0,0,0,.1);}
ul#mainnav li.item div.item {height: 40px; overflow: visible; line-height: 40px; padding: 0 5px; margin: 0; z-index: 999; border: 1px solid #555; border-right: none; background: #414141;
  background: -moz-linear-gradient(top, #414141 30%, #1A1A1A 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#414141), color-stop(100%,#1A1A1A));
}
ul#mainnav li.item div.item a {display: block; font-family: "Mazda"; font-size: 11px; color: white; }

.ie ul#mainnav li.last div.item a {padding-left: 9px; padding-right: 8px; letter-spacing: -1px; }

ul#mainnav li.item div.item span {display: block; font-size: 18px; line-height: 24px; text-transform: uppercase;}
ul#mainnav li.item div.item a:link span, ul#mainnav li.item div.item a:visited span {color: #E9E6D3; text-shadow: none; text-shadow: 2px 2px rgba(0,0,0,.7);}
ul#mainnav li.item div.item a:hover span, ul#mainnav li.item div.item a:focus span, ul#mainnav li.item div.item a:active span {text-shadow: 2px 2px 5px #ccc;}
ul#mainnav li.item div.on a:link, ul#mainnav li.item div.on a:visited,
ul#mainnav li.item div.on a:hover, ul#mainnav li.item div.on a:focus, ul#mainnav li.item div.on a:active,
ul#mainnav li.item div.on a:link span, ul#mainnav li.item div.on a:visited span,
ul#mainnav li.item div.on a:hover span, ul#mainnav li.item div.on a:focus span, ul#mainnav li.item div.on a:active span {color: white; text-shadow: 2px 2px 5px #ccc;}
ul#mainnav li.item ul {position: absolute; top: 41px; left: 0; display: none; z-index: 999; opacity: .9; -webkit-box-shadow: 5px 5px 5px #111; -moz-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px #111;}
ul#mainnav li.item ul li {float: none; background: #1b1b1b; border-top: none; border-bottom: none; padding-left: 5px; border-right: 1px solid #555; border-left: 1px solid #555; z-index: 999;}
ul#mainnav li.item ul li:first-child {border-top: 1px solid #555;}
ul#mainnav li.item ul li:last-child {border-bottom: 1px solid #555;}
ul#mainnav li.item ul a {display: block; padding: 4px 0; font-family: "Mazda"; font-size: 10px; color: white;}
ul#mainnav li.item ul a:link, ul#mainnav li.item ul a:visited {color: #FFF; font-weight: normal; text-decoration: none;}
ul#mainnav li.item ul a:hover, ul#mainnav li.item ul a:focus, ul#mainnav li.item ul a:active {color: white; text-shadow: 2px 2px 5px #ccc;}
.ie ul#mainnav {z-index: 50; left: -4px; height: 20px;}
.ie ul#mainnav li.item {position: relative; z-index: 50;}
.ie ul#mainnav li.last {width: 172px;}
.ie ul#mainnav li.item div.item,
.ie ul#mainnav li.item div.item a {float: left;}
.ie ul#mainnav li.item div.item {height: 20px;}
.ie ul#mainnav li.item ul {height: 1px; overflow: visible; width: 150px; background: #414141; z-index: 51;}
.ie ul#mainnav li.item ul li {height: 1px; overflow: visible; background: #414141; border: none;}
.ie ul#mainnav li.item ul li a {float: left; margin: 0;}

#headerWrapper {position: absolute; top: 180px; left: 0; width: 735px; height: 273px; background-color: white; overflow: hidden;}
#headerWrapper div {position: relative; z-index: 1; opacity: 0;}
#headerWrapper div.active {position: absolute; left: 0; top: 0; z-index: 1; opacity: 1;}
#headerWrapper div.last-active {z-index: 1;}
#headerWrapper div.address {position: absolute; top: 150px; left: 10px; width: 225px; height: 90px; padding: 10px; border: 1px solid #555; background-color: #1b1b1b; opacity: .9; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; -webkit-box-shadow: 2px 2px 2px #111; -moz-box-shadow: 2px 2px 2px #111; box-shadow: 2px 2px 2px #111;}
#headerWrapper div.address p {color: #ccc;}
html.ie #headerWrapper {left: -4px;}
html.ie #headerWrapper div.address {width: 247px; top: 173px;}

#contentWrapper {background-color: white; width: 724px; min-height: 515px; height: auto !important; height: 515px; padding: 15px 5px 5px 5px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
#contentWrapper h3 {padding-bottom: 15px;}
html.ie #contentWrapper {width: 731px; height: 562px;}

/* FOOTER */
div#footerLegalText {float: right; text-align: left; width: 780px; font-size: 10px; clear: both;}
div#footerLegalText p {margin: 4px 0 3px 0; font-size: 9px; color: #bbb;}
div#footerLegalText p a {color: #bbb;}
div#footerLegalLogo123 {float: left; text-align: left; width: 150px; height: 33px; margin: 5px; border-width: 0;}
div#footerLegalLogo123 p {margin: 0px; padding: 0 0 0 7px; font-size: 9px; color: #bbb;}


#footerWrapper {width: 100%; height: 375px; background: url(/img/en/bg.jpg) 0 0 #000; border-top: 2px solid #ccc; box-shadow: inset 2px 2px 5px rgba(0,0,0,.5); -webkit-box-shadow:inset 2px 2px 5px rgba(0,0,0,.5); -moz-box-shadow:inset 2px 2px 5px rgba(0,0,0,.5);}
#footerWrapper .inner {width: 980px; margin: 0 auto;}
#footerWrapper .inner .footerSect {width: 315px; height: 250px; float: left; text-align: left; padding: 5px; color: #ccc;}
#footerWrapper .inner .footerSect a {color: #ccc;}
#footerWrapper .inner .footerSect .columnTitle {font-family: "Mazda"; font-size: 16px; color: #ccc; padding: 20px 0; margin: 0; text-shadow: 2px 2px 2px #000;}
#footerWrapper .inner .footerSect .columnTitle a {font-family: "Mazda"; font-size: 16px; color: #ccc;}

#footerWrapper .inner .footerSect dl {}
#footerWrapper .inner .footerSect dl dt {clear: left; float: left;}
#footerWrapper .inner .footerSect dl dd {float: left; margin: 0; padding: 0;}
#footerWrapper .inner .footerSect dl dd dl {float: left;}
#footerWrapper .inner .footerSect dl dd dl dt{clear: left; float: left; width: 40px; margin: 0; padding: 5px 0 0 0;}
#footerWrapper .inner .footerSect dl dd dl dd {float: left; width: 250px; margin: 0; padding: 5px 0 0 0;}

/* SIDEBAR */
#sidebarWrapper {width: 235px; min-height: 891px; background-color: white; float: right; margin: 138px 6px 0 0; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;    -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;}
html.ie #sidebarWrapper {height: 929px;}
#sidebarWrapper .spacer {height: 40px; padding-top: 10px; background: #0A0A0A; /* old browsers */ background: -moz-linear-gradient(left, #0A0A0A 0%, #020202 100%); /* firefox */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0A0A0A), color-stop(100%,#020202)); /* webkit */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0A0A0A', endColorstr='#020202',GradientType=1 ); /* ie */}

#sidebarWrapper .mazdaPromo {width: 194px; height: 255px; text-align: center; margin: 0 auto 10px; border: 1px solid #000;}
html.ie #sidebarWrapper .mazdaPromo {width: auto; border: none;}
#quickmenu {padding: 5px;}
#quickmenu dd {background: url(/img/en/quickmenu_bullet.gif) 0 9px no-repeat; line-height: 25px; padding-left: 10px;}


#sidebarOnlineTools {text-align: center;}
#sidebarOnlineTools .sidebarToolItem {position: relative; width: 214px; height: 41px; background: url(/img/en/bt_template.gif) no-repeat; margin: 10px auto; cursor: pointer;}
#sidebarOnlineTools .sidebarToolItem span {position: absolute; top: 12px; left: 8px; color: #eee; font-family: "Arial Narrow"; font-size: 13px; text-transform: uppercase;}

/* HOME */
/*#homeFeatWrapper {position: absolute; top: 138px; left: 739px; width: 235px; height: 315px; background-color: #fff; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}*/
#homeFeatWrapper {width: 235px; height: 315px; background-color: #fff; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px;}
html.ie #homeFeatWrapper {}
div.headingTitle {height: 40px; background-color: #444; border: 1px solid #555; color: #fff; font-family: Mazda; font-size: 10px; line-height: 40px; padding: 0 0 0 10px; text-align: left; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; background: #414141; background: -moz-linear-gradient(top, #414141 30%, #1A1A1A 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#414141), color-stop(100%,#1A1A1A)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#1A1A1A',GradientType=0 );}

#homeused {width: 235px; text-align: left;}
html.ie #homeused {text-align: center; margin: 0 auto;}
#homeused .usedfeatEmpty {padding: 10px; text-align: justify;}
#homeused p.title {font-size: 18px; margin-bottom: 5px;}
#homeused p.title a {color: #154979;}
#homeused p.title a:hover {text-decoration: underline; color: #0F3355;}
#homeused #usedfeatlist {border: 2px solid #fff;}
#homeused #usedfeatlist li {float: left; width: 225px; height: 60px; margin: 3px; background-color: #DAE2E5; text-align: left;}
html.ie #homeused #usedfeatlist li {padding: 2px 0 0 0;}

/*Enlevé a cause que ca bustait le mainwrap 
  #homeused #usedfeatlist li div.goLink {position: absolute; top: 0; left: 230px;}
*/
#homeused #usedfeatlist li ul li {width: auto; padding: 0;}
#homeused #usedfeatlist li ul li.itemImg {width: 65px; height: 43px; border: 2px solid #aaa;}
#homeused #usedfeatlist li ul li.itemName {width: 144px; height: 15px; line-height: 24px; font-size: 10px;}
#homeused #usedfeatlist li ul li.itemKM {float: left; width: 75px; height: 10px; line-height: 16px; clear: both;}
#homeused #usedfeatlist li ul li.itemPrice {float: left; width: 144px; height: 10px; line-height: 30px; color: #18538A;}
.ie #homeused #usedfeatlist li ul li{margin: 0 1px 0 0;}

#homecompare {position: relative; width: 331px; height: 200px; text-align: left; }
#homecompare p {margin: 0; padding: 0;}
#homecompare .clickBtn {position: absolute; left: 250px; top: 10px; width: 60px; height: 16px;}

.mazdaTitle {font-family: "Mazda"; font-size: 16px; color: black; padding: 0; margin: 0;}
.mazdaTitle a {font-family: "Mazda"; font-size: 16px; color: black;}
.mazdaSubTitle {font-family: "Mazda"; font-size: 12px; color: #348CC6; padding: 0; margin: 0;}
.mazdaSubTitle a {font-family: "Mazda"; font-size: 12px; color: #348CC6;}

div#homepromos {width: 320px; float: left; margin-top: 2px;}
div#homepromos .homepromosHead {border-bottom: 1px dotted #000;}
div#homepromos .homepromosHead .clickBtn {position: absolute; top: 10px; left: 235px; width: 60px; height: 16px; }
div#homepromos h2 {}
div#homepromos h2 a:link,
div#homepromos h2 a:visited,
div#homepromos h2 a:active {color: #000;}
div#homepromosbox {width: 320px; }
div#homepromosbox embed,
div#homepromosbox object {width: 294px; height: 200px;}
div#homepromosbox a:link,
div#homepromosbox a:visited,
div#homepromosbox a:active {color: #866214;}
div#homepromosbox a:hover {color: #BC891C;}
div#homepromosbox .promoinfos {height: 55px; color: #414141; border-bottom: 1px dotted #000; margin-top: 5px; overflow: hidden;}
div#homepromosbox .promoinfos .clickBtn {position: absolute; top: 10px; left: 235px; width: 60px; height: 16px; }
div#homepromosbox .promoinfos p {width: 160px; float: left; margin: 0 0 0 5px; text-align: left; font-size: 10px; }
div#homepromosbox .promoinfos .promophoto {width: 60px; height: 40px; float: left;}
div#homepromosbox .promoinfos .promophoto img {border: 1px solid #000;}
.ie div#homepromosbox {width: 314px; height: 313px;}

/* NEW CARS */
#wrap {position: relative; width: 100%; margin: auto;}
#popGallery {position: relative; width: 980px; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1100; background-color: #232323;}
#popBox {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
#popBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}

.modelCallWrapper {text-align: left;}
.modelCall {width: 210px; text-align: left; list-style: none; overflow: hidden; float: left; margin: 0; padding: 0 0 0 10px; }
.modelCall li {float: left; padding-bottom: 20px; }
.modelCall li a {font-family: "Mazda"; font-size: 12px; }

.sectionLink {clear: both; text-align: left; font-family: "Mazda"; font-size: 12px; margin: 0; padding: 10px 0;}

#flashGallery {float: left;}

/* ONLINE REQUESTS */

.serviceBtn {display: block; width: 234px; height: 126px; cursor: pointer;}
.serviceBtn p {font-family: "Mazda"; font-size: 10px;}


#programsWrapper {width: 724px; height: 100px; padding: 20px 0 30px 0;}
#programsWrapper table {width: 724px; height: 100px; }
#programsWrapper table td {width: 33%; height: 100px; vertical-align: top; padding: 10px; border: 1px #ccc dashed;}
#programsWrapper table td p.addpadding {padding-top: 25px;}


/* PERSOPAGE */
div#persopage {margin: 0 -10px;}

.en div#infoLettre {background: url(/img/en/home_info_lettre_bg.jpg) no-repeat; width: 346px; height: 181px; text-align: right; margin: 50px;}
.fr div#infoLettre {background: url(/img/fr/home_info_lettre_bg.jpg) no-repeat; width: 346px; height: 181px; text-align: right; margin: 50px;}
div#infoLettre form {margin: 0; padding: 75px 0 0 0;}
div#infoLettre form input {width: 140px; margin: 1px 0;}
div#infoLettre div#errorMessage {display: none;}
div#infoLettre p#merci {padding: 75px 0 0 100px; font-weight: bold; text-align: left;}

/* SITE MAP */
div#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px; }
div#sitemap a:link, div#sitemap a:visited {color: #3A3A3A; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #172D57; font-weight: normal;}
div#sitemap ul {overflow: hidden; margin: 0 0 20px 0; padding: 0; list-style-type: none;}
div#sitemap ul li {float: left; font-size: 11px; margin: 0 10px 0 0; padding: 0 10px 0 0;}
div#sitemap ul li.last {margin-right: 0; padding-right: 0; border-right: none;}
div#sitemap ul li a:link, div#sitemap ul li a:visited,
div#sitemap ul li a:hover, div#sitemap ul li a:focus, div#sitemap ul li a:active {font-weight: bold;}
div#sitemap dl {margin: 0; padding: 0;}
div#sitemap dl.item {float: left; margin: 0 100px 0 0;}
div#sitemap dl.itemLast {margin-right: 0;}
div#sitemap dl dt {margin: 20px 0 0 0; padding: 0;}
div#sitemap dl dt.first {margin-top: 0;}
div#sitemap dl dt a:link, div#sitemap dl dt a:visited,
div#sitemap dl dt a:hover, div#sitemap dl dt a:focus, div#sitemap dl dt a:active {font-weight: bold;}
div#sitemap dl dd {margin: 0; padding: 0 0 0 15px;}
div#sitemap dl dd dl {margin-bottom: 5px;}
div#sitemap dl dd dl dt {margin-top: 5px;}
html.ie div#sitemap,
html.ie div#sitemap ul {height: 1px; overflow: visible;}