/*-----------------------------------------------
INDEX
-------------------------------------------------
	Global
	Layout
	Images
	Links
	Navigation
	Forms
	Misc
------------------------------------------------*/


/*-----------------------------------------------
GLOBAL
-----------------------------------------------*/

body {
 background:#f2fbfe top left repeat-x url('/kuvat/layout/bg-page.gif');
 color: #000000;
 margin: 0; 
 padding:0;
 font-family: tahoma, verdana, arial, Sans-serif; 
 font-size:84%;
}

hr { 
 height:1px;
 color:#00aeef; 
 background:#00aeef;
 border:none;
}

img {
 border:0px;
}

small {
 font-size:85%;
}

h1 { 
 font-family: 'trebuchet MS', tahoma, verdana, arial, Sans-serif; 
 font-weight: normal;
 font-size: 180%;
 margin: 0 0 0.5em 0;
 color: #e93c35;
}

h2 { 
 font-family: 'trebuchet MS', tahoma, verdana, arial, Sans-serif;  
 font-weight: normal;
 font-size: 130%; 
 margin: 1.5em 0 0.5em 0;
}

p {
 margin: 0.3em 0 0.9em 0;
}

/*-----------------------------------------------
LAYOUT
-----------------------------------------------*/

table#container {
 width:100%;
}


td#left-top {
 width: 30%;
 background:  #f2fbfe top right repeat-y url('/kuvat/layout/bg-top-left.gif');
}

td#right-top {
 width: 30%;
 background: #f2fbfe top left repeat-y url('/kuvat/layout/bg-top-right.gif');
}

td#middle-top {
 background: #ffffff;
 height: 25px;
 padding: 0 15px;
}

td#left-wrap {
 width: 30%;
 background: top right no-repeat url('/kuvat/layout/bg-left-wrap.jpg');
 vertical-align:top;
 padding: 120px 5px 10px 10px;
}

td#right-wrap {
 width: 30%;
 background: top left no-repeat url('/kuvat/layout/bg-right-wrap.jpg');
 vertical-align:top;
 padding: 120px 5px 10px 10px;
}

td#middle-wrap {
 vertical-align:top;
 background: #ffffff;
}

table#page-wrap {
 clear:both;
 width:100%;
}

td#left-column {
 width: 150px;
 padding: 0 10px 40px 15px;
 vertical-align:top;
}

td#right-column {
 padding: 0 15px 40px 0;
 vertical-align:top;
}

div#footer {
 clear:both;
 margin: 0 15px;
 padding: 5px 0px 50px 0px;
 border-top: 1px solid #00aeef;
}


/*-----------------------------------------------
Etusivun tuoteryhmät
-----------------------------------------------*/

.prod-group-container {
 position: relative;
 background: #00aeef;
 color: #ffffff;
 text-align:center;
 width: 175px;
 margin: 0 10px 10px 0;
}

.round-corner-border {
 width: 175px;
 height: 155px;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 background: url(/kuvat/layout/round-corner.png) no-repeat;
}

.prod-group-link {
 text-align:center;
 color:#ffffff;
 font-weight:bold;
 padding: 0px 10px 6px 10px;
 background: bottom no-repeat url(/kuvat/layout/round-corner-bottom.gif);
}


div.prod-group-image-wrap {
 height: 160px;
}

img.prod-group-image {
 width: 165px;
 height: 150px;
 padding: 5px;
 display:block;
}



/*-----------------------------------------------
TUOTETAULUKOT
-----------------------------------------------*/

table.data-wrap {
 width:100%;
 border: 5px solid #00aeef;
 border-top: 0px;
 border-collapse: collapse;
}

.data {
 width:50%;
 border: 1px solid #00aeef;
 padding: 5px;
 vertical-align:top;
}


/*-----------------------------------------------
KUVAT
-----------------------------------------------*/

img#logo {
 width: 265px;
 height: 110px;
 display: block;
 float:left;
}

