/**
* (c) Marko Kokkonen
* Suomen Pienyrittäjäin Mainostoimisto Oy
* http://www.spym.fi/
*/

/*-----------------------------------------------------------------------------
  JCE Editor reset
-----------------------------------------------------------------------------*/

body#tinymce, td.mceContentBody {background: #fff none; text-align: left; color:#000;}
.mceContentBody p, .mceContentBody strong, .mceContentBody em, .mceContentBody h1, .mceContentBody h2, .mceContentBody h3, .mceContentBody h4, .mceContentBody h5, .mceContentBody h6, 
.mceContentBody table, .mceContentBody table p, .mceContentBody table td {color:#000 !important;}
body#tinymce, .mceContentBody {border: 0 none;}

/*-----------------------------------------------------------------------------
  Main
-----------------------------------------------------------------------------*/

body { background: #f4f4f4;}

div#main {
  position: relative;
  padding-bottom: 154px; /** sticky footer */
 }

div#footer {
  height: 154px; /** sticky footer */
  padding-top: 0; 
  margin-top: -154px; /** sticky footer */
  text-align: left;
  background: #d6d6d6 url('../images/footer-bg.jpg') repeat-x bottom left;
 }

.yhteystiedot td {
  padding: 0;
}

.sisasivu #main {
  margin-top: 10px;
}

.category-list fieldset.filters {
  display: none;
  visibility: hidden;
}

ul.breadcrumb {
  margin-bottom: 12px;
  padding-left: 0;
  list-style: none;
}
ul.breadcrumb li {
  display: inline;
}

/*-----------------------------------------------------------------------------
  Embed Fonts
-----------------------------------------------------------------------------*/

