.cufon-loading h1,
.cufon-loading header nav a{
  visibility: hidden !important;
}

#subpage-center-gallery p,
#subpage-center-gallery li,
body #gallery-text p,
body #gallery-text li {
   color:#777;  
}

#subpage-center-gallery strong,
body #gallery-text strong {
    font-family: 'Helvetica';
    font-weight: bold;
}

#subpage-center-gallery p,
#subpage-center-gallery li,
body #gallery-text p,
body #gallery-text li,
#subpage-newsletter h3, 
#subpage-collector h3,  
#gallery-smalls p, 
#gallery-title, .accordion h4, 
.dummyaccordion h4,
#main-newsletter #main-newsletter-link span, 
#main-newsletter #main-blog p span, 
#main-tagcloud p,
#main-newsletter h3, 
#main-newsletter #main-newsletter-date, 
#main-newsletter #main-bottom-share h3 {
   font-family: 'Helvetica';
   
}



article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

* {
  margin:0px;
  padding:0px;
  outline:none;
}


img {
  border:0px;
}


body {
  font-family:arial;
  font-size:14px;
  position:relative;
  color: #525353;
  background:url(/files/peikko/img/base-bg.png) fixed repeat-y 50% 0%;
}

a,a:visited {
  /*color:#9CBD1D;*/
  text-decoration:none;
}

h1, h2, h3, h4 {
    font-weight: normal;

}

textarea {
  font-family: inherit;
}

h2 {
    color: #000000;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
}

pre {
  font-family:arial;
}

.googlemaps pre {
word-wrap:break-word;
}


.floatl {
  float:left;
}

.floatr {
  float:right;
}

.clear {
  clear:both;
}

.hidden {
  display:none;
  visibility:hidden;
}

.notify {
  margin:2px 0px;
  height:18px;
  line-height:18px;
  padding:2px 10px;
  width:453px;
  background:rgb(200,100,100);
  border:2px solid rgb(255,155,155);
  color:white;
  text-transform:uppercase;
  font-size:14px;
  display:none;
}

.info {
  margin:2px 0px;
  padding:2px 0px;
  height:12px;
  line-height:12px;
  width:473px;
  font-size:10px;
  color:rgb(150,150,150);
}

.line {
  height:0px;
  width:968px;
  border-top:1px solid rgb(203,203,203);
}

.addthis_toolbox a {
  color:#789701;
  line-height:16px;
  text-decoration:none;
}

#mainholder {
  position:relative;
  margin:0px auto;
  width:990px;
}

header {
  width:990px;
  height:121px;
  padding:10px 0 0px;
  background:url(/files/peikko/img/header-bg.png) repeat-x; 

}



header nav {
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #CCCCCC;
clear: both;
display: block;
height: 40px;
line-height: 40px;
position: relative;
top: -1px;
}

header nav li {
float:left;
list-style:none;
}

header nav li a {
  color: #000000;
  display: block;
  padding: 0 15px;
  text-transform: uppercase;
position:relative;
  font-family:'Eurostile LT W01 Medium', arial, sans-serif;;
}

header nav li a:after {
background-color: #333333;
content: " ";
display: inline-block;
height: 10px;
position: absolute;
right: 0;
top: 15px;
width: 1px;
}

header li:last-child a:after {
display: none;
}

#local-header-cornerfix {
  position:absolute;
  bottom:0px;
  right:0px;
  background:url(/files/peikko/img/header-corner-fix.png) no-repeat;
  width:4px;
  height:4px;
}

#local-header select {
  border:0px;
  margin:1px;
}

header #logo:after {
/*  background: url("/files/peikko/img/header-line.png") no-repeat scroll 0 -10px transparent;*/
  bottom: 0;
  content: " ";
  height: 80px;
  position: absolute;
  right: -30px;
  width: 1px;
}


#local-header .header-line {
  width:1px;
  height:80px;
  float:left;
  background:url(/files/peikko/img/local-header-line.png) no-repeat 0px -10px;
}

#logo {
  width:150px;
  height:90px;
  margin:-10px 32px 0px 23px;
  background:url(/files/peikko/img/header-logo.png) no-repeat;
  text-indent:-9999px;
  display:block;
  float:left;
  position:relative;
}

#logo.es {
  background:url(/files/peikko/img/PeikkoSpain-15-years-logo.png) no-repeat;	
width: 256px;
    margin: -10px 15px 0px 0;
}

#logo50y {
    background: url("/files/peikko/2014/header-logo-50y.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 90px;
    margin: -10px 22px 0 0;
    position: relative;
    text-indent: -9999px;
    width: 222px;
}

#sites {
  height:42px;
  padding:38px 0px 0px 0px;
  width:240px;
  text-align:center;
  float:left;
}

#siteselect {
  background:Gainsboro;
  width:174px;
}

#header-search {
  height:42px;
  width:180px;
  padding:38px 14px 0px 0px;
  position:relative;
  z-index:5000;
  float:right;
}

#header-search-field {
  width:90px;
  height:19px;
  line-height:19px;
  padding:0px 0px 0px 20px;
  border:0px;
  outline:none;
  background:url(/files/peikko/img/header-search-field-local.png) no-repeat;
}

#header-search-btn {
  outline:none;
  background:url('/files/peikko/img/header-search-button-bg.png') no-repeat 50% 50%;
  display:inline-block;
  width:65px;
  height:20px;
  border:0;
  position:relative;
  left:0px;
  top:-1px;
  color:#666;
}

#header-search #search-preview {
  z-index:500000;
  display:block;
  position:absolute;
  top:60px;
  right:10px;
  width:240px;
  background:rgb(255,255,255);
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  -moz-box-shadow:0px 3px 6px #aaaaaa;
  -webkit-box-shadow:0px 3px 6px #aaaaaa;
  box-shadow:0px 3px 6px #aaaaaa;
  list-style:none;
}

#header-search #search-preview li {
  background:#ffffff;
  padding:3px 5px;
  overflow:hidden;
  border-bottom:1px solid rgb(245,245,245);
}

#header-search #search-preview li.first {
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-radius-topleft:4px;
  -moz-border-radius-topright:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
}

#header-search #search-preview li.last {
  -webkit-border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-radius-bottomleft:4px;
  -moz-border-radius-bottomright:4px;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-bottom:0px solid rgb(200,200,200);
}

#header-search #search-preview li.title {
  font-size:14px;
  color:rgb(120,120,120);
  background:rgb(245,245,245);
  text-transform:uppercase;
  height:16px;
  line-height:12px;
}

#header-search #search-preview li a {
  display:block;
  width:100%;
  height:100%;
  color:rgb(0,0,0);
  font-weight:bold;
  text-decoration:none;
}

#header-search #search-preview li p {
  color:rgb(0,0,0);
  font-weight:normal;
}

#header-search #search-preview li.hover {
  background:#9CBD1D;
}

#header-search #search-preview li.hover a {
  color:rgb(255,255,255);
  font-weight:bold;
  text-decoration:none;
}

#header-search #search-preview li.hover p {
  color:rgb(255,255,255);
}

html[data-local="-cn"] #main-solutions {
 font-size: 15px;
 padding: 20px;
 height: auto;
}


#breadcrumb {
  height:30px;
  line-height:35px;
  font-size:11px;
  padding-left:20px;
  float:left;
  color:rgb(120,151,1);
}

#breadcrumb > a {
  float:left;
  display:block;
  height:30px;
  line-height:35px;
  color:rgb(120,151,1);
  text-decoration:none;
}


#main-top-content {
  margin: 4px 5px 0px;
}

/* main slider starts */

#main-slides-holder {
  width:979px;
  height:414px;
  overflow:hidden;
  position:relative;
}

#slides {
  width:20000px;
  height:317px;
  list-style:none;
  position:absolute;
  top:0px;
  left:0px;
}

#slides li {
  float:left;
  width:979px;
  height:317px;
  display:block;
  position:relative;
  border-right:10px solid rgb(172,217,0);
}

#slides li h2 {
  position:absolute;
  top:30px;
  left:35px;
  text-transform:uppercase;
  font-size:30px;
  color:rgb(255,255,255);
  line-height:0;
  font-weight:700;
}

html[data-local="-ru"] #slides li h2 {line-height:30px;}

#slides li h2 span {
  font-size:20px;
  display:block;
  line-height:1.5em;
}

#slides li p {
  position:absolute;
  left:35px;
  top:265px;
  font-size:12px;
  color:rgb(255,255,255);
}

#slides li a {
  color:rgb(172,217,0);
  text-decoration:none;
  font-weight:bold;
}

#slides li a:hover {
  text-decoration:underline;
}

#main-slides-left {
  position:absolute;
  top:117px;
  left:0px;
  width:42px;
  height:78px;
  background:url(/files/peikko/img/main-slides-left.png) no-repeat;
  cursor:pointer;
}

#main-slides-right {
  position:absolute;
  top:117px;
  right:0px;
  width:42px;
  height:78px;
  background:url(/files/peikko/img/main-slides-right.png) no-repeat;
  cursor:pointer;
}

#slidepreviews {
  position:absolute;
  bottom:0px;
  left:130px;
  width:730px;
  height:91px;
  list-style:none;
}

#slidepreviews li {
  float:left;
  width:146px;
  height:61px;
  position:relative;
}

#slidepreviews li.active img {
  border:5px solid rgb(172,217,0);
  margin:0;
}

#slidepreviews li img {
  margin:5px;
}

#slidepreviews li .holder {
  width:146px;
  height:71px;
  overflow:hidden;
  position:absolute;
  top:0px;
  left:0px;
}

#slidepreviews li.active .holder {
  overflow:visible;
}

#slidepreviews li .tooltip {
  bottom: -20px;
  cursor: pointer;
  font-size: 12px;
  left: 0;
  line-height: 14px;
  overflow: visible;
  padding-top: 10px;
  position: absolute;
  right: 0;
  text-align: center; 
  text-transform: uppercase;
  white-space: nowrap;
  color:#85A312;
  display:none;
}

#slidepreviews li.active .tooltip {
  display:block;
}

#slidepreviews li img {
  cursor:pointer;
}

#slidepreviews li .top, 
#slidepreviews li .bottom, 
#slidepreviews li .left,
#slidepreviews li .right {
  display:none;
}

