
/*** basic ***/

* { margin:0; padding:0; }

html { height:100%; }

body { width:100%; font:12px arial; }



/*** text ***/

h1 { font-size:12px; }

h2 {
  font:small-caps bold 24px "arial";
  color:#e20;
  padding:15px 0 0 0;
  border-bottom:#000 solid 2px;
  width:600px;
  margin:0 0 15px 10px;
  text-indent:6px; }

h3 {
  font:bold 17px "times new roman";
  margin:20px 0 0 10px;
  color:#008; }

h3.tagline {
  font:bold 18px "times";
  font-style:italic;
  text-indent:10px;
  padding:10px 0;
  color:#268; }

h3.list {
  font:bold 16px "arial";
  margin:12px 0 0 0;
  color:#006; }

h3.step {
  font:bold 16px times;
  color:#038; }

h3.guide {
  font:bold 17px "arial";
  width:600px;
  height:21px;
  padding:3px 10px;
  background:url(/images/hd25.jpg); }

h5 {
  font:16px arial;
  color:#149;
  font-weight:bold;
  font-style:italic;
  text-indent:10px;
  margin:0 0 15px 0; }

a { text-decoration:none; }

a img { border:0; }

p {
  padding:10px;
  display:block;
  line-height:20px; }

p.jp {
  font:14px "ms ui gothic";
  padding:10px 0 10px 10px;
  line-height:22px; }

p#foot { text-align:center; padding:3px; }



/*** form style ***/

.contact { 600px; margin:20px; }

input.text { width:240px; }

textarea { width:340px; height:170px; }

label {
  text-align:right;
  float:left;
  width:130px;
  margin:2px 5px; }

input.button { width:100px; margin:8px; }

input.buttonru { width:130px; margin:10px; }

.button {
  width:500px;
  margin:10px 0 0 140px;
  display:inline; }



/*** images ***/

img.right {
  float:right;
  margin:10px 10px 10px 20px;
  border:1px solid #000; }

img.left {
  float:left;
  margin:10px 20px 10px 10px;
  border:1px solid #000; }



/*** floating box with rounded corners ***/

.blockjp { width:570px; margin:30px 15px 30px 0; }

.msgt {
  width:570px;
  height:32px;
  background:url(/images/msgt.jpg) no-repeat;
  position:relative; }

.msgm {
  width:480px;
  background:url(/images/msgm.jpg) repeat-y;
  padding:10px 44px 0 44px; }

.msgb {
  width:570px;
  height:40px;
  background:url(/images/msgb.jpg) no-repeat; }



/*** top parts ***/

#container01 {
  margin:0 auto;
  height:auto;
  width:100%;
  background:#fff; }

#header {
  width:100%;
  height:370px;
  background:url(/images/headerbg.jpg) repeat-x; }

#container02 {
  display:block;
  width:900px;
  margin:0 auto;
  padding:10px 0; }



/*** divs within the header ***/

#subheader {
  margin:0 auto;
  width:970px;
  position:relative; }

#logo {
  float:left;
  width:510px;
  height:120px;
  background:url(/images/logo.gif); }

#logo a {
  display:block;
  width:510px;
  height:0;
  padding:120px 0 0 0;
  overflow:hidden; }

#carphoto {
  float:right;
  margin:40px 0 0 0;
  width:455px;
  height:320px; }

#hilux {
  width:455px;
  height:320px;
  background:url(/images/hilux.jpg); }

#hilux2 {
  width:455px;
  height:320px;
  background:url(/images/hilux2.jpg); }

#fit {
  width:455px;
  height:320px;
  background:url(/images/fit.jpg); }

#rav4 {
  width:455px;
  height:320px;
  background:url(/images/rav4.jpg); }

#prius {
  width:455px;
  height:320px;
  background:url(/images/prius.jpg); }

#impreza {
  width:455px;
  height:320px;
  background:url(/images/impreza.jpg); }

#legacy {
  width:455px;
  height:320px;
  background:url(/images/legacy.jpg); }

#celica {
  width:455px;
  height:320px;
  background:url(/images/celica.jpg); }

#cr-v {
  width:455px;
  height:320px;
  background:url(/images/cr-v.jpg); }

#harrier {
  width:455px;
  height:320px;
  background:url(/images/harrier.jpg); }

#altezza {
  width:455px;
  height:320px;
  background:url(/images/altezza.jpg); }

