body{
  font:13px/1.231 arial,helvetica,clean,sans-serif;
}
button, .button {
  cursor: pointer;
}
h1, #top-article h2 {
  font-size: 174%;
  line-height: 100%;
}
.highlight {
   color: #03AE4D;
  font-weight: bold;
}
input.invalid {
  border-color: #AF515C;
  background: #FF9090;
  color: #D02D2D;
}

a .thumbnail {
  text-align: center;
}
/********* text ************/
a, #ft, div.content-box-list ul > li > a > span, div.product-list ul > li > a > span:first-child + span span
, .product-name, #search-keyword{
  text-decoration: none;
  color: #666666;
}
a:hover, a.active, #content-article > div a{
  color: #009966;
}
h2 a, h2 a:hover, h2 a.active, div.content-box-small > div > p a, #content-product ul.product-acsr li a{
  color: #000000;
}
div.content-box-list ul > li > a > strong, div.content-box-small > div > p strong
, div.content-box-mid > div > p strong, div.product-list ul > li > a > span:first-child + span strong{
  text-transform: uppercase;
}
#ft, #top-menu > li, div.content-box-small > div, div.content-box-list ul > li, div.product-list, #content-product li
, #content-product dl, #search-keyword, a.language{
  font-size: 11px;
}
div[class|="content-box"] > h1, div[class|="content-box"] > h2, #content-article > h1, #content-product > h4, div.content-box-search legend{
  font-weight: bold;
}
input, select{
  background-color: #F7F7F7;
}
div.content-box-small > div > p:first-child, div.content-box-mid > div > p:first-child, .content-box-landing div.picture
, #content-article div.main-picture, .product-image {
  text-align: center;
}

/**********Layout*************/
#custom-doc { width:70.77em;*width:69.06em;min-width:920px; margin:auto; text-align:left; }
#ft, div.product-list, #content-product > *, #country-list{
  clear: both;
}
#hd, #ft, #content-article > h1, div[class|="content-box"], input, select, a.btn, #content-product .thumbnails img.select, .active img {
  border: 1px solid #D6D6D6;
}
div.content-box-list ul > li, div.product-list ul > li:first-child
, #content-product > ul[class|="product"] > li:first-child, #content-product div.product-detail, #content-product > dl
, #content-article > ul.attachments > li:first-child, #content-product > ul.content-nav + div{
  border-top: 1px solid #D6D6D6;
}
div[class|="content-box"] > h1, div[class|="content-box"] > h2, div.content-box-list.expanded > h2, div.content-box-search legend
, div.product-list ul > li, #content-product > ul[class|="product"] > *, #content-product > dl[class|="product"] > dd
, #content-product > div[id|="product"], #content-article > ul.attachments > li{
  border-bottom: 1px solid #D6D6D6;
}
div.content-box-list > ul > li:first-child, div.content-box-list > h2, #content-product #product-standard{
  border: none;
}
#hd, #content-article, div[class|="content-box"] > div{
  position: relative;
}
#top-menu > li > a, div.content-box-small > div > p.nav-ads > span
, div.content-box-small > div > p.nav-ads > a, div.content-box-list ul > li > a
, div.content-box-list > h2 > a, div.product-list ul > li > a, div.product-list ul > li > a > span
, div.content-box-list ul > li > a > strong, div.content-box-small > div > p strong
, div.content-box-mid > div > p strong, div.product-list ul > li > a > span:first-child + span strong
, ul.content-nav > li > a, #content-product > ul[class|="product"] > li span, ul.product-acsr > li > a
, .product-desc dt, #content-article > ul.attachments > li > a{
  display: block;
}
#top-menu > li, ul.content-nav > li{
  display: inline;
}
#top-menu > li > a, div.content-box-main > div > p, div.content-box-main > div > div, .product-desc dt
, div.content-box-small, div.product-list ul > li > a > span, #content-product > ul[class|="product"] > li span{
  float: left;
}
#search-submit, ul.content-nav > li > a{
  float: right;
}
div[class|="content-box"], div[class|="content-box"] > div, div.content-box-main > div > p
, div.content-box-small > div > p:first-child, div.product-list ul > li > a, div.content-box-main > div > div
, div.product-list ul > li > a > span:first-child, div.content-box-list ul > li > a, div.main-picture{
  overflow: hidden;
}
#ft, #content-article > h1, div[class|="content-box"] > h1, div[class|="content-box"] > h2
, div.content-box-small > div > p:first-child + p, div.content-box-mid > div > div
, div.content-box-small > div.contact-us > p, div.content-box-search legend{
  padding: 6px 8px;
}
div.content-box-small #contact-us p > *, a.btn{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

