/* CSS Document */
body{
background-color:#e5ddcd;
background-image:url(images/bg.jpg);
background-position:top left;
background-repeat:no-repeat;
margin-top:15px;
height: 100%;
font-family: Arial, Helvetica, sans-serif;
}

img{
	border: 0px;
}

A{
color:#202d98;
text-decoration:none;
}

A:hover{
color:#202d98;
text-decoration:underline;
}



#wrapper{
width:1087px;
position:relative;
}

#header{
width:1087px;
height:80px;
}

#alanavi{
width:1087px;
height:20px;
line-height:25px;
}

#container{
margin-top:15px;
width:1087px;
height:500px;
margin-top:8px;
}

/* front page styles */
#flash{
position:absolute;
width:813px;
height:356px;
margin-top:0px;
left:0px;
}

#frontpage{

width:1087px;
height:356px;
margin-top:0px;
right:0px;
z-index:0;
}

#competitionsbox{
position:absolute;
width:266px;
height:356px;
margin-top:0px;
right:0px;
z-index:0;
}

#competitionbox1{
position:relative;
width:266px;
height:216px;
background-image:url(images/competition_bg.gif);
background-position:top left;
background-repeat:no-repeat;
margin-top:0px;
right:0px;
z-index:1;
}

.nostoteksti{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #7f7566;
line-height: 18px;
}

#boxContent{
margin-left:20px;
}

#boxContentFrontpage{
margin-left:20px;
margin-top:12px;
margin-right:10px;
}

#competitionbox2{
position:relative;
width:266px;
height:130px;
background-image:url(images/blue_bg_small.gif);
background-position:top left;
background-repeat:no-repeat;
bottom:0px;
right:0px;
top:8px;
z-index:1;
}


#nostot{
position:relative;
margin-top:8px;
width:1087px;
height:246px;
}

#nosto1{
left:0px;
position:absolute;
margin-right:8px;
width:266px;
height:238px;
background-image:url(images/nostotausta.gif);
background-position:top left;
background-repeat:no-repeat;
}
#nosto2{
position:absolute;
left:274px;
margin-right:8px;
width:266px;
height:238px;
background-image:url(images/nostotausta.gif);
background-position:top left;
background-repeat:no-repeat;
}
#nosto3{
position:absolute;
left:548px;
margin-right:8px;
width:266px;
height:238px;
background-image:url(images/nostotausta.gif);
background-position:top left;
background-repeat:no-repeat;
}
#nosto4{
position:absolute;
left:822px;
margin-right:8px;
width:266px;
height:238px;
background-image:url(images/nostotausta.gif);
background-position:top left;
background-repeat:no-repeat;
}


/* end of front page styles */



/* jälleenmyyjät */

#uppercontainerJalleenmyyjat{
background-image:url(images/uc_bg_jalleenmyyjat.gif);
background-repeat:no-repeat;
position:absolute;
width:685px;
height:218px;
margin-top:0px;
left:0px;
}

#lowerContainerJalleenmyyjat{

position:absolute;
width:685px;
top:226px;
left:0px;
}

#Map{
position:absolute;
background-image:url(images/map.gif);
width:395px;
height:525px;
margin-top:0px;
left:693px;
z-index:0;
}




/* Jälleenmyyjät */



/*  other regular pages */


#uppercontainer{
background-image:url(images/uppercontainer_bg.gif);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;

margin-top:0px;
left:0px;
}

#upperImagebox{
position:absolute;
width:266px;
height:218px;
margin-top:0px;
right:0px;
z-index:0;
}

#subpage{

position:relative;
width:1087px;
height:100%;
margin-top:0px;
right:0px;
z-index:0;
}

#tekstit{
margin-left:20px;
margin-top:0px;
margin-bottom:10px;
}

#nostotekstit{
position:relative;
margin-left:20px;
margin-top:12px;
margin-bottom:10px;
}




#lowerContainer{

position:absolute;
width:1087px;
top:226px;
left:0px;
}
#lowerContentMain{
position:relative;

width:1087px;
/*width:813px;*/
top:0px;
left:0px;
}

#nostobox{
position:relative;
width:200px;
top:0px;
left:0px;

}


#lowerNosto{
width:264px;
height:100px;
background-image:url(images/nostotausta.gif);
background-position:top left;
background-repeat:no-repeat;
}

