a { outline: 0; }

img { behavior: url(iepngfix.htc); }

body { text-align: center; font-family: verdana;}

table.border
{
	border-collapse: collapse;
}

table.border,td.border
{
	border: 1px solid #D4E4EC;
}

#banner_top
{
	float: right; 
	padding-top: 30px;
}

#logolinkki
{ 
	position: absolute;
	padding-left: 10px;
	top: 10px;
	height: 110px;
	width: 170px;
	cursor: pointer;
	cursor: hand;
}

#boksi
{
	background-color: #EFF1F2; 
	border: 1px dashed #D3DADF; 
	padding: 14px; 
	width: 360px;
}

#tausta
{
	background-image: url(kuvat/ylaosa_tausta.jpg); 
	background-position: top center; 
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#tausta_yllapito
{
	background-image: url(yllapito/kuvat/ylaosa.jpg); 
	background-position: top center; 
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top: 170px;
}

.kanta_asiakas
{
	width: 166px; 
	height: 180px; 
	background-image: url('kuvat/kantaasiakas.png'); 
	background-repeat: no-repeat; 
	color: white;
}

.karttakuva
{
	position:relative;
	padding-left:0px;
	padding-top:0px;
}

#navi
{
	padding-left: 43px;
}

#tarjous_teksti
{
	position: absolute; 
	padding-top: 35px; 
	margin-left: 84px; 
	width: 140px;
}

#tarjous_otsikko
{
	position: absolute; 
	width: 220px;
}

#tarjous_kuva
{
	position: relative; 
	padding-top: 35px;
	z-index: 10;
}

#keskitys
{
	margin-left: auto; 
	margin-right: auto; 
	width: 1000px;
	margin-bottom: 20px;
}

#ajankohtaista_tausta
{
	background-color: #FAEFF7; 
	padding: 8px;
	width: auto;
	border: 1px dashed #D4D4D4;
}

#uusimmat_tuotteet
{
	background-color: #FFFFFF; 
	width: 160px;
	padding-top: 8px;
	_width: 165px;
	border: 1px dashed #EF0195;
	font-size: 11px;
	font-weight: bold;
	color: #EC008C;
	text-align: center;
	margin: 0;
}

#uusimmat_kuva
{
	position: relative; 
	padding-top: 0px;
	z-index: 10;
}

#kuvakentta
{
	float: right;
}

.kirjautumis_sisennys
{
	position: relative; 
	left: 11px; 
	top: 23px;
}

ul.testlist 
{ 
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.testlist li 
{
	width:450px;
	font:12px Verdana;
	padding:4px;
	cursor:pointer;
	cursor:hand;
}

ul.testlist li.over 
{
	background-color:#fcb;
}

ul.testlist li img 
{
	float:left;
	margin-right:8px;
}

div.dropmarker
{
	height:6px;
	width:200px;
	margin-top:-3px;
	margin-left:-5px;
	z-index:1000;
	overflow: hidden;
}

#testlist li 
{
	float:left;
	clear: both;
}

h2 
{ 
	padding: .2em; 
	margin: 0; 
	font-size: 14px; 
}

#tuotteet 
{ 
	width: 500px; 
	margin-right: 2em; 
	cursor:hand; 
	cursor:pointer;
}

#nayteikkuna 
{ 
	width: 350px; 
	float: right; 
	cursor:hand; 
	cursor:pointer; 
	padding-right: 50px; 
}

#nayteikkuna ol 
{ 
	margin: 0; 
	padding: 1em 0 1em 3em; 
}

a.no_class
{
	text-decoration: none;
	color: black;
}

li.drag
{
	font-size: 12px;
	font-weight: bold;
	color: #1167C2;
	text-decoration: none;
	padding: 2px;
}

li.drag:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #8096A5;
	text-decoration: none;
	padding: 2px;
}

a.linkki_iso:link, a.linkki_iso:active, a.linkki_iso:visited
{
	font-size: 12px;
	font-weight: bold;
	color: #1167C2;
	text-decoration: none;
}

a.linkki_iso:hover
{
	font-size: 14px;
	font-weight: bold;
	color: #8096A5;
	text-decoration: none;
}

a.linkki:link, a.linkki:active, a.linkki:visited
{
	font-size: 11px;
	font-weight: bold;
	color: #EC008C;
	text-decoration: none;
}

a.linkki:hover
{
	font-size: 11px;
	font-weight: bold;
	color: #8096A5;
	text-decoration: none;
}

a.kirjaudu:link, a.kirjaudu:active, a.kirjaudu:visited
{
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

a.kirjaudu:hover
{
	font-size: 12px;
	font-weight: bold;
	color: #A0E8BA;
	text-decoration: none;
}

.palvelut_laatikko
{
	padding: 10px;
	width: 428px;
	background-color: #8096A5;
	font-family: verdana, arial;
	font-size: 14px;
	color: white;
	font-weight: bold;
}

.leipateksti
{
	font-family: verdana, arial;
	font-size: 11px;
	color: black;
}

.hinta
{
	font-family: verdana, arial;
	font-size: 12px;
	color: #ED1C24;
	font-weight: bold;
}

.hinta_uusimmat
{
	font-family: verdana, arial;
	font-size: 11px;
	color: #ED1C24;
	font-weight: bold;
}

.isohinta
{
	font-family: verdana, arial;
	font-size: 14px;
	color: black;
	font-weight: bold;
}

.isohinta_pun
{
	font-family: verdana, arial;
	font-size: 14px;
	color: #ED1C24;
	font-weight: bold;
}

.otsikko_iso
{
	font-family: verdana, arial;
	font-size: 15px;
	color: #90A2AC;
	font-weight: bold;
}

.otsikko
{
	font-family: verdana, arial;
	font-size: 13px;
	color: #90A2AC;
	font-weight: bold;
}

.otsikko_uusimmat
{
	font-family: verdana, arial;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.otsikko_kanta
{
	font-family: verdana, arial;
	font-size: 13px;
	color: #91C319;
	font-weight: bold;
}

.border
{
	border: 1px solid #C1C7CC;
}

table.tarjous_table
{
	border:style 5; 
	border-collapse:collapse;
}

td.tarjous_td
{
	padding: 4px;
	border: solid 1px #D3DADF;
	z-index: 9999;
}

td.tarjous_td_roll
{
	padding: 4px;
	border: 1px solid #D3DADF;
	background-image: url('kuvat/tarjous_overlay.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	cursor: pointer;
	cursor: hand;
}

input, textarea
{
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}

input.submit
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta.gif);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 1px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 21px;
}

input.tallenna
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta_tallenna.gif);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 1px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 21px;
}