/**********header****************/
#hd{
  background: url(/ferno/frontend/elements/design/background/header-bg.gif) no-repeat bottom left;
  height: 98px;
}
#top-logo{
  display: table-cell;
  height: 98px;
  padding-left: 10px;
  vertical-align: middle;
}
#top-menu{
  position: absolute;
  right: 0;
  bottom: 0;
}
#top-menu > li > a{
  background: url(/ferno/frontend/elements/design/background/top-menu-line.jpg) no-repeat bottom left;
  padding: 7px 10px;
}
a.language {
  float:right;
  padding:5px 10px;
}
/***********Content**************/
#bd{
  padding-top: 10px;
}
#main-content{
  width: 610px;
}
div.text {
  padding: 0.6em;
}
div[class|="content-box"]{
  margin-bottom: 10px;
}
div[class|="content-box"] > h1, div[class|="content-box"] > h2, #content-article > h1, #search-keyword, a.btn, input.btn-submit{
  background: url("/ferno/frontend/elements/design/background/box-header-bg.gif") repeat-x left bottom;
}
div.content-box-main > div{
  /*height: 288px;*/
}
div.product-image{
  line-height: 0;
}
div.content-box-main > div, div.content-box-mid > div > p:first-child{
  background: url(/ferno/frontend/elements/design/background/box2-content-bg.gif) repeat-y top left;
}
div.content-box-main > div > div:first-child{
  width: 100%;
  clear: both;
}
div.content-box-main > div > div:first-child + div{
  margin:3% 2%;
  padding:0;
  width:96%;
  clear: both;
}
div.content-box-small{
  width: 298px;
}
div.content-box-small.even{
  margin-left: 10px;
}
div.content-box-small > div{
  height: 178px;
}
div.content-box-small > div > p:first-child, div.content-box-small > div.contact-us, div.content-box-search
, div.content-box-list ul > li{
  background: url(/ferno/frontend/elements/design/background/box1-content-bg.gif) repeat-y top left;
}
div.content-box-small > div.contact-us > p:first-child{
  height: auto;
  text-align: left;
}
div.content-box-small #contact-us{
  position: absolute;
  right: 0;
  bottom: 0;
}
div.content-box-small #contact-us > p{
  padding: 0 30px 10px 0;
  text-align: right;
}
div.content-box-small #contact-us > p.highlight{
  padding-bottom: 5px;
}
/*
div.content-box-small #contact-us p > *{
  width: 170px;
}
*/
div.content-box-small #contact-us p > input.btn-submit{
  width: 100px;
}
div.content-box-small > div > p:first-child{
  height: 140px;
}
div.content-box-small > div > p.nav-ads > span {
  width: 195px;
}
div.content-box-small > div > p.nav-ads > a{
  margin: 0 8px 10px 0;
  padding: 1px 12px;
  position: absolute;
  right: 0;
  bottom: 0;
}

#main-content .product-text {
  text-align: left;
  padding: 0.6em;
}
.product-text a {
  display: block;
  height: 100%;
}

