@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.svg') format('svg');
}


body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #000000;}
body {background: #2a517a url(/img/global/background.jpg) top center no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: top;}
body.standalonebody {background: none;}

h1 {font: 18px "Mazda"; font-weight: normal; text-align: left; margin: 10px 0 10px 0; padding: 0 0 0 20px; background: url(/img/global/bullet_blue.png) 2px 5px no-repeat;}
h2 {font: 16px "Mazda"; font-weight: normal; text-align: left; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(/img/global/bullet_blue.png) 2px 3px no-repeat;}
h2 a:link, h2 a:visited {color: #000;}
h2 a:active, h2 a:focus, h2 a:hover {color: #0089CE;}
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: #000000; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #000000; font-weight: normal; text-decoration: none;}
h1 a:link, h1 a:visited {color: #000000;}
h1 a:hover, h1 a:focus, h1 a:active {color: #000000;}

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 12px; background: url(/img/global/bullet_white.gif) 0 6px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {list-style-type: decimal; line-height: 18px; padding: 0; background: none;}
div.text a:link, div.text a:visited {color: #0089CE;}
div.text a:hover, div.text a:focus, div.text a:active {color: #383B40;}
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: #0184CC; 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: #0184CC;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #0184CC;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #0184CC;}
.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: #0184CC; 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: #0184CC;}
.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: #0184CC; 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: #0184CC;}
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 */
.customlist {list-style: none; margin: 0; padding: 0;}
.customlist li {margin: 0; padding: 0;}
.customlist li.last {margin-right: 0 !important;}

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

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

.businesshours {width: 196px; margin: 0 auto 10px auto; padding: 7px; background: #1C1D1F; border: 1px solid #2B2E33;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; text-align: left;}
.businesshours p {margin: 0; padding: 0; text-transform: uppercase;}
.businesshours p.title {font-size: 12px; font-weight: normal; color: #838A90;}
.businesshours p.subtitle {font-size: 17px; margin-bottom: 5px; color: #fff;}
.businesshours p.subtitle.first {margin-top: 0;}
.businesshours p.subtitle a:link, .businesshours p.subtitle a:visited {color: #fff;}
.businesshours p.subtitle a:hover, .businesshours p.subtitle a:focus, .businesshours p.subtitle a:active {color: #0089CE;}
.businesshours ul li {font-size: 11px; margin: 0 0 2px 0; color: #838A90;}
.businesshours ul li.last {margin-bottom: 0;}
.businesshours ul li span {display: block; float: left; width: 70px; color: #fff;}

.multicols {overflow: hidden;}
.multicols .item {float: left; margin-right: 10px;}
.multicols .itemLast {margin: 0;}
.multicolsFixed .item {width: 215px; height: 119px;}
.ie .multicols {height: 1px; overflow: visible;}

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

.actionsBtns {overflow: hidden;}
.actionsBtns li {float: left; margin: 0 14px 7px 0;}
.actionsBtns li.last {margin: 0 0 7px 0;}
.actionsBtns li a {position: relative; display: block; width: 226px; height: 135px; padding: 2px; background: #C0C4C7 2px 2px no-repeat;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
.actionsBtns li a span {position: absolute; bottom: 2px; left: 2px; display: block; width: 216px; margin: 0 auto; padding: 5px; background: url(/img/global/bullet_white.png) 209px 8px no-repeat; text-align: left; line-height: normal;}
.actionsBtns li a:link, .actionsBtns li a:visited {color: #000;}
.actionsBtns li a:active, .actionsBtns li a:focus, .actionsBtns li a:hover {color: #000;}
.actionsBtns li a:active span, .actionsBtns li a:focus span, .actionsBtns li a:hover span {background: #82898f url(/img/global/bullet_blue.png) 209px 8px no-repeat;}
.actionsBtns .carComparisonBtn a {background-image: url(/img/global/homepage_bt_compare.gif);}

.actionsBtns .buildAndPriceBtn a {background-image: url(/img/global/homepage_bt_buildprice.gif);}
.actionsBtns .carFinancingBtn a {background-image: url(/img/global/bt_credit.gif);}
.actionsBtns .priceQuoteBtn a {background-image: url(/img/global/bt_sendquote.gif);}
.actionsBtns .roadtestBtn a {background-image: url(/img/global/bt_roadtest.gif);}
.actionsBtns .serviceBtn a {background-image: url(/img/global/bt_serviceap.gif);}
.actionsBtns .partsOrderBtn a {background-image: url(/img/global/bt_parts.gif);}
.actionsBtns .contactBtn a {background-image: url(/img/global/bt_contact.gif);}
.actionsBtns .carBuilderBtn a {background-image: url(/img/global/homepage_bt_buildprice.gif);}
.actionsBtns .promotionsBtn a {background-image: url(/img/global/bt_roadtest.gif);}

.actionsBtns .social {margin: 0; padding: 0;}
.actionsBtns .facebook {margin-right: 4px;}
.actionsBtns .social a {display: block; width: 114px; height: 143px; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; text-indent: -9999px; overflow: hidden;}
.actionsBtns .facebook a {background-image: url(/img/global/homepage_facebook.gif);}
.actionsBtns .twitter a {background-image: url(/img/global/homepage_twitter.gif);}

.ie .actionsBtns li a {width: 230px; height: 139px;}
.ie .actionsBtns .social a {width: 114px; height: 143px;}
.ie .actionsBtns li a span {width: 226px;}

.mazdapromo {width: 222px;}
.mazdapromo img {display: block; width: 194px; margin: 30px auto; border: 8px solid white;}
.ie .mazdapromo img {display: inline; text-align: center;}

.gradientBtn .silverGradient span {  /* IE6-9 */                background: #FEFEFE;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #FEFEFE 0%, #C3C3C3 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#C3C3C3));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #FEFEFE 0%, #C3C3C3 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #FEFEFE 0%, #C3C3C3 100%);
    /* W3C */                  background: linear-gradient(top, #FEFEFE 0%, #C3C3C3 100%);
    /* IE6-9 */                _background-color: #FEFEFE; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE', endColorstr='#C3C3C3', GradientType=0);}
.gradientBtn .silverGradient {  /* IE6-9 */                background: #D2D5D8;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #D2D5D8 0%, #818991 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D2D5D8), color-stop(100%,#818991));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #D2D5D8 0%, #818991 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #D2D5D8 0%, #818991 100%);
    /* W3C */                  background: linear-gradient(top, #D2D5D8 0%, #818991 100%);
    /* IE6-9 */                _background-color: #D2D5D8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D2D5D8', endColorstr='#818991', GradientType=0);}
.gradientBtn a.silverGradient:link, .gradientBtn a.silverGradient:visited {color: #333;}
.gradientBtn a.silverGradient:active, .gradientBtn a.silverGradient:focus, .gradientBtn a.silverGradient:hover {color: #000;}

.gradientBtn a {position: relative; display: block; width: 200px; height: 35px; margin: 8px 0 0 6px; padding: 0 0 0 10px;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; text-align: left; line-height: 35px;}
.gradientBtn a span {position: absolute; right: 0; top: 1px; display: block; width: 30px; height: 33px; background-repeat: no-repeat; background-position: 0 0;}
.gradientBtn a:link, .gradientBtn a:visited {color: #C9EEFD;}
.gradientBtn a:active, .gradientBtn a:focus, .gradientBtn a:hover {color: #fff;}
.gradientBtn em {float: left; width: 150px; padding: 3px 0 0 0; font-style: normal; line-height: 14px; cursor: pointer;}
.ie .gradientBtn a {width: 210px}
.separatorTop {padding-top: 10px;}
.separatorBottom {padding-bottom: 10px;}
.ie .separatorTop {height: 1px;}
.ie .separatorBottom {height: 1px;}

.blueGradient {  /* IE6-9 */                background: #00B3FD;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #00B3FD 0%, #006FA7 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00B3FD), color-stop(100%,#006FA7));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #00B3FD 0%, #006FA7 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #00B3FD 0%, #006FA7 100%);
    /* W3C */                  background: linear-gradient(top, #00B3FD 0%, #006FA7 100%);
    /* IE6-9 */                _background-color: #00B3FD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00B3FD', endColorstr='#006FA7', GradientType=0);}
.blueGradient span{background-image:url(/img/global/arrow_white.png);}
a:link.blueGradient, a:visited.blueGradient {color: #fff;}
a:active.blueGradient, a:focus.blueGradient, a:hover.blueGradient {color: #000;}

.grayGradient {  /* IE6-9 */                background: #ffffff;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #ffffff 0%, #babec1 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#babec1));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #babec1 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #ffffff 0%, #babec1 100%);
    /* W3C */                  background: linear-gradient(top, #ffffff 0%, #babec1 100%);
    /* IE6-9 */                _background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#babec1', GradientType=0);}
.grayGradient span{background-image:url(/img/global/arrow_gray.png);}
a:link.grayGradient, a:visited.grayGradient {color: #000;}
a:active.grayGradient, a:focus.grayGradient, a:hover.grayGradient {color: #0089CE;}

.blackGradient {  /* IE6-9 */                background: #373a3f;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #373a3f 0%, #000000 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#373a3f), color-stop(100%,#000000));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #373a3f 0%, #000000 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #373a3f 0%, #000000 100%);
    /* W3C */                  background: linear-gradient(top, #373a3f 0%, #000000 100%);
    /* IE6-9 */                _background-color: #373a3f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#373a3f', endColorstr='#000000', GradientType=0);}
.blackGradient span{background-image:url(/img/global/arrow_gray.png);}
a:link.blackGradient, a:visited.blackGradient {color: #fff;}
a:active.blackGradient, a:focus.blackGradient, a:hover.blackGradient {color: #0089CE;}


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

#header {height: 462px; background: url(/img/global/side_bottom.gif) -7px 455px no-repeat; vertical-align: top;}
#sidebar {width: 236px; background: #383b40 url(/img/global/quickmenu_shadow.gif) repeat-y; vertical-align: top;}
#pageSeparator {width: 980px; height: 14px; background: url(/img/global/side_dual.gif) no-repeat 0 5px;}
#content {width: 742px; height: 100%; padding: 8px 0 0 0; background: #ffffff; border-right: 2px solid #82898f; vertical-align: top;}
#footer {width: 980px; background: url(/img/global/bottom.gif) no-repeat; text-align: center; vertical-align: top;}


/* HEADER */
#headerContent {position: relative; height: 462px; padding: 0;}

#mainLogo {position: absolute; top: 17px; left: 8px;}

#headerLine {position: absolute; top: 17px; left: 108px; height: 63px; width: 1px; background-color: #3e77b0; border-left: 1px solid #448abd;}

#mazdaLogo {position: absolute; top: 0; right: 0; display: block; width: 257px; height: 82px; background: url(/img/global/top_mazda.png) 0 0 no-repeat; text-align: left; text-indent: -9999px; overflow: hidden;}

#headerLinks {position: absolute; top: 15px; left: 285px; padding: 0;}
#headerLinks li {float: left; margin: 0; padding: 0; color: #fff;}
#headerLinks li:last-child,
#headerLinks li.last {margin: 0; padding: 0 12px; border: none;}
#headerLinks a {padding: 0 10px;}
#headerLinks a:link, #headerLinks a:visited {color: #000;}
#headerLinks a:active, #headerLinks a:focus, #headerLinks a:hover {color: #fff;}
.ie #headerLinks {width: 273px; height: 36px;}
.ie #headerLinks li {width: 1px; white-space: nowrap;}

#headerInfos {position: absolute; top: 35px; left: 295px;}
#headerInfos p {margin: 0; padding: 0; color: #fff;}

#top {position: absolute; top: 75px; left: 0; width: 980px; height: 7px; background: url(/img/global/top.gif) 0 0 no-repeat;}

#headerFeature {position: absolute; top: 82px; left: 0; width: 976px; height: 280px; background: #dbd6da url(/img/global/header_image.jpg) no-repeat; border: 2px solid #82898f;}
#headerFeature #dealerPic {padding: 0 0 0 6px;}
.ie #headerFeature {width: 980px; height: 284px}

#headerActions {position: absolute; top: 412px; left: 0; z-index: 1; width: 980px; height: 43px; background: #82898f;}

#headerCompare {position: absolute; top: -1px; left: 14px; z-index: 5; width: 222px; height: 44px; background: #383b40;}

#headerModels {position: absolute; top: 0; left: 2px; width: 976px; height: 41px; background-color: #82898f}
#headermodels ul {position: absolute; top: 4px; left: 312px;}
#headermodels ul li {float: left; margin: 0 10px 0 0;}
#headermodels ul li a {position: relative; display: block; width: 44px; height: 33px; padding: 0 1px; margin-right: 10px; font-family: "Mazda"; font-size: 10px; line-height: 15px;}
#headermodels ul li a span {position: absolute; bottom: 3px; left: -7px; display: block; font-size: 24px;}
#headermodels ul li a:link, #headermodels ul li a:visited {color: #000;}
#headermodels ul li a:active, #headermodels ul li a:focus, #headermodels ul li a:hover {text-shadow: #0089CE 0 0 5px; color: #D8F3FE;   -webkit-transition: text-shadow,color .2s ease-in;
    -moz-transition: text-shadow,color .2s ease-in;
    transition: text-shadow,color .2s ease-in;}
#headermodels ul li a:link span, #headermodels ul li a:visited span {color: #fff; text-shadow: 0 0 2px #000;}
#headermodels ul li a:active span, #headermodels ul li a:focus span, #headermodels ul li a:hover span {color: #D8F3FE; text-shadow: 0 0 2px #0089CE;}
.ie #headermodels ul li a span {bottom: 0; left: -13px; width: 40px; padding-left: 5px; line-height: 20px; cursor: pointer;}

#headerNav {position: absolute; top: 366px; left: 0; width: 980px; height: 46px; background: #82898f;}

#mainNav {position: absolute; top: 0; left: 3px; width: 974px; height: 45px; margin: 0 auto;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
#mainNav li {display: block; float: left; overflow: hidden; height: 29px; margin: 0;}
#mainNav li a {display: block; height: 29px; padding: 8px 14px; font: 11px "Mazda"; line-height: 29px; white-space: nowrap;}
#mainNav li a:link, #mainNav li a:visited {color: #000;}
#mainNav li a:active, #mainNav li a:focus, #mainNav li a:hover {color: #0089CE;}
#mainNav li.first a {padding-left: 14px;}
#mainNav li.last a {padding-right: 12px;}
.ie #mainNav {margin: 0;}
.ie #mainNav li {white-space: nowrap;}
.ie #mainNav li a {float: left;}

#pageContent {padding: 0 11px 30px 11px;}

/* SIDEBAR */
#sidebarNav {width: 222px; margin: 0 0 0 14px; background: #383b40;}
.ie #sidebarNav {text-align: center;}

#sidebarNav .gradientBtn.first a {margin-top: 0;}
#sidebarNav .gradientBtn a {margin-top: 3px;}

#sidebarNav .sidebarBtn a {display: block; width: 210px; height: 78px; margin: 0 auto 10px auto; text-indent: -9999px;}
#sidebarNav .contact a {background: url(/img/global/sidebar_btmap.gif) no-repeat;}
#sidebarNav .creditForm a {background: url(/img/en/side_bt_preapproved.gif) no-repeat;}
#sidebarNav .promos a {background: url(/img/en/side_bt_promotions.gif) no-repeat;}
#sidebarNav .promosDMA a {background: url(/img/en/side_bt_promosdma.gif) no-repeat;}
#sidebarNav .promosDLR a {background: url(/img/en/side_bt_promosdlr.gif) no-repeat;}
#sidebarNav .carBuilder a {background: url(/img/en/side_bt_build.gif) no-repeat;}
#sidebarNav .roadtest a {background: url(/img/en/side_bt_roadtest.gif) no-repeat;}

#quickmenu {position: relative; z-index: 2; width: 222px; height: 282px; margin: -2px 0 20px 12px; background-color: #383b40;}
#quickmenu .title {margin: 0 0 15px 0; padding: 10px 0 0 20px; font: 18px "Mazda"; color: #fff;}
#quickmenu dd {padding: 0;}
#quickmenu dd a {display: block; width: 192px; padding: 3px 0 3px 30px; background: url(/img/global/dot_white.png) 7px 9px no-repeat; border-top: 1px solid #4d5059; border-bottom: 1px solid #1E1F23;}
#quickmenu dd a:link, #quickmenu dd a:visited {color: #e0e0de;}
#quickmenu dd a:active, #quickmenu dd a:focus, #quickmenu dd a:hover {background: #303133 url(/img/global/dot_blue.png) 7px 9px no-repeat; color: #fff;   -webkit-box-shadow: inset 0 0 5px #585D65;
    -moz-box-shadow: inset 0 0 5px #585D65;
    box-shadow: inset 0 0 5px #585D65;}
#quickmenu dd.first {border-top: 1px solid #1E1F23;}
#quickmenu dd.last {border-bottom: 1px solid #4d5059;}
.ie #quickmenu {text-align: left;}
.ie #quickmenu dd a {width: 222px;}


/* MAZDA PROGRAMS */
#mazdaPrograms {overflow: hidden; width: 720px;}
#mazdaPrograms .programBox {position: relative; float: left; width: 216px; height: 139px; margin: 0 14px 0 0; padding: 0 7px; background: #c0c4c7;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; text-align: left;}
#mazdaPrograms .programBox.last {margin: 0;}
#mazdaPrograms .programBox .programTitle {margin: 10px 0 0 0; padding: 0 0 0 22px; background: url(/img/global/bullet_white.png) 4px 2px no-repeat; font-size: 10px; text-transform: uppercase;}
#mazdaPrograms .programBox .programTitle a:link, #mazdaPrograms .programBox .programTitle a:visited {color: #000;}
#mazdaPrograms .programBox .programTitle a:hover, #mazdaPrograms .programBox .programTitle a:focus, #mazdaPrograms .programBox .programTitle a:active {color: #0089CE;}
#mazdaPrograms .programBox .programDesc {height: 75px; margin: 10px 0 0 0; color: #000;}
#mazdaPrograms .programBox .programLine {position: absolute; top: 96px; left: 0; display: block; width: 230px; height: 1px; border-top: 1px solid #8e9394; border-bottom: 1px solid #cfd3d4;}
#mazdaPrograms .programBox .programMore {height: 25px; margin: 0;}
#mazdaPrograms .programBox .programMore a {display: block; height: 25px; background: url(/img/global/dot_blue.png) 210px 10px no-repeat; line-height: 25px;}
#mazdaPrograms .programBox .programMore a:link, #mazdaPrograms .programBox .programMore a:visited {color: #000;}
#mazdaPrograms .programBox .programMore a:active, #mazdaPrograms .programBox .programMore a:focus, #mazdaPrograms .programBox .programMore a:hover {background: url(/img/global/dot_white.png) 210px 10px no-repeat; color: #0089CE;}
.ie #mazdaPrograms .programBox {width: 230px;}


/* HOME */
#homeUsed {width: 720px; text-align: left;}

#homeUsed #usedFeatList {width: 720px; overflow: hidden;}
#homeUsed #usedFeatList li.item {float: left; width: 166px; margin: 0 13px 0 0; padding: 2px 2px 5px 2px; background: #C0C4C7;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
#homeUsed #usedFeatList li.itemLast {margin: 0;}
#homeUsed #usedFeatList li ul li {width: auto;}
#homeUsed #usedFeatList li ul li.itemImg {margin-bottom: 3px;}
#homeUsed #usedFeatList li ul li.itemImg a {display: block;}
#homeUsed #usedFeatList li ul li.itemName {width: 156px;; padding: 2px 5px 0 5px;}
#homeUsed #usedFeatList li ul li.itemName a:link, #homeUsed #usedFeatList li ul li.itemName a:visited {color: #fff;}
#homeUsed #usedFeatList li ul li.itemName a:active, #homeUsed #usedFeatList li ul li.itemName a:focus, #homeUsed #usedFeatList li ul li.itemName a:hover {color: #ccc;}
#homeUsed #usedFeatList li ul li.itemKM {float: left; width: 75px; padding: 0 5px; clear: both; color: #000;}
#homeUsed #usedFeatList li ul li.itemPrice {float: right;; padding: 0 5px; color: #000;}
.ie #homeUsed #usedFeatList li.item {width: 170px;}
.ie #homeUsed #usedFeatList li ul li.itemImg {display: block; height: 1px;}

#homeText {height: 231px; margin-bottom: 10px; background: url(/img/global/homepage_dealer.gif) no-repeat right center;}
#homeText .text {width: 536px; height: 217px; float: left; margin-top: 7px; padding: 10px; background-color: #c0c4c7;   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;}
#homeText .text a:link, #homeText .text a:visited {color: #0089CE;}
#homeText .text a:hover, #homeText .text a:focus{color: #fff;}

#homePromos {position: relative; width: 720px; height: 200px; overflow: hidden; padding: 2px; background: #C0C4C7 url(/img/global/homepage_zoom.gif) 476px top no-repeat; text-align: left; box-sizing: border-box;}
#homePromosBox {width: 466px; height: 184px; padding: 6px; background: #383b40;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;}
#homePromosBox embed,
#homePromosBox object,
#homePromosBox iframe {width: 160px; height: 120px;}
#homePromosBox .imgOnly {text-align: center;}
#homePromosBox .promophoto img {float: right; margin: 0 0 10px 10px;}
#homePromosBox .promoinfos {color: #fff;}
#homePromosBox .promoinfos p {color: #fff;}
#homePromosBox .promoinfos a:link, #homePromosBox .promoinfos a:visited {color: #fff;}
#homePromosBox .promoinfos a:active, #homePromosBox .promoinfos a:focus, #homePromosBox .promoinfos a:hover {color: #fff;}

.ie #homePromosBox {width: 480px; height: 196px;}

#homePromosBtns {position: absolute; top: 100px; right: 14px;}
#homePromosBtns .gradientBtn a {margin: 5px 0 0;}


/* NEW CARS */
#newcarsinv table td {padding: 0px 5px 5px 0;}
#newcarsinv table td a {display: block; background: #82898f url(/img/global/bullet_grey.gif) 155px 103px no-repeat; padding: 5px;   -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px; text-align: left;}
#newcarsinv table td a img {margin: 0 0 5px 0;}
#newcarsinv table td a:link, #newcarsinv table td a:visited {color: #ccc;}
#newcarsinv table td a:active, #newcarsinv table td a:focus, #newcarsinv table td a:hover {background: #82898f url(/img/global/bullet_blue.gif) 155px 103px no-repeat; color: #000000;}

#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, #newmodelBtns {float: left; text-align: left;}
#newmodelBtns .gradientBtn a {margin: 0 0 10px 10px;}
.ie #newmodel {width: 720px;}


/* SERVICE */
#serviceMaintenance table {border: none !important;}


/* CONTACT */
#contactmap {position: relative; width: 720px; height: 200px;}
#contactinfos {position: absolute; right: 15px; bottom: 15px; padding: 10px; background: rgba(0, 0, 0, 0.8); border: 2px solid #BFBFBF; text-align: left;}
#contactinfos p {margin: 0 0 10px 0; padding: 0; color: #fff;}
#contactinfos p span {color: #FFF; font-weight: bold;}
#contactinfos ul {margin: 0; padding: 0; list-style-type: none;}
#contactinfos ul li {margin: 0; padding: 0; text-align: left; color: #fff;}
#contactinfos ul li span {display: block; float: left; width: 130px;}
#contactinfos a:link, #contactinfos a:visited {color: #fff;}
#contactinfos a:hover, #contactinfos a:focus, #contactinfos a:active {color: #ccc;}
.ie #contactinfos {background: #1C1C1C;}


/* SITE MAP */
#sitemap {font-size: 11px; text-align: left; overflow: hidden; padding: 15px; background-color: #DEDEDE;}
#sitemap a:link, #sitemap a:visited {color: #000000; font-weight: normal;}
#sitemap a:hover, #sitemap a:focus, #sitemap a:active {color: #000000; 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; border-right: 1px solid #999;}
#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; width: 190px; margin: 0 55px 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;}


/* FOOTER */
#footer a:link, #footer a:visited {color: #fff;}
#footer a:active, #footer a:focus, #footer a:hover {color: #838A90;}

#footerColumns {width: 940px; margin: 0 auto; padding: 20px; text-align: left;}
#footerColumns p {margin: 0; color: #fff;}
#footerColumns p.title {margin: 0; font: 16px "Mazda"; color: #fff;}
#footerColumns p.title a:link, #footerColumns p.title a:visited {color: #fff;}
#footerColumns p.title a:active, #footerColumns p.title a:focus, #footerColumns p.title a:hover {color: #838A90;}
#footerColumns ul {margin: 10px 0 0 0;}
#footerColumns ul li {padding: 0 0 0 15px; background: url(/img/global/dot_dark.png) 3px 7px no-repeat; font-size: 12px; color: #fff; line-height: 20px;}
#footerColumns .vcard {padding: 1em 0;}
.ie #footerColumns {width: 980px;}

#footerLinks {width: 270px;}
#footerModels {width: 239px; margin-right: 0; padding-right: 20px;}
#footerLine {height: 215px; width: 1px; float: left; background-color: #305e8a; border-left: 1px solid #244666;}
#footerInfos {width: 339px; padding-left: 50px; font-size: 11px; line-height: 15px; color: #fff;}

#footerLegalText {width: 330px; font-size: 10px;}
#footerLegalText p {margin: 4px 0 3px 0; font-size: 10px;}
#footerLegalLogo123 {margin: 0; border-width: 0;}
#footerLegalLogo123 p {margin: 0; padding: 0; font-size: 10px; color: #fff;}