/*BODY*/
body {
	background-color: #d4e2f7;
	font-family:"verdana" , arial, sans-serif;
	font-size: small ;
	color:#325878;
	}
	
a {
	color:#325878;
	text-decoration:none;
	}
	
a:hover {
	color:#C2DFF3;
	}


/*CONTAINER STYLES*/
pre {
   margin: 0px 0px 0px 15px;
}
#main {
	width:700px;
	margin:auto;
	background-color: #ffffff;
	}
	
#header {
	background-image: url(images/header.jpg);
	width:100%;
	height:215px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	}

#footer {
   background-color: #ffffff;
/*   clear:both;*/
   width: 700px;
   text-align: left;   
   margin: 0px 0px 0px 0px;
}
#description {	
	width:195px;
	border:0px #325878 solid;
	margin:0px 0px 0px 0px;
}

#left {
	width:45px;
	float:left;
	margin-top:0px;
	}
	
#right {
	width: 691px;
	float: right;
	margin: 0px 0px 0px 0px;
	margin-top: 0px;
/*	border:1px #325878 solid;*/
}

#right li {
	margin: 2px 0px 3px 5px;
	padding:0px 5px 0px 5px;
	text-align:justify;
	color:#000000;
}
	
#search {
	width:5px;
	border:0px #325878 solid;
	margin:0px 0px 0px 0px;
	text-align:right;
	}
	
#copyright {
	width:100%;
	border:0px #325878 solid;
	margin:0px 0px 0px 0px;
	text-align:center;
	}
	

/*TEXT STYLES*/

h1 {
	color:#C2DFF3;
	font-size:35px;
	padding-right:5px;
	}
	
h2 {
	font-size:24px;
	padding-left:5px;
	margin:0px;
margin-bottom: 13px;
margin-top: 9px;}

h4 {
	color:#108d7b;
	font-size:16px;
}	
p {
	margin:2px 0px 9px 5px;
	}
	
.description_text {
	padding:5px;
	text-align:justify;
	}
	
.content {
	padding:0px 5px 0px 5px;
	text-align:justify;
	color:#000000;
	}
.content a {
   text-decoration: underline;
   }	
.copy {	
	font-size:10px;
	}

/*NAVIGATION STYLES*/
#navbuttons {
	width:700px;
	height:28px;
/*	background-color: #123e8c;*/
    background-color: #e48a00;
    font-weight: bold;
    }

#navbuttons ul {
	display:inline;  
	list-style:none;
	}

#navbuttons li {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	display:inline;
	background-color:#e48a00;
	list-style:none;
	float:left;
	border-left:1px #325878 solid;
	padding:0px 20px 0px 20px;
	line-height:28px;
}
	
#navbuttons li a {
	color: #ffffff;
	text-decoration:none;
	}
#navbuttons li a:hover {
	color: #f20a00;
	}

#navbuttons li.first {
	border-left:none;
	}

#navbuttons li.last {
	border-right:1px solid #325878;
	}

#footerline {
	display:inline;
/*	background-color:#e48aff;*/
	list-style:none;
	height: 29px;
	width: 700px;
	margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
    font-weight: bold;
}

#footerline ul {
	display:inline;  
	list-style:none;
	}


#footerline li {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	display:inline;
	background-color:#e48a00;
	list-style:none;
	float:left;
	border-left:0px #325878 solid;
margin-top: 70px;
	line-height:28px;
}
#footerline li.firstfooterline {
/*	background-image: url(images/footer1.png);*/
	width:98px;
	height:99px;
background-repeat: no-repeat;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #ffffff;
}
#footerline li.lastfooterline {
	color: #ffffff;
	text-decoration:none;
   width:200px;
}

#footerline li.lastfooterline a {
	color: #ffffff;
	text-decoration:none;
}
#footerline li.lastfooterline a:hover {
	color: #f20a00;
	}

#footerline li.copyfooterline {
    width:401px;
    font-weight: normal;
}
/*MISC*/


.searchbutton {
	background-color:#517193;
	border:#708DAE;
	margin:0px 2px 2px 0px;
	height:20px;
	color:#88A4C0;
	}

.searchbutton:hover {
	color:#C2DFF3;
	}
	
.searchbox {
	width:195px;
	margin:2px;
	color:#C2DFF3;
	background-color:#728FAF;
	}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
  
 .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#info {
   float: right;
   
padding: 5px 5px 5px 5px;
margin: 5px 5px 5px 25px;
border: 1px #bbd4f9 solid;
color: #000000;
background-color: #fdffed;
}

/* Photo strip
================================================*/

#tuotepalkki {
	float: none;
	margin: 0;
