/**
 * Luomuruokapiiri
 * $Id$
 **/

body {
	font: 13px/21px "Trebuchet MS", "Lucida Grande", Verdana, sans-serif;
	background: #fff url("img/ruoho.png"); color: #333; margin: 0px;
}

a { color: #015401; }
a:hover { text-decoration: none; }

.error { color: #900; font-size: 12px; }
.dim   { color: #aaa; }



.notice_error 	{ padding: 5px 15px; margin: 15px 0px; color: #333; background: #fff4a8; border: 1px solid #ffcc00; }
.notice_error p { padding: 0px 30px; margin: 0px; background: #fff4a8 url("icons/error.png") center left no-repeat; font-size: 90%; }
.notice_add 	{ padding: 5px 15px; margin: 15px 0px; color: #333; background: #99ff99; border: 1px solid #33cc33; }
.notice_add p 	{ padding: 0px 30px; margin: 0px; background: #99ff99 url("icons/add.png") center left no-repeat; font-size: 90%; }
.notice_help 	{ padding: 5px 15px; margin: 15px 0px; color: #333; background: #dcecfc; border: 1px solid #89abbd; }
.notice_help p 	{ padding: 0px 30px; margin: 0px; background: #dcecfc url("icons/help.png") center left no-repeat; font-size: 90%; }


.fl { float: left; }
.fr { float: right; }
.tc { text-align: center !important; }
.tl { text-align: left !important; }
.tr { text-align: right !important; }
.c  { clear: both; }

div#r {
	width: 960px; margin: 0px auto; padding: 0px;
	background: #fff url("img/dsb.gif") top left repeat-x; overflow: auto;
}

	span.admin { float: right; margin-right: 5px; font-size: 12px !important; }
	span.admin a {
		padding: 5px 5px !important; display: block; width: auto; color: #900;
		margin: 0px 6px 0px 1px; float: left; text-decoration: none;
	}
	span.admin a:hover, span.admin a.act {
		color: #900; border: 1px solid #bdbdbd; margin: 0px 5px 0px 0px; border-top: none; border-bottom: none;
		background: transparent url("img/dsb.gif") bottom left repeat-x;
	}


	div#h { /* Header */
		margin-top: 30px; padding: 0px 20px 10px 20px; background: transparent url("img/dsb.gif") bottom left repeat-x;
	}
	div#n { /* Navigation */
		padding: 0px 20px; overflow: hidden; margin: 0px; height: 31px;
		background: transparent url("img/dsa.gif") bottom left repeat-x;
	}
		div#n a {
			padding: 5px 10px !important; display: block; width: auto; margin: 0px 6px 0px 1px;
			float: left; text-decoration: none; color: #333;
		}
		div#n a:hover, div#n a.act {
			color: #900; border: 1px solid #bdbdbd; margin: 0px 5px 0px 0px; border-top: none; border-bottom: none;
			background: transparent url("img/dsb.gif") bottom left repeat-x;
		}


	
	div#c, div#m { margin: 10px 0px 0px 0px; padding: 0px 20px 10px 20px;  }
	div#c { /* Content */
		width: 670px; float: right;
	}
		div#c h2, div#c h3 { font-weight: 100; margin-top: 5px; border-bottom: 1px solid #bdbdbd; }
	
	div#m { /* Menu */
		width: 200px; float: left; border-right: 1px solid #777;
	}
		div#m h3 { font-weight: 100; margin-top: 5px; border-bottom: 1px solid #bdbdbd; }
		div.sidebar_user form label { width: 40px; }
		div.sidebar_user form input { width: 120px; }
		div.sidebar_user form input.s { width: 128px; }
		div.sidebar_menu { margin: 10px 0px 0px; padding: 10px 0px; }
		div.sidebar_menu h3 { margin: 0px; padding: 0px; }
		div.sidebar_menu ul { margin: 0px 0px 15px 0px; padding: 0px; list-style: none; }
		div.sidebar_menu ul li { margin: 0px; padding: 0px; }
		div.sidebar_menu ul li a { display: block; padding: 2px 10px; margin: 1px 0px; text-decoration: none; color: #333; }
		div.sidebar_menu ul li a:hover { background: #015401; color: #fff; } 

		div.sidebar_user .usermenu { margin: -16px 0px 0px 0px; padding: 0px; list-style: none; }
		div.sidebar_user .usermenu li { margin: 0px; padding: 0px; border-bottom: 1px solid #bdbdbd; }
		div.sidebar_user .usermenu li a { margin: 0px; padding: 2px 10px; display: block; text-decoration: none; color: #333; }
		div.sidebar_user .usermenu li a:hover, div.sidebar_user .usermenu li a.act { background: #015401; color: #fff; }
		div.sidebar_user .usermenu li.logout a:hover { background: #900 !important; }

	div#f { /* Footer */
		padding: 30px 20px 10px 20px; font-size: 12px; line-height: 14px;
		background: transparent url("img/dsa.gif") bottom left repeat-x;
	}

form div { clear: both; }
form label {
	float: left; padding: 0px 3px 3px 3px; float: left;
}
form input, form select {
	background: #fff url("img/formshadow.gif") top left repeat-x;
	border: 1px solid #999; padding: 3px; float: right;
}
form input.s { display: block; width: 99%; margin: 5px auto 0px; }

div.register_notes { width: 250px; float: right; }
div.register_form  { width: 400px; }
div.register_form .s { width: 396px !important; float: none; }
div.register_form select { width: 350px; }
.userinfo input, .userinfo select { width: 310px; }

/* ostoskori */
table.ostoskori th { text-align: left; border-bottom: 1px solid #777; }
table.ostoskori td input { width: 60px; float: none; margin: auto; }

.verttable { border-bottom: 1px solid #999; }
.verttable td { border-top: 1px solid #999; }

/* views/tuotteet */
.itembox { margin-bottom: 25px; clear: both; }
.itembox .itemphoto { max-width: 200px; max-height: 200px; margin: 0px 25px 25px 0px; }
.pricebox { width: 200px; border: 1px solid #333; border-top: 0px; background: #fafafa; padding: 2px 10px; margin: -15px 0px 5px 20px; }
.pricebox input { width: 20px; float: none; margin: 0 auto; }
.pricebox .submit input { width: 100%; margin-top: 5px; }
.provlink { font-size: 80%; }
div.pagination { text-align: center; clear: both; font-size: 13px; padding-top: 30px; }
div.pagination a, div.pagination b { padding: 5px 2px; border: 1px solid #999; width: 30px !important; text-decoration: none; }
div.pagination a:hover, div.pagination b { background: #015401; color: #fff; }

table.prodpage td { border-bottom: 1px solid #999; }
table.prodpage td input { width: 40px !important; }
table.prodpage td input.s { width: 100% !important; }
table.prodpage td .prod { font-size: 16px !important; font-weight: bold; display: block; }
table.prodpage td .prov { font-size: 11px; display: block; }
div.catdesc { padding: 5px 10px; background: #347418; color: #fff; margin: -10px 0px 20px 0px; }
div.catdesc p { padding: 0px; margin: 0px; }


/* Yllapito */
table.adminmenu a {
	display: block; margin: 0px 5px 0px 0px; padding: 2px 3px;  color: #333;
	background: #fff; border: 1px solid #5ea2bc; text-align: center;
}

.box { border: 1px solid #aaa; background: #fafafa; padding: 5px 10px; margin-bottom: 25px; }
.box ul { margin: 0px; padding: 0px; list-style: none; }
.box ul li { margin: 0px; padding: 0px; }

table.paivatform tr.add td input { width: 75%; }

#usrlist th, #usrlist td { border-bottom: 1px solid #777; text-align: left; padding: 0 3px; }

.muokkaus .text { width: 150px; text-align: right; }
.muokkaus input { width: 400px; float: none; margin-left: 10px; }
.muokkaus textarea { width: 400px; height: 200px; margin-left: 10px; padding: 3px; }
.muokkaus select { float: none; margin-left: 10px; width: 406px; }

.news_snip { padding-left: 85px; display: block; }