#corolla {
  width:455px;
  height:320px;
  background:url(/images/corolla.jpg); }

#cruiser {
  width:455px;
  height:320px;
  background:url(/images/cruiser.jpg); }

#forester {
  width:455px;
  height:320px;
  background:url(/images/forester.jpg); }

#rx-8 {
  width:455px;
  height:320px;
  background:url(/images/rx-8.jpg); }

#bike {
  width:455px;
  height:320px;
  background:url(/images/bike.jpg); }

#world {
  float:left;
  margin:0 0 0 15px;
  width:500px;
  height:188px;
  background:url(/images/map.jpg);
  display:inline; }

#lang {
  position:absolute;
  top:240px;
  left:110px;
  width:350px;
  height:25px; }

#lang li { float:left; list-style:none; }

#lang li a {
  display:block;
  width:112px;
  height:0;
  padding:22px 0 0 0;
  overflow:hidden;
  margin:0 2px 5px 2px; }

#lang li#eng a { background:url(/images/eng.gif) no-repeat; }

#lang li#rus a { background:url(/images/rus.gif) no-repeat; }

#lang li#jpn a { background:url(/images/jpn.gif) no-repeat; }

#lang li#geo a { background:url(/images/geo.gif) no-repeat; }

#lang li#spa a { background:url(/images/spa.gif) no-repeat; }

#lang li#mon a { background:url(/images/mon.gif) no-repeat; }

#mainnav {
  position:absolute;
  top:320px;
  left:14px;
  width:960px;
  height:40px;
  clear:both;
  padding-left:15px; }

#mainnav ul { list-style:none; }

#mainnav li { float:left; }

#mainnav li a {
  padding:10px 14px 0px 14px;
  display:block;
  float:left;
  height:30px;
  color:#ff7;
  font:16px arial;
  font-weight:bold; }

#mainnav li a:hover { color:#fff; }



/*** structural divs ***/

#left {
  float:left;
  width:200px;
  margin-top:15px; }

#left ul { list-style:none; font:bold 14px arial; }

#left li { padding:5px; }

.leftbox {
  float:left;
  width:190px;
  margin-bottom:15px; }

.leftbox a { color:#007; }

#right {
  float:right;
  width:675px;
  padding:0 0 0 20px; }

.block, #proceed {
  width:640px;
  position:relative;
  margin:20px 10px 20px 5px; }

.block2 {
  width:640px;
  margin:20px 10px 20px 5px; }

#footer {
  width:100%;
  height:200px;
  background:url(/images/footer.jpg);
  color:#fff;
  clear:both; }

#footer a { color:#fff; text-decoration:underline; }

#footer a:hover { color:#ffa; }

.space { height:30px; visibility:hidden; }



/*** left box links ***/

#import { background:url(/images/import_h.gif); }

#stocklink a, #import a, #reg a, #motorcycle a, #wheels a, #bank a, #catalog a {
  display:block;
  width:190px;
  height:0;
  background:#add;
  padding-top:45px;
  overflow:hidden; }

#stocklink { background:url(/images/stocklisth.gif); }
#stocklink a { background:url(/images/stocklist.gif); }
#stocklink a:hover { background:url(/images/stocklisth.gif); }

#import { background:url(/images/importh.gif); }
#import a { background:url(/images/import.gif); }
#import a:hover { background:url(/images/importh.gif); }

#reg { background:url(/images/registerh.gif); }
#reg a { background:url(/images/register.gif); }
#reg a:hover { background:url(/images/registerh.gif); }

#wheels { background:url(/images/wheelsh.gif); }
#wheels a { background:url(/images/wheels.gif); }
#wheels a:hover { background:url(/images/wheelsh.gif); }

#motorcycle { background:url(/images/bikeformh.gif); }
#motorcycle a { background:url(/images/bikeform.gif); }
#motorcycle a:hover { background:url(/images/bikeformh.gif); }

#bank { background:url(/images/bankh.gif) no-repeat; }
#bank a { background:url(/images/bank.gif) no-repeat; }
#bank a:hover { background:url(/images/bankh.gif) no-repeat; }

#catalog { background:url(/images/catalogh.gif) no-repeat; }
#catalog a { background:url(/images/catalog.gif) no-repeat; }
#catalog a:hover { background:url(/images/catalogh.gif) no-repeat; }

