/* CSS Document

VÄRIT:

vaalsin: #8ed8f8
	tummempi #81bcd5;
vaalrus: #e0c298
	tummempi #d8ad72;
harmaa : #d3d2c4
	tummempi #c1c0ab;
 */
td#size {
       width:100px;
       color:#555;
       text-align:right;
}
 table#peeveet{
	margin:0;
	padding:0;
	border-collapse:collapse; 
 }
table#peeveet td {
	font-family: verdana;	
	font-size: 12px;
	color: #000;
	text-decoration: none;
}
img { border: none; }
ul,li {	margin: 0;padding:0;}
html, body {
	height:100%;
	margin: 0;padding:0;
	text-align: center; /* for IE */
	background-image: url('../gfx/bg.jpg');
	background-position: top;
	background-repeat: repeat-x;
}
td {
	vertical-align: middle;	
}
form,select{ margin:0px;padding:0px; }

#main_drop {
	background-color: #f1f1f1;
	border-top: 1px solid #e1e1e1;
}
#sub_drop {
	padding-left: 15px;
	border-top: 1px solid #e1e1e1;	
}
#cont {
	width: 870px;
	min-height: 700px;
	_height: 700px;
	margin-left: auto;
	margin-right: auto;
	_margin-left: 0; 	/* for IE */
	_margin-right: 0;	/* for IE */
	border: 1px solid #000;
	background-color: #fff;
}
#lippu {
	border: 1px solid #888;	
}
#head {
	width: 870px;
	height: 113px;
	background-image: url('../gfx/head_bg.jpg');
	background-position: center top;
}
	#logo_nor {
		float:left;
		width: 271px;
		height: 58px;
		position: relative;
		top: 30px;
		left: 10px;
	}
		#logo_jot {
		float: right;
		width: 133px;
		height: 40px;
		position: relative;
		top: 40px;
		left: -10px;
	}
#menu {
	float:left;
	width: 159px;
	background-color: #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background-image: url('../gfx/menu_bg.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
}
#adminmenu {
	float:right; 
	text-align: right;
	position:relative;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	top: 0px;
	left:133px;	
	background-color: red;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
#prodmenu,#pagemenu {
	float:right; 
	text-align: left;
	position:relative;
	padding-left: 5px;
	padding-right: 5px;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	top: 0px;
	left:133px;	
	background-color: green;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
	#sub_but {
		min-height: 18px;
		padding-top: 4px;
		text-align: left;	
		padding-left: 20px;
	}
	#subsub { 
		background-color: #efe9e1; 
		border-bottom: 2px solid #fff;
	}
	
	.sub {
		background-color: #ffffff;	
		display:block;
	}
	#ul_sub {
		background-color: #efe9e1;	
		text-align: left;
		list-style: none;
		padding-left: 25px;
		border-bottom: 2px solid #fff;
	}
	#ul_sub2 {
		vertical-align: middle;	
		text-align: left;
		list-style: none;
		padding:0px;margin:0px;
		padding-left: 30px;
		min-height: 18px;
		line-height: 15px;
		padding-bottom: 1px;
		border-bottom: 1px solid #e1e1e1;
		background-color:#f1f1f1;
	}
#main {
	float: right;
	width: 710px;
	min-height: 557px;
	_height: 557px;
	_width: 708px;
	
	background-color: #fff;
	background-image: url('../gfx/sis_bg.jpg');
	background-position: right bottom;
	background-repeat: no-repeat;
}
	#head_cont {
		background-image: url('../gfx/ots_bg.jpg');
		background-position: left top;
		background-repeat: no-repeat;
		display: block;
		height: 24px;
		
	}
		#txt_head { 
			width:540px;
			height:20px; 
			float:left; 
			text-align: left;
			padding-left: 10px;
		}
		#print{ 
			width:160px; 
			height:20px;
			float:right;
			font-family: arial;
			font-size: 10px;
			padding-top: 2px;
		}
		#txt{ 
			text-align: left;
			padding:10px;
			padding-top: 0;
		}
#txtots_box {
	margin-bottom: 10px;
	min-width: 300px;
	height: 30px;	
/*	border-bottom: 2px solid #c0e1ef;*/
}
#ots_p {
	text-align: left;
	padding: 2px;
	border-bottom: 2px solid #8ed8f8;	
}
#ots_m_bg {
	background-color: #81bcd5;
	padding:2px;
	text-align:center;
}

