/* General Top And Bottom Box Style */



/* General Fancy Btn Style */


/* General Fancy Box Style */


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

/* ------------------ Arial Narrow Bold ------------------ */
@font-face {font-family: "ArialNarrowBold";
  src: url('/dealersite/fonts/arial/arial_narrow_bold.eot');
  src: url('/dealersite/fonts/arial/arial_narrow_bold.eot?#iefix') format('eot'),
       url('/dealersite/fonts/arial/arial_narrow_bold.woff') format('woff'),
       url('/dealersite/fonts/arial/arial_narrow_bold.ttf') format('truetype'),
       url('/dealersite/fonts/arial/arial_narrow_bold.svg') format('svg');
}

.modelContent .title h2,
ul.modelsList li a,
.usedfeatTop h2,
.usedfeatBottom p.subTitle,
.carCompareTop h2,
h1,
#homebody h3,
#sidebar .inner #quickmenu dt,
#sidebar .inner .businesshours p.title,
#sidebar .inner #sideNews p.title a,
.fancyBigSideBtn,
#newCompare p,
#credit p,
.text h2,
span.dealername,
#programs li p.title {font-family: "Mazda"; font-weight: normal;}

#headerinfos p,
#mainNav li a,
.fancyList li a,
.fancyBtn,
#homeBtn li a span.title,
.fancyBigBtn li p {font-family: "ArialNarrowBold"; font-weight: normal;}