/* main slider ends */


#content .local-breakline-half {
  width:990px;
  height:4px;
  background:url(/files/peikko/img/content-breakline-half.png) no-repeat;
  clear:both;
}


#main-solutions a {
  color: #85A312;
} 

#main-solutions-header,
body.simple article h1 {
  width:954px;
  padding:16px 18px 23px;
  height:21px;
  background:url(/files/peikko/img/main-solutions-fade-top.png) no-repeat 1px 100%;
}

#main-solutions-header h1,
body.simple article h1 {
  float:left;
  font-size:20px;
  color:rgb(0,0,0);
  text-transform:uppercase;
}

#main-solutions-share {
  float:right;
  width:250px;
  font-size:10px;
  color:rgb(120,151,1);
  margin-top:10px;
  margin-right:10px;
}

#main-solutions-share a,#main-bottom-share a,#subpage-share a {
  line-height:16px;
  color:#789701;
  text-decoration:none;
}

#main-solutions-share a:hover,
#main-bottom-share a:hover,
#subpage-share a:hover {
  text-decoration:underline;
}

#main-solutions-share p {
  margin:16px 10px 0px 0px;
}

#main-solutions-share img {
  float:right;
}

#main-left {
  float:left;
  width:742px;
}


#main-solutions {
  padding:0px 0px 0px 11px;
  width:730px;
  height:314px;
  position:relative;
}

#main-solutions-list {
  float: left;
  position: relative;

}

#main-solutions-list ul {
  margin-top:10px;
  list-style:none;
}

#main-solutions-list li {
  width:217px;
  height:36px;
  border-bottom:1px solid rgb(255,255,255);
}

#main-solutions-list li a {
  display:block;
  color:rgb(0,0,0);
  background:rgb(228,228,228);
  text-decoration:none;
  font-size:16px;
  width:200px;
  height:36px;
  padding:0px 0px 0px 17px;
  line-height:36px;
  vertical-align:middle;
  cursor:pointer;
}

#main-solutions-list li.active a {
  background: none repeat scroll 0 0 #9CBD1D;
  color:#fff;
}

#main-solutions-showcase {
  border:1px solid rgb(185,185,185);
  margin-left:19px;
  width:424px;
  height:270px;
  padding:22px 33px;
  position:relative;
  
}

#main-solutions-showcase .active {
  display:block;
}

.main-solutions-showcase-section {
  display:none;
}

#main-solutions-showcase-arrow {
  width:15px;
  height:15px;
  background:url(/files/peikko/img/main-solutions-showcase-arrow.png) no-repeat;
  position:absolute;
  top:18px;
  left:-15px;
}

#main-solutions-showcase h2{
  color:rgb(120,151,1);
  font-size:23px;
  font-weight:normal;
  text-transform:none;
}

#main-solutions-showcase p {
  width:100%;
  text-align:left;
}

#main-solutions-showcase img{
  margin-bottom:1em;
}

#main-solutions-showcase p a,
#main-solutions-showcase p  {
  color:rgb(120,151,1);
  font-size:13px;
  text-decoration:none;
}

#main-expertise-navi,
#main-products-navi {
  padding:0px 0px 0px 0px;
  width:217px;
}

#main-products-navi {
  padding:10px 18px 0px 0px;
}

#right {
  padding:0px 10px 0px 0px;
  width:227px;
  color:rgb(110,110,110);
  float:right;
}

#right p {
  padding:10px 0;

}



.subpage-rss-icon {
  margin-left:8px;
}

.subpage-rss-link {
  display:block;
  height:21px;
  width:21px;
}


#right nav  {
  margin-bottom:30px;
  position:relative;
}

#right nav h2  {
  font-size:19px;
  text-transform:uppercase;
  margin-top:-4px;
  cursor:pointer;
  padding-top:2px;
}

#right nav ul,
header #collection-maker ul {
  list-style:none;
}



#right nav li,
header #collection-maker li {
  padding-left:15px;
  color:rgb(110,110,110);
  font-size:12px;
  border-bottom:1px solid rgb(203,203,203);
  background:url(/files/peikko/img/right-navi-smallarrow-right.png) no-repeat left 50% transparent;
}

#right nav li:last-child {
  border-bottom:0;
}

#right nav li a {
  color:rgb(110,110,110);
  text-decoration:none;
  width:217px;
  display:block;
  cursor:pointer;
  padding:5px 0;
}

#right nav li a:hover {
  color:rgb(132,177,0);
  text-decoration:none;
}

#download-peikko-designer {
  background:url(/files/peikko/img/designer-download-new.png) no-repeat 50% 50%;
  display:block;
  height:25px;
}

#download-center {
  background:url(/files/peikko/img/software-buttons-en.png) no-repeat 50% 50%;
  display:block;
  height:42px;
  margin-bottom: 5px;
}



#right-news, #right-events {
  float: left;
  margin: 30px 0;
  min-height: 198px;
  padding: 0 0 0 40px;
  position: relative;
  width: 454px;
}

#right-news h2 a, 
#right-events h2 a {
  color:#000;
}

#right-events {
  border-left:1px solid #eee;
}

#right-news .right-rss-icon, 
#right-events .right-rss-icon {
  background: url("/files/peikko/img/rss-icon.png") no-repeat scroll 50% 50% transparent;
  bottom: -3px;
  display: inline-block;
  height: 20px;
  position: relative;
  width: 20px;
}

#right-news h2,
#right-events h2 {
  font-size:19px;
  text-transform:uppercase;
  margin-top:-4px;
  cursor:pointer;
  padding-top:2px;
  display:inline;
}

.right-news-single,
.right-events-single {
  margin-top:10px;
}

.right-news-single-title,
.right-events-single-title {
  color:rgb(156,189,29);
  font-size:12px;
  
}

.right-news-single-text a,
.right-events-single-text a {
  color:rgb(110,110,110);
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
}

.right-news-single-text a:hover,
.right-events-single-text a:hover {
  color:rgb(30,30,30);
}

aside section {
  border-top:1px solid rgb(216,216,216);
  margin-top:10px;
  padding-top:8px;
  height:20px;
  color:#789701;
  text-transform:uppercase;
  line-height:20px;
}

aside section h2 {
float:left;
}

#main-newsletter-bottomfade {
  position:absolute;
  bottom:0px;
  left:0px;
  width:320px;
  height:16px;
  background:url(/files/peikko/img/main-newsletter-bottomfade.png) no-repeat 50% 0px;
}

body.simple footer,
#bottom-content {
  width:968px;
  padding:20px 2px 38px;
  margin:20px auto;
  background:url(/files/peikko/img/main-bottom-content-bg.png) no-repeat 50% 100%;
  position:relative;
  overflow:auto;
}

#bottom-countries {
  width:946px;
  position:relative;
  overflow:hidden;
  margin: 10px auto 0;
  border:1px solid rgb(232,232,232);
  padding:11px;
  text-align: center;
}

#bottom-countries strong {
  float: none;
  display: block;
  width: auto;
  color:rgb(110,110,110);
  font-size:12px;
  margin-bottom: 11px;
  text-align: left;
}

#bottom-countries ul {
  display: inline-block;
  vertical-align: top;
  text-align:left;
  /*height:55px;*/
  height: auto;
  list-style:none;
  border-left:1px solid rgb(230,230,230);
}
#bottom-countries ul.first {
  border-left: none;
}

#bottom-countries ul.first li {
  margin-left: 0;
}
/*
#bottom-countries ul:last-child {
  border-left:0;
}
*/
#bottom-countries li {
  margin:0px 10px;
}

#bottom-countries a {
  color:rgb(47,126,159);
  font-size:12px;
  text-decoration:none;
}

#bottom-countries a:hover {
  color:rgb(50,50,50);
}

#solutions-inside-title {
  color:black;
  float:left;
  font-size:20px;
  font-weight:normal;
  text-transform:uppercase;
  margin:5px 10px;
}

#solutions-inside-count {
  float:right;
  width:200px;
  height:20px;
  margin:13px 10px 0px;
  text-align:right;
  text-transform:uppercase;
}

#solutions-inside {
  width:968px;
  height:180px;
  background:url(/files/peikko/img/solutions-inside-bg.png) repeat-x;
  overflow:hidden;
  position:relative;
}

#solutions-inside-content {
  width:968px;
  height:140px;
  overflow:hidden;
}

#content-titles {
  margin-top:25px;
  width:968px;
  height:15px;
  position:absolute;
  top:0px;
  left:0px;
  overflow:hidden;
}

#titles-holder {
  margin-left:0px;
  width:40000px;
  position:relative;
}

.content-title {
  float:left;
  height:12px;
  font-size:11px;
  color:rgb(167,203,231);
  display:inline;
  text-transform:uppercase;
  border-right:1px solid rgb(167,203,231);
  width:290px;
  height:20px;
}

.content-title strong {
  padding:0px 35px;
  cursor:pointer;
  display:block;
}

.content-title strong:hover {
  color:rgb(255,255,255);
}

#content-titles .active {
  color:rgb(255,255,255);
}

#content-titles-fade-left {
  position:absolute;
  top:0px;
  left:-30px;
  width:80px;
  height:15px;
  background:url(/files/peikko/img/solutions-inside-titles-fade-left.png) no-repeat;
}

#content-titles-fade-right {
  position:absolute;
  top:0px;
  left:919px;
  width:80px;
  height:15px;
  background:url(/files/peikko/img/solutions-inside-titles-fade-right.png) no-repeat;
}

#solutions-items {
  width:968px;
  height:100px;
  position:absolute;
  top:40px;
  left:0px;
}

#items-holder {
  margin-left:0px;
  width:40000px;
  position:relative;
}

.solutions-item {
  width:134px;
  height:100px;
  float:left;
  position:relative;
}

.solutions-item-mask {
  width:134px;
  height:100px;
  background:url(/files/peikko/img/solutions-inside-mask.png) no-repeat;
}

.solutions-item-hover {
  display:none;
  width:134px;
  height:100px;
  position:absolute;
  top:0px;
  left:0px;
  text-align:center;
  text-transform:uppercase;
}

.solutions-item-hover-bg {
  width:114px;
  padding:0px 10px;
  height:100px;
  background:url(/files/peikko/img/solutions-inside-hover.png) no-repeat 50% 50%;
}

