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

h1 {font: normal 18px Arial, Helvetica, Verdana, Geneva, sans-serif; text-align: left; height: 25px; margin: 0 0 10px 0; padding: 27px 10px 0 10px; background: url(/img/fr/header_bg.gif) 0 0 no-repeat; border-bottom: 1px #A3A7AB solid;}
h1.homeh1 {background: url(/img/fr/header_bg_home.gif) 0 0 no-repeat;}
h2 {font: bold 16px Arial, Helvetica, Verdana, Geneva, sans-serif; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font: bold 14px Arial, Helvetica, Verdana, Geneva, sans-serif; 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;}

.ul {margin-bottom: 2px; margin-left: 90px; margin-right: 90px; font-weight: bold; text-align: left;}
.li {margin-top: 2px; margin-bottom: 7px; margin-left: 110px; margin-right: 110px; font-style: italic; line-height: 105%; text-align: left;}

.ul2 {margin-bottom: 4px; margin-left: 0px; margin-right: 0px; font-weight: bold;  text-align: left;}
.li2 {margin-top: 2px; margin-bottom: 7px; margin-left: 10px; margin-right: 10px; font-style: italic; line-height: 105%; text-align: left;}

.j {text-align: justify; width: 90%;}

a:link, a:visited {color: #1B6393; font-weight: normal; text-decoration: none;}
a:hover, a:focus, a:active {color: #8F8F8F; font-weight: normal; 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: #8F8F8F; font-weight: normal; text-decoration: none;}

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: #1B6393; color: #FFFFFF; font-weight: bold; }
.subheader {background-color: #A8BDCF; color: #000000; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #1B6393;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #1B6393;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #1B6393;}
.alt1 {font-size: 11px; font-weight: bold; color: #000000; background-color: #C3D2DF;}
.alt2 {font-size: 11px; font-weight: bold; color: #000000; background-color: #A8BDCF;}
.menu {font-size: 11px; color: #000000; background-color: #A8BDCF;}

.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;}
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: #1B6393; 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: #1B6393;}
.results-body {font-size: 9px; color: #000000; background-color: #C3D2DF; }


TABLE.Specs              { border-spacing: 1px; margin: 0px; padding: 0px; }
TABLE.Specs TR.alt1      { background-color: #C3D2DF; }
TABLE.Specs TR.alt2      { background-color: #A8BDCF; }
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: #1B6393; color: #FFFFFF; font-weight: bold; border-top: 1px outset #FFFFFF; border-bottom: 1px outset #FFFFFF; }
TABLE.Specs TD.subheader { background-color: #A8BDCF; 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: #1B6393;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #A8BDCF;}

td#footer {text-align: center; vertical-align: bottom; padding: 75px 20px 10px 20px; background: url(/img/fr/footer.gif) 0 0 no-repeat;}
td#footer a:link, td#footer a:visited {color: #878787; font-weight: bold; text-decoration: none;}
td#footer a:hover, td#footer a:focus, td#footer a:active {color: #666; font-weight: bold; text-decoration: none;}
td#footer p, td#footer div {color: #666; margin: 10px 0 0 0;}
td#footer div.footerlinks {font-size: 9px;}
td#footer div.footerlinks a:link, td#footer div.footerlinks a:visited {color: #878787; font-weight: normal; text-decoration: none;}
td#footer div.footerlinks a:hover, td#footer div.footerlinks a:focus, td#footer div.footerlinks a:active {color: #666; font-weight: normal; text-decoration: none;}

td#contentleft {width: 236px; height: 100%; text-align: center; vertical-align: top; padding: 0 0 10px 22px; background: #FFF url(/img/fr/bg_content.gif) 0 0 repeat-y;}
td#contentmiddle {width: 700px; height: 100%; vertical-align: top; padding: 0 22px 10px 0; background: #E3E8EE url(/img/fr/bg_content.gif) top right repeat-y;}
td.contentmiddleHome {background: url(/img/fr/bg_content_home.gif) top right repeat-y !important;}

ul#toplinks {width: 936px; height: 26px; margin: 0 auto; padding: 0;}
ul#toplinks li {float: left; list-style-type: none; height: 26px; margin: 0; padding: 0;}
ul#toplinks img {display: block;}

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

ul#quickmenu {text-align: left; margin: 0; padding: 15px 15px 0 15px;}
ul#quickmenu li {list-style-type: none; margin: 0; padding: 0; background: url(/img/fr/quickmenu_divider.gif) bottom left no-repeat;}
ul#quickmenu li a:link, ul#quickmenu li a:visited {color: #333333; font-weight: normal; text-decoration: none; display: block; padding: 2px 0 7px 15px; background: url(/img/fr/quickmenu_bullet.gif) 0 4px no-repeat;}
ul#quickmenu li a:hover, ul#quickmenu li a:focus, ul#quickmenu li a:active {color: #006699; font-weight: normal; text-decoration: none; display: block; padding: 2px 0 7px 15px; background: url(/img/fr/quickmenu_bullet.gif) 0 4px no-repeat;}

ul#quickmenuHome {text-align: left; margin: 0; padding: 15px 0 0 15px;}
ul#quickmenuHome li {list-style-type: none; margin: 0; padding: 0;}
ul#quickmenuHome li a:link, ul#quickmenuHome li a:visited {color: #333333; font-weight: normal; text-decoration: none; display: block; padding: 11px 0 9px 34px;}
ul#quickmenuHome li a:hover, ul#quickmenuHome li a:focus, ul#quickmenuHome li a:active {color: #006699; font-weight: normal; text-decoration: none; display: block; padding: 11px 0 9px 34px;}
ul#quickmenuHome li#qmhomeService a {background: url(/img/fr/quickmenu_appoint.gif) 0 0 no-repeat;}
ul#quickmenuHome li#qmhomeQuotes a {background: url(/img/fr/quickmenu_quote.gif) 0 0 no-repeat;}
ul#quickmenuHome li#qmhomeRoad a {background: url(/img/fr/quickmenu_road.gif) 0 0 no-repeat;}
ul#quickmenuHome li#qmhomeCredit a {background: url(/img/fr/quickmenu_credit.gif) 0 0 no-repeat;}
ul#quickmenuHome li#qmhomeSearch a {background: url(/img/fr/quickmenu_search.gif) 0 0 no-repeat;}
ul#quickmenuHome li#qmhomeParts a {background: url(/img/fr/quickmenu_partsorder.gif) 0 0 no-repeat;}
ul#quickmenuHome li#qmhomeTools a {background: url(/img/fr/quickmenu_tools.gif) 0 0 no-repeat;}

div.mazdapromo {width: 215px; height: 274px; margin: 25px auto 0 auto; padding: 50px 0 0 0; background: url(/img/fr/bg_promo.gif) 0 0 no-repeat;}

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

div.businesshours {text-align: left; margin: 0 5px 5px 10px; padding: 35px 0 5px 2px; background: url(/img/fr/img_hours.gif) -2px 0 no-repeat; border-bottom: 1px #CCC solid;}

div.text p.textsig {font-style: italic; text-align: right;}
div.memotext a:link, div.memotext a:visited {color: #666; font-weight: normal; text-decoration: none;}
div.memotext a:hover, div.memotext a:focus, div.memotext a:active {color: #8F8F8F; font-weight: normal; text-decoration: none;}

div.text ul {margin: 0 0 10px 0; padding: 0;}
div.text ul li {list-style-type: none; padding: 0 0 3px 15px; background: url(/img/fr/quickmenu_bullet.gif) 0 3px no-repeat;}

table.btnstable td {text-align: center; vertical-align: top; padding: 0 2px;}

div#homeinv {width: 420px; height: 215px; margin: 0 auto;}
div#homeinv div {float: left; margin: 0 10px 10px 0;}

div#homeused {font: normal 11px Arial, Helvetica, Verdana, Geneva, sans-serif; width: 393px; height: 173px; margin: 0 auto 20px auto; padding: 47px 0 0 12px; background: url(/img/fr/bg_preowned.gif) 0 0 no-repeat; position: relative;}
div#homeused div.homeusedVeh {float: left; text-align: left; width: 124px; margin: 0 5px 0 0;}
div#homeused div.homeusedVeh div.homeusedVehName a:link, div#homeused div.homeusedVeh div.homeusedVehName a:visited {color: #000000; font-weight: normal; text-decoration: none;}
div#homeused div.homeusedVeh div.homeusedVehName a:hover, div#homeused div.homeusedVeh div.homeusedVehName a:focus, div#homeused div.homeusedVeh div.homeusedVehName a:active {color: #8F8F8F; font-weight: normal; text-decoration: none;}
div#homeused div.homeusedVeh div.homeusedVehImg {margin: 3px 0;}
div#homeused div.homeusedVeh div.homeusedVehImg img {width: 124px;}
div#homeused div#homeusedBtn {position: absolute; right: 17px; bottom: 12px;}

div#homenews {text-align: center; width: 177px; height: 274px; margin: 15px auto 0 auto; padding: 50px 23px 0 23px; background: #38393D url(/img/fr/bg_roadtest.gif) 0 0 no-repeat; position: relative;}
div#homenews div#homenewsImg {height: 80px; margin: 0 auto 15px auto;}
div#homenews div#homenewsImg img {width: 150px; height: 80px; border: 2px #C2DDED solid;}
div#homenews p {color: #FFF; text-align: left;}
div#homenews p#homenewsTitle {font-size: 12px;}
div#homenews p#homenewsTitle a:link, div#homenews p#homenewsTitle a:visited {color: #FFF; font-weight: bold; text-decoration: none;}
div#homenews p#homenewsTitle a:hover, div#homenews p#homenewsTitle a:focus, div#homenews p#homenewsTitle a:active {color: #8F8F8F; font-weight: bold; text-decoration: none;}
div#homenews div#homenewsBtn {position: absolute; bottom: 17px;}

div#hometext {margin: 0 30px;}

div#newcarsinv {width: 435px; height: 265px; margin: 0 auto; font: normal 11px Arial, Helvetica, Verdana, Geneva, sans-serif;}
div#newcarsinv div {float: left; margin: 0 15px 10px 0;}
div#newcarsinv div.last {margin-right: 0;}

div#newcarsmemo {width: 334px; height: 368px; margin: 0 auto; padding: 100px 32px 0 50px; background: url(/img/fr/new_bg_texte.gif) 0 0 no-repeat;}

ul#newmodelNav {width: 400px; height: 29px; margin: 0 0 0 auto; padding: 0;}
ul#newmodelNav li {float: left; list-style-type: none; height: 29px; margin: 0; padding: 0;}
ul#newmodelNav img {display: block;}

div#newmodel {margin: 0 auto 10px auto;}
div#newmodelBig img {display: block;}
div#newmodelPics {margin: 13px 13px 0 13px;}
div#newmodelPicsExt {height: 35px;}
div#newmodelPicsInt {height: 35px;}
div#newmodelPics a {float: left; margin: 0 6px 0 0; padding: 1px; border: 1px #A8BDCF solid;}
div#newmodelPics a.last {margin-right: 0;}
div#newmodelPics a img {width: 58px; height: 24px;}

div#usedcarsmemo, div#servicememo {width: 344px; height: 262px; margin: 0 auto; padding: 100px 27px 0 45px; background: url(/img/fr/used_bg_texte.gif) 0 0 no-repeat;}
/*div#servicememo {width: 334px; height: 378px; margin: 0 auto; padding: 90px 32px 0 50px; background: url(/img/fr/new_bg_texte.gif) 0 0 no-repeat;}*/
div#partsmemo {width: 334px; height: 368px; margin: 0 auto; padding: 100px 32px 0 50px; background: url(/img/fr/new_bg_texte.gif) 0 0 no-repeat;}

div#newslist a:link, div#newslist a:visited {color: #000000; font-weight: bold; text-decoration: none;}
div#newslist a:hover, div#newslist a:focus, div#newslist a:active {color: #8F8F8F; font-weight: bold; text-decoration: none;}

td.contacthours {text-align: left; vertical-align: top; padding: 60px 0 5px 0;}

/*
form#coupon {width: 222px; margin: 15px auto 0 auto; padding: 0;}
form#coupon table {width: 222px; border: 1px #97BED5 dashed; border-top: 0;}
form#coupon table td {padding: 1px 3px 1px 3px;}
form#coupon input.textbox {width: 138px; border: 1px #A8BDCF solid;}
form#coupon div#errorMessage {display: none; text-align: left; margin: 2px 0 0 0; padding: 5px; color: #FFFFFF; background-color: #1B6393;}
form#coupon div#errorMessage ul {margin: 5px 0 0 0; padding: 0;}
form#coupon div#errorMessage ul li {color: #FFFFFF; list-style-type: none; margin: 5px 0 0 0; padding: 0;}
*/
form#coupon {width: 222px; margin: 0; padding: 10px; background-color: #FFF;}
form#coupon table {width: 222px; margin-bottom: 10px; border: 1px #97BED5 dashed; border-top: 0;}
form#coupon table td {padding: 2px 3px 2px 3px;}
form#coupon input.textbox {width: 138px; border: 1px #A8BDCF solid;}
form#coupon p {text-align: left; margin: 0;}
form#coupon div#errorMessage {display: none; text-align: left; margin: -8px 0 10px 0; padding: 5px; color: #FFFFFF; background-color: #1B6393;}
form#coupon div#errorMessage ul {margin: 5px 0 0 0; padding: 0;}
form#coupon div#errorMessage ul li {color: #FFFFFF; list-style-type: none; margin: 5px 0 0 0; padding: 0;}

table#coupontable {margin-bottom: 10px;}
table#coupontable td {padding-bottom: 5px;}

div#homepopup {width: 242px; height: 352px; background-color: #000; padding: 0 0 40px 0; position: absolute; top: 0; left: 0; z-index: 998; border: 2px solid #fff;}

div#couponpopup {width: 222px; height: 286px; background-color: #FFF; position: absolute; top: 0; left: 0; z-index: 999;}
div#fadeblock {position: absolute; top: 0; left: 0; background-color: #000; z-index: 10;}

div.programtext {margin-top: 10px;}
div.programtext ul {margin: 0 0 10px 0; padding: 0;}
div.programtext ul li {list-style-type: none; padding: 0 0 3px 15px; background: url(/img/fr/quickmenu_bullet.gif) 0 3px no-repeat;}
div.programtext table {margin-bottom: 10px;}
div.programtext table td {padding: 2px 5px;}
div.programtext table td.header {text-align: center;}

table#sitemap {width: 685px; margin: 0 auto;}
table#sitemap tr td {padding: 5px 10px; width: 33%; vertical-align: top; background-color: #C3D2DF;}
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 #E3E8EE 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: #1B6393; font-weight: normal; text-decoration: none;}

/* Mazda Personal Page */
div#persopage {margin: 0 -20px 0 0;}

#didyouknow {width: 567px; height: 149px; padding: 60px 10px 0 40px; background: url(/img/fr/parts_question_bg.jpg) no-repeat 0 0; text-align: left;}
#didyouknow p {width: 450px; text-align: justify;}

#detailingPrices table {width: 600px; margin: 10px 15px; border: 1px solid #666;}
#detailingPrices table th {padding: 5px ; background-color: #1B6393; text-align: left; font-size: 12px; color: #FFFFFF; }
#detailingPrices table td {padding: 5px; background-color: #C3D2DF; border-bottom: 1px solid #666; border-right: 1px solid #666; text-align: right; empty-cells: show;}
#detailingPrices table td.last {border-bottom: none;}
#detailingPrices table td.price {border-right: none;}
#detailingPrices table .fieldname {width: 85%; background-color: transparent; text-align: left;}
#detailingPrices table .surfield {border-bottom: 1px dotted #666;}
#detailingPrices table .subfield {padding-left: 25px; border-bottom: 1px dotted #666; border-right: 1px dotted #666;}
#detailingPrices table .subfieldLast {border-bottom: 1px solid #666;}