body 						{ margin:0px; padding:0px; color:#3E3E3E; line-height:14px; }
th, td, span, div, p, em * 	{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:12px; }
td.punatausta 				{ background: url("../images/punatausta.gif"); }
td.sinitausta 				{ background: url("../images/sinitausta.gif"); }
td.sinitaustapieni 			{ background: url("../images/sinitausta-pieni.gif"); }

.borderit img 				{ border: 1px solid #1B4496; }
.borderit:hover img			{ border: 1px solid #EF3546; }
.borderit:hover				{ color: red; /* irrelevant definition to overcome IE bug */ }

h2 {  font-family: Tahoma, Arial, Helvetica, sans-serif;  font-size: 22px;  font-weight: bold;  color: #EF3546; display: inline; }
#hintbox 		{ position:absolute; top: 0; background-color: #FFDEE1; width: 180px; padding: 3px; border:1px solid #EF3546; font:normal 11px Tahoma; line-height:18px; z-index:100; border-right: 3px solid #EF3546; border-bottom: 3px solid #EF3546; visibility: hidden; }
#hintbox_white 		{ position:absolute; top: 0; background-color: white; width: 380px; padding: 3px; border:1px solid #EF3546; font:normal 11px Tahoma; line-height:18px; z-index:100; border-right: 3px solid #EF3546; border-bottom: 3px solid #EF3546; visibility: hidden; }

#bookingbox 	{ position:absolute; top: 0; background-color: #FFA500; width: 280px; padding: 0px; border:2px solid #EF3546; font:normal 11px Tahoma; line-height:18px; z-index:100; border-right: 3px solid #EF3546; border-bottom: 3px solid #EF3546; visibility: hidden; }

#ostoskori 	{ position:relative;  left:27; width: 200px; margin-top:0px; margin-bottom: -9px;  z-index:100; }

#kirjautunut 	{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:9px; position:relative;  left:665px; width:317px; margin-top:0px; margin-bottom: -9px; z-index:100; text-align: right; float:left; 	overflow: hidden; }

form 						{ margin: 0px 0px 0px 0px; padding: 0px; }
input 						{ background-color: #ffffff; font-family: Tahoma; color:#333333;font-size: 12px; }
select 						{ background-color: #ffffff; border-bottom-style: groove; border-left-style: groove; border-right-style:groove; border-top-style:groove; color:#333333; font-family:tahoma,arial;font-size:11px}
select_hlot 				{ background-color: #ffffff; border-bottom-style: groove; border-left-style: groove; border-right-style:groove; border-top-style:groove; color:#333333; font-family:tahoma,arial;font-size:11px;width:30px;}
img 						{ border: 0px; }

.tallenna 	{ background: #34B214; color:#FFFFFF; font-size:11px; font-weight:bold; }
.poista 	{ background: #EF3445; color:#FFFFFF; font-size:11px; font-weight:bold; }
.muokkaa 	{ background: #1B4496; color:#FFFFFF; font-size:11px; font-weight:bold; }
.lisaa 		{ background: #34B214; color:#FFFFFF; font-size:11px; font-weight:bold; }
.hae 		{ background: #1B4496; color:#FFFFFF; font-size:11px; font-weight:bold; }

# PYÖRISTETYT KULMAT DIV
div.rounded-corner-container { background-color: #FFFFFF; color:  #dcdcdc; }
div.rounded-corner-content { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin: 0pt; padding: 1em; background-color: #dcdcdc; color: #000000; }
div.rounded-corner-1, div.rounded-corner-2,
div.rounded-corner-3, div.rounded-corner-4 { background-color: #dcdcdc; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-1 { margin: 0 5px; }
div.rounded-corner-2 { margin: 0 3px; }
div.rounded-corner-3 { margin: 0 2px; }
div.rounded-corner-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV HARMAA
div.rounded-corner-container-gray { background-color: #FFFFFF; color:  #B0B0B0; text-align: left; }
div.rounded-corner-content-gray { border-top: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; margin: 0pt; padding: 1em; background-color: #B0B0B0; color: #000000; }
div.rounded-corner-gray-1, div.rounded-corner-gray-2,
div.rounded-corner-gray-3, div.rounded-corner-gray-4 { background-color: #B0B0B0; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-gray-1 { margin: 0 5px; }
div.rounded-corner-gray-2 { margin: 0 3px; }
div.rounded-corner-gray-3 { margin: 0 2px; }
div.rounded-corner-gray-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV HARMAA
div.rounded-corner-container-gray2 { background-color: #FFFFFF; color:  #B0B0B0; text-align: left; }
div.rounded-corner-content-gray2 { border-top: 1px solid #B0B0B0; border-bottom: 1px solid #B0B0B0; margin: 0pt; padding: 1em; background-color: #B0B0B0; color: #000000; }
div.rounded-corner-gray2-1, div.rounded-corner-gray2-2,
div.rounded-corner-gray2-3, div.rounded-corner-gray2-4 { background-color: #B0B0B0; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-gray2-1 { margin: 0 5px; }
div.rounded-corner-gray2-2 { margin: 0 3px; }
div.rounded-corner-gray2-3 { margin: 0 2px; }
div.rounded-corner-gray2-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV HARMAA
div.rounded-corner-container-gray3 { background-color: #FFFFFF; color:  #EFEFEF; text-align: left; }
div.rounded-corner-content-gray3 { border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF; margin: 0pt; padding: 1em; background-color: #EFEFEF; color: #000000; }
div.rounded-corner-gray3-1, div.rounded-corner-gray3-2,
div.rounded-corner-gray3-3, div.rounded-corner-gray3-4 { background-color: #EFEFEF; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-gray3-1 { margin: 0 5px; }
div.rounded-corner-gray3-2 { margin: 0 3px; }
div.rounded-corner-gray3-3 { margin: 0 2px; }
div.rounded-corner-gray3-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV ORANSSI
div.rounded-corner-container-orange { background-color: #FFB80B; color:  #FFB80B; text-align: left; }
div.rounded-corner-content-orange { border-top: 1px solid #FFB80B; border-bottom: 1px solid #FFB80B; margin: 0pt; padding: 1em; background-color: #FFB80B; color: #000000; }
div.rounded-corner-orange-1, div.rounded-corner-orange-2,
div.rounded-corner-orange-3, div.rounded-corner-orange-4 { background-color: #FFB80B; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-orange-1 { margin: 0 5px; }
div.rounded-corner-orange-2 { margin: 0 3px; }
div.rounded-corner-orange-3 { margin: 0 2px; }
div.rounded-corner-orange-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV PUNAINEN VAALEAMPI
div.rounded-corner-container-red { background-color: #FFFFFF; color:  #d7222e; text-align: left; }
div.rounded-corner-content-red { border-top: 1px solid #d7222e; border-bottom: 1px solid #af0306; margin: 0pt; padding-left: 1em; padding-top: 1em; padding-bottom: 1em; background-image: url("../images/punaliuku.gif"); background-color: #d7222e; color: #000000; }
div.rounded-corner-red-1, div.rounded-corner-red-2,
div.rounded-corner-red-3, div.rounded-corner-red-4 { background-color: #d7222e; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-red-1 { margin: 0 5px; }
div.rounded-corner-red-2 { margin: 0 3px; }
div.rounded-corner-red-3 { margin: 0 2px; }
div.rounded-corner-red-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV PUNAINEN TUMMEMPI
div.rounded-corner-container-red2 { background-color: #FFFFFF; color:  #af0306; text-align: left; }
div.rounded-corner-content-red2 { border-top: 1px solid #af0306; border-bottom: 1px solid #af0306; margin: 0pt; padding: 1em; background-color: #af0306; color: #000000; }
div.rounded-corner-red2-1, div.rounded-corner-red2-2,
div.rounded-corner-red2-3, div.rounded-corner-red2-4 { background-color: #af0306; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-red2-1 { margin: 0 5px; }
div.rounded-corner-red2-2 { margin: 0 3px; }
div.rounded-corner-red2-3 { margin: 0 2px; }
div.rounded-corner-red2-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV PINKKI
div.rounded-corner-container-pink { background-color: #FFFFFF; color:  pink; text-align: left; }
div.rounded-corner-content-pink { border-top: 1px solid pink; border-bottom: 1px solid pink; margin: 0pt; padding-left: 1em; padding-top: 1em; padding-bottom: 1em;  background-color: pink; color: #000000; }
div.rounded-corner-pink-1, div.rounded-corner-pink-2,
div.rounded-corner-pink-3, div.rounded-corner-pink-4 { background-color: pink; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-pink-1 { margin: 0 5px; }
div.rounded-corner-pink-2 { margin: 0 3px; }
div.rounded-corner-pink-3 { margin: 0 2px; }
div.rounded-corner-pink-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV PINKKI
div.rounded-corner-container-yellow { background-color: yellow; color:  yellow; text-align: left; }
div.rounded-corner-content-yellow { border-top: 1px solid yellow; border-bottom: 1px solid yellow; margin: 0pt; padding-left: 1em; padding-top: 1em; padding-bottom: 1em;  background-color: yellow; color: #000000; }
div.rounded-corner-yellow-1, div.rounded-corner-yellow-2,
div.rounded-corner-yellow-3, div.rounded-corner-yellow-4 { background-color: yellow; color: yellow;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-yellow-1 { margin: 0 5px; }
div.rounded-corner-yellow-2 { margin: 0 3px; }
div.rounded-corner-yellow-3 { margin: 0 2px; }
div.rounded-corner-yellow-4 { margin: 0 1px;  height: 2px; }


# PYÖRISTETYT KULMAT DIV PINKKI
div.rounded-corner-container-green { background-color: #aee3a0; color:  #aee3a0; text-align: left; }
div.rounded-corner-content-green { border-top: 1px solid #aee3a0; border-bottom: 1px solid #aee3a0; margin: 0pt; padding-left: 1em; padding-top: 1em; padding-bottom: 1em;  background-color: #aee3a0; color: #FFFFFF; }
div.rounded-corner-green-1, div.rounded-corner-green-2,
div.rounded-corner-green-3, div.rounded-corner-green-4 { background-color: #aee3a0; color: #aee3a0;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-green-1 { margin: 0 5px; }
div.rounded-corner-green-2 { margin: 0 3px; }
div.rounded-corner-green-3 { margin: 0 2px; }
div.rounded-corner-green-4 { margin: 0 1px;  height: 2px; }

# PYÖRISTETYT KULMAT DIV VALKOINEN
div.rounded-corner-container-white { background-color: #FFFFFF; color:  #FFFFFF; margin: 0px; text-align: left; }
div.rounded-corner-content-white { border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; margin: 0pt; ; padding-left: 15px; padding-top: 5px; background-color: #FFFFFF; color: #000000; }
div.rounded-corner-white-1, div.rounded-corner-white-2,
div.rounded-corner-white-3, div.rounded-corner-white-4 { background-color: #FFFFFF; color: #FFFFFF;  height: 1px; font-size: 1px; overflow: hidden; }
div.rounded-corner-white-1 { margin: 0 5px; }
div.rounded-corner-white-2 { margin: 0 3px; }
div.rounded-corner-white-3 { margin: 0 2px; }
div.rounded-corner-white-4 { margin: 0 1px;  height: 2px; }

div.rounded-corner-content-white h1	 		{ margin:0px; padding: 0px 0px 0px 0px; font-size: 13px; line-height:20px; color: #EF3546; font-weight: 800;}
div.rounded-corner-content-white h1 a	 	{ text-decoration:underline;color: #EF3546;}
div.rounded-corner-content-white h1 a:hover	{ text-decoration:underline;color: #EF3546;}
div.rounded-corner-content-white h1 a:visited { text-decoration:underline;color: #EF3546;}


/* a 		 					{ text-decoration: none; color: #D6222D}"#AF0306" */

a 		 					{ text-decoration: none; color: #AF0306}
a:hover	 					{ text-decoration: underline; color: #EF3546}
a:visited					{ text-decoration: none; color: #EF3546;}

a.dash 						{ text-decoration: none; color: #AF0306; border-bottom:1px dashed #FFFFFF; }
a.dash:hover	 			{ text-decoration: underline; color: #EF3546; border-bottom:1px dashed #FFFFFF; }
a.dash:visited				{ text-decoration: none; color: #EF3546; border-bottom:1px dashed #FFFFFF; }

a.white 	 			 	{ font-weight: bold; text-decoration: none; color: #FFFFFF}
a.white:hover	 			{ font-weight: bold; text-decoration: none; color: #FFFFFF}
a.white:visited 			{ font-weight: bold; text-decoration: none; color: #FFFFFF}

a.topwhite 	 			 	{ font-weight: normal; text-decoration: none; color: #FFFFFF}
a.topwhite:hover	 		{ font-weight: normal; text-decoration: none; color: #FFFFFF}
a.topwhite:visited 			{ font-weight: normal; text-decoration: none; color: #FFFFFF}

a.gray 	 			 		{ font-weight: bold; text-decoration: none; color: #726F6F}
a.gray:hover	 			{ font-weight: bold; text-decoration: none; color: #726F6F}
a.gray:visited 				{ font-weight: bold; text-decoration: none; color: #726F6F}

a.graysmall 	 			 		{ font-size: 9px; font-weight: bold; text-decoration: none; color: #726F6F; 	line-height:130%; }
a.graysmall:hover	 			{ font-weight: bold; text-decoration: none; color: #726F6F}
a.graysmall:visited 				{ font-weight: bold; text-decoration: none; color: #726F6F}

.normal 					{ text-decoration: none; font: 8pt tahoma,verdana,arial,helvetica; }
.normalcenter 				{ text-decoration: none; font: 8pt tahoma,verdana,arial,helvetica; text-align: center; }
.mnormal 					{ text-decoration: underline; font: 8pt tahoma,verdana,arial,helvetica; font-weight: Bold; }
.vnormal 					{ text-decoration: none; font: 8pt tahoma,verdana,arial,helvetica; color: "darkgreen"; }
.tnormal 					{ text-decoration: none; font: 8pt tahoma,verdana,arial,helvetica; }

.white 						{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: normal}
.huom 						{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; color: #017ECB; font-weight: bolder}
.isowhite 					{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color: #FFFFFF; font-weight: normal}
.smalltext 					{ font-size: 11px;  text-decoration: none; color: #878787}
.listatext 					{ font-size: 9px;  text-decoration: underline; color: #1B4496}
.otsikko1 					{ font-size: 16px;  text-decoration: none; font-weight: bolder; color: #EF3546}
.listatext3 				{ font-size: 9px;  text-decoration: none; color: "#1B4496"}
.listatext2 				{ font-size: 9px;   text-decoration: line-through;  color: #878787; }
.listatext1 				{ font-size: 9px;   text-decoration: none;  color: #878787; }
.etus_boxi 					{ font-size: 11px;   text-decoration: none;  color: black; }
.smallwhite 				{ font-size: 11px;  text-decoration: none; color: #FFFFFF; text-align: center;}
.ingtext 					{ font-size: 12px;  text-decoration: none; font-weight: bold; color: #878787}
.huomio 					{ font-size: 12px;  text-decoration: none; font-weight: bold; color: red; border-style: solid; border-width: 1px; border-color: red; padding: 6 6 6 6; }
.pikkuhuomio 				{ font-size: 11px;  text-decoration: none; font-weight: bold; color: red; }

a.normallink 				{ font-size: 11px; }
a.roundlink 				{ font-size: 11px; border-style: solid; border-width: 1px; border-color: red; padding: 0 2 0 2; }

.boxmargins 				{ margin: 10px 10px 10px 20px; width:96%; }

/************* GABARIT PAGE ***************************************************************************/
#wholecontent 				{ margin: 10px 0px 0px 0px; padding: 0px 0px 10px 0px; width:980px; float: left;}
#col						{ margin: 0px 0px 0px 0px; width:680px; padding: 10px 0px 0px 20px; z-index: -1;} /* MK */
#colright					{ margin: 0px; float: right; width:251px; z-index: 1;}

#cmsleft					{ margin: 0px 10px 0px 0px;float: left; width:170px;}
#cmsright					{ margin: 0px 0px 0px 10px;float: right; width:210px;}

#bandowelcome 				{ background-color:#f4f4f4; font-size: 16px; color: #ae269e; padding: 8px; margin:0px; text-align:center}

/************* TUOTELAATIKKO ***************************************************************************/
.tuotelaatikko				{ text-align: left; float: left; margin: 0px; padding: 10px 0px 0px 0px; font-size: 11px;line-height: 13px; height: 175px; width: 300px; background-color:#ffffff; background: url("../images/tuotelaatikko.gif") no-repeat left top;}
.tuotelaatikko h1	 		{ margin:0px; padding: 0px 0px 0px 0px; font-size: 13px; line-height:20px; color: #EF3546; font-weight: 800;}
.tuotelaatikko h1 a	 		{ text-decoration:underline;color: #EF3546;}
.tuotelaatikko h1 a:hover	{ text-decoration:underline;color: #EF3546;}
.tuotelaatikko h1 a:visited { text-decoration:underline;color: #EF3546;}
.tuotelaatikko .smalltext 	{ font-size: 11px;  text-decoration: none; color: #878787}
.tuotelaatikko img 			{ margin:6px 6px 6px 0px; padding:0px;}
.tuotelaatikko .hinta		{ margin: 5px 0px 0px 0px;font-size: 18px; line-height: 25px; color: red; font-weight: 800;font-family: Tahoma, Arial, Helvetica, sans-serif;}

.tuotelaatikko p.monnaie	{ font-size: 14px; color: red; font-weight: 800}
.tuotelaatikko p.libelle	{ font-weight: bold; line-height: 12px;margin:0px; padding:0px;font-size: 11px; height: 36px; overflow: hidden;}
.tuotelaatikko p.libelle a	{ text-decoration:none;color: #000000;}
.tuotelaatikko p.libelle a:hover	{ text-decoration:underline;color: #ae269e;}
.tuotelaatikko p.libelle a:visited 	{ text-decoration:none;color: #000000;}
.tuotelaatikko p.prixpix	{ margin: 5px 0px 0px 0px;font-size: 11px; color: #333333; font-weight: 800;font-family: Arial, Helvetica, sans-serif;}
.tuotelaatikko p.prix		{ margin: 5px 0px 0px 0px;font-size: 18px; color: red; font-weight: 800;font-family: Arial, Helvetica, sans-serif;}
.tuotelaatikko p.stock		{ line-height: 12px;margin: 5px 0px 0px 0px; font-size: 11px; color: red; font-weight: 800;}