.solutions-item-hover a {
  width:114px;
  padding-top:20px;
  display:block;
  color:rgb(255,255,255);
  font-size:11px;
  text-decoration:none;
}

#solutions-items-fade-left {
  position:absolute;
  top:0px;
  left:0px;
  width:40px;
  height:100px;
  background:url(/files/peikko/img/solutions-inside-items-fade-left.png) no-repeat 0% 0%;
}

#solutions-items-fade-right {
  position:absolute;
  top:0px;
  left:949px;
  width:40px;
  height:100px;
  background:url(/files/peikko/img/solutions-inside-items-fade-right.png) no-repeat 0% 100%;
}

#solutions-inside-scroller {
  width:968px;
  height:40px;
  background:url(/files/peikko/img/solutions-inside-scroller-bg.png) no-repeat;
  position:absolute;
  top:140px;
  left:0px;
}

#scrollbar-holder {
  position:absolute;
  top:13px;
  left:40px;
  width:891px;
  height:15px;
}

#scrollbar {
  width:143px;
  height:15px;
  background:url(/files/peikko/img/solutions-inside-scroller-bar.png) no-repeat;
  background-position:0px 0px;
  position:absolute;
  top:0px;
  left:0px;
}

#scroll-left {
  width:26px;
  height:18px;
  position:absolute;
  top:12px;
  left:14px;
  cursor:pointer;
}

#scroll-right {
  width:26px;
  height:18px;
  position:absolute;
  top:12px;
  right:10px;
  cursor: pointer;
}

/* SUBPAGE */

#subpage-header {
  width:954px;
  padding:16px 18px 23px;
  height:21px;
  background:url(/files/peikko/img/main-solutions-fade-top.png) no-repeat 1px 100%;
}

#subpage-header h1 {
  float:left;
  font-size:25px;
  color:rgb(0,0,0);
  text-transform:uppercase;
  margin-top:-4px;
}

#subpage-share {
  float:right;
  width:250px;
  font-size:10px;
  color:rgb(120,151,1);
}

#subpage-share p {
  margin:16px 10px 0px 0px;
}

#subpage-share img {
  float:right;
}

#subpage-left {
  float:left;
  width:239px;
margin-bottom:50px;
position:relative;
}

#subpage-left-navi {
  padding:0px 0px 0px 11px;
}

#subpage-left-navi ul {
  margin-top:10px;
  list-style:none;
}

#subpage-left-navi li {
  width:217px;
  border-bottom:1px solid rgb(255,255,255);
  position:relative;
}

#subpage-left-navi li a {
  display:block;
  color:rgb(0,0,0);
  background:rgb(228,228,228);
  text-decoration:none;
  font-size:12px;
  
  font-weight:bold;
  width:188px;
  line-height:14px;
    padding: 7px 10px 7px 17px;
  vertical-align:middle;
  cursor:pointer;
width: 182px;
padding-right: 16px;
/*
-moz-hyphens:auto;
-webkit-hyphens:auto;
-ms-hyphens:auto;
-o-hyphens:auto;
*/
}

#subpage-left-navi li a:hover {
color:rgb(250,250,250);
text-decoration:underline;
background:rgb(156,189,29);
}

#subpage-left-navi ul ul {
  margin-top:0px;
/*  padding-bottom:8px;*/
  list-style:none;
}

#subpage-left-navi li li {
  border-bottom:0px solid rgb(255,255,255);
}

#subpage-left-navi li li.active > a {
  font-weight:bold;
}

#subpage-left-navi li ul a {
  font-weight:normal;
  width:165px;
  padding:0px 23px 0px 27px;
  line-height:23px;
}

#subpage-left-navi li ul ul a {
  padding: 0 13px 0 40px;
  width: 162px;
}


header #collection-maker {
  background: none repeat scroll 0 0 white;
  font-weight: bold;
  line-height: 2em;
  padding: 0 10px 0 10px;
  position: absolute;
  right: 0;
  top: 100px;
  z-index: 99;
}

header #collection-maker ul{
display:none;
margin-bottom:10px;
}

header #collection-maker:hover ul {
display:block;
}

#subpage-collector {
  margin:11px 0px 0px 11px;
  padding:15px 11px;
  background:url(/files/peikko/img/right-aside-background.png) repeat-x top left rgb(241,241,241);
  width:195px;
}

#subpage-collector h3 {
  font-size:13px;
  color:rgb(133,163,18);
  text-transform:uppercase;
  margin-bottom:8px;
}

#subpage-collector p{
margin-bottom:1em;
}

#subpage-collector a {
  text-decoration:none;
  font-weight:normal;
  font-size:12px;
  color:rgb(133,163,18);

}


#subpage-collector a.remove,
#subpage-collector a.add {
display:none;
}

#subpage-collector.active a.remove,
#subpage-collector a.add {
display:block;
}

#subpage-collector.active a.add {
display:none;
}

#myCollection {
  margin-bottom:10px;
}

.collectionRow {
  margin:0px;
  padding:3px 5px;
  list-style:none;
  width:500px;
  height:20px;
  background:rgb(250,250,250);
  margin-bottom:2px;
  line-height:20px;
  font-size:16px;
  color:rgb(156,189,29);
  cursor:move;
}

.collectionTitle {
  float:left;
}

.collectionOrder {
  width:20px;
  text-align:center;
  float:right;
}

#collect {
  margin-bottom:10px;
  display:block;
}

.collection_page {
  padding:10px 0px 0px 0px;
  position:relative;
  margin:0px;
}

.collection_page:nth-child(even) {
  background:rgb(250,250,250);
}

.collection_description {
  padding-left:30px;
  line-height:14px;
  font-size:12px;
  min-height:60px;
}

.collection_description p {
  margin-bottom:10px;
  line-height:14px;
  font-size:12px;
}

.collection_controls {
  position:absolute;
  top:40px;
  left:0px;
  width:20px;
  height:50px;
}

.collection_page h2 {
  font-size:20px;
  color:#000000;
  display:block;
  margin:0px 0px 10px 0px;
  line-height:22px;
  position:relative;
}

.collection_page h2 a {
  color:#000000;
  text-decoration:none;
}

.collection_page .remove,.collection_page .moveDown,.collection_page .moveUp {
  display:block;
  width:20px;
  height:20px;
  cursor:pointer;
  border:1px solid transparent;
}

.collection_page .remove {
  background:url(/files/peikko/img/x.png) no-repeat 50% 50%;
}

.collection_page .moveDown {
  background:url(/files/peikko/img/arrow-down.png) no-repeat 50% 50%;
}

.collection_page .moveUp {
  background:url(/files/peikko/img/arrow-up.png) no-repeat 50% 50%;
}

.collection_page .remove:hover,.collection_page .moveUp:hover,.collection_page .moveDown:hover {
  border:1px solid rgb(176,209,49);
}

#collection_pages .attachments {
  padding:0px 0px 10px 30px;
}

#collection_pages .attachments strong {
  margin:0px 0px 5px 0px;
  display:block;
}

#collection_pages .attachments input {
  margin:0px 3px;
}

#collection_pages .attachments input:before {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.collection_page .attachments p,
.collection_page .attachments a,
.collection_page .attachments input {
  display:inline;
  color:#000000;
  text-decoration:none;
}

.collection_page .attachments p{
  display:block;
}

.collection_page .attachments li {
  list-style:none;
}

.collection_page .attachments a:hover {
  text-decoration:underline;
}

#subpage-tagcloud {
  margin:11px 0px 0px 11px;
  padding:15px 11px;
  background:rgb(241,241,241);
  width:195px;
  overflow:hidden;
}

#subpage-tagcloud p {
  display:inline;
  padding:5px;
}

#subpage-tagcloud a {
  text-decoration:none;
  font-weight:normal;
  color:rgb(132,178,210);
}

#subpage-tagcloud p a:hover {
  color:rgb(81,125,162);
}

#subpage-tagcloud .tag6 a {
  font-size:25px;
}

#subpage-tagcloud .tag5 a {
  font-size:20px;
}

#subpage-tagcloud .tag4 a {
  font-size:18px;
}

#subpage-tagcloud .tag3 a {
  font-size:16px;
}

#subpage-tagcloud .tag2 a {
  font-size:14px;
}

#subpage-tagcloud .tag1 a {
  font-size:12px;
}

#subpage-newsletter {
  margin:11px 0px 0px 11px;
  width:217px;
  background:rgb(241,241,241);
}

#subpage-newsletter h3 {
  padding:15px 0px 0px 10px;
  font-size:13px;
  color:rgb(133,163,18);
  text-transform:uppercase;
  margin-bottom:8px;
}

#subpage-newsletter-field {
  width:101px;
  height:19px;
  line-height:19px;
  padding:0px 0px 0px 20px;
  margin:0px 0px 0px 8px;
  background:url(/files/peikko/img/benefits-newsletter-field.gif) no-repeat;
  border:0px;
  outline:none;
}

#subpage-newsletter-btn {
  outline:none;
}

#subpage-newsletter-download {
  margin:8px 0px 0px 7px;
  outline:none;
}

#subpage-left-bottomfade {
  clear:both;
  margin-left:11px;
  width:217px;
  height:26px;
  background:url(/files/peikko/img/subpage-left-bottomfade.png) no-repeat 0px 10px;
}

#subpage-center {
  float:left;
  width:503px;
  position:relative;
  margin-bottom:10px;
}

#subpage-center > a,
#subpage-center > ul a,
#subpage-center > table a,
#subpage-center > p a,
#subpage-center table a {
  color:rgb(156,189,29);
  text-decoration:none;
}

#subpage-center>a:hover,#subpage-center>table a:hover,#subpage-center>p a:hover,#subpage-center table a:hover {
  text-decoration:underline;
}

#subpage-center>p,#subpage-center>.cmSlot p {
  padding:10px 0px;
  line-height:normal;
}

#subpage-center>ul {
  padding-left:30px;
}

#subpage-center li {
  padding-top:10px;
}

#subpage-center td {
  width:258px;
  padding:0px 0px 15px 0px;
}

#subpage-center h1 {
  font-size:28px;
  text-transform:uppercase;
  color:rgb(0,0,0);
  margin:0px 0px 15px;
  line-height:normal;
}

