body {
background:#FEDF8B url(/files/gif/23459/body_bg.gif) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

#extranet {
background:#EADFD6;
}

#kauppiastiedotteet {
        background-color:#ffffff; 
        background-repeat: no-repeat; 
        background-attachment: scroll;
        background-image: url(/files/jpeg/15706/stemmatiedotebg2008.jpg);
        margin: 3px;
}
p { margin-top: 0px; }
a { color: #000; text-decoration: none; }
a:hover { color: #96213B; text-decoration: none; }
h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
}

img {
 border: 0px;
} 

h2 { font-size: 14px;}
h3 { font-size: 12px;}
h4 { color: #96213B; font-size: 11px;}
h5 { font-size: 9px; text-align: right; color: #666666; } 
/* H5 Käytetään pieneen pränttiin esim. tuotesivulla "Varaamme oikeuden..." */
table tr { vertical-align: top; }
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* STRUCTURE ------------------------------------------------ */

.site {
	width: 900px;
	height: 100%;
	margin: 0 auto 10px !important; 
	border: 1px solid #000000;
	background:#FEFCFB url(/files/gif/21409/site_bg.gif) repeat-y;
}
.site_extranet {
	width: 900px;
	height: 100%;
	margin: auto; !important
	border: 1px solid #000000;
	background-image: url(/files/gif/601/site_extranet_bg.gif);
	background-repeat: repeat-y;
}
.header {
/*      position: absolute; */
position:relative;
	width: 900px;
	height: 123px; 
        background-color:#96213B;
//	background-image: url(/files/jpeg/21384/header_bg.jpg); 
}

.header_map {
/*      position: absolute; */
position:relative;
	width: 900px;
	height: 123px; 
}
.navi { 
/*	position: absolute;
        top: 115px; */
        width: 900px;
	height: 27px;
	background:#831A31;
}
.main {
	position: relative;
        width: 900px;
/*        top: 20px; */
	padding-top: 0px;
	padding-bottom: 15px;
}
.main_frontpage {
	width: 900px;
	padding: 0px;
}
.frontpage_img {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
        margin-right: 10px; 
	float: left;
}
.footer {
	width: 900px;
	height: 27px;
	background:#831A31;
	clear: both;
}

/* HEADER --------------------------------------------------- */

.logo { margin: 20px; float: left; }
.slogan { width: 360px; height: 83px; margin-top: 20px; float: left; }
.catalogcontainer {
position:absolute;
	z-index: 100;
right:12px;
top:12px;
}






/* MENU ----------------------------------------------------- */

#menu {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	font-size: 14px;
	float: left;
}

#menu img {
vertical-align:-3px;
}
#menu li {
	list-style-type: none;
	display: inline; 
	height: 27px;
}
#menu a {
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 19px 2px 19px;
	display: block;
	float: left;
 }
#menu a:hover, #menu .act, #menu_home a:hover {
        background:#B8697A;
}

#menu_home a{
	font-size: 14px;
        float:right;
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	padding: 5px 20px 2px 20px;
	display: block;
}

/* MAIN ----------------------------------------------------- */

.txt { 
	width: 550px;
        padding:12px 10px 10px 13px;
	float: left;
position:relative;
}
.txt_extranet { 
	margin: 10px;
	padding-top: 20px;
	width: 720px;
	float: left;
        z-index: 5;
        background: #FFFFFF;
}
.txt_frontpage {
width:724px;
float:left;
position:relative;
}
.txt ul { margin-top: 0px;  }
.content_box {  /* SISÄLTÖSIVUN PUOLITTAVA LAATIKKO */
	width: 260px;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
}
.content_box_full {
	width: 100%;
	margin-bottom: 10px;
float:left;
clear:both;
}
.content_box_full h1 {
background:#EADFD6;
padding:3px 10px;
}
.content_box p, .content_box h2, .content_box h3 { margin-left: 0px; }
.content_box_full table p, .content_box_full table h3 { margin-left: 0px; }
.theme_img { margin: 0 0 15px 15px;float:right; }
.navi_reunat { border: 2px solid #efefef; }

#news_frontpage {
background:transparent url(/files/png/23707/news-bg.png);
position:absolute;
top:0;
left:0;
max-width:724px;
}

#news_frontpage ul {
padding:10px;
margin:0;
list-style-type:none;
}

#news_frontpage ul li a {
text-decoration:underline;
color:#96213B;
font-weight:bold;
}

#news_frontpage ul li a:hover {
text-decoration:none;
}

/* LEFT ---------------------------------------------------- */

.left {
	width: 125px;
	padding: 20px 8px 20px 20px;
	margin: 0px;
	float: left;
	clear: left;
	font-size: 11px;
}

