html,body{
      margin:0;
      padding:0;
      width:100%;
      height:100%;
      border:none;
      font-family: Arial,verdana, sans-serif;
      font-size:12px;
   }

body { background-color: #ccc; overflow-y:scroll; }

table#roundedcorners { width:950px; min-height:70%; vertical-align:top; margin-top:20px; background-color: #FFF; padding:0px; }
table#roundedcorners td { padding:0px; margin:0px; vertical-align:top; }
table#roundedcorners td.topleft { width:20px; background-image:url('../../img/roundedtopleft.png');background-repeat:no-repeat; background-position:top left; }
table#roundedcorners td.topright { width:20px; background-image:url('../../img/roundedtopright.png');background-repeat:no-repeat; background-position:top right; }
table#roundedcorners td.one { width:20px; }
table#roundedcorners td.two { width:910px; }
table#roundedcorners td.three { width:20px; }
table#roundedcorners td.bottomleft { width:20px; background-image:url('../../img/roundedbottomleft.png');background-repeat:no-repeat; background-position:bottom left; }
table#roundedcorners td.bottomright { width:20px; background-image:url('../../img/roundedbottomright.png');background-repeat:no-repeat; background-position:bottom right; }

table#main { width:910px; height:100%; }
table#main td { vertical-align:top; }
table#main td.one { width: 220px; }
table#main td.two { width:670px; }

table#main tr#header { height:12%; }
table#main tr#header td {  }
table#main tr#content { height:88%; margin-top:0; padding-top:0; }
table#footer { width:950px; color:white; margin-left:auto; margin-right:auto; text-align:right; }
table#footer ul { list-style-type:none; position:relative; top:-15px;  }
table#footer ul li { list-style-type:none; display:inline; margin-left:20px; }
table#footer ul li img { position:relative; top:10px; }

tr#header div#menu { width:600px; position:relative; top:2px; font-family:Arial, verdana, sans-serif;
      font-size:14px; background-color:#272928; color:white; height:22px; background-image:url('../../img/topmenuright.jpg'); background-repeat:no-repeat; background-position: top right; margin-left:auto; margin-right:auto;  }
tr#header div#menu a:link, tr#header div#menu a:visited { color:white; text-decoration:none; text-transform:lowercase; font-size: 14px; }
tr#header div#menu ul {list-style-type:none; padding:0; margin:0; margin-left:auto; margin-right:auto; }
tr#header div#menu ul li { display: table; vertical-align:middle; height:22px; list-style-type:none; padding:0; margin:0; float:left; text-align:center; padding-left:10px; padding-right:10px; }
tr#header div#menu ul li.first { height:22px; background-image:url('../../img/topmenuleft.jpg'); background-repeat:no-repeat; background-position: top left;}

tr#header div#menu a:hover { color: #4fa276; }
table#main table td { padding:0px; border:0; }

div#picmenu { width:235px; }
div#picmenu img { padding:0px; margin:0px; margin-bottom:2px; }

div.picmenusub { position:relative; top:-10px; width:225px; background-image:url('../../img/picmenu_subbackground.jpg');}
div.picmenusub img.bottompic { position:relative; top:5px; }
div.picmenusub p { width:80%; margin:0; padding:0; margin-left:auto; margin-right:auto; }
div.picmenusub a:link, div.picmenusub a:visited { color:#fff; text-decoration:none; font-family:Arial, verdana, sans-serif; font-size:14px; }
div.picmenusub a:hover { font-weight:bold; }

div.content_content { width:600px; margin-left:auto; margin-right:auto;}

table.one { width:600px; margin-left:auto; margin-right:auto; }
table.one td { vertical-align:top;  }

table.two_col { width:600px; height:100%; margin-left:auto; margin-right:auto; }
table.two_col td.two_col_one { width:25%;}
table.two_col td.two_col_two { width:65%; margin-left:10%; }

table.two_col_etu { width:100%; height:100%; }
table.two_col_etu td.two_col_one { width:60%;}
table.two_col_etu td.two_col_two { width:40%; }

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }

h1.sivuotsikko_h1 { font-size:20px; }

div.picmenuentry { position:relative; }

div.picmenuentry .floatingimageleft { float:left; position:absolute; top:-10px; left:0; z-index:10; }
div.picmenuentry .floatingimageright { position:absolute; top:-5px; right:0px; z-index:10; }

table.tuotelista td img { margin:10px; }

table.tuote { width:100%; }
table.tuote td.col_one { width:30%;}
table.tuote td.col_two { width:70%; }
table.tuote td.col_two .content { width:92%; margin-left:auto; margin-right:auto;  }

span.vero { color:red; }

div.productlist { width:25%; height:150px; margin-bottom:40px; float:left; text-align:center; }
div.productlist img { width:120px; height:121px; }

div.subgrouplist { width:25%; height:136px; margin-bottom:10px; float:left; text-align:center; }
div.subgrouplist img { width:135px; height:136px; }

div.dummy_subgroup { text-align:center;}

div.dummy_subgroup a:link, div.dummy_subgroup a:visited { color:black; }

input.lkori { margin-left:5px; width:20px; height:20px;  }


div.newsbox { background-image:url('../../img/newsbox.jpg'); width: 400px; height:201px; background-repeat:no-repeat; }
div.newsbox .content { width:90%; margin-left:auto; margin-right:auto; font-size:11px; padding-top:20px; }
div.newsbox a:link, div.newsbox a:visited { color:black; font-size:11px; }
div.ostoskori { text-align:right; width:100%; color:#CCC; padding-bottom:5px;}
div.ostoskori a:link, div.ostoskori a:visited { color:#CCC; text-decoration:none; }

table.ostoskori_leveys { width:100%; padding:10px; margin:5px; }
table.ostoskori_leveys td { }
table.ostoskori_leveys td.yhteensa { font-weight:bold; text-align:left; }
tr.otsikkot td { text-align:left; font-weight:bold;  background-color:#272928; color:white; text-align:center; padding:20px;}
form#tilaustiedot label { position: absolute; text-align:right; width:130px; }
form#tilaustiedot span.indentme { margin-left:140px; }
form#tilaustiedot input, form#tilaustiedot textarea { margin-left: 140px; }
form#tilaustiedot label.check, form#tilaustiedot label.radio { position:relative; text-align:left; }

div#etu_slideshow { width:600px; margin-left:auto; margin-right:auto; }

div.jcarousel-control { position:relative; top:-30px; left:20px; }
div.jcarousel-control a { text-align:center; z-index:200; margin-right:3px; padding-top:1px; background-image:url('../../img/etusivu_pagenum.png'); width:20px; height:20px; background-repeat:no-repeat; list-style-type:none; float:left;  }
div.jcarousel-control a.active { background-image:url('../../img/etusivu_pagenum_active.png'); }
div.jcarousel-control a:link, div.jcarousel-control a:visited { text-decoration:none; font-size:90%; font-weight:bold; color:#FFF; }
/**
div#etu_slideshow ul { margin:0; padding:0; list-style-type:none; }
div#etu_slideshow ul li { margin:0; padding:0; list-style-type:none; }



div#etu_slideshow ol { position:relative; top:-45px; z-index:100;list-style-type:none; height:20px; width:50%; }
div#etu_slideshow ol li a:link, div#etu_slideshow ol li a:visited { text-decoration:none; font-size:90%; font-weight:bold; color:#FFF;}
*/
a:link.tuotelinkit.a:visited.tuotelinkit { font-size:90%; }

a:link { color: #027c41; }
a:visited { color: #4fa276; }
a:hover { color: #4fa276; }

table.variance { border:1px solid #ccc; padding:5px; }
table.variance td { padding:5px; }
table.variance td.variancetd { text-align:left; width:70px; }

div.suurenna { position:relative; z-index:50; top:-3px;width:175px; text-align:right; color:black;}
div.suurenna2 { position:relative; z-index:50; top:-25px; color:black; text-align:right; width:175px;}
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 90;
   width: 100%;
   height: 500px;
}
#jquery-lightbox {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   text-align: center;
   line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
   position: relative;
   background-color: #fff;
   width: 250px;
   height: 250px;
   margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
   position: absolute;
   top: 40%;
   left: 0%;
   height: 25%;
   width: 100%;
   text-align: center;
   line-height: 0;
}
#lightbox-nav {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
   width: 49%;
   height: 100%;
   zoom: 1;
   display: block;
}
#lightbox-nav-btnPrev {
   left: 0;
   float: left;
}
#lightbox-nav-btnNext {
   right: 0;
   float: right;
}
#lightbox-container-image-data-box {
   font: 10px Verdana, Helvetica, sans-serif;
   background-color: #fff;
   margin: 0 auto;
   line-height: 1.4em;
   overflow: auto;
   width: 100%;
   padding: 0 10px 0;
}
#lightbox-container-image-data {
   padding: 0 10px;
   color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
   width: 70%;
   float: left;
   text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
   display: block;
   clear: left;
   padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
   width: 66px;
   float: right;
   padding-bottom: 0.7em;
}

table.oneetu { position:relative; top:-40px; width:600px; margin:0; padding:0; margin-left:auto; margin-right:auto; }
table.oneetu td { vertical-align:top; }

div#branddesc { width: 25%; float:left; }

div.ostoskori { }

fieldset { width:80%; margin-left:auto; margin-right:auto; padding:10px; }
fieldset label { width:25%; float:left; }
fieldset legend { color:black; vertical-align:middle; }

div#abovemenu {
    position:relative;
    height:57px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

div#loggedin { position:absolute; bottom:5px; }
div#ostoskoribit { position:absolute; right:0px; bottom:0px; width:250px;}
div#ostoskoribit img { float:right; }
form div#loginform{ position:absolute; bottom:5px; height:30px; width:350px; text-align:center;  background-image:url('../../img/loginbackground.jpg'); background-repeat:no-repeat; }

div#loginform input { height:14px; padding-left:2px; padding-right:2px; margin-top:8px; width:100px; font-size:10px; background-color:#ccc; font-family: verdana, sans-serif; border:0; background-image:url('../../img/logininputbackground.jpg'); background-repeat:no-repeat;}

img { border:0; }
img.logo { border:0px; margin-top:18px; }
a:link img, a:visited img { border:0; }

.greendot { position:relative; top:7px; text-align:center; }

body#fckeditor { background-color:white; }

input a:link { color: #027c41; }
input a:visited { color: #4fa276; }
input a:hover { color: #4fa276; }

div#hiddencountry { margin:5px;}

div.pagination { clear:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px; width:100%; margin-bottom:10px; text-align:center; font-size:14px; }