/* KAUPPA TYYLIT */

.ostoskori_taulu {
	border: 1px solid #eee;
}

.tyhjenna_kori {
        background: #21AAE7;
        border: 1px solid #aaa;
        text-align: center;
	color: #000;
        text-decoration: none;
        padding: 2px;
        width: 30px;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        letter-spacing: -1px;
}

.osta_nappi {
        background: #21AAE7 !important;
        border: 1px solid #aaa;
        text-align: center;
        color: #000;
        text-decoration: none;
        padding: 2px;
        width: 50px;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        letter-spacing: -1px;
}


.poista_nappi {
        background: #21AAE7 !important;
        border: 1px solid #aaa;
        text-align: center;
        color: #000;
        text-decoration: none;
        padding: 2px;
	width: 30px;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	letter-spacing: -1px;
}

.laheta {
	float: right;
        background: #21AAE7 !important;
        border: 1px solid #aaa;
        text-align: center;
        color: #000;
        text-decoration: none;
        padding: 0px;
        width: 130px;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        letter-spacing: -1px;
	margin-right: 10px;
	margin-top: 10px;
}

.karry {
	float: right;
        background: #21AAE7 !important;
        border: 1px solid #aaa;
        text-align: center;
        color: #000;
        text-decoration: none;
        padding: 0px;
        width: 40px;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        letter-spacing: -1px;
	margin-top: 10px;
}

.kori_linkit {
	clear: both;
	width: 100%;
	text-align: right;
}

.ostoskori_linkki {
        display: inline;
        background: #eee;
	border: 1px solid #aaa;
	width: 100px;
        text-align: center;
	color: #000;
	text-decoration: none;
	padding: 3px;
}

.kassa_linkki {
	display: inline;
        border: 1px solid #000;
	background: #eee;
        width: 120px;
	text-align: center;
        color: #000;
        text-decoration: none;
	padding: 3px;
}

.kassalle {
        background: #21AAE7;
        text-align: center;
        color: #000;
        text-decoration: none;
        padding: 3px;
}

/* Kaupan näytöt */

.uutuus {
	position: relative;
	top: 0;
}

/* Kaksi tuotetta rinnakkain */

.rivi {
	padding: 3px;
	margin: 5px;
	background: #fff;
	float: left;
}

.holder2 li {
	display: block;
	padding: 10px;
	border: 1px solid #f3f3f3;
	/* \*/ vertical-align: bottom; /* */
	width: 200px;
	list-style-type: none;
}

.kuva2 {
	padding: 0;
	float: center;
	text-align: center;
	display: block;
}

.kuva2 img {
        border: 1px solid #CCC;
}

.tuotenimi2, .tuotenimi2 a:link, .tuotenimi2 a:visited {
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #873600 !important;
        text-decoration: none !important;
        line-height: 20px;
        display:block;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 3px;
	text-align: center;
}

.tuotenimi2 a:hover {
	text-decoration: underline !important;
}

.tekija2 {
        font: 14px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	font-weight: normal;
	font-style: italic;
	color: #333;
	padding-bottom: 10px;
	text-align:center;
}

.hinta2 {
	font: 12px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #000;
	width: auto;
	padding: 3px;
	display:block;
	padding:3px;
	text-align: center;
        background: #eee;
}

.tuotenro2 {
	font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	font-weight: bold;
	color: #333;
	display:block;
	padding:5px;
	text-align: center;
	background: #eee;
}

.kustantaja2 {
        font: 12px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        font-weight: normal;
        color: #333;
        background: #eee;
	display: block;
	text-align: center;
	padding: 5px;
}

.koriin2 {
	padding:3px;
	text-align: center;
	margin-bottom: 4px;
	margin-top: 4px;
	display: block;
}

.luelisaa, luelisaa a {
        font: 12px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        font-weight: normal;
        color: #333;
	text-align: center;
	padding: 3px;
}

.luelisaa a:link, .luelisaa a:visited, .luelisaa a:hover {
        font: 12px tahoma, trebuchet MS, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        font-weight: bold;
        color: #333;
        text-align: center;
	text-decoration: none !important;
}