/********right menu************/
div.content-box-search legend {
  background: url("/ferno/frontend/elements/design/background/box-header-bg.gif") repeat-x left top;
  width: 100%;
}
#prod-search p{
  padding: 9px;
}
#search-keyword{
  height: 19px;
  width: 226px;
  padding: 6px 5px 4px;
}
#search-submit{
  background: url(/ferno/frontend/elements/design/background/search-btn.gif) no-repeat top left;
  height: 31px;
  width: 33px;
  border: 1px solid #D6D6D6;
}
#search-submit span, .hidden {
  display: none;
}
/*
#catalog-menu li a {
  background: url(/ferno/frontend/elements/design/background/arrow_gray.png) 5% 50% no-repeat;
  padding-left: 4em;
  line-height: 27px;
}
#catalog-menu li a:hover, #catalog-menu li a.active, #catalog-menu li a:active {
  background: url(/ferno/frontend/elements/design/background/arrow_green.png) 5% 50% no-repeat;
}
#catalog-menu li a.loading {
  background: url(/ferno/frontend/elements/design/background/ajax-loader.gif) 5% 50% no-repeat;
}
#catalog-menu h2 a.loading {
  background: url(/ferno/frontend/elements/design/background/ajax-loader.gif) 95% 50% no-repeat;
}
.sub-category ul {
  margin-left: 3em;
}
.sub-category ul li {
  border: 0 none;
}
*/

div.content-box-list > h2 > a{
  background: url(/ferno/frontend/elements/design/background/arrow_up.png) no-repeat right 50%;
}
div.content-box-list.expanded > h2 > a{
  background-image: url(/ferno/frontend/elements/design/background/arrow_down.png);
}
div.content-box-list.expanded > h2 > a.loading, div.content-box-list > h2 > a.loading{
  background-image: url(/ferno/frontend/elements/design/background/ajax-loader.gif);
}

div.content-box-list li > a{
  background-image: url(/ferno/frontend/elements/design/background/arrow_gray.png);
  background-repeat:no-repeat;
  padding: 3px;
  height: 27px;
}
div.content-box-list li > a:hover, div.content-box-list li.expanded > a, div.content-box-list li > a.active{
  background-image: url(/ferno/frontend/elements/design/background/arrow_green.png);
}
div.content-box-list li > a.loading, div.content-box-list li.expanded > a.loading{
  background-image: url(/ferno/frontend/elements/design/background/ajax-loader.gif);
}
div.content-box-list li > a{
  background-position: 10px 50%;
  padding-left: 50px;
}
div.content-box-list li li > a{
  background-position: 50px;
  padding-left: 90px;
}
div.content-box-list li li li > a{
  background-position: 90px;
  padding-left: 130px;
}
div.content-box-list li li li li > a{
  background-position: 130px;
  padding-left: 170px;
}

/**********product-list ***********/
div.product-list{
  padding: 0px 0px 10px 0px;
}
div.product-list ul > li{
  background: url(/ferno/frontend/elements/design/background/top-menu-line.jpg) 120px bottom no-repeat;
}
div.product-list ul > li > a{
   min-height: 60px;
}
div.product-list ul > li > a, #content-product > ul[class|="product"] > li > a, #content-article > ul.attachments > li > a{
  padding-right:50px;
  background: url(/ferno/frontend/elements/design/background/arrow_gray_left.png) no-repeat right 50%;
}
div.product-list ul > li > a:hover, #content-product > ul[class|="product"] > li > a:hover, #content-article > ul.attachments > li > a:hover{
  background: url(/ferno/frontend/elements/design/background/arrow_green_left.png) no-repeat right 50%;
}
div.product-list ul > li > a > span:first-child{
  width: 120px;
  height: 100%;
  min-height: 60px;
  margin: 0;
}
div.product-list ul > li > a > span:first-child + span{
  margin-top: 16px;
}
div.product-list ul > li > a > span{
  margin: 0 0 0 20px;
  width: 410px;
}
div.product-list span.product-description{
  height: 13px;
  overflow: hidden;
}
.product-name{
 font-size:1.2em;
 font-weight:bold;
}

/**********article***************/
#content-article > div, #content-product > ul[class|="product"], #content-article > ul.attachments{
  padding: 10px 0;
}
#content-article > ul.content-nav{
  position: absolute;
  top: 0;
  right: 0;
}
#content-article > ul.content-nav > li > a{
  margin: 11px 11px 0 0;
}
#content-article div.main-picture > img{
  margin: 10px 0;
}

/**********article list*************/
#bd-under div.content-box-list ul > li{
  background: url(/ferno/frontend/elements/design/background/box3-content-bg.jpg) repeat-y top left;
}

