/* Autotalli.com yleiset tyylit, Autotalli2 2006 projekti */

/* YLEISET TYYLIT */
body,html { width: 100%; height: 100%; }
body, div, th, td, pre, h1, h2, h3, form, fieldset, label, input.textfieldLogin, input.textfieldItemSearch, input.textfieldSearch, input.textfieldPageNumber, input.text350, input.text260, input.text214, input.text214, input.text164, input.text134, input.text116, input.text100, input.text60, input.text34, input.text24, textarea, select, option  {
margin: 0; padding: 0; font-family: arial,helvetica,verdana,sans-serif; font-size: 11px; color: #333333; text-decoration:none;}
body { background-color: #ffffff; text-align: center; margin: 0; padding: 0; }
td, th { vertical-align: top; }
.frame { border: 1px solid #666666; }

/* LINKIT JA MUUT FONTIT */

a:link { color: #cc0000; text-decoration: none; font-size: 11px; font-weight: normal; }
a:visited { color: #cc0000; text-decoration: none; font-size: 11px; font-weight: normal; }
a:visited:hover { color: #cc0000; text-decoration: underline; font-size: 11px; font-weight: normal; }
a:link:hover { color: #cc0000; text-decoration: underline; font-size: 11px; font-weight: normal; }
a:link:active { color: #cc0000; text-decoration: none; font-size: 11px; font-weight: normal; }
a.bold:link { color: #cc0000; text-decoration: none; font-size: 11px; font-weight: bold; }
a.bold:visited { color: #cc0000; text-decoration: none; font-size: 11px; font-weight: bold; }
a.bold:visited:hover { color: #cc0000; text-decoration: underline; font-size: 11px; font-weight: bold; }
a.bold:link:hover { color: #cc0000; text-decoration: underline; font-size: 11px; font-weight: bold; }
a.bold:link:active { color: #cc0000; text-decoration: none; font-size: 11px; font-weight: bold; }
a.white:link { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; cursor: hand; }
a.white:visited { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; cursor: hand; }
a.white:visited:hover { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: bold; cursor: hand; }
a.white:link:hover { color: #FFFFFF; text-decoration: underline; font-size: 11px; font-weight: bold; cursor: hand; }
a.white:link:active { color: #FFFFFF; text-decoration: none; font-size: 11px; font-weight: bold; cursor: hand; }



a.linkbar:link { font-family: arial,helvetica,verdana,sans-serif; color: #9d9fa1; text-decoration: none; font-size: 11px; font-weight: normal; }
a.linkbar:visited { font-family: arial,helvetica,verdana,sans-serif; color: #9d9fa1; text-decoration: none; font-size: 11px; font-weight: normal; }
a.linkbar:link:hover { font-family: arial,helvetica,verdana,sans-serif; color: #ff0000; text-decoration: none; font-size: 11px; font-weight: normal; }
a.linkbar:link:active { font-family: arial,helvetica,verdana,sans-serif; color: #9d9fa1; text-decoration: none; font-size: 11px; font-weight: normal; }


H1 { font-size: 20px; color: #333333; }
H1.title { font-size: 14px; color: #333333; padding-bottom: 8px;}
H1.white { font-size: 12px; color: #FFFFFF;  margin-left: 10px;}
H1 span {font-size: 12px; color: #FFFFFF; font-weight: bold;}

H2.title { font-size: 14px; color: #000000; }
H2.basic { font-size: 12px; color: #FFFFFF; margin:0; padding: 0 0 0 5px; float: left; }

H2 { font-size: 14px; color: #333333; }
H4 { font-size: 12px; font-weight: bold; color: #333333; }
.bold { font-weight: bold; font-size: 11px; }
.boldOptLeft { font-weight: bold; font-size: 11px; width: 177px; float:left;}
.boldOptRight { font-weight: bold; font-size: 11px; width: 65px; float:right;margin-left: 8px; text-align: right;}
.boldSmall { font-weight: bold; font-size: 10px; }
.small { font-size: 10px; font-weight: normal; }

.normalOptLeft { font-weight: normal; font-size: 11px; width: 177px; float:left;}
.normalOptRight { font-weight: normal; font-size: 11px; width: 65px; float:right;margin-left: 8px; text-align: right;}



/* Yleisi� lomakeelementtej�, kaikki ei v�ltt�m�tt� k�yt�ss� */
/*.button { cursor: pointer; padding:0 2px 0 2px; margin: 0; height: 16px; font: bold 11px Verdana, Arial, sans-serif; line-height: 11px; background-color: #c2c2c2; background:url("/static_images/autotalli-kuluttaja/v15/button_bg.png") repeat-x left top; 
color: #000; border: 1px solid #c2c2c2; }*/
INPUT.text350 { width: 346px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text260 { width: 256px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text214 { width: 210px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text164 { width: 160px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text134 { width: 130px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text116 { width: 112px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text100 { width: 96px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text60 { width: 56px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text34 { width: 30px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.text24 { width: 20px; border: 1px solid #9D9DA1; padding-left: 2px; }
SELECT.big { width: 214px; border: 1px solid #9D9DA1; padding-left: 2px; }
SELECT.normal { width: 164px; border: 1px solid #9D9DA1; padding-left: 2px; }
SELECT.small { width: 112px; border: 1px solid #9D9DA1; padding-left: 2px; }
INPUT.file {font-size: 12px; padding-left: 2px; }
TEXTAREA.bigwide { width: 256px; height: 75px; padding-left: 2px; }
TEXTAREA.big { width: 210px; height: 100px; padding-left: 2px; }
TEXTAREA.normal { width: 157px; height: 100px; padding-left: 2px; }
TEXTAREA.small { width: 157px; height: 75px; padding-left: 2px; }
TEXTAREA.small2 { width: 127px; height: 75px; padding-left: 2px; }
label { margin-bottom: 5px; }
select, textarea { overflow-y: auto; } /* muuten IE n�ytt�� aina vierityspalkin */
input.text150 {width: 150px; border: 1px solid #9D9DA1; padding-left: 2px;}

/* P��kehys ja yl�navi */
div#mainContainer { width: 960px; margin-left: auto; margin-right: auto; width: 960px; text-align: left; }
div#header { width: 960px; z-index: 0; }
div#headerbanneri { text-align: center; padding-top: 6px; }
div#headernavi { text-align: center; margin: 0; padding: 0; }
.navibutton { margin-top: 6px;	}
div#content { width: 960px; z-index: 0; }

/* Otsikot */
#headingBox { margin:0; padding: 0px 0px 0px 0px; border:none; border-collapse: collapse;}

/* Punainen otsikko matala*/
.redHeadingLow { overflow: hidden; width:100%; font-size: 12px; font-weight: bold; color: white; margin:0; padding: 0;}
.redHeadingLow ul {list-style-type: none; margin: 0; padding: 0; width:100%;}
.redHeadingLow li {float:left; }
.redHeadingLowMiddle span {margin:0; padding: 2px 0 0 5px; float: left;}
.redHeadingLowLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_left_red.png") no-repeat left top;}
.redHeadingLowMiddle {margin: 0;  float:left;  top: 0;  height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bg_red.png") repeat left top;}
.redHeadingLowRight { width: 7px;top: 0; float:left; display:inline;   height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_right_red.png") no-repeat left top;}

/* Punainen otsikko matala, footer*/
.botredHeadingLowMiddle span {margin:0; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.botredHeadingLowLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bot_left_red.gif") no-repeat left top;}
.botredHeadingLowMiddle {margin: 0; margin-top:0px;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bot_bg_red.gif") repeat left top;}
.botredHeadingLowRight {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bot_right_red.gif") no-repeat left top;}

/* Punainen otsikko */
.redHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.redHeadingSearch { overflow: hidden; width:500px; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.redHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.redHeading li {float:left; }
.redHeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.redHeadingLeft {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_red.png") no-repeat left top;}
.redHeadingMiddle {margin: 0;  float:left; height: 26px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_red.png") repeat left top;}
.redHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_red.png") no-repeat left top;}

.botredHeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.botredHeadingLeft {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_left_red.png") no-repeat left top;}
.botredHeadingMiddle {margin: 0;  float:left; height: 26px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_bg_red.png") repeat left top;}
.botredHeadingRight {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_right_red.png") no-repeat left top;}

/* Vihreä otsikko */
.greenHeadingLeft {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_green.gif") no-repeat left top;}
.greenHeadingMiddle {margin: 0;  float:left; height: 26px;  top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_green.gif") repeat left top;}
.greenHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_green.gif") no-repeat left top;}
.greenHeadingMiddle span {margin:0; margin-top:3px; margin-left: 5px; padding: 0 0 0 5px; float: left;}
.greenHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.greenHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.greenHeading li {float:left; }

/* Vihreä otsikko pieni */
.sgreenHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_s_left_green.gif") no-repeat left top;}
.sgreenHeadingMiddle {margin: 0;  float:left; height: 20px;  top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_s_bg_green.gif") repeat left top;}
.sgreenHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_s_right_green.gif") no-repeat left top;}
.sgreenHeadingMiddle span {margin:0; margin-top:3px; margin-left: 5px; padding: 0 0 0 5px; float: left;}
.sgreenHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.sgreenHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.sgreenHeading li {float:left; }



/* Vihreä otsikko matala */
.greenHeadingLow { overflow: hidden; width:100%; font-size: 12px; font-weight: bold; color: white; margin:0; padding: 0;}
.greenHeadingLow ul {list-style-type: none; margin: 0; padding: 0; width:100%;}
.greenHeadingLow li {float:left; }
.greenHeadingLowMiddle span {margin:0; padding: 2px 0 0 5px; float: left;}
.greenHeadingLowMiddle {margin: 0;  float:left; top: 0;  height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bg_green.png") repeat left top;}
.greenHeadingLowLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_left_green.png") no-repeat left top;}
.greenHeadingLowRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_right_green.png") no-repeat left top;}


.botgreenHeadingMiddle span {margin:0; padding: 3px 0 0 5px; float: left;}
.botgreenHeadingLeft {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_left_green.png") no-repeat left top;}
.botgreenHeadingMiddle {margin: 0;  float:left; height: 26px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_bg_green.png") repeat left top;}
.botgreenHeadingRight {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_right_green.png") no-repeat left top;}


.botgreenHeadingLowMiddle span {margin:0; margin: 0; margin-left:5px; padding: 3px 0 0 5px; float: left;}
.botgreenHeadingLowLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bot_left_green.gif") no-repeat left top;}
.botgreenHeadingLowMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bot_bg_green.gif") repeat left top;}
.botgreenHeadingLowRight {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bot_right_green.gif") no-repeat left top;}


/* Keltainen otsikko */
.yellowHeadingLeft {width: 7px; top: 0; float: left; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_yellow.gif") no-repeat left top;}
.yellowHeadingMiddle {margin: 0;  float:left; height: 26px;  top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_yellow.gif") repeat left top;}
.yellowHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 26px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_yellow.gif") no-repeat left top;}
.yellowHeadingMiddle span {margin:0; margin-top:3px; margin-left: 5px; padding: 0 0 0 5px; float: left;}
.yellowHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.yellowHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.yellowHeading li {float:left; }

/* Keltainen otsikko matala */
.yellowHeadingLow { overflow: hidden; width:100%; font-size: 12px; font-weight: bold; color: white; margin:0; padding: 0;}
.yellowHeadingLow ul {list-style-type: none; margin: 0; padding: 0; width:100%;}
.yellowHeadingLow li {float:left; }
.yellowHeadingLowMiddle span {margin:0; padding: 2px 0 0 5px; float: left;}
.yellowHeadingLowMiddle {margin: 0;  float:left; top: 0;  height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bg_yellow.png") repeat left top;}
.yellowHeadingLowLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_left_yellow.png") no-repeat left top;}
.yellowHeadingLowRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_right_yellow.png") no-repeat left top;}

/* Sininen otsikko */
.blueHeadingMiddle input {height: 10px;}
.blueHeadingMiddle span {margin:0;  margin-left:5px; padding: 2px 0 0 5px; float: left;}
.blueHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_blue.png") no-repeat left top;}
.blueHeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_blue.png") repeat left top;}
.blueHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_blue.png") no-repeat left top;}

.botblueHeadingMiddle span {margin:0; margin: 0; margin-left:5px; padding: 3px 0 0 5px; float: left;}
.botblueHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_left_blue.png") no-repeat left top;}
.botblueHeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_bg_blue.png") repeat left top;}
.botblueHeadingRight {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_right_blue.png") no-repeat left top;}

.sblueHeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.sblueHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_blue.png") no-repeat left top;}
.sblueHeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_blue.png") repeat left top;}
.sblueHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_blue.png") no-repeat left top;}


.blueHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.blueHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.blueHeading li {float:left; }


/* Tuullilasin sininen otsikko */
.tuulilasiHeadingLow { overflow: hidden; width:100%; font-size: 12px; font-weight: bold; color: white; margin:0; padding: 0;}
.tuulilasiHeadingLow ul {list-style-type: none; margin: 0; padding: 0; width:100%;}
.tuulilasiHeadingLow li {float:left; }
.tuulilasiHeadingLowMiddle span {margin:0; padding: 2px 0 0 5px; float: left;}
.tuulilasiHeadingLowMiddle {margin: 0;  float:left; top: 0;  height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_bg_blue_tuulilasi.png") repeat left top;}


/* Musta otsikko */
.blackHeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left; font-size: 12px; color: #FFFFFF; font-weight: bold;}
.blackHeadingMiddle {margin: 0; margin-top:3px;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_black.png") repeat left top;}
.blackHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_black.png") no-repeat left top;}
.blackHeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_black.png") repeat left top;}
.blackHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_black.png") no-repeat left top;}

.botblackHeadingMiddle span {margin:0; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.botblackHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_left_black.png") no-repeat left top;}
.botblackHeadingMiddle {margin: 0; margin-top:0px;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_bg_black.png") repeat left top;}
.botblackHeadingRight {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_right_black.png") no-repeat left top;}

.sblackHeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.sblackHeadingMiddle {margin: 0; margin-top:3px;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bg_black.png") repeat left top;}
.sblackHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_left_black_01.png") no-repeat left top;}
.sblackHeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_black.png") repeat left top;}
.sblackHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_right_black_01.png") no-repeat left top;}


/* Musta otsikko matala */
.blackHeadingLow { overflow: hidden; width:100%; font-size: 12px; font-weight: bold; color: white; margin:0; padding: 0;}
.blackHeadingLow ul {list-style-type: none; margin: 0; padding: 0; width:100%;}
.blackHeadingLow li {float:left; }
.blackHeadingLowMiddle span {margin:0; padding: 2px 0 0 5px; float: left;}
.blackHeadingLowMiddle {margin: 0;  float:left; top: 0;  height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_bg_black.png") repeat left top;}
.blackHeadingLowLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_left_black.png") no-repeat left top;}
.blackHeadingLowRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_middle_right_black.png") no-repeat left top;}


.blackHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.blackHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.blackHeading li {float:left; }


.sblackHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.sblackHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.sblackHeading li {float:left; }


/* Oranssi otsikko, omatalli */
.orange_02_HeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.orange_02_HeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_orange.png") no-repeat left top;}
.orange_02_HeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_orange.png") repeat left top;}
.orange_02_HeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_orange.png") no-repeat left top;}

.botorange_02_HeadingMiddle span {margin:0; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.botorange_02_HeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_left_orange.png") no-repeat left top;}
.botorange_02_HeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_bg_orange.png") repeat left top;}
.botorange_02_HeadingRight {width: 7px; top: 0; float: left; height: 20px;position:relative; background: url("/static_images/autotalli-kuluttaja/v15/box_bot_right_orange.png") no-repeat left top;}

.sorange_02_HeadingMiddle span {margin:0; margin-top:3px; margin-left:5px; padding: 0px 0 0 5px; float: left;}
.sorange_02_HeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_left_orange.png") no-repeat left top;}
.sorange_02_HeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_top_bg_orange.png") repeat left top;}
.sorange_02_HeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_top_right_orange.png") no-repeat left top;}


.orange_02_Heading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.orange_02_Heading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.orange_02_Heading li {float:left; }


/* orange */
.orangeHeadingLeft {width: 7px; top: 0; float: left; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_left_orange.png") no-repeat left top;}
.orangeHeadingMiddle {margin: 0;  float:left; height: 20px; top: 0; background: url("/static_images/autotalli-kuluttaja/v15/box_bg_orange.png") repeat left top;}
.orangeHeadingRight { width: 7px;top: 0; float:left; display:inline; height: 20px; background: url("/static_images/autotalli-kuluttaja/v15/box_right_orange.png") no-repeat left top;}

.orangeHeading { overflow: hidden; width:100%; font-size: 12px;  font-weight: bold; color: white; margin:0; padding: 0; }
.orangeHeading ul {list-style-type: none; margin: 0;padding: 0; width:100%;}
.orangeHeading li {float:left; }

/* uusien autojen vertailu */
.tab {margin:0; padding: 0px 0px 0px 0px; float:left;}
.tabitem { width: 150px; margin:3px; float:left;}
.tabitem3 { width: 220px; margin:3px; float:left;}
/* tuulilasi */

.tllinkul { margin: 0; padding: 0 7px 7px 7px; width:170px; }


/* ruksiruutu */

.tooltip { display: none; position: absolute; top:1em; left:1em; width: 150px; border:1px solid #333333; background:#ffffff; color:#333333; padding: 10px;}
.tooltipTop { display:none; position: absolute; bottom:1em; left:1em; width: 150px; border:1px solid #333333; background:#ffffff; color:#333333; padding: 10px;}
.tooltipWide { display: none; position: absolute; top:1em; left:1em; width: 300px; border:1px solid #333333; background:#ffffff; color:#333333; padding: 10px;}



/* Ylänavi */
.animatedtabs{
/*border-bottom: 1px solid gray;*/
overflow: hidden;
width: 100%;
font-size: 12px; /*font of menu text*/
padding: 7px 0 0 0;
font-family: arial,helvetica,verdana,sans-serif;
margin: 0;
margin-left: auto;
margin-right: auto;
}

.animatedtabs ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-left: 165px; /*offset of first tab relative to page left edge*/

}

.animatedtabs li{
float: left;
margin: 0;
padding: 0;
}

.animatedtabs .videoTab a{
width: 86px;
float: left;
/*position: relative;*/
top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url("/static_images/autotalli-kuluttaja/v15/top_navi_button_02.png") no-repeat left top;
margin: 0;
margin-right: 1px; /*Spacing between each tab*/
padding: 0 0 0 0;
text-decoration: none;

}

.animatedtabs .videoTab a span{
float: left;
/*position: relative;*/
display: block;
width: 100%;
background: url("/static_images/autotalli-kuluttaja/v15/top_navi_button_02.png") no-repeat right top;
padding: 5px 0px 3px 0; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: white;
text-decoration: none;
text-align: center;
}

.animatedtabs a{
width: 89px;
float: left;
/*position: relative;*/
top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: url("/static_images/autotalli-kuluttaja/v15/top_navi_button.png") no-repeat left top;
margin: 0;
margin-right: 1px; /*Spacing between each tab*/
padding: 0 0 0 0;
text-decoration: none;
cursor: pointer;
}

.animatedtabs a span{
width: 100%;
float: left;
/*position: relative;*/
display: block;
background: url("/static_images/autotalli-kuluttaja/v15/top_navi_button.png") no-repeat right top;
padding: 5px 0px 3px 0px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
font-weight: bold;
color: white;
text-decoration: none;
text-align: center;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.animatedtabs .normal a span {float:none; }
/* End IE5-Mac hack */


.animatedtabs .selected a{
background-position: 0% -125px;
top: 0px;
text-decoration: none;
}

.animatedtabs .selected a span{
background-position: 100% 3px;
padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
text-decoration: none;
text-align: center;
}

.animatedtabs a:hover{
background-position: 0% -125px;
top: 0;
text-decoration: none;
}

.animatedtabs a:hover span{
background-position: 100% 3px;
padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
top: 0;
text-decoration: none;
text-align: center;
}

/* IE6 hack */
*HTML div.topNaviBottom { margin-top: -5px; }

/* GRID: Vasenpalsta, sis�lt�, oikea palsta */
#grid { border-collapse: collapse; margin: 0; }
#grid td#leftCol { width: 155px; padding: 0; margin:0;}
td#rightCol { width: 626px; padding: 0; background-color: #ffffff; margin:0;}
td#farRightCol { width: 169px; padding: 0; margin: 0;}

/* Containers */
#contentContainer { float: left; width: 626px;  padding: 10px 0 10px 0; background-color: #ffffff;}
*HTML #contentContainer { margin-left: 0px; } /* IE bugfix, IE doubles left margin */
#contentContainer div { float: left; }

#imageliftContainer { float: left; width: 624px; padding: 7px 0px 0 0; margin: 0 0 0 0; background-color: #FFFFFF;border: 1px solid #9D9DA1;}
*HTML #imageliftContainer { margin-left:0px; background-color: #FFFFFF;} /* IE6 hack */
#imageliftContainer div { float: left; }
.imageliftContent {width: 580px; padding: 0 0 0 17px; background-color: #FFFFFF; }



/* Vasemman palstan sisältö */

/* Vasen navi */
.leftNaviItem { width:148px; border-left: 7px solid; border-color: #d2d3d5; margin: 1px 0 1px 0px;}
.leftNaviItem a:hover {display: block; width:148px; background-color: #f3f3f3; }
#activeLeft { color: #cc0000; }
a.leftNaviLink { margin: 0; padding: 0; }
a.leftNaviLink:link { font-family: arial,helvetica,verdana,sans-serif; color: #cc0000; text-decoration: none; font-size: 12px; font-weight: bold; }
a.leftNaviLink:visited { font-family: arial,helvetica,verdana,sans-serif; color: #cc0000; text-decoration: none; font-size: 12px; font-weight: bold; }
a.leftNaviLink:visited:hover { font-family: arial,helvetica,verdana,sans-serif; color: #333333; text-decoration: none; font-size: 12px; font-weight: bold;  }
a.leftNaviLink:link:hover { font-family: arial,helvetica,verdana,sans-serif; color: #333333; text-decoration: none; font-size: 12px; font-weight: bold;  }
a.leftNaviLink:link:active { font-family: arial,helvetica,verdana,sans-serif; color: #333333; text-decoration: none; font-size: 12px; font-weight: bold;  }

.leftMenuHr { font-size: 1px; height: 1px; width: 148px; padding: 0 0 0 0; margin: 0 0 0 0px; border-top: 1px solid #d2d3d5; clear: both;}
.listHr{ font-size: 1px; height: 1px; width: 614px; padding: 0 0 0 0; margin: 0 0 0 0px; border-top: 1px solid #c2c2c2; clear: both;}


/* Hannu */

div#basicContentTop { border-collapse: collapse; width: 382px; margin: 0; padding: 8px; border: 1px solid #c2c2c2; background-color: #FFFFFF;}

/*div#basicContentFront { border-collapse: collapse; width: 293px; margin-left: 10px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; border: 1px solid #c2c2c2; background-color: #FFFFFF;}*/
/*div#basicContentFrontNew { border-collapse: collapse; width: 293px; margin-left: 0px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; border: 1px solid #c2c2c2; background-color: #FFFFFF;}*/

.basicContentType { border-collapse: collapse; width: 590px; margin: 0; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; border: 1px solid #c2c2c2; background-color: #FFFFFF;}

.tuulilasi {width: 197px; background-color: #FFFFFF;  border: 1px solid #c2c2c2; margin: 0; padding:0;}

.in
{
  font-family: arial,helvetica,verdana,sans-serif;
  font-size:11px;
  font-weight:bold;
  background-color:#fff;
  /*border-color:#fff;*/
  border-style:inset;
  border-width:2px;
  color:#000; 
  height:10px;
  margin-top:0px;	
	}



/* Login */
#leftContent { padding: 0;margin:0; border: none; }
div#leftContent { border-collapse: collapse; width: 155px; margin: 0; padding-left: 0px; padding-top: 5px;}
div#leftContentTop { height: 65px; margin: 0; padding: 0 0 0 21px;  border: 1px solid #c2c2c2; border-top: none;}
div#ownGarageContent { width: 280px; margin: 0; padding: 7px;  border: 1px solid #c2c2c2; border-top: none;}
#leftContentInputDiv { margin: 0; padding: 1px 0 0 0; border: none;}
INPUT.textfieldLeftContent, INPUT.textfieldItemSearch { width: 113px; border: 1px solid #9D9DA1; font-family: arial,helvetica,verdana,sans-serif; color: #333333; text-decoration: none; font-size: 10px; font-weight: bold; }
INPUT#username { margin: 0; padding: 0; }
INPUT#passwd { margin: 0; padding: 0;}
/* Kohdenumerohaku */
#leftItemSearch { padding: 4px 0 0 6px; }
#itemSearchContainer { width: 155px; height: 71px; background-color: #0CE801; text-align: center; }
INPUT.textfieldItemSearch { margin-top: 22px; margin-bottom: 0; }
/*INPUT#itemSearchButton { margin-top: 12px; margin-left: 54px; }*/
/* Mainokset */
#leftAds { padding-top: 26px; }
.leftAd { margin-bottom: 6px; }

/* Navipolku */
#naviPath { float: left; width: 626px; background-color: #ffffff; }
#naviPath div { padding: 5px; }
#naviPath div a { font: 12px arial, helvetica, verdana, sans-serif; color: #333333; text-decoration: underline; }
#naviPath div a:hover { font: 12px arial, helvetica, verdana, sans-serif; color: #df0100; text-decoration: underline; }

/* Navipolku (vaihtoautojen kohdesivu-uudistus 2009) */
#usedItemNaviPath { float: left; width: 480px; background-color: #ffffff; }
#usedItemNaviPath div { padding: 5px; }
#usedItemNaviPath div a { font: 12px arial, helvetica, verdana, sans-serif; color: #333333; text-decoration: underline; }
#usedItemNaviPath div a:hover { font: 12px arial, helvetica, verdana, sans-serif; color: #df0100; text-decoration: underline; }

/* Ilmoitukset */
#messages { float: left; width: 626px; background-color: #ffffff; font-weight: bold; }
div.success { width: 612px; color: #05DD00; border: 2px solid #05DD00; font-size: 12px; font-weight: bold; padding: 5px; margin: 5px 0 5px 0; }
*HTML div.success { width: 626px; w\idth: 612px; } /* IE6 hack */
div.failed { width: 612px; color: #cc0033; border: 2px solid #cc0033; font-size: 12px; font-weight: bold; padding: 5px; margin: 5px 0 5px 0; }
*HTML div.failed { width: 626px; w\idth: 612px; } /* IE6 hack */
.failedColor { background-color: #cc0033; }
.failedText { color: #FFFFFF; font-weight: bold; }


/* Oikea banneri */
div#rightBanner { padding: 6px 0 0 6px; }

/* Alaosa ja alanavi */
div#footer { width: 946px; z-index: 0; padding-top: 30px; }
div#footerNavi { border-top: 1px solid #8b8b8b; text-align: center; }
div#footerNavi a { font: 11px Arial, sans-serif; color: #595959; margin-left: 4px; margin-right: 4px; text-decoration: none; }
div#footerNavi a:hover { font: 11px Arial, sans-serif; color: #df0100; margin-left: 4px; margin-right: 4px; text-decoration: underline; }
div#footerbanneri { padding: 11px 0 42px 0; }

/*#almafooter {float:left; background:#fff;margin:0; width:685px;}*/
#almafooter {float:left; background:#fff;margin:0; width:891px;}
#almafooter_list {float:left;}
#almafooter_list .almafooter_listbox a{text-decoration:none;color:#666666;font-weight:normal;}
#almafooter_list .almafooter_listbox a:hover{text-decoration:underline;}
.almafooter_listbox {width:900px; padding: 0 0 10px 0; margin-left:0px; float:left;}
#almafooter_logo {margin-top:15px;clear:top;float:right;background:url('../../../static_images/autotalli-kuluttaja/v15/almalogo.gif') 10px top no-repeat;width:100px;height:45px; position:relative;}
#almafooter_no_logo {margin-top:15px;clear:top;float:right;width:100px;height:45px; position:relative;}
#almafooter_logo a{display:block;width:100%;height:100%;}
#footer_top_line {float:left;background:url('../../../static_images/autotalli-kuluttaja/v15/katkolinja.gif') left top repeat-x; height: 5px; width:945px; margin-left:0px;margin-top:0px;}




.colOne { width: 626px; }
.colOne2 { width: 598px; }
.colOneContent { width: 598px; padding: 7px 7px 7px 7px; background-color: #ffffff; border: 1px solid #c2c2c2; }
.colOneContentX { width: 612px; padding: 7px 7px 7px 7px; background-color: #ffffff;}
.colOneContentY { width: 612px; padding: 7px 7px 7px 7px; background-color: #cccccc; }
.colOneContentZ { width: 598px; padding: 7px 7px 7px 7px; background-color: #cccccc; }
/**HTML .colOneContent { width: 599px; w\idth: 573px; border: 1px solid #c2c2c2; }*/
.colOneContent2 { width: 596px; padding: 7px 7px 7px 7px; background-color: #ffffff; border: 1px solid #c2c2c2; }
/**HTML .colOneContent2 { width: 606px; w\idth: 589px; }*/
.contentOne { width: 570px; }
.contentHalf { width: 280px; }
.contentHalf2 { width: 293px; }
.colHalf { width: 299px; }
.colHalfContent { width: 282px; padding: 10px 0 10px 17px; background-color: #ffffff; }
*HTML .colHalfContent { width: 299px; w\idth: 282px; } /* IE6 hack */
.colHalfContent2 { width: 289px; padding: 10px 0 10px 10px; background-color: #ffffff; }
*HTML .colHalfContent2 { width: 299px; w\idth: 289px; } /* IE6 hack */
.naviContent { width: 615px; padding: 7px 5px 7px 6px; background-color: #ffffff;  }
.greycontent{padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color: #ebebeb; width:616px;}
.greycontent_vertailu{padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px; background-color: #ebebeb; width:616px;}



/*
Hissitoiminnallisuuden edellyttämät tyylit
(jQuery Scroll Follow)
*/
.jQueryScrollFollow{
	/* Kaikki vaativat nämä kaksi */
	position:relative;
	z-index:1;
	/* Opera vaatii lisäksi tämän */
    top:0px;
}