@font-face {
    font-family: 'StreetCornerSlabRegular';
    src: url('../fonts/streetcornerslab/street_corner_slab-webfont.eot');
    src: url('../fonts/streetcornerslab/street_corner_slab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/streetcornerslab/street_corner_slab-webfont.woff') format('woff'),
         url('../fonts/streetcornerslab/street_corner_slab-webfont.ttf') format('truetype'),
         url('../fonts/streetcornerslab/street_corner_slab-webfont.svg#StreetCornerSlabRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*--------------------------------------------------------------------------------------------------------------------------------------------

  CSS3 Classes [ Current url for css3 pie: http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc ]
  
---------------------------------------------------------------------------------------------------------------------------------------------*/
 
.x-border-radius {
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
 }

.x-box-shadow {
  -o-box-shadow: 0 0 10px #888;
  -webkit-box-shadow: 0 0 10px #888;
  -moz-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
 }  

.x-linear-gradient {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(blue), to(white));
  background: -moz-linear-gradient(blue, white);
  background: linear-gradient(blue, white);
  -pie-background: linear-gradient(blue, white);
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
 } 


/*-----------------------------------------------------------------------------
  Custom Typography
-----------------------------------------------------------------------------*/

body, p, address, caption, th, td, li, dt, h1, h2, h3, h4, h5, h6
        { font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight: normal; color: #929292; font-size:13px; line-height:150%;}

        
h1, h2, h3, h4, h5, h6, #yoo-zoo .details h1.title { font-family: 'StreetCornerSlabRegular'; color: #3d3d3d; line-height: 120%; margin: 21px 0 7px;}
h1, #yoo-zoo .details h1.title  { font-size: 22px; }
h2         { font-size: 18px; }
h3        { font-size: 16px;}
h4        { font-size: 14px;}
h5        { font-size: 12px;}
h6        { font-size: 12px;}

.article-heading, .featured-heading, .category-heading, .archive-heading, .moduleheading, #yoo-zoo .details h1.title {
  font-family: 'StreetCornerSlabRegular';
  margin: 0 0 15px;
  padding-top: 0;
 }

/* Featured view */

.featured-heading {
  font-size: 20px;
 } 

.featured-subheading {
  font-size: 16px;
 }  

 .etusivu .featured-subheading {
   font-size: 18px;
   margin-top: 0;
 }

/* Category view */

.category-heading {
  font-size: 22px;
 } 

.category-subheading {
  font-size: 16px;
 }  
        
p, address    { margin-bottom:1em;}

a, a:link    {  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight: normal; color: #f48000; text-decoration: none; }
a:visited    { color: #f48000; text-decoration: none; }
a:hover      { color: #f48000; text-decoration: underline; }

blockquote p   { padding: 0 20px 0 30px; }
hr         { background: #CCC; height: 1px; }
img        { margin: 0; }
p img      { float: none; }
a img      { border: none; }
a.button     { float: left; } /* Fix for buttons */
input       { padding: 4px 3px; border: 1px solid #CCCCCC; }
fieldset    { border: 1px solid #666; }

fieldset.filters legend {
  padding: 0 2px;
 }

ul, ol       { margin: 0em 0em 1.5em; }
label      { font-weight: normal; }
textarea    { font-family: sans-serif; font-size: 12px; padding: 4px 3px; height: 80px; width: 160px;}

td        {vertical-align:top;}
thead th     { background-color: #d6d6d6; color: #fff; }
thead th a:link { color: #3d3d3d;}
tbody tr:nth-child(2n) td,
tbody tr.even td   { background-color: transparent; } 
 
.small      { font-size: .9em; }
.nomargin    { margin: 0; }
a.button, button   { font-weight: normal; }
.contentheading a { text-decoration: none; }          

.catblog a    { padding:0 ; margin:0; line-height:0;}

.alignright   { float: right; }
.alignleft     { float: left; }

/* Action buttons */
span.actions    { width: auto; float:right; margin: 0; padding: 0; text-align: right;}
span.print-icon    { font-size: 11px;}
span.email-icon    { font-size: 11px;}

/* Article metadata */
dl.article-info    { width: auto; margin: inherit auto; padding-bottom: 10px; display: block; }
dl.article-info dd  { width: auto; display: block; float: left; margin-left: 0; font-size: 11px;}

dl.article-info dd.create {margin-right: 3px;}
dl.article-info dd.create:after { content:"\00a0|\00a0"; }

a.orangebtn, .orangebtn, .form-entity input.reset, .form-entity input.button, #yoo-zoo .items div.pos-content .element.last a {
  position: relative;
  color: #fff;
  border: 0;
  font-style: normal;
  font-size: 12px;
  background: #f48000;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 12px;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc));
  text-decoration: none;
}

a.orangebtn:hover, .orangebtn:hover, .form-entity input.reset:hover, .form-entity input.button:hover, #yoo-zoo .items div.pos-content .element.last a:hover {
  background: #f39732;
  text-decoration: none;
}


/*-----------------------------------------------------------------------------
  Re-usable classes
-----------------------------------------------------------------------------*/

.boxed {
  background: #fff;
  border-top: 5px solid #f48000;
  padding: 15px 15px;
  -o-box-shadow: 0 0 5px #cececd;
  -webkit-box-shadow: 0 0 5px #cececd;
  -moz-box-shadow: 0 0px 5px #cececd;
  box-shadow: 0 0 5px #cececd;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

#form-aside .boxed {border-color: #414141; background: 0;}
#form-aside #chronoform_otayhteytta {padding:10px 0 1px 0;}

#aside #form-aside .boxed {background: 0;}

/*-----------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------*/

div#header-wrap {
  background: #fff url('../images/header-wrap-bg.jpg') repeat-x bottom left;
}

div#header {
  position: relative;
  height: 188px;
  background: transparent url('../images/header-bg.jpg') no-repeat bottom left;
}

div#header div#logo  h1, div#header div#logo  p {
  margin: 0px;
  padding: 0px;
 }

div#header div#logo a {
  text-indent: -3000em;
  width: 471px;
  height: 82px;
  display: block;
  background:  url('../images/masterhouse.jpg') no-repeat top left;
 }


/*-----------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------*/

/* Common styles for navigation */

/* horizontal style for navigation */

.horizontal-nav ul.menu {
  width: auto;
  height: 30px;
  line-height: 30px;
  float: right;
  margin: 0px auto;
  padding: 0;  
  border: 0 none;  
  background: transparent;
}

.horizontal-nav ul.menu li {
  display: inline;
  float: left;
  width: auto;
  _width: 0px;   /*For IE6*/
  height: 30px;
  line-height: 30px;
  margin: 0px 2px;
  padding: 0;
}

.horizontal-nav ul.menu li.first { margin-left: 0;}
.horizontal-nav ul.menu li.last  { margin-right: 0;}

.horizontal-nav ul.menu a, .horizontal-nav ul.menu a:link {
  width: auto;
  _width: 0px;   /*For IE6*/
  _white-space: nowrap; /*For IE6*/
  display: block;
  height: 30px;
  line-height: 30px;
  border: 0;
  margin: 0;
  padding: 0 6px;
  font-weight: normal;
  text-align: center;
  background: #fff;
}

.horizontal-nav ul.menu a, .horizontal-nav ul.menu a:link, .horizontal-nav ul.menu a:visited  {
  color: #313131;
  font-size: 14px;
  text-decoration: none;
 }

.horizontal-nav ul.menu li a:hover  { background: #eeeeee; text-decoration: none;}

.horizontal-nav ul.menu li.active a { background: #f48000; color: #fff; text-decoration: none; }

/* end of horizontal style */

/* vertical style for navigation */

.vertical-nav ul.menu {
  width: auto;
  height: auto;
  float: none;
  margin: 0px auto;
  padding: 0;  
  border: 0 none;  
  background: transparent;
}

.vertical-nav ul.menu li {
  width: 100%;
  height: auto;
  display: block;
  float: none;
  margin: 5px 0;
  padding: 0;
}

.vertical-nav ul.menu li.first { margin-top: 0;}
.vertical-nav ul.menu li.last  { margin-bottom: 0;}

.vertical-nav ul.menu a, .vertical-nav ul.menu a:link {
  width: auto;
  display: block;
  height: 20px;
  line-height: 20px;
  border: 0;
  margin: 0;
  padding: 0 10px;
  font-weight: normal;
  text-align: left;
  background: grey;
}

.vertical-nav ul.menu a, .vertical-nav ul.menu a:link, .vertical-nav ul.menu a:visited { 
  color: white;
 }

.vertical-nav ul.menu li a:hover  { text-decoration:underline;}

.vertical-nav ul.menu li.active a { color: blue; text-decoration: underline; }

/* end of vertical style */

/* Main Menu */

.navi-wrap {
  padding-top: 25px;
}

#nav-main {
  margin-top: 45px;
}

#nav-sub {
  margin-top: 25px;
}

#nav-sub.horizontal-nav ul.menu {
  float: left;
}

#nav-sub.horizontal-nav ul.menu, #nav-sub.horizontal-nav ul.menu li, #nav-sub.horizontal-nav ul.menu a, #nav-sub.horizontal-nav ul.menu a:link {
  height: 36px;
  line-height: 36px;
} 

#nav-sub.horizontal-nav ul.menu a, #nav-sub.horizontal-nav ul.menu a:link {
  background: transparent;
  color: #fff;
}

#nav-sub.horizontal-nav ul.menu li.active a, #nav-sub.horizontal-nav ul.menu li a:hover {
  color: #505050;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e6e6e6));
  background: -moz-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -pie-background: linear-gradient(#fff, #e6e6e6);
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

#nav-mobile{
	display: none;
}

/* Slide */

.info_box {
  position:relative;
  float: left;
  width: 120px;
  padding: 0 0px;
  margin: 0;
  background: transparent;
  z-index: 999;
}

.aitat, .saunat {width: 75px;}

.elementtivajat, .kylpytynnyrit, .elainsuojat, .pihasuojat, .pientarvikkeet {
  width: 90px
}

.hinnasto {
  width: 80px;
}

.info_box span.orangebtn {
  display: block;
  float: right;
  width: 120px;
  margin-top: 10px;
}

.info_box a {text-decoration: none;}

.info_box a.mainlink, .info_box a.mainlink:link, .info_box a.mainlink:visited {
  width: auto;
  display: block;
  margin:0;
  padding: 0 0px;
  color: #fff;
  height: 36px;
  line-height: 36px;
  background:transparent;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration:none; 
  text-align: center;
  background:  url('../images/infobox-border.jpg') no-repeat center right;
  white-space:nowrap;
}

.info_box a.mainlink.last, .info_box a.mainlink.last:link {
  
}

.info_box a.mainlink:hover, .info_box a.mainlink.last:hover {
  color: #505050;
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e6e6e6));
  background: -moz-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -pie-background: linear-gradient(#fff, #e6e6e6);
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

.info_box:hover a.mainlink {
  color: #505050;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e6e6e6));
  background: -moz-linear-gradient(#fff, #e6e6e6);
  background: linear-gradient(#fff, #e6e6e6);
  -pie-background: linear-gradient(#fff, #e6e6e6);
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

.info_box p {
  display: none;
  color: #929292;
  overflow: hidden;
  width: 350px;
  padding: 25px 25px 15px 25px;
  z-index:1;
  background: #fff;  
  font-family: tahoma,verdana,arial,helvetica,sans-serif;
  margin:0;
  font-size: 12px;
  line-height: 1.5;
  -o-box-shadow: 2px 2px 5px #535353;
  -webkit-box-shadow:  2px 2px 5px #535353;
  -moz-box-shadow: 2px 2px 5px #535353;
  box-shadow:  2px 2px 5px #535353;
}

.info_box p a:link, .info_box p a:visited{
  color:#929292;
}

.info_box p a:hover{ color:#929292; }

/*-----------------------------------------------------------------------------
  Darthfader
-----------------------------------------------------------------------------*/

#darthfader {
  position: relative;
}

.gkTabsGK5{
  width: 100%;
  max-height: 352px;
  direction: rtl;
}

#darthfader .gkTabsItem {
  padding: 0;
  width: 920px!important;
 }

 #darthfader .gkTabWrap {
   -o-box-shadow: 0 0 5px #cececd;
  -webkit-box-shadow: 0 0 5px #cececd;
  -moz-box-shadow: 0 0px 5px #cececd;
  box-shadow: 0 0 5px #cececd;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
 }

#darthfader .gkTabWrap {margin-bottom: 0px;}

#darthfader .gkTabs {position: absolute; bottom: 10px; right: 10px;}

#darthfader ol.gkTabsNav {
  border: none !important;
  position: absolute;
  bottom: 0;
  z-index: 9;
  right: 20px;
}

#darthfader ol.gkTabsNav li  {
  filter:alpha(opacity=20); /* for IE */
  opacity:0.2; /* CSS3 standard */
  position: relative;
  width: 12px ;
  height: 12px ;
  margin-left: 5px;
  padding: 0px !important;
  background: #e8e8e8 ;
  border: 0;
  text-indent: -5000px;
  -o-border-radius: 6px !important;
  -webkit-border-radius: 6px !important;
  -moz-border-radius: 6px !important;
  border-radius: 6px !important;
  behavior: url(http://www.palvelulahjakortti.fi/templates/palvelulahjakortti/css/PIE.htc);
}

#darthfader ol.gkTabsNav li.active {
  background: #fff;
  filter:alpha(opacity=100); /* for IE */
  opacity:1.0; /* CSS3 standard */
}



#darthfader .stamp {
  position: absolute;
  width: 218px;
  height: 193px;
  top: 20px;
  left: 20px;
  background:  url('../images/masterhouse-asennusvideonappi-trans.png') no-repeat center right;
  z-index: 9999;
}

