body, td, p, ol, ul, li {font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000000;}
body {background: #FFFFFF url(http://www.scarboromazda.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: 984px; border-left: 2px solid #FFF; border-right: 2px solid #FFF; }

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

table#scarboroWrapper td#leftNav h2 {display: block; height: 33px; margin: 3px 0; padding-left: 17px; background-color: #0f3c53; line-height: 33px; color: #fff;}

table#scarboroWrapper td#leftNav a { color: #000; }

table#scarboroWrapper td#leftNav a.leftNavMap {display: block; width: 223px; height: 214px; background: url(http://www.scarboromazda.ca/img/en/menuleft_05.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}

table#scarboroWrapper td#leftNav div.bluebox {height: 45px; width: 223px; float: left; margin: 3px 0 0; padding: 3px 0; background-color: #dedfe1; font-weight: normal;}
table#scarboroWrapper td#leftNav ul.topLinks { float: left; margin: 0; padding: 18px 0 18px 10px; width: 193px; list-style-type: none; text-align: center;}
table#scarboroWrapper td#leftNav ul.topLinks a { font: bold 10px Verdana; color: #000; font-weight: normal;}
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;}
table#scarboroWrapper td#leftNav ul.topLinks li.last { padding: 0 5px; width: 60px; border-left: 1px solid #000; }

table#scarboroWrapper td#leftNav ul.quickLinks { float: left; margin: 0; padding: 5px 0; width: 223px; background: #dedfe1 /*url(http://www.scarboromazda.ca/img/en/menuleft_03.jpg) top left no-repeat*/; list-style-type: none; text-align: center;}
table#scarboroWrapper td#leftNav ul.quickLinks a { font: normal 12px Verdana; text-transform: capitalize; color: #000;}
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; background-color: #dedfe1; }
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.scarboromazda.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.scarboromazda.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.scarboromazda.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.scarboromazda.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 { margin: 0 0 10px 0; 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.scarboromazda.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.scarboromazda.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.scarboromazda.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.scarboromazda.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;}

/* -----------------------New---------------------------- */

/* Clear */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block;}

/* Header */
div#headerNew div#info {width: 980px; height: 35px;}
div#headerNew div#info a {display: block; float: left; height: 27px; padding-left: 30px; background-repeat: no-repeat; background-position: 30px 50%; overflow: hidden; text-indent: -9999px;}
div#headerNew div#info a.facebook {width: 135px; background-image: url(http://www.scarboromazda.ca/img/en/menutop_02.jpg);}
div#headerNew div#info a.twitter {width: 122px; background-image: url(http://www.scarboromazda.ca/img/en/menutop_03.jpg);}
div#headerNew div#info p {float: right; margin: 0; padding: 0 30px 0 0; line-height: 30px; font-size: 14px;}
div#headerNew ul#navigation {height: 59px; margin: 0; padding: 0; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.15, rgb(35,35,35)), color-stop(0.51, rgb(85,83,84)), color-stop(0.88, rgb(210,204,204))); background-image: -moz-linear-gradient(center bottom, rgb(35,35,35) 15%, rgb(85,83,84) 51%, rgb(210,204,204) 88%);}
div#headerNew ul#navigation li {display: inline;}
div#headerNew ul#navigation li a {display: inline-block; height: 39px; padding: 10px 21px; color: #fff; font-size: 13px; font-weight: bold; text-align: center;}

