html, body { margin: 0; background-color:#03131b; background-image:url(images/bg.jpg); background-repeat:no-repeat; background-position: left top;  }

div#keywords { position: absolute; left: 0; top: 0; height: 0; width:0; visibility:hidden;}


#container { width: 96%; max-width: 900px; padding: 0 2% 15px 2%; margin: 10px auto; display:block; background-color: #03131b; /*border: 10px solid #03131b;*/ }


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* --------- Y L Ä O S A ------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header { width: 100%; margin: 0; }
#header img { width: 100%;}

/*  S L I D E   --------------------------*/
div.slide { width: 100%;}
.rslides { position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.rslides li {   -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {   display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }




div.clr { clear:both; padding: 3px 0; }


/*div#header_top { width:100%; margin:0; padding:0; display:block; clear:both; text-align:center; }
div#header_top img { width:100%; max-width:828px; }*/

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

/* päänavigaatio */
div.navi_top{ width: 98%; margin: 4px 1% 0 1%; padding: 15px 0 5px 0 ; display: block; height: 40px; background-color: #03131b; }

.navi_top-list { width: 90%; margin: 5px 2% 5px 2%; padding: 0;  text-align:center; }
.navi_top-list li { display: block; padding: 0 .7% 0 0; margin: 0 .7%; text-align: left; float:left; font-size: 1em; }
.navi_top-list li a:link, .navi_top-list li a:visited  { font-family: 'Economica', sans-serif; display: block; width: 100%; height: 40px; color: #fff;  text-decoration:none;  text-transform:uppercase;} 
.navi_top-list li a:hover {color: #75cefa; text-decoration: none; }
.navi_top-nav { display:none; }



/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- S I S Ä L T Ö A L U E   --------------------------------------------------------------------------------------------------------------------------------------*/
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


div#wrapper { width: 85%; margin: 5px 10% 5px 5%; background-color:#ffffff; }

#content  { width: 100%; margin: 0; padding: 15px 0; display:block; font-family: 'Open Sans', sans-serif; font-weight: 300;  
color: #333; font-size: 1em; line-height: 1.4em; background-color:#ffffff;	}
#content:after {  clear: both;   content: "";  display: block;} /*  container div get the height of max of its children's height + overflow hidden in div.content*/


div.content_inner_100 { width:98%; padding:0; margin:1% 0; clear:both; /*background-color:#edf6fe;  text-align:left; min-height:600px;overflow:hidden; display:table; position:relative;*/}
div.content_inner_80 { width:78%; padding:0; margin:1%; float:left; /*background-color:#edf6fe;  min-height:600px;overflow:hidden; display:table; position:relative;*/}
div.content_inner_60 { width:58%; padding:0; margin:1%; float:left; /*background-color:#edf6fe;   min-height:600px;overflow:hidden; display:table; position:relative;*/}
div#content_wide { width:70%; padding:0; margin-left:auto; margin-right:auto; margin-bottom:10px; clear:both; /*background-color:#edf6fe;*/ text-align:left; display:block;}
div#content_right { width:50%; display:block; /*margin-left:220px; min-height:420px; float:left;*/ text-align:left; float:right; margin-bottom:10px; }

/* ------ yleiset ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.navi_left {width:20%; float: left; display:block;}
div.navi_right {width:20%; float: left; display:block;}

div.left_33 {    width:31%; /*height:100%;*/   margin:1%; padding:1%; display:table-cell; float:left; /*background-color:#ededed;*/ }
div.center_33 {  width:31%; /*height:100%;*/ margin:1%; padding:1%; display:table-cell; float:left; /*background-color:#ededed;*/ }
div.right_33 {   width:31%; /*height:100%;*/  margin:1%; padding:1%; line-height: 13px; display:table-cell; float:left;  /*background-color:#ededed;*/ }

div.left_50 {  width:50%; height:100%; margin:10px; padding:10px; line-height: 13px; display: table-cell; float:left; /*background-color:#ededed;*/ }
div.right_50 {  width:50%; height:100%; margin:10px; padding:10px; line-height: 13px; display: table-cell; float:left; /*background-color:#ededed;*/ }
/*div.wide_100 {  width:96%; margin-left:1%; padding:1%; line-height: 13px; display: block; float:left;  }*/
div.wide_100 { width: 100%; padding:0; margin: 5px 0; display:block; clear:both;}
div.right_wide_box {  width:75%; margin-left:10px; padding:10px; line-height: 13px; display: block; float:left; /*background-color:#6f8fa5;*/ }

h1,h2,h3,h4,h5 {    font-family: 'Yanone Kaffeesatz', sans-serif; /*font-family: 'Economica', sans-serif;*/ }
h1 { font-size: 2.4em; line-height: 1em; margin: 10px 0;  color:#03131b;}
h1#small { font-size: 2em; line-height: 1em; margin: 10px 0; color:#03131b; text-transform: none;}
h1#grey { font-size: 2em; line-height: 1em; margin: 10px 0;  color:#444444; text-transform: none;}
h2 { font-size: 1.6em; line-height: 1em; margin: 6px 0; color:#03131b;}

/*
h1 { font-size: 2em; color: #000; font-family: 'Special Elite', cursive; font-weight:bold; margin-top:2%; margin-bottom:2%; line-height:normal; }
h2 { font-size: 1.7em; color: #000; margin:5px; font-family: 'Special Elite', cursive; font-weight:bold; line-height:normal; }
h3 { font-size: 1.3em; color: #000; font-family: 'Special Elite', cursive; font-weight:bold; line-height:normal; }
h4 { font-size: 1.2em; color: #000; font-family: 'Special Elite', cursive; font-weight:bold;  padding: 0 0 3px 0;  margin: 5px 0; line-height:normal;}
h5 { font-size: 1.1em; color: #000; margin: 3px 0; font-family: 'Special Elite', cursive; font-weight:bold; line-height:normal; }

h4.rel { font-size:1.6em; color:#4d1e16; font-weight:bold; margin:5px 0; border-bottom:1px solid #d9d9d9; font-family: 'Aladin', cursive; line-height:normal;}
h2.news_archive_title { font-size: 1.1em; color: #000; margin: 3px 0; font-family: 'Special Elite', cursive; font-weight:bold; margin-top:5%; line-height:normal; }
h3.news_archive_title { font-size: 0.9em; color: #000; margin: 3px 0; font-family: 'Special Elite', cursive; font-weight:bold; line-height:normal; }
*/
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;}

td { vertical-align:top; }
td.haku_otsikko { font-weight:900; font-size:12px; color:#333; }
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/* ------ tuotteet ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*div#left { width: 600px; padding: 15px; margin: 0 0 0 200px;  float:left; border-right: 1px solid #d9d9d9;  }*/
div#rightgroup { width:65%; /*float: left;*/ padding: 0; margin: 0 0;   }

div#breadcrumb_content { margin:1%; }
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.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.product_default_content_cat1{ float:left; padding: 0 1% 1% 1%;  /*background-color:#ddeefe; border:solid 1px #000;*/ margin:1%; width:31%; height:200px; display:block; }

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.product_image_thumb {max-height:100px; max-width:100px; margin:10px; }
img.product_highlight_image_thumb {max-height:100px; max-width:100px; float:left; display:block; margin:5px; }
div.product_highlight_price { font-weight:bolder; font-size:14px; float:right; /*margin:10px;*/ display:block; background-color:#ddeefe; padding:7px; border-bottom:1px solid #717171; border-right:1px solid #717171; clear:right;}

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; }


div.product_box2 { width:98%; margin:1%; padding:1%; font-size:12px; line-height: 13px; display: block; float: left; position: relative; /*background-color:#ededed; border: 1px solid #CCC; */ min-height:80px;}

div.product_caption { width:70%; }
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: #064c6f; text-decoration: underline; font-weight: bold; font-size: .8em;}
a.body:hover { text-decoration: none; color: #000000;  font-weight: bold; }

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; float: left; /*border: 1px dotted #C5C5C5;*/ float: left; line-height: 14px; }

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

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;}

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

/* --------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:1%; margin-left:1%; margin-right:1%; /* display:block; background-color:#ededed; border: 1px solid #d9d9d9;*/ float:left; text-align:left; }
div.news_2 { width:98%; padding:1%; margin:1% 0 5% 0; display:block; /*background-color:#ededed; background-color:#fff; border: 1px solid #d9d9d9;*/ float:left; text-align:left;}
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; min-height:40px; color:#fadd18; 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; 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:92%; margin-left:auto; margin-right:auto; margin-top:30px; clear:both; background-image:url(images/menu_bg.gif); margin-bottom:10px; background-repeat:no-repeat;background-color:#ddeefe; background-image:url(images/menu1_tausta.jpg); padding:10px; /*border: 1px solid #000000; text-align:center; color:#fadd18; font-size:0.8em; }*/
/*div#footer { margin-top:30px; clear:both; background-image:url(images/bg_footer.png);  text-align:center; color:#fadd18; font-size:0.8em; }*/
/*div#footer { max-width:980px; height:144px;  margin:0 auto; display:block; background-image:url(images/bg_footer.jpg); background-position:top center; background-repeat:repeat-y; overflow:hidden; position:relative;}*/
/*
div#footer {  width: 96%; max-width: 1000px;  margin:10px auto;; padding: 15px 0 5px 0 ; background-color: #c3c3c3; text-align: center;  font-family: 'BenchNine', sans-serif;  color: #444444; font-size: 1.3em; line-height: 1.5em; }
*/
div#footer {  width: 96%; margin: 10px 0; padding: 15px 2% ; background-color: #c3c3c3; text-align: center;  font-family: 'BenchNine', sans-serif;  color: #03131b; font-size: 1.2em; line-height: 1.5em; }

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




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------- 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; display:block; /*margin:10px; background-color:#ddeefe;*/ padding:7px; border-bottom:1px solid #717171; border-right:1px solid #717171; clear:both; margin-bottom:10px; margin-left:0;}
div.product_price_list { font-weight:bolder; font-size:14px; float:left; display:block; /*margin:10px; background-color:#ddeefe;*/ padding:7px; border-bottom:1px solid #717171; border-right:1px solid #717171; clear:both; margin-bottom:10px; margin-left:0;}

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

/* ostoskori --- tuotemenun alaosa ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div#shopping_cart {  }

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:none; }

/*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; }

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; }

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 {}
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* ------ kassa ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*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_details { border-bottom:1px solid #333; /*margin-top:5%;*/ padding-bottom:2%; }
/*
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:20px;
	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 {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    max-width:940px;
}

#unitwide {width: 100%; padding:0 0 15px 0; margin: 5px 0; display:block; clear:both;}
#unit {width: 48%; padding: 12px 0 5px 0; margin: 0 2% 5px 0; float: left;  display:block;}
#unit img { width: 98%; border-top: 10px solid #03131b; }

#unitwideimg {width: 90%; margin: 0 2%; padding: 10px 3%; display:block; clear:both; background-color: #c3c3c3;}
#unitwideimg:after {  clear: both;   content: "";  display: block;} /*  container div get the height of max of its children's height + overflow hidden in div.content*/


div.photo { width: 48%; margin: 10px 1% 10px 1% ;  float: left; display:block; text-align: center; font-weight: bold;}
div.photo img { width: 100%; margin: 0 0 5px 0; text-align: center;}

div.photo2 { width: 48%; margin: 10px .5% 0 .5% ;float: left; display:block;  border: 1px solid #CCC;}
div.photo2 img { width: 50%; margin: 0; float:left;}

span.txt { width: 47%; float: right; text-align: left; margin: 10px 0 0 3%;}