body{
	font-family:arial, helvetica, verdana,sans-serif;	
	/*background-color:#C1CA8B;*/
	background-image: url(images/frivolvol_taustakuva.gif);
	background-color: black;
	color:black;
}

hr{
	text-align: center;
	margin-top: 15px;
	margin-bottom: 15px;
	border-top: 1px dashed #7e877e;
	border-left: 0;
	border-bottom: 0;
	border-right: 0;
	height: 1px;
	width: 50%;
	clear: both;
}

#distributiontbl img{
	border: 0;
	display: block;
	margin-left:auto;
	margin-right:auto;
}

#shopinfo p, #shopinfo li, #shopinfo div{
	font-size:8pt;
	color:#343D01;
}

#shopinfo strong, #shopinfo h4{
	font-size:9pt;
	color:#343D01;
	font-weight:bolder;
	margin:0px;
}

#shopinfo h4{
	margin-top: 15px;
}

#elsewhere{
	font-size: 80%;
	margin-top: 50px;
}

#distributiontbl{
	text-align: center;
	width: 100%;
}

#distributiontbl td{
	width: 50%;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

#distributiontbl a{
	text-align: center;
	text-decoration: none;
	color:#5e775e;
}

#distributiontbl a:hover{
	text-decoration: underline;
	color:#5e775e;
}
#oikeepalkki{
	border-left: 2px dotted #B9C384;
	padding-left: 5px;
	vertical-align: top;
	font-size: 8pt;
	
	width: 160px;
}
#maintable{
	border:0;
	padding-right:20px;
	padding-left:10px;
	padding-top:10px;
	vertical-align: top;
	
	font-size:9pt;
	color:#343D01;
	width:550px;
}