/*	text-indent: -9999px;*/
	display: block;
	height: 170px;
	width: 678px;
	background: url(/images/photo-strip-wide.jpg) no-repeat 0 0;
}
/* Differences
================================================*/

#differences {
	margin: 0; /*0.5em 0 1.5em 0;*/
	padding: 0;
	list-style: none;
	width: 100%;
	float: left;
}
#differences ul {
	min-height:155px;
}
#differences li {
	margin:0; /*0 18px 0 0;*/
	padding:0;
	float:left;
	height:155px;
	min-height:155px;
	background:url(images/fp-tab-wide.png) no-repeat 0 0;
	}
#differences li#diff-4 {
	margin-right:0;
	}
#differences div {
	font-size:0.94em;
	padding:6px;
/*	background:url(/images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;*/
	}
#differences li:hover {
	background-position:-224px 0;
	}
#differences li:hover div {
	background-position:-224px 100%;
	}
#differences p {
	margin:0;
	width:212px;
	min-height:95px;
	padding:0 0 27px 0;
	background-repeat:no-repeat;
	background-position:50% 100%;
	}
#differences #diff-3 p {
	padding:0 0 14px 0;
	}
#differences #diff-4 p {
	padding:0 0 14px 0;
	}
#differences #diff-1 p {
	background-image:url(images/kenkakesa.png);
	background-position:100% 50%;
	height:80px;
	
	}
#differences #diff-2 p {
	background-image:url(images/kenkatalvi.png);
	background-position:100% 50%;
	height:80px;
	}
#differences #diff-3 p {
	background-image:url(images/kenkamedical.png);
	background-position:100% 50%;
	height:80px;
	}
#differences #diff-4 p {
	background-image:url(images/tab-4-image-wide.gif);
	}
#differences h3 {
	font-weight:bold;
	font-size:12px;
	line-height:0px;
	margin:0; /*0 0 0 8px;*/
	width:224px;
	}
#differences h3 a:link,
#differences h3 a:visited {
	color:#5d85ac;
	border:none;
	}	
#differences h3 a:hover {
	color:#e6290e;
	}		
#differences h3 em {
	font-style:normal;
	font-size:12px;
	line-height:20px;
	margin:0 0 0 6px;
	width:210px;
	display:block;
	}	
#differences li:hover h3 {
	color:#e6290e;
	}
	

/*tuoteluokat*/

#tuoteluettelo {
   width:95%;
   background-color:#fffaf5;
}
#tuoteluettelo h3 {
	font-size:12px;
	border-bottom-color:#000;
	border-bottom-style:solid;
	border-bottom-width:1px;
	background:#ffebd8;

}
#tuoteluettelo li {
	margin-left:32px;
}
.luokkainfo {
	padding-top:-10px;
}
.luokkainfo td {
   font-size:10px;
   color:#000;
}

.luokkainfo img {
	border:0px;
}
/* tuote laatikko*/
#yksituote {
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
/*	width:468px;*/	
    float : left;
	background-color: #fffaf5;
	min-height: 160px;
	padding-left: 20px;
}
#yksituote li {
	padding-top: 18px;
	margin: 0 18px 0 0;
	float: left;
	width: 146px;
	background: url(images/diff-tabs-top-wide.gif) no-repeat 0 0;
}
#yksituote li:hover {
	background-position:-156px 0;
	}
#yksituote li:hover div {
	background-position:-156px 100%;
	}
	
#yksituote h3 {
	font-weight: bold;
	font-size: 10px;
	line-height: 1.1em;
	margin: -18px 0 0 -6px;
	width: 156px;
	background: none;
	border:none;
}	
#yksituote h3 em {
	font-style:normal;
	font-size:1.2em;
	line-height:20px;
	margin:0 0 0 6px;
	width:110px;
	display:block;
	}	
#yksituote li:hover h3 {
	color:#e6290e;
	}
	
#yksituote img {
	border:0px;
}
#yksituote p {
	margin:0;
	width:144px;
	text-align:right;
/*	min-height:8em;*/
}
#yksituote div {
	font-size: 0.94em;
	padding: 0 0 0 0px;
/*	background: url(images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;*/
	min-height: 42px;
}

#yksituote li:hover div {
/*	background-position:-156px 100%;*/
	}
	
#infobox {
	background-color:#f7d971;
	border: 1px #c09a00 solid;
	margin-left:42px;
	margin-right:40px;
}
#infobox p {
	color:#000000;
}

#mittatable {
	padding: 0;
	margin: 0;
}	
#mittatable th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #f7d971 url(images/bg_header.jpg) no-repeat;
}
#mittatable td.space, #mittatable th.space {
	background:none;
	border:none;
}

#mittatable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


#mittatable td.alt {
	background: #F5FAFA;
	color: #797268;
}