body {
  background: #979393 url(/images/body_bg.jpg) top center no-repeat;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
}
.container {
  margin: 0px auto;
  width: 980px;
  text-align: left;
}
#header {
  position: relative;
}
#toplinks {
  margin: 8px 0 0 0;
}
#toplinks li {
  float: right;
  margin: 0 20px 0 0;
}
#toplinks a {
  color: #6f6f6f;
  text-decoration: none;
}
#toplinks a:hover {
  text-decoration: underline;
}
#menu {
  margin: 15px 0 15px 0;
}
#fadeimgs {
  width: 980px; height: 463px;
  background: url(/images/fadeimgs/1.jpg);
  margin: 0 0 15px 0;
}
#content {
  background: url(/images/content_bg.jpg) top center no-repeat;  
  min-height: 260px;
}
.tuetjasuojat #content {
  background: transparent !important;   
}
#content a {
  color: #ca0f0f;
  text-decoration: none;
}
#content a:hover {
  text-decoration: underline;
}
#content ul {
  margin: 0 0 15px 15px;
  padding: 0 0 0 0;
}
#content li {
  list-style-type: circle;
  color: #ca0f0f;
}
#content li a{
  color: #ca0f0f;
}
#newscontent {
  background: url(/images/news_bg.png) top center no-repeat;
  margin: 22px 0;
  height: 109px;
  padding: 10px 0 0 0;
}
#newscontent .newsentry {

}
#footer {
  background: url(/images/footer_bg.png) top center no-repeat;
  height: 58px;
}
#copy {
  float: left;
  color: #8f8f8f;
  margin: 9px 0 0 20px;
}
#status {
  float: right;
  margin: 10px 20px 0 0;
}
#btncontainer {
  padding: 20px 0 0 0;
}
.featbtn {
  display: block;
  float: left;
  margin: 0 0 0 17.5px;
  padding: 0 0 8px 0;
}
.featbtn:hover {
  background: url(/images/etusivu_btn_shadow.png) bottom center no-repeat;
}

/*tuotteet*/

#submenu {
  padding: 0 0 15px 0;
  font-size: 11px;
  margin: 0 0 0 20px;
  display: none;
}
.tuetjasuojat #submenu, .kylmahoito #submenu {
  display: block;
}
.kylmahoito .sub-product {
  display: none;
}
#submenu li {
  float: left;
  list-style-type: none;
  margin: 0 10px 0 0;
}
#submenu a {
  color: #292929 !important;
  padding: 3px 10px;
  text-decoration: none;
}
#submenu a:hover {
  color: #ca0f0f !important;
}
.sub-header {
  background: #bebebe;
  padding: 3px 10px;
}
#herra {
  background: url(/images/herrajuokseekotiin.jpg) no-repeat;
  float: left;
  width: 480px; height: 494px;
  margin: 0 0 15px 0;
}
#swapcontainer {
  background: #fff no-repeat;
  float: left; 
  width: 480px; min-height: 494px;
  margin: 0 0 20px 20px;
}
#swapcontainer h2 {
  margin: 15px 0 15px 20px;  
}
#swapcontent {
  margin: 20px;
}

/*herra juoksee kotiin nyt siit?*/

#herra {
  position: relative;
}
.renkula {
  opacity: 0.7;
  position: absolute;
  z-index: 9995;
}
.renkula:hover {
  opacity: 1;
}
.renkulanote {
  background: white;
  padding: 3px 7px;
  color: #666;
  z-index: 9999;
}
#r-nilkka {
  left:80px; top:360px;
}
#r-selka {
  left:230px; top:170px;
}
#r-polvi {
  left:353px; top:280px;
}
#r-kyynarpaa {
  left:170px; top:155px;
}
#r-ranne {
  left:370px; top:130px;
}
#r-nivusetreidet {
  left:255px; top:280px;
}
#r-nilkka {
  left:; top:;
}

/*uutiset*/

