/* Patnapin CSS 2009 */
* {
	margin:		0;
	padding:		0;
}
html {
	background:	url(../img/html_bg.png) repeat-x #dadadc;
	font-size:	100%;
}
body {
	font-family:	Arial;
	font-size:	.76em;
	/*width:		858px;
	padding:		0 351px 0 352px;*/
	width:		100%;
	display:		table;
	background:	url(../img/paa.png) no-repeat center 85px;
	height:		500px;
}
#apteekki {
	width:		858px;
	margin:		0 auto 10px;
}
#topsakka {
	height:		91px;
}
#logo {
	width:		650px;
	height:		77px;
	display:		block;
	background:	url(../img/logo.png) no-repeat 29px 7px;
	padding:		7px 29px;
	float:		left;
}
#vta_logo {
	float:		right;
	background:	url(../img/vta_logo.png) no-repeat left top;
	width:		80px;
	height:		75px;
	margin:		5px 9px;
}
#kuvaruutu {
	width:		822px;
	height:		238px;
	background:	url(../kuvat/paakuvat/main_apteekki.jpg) no-repeat left top;
	margin:		10px 17px 0;
	position:		relative;
}

/* -- Navigeishon -- */
#navipalkki {
	position:		absolute;
	bottom:		0;
	width:		100%;
	height:		28px;
	background:	url(../img/navi_vasen.png) no-repeat left top #9b0202;
}
#navipalkki .oikea {
	height:		28px;
	background:	url(../img/navi_oikea.png) no-repeat right top;
}
#navipalkki ul {
	list-style:	none;
	padding:		0 0 0 12px;
}
#navipalkki ul li {
	display:		inline;
	float:		left;
}
#navipalkki ul li a {
	/*position:		relative !important;*/
}
#navipalkki a {
	margin-left:	1px;
	color:		#FFF;
	display:		block;
	float:		left;
	padding:		6px 13px 0;
	font-size:	1.1em;
	font-weight:	bold;
	height:		22px;
	text-decoration:none !important;
}
#navipalkki a:hover, #navipalkki .aktiivi {
	background-position: center -21px;
	background-color:		#FFF;
}
#navipalkki a span {
	display:		none;
}

/*** SUBVALIKKO ***/
.subvalikko {
	display:		none;
	z-index:		9999;
	position:		absolute;
	left:		0;
	top:			28px;
	background:	#FFF;
	border:		1px solid #ccc;
	border-top:	0;
	border-bottom:	0;
	padding:		0 !important;
	margin:		0 !important;
}
.subvalikko li {
	float:		none !important;
	display:		block;
}
.subvalikko a {
	display:		block;
	float:		none !important;
	margin:		0 !important;
	padding:		5px 10px !important;
	height:		auto !important;
	border-bottom:	1px solid #ccc;
}
.subvalikko a:hover {
	color:		#9b0202 !important;
}
#navipalkki .subvalikko a {
	color:		#000;
}
#navipalkki ul li:hover ul {
	display:		block !important;
}








#sublinkit {
	display:		block;
	list-style:	none;
	margin:		6px 17px 15px;
	padding:		0 10px;
	width:		803px;
	display:		inline;
	float:		left;
	font-weight:	bold;
	font-size:	100%;
}
#sublinkit li {
	display:		block;
	float:		left;
	margin:		0 7px;
}
#sublinkit li a {
	color:		#000;
}
#sublinkit a.aktiivi, #sublinkit a:hover {
	color:		#af032f;
}
#hylly {
	background:	url(../img/main_y.png) repeat-y;
	width:		858px;
}
#hylly #alaosa {
	width:		804px; /* 858px */
	background:	url(../img/alaosa.png) no-repeat left bottom;
	padding:		0 0 20px;
	min-height:	232px;
	padding:		10px 19px 20px 35px;
}
#vasen {
	width:		616px;
	float:		left;
	line-height:	1.3em;
}
#oikea {
	float:		right;
	width:		177px;
}
#oikea p {
	color:		#000;
}
.harmaaboxi {
	background:	url(../img/harm_y.png) repeat-y left;
	margin:		1em 0;
	width:		177px;
	color:		#000;
}
.harmaaboxi p, .harmaaboxi a {
	color:		#000 !important;
}
.harmaaboxi .top {
	background:	url(../img/harm_top.png) no-repeat left top;
}
.harmaaboxi .bot {
	background:	url(../img/harm_bot.png) no-repeat left bottom;
	padding:		12px;
	width:		153px;
}
.harmaaboxi h1, .harmaaboxi h2, .harmaaboxi h3 {
	color:		#9b0202;
}
.keskitys {
	text-align:	center;
}
.oikealle {
	float:		right;
}
h1, h2, h3, h4, h5 {
	color:		#000;
}
h1 {
	font-size:	1.3em;
}
h2 {
	font-size:	1.2em;
}
h3 {
	font-size:	1.1em;
}
img {
	margin:		1px;
}
a:link,
a:active,
a:visited {
	color:		#af032f;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
p {
	margin:		.3em 0 .6em;
	line-height:	1.4em;
	color:		#555;
}
.vta_tuote {
	float:		left;
	width:		295px;
	height:		220px;
	margin:		6px 12px 6px 0;
}
#vasen ul, #vasen ol {
	margin:		.2em .2em .2em 1.2em;
}
#vasen ol {
	list-style-position:inside;
}
.yt_ruutu {
	background:	url(../img/yt_laatikko_top.png) no-repeat left top;
	float:		left;
	width:		299px;
	margin:		10px 9px 10px 0;
}
.yt_ruutu .pohja {
	background:	url(../img/yt_laatikko_bot.png) no-repeat left bottom;
	padding:		7px 7px 5px;
	width:		285px;
}

.lomake label {
	clear:		both;
	margin:		.5em 0 .1em;
	display:		block;
}
.lomake .levea {
	width:		200px;
}