/*#########################

    structural items

#########################*/ 

.pic { border: solid 3px #ffffff; }
.picdiv  { float: right; border: solid 1px #BFBFBF; margin-left: 10px; }
.pic_frontpage { border: solid 3px #ffffff; }
.picdiv_frontpage  { float: right; border: solid 1px #BFBFBF; }

body {
  background-image: url(img/bg.gif);
  background-color: white;
  padding: 0;
  margin: 0 0 0 0px;
  font-family: arial, tahoma, verdana, sans-serif;
  color: #656565;
}

img { border: 0; }

a {
  text-decoration: none;
  color: #A3A3A3;
}

a:hover { color: #222222; }


/*#########################

    navigational items

#########################*/ 

ul#navi {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  float: right;
}

#navi li {
  float: left;
  display: block;
}

#navi a {
  padding: 4px 7px 4px 8px;
  text-decoration: none;
  color: #BFBFBF;
}

#navi a:hover { color: #222222; }

div#sidenav { padding-left: 20px; }

div.snxSelectedstart {
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  border-bottom: 1px solid #D5D5D5;
  font-size: 11px;
  color: #656565;
  padding: 6px 0px 6px 20px;
  margin-left: 0px;
  width: 140px;
  margin-top: 5px;
}

div.snxUnselectedstart {
  border-bottom: 1px solid #D5D5D5;
  font-size: 11px;
  color: #A3A3A3;
  padding: 6px 0px 6px 0px;
  margin-left: 20px;
  margin-top: 5px;
  width: 140px;
}

div.snxSelectedend {
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  font-size: 11px;
  color: #656565;
  padding: 6px 0px 6px 20px;
  margin-left: 0px;
  width: 140px;
  position: relative;
  top: -1px;
}

div.snxUnselectedend {

  border-top: 1px solid #D5D5D5;
  font-size: 11px;
  color: #A3A3A3;
  padding: 6px 0px 6px 0px;
  margin-left: 20px;
  width: 140px;
  position: relative;
  top: -1px;
}

div.snxSelected {
  background-image: url(img/arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 8px;
  font-size: 11px;
  color: #656565;
  padding: 6px 0px 6px 20px;
  margin-left: 0px;
  width: 140px;
}

div.snxUnselected {
  border-bottom: 1px solid #D5D5D5;
  font-size: 11px;
  color: #A3A3A3;
  padding: 6px 0px 6px 0px;
  margin-left: 20px;
  width: 140px;
}

div.snSelected {
  border-top: 1px solid #7D7D7D;
  border-bottom: 1px solid #7D7D7D;
  font-size: 11px;
  color: #656565;
  padding: 6px 0px 6px 0px;
  width: 160px;
  position: relative;
  top: -1px;
}

div.snUnselected {
  border-bottom: 1px solid #D5D5D5;
  font-size: 11px;
  color: #A3A3A3;
  padding: 6px 0px 6px 0px;
  width: 160px;
}

/*#########################

      unique divs

#########################*/ 

div#margin {
  margin-left:89px;
}

div#cWrap1 {
  width: 860px;
  background-image: url(img/bgwarp.gif);
}

div#content {
  margin: 0px 5px 0px 5px;
  padding: 40px 40px 40px 40px;
}

div#footer {
  background-image: url(img/grad_btm.gif);
  background-position: bottom center;
  background-repeat: repeat-x;
  padding: 10px 15px 14px 15px;
  border-top: 1px solid #D5D5D5;
}

td.footerC { font-size: 11px; }

/*#########################

        etusivu

#########################*/ 

table#etNosto {
  margin-top: 13px;
  border: 0;
}

td#nosto1,td#nosto2 {
  padding-right: 13px;
}

td#nosto3 {
  border: 1px solid #BFBFBF;
  padding: 3px;
}

div#etusivuUutisetCon {
  width: 242px;
  height: 144px;
  background-color: #656565;
  overflow: auto;
}

div#etusivuUutiset {
  padding: 10px;
  font-size: 10px;
  line-height: 13px;
  color: #DFDFDF;
}

