body {   font-family: verdana Georgia Serif; color: #000; background:#000; margin:0px;
background:#000 url('pic/pageBg.jpg') top left repeat-x;
padding-top:0px;
}

#container{
background:#fff;
width: 748px;
	margin: 0px auto;
	padding: 0px;
}


.Title{

padding-top:2em;
padding-left:0em;
color:#b12;
font-size:16px;
border-bottom: 1px dotted #b12;
}

h1,h2,h3{

padding-top:2em;
padding-left:0em;
color:#b12;
font-size:16px;
border-bottom: 1px dotted #b12;
}

h2{font-size:14px;
}

h3{font-size:12px;
}

h4{font-size:11px;
}

#top{
background:#676767;
height:110px;
text-align:center;
margin:0px;padding:0px;}





#news {
text-align:left;
clear: right;
  float: right;
  margin: 5px; 
  margin-right:20px;
margin-top:65px;  
  width: 200px;
  background: #eee  url('pic/boxbottom.jpg') bottom left no-repeat;

  font-family: Verdana;
font-size: 11px;
line-height:1.1em;

}

#news h2 {

  background: #eee  url('pic/boxtop.jpg') top left no-repeat;
 margin: 0px;
  padding: 0px;
  padding-top:10px;
  padding-left:1em;
}

#news p   {padding:5px;}


#content{
background:#fff url('pic/content-top748.jpg') top left no-repeat;
text-align:left;
 margin-left:0px;
 padding-top:120px;	
 width:748px;
 font-size: 11px;
 text-align:justify;
padding-bottom:50px;
min-height:600px;
height:100%;
padding-right:0px;
}


#inner{
float: left;
  padding: 5px;
  margin-left:20px;
  width: 480px;
background:#fff;
font-family: Tahoma;
font-size: 13px;
line-height:1.2em; 
}



#content ul {
padding-left:1em;
}

#content li{
list-style: url('pic/dot.gif');
list-style-position: inside;
}

#content img {
	padding:3px;
	
	}

a {
color:#568102;
text-decoration:none;
}

#bottom{
z-index:-100;
background:#000 url('pic/bottom.jpg') bottom left no-repeat;

height:60px;
font-size:12px;
text-align:right;
vertical-align:bottom;
}




a:hover {
color:#568102;
text-decoration:underline;
}





.right {float:right; padding:10px;}
	
	.pressitem b {color:#568102;}
	
	#hid{display:none;}
	

	td { padding-top:10px;
		padding-right:10px;}	

#menu {

font-family: Arial, Helvetica, sans-serif; 
text-align:center;
background: #fff;

font-size:13px;
font-weight : bold ;

padding-top:6px;
}


ul#menu
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#menu li
{
display: inline;
list-style-type: none;
}

#menu li a {
background: url(pic/menuback.jpg) no-repeat;
	
  	color:#b12	;
	padding: 3px 12px 3px 12px;
	margin-right:2px;
	}	
	
#menu li a:link, #menu li a:visited {
	
	}
	
#menu li a:hover {
	color:#b12;
		padding: 3px 12px 3px 12px;
	margin-right:2px;
	text-decoration:none;
	background: url(pic/menubackover.jpg) no-repeat;
	}
	
#menu li a.active {
	background: url(pic/menubackactive.jpg) no-repeat;
	padding: 3px 12px 3px 12px;
	margin-right:2px;
	color:#fff;
	}
	
	
/*
#left {
width:170px;
font-size: 13px;
 text-align:left;
 	
 padding-top:70px;	
 float:left;
 height:100%;
 padding-left:0px;
 padding-right:20px;
padding-bottom: 70%;
 margin-left:0px;
}
*/
#kori {
padding:1em;

}

#loginbox{
color: #aaa;
text-align:right;
padding-right:10px;
}

#loginbox a{
color: #666;
}

table { width:500px;}

tr td {vertical-align:top;padding-left:5px;border: 1px solid #ccc;}
tr.odd {background: #eee;  }



.tilauspaikka {vertical-align:middle;}


#towermenu{
border: solid 2px #ddd;
padding:10px;
background:#eee;
}
.status{ background:#eee; border:1px #ddd dotted; font-weight:bold;padding:5px;}
.status1{ background:#cfc; font-weight:bold;padding:3px;}
.status2{ background:#fcc; font-weight:bold;padding:3px;}
.status3{ background:#f00; font-weight:bold;padding:3px;}
.status5{ background:#ccc; font-weight:bold;padding:3px;}

.noborder {border:none;}

#btmlinks { padding-right:1em; color: #666;}
#btmlinks b  {color: #b12;} 

#taso3, #taso2, #taso1{
text-align:center;
clear: right;
  float: right;
  margin: 5px; 
  margin-right:0px;
margin-top:25px;  
  width: 150px;
  
height:550px;
  font-family: Verdana;
font-size: 11px;
line-height:1.1em;
color:#aaa;
}

#taso3{
background: #fff url('pic/gold.jpg') center 60px no-repeat;
}
#taso2{
background: #fff url('pic/silver.jpg') center 60px no-repeat;
}
#taso1{
background: #fff url('pic/bronce.jpg') center 60px no-repeat;
}


#tilauksesi{
 border : 1px solid #ccc;
 padding:5px;
}

h3.error {
font-size:1.5em;
border: 1px solid #f00;
}


  div.autocomplete {
      position:absolute;
      
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
      font-family:verdana;
	font-size:10px;
	background:#eee;
	border: 1px solid #aaa;
	width:550px;
	padding:5px;
	height:100%;
    }
    div.autocomplete ul {
      list-style-type:none;
      margin:0px;
      padding:0px;
    }
    
        div.autocomplete ul.tilausRedWolf {
        min-height:40px;padding-top:45px;
      background: url('pic/redwolf.gif') top left no-repeat;
    }
    
     div.autocomplete ul.tilausWGC {
        min-height:40px;padding-top:45px;
      background: url('pic/wgc.gif') top left no-repeat;
    }
    
 
    
    
    div.autocomplete ul li.selected { background-color: #ace;}
    div.autocomplete ul li {
      list-style-type:none;
      display:block;
      margin:0;
      padding-top:5px;
      height:35px;
      cursor:pointer;
       font-weight:bold;
       line-height:0.9em;
 color:#568102;
    }
    
        div.autocomplete ul li.virhe {
        background: #f00;
	color: #fff;
    }
    
    div.autocomplete ul li span {color:#000;font-weight:normal;}
    
    .tuoteinfo {font-size:10px;}
    
    .ohjeet{padding: 5px;
    padding-left: 2em;
     background: #fafafa url('pic/huuto.gif') top   left no-repeat;
     border:1px  solid #eee; color: #555; font-size: 1em;}
    .ohjeet img {vertical-align:middle;}

.tilaanappi{
margin:10px;
     padding:10px;
font-weight:bold;
     background: #fafafa;
     border:2px  solid #ccc; color: #000; font-size: 20px;}
     
.tilaanappi:hover{
margin:10px;
     padding:8px;
font-weight:bold;
     background: #fafafa;
     border:2px  solid #b12; color: #b12; font-size: 22px;}