#subpage-center>h2,#subpage-center>.cmSlot h2,#subpage-center>div>div>h2 {
  font-size:24px;
  text-transform:uppercase;
  margin:0px 0px 10px 0px;
  line-height:normal;
}

#subpage-center h3 {
  font-size:24px;
  text-transform:none;
  color:rgb(0,0,0);
  margin:0px 0px 10px 0px;
  line-height:normal;
}

#subpage-center h2,#subpage-center h4,#subpage-center .accordion .toggle h4 {
  font-size:18px;
  text-transform:uppercase;
  color:rgb(0,0,0);
  margin:20px 0px 15px;
  line-height:normal;
  width:auto;
  padding:0px;
  height:auto;
  border:0px;
  background:none;
  cursor:default;
}

#subpage-center-gallery h4,
#subpage-center-gallery h2 {
  margin:15px;
font-weight:normal;
}

#subpage-center h5 {
  font-size:18px;
  text-transform:none;
  color:rgb(0,0,0);
  margin:20px 0px 15px;
  line-height:normal;
font-weight:normal;
}

#subpage-center-gallery {
  width:502px;
  border:1px solid rgb(185,185,185);
  margin:0px 0px 9px 0px;
  position:relative;
  padding:0px 0px 20px;
}

#subpage-center-gallery a {
  color:#8aa81a;
  text-decoration:none;
  font-size:14px;
}

#subpage-center-gallery>a {
  margin:0px 0px 0px 15px;
}

#subpage-center-gallery h3 {
font-size: 18px;
text-transform: uppercase;
color: rgb(0,0,0);
margin:15px 15px 0px 15px;
}

#gallery-bigpicture {
  width:328px;
  height:193px;
  float:left;
}

#gallery-bigpicture a {
  width:328px;
  height:193px;
  display:block;
}

#gallery-smalls {
  width:173px;
  height:193px;
  position:relative;
  overflow:hidden;
  float:right;
}

#gallery-smalls-browser {
  width:1000px;
  overflow:hidden;
  height:193px;
  left:0px;
  position:relative;
}

#gallery-smalls ul {
  width:173px;
  margin-top:2px;
  float:left;
  list-style:none;
  padding:0px !important;
}

#gallery-smalls li {
  float:left;
  width:82px;
  height:43px;
  padding:0px !important;
  position:relative;
}

#gallery-smalls li img {
  position:absolute;
  top:2px;
  left:8px;
  cursor:pointer;
}

#gallery-smalls li a {
  text-decoration:none !important;
}

#gallery-smalls li .count {
  position:absolute;
  bottom:3px;
  right:3px;
  text-decoration:none !important;
  color:rgb(150,150,150) !important;
}


/* New media-gallery styles */

#gallery-bigpicture-n {
  width:100%;
  height:282px;
  float:left;
overflow:hidden;
}

#gallery-bigpicture-n a {
  width:100%;
  height:282px;
  display:block;
}

#gallery-bigpicture-n a img {
  width:100%;
}


#gallery-smalls-browser-n {
  width:9000px;
  overflow:hidden;
/*  height:193px;*/
  left:0px;
  position:relative;
}

#gallery-smalls-n {
  width:100%;
  height:75px;
  position:relative;
  overflow:hidden;
  float:left;
  background: #ececec;
}

#gallery-smalls-browser {
  width:1000px;
  overflow:hidden;
  height:193px;
  left:0px;
  position:relative;
}

#gallery-smalls-n ul {
  width:440px;
  margin-top:14px;
  float:left;
  list-style:none;
  padding:0px 30px !important;
}

#gallery-smalls-n li {
  float:left;
  width: 75px;
height: 60px;
  padding:0px !important;
  position:relative;
margin-right: 16px;
overflow:hidden;
}

#gallery-smalls-n li:last-child {
margin-right: 0;
}

#gallery-smalls-n li img {
  position:absolute;
width:100%;
/*  top:2px;
  left:8px;*/
  cursor:pointer;
}

#gallery-smalls-n li a {
  text-decoration:none !important;
}

#gallery-smalls-n li .count {
  position:absolute;
  bottom:3px;
  right:3px;
  text-decoration:none !important;
  color:rgb(150,150,150) !important;
}

#gallery-browser-n {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
}

#gallery-browser-prev-n, #gallery-browser-next-n {
  position: absolute;
  top: 19px;
  width: 11px;
  height: 33px;
  cursor:pointer;
}

#gallery-browser-prev-n {
  background: url(/files/peikko/img/gallery-arrow-left.png) no-repeat 50% 50%;
  opacity: 0.5;
  left: 5px;
}

#gallery-browser-next-n {
  background:url(/files/peikko/img/gallery-arrow-right.png) no-repeat 50% 50%;
  right: 5px;
}
/*************
#gallery-browser-n {
  position:absolute;
  bottom:0px;
  left:8px;
  width:157px;
  height:12px;
}

#gallery-browser-prev-n {
  width:12px;
  height:12px;
  background:url(/files/peikko/img/gallery-browser-prev.png) no-repeat 50% 50%;
  float:left;
  cursor:pointer;
  opacity:0.5;
}

#gallery-browser-next-n {
  width:12px;
  height:12px;
  background:url(/files/peikko/img/gallery-browser-next.png) no-repeat 50% 50%;
  float:right;
  cursor:pointer;
}
*********/

#gallery-browser {
  position:absolute;
  bottom:0px;
  left:8px;
  width:157px;
  height:12px;
}

#gallery-browser-prev {
  width:12px;
  height:12px;
  background:url(/files/peikko/img/gallery-browser-prev.png) no-repeat 50% 50%;
  float:left;
  cursor:pointer;
  opacity:0.5;
}

#gallery-browser-next {
  width:12px;
  height:12px;
  background:url(/files/peikko/img/gallery-browser-next.png) no-repeat 50% 50%;
  float:right;
  cursor:pointer;
}

#gallery-browser p {
  width:133px;
  float:left;
  font-size:11px !important;
  line-height:12px !important;
  padding:0px !important;
  text-align:center;
  text-transform:uppercase;
  color:rgb(146,171,47) !important;
  margin:0px !important;
}

#gallery-title {
}

#gallery-title h3 {
  font-size:18px;
  text-transform:uppercase;
  color:rgb(0,0,0);
}

#gallery-title h3 {
  margin:0px 15px 15px !important;
}

#gallery-text {
}

#gallery-text p,
#subpage-center-gallery p,
#gallery-text li,
#subpage-center-gallery li {
  font-size:14px;
  line-height:20px;
  color:rgb(82,82,82);
}

#gallery-text p,
#subpage-center-gallery p{
  padding:0px;
  margin:5px 15px 0px 15px;
}

#gallery-text h1,
#subpage-center-gallery h1 {
  margin-left:15px;
  margin-right:15px;
}

#subpage-center-gallery #gallery-text h3 {
  color:#000;
  font-size:20px;
  margin:10px 15px 0px 15px;
}

#subpage-center-gallery #gallery-text h4 {
  color:#000;
  font-size:16px;
  margin:10px 15px 0px 15px;
}

#subpage-center-gallery #gallery-text h5 {
  color:#000;
  font-size:14px;
  margin:10px 15px 0px 15px;
}

#subpage-center-gallery #gallery-text ul li {
  margin:0px 0px 5px 10px;
  padding: 0px 0px 0px 0px;
}



#subpage-center-gallery h2 {
  margin:15px;
}

#gallery-text select {
  margin:10px 15px 0px;
}

#gallery-otherlinks {
  margin:10px 15px 0px;
}

#gallery-otherlinks a {
  color:#525252;
  text-decoration:none;
}

#gallery-otherlinks p {
  font-size:12px !important;
}

#gallery-bottomfade {
  position:absolute;
  top:100%;
  left:0px;
  width:501px;
  height:10px;
  background:url(/files/peikko/img/gallery-bottomfade.png) no-repeat 50% 1px;
}

.subpage-product-greenbox {
  text-align:center;
  width:160px;
  height:55px;
  line-height:55px;
  margin:0px 11px 6px 0px;
  background:url(/files/peikko/img/product-greenbox-bg.png) no-repeat;
}

.subpage-product-greenbox p {
  line-height:55px;
  padding:0px !important;
  font-size:12px;
  font-weight:bold;
  
}

.subpage-product-greenbox a {
  color:rgb(255,255,255);
  text-shadow:rgb(0,0,0) 1px 1px 2px;
  text-decoration:none;
  display:block;
  text-align:center;
  width:150px;
  padding:0px 5px;
  line-height:14px;
}

.subpage-product-greenbox a:hover {
}

.product-popover {
  width:455px;
  height:247px;
  position:absolute;
  top:-242px;
  left:15px;
  display:none;
  text-align:left;
}

.product-popover-bg {
  position:relative;
  width:455px;
  height:242px;
  background:url(/files/peikko/img/product-popover.png) no-repeat;
}

.product-popover-arrow {
  width:26px;
  height:24px;
  background:url(/files/peikko/img/product-popover-arrow.png) no-repeat;
  position:absolute;
  left:20px;
  bottom:-19px;
}

.product-popover img {
  margin:0px 15px 0px 13px;
}

.popover-title {
  margin:5px 0px 0px 22px;
  font-size:18px;
  text-transform:uppercase;
}

.popover-text,.popover-links {
  width:259px;
  padding-right:20px;
  line-height:12px;
}

.popover-text p {
  line-height:12px;
  font-weight:normal;
  margin-bottom:10px;
}

.popover-text a {
  color:rgb(1,85,156);
  text-decoration:none;
  font-weight:bold;
  display:inline;
  text-shadow:none;
}

.popover-links {
  bottom:20px;
  left:180px;
  position:absolute;
  width:240px;
}

.popover-links a {
  color:rgb(134,161,30);
  text-decoration:none;
  font-weight:bold;
  display:inline;
  text-shadow:none;
}

.popover-links a span {
  color:rgb(1,85,156);
  text-decoration:none;
  font-weight:bold;
}

.accordion,.dummyaccordion {
  margin:5px 0px 0px 0px;
}

#subpage-center .accordion h4,
.dummyaccordion h4 {
  width:488px;
  padding:0px 0px 0px 13px;
  margin:0px !important;
  height:34px;
  border:1px solid rgb(228,228,228);
  line-height:34px;
  font-size:14px;
  color:rgb(0,0,0);
  background:url(/files/peikko/img/accordion-title-bg.png) repeat-x;
  position:relative;
  cursor:pointer;
  text-transform:none;
}

