/**************************************
*
*  Elementit
*
*/

body {

	background: #fff;
	color: #000;
	margin-top: 0px;
	margin-left: 0px;
	text-decoration: none;
	font-family: verdana, arial, helvetica, serif;
        text-align: left;
        line-height: normal;

}

form.inline {

	display: inline;
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;

}

input.textfield {

	font-family: "courier new";
	font-size: 10pt;
	color: #000;

}

li {

	margin-top: 0.5em;
	margin-bottom: 0.5em;

}

.sitemap ul{
        margin-left: 0px;
        list-style: normal;
}

.sitemap ul li {
        margin-left: 10px;
	padding-right: 0px;
        list-style-type: none;
	list-style-image: url("../images/arrow.gif");
	text-align: left;
        line-height: 140%;
}

/****uudet*****/

.prodimg {
border: none;
margin: 16px 0px 10px 15px;
padding: 0px;
display: block;
}

.img {
border: none;
}

.img a {
border: none;
}

.img a:hover {
border: none;
text-decoration: none;
background: #fff;
}

a, a:link, a:active {
color: #666;
text-decoration: underline;
}

a:visited {
color: #999;
text-decoration: underline;
}

a:hover {
color: #000;
text-decoration: none;
background: #c7c7c7;
}

/**************************************
*
*  Tekstityypit
*
*/



h2 {
font-size: 18px;
color: #666;
font-weight: lighter;
margin: 0px;
text-align: left;
}

h3 {
font-size: 16px;
color: #666;
font-weight: normal;
margin: 0px;
text-align: left;
}

h3.center {
font-size: 16px;
color: #666;
font-weight: normal;
margin: 0px;
text-align: center;
}

h5 {
margin: 0px 0px 0px 0px;
color: #999;
text-transform: uppercase;
font-size: 8pt;
text-align: left;
border-bottom: 1px solid #999;
}


.more {
text-transform: uppercase;
letter-spacing: 0.1em;
font: 9px;
color: #999;
}

.more a{
text-decoration: none;
color: #999;
}

.content {
margin: 0px 0px 0px 10px;
text-align: left;
line-height: 1.5em;
}

.sitemap {
margin: 0px 0px 0px 10px;
text-align: left;
line-height: 1.3em;
}

.productinfo {
min-height: 200px;
height: auto !important;
height: 200px;
text-align: left;
}

.productinfo2 {
min-height: 150px;
height: auto !important;
height: 150px;
text-align: left;
}

.teksti {
margin-left: 0px;
padding: 5px 10px 10px 0px;
line-height: normal;
text-align: left;
}

.leipis p.{
margin: 0px;
padding: 5px 10px 10px 0px;
line-height: 1.4em;
text-align: left;
}

.small p. {
margin: 20px 0px 10px 0px;
padding: -10px 10px 10px 0px;
line-height: 1.6em;
text-align: left;
}

.button {
margin: 20px 0px 20px 0px;
background: #fff;
}

.button a:hover {
text-decoration: none;
background: #fff;
}

.navipalkki ul{
margin-left: -10px;
list-style: normal;
}

.navipalkki ul li{
margin-left: 0px;
list-style: disc;
}



/**************************************
*
*  Tekstityypit
*
*/

.small, .smallx, .breadcrumb {

	font-family: verdana, arial, serif;
	font-size: 8pt;
	color: #000;
        text-align: left;

}

/*.small, .smallxBIGER {
    font-family: verdana, arial, serif;
    font-size: 12pt;
    color: #000;
}*/

.smallx {

	font-family: arial, serif;

}

.normal {

	font-family: verdana, serif;
	font-size: 10pt;
	color: #000;

}

.header, .subheader {

	font-family: verdana, serif;
	font-size: 10pt;
	color: #000;
	font-weight: bold;
	text-decoration: underline;

}

.subheader {

	font-size: 8pt;

}

.title, .subtitle {

	font-family: verdana, serif;
	font-size: 12pt;
	color: #000;
	font-weight: bold;

}

.subtitle {

	font-size: 10pt;

}

.subtitle-stores {
    font-size: 2px;
}

.red {
color: #CC0000;
font-weight: bold;
}

/**************************************
*
*  Linkit
*
*/

a.greyshadow:link, a.greyshadow:active, a.greyshadow:visited {

	color: #000;
	text-decoration: underline;

}

