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

}

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

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

.beautyimg {
border: none;
margin: 10px 16px 10px 0px;
padding: 0px;
display: inline;
float: left;
}

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

/**********Palvelut****************/

.store 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    color: #000;
    width: 400px;
    height: 30px;
    background-color: #FFEA00;
    padding: 10px 0px 4px 0px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 1px;
    }

.bstore 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 15px; 
    color: #FFF;
    width: 400px;
    height: 30px;
    background-color: #6C1B78;
    padding: 10px 0px 4px 0px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 1px;
    }

.palkki 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    height: 18px;
    color: #ffffff;
    width: 400px;
    background-color: #6F156F;
    padding: 4px 0px 2px 0px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    }

.palkki2 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 12px; 
    height: 18px;
    color: #ffffff;
    display: block;
    background-color: #6F156F;
    padding: 3px 0px 2px 4px;
    text-align: left;
    font-weight: bold;
    margin: 10px 0px 6px 0px;
    }
	
.liikkeet 
    { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    color: #ffffff;
    background-color: #6F156F;
    padding: 4px 0px 2px 0px;
    text-align: center;
    font-weight: bold;
}

.whiteheader2 {
    color: #000;
    background: transparent;
    font-weight: bold;
    font-size: 10pt;
    font-family: verdana, serif;
}

a.email:link, a.email:active, a.email:visited {
    color: #6F156F;
    font-weight: bold;
}
/************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;
}


h3.jobs {
font-size: 15px;
color: #6F156F;
font-weight: bold;
margin: 0px 0px 10px 0px;
text-align: left;
}


h5 {
margin: -10px 0px 0px 0px;
color: #999;
text-transform: uppercase;
font-size: 7pt;
text-align: left;
}


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

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

.osoite {
margin: 10px 0px 10px 0px;
padding: -10px 10px 10px 0px;
line-height: 1.6em;
text-align: left;
font-size: 8pt;
}

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


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

}

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

	color: #6F156F;
	font-weight: bold;
	text-decoration: underline;


}

a.lilanavi:hover {

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

}



/**************************************
*
*  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: #6C1B78;
	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;
}

.sharp-txt2 {

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

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

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