﻿body 
{
    background:#fff;
    font-size:8pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
}
a
{
    outline:none;
    -moz-outline-style:none;
}
input,textarea,select
{
	outline:none;
    -moz-outline-style:none;
    
}
img
{
    border:0px;
}
#mainplate
{
    background:#fff;

    border-top:0px;
    width:800px;
    height:685px;
    position:absolute;
    /*
    left:50%;
    top:50%;
    margin-left:-400px;
    margin-top:-350px;
    */
    z-index:1;
}
.mainplateborder
{
	 border:3px #ececec solid;
	 width:800px;
}
#SiteID
{
    cursor:pointer;   
    width:180px;
    height:95px;
    position:absolute;
    left:10px;
    top:30px;

    z-index:2;
}
.divider5
{
    height:5px;
    font-size:2px;
}
#Copyright
{
    cursor:pointer;   
    width:115px;
    height:14px;
    margin-left:670px;
    z-index:2;
}
.MainLayoutTable td
{
    vertical-align:top;
}
.MainLayoutTable.TopCell
{
    height:370px;
}
.MainLayoutTable.LeftCell
{
    width:320px;
    padding-left:5px;
}
.MainLayoutTable.MiddleCell
{
    width:165px;
}
.MainLayoutTable.RightCell
{
    width:310px;
}
.BigBread
{
 font-size:12pt;
 line-height:23px;
}
.BigBread2
{
 font-size:10pt;
 line-height:18px;
 /*letter-spacing:0.5px;*/
}
.BigBread3
{
 font-size:11pt;
 line-height:20px;
 /*letter-spacing:0.5px;*/
}
.ContentPanel
{
    margin:10px;
}
.Title
{
    font-family:"Arial";
    font-size:24pt;
    letter-spacing:2px;
}
.MenuTable.RightCell
{
    line-height:20px;
}
a:link, a:visited
{
    font-size:10pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
}
a:hover, a:active
{
    font-size:10pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
a:link.MenuOff, a:visited.MenuOff
{
    font-size:10pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
}
a.big:link, a.big:visited
{
    font-size:11pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:none;
}
a.big:hover, a.big:active
{
    font-size:11pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
a:hover.MenuOff, a:active.MenuOff
{
    font-size:10pt;
    color:#666666;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
a:link.MenuOn, a:visited.MenuOn
{
    font-size:10pt;
    color:#2a2a2a;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
a:hover.MenuOn, a:active.MenuOn
{
    font-size:10pt;
    color:#2a2a2a;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
}
.AddressTitle
{
    font-size:10pt;
    font-weight:bold;
    line-height:14px; 
}
.AddressContent
{
    line-height:14px; 

}


sup,
sub {
    font-size:7pt;
	vertical-align: middle;
	position: relative;
	
}
sub { vertical-align:text-bottom; font-size:55%; }
sup { vertical-align:middle; font-size:55%; }

.Reg
{
    letter-spacing:0px;
}
.Reg2
{
    font-size:10pt;
    letter-spacing:0px;

}
.Map
{
    position:absolute;
    top:27px;
    left:298px;
    width:449px;
    height:265px;
    border:2px #d7d7d7 solid;
}
input, textarea, checkbox, select, option
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:8pt;
    color:#666666;
    border:1px solid #d3d3d3;
}
.ContactFormTextBox1
{
    width:230px;
}
.ContactFormTextBox2
{
    width:230px;
    height:30px;
}
.ContactForm
{
    margin-left:20px;
}
.EnvirForm
{
    margin-left:10px;
}
.VertDivider
{
    height:3px;
    font-size:1px;
}
.BoxImage
{
    margin:0px 5px 5px 0px;
}
#ModalBack
{
    border:3px #ececec solid;
    border-top:0px;
    background:#000;

    width:800px;
    height:685px;
    position:absolute;
    left:-3px;
    top:0px;
    /*
    left:50%;
    top:50%;
    margin-left:-400px;
    margin-top:-350px;
    */
    z-index:4;
    width:100%;
    height:100%;
    background:#000;
    
}
#BusinessPanel
{
    background: url(../Images/businesspanel_back.jpg) no-repeat;
    width:600px;
    height:384px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-192px;
    z-index:4;
}
#KnowHowPanel
{
    background: url(../Images/businesspanel_back.jpg) no-repeat;
    width:600px;
    height:384px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-192px;
    z-index:4;
}
#IQInfoPanel
{
    background: url(../Images/iqinfopanel_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
.IQInfo
{
    position:absolute;
    left:40px;
    top:190px;
    width:500px;
    font-size:10pt;
    color:#666666;
}
#ElPanel
{
    background: url(../Images/elpanel_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
.ElInfo
{
    position:absolute;
    left:25px;
    top:190px;
    width:250px;
    font-size:11pt;
    color:#fff;
}
#MaattPanel
{
    background: url(../Images/box_maatt.jpg) no-repeat;
    width:700px;
    height:395px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-350px;
    margin-top:-196px;
    z-index:4;
}
.MaattInfo
{
    position:absolute;
    left:35px;
    top:40px;
    width:400px;
    font-size:11pt;
    color:#666666;
}
#PartnersPanel
{
    background: url(../Images/businesspanel_back.jpg) no-repeat;
    width:600px;
    height:384px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-192px;
    z-index:14;
}
#TradeMarkPanel
{
    background: url(../Images/businesspanel_back.jpg) no-repeat;
    width:600px;
    height:384px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-192px;
    z-index:4;
}
#LightPanel
{
    background: url(../Images/lightpanel_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
.BusinessPanelContent
{
    position:absolute;
    left:250px;
    top:30px;
    font-size:12pt;
}
.PartnersPanelContent
{
    position:absolute;
    left:250px;
    top:30px;
    font-size:12pt;
    line-height:20px;
}
.TradeMarkPanelContent
{
    position:absolute;
    left:250px;
    top:30px;
    font-size:11pt;
    line-height:20px;
}
.Link
{
    cursor:pointer;
}
.CloseButton
{
    position:absolute;
    left:584px;
    z-index:6;
    top:5px;
    cursor:pointer;
}
.CloseButton2
{
    position:absolute;
    left:684px;
    z-index:9999;
    top:5px;
    cursor:pointer;
}
.CloseButton img
{
    cursor:pointer;
}
.PartnersMap
{
    position:absolute;
    left:400px;
    top:20px;
}
.LightDemo
{
    position:absolute;
    left:262px;
    top:66px;
    width:322px;
    height:403px;

}
.LightDemo.DemoOn
{
    z-index:5;
}
.LightInfo2
{
    position:absolute;
    left:265px;
    top:473px;
    width:324px;
    font-size:8pt;
    color:#fff;
}
.LightInfo
{
    position:absolute;
    left:26px;
    top:174px;
    width:324px;
    font-size:11pt;
    color:#fff;
    line-height:22px;
}
h2
{
    margin:0px;
}
#DarkPanel
{
    background: url(../Images/lightpanel_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
.DarkImages
{
    position:absolute;
    left:236px;
    top:68px;
}

#VaagLamellSvall
{
    background: url(../Images/svall_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
#LamellBredd250
{
    background: url(../Images/lamellbredd250_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}

#TraadLamellStril
{
    background: url(../Images/lamellstril_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
#CollectionPanel
{
    background: url(../Images/collectionpanel_back.jpg) no-repeat;
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
#RemoteLightPanel
{
    /*background: url(../Images/collectionpanel_back.jpg) no-repeat;*/
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
#RemoteDarkPanel
{
    /*background: url(../Images/collectionpanel_back.jpg) no-repeat;*/
    width:600px;
    height:644px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-300px;
    margin-top:-330px;
    z-index:4;
}
.CollectionInfo
{
    position:absolute;
    left:320px;
    top:50px;
    width:250px;
    font-size:11pt;
    color:#fff;
}
.CollectionTitle
{
    margin-left:40px;
}
#LoginPanel
{
    background:#fff;
    width:300px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-150px;
    margin-top:-100px;
    z-index:4;
}
.LoginInfo
{
    position:absolute;
    left:30px;
    top:30px;
    font-size:11pt;
}
.CloseLoginButton
{
    position:absolute;
    left:280px;
    cursor:pointer;
    top:10px;
    z-index:6;
}
.LoginButton
{
    position:absolute;
    left:185px;
    cursor:pointer;
    top:107px;
}
.LoginError
{
    font-size:9pt;
    color:#b30a02;
}
/* CSS for the scrollers */
div.horizontal_scroller, div.vertical_scroller{
	position:relative;
	height:20px;
	width:100%;
	display:block;
	overflow:hidden;
	padding-top:5px;
	
}
div.scrollingtext{
	position:absolute;
	white-space:nowrap;
	font-family:'Trebuchet MS',Arial;
	font-size:10px;
	font-weight:bold;
	color:#afafaf;
}.scrollspace{	height:20px;	padding-top:5px;}