#darthfader .fb-kamppis {
  background:  url('../images/masterhouse-fbmainossivuille.png') no-repeat center right;
}

/* Sisäsivujen banneri */

.banner {
  height: 200px;
  overflow: hidden;
}


/** Facebook linkki */

#fb-link img {
  -o-box-shadow: 0 0 5px #cececd;
  -webkit-box-shadow: 0 0 5px #cececd;
  -moz-box-shadow: 0 0px 5px #cececd;
  box-shadow: 0 0 5px #cececd;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

#fb-link a:hover {
  filter:alpha(opacity=80); /* for IE */
  opacity:0.8; /* CSS3 standard */
} 

/*-----------------------------------------------------------------------------
  Banners
-----------------------------------------------------------------------------*/

#main_des_container1 {
  height: auto !important;
}

#banners .boxed, #tv-mainos .boxed, #aside .boxed {
  min-height: 165px;
  height: auto !important;
  height: 165px;
  background: #fff url('../images/banners-boxed-shadow.jpg') no-repeat center 122px;
}

#tarjoukset, #news, #tv-mainos, #yhteystiedot, #tarjouspyynto-text {
  position: relative;
  background:  url('../images/banners-bottom-bg.jpg') no-repeat bottom left;
  padding-bottom: 5px;
}

