html { /* forces scrollbars */
	height: 100%;
	margin-bottom: 1px;
	}
* { /* global settings for every element on the site */
	margin: 0;
	padding: 0;
	}
body     { font-size: 12px; background-color: #fff; margin-top: 10px; margin-left: 19px }
/*#main  {  margin: 0 auto; position: relative; width: 760px }*/
body      { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 10px }
p      { font-size: 12px; margin-bottom: 10px }
h1       { color: #000; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #e6691a; background-image: url("images/h1Bg.gif"); background-repeat: repeat-x; margin: 0 0 10px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px }
h2       { color: #000; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #e6691a; margin: 0 0 10px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; width: 100% }
h3      { color: #000; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: italic; font-weight: bold; margin: 0 0 5px }

td  { font-size: 12px }
a  { color: #000; text-decoration: underline }
#mainBody     { font-size: 0.8em; background-color: #fe0000; background-image: url("images/mainBg.jpg"); background-repeat: repeat-x; margin: 0 0 0 -80px; padding: 0 }
#mainBody_viiva      { font-size: 0.8em; background-color: #9e9e9e; background-image: url("images/mainBg_viiva.jpg"); background-repeat: repeat-x; margin: 0 0 0 -80px; padding: 0 }
#container            { background-repeat: repeat-y; text-align: left; display: block; margin-top: 0; margin-right: auto; margin-left: auto; width: 885px }
#header    { background-image: url("images/headerBG.gif"); background-repeat: no-repeat; display: block; width: 885px; height: 35px }
#header_viiva    { background-image: url("images/headerBG_viiva.gif"); background-repeat: no-repeat; display: block; width: 885px; height: 35px }
#topRow    { background-image: url("images/naviBG.gif"); left: -50px; width: 885px; height: 108px; overflow: hidden }
#topRow_viiva    { background-image: url("images/naviBG_viiva.gif"); left: -50px; width: 885px; height: 108px; overflow: hidden }
#topnavi      { background-image: url("images/naviBg.jpg"); height: 130px }
#topnavi IMG { border-width: 0 }
/*#menu { display: none }
*/
.anylinkcss             { font-size: 12px; font-weight: bold; line-height: 12px; visibility: hidden; position: absolute; z-index: 1000; width: 181px }
.menuTop  { background-image: url("images/menuTop.gif"); margin: 0; width: 180px; height: 16px }
.menuBg  { background-image: url("images/menuBG.gif"); margin: 0; width: 180px }
.menuTop_viiva  { background-image: url("images/menuTop_viiva.gif"); margin: 0; width: 180px; height: 16px }
.menuBg_viiva  { background-image: url("images/menuBG_viiva.gif"); margin: 0; width: 180px }
.menuBg UL  { list-style: square url("images/salmiakki.gif"); margin-left: 0; padding-left: 30px }
.menuBg UL A { color: #fff; text-decoration: none }
.menuBg LI { }
.menuBg UL LI { line-height: 14px }
.menuBg UL UL   { color: #fff; font-size: 10px; font-weight: bold; list-style-type: square; list-style-image: none; margin-top: 2px; margin-left: 0; padding-left: 10px }
.menuBg UL UL UL  { color: #ccc; font-size: 10px; font-weight: normal; list-style-image: url("images/viivaBullet.gif"); margin-left: 0; padding-left: 20px }
.menuBg LI A  { margin-left: -4px }
.menuBg_viiva UL  { list-style: square url("images/salmiakki_viiva.gif"); margin-left: 0; padding-left: 30px }
.menuBg_viiva UL A { color: #fff; text-decoration: none }
.menuBg_viiva LI { }
.menuBg_viiva UL LI { line-height: 14px }
.menuBg_viiva UL UL   { color: #fff; font-size: 10px; font-weight: bold; list-style-type: square; list-style-image: none; margin-top: 2px; margin-left: 0; padding-left: 10px }
.menuBg_viiva UL UL UL  { color: #ccc; font-size: 10px; font-weight: normal; list-style-image: url("images/viivaBullet_viiva.gif"); margin-left: 0; padding-left: 20px }
.menuBg_viiva LI A  { margin-left: -4px }

.menuBot  { background-image: url("images/menuBot.gif"); margin: 0; width: 180px; height: 27px }
.menuBot_viiva  { background-image: url("images/menuBot_viiva.gif"); margin: 0; width: 180px; height: 27px }
#link1    { position: relative; top: 40px; left: 185px }
#link2  { position: relative; top: 40px; left: 185px }
#link3   { position: relative; top: 30px; left: 175px }
#link4     { position: relative; top: 0; left: 155px }
#link5   { position: relative; top: 20px; left: 145px }
#link6    { position: relative; top: -5px; left: 20px }
#link7     { position: relative; top: 32px; left: 190px }
#link8   { position: relative; top: 40px; left: 190px }
#link9     { position: relative; top: 25px; left: 193px }
#link10    { position: relative; top: 28px; left: 190px }
#link11      { position: relative; top: 10px; left: 190px }
#link1_viiva    { position: relative; top: 40px; left: 200px }
#link2_viiva  { position: relative; top: 30px; left: 195px }
#link3_viiva   { position: relative; top: 20px; left: 195px }
#link4_viiva     { position: relative; top: 0; left: 170px }
#link5_viiva   { position: relative; top: 10px; left: 165px }
#link6_viiva    { position: relative; top: 10px; left: 160px }

#pageHeader  { background-image: url("images/pageHeaderBg.gif"); width: 100%; height: 88px }
#pageHeader H1   { background-color: transparent; background-image: none }
#pageHeader H1.long { font-size: 18px }
#pageHeader_viiva  { background-image: url("images/pageHeaderBg_viiva.gif"); width: 100%; height: 88px }
#pageHeader_viiva H1  { background-color: transparent; background-image: none }
#pageHeadDiv  { margin-left: 160px; padding-top: 20px }
/*#headerFlashContent { z-index: 900 }
#TopHeader{z-index: 500 }*/
#logout { margin-top: 13px; margin-right: 15px; float: right }
.headerText  { color: #000; font-size: 26px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: lighter; text-transform: none; letter-spacing: 1px; margin-top: 13px; margin-bottom: 0; margin-left: 16px; padding-bottom: 0 }
.pathText  { word-spacing: 5px; margin-left: 16px }
.pathText a { color: #565656 }
#textCont       { background-image: url("images/mainTextBg.gif"); background-repeat: repeat-y; margin-top: 0; margin-left: 84px; padding-bottom: 20px; width: 830px; height: auto; min-height: 320px }
#textCont_viiva       { background-image: url("images/mainTextBg_viiva.gif"); background-repeat: repeat-y; margin-top: 0; margin-left: 84px; padding-bottom: 20px; width: 830px; height: auto; min-height: 320px }
* HTML #textCont { height: 320px }
* HTML #textCont_viiva  { height: 320px }
#yadText  { background-image: url("images/yad.gif"); width: 47px; height: 413px; float: right }
#vanhatText   { background-image: url("images/vanhatNumerot.gif"); margin-right: 60px; width: 59px; height: 305px; float: right }
* HTML #vanhatText  { margin-right: 36px;}
#tassaText    { background-image: url("images/tassaNumerossa.gif"); margin-right: 60px; width: 59px; height: 305px; float: right }
* HTML #tassaText   { margin-right: 36px }
#tahanText     { background-image: url("images/tahanLiittyvaa.gif"); margin-right: 60px; width: 59px; height: 305px; float: right }
* HTML #tahanText  { margin-right: 36px;}
#vanhatNumerotList   { margin-right: 20px; width: 100px; float: right; border-color:  }
* HTML #vanhatNumerotList { margin-right: 10px;}
#vanhatNumerotArtikList  { margin-right: 20px; width: 150px; float: right }
* HTML #vanhatNumerotArtikList { margin-right: 10px;}
#vanhatNumerotArtikList LI  { list-style-image: url("images/oldNumBullet.gif"); margin-bottom: 5px }
#textBox   { margin-left: 85px; width: 610px; height: auto; min-height: 615px}
* HTML #textBox  { height: 615px}
#newsCont { background-image: url("images/newsBG.gif"); width: 181px; height: 295px; float: right }
#newsInner  { color: #fff; font-size: 10px; margin: 50px 10px 10px }
#eventCont  { background-image: url("images/eventBG.gif"); margin-top: -100px; width: 181px; height: 295px; float: right; clear: both }
* HTML #eventCont  {margin-top: 10px;}
#eventInner  { color: #fff; font-size: 10px; margin: 50px 10px 10px }

#ccmsText { width: 400px; height: auto; min-height: 615px}
* HTML #ccmsText { height:615px}

.buttons  { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-image: url("images/buttonsBg.jpg"); width: 120px; height: 25px; border-style: solid; border-width: 1px; border-color: #ccc #333 #333 #ccc }
.formInput { font-size: 10px; margin: 0; padding: 0; width: 100px; height: 18px; border: solid 1px #a4b980 }
/* for Internet Explorer */
/*\*/
* html .anylinkcss  {
margin-left: 1px;
}
/**/
#footer    { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url("images/footerBg.gif"); background-repeat: no-repeat; margin-left: 80px; width: 789px; height: 79px }
#yadLink {padding: 0 0 0 0; float: right; border-style: solid; border-color: #3f0 }
#footer_viiva    { color: #fff; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url("images/footerBg_viiva.gif"); background-repeat: no-repeat; margin-left: 80px; width: 789px; height: 79px }
#footerText    { text-align: center; padding: 42px 60px 0 20px; float: left }
#footerText span  { padding-left: 30px }
#footerIMGDiv { padding-top: 28px; padding-left: 10px }
#footerIMGDiv_viiva { }
#footerIMGDiv_viiva IMG  { margin-top: 30px; margin-left: 80px }
#prodPicList  { margin-top: 10px }
#prodText { }
.shopBut  { color: #fff; font-size: 10px; font-weight: bold; background-color: #f60; width: 125px; border: solid 1px #000 }
.boldTd { font-weight: bold }
#shopCart { margin-right: 100px; float: right }
* HTML #shopCart { margin-right: 50px; }
.topRow { color: #fff; font-weight: bold; background-color: #000 }
#logoHold { margin-left: -400px; position: absolute; top: 20px; left: 50%; width: 100px; height: 100px }