* {margin:0;padding:0;} 
img{
	border:	0px none transparent;
}

/* GENERAL */
body, html {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	background-image:		url( '../../images/parha/bg.jpg' );
	background-repeat:		repeat-x;
	background-position:	0 0;
	height:					100%;
	text-align:				center;
}
body:before {/*Opera Fix - thanks to Maleika (Kohoutec)*/
	content:		"";
	height:			100%;
	float:			left;
	width:			0;
	margin-top:		-32767px;/* thank you Erik J - negate effect of float*/
}

a, a:hover, a:active, a:visited{
	text-decoration:	none;
	border:				none;
	color:				black;
	font-weight:		normal;
}

p {
	margin-bottom: 12px;
}

h1,h2,h3{
	color:	#BABA00;
}
h2{
	margin-bottom:	10px;
	font-size:		16px;
}

INPUT, SELECT, TEXTAREA{
	background-color:		rgb( 240, 240, 240 );
	font-family:			Tahoma, Verdana, Arial;
	font-size:				8pt;
	
	border:					1px solid black;
	border-top-color:		#333;
	border-right-color: 	#999;
	border-bottom-color:	#999;
	border-left-color:		#333;
	
	color:					#555;
	
}
input[type=text], input[type=password], input.textfield, textarea{ padding: 0.2em; }
input[type=button], input[type=submit], input[type=reset], input.button{
	background-color:		#666;
	border-top-color:		#999;
	border-right-color:		#333; 
	border-bottom-color:	#333;
	border-left-color: 		#999;
	padding:				2px 5px 2px 5px;
	color:					#BABA00;
	cursor:					pointer;
	cursor:					hand;
}

/* GENRERAL LAYOUT STUFF */
#header{
	background-image: 	url('../../images/parha/headerbg.jpg');
	background-repeat:	no-repeat;
	background-position: 50% 0%;
	text-align:		left;
	height:			180px;
}
#body{
	min-height:			100%;
	width:				896px;
	margin-left:		auto;
	margin-right:		auto;
	background-color:	white;
	text-align:			center;
}
#content{
	text-align:			left;
	padding-top:		10px;
	padding-left:		35px;
	padding-right:		35px;
	padding-bottom: 	75px;/* footer height */
	
}
#content a{
	border-bottom:		1px dotted #BABA00;
}
#content a:hover{
	color:				#555;
}

#footer{
	position:			relative;
	margin-top:			-75px; /* negative value of footer height */
	clear:				both;
	height:				75px;
	vertical-align:		bottom;
	background-image:	url('../../images/parha/footerbg.jpg');
	text-align:			center;
	color:				#666;
	font-size:			14px;
}
#footer a{
	border:				none;
	color:				#666;
	font-size:			14px;
}
.pageNumbering{
	display: 	block;
	text-align:	center;
	margin:		10px;
}
.pageList{
	color:				black;
	font-weight:		bold;
}
.pageList a{
	color:				black;
	border:				none;
}
a.currPage{
	color:				#BABA00;
}
/* PAGETITLES */
.pageTitle{
	position:			relative;
	
	height:				30px;
	
	margin-left:		-20px;
	margin-right:		-20px;
	margin-bottom:		10px;

	padding-left:		25px;
	padding-right:		25px;
	
	color:				#BABA00;
	font-size:			14px;
	line-height:		30px;
	vertical-align:		middle;
	background-color:	#F0F0F0;
	
}
.pageTitle a{
	color:				#BABA00;
	text-decoration:	none;
	border:				none;
	border-color:		transparent;
}
.pageTitle a.back{
	position:			absolute;
	right:				25px;
	color:				#BABA00;
	top:				0px;
	text-decoration:	none;
	border:				none;
	border-color:		transparent;
}

/* PRODUCT LIST */
.product{
	margin-bottom:			20px;
	border:					1px solid #BABABA;
	background-image:		url("../../images/parha/asunto_liuku.jpg");
	background-repeat:		repeat-x;
	background-position:	left bottom;
}
.product_pic_medium, .product_pic_big{
	border:				2px solid white;
	background-color:	white;
	background-image:	url( "../../images/parha/nopic.jpg" );
	background-repeat:	no-repeat;
	background-position: 50% 50%;	
}
.product_pic_medium{
	width:			360px;
	height:			270px;
}
.product_pic_big{
	width:			512px;
	height:			384px;
}
.product_address{
	color:			#333333;
	font-size:		12px;
}
.product_sizeAndType{
	color:			#949494;
	font-size:		12px;
}
.product_name{
	display:		block;
	background:		url( "../../images/parha/palkki_tausta.jpg" ) no-repeat transparent -20px 0px;
	text-align:		left;
	color:			#949494;
	font-size:		16px;
	font-weight:	bold;
	margin-top:		5px;
	margin-bottom:	10px;
	line-height:	30px;
	vertical-align: middle;
}
.product_link, .product_link:hover, .product_link:active, .product_link:visited{
	background:		url("../../images/parha/tutustu_painike.jpg") no-repeat left top transparent;
	text-decoration: none;
	vertical-align:	middle;
	line-height:	38px;
	display:		block;
	color:			#545454;
	font-size:		12px;
	height:			38px;
	text-align:		center;
	margin-bottom:	15px;
	margin-left:	2px;
	padding-bottom:	6px;
	width:			186px;
	font-weight:	bolder;
	border:			none;
}
.product_desc{
	font-family:		Arial,Helvetica,sans-serif;
	font-size:			12px;
	padding-top:		10px;
	padding-right:		5px;
	margin-top:			10px;
}
.product_thumb{
	width:				80px;
	height:				60px;
	background-repeat:	no-repeat;
	background-position: 50% 50%;
	display:			inline-block;
	margin:				4px;
	padding:			0px;
	cursor:				pointer;
	cursor:				hand;
}
.product_longDesc{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

/* NAVIGATION */
.menuGroup{
	display:		inline-block;
	vertical-align:	top;
	text-align:		left;
	padding:		10px;
	width:			115px;
}
.menuGroup span{
	font-size:		12px;
	margin-top:		12px;
	margin-bottom:	12px;
	color:			white;
	font-weight:	bold;
	display:		block;
}
.menuGroup a{
	color:			#E1E100;
	font-weight:	normal;
	text-decoration:	none;
	font-size:			12px;
	border:				none;
}
.menuGroup a:hover{
	color:			#FFFF66;
}
.menuGroup a span{
	visibility:		hidden;
	color:			white;
	display:		inline;
}
.menuGroup a.selected span{
	visibility:		inherit;
}

.message_info {
	border: 2px dashed green;
	margin: 15px;
	padding: 10px;
	font-size: 8pt;
	font-weight: bold;
}
.message_error {
	border: 2px dashed red;
	margin: 15px;
	padding: 10px;
	font-size: 8pt;
	font-weight: bold;
}