/* UUSIKAUPPA alkaa */
	button#confirm,input#confirm{
		font-weight: bold;
	}
	
	a.non{
		text-decoration:none;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	.bandinfo h1{
		background-color:#B9C384;
		font-size: 150%;
	}

	.bandinfo p{
		padding-left: 5px;
	}

	.bandinfo{
		width: 100%;
		border: 2px solid #B9C384;
		clear: both;
		float: left;
		padding: 0;
		margin: 0 0 10px 0;
	}
	
	.bandinfo .labels, .bandinfo .prodtype{
		padding: 3px 0 3px 5px;
	}
	.labels{
		font-size:80%;
	}


	.bandinfo img{
		padding: 0 0 5px 0;
		margin: 0 0 0 5px;
	}

	#navishopmessage{
		font-size: 8pt;
		color: #777777;
		margin-left: 5px;
		font-variant: small-caps;
	}

	.newshopnavi{
		padding: 0;
		margin: 0 10px 10px 20px;
		border: 2px solid #B9C384;
		text-align: left;
		font-size: 13px;
	}
	.newshopnavi dl{
		padding: 0;
		margin: 0;
	}
	.newshopnavi dd{
		font-size: 8pt;
		margin-left: 3px;
		margin-bottom: 3px;
		padding: 0px;
	}
	.newshopnavi dt{
		background-color: #B9C384;
		font-weight: bold;
		margin-left: 0px;
	}
		
	.newshopnavi a{
		display: block;
		width: 100%;
		color:#5e775e;
		text-decoration:none;
		margin: 0px;
		padding: 1px;
		border: 0px;
	}
	
	.newshopnavi a:hover{
		color:#001C00;
		text-decoration:none;
		margin: 0px;
		padding: 0px;
		border: 1px dotted #5e775e;
	}	

	#shoppingcart{
		border: 2px solid #B9C384;
		padding: 0;
		text-align: left;
		margin: 0 10px 10px 20px;
		font-size: 8pt;
	}
	#shoppingcart div{
		margin-left: 2px;
	}
	#shoppingcart ul, #shoppingcart li{
		padding: 0; margin: 0;
	}
	#shoppingcart li{
		list-style-type: none;
	}

	#shoppingcart h3{
		background-color: #B9C384;
	}

	#shoppingcart img{
		float:right;
	}

	#shoppingcart a{
		display: block;
		margin: 2px 0 2px 5px;
		padding: 0;
		text-decoration:none;
		text-align: center;
		width: 75px;
		color: black;
		border: 2px solid black;
		background-color: #7e977e;
	}
	
	#shoppingcart a:hover{
		color:#001C00;
		background-color: #C1CA8B;
	}	
	
	#latest{
	    width: 100%;
	    clear: both;   
	    float: left;
	    margin-bottom: 10px;
	}
	#latestnews, #latestblog{
	    width: 49%;
	    float: left;
	}
	#latestblog{float: right;}
	
	#latest dl dt{
		font-weight: bold;
		font-size: 1.1em;
	}
	#latest dl dt a{
		color: black;
	}
	#latest dl dd{
		margin: 0; padding: 0; border: 0;
		
	}
	
	#blog span.comments{
		display:block;
		font-weight: bold;
		margin: 5px 0;
	}

	#blog span.author{
		font-weight: normal;
		font-size: 0.9em;
	}
	
	#blog .oneItem h5{
		margin: 5px 0 2px 0;
		font-weight: bold;
		font-size: 1.1em;
		display: inline;
	}

	#blog .oneItem a{
		border-bottom: 1px dashed #7e877e;
	}
	#blog .oneItem a:hover{
		border-bottom: 1px solid black;
	}

	#blog .oneItem ul li{
		margin: 2px 0;
		list-style-type: square;
	}
	#blog .oneItem ol li{
	    margin: 12px 0;
	}

	#blog .oneItem ul, #blog .oneItem ol{
		padding-left: 25px;
	}

	.commentdate{font-weight: normal; font-size: 0.9em; padding-right: 5px;}

	#blog div.activerow{
		background-color:#B9C384;
	}

	#blog div a.morelink, span.minorlinks{
		display: block;
		font-size: 0.9em;
	}
	
	span.minorlinks{margin: 0; padding: 0;}
	span.minorlinks img#rss{
        float:none;
        height:12px;
        margin-right:5px;
        vertical-align:middle;
        width:12px;	    
	}
	span.minorlinks a{
        
	}
	
	span.minorlinks a:hover{
        background-color: #B9C384;
	}

	a#backtoblog{
		width: 80px;
		float:right; 
	}
	div.paging{
		margin-top: 10px;
		width: 100%;
	}
	div.paging a{
		padding: 3px;
		display: block;
		width: 48%;
		margin: 0;
		border: 1px solid #B9C384;
	}
	div.paging a.next{
		float:right;
	}
	div.paging a.prev{
		float:left;
		text-align: right;
	}
	div.paging a:hover{
		background-color:#B9C384;
	}

	.levytuusi, .uutisloota, #bands div, #news div, #blog div,
	#comments blockquote, .infotext, #maintext, .news{ 
		vertical-align:top;
		text-align:left;
		color:#343D01;
		border: 4px solid #B9C384 ;
		background-color:#CBD495;
		margin:0px;
		padding:3px;
		padding-left: 5px;
		width: 514px;
		margin-bottom: 15px;
		clear: both; 
		overflow: auto;
		border-collapse: collapse;
	}
	#blog div, #maintext{
		padding: 20px;
		width: 480px;
		word-spacing:0.07em;
		line-height: 1.4em;
		text-align: justify;
	}
	
	#comments{ margin-top: 20px; clear: both;}
	
	#comments blockquote{
		background-color:#C1CA8B;
	}
	#comments .commentcount{
		display: block;
		float: right;
		width: 40px;
		font-size: 0.8em;
		text-align: right;
	}
	
	#comments .commentsheader{
		margin: 10px 0;
		display: block;
		font-size: 1.2em;
	}
	
	
	
	
	#addcommentform #commenterror, #error{
		display: none;
		background-color: red;
		color: #d0e0f0;
		font-weight: bold;
		margin: 3px;
		padding: 2px;
		border: 2px solid #800000;
	}
	#error{ display: block; }
	
	.warning{
		background-color: #CBD495;
		margin: 3px;
		padding: 5px;
		border: 2px solid #800000;
	}
    .warning strong{
        font-size: 1.2em;
        font-weight: bold;   
    }
	
	#addcommentform{
		display:none;
		float: none;
		clear: both;
		margin-top: 20px;
	}

	#addcommentform div{margin: 0; padding: 0; border: 0; clear: both;}
	#addcommentform fieldset{padding: 2px;}
	#addcommentform button{float: right; }
	#addcommentform input{
		float: right;
		margin: 0; padding: 0;
		width: 69%;
		height: 17px;
	}
	#addcommentform textarea{
		width: 99%;
		float:right;
		height: 200px;
	}
	#addcommentform span{
		clear: both;
		float: left;
		display: block;
		width: 29%;
		height: 17px;
	}
	
	#blog div.oneItem{ margin: 0; }
	.infotext{width: auto; clear: none; margin: 5px 5px 0px 5px;}
	
	.noimgdummy{
		text-align:left;
		color:#9BA455;
		font-size: 0.8em;
		border: 2px solid #B9C384 ;
		background-color:#CBD495;
		margin:0;
		width: auto;
		margin: 2px 4px 2px 2px;
		padding: 5px 4px;
	}
	
	.subinfo{
	    margin: 0 5px 10px 10px;
	    width: auto;
	    float: left;
	    clear: both;
    }

	subinfo div{
        width: 45%;	    
	}
	.recimg{
	    float: right;
	 }
	.infolinks{
        font-size: 0.9em;
        text-align: right;
        width: 100%;
        margin: 0 3px 0 0;
    }
    
    .tags{
    	font-size: 80%;
        margin-left: 5px;
        margin-top: 10px;
    }
    
    .showlongerinfo{
        padding: 4px 0;   
    }

    .levytuusi tr.even{
		background-color:#CAD294;
    }
    
	.levytuusi tr th{ 
		vertical-align: top;
		font-size:9pt;
		font-weight: normal;
		margin: 0; padding: 0; border: 0;
	}
	.levytuusi tr td{ 
		vertical-align: top;
		font-size:8pt;
		margin: 0; padding: 0; border: 0;
		padding-bottom: 3px;
		padding-right: 2px;
	}

    .levytuusi tr td, .levytuusi tr th{
		border-bottom: 1px solid #B9C384;
    }

	.levytuusi td.kuvalista{ 
		width: 246px;
		border: 2px solid #B9C384;
		padding: 4px;
	}
	.levytuusi{
		width: 508px;
		
	}
	.half{
		width: 254px;
	}

	.levytuusi td.kuvalista strong{ 
		font-size: 150%;
		font-variant: small-caps;
	}
	
	.levytuusi tr td.prodtype{ 
		width:38px;
	}
	.levytuusi tr td.price{ 
		width:30px;
	}
	.levytuusi tr td.labels{ 
		width:auto;
	}
	
	#pagefooter td{
	    clear: both;
	    margin: 0; padding: 0 230px; border: 0;
		background-color: #CAD294;
		border-top: 1px solid #B9C384;
		font-size: 8pt;
	}
	#pagefooter dt a{
        width: 100%;
        display: block;
        color: black;
	}
	#pagefooter dl a{
        width: 100%;
        display: block;
	}

	#pagefooter dl a:hover{
		background-color:#B9C384;
	}
	
	#pagefooter dl dd{
        margin: 0; padding: 0;
	}

	#pagefooter dl dt{
	    margin-top: 4px;
        font-weight: bold;
	}

	#pagefooter td div{margin: 0; padding: 0; border: 0;}
    #pagefooter td div.footercontainer{
        width: 66%;
    }

    #pagefooter td div.footerinner{
        width: 47%;
        padding: 0 4px;
    }

    #pagefooter td div.footerleft{
        float: left;
    }
    #pagefooter td div.footerright{
        float: right;
    }

    #pagefooter td div.footerownright{
        float: right;
        width: 33%;
    }

    #pagefooter td div.footercontent{

    }
	
	.frontpageimgs{
		width: 600px;
		margin: auto;
	}
	.frontpageimgs img{
		width: 100px;
		height: 100px;
		margin: 0; padding: 0; border: 0;
	}
	.frontpageimgs a{
		width: 100px;
		height: 100px;
		margin: 0; padding: 0; border: 0;
	}
	
	.frontpagenavi{
		font-size: 90%;
		width: 600px;
		border: 2px solid #B9C384;
		margin: 0 0 20px 0; padding: 0;
		clear: both;
		float: left;
	}
	
	.frontpagenavi dt{
		clear: both;
		margin: 0; padding: 0;
		width: 130px;
		font-weight: bold;
		float: left;
		background-color: #B9C384;
		border-bottom: 1px solid #B9C384;
		display: block;
	}
	
	
	.frontpagenavi a{
		width: 100%;
		display: block;
	}
		
	.frontpagenavi dd{
		margin: 0; padding: 0 0 0 5px;
		border-bottom: 1px solid #B9C384;
		width: 465px;
		white-space: nowrap;
		float: right;
		display: block;
	}
	.frontpagenavi dd a{
		color: black;
	}
	
	.suosfoot{
		margin-top:3px;
		clear: both;
		width: 180px;
		border: 2px solid #B9C384;
	}
	
	.suosfoot h4{
		font-size: 8pt;
		background-color: #B9C384;
		font-weight: bold;
	}
	
	.suosfoot ul, .suosfoot li{margin: 0; padding: 0; border: 0;}
	.suosfoot li a{display: block; width: 100%;}
	.suosfoot li{
		padding-left: 10px;
		list-style-type: none;
	}
	
	.oiklista, .frontpagelist{
		float: left;
		font-size:8pt;
		vertical-align:top;
		border: 2px solid #B9C384;
		margin:0px;
		padding:0px;
		width: 180px;
		margin-top: 5px;
	}
	.oiklista dt, .frontpagelist dt{
		background-color: #B9C384;
		font-weight: bold;
	}
	.oiklista dd, .frontpagelist dt{
		margin: 0; padding:0; border: 0;
		clear: both;
	}


	.oiklista a.noa, .suos a.noa, .frontpagelist a.noa{
		color:#5e775e;
		text-decoration:none;
		margin: 0; padding:0; border: 0;
		float:left;
	}

	.oiklista a.noa img, .suos a.noa img, .frontpagelist a.noa img{
		width: 60px;
		padding: 0;
		margin: 4px;
		border: 2px solid black;
	}
	.oiklista a.noa img:hover, .suos a.noa img:hover, .frontpagelist a.noa img:hover{
		padding: 0;
		margin: 3px;
		border: 3px solid black;
	}

	.frontpagelist dt, .frontpagelist dd{
		margin: 0; padding: 0;
		clear: both;
		
	}
	.frontpagelist{
		margin: 0 1px;
		width: 170px;
	}
	
	.frontpagelist .available, .oiklista .available, .frontpagelist .notavailable, .oiklista .notavailable,
	.kuvalista .available, .kuvalista .notavailable{
		float: right;
	}

	.kuvalista .available, .kuvalista .notavailable{
		clear: left;
	}
	

	.kuvalista .ilink{
		width: 124px;
		margin: auto;
	}
	
	.shopfront{
		width: 166px;
	}
	
	.frontpagelistdiv{
		clear: both;
		margin: auto;
		width: 610px;
		background-color: #CBD495;
		padding: 0 5px 10px 5px;
		border: 4px solid #B9C384;
	}
	.frontpagelistdiv p{
		font-size: 80%;
	}
	.suos a.noa img{
		width: 115px;
		float: none;
	}
	
	.suos a.noa{
		float: none;
	}
	
	.suos .imgdiv{
		display: block;
		width: 100%;
		
		text-align: center;
	}
	.suos{
		font-size:8pt;
		width: 180px;
		margin: 0; padding: 0; border: 0;
	}
	.suos ul, .suos li{
		margin: 0; padding: 0; border: 0;
	}
	.suos li{
		width: 100%;
		float: left;
		list-style-type: none;
		border: 2px solid #B9C384;
		margin-bottom: 5px;
		clear: both;
	}
	.suos li h3{
		padding: 2px;
		background-color: #B9C384;
		font-weight: bold;
	}
	.suosdetails{
		padding-left: 5px;
		float: left;
		font-size: 8pt;
	}
	.suosdesc{
		padding: 2px 5px;
		float: left;
		width: 100%;
		clear: both;
		font-size: 8pt;
	}
	.suos .available, .suos .notavailable{
		padding-right: 5px;
		float: right;
		font-size: 8pt;
	}
	

	
	
	.levytuusi strong{ 
		color:black;
		font-weight: bold;
	}

	.levytuusi tr td.notavailable{ 
		color:#800000;
		text-align: right;
		white-space: nowrap;
	}

	.levytuusi tr td.available{ 
		text-align: right;
		white-space: nowrap;
		width: 75px;
	}

	.notavailable{ 
		color:#800000;
	}


	.levytuusi tr td.kuvaus{ 
		margin: 0; padding: 0; border: 0;
		padding-left: 10px;
		font-size:8pt;
		color:#343D01;
	}
	
	.separator{ 
		margin: 0px; 
		padding: 0px;
		margin-top: 10px;
		height: 1px;
		width: 100%;
		border: 0px;
		border-bottom: 2px dotted #B9C384;
		font-size:1pt;
	}



	.levytuusi a{
		color:black;
		text-decoration:none;
		padding: 1px;
		border: 0px;
	}
	
	.levytuusi a:hover{
		color:#001C00;
		text-decoration:none;
		padding: 0px;
		border: 1px solid black;
	}

	#cartcontainer h2{
		
		font-size:9pt;
		color:#343D01;
		font-weight:bold;
		margin-top:15px;	
	}
	
	#cartcontainer h3{
		
		font-size:8pt;
		color:#343D01;
		font-weight:bold;
		margin:0px;	
		padding-left: 10px;
	}

	#cartcontainer div{
		padding-left: 20px;
	}


	#cartcontainer form{
		border: 2px dotted black;
		margin:0px;
		padding:0px;
	}

	#cartcontainer form.confirm{
		border: 0px;
		margin:0px;
		padding:0px;
		text-align: right;
	}
	

	
	#cartcontainer form.confirm input,#cartcontainer form.confirm button,
	.cartactions button,.cartactions input, #cartcontainer button#savedeliveryoptions,
	.cart button, button.addcomment, #addcommentform button{
		text-align: center;
		width: 150px;
		margin: 0; padding: 0;
		font-size: 8pt;
		border: 2px solid black;
		background-color: #7e977e;
	}	

	#cartcontainer form.confirm input:hover,#cartcontainer form.confirm button:hover,
	.cartactions button:hover,.cartactions input:hover, #cartcontainer button#savedeliveryoptions:hover,
	.cart button:hover, button.addcomment:hover, #addcommentform button:hover{
		color:#001C00;
		background-color: #C1CA8B;
	}

	button.addcomment{float:right; margin: 5px 0; padding: 0;clear:both;}


	.cart button{
		width: 16px;
		height: 16px;
	}

	
	#checkouttable{
		border: 2px solid black;
	}
	#checkouttable td{
		vertical-align: top;
	}
	#checkouttable input,select{
		margin:0px;
		font-size: 9px;
	}
	#checkouttable textarea{
		
		margin:0px;
		font-size: 11px;
	}
	
	.cart td{
		padding: 2px;
		border: 1px dotted black;
	}
	.cart td.num{
		text-align: right;
	}

	.cartactions{
		text-align: right;
		padding: 3px;
	}
	

	.shopartistlabelnavi h3{
		background-color: #B9C384;
		margin-bottom: 5px;
	}
	
	.shopartistlabelnavi form{
		width: 160px;
		padding: 0 1px; border: 0; margin: 0;
	}
	.shopartistlabelnavi{
		width: 160px;
		text-align: left;
		padding: 0 0 5px 0;
		border: 2px solid #B9C384;
		margin: 0 8px 15px 20px;
	}

	.shopartistlabelnavi select, .shopartistlabelnavi input{
		font-size: 8pt;
		padding: 0; border: 1px solid black; margin: 0;
		
		
	}
	.shopartistlabelnavi select{
		width: 156px;
	}
	.shopartistlabelnavi input{
		padding: 1px;
		width: 104px;
	}
	
	.shopartistlabelnavi input.sbmt{
		padding: 0; border: 1px solid black; margin: 0;
		font-weight: bold;
		width: 48px;
	}
	.levytuusi a.noa img{
		width: 120px;
	}
	.levytuusi a.noa{
		color:#5e775e;
		text-decoration:none;
		margin: 4px;
		padding:0px;
		border: 2px solid black;
		float:right;
	}

	.levytuusi a.noa:hover{
		color:#5e775e;
		text-decoration:none;
		margin: 3px;
		padding:0px;
		border: 3px solid black;
		float:right;
	}
	.levytuusi td.kuvalista a.noa img{
		width: 120px;
	}
	.levytuusi td.kuvalista a.noa{
		color:#5e775e;
		text-decoration:none;
		margin: 4px;
		padding:0px;
		border: 2px solid black;
		float: left;
	}
	
	.levytuusi td.kuvalista a.noa:hover{
		margin: 3px;
		border: 3px solid black;
		float: left;
	}
	
	.levytuusi td.kuvalista div{
		margin-bottom: 3px;
	}

	.descraud{
		border: 0px; margin: 0px; padding: 0px;
		width: 100%;
	}
	.descraud td{
		width: 50%;
	}

