body {
	background: url(../images/tausta_pilvet.jpg) no-repeat #EDFAFF top center;
}

#navigation li#development_link a {
  color: #eee;
}

#navigation, #navigation li li a {
  color: #1968CF !important; /* #2C5DA2; */
}

.content {
  position: relative;
  margin-bottom: 300px;
  top: 165px;
  background: #fff url(../images/tausta_pilvet_content.jpg) no-repeat top center;
}

/* Hosting main page */

#main_hosting {
  background: #fff url(../images/tausta_hosting.jpg) no-repeat top center;
}
ul.features {
  position: absolute;
  list-style-type: none;
  width: 170px;
  font-weight: bold;
}
div.price {
  color: #fff;
  text-align: center;
  position: absolute;
  font-size: 80%;
}
div.price div.price_value {
  color: #C6420C;
  font-size: 140%;
  height: 53px;
  line-height: 50px;
}
div.price div.price_value span {
  font-size: 130%;
  color: #3078C8;
}
#tuisku_banner {
  display: block;
  text-decoration: none;
  height: 110px;
  left: 100px;
  position: relative;
  top: 65px;
  width: 754px;
  color: #fff;
}
#tuisku_title {
  color: #D03F05;
  font-size: 180%;
  text-align: right;
  position: absolute;
  top: 30px;
  left: 0px;
}
#tuisku_title h2 {
  color: #fff;
  font-size: 200%;
  position: relative;
  top: -0.4em;
}
#tuisku_banner ul.features {
  left: 210px;
  top: 10px;
}
#tuisku_banner ul.features li {
  margin: 0.5em 0;
}
#tuisku_banner #tuisku_spam, #tuisku_banner #tuisku_email {
  position: absolute;
  left: 410px;
  height: 32px;
  width: 100px;
  padding: 2px 0 0 40px;
  line-height: 100%;
}
#tuisku_banner #tuisku_spam {
  top: 17px;
  background: url('../images/ikoni_suodatin.png') no-repeat top left;
}
#tuisku_banner #tuisku_email {
  top: 63px;
  background: url('../images/ikoni_virus.png') no-repeat top left;
}
#tuisku_banner div.price {
  width: 147px;
  right: 25px;
  top: 30px;
}
#tuisku_banner div.price div.price_value {
  background: url('../images/hosting_ylalaatikko_hintala.png') no-repeat top center;
}
#hosting_menu, #viima_banner, #pyry_banner {
  position: absolute;
  top: 260px;
}
#hosting_menu {
  left: 70px;
}
#hosting_menu, #hosting_menu ul li a {
  color: #12568f;
}
#hosting_menu h1, #viima_banner h2, #pyry_banner h2 {
  font-weight: bold;
  font-size: 210%;
}
#hosting_menu ul {
  list-style-type: none;
}
#hosting_menu ul li a {
  text-decoration: none;
  font-weight: bold;
}
#hosting_menu ul li a:hover {
  color: #1B87DF;
}
#main_hosting #hosting_menu ul {
  position: absolute;
  top: 58px;
  line-height: 160%;
  width: 160px;
}
#viima_banner {
  left: 308px;
  display: block;
  text-decoration: none;
}
#viima_banner h2 {
  color: #79a42a;
}
#viima_banner ul.features {
  color: #406300;
}
#viima_banner ul.features li {
  margin-bottom: 0.3em;
}
#pyry_banner {
  left: 615px;
  display: block;
  text-decoration: none;
}
#pyry_banner h2 {
  color: #a87d07;
}
#pyry_banner ul.features {
  color: #664800;
}
#viima_banner ul.features,
#pyry_banner ul.features {
  position: absolute;
  top: 60px;
}
#viima_banner div.price,
#pyry_banner div.price {
  width: 218px;
  top: 130px;
}
#viima_banner div.price div.price_value,
#pyry_banner div.price div.price_value {
  background: url('../images/hosting_alalaatikko_hintala.png') no-repeat top center;
}
img#bottom_right_corner {
  position: absolute;
  bottom: -6px;
  right: -7px;
  z-index: -1;
}

/* Hosting pages */