div#etusivuUutiset h1 {
  color: white;
  font-size: 12px;
  margin: 0 0 10px 0;
}

div#etusivuUutiset b {
  font-size: 11px;
  color: white;
  font-weight: bold;
  line-height: 16px;
}

/*#########################

      reusable stuff

#########################*/ 

td#sisalto2Vvasen {
  width: 522px;
  padding-right: 40px;
  font-size: 12px;
  line-height: 18px;
}
td#sisalto2Voikea {
  width: 248px;
}

td#sisalto2Vvasen h1 {
  margin: 0 0 20px 0;
  font-size: 12px;
}

td#sisalto2Voikea { width: 248px; }

td#sisalto2VoikeaIMG img { margin-top: 20px; }

td#sisalto2Ovasen {
  width: 522px;
  padding-left: 40px;
  font-size: 12px;
  line-height: 18px;
}

td#sisalto2Ooikea { width: 248px; }

td#sisalto2Ovasen h1 {
  margin: 0 0 20px 0;
  font-size: 12px;

}

td#sisalto2OoikeaIMG img {
  width: 240px;
  margin-top: 0px;
}

div.right { float: right; }

/*#########################

         images

#########################*/ 

img#logo {
  width: 138px;
  height: 31px;
  margin-bottom: 40px;
}

img#iconPhone {
  width: 13px;
  height: 11px;
  margin-right: 10px;
  position: relative;
  top: 1px;

}

img#iconEmail {
  width: 13px;
  height: 9px;
  margin-left: 20px;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

img#iconFlag1 {
  width: 18px;
  height: 12px;
  margin-left: 20px;
  position: relative;
  top: 2px;
}

img#iconFlag2,img#iconFlag3 {
  width: 18px;
  height: 12px;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

/* tuotenostot tuote-sivuilla */
img.tuotenosto,
img.tuotenosto-left,
img.tuotenosto-right {
 padding:3px;
 border:1px solid #bfbfbf;
 margin:0 10px 10px 0;
}

img.tuotenosto-left {
 float:left;
 margin-right:0;
}
img.tuotenosto-right {
 float:right;
 margin-right:0;
}

/* tuotehaku tuote-sivuilla */
div#tuotehaku {
 position:relative;
 clear:both;
 float:left;
 width:460px;
 padding:10px;
 border:1px solid #BFBFBF;
 margin:10px 0 13px;
}

div#tuotehaku div#left-col,
div#tuotehaku div#right-col {
 position:relative;
 width:223px;
 padding:0;
 margin:0;
}

div#tuotehaku div#left-col { float:left; }
div#tuotehaku div#right-col { float:right; }
/* END tuotehaku tuote-sivulla */

/* tuotteen nimi ja kuva tuote-sivulla */
div#tuotteet {
 float:left;
 width:100%;
 padding:0;
 margin:0;
}

div.tuote {
 float:left;
 width:105px;
 padding:0;
 margin:0 13px 13px 0;
}

div.tuote img {
 display:block;
 padding:3px;
 border:1px solid #bfbfbf;
 margin:0 0 4px 0;
}


div.tuote_ei_raamia {
 float:left;
 width:105px;
 padding:0;
 margin:0 13px 13px 0;
}

div.tuote_ei_raamia img {
 display:block;
 padding:3px;
 border:0px solid #bfbfbf;
 margin:0 0 4px 0;
}

div.tuote p {
 padding:0 0 0 5px;
 margin:0;
 font-size:11px;
 line-height:13px;
}
/* END tuotteen nimi ja kuva tuote-sivulla */

/*#########################

         forms

#########################*/
form {
 padding:0;
 border:0;
 margin:0;
}


label {
 padding:0;
 margin:0;
 font:normal normal bold 12px/13px arial, tahoma, verdana, sans-serif;
}

input {
 width:216px;
 padding:2px;
 margin:4px 0 12px;
}

input#hae-tuote {
 position:absolute;
 width:auto;
 padding:2px 4px;
 margin:64px 0 0;
 right:0;
}

select {
 width:220px;
 padding:0;
 margin:4px 0 12px;
}