#tarjoukset a.orangebtn, #yhteystiedot a.orangebtn, #tarjouspyynto-text a.orangebtn {
  position: absolute;
  bottom: 15px;
  margin-left: 35px;
}

#yhteystiedot a.orangebtn {
  margin-left: 45px;
}

/* TV-mainos */

#tv-mainos .boxed {
  padding: 15px 0 15px 0;
}

#tv-mainos .boxed img, #tv-mainos .boxed p {margin: 0; padding: 0;}

#tv-mainos .boxed img{
	margin: 0 auto;
	display: block;
	height: auto;
}

#fancybox-wrap, #fancybox-content  {
  width: 640px !important;
  height: 360px !important;
}

#fancybox-content {
  background: #000 !important;
}

.contentpane {
  margin: 0;
  padding: 0;
}

/* Read more buttons */

#banners a.orangebtn, #tv-mainos a.orangebtn {
  position: absolute;
  display: block;
  width: 110px;
  margin: 0 auto;
  text-align: center;
  bottom: 12px;
  left: 45px;
}

/* Yhteystiedot */

#yhteystiedot span {
  color: #f48000;
}


/** Search */

#search {
  position: absolute;
  top: 0;
  right: 0;
}

/* Search */

#search .rokajaxsearch {
  position: relative;
  float: right;
  margin-top: 0px;
  width: 215px;
  padding: 15px 10px 10px 10px;
  border: 0px solid #d1d1d1;
  border-top: 0;
  background: #fff;
  -o-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  border-top: 0px solid #f48000;
  -o-box-shadow: 0 0 5px #cececd;
  -webkit-box-shadow: 0 0 5px #cececd;
  -moz-box-shadow: 0 0px 5px #cececd;
  box-shadow: 0 0 5px #cececd;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
 }

