* {margin:0;padding:0;outline:0}
html {height:100%;overflow-y:scroll;}
body {text-align:center;font:normal 75% Arial, verdana, Helvetica;line-height:1.2em}
p {color:#000;font-size:1.0em;margin:0 0 0.8em;}
h1 {color:#000;font-size:1.0em;margin:0 0 1.0em;}
h2 {color:#000;font-size:0.9em;margin:0 0 0.8em;}
h3 {color:#000;font-size:1.0em;margin:0 0 0.2em;}
h4 {color:#000;font-size:1.0em;margin:0 0 0em;}
h5 {color:#000;font-size:1.0em;margin:0 0 0.8em;}
h6 {color:#000;font-size:1.0em;margin:0 0 0.8em;}

ul, ol, dl {}

a {text-decoration:none;color:#008563;}
a:hover {}
a img {border:0px solid; text-decoration:none;}
dfn {display:none;}


table {border-spacing:0;border:0;border-collapse:collapse; }
table td {vertical-align:top;}
dfn {display:none;}
input, label ,table, td {font-size:100%;font-family:inherit;}
hr {border:none;border-bottom:1px solid #777;padding:5px 0 0;margin:0 0 5px;}
input,textarea,select {font-family:arial;font-size:1em;color:#2F240D}
input:focus, textarea:focus {background:#feecd2;outline:none}
fieldset {padding:5px;}
legend {font-weight:bold;color:#C04F00;font-size:1.4em;}

/* editori */
img.leftAlign {float:left;margin:0 10px 10px 0}
img.rightAlign {float:right;margin:0 0px 10px 10px}
.small {font-size:0.9em;}
.large {font-size:1.1em;}

/* asettelut */
#pageWrapper {text-align:left;width:967px;margin:5px auto;}
	* html #pageWrapper, * html #contentWrapper, * html #mainContent {height:1%;}
#pageWrapper.wide {}
#pageWrapper.full {}
#contentWrapper {}
#leftContent {width:200px;float:left;min-height:400px;height:auto !important; height:400px;}
	* html #leftContent {margin-right:-3px}
	#leftPadding {}
#rightContent {float:right;width:304px;1}
	* html #rightContent {margin-left:-3px;}
	#rightPadding {}
#mainContent {margin:0 304px 0 200px;}
	* html #mainContent {margin:0 304px 0 197px;}
	#mainContentWidth {width:580px;overflow:auto;overflow-y:visible;overflow-x:hidden;}
	.mainPadding {margin:0 0 0 12px;}
	
/* Header */
#header {height:40px;position:relative}
div.printLogo {display:none;}
#logoLink {display:block; width:130px; height:30px;background: url(images/frontLogo.png) no-repeat 0 0;position:absolute;top:0;left:0;z-index:3}
.slogan {margin:0 0 0 150px;padding:7px 0 0;width:491px;color:#909090;font-size:0.9em; font-weight:bold;text-align:right;}
.welcomeText {float:right;padding:7px 0 0;width:304px}

/* Footer */
#footer {background:url(images/footerBg.png) no-repeat 0 0;clear:both;height:33px;position:relative;}
#footerPadding {padding:0px 30px 5px;text-align:right;font-size:0.9em;color:#444}
#addressBlock {position:absolute;bottom:30px;left:40px;font-size:0.9em}

/* 2Col  Right wide, Left Narrow */
#pageWrapper.rightWide #mainContent {margin-right:0}
	* html #pageWrapper.rightWide #mainContent {margin-right:0;}
	#pageWrapper.rightWide #mainContentWidth {width:740px;}
	#pageWrapper.rightWide #rightContent {display:none}

/* 2Col  Left wide, Right Narrow */
#pageWrapper.leftWide #mainContent {margin-left:0}
	* html #pageWrapper.leftWide #mainContent {margin-left:0;}
	#pageWrapper.leftWide #mainContentWidth {width:647px;}
	#pageWrapper.leftWide #leftContent {display:none}
	
/* 1 Col */
#pageWrapper.full #mainContent {margin-right:0; margin-left:0;}
	* html #pageWrapper.full #mainContent2Col {margin-right:0;margin-left:0;}
	#pageWrapper.full #mainContentWidth {width:auto;}
	#pageWrapper.full #rightContent, #pageWrapper.full #leftContent  {display:none}

/* top navi */
#topNavi {list-style-type:none;}
#topNavi li {float:left;line-height:26px;padding:0 10px;}
#topNavi li a {}

/* Left Navi */
#leftNavi {list-style-type:none;line-height:2.0em;}
#leftNavi li {background:url(images/leftNavi.png) no-repeat 0 0;display:block;vertical-align:bottom;width:100%}
#leftNavi li.first {}
#leftNavi li a {color:#000;padding:0 0 0 20px;display:block;_height:1%;}
#leftNavi li a:hover {color:#0f0;}
#leftNavi li.currentpage, #leftNavi li.activeparent {}
#leftNavi li.currentpage a, #leftNavi li.activeparent a {}
#topNavi li.currentpage.first, #topNavi li.activeparent.first {background-image:none;}
#leftNavi li a.currentpage {}
#leftNavi li.sectionheader {}

/* toinen taso */
#leftNavi ul {line-height:1.2em;margin:0 0 0 10px;list-style-type:none;list-style-image:none;}
#leftNavi li.currentpage li, #leftNavi li.activeparent li {background:none;}
#leftNavi li.currentpage li a, #leftNavi li.activeparent li a {color:#333;font-weight:normal}
#leftNavi ul li {background:none;}
#leftNavi ul li a {padding:2px 0 3px 20px;}
#leftNavi ul li.currentpage {}
#leftNavi ul li a.currentpage {}

/* Left Content */

/* Right Content */
#rightBannerImages {width:125px;float:left;overflow-x:hidden;}
.rightBannerImage {width:125px; height:100px; margin:0 0 9px 0;}
#rightBannerImages img, .rightBox {margin:0 0 10px 0}
.rightBox {cursor:pointer;}

#rightText {width:157px;height:308px;margin-left:147px;_margin-left:144px;overflow:hidden;}
.frontTitle {font-weight:bold;color:#5a5a5a;font-size:0.9em;}
#productLineNavi .frontTitle {padding:4px 0 0 0;margin:0}
#rightText h2.frontTitle  {margin:0 0 0.8em;color:#909090;}
#rightText h2 a {color:#909090;}
#rightText h2 {margin:0 0 0.2em;color:#909090;}

/* news */
.NewsSummary {margin:0 0 9px;}
.NewsSummaryLink {font-size:0.9em;line-height:1.2em;}
.NewsSummaryPostdate {margin:0 0 0.4em 0;font-size:0.8em;color:#000;text-transform:uppercase;}

.ci a {color:#0b6eb2}
.coi a {color:#5c3db4}

/* fc links */
.fcBox {height:12px;margin-left:147px;}
.fcBox a { display:block;float:left;height:12px;width:65px;background-position:0 0;background-repeat:no-repeat;}
.fcBox a:hover {background-position:0 -20px;}
.fcBox a.fc {background-image:url(images/fc.png);}
.fcBox a.tw {background-image:url(images/tw.png);margin-top:1px;}

/* MainContent */
#mainContent ul, #mainContent ol {margin:0 0 10px 30px;}
#mainImageHolder {width:629px; height:321px; overflow:hidden;position:relative;backgound:red;}
#productLineNavi {height:200px;overflow:hidden;}

#professional {background:url(images/proBg2.jpg) no-repeat 0 0;width:305px;height:187px;float:left;margin:0 20px 0 0;}
#custom {background:url(images/customBg.jpg) no-repeat 0 0;width:305px;height:187px;float:left;margin:0 20px 0 0;}
#commercial {background:url(images/commercialBg.jpg) no-repeat 0 0;width:305px;height:187px;float:left;}
#FI #professional {background:url(http://www.genelec.fi/images/proBg2.jpg) no-repeat 0 0;}
#FI #custom {background:url(http://www.genelec.fi/images/customBg.jpg) no-repeat 0 0;}
#FI #commercial {background-image:url(http://www.genelec.fi/images/commercialBg.jpg)}
#SE #professional {background:url(http://www.genelec.se/images/proBg-se.jpg) no-repeat;}
#SE #custom {background:url(http://www.genelec.se/images/customBg-se.jpg) no-repeat;}
#SE #commercial {background-image:url(images/commercialBg.jpg)}
#US #commercial {background-image:url(images/commercialBg.jpg)}
.catLink {display:block;background:url(images/empty.gif);height:187px;}

/* Lomakkeet */
div.formbuilderform div {margin:3px 0 0 170px;_padding-left:170px;display:table;zoom:1.0 !important;zoom:0.0;}
/*html>body div.formbuilderform div { *zoom: 1 }*/
div.formbuilderform div label {width:170px;display:block;float:left;margin:0 0 0 -170px;}
div.formbuilderform div h3, div.formbuilderform div a {margin:0 0 0 -170px;_margin-left:-340px;display:block;}
div.formbuilderform div div {margin:0;_padding-left:0px;_margin-left:-170px;}
div.formbuilderform div div label {width:auto;float:none;display:inline;margin:0;}
div.formbuilderform textarea {width:300px;height:100px;}
div.formbuilderform select {padding:0;margin:0 10px 0 0}
div.formbuilderform select option {padding:0 5px;}
div.formbuilderform .submit {}

/* js tyylit */
p.caption {font-style:italic;font-size:0.9em;color:#555;margin:3px 0 6px;}

/* muut */
.clearB {clear:both;font-size:0em;height:0px;}
#credit {font-size:0.8em;margin-bottom:-10px;width:980px;margin:0;text-align:right;color:#999}
#credit a {}

/* Modal */
#modalBg {background:#fff;opacity:0.5;min-height:100px;_height:100%;position:absolute;width:100%;top:0;left:0;z-index:500}
#box {opacity:0;z-index:200;position:absolute;top:100px;background:#fff;margin:0 auto;}
#contentlist {}
.boxSize {border:5px solid orange;;width:300px;min-height:100px; height:100px;padding:10px;margin:10px;}
#iMask {width:100%;height:100%;position:absolute;top:0;left:0;background:transparent;z-index:500;}
#boxAjax {width:700px;height:300px;background: url(images/greenBackground.png) no-repeat 0 0;z-index:200;overflow:hidden;position:absolute;top:0;left:0;font-family: arial;opacity:0.9;}

#ajaxWindow {width:980px;height:550px;z-index:200;overflow:hidden;position:absolute;top:0;left:0;font-family: arial;opacity:1;background:#eee}
#close {height:20px;width:100px;}

/*Menu */
.col2 {margin-left:140px;}
.col3 {margin-left:280px;}
.top {margin-top:-240px;}

.Closing {z-index:300}
.Opening {z-index:400}

#countries {font-size:1em;margin:10px 0 0 30px;text-align:left;}
#countries a {text-decoration:none;color:#008B6B}
#countries li {float:left;position:relative;list-style-type:none; padding:2px 10px 4px;color:#fff;font-weight:bold; cursor:pointer;_height:1%;}
#countries ul {/* position:absolute;*/top:100%; 
left:0;display:none;margin:0;padding:5px 0 0;max-height:230px;height:230px;overflow-y:auto;background:#fff; position:absolute; font-size:0.9em;}
#countries ul li {float:none;background:#fff;line-height:16px;display:block;padding:0 0px 0 0px;_height:1%}
#countries ul li a {padding:0 20px 0 10px;display:block;width:120px;}
#countries li:hover {background:#fff;color:#008B6B;}
#countries li:hover ul {display:inline;}

/* Footer */
.footerLinks {height:20px;width:963px;margin:0 auto;font-size:0.9em;}
.footerPadding {margin:0 0 0 0px;padding:20px 0 0 0}
.micro {;padding: 0 10px;color:#7f7f7f;float:left;}
.footerLink {padding: 0 7px;display:block;float:left;font-weight:bold;}
.quickSearch {text-align:left;padding:0;}
.microLinks {}
.productSearch {margin-left:660px;}

#search {float:right;width:160px;margin: 0 0;position:relative;text-align:left;height:10px;color:#7f7f7f;}
#search form {float:right;margin:0;padding:0;float:right;vertical-align:top}
#searching {float:right;font-size:1.1em;padding:0;margin:0 0 0;float:right;border:1px solid #ccc;vertical-align:top;width:160px;}

#searchResults {position:absolute;bottom:100%;z-index:65000;left:0px;background:#fff;width:180px;margin: 0 0 0 0;text-align:left;font-size:0em;}
#searchResults ul {margin:0 0 0 0px;padding:0 0 0 0;list-style-type:none;border:1px solid #ccc;}
#searchResults ul li {margin:0;padding:0 0 0 5px;font-size:11em;}
#searchResults a {display:block;font-size:10px;padding:1px 0;margin:0;font-weight:normal;color:#555;}
#searchResults a:hover {color:#1e8b51;cursor:pointer}
#searchResults a span {font-size:9px;color:#7f7f7f}

.spinnerClass {background:url(images/spinner.gif) no-repeat 0 0; height:30px;width:30px;position:absolute;top:100%;right:45px}

/* sbCarousel */
#mainImageHolder.js {}
#mainImageHolder.loading {background:url(images/loading.gif) no-repeat center center;}
#mainImageHolder.js img {z-index:1;top:0;left:0;position:absolute;visibility:hidden;}
#mainImageHolder img.current {z-index:2;border:none;}
#mainImageHolder img.newCurrent {z-index:5;position:absolute;}
ul.naviList {position:absolute;bottom:-5px;left:0;z-index:100;list-style-type:none;margin:0;padding:0;}
ul.naviList li {float:left;padding:3px;border:1px solid #999;margin:0 3px; background:#fff;color:#000;font-weight:bold;}

#sbiFrame {width:100%;height:100%; position:absolute:z-index:50;}