/*
 * Basic formating and structuring rules:
 * - With styles follow this structure, order:
 *   + Position, Coords (top, left, bottom, right), Float, Clear
 *   + Display, Width, Height, Margin, Padding, list
 *   + Background details, Border
 *   + Text, font details
 * - Start CSS files with Basic styles for different elements
 * - Follow with structure, box-model styles
 * - Continue with Menu, and custom element styles. (i.e. news-box)
 * - Always section different styles to groups of sets, which could be extracted to
 *   an external file.
 * - Follow CSS 2.1 standard and validify your styles
 * - Test with at least IE6, FF2 and newer.
 */

div.pageFooter {
  padding-top:20px;
  position:relative;
  overflow:hidden;
}
div.pageFooter div.hr {
  display:block;
  width:auto;
  height:10px;
  margin:0px;
  padding:0px;
  background-color:black;
  background-image: url('../../resources/kuvat/hr-bar.png');
  background-repeat:repeat-x;
  margin-bottom:5px;
  overflow:hidden;
}
div.pageFooter div.hr hr {
  border:0px none;
  height:7px;
  margin:0px;
  padding:0px;
  color:black;
  background-color:black;
  visibility:hidden;
  float:left;
}
* html div.pageFooter hr {
  width:100%;
}
*:first-child+html div.pageFooter hr {
  width:100%;
} 

div.pageFooter div.sales {
  font-size:8pt;
  margin-bottom:20px;
  width: 500px;
}
div.pageFooter div.sales table * {
  margin:0px;
  padding:0px;
}
div.pageFooter div.sales table td {
  padding-right:10px;
}
div.pageFooter div.sales a {
  margin-top:10px;
  padding-left:2px;
}

div.pageFooter div.links {
  float:right;
  clear:none;
  width: 250px;
  position:absolute;
  top:35px;
  right:0px;
}

div.pageFooter ul.menu {
	list-style-type: none;
  display:block;
  width:auto;
  height:15px;
  margin:0px;
  padding:0px;
  font-size:8pt;
}
div.pageFooter ul.menu li {
	display: inline;
  float:right;
  margin:0px;
  padding:0px;
  padding-left:0px;
  padding-right:5px;
}
div.pageFooter a {
  margin:0px;
  padding:0px;
}
div.pageFooter a:visited {
	color: #C5141E;
}
div.pageFooter a:hover {
  color: black;
}