.koriin2 img {
	border: 0;
}

.kassanapit {
	text-align: center;
	display: block;
	float: left;
	clear: both;
	padding: 10px 0 0 30px;
}


/* kaksi tuotetta loppu */

/*
-------------------
Yksi tuote kuvalla
------------------
*/

.rivi3 {
	padding: 3px;
	margin: 5px;
	background: #fff;
	float: left;
}

.holder3 {
	display: block;
	padding: 10px;
	margin-bottom: 20px;
	border: 1px solid #f3f3f3;
	/* \*/ vertical-align: bottom; /* */
	width: 90%;
	list-style-type: none;
	float: left;
}

.kuva3 {
	padding: 0;
	margin: 0 30px 30px 0;
	float: left;
}

.kuva3 img {
        border: 1px solid #CCC;

}

.tuotenimi3, .tuotenimi3 a:link, .tuotenimi3 a:visited {
	font: 16px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-decoration: none;
}

.tuotenimi3 a:hover {
	text-decoration: underline;
}

.tekija3 {
	font: 14px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: italic;
	color: #333;
	padding-bottom: 10px;
	text-align:left;
}

.hinta3 {
	font: 14px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #000;
	width: auto;
	padding: 3px;
	display:block;
	padding:3px;
	text-align: center;
        background: #eee;
	clear: both;
}

.tuotenro3 {
	font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #333;
	display:block;
	padding:5px;
	text-align: center;
	background: #eee;
}

.kustantaja3 {
        font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
        font-weight: normal;
        color: #333;
        background: #eee;
	display: block;
	text-align: center;
	padding: 5px;
}

.koriin3 {
	padding:3px;
	text-align: left;
	margin-bottom: 4px;
	margin-top: 4px;
}

.luelisaa3, luelisaa3 a {
        font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
        font-weight: bold;
        color: #333;
	text-align: left;
}

.luelisaa3 a:link, .luelisaa3 a:visited, .luelisaa3 a:hover {
        font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
        font-weight: bold;
        color: #333;
        text-align: left;
}

.koriin3 img {
	border: 0;
}

/* yksi tuote kuvalla loppu */


/* Ykstyiskohtaiset tiedot */

.rivi4 {
	padding: 3px;
	margin: 5px;
	background: #fff;
	float: left;
}

.holder4 {
	clear: both;
	padding: 40px;
}

.kuva4 {
	padding-right: 20px;
	padding-bottom: 10px;
	float: left;
}


.kuva4 img {
        border: 1px solid #CCC;
}

.tuotenimi4 .tuotenimi4 a:link, .tuotenimi4 a:visited {
	font: 16px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #333;
	text-align: left;
	text-decoration: none;
}

.tuotenimi4 a:hover {
	text-decoration: underline;
}

.tekija4 {
	font: 14px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: normal;
	font-style: italic;
	color: #333;
	padding-bottom: 10px;
	text-align:left;
}

.hinta4 {
	font: 14px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #000;
	width: auto;
	padding: 3px;
	display:block;
	padding:3px;
	text-align: center;
        background: #eee;
}

.tuotenro4 {
	font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
	font-weight: bold;
	color: #333;
	display:block;
	padding:5px;
	text-align: center;
	background: #eee;
}

.kustantaja4 {
        font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
        font-weight: normal;
        color: #333;
        background: #eee;
	display: block;
	text-align: center;
	padding: 5px;
}

.holder4teksti {
	float: left;
	padding: 10px;
	margin: 0px;
	width: 42%;
	min-height: 200px;
  }

.koriin4 {
	padding:3px;
	text-align: left;
	margin-bottom: 4px;
	margin-top: 4px;
}

.luelisaa4, luelisaa4 a {
        font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
        font-weight: bold;
        color: #333;
	text-align: left;
}

.luelisaa4 a:link, .luelisaa4 a:visited, .luelisaa4 a:hover {
        font: 12px Georgia, "Times New Roman", Verdana, Arial, Helvetica;
        font-weight: bold;
        color: #333;
        text-align: left;
}

