html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#fff;
font-size:76%;
font-family:Lucida Grande, Lucida Sans Unicode, verdana, lucida, Helvetica, arial, sans-serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
scrollbar[orient="vertical"] { display: none !important; }
body { background-color: #fff; background-image: url("images/bg_gradient.jpg"); margin: 0; padding: 0; height: 100%; max-height: 100%; overflow: hidden; border: 0 }
hr { color: #999; background-color: #999; text-align: left; margin: 0 auto 0 0; width: 80%; height: 1px; border: 0 }
#foot { color: #fff; font-size: 9px; background: #999; text-align: right; display: block; margin: 0 0 0 -380px; position: absolute; z-index: 5; bottom: 0; left: 50%; width: 760px; height: 15px }
#foot A { color: #fff; text-decoration: none}
#foot A:Hover { text-decoration: underline }
#left1, #left2, #left3 { position: absolute; top: 206px; bottom: 15px; left: 0; overflow: auto; overflow-x: hide ; overflow-y: auto }
* html #left1, * html #left2, * html #left3 { top: 0; bottom: 0; height: 100%; border-top: 206px solid #fff; border-bottom: 15px solid #fff }
#left1 { color: #fff; margin-left: -380px; left: 50%; width: 150px }
#left1 IMG { border-width: 0 }
#leftTopGrad { background-image: url("images/leftTopGrad.jpg"); width: 150px; height: 13px; -moz-opacity: 0.15; filter: alpha(opacity=15); opacity: 0.15; }
#leftInner { font-size: 10px; margin-top: 5px }
.leftLevel1 { font-size: 12px; text-transform: uppercase; padding-left: 10px; position: absolute }
#leftInner A { color: #fff; text-decoration: none }
#leftInner A:Hover { text-decoration: underline }
.leftLevel2 { padding-left: 20px }
.leftLevel3 { padding-left: 30px }
#leftActive1 { background-image: url("images/naviButGrad.gif"); padding-left: 0; z-index: 1; width: 150px; height: 17px; -moz-opacity: 0.2; filter: alpha(opacity=20); opacity: 0.2 }
#leftActive2 { background-image: url("images/naviButGrad.gif"); padding-left: 0; z-index: 1; width: 150px; height: 26px; -moz-opacity: 0.2; filter: alpha(opacity=20); opacity: 0.2 }
#leftActive3 { background-color: #ccc; background-image: url("images/naviButGrad.gif"); background-repeat: repeat-x; padding-left: 0; z-index: 1; width: 150px; height: 33px; -moz-opacity: 0.2; filter: alpha(opacity=20); opacity: 0.2 }
#leftActiveText1 { font-size: 12px; text-transform: uppercase; padding-left: 10px; position: relative; z-index: 2; top: 0; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 }
#leftActiveText2 { line-height: 11px; padding-top: 2px; padding-left: 20px; position: relative; z-index: 2; top: 0; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 }
#leftActiveText3 { line-height: 11px; padding-top: 2px; padding-left: 30px; position: relative; z-index: 2; top: 0; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1 }
#left2 { background: #fff; margin-left: -229px; left: 50%; width: 459px }
#backToIndex { color: #096; font-size: 10px; text-decoration: none; padding-right: 10px; float: right }
#backToIndex A { color: #096; text-decoration: none }
#backToIndex A:HOVER { text-decoration: underline }
#left3 { background: #ccc; margin-left: 229px; left: 50%; width: 151px }
#left3 P { margin: 0 0 5px; padding: 0 }
.hrLine { margin-bottom: 15px; position: relative; left: 10px; width: 100px; height: 1px }
#rightShopCart { color: #3f9c89; font-size: 10px; background-color: #ebebeb; padding-top: 2px; width: 151px; height: 19px }
#rightShopCart A { color: #3f9c89; text-decoration: none }
#rightShopCart A:HOVER { text-decoration: underline }
#rightShopCart IMG { margin-left: 3px }
#rightCalender { padding-right: 10px; padding-left: 10px }
#rightCompetition { padding-top: 10px; padding-right: 10px; padding-left: 10px }
#rightForum { }
.rightLevel1 { font-size: 10px; padding-right: 10px; padding-left: 10px }
#rightSelected { font-size: 10px; line-height: 10px; background-image: url("images/rightActive.jpg"); width: 151px; height: 26px }
#rightSelectedText { padding-top: 2px; padding-right: 10px; padding-left: 10px }
#logIn { padding-left: 10px }
#logIn A { color: #000; text-decoration: none }
#logIn A:HOVER { text-decoration: underline }
#rightGallery { text-transform: uppercase; padding-top: 10px; padding-right: 10px; padding-left: 10px }
#rightGallery A { color: #000; text-decoration: none }
#rightGallery A:HOVER { color: #000; text-decoration: underline }
#rightNews {padding-left: 10px }
#rightNews A { color: #000; text-decoration: none }
#rightNews A:HOVER { text-decoration: underline }
#rightForumLink { padding-left: 10px }
#rightForumLink A { color: #000; text-decoration: none }
#rightForumLink A:HOVER { text-decoration: underline }
#innerText { display: block; padding: 17px 40px 10px }
#rightShopLink { padding-left: 10px }
#rightShopLink A { color: #000; text-decoration: none }
#rightShopLink A:HOVER { text-decoration: underline }
#rightMapLink { text-transform: uppercase; padding-left: 10px }
#rightMapLink A { color: #000; text-decoration: none }
#rightMapLink A:HOVER { text-decoration: underline }
.rightLink { text-transform: uppercase; padding-left: 10px }
.rightLink A { color: #000; text-decoration: none }
.rightLink A:HOVER { text-decoration: underline }
#logot { margin-top:20px; } /*position: absolute; bottom: 0px }*/
#galleryTable { font-size: 10px; text-align: center }
#galleryTable TD { width: 33%; }
/*Shop*/
.topRow { color: #fff; background-color: #3f9c89 }
.row1 { background-color: #fff; vertical-align: top }
.row2 { background-color: #ccc; vertical-align: top }
.listaTable { font-size: 10px; border: solid 1px #000 }
.itemTable { font-size: 10px }
.cartTable { font-size: 10px; border: solid 1px black }
.cartTable TD { }
.orderTable { font-size: 10px }
.shopBut { font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, Helvetica, arial, sans-serif; background-color: #ccc; width: 100px; border: solid 1px black }
.pankkiTable { border: solid 1px #3f9c89 }
.pankkiTable TD { border: solid 1px #3f9c89 }
/*shop end*/
.bold {font-size:1.5em; font-weight:bold;}
p { font-size: 10px; margin-top: 5px; margin-bottom: 10px }
h1 { font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0.67em 0 20px }
td { font-size: 10px }
/*top div*/
#headerDiv { margin-left: -380px; position: absolute; z-index: 1; top: 0; left: 50%; width: 760px; height: 206px }
#langSelDiv { top: 0; left: 0; width: 199px; height: 45px }
#langSelDiv IMG { margin-top: 20px; margin-left: 5px; border-width: 0 }
#newsBoxDiv { background-color: #999; background-image: url("images/topNewsBg.jpg"); position: absolute; top: 45px; left: 0; width: 199px; height: 111px }
#newsBoxDiv H1 { margin-bottom: 5px }
#newsBoxDiv A { color: #fff; text-decoration: none }
#newsInner { padding: 15px 20px 20px 40px }
#newsInner span { color: #fff; font-size: 12px }
#topSearchDiv { background-image: url("images/headTop.gif"); position: absolute; top: 0; left: 199px; width: 561px; height: 45px }
#searchFormAlignDiv { position: absolute; top: 15px; right: 5px }
#topFlashDiv { background-color: #e0e0e0; background-image: url("images/flashBG.jpg"); position: absolute; top: 45px; left: 199px; width: 561px; height: 111px }
#headerBotDiv { background-color: #ebebeb; background-image: url("images/headerTextBg.jpg"); position: absolute; top: 156px; left: 0; width: 760px; height: 24px }
#topLevelNaviDiv { background-color: #999; position: absolute; z-index: 1; top: 180px; left: 0; width: 760px; height: 26px }
#topLevelNaviDiv2 { background-color: #999; position: absolute; z-index: 1000; top: 206px; left: 0; width: 760px; height: 26px }
.notActiveNavi { font-size: 10px; font-weight: bold; line-height: 10px; text-align: center; position: absolute; top: 0; width: 152px; height: 26px; border-right: 1px solid #fff }
.notActiveNavi a { color: #000; text-decoration: none; width: 100%; height: 26px }
.notActiveNavi a:hover { text-decoration: none; background-image: url("images/notActiveOver.jpg"); display: block; width: 100%; height: 26px }
/*.notActiveNavi:hover { background-color: #000; background-image: url("images/notActiveOver.jpg") }*/
#activeNavi { background-image: url("images/naviButGrad.gif"); position: absolute; z-index: 2; top: 0; width: 152px; height: 25px; -moz-opacity: 0.2; filter: alpha(opacity=20); opacity: 0.2 }
#activeNaviText A { color: #fff; text-decoration: none }
#activeNaviText { font-size: 10px; font-weight: bold; line-height: 10px; text-align: center; padding-top: 2px; position: absolute; z-index: 3; top: 0; width: 152px; height: 25px }
#headerShadow { background-color: #fff; background-image: url("images/headerShadow.jpg"); margin-left: -384px; position: absolute; z-index: 0; top: 0; left: 50%; width: 768px; height: 167px }
/*top div ands here*/
/*Form elements*/
.IEbut { color: #fff; font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, Helvetica, arial, sans-serif; background-image: url("images/IEbutBg.jpg"); height: 14px; border-width: 0 }
.searchTextInput { font-size: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, Helvetica, arial, sans-serif; background-color: #fff; background-image: url("images/searchBg.jpg"); padding-left: 4px; width: 117px; height: 14px; border-width: 0 }
.formError { color: #c03; font-weight: bold }
/*Form elements end here*/
/*Forum elements*/
.ForumRow1 { }
.ForumRow1 A { color: #000 }
.ForumRow2 { background-color: #ddd }
.ForumRow2 A { color: #000 }
.ForumRow3 { background-color: #999 }
.ForumTable { }
.ForumTable TD { padding: 2px; border: solid 1px #ccc }
/*Forum and here*/
ul { font-size: 11px; list-style-type: disc; margin: 5px 0 5px 30px }
ul ul { list-style-type: square; margin-top: 0; margin-bottom: 0; margin-left: 20px }
#UGU { top: ; }
.errorMsgBox{ position:absolute; left:20px; width:100px;}