/* UUSIKAUPPA loppuu */



/* NAVI alkaa */

.navi{
	/*background-color:#C1CA8B;*/
	font-size:12pt;
	color:#343D01;
	font-variant: small-caps;
	padding-top: 20px;
	margin-bottom: 2px;
	vertical-align: top;
}
ul.mainnavi a, ul.mainnavi div{
	background-color:#C6D091;
	color:#5e775e;
	text-decoration:none;
	margin: 0;
	padding: 1px;
	border: 0px;
}
ul.mainnavi div, ul.mainnavi a.this{
	display: inline;
	background-color:transparent;
	color:black;
	font-weight: bold;
}
ul.mainnavi a:hover{
	color:#001C00;
	padding: 0px;
	border: 1px dotted #5e775e;
}

ul.mainnavi {margin: 0; border: 0; padding: 0;}
ul.mainnavi li{
	margin: 5px; border: 0; padding: 0;
	display: inline;
}



.navi select{
	
	font-size:8pt;
	color:#343D01;
}
.navi form{
	margin: 0px;
	padding: 0px;
}
.navi option.ots{
	background-color: #AAAAAA;
	font-weight: bold;
}
.navi .intranavi{
	font-size: 80%;
	display: block;
}
/* NAVI loppuu */




#piirros {
	margin: 0; padding: 10px 0 0 0;
	padding-top: 10px;
	width: 188px;
	background-color:#C1CA8B;
	
	font-size:8pt;
	color:#343D01;
	text-align:center;
	vertical-align:top;
	border-right: 2px dotted #B9C384;
}

