/*** METSÄPOLKU CSS ***/
html, body {margin:0; padding:0; text-align:center; background:#dce0e3; font-family:Arial;font-size:15px;}
/*** GENERAL ***/
form {margin:0;}
img { border: 0; padding: 0; margin: 0; }
.hide { display: none; }
.spacer {position:relative; clear:both; height:1px; margin:0; overflow:hidden;}
/*** CONTAINER ***/
#container { margin:0 auto; width: 851px; text-align:left; border:4px solid #FFF; padding:0 0 90px 0;background:#FFF url(/content/template_kuvat/content_bg.jpg) bottom left no-repeat;;}
/*** HEADER INC. SEARCHBAR ***/
#header{width:851px;height:70px; background: url(/content/template_kuvat/header_logo.jpg) top left no-repeat;}
#searchfield {width:160px;border-width:1px;border-color:#dcdcdc;margin-top:5px;}
#hae{padding-bottom:10px;}
* html body #hae {padding:0}
#searchbox {float:right; padding:0;margin-top:40px;}
#searchlabel {font-size:11px;font-weight:bold;color:#774183;padding-right:5px;}
/*** NAVIGATION BAR ***/
#navi {font-size:14px;position:relative; margin:0; line-height:12px; width:851px; padding:9px 0px 6px 0px; background:#edf9f9;}
#navi a {color:#81488f; font-weight:bold; text-decoration:none; padding:0 0 0 6px;}
#navi a:hover {text-decoration:underline;}
#navi a:active { text-decoration:underline;}
#navi a.selected { text-decoration:underline;}
/*** BANNER CONTAINER + NOSTOT ***/
#banner_container {width:851px;margin:0;padding:0;height:149px;border-top:4px solid #FFF;border-bottom:4px solid #FFF;}
#vasen_nosto {padding:0;margin:0;float:left;height:149px;width:202px;background:#784184;}
#vasen_nosto img { border: 0; padding: 0; margin: 0; display:block; }
#keski_nosto {padding:0;margin:0;float:left;height:149px;width:439px;border-left:4px solid #FFF;border-right:4px solid #FFF;}
#keski_nosto img { border: 0; padding: 0; margin: 0; display:block;}
#oikea_nosto {margin:0;padding:0;float:left;height:149px;width:202px;background:#86d1cc;}
#oikea_nosto h1,h2,h3 {font-size:15px;color:#FFF;padding:6px 6px 2px 6px;margin:0;}
#oikea_nosto hr {width:100%;height:1px;color:#bdeded;margin:0;padding:0;}
#oikea_nosto p {font-size:11px;color:#FFF;padding:1px 6px 6px 6px;margin:0;}
#oikea_nosto a {text-decoration:none;font-weight:bold;color:#FFF;}
#oikea_nosto a:hover {text-decoration:underline;}
/*** THREE STRIPES ***/
#viivat {padding:0;margin:0;width:851px;height:18px;background: url(/content/template_kuvat/viivatb.jpg) top left no-repeat;}
/*** TWO STRIPES ***/
#kaksi_viivaa {padding:0;margin:0;width:851px;height:18px;background: url(/content/template_kuvat/2_viivaab.jpg) top left no-repeat;}
/*** CONTENT CONTAINER ***/
#content_container {width:851px;margin:0;background:#FFF;}
/*** LEFT COLUMN (BOTH LAYOUTS) ***/
#left_column {width:202px;float:left;margin:0;padding:0;min-height:360px;}
* html body #left_column {height:360px;} /* IE FIX */
#left_column a img {margin:4px 0 0 0;padding:0; border:none; display:block;}
/*** CENTER COLUMN (3 COLUMN LAYOUT) ***/
#center_column {width:439px;float:left;margin:0;padding:0;min-height:360px;border-left:4px solid #FFF;border-right:4px solid #FFF;}
* html body #center_column {height:360px;} /* IE FIX */
.normal {margin:0 12px;padding:0;border:none;}
.float {margin:0 12px 0 12px;padding:0;border:none;float:right;display:block !important;}
#center_column h2.etusivu {margin: 0; padding: 0 0 0 6px; line-height: 23px; background: #BFEBE8;font-size:15px;color:#000;border-top: solid 1px #79D5C8;border-bottom: solid 1px #79D5C8;}
#center_column h2 {margin:10px 12px 5px 12px;padding:0;font-size:15px;font-weight:bold;color:#774183;}
#center_column h3 {margin:10px 12px -6px 12px;;padding:0;font-size:15px;font-weight:bold;color:#774183;line-height:11px;}
#center_column p {margin:7px 20px 10px 12px;padding:0;font-size:15px;color:#000;line-height:19px;}
#center_column a {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#center_column a:hover {text-decoration:underline;}
.hakukriteeri {font-weight:bold;color:#774183;}
/*** FAQ LISÄYS ***/
#faq a {color:#000;}
#faq a:link, #faq a:visited {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#faq a:hover {text-decoration:underline;}
/*** RIGHT COLUMN (3 COLUMN LAYOUT)***/
#right_column {width:202px;float:left;margin:0;padding:0;min-height:360px;}
* html body #right_column {height:360px;} /* IE FIX */
/*** BIG RIGHT COLUMN (2 COLUMN LAYOUT) ***/
#big_column {width:600px;float:left;margin:0;margin:0 12px 0 12px;min-height:360px;}
* html body #big_column {height:360px;} /* IE FIX */
#big_column h2 {margin:10px 0 5px 0;padding:0;font-size:15px;font-weight:bold;color:#774183;}
#big_column h3 {margin:10px 0 -4px 0;padding:0;font-size:15px;font-weight:bold;color:#774183;line-height:11px;}
#big_column p {margin:7px 0 10px 0;padding:0;font-size:15px;color:#000;line-height:18px;}
#big_column a {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#big_column a:hover {text-decoration:underline;}
/*** SIDE NAVIGATION ***/
#navcontainer { margin: 0; width:202px;}
#navcontainer h2 {margin: 0; padding: 0 0 0 6px; line-height: 23px; background: #BFEBE8;font-size:15px;color:#000;border-top: solid 1px #79D5C8;border-bottom: solid 1px #79D5C8;}
#navcontainer ul {margin: 0; padding: 0;list-style-type: none; font-family:Arial; font-size:15px;background-image: url(/content/template_kuvat/arrow.gif);background-repeat: no-repeat;}
#navcontainer li { margin: 0; }
#navcontainer ul li a {display: block;padding: 5px 5px 5px 12px;width: 185px;color: #000;background-color: #def4f2;text-decoration: none;background-image: url(/content/template_kuvat/arrow.gif);background-repeat: no-repeat;border-bottom: solid 1px #79D5C8;}
#navcontainer ul li a:hover{text-decoration:none; color:#7B50A3}
#navcontainer ul li a.selected {text-decoration:underline; color:#7B50A3}
* html body #navcontainer ul a {width:185px;}
#navcontainer ul ul li { margin: 0; }
#navcontainer ul ul a {display: block;padding: 5px 5px 5px 16px;width: 181px;color: #000;background-color: #F3FBFB; text-decoration: none;font-weight: normal; background-image: url(/content/template_kuvat/arrow2.gif);background-repeat: no-repeat; border:none;}
* html body #navcontainer ul ul a {width: 181px; }
#navcontainer ul ul a:hover {text-decoration:none; color:#7B50A3}
#navcontainer ul ul ul li { margin: 0; }
#navcontainer ul ul ul a {display: block;padding: 5px 5px 5px 22px;width: 175px;color: #000;background-color: #F3FBFB;text-decoration: none;font-weight: normal; background-image: url(/content/template_kuvat/arrow3.gif);background-repeat: no-repeat; font-size:13px;}
* html body #navcontainer ul ul ul a {width: 175px; }
#navcontainer ul ul ul a:hover {text-decoration:none; color:#7B50A3 }
/*** LISTAUS ***/
#listaus {margin: 0 12px 0 12px; padding:0;}
#listaus a { margin: 0; padding: 0; color: #000; font-size:15px; text-decoration:none;display:inline;}
#listaus a:hover { text-decoration:none; color:#7B50A3; }
#listaus a.selected {text-decoration:underline; color:#7B50A3;}
#listaus li { margin: 0; padding: 0 0 0 6px; line-height: 23px; background: #def4f2; list-style:none; border-top: solid 1px #79D5C8;}
#listaus li ul { margin: 0 0 0 -6px; padding: 0; border-top: solid 1px #79D5C8;}
#listaus li ul li { margin: 0; padding: 2px 0 5px 7px; line-height: 17px; border: none; background: #FFF left top no-repeat; list-style: none; }
#listaus li ul li a {padding: 0 0 0 -10px;font-weight:normal; }
#listaus li ul li ul {border:none;}
#listaus li ul li ul li { list-style: none; margin: 0; padding: 0 0 0 20px; background: #FAFEFD left top no-repeat; line-height: 20px; border: none;list-style: none;}
#listaus li ul li ul li a {font-size:11px; }
/*** BREADCRUMBS ***/
#bread { margin: 5px 10px 10px 12px; padding: 0; }
#bread a {color:#000; text-decoration:none; margin:0;font-weight:normal;font-size:15px;}
#bread a:hover {text-decoration:underline;}
/*** OSTOSKORI ***/
#ostoskori {min-height:131px;width:202px;background:#eff9f8;border-bottom:4px solid #FFF;}
* html body #ostoskori {height:131px;} /* IE FIX */
#ostoskori h2 {margin: 0; padding: 0 0 0 6px; line-height: 23px; background: #BFEBE8;font-size:13px;color:#000;border-top: solid 1px #79D5C8;border-bottom: solid 1px #79D5C8;}
#ostoskori p {margin:10px 5px 0 8px;padding:0;font-size:15px;color:#774183;}
#ostoskori a {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#ostoskori a:hover {text-decoration:underline;}
/*** VERTAILUBOXI ***/
#vertaa {min-height:111px;width:202px;}
* html body #vertaa {height:111px;} /* IE FIX */
#vertaa h2 {margin: 0; padding: 0 0 0 6px; line-height: 23px; background: #BFEBE8;font-size:13px;color:#000;border-top: solid 1px #79D5C8;border-bottom: solid 1px #79D5C8;}
#vertaa table {padding:0;margin:0;border-collapse: collapse }
#vertaa table a {margin:0;padding:0;text-decoration:none; color:#774183;line-height:13px;}
#vertaa table a:hover {text-decoration:underline;}
#vertaa table tr td {border-bottom:1px solid #79D5C8; }
#vertaa table td.td_tuote {width:160px;padding-left:7px;}
#vertaa p {margin:5px 5px 0 8px;padding:0;font-size:13px;color:#774183; line-height:15px;}
#vertaa a {margin:0;padding:0;text-decoration:none; font-weight:normal;color:#774183;font-size:13px;}
#vertaa a:hover {text-decoration:underline;}
#vertaa .bold {font-weight:bold;}
/*** TUOTERYHMÄ TABLE ***/
#tuotteet table {margin:10px 12px 5px 12px;padding:0; vertical-align:top; border-collapse:collapse;border:1px solid #79D5C8; background: White}
#tuotteet table td {border:1px solid #79D5C8;font-size:15px; font-weight:normal;vertical-align:top;padding:3px 5px;}
#tuotteet table td.table_header{font-size:14px;font-weight:bold;color:#774183;}
#tuotteet table a {margin:0;padding:0;text-decoration:none; font-size:14px;font-weight:normal;color:#774183;line-height:18px;}
#tuotteet table a:hover {text-decoration:underline;}
#tuotteet table img {padding:0;margin:0;border:none;}
#tuotteet table input {padding:0;margin:0;border:none;}
#tuotteet a {margin:0;padding:0 0 0 315px;text-decoration:none; font-weight:bold;color:#774183;font-size:11px;}
#tuotteet a:hover {text-decoration:underline;}
/*** VERTAILU TABLE ***/
#vertailu table {margin:10px 5px 5px 5px;padding:0; vertical-align:top; border-collapse:collapse; border:1px solid #cccccc;}
#vertailu table img {margin:0;border:none;}
#vertailu table tr td {width:120px; border-bottom:1px dotted #C5C5C5;border-right:1px dotted #C5C5C5;font-size:15px; font-weight:normal;padding:4px 6px;}
#vertailu table td.table_header{font-size:15px;font-weight:bold;color:#774183;}
#vertailu table a {margin:0;padding:0;text-decoration:none; font-size:15px;font-weight:normal;color:#774183;}
#vertailu table a:hover {text-decoration:underline;}
#vertailu a {margin:0;padding:0 0 0 445px;text-decoration:none; font-weight:bold;color:#774183;font-size:15px;}
#vertailu a:hover {text-decoration:underline;}
/*** VASTAUS ALUE ***/
#vastaus p {margin:7px 20px 0 12px;padding:0;font-size:15px;color:#87738C;line-height:18px;}
#vastaus a {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#vastaus a:hover {text-decoration:underline;}
/*** KYSY MEILT€ ***/
#kysy {min-height:131px;width:202px;background:#eff9f8;border-bottom:4px solid #FFF;}
* html body #kysy {height:131px;} /* IE FIX */
#kysy h2 {margin: 0; padding: 0 0 0 6px; line-height: 23px; background: #BFEBE8;font-size:11px;color:#000;border-top: solid 1px #79D5C8;border-bottom: solid 1px #79D5C8;}
#kysy p {margin:10px 5px 10px 8px;padding:0;font-size:15px;color:#774183; line-height:18px;}
#kysy a {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#kysy a:hover {text-decoration:underline;}
/*** OSTOSKORI VAIHEET ***/
#vaiheet table {margin:10px 0 15px 0;padding:0; vertical-align:top; border-collapse:collapse; font-weight:bold; }
#vaiheet table td {font-size:15px; padding:3px 30px 3px 10px;line-height:12px;}
#vaiheet table td.lila_ruutu {background-color:#7B50A3;color:#FFF;padding:1px 4px;}
#vaiheet table td.vihrea_ruutu {background-color:#BFEBE8;color:#000;padding:3px 4px;}
#vaiheet table td.harmaa {color:#999;}
/*** OSTOSKORI VAIHE 1 ***/
#vaihe_1 table {margin:10px 0 5px 0;padding:0; vertical-align:top; border-collapse:collapse; }
#vaihe_1 table tr td {border-bottom:1px dotted #C5C5C5;font-size:15px; font-weight:normal;padding:3px 2px; line-height:17px;}
#vaihe_1 table tr td input.gray_border {margin:0; padding:0; border:1px solid #cccccc;}
#vaihe_1 table td.table_header{font-size:15px;font-weight:bold;color:#774183;}
#vaihe_1 table a {margin:0;padding:0;text-decoration:none; font-size:15px;font-weight:normal;color:#774183;}
#vaihe_1 table a:hover {text-decoration:underline;}
#vaihe_1 a {margin:0;padding:0 0 0 445px;text-decoration:none; font-weight:bold;color:#774183;font-size:15px;}
#vaihe_1 a:hover {text-decoration:underline;}
.buttons {margin:15px 10px 5px 0; float:right;}
.refresh {margin-left:300px;}
.basket_content {border:1px solid #cccccc;}
/*** VAIHE 2 TILAUSTIEDOT **/
#vaihe2 {padding:10px 12px 10px 12px;width:575px; margin-bottom:10px;background:#f2f2f7;}
#vaihe2 input.text {border: #c5c5c5 solid 1px;}
#vaihe2 fieldset {margin:0; padding:0; border:0; }
#vaihe2 fieldset label{margin:0; padding:1px 0; width:49.5%; float:left; }
#vaihe2 .short_field {width:23.5%; }
#vaihe2 fieldset input {width:90%; margin:0; display:block;}
#vaihe2 label {display: block;}
.buttons2 {margin:-15px 10px 5px 0; float:right;}
/*** OSTOSKORI VAIHE 3 ***/
#vaihe_3 table {width:590px;margin:10px 0 5px 0;padding:0; vertical-align:top; border-collapse:collapse; border:1px solid #cccccc;}
#vaihe_3 table tr td {border-bottom:1px dotted #C5C5C5;font-size:15px; color:#999999; font-weight:normal;padding:3px 2px; line-height:17px;}
#vaihe_3 table td.table_header{font-size:15px;font-weight:bold;color:#774183;}
#vaihe_3 table td.column_1 {width:110px;}
.orderbutton {margin:-15px 10px 5px 0; float:right;}
/*** PALAUTELOMAKE ***/
#palaute {margin:0;padding:0;}
#palaute p {margin:5px 0;padding:0;font-size:15px;color:#000;line-height:18px;}
#palaute a {margin:0;padding:0;text-decoration:none; font-weight:bold;color:#774183;}
#palaute a:hover {text-decoration:underline;}
.palauteinput { border: #c5c5c5 solid 1px; width:180px; }
/*** POPUP ***/
.popup {margin:0; padding:0; text-align:left; background:#FFF; font-family:Arial;font-size:15px;}
.popup h3 {margin:10px 12px 5px 12px; padding:0;font-size:15px;font-weight:bold;color:#774183;line-height:11px;}
.popup p {margin:10px 20px 10px 12px;padding:0;font-size:15px;color:#000;line-height:18px;}
/*** BANNERIEN KESKITYS ***/
#left_column img {margin-left:12px;}
/*** TEKSTIKOKO ***/
#tekstikoko {margin-top:5px;width:auto;}
#tekstikoko ul, #tekstikoko li {display: inline;list-style-type: none;margin: 0;padding: 0;}
#normaali {margin-left:5px;float:left;display:block;width:17px;height:17px;background:url(/content/template_kuvat/smallfont.gif) no-repeat;}
#normaali:hover {background:url(/content/template_kuvat/smallfont.gif) 0 -17px; no-repeat;}
#suuri {margin-left:5px;float:left;display:block;width:17px;height:17px;background:url(/content/template_kuvat/largefont.gif) no-repeat;}
#suuri:hover {background:url(/content/template_kuvat/largefont.gif) 0 -17px no-repeat;}
#tekstikoko span {float:left;}
#tekstikoko em {display:none;}