/*
 * 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.
 */
  
 /* Header */

/* Top menu and drop menu */
div.pageHeader div.header {
  padding:0px;
  margin:0px;
  width:912px;
  height:65px;
  padding-left:32px;
  padding-right:26px;
  background-color:white;
  vertical-align:bottom;
}
div.pageHeader div.header h1, div.pageHeader div.header a, div.pageHeader div.header span {
  text-indent: -9999pt;
  background-repeat: no-repeat;
  display:block;
  margin:0px;
  padding:0px;
}
div.pageHeader div.header h1 {
  float:left;
  width: 296px;
  height:65px;
  background-image: url('../../resources/kuvat/top-bar-scard.jpg');
}
div.pageHeader div.header p.links {
  display:block;
  float:right;
  height: 30px;
  width:420px;
  margin-top:23px;
}
div.pageHeader div.header p.links * {
  float:left;
  margin:0px;
  padding:0px;
  margin-left:1px;
}
div.pageHeader div.header p.links span.spacer {
  display:block;
  width:30px;
  height:30px;
  background-image: url('../../resources/kuvat/top-bar-breaker.jpg');
}
div.pageHeader div.header p.links a.sokos {
  display:block;
  width:143px;
  height:30px;
  background-image: url('../../resources/kuvat/top-bar-sokos.jpg');
}
div.pageHeader div.header p.links a.hcl {
  display:block;
  width:102px;
  height:30px;
  background-image: url('../../resources/kuvat/top-bar-hcl.jpg');
}
div.pageHeader div.header p.links a.radisson {
  display:block;
  width:100px;
  height:30px;
  background-image: url('../../resources/kuvat/top-bar-radisson.jpg');
}

div.pageHeader img.header {
  display:block;
  padding:0px;
  margin:0px;
  width:970px;
  height:54px;
  margin-bottom:5px;
}


div.pageHeader ul.menu {
	list-style-type: none;
  display:block;
  width:auto;
  height:14px;
  margin:0px;
  padding:0px;
  font-size:8pt;
  background-image: url('../../resources/kuvat/top-bar-background.png');
  background-repeat: repeat-x;
}
div.pageHeader ul.menu li {
	display: inline;
  float:left;
  margin:0px;
  padding:0px;
  padding-left:0px;
  padding-right:5px;
}
div.pageHeader ul.menu li a {
	color: white;
	text-decoration: none;
  margin:0px;
  padding:0px;
  font-weight:bold;
  display:block;
  height:14px;
}
div.pageHeader ul.menu li a:visited {
	color: white;
}
div.pageHeader ul.menu li a:hover {
  color: white;
}
div.pageHeader ul.menu li.floatRight {
  float:right;
  padding-left:15px;
  padding-right:0px;
}
div.pageHeader ul.menu li.pic a {
  text-indent: -9999pt;
  background-repeat: no-repeat;
  margin-left:15px;
}
div.pageHeader ul.menu li.etusivu a {
  width: 46px;
  background-image: url('../../resources/kuvat/menu-bar-etusivu.png');
  margin-left:35px;
}
div.pageHeader ul.menu li.yhteystiedot a {
  width: 78px;
  margin-left:680px;
  background-image: url('../../resources/kuvat/menu-bar-yhteystiedot.png');
}
div.pageHeader ul.menu li.in_english a {
  width: 62px;
  background-image: url('../../resources/kuvat/menu-bar-in_english.png');
}
div.pageHeader ul.menu li.front_page a {
  width: 69px;
  background-image: url('../../resources/kuvat/menu-bar-front_page.png');
  margin-left:35px;
}
div.pageHeader ul.menu li.contact a {
  width: 47px;
  margin-left:692px;
  background-image: url('../../resources/kuvat/menu-bar-contact.png');
}
div.pageHeader ul.menu li.suomeksi a {
  width: 59px;
  background-image: url('../../resources/kuvat/menu-bar-suomeksi.png');
}
div.pageHeader hr {
  width:auto;
  border:0px;
  height:7px;
  margin:0px;
  padding:0px;
  color:black;
  background-color:black;
  display:block;
}
* html div.pageHeader hr {
  width:100%;
  margin-top:-7px;
}
*:first-child+html div.pageHeader hr {
  width:100%;
  margin-top:-7px;
}