/*
 * 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.block2 DIV.banner {
  padding:0px;
  margin:0px;
  margin-bottom: 10px;
  height:250px;
  width:250px;
  overflow:hidden;
  text-align:left;
}

div.block2 div.banner ul.links {
  margin:0px;
  padding:0px;
  display:block;
  list-style-type:none;
}
div.block2 div.banner ul.links li, div.block2 div.banner ul.links form  {
  margin:0px;
  padding:0px;
}

div.block2 div.banner ul.links button {
  color:black;
  font-weight: bold;
  font-size:8pt;
  display:block;
  text-indent: -9999pt;
  margin:0px;
  padding:0px;
  border: 0px none;
  clear:both;
  background-repeat:no-repeat;
  width:250px;
  height:83px;
  cursor: pointer;
}
* html div.block2 div.banner ul.links button, *:first-child+html div.block2 div.banner ul.links button {
  cursor: hand;
} 

div.block2 div.banner ul.links button * {
  border: 0px none;
}
div.block2 div.banner ul.links button.sokos_fi {
  background-image: url('../../resources/kuvat/SH Varaa huone.png');
}
div.block2 div.banner ul.links button.hcl_fi {
  background-image: url('../../resources/kuvat/HC Varaa huone.png');
}
div.block2 div.banner ul.links button.radisson_fi {
  background-image: url('../../resources/kuvat/banner-RDS-fi.jpg');
}
div.block2 div.banner ul.links button.sokos_en { 
  background-image: url('../../resources/kuvat/SH Book now.png');
}
div.block2 div.banner ul.links button.hcl_en {
  background-image: url('../../resources/kuvat/HC Book now.png');
}
div.block2 div.banner ul.links button.radisson_en {
  background-image: url('../../resources/kuvat/banner-RDS-en.jpg');
}


div.sCardLogin {
  width: 250px;
  overflow:hidden;
}
div.sCardLogin form {
  clear:both;
}
div.sCardLogin div {
  clear:both;
}

div.sCardLogin, div.sCardLogin * {
  padding:0px;
  margin:0px;
  font-size: 8pt;
  position:relative;
}
div.scardLogin div.scardLoginTabs {
  position:relative;
  display:block;
  height: 20px;
  width: 250px;
}
div.sCardLogin div.scardLoginTabs * {
  position:relative;
  text-indent:-9999pt;
  background-repeat:no-repeat;
  display:block;
  width:122px;
  height:20px;
  float:left;
}
div.sCardLogin div.scardLoginTabs a.scard {
  background-image: url('../../resources/kuvat/tab_s-card_har.jpg');
}
div.sCardLogin div.scardLoginTabs a.learn_more {
  background-image: url('../../resources/kuvat/english/tab_learn_more_har.jpg');
}
div.sCardLogin div.scardLoginTabs a.tutustu {
  background-image: url('../../resources/kuvat/tab_tutustu_har.jpg');
}

div.sCardLogin div.scardLoginDetails {
  padding:0px;
  margin:0px;
  border: 1px solid #AAA;
  background-image: url('../../resources/kuvat/s-card_login_bgr_harmaa.jpg');
  background-repeat:no-repeat;
  width:243px;
  height:148px;
  overflow:auto;
}
div.sCardLogin div.scardLoginDetails div.infoMsg, div.sCardLogin div.scardLoginDetails div.login {
  padding-left: 16px;
  padding-right: 16px;
  margin-top:6px;
}
div.sCardLogin div.scardLoginDetails div.infoMsg {
  margin-top:4px;
  min-height: 12pt;
  font-size: 9pt;
  font-weight: bold;
  color: red;
}
* html div.sCardLogin div.scardLoginDetails div.infoMsg {
  height:12pt;
}
div.sCardLogin div.scardLoginDetails div.item {
  padding-left:4pt;
  padding-right:4pt;
  text-align:right;
  white-space:nowrap;
  vertical-align:top; 
}
div.sCardLogin div.scardLoginDetails label {
  margin-left: -4pt;
  display:block;
  text-align:left;
}
div.sCardLogin div.scardLoginDetails input {
  margin-bottom:3pt;
}

div.sCardLogin div.scardLoginDetails div.buttons {
  margin-top: 6px;
  padding-right:4pt;
  white-space:nowrap;
}
div.sCardLogin div.scardLoginDetails div.buttons a {
  float:left;
}


div.sCardLogin div.scardLoginDetails button {
  color:black;
  background-color:transparent;
  font-weight: bold;
  font-size:8pt;
  display:block;
  text-indent: -9999pt;
  margin:0px;
  padding:0px;
  border: 0px none;
  background-repeat:no-repeat;
  cursor: pointer;
  float:right;
  clear:none;
}
* html div.sCardLogin div.scardLoginDetails button, *:first-child+html div.sCardLogin div.scardLoginDetails button {
  cursor: hand;
} 

div.sCardLogin div.scardLoginDetails button.sign {
  background-image: url('../../resources/kuvat/english/nappi_sign_in_h.gif');
  width: 62px;
  height: 17px;
}
div.sCardLogin div.scardLoginDetails button.kirjaudu {
  background-image: url('../../resources/kuvat/nappi_kirjaudu_h.gif');
  width: 62px;
  height: 17px;
}

div.sCardLogin div.scardInfo {
  padding:0px;
  margin:0px;
  border: 1px solid #AAA;
  background-image: url('../../resources/kuvat/s-card_login_bgr_harmaa.jpg');
  background-repeat:no-repeat;
  width:243px;
  height:97px;
  overflow:auto;
}

div.sCardLogin div.scardInfo ul {
  list-style-image: url('../../resources/kuvat/bullet_pun_s.gif');
  line-height: 10pt;
  margin-top:7pt;
  margin-left:20pt; 
  margin-right:20pt;
}

div.sCardLogin div#tutustu {
  position:absolute;
  visibility:hidden;
  top:0px;
  left:0px;
}