#search .rokajaxsearch #roksearch_search_str {
  width: 210px;
  padding: 5px 0;
  *top: 8px; /* IE7 fix */
  border: 1px solid #d9d9d9;
  color: #9f9f9f;
  background-color: #fff;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
 }

#roksearch_results {z-index: 99999;}

#roksearch_results h3 {  margin-bottom: 5px;} 
 
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {
  background: none;
  padding: 0;
 } 

#roksearch_results a.viewall {text-decoration: none;} 

#roksearch_results a {text-decoration: none;}

#roksearch_results a.clr:hover {color: #F48000; text-decoration: underline;}

fieldset.phrases, fieldset.only, div.form-limit, .result-created {display: none; visibility: none;}

fieldset.word {
    padding: 20px;
 }

.search-results .result-text {margin-bottom: 5px;}

fieldset.phrase, fieldset.word, fieldset.only {
  border: 1px solid #ddd;
}

#search-searchword {
  padding: 4px 0 3px 0;
}

/** Modaali-ikkuna */

.lightbox-wrap {
  z-index: 999999;
}

/*-----------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------*/

#footer-inner {
  background:  url('../images/footer-inner-bg.jpg') no-repeat center left;
}

#footer-inner ul {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

#omavalmistetuotteet ul { 
  width: 33%;
}

#edustamamme-tuotteet, #yritys, #osamaksu {
  padding-left: 15px;
  background:  url('../images/footer-block-separator.jpg') no-repeat center left;
}

#edustamamme-tuotteet   {width: 215px;}
#yritys, #osamaksu    {width: 175px;}

#footer-inner h2 {
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 13px;
  color: #3d3d3d;
}

#footer-inner a {
  color: #929292;
}

#copy-footer {
  width: 100%;
  position: absolute;
  bottom: 5px;
}

#copy-footer p, #copy-footer a, #copy-footer a:link {
  width:100%;
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  color: #fff;
  text-shadow: 0px 1px 1px #343434;
}

#copy-footer a:hover {text-decoration: underline;}

#edustamamme-tuotteet h2 {
  visibility: hidden;
}

/*-----------------------------------------------------------------------------
  Tuotekortit (Yoo Zoo)
-----------------------------------------------------------------------------*/

/* Full */

#yoo-zoo .item div.pos-content h3 {
  margin-bottom: 15px;
}

.item .element-itemname.first {
  font-size: 22px;
}

#yoo-zoo .item h1.pos-title, #yoo-zoo .details h1.title  {
  color: #3d3d3d;
  font-size: 22px;
  font-family: 'StreetCornerSlabRegular';
  margin-top: 0;
  padding-top: 0;
  letter-spacing: normal;
}

#yoo-zoo .item h3  {font-size: 20px;font-family: 'StreetCornerSlabRegular'; padding-bottom: 10px;}

#yoo-zoo .item div.pos-bottom .element {
  background: none;
}

.zoo-gallery-wall {
  float: right;
  width: 130px;
}

#yoo-zoo .item div.pos-bottom {
  margin-top: 30px;
}

#yoo-zoo .item h2.pos-subtitle {
  font-size: 11px;
  text-transform: none;
}

#yoo-zoo .item div.pos-media .element {
  margin-bottom: 0;
}

#yoo-zoo .item div.media-right {
  width: 98%;
  float: none;
  height: auto;
  padding: 0 0 10px 0;
  margin: 10px 0 15px 0;
  border-bottom: 1px dashed #D6D6D6;
}


#yoo-zoo .item div.media-right .element:nth-child(3n){
	padding: 10px 0;
}