#mailinglist{
	font-size:0.8em;
	width: 180px;
	text-align: center;
	margin-top: 10px;
}

#mailinglist td{
	text-align: left;
}

#mailinglist em{
	font-style: normal;
	color: #800000;
}
#mailinglist input{
	font-size: 9px;
}

table#pohjataulukko{
	vertical-align: top;
	background-color:#C1CA8B;
	width: 950px;
	padding:0px;
	margin:auto;
	border:4px solid black;
}

#pohja{
	vertical-align: top;
	background-color:#C1CA8B;
	padding:3px;
	margin:auto;
	border:4px solid black;
}



h1, h3{
	
	font-size:9pt;
	color:#343D01;
	font-weight:bolder;
	margin:0px;
}

h1{
	font-variant: small-caps; font-size: 15px;
}

h4{ margin: 0px; }
h2{
	font-size:10pt;
	color:#343D01;
	font-weight:bold;
	margin:0px;
	font-variant: small-caps; 
}

.help{
	font-size: 8pt;
}

img{border:0px;}

.text1{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	border-bottom: #343D01 1px solid;
	border-left: #343D01 1px solid;
	border-right: #343D01 1px solid;
	border-top: #343D01 1px solid;
}

a.ver1{
	color:#5e775e;
	text-decoration:none;
}