.left input { font-size: 10px; border: 1px solid #CCCCCC; color: #666666; background-color: #FFFFFF; }

#submenu_left {
position:relative;
}

#submenu_left li { visibility: hidden; display:none;} 
#submenu_left li.act { visibility: hidden; display:inline; }
#submenu_left li.act ul { visibility: visible; position:relative; left:-10px; top:-14px;}
#submenu_left li.act ul li { visibility: visible; display:block; }

#submenu_left, #submenu_left_bottom, #productgroup_listing, #submenu_extra {
padding:0;
margin:0;
}

#submenu_left li, #submenu_left_bottom li, #productgroup_listing li, #submenu_extra li {
list-style-type:none;
margin:0 0 5px 0;
}

#submenu_left li a, #submenu_left_bottom li a, #productgroup_listing li a {
font-weight:bold;
color:#000;
}

#submenu_left li a:hover, #submenu_left li.act ul li a:hover, #productgroup_listing li a:hover, #submenu_left_bottom li a:hover, #submenu_left li.act a, #productgroup_listing li.act a, #submenu_left_bottom li.act a, #submenu_left li.act ul li.act a, #productgroup_listing li.act ul li.act a, #submenu_left_bottom li.act ul li.act a, #submenu_left li.act ul li.act ul li.act a, #productgroup_listing li.act ul li.act ul li.act a, #submenu_left_bottom li.act ul li.act ul li.act a, #submenu_extra li a:hover, #submenu_extra li.act a, #submenu_extra li.act ul li.act a, #submenu_extra li.act ul li.act ul li.act a {
color:#96213B;
}

#submenu_left li.act ul li a, #productgroup_listing li.act ul li a, #submenu_left_bottom li.act ul li a, #submenu_extra li.act ul li a {
color:#000;
}

#submenu_left li.act ul li.act ul li a, #productgroup_listing li.act ul li.act ul li a, #submenu_left_bottom  li.act ul li.act ul li a, #submenu_extra li.act ul li.act ul li a {
color:#000;
}

#submenu_left ul, #productgroup_listing ul, #submenu_left_bottom ul, #submenu_extra ul {
padding:0;
margin:0 0 0 10px;
}

#productgroup_listing ul li a, #submenu_left_bottom ul li a, #submenu_extra ul li a {
font-weight:normal;
font-style:italic;
color:#000;
}


/* RIGHT -------------------------------------------------- */

.right {
	width: 150px;
        padding:12px;
	margin: 0;
	float: right;
	font-size: 11px;
}

#submenu_right {
	width: 177px;
	padding: 0px;
	list-style-type: none;
}
#submenu_right li {
	margin: 2px;
	padding: 0px;
}

#submenu_right li.search {
	margin: 2px;
	padding: 3px;
	background-color: #8c8c8c;
	height: 20px;
}
.searchbutton {
	height: 19px;
	width: 35px;
	background-color: #ebebeb;
	border: solid 1px #666;

}

.searchtext {
	height: 15px;
	background-color: #ebebeb;
	border: solid 1px #666;
}

#submenu_right li a {
	background-color: #8c8c8c;

	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase; 
	padding: 3px;
	display: block;
}
#submenu_right li a:hover {
	color: #96213B;
	background-color: #cccccc;
}
#submenu_right li a.act, #submenu_right li a.act:hover {
	color: #96213B;
        font-weight: bold;
	background-color: #cccccc;
}

/* SIJAINTI KARTALLA ASETUKSET ---------------------------- */ 
#map_canvas {
        width: 255px; 
        height: 242px;
        border: 1px solid #000;
}
#map_canvas2 {
        width: 255px; 
        height: 242px;
        border: 1px solid #000;
}
.keskita_kartta_linkki {
        text-align: right; 
        margin-top: -12px; 
        margin-bottom: -5px;
}
.kartta_esim {
 
        color: #5A5A5A;
        font-style: italic;
        font-size: 8pt;
}

/* NEWS ---------------------------------------------------- */ 
.newsdate { margin-top: 15px; padding-right: 2px; margin-left: 2px;  }
#news {
	list-style-type: none;
        margin-left: 0px;
        padding: 0px;
}
#news li {
	margin: 0px;
	padding: 0px;
}
#news li p {
	margin-top: 10px;
	margin-bottom: 2px;
}
#news_all {
	list-style-type: none;
        margin-top: 35px;
        margin-left: 0px;
        padding: 0px;
        width: 145px;
}
#news_all li {
	margin: 0px;
	padding: 0px;
}
#news h1, #news_all h1 { font-size: 12px; display: inline; }
#news li a { font-size: 11px; }


