/* Etuovi.com yleiset tyylit, ETUSIVU-UUDISTUS*/

/* COMMON STYLES */
html, body { width: 100%; height: 100%; }
body {
  margin:0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 11px;
}
#container {
  position:relative;
  margin: 0 auto;
  width: 980px;
  color: #333;
}
#container.wide {width: 1150px;} /* käytetään, kun vasemmalla sivupalstalla on mainos*/

a img {border:none;}
#linkbar a:link,
#linkbar a:visited,
#navi a:link,
#navi a:visited {text-decoration: none;font-weight:normal;}
#linkbar a:hover,
#navi a:hover {text-decoration:underline;}

p, div, th, td, pre, h1, h2, h3, form, fieldset, label, textarea, select, option {
  margin: 0;
  padding: 0;
  font-family: Arial,Helvetica,Verdana,sans-serif;
}

/* NL ASUNTOMARKKINAKATSAUS */
#NL_box_tilaa {width:65px;height:23px; margin: 0px; background:url('../images/amk_tilaa.gif') left top no-repeat;border:none;}

input.checkbox {padding-right: 4px;}

/* MAIN COLUMN*/
#main {position:relative;width: 803px;padding: 0 0 20px; top:27px; float:left;}
.wide #main {background-position:174px bottom; margin-left: 14px;} /* padding-left: 174px; */

/* HEADER */
#header {position:relative; width: 100%; height:71px; background: url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/logopalkki_2.gif') left top no-repeat;font-size: 1.4em;overflow:visible;z-index:100;}
#header a:link, #header a:visited {color: #fff;text-decoration:underline;font-size:1em;}
#header ul {list-style-type:none;margin:0; padding: 0;}
/*#header h1 {position:absolute; width: 164px; height:26px;left:20px; top: 22px;}
#header h1 span {display:none;}
#header h1 a {display:block;width: 100%; height: 100%;}*/
#header #sitename {position:absolute; width: 164px; height:26px;left:20px; top: 22px;}
#header #sitename span {display:none;}
#header #sitename a {display:block;width: 100%; height: 100%;}
#tagline {position:absolute;left: 222px; top:17px;color: #f7cf8f; font-size: 1.1em;line-height: 1.1em;white-space:nowrap;}
#eo_ohje {position:absolute;left:769px;top:19px;}
#omaetuovi {position:absolute;left: 204px;top: 44px;width: 599px;line-height: 27px;height: 27px;border:none;}
#omaetuovi a {font-weight: normal;}
#omaetuovi em a {font-style:normal;font-weight:bold;}
#omaetuovi_header a {font-weight: bold; }
#omaetuovi_header, #omaetuovi_login li {float:left;font-size: 0.8em;line-height: 27px;height: 27px;}
#omaetuovi_header {width:83px; padding-right:10px;height: 27px;text-align:right;}
#omaetuovi_login {position:relative;float:left;width:506px;height:27px;line-height:27px;overflow:visible;}
#omaetuovi_login li {padding-right: 5px; overflow:visible; color:#fff;}
/* #omaetuovi_login li a {padding-right: 10px;} */
#omaetuovi_login li.kirjautuneena {width: 250px;}
#omaetuovi_login li.last {padding:0; margin:0;width:110px; text-align:center;float:right;}
#omaetuovi_login input {position:relative;float:left;top:4px;}
#omaetuovi_login input.inputfield {width: 85px; padding: 2px;border: 1px solid #999;font-size: 0.9em; color: #333;margin:0;}
#omaetuovi_login input#login_remember.checkbox {margin:0 0 0 2px;padding:0;}
#omaetuovi_login label {display:block;float:left;padding-left:4px;}
#omaetuovi_kirjaudubutton {background-color: transparent; background-image: url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/button_kirjaudu.gif'); width: 86px; height: 19px; padding:0; border: 0;cursor:pointer;margin-left:5px;}

/* näitä ei otettukaan käyttöön. Javascriptillä hoidetaan fontin muutos
#header #omaetuovi_login strong a {text-decoration:none;color:#ffe79e;}
#header #omaetuovi_login strong {float:left;display:block;height: 29px;background: url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/kirjaudu_ylanuoli.gif') center 23px no-repeat;}
*/
#bg_palette {position:absolute; right:0; top: 3px;width: 128px; height: 16px;text-align:center;}
#bg_palette ul {position: relative;background: #000;line-height: 16px;height: 16px;background: #000;}
#bg_palette li {display:inline;margin: 0;line-height: 1em; height: 1em;}

/* NAVI */
#navi {float:left;width: 767px;padding: 10px 18px 0;font-size:1.2em;background: #fff url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/haive_navi.gif') top left no-repeat;}
#navi ul {position:relative;background:url('../../../static_images/etuovi-kuluttaja/v2/frontpage/bg_navi.gif') left bottom repeat-x;}
#navi ul, #navi li {margin:0;padding:0;list-style-type:none; height: 21px;}
#navi li {float:left;text-align:center;}
#navi li a {display:block;color: #333;font-size:1em;}
#navi li a:link, #navi li a:visited {float:left;border-bottom: 3px solid #ccc;}
#navi li a:hover {border-bottom-color: #333;text-decoration:none;cursor:pointer;}
#navi li span {display:block;margin-bottom: 2px;padding: 0 1px;}
#navi li.active a:link, #navi li.active a:visited {border-bottom-color: #333;}
#navi li.active a span{border-left: 1px solid #333;border-right: 1px solid #333;padding: 0px;}
#navi li.alt a:link,#navi li.alt a:visited {font-weight:bold;color:#903;}
#navi li.alt a:hover {border-bottom-color: #ccc;}
#navi_etusivu span {width: 100px;}
#navi_haku span {width: 92px;}
#navi_markkinapuntari span {width: 150px;}
#navi_oletkomyymassa span {width: 160px;}
#navi_yritykset span {width: 110px;}
#navi_blogi span {width: 92px;}
#navi_mediakortti span {width: 120px;}
#navi_sopimusasiakkaat {text-align:right;margin:-5px 0 10px;font-weight:bold;} /* Sopimusasiakkaat-linkki näkyy vain etusivulla */

