html, body {
height: 100%;
margin: 0;
padding: 0;
}
body {
font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
background: #0066b4 url(/norpe/cms.nsf/bg_main.gif) repeat-y top center;
text-align: center;
color:#393a3d;
}
td {
font: 12px/1.5em Verdana, Arial, Helvetica, sans-serif;
color:#393a3d;
}
H1 {
font-size: 1.8em;
font-style: normal;
font-weight: normal;
line-height:1.1em;
}
.updated {
font-style:italic;
color:#555;
font-size:11px;
}
#content_products h1 {
font-size: 1.8em;
font-style: normal;
font-weight: normal;
line-height:1.1em;
}
#content_index h1, h1.startingline, #content_products h1.startingline {
display:inline;
font-size: 1.8em;
font-style: normal;
font-weight: normal;
line-height:1.1em;
text-transform:uppercase;
color:#e87b1c;
}
H2 {
font-size: 1.25em;
font-style: normal;
font-weight: bold;
}
H3 {
font-size: 1.25em;
font-style: normal;
font-weight: bold;
}
.newsdate{
font-size: xx-small;
font-style: normal;
font-weight: bold;
}
.boxheading{
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #ccc;
}
.pageheading{
font-size: x-small;
font-style: normal;
font-weight: bold;
color: #000000;
}
.mainheader{
font-size: 18px;
font-style: italic;
font-weight: bold;
}
.printheader{
font-size: 11px;
font-style: normal;
}
.printfooter{
font-size: 11px;
font-style: normal;
}
/* Linkkien tyylit */
a {
font-style: normal;
text-decoration: none;
color: #1D5798;
}
a:visited {color: #79818B}
a:active{color: #79818B}
a:hover {text-decoration: underline;}
a.noch:visited {color: #1D5798}
a.noch:active{color: #1D5798}
/* containers */
div.clearit { clear: both }
#indexcontainer {
position: relative;
width: 960px !important;
margin: 0 auto;
top: 0;
background: #transparent;
text-align: left;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}
#container {
position: relative;
width: 960px !important;
margin: 0 auto;
top: 0;
background: #transparent;
text-align: left;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}
#siteheader {
height: 90px;
margin:0;
padding: 0;
}
#headerflash {
float:left;
margin-left:23px;
}
#content, #content_index, #content_products {
margin:0;
padding: 20px 0 48px 20px;
background: transparent url(/norpe/cms.nsf/bg_fadecontent.gif) repeat-x top left;
}
#container-foot {
width: 100%;
background: #e5f5fd;
position: absolute;
bottom: 0 !important;
bottom: -1;
height: 40px;
}
#sitefooter {
text-align: left;
font: normal xx-small arial, verdana, sans-serif;
border-top: 1px solid #cee5f1;
padding:0;
}
#infoboxheading {
border:1px solid #ddd;
background:#ddd;
width:100%;
padding:4px;
margin-top:5px;
font:bold 12px Arial,Geneva,Helvetica,sans-serif;
color:#0B3D6D;
}
#searchboxheading {
border:0;
background:#0063a3;
width: 217px !important;
width: 240px;
width/**/:/**/240px;
padding:4px;
padding-left:19px;
margin-top:0;
font: 14px Verdana, Arial,Geneva,Helvetica,sans-serif;
color:#fff;
}
#searchboxcontent {
float:right;
border:0;
background:transparent;
padding:0;
margin:10px;
color:#fff;
text-align:right;
font-size:11px;
}
#searchboxcontent a {color:#fff}
#searchboxcontent form {
padding:0;
margin:0 0 33px 0;
}
#searchboxcontent input {
border:1px #687E87 solid;
font:11px Arial, sans-serif;
color:#000000;
width:160px;
}
#subnavigation {
border:1px solid #fff;
background:transparent;
width: 190px !important;
width: 200px;
width/**/:/**/200px;
padding:4px;
margin:0px
}
#news {
width:100%;
padding: 0;
}
.mainnewsitem {
background: #fff url(/norpe/cms.nsf/bg_newsfade.gif) repeat-x top left;
padding:5px 0 0 5px;
margin: 0 0 10px 0;
}
.mainnewsitem img {
float:right;
margin-left:4px;
margin-top:-5px
}
#news span.header {
display:block;
width:100%;
padding: 2px 0 2px 7px;
height:23px;
background-color:#617fa1;
font-size: 11px;
font-weight: bold;
margin-bottom:4px;
}
#news a {text-decoration:none}
#news a:hover {text-decoration:none}
#news h3 {
font-size: 1.5em;
font-style: normal;
font-weight: normal;
text-transform:uppercase;
color:#e87b1c;}
#productselector h3 {
font-size: 1.5em;
font-style: normal;
font-weight: normal;
text-transform:uppercase;
color:#e87b1c;}
#tabs {
background: #fff url(/norpe/cms.nsf/bg_tabline.gif) repeat-x top left;
width:608px;
height:28px;
}
#innertabs {
background: #fff url(/norpe/cms.nsf/bg_tabline.gif) repeat-x top left;
width: 904px !important;
width: 902px;
width/**/:/**/902px;
height:28px;
}
#innertabs a {
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform:uppercase;
color:#0063a3;
}
#tabs {
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform:uppercase;
color:#0063a3;
}
#remotetab, #plugintab, #storetab {
text-align:center;
display:block;
width: 159px !important;
width: 166px;
width/**/:/**/166px;
height:28px;
float:left;
padding: 5px 0 0 0;
}
#remotetab2, #plugintab2, #storetab2 {
text-align:center;
display:block;
width: 199px !important;
width: 205px;
width/**/:/**/205px;
height:28px;
float:left;
padding: 5px 0 0 0px;
}
.active {
background: transparent url(/norpe/cms.nsf/bg_tab.gif) no-repeat top left;
color:#393a3d;
}
.active2 {
background: transparent url(/norpe/cms.nsf/bg_tab2.gif) no-repeat top left;
color:#393a3d;
}
#plugin, #remote, #store {
display:none;
width: 588px !important;
width: 608px;
width/**/:/**/608px;
background: transparent url(/norpe/cms.nsf/bg_producttabs.gif) no-repeat top left;
padding: 15px 0 0 20px;
}
#plugin a, #remote a, #store a {
display:block;
margin-bottom:5px;
}
#plugin .prodtitle, #remote .prodtitle, #store .prodtitle {
color:#393a3d;
font-weight:bold;
}
#sitesearch {
background:transparent;
padding:8px 0 8px 8px;
margin:0;
float:left;
}
#contactinfo {
background:transparent;
font-size:12px;
color:#0063a3;
padding:8px 0 8px 270px;
margin:0;
float:left;
}
#footerlinks {
float:right;
padding:12px 8px 0 0;
}
#flags {
display:none;
position:absolute;
right:10px;
width: 348px !important;
width: 364px;
width/**/:/**/364px;
height:60px;
background: transparent url(/norpe/cms.nsf/bg_flagselection.gif) no-repeat top left;
padding:4px 0 0 16px;
margin-top:5px;
float:left;
font-size:11px;
line-height:11px;
z-index:99;
}
#subflags {
width:321px;
height:32px;
background: transparent url(/norpe/cms.nsf/bg_flags2.gif) no-repeat top left;
padding:9px 0 0 16px;
margin-top:20px;
float:left;
}
#productlist {
width: 902px !important;
margin:0;
padding:0;
background: transparent url(/norpe/cms.nsf/bg_grid.gif) repeat-y top center;
border-left:1px solid #393a3d;
border-right:1px solid #393a3d;
}
#productlist .productitem {
width: 260px !important;
width: 300px;
width/**/:/**/300px;
height:300px;
float:left;
padding:0 20px 0 20px;
margin-top:20px;
border-bottom:1px solid #b0b0b1;
}
#productlist .productimage {
height:186px;
}
#productlist h2{
display:inline;
font-size: 1.5em;
font-style: normal;
font-weight: bold;
color:#393a3d;
}
.orange {
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform:uppercase;
color:#e87b1c;
display:block;
width:136px;
height:28px;
float:left;
padding: 5px 0 0 7px;
}
.prodcol {
margin-right:15px;
width:270px;
float:left;
}
#newslist a {
display:block;
margin-bottom:5px;
}