* {padding: 0; margin: 0; border: none}
HTML {height: 100%}
BODY {min-height: 100%; height: 100%; /* F5CEC7 FDEFED  FFF7ED */ background: #FFF url('i/body_bg.png') 0 0 repeat-y; color: #636363; font: normal 11px Tahoma, Arial, serif}
TABLE {border-collapse: collapse}
TABLE TD {padding: 0}

BODY, HTML, #root {min-width: 830px}
#root {height: auto !important; min-height: 100%; height: 100%}

#left {float: left; width: 178px; margin: 0}
#content {clear: none; padding: 0 0 54px 0; margin: 0 0 0 178px; min-height: 650px}

#logo {padding: 5px 0 0 6px; height: 47px; background: #fff}
#sublogo {height: 29px; overflow: hidden; background: #A52B18}
#sublogo A IMG, #logo A IMG {border: none}
#logo, #sublogo {font: bold 180%/1.1em serif; letter-spacing: 10px}

#nav {min-height: 100px; padding: 0 0 19px 0; background: #444 url('i/listbottom.gif') left bottom no-repeat; border-bottom: 2px solid #fff; border-top: 2px solid #fff}

#nav UL, #nav UL LI {list-style: none; margin: 0; padding: 0}
#nav UL LI {min-height: 25px; vertical-align: middle; background: #5C5C5C url('i/listbg.gif') left top no-repeat; text-align: right}
#nav UL LI#selected {background: #5C5C5C url('i/listbg_selected.gif') left top no-repeat; text-align: left}
#nav LI A, #nav LI A:visited {padding: 1px 35px 0 0; display: block; text-decoration: none; font: bold 160% Tahoma; color: #fff}
#nav UL LI#selected A {padding: 0 0 0 26px}


#nav UL LI UL, #nav UL LI UL LI {background: #fff; list-style: none; display: block; padding: 0; margin: 0; width: 100%}
#nav UL LI UL LI {background: #fff; min-height: 10px}
#nav UL LI UL LI A {display: block; margin: 0; padding: 0 20px 0 0 !important; background: none; font: bold 13px/1.2em Tahoma, 'Arial Unicode MS' !important; color: #636363 !important}
#nav UL LI UL LI {background: url('i/lwarrow.png') 96% 7px no-repeat}
#nav UL LI UL {margin: 1px 0 0 0; color: #363636}

#left #nav .int0, #left #nav .int1, #left #nav .int2, #left #nav .int3, #left #nav .int4 {display: none}
#nav UL LI UL LI UL.int LI A, #nav UL LI UL LI UL.int1 LI A {padding: 0 50px 0 0 !important}
#nav UL LI UL LI UL.int2 LI A {color: #444 !important; padding: 0 37px 0 0 !important}
#nav UL LI UL LI UL.int3 LI A {color: #222 !important; padding: 0 50px 0 0 !important}
#nav UL LI UL LI UL.int4 LI A {color: #111 !important; padding: 0 65px 0 0 !important}
#nav UL LI UL LI UL.int LI, #nav UL LI UL LI UL.int1 LI {background: url('i/lwarrow.png') 79% 7px no-repeat}
#nav UL LI UL LI UL.int2 LI {background-position: 86% 7px}
#nav UL LI UL LI UL.int3 LI {background-position: 78% 7px}
#nav UL LI UL LI UL.int4 LI {background-position: 69% 7px}

#left #nav .int0, #left #nav .int1, #left #nav .int2, #left #nav .int3, #left #nav .int4 {display: none}
#nav UL LI UL LI A {border-right: 2px solid #808080}
#nav UL LI UL LI {border-bottom: 1px solid #808080}
#nav UL LI UL LI UL.int2, #nav UL LI UL LI UL.int3, #nav UL LI UL LI UL.int4 {margin: -1px 0 0 0}
#nav UL LI UL LI UL.int1 LI, #nav UL LI UL LI UL.int2 LI {border-bottom: none}

#left #nav A#iselected {color: #000 !important; padding-bottom: 2px !important; text-decoration: underline}

#left #nav #sel, #left #nav .sel, #left #nav #sel, #left #nav .sel UL LI, #left #nav .sel UL {background-color: #efefef !important}
#left #nav #selected UL {display: block}
#left #nav #selected LI UL, #left #nav #selected LI.sel UL LI UL {display: none}
#left #nav #selected LI.sel UL, #left #nav #selected LI.sel UL LI.sel UL {display: block}


#news {text-align: center; padding: 5px 0; min-height: 100px; background: #eee; color: #636363}
#news .head {border: 1px solid #AFAFAF; width: 90%; margin: 0 auto 5px auto; text-align: right; 
background: #F6F6F6 url('i/newshbg.gif') 95% 5px no-repeat; color: #636363; font: bold 160% Tahoma}
#news .head SPAN {display: block; padding: 0 25px 2px 2px}
#news .nitem {padding: 0 10px 7px 10px}
#news .nitem P, #address P {text-align: right; font: normal 11px/1.1em Tahoma}
#left P.date, .date {font: bold 11px/1.5em Tahoma; color: #A42914}
#news .nitem P A, #news .nitem P A:visited {font: normal 11px/1.5em Tahoma; color: #A42914}
#news .nitem DIV {padding: 0 0 7px 0; background: url('i/newsitbg.gif') bottom left repeat-x}
#news .head SPAN {display: block}

#address {padding: 5px 10px 5px 0; background: #DBDBDB}
#address HR {border-bottom: 1px solid gray; margin: 5px 0px}
#address DIV {padding: 10px 0 0 5px}
#address DIV.japan {background: url('i/japan_map.gif') 2px 0 no-repeat !important}
#address DIV.kobe {background: url('i/kobe_map.gif') 2px 0 no-repeat !important; padding-top: 5px !important;}
#address DIV.vlad {background: url('i/vlad_map.gif') 2px 60% no-repeat !important}
#address DIV.toyama {background: url('i/toyama_map.gif') 2px 0 no-repeat !important}
#address DIV.moscow {background: url('i/moscow_map.gif') 2px 55% no-repeat !important}

#address P {text-align: left; padding-left: 45px; line-height: 120%}
#address P.date {margin: 0 0 5px 0}

#head {background: #fff; color: #636363; min-height: 31px}
#head .hl {float: left; min-height: 31px; width: 355px}
#head .hl SPAN {display: block; font: bold 11px Tahoma, serif; padding: 8px 5px 0 2px}
#head .hr {width: 40%; min-width: 175px; text-align: right; float: right; padding: 5px 20px 0 0}
#head .hr UL {list-style: none; float: right}
#head .hr UL LI {float: left; display: inline; height: 17px; padding: 3px 0 0 0; background: url('i/headlistbg.gif') left top no-repeat}
#head .hr UL LI A {display: block; padding: 0 3px 0 5px; font: bold 11px Arial, serif; text-transform: uppercase; text-decoration: none; color: #b0b0b0}
#head .hr UL LI A#langselected {color: #000}
#head .hr UL LI A#langselected IMG {border: 1px solid #000 !important}

#head .hr UL LI A IMG {background: none; border: 1px solid #999; width: 20px; height: 13px; padding: 0; margin: 0 5px -4px 0}
#head .hr LI.first {background: none}

#contentlogo {position: relative; height: 100px; border-left: 2px solid #fff}
#contentlogo #truck {position: absolute; top: 0; right: 0}
#contentlogo DIV IMG {width: 100%; height: 100px}

#footer {position: relative; margin-top: -30px; height: 30px; clear: both; width: 100%; background: #A42914; color: #fff}
#footer DIV {position: absolute; top: 0; left: 0; padding: 7px 10px 0 10px; font: bold 10px Tahoma}

.index_button { text-decoration: none; cursor: hand;}

.howto IMG {margin: 5px 15px;}
.howto TABLE { margin: 12px 0px}
.howto H3 {font-size: 1.3em; border-bottom: 1px solid #B2B2B2; width: 50%}

.calc_t TD {margin: 6px; padding: 2px; background: #CCCCCC }
.s123 {float: left !important; margin: 5px; padding: 2px; background: #CCCCCC; font-size: 1.4em; font-weight: bold; border: outset 5px #B2B2B2; cursor: pointer}
.s234 {clear: both;}
.s234 H3 { margin: 10px 0px; font-size: 1.6em }
.s234 TABLE { width: 70%; }
.s234 TABLE TD {border: 1px solid #b2b2b2; padding: 2px; font-size: 1.4em}