a:hover.ver1{
	color:#001C00;
	text-decoration:none;
}

a{
	color:#5e775e;
	text-decoration:none;
}

a:hover{
	color:#001C00;
	text-decoration:none;
}


a.ver2{
	color:#001C00;
	text-decoration:none;
}

a:hover.ver2
{color:#001C00;
text-decoration:none}

a.ver3{
	color:#001C00;
	text-decoration:none;
	font-weight: bold;
}

a:hover.ver3
{color:#001C00;
text-decoration:none;	font-weight: bold;
}


a.linkki{
	color:#5e775e;
	font-size:9pt;
	text-decoration:none;
}

a.linkki:hover{
	color:#001C00;
	font-size:9pt;
	text-decoration:none;
}

a.linkki-pieni{
	font-size:8pt;
	color:#5e775e;
	text-decoration:none;
}

a.linkki-pieni:hover{
	font-size:8pt;
	color:#001C00;
	text-decoration:none
}

#media div, .pienempi{ font-size:80%;}
#media div.vp{ font-size:120%; margin-left: 30px; border: 1px solid black;}
#media ul{ list-style:none; margin: 0px; padding: 10px; margin-bottom: 10px;}
#media ul li{ margin: 0px; padding: 0px;}


.teksti{

font-size:9pt;
color:#343D01;
}