.koriin4 img {
	border: 0;
}

.yksityisteksti {
	width:70%;
}

/* yksityiskohtaiset loppu */


/* Tekstilista */

.tekstirivi {
	background: #fff;
	padding: 10px;
	margin: 10px;
	border: 1px solid #eaeaea;
}


.hakupalkki {
	padding: 5px 0 0 0;
	font: 11px Verdana, Arial, Helvetica, Tahoma, Georgia, "Times New Roman";
	color: #333;
	text-decoration: none;
	display: block;
	text-align: center;
}

*html .hakupalkki {
	margin-top: -20px;
}

.haenappi {
	padding: 0;
	margin: 0;
}

.sivutus {
        font: bold 11px Verdana, Arial, Helvetica, Tahoma, Georgia, "Times New Roman";
        color: #333;
        text-decoration: none;
	line-height: 20px;
}

.sivutusbg {
       padding: 5px 0 5px 0;
        font: 11px Verdana, Arial, Helvetica, Tahoma, Georgia, "Times New Roman";
	text-align: center;

}

/* Ostoskorin määrittelyt */

.tuoterivi {
	background: #EFEFEF;
	padding: 3px;
        text-align: center;
}

.kplrivi {
        background: #DFDFDF;
        padding: 3px;
        text-align: center;
}

.hintarivi {
        background: #CFCFCF;
        padding: 3px;
        text-align: center;
}

.yhtrivi {
        background: #eee;
        padding: 3px;
        text-align: center;
}

.poistarivi {
        background: #f1f1f1;
        padding: 3px;
        text-align: center;
}

.poistarivi div {
	text-align: center;

}

.summaus {
        background: #FFF;
        padding: 3px;
}

/* KAUPAN KOODIT LOPPU */



.spacer {
	clear: both;
}

.linkkipalkki {
	float: right;
	margin-top: -45px;
	position: relative;
}

.linkkipalkki img {
	border: none;
	padding-right: 10px;
}

html, body{
 margin:0;
 padding:0;
 text-align:center;
	background: #22ABE2 url(images/mainbg.png) repeat-y center;
	height: 100%;
	width: 100%;
}

.header {
	width: 751px;
	height: 157px;
	padding: 0;
	background: url(images/header.jpg) no-repeat 1px;
}

*html .header {
        background: url(images/header.jpg) no-repeat 1px;

}

#holder {
/*        min-height: 500px; */
  width:750px;
	margin: auto;
	text-align: left;
	background: url(images/bg.png) 1px;
  }

*html #holder {
        background: url(images/bg1.png) 1px;
}

#vasen {
  float:left;
  width:180px;
	padding:0px 10px 0 20px;
	margin-top: 0px;
  }

*html #vasen {
        margin-top: -10px;
}

#content {
  float:left;
  width:533px;
	padding-left: 3px;
  }

#content-main {
	float:left;
	width:500px;
      text-decoration: none;
      color: #000;
      font: 12px arial, helvetica, verdana, tahoma, sans-serif, times, georgia;
	line-height: 16px;
}

#content a:link, #content a:visited, #content a:hover {
        text-decoration: underline;
	color: #000;
}

.footer{
 height:61px;
 width:750px;
margin-left: 1px;
}

.footer img {
	border: none;
}

*html .footer {
	margin-left: 1px;
}

/* Valikko */

#vasen ul {
	list-style-type: none;
	margin: 0;
	padding: 0 0 1px 0;
}

#vasen a:link, #vasen a:visited {
	text-decoration: none;
	color: #873600;
	display: block;
	width: auto;
}


#vasen li {
        text-decoration: none;
        color: #873600;
        display: block;
	padding:0 0 0 7px;
	margin:0;
}

#vasen li .navi1, #vasen li .navi1a  {
        text-decoration: none;
        color: #873600;
        display: block;
	padding: 0;
	 margin: 0;
 }