.accordion h4 .bigarrow {
  width:21px;
  height:21px;
  position:absolute;
  top:6px;
  right:15px;
  background:url(/files/peikko/img/bigarrow-right.png) no-repeat 50% 50%;
}

.accordion h4 .bigactive {
  background:url(/files/peikko/img/bigarrow-down.png) no-repeat 50% 50% !important;
}

.accordion li {
  padding:0px !important;
}

.accordion p {
  padding:15px 15px 5px;
  font-size:12px;
  
  line-height:16px;
}

#subpage-center .accordion h1,.accordion h2,.accordion h3,.accordion h5 {
  padding:15px 15px 0px;
  text-transform:none !important;
  margin:0px !important;
}

.accordion a,.accordion p a {
  color:rgb(1,85,156);
  text-decoration:none;
}

.accordion ul {
  padding:15px 0px 15px 30px;
}

.accordion-contact {
  width:159px;
  margin:16px 12px 16px 0px;
}

.accordion-contact strong {
  font-size:12px;
}

.accordion-contact p {
  font-size:12px;
  line-height:16px;
  padding:0px !important;
}

.accordion-contact p span {
  width:30px;
  display:block;
  float:left;
}

.accordion .accordion-contact a,.dummyaccordion .accordion-contact a {
  color:rgb(145,174,38);
  font-size:11px;
  line-height:16px;
  text-decoration:none;
}

#subpage-center form {
  padding:15px;
}

label {
  float:left;
  width:80px;
  line-height:26px;
  height:28px;

}

html[data-local="-pl"] label{width:100px;}

.contact-file {
  margin-bottom:4px;
  line-height:24px;
  height:24px;
  font-size:14px;
}

.contact-field {
  margin-bottom:4px;
  padding:5px;
  width:156px;
  height:14px;
  font-size:14px;
  border:1px solid rgb(164,202,55);
}

textarea.contact-field {
  height:204px !important;
  width:380px !important;
}

html[data-local="-pl"] textarea.contact-field {width:360px !important;}

input.ngformError,form .field_notify {
  background:#f7e9e7;
  border:1px solid #cb3a27;
}

.contact-submit {
  padding:0px 15px;
  height:34px;
  line-height:34px;
  font-size:14px;
  color:rgb(255,255,255);
  float:right;
  border:1px solid rgb(164,202,55);
  background:rgb(164,202,55);
  cursor:pointer;
}

.contact-submit:hover {
  text-decoration:underline;
}

.accordion .pad-nopad {
  padding:10px 0px;
}

.accordion .pad-nopad p {
  padding:0px !important;
}

.accordion .pad-nopad #map_canvas {
  float:right;
}

.team-infobar {
  background:url(/files/peikko/img/team-bg.png) repeat-x;
  width:474px;
  height:53px;
  overflow:hidden;
  margin:10px 0px;
  padding:17px 14px;
  border:1px solid rgb(185,185,185);
}

.team-infobar .floatr {
  text-align:right;
}

.team-infobar a {
  color:rgb(145,174,38);
  text-decoration:none;
}

.team-infobar a:hover {
  text-decoration:underline;
}

#subpage-casepreview {
  width:170px;
  height:202px;
  padding:10px 11px;
  margin:11px auto;
  background:url(/files/peikko/img/subpage-case-bg.png) no-repeat;
}

#subpage-casepreview img {
  margin-bottom:5px;
}

#subpage-casepreview p {
  clear:both;
}

#subpage-casepreview a {
  color:rgb(0,0,0);
  text-decoration:none;
}

#subpage-casepreview a:hover {
  color:rgb(100,100,100);
  text-decoration:none;
}

#subpage-casepreview a span {
  color:rgb(81,125,162);
  text-decoration:none;
}

#subpage-casepreview a strong {
  color:rgb(136,162,37);
  text-decoration:none;
  text-transform:uppercase;
}

#subpage-casepreview a strong span {
  color:rgb(188,188,188);
  text-decoration:none;
}

#subpage-list {
  list-style:none;
  padding-left:10px;
  margin-top:-20px;
}

#subpage-list li {
  display:block;
  position:relative;
  border-top:1px solid rgb(200,200,200);
  background:url(/files/peikko/img/subpage-list-arrow.png) no-repeat 0px 20px;
}

#subpage-list .subpage-list-biglink {
  padding:20px 0px 0px 70px;
  display:block;
}

#subpage-list li a {
  text-decoration:none;
  color:rgb(0,0,0);
}

a .subpage-list-title,a .subpage-list-link {
  color:rgb(0,0,0);
}

.subpage-list-title {
  font-size:13px;
}

.subpage-list-text {
  line-height:16px;
}

.subpage-list-link {
  padding:15px 0px 5px;
}

a .subpage-list-link {
  color:rgb(123,150,22);
  text-decoration:none;
  font-weight:bold;
}

.subpage-list-link span {
  font-weight:normal;
}

.subpage-list {
  list-style:none;
  padding-left:10px;
  margin-top:-20px;
}

.subpage-list li {
  display:block;
  position:relative;
  border-top:1px solid rgb(200,200,200);
  background:url(/files/peikko/img/subpage-list-arrow.png) no-repeat 0px 20px;
}

.subpage-list .subpage-list-biglink {
  padding:10px 0px 0px 70px;
  display:block;
}

.subpage-list li a {
  text-decoration:none;
  color:rgb(0,0,0);
}

a .subpage-list-title,a .subpage-list-link {
  color:rgb(0,0,0);
}

.subpage-list-title {
  font-size:13px;
}

.subpage-list-text {
  line-height:16px;
}

.subpage-list-link {
  padding:15px 0px 5px;
}

a .subpage-list-link {
  color:rgb(123,150,22);
  text-decoration:none;
  font-weight:bold;
}

.subpage-list-link span {
  font-weight:normal;
}

#subpage-bignews {
  position:relative;
  z-index:20;
  list-style:none;
  padding:0px 10px !important;
}

.single li {
  cursor:default !important;
}

#subpage-bignews > li {
  display:block;
  z-index:20;
  position:relative;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  cursor:pointer;
  border-top:1px solid rgb(200,200,200);
}

#subpage-bignews > li a {
/*  color:rgb(0,0,0); */
  display:block;
  text-decoration:none !important;
}

#subpage-bignews > li p a {
  color:#7B9616;
  display:inline;
  text-decoration:none !important;
}

#subpage-bignews ul {
list-style-type: disc;
}

a .subpage-bignews-content {
  color:rgb(0,0,0);
  float:left;
  width:315px;
}

.subpage-bignews-image {
  padding-top:20px;
}

.subpage-bignews-image img {
  padding-right:20px;
}

.single .subpage-bignews-date {
  padding:10px 0px;
  color:rgb(156,189,29);
}

a .subpage-bignews-date,.subpage-bignews-date a {
  padding-top:20px;
  font-size:10px;
  color:rgb(123,150,22);
}

.subpage-bignews-title {
  font-size:13px;
}

.subpage-bignews-link {
  padding:15px 0px 5px;
}

a .subpage-bignews-link,.subpage-bignews-link a {
  color:rgb(123,150,22);
  text-decoration:none;
  font-weight:bold;
}

.subpage-bignews-link span {
  font-weight:normal;
}

.subpage-bignews-text p {
  padding:10px 0px 0px 0px !important;
}

.newsbg {
  z-index:5;
  width:503px;
  background:url(/files/peikko/img/newsbg.png) repeat-y;
  position:relative;
}

.newsbg-top {
  width:503px;
  height:7px;
  background:url(/files/peikko/img/newsbg-top.png) no-repeat;
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}

.newsbg-btm {
  width:503px;
  height:7px;
  background:url(/files/peikko/img/newsbg-btm.png) no-repeat 0px 100%;
  position:absolute;
  bottom:0px;
  left:0px;
  display:none;
}

#subpage-center ul,#subpage-center ol {
  padding-left:30px;
}

.newsbody {
  z-index:10;
  position:relative;
  padding:10px;
  width:483px;
}

#search-pages a {
  color:rgb(123,150,22);
  text-decoration:none;
  font-weight:bold;
}

#terminology ul li {
  position:relative;
  list-style:none;
  width:280px;
  padding:0px 0px 0px 10px;
  margin-left:-10px;
  line-height:20px;
  line-height:20px;
  font-size:14px;
  cursor:help;
}

#terminology ul li.active,#terminology ul li:hover {
  background:rgb(245,245,245);
}

#termpop strong {
  background:rgb(245,245,245);
  padding:0px 10px;
  display:block;
  font-size:14px;
}

#termpop span {
  padding:0px 10px;
  display:block;
}

#terminology strong {
  font-size:18px;
  margin-bottom:0px;
  margin-top:20px;
}

#termpop li {
  margin:5px 0px;
  list-style:none;
}

#terminology {
  margin-top:-20px;
  width:300px;
  height:800px;
  overflow-x:hidden;
  overflow-y:scroll;
  float:left;
}

#terminology .termpop {
  display:none;
}

#termpop {
  margin-top:-20px;
  width:200px;
  height:800px;
  float: right;
}

/* FOOTER */

footer {
  position:relative;
}

.footer-links-section .icon-link {
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 20px;
}


.footer-links-section .icon {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 6px;
}

.footer-links-section .icon-facebook {
  background-image: url(../img/facebook-24.png);
  background-color: #3B5998;
}
.footer-links-section .icon-youtube {
  background-image: url(../img/youtube-24.png);
  background-color: #CD332D;
}
.footer-links-section .icon-linkedin {
  background-image: url(../img/linkedin-24.png);
  background-color: #007FB1;
}
.footer-links-section .icon-blogger {
  background-image: url(../img/blogger-24.png);
  background-color: #F57D00;
}

#footer-links {
padding:11px 0px 0px 11px;
}

.footer-links-section {
  float:left;
  width:168px;
}

.some-links {
  width: 600px;
}

.some-links li {
  float: left;
}

.footer-links-section-right {
  width:225px;
  padding-right:11px;
}

.footer-links-section strong,.footer-links-section-right strong {
  padding:0px 0px 15px 11px;
  color:rgb(110,110,110);
  font-size:12px;
  
  display:block;
}

