/* CSS Document */
.mainContainer{
  background:url(../images/tuotteet_bg.jpg) no-repeat 0px 0px;
  }
.mainContainer #pageContents{
  padding-top:30px;
  }
a.backLink{
  text-decoration:none;
  color:#000;
  font-size:0.9em;
  font-weight:bold;
  position:relative;
  margin:0px 3px 0px 10px;
  padding-right:10px;
  }

#reel_content{display:block; position:relative; z-index:9} 
#reel_selaa{position:relative; padding:10px 0px 0px 30px; z-index:10}
#reel_selaa span{font-weight:bold;font-size:22px;position:relative;float:left;display:block;padding-top:2px;}
.linkReplace span{padding:0px 10px 0px 0px!important}
#reel_selaa span#ikajaottelu{
  padding-top:0px!important;
  font-size:0.1em;
  text-indent:-3000px;
  display:block;
  position:relative;
  float:left;
  background:url(../images/reelbtn_ikajaottelu.png) no-repeat top left;
  width:158px;
  height:34px;
  margin:0px 0px 0px 6px;
  cursor:pointer; 
  }
#reel_selaa span#ikajaottelu .active{background:url(../images/reelbtn_ikajaottelu.png) no-repeat bottom left;}
#reel_selaa span#ikajaottelu:hover{
  background:url(../images/reelbtn_ikajaottelu.png) no-repeat bottom left;
  }
#reel_selaa span#tuoteryhma{
  padding-top:0px!important;
  font-size:0.1em;
  text-indent:-3000px;
  display:block;
  position:relative;float:left;
  background:url(../images/reelbtn_tuoteryhma.png) no-repeat top left;
  width:158px;
  height:34px;
  margin:0px 6px 0px 6px;
  cursor:pointer;
  }
#reel_selaa span#tuoteryhma:hover{
  background:url(../images/reelbtn_tuoteryhma.png) no-repeat bottom left;
  }
.btnActive{background-position:bottom left!important;}


.reelBtn_fltright{
  display:block;
  position:relative;
  float:right;
  margin-right:50px;
  width:190px;
  height:34px;}
.reelbEnd{
  display:block;
  position:relative;
  float:left;
  }
.reelbEnd img{display:block;float:none;}
.reelbCenter{
  display:block;
  float:left;
  position:relative;
  overflow:none;
  width: 168px;
  height: 34px;
  text-align: center;
  }
.reelbCenter a{
	text-decoration:none;
	display:block;
	position:relative;
  height: 29px;
	}
#reel_selaa .reelbCenter span{
  display:block;
	float:none;
  font-weight:bold;
  font-size:12px;
  color:#fff;
  background: url(../images/reelbtn_center.gif) repeat-x top left;
  height:29px;
  line-height: 29px;
  cursor:pointer;
  position:relative;
  padding: 0;
  margin: 0;
  z-index:0;
  }
.reelbCenter em#prodSum{
	font-style:normal;
	}
.reelbCenter .reelbDown{
	display:block;
	position:relative;
  background:transparent url(../images/reelbtn_bottom.png) repeat-x top left;
  height:5px;
  z-index:30;
  font-size: 1px;
  line-height: 1px;
  top: 0;
  }
.reel_ctrlPos{
	min-height:0px;
	display:block;
  position:absolute;
  left:13px;
  top:64px;
  }
.bluebox_reel_ages{
  position:relative;
  width:920px;
  height:84px;
  }
.bluebox_reel_cats{
  position:relative;
  width:920px;
  height:150px;
  }
.prdScroll{
  position:absolute;
  background:url(../images/reel_scrollbar.png) no-repeat;
  width:901px;
  height:19px;
  top:0px;
  left:10px;
  z-index:20;
  }
.prdScroll_cat{
  position:absolute;
  background:url(../images/reel_scrollbar.png) no-repeat;
  width:901px;
  height:19px;
  top:54px;
  left:10px;
  z-index:20;
  }
#scrollHandle_blue{
  position:absolute;
  top:-7px;
  left:194px;
  width:115px;
  height:32px;
  z-index:30;
  }
.prdScroll_cat #scrollHandle_blue{
  left:244px
  }
#blueReel_Arrow{
  position:absolute;
  display:block;
  background:url(../images/reel_arrow.png) no-repeat bottom left;
  width:98px;
  z-index:10;
  border:none;
  filter:none;
  }
  /*
.reelArr{
  height:120px;
  top:0px;
  left:214px;
  }
.reelArr_top{
  height:175px;
  top:10px;
  left:264px;
  }
  */
.fullWblue_bottom{
  z-index:0;
  }
.fullWblue{
  margin-bottom:20px;
  z-index:10;  
  }
.reel_options_ages{
  position:absolute;
  width:950px;
  height:70px;
  display:block;
  top:24px;
  left:40px;
  z-index:50;
  }
.reel_options_cat_top{
  position:absolute;
  width:890px;
  height:70px;
  display:block;
  top:-20px;
  left:120px;
  z-index:50;
  }
.reel_options_cat_bottom{
  position:absolute;
  width:950px;
  height:70px;
  display:block;
  top:75px;
  left:40px;
  z-index:50;
  }
.reel_agebox{
  position:relative;
  float:left;
  display:block;
  height:50px;
  width:100px;
  width:19%;
  text-align:center;
  }
.reel_agebox a{
  font-size:0.1em;
  text-indent:-3000px;
  display:block;
  height:48px;
  }
#reel_0{background:url(../images/reel_scroll_odotus.png) no-repeat;width:86px;}
#reel_0-4kk{background:url(../images/reel_scroll_0-4kk.png) no-repeat;width:86px;}
#reel_5-12kk{background:url(../images/reel_scroll_5-12kk.png) no-repeat;width:86px;}
#reel_1-2v{background:url(../images/reel_scroll_1-2v.png) no-repeat;width:106px;}
#reel_2-4v{background:url(../images/reel_scroll_2-4v.png) no-repeat;width:106px;}

