/* 

Honda CSS Document: Main
********************************************
Copyright (C) Rain Allikvee 2007
********************************************

**********************
To do: Clean up code.
**********************

*/
HTML, BODY { height: 100%; padding: 0; margin: 0; text-align: center; background:#fff;}
BODY {font-size: 11px; color:#111111; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
html {overflow: -moz-scrollbars-vertical;}
BODY, INPUT, TEXTAREA, BUTTON, TH, TD { 
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; line-height:20px; color: #111111; }
:focus { outline: 0;}
table {	border-collapse: separate;	border-spacing: 0;}

input.radio {	background:#fff !important;}

SELECT { font-family: Verdana, sans-serif; }

A { color:#C7393A; text-decoration:underline; }
A:hover { color:#C7393A; text-decoration:none; }

img { border:0;}
p { margin:3px 0;}

.b { font-style:bold !important}
.n { font-style:normal !important}
.un { text-decoration:underline;}

.font11 { font-size:11px;}
.font12 { font-size:12px;}
.font14 { font-size:14px;}

.show { display:block;}
.hide { display:none;}

/* Fixes */
DIV.clear { line-height: 0px; font-size: 1px; clear: both; height: 1px; }
DIV.clear1 { line-height: 0px; font-size: 1px; clear: both; height: 1px; }
DIV.clear3 { line-height: 0px; font-size: 1px; clear: both; height: 3px; }
DIV.clear5 { line-height: 0px; font-size: 1px; clear: both; height: 5px; }
DIV.clear10 { line-height: 0px; font-size: 1px; clear: both; height: 10px; }
DIV.clear15 { line-height: 0px; font-size: 1px; clear: both; height: 15px; }
DIV.clear20 { line-height: 0px; font-size: 1px; clear: both; height: 20px; }
DIV.clear25 { line-height: 0px; font-size: 1px; clear: both; height: 25px; }
DIV.clear30 { line-height: 0px; font-size: 1px; clear: both; height: 30px; }

#cont { position:relative; margin:0 auto; padding:0; width:903px;text-align:left;}

#header { margin:0; padding:0; height:82px; border:0px solid #999999;}
#header .logo { width:260px; height:82px;}
#header .logo a { display:block; width:260px; height:82px; text-indent:-9999px; background:url(../gfx/logo.gif) no-repeat;}
#header .lang { position:absolute; top:3px; right:15px; color:#d9d9d9;}
#header #nav { position:absolute; top:48px; right:15px;}

#header .lang .space { padding:3px 3px;}
#header .lang a { color:#898989; text-decoration:none; margin:0; padding:3px 4px;}
#header .lang a:hover { color:#636363; text-decoration:underline;}
#header .lang a.act { color:#636363; font-weight:bold;}
#header .lang a.vordlus { background:#df3a3b; color:#fff;}
#header .lang a.vordlus:hover { color: #FDE3E4;}

.main-flash { margin:0; padding:0;}

#header h1 {margin:0 0 -.6em 0;padding:.5em 0 0 1em;font-size:1.5em;letter-spacing:.1em;}
#header h2 { margin:0 0 0 0; padding:1em 0 0 1.75em; font-size:.9em; font-weight:300;letter-spacing:.1em;}

#menu { margin:0 0 0 0; padding:0 0 0 0; background:url(../gfx/menu_bg.png) repeat-x; height:37px; }
#menu ul { margin:0; padding:9px 0 0 5px; list-style:none; float:left; color:#fff;font-size:13px;}
#menu li { margin:0; padding:0;display:inline;}
#menu li a {padding:0 7px; font-size:13px; font-weight:bold; color:#eccdcd; text-decoration:none;}
#menu li.act a {color:#fff; text-decoration:underline;}

#menu .menu-l { background:url(../gfx/menu_l.png) 0 0 no-repeat; height:37px; width:10px; float:left;}
#menu .menu-r { background:url(../gfx/menu_r.png) 100% 0 no-repeat; height:37px; width:10px; float:right;}

.main-models { margin:0 0 20px 0;  *overflow:hidden;}
.main-models td { text-align:center;}
.main-models a { color:#111; text-decoration:none; display:block; width:150px; position:relative !important;}
.main-models a:hover { color:#b73435;}
.main-models span { display:block; cursor:pointer}
.main-models .new { position:absolute; right:0; top:0}

.main-models span .newpng { display:block; _display:none;}
.main-models span .newgif { display:none; _display:block;}

.model-name { display:block; font-size:11px; line-height:12px; padding-bottom:3px;}
.main-models a.act .model-name {color:#CC0000; font-weight:bold;}
.models-list td a { padding-left:1px;}

#content { position:relative; *overflow:hidden;}

.models-list {margin:0 0 5px 0;  padding-top:20px; width:160px; vertical-align:top;}
.models-list .list {width:152px; padding:10px 0 0 0; background:#edede1 url(../gfx/model_top.png) left top no-repeat;}
.models-list .list-bottom { height:10px; background: url(../gfx/model_footer.png) left bottom no-repeat;}
.models-list .list-name { padding:0 3px 6px 3px; font:bold 14px/16px "Trebuchet MS",Tahoma; font-weight:bold; color:#da3d3e; text-align:center;}
.list-line { height:2px; margin:0; background: url(../gfx/model_line.png) repeat-x; font-size:1px; line-height:1px;}

.model-content { padding-top:20px; vertical-align:top; width:743px;}
.model-content2 { vertical-align:top; padding:20px 5px}

.lisavarustus { padding:20px;}
.lisavarustus input { margin:0 5px 0 5px; padding:0;  vertical-align:middle}
.lisavarustus label { vertical-align:middle; font-size:11px;}
.lisavarustus .on td, .lisavarustus .on th { background:#ece5e5; cursor:pointer;}

.scroll-tbl { overflow:hidden; overflow-y:scroll; height:300px; vertical-align:top;}


.myhonda-menu { padding:10px 0 5px 10px; width:150px;  vertical-align:top;}
.myhonda-menu th { font-size:14px; font-weight:bold; color:#da3d3e; padding:3px 0 0 0; text-align: left;}
.myhonda-menu .btn td { padding:15px 0; }
.myhonda-menu .btn a {font-size:14px; font-weight:bold; color:#da3d3e; text-decoration:none; border:1px solid #E19AA3; padding:3px 15px;}
.myhonda-menu .btn a:hover { border:1px solid #da3d3e; background:#fff; }

.myhonda-menu th a { color:#838384; text-decoration:none;}
.myhonda-menu th a:hover { text-decoration:underline;}
.myhonda-menu th a.act {color:#C7393A;}

.model-preview { text-align:left; padding-left:13px;}
.model-gallery { padding-bottom:20px}
.model-gallery a { padding:3px}
.model-colors { margin:50px 0 20px 0; width:355px;}
.model-colors div.color { position: relative;float:left; margin:3px; padding:0; width:65px; height:60px; text-align:center; cursor:pointer;}
.model-colors div.code { position:absolute; width:65px; padding-top:19px}

.model-text { width:315px; padding:0 40px 0 15px;}

.model-tbl-header td { font-size:13px; font-weight: bold; color:#C7393A; text-align:center; vertical-align:bottom; padding:0 0 3px 0; border-bottom:1px solid #be3637;}
.model-tbl-head { background:#f0dcdc; border-bottom:1px solid #debdbd; padding:3px 5px;}
.model-tbl-head img { padding-right:4px;}
.model-tbl-head a { font-size:13px; font-weight:bold; color:#000; text-decoration:none;}
.model-tbl-head a:hover {color:#C7393A;}
.model-tbl-head a.more {font-size:11px; color:#666666; font-weight:normal; text-decoration:underline; padding-left:5px}
.model-tbl-content th { border-right:1px solid #D8D8C0; border-bottom:1px solid #D8D8C0; padding:3px 2px 3px 18px; font-size:11px; text-align:left; font-weight:normal;}
.model-tbl-content td { border-bottom:1px solid #D8D8C0; border-right:1px solid #EDEFD6; padding:3px 4px 0 4px; font-size:11px; text-align:center}

.model-tbl-price th { font-size:13px; font-weight: bold; color:#C7393A; text-align:left; vertical-align:bottom; padding:2px 3px 5px 3px; border-bottom:1px solid #be3637; line-height:14px;}
.model-tbl-price td { font-size:11px; padding:6px 0 4px 3px; border-bottom:1px solid #D8D8C0;}
.model-tbl-price .gray { color:#838376; font-size:11px; font-weight:normal;}
.model-tbl-price .price { color:#000; font-size:14px; font-weight:bold;text-align:right; padding-right:10px;}
.model-tbl-price .leasing { color:#C7393A; font-size:14px; font-weight:bold; text-align:right; padding-right:10px;}
.model-tbl-price .center { text-align:center !important}
.model-tbl-price .right { text-align:right !important}
.model-tbl-price .price-name {font-size:12px; font-weight:bold;}

.bigtext {font-size:18px !important; font-weight:bold; padding-top:25px !important}

.varustus-tbl-content th { border-right:1px solid #D8D8C0; border-bottom:1px solid #D8D8C0; padding:3px 2px 3px 7px; font-size:12px; text-align:left; font-weight:normal;}
.varustus-tbl-content td { border-bottom:1px solid #D8D8C0; border-right:1px solid #EDEFD6; padding:3px 4px 3px 4px; font-size:11px;}

.varusustus { padding:7px 0 0 12px;}
.varusustus td { padding:0 5px; color:#666666}
.varusustus img { vertical-align:middle;}

.main-preview { float:left; width:533px; background:#e4e4d5 url(../gfx/main_preview_c.png) 0 0 repeat-x;}
.main-preview .preview-t { background:url(../gfx/main_preview_t.png) 0 0 no-repeat; height:10px; width:533px;}
.main-preview .preview-b { background:url(../gfx/main_preview_b.png) 0 100% no-repeat; height:10px; width:533px;}
.main-preview table { width:480px; margin:0 0 0 30px;}
.main-preview td { vertical-align:top;}

.main-previewflash { float:left; width:533px; background:#e4e4d5 url(../gfx/main_preview_c.png) 0 0 repeat-x;}
.main-previewflash .preview-t { background:url(../gfx/main_preview_t.png) 0 0 no-repeat; height:10px; width:533px;}
.main-previewflash .preview-b { background:url(../gfx/main_preview_b.png) 0 100% no-repeat; height:10px; width:533px;}
.main-previewflash table { width:480px; margin:0 0 0 30px;}
.main-previewflash td { text-align:center; padding-top:12px;}

.main-previewjpeg { float:left; width:533px;}

.main-video { float:left; width:533px; background:#ebebeb url(../gfx/video_bg.gif) 0 0 repeat-x;}
.main-video .inside { padding:30px 15px 20px 15px; text-align:center;}

.main-news { float:left; width:310px; margin:0 0 0 30px;}
.main-subject {color:#111;padding:3px 0; line-height:1.5em;}
.news-header { padding:2px 0;}
.news-header a { color:#111; font-weight:bold; text-decoration:none;}
.news-header a:hover { text-decoration: underline;}
.main-subject .readmore { font-size:10px;}

.reseller-map {padding:20px 15px 5px 10px; width:365px; vertical-align:top}
.reseller-content { padding-top:20px; text-align:left; vertical-align:top}
.reseller-map .map { position:relative;}
.reseller-box { width:220px; background:#edede1; padding:5px 10px; margin:5px 0;}

.reseller-balticmap {font-size:11px; line-height:16px; float:left; margin:0 15px 0 15px}
.reseller-balticmap img { padding:0 0 10px 0; }
.reseller-baltic { font-size:11px;  float:left; }
.reseller-baltic .f-head { padding:5px 0 5px 0}
.reseller-baltic .f-head a { font-size:14px; color:#af3233;text-decoration:none;} 

.news-archive {padding:20px 15px 5px 10px; width:365px; vertical-align:top}
.news-content {padding-top:20px; text-align:left;  vertical-align:top}

.news-archive th { padding:3px 0; font:12px; vertical-align:top; font-weight:normal;border-bottom:1px solid #D8D8C0;}
.news-archive td { padding:3px 2px; font:11px; vertical-align:top;border-bottom:1px solid #D8D8C0;}
.news-date { text-align:right; font-size:14px; font-weight:bold; padding:0 10px 10px 0;}

ol { margin:0;  list-style:disc;}

h1 { margin:5px 0 10px 0; padding:0; font:bold 22px/24px "Trebuchet MS",Tahoma; color:#CC0000;}
h2 { margin:5px 0 5px 0; padding:0; font:bold 14px/14px "Trebuchet MS",Tahoma; color:#CC0000;}
h3 { margin:7px 0 7px 0; padding:0; font:bold 14px/14px "Trebuchet MS",Tahoma; color:#000;}

h1 b { font-size:16px;}

#footer { position:relative; margin:20px 0 20px 0; padding:10px; border-top:5px solid #c7393a; color:#cc1500; font-size:12px; }
#footer a { color:#cc1500; text-decoration:none }
#footer a:hover { text-decoration:underline }
 .footer-who { font-size:16px; line-height:16px; }
 .footer-maillist { font-size:12px; padding:5px 0 0 17px}
 .footer-disclaimer {  font-size:12px; padding:0 0 5px 17px}
 .footer-banners { position:absolute; top:10px; right:10px; _right:7px; }
 .footer-banners a { margin-left:5px;}
 
#tabs { position:absolute; top:37px; right:0;  width:72%; line-height:normal; }
#tabs ul { float:right; margin:0; padding:10px 10px 0 50px; list-style:none;}
#tabs li { display:inline; margin:0; padding:0;}
#tabs a { float:left; margin:0; padding:0 0 0 4px; text-decoration:none; font-size:14px; font-weight:bold; }
#tabs a span {  float:left;display:block; padding:9px 10px 8px 10px; color:#838376; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span { color:#4c4c42; }
#tabs .act a span { color:#CC0000; background:url("../gfx/tabright.gif") 100% 0 no-repeat;}
#tabs .act a { background:url("../gfx/tableft.gif") 0 0 no-repeat;}

#tabs2 {line-height:normal; }
#tabs2 ul { margin:0; padding:0; list-style:none;}
#tabs2 li { display:inline; margin:0; padding:0;}
#tabs2 a { float:left; background:url("../gfx/tab2left.gif") no-repeat left top; margin:0; padding:0 0 0 2px; text-decoration:none;
  font-size:14px; font-weight:bold; }
#tabs2 a span {  float:left;display:block; background:url("../gfx/tab2right.gif") no-repeat right top; padding:9px 12px 8px 5px;
  color:#838376; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2 a span {float:none;}
/* End IE5-Mac hack */
#tabs2 a:hover { background-position:0% -42px; }
#tabs2 a:hover span {  background-position:100% -42px;}
#tabs2 .act a span { color:#2b2b28; background-position:100% -42px; }
#tabs2 .act a { background-position:0% -42px; }
.bottomline { border-top:2px solid #e8e8db;}

a.button { padding:2px 7px; color:#9e4546; text-decoration:none; background:#f0dede; border:1px solid; border-color:#f8efef #d49d9d #d49d9d #f8efef; white-space:nowrap;}
a.button:hover { color:#C7393A; }
a.button:active { color:#C7393A; border-color:#e5d4d4}

.btnclear { overflow: hidden;  width: 100%;}
a.btn01 { background: transparent url('../gfx/box_pre_r.png') no-repeat scroll top right; display: block; float: left; color:#b73535; font-size:18px; height: 50px; margin-right: 6px;  padding-right: 20px; text-decoration: none;}
a.btn01 span {background: transparent url('../gfx/box_pre_l.png') no-repeat; display: block; line-height: 14px; padding: 17px 0 20px 20px; }
a.btn01:hover { color: #000; outline: none;}

.btn02clear { overflow: hidden;  width: 100%;}
a.btn02 { background: transparent url('../gfx/box_pdf_r.png') no-repeat scroll top right; display: block; float: left; color:#b73535; font-size:18px; height: 50px; margin-right: 6px;  padding-right: 25px; text-decoration: none;}
a.btn02 span {background: transparent url('../gfx/box_pdf_l.png') no-repeat; display: block; line-height: 14px; padding: 17px 0 20px 67px; }
a.btn02:hover { color: #000; outline: none;}

.btn03clear { overflow: hidden;  width: 100%;}
a.btn03 { background: transparent url('../gfx/box_calc_r.gif') no-repeat scroll top right; display: block; float: right; color:#b73535; font-size:18px; height: 50px; margin-right: 12px;  padding-right: 25px; text-decoration: none;}
a.btn03 span {background: transparent url('../gfx/box_calc_l.gif') no-repeat; display: block; line-height: 14px; padding: 17px 0 20px 55px; }
a.btn03:hover { color: #000; outline: none;}

.btn04clear { overflow: hidden;  width: 100%;}
a.btn04 { background: transparent url('../gfx/box_calc_r.png') no-repeat scroll top right; display: block; float: right; color:#b73535; font-size:18px; height: 50px; margin-right: 12px;  padding-right: 25px; text-decoration: none;}
a.btn04 span {background: transparent url('../gfx/box_print_l.png') no-repeat; display: block; line-height: 14px; padding: 17px 0 20px 67px; }
a.btn04:hover { color: #000; outline: none;}

.btn05clear { overflow: hidden;  width: 100%;}
a.btn05 { background: transparent url('../gfx/box_pdf_r.gif') no-repeat scroll top right; display: block; float: left; color:#b73535; font-size:18px; height: 50px; margin-right: 6px;  padding-right: 25px; text-decoration: none;}
a.btn05 span {background: transparent url('../gfx/box_car_l.gif') no-repeat; display: block; line-height: 14px; padding: 17px 0 20px 67px; }
a.btn05:hover { color: #000; outline: none;}

/* Page Numbers */
.pages {  margin: 10px 0 0 0;  float: right;  font-size: 11px;}
.pages a, .pages span { display:block; float: left; padding: 2px 7px;margin-right: 1px; border:1px solid #fff; background: #fff;}
.pages span.current { border: 1px solid #d99797;font-weight: bold; background: #d99797; color: #fff;}
.pages a { border: 1px solid #D8D8C0; text-decoration: none;}
.pages a:hover { border-color: #d99797;}
.pages a.nextprev { font-weight: bold;}
.pages span.nextprev { color: #666;}
.pages span.nextprev { border: 1px solid #ddd; color: #999;}

.kysitlus-content {padding-top:20px; text-align:left; width:720px;}
.kysitlus-content input {padding-left:2px;	background:#fff url("../gfx/bg_input.gif") repeat-x top;}
.line {
  background:url(../gfx/line.gif);
	height:4px;
}
div.hr { margin:5px 0 15px 0; border-bottom:1px solid #dbdbdb }
div.hr hr { display: none; } 

div.error { padding:10px; color: #d9001e; font-weight:bold; font-size:14px; text-align:center}
th.error { color: #d9001e; border: 1px dashed #d9001e;}

#kysitlus {   padding:20px; }
#kysitlus table {  border:0;  padding:0;}
#kysitlus .tbl td {  line-height:16px;	padding:1px 5px;}
#kysitlus .tbl td i {  color: #ed1c24;}

#kysitlus .vorm th {  line-height:16px;	padding:1px 5px; font-weight:bold; text-align:left; font-size:14px}
#kysitlus .vorm td {  line-height:16px;	padding:1px 5px;}
#kysitlus .vorm td i {  color: #ed1c24;}

#kysitlus .info td {}
#kysitlus .info td B { color:#5ba001; font-weight:bold; padding:0 5px; font-size:18px}
#kysitlus .info td i {  color: #ed1c24; font-weight:bold; padding:0 5px; font-size:18px; font-style:normal}

DIV.btn-type1 { background: url(../gfx/i10.gif) 100% 0 no-repeat; float: left; padding-right: 2px; margin-left: 5px; }
DIV.btn-type1 DIV { background: url(../gfx/i09.gif) no-repeat; float: left; }
DIV.btn-type1 INPUT { font-size:11px; color: #414141; padding: 2px 8px 5px 12px; overflow: visible; cursor: pointer; border: 0px solid; background: transparent; vertical-align: top; }
* HTML DIV.btn-type1 INPUT { padding: 1px 8px 2px 12px; }

DIV.btn-type2 { background: url(../gfx/i10.gif) 100% 0 no-repeat; float: right; padding-right: 2px; margin-left: 5px; }
DIV.btn-type2 DIV { background: url(../gfx/i09.gif) no-repeat; float: left; }
DIV.btn-type2 INPUT { font-size:11px; color: #414141; padding: 2px 8px 5px 12px; overflow: visible; cursor: pointer; border: 0px solid; background: transparent; vertical-align: top; }
* HTML DIV.btn-type2 INPUT { padding: 1px 8px 2px 12px; }

.vorm-tbl th { font-weight:bold; font-size:14px; text-align:left; padding:2px 4px;}
.vorm-tbl td { padding:2px 4px;}
.vorm-tbl input { padding:1px 4px;}
.t2rn { color:#C7393A;}

.submitbtn {background:#FFFFFF; color:#D9001E; width:170px; font-size:14px;}

.techtbl th { border-right:1px solid #D8D8C0; border-bottom:1px solid #D8D8C0; padding:3px 2px 3px 18px; font-size:11px; text-align:left; font-weight:normal;}
.techtbl td {border-bottom:1px solid #D8D8C0; border-right:1px solid #EDEFD6; padding:3px 4px 0 4px; font-size:11px; text-align:center}

.techtbl .hrow td {font-size:13px; font-weight: bold; color:#C7393A; text-align:center; vertical-align:bottom; padding:0 4px 3px 4px; border-bottom:1px solid #be3637;  border-right:0px;}
.techtbl .hrow th {border-bottom:1px solid #be3637;  border-right:0px;}
.techtbl .catrow td { background:#f0dcdc; border-bottom:1px solid #debdbd; padding:3px 5px 2px 5px; text-align:left;}
.techtbl .catrow td img { padding-right:4px;}
.techtbl .catrow td a { font-size:13px; font-weight:bold; color:#000; text-decoration:none;}
.techtbl .catrow td a:hover {color:#C7393A;}
.techtbl .catrow td a.more {font-size:11px; color:#666666; font-weight:normal; text-decoration:underline; padding-left:5px}

.techtbl .hide { display:none;}
.techtbl .show {}

.pic { padding:7px 12px;}

/*
EURO
*/

.hinnad_eur {
font-size:11px;
line-height:14px;
font-weight:bold;
color:silver;
display:block;

font-style:italic;

padding:0;
margin:0;
	}
	
.hinnad_eur_suurem {
font-size:14px;
line-height:14px;
font-weight:bold;
color:silver;
display:block;

font-style:italic;

margin-top:-10px;

	}