.footer-links-section ul,.footer-links-section-right ul {
  list-style:none;
  padding:0px 0px 0px 11px;
}

.footer-links-section li {
  /*height:14px;*/
}

.footer-links-section p,.footer-links-section-right p {
  color:rgb(110,110,110);
  display:block;
  padding-bottom:10px;
}

.footer-links-section a,.footer-links-section-right a {
  color:rgb(45,125,160);
  font-size:12px;
  text-decoration:none;
}

.footer-links-section a:hover,.footer-links-section-right a:hover {
  color:rgb(0,0,0);
}

.footer-links-section a strong,.footer-links-section-right a strong {
  color:rgb(45,125,160);
  padding:0px !important;
}

#footer-text {
  width:695px;
  margin:30px auto;
  color:rgb(203,203,203);
  text-align:center;
}

#footer-text.ru_RU {
width: auto;
}

#footer-text a {
  color:rgb(45,125,160);
  font-size:12px;
  text-decoration:none;
}

#footer-text a:hover {
  text-decoration:underline;
}

#footer-logo {
  margin:30px auto;
  width:91px;
}

#subpage-center .cmSlot p {
  margin:10px 0px;
}

#subpage-center .cmSlot #subpage-center-gallery p {
  margin:0px 15px;
  padding: 0px;
}

/* contact us page */

.accordion.googlemaps .floatl {
  max-width:160px;
  padding-bottom: 10px;
}

/* no search results message */

#no-search-results {
  display:none;
}

#no-search-results:first-child {
  display:block;
  padding: 0 20px;
}

header:after  {
  content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main-solutions-list:after,
#subpage-left > div:last-child:after, 
#right-events:after, 
#right-news:after,
#right nav:after,
#right #blog:after{
bottom: -26px;
clear: both;
content: "  ";
display: block;
height: 26px;
left: 0;
position: absolute;
right: 0;
}

html[data-local="-cn"] #subpage-left > div:last-child:after {
background: none no-repeat scroll 50% 10px transparent;
}

#right-events:after, 
#right-news:after {
bottom: -26px;
clear: both;
content: "  ";
display: block;
height: 26px;
left: 0;
position: absolute;
right: 0;
}


#right #blog:after {
bottom: -17px;
}

#right aside {
background: url("/files/peikko/img/right-aside-background.png") repeat-x scroll left bottom #e7e8e9;
display:block;
padding:10px;
margin-bottom:10px;
position: relative;
min-height:150px;
}

#right aside h2 {
color: #85A312;
font-size: 14px;
}

#blog a,
#blog a:visited  {
color: #85A312;
}

#blog .youtube,
#blog .linkedin,
#blog .facebook {
display:block;
float:right;
width:21px;
height:20px;
}



#blog .youtube {
background:url(/files/peikko/img/icon-youtube.png) no-repeat 50% 50% transparent;
}

#blog .facebook {
background:url(/files/peikko/img/icon-fb.png) no-repeat 50% 50% transparent;
}

#blog .linkedin {
background:url(/files/peikko/img/icon-linkedin.png) no-repeat 50% 50% transparent;
}


/* table styles */

#subpage-center table {
margin:15px;
}

#subpage-center table td {
padding: 3px 0;
}

#breadcrumb > a:after {
    content: " > ";
    margin-right: 0.5em;
}


#subpage-left-navi ul.tree-menu ul {
display:none;
background: none repeat scroll 0 0 transparent;
padding-bottom:0;
}

#subpage-left-navi ul.tree-menu li.open > ul {
display:block;

}

.tree-menu ul ul{

}

.tree-menu a:hover {
text-decoration:underline;
color:#fff;
}

.tree-menu ul a {
padding-left:15px;
}

.tree-menu ul a:before {
    content: "»";
    display: inline-block;

text-decoration:none;
    text-indent: -12px;

}

.tree-menu ul ul a {
padding-left:30px;
}



.tree-menu span.open {
  background: url("/files/peikko/img/right-navi-smallarrow-right-gray.png") no-repeat scroll 50% 50%;
  border: 0px;
  display: inline-block;
  height: 30px;
  line-height: 12px;
  position: absolute;
  cursor: pointer;
  right: 0px;
  text-align: center;
  top: 0px;
  width: 24px;
  cursor: pointer;
}


.tree-menu li.open > span.open {
  background: url("/files/peikko/img/right-navi-smallarrow-down-gray.png") no-repeat scroll 50% 50%;
  border: 0px;
  cursor: pointer;
}

a.button, button.button, 
.button-area a, 
.button-area button,
#myCollection a {
    background-color: #99C517;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    line-height: 25px;
    padding: 0 10px;
    text-shadow: 1px 1px 1px #666666;
}

.spot {
color:rgb(172,217,0);
  cursor: pointer;


  font-size: 30px;
  font-weight: normal;
  height: 48px;
  line-height: 48px;
  position: absolute;
  text-align: center;
  width: 48px;
text-indent:-100000px;
  background: url("/files/peikko/img/slide-hotspot-open.png") no-repeat scroll 50% 50% transparent;
}






.spot-title {
text-align:left;
text-indent:0;
  width : 200px;
  color : #333;
  position : absolute;
  top : 40px;
left: -91px;
  display : none;
  cursor : default;
font-size:12px;
padding:10px;
border:1px solid #bbb;
line-height: 1.1em;
background: #ffffff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWVlZWVlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #ffffff 49%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 49%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 49%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 49%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 49%,#eeeeee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
z-index:9999999;
}


.spot-title a {
  display:block;
}

html[data-local="-se"] #subpage-center,
html[data-local="-dk"] #subpage-center {
  margin-bottom:10px; 
}

.form-subscriptions {
float:left;
width:270px;
}

.form-subscriptions .label2 {
  width: 250px !important;
}



/* simple site */




body.simple header {
  height: 80px;
  padding: 10px 0 5px;
}

body.simple article {
  margin-bottom:20px;
}

body.simple footer {
  background-position:50% 30px; 
}

body.simple #mission {
  height: 325px;
  position: relative;
  margin-bottom:3em;  
}

body.simple.public #mission {
  margin-bottom:0;  
}

body.simple #mission p {
  background-color: #8CB900;
  bottom: 10px;
  color: #FFFFFF;
  height: 30px;
  left: 0;
  line-height: 30px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  text-align: right;
}



body.simple #header-secondary-logo {
  background: url("/files/peikko/img/peikko-global-logo.png") no-repeat scroll 50% 50% transparent;
  display:block;
  top:0;
  text-align:right;
}

#header-secondary-logo {
  position:absolute;
  right:18px;
  top:-10px;
  width:173px;
  height:30px;
  z-index:5001;
  display:none;
}



html[data-local="-uk"] #header-secondary-logo {
  background:url(../img/peikko-uk-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-fi"] #header-secondary-logo {
  background:url(../img/peikko-fi-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-se"] #header-secondary-logo {
  background:url(../img/peikko-se-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-dk"] #header-secondary-logo {
  background:url(../img/peikko-dk-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-ae"] #header-secondary-logo {
  background:url(../img/peikko-ae-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-us"] #header-secondary-logo {
  background:url(../img/peikko-us-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-cn"] #header-secondary-logo {
  background:url(../img/peikko-cn-logo.png) no-repeat 50% 50% transparent;
  display:block;
}

html[data-local="-it"] #header-secondary-logo,
html[data-local="-fr"] #header-secondary-logo,
html[data-local="-de"] #header-secondary-logo,
html[data-local="-no"] #header-secondary-logo,
html[data-local="-hu"] #header-secondary-logo,
html[data-local="-sk"] #header-secondary-logo,
html[data-local="-es"] #header-secondary-logo,
html[data-local="-ch"] #header-secondary-logo,
html[data-local="-fr_ch"] #header-secondary-logo,
html[data-local="-it_ch"] #header-secondary-logo,
html[data-local="-fr_ca"] #header-secondary-logo,
html[data-local="-en_ca"] #header-secondary-logo,
html[data-local="-at"] #header-secondary-logo,
html[data-local="-lt"] #header-secondary-logo,
html[data-local="-nl"] #header-secondary-logo,
html[data-local="-ru"] #header-secondary-logo,
html[data-local="-pl"] #header-secondary-logo {
  background: url("../img/peikko-global-logo.png") no-repeat scroll 50% 50% transparent;
  display:block;  
}

#header-secondary-logo {
  border-radius: 0 0 5px 5px;
    border: 1px solid #CCCCCC;
    border-top: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#header-secondary-logo span {
    color: #999999;
    display: block;
    font-size: 12px;
    left: 113px;
    position: absolute;
    top: 9px;
}

body.simple  article h1 {
  margin-bottom: 1em;
  position:relative;
  left:-20px;
}

body.simple article > section {
  float: left;
  padding: 0 30px;
  width: 640px;
}

body.simple  article > section p {
  margin-bottom:1em;
}

body.simple #right {
  padding-top:20px; 
}

body.simple #mission:after {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
}

body.simple #mission img {
  display: block;
  margin: auto;
}

body.simple article a, 
body.simple article a:visited {
  color: #85A312;
}


/* compact */

body.compact #subpage-center {
  margin-bottom:20px; 
}

/* hungary */

html[lang='hu'] #bottom-countries ul {
/*  height: 65px; */
  max-width: 115px;
}


.accordion-contact p span.extra-info {
  color:rgb(150,150,150); 
  float:none;
        width:auto;
}

/* Lang selector for CH (Switzerland) */

header .langSelector{
background: Gainsboro;
float: right;
margin-top: 40px;
margin-right: 30px;}

/* Targetgoup line fix in frontpage for RU */
html[lang='ru'] #main-solutions-list li {
  width:227px;
}
html[lang='ru'] #main-solutions-list li a {
  width:210px;
}
html[lang='ru'] #main-solutions-showcase {
  width:416px;
}

html[lang='ru'] label{
width: 130px;
}
html[lang='ru'] textarea.contact-field{
width:330px !important;
}




/* NEW SITE*/ 

/* Frontpage new */

a {
  color: #9CBE3A;
}

a:hover {
  color: #525353;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Eurostile LT W01 Demi', arial, sans-serif;
    text-transform: uppercase;
    color: #525353;
}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 16px;}
h5 {font-size: 14px;}

