/* ------------------ Humanist ------------------ */
@font-face {font-family: "Humanist";
  src: url('/dealersite/fonts/humanist777/humanist777.eot');
  src: local('?'),
    url('/dealersite/fonts/humanist777/humanist777.ttf') format('truetype');
}
@font-face {font-family: "Humanist";
  src: url('/dealersite/fonts/humanist777/humanist777_bold.eot');
  src: local('?'),
    url('/dealersite/fonts/humanist777/humanist777_bold.ttf') format('truetype');
  font-weight: bold;
}

body, td, p, ol, ul, li {font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif; color: #919090;}
body {background: #000 url(/img/global/bg.jpg) top center no-repeat; margin: 0; padding: 0; text-align: center; vertical-align: top;}

div#mainlogo,
td#footer .title,
div#footermodels dl dd dt {font-family: "Humanist", Arial, Helvetica, Verdana, Geneva, sans-serif; text-shadow: 0 0 #333;}

h1 {font-size: 18px; font-weight: normal; color: #DDD; text-align: left; margin: 0 0 15px 0; padding: 0;}
h2 {font-size: 16px; font-weight: normal; color: #DDD; text-align: left; margin: 20px 0 10px 0; padding: 0;}
h2.first {margin-top: 0;}
h3 {font-size: 14px; text-align: left; margin: 20px 0 0 0; padding: 0;}
h3.first {margin-top: 0;}

.nobr {white-space: nowrap;}

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

a.copyr:link, a.copyr:visited, a.copyr:hover, a.copyr:focus, a.copyr:active,
p.copyr, 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;}

sup {line-height: 0;}
hr {color: #2F2F2F; background-color: #2F2F2F; border: none; height: 1px; margin: 8px 0;} /* utilisé dans promos DMA */
div.text {text-align: left;}
div.text p {line-height: 16px; margin: 0 0 10px 0; padding: 0;}
div.text p.last {margin-bottom: 0;}
div.text p.readmore {font-size: 10px; margin-bottom: 0;}
div.text p.copyr {font-size: 10px; line-height: 14px;}
div.text ul {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 15px;}
div.text ul.last {margin-bottom: 0;}
div.text ul li {list-style-type: none; line-height: 16px; padding: 0 0 0 10px; background: url(/img/global/bullet.png) 0 6px no-repeat;}
div.text ol {text-align: left; margin: 0 0 10px 0; padding: 0 0 0 30px;}
div.text ol.last {margin-bottom: 0;}
div.text ol li {list-style-type: decimal; line-height: 16px; padding: 0; background: none;}
div.text dl {margin: 0; padding: 0;}
div.text dl dt {font-weight: bold; margin: 10px 0 0 0; padding: 0;}
div.text dl dt.first {margin-top: 0;}
div.text dl dd {margin: 0; padding: 0;}
div.text a:link, div.text a:visited,
div.text a:hover, div.text a:focus, div.text a:active {font-weight: normal;}
div.text a.bold:link, div.text a.bold:visited,
div.text a.bold:hover, div.text a.bold:focus, div.text a.bold:active {font-weight: bold;}
p.last {margin-bottom: 0;}

.norm {font-size: 12px;}
.title {font-size: 14px; font-weight: bold; text-decoration: none;}
.bigtitle {font-size: 14px; font-weight: bold; text-decoration: none;}
.copyr {font-size: 10px; text-decoration: none;}
.form {font-size: 11px; color: #CCCCCC;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.upper {text-transform: uppercase;}
.header {background-color: #454543; color: #FFFFFF; font-weight: bold; }
.subheader {background-color: #2F2F2F; color: #CCCCCC; font-weight: bold;}
.menutitle {font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #454543;}
.menubigtitle {font-size: 18px; font-weight: bold; color: #FFFFFF; background-color: #454543;}
.menusoustitle {font-size: 10px; font-weight: bold; color: #FFFFFF; background-color: #454543;}
.alt1 {font-size: 12px; font-weight: bold; color: #CCCCCC; background-color: #1F1F1F;}
.alt2 {font-size: 12px; font-weight: bold; color: #CCCCCC; background-color: #2F2F2F;}
.menu {font-size: 12px; color: #CCCCCC; background-color: #2F2F2F;}

.emph {font-weight:bold;}
.caption {font: 10px Arial; color: #CCCCCC;}
.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: 10px; color:#000000;}
.dpt {font-size: 10px; color:#919090;}
.dp {font-size: 9px; color:#CCCCCC; font-weight: bold;}
.dps {font-size: 12px; color:#919090;}
.dpw {font-size: 10px; color:#FFFFFF; font-weight: bold;}
.dpwnb {font-size: 10px; color:#FFFFFF;}
.dpwnb1 {font-size: 10px; color:#FFFFFF; line-height: 115%;}
.dpb{font-size: 12px; color: #454543; font-weight: bold;}
.dpbw {font-size: 1px; 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: #454543;}
.results-body {font-size: 10px; color: #CCCCCC; background-color: #1F1F1F; }

TABLE.Specs              { border-spacing: 0;}
TABLE.Specs table        { border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }
TABLE.Specs TR.alt1      { background: none; }
TABLE.Specs TR.alt1 td   { border: 1px #2F2F2F solid; }
TABLE.Specs TR.alt2      { background: none; }
TABLE.Specs TR.alt2 td   { border: 1px #2F2F2F solid; }
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    { color: #919090; font-weight: bold; background: #000000; border-bottom: 1px #999 solid; }
TABLE.Specs TD.header a:link, TABLE.Specs TD.header a:visited {color: #919090 !important;}
TABLE.Specs TD.header a:hover, TABLE.Specs TD.header a:focus, TABLE.Specs TD.header a:active {color: #E09F0E !important;}
TABLE.Specs TD.subheader { background-color: #2F2F2F; color: #CCCCCC; 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: 11px; font-weight: bold; padding: 2px; }
TABLE.Specs .dps         { font-size: 11px; }
TABLE.Specs .dpt         { font-size: 10px; }

TABLE.au TD.title        {font-size: 14px; color:#FFFFFF; font-weight: bold; background-color: #454543;}
TABLE.au TD.norm         {font-size: 11px; color:#CCCCCC; background-color: #2F2F2F;}

/* GLOBAL CLASSES */
ul.customlist {margin: 0; padding: 0;}
ul.customlist li {list-style-type: none; margin: 0; padding: 0;}
ul.customlist li.last {margin-right: 0 !important;}

dl.customlist {margin: 0; padding: 0;}
dl.customlist dt {margin: 20px 0 0 0; padding: 0;}
dl.customlist dt.first {margin-top: 0;}
dl.customlist dd {margin: 0; padding: 0 0 0 15px;}

ul.btnslist {overflow: hidden; margin: 0; padding: 0;}
ul.btnslist li {float: left; list-style-type: none; margin: 0 10px 0 0; padding: 0;}
ul.btnslist li.last {margin-right: 0 !important;}
ul.btnslist li a {display: block;}
ul.btnslist li img {display: block;}
ul.btnslist li.second {padding: 5px 0 0 0;}

ul.verticalbtns li {margin: 0 0 10px 0;}
ul.verticalbtns li.last {margin-bottom: 0 !important;}

div.contentsection {text-align: left; margin: 0 0 10px 0;}
div.contentsectionInner {overflow: hidden; padding: 9px 13px; background-color: #000;} /* width = 934 */

div.contentwsidebar {overflow: hidden;}
div.contentwsidebar div.mainsect {float: left; text-align: left; width: 620px;}
div.contentwsidebar div.subsect {float: right; width: 300px;}

div.businesshours {margin: 20px 0 0 0; padding: 0 10px 20px 10px;}
div.businesshours p {margin: 0; left: 0;}
div.businesshours p.title {font-size: 14px;}
div.businesshours p.subtitle {font-size: 12px; margin-top: 15px;}
div.businesshours p.subtitle.first {margin-top: 0;}
div.businesshours ul li {font-size: 11px; margin: 0 0 2px 0;}
div.businesshours ul li.last {margin-bottom: 0;}
div.businesshours ul li span {display: block; float: left; width: 60px;}

.addmargin {margin-bottom: 30px;}
.noverflow {overflow: visible !important;}


/* MAIN LAYOUT */
table#mainwrap {width: 972px; height: 100%; margin: 0 auto;}

td#header {height: 118px; vertical-align: top; background: url(/img/global/header.png) 0 0 no-repeat;}
div#headerContent {position: relative; z-index: 50; height: 118px;}

td#content {vertical-align: top; padding: 10px 6px;}

td#footer {text-align: left; height: 100%; vertical-align: top; padding: 10px 20px;}

div.hourbox {width: 250px; border-style: solid; border-width: 2px; background-color: #2B2B2B; margin-top: 20px;}
div.hourbox ul {width: 240px; margin-left:10px; padding:0;}
div.hourbox ul li { list-style-type: none; color: #FFF; text-align: left;}
div.hourbox ul li span {display: inline-block; width: 150px; font-weight: bold;}


/* HEADER */
div#mainlogo {position: absolute; top: 15px; left: 20px; font-size: 22px; line-height: 47px; height: 47px; background: url(/img/global/top_logo.png) 0 0 no-repeat;}
div#mainlogo a:link, div#mainlogo a:visited {color: #AEAEAE; font-weight: normal; text-decoration: none; display: block; height: 47px; padding: 0 0 0 80px;}
div#mainlogo a:hover, div#mainlogo a:focus, div#mainlogo a:active {color: #E09F0E; font-weight: normal; text-decoration: none; display: block; height: 47px; padding: 0 0 0 80px;}

div#headerinfos {position: absolute; top: 15px; right: 20px;}
div#headerinfos p {font-size: 11px; margin: 0; padding: 0;}
div#headerinfos ul li {font-size: 11px;}
div#headerinfos p#headerinfosAddy {float: left; margin: 0 30px 0 0; padding: 0 0 0 15px; background: url(/img/global/icon_map.png) 0 0 no-repeat;}
div#headerinfos ul#headerinfosPhone {float: right; padding: 0 0 0 15px; background: url(/img/global/icon_phone.png) 0 0 no-repeat;}

ul#mainnav {position: absolute; top: 75px; left: 10px; z-index: 50;}
ul#mainnav a:link, ul#mainnav a:visited {color: #999; font-weight: normal; text-decoration: none;}
ul#mainnav a:hover, ul#mainnav a:focus, ul#mainnav a:active {color: #CCC; font-weight: normal; text-decoration: none;}
ul#mainnav li {position: relative; float: left; text-transform: uppercase; padding: 10px 20px 10px 8px;}
ul#mainnav li ul {display: none; position: absolute; top: 33px; left: 0; width: 200px;}
ul#mainnav li ul li {float: none; text-transform: none; margin: 0; padding: 0; border-bottom: 1px #333 solid;}
ul#mainnav li ul li a:link, ul#mainnav li ul li a:visited {display: block; padding: 7px 8px; background-color: #000;}
ul#mainnav li ul li a:hover, ul#mainnav li ul li a:focus, ul#mainnav li ul li a:active {display: block; padding: 7px 8px; background-color: #333;}

ul#headerlinks {position: absolute; bottom: 16px; right: 20px;}
ul#headerlinks li {margin: 0 3px 0 0;}
ul#headerlinks li#headerlinks1 a {display: block; width: 130px; height: 20px; background: url(/img/fr/bt_build_on.png) 0 0 no-repeat;}
ul#headerlinks li#headerlinks2 a {display: block; width: 61px; height: 20px; background: url(/img/fr/bt_scion_on.png) 0 0 no-repeat;}
body.en ul#headerlinks li#headerlinks1 a {width: 91px; background-image: url(/img/en/bt_build_on.png);}
body.en ul#headerlinks li#headerlinks2 a {background-image: url(/img/en/bt_scion_on.png);}


/* FOOTER */
ul#smallfooterNav {float: left; height: 30px;}
ul#smallfooterNav li {float: left; line-height: 30px; height: 30px; margin: 0 20px 0 0;}
ul#smallfooterNav li.last {margin-right: 0;}
ul#smallfooterNav a:link, ul#smallfooterNav a:visited {color: #777; font-weight: normal; text-decoration: none;}
ul#smallfooterNav a:hover, ul#smallfooterNav a:focus, ul#smallfooterNav a:active {color: #777; font-weight: normal; text-decoration: underline;}

ul#smallfooterBtns {float: right;}
ul#smallfooterBtns li a {display: block; width: 30px; height: 30px;}
ul#smallfooterBtns li#smallfooterFB a {background: url(/img/global/logo_facebook_on.png) 0 0 no-repeat;}
ul#smallfooterBtns li#smallfooterTwitter a {background: url(/img/global/logo_twitter_on.png) 0 0 no-repeat;}
ul#smallfooterBtns li#smallfooterFlickr a {background: url(/img/global/logo_flicker_on.png) 0 0 no-repeat;}
ul#smallfooterBtns li#smallfooterYoutube a {background: url(/img/global/logo_youtube_on.png) 0 0 no-repeat;}

td#footer,
td#footer p {color: #CCC;}
td#footer a:link, td#footer a:visited {color: #CCC; font-weight: normal;}
td#footer a:hover, td#footer a:focus, td#footer a:active {color: #CCC; font-weight: normal;}
td#footer div.item {float: left; overflow: hidden;}
td#footer p.title,
td#footer dl dt.title {font-size: 18px; margin: 0 0 10px 0; padding: 0;}
td#footer dl dd {font-size: 11px;margin: 0; padding: 0;}
td#footer dl dt.title a:link, td#footer dl dt.title a:visited,
td#footer dl dt.title a:hover, td#footer dl dt.title a:focus, td#footer dl dt.title a:active,
td#footer dl dd dt a:link, td#footer dl dd dt a:visited,
td#footer dl dd dt a:hover, td#footer dl dd dt a:focus, td#footer dl dd dt a:active {color: #CCC; font-weight: bold;}

td#footer div#footermodels {width: 150px; margin-right: 50px;}
td#footer div#footermodels dl dd.item {float: left; margin: 0 20px 0 0;}
td#footer div#footermodels dl dd.itemLast {margin-right: 0;}
td#footer div#footermodels dl dd dt {font-size: 14px;}

td#footer div#footercontact {width: 200px; margin-right: 50px;}
td#footer div#footercontact dl {overflow: hidden;}
td#footer div#footercontact dl dd {color: #CCC;}
td#footer div#footercontact dl dd.item {margin: 0 0 10px 0;}
td#footer div#footercontact dl dd dl dt {clear: left; float: left; margin: 0 5px 0 0;}
td#footer div#footercontact dl dd dl dd {float: left;}

div#footerdisclaimer {width: 480px;}
div#footerLegalText p {margin: 0 0 3px 0; font-size: 10px; color: #CCC;}
div#footerLegalLogo123 {text-align: left; margin-top: 10px;}
div#footerLegalLogo123 p {margin: 0px; padding: 0; font-size: 10px; color: #666;}


/* HOME */
div#homefeatured {position: relative; float: left; width: 620px; height: 300px; overflow: hidden;}
/*
div#homefeatured div#homefeaturedInfo {position: absolute; bottom: 0; left: 0; width: 600px; padding: 10px; background: url(/img/global/trans50.png) 0 0 repeat;}
div#homefeatured div#homefeaturedInfo p {margin: 0; padding: 0;}
div#homefeatured div#homefeaturedInfo p.title a:link, div#homefeatured div#homefeaturedInfo p.title a:visited {color: #EEE; font-weight: normal; text-decoration: none;}
div#homefeatured div#homefeaturedInfo p.title a:hover, div#homefeatured div#homefeaturedInfo p.title a:focus, div#homefeatured div#homefeaturedInfo p.title a:active {color: #999; font-weight: normal; text-decoration: none;}
*/
div#homefeatured div.item {position: relative; z-index: 2; width: 620px; height: 300px; overflow: hidden;}
div#homefeatured div.active {position: absolute; top: 0; left: 0; z-index: 5;}
div#homefeatured div.fadeout {position: absolute; top: 0; left: 0; z-index: 10;}
div#homebtns {float: right; width: 300px;}


/* CONTACT */

div#contactmap   {margin-top:20px;}
div#contactmap p {font-size: 11px;}

div#contactinfo p {margin: 0 0 10px 0; padding: 0;}

/* SITE MAP */
div#sitemap {text-align: left; overflow: hidden;}
div#sitemap a:link, div#sitemap a:visited {color: #919090; font-weight: normal;}
div#sitemap a:hover, div#sitemap a:focus, div#sitemap a:active {color: #919090; font-weight: normal;}
div#sitemap dl {margin: 0; padding: 0;}
div#sitemap dl.item {float: left; margin: 0 100px 0 0;}
div#sitemap dl dt {margin: 20px 0 0 0; padding: 0;}
div#sitemap dl dt.first {margin-top: 0;}
div#sitemap dl dt a:link, div#sitemap dl dt a:visited,
div#sitemap dl dt a:hover, div#sitemap dl dt a:focus, div#sitemap dl dt a:active {font-weight: bold;}
div#sitemap dl dd {margin: 0; padding: 0 0 0 15px;}
div#sitemap dl dd dt {margin-top: 5px;}

/* COUPON */
div#dlr_couponBg {background-color: #000;}
div#couponUsed {display: none; position: absolute; top: 0; left: 0; width: 745px; height: 345px; background: url(/img/fr/popup.png) no-repeat; padding: 10px; z-index: 100; _top: expression(eval(document.body.clientHeight ? document.body.scrollTop + 100 : document.documentElement.scrollTop + 100)); _left: expression(eval(document.body.clientWidth ? ((document.body.clientWidth / 2) - 4) : ((document.documentElement.clientHeight / 2) - 267)));}
div#couponUsed p {margin: 0; padding: 0;}
div#couponUsedForm {position: absolute; top: 203px; left: 273px; width: 300px;}
div#couponUsedForm p {text-align: left;}
div#couponUsedForm label {display: inline-block; width: 75px;}
body.en div#couponUsed {background: url(/img/en/popup.png) no-repeat;}

.couponprint {position: relative; width: 745px; height: 345px; background: url(/img/fr/popup.png) no-repeat;}
.couponprint #couponTable {position: absolute; position: absolute; top: 203px; left: 273px; width: 300px;}
.closebtn a {display: block; float: right; padding: 10px; background: #F78D00; -moz-box-shadow: #000 0 0 10px, inset #fff 0 0 7px, inset #FDDDB3 0 1px 0; box-shadow: #000 0 0 10px, inset #fff 0 0 7px, inset #FDDDB3 0 1px 0; -moz-border-radius: 30px; border-radius: 30px; font-weight: bold; text-decoration: none; text-shadow: #955E05 0 -1px 0; color: #fff;}
.closebtn a:active, .closebtn a:focus, .closebtn a:hover {background: #F9A333;}
.couponfield-ok {border: 2px solid #ccc;}
.couponfield-err {border: 2px solid #9f1110;}
body.en .couponprint {background: url(/img/en/popup.png) no-repeat;}

div#errorMessage {position: absolute; left: 122px; top: 323px; width: 580px; text-align: left; color: #fff; font-weight: bold; background-color: #9f1110; padding: 10px; display: none;}
div#errorMessage a {color: #fff; font-weight: bold;}
div#errorMessage p {color: #fff; font-weight: bold;}