




/* ------------------ Helvetica Condensed ------------------ */
@font-face {font-family: "Helvetica Condensed";
  src: url('/dealersite/fonts/helvetica_condensed/helvetica_condensed.eot');
  src: local('?'),
    url('/dealersite/fonts/helvetica_condensed/helvetica_condensed.ttf') format('truetype');
}
@font-face {font-family: "Helvetica Condensed";
  src: url('/dealersite/fonts/helvetica_condensed/helvetica_condensed_bold.eot');
  src: local('?'),
    url('/dealersite/fonts/helvetica_condensed/helvetica_condensed_bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {font-family: "Helvetica Condensed";
  src: url('/dealersite/fonts/helvetica_condensed/helvetica_condensed_italic.eot');
  src: local('?'),
    url('/dealersite/fonts/helvetica_condensed/helvetica_condensed_italic.ttf') format('truetype');
  font-style: italic;
}

/* ------------------ Humanist ------------------ */
@font-face {font-family: "Humanist";
  src: url('/dealersite/fonts/humanist777/humanist777.eot');
  src: local('?'),
    url('/dealersite/fonts/humanist777/humanist777.ttf') format('truetype');
}
@font-face {font-family: "Humanist";
  src: url('/dealersite/fonts/humanist777/humanist777_bold.eot');
  src: local('?'),
    url('/dealersite/fonts/humanist777/humanist777_bold.ttf') format('truetype');
  font-weight: bold;
}
@font-face {font-family: "Humanist";
  src: url('/dealersite/fonts/humanist777/humanist777_italic.eot');
  src: local('?'),
    url('/dealersite/fonts/humanist777/humanist777_italic.ttf') format('truetype');
  font-style: italic;
}

/* ------------------ Mazda ------------------ */
@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');
}