/**********footer****************/
#ft{
  background: url("/ferno/frontend/elements/design/background/box-header-bg.gif") repeat-x left bottom;
  text-align: right;
}

/**********product**************/
#content-product > ul.content-nav > li > a{
  margin: 0 0 10px 11px;
}
#content-product > h4, #content-article > h5{
  margin-top: 30px;
}
#content-product > ul[class|="product"] > li > a, #content-article > ul.attachments > li > a{
  padding: 6px 50px 6px 3px;
}
#content-product div.product-detail, .product-desc > *{
  padding: 6px 3px;
}
.product-desc > dt{
  padding-right: 0px;
}
.product-desc > dd{
  padding-left: 0px;
}
#content-product > ul[class|="product"] > li span, .product-desc dt{
  width: 150px;
}
#content-product > dl{
  margin-top: 10px;
  padding-bottom: 10px;
}
#product-image {
  text-align: center;
  padding: 0;
}
.media-caption-text {
  display: block;
  text-align: left;
  padding: 0.6em;
}
.heading-text {
  margin-bottom: 1.2em;
  font-weight: bold;
}
p.product-std span.icon-std{
  background: url(/ferno/frontend/elements/design/background/icon-std.png) no-repeat top left;
  display: inline-block;
  height: 80px;
  overflow: hidden;
  margin-left: 30px;
  line-height: 200px;
}
p.product-std span.icon-std:first-child{
  margin-left: 0;
}
p.product-std span.ce{
  width: 70px;
}
p.product-std span.ece{
  width: 50px;
  background-position: -70px 0px;
}
p.product-std span.sae{
  width: 115px;
  background-position: -120px 0px;
}
p.product-std span.en1789{
  width: 67px;
  background-position: -235px 0px;
}
p.product-std span.en1865{
  width: 68px;
  background-position: -302px 0px;
}
#product-image .not-img{
  text-align:center;
  padding: 20px 0;
  display:block;
}
#content-product .thumbnails{
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#content-product .thumbnails img{
  margin: 5px 5px 5px 0;
  padding:5px;
}
#content-product .thumbnails img.select{
  padding: 4px;
}
#content-product > div.text{
  padding: 0.6em 3px;
}
/* Landing Page */
#search-form {
  float: right;
  position: relative;
  width: 31%;
  right: 14px;
  top: 25px;
}
#search-form #prod-search p {
  padding: 9px 9px 0px 0px;
}
#search-form legend {
  font-weight: bold;
}

#country-list li {
  float: left;
  display: inline;
  width: 45%;
  margin: 0px 0px 12px 12px;
}
#country-list a {
  display: block;
  line-height: 100%;
}
.flag {
  padding: 0.2em;
  border: 1px solid #d3d3d3;
  margin-right: 7px;
  vertical-align: middle;
}
#map {
  width: 298px;
  height: 410px;
  overflow: hidden;
  display: block;
}
/*
#map.dk img {
  margin-top: -410px;
}
#map.ee img {
  margin-top: -820px;
}
#map.fi img {
  margin-top: -1230px;
}
#map.is img {
  margin-top: -1640px;
}
#map.lv img {
  margin-top: -2050px;
}
#map.lt img {
  margin-top: -2460px;
}
#map.no img {
  margin-top: -2870px;
}
#map.se img {
  margin-top: -3280px;
}
*/
#category-product-list {
  border: 0 none;
}
#category-product-list h1 {
  border: 1px solid #D6D6D6;
}
#category-product-list .category-detail {
  background: transparent none;
}
/* Default properties for WYSIWYG content */
/* base.css, part of YUI's CSS Foundation */
.text {
  line-height: 1.8em;
}
.text h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
.text h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
.text h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
.text h1,.text h2,.text h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
.text h1,.text h2,.text h3,.text h4,.text h5,.text h6,.text strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
.text abbr,.text acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
.text em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
.text blockquote,.text ul,.text ol,.text dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
.text ol,.text ul,.text dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
.text ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
.text ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
.text dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
.text th,.text td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
.text th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
.text caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
.text p,.text fieldset,.text table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}