html, body { height:100%; }

body { background:#f3f7f4 url(/stc/img/bg_body.gif) repeat-y 50% 0 ; margin:0 ; padding:0 ; font-family:Verdana, 'Trebuchet MS', Helvetica, sans-serif ; font-size:67% ; text-align:center ; }
body.twoColumns { background:#f3f7f4 url(/stc/img/bg_body_2cols.gif) repeat-y 50% 0 ; }

img { border:0}

 /* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; }
p { line-height:1.6 ; }
.nomar { margin:0 !important ; }

.u4-image-caption { }

a#en_GB { background:url(/stc/img/flag_en.gif) no-repeat top left ; display:block ; width:54px ; height:29px ; margin:10px auto ; }
a#fi_FI { background:url(/stc/img/flag_fi.gif) no-repeat top left ; display:block ; width:54px ; height:35px ; margin:10px auto ; }
a#sv_SE { background:url(/stc/img/flag_se.gif) no-repeat top left ; display:block ; width:54px ; height:35px ; margin:10px auto ; }

 /* applies to paragraphs, lists, you name it */
#siteBody { }
#siteBody li p { line-height:1 ; }

 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#4576ac ; } 
a:hover { text-decoration:none ; }
a.external { }

h2,h3,h4,h5 { }
h2 { font-size:1.4em ; margin-top:0 ; }
h3 { font-size:1.2em ; background:#47b8cf ; color:#fff ; padding:3px 5px ; }
h4 { font-size:1.1em ; }
h5 { font-size:1.0em ; }

/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList li { margin:0 ; padding:0 ; }

 /* layout + columns */
 /*******************************
  #site: site container
  #siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
  #left, #middle, #right: layout columns, .column to reduce redundancy
   \     `-navigo:content
    `#docNavi
  #top: logo, top image (if applicable), #supportNavigation, #topNavi
  #footer: navigo-cms, footer slot
 *******************************/	

/* change margin:0 auto to margin:0 to have site aligned to left */
#site { margin:0 auto ; padding:0 ; width:950px ; min-height:100% ; text-align:left ; position:relative ; }
* html #site { height:100% ; }

#siteBody { clear:both ; text-align:left ; padding-bottom:50px ; }
.columns { float:left ; }
#left { width:160px ; margin-left:5px ; display:inline ;  }
#leftColContent { color:#666 ; font-size:0.9em ; }
#leftColContent h4 { font-size:1.3em ; }
body.twoColumns #middle { width:770px ; }
#middle { width:600px ; margin-left:10px ; overflow: hidden;}
#right { width: 160px ; margin-left: 10px ; overflow: hidden;}

#footer { position:absolute ; bottom:0 ; width:940px ; padding:3px 5px ; height:18px ; background:#fff ; border-top:1px solid #dfe1e4 ; font-size:11px ; color:#666 ; margin-top:50px ; }
#footer.editMode { position:relative ; }

/* do not change ; always the same (unless logo/type is NOT on white bg) */
div#navigoCMS { font:10px Verdana, sans-serif ; color:#c7c9c8 ; position:absolute ; right:0 ; top:5px ; height:18px ; background:#fff ; width:170px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top { background:url(/stc/img/bg_top.gif) repeat-x bottom left ; height:86px ; position:relative ; }
body.twoColumns #top { background:url(/stc/img/bg_top_2cols.gif) repeat-x bottom left ; }

/* #top h1 { width:110px ; height:64px ; position:absolute ; left:31px ; top:11px ; margin:0 ; padding:0 ; background:url(/stc/img/bg_logo.gif) no-repeat top left ; } */
   	
#top h1 { width:165px ; height:76px ; position:absolute ; left:5px ; top:0px ; margin:0 ; padding:0 ; background:url(/stc/img/bg_logo.gif) no-repeat center center; }

#top h1 a { display:block ; width:110px ; height:64px ; } /* needs width & height same as h1 (logo) */
#top h1 a span { display:none ; }
#supportNavi { float:right ; font-size:11px ; }
#supportNavi form#searchForm { display:block ; float:left ; background:url(/stc/img/bg_search.gif) no-repeat bottom left ; margin:0 5px 0 0 ; padding:3px ; width:150px ; height:40px ; font-size:12px ; }
form#navigo-site-login { margin:0 ; padding:3px ; float:left ; font-size:10px ; width:170px ;  }
form#navigo-site-login label { float:left ; color:#666 ; clear:left ; width:55px ; }
form#navigo-site-login input.txt { font-size:10px ; float:right ;}
form#navigo-site-login input.sbm { font-size:10px ; float:right ; }
#supportNavi label { font-weight:bold ; display:block ; height:20px ; }
#supportNavi label a { float:none ; }
#supportNavi input.txt { padding:0px 3px ; background:#fff ; border:1px solid #eee ; font-family:'Trebuchet MS', Helvetica, Arial ; color:#666 ; width:100px ; font-size:12px ; display:block ; float:left ; }
* html #supportNavi input.txt { margin-top:3px ; }
#supportNavi input.sbm { background:none ; border:none ; font-family:'Trebuchet MS', Helvetica, Arial ; color:#4576ac ; padding:0 ; margin:0 ; font-size:12px ; }
#supportNavi li { float:left ; color:#4576ac ; }
#supportNavi a { display:block ; float:left ; text-decoration:none ; padding:0px 5px ; font-size:11px ; }
#supportNavi li span { display:block ;} /* span only required if links require two overlaid background images */
#supportNavi li.textSize a { }

/* navigation */
#topNavi { position:absolute; left:192px ; bottom:10px ; height:22px ; overflow:hidden ; }
#topNavi li { float:left ; }
#topNavi li a { display:block ; float:left ; padding:4px 0 0 0 ; margin:0 2px 0 0 ; width:140px ; height:22px ; text-align:center ; text-decoration:none ; color:#fff ; text-transform:uppercase ; font-weight:bold ; }
* html #topNavi li a { height:1% ; }
#topNavi li a.act { color:#ffea00 ;  }

a#n1 { background:url(/stc/img/navi/n1.gif) no-repeat top left ; }
a#n2 { background:url(/stc/img/navi/n2.gif) no-repeat top left ; }
a#n3 { background:url(/stc/img/navi/n3.gif) no-repeat top left ; }
a#n4 { background:url(/stc/img/navi/n4.gif) no-repeat top left ; }

a#n1:hover { background:url(/stc/img/navi/n1_over.gif) no-repeat top left ; }
a#n2:hover { background:url(/stc/img/navi/n2_over.gif) no-repeat top left ; }
a#n3:hover { background:url(/stc/img/navi/n3_over.gif) no-repeat top left ; }
a#n4:hover { background:url(/stc/img/navi/n4_over.gif) no-repeat top left ; }

#docNavi { background:url(/stc/img/navi/leftNavi_top_bg.gif) no-repeat top left ; min-height:95px ; }
#docNavi ul { background:url(/stc/img/navi/leftNavi_bottom_bg.gif) no-repeat bottom left ; min-height:176px ; padding:0 0 34px 0 ; position:relative ; }
#docNavi ul ul { background:none ; min-height:0 ; padding:0 ; position:relative ; }
#docNavi li { display:inline ; position:relative ; } /* without inline declaration ie box model bug kicks in, adding spaces between the li's */
#docNavi li a { display:block ; color:#fff ;  text-decoration:none ; padding:5px 10px ; font-weight:bold ; }
#docNavi li a:hover { color:#f8f8e0 ; }
#docNavi li a.act { color:#ffea00; } 
#docNavi li li a { padding:2px 5px 2px 20px ; font-weight:normal ; position:relative ; background:none ;  }
#docNavi li li li a { } /* add more as needed... */
* html div#docNavi ul { height:176px ; }
* html div#docNavi ul ul { height:auto ; }
* html div#docNavi ul a { height:1% ; }
* html div#tuoteLuettelo a { height:1% ; }

#tuoteLuettelo{}
#tuoteLuettelo { position:relative ; background:#0d81a6 url(/stc/img/navi/bg_tuoteLuettelo_bottom.gif) no-repeat bottom left ; padding:0 0 10px 0 }
#tuoteLuettelo h2 { color:#fff ; font-size:1.2em ; margin: 0 0 5px 0 ; padding:3px 5px ; background:#006176 url(/stc/img/navi/bg_tuoteLuettelo_top.gif) no-repeat top left ; }
#tuoteLuettelo li { display:inline ;  }
#tuoteLuettelo li a { display:block ; margin:0 ; font-size:1.1em ; padding:3px 5px ; font-weight:bold ; color:#fff ; text-decoration:none ; border-bottom:1px solid #006176 ; border-top:1px solid #59A3BF ; }
#tuoteLuettelo li li a { font-weight:bold ; padding:2px 5px 3px 10px ; font-size:0.9em ; margin-top:1px ; border-top:none ; border-bottom:1px solid #0F6D92 ; }
#tuoteLuettelo li li li a { font-weight:normal ; font-size:0.9em ; padding:1px 3px 2px 13px ; margin-top:1px ; border:none ; }
#tuoteLuettelo li a.act, #tuoteLuettelo li a:hover { background:#0b7799 ; }
#tuoteLuettelo li li li a.act {  color:#ffea00 ; }

#topImg { margin:0 0 5px 0 ; padding:0 ; }
#topImg img { margin:0 ; padding:0 ; display:block ; }

#breadcrumb { font-size:0.9em ; color:#666 ; padding:3px 0 ; }
#breadcrumb a { color:#666 ; text-decoration:none ; }
#breadcrumb a:hover { color:#999 }
#breadcrumb a.active { font-weight:bold ; }

 /* content elements */
 /* news list */
.newsList { }
.newsList h5.odd { background:#fafafa ; }
.newsList h5 { color:#333 ; font-weight:normal ;   padding:5px ; margin:0 ; }
.newsList h5 a { color:#333 ; text-decoration:none ; }
.newsList h5 a:hover { color:#666 ; }
.newsList span.readMore { color:#600 ; }

 /* news document */
.newsSummary { }

 /* highlight element */
.highLight { border:5px solid #4576ac ; padding:5px ; }
.highLight h3 { margin-top:0 ; padding-top:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; } 

 /* 2col */
.columnContainer { }
.columnContainer h3 { margin-top:0 ; }
.columnContainer .columns { width:295px ; margin-right:10px ; } 
.columnContainer.editMode .columns { width:293px ; }
.columnContent { width:auto ; }

 /* tables */


/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}

.editmode table { border:1px solid #ddd ; }
.editmode table td { border:1px solid #ddd ; }

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0 ; }
.u4-table-default td { }
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff ; url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }

.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}

.u4-table-complete-header td {background:#47b8cf; color: #fff; font-weight: bold;}


 /* sitemap */

.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }


.depth0 { padding-left:25px ; background-position:5px center ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px center ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px center ; width:245px ; } 
.depth3 { padding-left:70px ; background-position:50px center ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px center ; width:215px ; }
.depth5 { padding-left:85px ; background-position:0px center ; width:215px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px center no-repeat ; padding-left:33px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px center no-repeat ; padding-left:45px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px center no-repeat ; padding-left:60px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px center no-repeat ; padding-left:75px ; }

.stripe { background-color:#f9f9f9 ; }

/*forms*/

.textInputTd, .selectInputTd { width:100px ; }


#printLogo {display:none;}