input.poista
{
	border: 1px solid #BFBFBF;
	background-image: url(kuvat/input_tausta_poista.gif);
	font-family: Verdana, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: white;
	padding: 1px 5px 3px 5px;
	cursor: hand;
	cursor: pointer;
	height: 21px;
}
.hide
{
	display: none;
}

.show
{
	display: block;
}
form
{
	display: inline;
}

a.transparent:hover, a:hover img.transparent
{
	/* Required for IE 5, 6, 7 *//* ...or something to trigger hasLayout, like zoom: 1; */
	width: auto; 
	text-align: center;

	/* Theoretically for IE 8 & 9 (more valid) */ 	/* ...but not required as filter works too */ /* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */
	filter: alpha(opacity=50);

	/* Older than Firefox 0.9 */ 
	-moz-opacity:0.5;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5;

	/* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */
	opacity: 0.5;
}

a.transparent, a img.transparent
{
	/* Required for IE 5, 6, 7 *//* ...or something to trigger hasLayout, like zoom: 1; */
	width: auto; 
	text-align: center;

	/* Theoretically for IE 8 & 9 (more valid) */ 	/* ...but not required as filter works too */ /* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	/* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */
	filter: alpha(opacity=100);

	/* Older than Firefox 0.9 */ 
	-moz-opacity:1.0;

	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 1.0;

	/* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */
	opacity: 1.0;
}