/**
 * This is used for testing if webfonts are loaded 
 */
.test-font {
  position: absolute;
  top: -10000px;
  left: -10000px;
  font-size: 300px;
  font-family: sans-serif;
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0;
}

.nowrap {
  white-space: nowrap;
}

.content-top-row {
    height: 38px;
}

.link-indicator {
  color: #9CBE3A;
  font-weight: bold;
}

a:hover .link-indicator {
  color: #525353;
}

.frontpage-hero-unit {
    background: url("/files/peikko/2014/hero-unit-image.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 315px;
    display:block;
    position: relative;
}
.frontpage-hero-unit .inner-box {
  position: absolute;
  bottom: 0;
  width: 400px;
  padding: 20px 30px;
  background: #FFF;
  background: rgba(255,255,255,0.9);
}
.frontpage-hero-unit .inner-box h1 {
  color: #525353;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 24px;
  font-family: 'Eurostile LT W01 Demi', arial, sans-serif;
}
.frontpage-hero-unit .inner-box p {
  line-height: 18px;
  font-size: 14px;
  color: #525353;
}

.news-unit {
    background: none repeat scroll 0 0 #646463;
    display: block;
    padding: 20px 100px 20px 30px;
    color: #FFF;
}
.news-unit h1, .news-unit h2, .news-unit h3, .news-unit h4, .news-unit h5, .news-unit h6 {
  color: #FFF;
  font-size: 18px;
  line-height: 22px;
  font-family:'Eurostile LT W01 Medium', arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.news-unit p {
  color: #FFF;
  line-height: 18px;
  font-size: 14px;
}
.news-unit a {
  color: #9cbe3b;
  font-weight: bold;
}
.news-unit a:hover {
  text-decoration: underline;
}


/* Frontpage category items */
.category-items {
    display: block;
    padding: 30px;
}
.category-items .category-item {
  position: relative;
    display: inline-block;
    float: left;
    height: 215px;
    width: 445px;
    margin: 10px;
}

.category-items .category-item.wide-item {
  display: block;
  width: auto;
  float: none;
}

.category-items .category-item .inner-box {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #9cbe3b;
  background: rgba(156,190,59,0.9);
  max-height: 45px;
  overflow: hidden;
  -webkit-transition: max-height 0.5s ease;
  -moz-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}

.category-item .inner-box.double-row-header {
  max-height: 72px;
}
.category-items .category-item:hover .inner-box {
  max-height: 215px;
}
.category-items .category-item .inner-box-inner {
  padding: 10px 20px;
}
.category-items .category-item .inner-box-inner h3 {
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  color: #FFF;
  line-height: 26px;
  display: block;
}
.category-items .category-item .inner-box-inner span.description {
  padding: 10px 0 0;
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  display: block;
}
.category-items .category-item .inner-box-inner- a {
  color: #FFF;
}

/* Tools for designers */
.tools-for-designers {
    background: url("/files/peikko/2014/Tools-for-designer_2014.jpg") no-repeat scroll 100% 100% #FFF;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 30px;
}
.tools-for-designers .inner-content {
  width: 450px;
  display: inline-block;
  padding: 10px;
}
.tools-for-designers .inner-content h2 {
  color: #2f7ea4;
  font-size: 20px;
  line-height: 26px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
}
.tools-for-designers .inner-content p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #525353;
}
.tools-for-designers .inner-content a.cta-button {
  display: inline-block;
  padding: 15px 20px;
  margin-top: 20px;
  background: #9cbe3a;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
}


/* Product catalog */ 
.product-catalog {
  background: url("/files/peikko/2014/Product-catalog_2014.jpg") no-repeat scroll 100% 100% #FFF;
  position: relative;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 30px;
}
.product-catalog .inner-content {
  width: 450px;
  display: inline-block;
  padding: 10px;
}
.product-catalog h2 {
  color: #2f7ea4;
  font-size: 20px;
  line-height: 26px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif
}
.product-catalog p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #525353;
}
.product-catalog .inner-content a, .tools-for-designers .inner-content a {
  /*display: inline-block;
  padding: 15px 20px;
  background: #9cbe3a;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-family:'Eurostile LT W01 Demi', sans-serif;
  position:absolute;
  top:50%;
  margin-top: -20px;
  right:40px;*/
  display: inline-block;
  padding: 15px 20px;
  background: #9cbe3a;
  margin-top: 10px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
}


/* Quality and environment */
.quality-and-environment {
  background: url("/files/peikko/2014/Quality_enviroment-and-safety_2014.jpg") no-repeat scroll 100% 100% #FFF;
  position: relative;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    padding: 30px;
}
.quality-and-environment .inner-content {
  width: 450px;
  display: inline-block;
  padding: 10px;
}
.quality-and-environment h2 {
  color: #2f7ea4;
  font-size: 20px;
  line-height: 26px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
}
.quality-and-environment p {
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  color: #525353;
}
.quality-and-environment .inner-content a {
  display: inline-block;
  padding: 15px 20px;
  background: #9cbe3a;
  margin-top: 10px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
}

/* Solutionspage category items */ 
.category-items-solutions {
    display: block;
    padding: 30px 30px 10px;
}
.category-items-solutions .category-item {
  position: relative;
    display: block;
    width: 930px;
    float: left;
    padding-top: 30px;
    margin: 0 10px 30px;
    border-top: 1px solid #CCCCCC;
}
.category-items-solutions .category-item:first-child {
  border-top: none;
  padding-top:0;
}
.category-items-solutions .category-item .inner-box-left {
    float: left;
    display: inline-block;
    margin-right: 10px;
    width: 445px;
}
.category-items-solutions .category-item .inner-box-left h3 {
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
  color: #9cbe3a;
  font-size: 20px;
  line-height: 26px;
  display: block;
}
.category-items-solutions .category-item .inner-box-left span.description {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 20px;
  color: #525353;
}

.solutions-subgroups-new {
  margin: 0;
  padding: 10px 5px;
  position: relative;
}
.solutions-subgroups-new:nth-child(2n) {
  background: #f9f9f9;  
}
.solutions-subgroups-new h4 {
  width: 50%;
  font-size: 14px;
  float: left;
  text-transform: none;
}
.solutions-subgroups-new ul {
  list-style: none;
  float: right;
  margin:0;
  padding:0;
  width: 50%;
}


.solutions-subgroups {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: middle;
  overflow: auto;
  max-height: 4000px;
  -webkit-column-count: 2;
  -webkit-column-gap:   15px;  
  -moz-column-count:    2;
  -moz-column-gap:      15px;
  column-count:         2;
  column-gap:           15px;
  -webkit-column-fill: auto;
  -moz-column-fill: auto;
  column-fill: auto;
}

.solutions-subgroups li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.solutions-subgroups a {
  list-style: none;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}

.solutions-subgroups li:first-child a {

}

.solutions-subgroups li:last-child a {
}

.category-items-solutions .category-item .inner-box-right {
  float: left;
    display: inline-block;
    margin-left: 10px;
    width: 445px;
}
.category-items-solutions .category-item .inner-box-right img {
  width: 100%;
  height: auto;
}

/* Tabs */
.tab-controls {
  display: block;
  border-bottom: 1px solid #CCC;
  margin-bottom: 30px;
  margin-top: 30px;
}
.tab-controls .tab {
  color: #525353;
  cursor: pointer;
  float: left;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    display: inline-block;
    margin: 0;
    padding: 10px 15px;
    font-size: 14px;
}
.tab-controls .tab:first-child {
  border-left: 1px solid #CCCCCC; 
}
.tab-controls .active {
  background: #9cbe3b;
  border-top: 1px solid #9cbe3b;
  border-right: 1px solid #9cbe3b;
  color: #FFF;
}


/* Contact form */
.contact-tabs {
  padding: 30px;
}
.contact-tabs p {
  font-size: 14px;
  margin-top: 10px;
  color: #525353;
}


/* Contact form */
.ask-tab {
  font-size: 12px;
  line-height: 16px;
}
.ask-tab .contact-form label {
    display: block;
    float: none;
    height: auto;
    line-height: inherit;
    color: #525353;
    margin-bottom: 10px;
    width: auto;
}
.ask-tab .error-text {
  display: none;
  color: #FA8072;
  margin-bottom: 10px;
  font-weight: bold;
}
.ask-tab .select-notify .error-text {
  display: block;
}