.reel_options_cat_top .reel_catbox{
  position:relative;
  float:left;
  display:block;
  width:17%;
  text-align:center;
  }
.reel_options_cat_top .reel_catbox a{
  font-size:0.1em;
  text-indent:-3000px;
  display:block;
  height:60px;
  width:86px;
  }
.reel_options_cat_bottom .reel_catbox{
  position:relative;
  float:left;
  display:block;
  width:16%;
  text-align:center;
  }
.reel_options_cat_bottom .reel_catbox a{
  font-size:0.1em;
  text-indent:-3000px;
  display:block;
  height:60px;
  width:86px;
  }
#reel_aitituotteet{background:url(../images/reel_scroll_aiti.png) no-repeat;width:86px;}
#reel_huvitutit{background:url(../images/reel_scroll_huvitutit.png) no-repeat;width:86px;}
#reel_ihonhoito{background:url(../images/reel_scroll_ihonhoito.png) no-repeat;width:86px;}
#reel_kylpyhuone{background:url(../images/reel_scroll_kylpy.png) no-repeat;width:86px;}
#reel_lelut{background:url(../images/reel_scroll_lelut.png) no-repeat;width:86px;}
#reel_pullotutit{background:url(../images/reel_scroll_pullotutit.png) no-repeat;width:86px;}
#reel_purulelut{background:url(../images/reel_scroll_purulelut.png) no-repeat;width:86px;}
#reel_rintareput{background:url(../images/reel_scroll_rintareppu.png) no-repeat;width:86px;}
#reel_ruokailu{background:url(../images/reel_scroll_ruokailu.png) no-repeat;width:86px;}
#reel_tuttipullot{background:url(../images/reel_scroll_tuttipullot.png) no-repeat;width:86px;}
#reel_vaunu{background:url(../images/reel_scroll_vaunu.png) no-repeat;width:86px;}

.beibox_content{height:190px; width:972px;padding-left:5px;}
.reelThmb{
  position:relative;
  float:left;
  width:135px;
  height:136px;
  margin:0px 0px 0px 2px;
  display:block;
  }
.thmbCntnt{
  position:relative;
  width:135px;
  height:136px;
  padding:0px;
  background:url(../images/prod_reellist_imgbg.png) no-repeat;
  z-index:0;
  }
.reelthmbSpec{
  position:absolute;
  top:-10px;
  left:-10px;
  width: 54px;
  height: 54px;
  z-index:20;
  }
.reelthmbImg{
  position:relative;
  top:3px;
  left:3px;
  width:125px;
  height:125px;
  z-index:10;
  overflow:hidden;
  }
.reelThmbName{
  position:absolute;
  left:14px;
  top:140px;
  z-index:15;
  font-weight:bold;
  padding-right:10px;
  }
.thmbHighlight{
  position:absolute;
  z-index:-10;
  background:url(../images/reel_thumb_highlight.png) no-repeat;
  width:129px;
  height:176px;
  margin-left:2px;
  top:20px;
  display:none;
  }
.thmbHighlight a{
  text-align:center;
  display:block;
  position:absolute;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
  top:140px;
  left:30px;
  padding:10px;
  /* background:url(../images/arr_white-on-blue.gif) no-repeat right 5px; */
  }
#reelThumbs{
	clear:both;
  position:absolute;
  margin-top:-200px;
  z-index:1;
  margin-left:6px;
  }
#reel_thumbsBg{
  position:absolute;
  z-index:-10;
  }
.subNavi_brown{
  width:269px;
  position:relative;
  float:left;
  margin:10px 0px 10px 0px;
  padding-left:10px;
  
  }
.subNavi_brown_right{
  float:left;
  width:269px;
  background:url(../images/subnavi_brown_right.png) no-repeat top right;
  overflow:hidden;
  position:relative;
}
.subNavi_brown_center {
  float:left;
  width:269px;
  position:relative;
  right:32px;
}
.subNavi_brown_left {
  float:left;
  width:269px;
  background:url(../images/subnavi_brown_left.png) no-repeat top right;
  position:relative;
  right:225px;
}
.subNavi_brown_contents{
  float:left;
  width:257px;
  position:relative;
  left:269px;
  display:block;
}
.subNavi_brown_links{
  width:243px;
  background:url(../images/subnavi_brown_center.gif) no-repeat top left;
  position:relative;
  padding:16px 0px 0px 0px;
  margin:0px;
  }
.subNavi_brown_bottom{position:relative;float:left;}
.subNavi_brown_bottom img{
  float:none;
  display:block;
  width:269px;
  height:34px;
  }
.subNavi_brown_contents a{
  background:none;
  height:17px;
  line-height: 17px;
  display:block;
  padding:3px 0px 3px 10px;
  width:223px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  }
.subNavi_brown_contents a:hover{
  /* background: url(../images/tutti_hl_brown.gif) no-repeat; */
  color:#018dc7;
  margin-left:0px;
  }
.subNavi_brown_contents span{
  display:block;
  position:relative;
  float:left;
  height:17px;
  overflow:none;
  /* background: url(../images/arr_small_brown.gif) no-repeat right 6px; */
  cursor:pointer;
  margin-left:0;  
  }
.subNavi_brown_contents span:hover{
  /* background: url(../images/arr_small_blue-brown.gif) no-repeat right 6px; */
  }
.subhr_brown{
  background:none;
  display:block;
  width:223px;
  text-align:left;
  margin:0px;
  margin-left:10px!important;
  border: none 0;
  border-top: 1px dotted #DFBB6F;
  height: 1px;
  font-size: 1px;
  }