/* PRODUCTS ------------------------------------------------ */ 
.product_page_selector {
width: 100%;
/*	position: absolute; */
	font-size: 14px;
	text-align: center;
	margin-left: 0px;
	padding-left: 0px;
	float: left;
        list-style: none;
}
/*
ul div.product_page_selector {
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
	font-size: 14px;
        list-style: none;

}
*/
div.product_page_selector a {
        color: #666666;
	font-size: 14px;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 4px;
}
div.product_page_selector a:hover {
        color: #96213B;
	font-size: 14px;
	font-weight: bold;
}
.product_group ul {
	width: 170px;
	height: 160px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 5px;
        list-style: none;
}
.product_group .col0 {
        width: 170px;
        height: 110px;
        text-align: center;
}
.product_group .col1 {
        width: 170px;
        text-align: center;
        vertical-align: bottom;
	color: #000;
        /* margin-left: 10px; */
        font-weight: normal;
}
.product_group .col2 {
        width: 170px;
        text-align: center;
        color: #000000;
	font-weight: bold;
	font-size: 17px;
        /* margin-left: 10px; */
}
span.font_offers { color: #96213B; }
.product_group a {
	color: #000;
	text-decoration: none;
}
.product_group a:hover {
	color: #96213B;
	text-decoration: none;
}

.product_top_left {
	width: 290px;
	color: #999999;
	float: left;
	padding-left: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #FFFFFF;
}
.product_top_right {
	width: 210px;
	color: #999999;
	float: left;
	text-align: right;
	padding-right: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #FFFFFF;
}
/* .product_top_right a:link {
color: #e00021;
} */
.product_top_mb {  /* MATERIAALIPANKKI */
	width: 550px;
	color: #999999;
	clear: left;
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	background-color: #FFFFFF;
        text-align: right;
}
.product_top_left a, .product_top_right a, .product_top_mb a { color: #999999; text-decoration: none; }
.product_top_left a:hover, .product_top_right a:hover, .product_top_mb a:hover { color: #96213B; text-decoration: none; }
.product {
	width: 550px;
	margin: 0px;
	padding-bottom: 10px;
	background-color: #F6F1D8;
clear:both;
}
.product_mb {  /* MATERIAALIPANKKI */
	width: 550px;
	margin: 0px;
	padding-bottom: 10px;
	clear: left;
}
.product p { margin-left: 15px; margin-right: 15px; }
.prod_diff_price_true { color: #003366; }
.prod_diff_price_false { display: none; }
.prod_nodiff_price_true { display: none; }
.prod_price_0 { display: none; }
.prod_title { 
	color: #96213B;
        text-transform: uppercase;
        font-weight: bold;
}
.product_list {
        clear: both;
}
.product_list ul {
        margin: 0;        
        padding-left: 10px;
        list-style: none;
}
/* SISÄISET TIEDOTTEET */
.internal_news table { 
        width: 720px;
        border-collapse: collapse;
}
.internal_news tr { vertical-align: top; } 
.internal_news .news_header { 
	padding-top: 5px;
	padding-bottom: 0px; 
	/* border-top: 1px solid #96213B;
	border-bottom: 1px solid #CCCCCC; */
	 background: #831A31;  /* punainen */
	/* background: #330065; */ /* violetti */
	/* background: #626262; */ /* harmaa */
	color: #ffffff;
}
.internal_news .news_header a { 
	text-transform:uppercase;
	margin-left: 10px;
	font-weight: bold;
	color: #ffffff;
}
.internal_news .news_title { font-weight: bold; }
.internal_news .news_header p { 
	margin: 0px 0px 0px 2px;
	padding: 0px; 
}
.internal_news .news_attachments {        
	min-height: 10px;
	height:10px;
	padding-bottom: 15px; 
	font-style: italic; 
	padding-left: 2px; }
td.news_content { width:720px; padding: 2px; border: 1px solid #efefef; }
pre.news_content_pre { padding: 2px; margin: 0; font-family: Arial, Verdana, sans-mf; }

/* MATERIAALIPANKKI ---------------------------------------- */ 
.content_page_selector {
	clear: left;
	width: 720px;
	height: 30px;
        margin-left: 0px;
        padding-left: 0px;
	font-size: 14px;
        text-align: center;
}
div.content_page_selector a {
        color: #666666;
	font-size: 14px;
	font-weight: bold;
	margin-left: 1px;
	margin-right: 1px;
}
div.content_page_selector a:hover {
        color: #96213B;
	font-size: 14px;
	font-weight: bold;
}

.materiaalipankki_sisalto {
	width: 720px;
        margin-left: 0px;
        padding-left: 0px;
        float: left;
        text-align: center;
}

.materiaalipankki_sisalto ul {
	width: 170px;
	height: 160px;
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 5px;
        list-style: none;
}

.materiaalipankki_sisalto .content_pic {
        width: 170px;
        height: 110px;
        text-align: center;
}

.materiaalipankki_sisalto .content_pic_info {
        width: 170px;
        text-align: left;
        vertical-align: bottom;
	color: #000000;
        margin-left: 10px;
        font-weight: normal;
}

.materiaalipankki_sisalto a {
	color: #96213B;
	text-decoration: none;
}

.materiaalipankki_sisalto a:hover {
	color: #000000;
	text-decoration: none;
}

/* .content_page_selector {
        text-align: center;
}
.content_pic { 
        float: left; 
        clear: left; 
        width: 190px;
        height: 120px;
        border-top: 1px solid #CCCCCC; 
}
.content_pic_info { 
        float: left; 
        width: 530px;
        height: 120px;
        padding-top: 10px; 
        border-top: 1px solid #CCCCCC; 
        font-size: 13px;
        font-weight: bold;
}
.content_pic_info a {
        font-size: 12px;
        font-weight: normal;
        margin-left: 10px;
}
*/
/* STEMMA SHOP --------------------------------------------- */ 
.shop_page_selector { 
        margin-bottom: 10px; 
        margin-top: 10px; 
        text-align: center; 

}

.stemma_shop_footer { 
        border-bottom: 1px solid #CCCCCC: 
}
.cart_info { 
        width: 350px;
        background: #e5e5e5;
        border: 1px solid #CCCCCC:
        float: right; 
}
.col7 {

 padding:0px;
 border-collapse:all;
 border-width:0px;
 border-style:none;
 background-color:none;
}

.showcart0 { display: none; }
.cart {
 border-top: 1px solid #666666;
}

.cart .row0  {
 background-color:#eeeeee;
 border-bottom: 1px solid #CCCCCC;
}
.cart .row1 td { border: 0px; }
.cart .row1 .colxx { border: 0px; }
.cart .row1 .col0, .cart .row2 .col0, .cart .row1 .col1, .cart .row2 .col1, .cart .row1 .col2, .cart .row2 .col2, .cart .row1 .col3, .cart .row2 .col3 { 
  border-right: 1px solid #CCCCCC; 
  border-bottom: 1px solid #CCCCCC; 
}
.cart .row1 .col4, .cart .row2 .col4 { 
  border: 0px solid #CCCCCC; 
  border-bottom: 1px solid #CCCCCC; 
}
.cart .row1 .col5, .cart .row2 .col5 { 
  border-left: 1px solid #CCCCCC; 
  border-bottom: 1px solid #CCCCCC; 
}
.cart .rowx td { border: 0px; }

.cart_button {
 font-size:10px;
}

/* TUOTEHAKU JA TILAUKSET */
table.search_products {
  font-size:10px;
  color:#000000;
  padding:0px;
  margin-top: -10px;
  border-bottom: 1px solid #e5e5e5;
}
table.search_products input, table.search_products select { font-size:10px; }
table.search_products tr { vertical-align: bottom; }
table.search_products h3 { margin: 0px; padding: 0px; }

/* TUOTELISTAUS */
table.product_list
{
font-size:11px;
color:#000000;
padding:0px;
}

table.cart th, table.cart td, table.product_list th
{
padding-bottom:2px;

}

.product_list td.col0 {
 background-color:#dfdfdf;
padding-bottom:2px;

}
.product_list td.col1 {
 background-color:#eeeeee;
padding-bottom:2px;
font-weight: bold;

}
.product_list td.col2 {
 background-color:#dfdfdf;
padding-bottom:2px;


}
.product_list td.col3 {
 background-color:#eeeeee;
padding-bottom:2px;


}
.product_list td.col4 {
 background-color:#dfdfdf;
padding-bottom:2px;


}
.product_list td.col5 {
 background-color:#eeeeee;
padding-bottom:2px;


}
.product_list td.col6 {
 background-color:#dfdfdf;
padding-bottom:2px;


}
.product_list td.col7 {
 background-color:#eeeeee;
 padding:0px;

}


/* TILAUSHISTORIA */

table.order_info tr.row1 td.col0, table.order_info tr.row1 td.col1, table.order_info tr.row1 td.col2,table.order_info tr.row1 td.col3 {
 background-color:#ebebeb;
padding-bottom:2px;
border-bottom: 1px solid #c2c2c2;
border-top: 1px solid #c2c2c2;

}

#preload
{display:none;}

/* OSALLISTU ARVONTAAN STATIC */

#submenu_right li.newsitem-ale a {
	background-color: #ec0040;
}

#submenu_right li.newsitem-ale a:hover {
	color: #96213B;
	background-color: #cccccc; 
}

#toteutus {
width:870px;
margin:0 auto;
font-size:10px;
text-align:right;
color:#666;
}

#toteutus a {
color:#666;
}

#toteutus a:hover {
color:#96213B;
}