html,body{
	margin:0;
	padding:0;
	border:0;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
	color:#1D1D1D;
	background:url(img/header_bg.png) no-repeat center top;
	}
html{
	background:#FFFFFF;
	
	}
*{
	margin:0;
	padding:0}

p,blockquote{	
	line-height:140%;
	margin:0 0 16px 0}
blockquote{
	background:#fff;
	color:#333;
	border:1px solid #95CB42;
	border-left:5px solid #95CB42;
	padding:7px}

	
blockquote p{
		margin:0}

#container {
	width:980px;
	margin:0 auto;
	}



/* HEADER ALKAA */
#hd{
	height:128px;
	width: 975px;
	margin:auto;
	}
	
#hd a {color:#000000;
	font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;
	letter-spacing:1px;
	font-weight:bold;
	}
	
#hd a:hover, #hd a.act {
	color:#F55800;
	text-decoration:none;
}
/* HEADER LOPPUU */	
				


/* KUVA-ALUE ALKAA */
#pict {
height:315px;
width:975px;
width: 975px;
margin:15px auto 0 auto;
}
/* KUVA-ALUE LOPPUU */



/* PÄÄNAVIGAATIO ALKAA */			
#nv{
width: 980px;
	height:34px;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;	
	margin-top: 7px;
	margin-bottom: 25px;
	}
	
	#nv ul{
		list-style:none;}
		
		#nv ul li{
			float:left}
		
		#nv ul a{
			color:#FFFFFF;
			display:block;
			height:28px;
			width: 320px;
			text-decoration:none;
			padding: 6px 0 0 0;
			margin: 0 3px 0 3px; 
			text-align:center;
			font-size:18px;
			font-weight:normal;
			background: url(img/naviBG.png);
			text-transform:uppercase;
			letter-spacing:2px;
			}
		
		#nv ul a.act,#nv ul a:hover{
			border-bottom:0;
			padding: 6px 0 0 0;
			height:28px;
			width: 320px;
			background:#FFFFFF;
			font-weight:normal;
			background: url(img/naviBG_h.png)}
/* PÄÄNAVIGAATIO LOPPUU */

			
			
#ct{
	width:975px;
	margin:auto;}
	#ct ul{
		list-style:none;
		margin:0 0 13px 20px}
	#ct ul li{
		padding:0 0 3px 18px;
		background:url(img/bllt.gif) left 4px no-repeat}

#ct h2 { color:#ff8300; margin-bottom: 10px;}
		
#ct h3 { color:#000000; margin-bottom: 10px;}

#ct table.tuotteet a {color:#ff8300; text-decoration:none;}
#ct table.tuotteet a:hover {color:#000000; text-decoration: none}	
		
#sdm{
	float:right;
	width:200px}
	#sdm h2{
		border:1px solid #95CB42;
		background:#fff;
		text-transform:uppercase;
		font-size:12px;		
		padding:2px 0 0 6px;
		line-height:22px;
		margin:0 0 10px 0}
	#sdm p{
		padding:0 0 0 7px}
		#sdm p a{
			font-weight:bold;
			color:#1D1D1D}
		#sdm p a:hover{
			text-decoration:none}
	#sdm ul{
		list-style:none;
		padding:0 0 0 7px}
		#sdm li{
			padding:0 0 4px 0}


/* OMINAISUUDET ALKAA */
h1 {margin:0px; line-height:inherit; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:normal; font-size:45px; color: #999999; text-transform:uppercase;}

#ominaisuudet {margin-top:15px; width:975px;  font-size:11px; text-transform:uppercase; font-weight:bold;}
#ominaisuudet p {margin:0}
#ominaisuudet h1 {margin:0px 0 10px 0; line-height:inherit; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; font-size:25px; color:#ff8300; text-transform:uppercase;}

span.lue_lisaa { color:#ff8300; font-size:10px; text-transform:none; font-weight:normal}

div#prop1_b, div#prop2_b, div#prop3_b, div#prop4_b, div#prop5_b {
	padding-left:12px;
	background:url(img/oranssi_nuoli.png) no-repeat top left;
	margin-top:0px;
	padding-top:0px;
	line-height:inherit;
}

p.prop1, p.prop2, p.prop3, p.prop4, p.prop5 {
	width: 185px;
}

div#prop1, div#prop2, div#prop3, div#prop4, div#prop5 {
	width: 185px;
	height: 0px;
	overflow: hidden;
	font-size:11px;
	text-transform:none;
	font-weight:normal;
}
/* OMINAISUUDET LOPPUU */



/* UUTISET ALKAA */
#uutiset_wrap { margin-top:20px}

#uutiset { margin:auto; width:975px; height:75px;}

#uutiset p {margin:0px;}

#uutiset a {text-align:left; color: #00B1FF; font-size:11px; text-decoration:none}

#uutiset a:hover {text-align:left; color:#333333; font-size:11px; text-decoration:none}

#uutiset_sivu { margin:auto; width:975px;}

#blogpost {width: 975px; margin-top:30px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif;}

#postinfo { font-weight:normal; font-size:11px; font-style:italic;}

#posttitle { font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FF0000; letter-spacing:-1px}

#post_content_div { font-size:12px;}

#lue_lisaa a { font-size:10px; text-decoration:none; font-weight: bold; color:#CC0000;}
#lue_lisaa a:hover { font-size:10px; text-decoration:none; font-weight: bold; color:#000000;}

/* UUTISET LOPPUU */


/* FOOTER ALKAA */
#ft{
	width:975px;
	font-family:"Lucida Grande", Verdana, Arial; 
	font-weight:bold;
	color:#000000;
	margin:55px auto 55px auto;
	}
/* FOOTER LOPPUU */



input {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	border: 1px solid #666666;
	padding: 1pt;
	margin: 5px;
   }
        
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	background-color: white;
	border: 1px solid #666666;
	padding: 1pt;
	margin: 5px;
	}


/* ACCORDION */	
.applemenu{
	margin: 0 0 0 0;
	padding: 0;
	width: 445px; /*width of menu*/
}

.applemenu div.silverheader a{
	font-weight: bold;
	color: #4D4D4D;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
	padding: 0px;
	/*border-bottom:1px solid #00CCFF;*/
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
	color: #4D4D4D;
	border: none;
	/*border-bottom:1px solid #00CCFF;*/
}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
	color: #00CCFF;
	border: none;
	/*border-bottom:1px solid #00CCFF;*/
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
	
	text-align:left;
	padding: 5px 0 0 0;
	/* height: 300px; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
}

.applemenu div.submenu a {color: #4D4D4D;}
.applemenu div.submenu a:hover {color:#00CCFF;}