/* Content */
div#contentWrapper .alpha {float: left; width: 160px;}
div#contentWrapper .alpha a {display: block; width: 160px; height: 82px; margin: 4px 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
div#contentWrapper .alpha a.compare {margin-top: 0; background-image: url(http://www.scarboromazda.ca/img/en/home_bt_01.jpg);}
div#contentWrapper .alpha a.build {background-image: url(http://www.scarboromazda.ca/img/en/home_bt_02.jpg);}
div#contentWrapper .alpha a.test {background-image: url(http://www.scarboromazda.ca/img/en/home_bt_03.jpg);}
div#contentWrapper .alpha a.book {background-image: url(http://www.scarboromazda.ca/img/en/home_bt_04.jpg);}
div#contentWrapper .alpha a.promo {background-image: url(http://www.scarboromazda.ca/img/en/home_bt_05.jpg);}
div#contentWrapper .alpha .newsImage {width: 150px; height: 133px; margin: 3px 0 0; padding: 5px; background: url(http://www.scarboromazda.ca/img/en/home_news_01.jpg) no-repeat left top;}
div#contentWrapper .alpha .newsImage a {height: auto; width: auto; background-image: none; text-indent: 0px;}
div#contentWrapper .omega {float: right; width: 586px;}
div#contentWrapper .omega #banner a {display: block; width: 586px; height: 212px; margin: 0; background: url(http://www.scarboromazda.ca/img/en/home_img.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
div#contentWrapper .omega h2, div#contentWrapper .contentMain h2 {display: block; height: 33px; margin: 3px 0 0; line-height: 33px; background-color: #0f3c53; color: #fff; text-align: center;}
div#contentWrapper .omega h2 a, div#contentWrapper .contentMain h2 a {color: #fff; text-align: center;}
div#contentWrapper .omega #promotions p.later {display: block; width: 586px; height: 177px; margin: 0; background: url(http://www.scarboromazda.ca/img/en/home_promo_empty.jpg) no-repeat; text-indent: -9999px; overflow: hidden;}
div#contentWrapper .omega #promotions .photopromo a img {margin-top: 3px; height: auto;}

div#contentWrapper .contentMain {width: 751px;}
div#contentWrapper .contentMain #news .article {background-color: #e5dfdf; padding: 15px;}
div#contentWrapper .contentMain #news .article p {margin: 0; padding: 0 0 5px 0;}
div#contentWrapper .contentMain #news .newsImage a img {margin-top: 23px;}
div#contentWrapper .contentMain #featured .blk {width: 185px; float: left; margin: 3px 3px 0 0;}
div#contentWrapper .contentMain #featured .blk.last {margin-right: 0px; padding-left: 1px;}
div#contentWrapper .contentMain #featured .blk a img {width: 185px; height: 138px;}
div#contentWrapper .contentMain #featured .blk ul.usedfeatVehInfo {height: 51px; margin: 2px 0 0; padding: 4px 0; color: #303338; background-color: #e5dfdf; text-align: center;}
div#contentWrapper .contentMain #featured .blk ul.usedfeatVehInfo li {list-style-type: none; padding: 2px 0;}
div#contentWrapper .contentMain #featured .blk ul.usedfeatVehInfo li a {color: #303338; font-weight: bold;}
div#contentWrapper .contentMain .text {width: 540px; float: left; padding: 10px;}
div#contentWrapper .contentMain .text h1 {background: none; padding-left: 0;}
div#contentWrapper .contentMain .text p {margin: 0 0 10px 0;}
div#contentWrapper .contentMain #bHours {width: 185px; margin: 10px 0 0; float: right; text-align: center; background-color: #e5dfdf; border-right: 1px solid #fff;}
div#contentWrapper .contentMain #bHours p {font-weight: bold; color: #0f3c53; margin: 1em 0px;}
div#contentWrapper .contentMain #bHours ul {margin: 0; padding: 10px 0px 30px;}
div#contentWrapper .contentMain #bHours ul li {list-style-type: none; padding: 5px 0; color: #0f3c53;}

h2.promoTitle a {display: block; width: 210px; height: 28px; margin: 0 auto; background: #0f3c53 url(http://www.scarboromazda.ca/img/en/home_promo_title.jpg) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden;}
h2.newsTitle a {display: block; width: 186px; height: 28px; margin: 0 auto; background: #0f3c53 url(http://www.scarboromazda.ca/img/en/home_roadtest_title.jpg) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden;}
h2.featuredTitle a {display: block; width: 231px; height: 28px; margin: 0 auto; background: #0f3c53 url(http://www.scarboromazda.ca/img/en/home_featured_title.jpg) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden;}


#wrapperContent {padding: 3px 0 0 3px;}