@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');


html,body {height:100%; margin:0; padding:0;}
body{ width:100%; height:100%; display:block; background-color:#eaeaea; }	

div#keywords { position: absolute; left: 0; top: -10px; height: 0; width:0; visibility:hidden; padding: 0; margin: 0;}

div#container { width:100%; max-width: none; margin: 0 auto; padding: 0; display:block;  }
div#container:after {  clear: both;   content: "";  display: block;} 

/* ------------------------------------------------------------------------------------------*/
/* --------- Y L A O S A --------------------------------------------------------------------*/
/* ------------------------------------------------------------------------------------------*/

div#header { width:100%; margin:0; padding: 0; display:block; position:relative; }

/* --- div#slogan {  position: absolute; left: 0; top: 100px; padding: 0; margin: 0; }

/*--------kielivalintaliput--------------------------------------------------------------------*/
div#flags { width: 100px; height: 25px; text-align:right; position: absolute; right: 195px; top: 65px; }
img.flag {margin: 0 3px 0 0; padding: 0;}
/* --------------------------------------------------------------------------------------------*/

div#header_top { width:100%; height: auto; min-height: 300px; margin:55px 0 0 0; padding:0; display:block; position: relative; text-align:center; background-image: url(/images/top-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
div#header_top img { width:100%; padding:0; margin:0;}
div#header_company_name { display:block; float:left; text-align:left; width:650px; font-size:1em; font-weight:normal; height:auto; position:absolute; top:50px; left:30%; z-index:100;}
div.logo { display: block; float:left; text-align:center; width: 80%; position:absolute; top: 50px; left: 10%; /*z-index: 99;*/ margin-bottom: 50px;}
div.logo-left { display: block; float:left; text-align: right!important; width: 48%; padding: 0 2% 0 0;  height:auto; z-index: 100; }
div.logo-right { display: block; width: 48%; padding: 0 0 0 2%; font-weight:normal; height:auto;  /*z-index: 101;*/ float: left; color: #fff;  font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; line-height: 1.2em; text-align: left; }
div.logo img { width: 300px; height:auto; float:right; }
span.text-right{ float: left; color: #000;  font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; line-height: 1.2em; text-align: left;}





/*-----------------------------------------------------------------------------------------------------------------------------*/
/*--------- P Y S T Y  /  V A A K A   N A V I G O I N T I  --------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/

/* paanavigaatio */
div.navi_top{ width:100%; margin:0; background-color:#edcf98; height:65px; padding:10px 3% 0 3%; position:absolute; top: -55px; right:0; float:left; z-index: 9999; }
div.navi_content_languages
a.content_language_navi_link { margin-right:5px; }


/* tuotenavigaatio*/
a.navi_product_category_link:link, a.navi_product_category_link:visited { font-size: 1em; border-bottom: 1px dotted #bbb;  color:#333; text-decoration:none; display:block; padding: 5px 0; }
a.navi_product_category_link:hover { text-decoration: none; color:#222;  }

/*
div.navi_product_category { width:100%; padding:1%; display: block; float:left; }
div.navi_product_category h1 { background-color:#413b2b; min-height:40px; color:#f0f0d8; padding:4%; display:block; font-size:1.8em; }
div.navi_product_category a { display:block; padding-top:3px; padding-bottom:3px;  }


  
a.navi_product_category_sublink2:link, a.navi_product_category_sublink2:visited { padding:0 0 4% 10%;  border-bottom: 1px solid #8A8A8A; color:#333; font-size:1em; line-height:18px; text-decoration:none; margin-bottom:4%; float:left; clear:both;}
a.navi_product_category_sublink2:hover {  text-decoration: none; color:#4d1e16; }

a.navi_product_category_sublink3:link, a.navi_product_category_sublink3:visited { padding-left:40px; border-bottom: 1px dotted #8A8A8A; color:#333; font-size:0.9em; line-height:18px; text-decoration:none; float:left; clear:both; }
a.navi_product_category_sublink3:hover {  text-decoration: none; color:#4d1e16; }*/


/*
div.navi_news { width: 100%; margin:0 0 10px 0; padding:10px 3%; float:left; text-align:left; clear:both;}
div.navi_news h1 { background-color:#413b2b; min-height:40px; color:#f0f0d8; padding:4%; display:block; font-size:1.8em; }

a.navi_news_link:link, a.navi_news_link:visited { border-bottom:1px dotted #222; color:#111; font-size:1em; line-height:1.1em; text-decoration:none;  padding:10px 0; display: block;}
a.navi_news_link:hover { text-decoration: underline; color:#71b238;  }

div.navi_blog { width: 100%; margin:0 0 10px 0; padding:10px 3%; float:left; text-align:left; clear:both;}
div.navi_blog h1 {  background-color:#413b2b; min-height:40px; color:#f0f0d8; padding:4%; display:block; font-size:1.8em; }
div.navi_blog { width: 100%; margin-left:10px; padding:10px; margin-left:10px; display:block; background-color:#ddeefe; float:left; text-align:left; border: 1px solid #d9d9d9;}
a.navi_blog_link, a.navi_blog_link:visited { border-bottom:1px solid #8A8A8A; color:#333; font-size:12px; line-height:18px; text-decoration:none; font-weight:bolder; padding-left:5px; clear:right; display:block;}
a.navi_blog_link:hover { text-decoration: none; color:#4d1e16;  }
*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- S I S A L T O A L U E   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div#content { width:100%; padding:10px 0; margin: 10px 0;  color: #222; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.3em; }

div.content_inner_100 {  width:74%; margin: 5px 13%; padding:25px 3%; display: block; height: auto; }
div.content_inner_100:after {  clear: both;   content: "";  display: block;} 
div.content_inner_80 { width:53%; padding:0 3% 0 0; margin:0 12% 30px 0; float:left; }
div.content_inner_60 { width:58%; padding:0; margin:1%; float:left; }
div#content_wide { width:70%; padding:0; margin-left:auto; margin-right:auto; margin-bottom:10px; clear:both; text-align:left; display:block;}
div#content_right { width:50%; display:block; text-align:left; float:right; margin-bottom:10px; }

/* ------ yleiset ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.navi_left {width:16%; padding: 15px 1% 40px 3%; margin: 0 0 0 12%; float: left; display:block; background-color: transparent;}
div.navi_right {width:20%; float: left; display:block;}
/*div.left_25 {    width:24.6%; margin: 5px .2%; padding: 15px 2%; display: block; float:left; line-height: 1.4em;}*/
div.left_33 {    width:33%; margin: 5px .165%; padding: 15px 2%; display: block; float:left; line-height: 1.4em;}
div.center_33 {  width:33%; margin: 5px .33% 5px 0; padding: 15px 2%; display:block; float:left;  background-color:#ededed; 
 -moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px; }
div.right_33 {  width:33%; margin: 5px .33% 5px 0; padding: 15px 2%; display:block; float:left;  background-color:#ededed; 
 -moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px; }
div.left_50 {  width:49.5%; margin: 0 .5% 10px 0; padding: 0;  display: block;  float:left; }
div.right_50 {  width:49.5%;  margin: 0 0 0 .5%; padding:0; display: block; float:right !important; }


div.wide_75 {  width:74%; margin: 5px 13%; padding:25px 3%; display: block; height: auto; font-size: 1em; line-height: 1.5em; border-bottom: 1px dotted #777;}
div.wide_75:after {  clear: both;   content: "";  display: block;} 

div.wide_100 {  width:100%; margin: 0; padding: 15px 0; display: block; float:left;}
/*div.wide_100 img {  width:40%; min-width: 280px; float: right; margin: 0 0 0 2%;}*/
img#wide {  width:100%; padding: 15px 0; margin: 0 ; }
div.right_wide_box {  width:75%; margin-left:10px; padding:10px; line-height: 13px; display: block; float:left; /*background-color:#6f8fa5;*/ }

h1 { color: #444; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 2em; line-height: auto;}	
h2 { color: #444; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.65em; font-weight: 400; margin: 20px 0 15px 0;}	
h3 { color: #444; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.3em; font-weight: normal;}	
/*
h1 { font-size: 2em; color:#222; margin:10px 0;  font-family: 'Economica', sans-serif; text-transform: uppercase;  font-weight:700; }
h2 { font-size: 2.4em; line-height: 1.1em; font-weight:400; color:#fff;   margin:10px 0;  font-family: 'Economica', sans-serif; }
h3 { font-size: 1.6em; font-weight:700; color:#fff;  margin:10px 0;  font-family: 'Economica', sans-serif;  }
h4 { font-size: 1.1em; font-weight:700; color:#222;  margin:6px 0;  font-family: 'Playfair Display', serif; text-transform: none; }
h5 { font-size: 1em; font-weight:700; color:#71b238; text-transform:capitalize; margin-bottom:1%; font-family: 'Bitter', serif; }
*/
h1.big { font-size: 8em; margin: .3em 0; font-family: 'Cookie', cursive; text-transform:none;}
h2.big { font-size: 4.5em; color:#fff; font-family: 'Cookie', cursive; font-weight:400;   }
h2.front { font-family: 'Fredoka One', cursive; font-size: 5em; color:#fff; font-weight:bold; margin: .5em 0;}
h2.front a:link, h2.front a:visited { text-decoration:none; color: #fff;}
h2.front a:hover { text-decoration:none; color:#ed2324;}


h4.rel { font-size:1.6em; color:#4d1e16; color:#607848;   }
h2.news_archive_title { font-size: 1.1em; font-weight:bolder; color:#607848; text-transform:capitalize; margin-bottom:1%; font-family: 'Bitter', serif; }
h3.news_archive_title { font-size: 0.9em; font-weight:bolder; color:#607848; text-transform:capitalize; margin-bottom:1%; font-family: 'Bitter', serif; }
img { border: 0;}
img#right { float: right; padding-left: 10px;}

/*img.product_category_image { float: left; max-height:100px; max-width:100px;  }*/


div.clear { clear:both; padding: 25px 0; margin: 5px 0; }

a { outline: 0; color:#333;}
p { margin: 10px 0;}
strong, b { font-weight: 700;}
em { font-style:italic;}
td { vertical-align:top; }
td.haku_otsikko { font-weight:900; font-size:12px; color:#333; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* ------ tuotteet ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-- tuottteet / kaikki kategoriat 170519-------------------*/
/*div.product_default_content_cat1{ float:left; padding: 15px 2%;  background-color:#CDCDCD; border:solid 1px #000; margin: 0 1% 5px 0; width:31%; min-height:200px; display:block; }*/

/*a.product_category_title_link:link, a.product_category_title_link:visited, a.product_category_title_link:hover { color:red!important;}*/
div#rightgroup { width:65%; /*float: left;*/ padding: 0; margin: 0 0;   }

/*div.product_read_more {display: block; font-weight:bold; float:left; margin:10px; display:block; clear:both; }*/


div#breadcrumb_content { display:block;  }
a.breadcrumb_link:link, a.breadcrumb_link:visited { font-size:0.8em;}
a.breadcrumb_link:hover {  }

div#product_textlist { float:left; padding-bottom:10px; }
div#product_sort_order { float:right; padding-bottom:10px; margin-right:30px; }


div.product_highlight_box {float:left; width:32.83%; margin:0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display:block; border-radius:10px; min-height:300px; background-color:#fff000;  border:1px solid #fff; position:relative; }
div.product_highlight_box:hover {background-color: #f6f6f6; border:1px solid #ddd;}

div.product_highlight_box h3 { width: 100%;}

div.product_highlight_image_thumb { max-height:100px; max-width:100px; float:left; display:block; text-align:left; margin:10px;}
div.product_highlight_price { font-weight:bolder; font-size:14px; float:right; }


div.product_caption a:link, div.product_caption a:visited { color: #6d731d; text-decoration: none; }
div.product_caption a:hover {color:#222; text-decoration: underline;   }
div.product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}

div.category_highlight{ float:left; display:block; width:100%; margin-right:40px; padding:0; background-color:#edf6fe; clear:both; }
div.product_highlight{ float:left; padding: 0 10px 10px 10px;  /*background-color:#ddeefe;border:solid 1px #000;*/ margin:5px; width:150px; height:270px; display:block; }


/*
div.products_new_box {float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; background-color: #fff000;  border:1px solid #fff; position:relative;}

div.products_new_box:hover {background-color: #f6f6f6; border:1px solid #ddd;}
a.products_new_box_link { text-decoration: none; }
div.products_new_box h3 { width: 100%;}

img.products_new_image_thumb { max-height:100px; max-width:100px; float:left; display:block; text-align:left; margin:10px; clear:both;}
div.products_new_price { font-weight:bolder; font-size:14px; float:right; }
*/


/* New Products*/
div.products-new_box { float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color:#f6f6f6;  border:1px solid #fff; position:relative;}
div.products-new_box:hover {background-color: #fff; border:1px solid #ddd;}
a.products-new_box_link { text-decoration: none; }
div.products-new_caption { width: 100%;}
img.products-new_image_thumb { max-height:150px; max-width:150px; float:left; display:block; text-align:left; margin:10px;}
div.products-new_caption a:link, div.product_caption a:visited { color: #6d731d; text-decoration: none; }
div.products-new_caption a:hover {color:#222; text-decoration: underline;   }
div.products-new_caption .product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}
div.products-new_caption_image {float:left; display:block; text-align:left; margin:10px;}

/* Quick links*/
div.products-quick-links_box { float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color:#f6f6f6;  border:1px solid #fff; position:relative;}
div.products-quick-links_box:hover {background-color: #fff; border:1px solid #ddd;}
a.products-quick-links_box_link { text-decoration: none; }
div.products-quick-links_caption { width: 100%;}
img.products-quick-links_image_thumb { max-height:150px; max-width:150px; float:left; display:block; text-align:left; margin:10px;}
div.products-quick-links_caption a:link, div.products-quick-links a:visited { color: #6d731d; text-decoration: none; }
div.products-quick-links_caption a:hover {color:#222; text-decoration: underline;   }
div.products-quick-links_caption .product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}
div.products-quick-links_caption_image {float:left; display:block; text-align:left; margin:10px;}

/* Highlight*/
div.products-highlight_box { float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color:#f6f6f6;  border:1px solid #fff; position:relative;}
div.products-highlight_box:hover {background-color: #fff; border:1px solid #ddd;}
a.products-highlight_box_link { text-decoration: none; }
div.products-highlight_caption { width: 100%;}
img.products-highlight_image_thumb { max-height:150px; max-width:150px; float:left; display:block; text-align:left; margin:10px;}
div.products-highlight_caption a:link, div.products-highlight a:visited { color: #6d731d; text-decoration: none; }
div.products-highlight_caption a:hover {color:#222; text-decoration: underline;   }
div.products-highlight_caption .product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}
div.products-highlight_caption_image {float:left; display:block; text-align:left; margin:10px;}

/* Highlight ALT*/
div.products-highlight_alt_box { float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color:#f6f6f6;  border:1px solid #fff; position:relative;}
div.products-highlight_alt_box:hover {background-color: #fff; border:1px solid #ddd;}
a.products-highlight_alt_box_link { text-decoration: none; }
div.products-highlight_alt_caption { width: 100%;}
img.products-highlight_alt_image_thumb { max-height:150px; max-width:150px; float:left; display:block; text-align:left; margin:10px;}
div.products-highlight_alt_caption a:link, div.products-highlight_alt a:visited { color: #6d731d; text-decoration: none; }
div.products-highlight_alt_caption a:hover {color:#222; text-decoration: underline;   }
div.products-highlight_alt_caption .product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}
div.products-highlight_alt_caption_image {float:left; display:block; text-align:left; margin:10px;}

/*Product categories*/
div.products-categories_box { float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color:#f6f6f6;  border:1px solid #fff; position:relative;}
div.products-categories_box:hover {background-color: #fff; border:1px solid #ddd;}
a.products-categories_box_link { text-decoration: none; }
div.products-categories_caption { width: 100%;}
img.products-categories_image_thumb { max-height:150px; max-width:150px; float:left; display:block; text-align:left; margin:10px;}
div.products-categories_caption a:link, div.products-categories a:visited { color: #6d731d; text-decoration: none; }
div.products-categories_caption a:hover {color:#222; text-decoration: underline;   }
div.products-categories_caption .product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}
div.products-categories_caption_image {float:left; display:block; text-align:left; margin:10px;}


div.products_quick_link_box {float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color: #fff;  border:1px solid #fff; position:relative;}

div#product_box {  width:80%; margin-left:250px; margin-right:40px; /*margin:0 0 0 20px;*/ padding:10px; border: 1px solid #d9d9d9; font-size:12px; line-height: 13px; display: block; float:left; position:relative; background-color:#6f8fa5; }
img.product_image_thumb {max-height:50px; max-width:50px; float:left; display:block; text-align:left; margin:10px;}




div.sub_category_product_highlight { float:left; padding: 0 1% 1% 1%; /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:270px; display:block; }
div.sub_category_product_highlight_1 { float:left; padding: 0 1% 1% 1%; /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:270px; display:block; }
div.sub_category_product_highlight_2 { float:left; padding: 0 1% 1% 1%; /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:270px; display:block; }
div.sub_category_product_highlight_3 { float:left; padding: 0 1% 1% 1%; /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:270px; display:block; }
div.sub_category_product_highlight_4 { float:left; padding: 0 1% 1% 1%; /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:270px; display:block; }
div.sub_category_product_highlight_5 { float:left; padding: 0 1% 1% 1%; /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:270px; display:block; }

img.sub_category_product_image_thumb {max-height:120px; max-width:120px; float:left; display:block; margin:5px; }

img.product_new_image_thumb {max-height:120px; max-width:120px; float:left; display:block; margin:5px; }

a.bodyhead:link, a.bodyhead:visited { color: #000000; font-size: 14px; text-decoration: none; line-height: normal; font-weight: bold; display: block; }
a.bodyhead:hover { text-decoration: none; color: #4d1e16;  }
a.body:link, a.body:visited { color: #282828; text-decoration: none; /*display: block; padding: 2px 0; */}
a.body:hover { text-decoration: none; color: #000000;  }

a.product_list:link, a.product_list:visited { color: #000000; text-decoration: none; display: block; padding: 0 0 2px 12px; /*background-image:url(images/bg_list.gif); background-repeat: no-repeat;*/}
a.product_list:hover { text-decoration: none; color: #4d1e16;  }

a.product_cat1_list:link, a.product_cat1_list:visited { color: #6f8fa5; text-decoration: none; display: block; padding: 0 0 5px 12px; /*background-image:url(images/bg_list.gif); background-repeat: no-repeat;*/}
a.product_cat1_list:hover { text-decoration: none; color:#4d1e16;  }

a.product_cat2_list:link, a.product_cat2_list:visited { color: #000000; text-decoration: none; display: block; padding: 0 0 2px 22px; /*background-image:url(images/bg_list2.gif); background-repeat: no-repeat;*/}
a.product_cat2_list:hover { text-decoration: none; color: #4d1e16;  }

a.product_cat3_list:link, a.product_cat3_list:visited { color: #000000; text-decoration: none; display: block; padding: 0 0 2px 32px; /*background-image:url(images/bg_list.gif); background-repeat: no-repeat;*/}
a.product_cat3_list:hover { text-decoration: none; color: #4d1e16;  }

img.product_imagethumb {margin:0; padding:8px 0 0 0; float:right;  /*border-top: 1px solid #d9d9d9;  border-bottom: 1px solid #d9d9d9; max-width: 290px;*/}

img.related_thumb_image { max-height:50px; max-width:50px; float:left; padding-right:10px; margin:0 10px 20px 0; }
a.related_list:link, a.related_list:visited { color: #333; text-decoration: none; display: block; padding: 0 0 2px 32px; clear:both; margin-bottom:10px; }
a.related_list:hover { text-decoration: none; color: #282828;  }


div#tuoteboxrel { width:25%; height: 100px; margin: 0  ; padding: 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; float:left; font-size:12px; line-height: 13px; overflow: hidden;}

div#tuotewrapper { width:60%; margin: 0; float:left; }
div#tuote { width:30%; padding: 5px; margin: 0 5px 5px 0;  /*border: 1px dotted #C5C5C5;*/ float: left; line-height: 14px; }

a.pdf:link, a.pdf:visited  { color: #111; font-size: 1em; text-decoration: none; background-image: url(images/document.png); background-repeat: no-repeat; padding: 0 0 0 17px; display: block; width: inherit;  margin:  5px 0 0 0;  }
a.pdf:hover { text-decoration: underline; color: #71b238;  }

a.list:link, a.list:visited { color: #111; font-size: 1em; text-decoration: none; background-image: url(images/list-item.png); background-repeat: no-repeat; padding: 0 0 0 17px; display: block; width: inherit;  margin:  5px 0 0 0;  }
a.list:hover { text-decoration: underline; color: #71b238;  }


a.brochyres_link:link, a.brochyres_link:visited { color: #009D5D; font-size: 12px; text-decoration: none; background-image: url(images/pdf.gif); background-repeat: no-repeat; padding: 0 0 0 22px; display: block; margin: 0 0 8px 0;  }
a.brochyres_link:hover { text-decoration: underline; color: #282828;  }

a.send_email:link, a.send_email:visited { color: #000000; font-size: 12px; text-decoration: none; background-image: url(images/email.gif); background-repeat: no-repeat; padding: 0 0 0 25px; display: block; margin: 0 0 5px 0;  }
a.send_email:hover { text-decoration: underline; color: #282828;  }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- K I R J A U T U M I S A L U E  --------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* kirjautumisdiv */
div#customer_details {  width:96%; margin:1%; padding:1%; font-size:12px; display:block; float:left; text-align:left; }
a.customers_category_link:link, a.customers_category_link:visited { font-weight:bold; text-decoration: none; color:#000; font-size:14px; }
a.customers_category_link:hover { text-decoration:underline;	}	

div.category_linkbox{ width:100px; height:130px; float:left; display: block; padding: 5px 15px; margin: 0 10px 10px 0; font-size:10px; text-align:center; color:#000; background-repeat: no-repeat; position: relative; /*background-color:#333;*/ border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; }
div.category_linkbox img{ width:90%; height:auto; }
div.category_navi{ float:right; display:block; padding: 5px; }

div.category_linkbox_small{ width:35px; height:35px; float:left; display: block; padding: 5px; margin: 0 10px 10px 0; font-size:10px; text-align:center; color:#000; background-repeat: no-repeat; position: relative; background-color:#333; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; }
div.category_linkbox_small img{ width:90%; height:auto; }

div.category_linkbox_logout_small{ width:35px; height:35px; float:left; display: block; padding: 5px; margin: 0 10px 10px 0; font-size:10px; text-align:center; color:#000; background-repeat: no-repeat; position: relative; background-color: #999; border: 1px solid #000; -moz-border-radius: 10px; border-radius: 10px; }
div.category_linkbox_logout_small img{ width:90%; height:auto; }

a.category_link:link, a.category_link:visited { font-weight:bold; text-decoration: none; }
a.category_link:hover { text-decoration:underline;	}	

h1.customers_title { float:left; display:block; text-transform:uppercase; }

table.customer_orders { width:700px; border:#333 thin solid;  }

.paid { font-weight:bold; background-color:#FF6; display:block; color:#333; padding:5px; 	}
h2.paid {width:700px; }

.received { font-weight:bold; background-color:#F00; display:block; color:#333; padding:5px; }
h2.received {width:700px; }

.processing { font-weight:bold; background-color:#F60; display:block; color:#333; padding:5px; }
h2.processing {width:700px; }

.delivery { font-weight:bold; background-color:#099; display:block; color:#333; padding:5px; 	}
h2.delivery {width:700px; }

.post-delivery { font-weight:bold; background-color:#F60; display:block; color:#333; padding:5px; 	}
h2.post-delivery {width:700px; }

.partly_delivered { font-weight:bold; background-color:#0C9; display:block; color:#333; padding:5px; 	}
h2.partly_delivered {width:700px; }

.non_delivered { font-weight:bold; background-color:#F00; display:block; color:#333; padding:5px; 	}
h2.non_delivered {width:700px; }

.delivered { font-weight:bold; background-color:#060; display:block; color:#333; padding:5px;	}
h2.delivered {width:700px; }

.cancelled { font-weight:bold; background-color:#F00; display:block; color:#333; padding:5px;	}
h2.cancelled {width:700px; }

td.haku_otsikko { background-color:#6f8fa5; }

div.orders { width:740px; padding:10px; /*margin-left:10px; display:block;*/background-color:#6f8fa5;  float:left; text-align:left; border: 1px solid #d9d9d9;}
div.orders2 { width:720px; /*padding:10px;*/ margin:5px; display:block; background-color:#ddeefe; float:left; text-align:left; border: 1px solid #d9d9d9;}

div.navi_pw_site_logout, div.navi_intranet_logout { /*display:block;*/ margin:10px 0 0 10px; width:auto; height:auto; padding:10px 45px 10px 10px; position:absolute; top:-55px; right:0; float:right; text-align:right;  border-radius:8px; /*background-color:red;*/ text-transform:uppercase; text-decoration:none !important; font-size:1em; line-height:normal; color:#397dbe; z-index:9999;  }

div.navi_pw_site_logout a, div.navi_intranet_logout a { text-transform:uppercase; text-decoration:none !important; font-size:1em; line-height:normal; color:#333;   }

div.navi_pw_site_logout a:hover, div.navi_intranet_logout a:hover {color:#397dbe;}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* --------Kuvagalleriat ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
img.gallery_image_thumb {max-height:100px; max-width:100px; float:left; display:block; border: 3px solid #FFF; margin-right:10px; }


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*---------artikkelit-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#events { width:30%; padding: 0 20px 15px 20px; float:left; border-right: 1px solid #d9d9d9;  }
div#events_item { width:30%; margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #d9d9d9; }
/*div#news_menu { width: 342px; padding: 0 20px 15px 20px; float:left; border-right: 1px solid #d9d9d9;  }
div#news_menu_item { width: 340px; margin: 5px 0; padding: 5px 0; border-bottom: 1px solid #d9d9d9; }
*/
div.news { width:96%; padding:15px 0; margin:0;  }
div.news_2 { width:100%; padding: 10px 0; margin:0;  }
a.news_link:link, a.news_link:visited { color: #000; text-decoration: none; font-size: 1.2em; display:block; margin:0; padding:1% ;}
a.news_link:hover { text-decoration: none; color: #666;  }
div#news_content { width:98%; padding: 0 0 2% 2%; margin: 0 0 0 -1px; float: left; border-left: 1px solid #d9d9d9; }
div.news_archive { width:98%; padding:1%; margin-bottom:10px; /*margin-left:10px; margin-left:10px; display:block; background-color:#ddeefe; border: 1px solid #d9d9d9;*/ float:left; text-align:left; clear:both;}
div.news_archive h1 { /*background-image:url(images/title_bg.gif); background-repeat:no-repeat;*/ background-color:#413b2b; color:#f0f0d8; min-height:40px;  padding:4%; display:block; font-size:1.3em; }
div.news_hashtags { width:98%; padding:1%; margin-bottom:10px; /*margin-left:10px; margin-left:10px; display:block; background-color:#ddeefe; border: 1px solid #d9d9d9;*/ float:left; text-align:left; clear:both;}
div.news_rss { width:96%; padding:1%; margin:0 0 10px 0; display:block; float:left; text-align:left; ;/*background-color:#ddeefe; border: 1px solid #d9d9d9 clear:both;*/}
a.news_archive_link { font-size:0.8em; line-height:normal; }
a.news_rss_link:link, a.news_rss_link:visited { color: #000; text-decoration: none; font-size:0.8em; display:block; margin:1%; padding:1%;}
a.news_rss_link:hover { text-decoration: none; color: #666;  }

h1.article_archive_title { font-size: 20px; color: #333; margin:10px 0 10px 0;}
h2.article_archive_title { font-size: 17px; color: #333; margin:5px 0 5px 0;}
h3.article_archive_title { font-size: 17px; color: #333; margin:5px 0 5px 0;}
a.article_archive_link:link, a.article_archive_link:visited { display:block; clear:both; margin: 10px 0 10px 0; font-size:smaller; }
a.article_archive_link:hover { text-decoration: none; color: #282828;  }

span.news_pvm { font-size: 12px; color: #444444; font-style:italic; font-weight: bold; padding: 0 10px 5px 0;  margin: 5px 10px 5px 0; border-right: 1px solid #d9d9d9; display: block;  float: left; }
/*span.news_title { font-size: 14px; color: #444444; font-weight: bold; padding: 0 0 5px 10px;  margin: 5px 0 5px 10px; display: block;   }*/

div.blog { width:96%; padding:1%; margin-left:1%; margin-right:1%; /*margin-left:10px; display:block;background-color:#ededed; border: 1px solid #d9d9d9;*/ float:left; text-align:left; }
div.blog_2 { width:96%; padding:1%; margin:1% 0 2% 0; display:block; float:left; text-align:left; /*background-color:#ededed;   border: 1px solid #d9d9d9;*/}
a.blog_link:link, a.blog_link:visited { color: #000; text-decoration: none; font-size: 1.2em; display:block; margin:0; padding: 1% ;}
a.blog_link:hover { text-decoration: none; color: #666;  }
div#blog_content { width:98%; padding: 0 0 2% 2%; margin: 0 0 0 -1px; float: left; border-left: 1px solid #d9d9d9; }
div.blog_archive { width:98%; padding:1%; margin-bottom:10px; /*margin-left:10px; margin-left:10px; background-color:#ddeefe; border: 1px solid #d9d9d9;*/ display:block;  float:left; text-align:left;  clear:both;}
div.blog_archive h1 { /*background-image:url(images/title_bg.gif); background-repeat:no-repeat;*/ background-color:#413b2b; min-height:40px; color:#fadd18; padding:4%; display:block; font-size:1.3em; }
div.blog_hashtags { width:98%; padding:1%; margin-bottom:10px; /*margin-left:10px; margin-left:10px; */ display:block; float:left; text-align:left; clear:both;}
div.blog_rss { width:98%; padding:1%; margin-bottom:10px; /*margin:10px 0 0 10px; margin-left:10px;*/ display:block; float:left; text-align:left; clear:both; }
a.blog_rss_link:link, a.blog_rss_link:visited { color: #000; text-decoration: none; font-size:0.7em; display:block; margin:2%; padding:2%;}
a.blog_rss_link:hover { text-decoration: none; color: #666;  }

span.blog_pvm { font-size: 12px; color: #444444; font-style:italic; font-weight: bold; padding: 0 10px 5px 0;  margin: 5px 10px 5px 0; border-right: 1px solid #d9d9d9; display: block;  float: left; }
span.blog_title { font-size: 14px; color: #444444; font-weight: bold; padding: 0 0 5px 10px;  margin: 5px 0 5px 10px; display: block;   }

a.article_link:link, a.article_link:visited { color: #000000; text-decoration: none; display: block; padding: 0 0 2px 12px; background-image:url(images/bg_list.gif); background-repeat: no-repeat;}
a.article_link:hover { text-decoration: none; color: #282828;  }

a.hashtag_link:link, a.hashtag_link:visited { color: #000000; text-decoration:none; margin:0 5px 0 5px; float:left; }
a.hashtag_link:hover { text-decoration:underline; color: #282828;  }


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ muut ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#esitebox { width:20%; margin: 0 0 0 -1px; padding: 10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; float:left; font-size:12px; line-height: 13px; }
div#tuotteetbox { width:20%; margin: 0 0 0 -1px; padding: 10px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; float:left; font-size:12px; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ yhteystiedot --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#yhteyswrapper { width:50%; margin: 0 0 0 -20px ; float:left; }
div#yhteysbox { width:15%; height: 110px; margin: 0  ; padding: 5px 10px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; float:left; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- F O O T E R   -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#footer { width: 100%; height: auto; padding: 0 0 25px 0; margin: 0 ; display:block; background-color: #edcf98; }
div#footer:after {   clear: both;   content: "";  display: block;} 
div.footer-wrapper { width: 100%; height: auto; min-height: 200px; padding: 15px 13% 25px 13%; margin: 0 ; display:block; color: #fff; line-height: 1.4em;  font-family: 'Open Sans', sans-serif;  }



div.footer-col { width: 33.3%; padding: 0  2%; float:left; border-right: 1px dotted #fff; text-align: left;} 
div.footer-col-last { width: 33.3%; float:left; text-align: left; padding: 0  2%;} 

a.footer-link:link, a.footer-link:visited { text-decoration: none; display:block; color: #fff; padding: 3px 0 3px 12px; font-size: .95em; line-height:normal;  background-image: url(images/arrow.png); background-repeat: no-repeat; }  
a.footer-link:hover{ text-decoration: underline; } 


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- O S T O S K O R I   -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

div.product_availability{ margin:5px 5px 10px 0; font-weight:bold; color:#000; clear:both;}
div.product_price { font-weight:bolder; font-size:14px; float:right; margin:10px; padding:7px; }
div.product_price_list { font-weight:bolder; font-size:14px; float:right; }
span.product_rr_price { text-decoration: line-through; }


/* ostoskori --- tuotemenun alaosa ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#shopping_cart { margin-top:5%; }

div#shopping_cart:hover div#shopping_cart_show_content { display:block; z-index:99; position:absolute; background-color:#e7dcb7; border:1px solid #717171; }
div#shopping_cart_show_content {  display:block; }

/*div#shopping_cart_show_content:hover div#shopping_cart_show_content{ display : block; }*/

div#shopping_cart h3 { margin: 0;}
a.shopping_cart_product_link:link, .shopping_cart_product_link:visited { color: #282828; text-decoration: none; text-transform: uppercase; padding: 0 6px; border-right: 1px solid #717171; border-left: 1px solid #717171; margin-left: -1px; }
a.shopping_cart_product_link:hover { text-decoration: none; color: #4d1e16;  }
table#shopping_cart_show_content_table { width:40%; color:#000;}
td.shopping_cart_show_content_table_image {width:50px; }


/* ostoskori --- top ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.content_inner_shopping_cart_top { margin:10px 0 0 0; width:auto; height:auto; padding:20px 45px 10px 10px; position:absolute; text-align:right; text-transform:uppercase; text-decoration:none!important; font-size:1em; line-height:normal; color:#397dbe; top:-55px; right:200px; display:inline-block; margin:0 auto; z-index:9999; }

#shopping_cart_top { right: 0; width: 15%; height: 10%; background-color: #20AC76; color: #FFFFFF; padding: 10px; border: #1C9767 1px solid; font-size: 22px; text-align: left; position:relative;}

.shopping_cart_top_content { float: left; }

#shopping_cart_top_total { float: right; text-align: center; border-radius: 50%; background-color: #FFFFFF; color: #20AC76; width: 20px; height: 20px; font-size: 1em; position:absolute; left: 40px; z-index:9999;}

.order_registered_user_kt { clear:right; }
.order_registered_user_ss { clear:right; }

a.cancel_order_link:link, .cancel_order_link:visited { background-color:#333; color:#282828; text-decoration:none; text-transform: uppercase; padding:10px; margin:30px 10px 10px 0; border: 1px solid #717171; }
a.cancel_order_link:hover { text-decoration: none; color: #4d1e16;  }

.out_of_stock { color:#603; font-weight:bold; }
span.product_out_of_stock { color:#BE0000; font-weight:bold;  }

h2.checkout_title { float:left; display:block; text-transform:uppercase; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* ostoskori ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.product_image { padding: 0 10px 10px 0; width: 150px; text-align:left; display:block;}
div.product_shopping_cart {  float:right; padding: 5px; margin: 0 0 0 10px; border-bottom: 1px dotted #CBCBCB; width:50%; }

span.availability_meter_red      { height:10px; width:60px; display:block; background-image: url(images/availability.gif); background-position: left -75px;/*color:#F00;*/   }
span.availability_meter_redgreen { height:10px; width:60px; display:block; background-image: url(images/availability.gif); background-position: left -50px ;/*color:#F00;*/   }
span.availability_meter_greenred { height:10px; width:60px; display:block; background-image: url(images/availability.gif); background-position: left -25px ;/*color:#F00;*/   }
span.availability_meter_green    { height:10px; width:60px; display:block; background-image: url(images/availability.gif); background-position: left top;/*color:#F00;*/   }

img.product_image {margin: 0; padding: 0;}
a.thumb1 { float:right;}
input.shopping_cart { border: 0; text-align:right; color:#000; margin-bottom:10px;  }
input.shopping_cart_total { border:0; font-weight:bold; /*font-size:1.1em;*/ text-align:right; color:#333;  }

/*div.order_details { width: 100%; border: 1px solid #333;display:block; padding:10px; margin:20px 0 20px 0;   }*/ 
input.order_details_input { margin-bottom:10px; }

div.order_details_products {}
div.order_contact { width: 100%; border: 1px solid #333; display:block; padding:10px; margin:20px 0 20px 0;  }
div.order_payment { width: 100%; border: 1px solid #333; display:block; padding:10px; margin:20px 0 20px 0;  }
div.order_terms { width: 100%; border: 1px solid #333; display:block; padding:10px; margin:20px 0 20px 0;  }
/*
a.shopping_cart_remove_link:link, a.shopping_cart_remove_link:visited { border-bottom: 1px solid #8A8A8A; background-color:#06C; color: #282828; font-size: 13px; line-height: 18px; text-decoration: none; float:right;}
a.shopping_cart_remove_link:hover { text-decoration: none; color: #4d1e16;  }
*/
div.buy_form {}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ------ K A S S A ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*div.order_details_left, div.order_details_center_left, div.order_details_center_right, div.order_details_right { background-color:rgba(0,0,0,0.5); margin:5%; }*/
div.order_discount_codes { width:100%; display:block; margin:10px 0; padding:10px 4%; border: 1px solid #444; }
div.order_discount_codes input { width:50%; display:block; margin:10px; padding:10px; clear:both; }

div.order_registered_user { width: 100%; display:block; margin: 10px 0; padding: 10px 4%; border: 1px solid #444; }
div.order_registered_user input { width:50%; display:block; margin:10px; padding:10px; clear:both; }

div.order_details { width: 100%; display:block; margin: 10px 0; padding: 10px 4%; border: 1px solid #444; }
div.order_details input { width:50%; display:block; margin:10px; padding:10px; clear:both; }
div.order_details_products { width: 100%; display:block; margin: 10px 0; padding: 10px 4%; border: 1px solid #444; }

div.order_contact { width: 100%; display:block; margin: 10px 0; padding: 10px 4%; border: 1px solid #444; }
div.order_contact input { width:50%; display:block; margin:10px; padding:10px; clear:both; }
/*
table#order_details {width:100%; }
td.order_details_product  { text-align:right; border-bottom: 1px dotted #faf9f9; color:#000; }
td.order_details_total  { text-align:right;  color:#333; padding-right:10px; }
td.order_details_titles { font-weight:bold; font-size:1.1em; text-align:left; padding-left:20px; color:#000; }
td.order_details_right  { text-align:right; border-bottom: 1px dotted #faf9f9; }
*/
img.order_thumb_image { max-height:50px; max-width:50px; float:left; padding-right:10px; }
div#order_contact_form { width:90%; }
img.order_more {margin: 0 5px 0 5px; padding: 0; }
img.order_less {margin: 0 5px 0 5px; padding: 0; }
img.order_trashcan {margin: 0 5px 0 5px; padding: 0; }
span.product_total_qty { font-size:1.1em;}

div.error_box { margin-left:70px; }

/* ------ kassa button --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.C1 {
	width: 180px;
	height: 120px;
	border: 1pt solid #a0a0a0;
	display: block;
	float: left;
	margin: 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	clear: none;
	padding: 0;
}

.C1:hover {
	background-color: #f0f0f0;
	border-color: black;
}

.C1 form {
	width: 180px;
	height: 120px;
}

.C1 form span {
	display: table-cell;
	vertical-align: middle;
	height: 92px;
	width: 180px;
}

.C1 form span input {
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: 1pt solid #f2f2f2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	background-color: white;
}

.C1:hover form span input {
	border: 1pt solid black;
}

.C1 div {
	text-align: center;
	font-family: arial;
	font-size: 8pt;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ tilaus --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ 
.order_select {
   height: 25px;
   overflow: hidden;
   border: 1px solid #333;
   vertical-align:middle;
   margin-bottom:10px;
   }
/*-------buttonit-----------------------------------------------------*/

.base_btn {
	-moz-box-shadow:inset 0px -3px 7px 0px #472d29;
	-webkit-box-shadow:inset 0px -3px 7px 0px #472d29;
	box-shadow:inset 0px -3px 7px 0px #472d29;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d1e16), color-stop(1, #663300));
	background:-moz-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-webkit-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-o-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-ms-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:linear-gradient(to bottom, #4d1e16 5%, #663300 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1e16', endColorstr='#472d29',GradientType=0);
	background-color:#4d1e16;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#fadd18;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	float:left;
}
.base_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #663300), color-stop(1, #ddeefe));
	background:-moz-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-webkit-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-o-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-ms-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:linear-gradient(to bottom, #663300 5%, #4d1e16 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#663300', endColorstr='#4d1e16',GradientType=0);
	background-color:#663300;
}
.base_btn:active {
	position:relative;
	top:1px;
}



.order_button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:200px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
	float:right;
}
.order_button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.order_button:active {
	position:relative;
	top:1px;
}

.buy_btn_2 {
	-moz-box-shadow:inset 0px -3px 7px 0px #472d29;
	-webkit-box-shadow:inset 0px -3px 7px 0px #472d29;
	box-shadow:inset 0px -3px 7px 0px #401a14;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d1e16), color-stop(1, #4d1e16));
	background:-moz-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-webkit-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-o-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-ms-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:linear-gradient(to bottom, #4d1e16 5%, #663300 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1e16', endColorstr='#472d29',GradientType=0);
	background-color:#4d1e16;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#fadd18;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	margin-top:10px;
}
.buy_btn_2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6f8fa5), color-stop(1, #3ea7e0));
	background:-moz-linear-gradient(top, #663300 5%, #fadd18 100%);
	background:-webkit-linear-gradient(top, #663300 5%, #fadd18 100%);
	background:-o-linear-gradient(top, #663300 5%, #fadd18 100%);
	background:-ms-linear-gradient(top, #663300 5%, #fadd18 100%);
	background:linear-gradient(to bottom, #663300 5%, #fadd18 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#663300', endColorstr='#fadd18',GradientType=0);
	background-color:#663300;
}
.buy_btn_2:active {
	position:relative;
	top:1px;
}




.blue_button {
	-moz-box-shadow:inset 0px -3px 7px 0px #286485;
	-webkit-box-shadow:inset 0px -3px 7px 0px #286485;
	box-shadow:inset 0px -3px 7px 0px #286485;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddeefe), color-stop(1, #266e94));
	background:-moz-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:-webkit-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:-o-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:-ms-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:linear-gradient(to bottom, #ddeefe 5%, #266e94 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeefe', endColorstr='#266e94',GradientType=0);
	background-color:#ddeefe;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	margin-top:10px;
}
.blue_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #266e94), color-stop(1, #ddeefe));
	background:-moz-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:-webkit-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:-o-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:-ms-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:linear-gradient(to bottom, #266e94 5%, #ddeefe 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#266e94', endColorstr='#ddeefe',GradientType=0);
	background-color:#266e94;
}
.blue_button:active {
	position:relative;
	top:1px;
}


.blue_logout_button {
	-moz-box-shadow:inset 0px -3px 7px 0px #286485;
	-webkit-box-shadow:inset 0px -3px 7px 0px #286485;
	box-shadow:inset 0px -3px 7px 0px #286485;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ddeefe), color-stop(1, #266e94));
	background:-moz-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:-webkit-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:-o-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:-ms-linear-gradient(top, #ddeefe 5%, #266e94 100%);
	background:linear-gradient(to bottom, #ddeefe 5%, #266e94 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeefe', endColorstr='#266e94',GradientType=0);
	background-color:#ddeefe;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	margin-top:10px;
	float:right;
}
.blue_logout_button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #266e94), color-stop(1, #ddeefe));
	background:-moz-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:-webkit-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:-o-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:-ms-linear-gradient(top, #266e94 5%, #ddeefe 100%);
	background:linear-gradient(to bottom, #266e94 5%, #ddeefe 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#266e94', endColorstr='#ddeefe',GradientType=0);
	background-color:#663300;
}
.blue_logout_button:active {
	position:relative;
	top:1px;
}


.remove_shopping_cart_btn {
	-moz-box-shadow:inset 0px -3px 7px 0px #472d29;
	-webkit-box-shadow:inset 0px -3px 7px 0px #472d29;
	box-shadow:inset 0px -3px 7px 0px #472d29;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d1e16), color-stop(1, #663300));
	background:-moz-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-webkit-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-o-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-ms-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:linear-gradient(to bottom, #4d1e16 5%, #663300 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1e16', endColorstr='#472d29',GradientType=0);
	background-color:#4d1e16;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#fadd18;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	float:right;
}
.remove_shopping_cart_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #663300), color-stop(1, #ddeefe));
	background:-moz-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-webkit-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-o-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-ms-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:linear-gradient(to bottom, #663300 5%, #4d1e16 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#663300', endColorstr='#4d1e16',GradientType=0);
	background-color:#663300;
}
.remove_shopping_cart_btn:active {
	position:relative;
	top:1px;
}

.login_btn {
	-moz-box-shadow:inset 0px -3px 7px 0px #472d29;
	-webkit-box-shadow:inset 0px -3px 7px 0px #472d29;
	box-shadow:inset 0px -3px 7px 0px #472d29;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d1e16), color-stop(1, #663300));
	background:-moz-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-webkit-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-o-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:-ms-linear-gradient(top, #4d1e16 5%, #663300 100%);
	background:linear-gradient(to bottom, #4d1e16 5%, #663300 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d1e16', endColorstr='#472d29',GradientType=0);
	background-color:#4d1e16;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#fadd18;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:6px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
	float:right;
}
.login_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #663300), color-stop(1, #ddeefe));
	background:-moz-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-webkit-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-o-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:-ms-linear-gradient(top, #663300 5%, #4d1e16 100%);
	background:linear-gradient(to bottom, #663300 5%, #4d1e16 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#663300', endColorstr='#4d1e16',GradientType=0);
	background-color:#663300;
}
.login_btn:active {
	position:relative;
	top:1px;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- M U U T  ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ question & answer ----------------------------------------------------------------------------------*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	/*font-family: Trebuchet MS,  Arial, Helvetica, sans-serif;	
	/*font-size: 15px;
	margin: 6px 0;
	color: #5BA3D5; 
	
	background-color:#317082;
	width:400px;*/
	padding: 0 0 0 18px;
	background-image:url('images/bg_question.gif');
	background-repeat:no-repeat;
	background-position: left top;	
	height:20px;
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 0;
	padding: 0;
	font-size: .9em;
	/*background-color:#E2EBED;
	width:95%;*/
	
	/* End layout CSS */
	
	visibility:hidden;
	height:200px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:0;
	/*font-size:0.9em;	*/
	position:relative;
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#sharelinks {
	margin-top:25px;
	border-top: 1px dotted #444;
	padding-top:25px;
	clear:both;
}

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(images/overlay.png) repeat;
    text-align:center;
}

#lightbox p {
    text-align:right;
    color:#333;
    margin-right:20px;
    font-size:12px;
}

#lightbox img {
   
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
	 box-shadow:0 0 25px #111;
    max-width:940px;
}

/*---------------------------------------*/
/*------ POP UP IKKUNA ------------------*/
/*---------------------------------------*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:9999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#myBtn { border:none; background-color:none; font-size:medium; }
/*---------------------------------------*/
/*------ POP UP IKKUNA LOPPU ------------*/
/*---------------------------------------*/


/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/

a.downloads_link:link, a.downloads_link:visited { color: #111; font-size: 1em; text-decoration: none; background-image: url(images/document.png); background-repeat: no-repeat; padding: 0 0 0 17px; display: block; width: inherit;  margin:  5px 0 0 0;}
a.downloads_link:hover { text-decoration: underline; color: #71b238;  }
img.yhteys { float:right; margin: 0 0 15px 2%;}
/*
<div class="form_field_title">Nimi</div><div class="form_field">
							<input class="input_text" name="name" value="" type="text">
						</div><div class="form_field_title">Viesti</div><div class="form_field">
							<textarea class="input_textarea" name="feedback"></textarea>
						</div><div class="form_field_title">Tarkistuskentt�<br>Kirjoita kentt��n nelj� vitosta.</div><div class="form_field">
							<input class="input_text" name="check" value="" type="text">
						</div><input name="send" id="Submit" value="L�het�" class="send_button" type="submit">
			<input name="reset" id="Reset" value="Tyhjenn�" class="clear_button" type="reset">
			</form>		
						<span class="info">HUOM! Kaikki kent�t ovat pakollisia!</span><div class="form_field_title">Nimi</div><div class="form_field">
							<input class="input_text" name="name" value="" type="text">
						</div><div class="form_field_title">Viesti</div><div class="form_field">
							<textarea class="input_textarea" name="feedback"></textarea>
						</div><div class="form_field_title">Tarkistuskentt�<br>Kirjoita kentt��n nelj� vitosta.</div><div class="form_field">
							<input class="input_text" name="check" value="" type="text">
						</div><input name="send" id="Submit" value="L�het�" class="send_button" type="submit">
			<input name="reset" id="Reset" value="Tyhjenn�" class="clear_button" type="reset">
			</form>
*/
form {font-family: 'Droid Sans', sans-serif; font-size: .95em; color:#111;}
span.info { font-family: 'Playfair Display', serif; font-weight: 400; color: #303030; font-size: .9em; text-transform: uppercase;  padding: 10px 0 20px 0;}

div.form_field_title { width: 100%; padding: 8px 0 5px 0; margin: 0; float: left; display:block; font-family: 'Droid Sans', sans-serif; font-size: .95em; color:#111;}

div.form_field input {border: none; background-color: #fff; padding: 10px 3%; width: 88%; -moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px;  font-family: 'Droid Sans', sans-serif; font-weight: 400;  color: #333; font-size: .9em; 
-webkit-box-shadow:inset 0px 0px 0px 1px #707070;
    -moz-box-shadow:inset 0px 0px 0px 1px #707070;
    box-shadow:inset 0px 0px 0px 1px #707070; }

div.form_field input:hover 
{-webkit-box-shadow:inset 0px 0px 0px 1px #71b238;
    -moz-box-shadow:inset 0px 0px 0px 1px #71b238;
    box-shadow:inset 0px 0px 0px 1px #71b238; }

.input_textarea { 
border: none; background-color: #fff; padding: 10px 3%; width: 88%; -moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px;  font-family: 'Droid Sans', sans-serif; font-weight: 400;  color: #333; font-size: .9em; height: 100px; margin-bottom: 10px; 
	-webkit-box-shadow:inset 0px 0px 0px 1px #707070;
    -moz-box-shadow:inset 0px 0px 0px 1px #707070;
    box-shadow:inset 0px 0px 0px 1px #707070; }
.input_textarea:hover 
{-webkit-box-shadow:inset 0px 0px 0px 1px #71b238;
    -moz-box-shadow:inset 0px 0px 0px 1px #71b238;
    box-shadow:inset 0px 0px 0px 1px #71b238; }

input.send_button, input.clear_button  { border: none; background-color: #71b238; color: #fff; padding: 10px 15px; margin: 10px 0 ; width: auto;-moz-border-radius: 8px; 	-webkit-border-radius: 8px; 	border-radius: 8px; font-size: 1.2em; text-transform:uppercase; font-family: 'Playfair Display', serif; font-weight: 400; }

input.send_button:hover, input.clear_button:hover { background-color: #a5a5a5; color: #fff;}

a.rss_news_link:link, a.rss_news_link:visited  { color: #111; font-size: .95em; font-style:italic; text-decoration: none; background-image: url(images/list-item.png); background-repeat: no-repeat; padding: 0 0 0 12px; display: block; margin:  15px 0 5px 0; line-height: 1.2em;  }
a.rss_news_link:hover{ text-decoration: underline; color: #71b238;  }

/*iframe.iframe_feedback_form { height: 620px;}


div.form_field_title input { width: 100%; padding: 5px 0 10px 0; margin: 0; float: left; display:block; }
input.tarkistus { width: 20% !important; display: block;}
*/



div.intra_login_form { display: block; width: 40%; padding: 20px 5%; margin: 50px auto; background-color:#ededed; -moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px;}

div.intra_login_form_label { font-family: 'Playfair Display', serif; font-weight: 400; color: #303030;
			font-size: .9em; text-transform: uppercase; }

div.intra_login_form_object  { padding: 5px 0; }
input.intra_login_form_input_text { border: none; background-color: #fff; padding: 10px 3%; width: 88%; -moz-border-radius: 10px; 	-webkit-border-radius: 10px; 	border-radius: 10px;  font-family: 'Droid Sans', sans-serif; font-weight: 400;  color: #333; font-size: .9em; 
-webkit-box-shadow:inset 0px 0px 0px 1px #707070;
    -moz-box-shadow:inset 0px 0px 0px 1px #707070;
    box-shadow:inset 0px 0px 0px 1px #707070; }
	
input.intra_login_form_input_text:hover {-webkit-box-shadow:inset 0px 0px 0px 1px #71b238;
    -moz-box-shadow:inset 0px 0px 0px 1px #71b238;
    box-shadow:inset 0px 0px 0px 1px #71b238; }
	
	
input.intra_login_form_send_button
	{ border: none; background-color: #71b238; color: #fff; padding: 10px 15px; margin: 10px 0 ; width: auto;-moz-border-radius: 8px; 	-webkit-border-radius: 8px; 	border-radius: 8px;  font-family: 'Droid Sans', sans-serif; font-weight: 400;  font-size: 1.2em; text-transform:uppercase;}

input.intra_login_form_send_button:hover { background-color: #a5a5a5; color: #fff;
-webkit-box-shadow:inset 0px 0px 0px 1px #707070;
    -moz-box-shadow:inset 0px 0px 0px 1px #707070;
    box-shadow:inset 0px 0px 0px 1px #707070; }
	/**/

div.video { width: 50%; display: block; padding: 5px 2%; float:left;}
span.ingressi { float:right; font-size: 2.5em; line-height: 1em; font-weight:400; font-style:italic;  color:#fff;   margin:10px 0 10px 2%; font-family: 'Economica', sans-serif;  padding: 15px 4%; width: 36%; background-image: url(images/bg-vino.png);}
/*img.logo-kmk { border: none; z-index: 1000 !important; }*/
/*.wide_100 iframe {  z-index: 40; margin: -5px 0; height: 1500px !important; width:100%; max-width:100%; max-height:100%; overflow:visible;}*/


/*---------------- etusivun boxit----------------------------------------------------------------*/
div#slogan { width: 65%; padding: 0 0 0 5%; height:55vh; margin: 25vh 0 10vh 0; font-size: 1.3em;}  
#slogan h1 {font-size: 3.6em; color: #224159; /*color:#3c3e3f;*/   font-family: 'Roboto Condensed', sans-serif; line-height: 1em;}
#slogan h2 {font-size: 2em;  color:#3c3e3f;   font-family: 'Roboto Condensed', sans-serif; line-height: 1em; margin: 15px 0;}


/*
div#mobile-purifier { display:block;  width: 100%; height: 300px; background-image: url(images/bg-mobile-purifier.jpg); background-size: cover;
color: #fff; padding: 20px 55% 20px 5%;margin: 0 0 0 2px; background-position: top right;}
div#mobile-purifier h1 { color: #fff;}

div#skin { display:block; width: 100%; height: 300px; background-image: url(images/6g-purifiers3.jpg); background-size: cover;
color: #222; padding: 20px 50% 20px 5%; margin: 0 0 0 2px; background-position: bottom center;}
div#skin h1 { color: #222;}

div#design { width: 100%; height: 300px; background-image: url(images/bg-design.jpg); background-size: cover;
padding: 0; margin: 0 0 0 2px; display:block;}
div#design-bg { background-color: #222; opacity: 0.6;  display:block; width: 50%; height: 100%; color: #fff; padding: 20px 5%; margin: 0;}
div#design-bg h1 { color: #fff;}

div#filter { display:block; width: 100%; height: 300px; background-image: url(images/bg-filter.jpg); background-size: cover;
color: #222; padding: 20px 60% 20px 5%; margin: 0 0 0 2px;}
div#filter h1 { color: #222;}


div#silkkipainatus { display:block; width: 100%; height: 35vh; background-image: url(images/silkkipainatus.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff;  padding: 20% 35% 50px 5%; margin: 0; position:relative; z-index: 10; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
div#silkkipainatus h1 { color: #fff;}

div#brodeeraus { display:block; width: 100%; height: 35vh; background-image: url(images/brodeeraus.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; color: #fff;  padding: 20% 35% 50px 5%; margin: 0; position:relative; z-index: 10; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
div#brodeeraus h1 { color: #fff;}

div#painatus { display:block;  width: 100%; height: 35vh; background-image: url(images/painatus.jpg); background-size: cover; background-repeat: no-repeat; color: #222;  padding: 20px 35% 20px 5%; margin: 0 ;  position:relative; z-index: 10; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
div#painatus h1 { color: #222;}

div#suurkuva { width: 100%; height: 35vh; background-image: url(images/emb-etu.jpg); background-size: cover; background-repeat: no-repeat; padding: 0; margin: 0 ;  display:block; position:relative; z-index: 10; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
div#suurkuva-bg { background-color: #222; opacity: 0.6;  display:block; width: 50%; height: 100%; color: #fff; padding: 20px 5%; margin: 0; border-top-left-radius: 15px;}
div#suurkuva-bg h1 { color: #fff;}

div#mainos { display:block; width: 100%; height: 35vh; background-image: url(images/emb-etu2.jpg); background-size: cover;  background-repeat: no-repeat; 
	color: #fff; padding: 0; margin: 0 ; background-position: top right; position:relative; z-index: 10; border-top-left-radius: 15px;  border-bottom-right-radius: 15px;}
div#mainos-bg { background-color: #222; opacity: 0.4;  display:block; width: 60%; height: 100%; color: #fff; padding: 20px 5%; margin: 0; border-top-left-radius: 15px; }
div#mainos h1 { color: #fff;}

div#suunnittelu { display:block; width: 100%; height: 35vh; background-image: url(images/emb-etu3.jpg); background-size: cover;  background-repeat: no-repeat; color: #fff; padding: 20px 40% 20px 5%; margin: 0; position:relative; z-index: 10; border-top-left-radius: 15px; border-bottom-right-radius: 15px;}
div#suunnittelu h1 { color: #fff;}
*/
a.front:link, a.front:visited { background-color: #322e43; padding: 10px 15px; display: block; color: #fff; position: absolute; bottom: 15px; right: 15px; text-decoration: none; border: 1px solid #fff; border-top-left-radius: 10px; border-bottom-right-radius: 10px;}
a.front:hover{ background-color: #222;}


div.wide_75-left {width: 50%; padding: 5px 2%; float:left; display: block; }
div.wide_75-left img {width: 100%!important; padding: 12px 0; }
div.wide_75-right {width: 50%; padding: 5px 2%; float:left; display: block; }
div.wide_75-right img {width: 100%!important; padding: 12px 0; }

div.wide_75 img  {width: 47%; padding: 0 0 15px 3%; float:right; display: block; }
div.hlo { display:block; width: 47%; /*border-bottom: 1px dotted #777;*/ padding: 10px 0; margin: 0; float:left;}
div.hlo:after {  clear: both;   content: "";  display: block;} 
img.photo  {width: 150px!important; height: auto; margin: 0 5% 0 0; float:left!important; display: block; }


/*div#header_top img { width:80%!important; padding: 0; margin: 0 10%; visibility: visible;}*/

/*____________KUVAGALLERIA----------------------------------------///--*/



div.gallery { width: 32.83%!important; display:block!important; height:auto!important; float: left; padding: 0!important; margin: 0 .5% 5px 0!important; overflow:hidden!important; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box;	box-sizing: border-box; border: 1px solid #444; border-radius: 2px;*/}
div.gallery img { width: 150%!important; height: auto!important;  padding: 0!important; margin-left: -25%!important;  margin-top: -15%!important; }
div.gallery img:hover { opacity:0.95!important;  }

th { font-weight: 700; text-align:left; }

/*________________ETUSIVU_____________________________________________________________*/

div.etu-box { display:block; background-color: #fff;  border:1px solid #fff; float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3%; border-radius: 10px;}
div.etu-box img { width: 100%; margin: 10px 0; padding: 0; }
a.cat-link:link {text-decoration: none;}
div.etu-box:hover {background-color: #f6f6f6; border:1px solid #ddd;}
img.pic-right { float:right; margin: 0 0 25px 3%; width: 119px!important;}


/*_______________KAIKKI TUOTEKATEGORIAT________________________________________________________*/

div.product_default_content_cat1 {display:block; position: relative; background-color: #fff; border:1px solid #fff; float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3%; border-radius: 10px; height: 350px;}
div.product_default_content_cat1:hover {background-color: #f6f6f6; border:1px solid #ddd;}
a.product_category_title_link:link, a.product_category_title_link:visited {}
a.product_category_title_link:hover {}
h3.product_category_title{ font-size: 1.6em;}		
a.product_highlight_image_thumb_link{}
img.product_highlight_image_thumb{ padding: 10px 0;}
a.product_category_caption_link{}
a.product_category_caption_link:hover{ text-decoration: underline;}
div.product_read_more{ position: absolute; right: 15px; bottom: 10px; background-color:#9ece2c; padding: 7px 10px; border-radius: 5px; color: #fff;}
a.product_read_more_link:link, a.product_read_more_link:visited { text-decoration: none; color:#fff;}
a.product_read_more_link:hover { text-decoration: underline;}


/*_______________ TUOTEKATEGORIA________________________________________________________*/


div.category_wide {display:block; /*background-color: #fff; border:1px solid #CCC;*/ float:left; width: 100%; margin: 0 0 10px 0; padding: 20px 3%; /*border-radius: 10px;*/}
img.product_category_image { display:none;}

div.product_box2 { float:left; width: 32.83%; margin: 0 .25% 5px .25%; padding: 20px 3% 5px 3%;  display: block; border-radius: 10px; min-height: 300px; /*overflow: hidden;*/ background-color: #fff;  border:1px solid #fff; position:relative;}
div.product_box2:hover {background-color: #f6f6f6; border:1px solid #ddd;}

div.product_caption { width: 100%;}

img.product_box2_image_thumb { max-height:100px; max-width:100px; float:left; display:block; text-align:left; margin:10px;}
div.product_caption a:link, div.product_caption a:visited { color: #6d731d; text-decoration: none; }
div.product_caption a:hover {color:#222; text-decoration: underline;   }
div.product_caption .product_read_more_link { display:block; width: 84px; height: 35px; position: absolute; right: 15px; bottom: 10px;}
div.product_caption_image {float:left; display:block; text-align:left; margin:10px;}

/*-_______________ TUOTEsivu________________________________________________________*/
div.product_category_left { width:30%; float:left; display:block; }
div.product_category_left img { width:90%; padding:0; float:left;}

div.product_category_right { width:66%; margin:0; padding:20px 1% 20px 3%; float:right; display:block; }
div.product_category_right ul { margin:20px 0;}
div.product_category_right ul li { list-style-type:square; margin-left: 25px;}
span.koko { background-color:#333; color:#fff; font-size:1em; padding:6px 12px; margin:0 0 0 3px; border-radius:5px;  }


div.yht { width:49%; height:auto; margin: 0 1% 0 0; padding: 0; float:left; }
img.tuote-logo { width:30%; height:auto; margin: 0 3% 0 0; padding: 0; float:left; }
img.tuote { width:35%; min-width: 80px; height:auto; margin: 0 0 20px 3%; padding: 0; float:right; }
img.tuote-wide { max-width:90%; height:auto; margin: 0 0 20px 0; padding: 0;}

a.body:link, a.body:visited { color: #045ac4; text-decoration: underline; font-weight: 400;}
a.body:hover { text-decoration: none;   }

div.left_25 { width:96%; margin: 0 2%; padding: 5px 2%; float:left; display:block;}
div.left_25 p { margin: 0;}

/*------haku boxi-----------*/
div.search-container { width: 300px; height: auto; position: absolute; right: 2%; top: -40px; text-align: right; z-index: 22000;}
div.search-container input#search-box { padding: 8px; background-color: #fff; border: 1px solid #9ece2c; border-radius: 3px;  width: 200px; font-size: 1.1em;}
div.search-container input#search-button { padding: 8px; margin-left: 10px; background-color: #9ece2c; border: 1px solid #9ece2c; border-radius: 3px;   width: 50px; font-size: 1.1em; text-transform: uppercase; color: #fff;}
div.search-container input#search-button:hover { background-color: #222; cursor: pointer; }
div.search_form { display:none;}

div.product_search_link a:link,div.product_search_link a:visited { text-decoration: none; display:block; color: #333; padding: 3px 0 3px 12px; font-size: .95em; line-height:normal;  background-image: url(images/arrow-grey.png); background-repeat: no-repeat; }  
div.product_search_link a:hover{ text-decoration: underline; } 

div.clr{ clear:both; width: 100%;}