.clearBoth{
	position:relative;
	width:1087px;
	clear: both;
}

#arkistoNostot{
	position:relative;
	width:1097px;
	/*width:813px;*/
	top:0px;
	left:0px;
}

.arkistoNosto{
	
	height:350px;
	/*height: 300px;*/
	background-image:url(images/nostotausta.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-bottom: 15px;
	padding-left: 30px;
	padding-right: 20px;
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	font-size: 12px;
	color: #7f7566;
	overflow: hidden;
}

.arkistoNostoContent{
	width: 224px;
	margin-top:10px;
	overflow: hidden;
}
.arkistoNostoTxt{
	text-align: left;
	/*margin-left:20px;*/
	margin-top:5px;
	width: 224px;
	overflow: hidden;
	padding-bottom: 10px;
}

.arkistoNostoContentTxt img{
	margin-bottom: 20px;
}

#lowerNostoContent{
margin-left:20px;
margin-top:10px;
}
#lowerNostoContentTxt{
margin-left:8px;
margin-top:5px;
margin-right:8px;
}

#kuvaContainer{

position:relative;
width:1087px;
height:220px;
margin-top:0px;
right:0px;
z-index:0;
}

#nostotSubpage{
position:relative;
margin-top:8px;
width:1087px;
height:200px;
}

/* tarvikeinfon nostolaatikot */

			#nosto1Sub{
			left:0px;
			position:absolute;
			margin-right:8px;
			width:264px;
			height:195px;
			background-image:url(images/nostotausta.gif);
			background-position:top left;
			background-repeat:no-repeat;
			}
			#nosto2Sub{
			position:absolute;
			left:274px;
			
			margin-right:8px;
			width:264px;
			height:195px;
			background-image:url(images/nostotausta.gif);
			background-position:top left;
			background-repeat:no-repeat;
			}
			#nosto3Sub{
			position:absolute;
			left:548px;
			margin-right:8px;
			width:264px;
			height:195px;
			background-image:url(images/nostotausta.gif);
			background-position:top left;
			background-repeat:no-repeat;
			}
			#nosto4Sub{
			position:absolute;
			left:822px;
			margin-right:8px;
			width:264px;
			height:195px;
			background-image:url(images/nostotausta.gif);
			background-position:top left;
			background-repeat:no-repeat;
			}
			
			
			#nosto01puolikas{
			position:absolute;
			left:0px;
			width:539px;
			height:195px;
			background-image:url(images/tarvikkeetnostobg.gif);
			background-position:top left;
			background-repeat:no-repeat;
			}
			
			#nosto02puolikas{
			position:absolute;
			left:550px;
			width:535px;
			height:195px;
			background-image:url(images/tarvikkeetnostobg.gif);
			background-position:top left;
			background-repeat:no-repeat;
			}

/* tarvikeinfon nostolaatikot */


/* end of other regular pages */


/* ajankohtaista pages */

#ajankohtaistacontainer{
position:absolute;
width:813px;
background-color:#FFF;
margin-top:0px;
left:0px;
}
#archiveContentTxt{
margin-left:20px;
margin-top:5px;
margin-right:8px;
}

.kuvapankkibanneri{
width:264px;
height:100px;
background-image:url(images/blue_bg_small.gif);
background-position:top left;
background-repeat:no-repeat;
bottom:0px;
margin-left:20px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.valkoinen{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

#kuvapankkibanneriContentTxt{
margin-left:20px;
margin-top:15px;
margin-bottom:0px;
}

/* ajankohtaista pages */


/* fillarit */

#uppercontainerProductsNaiset{
background-image:url(images/naistenpyorat_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}
#uppercontainerProductsMiehet{
background-image:url(images/miestenpyorat_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}
#uppercontainerProductsLapset{
background-image:url(images/lastenpyorat_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}
#uppercontainerProductsNuoret{
background-image:url(images/nuortenpyorat_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}
#uppercontainerProductsJopo{
background-image:url(images/jopo_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}
#uppercontainerProductsSahko{
background-image:url(images/sahkopyorat_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}
#uppercontainerProductsSeniori{
background-image:url(images/senioripyorat_bg.png);
background-repeat:no-repeat;
position:absolute;
width:813px;
height:218px;
margin-top:0px;
left:0px;
}