#yoo-zoo .item div.media-right .element:nth-child(3n) h3, 
#yoo-zoo .item div.media-right .element:nth-child(3n) p {
	font-size: 1.2em;
}

#yoo-zoo .item div.media-right .element:nth-child(3n) h3 {
	font-size: 1.4em;
}

#yoo-zoo .item div.media-right div { 
  padding-left: 5px;
  display: block;
  font-size: 20px;
  letter-spacing: normal;
  color: #F48000;
  padding-bottom: 10px;
}

#yoo-zoo .item div.media-right span { display: block; margin: 5px 0;}

#yoo-zoo .item div.media-right a { display: inline; }

#yoo-zoo .item div.media-right div:after{
  content:"€";
}

#yoo-zoo .item div.media-right h3 { display: inline; padding-right: 5px;}

.pos-related { display: none; visibility: hidden; }

#yoo-zoo .element-textarea {
  overflow: auto;
}

#yoo-zoo .element-textarea h2 strong {font-size: 20px; font-weight: normal;}

/* Ikonit */

.ikoon {
    float: left;
    margin: 0;
    text-align: center;
    width: 120px;
}

/* Teaser */

#yoo-zoo .items div.teaser-item {
  padding-bottom: 10px;
}

#yoo-zoo .details div.heading {border: 0; padding: 0;}

.element-itemname a {
  color: #3d3d3d;
  font-size: 18px;
}

#yoo-zoo .items div.floatbox {
  position: relative;
  background: #ffffff;
  border-top: 5px solid #f48000;
  padding: 10px 10px 5px 10px;
  -o-box-shadow: 0 0 5px #cececd;
  -webkit-box-shadow: 0 0 5px #cececd;
  -moz-box-shadow: 0 0px 5px #cececd;
  box-shadow: 0 0 5px #cececd;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

.blog-default img {margin: 0px;}
#yoo-zoo .items div.teaser-item-bg {background: none;}

#yoo-zoo .items div.pos-content .element.last a {
  position: absolute;
  bottom: 25px;
}

/* Category */

#yoo-zoo .details {
  margin: 0 0 10px;
}

#yoo-zoo .details div.description {
  margin-top: 0;
}

.yoo-zoo p {
  margin-top: 0;
}

/*-----------------------------------------------------------------------------
  News
-----------------------------------------------------------------------------*/ 

.linklist .newsflash-item {
  padding-bottom: 5px;
  border-bottom: 0px solid grey;
 }

span.date {
  color: grey;
 } 

.linklist .newsflash-item h3 {
  margin: 0;
  font-size: 13px;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.linklist .newsflash-item p {
  display: none;
  visibility: hidden;  
}

.main_thumbs_arrow_wrapper, .main_thumb_container {
  width: 630px !important;
  overflow: hidden !important;
}

.main_thumb_container {
  margin-left: -8px;
}

.main_des_container {
  display: none;
  visibility: hidden;
}

/*-----------------------------------------------------------------------------
  Santander rahoitus
-----------------------------------------------------------------------------*/ 

#sntdr-block {
  position: relative;
  padding: 20px;
  margin-top: 10px;
  background: #d6d6d6;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #d6d6d6;
  background: -ms-linear-gradient(#d6d6d6, #F4F4F4);
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d6d6d6), to(#F4F4F4));
  background: -moz-linear-gradient(#d6d6d6, #F4F4F4);
  background: linear-gradient(#d6d6d6, #F4F4F4);
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc);
}

#sntdr-block h2 { margin-top: 0; }
 
.sntdr-btn {
  position: relative;
  color: #fff !important;
  border: 0;
  font-style: normal;
  font-size: 12px;
  background: #f48000;
  -o-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px 12px;
  behavior: url(http://www.masterhouse.fi/templates/masterhouse/css/PIE.htc));
  text-decoration: none;
}

#sntdr-block a.silent {font-size: 11px;}

p.silent {font-size: 11px;}

/*-----------------------------------------------------------------------------
  Contactform
-----------------------------------------------------------------------------*/

.chrono_captcha_input {
  margin-left: 10px;
}

#captcha label { padding-right: 10px;}

#yhteys-full {
  padding: 10px 30px;
  background: #fff;
}

#yhteys-full .form-entity input.reset, #yhteys-full .form-entity input.button{
  float: left;
}

#yhteys-full textarea {width: 528px;}

#chronoform_tarjouspyynto {
  margin-top: 0px;
}

#chronoform_tarjouspyynto label {
  display: block;
}