body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #404040;}
body {background: #000 url(/img/global/background_02.jpg) no-repeat center top; margin: 0; padding: 0; text-align: center; vertical-align: top;}
body.standalonebody {background: none;} /* utilisé pour le form de LivePerson quand ya pas d'agent online (peut évidemment être utilisé ailleurs au besoin) */

h1 {font-size: 18px; font-weight: bold; text-align: left; margin: 15px 0 15px 0; padding: 0; color: #404040;}
h2 {font-size: 16px; font-weight: bold; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; font-weight: bold; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #404040; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #05B387; font-weight: normal; text-decoration: none;}
h1 a:link, h1 a:visited {color: #404040;}
h1 a:hover, h1 a:focus, h1 a:active {color: #05B387;}

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: 10px;}

a img {border: none;}

.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: 18px; 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: 18px; padding: 0 0 0 20px; background: url(/img/global/bullet.png) 0 5px 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: 18px; padding: 0; background: none;}
div.text a:link, div.text a:visited {color: #404040; border-bottom: 1px dotted #404040;}
div.text a:hover, div.text a:focus, div.text a:active {color: #05B387; border-bottom: 1px solid #404040;}
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; color: #000000; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #000000; 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: #2B2829; 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: #2B2829;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #2B2829;}
.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:#000000;}
.dp {font-size: 9px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.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: #2B2829; 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: #2B2829;}
.results-body {font-size: 10px; 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: #2B2829; 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: 11px;}
TABLE.Specs .dpt         {font-size: 10px;}

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


a.careerApplyLink:link, a.careerApplyLink:visited {color: #FFFFFF; text-decoration: none; font-size: 10px;}
a.careerApplyLink:hover, a.careerApplyLink:focus, a.careerApplyLink:active {color: #FFFFFF; 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;}
.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; margin-left: 5px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours p.subtitle a:link, div.businesshours p.subtitle a:visited {color: #404040;}
div.businesshours p.subtitle a:hover, div.businesshours p.subtitle a:focus, div.businesshours p.subtitle a:active {color: #404040;}
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: 70px;}

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

.addsmallmargin {margin-bottom: 15px;}
.addmargin {margin-bottom: 30px;}

/* SNIPPET'ZZZ'ZZ'Z */
.fancyBtn {position: relative; padding: 7px 50px 7px 9px; border: 1px solid #000; color: #fff !important; text-transform: uppercase;  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);}
.fancyBtn span {position: absolute; top: 7px; right: 9px; display: block; width: 12px; height: 12px; padding: 2px; text-align: center;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   /* IE6-9 */                background: #474747;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #474747 0%, #000000 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#000000));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #474747 0%, #000000 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #474747 0%, #000000 100%);
    /* W3C */                  background: linear-gradient(top, #474747 0%, #000000 100%);
    /* IE6-9 */                _background-color: #474747; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#000000', GradientType=0);}
.fancyBtn span span {display: block; position: static; top: 0; right: 0; line-height: 5px; padding: 0;   /* IE6-9 */                background: #0C0C0C;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C0C0C), color-stop(100%,#474747));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* W3C */                  background: linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* IE6-9 */                _background-color: #0C0C0C; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C0C0C', endColorstr='#474747', GradientType=0);}
.fancyBtn span span em.dot {position: absolute; top: 7px; left: 7px; display: block; width: 1px; height: 1px; background-color: #05b387; font-weight: normal; -webkit-transition: box-shadow .2s ease-in-out; -moz-transition: box-shadow .2s ease-in-out;   -webkit-box-shadow: 0 0 4px 1px #05b387;
    -moz-box-shadow: 0 0 4px 1px #05b387;
    box-shadow: 0 0 4px 1px #05b387;}
.fancyBtn:hover span span em.dot {  -webkit-box-shadow: 0 0 10px 3px #05b387;
    -moz-box-shadow: 0 0 10px 3px #05b387;
    box-shadow: 0 0 10px 3px #05b387;}
.ie .fancyBtn span span em.dot {top: 0; left: 0; width: 17px; height: 15px; background: transparent url(/img/global/bullet_flare_small.png) 0 0 no-repeat;}
.ie a.fancyBtn:hover span span em.dot {background: transparent url(/img/global/bullet_flare.png) 0 0 no-repeat;}

a.fancyBigSideBtn:link, a.fancyBigSideBtn:visited {display: block; width: 231px; padding: 20px 0; color: #fff !important; text-align: center; line-height: 20px; font-size: 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);
}
a.fancyBigSideBtn:hover, a.fancyBigSideBtn:focus {color: #fff !important;
    /* IE6-9 */                background: #0f0f0f;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(20%,#171717), color-stop(80%,#2e2e2e), color-stop(100%,#363636));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* W3C */                  background: linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* IE6-9 */                _background-color: #0f0f0f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0f0f', endColorstr='#2e2e2e', GradientType=0);
}
a.fancyBigSideBtn:hover span, a.fancyBigSideBtn:focus span {color: #fff;}
a.fancyBigSideBtn:active,
a.fancyBigSideBtn:active span {color: #00F210;}
.fancyBigSideBtn span {display: block; color: #00F210; font-size: 12px;}

.fancyBigBtn {padding-top: 15px !important; border-top: 1px dashed #8c8c8c; overflow: hidden;}
.fancyBigBtn li {position: relative; width: 347px; height: 111px; float: left; margin: 0 15px 15px 0 !important; border: 3px solid #d9d9d9; background-repeat: no-repeat; background-position: 0 0; background-color: #fff;   -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    box-shadow: inset 0 0 40px rgba(0,0,0,.4);   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
.fancyBigBtn li.last {margin-right: 0;}
.fancyBigBtn li p {position: absolute; top: 20px; left: 195px; margin: 0; padding: 0; font-size: 13px; text-transform: uppercase; text-align: left;}
.fancyBigBtn li p span {display: block; font-size: 15px;}
.fancyBigBtn li a {position: absolute; top: 60px; left: 195px;}

.fancyList li a {position: relative; padding: 7px 50px 7px 9px; border: 1px solid #000; color: #fff !important; text-transform: uppercase;  -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.5);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.5);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);}
.fancyList li a span {position: absolute; top: 7px; right: 9px; display: block; width: 12px; height: 12px; padding: 2px; text-align: center;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   /* IE6-9 */                background: #474747;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #474747 0%, #000000 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#474747), color-stop(100%,#000000));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #474747 0%, #000000 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #474747 0%, #000000 100%);
    /* W3C */                  background: linear-gradient(top, #474747 0%, #000000 100%);
    /* IE6-9 */                _background-color: #474747; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#000000', GradientType=0);}
.fancyList li a span span {display: block; position: static; top: 0; right: 0; line-height: 5px; padding: 0;   /* IE6-9 */                background: #0C0C0C;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C0C0C), color-stop(100%,#474747));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* W3C */                  background: linear-gradient(top, #0C0C0C 0%, #474747 100%);
    /* IE6-9 */                _background-color: #0C0C0C; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0C0C0C', endColorstr='#474747', GradientType=0);}
.fancyList li a span span em.dot {position: absolute; top: 7px; left: 7px; display: block; width: 1px; height: 1px; background-color: #05b387; font-weight: normal; -webkit-transition: box-shadow .2s ease-in-out; -moz-transition: box-shadow .2s ease-in-out;   -webkit-box-shadow: 0 0 4px 1px #05b387;
    -moz-box-shadow: 0 0 4px 1px #05b387;
    box-shadow: 0 0 4px 1px #05b387;}
.fancyList li a:hover span span em.dot {  -webkit-box-shadow: 0 0 10px 3px #05b387;
    -moz-box-shadow: 0 0 10px 3px #05b387;
    box-shadow: 0 0 10px 3px #05b387;}
.ie .fancyList li a span span em.dot {top: 0; left: 0; width: 17px; height: 15px; background:transparent url(/img/global/bullet_flare_small.png) 0 0 no-repeat;}
.ie .fancyList li a:hover span span em.dot {background: transparent url(/img/global/bullet_flare.png) 0 0 no-repeat;}

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

#header {vertical-align: top;}

#sidebar {width: 237px; vertical-align: top; background-color: #fff; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;}

#homebody #content {width: 980px; padding: 0; background-color: transparent; -moz-border-radius: 0; border-radius: 0;}
#content {width: 743px; height: 100%; padding: 0 11px 10px; vertical-align: top; background-color: #fff; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;}

#footer {text-align: left; vertical-align: top;}

/* HEADER */
#headerContent {position: relative; height: 219px; z-index: 30;}

#mazdaLogo {display: none; position: absolute; top: 60px; left: 0;}

#mainLogo {position: absolute; top: 21px; left: 11px;}

#headerinfos {position: absolute; top: 113px; left: 11px;}
#headerinfos p {margin: 0; padding: 0; color: #fff; font-size: 15px;}

#headerLinks {position: absolute; top: 0; right: 11px; padding: 5px 15px; background-color: #737373; z-index: 5; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;}
#headerLinks li {position: relative; float: left; z-index: 5;}
#headerLinks li a:link, #headerLinks li a:visited {color: #fff;}
#headerLinks li a:hover, #headerLinks li a:focus, #headerLinks li a:active {color: #ccc;}

#headerLinks li a span.title {font-weight: normal; font-size: 12px; color: #fff;}
#headerLinks li a span.arrow {font-size: 10px;}
#headerLinks li .customtabsContent {display: none; position: absolute; top: 21px; right: -16px; width: 175px; padding: 10px; background-color: rgba(0,0,0,.8);   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
#headerLinks li .customtabsContent ul li {float: none; margin: 2px 0;}
#headerLinks li .customtabsContent ul li a {-webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;}
#headerLinks li .customtabsContent ul li a:link, #headerLinks li .customtabsContent ul li a:active {color: #fff;}
#headerLinks li .customtabsContent ul li a:hover, #headerLinks li .customtabsContent ul li a:focus {padding-left: 5px; color: #00F210;}
#headerLinks li .customtabsContent .closebtn {position: absolute; top: 10px; right: 10px; z-index: 6;}
#headerLinks li .customtabsContent .closebtn a:link, #headerLinks li .customtabsContent .closebtn a:visited {color: #fff;}
#headerLinks li .customtabsContent .closebtn a:hover, #headerLinks li .customtabsContent .closebtn a:focus, #headerLinks li .customtabsContent .closebtn a:active {color: #00F210;}
.ie #headerLinks li .customtabsContent {background-color: #000;}

#headerPhones {position: absolute; top: 30px; left: 365px; list-style: none; width: 290px; height: 125px; margin: 0; padding: 0;}
#headerPhones li {float: left; color: #fff; white-space: nowrap; font-size: 14px}
#headerPhones li span {float: left; width: 150px; color: #A11F4C; font-family: "ArialNarrowBold"; font-size: 16px;}

#headerIcons {position: absolute; top: 44px; right: 11px; z-index: 4;}
#headerIcons li {float: left;}
#headerIcons li.first {margin-right: 20px;}
#headerIcons li.first a img {margin-top: 15px;}

#slogan {position: absolute; top: 126px; right: 11px;}

#mainNav {position: absolute; bottom: 10px; left: 0; width: 980px; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;}
#mainNav li {position: relative; float: left; margin-right: 5px;}
#mainNav li.first {margin-left: 2px;}
#mainNav li a {display: block; float: left; height: 41px; padding: 0 18px; line-height: 41px; font-size: 14px; text-transform: uppercase;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;   /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);   -webkit-box-shadow: inset 0 -4px 0 #363636;
    -moz-box-shadow: inset 0 -4px 0 #363636;
    box-shadow: inset 0 -4px 0 #363636;}
#mainNav li a:link, #mainNav li a:visited {color: #fff;}
#mainNav li a:hover, #mainNav li a:focus {color: #ccc;   -webkit-box-shadow: inset 0 -2px 0 #363636;
    -moz-box-shadow: inset 0 -2px 0 #363636;
    box-shadow: inset 0 -2px 0 #363636;}
#mainNav li a:active {  -webkit-box-shadow: inset 0 0 0 #363636;
    -moz-box-shadow: inset 0 0 0 #363636;
    box-shadow: inset 0 0 0 #363636;}

#mainNav li ul {display: none;}
#mainNav li ul {position: absolute; top: 41px; left: 0; width: 189px; padding-bottom: 5px; background-color: #757575;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
#mainNav li ul li {width: 97%; margin: 0 2px; padding: 0; border-bottom: 1px dashed #fff;}
#mainNav li ul li.last {border-bottom: 0;}
#mainNav li ul li a {height: 20px; padding: 2px 5px; background: none; line-height: 20px; font-family: arial; font-size: 12px; text-transform: none; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;   -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;}
#mainNav li ul li a:link, #mainNav li ul li a:visited {color: #fff;}
#mainNav li ul li a:hover, #mainNav li ul li a:focus, #mainNav li ul li a:active {color: #ccc; padding-left: 10px;   -webkit-box-shadow: 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;}
.ie7 #mainNav {bottom: 9px;}
.ie #mainNav li ul li a:link, .ie #mainNav li ul li a:visited {background: none; filter: none;}


#bigBanner {position: relative; height: 330px; background-color: #000; padding: 3px; overflow: hidden;  z-index: 20;}
#bigBanner .inner {background-color: #fff; overflow: hidden;}
#bigBanner.noPromos, #bigBanner.noPromos .promo, #bigBanner.noPromos .promo #homePromoSlider {height: 324px;}
.ie #bigBanner .inner {overflow: visible; height: 1px;}
.ie #bigBanner.noPromos {height: 330px;}
.ie #bigBanner.noPromos .promo #homePromoSlider {height: 323px;}

#bigBanner .slider .modelInfo {position: relative; width: 974px; height: 329px;}
#bigBanner .slider .modelInfo .modelImg {position: absolute; bottom: 0; right: 0;}
#bigBanner .slider .modelInfo .modelContent {position: absolute; top: 10px; left: 10px;}
#bigBanner .slider .modelInfo .modelContent .title {padding-left: 8px;}
#bigBanner .slider .modelInfo .modelContent .title h2 {font-size: 40px; line-height: 30px;}
#bigBanner .slider .modelInfo .modelContent .title h2 span.pre {display: block; margin-left: 20px; font-size: 25px;}
#bigBanner .slider .modelInfo .modelContent .text {width: 488px; padding: 0;}
#bigBanner .slider .modelInfo .modelContent .text p {color: #828282 !important;}
#bigBanner .slider .modelInfo .modelContent .text a:link, #bigBanner .slider .modelInfo .modelContent .text a:visited {color: #00F210;}
#bigBanner .slider .modelInfo .modelContent .text a:hover, #bigBanner .slider .modelInfo .modelContent .text a:focus, #bigBanner .slider .modelInfo .modelContent .text a:active {color: #404040;}
.ie #bigBanner .slider .modelInfo .modelContent .fancyList li a {background-color: #404040;}


#bigBanner .promo {height: 330px;}

#homePromoSlider {position: relative; width: 974px; height: 330px; overflow: hidden;}
#homePromoSlider #promobox {height: 330px; overflow: hidden; z-index: 1;}
#homePromoSlider #promobox .promoimg a img {height: 330px; width: 974px;}
#homePromoSlider .mediaSlideBlock {display: block;}
#homePromoSlider .mediaSlideNone {display: none;}
#homePromoSlider .promophoto {float: right; margin: 0 0 20px 20px;}
#homePromoSlider .promoinfos {text-align: left;}
#homePromoSlider .promoinfos p {margin: 0 0 10px 0; padding: 0; color: #000;}
#homePromoSlider .promoinfos p.promotitle a {font-size: 14px; font-family: "Futura Medium Condensed";}
#homePromoSlider .promoinfos p.last a:link, #homePromoSlider .promoinfos p.last a:visited,
#homePromoSlider .promoinfos p.last a:hover, #homePromoSlider .promoinfos p.last a:focus, #homePromoSlider .promoinfos p.last a:active {font-weight: bold;}
#homePromoSlider .promoinfos object,
#homePromoSlider .promoinfos embed,
#homePromoSlider .promoinfos iframe {width: 947px; height: 330px; z-index: 1;}
#homePromoSlider #promoschoice {position: absolute; right: 20px; bottom: 20px; text-align: left; overflow: hidden; z-index: 2;}
#homePromoSlider #promoschoice a {display: block; float: left; font-size: 18px;}
#homePromoSlider #promoschoice ul {display: block; float: right;}
#homePromoSlider #promoschoice ul li {float: left; margin: 0 5px; padding: 0;}

#homePromoSlider #promoschoice ul li a.cSlides {width: 9px; height: 9px; font-size: 1px; text-indent: -9999px;}
#homePromoSlider #promoschoice ul li a.bgClrOn {background: #00F210; border: 1px solid #fff;}
#homePromoSlider #promoschoice ul li a.bgClrOn:hover {border: 1px solid #0F3355;}
#homePromoSlider #promoschoice ul li a.bgClrOff {background: #00F210; border: 1px solid #fff;}
#homePromoSlider #promoschoice ul li a.bgClrOff:hover {border: 1px solid #0F3355;}
.ie #homePromoSlider {height: 323px;}
.ie #homePromoSlider #promobox {height: 324px;}
.ie #homePromoSlider #promobox .promoimg a img {height: 324px;}

#smallBanner {position: relative; background-color: #ababab; padding: 3px;  z-index: 20;}
#smallBanner .inner {position: relative; width: 974px; height: 136px; background-color: #fff; background-repeat: no-repeat; background-position: 0 0;}

#smallBanner .bg-2 {background-image: url(/img/global/header_2.jpg);}
#smallBanner .bg-3 {background-image: url(/img/global/header_3.jpg);}
#smallBanner .bg-5 {background-image: url(/img/global/header_5.jpg);}
#smallBanner .bg-6 {background-image: url(/img/global/header_6.jpg);}
#smallBanner .bg-cx-7 {background-image: url(/img/global/header_cx7.jpg);}
#smallBanner .bg-cx-9 {background-image: url(/img/global/header_cx9.jpg);}
#smallBanner .bg-mx-5 {background-image: url(/img/global/header_mx5.jpg);}
#smallBanner .bg-rx-8 {background-image: url(/img/global/header_rx8.jpg);}
#smallBanner .bg-tribute {background-image: url(/img/global/header_tribute.jpg);}

ul.modelsList {height: 77px;}
ul.modelsList li {float: left; margin: 0 30px;}
ul.modelsList li a:link, ul.modelsList li a:visited {float: left; padding-top: 3px; color: #00F210; font-size: 10px; line-height: 28px; text-align: right; text-shadow: 0 0 1px #00F210; -webkit-transition: text-shadow .2s ease-in; -moz-transition: text-shadow .2s ease-in;}
ul.modelsList li a span {display: block; font-size: 50px; text-align: center;}
ul.modelsList li.open a:link, ul.modelsList li.open a:visited,
ul.modelsList li.open a:hover, ul.modelsList li.open a:focus, ul.modelsList li.open a:active {color: #00f210; text-shadow: 0 0 18px #00f210;}
ul.modelsList li div.loading {position: relative;}
.ie ul.modelsList li {margin: 0 25px;}
.ie ul.modelsList li a span {padding: 0 6px;}

ul.modelsList li a:hover, ul.modelsList li a:focus {color: #00f210; text-shadow: 0 0 18px #00f210;}
ul.modelsNav li a:hover, ul.modelsNav li a:focus {color:#00f210; text-shadow: 0 0 18px #00f210;}


/* HOME */
#homeBtn {overflow: hidden;}
#homeBtn li {float:left; margin-right: 17px;}
#homeBtn li a {position: relative; display: block; float: left; width: 315px; height: 112px; background-color: #FFF; background-repeat: no-repeat; background-position: 10px 50%;   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;}
#homeBtn li a span.title, #homeBtn li a span.subTitle, #homeBtn li a span.clickHere {position: absolute; left: 147px;}
#homeBtn li a span.title {top: 20px; color: #505050; font-size: 16px; text-transform: uppercase;}
#homeBtn li a span.subTitle {top: 40px; color: #7e7e7e;}
#homeBtn li a span.clickHere {top: 80px; color: #00F210;}
.ie #homeBtn {overflow: visible; height: 1px;}
.ie #homeBtn li a * {cursor: pointer;}

#homeBtn li.quote a {background-image: url(/img/global/homepage_pricequote.png);}
#homeBtn li.service a {background-image: url(/img/global/homepage_service.png);}
#homeBtn li.special a {background-image: url(/img/global/homepage_specials.png);}
#homeBtn li.special {margin-right: 0;}

#usedfeat {position: relative; width: 648px; float: left; margin-top: 18px;}
#usedfeat .usedfeatTop {position: relative; z-index: 70; height: 42px; padding-left: 15px; line-height: 42px; border-bottom: 1px solid #a8a8a8; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.2);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);}
#usedfeat .usedfeatTop h2 {margin: 0; padding: 0; color: #00F210; font-size: 11px;}
#usedfeat .usedfeatBottom {height: 42px; padding-left: 15px; line-height: 42px; border-top: 1px solid #000; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;   -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);}
#usedfeat .usedfeatBottom p.subTitle {margin: 0; padding: 0; color: #00F210; font-size: 11px; line-height: 42px;}
#usedfeat .usedfeatBottom p.subTitle a.fancyBtn {margin-left: 10px;}
#usedfeat .usedfeatMain {position: relative; width: 648px; height: 137px; background-color: #fff; z-index: 60;}
#usedfeat .usedfeatMain .usedfeatArrows {position: absolute; top: 50px;}
#usedfeat .usedfeatMain #usedfeatPrev {left: -10px;}
#usedfeat .usedfeatMain #usedfeatPrev.off a {opacity: .5; cursor: default;}
#usedfeat .usedfeatMain #usedfeatNext {right: -10px;}
#usedfeat .usedfeatMain #usedfeatNext.off a {opacity: .5; cursor: default;}
#usedfeat .usedfeatMain .usedfeatContent {position: absolute; top: 6px; left: 10px; width: 627px; height: 124px; overflow: hidden; background-color: #1f1f1f;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider {position: relative; left: 0; top: 0; width: 2512px; overflow: hidden;}
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh {float: left; width: 136px; padding: 10px;}
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo {padding: 5px 8px; background-color: #fff;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehImage a {display: block; width: 120px; height: 63px; overflow: hidden;}
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehImage a img {position: relative; top: -20px;}
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehName, #usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehName a,
#usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehPrice, #usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehPrice a {color: #575757;}
.ie #usedfeat .usedfeatMain .usedfeatContent ul#usedSlider li.usedfeatVeh ul.usedfeatVehInfo li.usedfeatVehName a {font-size: 11px;}
.ie #usedfeat .usedfeatMain .usedfeatContent ul#usedSlider {overflow: visible; height: 1px;}
.ie #usedfeat .usedfeatBottom p.subTitle {height: 37px;}
.ie #usedfeat .usedfeatBottom p.subTitle a.fancyBtn {width: 120px; position:relative; bottom: -5px; line-height: 15px;}

.usedfeatTabs {position: absolute; top: 15px; right: 10px; z-index: 74;}
.usedfeatTabs li.item {float: left; margin: 0 9px 0 0; padding: 0 9px 0 0;}
.usedfeatTabs li.itemLast {border-right: 0; padding-right: 0;}
.usedfeatTabs li.item  .title a {padding-right: 32px; font-size: 10px;}
.usedfeatTabs li.item  .title.on a span span em.dot {  -webkit-box-shadow: 0 0 10px 3px #05b387;
    -moz-box-shadow: 0 0 10px 3px #05b387;
    box-shadow: 0 0 10px 3px #05b387;}
.usedfeatTabs li.item  .title a span {top: 5px;}
.usedfeatTabs li.item  .title a:link, .usedfeatTabs li.item  .title a:visited {}
.usedfeatTabs li.item  .title a:hover, .usedfeatTabs li.item  .title a:focus, .usedfeatTabs li.item  .title a:active {}
.usedfeatTabs li.item .arrow {font-size: 8px; vertical-align: middle;}
.usedfeatTabs li.item .customtabsContent {display: none; position: absolute; top: 20px; left: 5px; right: 5px; padding: 10px; background-color: rgba(0,0,0,.9); z-index: 75;   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
.usedfeatTabs li.item .customtabscontent .closebtn {position: absolute; top: 10px; right: 10px;}
.usedfeatTabs li.item .customtabscontent .customlist {margin-top: 15px;}
.usedfeatTabs li.item .customtabscontent .customlist li {display: block; margin: 2px 0; padding: 2px 0; border-bottom: 1px dashed #fff; line-height: 20px; text-align: left;}
.usedfeatTabs li.item .customtabscontent .customlist li span.usedfeatTabsCnt {float: right; color: #00F210;}
.usedfeatTabs li.item .customtabscontent .customlist li a {-webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;}
.usedfeatTabs li.item .customtabscontent .customlist li a:link, .usedfeatTabs li.item .customtabscontent .customlist li a:visited {color: #fff;}
.usedfeatTabs li.item .customtabscontent .customlist li a:hover, .usedfeatTabs li.item .customtabscontent .customlist li a:focus, .usedfeatTabs li.item .customtabscontent .customlist li a:active {color: #fff; padding-left: 3px;}
.usedfeatTabs li.item .customtabscontent .customlist li a span {color: #A11F4C;}
.usedfeatTabs li.item .customtabscontent .customlist li a:hover span, .usedfeatTabs li.item .customtabscontent .customlist li a:focus span, .usedfeatTabs li.item .customtabscontent .customlist li a:active span {color: #fff;}
.usedfeatTabs li.item .customtabscontent .closebtn a:link, .usedfeatTabs li.item .customtabscontent .closebtn a:visited {color: #fff;}
.usedfeatTabs li.item .customtabscontent .closebtn a:hover, .usedfeatTabs li.item .customtabscontent .closebtn a:focus, .usedfeatTabs li.item .customtabscontent .closebtn a:active {color: #00F210;}
.ie .usedfeatTabs li.item .customtabscontent {width: 310px; background-color: #000;}
.ie .usedfeattabs li.item .customtabscontent .customlist li span.usedfeattabscnt {float: none;}
.ie .usedfeatTabs li.item  .title a span {right: 15px;}

#carCompare {width: 315px; float: right; margin-top: 18px;}
#carCompare .carCompareTop {height: 42px; padding-left: 15px; line-height: 42px; border-bottom: 1px solid #a8a8a8; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0;   -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    -moz-box-shadow: inset 0 1px 1px rgba(255,255,255,.2);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.2);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);}
#carCompare .carCompareTop h2 {margin: 0; padding: 0; color: #00F210; font-size: 11px;}
#carCompare .carCompareMain {height: 137px; background: #fff url(/img/global/homepage_compare.gif) no-repeat 0 0;}
#carCompare .carCompareBottom {height: 42px; padding-left: 15px; line-height: 42px; border-top: 1px solid #000; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;   -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0);}
.ie #carCompare .carCompareBottom a.fancyBtn {width: 120px; position: relative; bottom: -5px; font-size: 11px; line-height: 15px;}

#homebody h1 {margin-top: 20px; margin-bottom: 0; color: #fff;}
#homebody h3 {margin-top: 0; margin-bottom: 10px; color: #a11f4c;}
#homebody h1, #homebody h3 {margin-left: 12px;}
#homebody  .text {padding: 0 12px;}
#homebody  .text p {color: #fff !important;}
#homebody  .text a:link, #homebody  .text a:visited {color:#00F210; border-color: #fff;}
#homebody  .text a:hover, #homebody  .text a:focus, #homebody  .text a:active {color:#fff; border-color: #fff;}

#homePromo {float: right; margin: 0 0 20px 20px;}

/* SIDEBAR */
#sidebar .inner {padding: 3px;}
#sidebar .inner div.last {margin-bottom: 0 !important;}

#sidebar .inner #quickmenu {width: 231px; margin: 0 0 10px 0; padding: 15px 0; background-color: #fff;  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    box-shadow: inset 0 0 40px rgba(0,0,0,.4);}
#sidebar .inner #quickmenu dt {margin: 0 0 10px 5px; color: #404040; font-size: 14px;}
#sidebar .inner #quickmenu dd {margin: 4px 0; padding: 0; border-bottom: 1px dashed #bdbdbd;}
#sidebar .inner #quickmenu dd.last {border-bottom: 0;}
#sidebar .inner #quickmenu dd a {-webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;}
#sidebar .inner #quickmenu dd a:link, #sidebar .inner #quickmenu dd a:visited {display: block; margin: 0; padding: 2px 5px; color: #404040;}
#sidebar .inner #quickmenu dd a:hover, #sidebar .inner #quickmenu dd a:focus, #sidebar .inner #quickmenu dd a:active {padding-left: 10px; color: #fff; background-color: #05b387;}
.ie #sidebar .inner #quickmenu {background-color: #dedede;}

#sidebar .inner .businesshours {margin: 0 0 10px 0; padding: 15px 0; background-color: #fff;  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    box-shadow: inset 0 0 40px rgba(0,0,0,.4);}
#sidebar .inner .businesshours p.title {margin: 0 0 10px 5px; color: #404040; font-size: 14px;}
#sidebar .inner .businesshours ul li {padding: 2px 5px; color: #404040;}
#sidebar .inner .businesshours p.subtitle a:link, #sidebar .inner .businesshours p.subtitle a:visited {color: #05B387;}
#sidebar .inner .businesshours p.subtitle a:hover, #sidebar .inner .businesshours p.subtitle a:focus, #sidebar .inner .businesshours p.subtitle a:active {color: #404040;}
.ie #sidebar .inner .businesshours {background-color: #dedede;}

#sidebar .inner #sideNews {margin: 0 0 10px 0; padding: 15px 0; background-color: #fff;  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    box-shadow: inset 0 0 40px rgba(0,0,0,.4);}
#sidebar .inner #sideNews p.title {margin: 0;}
#sidebar .inner #sideNews p.title a:link, #sidebar .inner #sideNews p.title a:visited {margin: 0 0 10px 5px; color: #404040; font-size: 14px;}
#sidebar .inner #sideNews p.title a:hover, #sidebar .inner #sideNews p.title a:focus, #sidebar .inner #sideNews p.title a:active {color: #05B387;}
#sidebar .inner #sideNews .img {display: block; width: 212px; margin-left: 9px; border-bottom: 1px dashed #bdbdbd;}
#sidebar .inner #sideNews .img img {display: block; margin: 0 auto;}
#sidebar .inner #sideNews .featnewsText {padding: 5px;}
#sidebar .inner #sideNews p.subtitle {margin-bottom: 5px;}
#sidebar .inner #sideNews p.subtitle a:link, #sidebar .inner #sideNews p.subtitle a:visited {color: #05B387;}
#sidebar .inner #sideNews p.subtitle a:hover, #sidebar .inner #sideNews p.subtitle a:focus, #sidebar .inner #sideNews p.subtitle a:active {color: #404040;}
#sidebar .inner #sideNews .featnewsText p {margin-top: 5px; color: #404040;}
.ie #sidebar .inner #sideNews {background-color: #dedede;}
.ie #sidebar .inner #sideNews .img {text-align: center;}

#sidebar .inner #sidePromo {margin: 0 0 10px 0; padding: 15px 0; background-color: #fff;  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    box-shadow: inset 0 0 40px rgba(0,0,0,.4);}
#sidebar .inner #sidePromo a img {display: block; margin: 0 auto;}
.ie #sidebar .inner #sidePromo {background-color: #dedede;}
.ie #sidebar .inner #sidePromo {text-align: center;}
.ie #sidebar .inner #sidePromo a img {display: inline;}

/* NEW CARS */
#popGalleryWrap {position: relative; width: 100%; margin: auto;}
#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;}
#popGallery {position: relative; width: 980px; overflow: hidden; margin: 0 auto; padding: 0; z-index: 1100; background: #232323;}

#newmodelFlash {width: 720px; height: 321px; background: url(/img/global/new_gallery_background.gif) 0 0 no-repeat;}
#newmodelFlash object,
#newmodelFlash embed {margin-top: 3px;}

#callToAction {height: 42px; padding-left: 15px; line-height: 42px; border-top: 1px solid #000; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px;   -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,.2), inset 0 1px 1px rgba(255,255,255,.1);  /* IE6-9 */                background: #2e2e2e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363636), color-stop(20%,#2e2e2e), color-stop(80%,#171717), color-stop(100%,#0f0f0f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* W3C */                  background: linear-gradient(top, #363636 0%, #2e2e2e 20%, #171717 80%, #0f0f0f 100%);
    /* IE6-9 */                _background-color: #2e2e2e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2e2e2e', endColorstr='#0f0f0f', GradientType=0); margin-bottom: 15px;}
#callToAction ul {margin-left: 35px; overflow: hidden;}
#callToAction ul li {float: left; height: 30px; margin: 4px 20px 0 0;}
#callToAction ul li.last {margin-right: 0;}
#callToAction ul li a {float: left;}
.ie #callToAction ul {overflow: visible; height: 1px;}

#tableNewInv td {padding: 10px 5px; text-align: center;}
#tableNewInv td a {position: relative; display: block; display: block; width: 166px; color: #fff;}
#tableNewInv td canvas {position: absolute; top: 0; left: 0;}
#tableNewInv td a em {font-weight: normal;}
#tableNewInv img.newinvimg {display: block; position: relative; width: 166px; height: 96px;}

#newCompare {position:relative; width: 720px; height: 300px; background: url(/img/global/new_compare.jpg) 50% 100% no-repeat;}
#newCompare p, #newCompare a {position: absolute; left: 142px;}
#newCompare p {top: 20px; text-align: left; line-height: 15px; color: #05B387; font-size: 25px;}
#newCompare p span {display: block; color: #404040; font-size: 12px;}
#newCompare a {top: 80px;}
.ie #newCompare p {line-height: 30px;}
.ie #newCompare p span {margin-top: -15px;}

/* USED CARS */
#usedTopClsFilter {margin-bottom: 30px; overflow: hidden;}
#usedTopClsFilter li {float: left; padding: 0 15px; text-align: center;}
#usedTopClsFilter li a {float: left; color: #404040;}
#usedTopClsFilter li a img {display: block;}
.ie #usedTopClsFilter {overflow: visible; height: 1px;}

/* WE BUY ANY CARS */
.contentBanner * {text-align: center;}
.contentBanner .blackBox {padding: 20px; color: #fff;
    /* IE6-9 */                background: #0f0f0f;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(20%,#171717), color-stop(80%,#2e2e2e), color-stop(100%,#363636));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* W3C */                  background: linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* IE6-9 */                _background-color: #0f0f0f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0f0f', endColorstr='#2e2e2e', GradientType=0);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.contentBanner .bigImage {width: 595px; margin: 0 auto 10px;
    /* IE6-9 */                background: #0f0f0f;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f0f0f), color-stop(20%,#171717), color-stop(80%,#2e2e2e), color-stop(100%,#363636));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* W3C */                  background: linear-gradient(top, #0f0f0f 0%, #171717 20%, #2e2e2e 80%, #363636 100%);
    /* IE6-9 */                _background-color: #0f0f0f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0f0f', endColorstr='#2e2e2e', GradientType=0);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.contentBanner .bigImage span.text {display: block; padding: 20px; color: #fff; font-size: 30px;}
.contentBanner .bigImage span.text em {color: #00F210;}
.contentBanner .bigImage span.image {display: block; height: 191px; border: 1px solid #000; background: url(/img/global/buy_car_image.jpg) 0 0 no-repeat;}
.contentBanner .fancyBigSideBtn {margin: 0 auto;}
.ie .contentBanner .bigImage {margin-left: 65px;}
.ie .contentBanner .fancyBigSideBtn {margin-left: 245px;}

/* PROMOTION */
#promoWrapperContent {width: 721px; overflow: hidden;}

/* SERVICE */
.fancyBigBtn li.serviceCenter {background-image: url(/img/global/service_center.png);}
.fancyBigBtn li.appoint {background-image: url(/img/global/service_serviceapp.png);}
.fancyBigBtn li.maintenance {background-image: url(/img/global/service_maintenance.png);}
.fancyBigBtn li.special {background-image: url(/img/global/service_specials.png);}

/* PARTS */
.text h2 {color: #05B387;}

/* ONLINE REQUESTS */
.fancyBigBtn li.service {background-image: url(/img/global/shopping_serviceapp.png);}
.fancyBigBtn li.quote {background-image: url(/img/global/shopping_pricequote.png);}
.fancyBigBtn li.build {background-image: url(/img/global/shopping_buildprice.png);}
.fancyBigBtn li.compare {background-image: url(/img/global/shopping_comparison.png);}
.fancyBigBtn li.credit {background-image: url(/img/global/shopping_credit.png);}
.fancyBigBtn li.parts {background-image: url(/img/global/shopping_parts.png);}
.fancyBigBtn li.search {background-image: url(/img/global/shopping_finder.png);}

/* MAZDA PROGRAMS */
#programs {overflow: hidden;}
#programs li {position: relative; float: left; width: 232px; height: 144px; margin: 0 0 10px 0; padding: 15px 0; background-color: #fff;  -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;  -webkit-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    -moz-box-shadow: inset 0 0 40px rgba(0,0,0,.4);
    box-shadow: inset 0 0 40px rgba(0,0,0,.4); margin-right: 12px;}
#programs li.last {margin-right: 0;}
#programs li p.title {font-size: 12px; margin-top: 0;}
#programs li p.title span {display: block; font-size: 11px;}
#programs li p{ margin-left: 10px; font-size: 12px; text-align: left;}
#programs li a {position: absolute; bottom: 5px; right: 5px;}
.ie #programs li {background-color: #dedede;}

/* FINANCE CENTER */
#credit {position:relative; width: 720px; height: 300px; background: url(/img/global/finance_apply.jpg) 50% 100% no-repeat;}
#credit p {position: absolute; left: 142px; top: 20px; text-align: left; line-height: 25px; color: #05B387; font-size: 25px;}
#credit a {position: absolute; left: 135px; top: 70px;}

/* CONTACT */
span.dealername {color: #05B387;}
#contactText {border-top: 0;}

/* FOOTER */
#footer .item {float: left; width: 260px;}
#footer .itemLast {width: 460px;}

#footer .item dl dt,
#footer .item dl dt a:link, #footer .item dl dt a:visited,
#footer .item h4 {margin-bottom: 15px; font-size: 15px; color:#fff; text-transform: uppercase; font-weight: bold;}
#footer .item dl dt a:hover, #footer .item dl dt a:focus, #footer .item dl dt a:active {color: #00F210;}
#footer .item dl dd {margin: 1px 0; padding: 1px 0;}
#footer .item dl dd a {-webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s;}
#footer .item dl dd a:link, #footer .item dl dd a:visited {color: #00F210;}
#footer .item dl dd a:hover, #footer .item dl dd a:focus, #footer .item dl dd a:active {color: #fff; padding-left: 5px;}
#footer .item  p.copyr {font-size: 12px; color: #A11F4C;}
.ie #footer .item h4 {margin-top: 20px;}

#footerLegalText p {font-size: 10px;}

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