.teksti-pieni_r{
	
	font-size:8pt;
	vertical-align:top;
	text-align:right;
	color:#343D01;
}

.teksti-pieni{
	
	font-size:8pt;
	vertical-align:top;
	text-align:left;
	color:#343D01;
}

.forum_header
{
font-weight: bold;

font-size:10pt;
color:#343D01;
}


td.vasenteksti{
	background-color:#C1CA8B;
	
	font-size:8pt;
	color:#001C00;
	text-align:left;
	vertical-align:top;
}

td.logo{
	padding: 4px;
	
	
	font-size:8pt;
	color:#343D01;
	text-align:center;
	vertical-align:middle;
}



.levyt{
margin-bottom: 0px;
}

table.hintataulukko{
	width: 100%;
	margin: 1px;
	
	font-size:9pt;
	color:#343D01;
	
	border: 2px solid black;
	padding: 0px;
	margin: 1px;
}

table.hintataulukko th{
	border: 1px solid black;
}

table.hintataulukko td{
	border: 1px dotted black;
}

#hinnat td{
	vertical-align: top;
}

#bands{ clear: both; }

#bands ul {
	margin-left: 0;
	padding-left: 0;
}

#bands dl {
	margin-left: 30px;
}

#bands li {
	clear: both;
	width: 100%;
	padding-bottom: 5px;
}



