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

/* COMMON STYLES */
html, body { width: 100%; height: 100%; }
body {
  position:relative;
  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; 
}  
  
input.checkbox {padding-right: 4px;}

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

/* HEADER */
#header {position:relative; width: 100%; height:67px; background: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/logopalkki.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;} 
#omaetuovi {position:absolute;left: 204px;top: 44px;width: 599px;height: 23px;border:none;}
#omaetuovi a {font-weight: normal;}
#omaetuovi h2 a {font-weight: bold; }
#omaetuovi h2, #omaetuovi_login li {float:left;font-size: 0.8em;}
#omaetuovi h2 {float:left;width:100px; height: 22px;text-align:center;}
#omaetuovi h2, #omaetuovi li {line-height: 22px;height: 22px;}
#omaetuovi_login ul {width:371px;overflow:visible;}
#omaetuovi_login li {margin-left: 10px; overflow:visible; color:#fff;}
/* #omaetuovi_login li a {padding-right: 10px;} */
#omaetuovi_login li.first {width: 88px;}
#omaetuovi_login li.kirjautuneena {width: 250px;}
#omaetuovi_login li.separator span {border-right: 1px solid #fff;}
#omaetuovi_login li.last a {padding-right:0; border-right:none;}
#omaetuovi_login em {font-style: normal;font-weight: bold;}
/* 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('../../../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;}

/* OMAETUOVI LOGIN*/
#login {font-size: 1.1em; display:none; float: left;overflow:hidden} /* PIILOTA OMAETUOVI LOGIN: display:none; */
#login a:link, #login a:visited {color: #fff;text-decoration:underline;}
#login fieldset {/*position:relative;*/ float:left; clear:none; width:765px; height:66px; border:none; background: #454546 url('../../../static_images/etuovi-kuluttaja/v2/frontpage/taustahaive_kirj.gif') repeat-x left bottom; padding: 0 19px 0; color:#fff; overflow:hidden;}
#login #login_top_arrow {padding-left: 335px; margin-bottom: 6px;}
#login p {float:left; width:425px;margin-right: 10px;margin-top: 3px;line-height: 18px;}
#login ul, #login li {position:relative;list-style-type:none;margin:0;padding:0;line-height: 1em;}
#login ul {float:left; clear:none;overflow:hidden;padding:0;}
#login li {height: 21px;line-height: 21px;}
#login_submit {width:86px; height: 21px;border:none;padding:0;margin:0;}
ul#login_input {width: 92px;margin-right: 10px;}
ul#login_buttons {width: 92px;}
ul#login_altlinks {width: 130px;float:right;text-align:right;}
#login input.inputfield {width: 85px; height: 14px; padding-left: 2px;border: 1px solid #999;font-size: 0.9em; color: #333;margin:0;}
#login_kirjaudubutton {background-color: #666; background-image: url('../../../static_images/etuovi-kuluttaja/v2/frontpage/kirjaudu_painike.gif'); width: 86px; height: 21px; padding:0; border: 0;}

/* NAVI VANHA 
#navi {float:left;clear:both;width: 767px;padding: 10px 18px 0;font-size:1.2em;background: #fff url('../../../static_images/etuovi-kuluttaja/v2/frontpage/haive_navi.gif') top left no-repeat;}
#navi ul, #navi li {margin:0;padding:0;list-style-type:none;}
#navi li {float:left;}
#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;}
#navi li span {display:block;margin-bottom: 2px;padding: 0 14px;}
#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;}
#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 */
#navi {float:left;clear:both;width: 767px;padding: 10px 18px 0;font-size:1.2em;background: #fff url('../../../static_images/etuovi-kuluttaja/v2/frontpage/haive_navi.gif') top left no-repeat;}
/*#navi ul {width: 766px;}*/
#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: 75px;}
#navi_haku span {width: 65px;}
#navi_lehti span {width: 65px;}
#navi_markkinapuntari span {width: 130px;}
#navi_yritykset span {width: 90px;}
#navi_mediakortti span {width: 100px;}
#navi_ohjeet span {width: 75px;}
#navi_sopimusasiakkaat span {width: 150px;text-align:right;}
#navi li#navi_sopimusasiakkaat a {display:inline;} 

/* CONTENT */
#contentArea {float:left;position:relative;clear:both;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('../../../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('../../../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:absolute; top: 25px;left:0; width: 803px; height: 120px; text-align: center;} /*width: 100%*/
#ads_col_right {position:absolute;top:145px; right:0px;width: 160px;}
#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 {position:absolute;top:145px; left:0px;width: 160px;}
#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('../../../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('../../../static_images/etuovi-kuluttaja/v2/frontpage/tausta_linkbar_wide.gif');}