#uppercontainerProductDetails{
background-image:url(images/fillarisivubg.png);
background-repeat:repeat;
position:absolute;
width:813px;
height:505px;
margin-top:0px;
left:0px;
}
#uppercontainerCompareProductDetails{
background-image:url(images/fillarisivubg.png);
background-repeat:repeat;
position:absolute;
width:813px;
height:620px;
margin-top:0px;
left:0px;
}


#kategorialistaus{
margin-left:0px;
margin-top:4px;
margin-bottom:10px;
}

#productPage{

position:relative;
width:1087px;
height:100%;
margin-top:0px;
right:0px;
z-index:0;
}
#productComparePage{

position:relative;
width:1087px;
height:800px;
margin-top:0px;
right:0px;
z-index:0;
}

#upperProductbox{
position:absolute;
width:266px;
height:423px;
margin-top:0px;
right:0px;
z-index:0;
}
#lowerContentProduct{
position:relative;

width:1087px;
/*width:813px;*/
top:0px;
left:0px;
}


#retailerbox{
position:absolute;
width:264px;
height:165px;
background-image:url(images/bg_sin.png);
background-position:top left;
background-repeat:no-repeat;
bottom:0px;
right:0px;
top:340px;
}

#vertailu{
position:absolute;
width:264px;
height:120px;
background-image:url(images/add_infobg.png);
background-position:top left;
background-repeat:no-repeat;
bottom:0px;
right:0px;
top:210px;
}

#upperProductboxbg{
position:absolute;
background-image:url(images/add_infobg.png);
background-repeat:no-repeat;
width:264px;
height:200px;
margin-top:0px;
right:0px;
}

#lowerContainerProduct{
position:absolute;
width:1087px;
top:515px;
left:0px;
}

#download{
position:absolute;
width:250px;
top:455px;
left:695px;
z-index:10;
}

#speksit{
background-color:#FFFFFF;
width:1087px;
margin-left:0px;
margin-top:8px;
margin-bottom:8px;
}

input{
background-color:#FFFFFF;
border: solid 0px;
padding:3px;
}

select{
background-color:#FFFFFF;
border: solid 0px;
padding:3px;
}


/*fillarit*/

#footer{
position:relative;
margin-top:8px;
width:1087px;
height:47px;
background-color:#001f86;
}


/* classes */

ul{
margin-top:0px;

}
li{
list-style-image:url(images/arrow_black.gif);
margin-right:12px;
margin-left:26px;

}

@font-face {
font-family: "angel";
src: url("agm_____.ttf");
font-size-adjust:none;
font-stretch:normal;
font-style:normal;

font-style : normal; 
}



a.subnavi{
color:#887f6d;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
a.subnavi:hover{
color:#1a2a94;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}

a.newslinks{
color:#1a2a94;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
text-decoration:none;
}

a.newslinks:hover{
color:#1a2a94;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
line-height:12px;
text-decoration:underline;
}

ul {
line-height:12px;
}

.etuliite {
color:#6d6053;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:14px;
}


a.white{
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}

a.white:hover{
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}

a.white:visited{
color:#FFF;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}

a.white:visited:hover{
color:#000;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}
.selected{
color:#1a2a94;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.leipis{
color:#2a2a2a;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
}

.whiteleipis{
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
}

.txt_brown{
color:#a69a85;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:19px;
}

.ingressi{
color:#2a2a2a;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
line-height:20px;
}

.jalleen{
color:#2a2a2a;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
line-height:18px;
}

.valiotsikko{
color:#202d98;
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
font-weight: bold;
line-height:20px;
}

.valiotsikko2{
color:#202d98;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight: bold;
line-height:20px;
}


A.isolinkki{
color:#202d98;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}

A.isolinkki:hover{
color:#202d98;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:underline;
}

a.whitelinks{
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
}
a.whitelinks:hover{
color:#e8e9e9;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:19px;
text-decoration:none;
}

.tiny{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.details{
margin-left:20px;
color:#837568;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.dtblack{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

iframe {
background-color: #ccbea4;
border: #ccbea4 2px solid;
margin: 0;
}

small {    
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
}

.palaute_lomake{
	padding-top: 20px;
	padding-bottom: 20px;
}

.palaute_lomake input{
	border: 1px solid #999999;
}