#bands ul img {
	width: 80px;
	height: 80px;
	float: left;
}

#bands img{
	width: 120px;
	height: 120px;
	float: right;
	border: 1px solid black;
	margin: 4px;
}

#bands .photos img{
	width: auto;
	height: auto;
	float: none;
}

#media h2{
	margin-top: 15px;
}
#news, #blog{
	margin-top: 15px;
}

.obsolete{
	text-decoration: line-through;
}

.uutiskuva, .uutisloota img, #news img, #blog img{
	float: right;
	border: 1px solid black;
	margin-left: 5px;
	clear:both;
}
#news h2, #blog h2, #bands h1{ display: inline; font-variant: small-caps; font-size: 15px; clear: both; }

#dateform select{ font-size: 9px;  height: 80px; width: 110px;}
#dateform input{ font-size: 9px; width: 20px;}
#dateform button{ font-size: 9px; background-color: white; color: black; width: 110px;}
#dateform .sbmt input{ font-size: 9px; background-color: white; color: black; width: 200px; border: 2px solid black;}
#dateform .sbmt{ clear: both; text-align: center;}
#dateform fieldset{ display:inline; background: #AAAAAA; margin-right: 5px;}
.taglink_off { margin: 1px; border: 0px; padding: 2px; color:#805000; background-color: #C1CA8B;}
.taglink_on { margin: 1px; border: 0px; padding: 1px; border: 1px dotted black; color:#229922; background-color: #C6D091;}
.taglist{ margin: 10px; padding: 0px; display: inline;}
.taglist li{ display: inline; margin: 4px;}

.hide{ display: none; }
.show{ display: block; }

.available a{
	color: black;
	font-weight: bold;
	white-space: nowrap;
	background-color: #B6BF7F;
	border: 1px solid black;
	padding: 1px 2px 1px 18px; margin: 0;
	margin-left: 2px;
	background-image: url(http://www.ifsociety.com/images/cart_sm.gif);
	background-repeat: no-repeat;
	background-position: 1px 50%;
	line-height: 18px;
}
	
.available a:hover{
	background-color: #C6D091;
	border: 2px solid green;
	padding: 0px 1px 0px 17px;
	background-position: 0 50%;
}		
.frontpagesearch{
	vertical-align: top;
	width: 350px;
	margin: auto;
	font-size: 8pt;
	color: #343D01;
}
.frontpagesearch input{
	background-color: #C6D091;
	color: #5e775e;
	border: 1px dashed #7e877e;
}

/* AjaxSearch */
#AjaxResult {    
	  z-index: 99;
    background-color: #aaa; 
    min-width: 205px; 
	  width: 100%;
    margin: 1px 0px 2px 0px;
    padding: 0px;
}

#AjaxResult li {
  padding-bottom: 1px;
  padding-top: 1px;
  line-height:13px;
  margin-bottom: 0px;
	font-size: 9px;
}
    
#AjaxResult li a{width: 100%;}
 
 
#AjaxResult ul {
     margin-bottom: -5px;
     margin-top: 0px;
     padding-top: 0px;  
     margin: 0px;
     padding: 0px;
}