#skype { background:url(/images/skyperh.jpg); }

#skype a {
  display:block;
  width:190px;
  height:0;
  padding-top:50px;
  background:url(/images/skyper.jpg);
  overflow:hidden; }

#skype a:hover { background:url(/images/skyperh.jpg); }

#auc { background:url(/images/webauch.jpg); }

#auc a, #auc_en a {
  display:block;
  width:190px;
  height:0;
  padding-top:90px;
  background:url(/images/webauc.jpg);
  overflow:hidden; }

#auc a:hover { background:url(/images/webauch.jpg); }

#auc_en { background:url(/images/webauc_enh.gif); }

#auc_en a { background:url(/images/webauc_en.gif); }

#auc_en a:hover { background:url(/images/webauc_enh.gif); }

div.time { text-align:center; font-weight:bold; }

#time {
  width:188px;
  border:1px solid #339;
  height:16px;
  padding:2px 0;
  background:#adf; }

#exchange {
  width:188px;
  height:130px;
  border:#999 1px solid;
  background:url(/images/socialbg.jpg) 0 25px; }

#exchanget {
  font-family:arial;
  background:url(/images/hd27.jpg) repeat-x;
  color:#;
  font-weight:bold;
  width:188px;
  height:27px;
  padding-top:2px; }

#exchangem { padding:6px 0 5px 0; text-align:center; }

#exchangem b { color:#01d; font-family:arial; }

.exchangeb {
  font-size:10px;
  line-height:12px;
  padding-top:2px; }

#todaysrate {
  margin:12px auto 15px auto;
  padding:7px 5px 3px 5px;
  height:24px;
  width:130px;
  background:url(/images/exrate.jpg) no-repeat;
  font:20px arial; }

#todaysrate b { color:#d00; }

ul#advantage {
  margin:20px 40px;
  font:14px arial;
  font-weight:bold;
  color:#006; }

ul#advantage li { margin:10px 0; }

/* Login Panel */

#loginpanel {
  width:188px;
  background:#eee;
  margin-bottom:15px;
  border:1px solid #999;
  font-size:11px; }

#login_info { width:168px; padding:5px 10px; }

#login_info form { text-align:center; margin:2px 0; color:#008; }

#login_info input.account { width:105px; margin:1px 0; }

#login_info input#login { width:100px; margin:3px; }

a#panellink1, a#panellink2 {
  display:block;
  width:80px;
  height:0px;
  padding-top:18px;
  overflow:hidden;
  float:left;
  margin:12px 0 0; }

a#panellink1 { background:url(/images/mypage.jpg); }

a#panellink1:hover { background:url(/images/mypage_h.jpg); }

a#panellink2 { margin-left: 8px; background:url(/images/logout.jpg); }

a#panellink2:hover { background:url(/images/logout_h.jpg); }

div.bar {
  height:21px;
  width:100%;
  background:url(/images/hd27.jpg);
  color:#006;
  padding-top:6px;
  text-indent:12px;
  font-weight:bold;
  position:relative; }

span.red { color:#F00; }



/* Wheel Page */
#wheeltop {
  background:url(/images/wheels.jpg) no-repeat;
  height:256px;
  margin:20px 10px;
  position:relative; }

#wheeltop p {
  color:#008;
  text-align:right;
  font-size:22px;
  font-weight:bold;
  line-height:32px;
  position:absolute;
  bottom:10px;
  right:-10px; }

#wheeltop ul {
  position:absolute;
  list-style-image: url(/images/checkmark.gif);
  top:20px;
  right:0px; }

#wheeltop ul li {
  margin:15px 0;
  font-size:16px;
  font-style:italic;
  font-family:times; }

span.red {
  color:800;
  font-weight:bold; }

#wheelbody {
  background:#eee;
  padding:5px 10px;
  width:653px;
  border:1px solid #ccc; }

img#wheel {
  margin:15px 0 15px 70px; }

#wheelbody ol {
  border:1px dotted #c33;
  width:560px;
  margin:20px 0 0 35px;
  background:#f8f8f8;
  font-size:14px; }

#wheelbody ol li { margin:20px 0 20px 35px; }

p.red { color:#c00; }

#wheel_s { margin:10px 0; }

#wheel_s p {
  text-align:center;
  font-size:14px;
  font-weight:bold;
  color:#008; }

img.wheel_s { width:215px; }