img#ylakuva {
 width: 350px;
 height: 110px;
 display: block;
 float:left;
}

img#netland {
 width: 112px;
 height: 7px;
 margin-top: 5px;
 float:right;
}

img.magnifier {
 width: 16px;
 height: 16px;
 vertical-align:middle;
 padding-right: 3px;
}


img.banneri {
 display: block;
 margin-bottom: 10px;
}


/*-----------------------------------------------
LOMAKKEET
-----------------------------------------------*/

form {
 margin: 0px;
}


.painike,.nappi { 
 background: #b81a12 repeat-x left top url('/kuvat/painike-tausta.jpg');
 color: #ffffff;
 cursor:pointer;
 font-family: verdana, sans-serif;
 font-size: 85%;
 font-weight: bold;
 border:0;
 padding:2px 1px;
}





/*-----------------------------------------------
LINKIT
-----------------------------------------------*/

A {  
  color:#069cdd; 
  text-decoration:none;
  outline: none;
}

A:visited {  
  color:#7300ab;
}

A:hover {  
  text-decoration:underline;
}


A.white, A.white:visited {
 color: #ffffff;
}

A.korostus, A.korostus:visited {
 color: #e93c35;
}

#ostoskori A { color: #e93c35; background: inherit;}
#ostoskori A:visited { color: #e93c35; background: inherit; }


/*-----------------------------------------------
NAVIGAATIO
-----------------------------------------------*/


div.common-nav {
 width: 95px;
 height: 17px; 
 background: #00aeef;
 color: #ffffff;
 border-top: #29bef1 1px solid;
 padding: 2px 20px;
 float:left;
}

div.common-nav-akt {
 width: 95px;
 height: 17px; 
 background: #00aeef top left repeat-x url('/kuvat/layout/bg-common-nav.gif');
 color: #ffffff;
 border-top: #29bef1 1px solid;
 padding: 2px 20px;
 float:left;
}

A.common-nav, A.common-nav:visited {  
  color:#ffffff;
  text-decoration:none;
}

A.common-nav-akt, A.common-nav-akt:visited, A.common-nav:hover { 
  color:#ffffff;
  text-decoration:none;
  font-weight: bold;
}


div#main-nav-wrap {
 clear:both;
 width: 745px;
 padding-left: 5px;
 font-size:75%;
}

div.main-nav {
  padding: 18px 12px;
  float:left;
  font-weight: bold;
  text-transform: uppercase;
  background: #ffffff;

}

div.main-nav-akt {
  padding: 18px 12px;
  float:left;
  font-weight: bold;
  text-transform: uppercase;
  background: #ffffff top center no-repeat url('/kuvat/layout/bg-main-nav-akt.gif');
}


A.main-nav-akt, A.main-nav-akt:visited, A.main-nav-akt:hover, A.main-nav:hover {  
  color:#000000;
  text-decoration:none;
}


A.main-nav, A.main-nav:visited {  
  color:#069cdd;
  text-decoration:none;
}


div.nav, div.nav-akt {
 padding-bottom: 10px;
}

A.nav, A.nav:visited {
 color: #069cdd;
}

A.nav-akt, A.nav-akt:visited, A.nav:hover, A.nav-akt:hover {
 color: #000000;
}


/*-----------------------------------------------
MISC
-----------------------------------------------*/

#ostoskori {
 padding-top: 3px;
}

.news-list {
 padding-bottom: 7px;
}

.virhe {
   font-weight: bold;
   color: #d9261c;
}

.pager-current {
   background: #00aeef;
   color: #ffffff;
   font-weight: bold;
   padding: 0px 5px;
}

.pager-other {
    background: #b81a12 repeat-x left top url('/kuvat/painike-tausta.jpg');
   color: #ffffff;
   padding: 0px 5px;
}

div.banneri-flash {
 margin-bottom:10px;}

.korostus {
 color: #e93c35;}