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

h1 {margin: 0px; font-size: 12px; line-height: 2.5em; background-image: url(http://www.centrehamelhonda.com/img/fr/top_menu_13.jpg); height: 54px; padding: 0 0 0 15px; text-align: left;}
h2 {margin: 20px 0; font-size: 15px;}

table.hours {border-collapse: separate; border: 1px solid #1C4C7C; color: #FFFFFF; width: 250px;}
table.hours th {font-size: 11px; background-color: #1C4C7C;}
table.hours td {font-size: 10px; background-color: #EFEFEF; color: #000000; padding: 3px;}

p.texte {margin: 10px; text-align: justify;}
p.moto {margin: 6px 0px 6px 60px; font-weight: bold; font-size: 10px;}
p.vtt {margin: 10px 0px 10px 53px; font-weight: bold; font-size: 10px;}
p.mec {margin: 9px 0px 9px 15px; font-weight: bold; font-size: 10px;}

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

a.w:link, a.w:visited {color: #fff; font-weight: bold; text-decoration: none;}
a.w:hover, a.w:focus, a.w:active {color: #fff; font-weight: bold; text-decoration: underline;}

a img {border: none;}

div.text {margin: 0 10px;}
div.text h2 {margin: 20px 0 10px 0;}
div.text h2.first {margin-top: 0;}
div.text p {text-align: justify; margin: 0 0 10px 0;}
div.text p.last {margin-bottom: 0;}
div.text ul {margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ul li {margin: 0; padding: 0}
div.text a:link, div.text a:visited {color: #A51E24; font-weight: normal; text-decoration: none;}
div.text a:hover, div.text a:focus, div.text a:active {color: #A51E24; font-weight: normal; text-decoration: underline;}

.nobr {white-space: nowrap;}

.copyr {font-size: 10px; color: #000000;}
p.j {text-align: justify; width: 560px;}
.left {text-align: left;}
.justify {text-align: justify;}
.right {text-align: right; padding-right: 5px;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.uppercase {text-transform: uppercase;}
.emph {font-weight:bold;}
.caption {font-size: 9px; color: #000000;}
.fleft {float: left;}
.fright {float: right;}

table.tempSpecs tr.alt1 td {font-size: 12px; vertical-align: top; font-weight: bold; color: #000000; background-color: #EFEFEF;}
table.tempSpecs tr.alt2 td {font-size: 12px; vertical-align: top; font-weight: bold; color: #000000; background-color: #DEDEDE;}

div.header {background-color: #1C4C7C; color: #FFFFFF; font-weight: bold; font-size: 15px; width: 100%;  padding-right: 0px; padding-left: 0px; padding-top: 3px; padding-bottom: 3px; margin-top: 5px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px;}
td.year {background-color: #EFEFEF; color: #FFFFFF; text-align: right; font-weight: bold; font-size: 13px; padding-right: 5px; padding-left: 2px; padding-top: 2px; padding-bottom: 2px;}

table.model {width: 951px; border-collapse: separate; margin-bottom: 10px;}
td.model {text-align: center; vertical-align: top;}
p.model {color: #000000; text-align: right; font-weight: bold; font-size: 11px; padding: 2px 8px 2px 2px; margin: 2px;}
td.model a {display: block; width: 116px; margin: 0 auto;}
td.model img {display: block;  margin: 0 auto -10px auto; padding: 5px; background-color: #FFF; border: 3px #DEDEDE solid;}

a.text_menu:link, a.text_menu:visited {color: #000000; font-size: 80%; text-decoration: none;}
a.text_menu:active, a.text_menu:hover {color: #000000; font-size: 80%; text-decoration: underline;}

.norm {color: #000000;}
.title {font-size: 15px; font-weight: bold; color: #000000;}
.bigtitle {font-size: 17px; font-weight: bold; color: #000000;}
.form {font-size: 11px; color: #000000;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.header { background-color: #1C4C7C; color: #FFFFFF; font-weight: bold; }
.menutitle {font-size: 13px; font-weight: bold; color: #FFFFFF; background-color: #1C4C7C;}
.menubigtitle {font-size: 19px; font-weight: bold; color: #FFFFFF; background-color: #1C4C7C;}
.menusoustitle {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #1C4C7C;}
.alt1 {font-weight: bold; color: #000000; background-color: #EFEFEF;}
.alt2 {font-weight: bold; color: #000000; background-color: #DEDEDE;}
.menu {color: #000000; background-color: #DEDEDE;}

.dpt {font-size: 10px; color:#000000;}
.dp {font-size: 9px; color:#000000; font-weight: bold;}
.dps {color:#000000; font-weight: none;}
.dpw {color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 10px; color:#FFFFFF;}
.dpwnb1 {font-size: 10px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 13px; color: #1C4C7C; font-weight: bold;}
.dpbw {font-size: 13.5px; color:#FFFFFF; font-weight: bold;}
.dpbws2 {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:link {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:visited {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.dpbws:hover {font-size: 11px; color:#FFFFFF; font-weight: bold;}
.results-header {font-size: 11px; font-weight: bold; color: #FFFFFF; background-color: #1C4C7C;}
.results-body {font-size: 10px; font-weight: none; 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: 18.7px; font-weight: bold; padding: 2px; }
TABLE.Specs TD.title     { font-size: 19px; font-weight: bold; }
TABLE.Specs TD.header    { background-color: #1C4C7C; 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  { zborder: 1px outset #333366; font-size: 10px; font-weight: bold; padding: 2px; }
TABLE.Specs .dps         { font-size: 11px; }
TABLE.Specs .dpt         { font-size: 10px; }

TABLE.au TD.title        {font-size: 15px; color:#FFFFFF; font-weight: bold; background-color: #1C4C7C;}
TABLE.au TD.norm         {font-size: 12px; color:#000000; background-color: #DEDEDE;}

.frightimg {float: right; margin: 0 0 20px 20px;}
.fleftimg {float: left; margin: 0 20px 20px 0;}

.addmargin {margin-bottom: 30px;}

.splashPage { margin: 0 auto; height: 100%; }
.splashPage .splashPics td { height: 465px; }
.splashPage a.splashLink { color: #A51E24; font: bold 12px Verdana; }
.splashPage a.splashLink:active,
.splashPage a.splashLink:hover,
.splashPage a.splashLink:link,
.splashPage a.splashLink:visited { color: #A51E24; }

div#hometext {overflow: hidden; padding: 10px; background-color: #EFEFEF; border: 1px #DEDEDE solid;}
div#hometextLeft {float: left; width: 468px; padding-right: 10px; border-right: 1px #CCC solid;}
div#hometextRight {float: right; width: 450px;}

div#introtextbtnteam {width: 958px; overflow: hidden; margin: 0;}
div#introtextLeftbtnteam {float: left; width: 640px; padding: 10px; background-color: #EFEFEF; border: 1px #DEDEDE solid;}
div#introtextRightbtnteam {float: right; width: 282px;}

div#boattext {width: 958px; overflow: hidden; margin: 0;}
div#boattextLeft {float: left; width: 519px;}
div#boattextRight {float: right; width: 408px; height: 162px; padding: 10px; background-color: #EFEFEF; border: 1px #DEDEDE solid;}

div#introtext {width: 938px; overflow: hidden; margin: 0; padding: 10px; background-color: #EFEFEF; border: 1px #DEDEDE solid;}
div#introtextLeft {float: left; width: 459px; padding-right: 10px; border-right: 1px #CCC solid;}
div#introtextRight {float: right; width: 459px;}

div#logoHamel {position: relative; top: 0; left: 0!important; width: 198px; height: 283px;}
div#logoHamel div.logo {position: absolute; bottom: -25px; left: 42px;}

div.introtext2 div#introtextLeft {padding-right: 0; border: none;}
div.introtext2 div#introtextRight {padding-left: 10px; border-left: 1px #CCC solid;}

div.introtext2 div.servicetextLeft {width: 365px !important; padding-right: 10px !important; border-right: 1px #CCC solid !important;}
div.introtext2 div.servicetextRight {width: 365px !important;}
div.introtext2 div.serviceImg {float: left; margin-left: 10px;}

div.btnservice {float: left; padding: 0 20px 0 62px;}

ul.listbtnservice {margin: 15px 0 0 0; padding: 0;}
ul.listbtnservice li {list-style-type: none; float: left; text-align: center; width: 282px; margin: 0 0 0 5px;}
ul.listbtnservice li.first {padding-left: 60px;}

ul.listbtnparts {margin: 15px 0 0 0; padding: 0;}
ul.listbtnparts li {list-style-type: none; float: left; text-align: center; width: 282px; margin: 0 0 10px 5px;}
ul.listbtnparts li.first {padding-left: 200px;}

ul#newcarstypesCompare {height: 30px; margin: 0; padding: 0;}
ul#newcarstypesCompare li {list-style-type: none; float: left; text-align: center; width: 153px; margin: 0 0 0 5px;}
ul#newcarstypesCompare li.first {margin-left: 0;}
ul#newcarstypesCompare li.last {margin-left: 150px;}

ul.newcarscats {width: 951px; height: 32px; margin: 0; padding: 20px 0 0 0; background: #02213E url(http://www.centrehamelhonda.com/img/fr/new_vehicles_img_01.gif) 0 0 no-repeat;}
ul.newcarscats li {float: left; list-style-type: none; padding: 0 15px; border-right: 1px #FFF solid;}
ul.newcarscats li.first {padding-left: 0;}
ul.newcarscats li.last {padding-right: 0; border: none;}
ul.newcarscats a:link, ul.newcarscats a:visited {color: #FFF; font-weight: bold; text-decoration: none;}
ul.newcarscats a:hover, ul.newcarscats a:focus, ul.newcarscats a:active {color: #FFF; font-weight: bold; text-decoration: underline;}
ul.newcarscats a.active:link, ul.newcarscats a.active:visited,
ul.newcarscats a.active:hover, ul.newcarscats a.active:focus, ul.newcarscats a.active:active {color: #999;}

ul#newcarscatsMoto {width: 851px; padding-left: 100px;}
ul#newcarscatsATV {width: 651px; padding-left: 300px;}
ul#newcarscatsScooter,
ul#newcarscatsBigred,
ul#newcarscatsWater {width: 526px; padding-left: 425px;}
ul#newcarscatsLawn {width: 826px; padding-left: 125px;}
ul#newcarscatsSnow {width: 876px; padding-left: 75px;}
ul#newcarscatsTrim {width: 601px; padding-left: 350px;}
ul#newcarscatsTiller {width: 776px; padding-left: 175px;}
ul#newcarscatsPump {width: 866px; padding-left: 85px;}

table.tblpowerequip {width: 920px; margin: 2px auto 0 25px;}

table#sitemap {width: 958px; 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: #000000; font-weight: normal; text-decoration: underline;}

#photogallery img {padding: 5px;}

div#partnerslogo {width: 360px; overflow: hidden;}
div#partnerslogo div {float: left; margin: 0 20px 0 0;}
div#partnerslogo div.last {margin-right: 0;}

/* RENTAL */
div.rentbox {width: 960px; overflow: hidden;}
div.rentbox h2 {margin: 0 0 20px 0; padding: 0; text-transform: uppercase; text-align: left; border-bottom: 1px dotted #DDD;}
div.rentbox h3 {margin: 0; padding: 0; text-align: left;}
div.rentbox div.rentinfos {width: 960px; overflow: hidden;}
div.rentbox div.rentinfos div.fleft {width: 320px; text-align: center;}
div.rentbox div.rentinfos div.middleinfos {float: left; width: 640px; text-align: left;}
div.rentbox div.rentinfos div.middleinfos div.rentaltext {margin-bottom: 10px;}
div.rentbox div.rentinfos div.middleinfos div.specslist {width: 640px; overflow: hidden; margin-bottom: 20px;}
div.rentbox div.rentinfos div.middleinfos div.specslist ul {float: left; margin: 0 50px 0 0; padding: 0; list-style-type: none;}
div.rentbox div.rentinfos div.middleinfos div.specslist ul.last {margin-right: 0;}
div.rentbox div.rentinfos div.middleinfos div.specslist ul li {margin: 0 0 8px 0; padding: 0 0 0 15px; background: url(/img/global/bullet.gif) 0 5px no-repeat;}
div.rentbox div.rentinfos ul.rentbtns {width: 640px; overflow: hidden; margin: 0; padding: 0; list-style-type: none;}
div.rentbox div.rentinfos ul.rentbtns li {float: left; margin: 0 20px 0 0; padding: 0;}
div.rentbox div.rentinfos ul.rentbtns li.last {margin-right: 0;}
div.rentbox div.rentinfos ul.rentbtns li img {display: block;}
div.rentbox div.rentcontent {margin-top: 10px;}
div.rentbox div.rentcontent table {width: 960px; margin: 0; padding: 0; border-collapse: collapse; background: #EEE;}
div.rentbox div.rentcontent table.left td {text-align: left;}
div.rentbox div.rentcontent table td {width: 25%; padding: 2px; border: 1px solid #484848; text-align: center;}
div.rentbox div.rentcontent table td.left {text-align: left;}
div.rentbox div.rentcontent table .total {background: #FFD300; font-weight: bold;}
div.rentbox div.rentcontent table tr.bold td {font-weight: bold;}
div.rentbox div.rentcontent table tr.tabletitle {background: #1C4C7C;}
div.rentbox div.rentcontent table tr.tabletitle td {color: #FFF; border: 1px solid #BBB;}
div.rentbox div.rentcontent .special {color: #FFF!important; font-weight: bold;}
div.rentbox div.rentcontent .extra {margin: 10px 0 0 0; text-align: left;}
div.rentbox div.rentcontent .extra ul {margin: 0; padding: 0; list-style-type: none;}
div.rentbox div.rentcontent .extra ul li {margin: 0; padding: 0 0 0 15px; background: url(/img/global/bullet.gif) 0 5px no-repeat;}


table#rentaltable {width: 960px; border-collapse: collapse; margin-bottom: 20px;}
table#rentaltable tr td {border: 1px solid #DDD;}
table#rentaltable tr.linetitle td {vertical-align: top; background: #1C4C7C; border: 1px solid #BBB; color: #FFF;}
table#rentaltable tr td {width: 13%; padding: 5px; text-align: center;}
table#rentaltable td.rentalinfo {width: 48%; vertical-align: middle;}
table#rentaltable td.rentalinfo div.rentalbtns {float: left; width: 200px; margin: 0 5px 0 0; text-align: center;}
table#rentaltable td.rentalinfo div.rentalbtns div {margin-bottom: 5px;}
table#rentaltable td.rentalinfo div.rentaltext {float: left; width: 240px; margin-right: 0; text-align: left;}

div#introtextbtnnews {width: 958px; overflow: hidden; margin: 0 0 10px 0;}
div#introtextLeftbtnnews {float: left; width: 640px; padding: 10px; background-color: #EFEFEF; border: 1px #DEDEDE solid;}
div#introtextRightbtnnews {float: right; width: 290px;}

div#rentalcondition {width: 938px; overflow: hidden; margin: 0 0 20px 0; padding: 10px; background-color: #EFEFEF; border: 1px #DEDEDE solid;}
div#rentalcondition .frightimg {margin-bottom: 0;}