.ask-tab .message-sent {

}
.ask-tab .contact-form .contact-field {
    width: 238px;
    border: 1px solid #CCC;
    padding: 10px;
}
.ask-tab .contact-form textarea.contact-field {
  width: 346px !important;
  height: 100px !important;
}
.ask-tab .contact-form .name,
.ask-tab .contact-form .company,
.ask-tab .contact-form .email,
.ask-tab .contact-form .phone,
.ask-tab .contact-form .file,
.ask-tab .contact-form .country-select {
  float: left;
  width: 260px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

.ask-tab .contact-form .country-select {
  width: 100%;
}
.ask-tab .contact-form .captcha {
  float: left;
  width: 440px;
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}
.ask-tab .contact-form .captcha img {
  float:right;
}
.ask-tab .contact-form .message {
  float: right;
  width: 368px;
  display: inline-block;
  margin-bottom: 20px;
}



/* Categorypage */
.category-hero-unit {
    background: url("/files/peikko/2014/hero-unit-image.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 315px;
    display:block;
    position: relative;
}
.category-hero-unit .inner-box {
  position: absolute;
  bottom: 0;
  width: 460px;
  padding: 20px 30px;
  background: #FFF;
  background: rgba(255,255,255,0.9);
}
.category-hero-unit .inner-box h1 {
  color: #525353;
  text-transform: uppercase;
  font-size: 24px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  margin-bottom: 10px;
}
.category-hero-unit .inner-box p {
  color: #525353;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.category-hero-unit .download-link {
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
    background: none repeat scroll 0 0 #9CBE3A;
    bottom: 1em;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 10px 20px;
    position: absolute;
    right: 2em;
}

.product-tabs {
  padding: 0 0 30px;
}
.product-tabs .tab-controls {
  margin: 30px;
}

/* Video holder */
.video-holder {
  display: block;
  width: 300px;
  height: 169px;
  margin-bottom: 10px;
}

.videos-listing .video-div {
  display: inline-block;
  float: left;
  width: 50%;
  margin-bottom: 20px;
}
.videos-listing .video-holder {
  margin-right: 10px;
  float: left;
  background-size: cover;
}

.videos-listing .video-wide {
  width: 450px;
  height: 253px;
}

.videos-listing .video-wide:nth-child(2n+1) {
  margin-right: 30px;
}

.videos-listing .video-wide:nth-child(2n) {
  margin-right: 0;
}
.videos-listing .video-div p {
    margin-right: 18px;
}

/* Solutions listing */
/* Solutions */
.solutions-listing,
.group-listing,
.videos-listing {
  width: 100%;
  display: block;
}

.solutions-listing .solution-item, 
.group-listing .solution-item,
.videos-listing .solution-item{
    padding: 30px;
}
.solutions-listing .solution-item:nth-child(2n), 
.group-listing .solution-item:nth-child(2n),
.videos-listing .solution-item:nth-child(2n) {
    background: #f7f7f7;
}
.solutions-listing .solution-item:first-child, 
.group-listing .solution-item:first-child,
.videos-listing .solution-item:first-child {
  padding-top: 0;
}
.solutions-listing .solution-item h3, 
.group-listing .solution-item h3,
.videos-listing .solution-item h3 {
  margin-bottom: 10px;
}

.solutions-listing .solution-item h4, 
.group-listing .solution-item h4,
.videos-listing .solution-item h4 {
  margin-bottom: 10px;
}

.solutions-listing.solutions .solution-item .inner-left,
.group-listing.solutions .solution-item .inner-left {
    float: left;
    margin-right: 15px;
    width: 600px;
}

.solution-item .inner-left .inner-description {
    float: right;
    width: 410px;
}

.solutions-listing.solutions .solution-item .full-width,
.group-listing.solutions .solution-item .full-width {
    float: none;
    margin: 0;
    width: auto;
}
.solutions-listing.solutions .solution-item .inner-left p, 
.group-listing.solutions .solution-item .inner-left p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 18px;
}

.solutions-listing.solutions .solution-item .inner-left ul, 
.group-listing.solutions .solution-item .inner-left ul {
  margin-bottom: 10px;
  padding-left: 2em;
  font-size: 14px;
  line-height: 18px;
}
.solutions-listing.solutions .solution-item .inner-left ol, 
.group-listing.solutions .solution-item .inner-left ol {
  margin-bottom: 10px;
  padding-left: 2em;
  font-size: 14px;
  line-height: 18px;
}

.solutions-listing.solutions .solution-item .inner-right,
.group-listing.solutions .solution-item .inner-right {
    float: right;
    margin-left: 15px;
    width: 300px;
}
.solutions-listing.solutions .solution-item .inner-right ul,
.group-listing.solutions .solution-item .inner-right ul {
    list-style-type: none;
    margin-bottom: 15px;
}
.solutions-listing.solutions .solution-item .inner-right ul li,
.group-listing.solutions .solution-item .inner-right ul li {
  color: #9cbe3b;
  font-size: 14px;
}
.solutions-listing.solutions .solution-item .inner-right ul li.title,
.group-listing.solutions .solution-item .inner-right ul li.title {
  padding: 0 0 6px 0;
}

.solution-image-left {
  width: 175px;
  float: left;
  margin-right: 13px;
  margin-bottom: 13px;
}
/* Products */
.solutions-listing.products .solution-item h3,
.group-listing.products .solution-item h3 {
  color: #9cbe3b;
  /*font-size: 16px;*/
  margin-bottom: 10px;
  text-transform: uppercase;
}
.solutions-listing.products .solution-item h4,
.group-listing.products .solution-item h4 {
  /*font-family:'Eurostile LT W01 Medium', arial, sans-serif;*/
  /*font-size: 16px;*/
  /*font-weight: 100;*/
  color: #525353;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.solutions-listing.products .solution-item .product-item,
.group-listing.products .solution-item .product-item {
  width: 445px;
  margin-right:20px;
  margin-bottom: 20px;
  min-height: 100px;
  display: inline-block;
  vertical-align: top;
}
.videos-listing .solution-item .video-item {
  float: left;
  width: 445px;
  margin-right:20px;
  height: 265px;  
}
.solutions-listing.products .solution-item .product-item a .inner-left,
.group-listing.products .solution-item .product-item a .inner-left {
  width: 130px;
  float: left;
}
.solutions-listing.products .solution-item .product-item a .inner-left img,
.group-listing.products .solution-item .product-item a .inner-left img {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
}
.solutions-listing.products .solution-item .product-item a .inner-right,
.group-listing.products .solution-item .product-item a .inner-right {
  width: 300px;
  margin-left:15px;
  float: right;
}
.solutions-listing.products .solution-item .product-item a .inner-right h4,
.group-listing.products .solution-item .product-item a .inner-right h4 {
  display: block;
  color: #9cbe3b;
  margin-bottom: 10px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.solutions-listing.products .solution-item .product-item a:hover .inner-right h4,
.group-listing.products .solution-item .product-item a:hover .inner-right h4 {
  color: #525353;
}
.solutions-listing.products .solution-item .product-item a .inner-right p,
.group-listing.products .solution-item .product-item a .inner-right p {
  color: #525353;
}

span.readmore {
  color: #9cbe3b;
  font-weight: 600;
  white-space: nowrap;
}




/* Product page */
.product-main {
    padding: 30px;
}
.product-main p {
    color: #525353;
  font-size: 14px;
  line-height: 22px;
  /**font-family: 'Eurostile LT W01 Medium’;**/
  /*font-weight: 100;*/
  margin-bottom: 10px;
}
.product-main ul {
  padding-left: 2em;
  margin: 0 0 10px 0;
}
.product-main ol {
  margin: 0 0 10px 0;
  padding-left: 2em;
}
.product-main ul li, .product-main ol li {
  font-weight: 100;
  color: #525353;
    font-size: 14px;
    line-height: 22px;
}
.product-main .inner-left {
  float:left;
  width: 600px;
  margin-right: 15px;
}

.product-main .inner-left .materials-image {
  margin-bottom: 15px;
}


.product-main .inner-left img {
  max-width: 100%;
  height: auto;
}
.product-main .inner-left h1, 
.product-main .inner-left h2, 
.product-main .inner-left h3, 
.product-main .inner-left h4 {
  margin-bottom: 15px;
}
.product-main .inner-left img.product-image {
  display: block;
  margin-bottom: 15px;
}
.product-main .inner-right {
  float:right;
  width: 300px;
  margin-left: 15px;
}
.product-main .inner-full {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.product-main .inner-right .cta-link {
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
    background: #9CBE3A;
    bottom: 1em;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.product-main .inner-right h4 {
  font-size: 14px;
  color: #525353;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
  margin-bottom: 10px;
}


/* Product group page*/
.group-hero-unit {
  display: block;
  border-bottom: 1px solid #CCCCCC;
  margin: 30px 30px 0;
  padding-bottom: 30px;
  position:relative;
}
.group-hero-unit .inner-left {
  float:left;
  width: 600px;
}
.group-hero-unit .inner-left h1 {
  color: #525353;
  text-transform: uppercase;
  font-size: 24px;
  margin-bottom: 24px;
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
}
.group-hero-unit .inner-left p {
  margin-top: 10px;
  line-height: 18px;
  font-size: 14px;
}

.group-hero-unit .inner-left ul, .group-hero-unit .inner-left ol {
  margin-top: 10px;
  padding-left: 2em;
  font-size: 14px;
  line-height: 18px;
}

.group-hero-unit .download-link {
  font-family:'Eurostile LT W01 Demi', arial, sans-serif;
  text-transform: uppercase;
    background: none repeat scroll 0 0 #9CBE3A;
    top: 1em;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding: 10px 20px;
    position: absolute;
    right: 2em;
}

.group-listing {
  display: block;
  padding: 30px 0 30px;
}


.tab-contents .product-main {
    padding-top: 0;
}



.contact-tabs .salesperson {
    float: left;
    margin-right: 20px;
    width: 445px;
    height: 150px;
}

.contact-tabs .salesperson .extra-info {
  display: block;
  color: #969696;
}
.contact-tabs .salesperson .inner-left {
  width: 160px;
  margin-right:15px;
  float: left;
}
.contact-tabs .salesperson .inner-right {
  float: right;
  width: 270px;
}
.contact-tabs .salesperson .inner-right p {
  font-size: 12px;
  line-height: 16px;
}



/* Photoset */
/* General photoset style */
 .photoset {
  overflow: hidden;
  width: 100%;
}
.photoset .photoset-row {
  margin-bottom: .5rem;
  overflow: hidden;
  width: 150%;
}
  .photoset .photoset-row:last-child { margin: 0; }
.photoset .photoset-item {
  display: block;
  float: left;
  margin: 0 .25rem;
}
  .photoset .photoset-item:first-child { margin-left: 0; }
  .photoset .photoset-item:last-child  { margin-right: 0; }
.photoset figure {
  margin: 0;
  overflow: hidden;
  position: relative;
  -webkit-backface-visibility: hidden; /* To fix webkit 1px rendering bug */
}
.photoset figcaption {
  background-color: rgba(255, 255, 255, .75);
  box-sizing: border-box;
  font-size: .75rem;
  padding: .5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: all .5s ease-in-out;
}
.photoset-item a {
  border: 0;
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.photoset .photoset-item:hover a + figcaption {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.photoset img {
  display: block;
  max-width: 100%;
  transition: all .25s ease-in-out;
}

.lang-lt .frontpage-hero-unit .inner-box h1,
.lang-lt h1, h2, h3, h4, h5, h6,
.lang-lt header nav li a,
.lang-lt .category-items .category-item .inner-box-inner h3,
.lang-lt .tools-for-designers .inner-content h2,
.lang-lt .tab-controls .tab,
.lang-lt,
.lang-hu .frontpage-hero-unit .inner-box h1,
.lang-hu h1, h2, h3, h4, h5, h6,
.lang-hu header nav li a,
.lang-hu .category-items .category-item .inner-box-inner h3,
.lang-hu .tools-for-designers .inner-content h2,
.lang-hu .tab-controls .tab,
.lang-hu {
font-family: Arial !important;
}