 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 

 
 


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

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

h1, h2, h3,
#homeInfoHolder .inner p.big strong,
#homeNews dt,
a.fancyBtn,
ul.fancylist li a span,
dl.businesshours dl dt a,
.bigBtn legend,
dl.bigBtn dt,
dl.businesshours dt,
#footer dt {font-family: "FuturaMedium"; font-weight: normal !important;}

.slogan,
#mainNav li a {font-family: "Mazda"; font-weight: normal !important;}

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

h1 {font-size: 21px; font-weight: bold; text-align: left; margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #a6a6a6;}
h2 {font-size: 16px; font-weight: bold; text-align: left; margin: 20px 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #a6a6a6;}
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: #003c78; text-decoration: underline; font-weight: normal;}
a:hover, a:focus {color: #333333; font-weight: normal; text-decoration: none;}
a:active {color: #003c78;}
h1 a:link, h1 a:visited {color: #000000; text-decoration: none;}
h1 a:hover, h1 a:focus, h1 a:active {color: #000000; text-decoration: underline;}

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: left;}
div.text .textWrapper {padding: 5px 5px 74px; background-color: #dedede;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
div.text p {line-height: 18px; margin: 0 0 10px 0; padding: 0; color: #303030;}
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 10px; background: url(/img/global/bullet_square.jpg) 0 6px no-repeat;}
div.text dl {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text dl.last {margin-bottom: 0;}
div.text dl dt {margin: 5px 0 10px;}
div.text dl dd {list-style-type: none; line-height: 18px; padding: 0 0 0 10px; background: url(/img/global/bullet_square.jpg) 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,
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: #ffffff; color: #000000; font-weight: bold;}
.subheader {background-color: #DEDEDE; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #000000; background-color: #ffffff;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #000000; background-color: #ffffff;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #000000; background-color: #ffffff;}
.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:#000000; font-weight: bold;}
.dpwnb {font-size: 10px; color:#000000;}
.dpwnb1 {font-size: 10px; color:#000000; line-height: 115%;}
.dpb{font-size: 12px; color: #000000; font-weight: bold;}
.dpbw {font-size: 1px; color:#000000; font-weight: bold;}
.dpbws2 {font-size: 11px; color:#000000; font-weight: bold;}
.dpbws {font-size: 11px; color:#000000; font-weight: bold;}
.dpbws:link {font-size: 11px; color:#000000; font-weight: bold;}
.dpbws:visited {font-size: 11px; color:#000000; font-weight: bold;}
.dpbws:hover {font-size: 11px; color:#000000; font-weight: bold;}
.results-header {font-size: 11px; font-weight: bold; color: #000000; background-color: #ffffff;}
.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: #ffffff; color: #000000; font-weight: bold; border-top: 1px outset #000000; border-bottom: 1px outset #000000;}
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:#000000; font-weight: bold; background-color: #ffffff;}
TABLE.au TD.norm         {font-size: 12px; color:#000000; background-color: #DEDEDE;}


a.careerApplyLink:link, a.careerApplyLink:visited {color: #000000; text-decoration: none; font-size: 10px;}
a.careerApplyLink:hover, a.careerApplyLink:focus, a.careerApplyLink:active {color: #000000; 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;}

dl.businesshours {margin: 0;}
dl.businesshours dt {height: 22px; margin: 0 0 5px 0; padding: 0 0 0 30px; background: url(/img/global/icon_clock.jpg) 0 0 no-repeat; line-height: 22px; font-size: 18px;}
dl.businesshours dd {margin: 2px 0; padding: 2px 0 2px 30px;}
dl.businesshours dd.first,
dl.businesshours dd:first-child {margin-top: 0;}
dl.businesshours dd span {display: block; float: left; width: 55px;}

dl.businesshours dl {margin-bottom: 10px;}
dl.businesshours dl dt {background: none;}
dl.businesshours dl dt a {font-size: 15px; margin-top: 15px; text-decoration: none;}
dl.businesshours dl dt a:link, dl.businesshours dl dt a:visited {color: #000;}
dl.businesshours dl dt a:hover, dl.businesshours dl dt a:focus, dl.businesshours dl dt a:active {color: #003C78;}
dl.businesshours dl dd {margin: 2px 0 2px 0; font-size: 11px;}
dl.businesshours dl dd.last,
dl.businesshours dl dd:last-child {margin-bottom: 0;}
dl.businesshours dl dd span {display: block; float: left; width: 65px;}
dl.fancyBusinesshours dd dl dt,
dl.fancyBusinesshours dd dl dd {padding-left: 0 !important;}
.ie dl.businesshours dl dd {margin: 0; padding: 0 0 0 30px; font-family: arial;}

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

div.split {overflow: hidden;}
div.split p {width: 347px; float: left; margin-right: 10px;}
div.split p.last,
div.split p:last-child {margin-right: 0;}
.ie div.split {height: 1px; overflow: visible;}
.ie div.split p {width: 346px;}

.addmargin {margin-bottom: 30px;}

.border {border: 8px solid #dedede;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
.inner {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;
}

.specialBorder {border-color: #143463;}
.specialBorder .inner {background-image: url(/img/global/home_bg_address.jpg);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

a.fancyBtn {padding: 7px 2px; font-size: 14px; text-decoration: none;   /* IE6-9 */                background: #396c9f;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396c9f), color-stop(100%,#396c9f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* W3C */                  background: linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* IE6-9 */                _background-color: #396c9f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396c9f', endColorstr='#396c9f', GradientType=0);   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
a.fancyBtn span {position: relative; padding: 5px 25px 5px 10px;   /* IE6-9 */                background: #133b7e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#133b7e), color-stop(100%,#2f6fda));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* W3C */                  background: linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* IE6-9 */                _background-color: #133b7e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#133b7e', endColorstr='#2f6fda', GradientType=0);   -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;}
a.fancyBtn span:after {position: absolute; top: 9px; right: 7px; display: block; width: 9px; height: 9px; content: " "; background: url(/img/global/btn_bullet_orange.png) no-repeat 0 0;
}
.ie a.fancyBtn {position: relative; padding: 3px 3px;}

a:link.fancyBtn, a:visited.fancyBtn {color: #fff;}
a:link.fancyBtn span, a:visited.fancyBtn span {  /* IE6-9 */                background: #2f6fda;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #2f6fda 0%, #133b7e 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f6fda), color-stop(100%,#133b7e));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #2f6fda 0%, #133b7e 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #2f6fda 0%, #133b7e 100%);
    /* W3C */                  background: linear-gradient(top, #2f6fda 0%, #133b7e 100%);
    /* IE6-9 */                _background-color: #2f6fda; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f6fda', endColorstr='#133b7e', GradientType=0);}

a:hover.fancyBtn, a:focus.fancyBtn {color: #c7c7c7;}
a:hover.fancyBtn span, a:focus.fancyBtn span {  /* IE6-9 */                background: #133b7e;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#133b7e), color-stop(100%,#2f6fda));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* W3C */                  background: linear-gradient(top, #133b7e 0%, #2f6fda 100%);
    /* IE6-9 */                _background-color: #133b7e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#133b7e', endColorstr='#2f6fda', GradientType=0);}

a:active.fancyBtn {color: #fff;}
a:active.fancyBtn span {  /* IE6-9 */                background: #396c9f;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396c9f), color-stop(100%,#396c9f));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* W3C */                  background: linear-gradient(top, #396c9f 0%, #396c9f 100%);
    /* IE6-9 */                _background-color: #396c9f; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#396c9f', endColorstr='#396c9f', GradientType=0);}


/* MAIN LAYOUT */
#mainWrap {width: 980px; height: 100%; margin: 0 auto;}
#mainWrap tr.bgColor1 > td,
.ie #mainWrap tr.bgColor1 {background-color: #fff;}
#mainWrap tr td.padding {padding: 0 15px;}
#mainWrap tr.space {height: 5px;}

#social {height: 30px; vertical-align: top; background-color: #3b3b3b;   -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;}

#header {position: relative; z-index: 9; vertical-align: top;   -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;}

#sideBar {width: 230px; padding-left: 0 !important; vertical-align: top;   -webkit-border-radius: 0 0 7px 0;
    -moz-border-radius: 0 0 7px 0;
    border-radius: 0 0 7px 0;}
#sideBar .inner {width: 230px;}

#content {position: relative; z-index: 7; width: 750px; height: 100%; padding-bottom: 10px !important; vertical-align: top;}

.sideBarOff #content {width: 980px;}

#footer {text-align: left; vertical-align: top; background-color: #3b3b3b;
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;
}

#legalFooter {text-align: left; vertical-align: top;
    /* IE6-9 */                background: #E9E8E8;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #E9E8E8 0%, #cfcecc 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9E8E8), color-stop(100%,#cfcecc));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #E9E8E8 0%, #cfcecc 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #E9E8E8 0%, #cfcecc 100%);
    /* W3C */                  background: linear-gradient(top, #E9E8E8 0%, #cfcecc 100%);
    /* IE6-9 */                _background-color: #E9E8E8; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E8E8', endColorstr='#cfcecc', GradientType=0);
}

/* HEADER */
#social a:link, #social a:visited {color: #fff;}
#social a:active {text-decoration: underline;}

#social ul.socialBtns {float: right;}
#social ul.socialBtns li a {margin: 7px 0; padding: 2px 10px; border-left: 1px solid #fff;}
#social ul.socialBtns li.facebook a,
#social ul.socialBtns li.twitter a {padding-left: 30px; background-position: 10px 50%;}
#social ul.socialBtns li.first a,
#social ul.socialBtns li:first-child a {border-left: 0;}
#social ul.socialBtns li.last a,
#social ul.socialBtns li:last-child a {padding-right: 0;}

#headerContent {position: relative; height: 210px;}

#mainLogo {position: absolute; top: 10px; left: 0px; display: block; width: 179px; height: 126px; background: url(/img/en/logo.jpg) 0 0 no-repeat; color: #fff; text-align: left; text-indent: -9999px; overflow: hidden;}

.slogan {position: absolute; top: 95px; left: 170px; margin: 0; font-size: 14px;}

a#home {position: absolute; top: 140px; left: 0; display: block; width: 42px; height: 42px; border: 3px solid #304f96; text-align: center;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
a#home img {padding: 10px 0;}
a#home:link, a#home:visited {  /* IE6-9 */                background: #304f96;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#304f96), color-stop(47%,#3377ea), color-stop(47%,#2861c1), color-stop(100%,#103575));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* W3C */                  background: linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* IE6-9 */                _background-color: #304f96; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#304f96', endColorstr='#103575', GradientType=0);}
a#home:hover, a#home:focus {  /* IE6-9 */                background: #906811;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#906811), color-stop(47%,#f0980d), color-stop(47%,#ba8719), color-stop(100%,#77550c));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* W3C */                  background: linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* IE6-9 */                _background-color: #906811; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#906811', endColorstr='#77550c', GradientType=0);}
a#home:active {  /* IE6-9 */                background: #203a78;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203a78), color-stop(47%,#1d53ae), color-stop(47%,#194590), color-stop(100%,#071f46));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* W3C */                  background: linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* IE6-9 */                _background-color: #203a78; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#203a78', endColorstr='#071f46', GradientType=0);}
.ie a#home img {margin: 10px 8px;}

#mainNav {position: absolute; top: 140px; right: 0; border: 3px solid #304f96;   /* IE6-9 */                background: #304f96;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#304f96), color-stop(47%,#3377ea), color-stop(47%,#2861c1), color-stop(100%,#103575));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* W3C */                  background: linear-gradient(top, #304f96 0%, #3377ea 47%, #2861c1 47%, #103575 100%);
    /* IE6-9 */                _background-color: #304f96; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#304f96', endColorstr='#103575', GradientType=0);   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
#mainNav li {position: relative; float: left; border-left: 1px solid #214f94; border-right: 1px solid #709fe6;}
#mainNav li a {position: relative; float: left; padding: 13px 27px; line-height: 16px; font-size: 11px; text-decoration: none;}
/*#mainNav li a span {position: absolute; top: 17px; right: 25px; display: block; width: 9px; height: 9px; background: url(/img/global/main_nav_arrow.png) 0 0 no-repeat;}*/
#mainNav li:hover a,
#mainNav li a.hover {  /* IE6-9 */                background: #906811;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#906811), color-stop(47%,#f0980d), color-stop(47%,#ba8719), color-stop(100%,#77550c));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* W3C */                  background: linear-gradient(top, #906811 0%, #f0980d 47%, #ba8719 47%, #77550c 100%);
    /* IE6-9 */                _background-color: #906811; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#906811', endColorstr='#77550c', GradientType=0);}
#mainNav li:hover a span,
#mainNav li a.hover span {background-image: url(/img/global/main_nav_arrow_up.png);}
#mainNav li a:link, #mainNav li a:visited {color: #fff;}
#mainNav li a:hover, #mainNav li a:focus {color: #fff;}
#mainNav li a:active {  /* IE6-9 */                background: #203a78;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203a78), color-stop(47%,#1d53ae), color-stop(47%,#194590), color-stop(100%,#071f46));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* W3C */                  background: linear-gradient(top, #203a78 0%, #1d53ae 47%, #194590 47%, #071f46 100%);
    /* IE6-9 */                _background-color: #203a78; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#203a78', endColorstr='#071f46', GradientType=0);}

#mainNav li.first , #mainNav li:first-child {border-left: 0;}
#mainNav li.first a, #mainNav li:first-child a {  -webkit-border-radius: 7px 0 0 7px;
    -moz-border-radius: 7px 0 0 7px;
    border-radius: 7px 0 0 7px;}

#mainNav li.last , #mainNav li:last-child {border-right: 0;}
#mainNav li.last a, #mainNav li:last-child a {  -webkit-border-radius: 0 7px 7px 0;
    -moz-border-radius: 0 7px 7px 0;
    border-radius: 0 7px 7px 0;}

#mainNav li.first ul,
#mainNav li:first-child ul {left: 10px;}
#mainNav li.last ul,
#mainNav li:last-child ul {left: auto; right: 10px;}

#mainNav li ul {position: absolute; top: 42px; left: 0; display: none; padding: 0 10px; background-color: rgba(0, 0, 0, .9);   -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;}
#mainNav li ul li {float: none; border: none; border-bottom: 1px solid #333; white-space: nowrap;}
#mainNav li ul li.last,
#mainNav li ul li:last-child {border-bottom: 0;}
#mainNav li ul li a {display: block; float: none; margin: 3px 0; padding: 3px 0 !important; font-size: 12px; font-family: arial;}
#mainNav li ul li a:link, #mainNav li ul li a:visited {  -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; background: none !important;}
#mainNav li ul li a:hover, #mainNav li ul li a:focus {color: #999 !important;}
#mainNav li ul li a:active {}

.ie #mainNav {filter: none;}
.ie #mainNav li ul {background-color: #000;}

#headerInfos {position: absolute; top: 90px; right: 0;}
#headerInfos p {margin: 0; padding: 0; text-align: right;}
#headerInfos ul {overflow: hidden; float: right;}
#headerInfos ul li {float: left; padding-left: 10px;}
#headerInfos ul li span {padding-left: 58px;}
#headerInfos ul li a {padding-left: 10px; border-left: 1px solid #000;}
.ie #headerInfos ul {overflow: visible; height: 1px;}

/* SIDEBAR */
.bigBtn {display: block; width: 230px; margin: 0 0 20px; padding: 10px 5px 20px; background-color: #10284e; background-repeat: no-repeat; background-position: 50% 57px; text-align: center;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;}
.bigBtn dt, .bigBtn legend {display: block; margin-bottom: 85px; line-height: 18px; text-transform: uppercase; font-size: 14px; color: #fff;}
.bigBtn dt span, .bigBtn legend span {display: block;}
.bigBtn dd {margin: 0; padding: 0;}
.bigBtn dd a {font-size: 14px;}

dl.priceQuote {background-image: url(/img/global/icon_mazda2.jpg);}
dl.search {background-image: url(/img/global/icon_binoculars.jpg); background-position: 50% 70px;}
dl.credit {background-image: url(/img/global/icon_credit.jpg); background-position: 50% 44px;}
dl.promosHouse {background-image: url(/img/global/icon_westomne.jpg); background-position: 50% 49px;}
dl.promosDma {background-image: url(/img/global/icon_mazda.jpg); background-position: 50% 61px;}
form.serviceAppoint {background-image: url(/img/global/icon_wrench.jpg);}

#frmquickappoint fieldset {margin: 0 0 25px; padding: 0; border: none;}
#frmquickappoint legend {display: block; width: 100%; height: 115px; margin-bottom: 0; text-align: center;}
#frmquickappoint p {clear: both; height: 22px; margin: 0 0 5px; padding: 0; line-height: 22px; background-color: #fff; overflow: hidden;}
#frmquickappoint p label {float: left; padding-left: 5px; color: #4a4a4a;}
#frmquickappoint p input {float: right; background-color: transparent; border: none;}
.serviceappoint p input {width: 145px;}

#sidebar ul.contact {width: 228px; margin-top: 20px; border-bottom: 0;}
#sidebar ul.contact li {height: 21px;}

/* HOME */
#topBanner {overflow: hidden;}

#homePromoHolder {width: 541px; float: left; background-color: #fff;}
#homePromoHolder .inner {height: 229px; position: relative;}
#homePromoHolder .inner .fancyBtn {position: absolute; left: 10px; bottom: 10px;}
.ie #homePromoHolder .inner #homePromo {width: 359px;}
.ie #homePromoHolder .inner #homePromo .promoPhoto a {display: block;}
.ie #homePromoHolder .inner .fancyBtn {padding: 8px 3px;}

#homeInfoHolder {position: relative; width: 362px; float: right; background-color: #fff; text-align: left;}
#homeInfoHolder .inner {height: 229px; padding: 8px;}
#homeInfoHolder .inner * {color: #fff;}
#homeInfoHolder ul.customlist li {position: relative; float: left; width: 181px; height: 229px; margin: 0; overflow: hidden;}
#homeInfoHolder ul.customlist li a {position: absolute; top: 188px; left: 4px;}
#homeInfoHolder #hihService {background: url(/img/global/home_promo1.jpg) no-repeat 0 0;}
#homeInfoHolder #hihTire {background: url(/img/global/home_promo2.jpg) no-repeat 0 0;}
.ie #homeInfoHolder ul.customlist li {width: 173px;}
.ie #homeInfoHolder ul.customlist li a span {padding-right: 20px;}


#iconMakeList {overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #bfbfbf;}
#iconMakeList li {float: left;}
#iconMakeList li a {display: block; width: 158px; height: 28px; float: left; margin: 1px 7px; background-image: url(/img/global/home_makes_logo.jpg); background-repeat: no-repeat; text-align: left; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#iconMakeList li.chrysler a {background-position: 0 0;}
#iconMakeList li.dodge a {background-position: 100% 0;}
#iconMakeList li.jeep a {background-position: 100% 100%;}
#iconMakeList li.ram a {background-position: 0 100%;}

#homeInfoHolder .inner h3 {margin-top: 10px; font-size: 18px;}
#homeInfoHolder .inner p {margin: 0; padding: 0;}
#homeInfoHolder .inner p.big {margin: 7px 0 16px;}
#homeInfoHolder .inner p.big strong {font-size: 22px;}
#homeInfoHolder .inner .makeLogo {position: absolute; top: 20px; right: 20px; display: block; width: 133px; height: 133px; text-align: left; text-indent: -9999px; background: #edeff5 url(/img/global/home_mazdalogo.jpg) center center no-repeat; overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0px 0px 15px #000;
    -moz-box-shadow: 0px 0px 15px #000;
    box-shadow: 0px 0px 15px #000;

}
.ie #homeInfoHolder .inner .makeLogo {border: 1px solid #3b3b3b;}

.socialBtns {position: absolute; top: 20px; right: 0; padding: 10px !important; overflow: hidden; background-color: #e0e0e0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.socialBtns li {float: left; line-height: 16px; padding: 0 10px !important; border-left: 1px solid #515152;}
.socialBtns li:first-child,
.socialBtns li.first {border-left: 0;}
.socialBtns li a {float: left; background-repeat: no-repeat; background-position: 0 center; text-decoration: none;}
.socialBtns li a:link, .socialBtns li a:visited {color: #515152;}
.socialBtns li a:hover, .socialBtns li a:focus {color: #000;}
.socialBtns li a:visited {color: #515152;}
.socialBtns li.facebook a {padding-left: 20px; background-image: url(/img/global/icon_facebook.png);}
.socialBtns li.twitter a {padding-left: 20px; background-image: url(/img/global/icon_twitter.gif);}
.ie .socialBtns {height: 1px; overflow: visible;}
.ie .socialBtns li.facebook a {margin-right: 7px;}

#homeUsedSliderHolder {position: relative; width: 950px; margin: 20px 0;}
#homeUsedSliderHolder h2 {margin-top: 0; margin-bottom: 2px; border-bottom: none; font-size: 15px;}

#homeUsed {position: relative; z-index: 10; background-color: #a6a6a6;}
#homeUsed.border {border-color: #a6a6a6;}
#homeUsed .usedFeatContent {position: relative; width: 934px; height: 161px; z-index: 10; overflow: hidden;}
#homeUsed .usedFeatContent ul.usedFeatList {position: absolute; top: 0; left: 0; width: 5000px; height: 161px; overflow: hidden;}
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh {position: relative; float: left; margin-right: 8px; padding: 8px; z-index: 10; background-color: #fff;}
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh.last,
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh:last-child {margin-right: 0;}
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh ul.usedFeatVehInfo {text-align: left;}
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh ul.usedFeatVehInfo .usedFeatVehName {padding: 5px 0;}
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh ul.usedFeatVehInfo .usedFeatVehPrice,
#homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh ul.usedFeatVehInfo .usedFeatVehKM {width: 50%; float: left; padding-bottom: 5px; white-space: nowrap;}
.ie #homeUsed .usedFeatContent ul.usedFeatList li.usedFeatVeh {width: 141px;}

.usedFeatArrows {position: absolute; top: 50px; display:block; width: 50px; height: 50px; background-color: #ef9c10; background-repeat: no-repeat; text-align: left; text-indent: -9999px; z-index: 9; cursor: pointer; overflow: hidden;   -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;}

#usedFeatPrev {left: -32px; background-image: url(/img/global/featured_arrow_left_off.png); background-position: 30% 50%;}
#usedFeatPrev.active {background-image: url(/img/global/featured_arrow_left_off.png);}
#usedFeatPrev.off {background-image: url(/img/global/featured_arrow_left.png); cursor: default;}

#usedFeatNext {right: -32px; background-image: url(/img/global/featured_arrow_right.png); background-position: 70% 50%;}
#usedFeatNext.active {background-image: url(/img/global/featured_arrow_right_on.png);}
#usedFeatNext.off {background-image: url(/img/global/featured_arrow_right.png); cursor: default;}

.ie .usedFeatArrows {top: 60px;}
.ie #usedFeatNext {right: -24px;}

#homeUsedSliderHolder .usedFeatTabs {position: absolute; top: 2px; right: 0; z-index: 11;}
#homeUsedSliderHolder .usedFeatTabs li.item {float: left; padding: 0 3px 0 10px; border-right: 1px solid #424242;}
#homeUsedSliderHolder .usedFeatTabs li.itemLast {border-right: none;}
#homeUsedSliderHolder .usedFeatTabs li.item .title {font-size: 13px;}
#homeUsedSliderHolder .usedFeatTabs li.item .title a {position: relative; padding-right: 20px; text-decoration: underline;}
#homeUsedSliderHolder .usedFeatTabs li.item .title a .title {font-weight: normal; color: #003c78;}
#homeUsedSliderHolder .usedFeatTabs li.item .title a span.arrow {position: absolute; top: 5px; right: 5px; display: block; width: 9px; height: 9px; padding-left: 5px; background: url(/img/global/featured_arrow_down.png) 0 0 no-repeat; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;}
#homeUsedSliderHolder .usedFeatTabs li.item .on a span.arrow {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
#homeUsedSliderHolder .usedFeatTabs li.item .title a span.arrow.up {right: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent {display: none; position: absolute; top: 20px; right: 20px; width: 340px; z-index: 11; background-color: rgba(0, 0, 0, .8);   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul {overflow: hidden; padding: 25px 10px 10px;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li {text-align: left; padding: 2px 0;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li a {color: #fff; text-decoration: none;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li a:hover, #homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li a:focus {color: #999;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li span.usedFeatTabsCnt {float: right; color: #fff;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li.customTabsMore {margin-top: 5px; padding-top: 5px; border-top: 1px solid #fff;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li.customTabsMore a {font-weight: bold;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent .closeBtn {position: absolute; top: 5px; right: 10px;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent .closeBtn a {color: #BD0000; text-decoration: none;}
#homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent .closeBtn a span {color: #fff;}
.ie #homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent {background-color: #000;}
.ie #homeUsedSliderHolder .usedFeatTabs li.item .title a {text-decoration: none;}
.ie #homeUsedSliderHolder .usedFeatTabs li.item .title a span.arrow {background-image: url(/img/global/featured_arrow_up.png);}
.ie #homeUsedSliderHolder .usedFeatTabs li.item .title a span.arrow.up {right: 5px; background-image: url(/img/global/featured_arrow_down.png);}
.ie #homeUsedSliderHolder .usedFeatTabs li.item .customTabsContent ul li span.usedFeatTabsCnt {float: none;}

#homeNews {width: 225px; float: left; text-align: left;}
#homeNews dt {margin: 0 0 10px; font-size: 15px;}
#homeNews dd {margin-bottom: 8px; padding: 36px 8px; background-color: #cfcfcf; overflow: hidden;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
#homeNews dd img {margin-left: 8px;}
#homeNews dd p {margin: 0; padding: 0;}
#homeNews dd.last,
#homeNews dd:last-child {margin-bottom: 0; padding: 10px 0; background-color: transparent;}
#homeNews dd.last a.fancybtn span,
#homeNews dd:last-child a.fancybtn span {padding: 5px 24px;}

ul.fancyList {width: 217px; float: left; padding-left: 15px;}
ul.fancyList li {margin-bottom: 12px;}
ul.fancyList li a {position: relative; display: block; width: 217px; height: 126px; background-repeat: no-repeat; background-position: 0 0; color: #fff; text-align: left; text-decoration: none;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
ul.fancyList li a span {position: absolute; bottom: 0; left: 0; display: block; width: 217px; height: 29px; padding-left: 5px; line-height: 27px; font-size: 15px; border-top: 2px solid #EF9C10; background-color: rgba(0, 61, 121, .8);   -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px;   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;}
ul.fancyList li a:link, ul.fancyList li a:visited {color: #fff;}
ul.fancyList li a:hover span, ul.fancyList li a:focus span {background-color: rgba(0, 61, 121, 1);}
ul.fancyList li a:active {color: #fff;}

ul.fancyList li.important a:link, ul.fancyList li.important a:visited {color: #042129;}
ul.fancyList li.important a:link span, ul.fancyList li.important a:visited span {border-top-color: #003D79; background-color: rgba(239, 156, 16, .8);}
ul.fancyList li.important a:hover span, ul.fancyList li.important a:focus span {background-color: rgba(239, 156, 16, 1);}

.ie .fancyList li a:link, .ie .fancyList li a:visited {text-decoration: underline;}
.ie .fancyList li a:focus, .ie .fancyList li a:hover {text-decoration: none;}
.ie .fancyList li a {text-decoration: underline;}
.ie .fancyList li a span {background-color: #003d79; cursor: pointer}
.ie ul.fancyList li.important a:link span, .ie ul.fancyList li.important a:visited span {border-top-color: #003D79; background-color: #EF9C10;}


ul.fancyList li.priceQuote a {background-image: url(/img/global/home_bt_price.jpg);}
ul.fancyList li.tools a {background-image: url(/img/global/home_bt_search.jpg);}
ul.fancyList li.usedSearch a {background-image: url(/img/global/home_bt_finance.jpg);}
ul.fancyList li.serviceAppoint a {background-image: url(/img/global/home_bt_service.jpg);}
ul.fancyList li.newsArticles a {background-image: url(/img/global/home_bt_reviews.jpg);}

#homeBody h1 {margin-bottom: 10px; padding-bottom: 0; font-size: 15px; border-bottom: none;}
#homeText {position: relative; width: 478px; float: right; margin-bottom: 50px; padding-left: 15px;}
#homeText p {margin-bottom: 8px;}
#homeText .homeTextImg {position: absolute; bottom: -40px; right: 30px; width: 274px; height: 120px; background: url(/img/global/home_r8.png) 0 0 no-repeat;}

#gold {display: block; float: left; width: 309px; height: 80px; background: url(/img/en/home_occasion_en_or.gif) no-repeat 0 0; text-align: left; text-indent: -9999px; overflow: hidden;}
.ie #gold {width: 317px; height: 88px;}

/* NEW CARS */
table.specs td.header,
table.specs td.subheader,
form.form2007 table td.header, table.form2007 td.header {color: #fff; text-shadow: 0 -1px rgba(0,0,0,.5);   /* IE6-9 */                background: #9C9C9C;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9C9C9C), color-stop(50%,#767676), color-stop(50%,#6D6D6D), color-stop(100%,#3A3A3A));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* W3C */                  background: linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* IE6-9 */                _background-color: #9C9C9C; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C9C9C', endColorstr='#3A3A3A', GradientType=0);}
table.specs td.header a:link, table.specs td.header a:visited {color: #fff !important;}

ul.makeList {overflow: hidden; margin-bottom: 30px;}
ul.makeList li {display: block; float: left; width: 168px; height: 280px; margin-right: 10px; padding: 94px 10px 20px; background-color: #dedede;  background-repeat: no-repeat; background-position: 0 0; text-align: left;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;   -webkit-box-sizing: border-box;
    -moz-box-sizing:  border-box;
    -ms-box-sizing:  border-box;
    box-sizing:  border-box;}
ul.makeList li p {height: 100px; margin-bottom: 20px;}
ul.makeList li a.fancyBtn {display: block; width: 143px; padding: 3px; text-align: center; font-size: 12px; text-transform: uppercase;}
ul.makeList li a.fancyBtn span {display: block; width: 122px;}
.ie ul.makeList {height: 1px; margin-top: 20px; overflow: visible;}
.ie ul.makeList li {padding-top: 100px;}
.ie ul.makeList li a.fancyBtn {width: auto; cursor: pointer;}
.ie ul.makeList li a.fancyBtn span {width: 142px;}

ul.makeList li.chrysler {background-image: url(/img/global/new_chrysler.jpg);}
ul.makeList li.dodge {background-image: url(/img/global/new_dodge.jpg);}
ul.makeList li.jeep {background-image: url(/img/global/new_jeep.jpg);}
ul.makeList li.ram {background-image: url(/img/global/new_ram.jpg);}

ul.makeList li.last,
ul.makeList li:last-child {margin-right: 0;}

.text dl.dot {padding-left: 0; overflow: hidden;}
.text dl.dot dt {font-weight: bold; margin-bottom: 10px;}
.text dl.dot dd {display: block; width: 330px; margin: 0 10px 5px 0;}
.ie .text dl.dot {height: 185px;}
.ie .text dl.dot dd {width: 321px; float: left;}

#newCars table {background-color: #dedede;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7;
}
#newCars table tr td {padding: 15px 0;}
#newCars table tr td img {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5;
}

/* USED CARS */
#listingParentDiv .header {background: none; color: #fff;}
#listingParentDiv td.header {text-shadow: 0 -1px rgba(0,0,0,.5);   /* IE6-9 */                background: #9C9C9C;
    /* FF3.6+ */               background: -moz-linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* Chrome,Safari4+ */      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9C9C9C), color-stop(50%,#767676), color-stop(50%,#6D6D6D), color-stop(100%,#3A3A3A));
    /* Chrome10+,Safari5.1+ */ background: -webkit-linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* IE10+ */                background: -ms-linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* W3C */                  background: linear-gradient(top, #9C9C9C 0%, #767676 50%, #6D6D6D 50%, #3A3A3A 100%);
    /* IE6-9 */                _background-color: #9C9C9C; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9C9C9C', endColorstr='#3A3A3A', GradientType=0);}

.used h2 {margin-bottom: 5px; font-size: 15px; color: #333;}
.used h2.first,
.used h2:first-child {margin-top: 0;}
.used p {color: #303030;}
.used p.last,
.used p:last-child {margin-bottom: 25px;}

#content #cartableright,
#content #cartableright #cardetails {width: 360px;}

/* PROMO */
ul.btnList li {margin-bottom: 10px;}
ul.btnList li a {display: block; padding: 2px; font-size: 12px;}
ul.btnList li a span {display: block; width: 190px;}
.ie ul.btnList li a span {width: 224px;}

.promoImg {float: right; margin: 0 0 20px 20px ; border: 10px solid #dedede;
    -webkit-border-radius: 7;
    -moz-border-radius: 7;
    border-radius: 7;
}

#sidebar .promoImg {float: none; margin: 0 0 20px; border-width: 18px;}

/* TOOLS */
#tools {overflow: hidden;}
#tools dl {float: left; height: 177px; margin-right: 10px;}
#tools dl.last,
#tools dl:last-child {margin-right: 0;}

#tools dl.promos {background-color: #dedede; background-image: url(/img/global/icon_gray_special.jpg); background-position: 50% 28px;}
#tools dl.compare {background-color: #dedede; background-image: url(/img/global/icon_gray_compare.jpg); background-position: 50% 28px;}
#tools dl.build {background-color: #dedede; background-image: url(/img/global/icon_gray_build.jpg); background-position: 50% 28px;}

#tools dl dt {color: #000; margin-bottom: 115px;}
#tools dl.credit dt {color: #fff; margin-bottom: 95px;}

.ie #tools {overflow: visible; height: 1px;}

/* SERVICE */
ul.fancyListBig {overflow: hidden;}
ul.fancyListBig li {position: relative; display: block; width: 344px; height: 95px; float: left; margin-right: 17px; background-repeat: no-repeat; background-position: 0 0;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
ul.fancyListBig li.last,
ul.fancyListBig li:last-child {margin-right: 0;}
ul.fancyListBig li a {position: absolute; bottom: 5px; right: 5px;}
.ie ul.fancyListBig {height: 1px; overflow: visible;}
.ie ul.fancyListBig li a {position: absolute; padding: 8px 3px;}

ul.fancyListBig li.parts {background-image: url(/img/global/btn_parts.jpg);}
ul.fancyListBig li.info {background-image: url(/img/global/btn_info.jpg);}

#maintenance table {  -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
#maintenance #alwaysVisible table {background-color: transparent !important;}
#maintenance table tr {background-color: transparent;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}
#maintenance table tr td {padding: 0 0 0 10px;}
#maintenance table tr td p {margin: 0; color: #fff;}
#maintenance table tr td form {margin: 0;}

ul.service {padding-left: 0 !important;}
ul.service li {margin-bottom: 10px; padding-left: 0 !important; text-align: left; overflow: hidden; background-image: none !important;}
ul.service li span {display: block; width: 152px; height: 136px; float: left; margin-right: 20px; text-align: center;}
ul.service li span img {vertical-align: middle; padding-top: 20px}
ul.service li p {margin: 0 0 10px 0; padding: 0;}
ul.service li dl.dot {display: block; float: left; width: 475px; padding-left: 0;}
ul.service li dl.dot dd {width: 200px; float: left; margin-bottom: 5px;}
ul.service li dl.dot dd.rightBlock {width: 243px;}
.ie ul.service li {height: 1px; overflow: visible;}

.collision {display: block; width: 230px; height: 150px; background: #000 url(/img/en/service_bt_427autocollision.jpg) center center no-repeat; text-align: left; text-indent: -9999px; overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* PARTS */
.parts h2.first,
.parts h2:first-child {margin-top: 0;}
.parts img {display: block;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}

/* BODY SHOP */
.bodyshop h2.first,
.bodyshop h2:first-child {margin-top: 0;}
.bodyshop img {display: block;   -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;}

/* CONTACT */
#map {float: right; margin: 0 0 15px 15px;}

ul.contact {width: 344px; float: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #a6a6a6;}
ul.contact li {margin-bottom: 10px; padding-left: 30px; text-align: left; background-repeat: no-repeat; background-position: 0 50%;}
ul.contact li.last,
ul.contact li:last-child {margin-bottom: 0;}
ul.contact li p {margin: 0; padding: 0;}
ul.contact li p strong {font-size: 15px;}

ul.contact li.address {background-image: url(/img/global/icon_home.gif);}
ul.contact li.phone {background-image: url(/img/global/icon_phone.jpg);}

/* FOOTER */
#footer {position: relative; padding: 0 0 15px 0 !important; font-size: 11px; color: #fff;}
#footer a:link, #footer a:visited {color: #fff; text-decoration: none;}
#footer a:hover, #footer a:focus {color: #949494;}
#footer a:active {color: #000;}

#footerTop {padding: 0 15px; border-bottom: 1px solid #fff; overflow: hidden;}
#footerTop h3 {float: left; margin: 0; height: 35px; line-height: 35px;}
#footerTop ul {float: right; margin: 0; padding: 0;}
#footerTop ul li {float: left; padding: 10px 0;}
#footerTop ul li.mobile {padding-left: 10px; background: url(/img/global/cell.jpg) 0 50% no-repeat;}
#footerTop ul li a {float: left; padding: 0 8px; border-right: 1px solid #fff;}
#footerTop ul li a:link, #footerTop ul li a:visited {text-decoration: underline;}
#footerTop ul li.last a,
#footerTop ul li:last-child a {padding-right: 0; border-right: 0;}
.ie #footerTop {height: 1px; overflow: visible;}

#footerBottom {padding: 0 15px;}
#footerBottom dl {float: left; padding-left: 35px;}
#footerBottom dl.first,
#footerBottom dl:first-child {padding-left: 0;}
#footerBottom dl dt {font-size: 15px; margin: 15px 0;}
#footerBottom dl dt a:link, #footerBottom dl dt a:visited {color: #fff;}
#footerBottom dl dt a:hover, #footerBottom dl dt a:focus {color: #949494;}
#footerBottom dl dt a:active {color: #000;}
#footerBottom dl dd {margin: 1px 0; padding: 1px 0 1px 10px; background: url(/img/global/footer_bullet.gif) 0 50% no-repeat;}
#footerBottom dl.help dd, #footerBottom dl.vcard dd {padding: 0; background: none;}
#footerBottom dl.help dd a:link, #footerBottom dl.help dd a:visited {text-decoration: underline;}

/* LEGAL */
#legalFooter {padding: 15px 15px 30px !important;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    border-radius: 7px 7px 0 0;
}
#legalFooter p {color: #000; font-size: 11px;}
#legalFooter a:link, #legalFooter a:visited {color: #000; text-decoration: underline;}
#legalFooter a:hover, #legalFooter a:focus {color: #949494;}
#legalFooter a:active {color: #fff; text-decoration: none;}

#legalFooter #footerLegalLogo123 {width: 135px; float: left;}
#legalFooter #footerLegalText {width: 790px; float: right;}


/* SITE MAP */
#sitemap {font-size: 11px; text-align: left; overflow: hidden;}
#sitemap a:link, #sitemap a:visited {color: #000000; font-weight: normal; text-decoration: none;}
#sitemap a:hover, #sitemap a:focus, #sitemap a:active {color: #000000; font-weight: normal; text-decoration: underline;}
#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 85px 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;}

.ie #loyalty, .ie #graduate {margin-top: 20px;}

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