body, td, p, ol, ul, li {font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif; color: #000000;}
body {background: #CDCDCD url(http://www.mississaugahonda.com/img/en/background.gif) top center repeat-x; margin: 0; padding: 0; text-align: center; vertical-align: top;}

h1 {font-size: 21px; text-align: left; font-weight: normal; margin: 0; padding: 35px 0 20px 60px; width: 704px; height: 35px; background: url(http://www.mississaugahonda.com/img/en/shadow_h1.gif) 0 0 no-repeat;}
h2 {font-size: 16px; text-align: left; color: #999; margin: 20px 0 10px 0; padding: 0; border-bottom: 1px #CCC solid; clear: right;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

ul.customlist {list-style-position: inside; margin: 0; padding: 0; text-align: left;}
ul.customlist li {margin: 0; padding: 0;}
ul.customlist li.last {margin-right: 0 !important;}

hr {border-color: #CCC; height: 1px;}

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

.nobr {white-space: nowrap;}

a:link, a:visited {color: #000000; text-decoration: none;}
a:hover, a:focus, a:active {color: #000000; text-decoration: underline;}

a.fade:link, a.fade:visited, a.fade:hover, a.fade:focus, a.fade:active {color: #666;}
a.ilght:link, a.ilght:visited, a.ilght:hover, a.ilght:focus, a.ilght:active {color: #C50200;}

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, p.copyr,
div.copyr a:link, div.copyr a:visited, div.copyr a:hover, div.copyr a:focus, div.copyr a:active, ol.copyr, ol.copyr li {font-size: 11px;}

a img {border: none;}

table#sitemap {width: 704px; margin-bottom: 20px; border-collapse: collapse;}
table#sitemap .home {font-weight: bold; padding-left: 14px;}
table#sitemap td {border: 1px dotted #ccc; vertical-align: top;}
table#sitemap ul {padding: 0 0 0 12px; margin: 0; list-style-type: none;}
table#sitemap ul li {padding: 2px; border: none; font-weight: bold;}
table#sitemap ul li ul li {padding: 2px; border: none; font-weight: normal;}
table#sitemap ul li ul li ul li {font-style: italic;}

.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: 10px; text-decoration: none;}
.form {font-size: 10px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #C50200; 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: #C50200;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #C50200;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #C50200;}
.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;}
.center {text-align: center;}
.fright {float: right;}
.fleft {float: left;}
.cright {clear: right;}
.cleft {clear: left;}
.cboth {clear: both;}
select.dpt {font-size: 11px; color:#000000;}
.dpt {font-size: 11px; color:#000000;}
.dp {font-size: 8px; color:#000000; font-weight: bold;}
.dps {font-size: 11px; color:#000000;}
.dpw {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 11px; color:#FFFFFF;}
.dpwnb1 {font-size: 11px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #C50200; 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: #C50200;}
.results-body {font-size: 11px; 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: #C50200; 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: 11px; }

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

.ilght {font-weight: bold; font-size: 13px; color: #C50200;}
.list {margin: 0 0 0 30px; padding: 0;}
.list li {margin: 0; padding: 0 0 0 5px;}

.newmodel a:link, .newmodel a:visited, .newmodel a:hover, .newmodel a:focus, .newmodel a:active {color: #C50200;}

.bhoursbox {float: right; width: 233px; height: 131px; margin: 0 0 10px 20px; padding: 0; background: url(http://www.mississaugahonda.com/img/en/bg_hours.gif) no-repeat;}
.bhoursbox2 {float: left; width: 233px; height: 131px; background: url(http://www.mississaugahonda.com/img/en/bg_hours.gif) no-repeat;}
.bhoursbox3 {float: right; width: 233px; height: 1080px; margin: 0 0 10px 20px; padding: 0; background: url(http://www.mississaugahonda.com/img/en/bg_hours.gif) no-repeat;}
.bhours {float: left; width: 110px; margin: 50px 0 0 10px; padding: 0; list-style-type: none;}
.bhours2 {float: right; width: 100px; margin: 50px 10px 0 0px; padding: 0; list-style-type: none; text-align: right;}
.bhours li, .bhours2 li {color: #999; margin: 0 0 3px 0;font-size: 11px;}

.bhourssale {float: left; width: 235px; height: 133px; margin: 0 0 10px 27px; padding: 0; background: url(http://www.mississaugahonda.com/img/en/contact_hours_sales.gif) no-repeat;}
.bhoursparts {float: left; width: 235px; height: 133px; margin: 0 0 10px 2px; padding: 0; background: url(http://www.mississaugahonda.com/img/en/contact_hours_parts.gif) no-repeat;}
.bhoursservice {float: left; width: 235px; height: 133px; margin: 0 0 10px 2px; padding: 0; background: url(http://www.mississaugahonda.com/img/en/contact_hours_service.gif) no-repeat;}
.bhours3 {float: left; width: 110px; margin: 60px 0 0 10px; padding: 0; list-style-type: none; text-align: left;}
.bhours4 {float: right; width: 105px; margin: 60px 10px 0 0; padding: 0; list-style-type: none; text-align: right;}
.bhours3 li, .bhours4 li {color: #999; margin: 0 0 3px 0;}

.businesshoursV2 {list-style: none; width: 215px; margin: 60px 0 0 0; padding: 0;}
.businesshoursV2 li {text-align: right; font-size: 11px;}
.businesshoursV2 li span {display: block; float: left; width: 10em; text-align: left; }
.bhalone {margin-left: 10px;}


.quickmenu {width: 191px; margin: 0; padding: 100px 0 20px 25px; background: url(http://www.mississaugahonda.com/img/en/quickmenu_top.gif) no-repeat;}
.quickmenu li {margin: 0; padding: 0 0 3px 25px; list-style-type: none; background: url(http://www.mississaugahonda.com/img/en/bullet_quickmenu.gif) 0 2px no-repeat;}
.quickmenu a:link, .quickmenu a:visited, .quickmenu a:hover, .quickmenu a:focus, .quickmenu a:active {color: #FFF; font-size: 13px;}

.underquick {text-align: center; width: 216px;}
.underquick div {margin-bottom: 20px;}

div#topnav {position: relative;}
div#topnav a {position: absolute; top: 0; right: 102px;}

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

.modelnav {height: 31px; margin: 0; padding: 0; width: 690px; text-align: center;}
.modelnav li {float: left; list-style-type: none; height: 31px; margin: 0; padding: 0;}
.modelnav img {display: block;}

.content {margin: 0 30px; text-align: justify;}

.linkpromo {float: left; margin: 0 20px 0 0; padding: 0 0 0 20px; background: url(http://www.mississaugahonda.com/img/en/bullet.gif) 0 1px no-repeat;}

.photogroup {float: left; margin: 0 0 0 28px;}

#newmodelpicsExt {clear: both;}
#newmodelpicsInt {clear: both;}
.newmodelpicsThumbs {height: 57px; padding: 0;}
.newmodelpicsThumbs a {float: left; margin: 0 7px 0 0; padding: 0 7px 0 0; border-right: 1px #CCC solid;}
.newmodelpicsThumbs a.last {margin-right: 0; padding-right: 0; border-right: none;}
.newmodelpicsThumbs a img {width: 85px; height: 57px; display: block;}

div#employeeofmonth {width: 233px; height: 133px; margin: 0 0 10px 10px; background: url(/img/en/bg_employee_month.gif) no-repeat 0 0;}
div#employeeofmonth div#employeeImg {float: right; margin: 20px 15px 10px 10px;}
div#employeeofmonth div#employeeName {float: left; margin: 55px 0 0 25px; text-align: left;}
div#employeeofmonth.sales {float: right;}

div#askexpert {float: left; margin: 0 0 20px 30px;}
div.centered {margin: 0 0 20px 35px !important;}

#dmapromo {position: relative; float: left; width: 465px; height: 318px; background: url(http://www.mississaugahonda.com/img/en/bg_promotions.gif) no-repeat;}
#dmaphoto {float: left; padding: 5px 0 0 0; }
#dmatext {float: left; margin-left: 10px; padding: 5px 0 0 0; width: 173px;}
a.dmatitre:link, a.dmatitre:visited, a.dmatitre:hover, a.dmatitre:focus, a.dmatitre:active {font-weight: bold; font-size: 16px; color: #C50200;}
#dmapromoContent {height: 195px; margin: 70px 15px 0 20px; overflow: hidden;}
div.promolinks {clear: both; position: absolute; bottom: 30px;left: 30px;}

#quickmodel {float: left; margin: 15px 0 0 20px; padding: 0 0 0 20px; border-left: 1px solid #CCC;}
#quickmodel li {margin: 0; padding: 0 0 4px 25px; list-style-type: none; background: url(http://www.mississaugahonda.com/img/en/bullet.gif) 0 1px no-repeat;}
#quickmodel a:link, #quickmodel a:visited, #quickmodel a:hover, #quickmodel a:focus, #quickmodel a:active {color: #C50200; font-size: 13px;}

#quickmodelLeft {float: left; width: 215px; margin: 0 0 20px 0; padding: 20px 0; border-top: 1px dashed #E06E7D; border-bottom: 1px dashed #E06E7D;}
#quickmodelLeft li {margin: 0 0 0 50px; padding: 0 0 4px 0; list-style-type: none;}
#quickmodelLeft a:link, #quickmodelLeft a:visited, #quickmodelLeft a:hover, #quickmodelLeft a:focus, #quickmodelLeft a:active {color: #fff; font-size: 13px;}

#featused {float: right; margin: 0 0 0 0; padding: 68px 0 0 45px; width: 190px; height: 527px; background: url(http://www.mississaugahonda.com/img/en/bg_preowned.gif);}
#featused .featbox {margin: 0 45px 24px 0;}
#featused .feattitle {margin-top: 10px; text-transform: uppercase;}

#newsbox {float: left; width: 714px; height: 226px; margin-top: 20px; background: url(http://www.mississaugahonda.com/img/en/bg_news.gif) no-repeat; overflow: hidden;}
#newsbox a.newtitle:link, #newsbox a.newtitle:visited, #newsbox a.newtitle:hover, #newsbox a.newtitle:focus, #newsbox a.newtitle:active {font-weight: bold; color: #C50200;}
#newsphoto {float: left; margin: 40px 0 0 44px; clear: left;}
#newstext {float: left; width: 430px; margin: 30px 0 0 40px;}
.newslink {float: left; margin: 25px 0 0 75px;}

#usedlistingtf {width: 100%;}

.textImgbox {float: left; margin: 10px 0 10px; width: 700px;}

div#homerightcolumn {float: right; width: 234px; }

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

div#errorMessage {color: #fff; font-weight: bold;}
div#errorMessage a {color: #fff; font-weight: bold;}
div#errorMessage p {color: #fff; font-weight: bold;}

div#kidzoneLogo { float: left; margin: 20px;}
div#kidscornerImg {clear: both; width: 750px;}
div#kidscornerImg img {float: left; }
div.kzone p {line-height: 2em;}

div#homecontent {float: left; width: 432px; margin: 0; padding: 0 0 0 40px; text-align: justify;}

.letterpres a {color: C50200;}

.useddetailscert {width: 310px; height: 80px;margin: 10px auto 20px;}
.useddetailscert img {float: left; margin: 0 5px 0 0;}
.useddetailscert p {float: left; width: 150px; font-weight: bold;}
.useddetailscert p a {color: #C50200;}

.textcert {margin: 10px; text-align: justify;}
#programdetails {width: 750px; margin: auto;}
#programdetails div {float: left; margin: 5px;}

.slide {width: 688px; margin: 10px auto; border: 1px solid #000; text-align: justify;}
.slideheader {padding: 5px; background-color: #98CB00; border-bottom: 1px solid #000; text-align: center; color: #fff; font-size: 18px; font-style: oblique;}
.slide p, .slide h3 {padding-left:10px; padding-right:10px;}


/* HOME PAGE POP UP*/
div#dlr_couponBg {background-color: #000;}
div#homePopup {display: none; position: absolute; top: 50px; left: 0; padding: 0; z-index: 100;
  _top: expression(eval(document.body.clientHeight ? document.body.scrollTop + 50 : document.documentElement.scrollTop + 50));
  _left: expression(eval(document.body.clientWidth ? ((document.body.clientWidth / 2) - 4) : ((document.documentElement.clientHeight / 2) - 267)));
}
div#homePopup div#closebtn {position: absolute; left: 536px; top: 0;}
div#homePopup div#gobtn {position: absolute; left: 30px; top: 160px;}



/* OLD POP UP AND COUPON */
/*
#popupWrapper {position: relative; width: 980px; margin: auto;}
#popupBg {background: url(/img/en/popup-bg.gif); width: 100%; height: 100%; position: absolute; top: 0; left: 0;  z-index: 1000;}
#popup {display: table; width: 770px; margin: 200px auto; padding: 10px; background-color: #ffffff; background-repeat: no-repeat; position: relative; border: 1px solid #000; text-align: center;}
#popupContainer {margin: 10px;}
#popupContainer .conf {}
#popupContainer .closeBtn {clear: both; margin: 0; padding: 10px 0 0 0;}

#popupImg {float: left;}
#couponContent {float: left; padding: 20px 10px;}

#popupFields {margin-top: 25px;}
#popupFields td {padding: 3px;}

.popupfield-ok {border: 2px solid #ccc;}
.popupfield-err {border: 2px solid #DA0115;}

#errorMsg {background: #DA0115; margin: 20px 0 0 0; padding: 5px 0; color: #fff;}
#errorMsg2 {margin: 15px 15px; text-align: left;}
.printBtn {clear: both; padding: 10px 0 0 0;}
*/

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

div#modelGalleryBox {background-color: #E4E3E3; width: 689px; padding: 10px 0; margin-bottom: 20px;}
div.newcarspecstext {padding: 0 20px 20px 20px;}

/* HONDAPRIOE*/
#hondaPriceText {margin: 0 30px}
#hondaPriceText a:link, #hondaPriceText a:visited {color: #C5021B;}
#hondaPriceText a:hover, #hondaPriceText a:hover, #hondaPriceText a:active {color: #000; text-decoration: none;}
#hondaPriceBtn {margin: 30px 0 0 30px; text-align: left;}


/* DETAILING */
.wrapDetailing {margin-top: 15px; overflow: hidden; width: 700px; height: 150px; text-align: left;  border-bottom: 1px dashed #949191;}
.wrapDetailing.last {border: none;}
p.conditionText {text-align: left; padding-left: 30px; font-size: 10px;}
h3.detailingTitle {margin: 0 0 15px 0; color: #C6051D;}
h3.detailingTitle span {margin: 10px; color: #3C3C3C;}

#textDetailing {padding: 0 40px; overflow: hidden;}
#textDetailing a {color: #C50200;}