/* CONTENT */
#contentArea {float:left;position:relative;background: #fff;padding: 1em 19px 1.5em 18px;width: 766px;}
*HTML #contentArea {float:left;position:relative;clear:both;background: #fff;padding: 1em 14px 1.5em 13px;width: 776px;}

/* FOOTER */
#footer {position:relative;clear:both;padding-bottom: 11px;background:url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/palsta_pyoristykset.gif') left bottom no-repeat;}
#footer ul {position:relative;width: 766px;margin:0;padding:5px 19px 15px 18px;background: #fff url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/copyrightpalkki.gif') 18px top no-repeat;}
#footer li {display:inline; margin: 0 0 0 10px;padding:0;}
#footer li#alma_link {position:absolute;left: 740px; top:0;}
#footer a:link,
#footer a:visited {text-decoration: none;color: #903;font-weight:normal;}
#footer a:hover {text-decoration:underline;}


/* ADS */
#panorama_top {position:relative; top: 25px;left:0; width: 803px; height:120px text-align: center;} /*width: 100%*/
#ads_col_right {position:relative; top: 23px; width: 160px; float:right;}
#ads_col_right_ip {position:absolute;top:145px; right:0px;width: 160px; padding-top: 50px;}
#ads_col_right_search {position:absolute;top:145px; right:0px;width: 160px;}
#ads_col_right div {}/*width: 100%;margin-bottom: 10px; otettu pois, kun rikkoi lainalaskurin -AH 1.12.2008 */
/* vasemman palstan mainokset */
#ads_col_left {clear:none;position:relative;top:21px; left:0px;width: 160px; float:left;}
#ads_col_left div {width: 100%;height: 600px;margin-bottom: 10px;}
#ads_kolmiomainos {position:fixed;left:0;top:0; width: 140px;height:140px; z-index:1000;overflow:visible;}
* html #ads_kolmiomainos {position:absolute;} /* IE6: laitetaan absolute koska ei tue fixed */

/* LINKBAR */
#linkbar { position:absolute;left:0;top:0;width: 100%; height: 19px;background: url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/tausta_linkbar.gif') left top no-repeat; }
#linkbar a, #linkbar a:link, #link_bar a:visited {color: #fff;}
#linkbar ul, #linkbar li {list-style-type:none;font-size: 1em;line-height: 1em;}
#linkbar ul {margin:3px auto 0;padding:0;text-align:center;}
#linkbar li {display:inline;margin-right: 10px;padding: 0 10px 0 0;border-right: 1px solid #fff;height: 1em; line-height: 1em;}
#linkbar li.last {border-right: none; padding-right: 0; margin-right: 0;}
.wide #linkbar {background-image: url('http://kuluttaja.etuovi.com/static_images/etuovi-kuluttaja/v2/frontpage/tausta_linkbar_wide.gif');}

/* -----------------------------------------------------------------------------------------------------------  */
/* 	Kohdesivulle ei ladata enää page_stylee.css tiedostoa. 														*/
/*	Tähän on siirretty page_styles.css tiedostosta tyylejä, jotka täytyy näkyä myös kohdesivuilla. -AH 			*/
/* -----------------------------------------------------------------------------------------------------------  */

/* NAVIPATH */
#navipath {  float: left; width: 68%; margin-top: 2px; font-size: 11px; font-weight: bold; }
#navipath h1 { display: inline; font-size: 11px; font-weight: bold; color: #B50033;}
#navipath a { font-size: 11px; font-weight: bold; text-decoration: underline; color: #B50033; }
#navi_arrow {font-family:Verdana; color: #B50033;}

/* ITEMPAGER */
div#itemPager {float: right; width: 30%; text-align: right; padding:2px 0 0 0;}
div#itemPager a {font-weight:bold;}

/* kiinteistösivu layout mainostaulukolle jossa näkyy muita uudistuotantokohteita */
div#another_nb_items_base {padding-top:5px; float: left; width: 159px; overflow:hidden;}
div#another_nb_items_header {font-size:12px; padding: 5px 7px 5px 7px; background-color: #CE7716; color: #FFFCF5; text-align: left; margin-bottom: 0; }
div#another_nb_items_header span {font-size:12px; }
div#another_nb_items_container { border: 1px solid #CE7716;}
div#another_nb_items_row {padding:5px; background-color: #FFFFFF; border-bottom: 1px solid #CCCCCC; margin: 0;}

/* (VIRHE)ILMOITUKSET */
tr.oddrow { background-color: #EEEEEE; }
tr.evenrow { background-color: #FFFFFF; }
tr.row { background-color: #DEDEDE; }
div.success { float: left; width: 50%; color: #009900; border: 2px solid #009900; font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; padding: 5px; padding-left: 10px; }
div.failed { float: left; width: 50%; color: #cc0033; border: 2px solid #cc0033; font-size: 12px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; padding: 5px; padding-left: 10px; }
div.info_box {text-align:left; font-weight: bold; font-size: 12px; background: #f7ebbb;border: 2px solid #c03; padding: 5px;margin-bottom: 0; width:496px; float:left; clear: both;}
.failedColor { background-color: #cc0033; }
.failedText { color: #FFFFFF; font-weight: bold; }
.clickandcall { float:left; padding-top:7px; }