#AjaxResult ul li {
  text-indent: -20px;
  padding: 0px 15px 3px 20px;
	list-style:none;
}
 
.AjaxRes {
	margin: 0; padding: 0;
	background-color: white;
	border:  1px solid #AAA;
}

.AjaxHighlight {
     color: #564b47;  
     background-color: #CCCCCC;
}
p img{
    clear: both;
    border:1px solid black;
    float:right;
    margin-left: 4px;
}

ol.purchaseprocess{
	padding: 0;
	width: 510px;
	margin: auto;
	margin-bottom: 20px;
}

ol.purchaseprocess li{
	display: inline;
	margin-left: 12px;
}

ol.purchaseprocess .pst{
	color: #B6BF7F;
	font-weight: bold;
}

ol.purchaseprocess .cur{
	color: #800000;
	font-weight: bold;
}


.price{
	font-weight: bold;
	color: #300000;
}

.front .price{
	font-size: 15px;
}




	.levytuusi2 strong{ 
		color:white;
		font-weight: bold;
	}

	.levytuusi2 tr td.notavailable{ 
		color:#800000;
		text-align: right;
		white-space: nowrap;
	}

	.levytuusi2 tr td.available{ 
		text-align: right;
		white-space: nowrap;
		width: 75px;
	}
	
	
	
	.levytuusi2{
		width: 500px; margin: auto;
	}

	.levytuusi2 td.kuvalista2 strong{ 
		font-size: 150%;
		font-variant: small-caps;
	}
	
	.levytuusi2 tr td.prodtype{ 
		width:38px;
	}
	.levytuusi2 tr td.price{ 
		width:30px;
	}
	.levytuusi2 tr td.labels{ 
		width:auto;
	}


	.levytuusi2 td.kuvalista2{ 
		margin: 0; padding: 0px;
		width: 250px; height: 250px;
		vertical-align: bottom;
		border: 2px solid #B9C384;
		cursor: pointer;
		cursor: hand;
	}
	.overlay{
		background-image: url(/images/alphablack.png);
		color: white;
		padding: 5px;
		border: 2px solid black;
	}
	
	.ri{
		text-align: right;
	}

	.levytuusi2 div{
		color:white;
	}
	
	
	.kuvalista2 a {
		color:white;
	}

	.kuvalista2 a:hover {
		color:#5E775E;
	}
	
	.kuvalista2 .price a{
		color: #C03333;
	}

	.kuvalista2 .price a:hover{
		color:#5E775E;
	}

	.kuvalista2 .price{
		float: right;
		padding: 7px;
		font-size: 15px;
		color: #C03333;
	}


	#salesign{
		border: 4px solid #800000;
		padding: 10px;
		font-size: 15px;
	}
	#salesign strong, #salesign small{
		display: block;
	}

	#salesign small{
		text-align: right;
		padding-bottom: 5px;
	}
	
	#salesign strong{
		text-align: center;
		font-size: 30px;
		color: #800000;
	}