@charset "UTF-8";
/* CSS Document */

* { font-family: Verdana, Arial, Geneva, sans-serif;  font-size: 1em; margin: 0; padding: 0; text-align: justify;}
p { padding-bottom: 1em;}
a { text-decoration: none; color: #ED2324;}
img { border: 0px;}


body { background: #E5E4E2; color: #424745; font-size: 8pt; line-height: 1.5em;}



ul { list-style-type: square;}

sup { font-size: 0.6em;}

/* ELEMENTS */
.clear { clear: both; float: none;}
.left { float: left;}
.right { float: right;}
.show { display: block;}
.hide { display: none;}
.debug { border: 1px #0F0 solid;}


.middletext { text-align: center;}
.lefttext { text-align: left; }
/* DESIGN */
.base { display: block; width: 780px;  background: #FFF; margin: 0 auto;  border-left: 1px #D9D8D6 solid; border-right: 1px #D9D8D6 solid;}

.layout { padding: 20px;}

.header { margin-bottom: 20px;}

.branding { display: block; width: 230px; height: 50px; margin-bottom: 20px; background: url(../_media/common/logo_bms.jpg) no-repeat;}
.branding span { display: none;}

.topnavi { display: block; margin-top: 30px; width: 490px; height: 12px;}
.topnavi ul { list-style-type: none; float: right;}
.topnavi ul li { float: left;}
.topnavi ul li.space { background: url(../_media/common/topnavi_divider.gif) no-repeat 0 2px;}
.topnavi ul li a { padding: 0 10px; margin-left: 1px; color: #424745; line-height: 12px; }
.topnavi ul li a:hover { color: #ED2324;}
.topnavi ul li a.welcome { background: #ED2324; color: #FFF; }
.topnavi ul li a.off { }
.topnavi ul li a.on { color: #ED2324; }
 
.hdimage { display: block; width: 738px; border: 1px #D9D8D6 solid;}

.homehd { height: 298px;}

.subhd { height: 198px;}

.mainnavi { display: block; width: 738px; height: 32px; margin-top: 10px; background: #E5E4E2; border: 1px #D9D8D6 solid;}
.mainnavi ul { list-style-type: none; margin: 0 10px;}
.mainnavi ul li { float: left;}
.mainnavi ul li.space { background: url(../_media/common/mainnavi_divider.gif) no-repeat 0 10px;}
.mainnavi ul li a.mainmenu { font-weight: bold; padding: 10px; margin-left: 1px; color: #424745; line-height: 32px; }
.mainnavi ul li a.mainmenu:hover { background: #D0D0CE; color: #424745;}
.mainnavi ul li a.mainmenu.on { background: #ED2324; color: #FFF; }
.mainnavi ul li a.off { }

.main { display: block; width: 740px;  margin-top: 30px; }
 
.main .pagetitle { font-size: 1.3em; font-weight: bold; text-transform: uppercase; padding-bottom: 4px; margin-bottom: 10px; color: #000; border-bottom: 1px #D0D1D0 solid; }
.main .redheader { font-size: 1.3em; font-weight: bold; padding-bottom: 10px; color: #ED2324; }

/* LEFT CONTENT */
.leftcontent { width: 230px; }
.leftcontent h2 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 17px; color: #000;}
.leftcontent .sidenavi { display: block; background: #E5E4E2; border: 1px #D9D8D6 solid; padding: 5px;}

.leftcontent .sidenavi ul { list-style-type: none; border-top: 1px #C8C7C6 solid; border-right: 1px #C8C7C6 solid; border-left: 1px #C8C7C6 solid; }
.leftcontent .sidenavi ul li.abc {}
.leftcontent .sidenavi ul li.abc a { display: block; width: 196px; padding: 7px 10px; background: #F7F7F6; font-size: 1.1em; font-weight: bold; color: #424745; border-bottom: 1px #C8C7C6 solid; }

.leftcontent .sidenavi ul li a { display: block;}
.leftcontent .sidenavi ul li a:hover { background: #FFF;}
.leftcontent .sidenavi ul li a.on { background: #424745; color: #FFF;}
.leftcontent .sidenavi ul li a.off { }

.leftcontent .sidenavi ul li.sidesubnavi { width: 176px; padding-left: 20px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; font-weight: normal; color: #424745; display: block; background: #F7F7F6; text-align: left; }
.leftcontent .sidenavi ul li.sidesubnavi a { font-weight: normal; color: #424745; text-decoration: none; display: block; background: #F7F7F6;   text-align: left;}
.leftcontent .sidenavi ul li.sidesubnavi a:hover { font-weight: normal; color: #000000; text-decoration: underline; }
.leftcontent .sidenavi ul li.sidesubnavi a.sel { font-weight: bold; color: #000000; text-decoration: none; }

.leftcontent .sidenavi ul li.sidesubnavi2 { width: 156px; padding-left: 40px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; font-weight: normal; color: #424745; display: block; background: #F7F7F6; }
.leftcontent .sidenavi ul li.sidesubnavi2 a { font-weight: normal; color: #424745; text-decoration: none; display: block; background: #F7F7F6;  }
.leftcontent .sidenavi ul li.sidesubnavi2 a:hover { font-weight: normal; color: #000000; text-decoration: underline; }
.leftcontent .sidenavi ul li.sidesubnavi2 a.sel { font-weight: bold; color: #000000; text-decoration: none; }

.leftcontent .sidenavi ul li.sidesubnavi3 { width: 136px; padding-left: 60px; padding-right: 20px; padding-bottom: 5px; padding-top: 5px; font-weight: normal; color: #424745; display: block; background: #F7F7F6; }
.leftcontent .sidenavi ul li.sidesubnavi3 a { font-weight: normal; color: #424745; text-decoration: none; display: block; background: #F7F7F6;  }
.leftcontent .sidenavi ul li.sidesubnavi3 a:hover { font-weight: normal; color: #000000; text-decoration: underline; }
.leftcontent .sidenavi ul li.sidesubnavi3 a.sel { font-weight: bold; color: #000000; text-decoration: none; }

.leftcontent .showroom { display: block; background: #E5E4E2; border: 1px #D9D8D6 solid; padding: 5px 5px 3px 5px;}
.leftcontent .showroom .on { background: #FFF;}
.leftcontent .showroom .off { background: #F7F7F6;}
.leftcontent .showroom span { display: none;}
.leftcontent .showroom h4 { font-size: 1.2em; font-weight: bold; line-height: 1em; padding-bottom: 5px;}


.leftcontent .showroom .carbrand { width: 215px;  padding: 5px 0; margin-bottom: 2px; border: 1px #C8C7C6 solid;}

.leftcontent .showroom .toyota a { display: block; width: 196px; height: 14px; background: url(../_media/common/footer_toyota.gif) 10px 0 no-repeat; padding: 0 10px;}
.leftcontent .showroom .lexus a { display: block; width: 196px; height: 14px; background: url(../_media/common/footer_lexus.gif) 10px 0 no-repeat; padding: 0 10px;}
.leftcontent .showroom .hino a { display: block; width: 196px; height: 14px; background: url(../_media/common/footer_hino.gif) 10px 0 no-repeat; padding: 0 10px;}
.leftcontent .showroom .carbrand a:hover { background-position: 10px -14px;}
.leftcontent .showroom .carbrand a.on { background-position: 10px -14px;}
.leftcontent .showroom .carbrand a.off { }

.leftcontent .showroom .showroomholder { display: block; width: 215px; height: 250px; overflow: auto; background: #F7F7F6; padding: 5px 0; margin: -2px 1px 3px 1px;}
.leftcontent .showroom .showroomholder .brandimage { display: block; width:176px; border: 1px #D9D8D6 solid; margin-bottom: 7px;}
.leftcontent .showroom .showroomholder .model { padding: 10px 10px 0 10px;}

.leftcontent .showroom .divider { display: block; margin: 5px 0 10px 10px; width: 178px; height: 1px; background: #C8C7C6; }

/* RIGHT CONTENT */
.rightcontent { width: 490px;}
.rightcontent h2 { font-size: 1.3em; font-weight: bold; text-transform: uppercase; padding-bottom: 4px; margin-bottom: 10px; color: #000; border-bottom: 1px #D0D1D0 solid; }
.rightcontent h3 { font-size: 1.3em; font-weight: bold; padding-bottom: 10px; color: #ED2324;}
.rightcontent h4 { font-size: 1.1em; font-weight: bold;}
.rightcontent h5 { font-size: 1.0em; font-weight: normal; font-style: italic; color: #666666;}
.rightcontent h6 { font-size: 0.9em; font-weight: normal; font-style: italic; color: #666666;}
.rightcontent .keyimage { padding-bottom: 20px; }
.rightcontent .leftimg { padding-right: 20px; padding-bottom: 20px; float: left; }
.rightcontent .rightimg { padding-left: 20px; padding-bottom: 20px; float: right; }
.rightcontent .thumbimg { padding-right: 5px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; float: left;}

.rightcontent .hdrtopadj { padding-top: 8px; }

.rightcontent .greyhighlights { width: 464px; background-color: #FAFAFA; padding: 10px; margin-top: 10px; margin-bottom: 10px; height: auto; overflow: auto;}
.rightcontent .whitehighlights { clear: both; width: 484px; background-color: #FFFFFF; margin-top: 10px; margin-bottom: 10px; height: auto; overflow: auto;}
.rightcontent .mainhighlights { padding-bottom: 5px; /* border-bottom: 1px #D0D1D0 solid;*/}

.rightcontent .subhighlights {}
.rightcontent .subhighlights .space { padding-right: 20px;}
.rightcontent .subhighlights .highlightsholder { display: block; width: 150px; padding-top: 5px;}
.rightcontent .subhighlights .highlightsholder h4 { font-size: 1.1em; font-weight: bold; line-height: 1.1em; margin-bottom: 5px}
.rightcontent .subhighlights .highlightsholder .subimage { border: 1px #D9D8D6 solid; margin: 0 0 5px 0;}

.rightcontent .subhighlights .space2 { padding-right: 15px;}
.rightcontent .subhighlights .highlightsholder2 { display: block; width: 230px; padding-top: 3px;}
.rightcontent .subhighlights .highlightsholder2 h4 { font-size: 1.1em; font-weight: bold; line-height: 1.1em; margin-bottom: 5px}
.rightcontent .subhighlights .highlightsholder2 .subimage { border: 1px #D9D8D6 solid; margin: 0 0 5px 0;}

.rightcontent .article_src { float: right; text-align: right; padding-right: 10px;}

.rightcontent .redboldtext { font-weight: bold; color: #ED2324; }

.rightcontent .blackdate { font-weight: bold; color: #000000; font-size: 1.2em; }

.rightcontent .boldgreylink2 { font-size: 1.0em; font-weight: bold; color: #424745; }
.rightcontent .boldgreylink2 a { font-size: 1.0em; font-weight: bold; color: #424745; text-decoration: underline; }
.rightcontent .boldgreylink2 a:hover { color: #424745; text-decoration: none; }

.rightcontent .boldgreylink { font-size: 1.15em; font-weight: bold; color: #424745; }
.rightcontent .boldgreylink a { font-size: 1.15em; font-weight: bold; color: #424745; text-decoration: underline; }
.rightcontent .boldgreylink a:hover { color: #424745; text-decoration: none; }

.rightcontent .boldredlink { font-size: 1.15em; font-weight: bold; color: #ED2324; }
.rightcontent .boldredlink a { font-size: 1.15em; font-weight: bold; color: #ED2324; text-decoration: underline; }
.rightcontent .boldredlink a:hover { color: #ED2324; text-decoration: none; }

.rightcontent .tablehdrredbg {  background-color:#ED2324; font-size: 1.2em; color: #FFFFFF; font-weight: bold; }
.rightcontent .tablegreyrow { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #FAFAFA; }
.rightcontent .tablewhiterow { padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; background-color: #FFFFFF; }

/* SHARED */
.redasterisk { color: #ED2324; padding-right: 5px; padding-top: 5px;}
.formpadding { padding-top: 5px; padding-bottom: 5px; }
.contentbutton {}
.contentbutton a{ padding-left: 7px; color: #424745; background: url(../_media/common/footer_arw.gif) left center no-repeat; text-decoration: none;}
.contentbutton a:hover{ color: #000; text-decoration: underline;}

.contentbackbutton {}
.contentbackbutton a{ padding-left: 7px; color: #424745; background: url(../_media/common/button_arwback.gif) left center no-repeat; text-decoration: none;}
.contentbackbutton a:hover{ color: #000; text-decoration: underline;}

.sitemaplink { padding-bottom: 0.5em; }
.sitemaplink a { padding-left: 5px; color: #424745; text-decoration: none; }
.sitemaplink a:hover{ color: #000; text-decoration: underline;}

.topofpage { color: #666666; text-decoration: underline; font-size: 0.9em; }
.topofpage a { color: #666666; text-decoration: underline; }
.topofpage a:hover { color: #ED2324; text-decoration: underline;  }

/* FOOTER */
.footer { display: block; width: 740px; margin-top: 30px;}

.footernavi { display: block; width: 718px; height: 36px; padding: 0 10px; background: #E5E4E2; border: 1px #D9D8D6 solid;}
.footernavi span { display: none;}
.footernavi ul {display: block; list-style-type: none; margin: 5px 0; height: 24px;}

.footernavi ul.links { } 
.footernavi ul.links li { float: left; line-height: 24px;}
.footernavi ul.links li a { display: block; padding: 0 10px 0 7px; color: #424745; background: url(../_media/common/footer_arw.gif) left center no-repeat;text-decoration: none;}
.footernavi ul.links li a:hover { color: #000; text-decoration: underline;}
.footernavi ul.links li a.on {  color: #ED2324; }
.footernavi ul.links li a.off { }

.footernavi ul.brandlogo { background: #F7F7F6; border: 1px #C8C7C6 solid;} 
.footernavi ul.brandlogo li { float: left; padding: 5px 0;}
.footernavi ul.brandlogo li.toyota a { display: block; width: 83px; height: 14px; background: url(../_media/common/footer_toyota.gif) 10px 0 no-repeat; padding: 0 10px; border-right: 1px #ACACAC solid;}
.footernavi ul.brandlogo li.lexus a { display: block; width: 73px; height: 14px;background: url(../_media/common/footer_lexus.gif) 10px 0 no-repeat; padding: 0 10px;  border-right: 1px #ACACAC solid;}
.footernavi ul.brandlogo li.hino a { display: block; width: 80px; height: 14px; background: url(../_media/common/footer_hino.gif) 10px 0 no-repeat; padding: 0 10px; }
.footernavi ul.brandlogo li a:hover { background-position: 10px -14px;}

.footer .copyright { font-size: 0.8em; color: #A0A3A2;}
.footer .copyright a { margin-left: 5px; padding: 0 10px 0 7px; color: #A0A3A2; background: url(../_media/common/copyright_arw.gif) left center no-repeat;}
.footer .copyright a:hover { color: #000;}

.submenu { display: block; height: 32px; margin-top: 10px; background: #E5E4E2; border: 1px #D9D8D6 solid;}
.submenu ul { list-style-type: none; margin: 0 10px;}
.submenu ul li { float: left;}
.submenu ul li.space { background: url(../_media/common/mainnavi_divider.gif) no-repeat 0 10px;}
.submenu ul li a.mainmenu { font-weight: bold; padding: 10px; margin-left: 1px; color: #424745; line-height: 32px; }
.submenu ul li a.mainmenu:hover { background: #D0D0CE; color: #424745;}
.submenu ul li a.mainmenu.on { background: #ED2324; color: #FFF; }
.submenu ul li a.off { }