#chronoform_tarjouspyynto .form-entity input.reset, #chronoform_tarjouspyynto .form-entity input.button {
  float: left !important;
}

#form-aside .boxed {
  padding-bottom: 0;
}

form#chronoform_otayhteytta {
  margin-top: -20px;
}


form#chronoform_otayhteytta .form-entity label {
  display: ;
  color: #929292;
 }

.chrono_credits { display:none; visibility: hidden; }


input, textarea, input[type="text"], input[type="password"], input[type="checkbox"], input[type="radio"], input[type="select"],input[type="textarea"] {
  margin: 0;
  padding: 0;
  border-color: #e7e7e7;
 }

input[type="text"],  input[type="password"] {
  text-indent: 5px;
 }

.form-entity input[type=checkbox], .form-entity input[type=radio] {
  vertical-align: middle;
  width: 20px;
  margin: 0 5px 0 0;
  padding: 0;
 }  

.form-entity input {
  height: 25px;
  line-height: 25px;
 }
 
label{
  display: block;
  width: 100%;
  font-weight: 400;
}
.form-entity input, .form-entity textarea {
  font-style: italic;
  color: #929292;
  background: #fff;
  width: 159px;
  font-style: normal;
 }

.form-entity textarea {
  width: 410px;
  min-height: 90px;
  max-height: 180px; 
  resize: vertical;
}

.form-entity input.reset, .form-entity input.button {
  display: block;
  width: 120px;
  float: left;
  overflow: auto;
  line-height: 1em;
}

.form-entity input.reset a:after, .form-entity input.button:after  {
     content:"\00a0\00bb";
}


/*-----------------------------------------------------------------------------
  Search Form
-----------------------------------------------------------------------------*/

ol.search_results h4 {
  margin: 10px 0 5px;
}

ol.search_results h4 a {
  text-decoration: none;
}

ol.search_results ul.meta {
  margin: 5px 0;
  padding: 0;  
  list-style: none;
}

ol.search_results ul.meta li.category {
  color: #b80000;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------
  Pagination
-----------------------------------------------------------------------------*/

.pagination p.counter {font-size: 12px; margin-bottom: 5px;}

.pagination ul{
  margin: 0;
  padding: 0;
  text-align: left;
 }

.pagination li {
  list-style-type: none;
  display: inline;
  margin-right: 2px;
 }

.pagination li a, .pagination li span {
  padding: 5px 10px;
  color: #464646;
  font-size: 12px;
  border: 1px solid #cccccc;
 }

.pagination a:hover, .pagination a:active, .pagination li span  {
  text-decoration: none;
  color: #fff;
  background: #464646;
  border: 1px solid #cccccc;
 }

.pagination li.pagination-start span, .pagination li.pagination-prev span, .pagination .pagination-next span, .pagination .pagination-end span {
  font-weight: normal;
  color: #787777;
  background: #fff;
 }

@media screen and (max-width: 1024px){
	#banners,
	#main{
		padding: 0 5%!important;
		width: 90%;
	}
	#banners .span-6{
		width: 47.5%;
		margin: 0  2.5% 2.5% 0;
	}
	#banners .span-6:nth-child(even){
		margin-right: 0;
	}
  #form-aside .boxed{
    float: left;
  }
	#yhteys-full,
	table, tbody, tr, td{
		max-width: 100%;
    width: 100%;
		display: block;
		float: left;
	}
	#yhteys-full,
  #tv-mainos .boxed,
  .boxed{
		max-width: 90%;
		padding: 5%;
	}
	.form-entity textarea,
	#yhteys-full textarea,
	input{
		max-width: 100%;
	}
  #main_thumb_table1 td{
    display: inline-block;
    width: 24% !important;
  }
	img{
		max-width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 980px){
	#maincontent {
		width: 100%;
		padding-right: 0;
		margin-right: 0;
		border-right: none;
	}
	#aside {
		width: 100%;
		padding: 20px 0;
		margin-right: 0;
		border-right: none;
	}
  .etusivu  #aside {
    width: 47%;
  }
	#aside #tarjouspyynto-text,
	#aside #tv-mainos {
		width: 32%;
		margin-right: 2%;
		float: left;
	}
	#aside #yhteystiedot {
		width: 32%;
		float: left;
	}
}