#hosting_page {
  top: 165px;
}
#hosting_page #hosting_menu {
  position: absolute;
  top: 110px;
  left: 35px;
  width: 150px;
}
#hosting_page #hosting_menu ul li {
  margin: 1em 0;
  min-height: 14px;
  padding-left: 25px;
}
#hosting_page #hosting_menu ul li.current {
  background: url("../images/menubullet.png") no-repeat top left;
}
#hosting_page #hosting_menu ul li.current a,
#hosting_page #hosting_menu ul #hosting_submenu li.current a {
  color: #22a7ff;
}
#hosting_page #hosting_menu ul #hosting_submenu {
  margin: 0.5em 0;
  list-style-image: url("../images/alamenubullet.png");
  padding-left: 40px;
}
#hosting_page #hosting_menu ul #hosting_submenu li {
  margin: 0;
  padding: 0;
}
#hosting_page #hosting_menu ul #hosting_submenu li.current {
  background: none;
}
#hosting_page #hosting_menu ul #hosting_submenu li a {
  font-weight: normal;
  color: #5A7BA1;
}
#hosting_page #hosting_menu ul #hosting_submenu li a:hover {
  color: #22A7FF;
}
#viima, #pyry, #tuisku, #basic_page {
  position: relative;
  top: 0px;
  left: 260px;
  width: 640px;
  min-height: 475px;
}
#viima {background: url("../images/tausta_viima.jpg") no-repeat top left;}
#pyry {background: url("../images/tausta_pyry.jpg") no-repeat top left;}
#tuisku {background: url("../images/tausta_tuisku.jpg") no-repeat top left;}

#hosting_page h1 {
  line-height: 25px;
  margin: 0 0 40px 0;
  font-size: 250%;
  color: #12568f;
}
#viima h1 {color: #328500;}
#pyry h1 {color: #8a5509;}
#tuisku h1 {color: #b51700;}

#text_body {
  padding: 45px 0 40px 0;
}

#hosting_page #text_body {
  width: 492px;
  min-height: 330px;
  position: relative;
  left: 50px;
  padding: 45px 0 40px 0;
}

#main_hosting #text_body {
  margin: 400px 0 0 45px;
  width: 480px;
}

#main_hosting #right_body {
    margin: 390px 0 0 0px;
    float: right;
}

#hosting_page #text_body p {
  width: 380px;
}

#hosting_page #text_body p.wide {
  width: 100%;
  font-size: 8pt;
  margin-top: 0px;
}

#text_body p {
  line-height: 120%;
  color: #414141;
}
#basic_page #text_body p {
  padding-left: 30px;
  width: 460px;
}
#viima #text_body p {color: #346a28;}
#pyry #text_body p {color: #8a5509;}
#tuisku #text_body p {color: #b51600;}

#hosting_page h3 {
  font-size: 100%;
  font-style: italic;
  font-weight: bold;
  color: #12568f;
  margin: 2em 0 0 0;
}
#text_body p a {
  color: #0084c8;
}
#text_body #table_wrapper {
  margin: 3em 0;
}
#text_body #table_wrapper #domains select {
  max-width: 160px;
  font-size: 85%;
}

#text_body table {
  width: 492px;
/*  border-bottom: 3px solid #fff;*/
  color: #6d7274;
  background-color: #fff;
  padding-bottom: 0.5em;
}
#text_body table.multi {
 border-bottom: 0px;
 padding-bottom: 10px;
}
img.taulu {
 padding-left: 20px;
 height: 20px;
}

#hosting_page #text_body table tr.last td {padding-bottom: 10px; border-bottom: 3px solid #2c84c7;}
#viima #text_body table tr.last td {padding-bottom: 10px; border-bottom: 3px solid #90ce3f;}
#pyry #text_body table tr.last td {padding-bottom: 10px; border-bottom: 3px solid #eeb212;}
#tuisku #text_body table tr.last td {padding-bottom: 10px; border-bottom: 3px solid #ee1231;}

td.right {
  text-align: right;
  padding-right: 10px;
}

#hosting_page #text_body table caption {
  background: #fff url("../images/taulukko_head_sininen.png") no-repeat top center;
  height: 30px;
  line-height: 24px;
  font-size: 110%;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 15px;
}

#hosting_page #text_body table tr.header {
  background: #fff url("../images/taulukko_head_sininen.png") no-repeat top center;
  height: 30px;
  line-height: 24px;
  font-size: 110%;
  color: #fff;
  font-weight: bold;
  text-align: left;
  padding: 0 0 0 15px;
}

#hosting_page #text_body table.multi tr td.main {
  width: 55%;
}
#hosting_page #text_body table.multi2 tr td.main {
  width: 65%;
}

