body {
	text-align: center;
	background-color: #333333;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #666666;
	margin-top: 0px;
	margin-bottom: 0px;
	scrollbar-face-color: White;
	scrollbar-shadow-color: #d2d2d2;
	scrollbar-3dlight-color: #d2d2d2;
	scrollbar-track-color: White;
	scrollbar-arrow-color: #d2d2d2;
}

/* main web div styles */

#cont {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	width: 950px;
	background: #ffffff url(layout/contbg.jpg) repeat-y;
}

#top {
	width: 950px;
	height: 30px;
	background: url(layout/top.jpg) no-repeat top;
}

#navitop {
	width: 950px;
	height: 42px;
}

#pagepic {
	width: 950px;
	height: 158px;
}

#navibottom {
	width: 950px;
	height: 40px;
}

#white {
	width: 950px;
	height: 39px;
	background: url(layout/white.jpg) no-repeat top;
}

#middle {
	width: 950px;
	height: 100%;
	min-height: 300px;
}

#news {
	width: 370px;
	height: 100%;
	position: relative;
	float: left;
}

#text {
	width: 235px;
	height: 100%;
	padding-left: 80px;
	padding-right: 10px; 
	position: relative;
	float: left;
}

#pic {
	width: 45px;
	height: 100%;
	position: relative;
	float: right;
}

#main {
	width: 430px;
	height: 100%;
	min-height: 270px;
	padding-right: 150px;
	padding-bottom: 30px;
	position: relative;
	float: right;
}

#mainwide {
	width: 505px;
	height: 100%;
	min-height: 270px;
	padding-right: 70px;
	padding-bottom: 30px;
	position: relative;
	float: right;
}


#maincat {
	width: 510px;
	height: 100%;
	min-height: 370px;
	padding-left: 220px;
	padding-right: 220px;
	padding-bottom: 30px;
}

#mainleft {
	width: 210px;
	height: 100%;
	position: relative;
	float: left;	
}

#mainright {
	width: 210px;
	height: 100%;
	position: relative;
	float: right;	
}

#maincatleft {
	width: 150px;
	height: 100%;
	padding-top: 50px;
	position: relative;
	float: left;	
}

#maincatright {
	width: 355px;
	height: 100%;
	padding-top: 50px;
	position: relative;
	float: right;	
}

#bottom {
	width: 950px;
	height: 120px;
	background: url(layout/bottom.jpg) no-repeat top;
	position: relative;
	clear: both;
}

#menu1 { margin-bottom: -13px; }

#menu2 { margin-bottom: -13px; }

#menu3 { margin-bottom: -13px; }

#menu4 { margin-bottom: -13px; }

#search1 { 
	text-align: right;
	margin-top: -35px; 
}

* html #search1 { 
	text-align: right;
	margin-top: -25px; 
}

*:first-child+html #search1 {
	text-align: right; 
	margin-top: -25px; 
}

#btsearch {
	padding-top: 5px;
	text-align: right;
}

/* table styles */

table#prodlist {
	width: 490px;
	height: 100%;
}

table#prodview {
	width: 360px;
	height: 100%;
}

tr { font-weight: bold; }

tr#toprow {
	background-color: #666666;
	color: #ffffff;
}

tr.grey { background-color: #cccccc; }

td.catleft { width: 120px; }

td.tdpas { width: 360px; }

td.tdprice { width: 50px; }

td.tdid { width: 80px; }

/* misc styles */

select#cat {
	width: 120px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #cccccc;
	background: #f2f2f2;
}

select#group {
	width: 370px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	border: 1px solid #cccccc;
	background: #f2f2f2;
}

.txtfield {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px;
	border: 1px solid #cccccc;
	background: #f2f2f2;
}

.admfield {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px;
	border: 1px solid #cccccc;
	width: 80%;
}

.admfieldshort {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px;
	border: 1px solid #cccccc;
}