@media screen and (max-width: 950px){
	#nav-mobile{
		display: block;
	}
	#nav-main,
	#nav-sub{
		display: none;
	}
	.navi-wrap .span-12{
		width: 90%;
		margin: 10px 5%;
	}
  #search .rokajaxsearch {
      right: 56px;
  }
  div#header div#logo a {
      text-indent: -3000em;
      width: 100%;
      height: 82px;
      display: block;
      background: url('../images/masterhouse.jpg') no-repeat top left;
      background-position: center center;
  }
	div#footer{
		height: auto;
		background: transparent;
		margin-top: 0;
	}
	#footer #footer-inner{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5a5a5+0,a8a8a8+9,c9c9c9+100 */
		background: #a5a5a5; /* Old browsers */
		background: -moz-linear-gradient(top, #a5a5a5 0%, #a8a8a8 9%, #c9c9c9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #a5a5a5 0%,#a8a8a8 9%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #a5a5a5 0%,#a8a8a8 9%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5a5a5', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
		padding: 20px 0;
	}
	#footer #copy-footer{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#515151+1,3a3a3a+100 */
		background: #515151; /* Old browsers */
		background: -moz-linear-gradient(top,  #515151 1%, #3a3a3a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #515151 1%,#3a3a3a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #515151 1%,#3a3a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
		padding: 10px 0;
		position: relative;
		bottom: 0px;

	}
	#footer #omavalmistetuotteet {
		width: 90%;
		margin: 10px 5%;
	}
	#footer #yritys,
	#footer #osamaksu {
		width: 90%;
		margin: 10px 5%;
		padding-left: 0px;
		background: transparent;
	}

}

@media screen and (max-width: 850px){
	.span-11.append-1,
	.span-12 {
		width: 90%!important;
		margin: 10px 5%!important;
	}
  .ig_thumb{
    width: 100%;
  }
}
@media screen and (max-width: 740px){
	.yoo-zoo img {
	    max-width: 70%;
	    height: auto;
	}
	.yoo-zoo .thumb img
	.yoo-zoo .teaser-item img {
	    max-width: 100%!important;
	    height: auto;
	}
}
@media screen and (max-width: 700px){
	#aside #tarjouspyynto-text,
	#aside #tv-mainos,
	#aside #yhteystiedot {
		width: 230px;
		display: block;
		margin: 10px auto;
		float: none;
	}
	tr, td {
		width: 100%;
		float: left !important;
	}
	iframe{
		margin: 20px 0;
		width: 100%;
	}
}

@media screen and (max-width: 675px){
	#yoo-zoo .width50 {
	    float: none;
	    width: 100%;
	    max-width: 320px;
	    display: block;
	    margin: 0 auto;
	}
  .gkTabsGK5{
    direction: ltr;
  }
}
@media screen and (max-width: 630px){
  .main_thumbs_arrow_wrapper,
  .main_thumb_container{
    width: 100% !important;
  }
  #main_thumb_table1 td{
    display: inline-block;
    width: 47% !important;
  }
  div#header div#logo a {
    background-size: auto 60px;
  }
}
@media screen and (max-width: 530px){
	#banners .span-6,
	#banners .span-6:nth-child(even) {
		width: 230px;
		display: block;
		margin: 0 auto;
		float: none;
	}
}
@media screen and (max-width: 480px){
  #yoo-zoo .items div.pos-content .element.last a {
      position: relative;
      bottom: 8px;
  }
  #yoo-zoo .items div.teaser-item {
      width: 137px !important;
      float: left;
      min-height: 213px;
  }
  #yoo-zoo .items div.teaser-item img {
      max-width: 100%;
      height: auto;
  }
}
@media screen and (max-width: 450px){
  div#header div#logo a {
    background-size: auto 49px;
  }
	#omavalmistetuotteet ul {
	    width: 100%;
	}
	#yoo-zoo .items div.teaser-item {
	    width: 320px;
	}
	.teaser-item #yoo-zoo .items div.pos-content .element.last a{
		position: relative;
		bottom: 0;
		margin-bottom: 25px;
	}
	.teaser-item #yoo-zoo .items div.media-left, #yoo-zoo .items div.media-right {
	    float: left;
	    width: 48%;
	    margin-right: 2%;
	}
	.teaser-item #yoo-zoo .items div.pos-content {
	    width: 50%;
	    float: left;
	}
	.yoo-zoo img {
	    max-width: 100%;
	    height: auto;
	}
	.zoo-gallery-wall {
	    float: left;
	    width: 100%;
	}
  #roksearch_results{
    max-width: 100%!important;
    padding: 0;
    margin: 0;
  }
}
#chronoform-otayhteytta{
  padding-bottom: 5px !important;
}