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

h1 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #097AE2; text-align: left; margin: 0 10px 10px 10px; padding: 0;}
h2 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 20px 0 10px 0; padding: 10px 0 0 0; border-top: 1px #DEDEDE solid;}
h2.first {margin-top: 0; padding-top: 0; border: none;}
h3 {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}
h4 {font: bold 12px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; margin: 0; padding: 0;}

p {margin: 0 0 10px 0; padding: 0;}
p.last {margin-bottom: 0;}
div.text {text-align: justify; margin: 0 10px;}
sup {line-height: 0;}

.nobr {white-space: nowrap;}

a:link, a:visited {color: #097AE2; font-weight: bold; text-decoration: none;}
a:hover, a:focus, a:active {color: #666666; font-weight: bold; text-decoration: none;}

a.special:link, a.special:visited {color: #000000; font-weight: normal; text-decoration: none;}
a.special:hover, a.special:focus, a.special:active {color: #097AE2; font-weight: normal; text-decoration: none;}

a.bullet:link, a.bullet:visited {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #097AE2; text-decoration: none; text-align: left; display: block; min-height: 15px; padding: 6px 10px 5px 35px; background: #DDD url(/img/fr/bt_newcarsspecs.gif) 0 0 no-repeat;}
a.bullet:hover, a.bullet:focus, a.bullet:active {font: bold 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #666666; text-decoration: none; text-align: left; display: block; min-height: 15px; padding: 6px 10px 5px 35px; background: #DDD url(/img/fr/bt_newcarsspecs.gif) 0 0 no-repeat;}

a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr a:link, p.copyr a:visited, p.copyr a:hover, p.copyr a:focus, p.copyr a:active,
div.copyr a:link, div.copyr a:visited, div.copyr a:hover, div.copyr a:focus, div.copyr a:active {font-size: 9px;}

a img {border: none;}

.norm {font-size: 11px;}
.title {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; color: #000000; text-decoration: none;}
.copyr {font-size: 9px; text-decoration: none;}
.form {font-size: 10px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #097AE2; 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: #097AE2;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #097AE2;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #097AE2;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {font-size: 11px; color: #000000; background-color: #DEDEDE;}

.emph {font-weight:bold;}
.caption {font: 9px Arial; color: #000000;}
.justify {text-align: justify;}
.left {text-align: left;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
.center {text-align: center;}
.caps {text-transform: uppercase; text-align: center; font-weight: bold;}
select.dpt {font-size: 9px; color:#000000;}
.dpt {font-size: 9px; color:#000000;}
.dp {font-size: 8px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.dpw {font-size: 9px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 9px; color:#FFFFFF;}
.dpwnb1 {font-size: 9px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #097AE2; font-weight: bold;}
.dpbw {font-size: 1px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #097AE2;}
.results-body {font-size: 9px; color: #000000; background-color: #EFEFEF; }


TABLE.Specs              { border-spacing: 1px; margin: 0px; padding: 0px; }
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: #097AE2; 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: 10px; }
TABLE.Specs .dpt         { font-size: 9px; }

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

td#footer {text-align: center; vertical-align: bottom; padding: 20px 20px 10px 20px; border-right: 1px #2E2E2E solid; border-left: 1px #2E2E2E solid;}
td#footer p {margin: 10px 0 0 0;}
div.footerlinks {font-size: 9px;}
div.footerlinks a:link, div.footerlinks a:visited {color: #000000; font-weight: normal; text-decoration: none;}
div.footerlinks a:hover, div.footerlinks a:focus, div.footerlinks a:active {color: #097AE2; font-weight: normal; text-decoration: none;}

td#contentleft {width: 250px; height: 100%; text-align: center; vertical-align: top; padding: 10px 0 0 5px; border-left: 1px #2E2E2E solid;}
td#contentmiddle {width: 727px; height: 100%; vertical-align: top; padding: 10px 0 0 0; border-right: 1px #2E2E2E solid;}

div#mainlogo {float: left; width: 308px; height: 105px; background: url(/img/fr/top_menu_01.gif) 0 0 no-repeat;}
div#mainlogo a#mainlogoLink {display: block; height: 88px; text-indent: -3000px;}
div#mainlogo ul {text-align: center; margin: 0; padding: 0;}
div#mainlogo ul li {font-size: 10px; list-style-type: none; display: inline; padding: 0 10px; border-right: 1px #FFF solid;}
div#mainlogo ul li.first {padding-left: 0;}
div#mainlogo ul li.last {padding-right: 0; border: none;}
div#mainlogo ul li a:link, div#mainlogo ul li a:visited {color: #FFF; font-weight: normal; text-decoration: none;}
div#mainlogo ul li a:hover, div#mainlogo ul li a:focus, div#mainlogo ul li a:active {color: #666666; font-weight: normal; text-decoration: none;}

div#addressbar {width: 674px; height: 56px; background: url(/img/fr/top_menu_02.gif) no-repeat 0 0; }
div#addressbar p {margin: 0; padding: 5px 5px 0 0; text-align: right; font-size: 10px; text-transform: uppercase;}
div#addressbar p a {color: #fff;}
div#headerTelephone {padding: 0 5px 0 0; text-align: right; color: #fff; font-size: 21px; font-weight: bold; text-transform: uppercase;}

ul#mainnav {height: 49px; margin: 0; padding: 0;}
ul#mainnav li {float: left; list-style-type: none; height: 49px; margin: 0; padding: 0;}
ul#mainnav img {display: block;}

ul#subnav {height: 43px; margin: 0; padding: 0;}
ul#subnav li {float: left; list-style-type: none; height: 43px; margin: 0; padding: 0;}
ul#subnav img {display: block;}

ul#quickmenuHome {margin: 0; padding: 12px 0 8px 15px; text-align: left; background: #2D2D2D url(/img/fr/quickmenu_middle.gif) 0 0 repeat-y;}
ul#quickmenuHome li {list-style-type: none; padding: 10px 0 0 0; text-transform: uppercase;}
ul#quickmenuHome li.first {padding-top: 0;}
ul#quickmenuHome li a:link, ul#quickmenuHome li a:visited {color: #097AE2; font-weight: bold; text-decoration: none;}
ul#quickmenuHome li a:hover, ul#quickmenuHome li a:focus, ul#quickmenuHome li a:active {color: #666666; font-weight: bold; text-decoration: none;}
ul#quickmenuHome li ul {margin: 0; padding: 2px 0 0 0;}
ul#quickmenuHome li ul li {padding: 0 10px 2px 15px; text-transform: none;}
ul#quickmenuHome li ul li a:link, ul#quickmenuHome li ul li a:visited {color: #FFF; font-weight: normal; text-decoration: none;}
ul#quickmenuHome li ul li a:hover, ul#quickmenuHome li ul li a:focus, ul#quickmenuHome li ul li a:active {color: #666666; font-weight: normal; text-decoration: none;}

ul#quickmenu {margin: 0; padding: 5px 15px 0 15px; text-align: left; background: #2D2D2D url(/img/fr/quickmenu_middle.gif) 0 0 repeat-y;}
ul#quickmenu li {list-style-type: none; padding: 0 0 2px 0; font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;}
ul#quickmenu li a:link, ul#quickmenu li a:visited {color: #FFF; font-weight: normal; text-decoration: none;}
ul#quickmenu li a:hover, ul#quickmenu li a:focus, ul#quickmenu li a:active {color: #666666; font-weight: normal; text-decoration: none;}

div.text ul {text-align: left; margin: 0 0 10px 0; padding: 3px 0 0 15px}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; padding: 2px 0 2px 10px; background: url(/img/fr/bullet.gif) 0 6px no-repeat;}

div.businesshours {font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #FFF; text-align: left; margin-top: 5px; padding: 5px 7px; background-color: #666666;}
div.businesshours div.bhtitle {font-weight: bold; text-transform: uppercase;}
div.businesshours ul {margin: 0; padding: 0;}
div.businesshours ul li {list-style-type: none; font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #FFF;}
div.businesshours ul li span {display: block; float: left; width: 55px;}
div.bhEN ul li span {width: 65px;}

div.contentleftBtns {margin-top: 5px;}

div.mazdapromo {width: 250px; height: 266px; margin-top: 5px; padding: 38px 0 0 0; background: #1E1E1E url(/img/fr/homepage_promotions.jpg) 0 0 no-repeat;}

div#homemazdapromo {float: right; margin: -30px 5px 0 0;}

div#hometextblock {float: left; width: 453px; margin: 0 auto 7px 8px;}
div#hometext {margin: -5px 2px 5px 2px;}

div#homenews {float: left; width: 460px; height: 121px; margin-left: 5px; padding: 50px 0 0 0; background: url(/img/fr/homepage_roadtest.jpg) 0 0 no-repeat;}
div#homenews div#homenewsImg {float: left; text-align: center; width: 190px; height: 80px; margin: 0; padding: 10px 0 20px 0;}
div#homenews div#homenewsImg img {width: 150px; height: 80px;}
div#homenews div#homenewsText {text-align: justify; padding: 5px 20px 0 0;}
div#homenews div#homenewsText p#homenewsTitle {font-size: 14px;}

div#homepriviledgeBtn {float: right; margin-right: 5px;}

div#newcarsinv {clear: both; width: 720px; margin-top: 10px;}
div#newcarsinv div {width: 240px; float: left; margin: 0 0 10px 0;}
div#newcarsinv div img {display: block; width: 240px; height: 118px;}

div#newmodel {width: 700px;}
div#newmodelBig img {display: block;}
div#newmodelPics {margin: 5px 0 0 1px;}
div#newmodelPicsExt {height: 24px;}
div#newmodelPicsInt {height: 24px; margin-top: 5px;}
div#newmodelPics a {float: left; margin: 0 6px 0 0; padding: 0 6px 0 0; border-right: 1px #DEDEDE solid;}
div#newmodelPics a.last {margin-right: 0; padding-right: 0; border: none;}
div#newmodelPics a img {width: 58px; height: 24px;}
div#newmodelSpecsLink {width: 235px; position: absolute; top: 10px; right: 0;}

div#usedcarslist {clear: both;}
div#usedcarslist p {margin-bottom: 0;}

div#requestslist {width: 710px;}
div#requestslist div {width: 234px; float: left; margin: 0 4px 10px 0;}
div#requestslist div.last {margin-right: 0;}
div#requestslist div img {display: block;}

div#programslist {margin: 15px 10px 0 10px;}
div#programslist div.programslistItem {min-height: 199px; margin-bottom: 3px; padding: 0 0 3px; border-bottom: 1px #DEDEDE solid;}
div#programslist div.programslistItem div.programslistImg {float: left; width: 162px; margin: 0 10px 0 0;}
div#programslist div.programslistItem p {text-align: justify;}
div#programslist div.programslistItem p.programslistTitle {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left;}
div#programslist div.programslistItem p.programslistTitle a:link, div#programslist div.programslistItem p.programslistTitle a:visited {color: #000000; font-weight: bold; text-decoration: none;}
div#programslist div.programslistItem p.programslistTitle a:hover, div#programslist div.programslistItem p.programslistTitle a:focus, div#programslist div.programslistItem p.programslistTitle a:active {color: #666666; font-weight: bold; text-decoration: none;}

div.programtext {background: url(/img/fr/img_diplome.jpg) top right no-repeat;}
div.programtext table td {padding: 2px 5px;}
div.programtext table td.header {text-align: center;}

table#sitemap {width: 708px; margin: 0 auto;}
table#sitemap tr td {padding: 5px 10px; width: 33%; vertical-align: top; background-color: #EFEFEF;}
table#sitemap ul {margin: 0; padding: 0;}
table#sitemap ul li {margin: 0; padding: 0; list-style-type: none;}
table#sitemap ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li {font-style: italic; padding: 3px 0;}
table#sitemap ul li ul li ul {margin: 2px 10px;}
table#sitemap ul li ul li ul li {font-style: normal; padding: 3px 0;}
table#sitemap ul.ulinline {margin: 0; padding: 0;}
table#sitemap ul.ulinline li {display: inline; padding: 0 10px; border-right: 1px #999 solid; color: #000000;}
table#sitemap ul.ulinline li.first {padding: 0 10px 0 0;}
table#sitemap ul.ulinline li.last {padding: 0 0 0 10px; border: none;}
table#sitemap a:link, table#sitemap a:visited {color: #000000; font-weight: normal; text-decoration: none;}
table#sitemap a:hover, table#sitemap a:focus, table#sitemap a:active{color: #097AE2; font-weight: normal; text-decoration: none;}

div#sitemapfooter {width: 706px; margin-top: 4px; padding: 5px 0; background-color: #EFEFEF;}
div#sitemapfooter ul {margin: 0; padding: 0;}
div#sitemapfooter ul li {list-style-type: none; display: inline; padding: 0 10px; border-right: 1px #999 solid;}
div#sitemapfooter ul li.first {padding-left: 0;}
div#sitemapfooter ul li.last {padding-right: 0; border: none;}
div#sitemapfooter a:link, div#sitemapfooter a:visited {color: #000000; font-weight: normal; text-decoration: none;}
div#sitemapfooter a:hover, div#sitemapfooter a:focus, div#sitemapfooter a:active{color: #097AE2; font-weight: normal; text-decoration: none;}

.couponfield-ok {border: 2px solid #ccc;}
.couponfield-err {border: 2px solid #f00;}

div#errorMessage, div#errorMessageb {float: right; width: 327px; background-color: #E5E5E5; border: 1px solid #f00; color: #f00; font-weight: bold;}
div#errorMessage2, div#errorMessageb2 {padding: 3px;} 

div.coupon {display: table; width: 702px; margin: 0 0 10px;}
div.coupon img.bigCoupon {float: left;}
div.coupon table.couponFields {float: left; width: 320px; height: 160px; background-color: #E5E5E5;}
div.coupon table.couponFields td {padding: 3px 0 2px 5px;}

div#cardNav {clear: both;}
a#cardImg {float: left; margin: 0 0 0 20px;}
ul#privilegeNav {float: right; list-style: none; margin: 10px 30px 0 0; padding: 0;}
table#privilegeTable {width: 650px; margin: 10px auto; border: 1px solid #0D3D89; border-collapse: collapse;}
table#privilegeTable th {padding: 5px; background-color: #0D3D89; font-size: 12px; color: #fff;}
table#privilegeTable td {border: 1px solid #0D3D89; padding: 3px;}

div#dealergallery {width: 704px; overflow: hidden;}
div#dealergallery img {display: block;}
div#dealergallery .big {border: 3px #C4C4C4 solid;}
div#dealergallery .big img {width: 698px; height: 400px;}
div#dealergallery ul.thumbs {overflow: hidden; margin: 0; padding: 0 0 0 3px; background-color: #C4C4C4;}
div#dealergallery ul.thumbs li {list-style-type: none; float: left; padding: 0 2px 3px 0;}
div#dealergallery ul.thumbs li a {display: block;}
div#dealergallery ul.thumbs li.last {padding-right: 0;}
div#dealergallery ul.thumbs li img {width: 98px; height: 56px;}

div#imgbaspage {margin-top: 10px;}

#mailinglistform {clear: both; width: 550px; margin: 0 auto;}
#mailinglistform dl {list-style: none; margin: 0; padding: 0;}
#mailinglistform dt {display: block; float: left; width: 198px; margin: 2px 0; padding: 3px 0 0 0; text-align: left;}
#mailinglistform dd {float: left; margin: 2px 0; padding-left: 15px; width: 265px; text-align: center;}
#mailinglistform .mandatory {float: left; margin: 2px 0; padding: 3px 0 0 !important; width: 8px !important;} 
#mailinglistform dd input {width: 240px;}
#mailinglistform .Mailinglistfield-err {border: 1px solid #f00;}

#errorMsg {background-color: #097AE2; color: #FFFFFF; font-weight: bold; text-align: left;}
#errorMsg2 {padding: 5px;}