/* 
Turun Super Ostis Ky

T.Koivu
E.Kuusela

2005
*/

* { margin: 0; border: 0;}

html,body {
 margin: 0;
 background-image: url(kuvat/bg.gif);
 background-repeat: repeat;
 background-position: 0 0;
 min-width: 700px;
}
.txtlink {
font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#500E0E;
}
a.txtlink:link, a.txtlink:visited {
color:#000000;
text-decoration:underline;
}
a.txtlink:hover {
background-color:#500E0E;
color:#FFFFFF;
text-decoration:underline;
}
div#banner {

}
.tiedustelu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
a.tiedustelu:link, a.tiedustelu:visited {
color:#000000;
text-decoration:underline;
}
a.tiedustelu:hover {
background-color:#500E0E;
color:#FFFFFF;
text-decoration:underline;
}
.alue {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
}
a.alue:link, a.alue:visited {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
}
a.alue:hover {
color:#A30000;
text-decoration:underline;
}
div#main {
background-color:#FFFFFF;
 margin: 10px auto;
 padding: 0 0 0 0;
 width: 700px;
 border: 3px solid #333;
}
div#header {
 background-color: #000;
 background-image: url(kuvat/header.png);
 background-position: top left;
 background-repeat: no-repeat;
 height: 111px;
}
div#header h1 {
 text-indent: -999px;
}
div#valikko {
height: 29px;
width: 700px;
float: left;
background-color: #000000;
background-image:url(kuvat/menu_bg.gif);
background-repeat: repeat-x;
}
a:focus, div#valikko a:focus { 
outline:none; 
}
div#valikko ul {
list-style-type: none;
margin: 0 0 0 155px;
}
div#valikko ul li {
display: inline;
}
div#valikko ul li a{
float: left;
overflow: hidden;
}
/* RIMPSU MENU-OBJEKTEJA ALKAA*/
div#valikko ul li.ajankohtaista a:link,
div#valikko ul li.ajankohtaista a:visited {
display: block;
height: 29px;
width: 115px;
background-image: url(kuvat/ajankohtaista_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.ajankohtaista a:hover {
display: block;
height: 29px;
width: 115px;
background-image: url(kuvat/ajankohtaista_button_mo.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.yritys a:link,
div#valikko ul li.yritys a:visited {
display: block;
height: 29px;
width: 71px;
background-image: url(kuvat/yritys_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.yritys a:hover {
display: block;
height: 29px;
width: 71px;
background-image: url(kuvat/yritys_button_mo.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.tuotteet a:link,
div#valikko ul li.tuotteet a:visited {
display: block;
height: 29px;
width: 81px;
background-image: url(kuvat/tuotteet_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.tuotteet a:hover {
display: block;
height: 29px;
width: 81px;
background-image: url(kuvat/tuotteet_button_mo.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.linkit a:link,
div#valikko ul li.linkit a:visited {
display: block;
height: 29px;
width: 61px;
background-image: url(kuvat/linkit_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.linkit a:hover {
display: block;
height: 29px;
width: 61px;
background-image: url(kuvat/linkit_button_mo.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.tuotetiedustelu a:link,
div#valikko ul li.tuotetiedustelu a:visited {
display: block;
height: 29px;
width: 123px;
background-image: url(kuvat/tuotetiedustelu_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#valikko ul li.tuotetiedustelu a:hover {
display: block;
height: 29px;
width: 123px;
background-image: url(kuvat/tuotetiedustelu_button_mo.gif);
background-repeat: no-repeat;
background-position: 0 0;
text-indent: -9000pt;
}
div#sis {
width: 470px;
margin: 20px 0 40px 200px;
}
div#sis ul{
 margin: 0 0 0 18px;
}
div#sis li{
 margin: 0 0 0 65px;
}
div#sis td{
padding: 5px 5px 5px 5px;
}
div#sis p{
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
 /*padding: 0 0 30px 0;*/
 font-weight: normal;
}
div#sis p2{
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#500E0E;
}
div#tuote a:link{
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#7A0000;
 text-decoration:underline;
}
div#tuote a:visited{
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 color:#7A0000;
 text-decoration:underline;
}
div#tuote a:hover{
 font-weight:bold;
 color:#000000;
 text-decoration:underline;
}
div#sis h1{
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#000000;
 text-transform: uppercase; 
}
div#sis h2{
 padding: 0 0 10px 0;
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#000000;
}
div#sis p2 {
 font-family: Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#000000;
}
div#sis h3{
 font-family: Arial, Helvetica, sans-serif;
 font-size:13px;
 color:#000000;
 text-transform: uppercase; 
}
div#sis h4{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#630C0C;
 font-weight:normal;
 padding: 5px 0 0 0;
}
div#sis h5{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 color: #999999;
}
div#sis form {
 padding: 0 0 0 70px;
}
div#sis textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
 border: 1px solid #000000;
 background-color: #FFFFFF;
 color: #000000;
}
div#sis input {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
 background-color: #FFFFFF;
 color: #000000;
 border: 1px solid #000000;
}
div#sis .kuvaLinkki {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:10px;
}
div#sis a.kuvaLinkki:link {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
font-size:10px;
}
div#sis a.kuvaLinkki:visited {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
font-size:10px;
}
div#sis a.kuvaLinkki:hover {
font-family:Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#500E0E;
font-size:10px;
}
div#tuote {
background-image: url(kuvat/tuote_bg.gif);
background-repeat:repeat-y;
width: 420px;
border: 1px solid #000000;
margin: 10px 0 10px 0;
}
div#coordinates {
 padding: 10px 0 0 12px;
 height: 25px;
}
div#coordinates p{
 font-family: Arial, Helvetica, sans-serif;
 font-size:10px;
 color:#000000;
}
div#coordinates a:link{
color:#000000;
 text-decoration:underline;
}
div#coordinates a:visited{
color:#000000;
 text-decoration:underline;
}
div#coordinates a:hover{
color:#000000;
 text-decoration: none;
}
div#left {
float:left;
margin: 20px 0 0 0;
}
div#avoinna {
margin: 0 0 0 5px;
background-image: url(kuvat/avoinna.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
height: 100px;
width: 157px;
border: 1px solid #CDCDCD;
}
div#avoinna p{
padding: 35px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}
div#yhteystiedot {
margin: 20px 0 10px 5px;
background-image: url(kuvat/yhteystiedot.gif);
background-repeat:no-repeat;
background-position:top;
background-color:#FFFFFF;
height: 215px;
width: 157px;
border: 1px solid #CDCDCD;
}
div#yhteystiedot p{
padding: 35px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-align:center;
}
div#footer {
 clear: both;
 background-image:url(kuvat/footer.gif);
 background-color:#transparent;
 background-position: bottom;
 background-repeat: repeat-x;
 height: 49px;
 text-align: center;
}
div#merkit {
}
div#footer p{
 padding: 2px 0 0 5px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #999999;
}
/* LIGHTBOX KUVA JUTTU */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #666666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(kuvat/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="kuvat/overlay.png", sizingMethod="scale");
	}