.newsfield {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 100%;
	padding: 4px;
	border: 1px solid #cccccc;
	width: 69%;
}

p.small { font-size: 80%; }

p.nospace { font-size: 80%; }

* html p.nospace { 
	font-size: 80%; 
	margin-top: -15px;
}

*:first-child+html p.nospace { 
	font-size: 80%; 
	margin-top: -15px;
}

p.red { color: #ff0000; }

p#adr {
	text-align: right;
	padding-right: 95px;
	color: #999999;
	margin-top: -108px;
	font-size: 0.9em;
}

p#per {
	padding-left: 800px;
	margin-top: 14px;
}

* html p#per {
	padding-left: 800px;
	margin-top: -5px;
}

*:first-child+html p#per {
	padding-left: 800px;
	margin-top: -5px;
}

p#per a {
	color: #990000;
	text-decoration: none;
}

p#lang {
	padding-left: 730px;
	margin-top: -3px;
	padding-top: 6px;
	font-size: 0.9em;
	font-weight: bold;
}

p#admlang {
	padding-left: 640px;
	margin-top: -3px;
	padding-top: 6px;
	font-size: 0.9em;
	font-weight: bold;
}

p#admcatlang {
	padding-left: 770px;
	margin-top: -3px;
	padding-top: 6px;
	font-size: 0.9em;
	font-weight: bold;
}

p#lang a, p#admlang a, p#admcatlang a {
	color: #ffffff;
	text-decoration: none;
}

p.bold { font-weight: bold; }

* html p.bold {
	font-weight: bold;
	margin-bottom: -10px;
}

*:first-child+html p.bold {
	font-weight: bold;
	margin-bottom: -10px;
}

p.newsdate {
	font-weight: bold;
	color: #ff0000;
	margin-bottom: -11px;
}

*:first-child+html p.newsdate {
	font-weight: bold;
	color: #ff0000;
	margin-bottom: -19px;
}

* html p.newsdate {
	font-weight: bold;
	color: #ff0000;
	margin-bottom: -19px;
}

p.newsmore { margin-top: -11px; }

*:first-child+html p.newsmore { margin-top: 10px; }

* html p.newsmore { margin-top: 10px; }

span {
	padding-left: 36px;
	line-height: 140%;
}
#mainwide span { padding-left: 0px; }
img { border: 0px; }

h1 {
	font-size: 1.3em;
	font-weight: bold;
}

h2 {
	font-size: 1.1em;
	font-weight: bold;
}

/* link styles */

a {
	text-decoration: underline;
	color: #ff0000;
}

a.act {
	font-weight: bold;
	text-decoration: underline;
	color: #ff0000;
}

a.pas {
	font-weight: bold;
	text-decoration: underline;
	color: #999999;
}

a.tdpas {
	font-weight: bold;
	text-decoration: underline;
	color: #666666;
}

a.valvesubs {
	font-weight: bold;
	text-decoration: underline;
	color: #666666;
}

a.backlink {
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;	
}

/* button styles */

.buttonpale {
	font-size: 1.0em;
	font-family : Verdana, Helvetica, sans-serif;
	background : #ffffff;
	color : #000000;
}

.custom {
	padding: 0px;
	margin: 0px; 
	border: none;
	background: none;
	cursor: pointer;
}

* html .custom {cursor:hand;} 

/* hallinta styles */

#logincont {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	width: 380px;
	height: 333px;
	background: #ffffff url(layout/bglogin.jpg) no-repeat top;
}

#login {
	padding-left: 120px;
	padding-top: 80px;
}

#logintext {
	padding-left: 10px;
	padding-top: 80px;
}

#btlogin { padding-left: 85px; }

#btsend { padding-left: 350px; }

#adminsave { padding-left: 365px; }

/* RTE styles */

.rteImage {
	background: #ffffff;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #ffffff;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #ffffff;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #ffffff;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #ffffff;
	padding: 2px;
}