#foot {
	display:block;
	_width: 870;
	margin: 0px;
	height: 30px;
	background-color: #2278b0;
	clear: both;
}
#sha {
	width: 918px;
	_width: 907px;
	min-height: 702px;
	_height: 702px;
	margin-left: auto;
	margin-right: auto;
	background-image: url('../gfx/sha.png');
	background-repeat: repeat-y;
	_margin-left: 0; 	/* for IE */
	_margin-right: 0;	/* for IE */
}
div#dl_link {
       width:150px;
       float:left;
       padding-top:10px;
       padding-left:20px;
       text-align:left;
       position:relative;
       z-index:1000;
}
#shabot,#shatop {
	width: 913px;
	height: 19px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position: center top;
	_margin-left: 0; 	/* for IE */
	_margin-right: 0;	/* for IE */
}
#liput {  padding-right: 21px;padding-top:3px; position:relative;z-index:100;}
#liput img {  border:1px solid #e1e1e1; }
#liput img:hover {  border:1px solid red; }
#toplang,#toplang_o { 
	margin:0;padding:0;
	background-color:#e1e1e1; 
}
#toplang_o{ padding-left: 22px; background-repeat: no-repeat;background-position: left; background-color:#fff;border-top: 1px solid #e1e1e1;}
#shatop { height: 30px; background-image: url('../gfx/shatop.png'); background-position: bottom; text-align: right;}
#shabot { background-image: url('../gfx/shabot.png'); text-align: right;}
/* IE-png-fix */
* html #shatop {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/shatop.png', sizingMethod='scale'); 
}
* html #sha {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/sha.png', sizingMethod='scale'); 
}
* html #shabot {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../gfx/shabot.png', sizingMethod='scale'); 
}
#hat {
	position: relative;
	top: -12px;
	left: 410px;	
}

#pad_l5 {
	padding-left: 5px;	
}

/*ADMINPUOLEN JUTTUJA*/
#txt_edit1,#txt_edit2,#txt_edit3,#txt_edit4,#txt_edit5 {
	width: 687px;
	height: 400px;	
	padding: 5px;
}
#table_edit {
	width: 677px;
	height: 300px;	
	padding: 5px;
}
#ask {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1;
	padding: 5px;
	text-align: center;		
}
#h_box,#h_box_ap {
	background-color: #f1f1f1;
	border: 1px solid #e1e1e1;
	padding: 5px;
	display: block;
}
#hover_box {
	border: 1px solid #e1e1e1;
	padding:5px;
	width: 200px;
	background-color: #f1f1f1;
}
#hover_box:hover { background-color: #e1e1e1;}
#h_box_ap { margin-bottom: 10px; }
#msg {
	display: block;
	border: 1px dashed red;
	background-color: #f1f1f1;
	text-align:center;
	margin-top: 5px;
	padding-top: 3px;
	height: 22px;
}
#lis {
	padding-top: 3px;
	height: 22px;	
}
#langdrop { padding-left: 18px; width: 110px; background-position: left; background-repeat: no-repeat;}

#tuotestatsit {
	float:left;
	margin-top: 5px;
	padding: 5px;
	width: 350px;
}
#tuoteryhmat {
	float:right;
	margin-top: 5px;
	padding: 5px;
	width: 315px;
}
#toim { height: 22px; }
#h_box_50l {
	width: 50%;
	float:left;
}
#h_box_50r {
	width: 50%;
	float:right;
}
#tuoteteksti {
	text-align: justify;
}

#teo_table2 td {
	text-align:center;
}
/* CSS Document

VÄRIT:

vaalsin: #8ed8f8
	tummempi #81bcd5;
vaalrus: #e0c298
	tummempi #d8ad72;
harmaa : #d3d2c4
	tummempi #c1c0ab;
 */
div#search {
	float:left;
	text-align:left;
	margin-top:10px;
	margin-bottom:15px;
	padding:3px;	
}
div#tuot h6 {
 margin:10 0 0 0;
}
div#tuot p {
 margin:0;
}
div#tuot table {
	width: 200px;
	font-family:arial;
	font-size:12px;
	border-collapse:collapse;
	text-align:left;
}
div#tuot table	td {
	
}
select#roppi { margin-bottom:5px;}
option#ots {
	background-color:#e1e1e1;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
}
option#tuote {
	background-color:#f1f1f1;
	padding-left:10px;
	border-bottom:1px solid #e1e1e1;
}
#lisbut { margin-left: 15px;}

table#voctable {
	width: 660px;
	font-family:arial;
	font-size:12px;
	border-collapse:collapse;
	border-color: #666;
}
table#voctable td {
	text-align:center;
	padding: 2 5 2 5;	
}
table#voctable td#ots {
	font-weight:bold;
}
div#vocbut {
	padding:10px;
	border-right: 1px solid #e1e1e1;
}
div#vocbut a,visited,active {
	color: #888; 
	font-size: 12px;
	font-family: arial;
	text-decoration: none; 
}	
div#vocbut a:hover { text-decoration: underline; color:#000; }
div#vocbut:hover {
	background-color: #f1f1f1;
}