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

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}

.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 {color: #0089CF; text-decoration: none;}
a:visited {color: #0089CF; text-decoration: none;}
a:hover, a:focus, a:active {color: #0089CF; text-decoration: none;}
a:hover { text-decoration: underline; }

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: #0089CF; 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: #0089CF;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #0089CF;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #0089CF;}
.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;}
.right {text-align: right;}
.fright {float: right;}
.fleft {float: left;}
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: #0089CF; 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: #0089CF;}
.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: #0089CF; 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: #0089CF;}
TABLE.au TD.norm         {font-size: 11px; color:#000000; background-color: #DEDEDE;}



table#scarboroWrapper { margin: 0 auto; height: 100%; width: 980px; }

table#scarboroWrapper td#leftNav { padding-left: 1px; width: 223px; background: #fff url(http://www.scarboroughmazda.ca/img/en/menuleft_bg.gif) top left repeat-y; vertical-align: top; }
table#scarboroWrapper td#leftNav a { color: #fff; }

table#scarboroWrapper td#leftNav div.bluebox { float: left; padding: 3px 0; background-color: #fff; }
table#scarboroWrapper td#leftNav ul.topLinks { float: left; margin: 0; padding: 10px 0; width: 223px; background-color: #0089CF; list-style-type: none; text-align: center; }
table#scarboroWrapper td#leftNav ul.topLinks a { font: bold 10px Verdana; text-transform: uppercase; }
table#scarboroWrapper td#leftNav ul.topLinks li { float: left; padding: 0 3px; width: 70px; }
table#scarboroWrapper td#leftNav ul.topLinks li.first { padding: 0 5px; width: 50px; border-right: 1px solid #fff; }
table#scarboroWrapper td#leftNav ul.topLinks li.last { padding: 0 5px; width: 60px; border-left: 1px solid #fff; }

table#scarboroWrapper td#leftNav ul.quickLinks { float: left; margin: 0; padding: 5px 0; width: 223px; background: url(http://www.scarboroughmazda.ca/img/en/menuleft_03.jpg) top left no-repeat; list-style-type: none; text-align: center; border-bottom: 2px #525253 solid;}
table#scarboroWrapper td#leftNav ul.quickLinks a { font: normal 12px Verdana; text-transform: uppercase; }
table#scarboroWrapper td#leftNav ul.quickLinks li { margin: 4px 0; padding: 0 5px 0 20px; text-align: left; }

table#scarboroWrapper td#leftNav ul.quickModels { float: left; margin: 0; padding: 5px 0; width: 223px; list-style-type: none; }
table#scarboroWrapper td#leftNav ul.quickModels li { margin: 3px 0; padding: 0 10px 0 20px; }

table#scarboroWrapper h1 { margin: 0 0 2px 0; padding: 4px 10px 3px 10px; background: url(http://www.scarboroughmazda.ca/img/en/header.gif) top left no-repeat; color: #000; font: bold 17px Verdana; text-transform: uppercase; }

table#scarboroWrapper p.intro { margin: 0; padding: 10px 10px 13px 15px; background: url(http://www.scarboroughmazda.ca/img/en/img_home_02.gif) top left repeat-x; }
table#scarboroWrapper div.homeNews { float: left; margin: 0; width: 749px; height: 226px; background: url(http://www.scarboroughmazda.ca/img/en/img_home_04.jpg) top left no-repeat; }
table#scarboroWrapper div.homeNews a { color: #000; }
table#scarboroWrapper div.homeNews div.newsImage { float: left; margin: 0; padding: 70px 10px 0 22px; }
table#scarboroWrapper div.homeNews div.article { float: left; margin: 0 0 0 10px; padding: 45px 10px 0 0; width: 547px; }
table#scarboroWrapper div.scarboroPromo { float: right; margin: 0 0 2px 0; height: 337px; width: 240px; background: url(http://www.scarboroughmazda.ca/img/en/img_home_02.jpg) top left no-repeat; }
table#scarboroWrapper div.scarboroPromo div.modelImage { margin: 60px auto 10px auto; width: 240px; text-align: center; overflow: auto; }
table#scarboroWrapper div.scarboroPromo div.modelImage p { padding: 0 10px; }
table#scarboroWrapper div.scarboroPromo div.modelImage p.title { padding: 0; font: bold 18px Verdana; }

table#scarboroWrapper div.scarboroHousePromo { float: left; margin: 0 3px 0 0; height: 200px; width: 750px; }
table#scarboroWrapper div.scarboroHousePromo div.content { float: left; height: 265px; width: 273px; text-align: center; overflow: hidden; }
table#scarboroWrapper div.scarboroHousePromo div.content a { color: #000; }
table#scarboroWrapper div.scarboroHousePromo div.content p { padding: 0 5px; }

table#scarboroWrapper div.scarboroUsedPromo { float: left; margin: 0; padding: 10px 5px; width: 364px; background-color: #E4DFDF; }
table#scarboroWrapper div.scarboroUsedPromo div.preview { float: left; }
table#scarboroWrapper div.scarboroUsedPromo div.info { float: left; margin: 0 0 0 15px; height: 132px; width: 165px; }
table#scarboroWrapper div.scarboroUsedPromo div.info p { margin: 13px 0; }
table#scarboroWrapper div.scarboroUsedPromo div.info a { color: #000; font: bold 12px Verdana; }
table#scarboroWrapper div.scarboroUsedPromo.right { margin-left: 2px; }
table#scarboroWrapper div.scarboroUsedPromo.right div.preview { float: right; }
table#scarboroWrapper div.scarboroUsedPromo.right div.info { float: right; margin: 0 15px 0 0; height: 132px; width: 165px; }

table#scarboroWrapper p.hours { padding: 0; font-size: 11px; letter-spacing: -0.1em; text-align: center; }

table#scarboroWrapper div.warrantyBox { float: right; margin: 0 5px 10px 0; padding: 5px; width: 220px; border: 2px solid #0089CF; color: #0089CF; text-align: left; }
table#scarboroWrapper div.warrantyBox h2 { margin: 0; font: bold 12px Verdana; text-transform: uppercase; }

table#scarboroWrapper a.generalBtn { float: left; margin: 0 0 0 5px; padding: 15px 20px 20px 10px; width: 195px; background: url(http://www.scarboroughmazda.ca/img/en/bt_general.jpg) top left no-repeat; color: #fff; font: bold 12px Verdana; text-align: center; }
table#scarboroWrapper a.generalBtn.twoRow { padding: 7px 20px 20px 10px; }
table#scarboroWrapper a.generalBtn.floatRight { float: right; }
table#scarboroWrapper a.generalBtn.department { background: url(http://www.scarboroughmazda.ca/img/en/bt_departement.jpg) top left no-repeat; }

table#scarboroWrapper div#modelMain { padding: 0 2px; }
table#scarboroWrapper div#modelThumbs { float: left; width: 700px; }
table#scarboroWrapper div#modelThumbs div { float: left; padding: 2px; }

table#scarboroWrapper table.specs table.specs { width: 635px; }

table#scarboroWrapper div.contactInfo { float: left; margin: 0 0 20px 0; width: 750px; background: url(http://www.scarboroughmazda.ca/img/en/img_contact_02.jpg) top right no-repeat; }
table#scarboroWrapper div.contactInfo div.hours { float: left; padding: 5px 10px; height: 300px; width: 227px; background: url(http://www.scarboroughmazda.ca/img/en/img_contact_01.gif) top right repeat-x; }

table#scarboroWrapper table#sitemap {width: 750px; margin: 0 auto;}
table#scarboroWrapper table#sitemap tr td {padding: 5px 10px; width: 33%; vertical-align: top; background-color: #EFEFEF;}
table#scarboroWrapper table#sitemap ul {margin: 0; padding: 0;}
table#scarboroWrapper table#sitemap ul li {margin: 0; padding: 0; list-style-type: none;}
table#scarboroWrapper table#sitemap ul li ul {margin: 2px 10px;}
table#scarboroWrapper table#sitemap ul li ul li {font-style: italic; padding: 3px 0;}
table#scarboroWrapper table#sitemap ul li ul li ul {margin: 2px 10px;}
table#scarboroWrapper table#sitemap ul li ul li ul li {font-style: normal; padding: 3px 0;}

table#scarboroWrapper table#sitemap ul.ulinline {margin: 0; padding: 0;}
table#scarboroWrapper table#sitemap ul.ulinline li {display: inline; padding: 0 10px; color: #000000;}
table#scarboroWrapper table#sitemap ul.ulinline li.first {padding: 0 10px 0 0;}
table#scarboroWrapper table#sitemap ul.ulinline li.last {padding: 0 0 0 10px; border: none;}

table#scarboroWrapper td#footer { padding: 30px 10px 0 10px; height: 100%; text-align: center; vertical-align: bottom; }
table#scarboroWrapper td#footer a { color: #000; }

td.steps div p {margin: 0 0 0 0; padding: 10px 0 0 0;}

div#homepopup {width: 700px; height: 942px; position: absolute; top: 0; left: 0; z-index: 998;}

div#couponpopup {width: 700px; background-color: #FFF; border: solid 1px #0089CF; position: absolute; top: 0; left: 0; z-index: 999;}
div#fadeblock {position: absolute; top: 0; left: 0; background-color: #fff; z-index: 10;}