a.greyshadow:hover {

	background: #c7c7c7;
	text-decoration: none;

}

a.shopleft:link, a.shopleft:active, a.shopleft:visited, a.shopleft:hover {

	color: #000;
	text-decoration: none;
	font-family: verdana, arial, helvetica, serif;

}

a.shopleft:hover {

	background: #c7c7c7;

}

a.lila:link, a.lila:active, a.lila:visited, a.lila:hover {

	color: #606;
	font-weight: bold;
	text-decoration: underline;

}

a.valko:link, a.valko:active, a.valko:visited, a.valko:hover {

	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;

}


a.head:link, a.head:active, a.head:visited, a.head:hover {

	color: #000;
	font-weight: bold;
	text-decoration: none;

}

a.head:hover {

	color: #666;

}

a.extlink:link, a.extlink:active, a.extlink:visited, a.extlink:hover {

	color: #000;
	text-decoration: none;
	font-weight: bold;

}

a.extlink:hover {

	background: #c7c7c7;

}


/**************************************
*
*  Erikoistekstit
*
*/

.emphasis {

	color: #f00;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}

.bold {

	color: #000;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;

}

.bigboss {

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	font-weight: bolder;
	font-variant: normal;
	text-transform: none;
	color: #333;
	text-decoration: underline;

}

.list {

	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0em;

}

.whiteheader {

	color: #fff;
	background: #000;
	font-style: italic;
	font-weight: bold;
	font-size: 10pt;
	font-family: verdana, serif;

}

.faqwhite {

	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #fff;
	text-decoration: none

}




 #left {

     position: relative;
     left: 0px;
     top: 0px;
     width: 160px;
     margin-left: 10px;
     margin-right: 10Px;
 }

 #middle {

     position: absolute;
     left: 175px;
     top: 0px;
     width: 338px;
 }

 #right {
     clear: both;
     position: absolute;
     left: 520px;
     top: 0px;
     width: 255px;


 }

 p.otsake {
     position: relative;
     color: #999999;
     font-size: 80%;
     font-weight: bold;
     border-bottom: 1px dotted #CCCCCC;
     botder-bottom-width: 5px;

 }

 a.small {

       font-size: 60%;
       color: #7D7D7D;
       line-height: 150%;
 }


a.small:hover {

       font-size: 60%;
       color: #000;
 }

 .login_left {
     position: relative;
       font-size: 80%;
       color: #000;
     text-align: left;
 }

 input.login {
     position: relative;
     text-align: left;
     text-size: 80%;
 }

 #left_menu {
     position: relative;
     width:100%;
 }

 /*Just add the following properties and values*/

 table#alanavi {
       display: table;
       width: 100%;
       table-layout: fixed;
     white-space: nowrap;
     margin: 0;
     padding: 0;
     border: 0;
     align: center;
     font-weight: bold;
     background-color: yellow;

 }

 ul#alanavi li {
   width: 9em;
   list-style: none;
   text-align: center;
   margin: 5px, 5px, 5px, 5px;
   padding: 5px, 5px, 5px, 5px;
   border-style: dashed;
   border-width: thin;        /* sets border width on all sides */
   border-color: #B7B7B7;
 }
 ul#alanavi a {

     text-decoration: none;
     color: black;
     font-size: 70%;

 }

 #main_kuva {
     width: 100%;
     border: 0;
     margin-bottom: 6px;
 }

 .img {
     border: 0;
 }

 table#alanavi {
     width: 80%;
     white-space: nowrap;
     margin: 0;
     padding: 0;
     spacing: 0;
     border: 0;
     align: center;
     font-family: helvetica, sans-serif;
     font-weight: bold;
     font-size: 80%;
     margin: 5px 0px 0px 0px;
 }

 table#alanavi td {
   display: table-cell;
   width: 12em;
   text-align: center;

   margin: 0;
   padding: 0;
   background-color: #fff;

 }

 table#alanavi td a {

     color: #FF0000;
     text-decoration: none;

 }

 table#alanavi td a:hover {

     color: #666666;
     text-decoration: none;

 }

.sharp-txt {

	font-family: Verdana, Arial, Helvetica;
        font-size: 10px;
        color: #000000;
}

.palkki{
        margin: 0px 0px 30px 0px;
}

p.teksti{
        font: 10pt verdana, arial, helvetica, serif;
        margin: 10px 0px 0px 10px;
}