#vasen li a:hover {
	text-decoration: none;
	color: #873600;
	display: block;
        }

.navi1 {
	font: 12px verdana, arial, helvetica, sans-serif, times, georgia;
	color: #873600 !important;
	padding: 2px 3px 2px 20px !important;
	display: block;
}

span.navi1 {
	padding-left: 25px !important;
}

.navi2 {
        text-decoration: none;
        color: #330000;
        display: block;
        padding: 0 3px 0 35px;
        font: 11px verdana, arial, helvetica, sans-serif, times, georgia;
        }

.navi3 {
        text-decoration: none;
        color: #330000;
        display: block;
        padding: 0px 3px 0px 45px;
        font: 11px verdana, arial, helvetica, sans-serif, times, georgia;
}

.navi4 {
        text-decoration: none;
        color: #330000;
        display: block;
        padding: 0 3px 0 55px;
        font: 11px verdana, arial, helvetica, sans-serif, times, georgia;
        }

.navi1a {
        padding: 1px 0 0px 0px !important;
        font: 12px verdana, arial, helvetica, sans-serif, times, georgia;
	font-weight: bold;
        color: #873600 !important;
	/*background: url(images/bullet.gif) no-repeat 15px; */
	display: block;
}

span.navi1a a:link, span.navi1a a:visited, span.navi1a a:hover, span.navi1a a:active {
        padding: 1px 0 1px 25px !important;
        font: 12px verdana, arial, helvetica, sans-serif, times, georgia;
        font-weight: bold;
        color: #873600 !important;
        display: block;
}


.navi2a {
        text-decoration: none;
        color: #330000;
        display: block;
       padding: 0 3px 0 35px;
        font: 11px arial, helvetica, sans-serif, times, georgia;
        font-weight: bold;

}

.navi3a {
        text-decoration: none;
        color: #330000;
        display: block;
        padding: 0px 3px 0px 45px;
        font: 11px arial, helvetica, sans-serif, times, georgia;
        font-weight: bold;
}

.navi4a {
        text-decoration: none;
        color: #330000;
        display: block;
        padding: 0 3px 0 55px;
        font: 11px arial, helvetica, sans-serif, times, georgia;
        font-weight: bold;
}

h1 {
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 27px;
	font-weight: normal;
	color: #873600;
	text-decoration: none;
	line-height: 30px;
	display:block;
	background: url(images/ots1_bot.gif) no-repeat bottom left;
	padding-bottom: 15px;
	padding-top: 10px;
	margin-top: 0px;
}

h2 {
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #873600;
        text-decoration: none;
        line-height: 30px;
        display:block;
        padding-bottom: 0px;
        padding-top: 10px;
	margin-bottom: 3px;
}

h3 {
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #873600;
        text-decoration: none;
        line-height: 30px;
        display:block;
        padding-top: 10px;
	margin: 0;
}

h4 {
        font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: normal;
        color: #873600;
        text-decoration: none;
	line-height: 18px;
        background: url(images/ots2_bot.gif) no-repeat bottom left;
        padding: 0px;
        margin: 0 0 10px 0;
}


.leipis {
        text-decoration: none;
        color: #000;
        font: 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
        }

.boksiots {
        text-decoration: none;
        color: #FF3333;
        font: bold 17px tahoma, verdana, arial, helvetica, tahoma, sans-serif, times, georgia;
	padding: 0 0 5px 0;
	margin:0;
}

.navipolku {
        text-decoration: none;
        color: #000  !important;
        padding: 0 5px 5px 0;
        font: bold 11px verdana, arial, helvetica, tahoma, sans-serif, times, georgia  !important;
	border-bottom: 1px solid #999;
	width: 405px;
}

.tekijat {
        text-decoration: none;
        color: #000  !important;
        font: 10px arial, verdana, helvetica, tahoma, sans-serif, times, georgia  !important;
}

.tulosta {
	float: right;
	margin-top: -10px;
	margin-right: -30px;
}

*html .tulosta {
        margin-right: -20px;
        padding-top: 1px;
}