#hosting_page #text_body table.multi tr.last td, #hosting_page #text_body table.multi2 tr.last td {
  padding-bottom: 20px;
  border-bottom: 3px solid #2c84c7;
}

#hosting_page #text_body table.multi tr td {
  width: 15%;
}
#hosting_page #text_body table.multi2 tr td {
  width: 35%;
}

#viima #text_body table caption {background-image: url("../images/taulukko_head_viima.png");}
#pyry #text_body table caption {background-image: url("../images/taulukko_head_pyry.png");}
#tuisku #text_body table caption {background-image: url("../images/taulukko_head_tuisku.png");}

#hosting_page #text_body table tr {
  height: 20px;
  background-color: #fff;
}
#basic_page #text_body table tr.even {background-color: #f3f8fc;}
#viima #text_body table tr.even {background-color: #f8fcf4;}
#pyry #text_body table tr.even {background-color: #fefaf1;}
#tuisku #text_body table tr.even {background-color: #fef3f4;}

#hosting_page #text_body table tr td {
  padding-left: 15px;
}
#hosting_page #text_body table tr td a {
  color: #0073c3;
  text-decoration: none;
}
#hosting_page #text_body table tr td a:hover {
  color: #000;
  text-decoration: none;
}




#secondary_links li {
	color: #1F4067;
}
#secondary_links li a {
	color: #C1C2C6;
}

#domain_check {
  padding-top: 1px;
  margin-top: 50px;
  margin-left: 30px;
  width: 333px;
  height: 133px;
  background: url("/images/tarkasta_tausta.png") no-repeat top left;
}
#domain_check strong, 
#domain_check p,
#domain_check input[type='text'] {
  margin-left: 20px;
}
#domain_check strong {
  display: block;
  margin-top: 36px;
  font-size: 150%;
  color: #12568f;
}
#domain_check p {
  margin-top: 0;
  font-weight: bold;
  color: #5e6163;
}
#domain_check input[type='text'],
#domain_check select {
  background-color: #f4f4f4;
  border: 1px solid #b9b5cc;
}
#domain_check input[type='text'] {
  width: 130px;
  height: 16px;
}
#domain_check select {
  width: 60px;
  height: 20px;
}
#domain_check #domain_check_submit {
  text-indent: -9999px;
  background: url("/images/tarkasta.png") no-repeat top left;
  background-position: 0 0;
  height: 15px;
  width: 57px;
  margin-left: 8px;
  border: 0;
  cursor: pointer;
}
#domain_check #domain_check_submit:hover {
  background-position: 0 -15px;
}
#text_body a.orderbutton {
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-width: 2px;
  border-style: outset;
  padding: 0.3em 0.6em;
  display: block;
  margin: 0.5em;
  color: #fff;
  float: left;
  text-decoration: none;
  font-weight: bold;
}


#basic_page #text_body div.errorExplanation {
  padding-bottom: 25px;
}

#basic_page #text_body #errorExplanation h2 {
  font-weight: bold;
  font-size: 120%;
  color: #B51600;
}

#basic_page #text_body #errorExplanation p {
  color: #B51600;
  font-weight: bold;
  padding-left: 0px;
}
#basic_page #text_body #errorExplanation ul {
  color: #B51600;
  padding-left: 30px;
}

div.fieldWithErrors {
  display: inline;
}
div.fieldWithErrors input {
  background-color: #FEF3F4;
  border: 3px inset #B51600;
}

#text_body a.orderbutton:hover, a.orderbutton:active {
  border-style: inset;
  color: #12568F;
}

#text_body a.orderbutton.viima {
  border-color: #9BDC49;
  background: #9BDC49;
}
#text_body a.orderbutton.pyry {
  border-color: #F9BB18;
  background: #F9BB18;
}
#text_body a.orderbutton.tuisku {
  border-color: #FF2C47;
  background: #FF2C47;
}
#text_body a.orderbutton.generic {
  border-color: #2C84C7;
  background: #2C84C7;
}
#hosting_page #text_body table tr td a.orderbutton.generic {
  color: #fff;
}
#hosting_page #text_body table tr td a.orderbutton.generic:hover, a.orderbutton.generic:active {
  border-style: inset;
  color: #12568F;
}

td.left_td {
  width: 200px;
}
td.right_td {
  text-align: right;
}
.subref {
  font-size: 6pt;
  vertical-align:super;
}