.newsentry {
  color: #c0c0c0;
}
.newsentry a{
  color: #f2f2f2;
  text-decoration: none;
}
.newslista {
  background: url(/images/news_bg_tiedotteet.png) no-repeat;
  height: 99px;
  margin: 0 0 20px 20px !important;
}
.newslista a {
  color: #fff !important;
}
.news {
  margin: 0 0 20px 30px;
  width: 440px;
  color: black;
}
.news .newstitle, .news .pvm {
  color: #666;
}
.pvm {
  color: #f2f2f2;
  font-size: 14px;
}
.newstitle {
  color: #f2f2f2;
  font-size: 14px;
}

/*kolumnirakenne*/

.singlecol {
  width: 940px;
  padding: 15px 0 0 10px;
  margin: 0 0 0 20px;
}
.doublecol {
  width: 440px;
  padding: 10px;
  margin: 0px 0 25px 20px;
  float: left;
}
.triplecol {
  width: 280px;
  padding: 10px;
  margin: 0px 0 25px 20px;
}
.quadcol {
  width: 200px;
  padding: 10px;
  margin: 0px 0 25px 20px;
}
.clearer {
  clear: both;
}

p {
margin: 0 0 15px 0;
}

/*otsikot*/

h1 {
display: none;
}
h2 {
  text-indent: -9999px;
  width: 440px; height: 28px;
  margin: 10px 0 15px 0;
}
h3 {
  font-size: 14px;
  font-weight: normal;
  color: #ca0f0f;
  margin: 0 0 10px 0;
}
h4 {

}
h5 {

}
#h2_etusivu {background: url(/images/h2_zp.png) no-repeat;}
#h2_etusivu2 {background: url(/images/h2_zp_absolute.png) no-repeat;}
#h2_sivukartta {background: url(/images/h2_sivukartta.png) no-repeat;}
#h2_ajankohtaista {background: url(/images/h2_uutisetjatapahtumat.png) no-repeat;}
#h2_yhteystiedot {background: url(/images/h2_yhteystiedot.png) no-repeat;}
#h2_faq {background: url(/images/h2_faq.png) no-repeat;}
#h2_tuotteet {background: url(/images/h2_tuotteet.png) no-repeat;}
#h2_varainhankinta {background: url(/images/h2_varainhankinta.png) no-repeat;}
#h2_tuetjasuojat {background: url(/images/h2_tuetjasuojat.png) no-repeat;}
#h2_lamminhoito {background: url(/images/h2_lamminhoito.png) no-repeat;}
#h2_kylmahoito {background: url(/images/h2_kylmahoito.png) no-repeat;}
#h2_ilmainennayte {background: url(/images/h2_ilmainennayte.png) no-repeat;}
#h2_jalleenmyyjat {background: url(/images/h2_jalleenmyyjat.png) no-repeat;}
#h2_palaute {background: url(/images/h2_palaute.png) no-repeat;}
#h2_tilaanayte {background: url(/images/h2_ilmainennayte.png) no-repeat;}

/* form */

#yhteystiedot #content li, #varainhankinta #content li {
  list-style-type: none;
}
fieldset {
  margin: 0 0 5px 0;
}
legend {
  font-size: 14px;
  color: #ca0f0f;
  font-weight: normal;
  margin: 0 0 10px 0;
}
label {
  display: block;
  width: 100px;
  float: left;
  padding: 4px 0 0 0;
}
.tilaanayte label, #varainhankinta label {
  width: 180px;
  vertical-align: middle;
  padding: 0 0 3px 0;
}
.radio {
  float: left;
  margin: 2px 10px 0 0;
}
form ol {
  margin: 10px 0 0 0;
}
form li {
  margin: 0 0 10px 0;
}
form li .txtinput{
  width: 190px; height: 20px;
  padding: 2px 5px 0 5px;
  border: 1px solid #a1a1a1;
}
textarea {
  font-family: arial;
  font-size: 12px;
  width: 430px; height: 100px;
  padding: 5px;
  border: 1px solid #a1a1a1;
  margin: 0 0 10px 0;
}

#varainhankintabtn {
  position: absolute; right: 20px; top: 82px;
}

.validated {
  color: #5d9430;
  border: 1px solid #5d9430 !important;
  background: #f6ffef;
}