body{
font-family: verdana, arial;
margin:0;
padding:0;
line-height: 1.1em;
color: #5B6973;
height: 100%;
}

b{font-size: 100%;}
em{color: blue;}
h1{
font-size: 20px;
font-weight: bold;
margin: 15px 0 0 15px;
line-height:16px;
}
h2{
font-size: 14px;
font-weight: bold;
line-height:10px;
}
h3 {font-size: 16px;}
H4 {
font-size: 14px;
padding-left: 7px;
padding-top: 5px;
margin: 5px;
}
h5{
padding-top: 5px;
}
h6{
font-size:11px;
}
p{
font-size: 11px;
font-family: verdana, arial;
padding: 0;
color: #000033;
}
a{
color: blue;
text-decoration:none;
}
a:hover{
text-decoration: underline;
}

.pohja{
width: 804px; 
margin-left: auto;
margin-right: auto;
margin-top: 5px;
}

#ylin{
height: 70px;
font-size: 11px;
font-family: verdana, arial;
padding: 0;
color: #000033;
}
.logokuva{
float: left; 
}
.circuit{
float:right;
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_two */

.menu2 {padding:0 0 0 30px; margin:0; list-style:none; height:35px; background:#fff url(images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#C6C4C4; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 22px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 27px 0 8px;}
.menu2 li.current a {color:#fff; background:url(images/button3.gif);}
.menu2 li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(images/button4.gif);}
.menu2 li a:hover b {background:url(images/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(images/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}

.uutuuskuva-ala{
float: left;
margin-right: 268px; /*sama kuin ohjeen leveys*/
border: 1px solid #b8b8b8;
}

.ohje{
float: left;
width: 268px;
margin-left: -268px; /*sama kuin leveys (-) */
background: #FFFFA5;

}

.jouluohje{
float: left;
width: 268px;
margin-left: -268px; /*sama kuin leveys (-) */
background: #FFFFFF;
border-top: 1px solid #b8b8b8;
}
 
.asia1{
padding: 3px 15px 0px 5px;
height: 225px;
}
.asia2{
background: transparent url('images/nupi.png') no-repeat 120px 10px;
padding: 3px 0px 0px 0px;
border-style: solid;
border-width: 1px 1px 1px 0px;
border-color: #b8b8b8;
height: 225px;
}
.korttimaksu{
padding:0;
margin:0;
vertical-align: top;
float:left;
}
.korttimaksu1{
padding-left:1px;
padding-right:1px;
margin:0;
vertical-align: top;
float:left;
}

/*Lue lisää painike*/
.jatkuu{
display: block;
margin-top: 10px;
margin-bottom: 0px;
white-space: nowrap;
float:right;
background: url('images/lisaabutt.png') repeat-x;
font-weight: 500;
font-size: 11px;
}


.koriin{
white-space: nowrap;
float:left;
background: url('images/lisaabutt.png') repeat-x;
font-weight: 500;
font-size: 11px;
margin-top: 0px;
}
.kori{
cursor: pointer;
margin-top: 5px;
}
.shakekori{
float: left;
cursor: pointer;
margin-top: 5px;
padding-left: 8px;
padding-right: 8px;
}

#kolmelootaa{
float: left;
width: 100%;
padding: 0px;
margin: 0px;
}

#keskiloota{
float: left;
margin: 0px 268px 0px 269px;
padding: 0px;
}

#vasenloota{
float: left;
width: 262px;
margin-left: -804px;
}

#oikealoota{
float: left;
width: 268px; 
margin-left: -268px;
}

.footer {width: 810px;
         height: 56px;
         margin: 0 auto;
         background: #F3F3F3 url(images/footer_background.png) repeat-x;
         color: #5B6973;
         clear: both;
         margin-bottom: 5px;
				 position: relative;
				 
				 }
#arrow{
			 font-size: 10px;
			 font-family: verdana, arial;
}
#kopyright{
				 font-size: 11px;
				 font-family: verdana, arial;
				 padding-top: 10px;
				 text-align: center;
}
#footer-right {position: absolute;
               right: 0;
               top: 0;
               width: 15px;
               height: 56px;
               background: #F3F3F3 url(images/footer_right.png) no-repeat;
               color: #5B6973;}
               
#footer-left {position: absolute;
              left: 0;
              top: 0;
              width: 15px;
              height: 56px;
              background: #F3F3F3 url(images/footer_left.png) no-repeat;
              color: #5B6973;}





.lootansisus{
margin: 0px;
margin-top: 0;
}
/*pyöreät kulmat määritetään tässä*/
dl.curved {background:#555 url(images/c_tl.gif) top left no-repeat; margin:10px 0; padding:0; width:100%;}
dl.curved dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;font-weight: 600;}
dl.curved dd {background:#eee url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(images/c_br.gif) bottom right no-repeat; clear:left; }

/*listatiedoille määritykset*/
li.pallo{
line-height:1.1;
font-size: 11px;
font-family: verdana, arial;
color: #000033;
margin-left: 25px;
}
li.harva{
line-height:1.3;
font-size: 11px;
font-family: verdana, arial;
color: #000033;
margin-left: 25px;
}
li.palloton{
list-style-type:none;
line-height:1.1;
font-size: 11px;
font-family: verdana, arial;
color: #000033;
margin-left: 25px;
padding-right: 100px;
}
ul.loota{
padding: 0; margin: 0;
}
/*shakesivulle määrityksiä*/
.power{
float: left;
width: 398px;

} 
.shake{
float: right;
width: 398px;
}
.levea{

width: 804px;
text-align: justify;
}
.levea img{
float: left;
margin: 0;
padding: 0 10px 0 0;
}
#thumbBox{ /*Uloin DIVi kuvankatseluikkunalle*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 3px;
padding-bottom: 0;
background: #555;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footteri kuva-alalle, sulje -linkki*/
font: bold 16px verdana, arial, tahoma;
letter-spacing: 4px;
line-height: 1.1em;
color: white;
padding: 5px;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV kuvalle */
background-color: white;
}

#thumbLoading{ /*DIV ladataan giffille */
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}
.taulukko {
	font-family: Verdana, Arial, tahoma;
	color: #000033;
	font-size: 11px;
	font-weight: 500;
}
#uutuus{
color:#cc0000;
font-weight:600;
font-size: 14px;
padding-left: 0px;
}

#toimitus{
color:#cc0000;
font-weight: 300;
font-size: 11px;
}
.spostia{
float: right;
padding:10px 50px 0 0;
}


.luettelo{
line-height: 1.3em;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
cursor: pointer;
}