body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #333333;}
body {background: #DEE3E7 url(/img/global/bg_center.jpg) top center no-repeat fixed; text-align: center; vertical-align: top; margin: 0; padding: 0; overflow-x: hidden;}

h1, h2, h3, h4,
div.text p.textquote,
div#headerinfos p,
td#footer p.title,
td#footer dl dt.title,
div#newmodel div#newmodelPromo p {font-family: "Helvetica Condensed", Arial, Helvetica, Verdana, Geneva, sans-serif; text-shadow: 0 0 #333;}

ul#headerlinks li,
div.titlewrap p,
div.contentmulti div.cmsidebar ul.cmsidebarBtns li,
div#quickhours ul#quickhoursNav li,
div#quickhours div.subitem p.subtitle,
ul#homepromosList p.subtitle,
ul#homenewsList p.subtitle,
table#tableNewInv td,
div#newmodelNews p.subtitle,
div.servicelist ul.featured li,
div#programslist ul li p.title,
div#contactinfo div#contacthours ul#contacthoursNav li,
div#contactinfo div#contacthours div.item p.title {font-family: "Humanist", Arial, Helvetica, Verdana, Geneva, sans-serif; text-shadow: 0 0 #333;}

div#quicklinks p.quicklinksTitle,
div#homepromosHouse div.titlewrap p,
div#homenews div.titlewrap p {font-family: "Mazda", Arial, Helvetica, Verdana, Geneva, sans-serif; text-shadow: 0 0 #333;}

h1 {font-size: 18px; font-weight: normal; color: #000; text-align: left; margin: 0; padding: 0;}
h2 {font-size: 22px; font-weight: normal; text-align: left; margin: 30px 0 10px 0; padding: 0;}
h2.first {margin-top: 0; padding-top: 0; border: none;}
h3 {font-size: 16px; font-weight: normal; text-align: left; margin: 20px 0 5px 0; padding: 0;}
h3.first {margin-top: 0;}
h4 {font-size: 14px; font-weight: bold; text-align: left; margin: 0; padding: 0;}

.nobr {white-space: nowrap;}

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

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

a img {border: none;}

body.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 {font-size: 11px; 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.textquote {font-size: 18px; font-style: italic; color: #818181; text-align: left;}
div.text p.textquote a:link, div.text p.textquote a:visited,
div.text p.textquote a:hover, div.text p.textquote a:focus, div.text p.textquote a:active {font-weight: normal;}
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.special {padding-left: 0;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; font-size: 11px; 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; font-size: 11px; 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: 12px;}
.title {font-size: 14px; font-weight: bold; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; text-decoration: none;}
.copyr {font-size: 10px; text-decoration: none;}
.form {font-size: 11px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #0E6014; 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: #0E6014;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #0E6014;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #0E6014;}
.alt1 {font-size: 12px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 12px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 12px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 10px 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: 10px; color:#000000;}
.dpt {font-size: 10px; color:#333333;}
.dp {font-size: 9px; color:#000000; font-weight: bold;}
.dps {font-size: 12px; color:#333333;}
.dpw {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 10px; color:#FFFFFF;}
.dpwnb1 {font-size: 10px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #0E6014; font-weight: bold;}
.dpbw {font-size: 1px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #0E6014;}
.results-body {font-size: 10px; color: #000000; background-color: #EFEFEF; }

TABLE.Specs              { border-spacing: 0;}
TABLE.Specs table        { border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
TABLE.Specs TR.alt1      { background: none; }
TABLE.Specs TR.alt1 td   { border: 1px #DEDEDE solid; }
TABLE.Specs TR.alt2      { background: none; }
TABLE.Specs TR.alt2 td   { border: 1px #DEDEDE solid; }
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    { color: #333333; font-weight: bold; background: #FFFFFF; border-bottom: 1px #CACACA solid; }
TABLE.Specs TD.header a:link, TABLE.Specs TD.header a:visited {color: #333333 !important;}
TABLE.Specs TD.header a:hover, TABLE.Specs TD.header a:focus, TABLE.Specs TD.header a:active {color: #3C8043 !important;}
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: 11px; font-weight: bold; padding: 2px; }
TABLE.Specs .dps         { font-size: 11px; }
TABLE.Specs .dpt         { font-size: 10px; }

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

div#popGalleryWrap {position: relative; width: 100%; margin: auto;}
div#popBox {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
div#popBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.5;}
div#popGallery {position: relative; width: 980px; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1100; background: #232323;}
body.ie div#popGalleryWrap {height: 100%;}
body.ie div#popBg {filter: alpha(opacity=50);}

/* GLOBAL CLASSES */
ul.customlist {margin: 0; padding: 0;}
ul.customlist li {list-style-type: none; 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 {overflow: hidden; margin: 0; padding: 0;}
ul.btnslist li {float: left; list-style-type: none; 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;}
ul.sectbtns {margin: 0 0 30px 0; padding: 20px 0; border-top: 1px #999 solid; border-bottom: 1px #999 solid;}
ul.sectbtns li {margin-right: 44px;}
body.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; margin-top: 15px;}
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: 60px;}

div.titlewrap {position: relative; text-align: left; margin: 0 0 15px 0; padding: 0 100px 0 45px; background: url(/img/global/logomazda.gif) 0 center no-repeat;}
div.titlewrap h2 {margin: 0;}
div.titlewrap p {color: #3C8043; margin: 0; padding: 0;}
div.titlewrap p a:link, div.titlewrap p a:visited,
div.titlewrap p a:hover, div.titlewrap p a:focus, div.titlewrap p a:active {font-weight: normal;}
div.titlewrap div.closebtn {display: none; position: absolute; top: 0; right: 0;}
div.titlewrap div.openbtn {display: none; position: absolute; top: 0; right: 0;}
body.homebody div#titlewrapH1 {margin-right: 21px; margin-left: 21px;}
body.ie div#titlewrapH1 {width: 938px;}

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

div.contentmulti {overflow: hidden;}
div.contentmulti div.cmsidebar {float: right; text-align: left; width: 227px;}
div.contentmulti div.cmsidebar div.cmsidebarBtns {margin: 20px 0 0 0;}
div.contentmulti div.cmsidebar div.cmsidebarBtnsFirst {margin-top: 0;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns {margin: 20px 0 0 0;}
div.contentmulti div.cmsidebar ul.cmsidebarBtnsFirst {margin-top: 0;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li {font-size: 13px; text-transform: uppercase; line-height: 38px; width: 227px; height: 38px; overflow: hidden; margin: 0 0 10px 0; background: url(/img/global/bt_template.gif) 0 0 no-repeat;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.featured {background: url(/img/global/bt_template_blue.gif) 0 0 no-repeat;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.multilines {line-height: 14px;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.last {margin-bottom: 0;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li a:link, div.contentmulti div.cmsidebar ul.cmsidebarBtns li a:visited {font-weight: normal; color: #FFF; display: block; padding: 0 55px 0 10px;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li a:hover, div.contentmulti div.cmsidebar ul.cmsidebarBtns li a:focus, div.contentmulti div.cmsidebar ul.cmsidebarBtns li a:active {font-weight: normal; color: #B5CFB7; display: block; padding: 0 55px 0 10px;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.featured a:link, div.contentmulti div.cmsidebar ul.cmsidebarBtns li.featured a:visited {color: #FFF;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.featured a:hover, div.contentmulti div.cmsidebar ul.cmsidebarBtns li.featured a:focus, div.contentmulti div.cmsidebar ul.cmsidebarBtns li.featured a:active {color: #B5BECF;}
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.multilines a:link, div.contentmulti div.cmsidebar ul.cmsidebarBtns li.multilines a:visited,
div.contentmulti div.cmsidebar ul.cmsidebarBtns li.multilines a:hover, div.contentmulti div.cmsidebar ul.cmsidebarBtns li.multilines a:focus, div.contentmulti div.cmsidebar ul.cmsidebarBtns li.multilines a:active {padding-top: 5px;}
div.contentmulti div.cmsidebar ul.cmsidebarNav li {font-size: 11px; padding: 3px 0 3px 10px; background: url(/img/global/bullet.png) 0 8px no-repeat;}
div.contentmulti div.cmsidebar ul.cmsidebarNav a:link, div.contentmulti div.cmsidebar ul.cmsidebarNav a:visited {color: #333333; font-weight: normal; text-decoration: none;}
div.contentmulti div.cmsidebar ul.cmsidebarNav a:hover, div.contentmulti div.cmsidebar ul.cmsidebarNav a:focus, div.contentmulti div.cmsidebar ul.cmsidebarNav a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
div.contentmulti div.cmcontent {float: left; width: 690px;}
body.ie div.contentmulti {height: 1px; overflow: visible;}
body.ie div.contentmulti div.cmsidebar ul.cmsidebarBtns li {margin-bottom: 5px;}
body.ie div.contentmulti div.cmsidebar ul.cmsidebarBtns li.last {margin: 0;}

div.mazdapromo {padding: 16px; background-color: #B9B9B9;}

.addmargin {margin-bottom: 30px;}


/* MAIN LAYOUT */
table#mainwrapWrap {width: 100%; height: 100%; margin: 0 auto;}
table#mainwrapWrap td#mainwrapContent {text-align: center; vertical-align: top; height: 100%;}
table#mainwrap {width: 980px; height: 100%; margin: 0 auto; background-color: #FFFFFF;}

td#header {height: 200px; vertical-align: top;}
body.homebody td#header {height: 647px;}
body.bodyQMHeader td#header {height: 358px;}

td#content {height: 100%; vertical-align: top; padding: 11px 21px;} /* width = 938px */
body.homebody td#content {padding: 11px 0 0 0; background: url(/img/global/home_pattern_diamonda.gif) top center no-repeat;}

td#footer {font-size: 10px; color: #999; text-align: center; vertical-align: top; background-color: #222; border-top: 1px #000 solid;}


/* HEADER */
div#headerContent {position: relative; height: 200px; background: url(/img/global/bg_center.jpg) top center no-repeat;}

div#mainlogo {position: absolute; top: 20px; left: -73px;}

div#headerinfos {position: absolute; top: 47px; left: 335px; text-align: right;}
div#headerinfos p {margin: 0; padding: 0;}
div#headerinfos p#headerinfosAddy {font-size: 14px; color: #555;}
div#headerinfos p#headerinfosPhone {font-size: 20px;}

ul#headerlinks {position: absolute; top: 0; right: 10px; height: 33px;}
ul#headerlinks li {float: left; font-size: 12px; line-height: 28px; height: 33px;}
ul#headerlinks li.first {padding-left: 8px; background: url(/img/global/smallmenu_bg_left.png) 0 0 no-repeat;}
ul#headerlinks li.last {padding-right: 8px; background: url(/img/global/smallmenu_bg_right.png) top right no-repeat;}
ul#headerlinks li div {height: 33px; padding: 0 10px; background: url(/img/global/smallmenu_bg_middle.png) 0 0 repeat-x;}
ul#headerlinks li.first div {padding-left: 3px;}
ul#headerlinks li.last div {padding-right: 3px;}
ul#headerlinks li a:link, ul#headerlinks li a:visited {font-weight: normal; color: #FFF;}
ul#headerlinks li a:hover, ul#headerlinks li a:focus, ul#headerlinks li a:active {font-weight: normal; color: #B5CFB7;}
body.ie ul#headerlinks li div {float: left;}

div#headersearch {position: absolute; top: 48px; right: 10px;}

ul#mainnav {position: absolute; top: 155px; left: 10px;}
ul#mainnav li {margin: 0 33px 0 0;}

div#headerimg {position: relative;}
div#headerimg  div {position: absolute; top: 10px; left: 10px;}
div#headerimg  div.last {position: absolute; top: 7px; left: 657px;}

div#quicklinks {text-align: left; height: 147px; padding: 11px 0 0 21px; background: #3A7F40 url(/img/global/quickmenu_bg.gif) 0 0 repeat-x;}
div#quicklinks p {margin: 0; padding: 0;}
div#quicklinks p.quicklinksTitle {color: #EEE; margin: 0 0 10px 0; padding: 0 0 0 3px;}
div#quicklinks p.quicklinksTitle a:link, div#quicklinks p.quicklinksTitle a:visited {color: #EEE; font-weight: normal;}
div#quicklinks p.quicklinksTitle a:hover, div#quicklinks p.quicklinksTitle a:focus, div#quicklinks p.quicklinksTitle a:active {color: #B5CFB7; font-weight: normal;}
div#quicklinks div.item {float: left; height: 133px; overflow: hidden; margin: 0 10px 0 0; padding: 5px 0 0 0; border-right: 1px #569046 solid;}
div#quicklinks div.item ul li {font-size: 11px; color: #EEE;}
div#quicklinks div.item ul li a:link, div#quicklinks div.item ul li a:visited {color: #EEE; font-weight: normal; text-decoration: none;}
div#quicklinks div.item ul li a:hover, div#quicklinks div.item ul li a:focus, div#quicklinks div.item ul li a:active {color: #B5CFB7; font-weight: normal; text-decoration: none;}
div#quicklinks div.quicknav ul {float: left;}
div#quicklinks div.quicknav ul li {margin: 0 0 3px 0; padding: 0 0 0 10px; background: url(/img/global/quickmenu_bullet.png) 0 5px no-repeat;}
div#quicklinks div#quickmenu {width: 307px;}
div#quicklinks div#quickmenu ul.first {width: 147px; margin: 0 10px 0 0;}
div#quicklinks div#quickmenu ul.last {width: 147px;}
div#quicklinks div#quicktools {width: 312px;}
div#quicklinks div#quicktools ul.first {width: 149px; margin: 0 10px 0 0;}
div#quicklinks div#quicktools ul.last {width: 149px;}
div#quicklinks div#quickhours {width: 312px;}
div#quicklinks div#quickhoursInner {position: relative; height: 97px; overflow: hidden;}
div#quicklinks div#quickhours ul#quickhoursNav {float: left; width: 90px; overflow: hidden; margin: 0 0 5px 0; padding: 0 10px 0 0;}
div#quicklinks div#quickhours ul#quickhoursNav li {font-size: 13px; overflow: hidden; margin: 0 0 2px 0;}
div#quicklinks div#quickhours ul#quickhoursNav li a:link, div#quicklinks div#quickhours ul#quickhoursNav li a:visited {color: #DEDEDE; font-weight: normal; text-decoration: none; display: block; padding: 3px 10px; background-color: #333; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#quicklinks div#quickhours ul#quickhoursNav li a:hover, div#quicklinks div#quickhours ul#quickhoursNav li a:focus, div#quicklinks div#quickhours ul#quickhoursNav li a:active {color: #999; font-weight: normal; text-decoration: none; display: block; padding: 3px 10px; background-color: #3A3A3A; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#quicklinks div#quickhours ul#quickhoursNav li.current a:link, div#quicklinks div#quickhours ul#quickhoursNav li.current a:visited {color: #CCC; background-color: #555;}
div#quicklinks div#quickhours ul#quickhoursNav li.current a:hover, div#quicklinks div#quickhours ul#quickhoursNav li.current a:focus, div#quicklinks div#quickhours ul#quickhoursNav li.current a:active {color: #999; background-color: #3A3A3A;}
div#quicklinks div#quickhours div.subitem {display: none; float: right; width: 212px; margin-bottom: 50px; overflow: hidden;}
div#quicklinks div#quickhours div.current {display: block;}
div#quicklinks div#quickhours div.subitem p.subtitle {font-size: 13px;}
div#quicklinks div#quickhours div.subitem p.subtitle a:link, div#quicklinks div#quickhours div.subitem p.subtitle a:visited {color: #EEE; font-weight: normal; text-decoration: none;}
div#quicklinks div#quickhours div.subitem p.subtitle a:hover, div#quicklinks div#quickhours div.subitem p.subtitle a:focus, div#quicklinks div#quickhours div.subitem p.subtitle a:active {color: #B5CFB7; font-weight: normal; text-decoration: none;}
div#quicklinks div#quickhours div.subitem ul li {font-size: 11px;}
div#quicklinks div#quickhours div.subitem ul li span {display: block; float: left; width: 55px;}
div#quicklinks div#quickcontact {width: 309px; margin: 0; overflow: visible; border: none;}
body.en div#quicklinks div#quickhours div.subitem ul li span {width: 65px;}
body.ie div#quicklinks {height: 158px;}
body.ie div#quicklinks div.item {height: 138px;}
body.ie div#quicklinks div.quicknav ul li {line-height: 13px; padding-top: 2px;}
body.ie div#quicklinks div#quickmenu {width: 308px;}
body.ie div#quicklinks div#quicktools,
body.ie div#quicklinks div#quickhours {width: 313px;}
body.ie div#quicklinks div#quickhours ul#quickhoursNav {width: 100px;}
body.ie div#quicklinks div#quickhours ul#quickhoursNav li {height: 1px; overflow: visible; margin: 0;}
body.ie div#quicklinks div#quickhours div.subitem ul li {height: 1px; overflow: visible;}

form#frmquickcontact {position: relative; z-index: 50; text-align: left; margin: 0; padding: 0;}
form#frmquickcontact fieldset {margin: 0 0 2px 0; padding: 0; border: none;}
form#frmquickcontact fieldset legend {display: none; font-size: 11px; color: #EEE; margin: 0; padding: 0;}
form#frmquickcontact fieldset div.frmitem {margin: 0 0 2px 0;}
form#frmquickcontact fieldset div label {display: block; float: left; font-size: 11px; color: #EEE; line-height: 17px; width: 60px;}
form#frmquickcontact fieldset div input.textbox {font-size: 11px; color: #555; width: 155px; padding: 2px 3px; background-color: #FFF; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
form#frmquickcontact fieldset div textarea {font-size: 11px; font-family: Arial, Helvetica, Verdana, Geneva, sans-serif; color: #555; width: 155px; padding: 2px 3px; background-color: #FFF; border: none; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
form#frmquickcontact input#frmqcbtnSubmit {position: absolute; top: 82px; right: 11px; width: 78px; height: 26px;}
form#frmquickcontact div#qcerror {position: absolute; top: 117px; left: 0; z-index: 50; font-size: 11px; color: #CCC; width: 290px; padding: 10px; background-color: #333;}
form#frmquickcontact div#qcerror ul {list-style: none; margin: 5px 0 0 0; padding: 0;}
form#frmquickcontact div#qcerror ul li {font-size: 11px; color: #CCC;}
body.ie form#frmquickcontact fieldset div label {width: 55px;}
body.ie form#frmquickcontact fieldset div input.textbox {width: 155px; height: 20px;}
body.ie form#frmquickcontact fieldset div textarea {width: 155px;}
body.ie form#frmquickcontact div#qcerror {width: 310px;}


/* FOOTER */
td#footer div.footercontent {position: relative; text-align: left; width: 940px; overflow: hidden; margin: 0 auto; padding: 20px 0;}
td#footer p {font-size: 10px; color: #999; margin: 0; padding: 0;}
td#footer p.title,
td#footer dl dt.title {font-size: 18px; font-weight: normal; margin: 0 0 10px 0; padding: 0;}
td#footer dl dd {font-size: 11px; margin: 0; padding: 0;}
td#footer div.footercontent div.item {float: left; overflow: hidden; margin: 0 30px 0 0;}
td#footer div.footercontent div.item a:link, td#footer div.footercontent div.item a:visited {font-weight: normal; color: #999;}
td#footer div.footercontent div.item a:hover, td#footer div.footercontent div.item a:focus, td#footer div.footercontent div.item a:active {font-weight: normal; color: #666; text-shadow: none;}
td#footer div.footercontent div.item ul {float: left; overflow: hidden;}
td#footer div.footercontent div.item ul.first {margin-right: 20px;}
td#footer div.footercontent div.item ul li {font-size: 11px; color: #999; text-shadow: 1px 1px #000; padding: 1px 0;}
td#footer div.footercontent div.item ul li.special {margin-top: 10px;}
td#footer div.footercontent div#footermainSects {width: 190px;}
td#footer div.footercontent div#footermainModels {width: 310px;}
td#footer div.footercontent div#footermainModels ul {float: left;}
td#footer div.footercontent div#footermainModels ul.first {margin: 0 20px 0 0;}
td#footer div.footercontent div#footermainDealer {width: 350px;}
body.ie td#footer div.footercontent div.item,
body.ie td#footer div.footercontent div.item ul {height: 1px; overflow: visible;}

td#footer div#footercontact {overflow: hidden; margin: 0 0 30px 0;}
td#footer div#footercontact dl {margin: 0;}
td#footer div#footercontact dl dd.item {overflow: hidden; margin: 0 0 10px 0;}
td#footer div#footercontact dl dd.itemLast {margin: 0;}
td#footer div#footercontact dl dd dl dt {clear: left; float: left; margin: 0 5px 0 0;}
td#footer div#footercontact dl dd dl dd {float: left;}
body.ie td#footer div#footercontact,
body.ie td#footer div#footercontact dl dd.item {height: 1px; overflow: visible;}
body.ie td#footer div#footercontact dl dd dl dd {float: none;}

div#footerLegalText {text-align: left;}
div#footerLegalText p {line-height: 12px;}
div#footerLegalLogo123 {text-align: left; margin: 10px 0 0 0;}
div#footerLegalLogo123 img {opacity: .75;}


/* HOME */
div#homebtnsWrapper {position: absolute; top: 485px;}
ul#homebtns {padding: 3px 0 0 7px;}

div#homemain {margin: 0 0 20px 0; padding: 0 21px;}

div#homesub {position: relative; text-align: left;}
div#homesub div.titlewrap {margin-bottom: 20px; padding-right: 0; background-image: url(/img/global/logomazda_promotions.gif);}
div#homesub p {font-size: 10px; margin: 0; padding: 0;}
div#homesub p.title {font-size: 14px; font-weight: normal;}
div#homesub p.title a:link, div#homesub p.title a:visited {color: #333333; font-weight: normal; text-decoration: none;}
div#homesub p.title a:hover, div#homesub p.title a:focus, div#homesub p.title a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
body.ie div#homesub {margin-bottom: -15px;}
body.ie6 div#homesub {display: none;}

div#homepromosHouse {position: relative; float: left; width: 434px; height: 276px; overflow: hidden; padding: 11px 21px; background-color: #F2F2F2; border-top: 1px #B9B9B9 solid; border-right: 1px #DDD solid;}
ul#homepromosList {overflow: hidden;}
ul#homepromosList p {font-size: 11px; margin: 0; padding: 0;}
ul#homepromosList li.item {position: relative; overflow: hidden; margin: 0 0 20px 0;}
ul#homepromosList li.itemLast {margin-bottom: 0; padding-bottom: 0; border: none;}
ul#homepromosList div.img {float: left; margin: 0 10px 0 0; max-height: 100px; overflow: hidden;}
ul#homepromosList div.img img {display: block; width: 150px;}
ul#homepromosList div.homepromosText {float: left; text-align: left; width: 274px;}
ul#homepromosList div.homepromosTextFull {float: none; width: auto;}
ul#homepromosList p.subtitle {font-size: 13px; margin: 0 0 10px 0;}
ul#homepromosList p.subtitle a:link, ul#homepromosList p.subtitle a:visited {color: #333333; font-weight: normal; text-decoration: none;}
ul#homepromosList p.subtitle a:hover, ul#homepromosList p.subtitle a:focus, ul#homepromosList p.subtitle a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
ul#homepromosList p.readmore a:link, ul#homepromosList p.readmore a:visited {color: #999; font-weight: normal; text-decoration: none;}
ul#homepromosList p.readmore a:hover, ul#homepromosList p.readmore a:focus, ul#homepromosList p.readmore a:active {color: #57AF5F; font-weight: normal; text-decoration: none;}
body.ie div#homepromosHouse {width: 477px; height: 298px;}
body.ie ul#homepromosList,
body.ie ul#homepromosList li.item {height: 1px; overflow: visible;}
body.ie ul#homepromosList div.img {height: 100px;}

div#homenews {position: relative; float: left; width: 223px; height: 276px; overflow: hidden; padding: 11px 21px; background-color: #F2F2F2; border-top: 1px #B9B9B9 solid;}
div#homenews div.titlewrap {padding: 0; background: none;}
ul#homenewsList {overflow: hidden;}
ul#homenewsList p {font-size: 11px; margin: 0; padding: 0;}
ul#homenewsList li.item {position: relative; overflow: hidden; margin: 0 0 10px 0;}
ul#homenewsList li.itemLast {margin-bottom: 0; padding-bottom: 0; border: none;}
ul#homenewsList div.img {float: left; margin: 0 10px 0 0; overflow: hidden; border: 2px #DDD solid;}
ul#homenewsList div.img img {display: block; width: 80px; height: 43px;}
ul#homenewsList div.homenewsText {float: left; text-align: left; width: 129px;}
ul#homenewsList p.subtitle {font-size: 13px; line-height: 13px; margin: 0 0 10px 0;}
ul#homenewsList p.subtitle a:link, ul#homenewsList p.subtitle a:visited {color: #333333; font-weight: normal; text-decoration: none;}
ul#homenewsList p.subtitle a:hover, ul#homenewsList p.subtitle a:focus, ul#homenewsList p.subtitle a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
body.ie div#homenews {width: 265px; height: 298px;}
body.ie ul#homenewsList,
body.ie ul#homenewsList li.item {height: 1px; overflow: visible;}

div#homepromosDMA {position: relative; float: right; padding: 22px; background-color: #B9B9B9;}


/* NEW CARS */
div.newcarsinv {padding: 0 0 50px 0;}

table#tableNewInv {width: 690px;}
table#tableNewInv td {font-size: 13px; text-align: center; vertical-align: top; padding-bottom: 0;}
table#tableNewInv td a:link, table#tableNewInv td a:visited {font-weight: normal; color: #333333; display: block;}
table#tableNewInv td a:hover, table#tableNewInv td a:focus, table#tableNewInv td a:active {font-weight: normal; color: #3C8043; display: block;}
table#tableNewInv td img.newinvimg {display: block; width: 214px; height: 119px; margin: 0 auto -10px auto;}

div#newmodel {text-align: left; overflow: hidden; margin: 0 0 10px 0; padding: 5px 7px 5px 7px; background-color: #232323;}
div#newmodel div#newmodelPromo {float: left; width: 194px; padding: 5px 0 0 0;}
div#newmodel div#newmodelPromo p {color: #999; margin: 0; padding: 0;}
div#newmodel div#newmodelPromo p.title {font-size: 18px; font-weight: normal; line-height: 18px; margin: 0 0 10px 0;}
div#newmodel div#newmodelFlashWrap {float: right; width: 475px; overflow: hidden;}
div#newmodel div#newmodelFlash {width: 500px; height: 315px; margin: 0 0 0 -12px; padding: 0;}
body.ie div#newmodel {height: 1px; overflow: visible;}

div#newmodelNews {text-align: left; overflow: hidden; margin-top: 10px; padding: 12px; background-color: #EFEFEF;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  -moz-box-shadow: 0 0 5px #CCC inset; /*-webkit-box-shadow: 0 0 5px #CCC inset;*/ box-shadow: 0 0 5px #CCC inset
}
div#newmodelNews div.img {float: left; padding: 10px; background-color: #FFF;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 0 2px #CCC; -webkit-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC;
}
div#newmodelNews div.img img {display: block; width: 150px; height: 80px;}
div#newmodelNews div.text {float: right; width: 485px;}
div#newmodelNews div.text p.subtitle {font-size: 13px;}
div#newmodelNews div.text p.subtitle a:link, div#newmodelNews div.text p.subtitle a:visited,
div#newmodelNews div.text p.subtitle a:hover, div#newmodelNews div.text p.subtitle a:focus, div#newmodelNews div.text p.subtitle a:active {font-weight: normal;}
div#newmodelNews div.text p.last {font-size: 10px;}
body.ie div#newmodelNews {height: 1px; overflow: visible;}


/* USED CARS */
div#usedlisting {padding: 0 0 135px 0;}

div#useddetails {width: 740px; overflow: hidden; margin: 0 0 20px 0;}


/* SERVICE */
div.servicelist {padding: 10px 12px 12px 12px; background-color: #EFEFEF;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  -moz-box-shadow: 0 0 5px #CCC inset; /*-webkit-box-shadow: 0 0 5px #CCC inset;*/ box-shadow: 0 0 5px #CCC inset;
}
div.servicelist div.item {width: 447px;}
div.servicelist ul.featured {padding: 10px; background-color: #FFF;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  -moz-box-shadow: 0 0 2px #CCC; -webkit-box-shadow: 0 0 2px #CCC; box-shadow: 0 0 2px #CCC;
}
div.servicelist ul.featured li {font-size: 13px; line-height: 20px; background-position: 0 8px;}
div.servicelist ul.featured li a {font-weight: normal !important;}
body.ie div.servicelist {padding-bottom: 0;}


/* ONLINE REQUESTS */
ul#requestsbtns {width: 576px;}
ul#requestsbtns li {margin: 0 10px 10px 0;}


/* SHOPPING TOOLS */
ul#shoppingtoolsbtns {margin-bottom: 20px; padding-bottom: 0; border-bottom: none;}


/* PROGRAMS */
div#programslist {text-align: left; min-height: 180px; overflow: hidden; background: url(/img/global/programs_image.jpg) top right no-repeat; border-top: 1px #999 solid;}
div#programslist ul {overflow: hidden; padding: 20px 0 0 0;}
div#programslist ul li {position: relative; float: left; width: 185px; height: 142px; margin: 0 10px 0 0; padding: 0 20px 0 0; border-right: 1px #DEDEDE solid;}
div#programslist ul li.last {border: none;}
div#programslist ul li p {font-size: 11px; margin: 0; padding: 0;}
div#programslist ul li p.title {font-size: 15px; line-height: 15px; margin: 0 0 10px 0;}
div#programslist ul li p.title a:link, div#programslist ul li p.title a:visited {color: #333333; font-weight: normal; text-decoration: none;}
div#programslist ul li p.title a:hover, div#programslist ul li p.title a:focus, div#programslist ul li p.title a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
div#programslist ul li div.btn {position: absolute; bottom: 0; left: 0;}
body.ie div#programslist {height: 180px; overflow: visible;}
body.ie div#programslist ul {height: 1px; overflow: visible;}
body.ie div#programslist ul li {width: 195px;}

div#programscontent {padding: 20px 0 0 0; border-top: 1px #999 solid;}
div#programscontent div.programstext {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px #999 solid;}
div#programscontent div.programstextLast {margin-bottom: 0; padding-bottom: 0; border: none;}
div#programscontent div.programstext div.programsprint {float: right; font-size: 11px; padding: 11px 0 0 10px; background: url(/img/global/bullet.png) 0 15px no-repeat;}


/* CONTACT */
div#contactinfo {text-align: left; overflow: hidden; margin: 0 0 30px 0;}
div#contactinfo p {font-size: 11px; margin: 0; padding: 0;}
div#contactinfo p#contactinfoAddy {margin: 0 0 10px 0;}
div#contactinfo ul li {font-size: 11px;}
div#contactinfo ul li a:link, div#contactinfo ul li a:visited {color: #333333; font-weight: normal; text-decoration: none;}
div#contactinfo ul li a:hover, div#contactinfo ul li a:focus, div#contactinfo ul li a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
div#contactinfo div#contactinfoContent {float: left; width: 340px;}
div#contactinfo div#contacthours {display: none; float: right; width: 340px;}
div#contactinfo div#contacthoursInner {position: relative; overflow: hidden; padding: 5px; background-color: #EFEFEF; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;}
div#contactinfo div#contacthours ul#contacthoursNav {overflow: hidden; margin: 0 0 5px 0;}
div#contactinfo div#contacthours ul#contacthoursNav li {float: left; font-size: 13px; overflow: hidden; margin: 0 5px 0 0;}
div#contactinfo div#contacthours ul#contacthoursNav li a:link, div#contactinfo div#contacthours ul#contacthoursNav li a:visited {color: #333333; font-weight: normal; text-decoration: none; display: block; float: left; padding: 3px 10px; background-color: #DEDEDE; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#contactinfo div#contacthours ul#contacthoursNav li a:hover, div#contactinfo div#contacthours ul#contacthoursNav li a:focus, div#contactinfo div#contacthours ul#contacthoursNav li a:active {color: #3C8043; font-weight: normal; text-decoration: none; display: block; float: left; padding: 3px 10px; background-color: #DEDEDE; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#contactinfo div#contacthours div.item {padding: 7px 10px; overflow: hidden; background-color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#contactinfo div#contacthours div.item p.title {font-size: 13px;}
div#contactinfo div#contacthours div.item p.title a:link, div#contactinfo div#contacthours div.item p.title a:visited {color: #333333; font-weight: normal; text-decoration: none;}
div#contactinfo div#contacthours div.item p.title a:hover, div#contactinfo div#contacthours div.item p.title a:focus, div#contactinfo div#contacthours div.item p.title a:active {color: #3C8043; font-weight: normal; text-decoration: none;}
div#contactinfo div#contacthours div.item ul li span {display: block; float: left; width: 55px;}
body.en div#contactinfo div#contacthours div.item ul li span {width: 65px;}
body.ie div#contactinfo,
body.ie div#contactinfo div#contacthoursInner,
body.ie div#contactinfo div#contacthours ul#contacthoursNav,
body.ie div#contactinfo div#contacthours ul#contacthoursNav li,
body.ie div#contactinfo div#contacthours div.item {height: 1px; overflow: visible;}


/* SITE MAP */
div#sitemap {font-size: 11px; text-align: left; overflow: hidden; margin: 0 0 20px 0; padding: 15px; background-color: #DEDEDE; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
div#sitemap a:link, div#sitemap a:visited {color: #333333; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #3C8043; 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; border-right: 1px solid #999;}
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;}
body.ie div#sitemap ul,
body.ie div#sitemap {height: 1px; overflow: visible;}

/* New gallery btn*/
/* Holder */
#galerie {position: absolute; top: 0; right: 180px; width: 235px; height: 26px;}
/* Btn */
#galerie a {display: block; width: 235px; height: 26px; background-repeat: no-repeat; text-align: left; text-indent: -9999px; overflow: hidden;}
/* Skin Fr */
#galerie a {background-image: url(/img/fr/home_photo.jpg);}
/* Skin En */
body.en #galerie a {background-image: url(/img/en/home_photo.jpg);}
/* New gallery */
div#dealerpics {position: relative; overflow: hidden; margin-bottom: 10px;}
div#dealerpicsBig {height: 400px; margin-bottom: 2px;}
div#dealerpicsBig img {display: block; width: 698px; height: 400px;}
div#dealerpicsThumbs {width: 698px;}
div#dealerpicsThumbs a {float: left; margin: 0 2px 2px 0;}
div#dealerpicsThumbs a.last {margin-right: 0;}
div#dealerpicsThumbs a img {width: 98px; height: 56px; display: block;}
