/* @override 
	http://www.meira.fi/css/styles29.css
*/

/* @group Basic elements */

body {
	margin: 0px;
	padding: 0px;
	background-image: url(img/bg.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d5248;
}
h1, h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5d2f1a;
	font-weight: bold;
	padding: 10px 0px 2px 0px;
	margin: 0px;
}
h3, h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d5248;
	font-weight: bold;
	padding: 10px 0px 2px 0px;
	margin: 0px;
}
h4 {
	padding: 5px 0px 0px 0px;
	font-size: 12px;

}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #5d5248;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #15538f !important;
}
ol, ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5d5248;
}
ol {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 18px;
}

ul {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.ajankohtaista a {
	text-decoration: none;
}
ul.ajankohtaista a:hover {
	text-decoration: underline;
}
ul li {
	margin: 0px;
	padding: 0px 0px 5px 15px;
	background-image: url(img/bullet.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	list-style: none;
}
ul.products {
	padding: 0px 20px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:  260px;
	display: block;
	float: left;
}
ul.products li {
	margin: 0px;
	padding: 2px 0px 3px 15px;
	background-image: url(img/bullet.gif);
	background-position: 0px 8px;
	background-repeat: no-repeat;
	list-style: none;
/*	float: left;
	display: block;	*/
}
div.hr {
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-image: url(img/hr_doubleline.gif);
	background-repeat: repeat-x;
}
div.hrdouble {
	height: 4px;
	font-size: 1px;
	line-height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url(img/hr_doubleline.gif);
	background-repeat: repeat-x;	
}

fieldset {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
dl {
	padding: 0px;
	margin: 0px;
}
dt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #5d5248;

}
dd {
	padding: 0px;
	margin: 0px;
}
dd input {
	width: 400px;
}
dd textarea {
	width: 400px;
}
form {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
}
#formstyle form {
	padding: 0px 0px 0px 36px;
}
table td {
	vertical-align: top;
}

/* @end */

/* @group Search */

.searchbg {
	background-image: url(img/search_bg.gif);
	background-repeat: no-repeat;
}
div#search {
	display: block;
	float: left;
	width: 620px;
	padding: 10px 0px 9px 30px;
	vertical-align: top;
}
input#searchstr {
	width: 124px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 0px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333333;
	border-width: 0px;
	border-style: solid;
	border-top-color: #8c8c8a;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #8c8c8a;
	background-image: url(img/searchfield.gif);
	vertical-align: top;
}

button#btnsearch_fi  {	
	height: 25px;
	width: 53px;
	background-image: url(img/search_btn_hae.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:0pt none;
	cursor:pointer;
	margin: 0px 0px 0px 5px;
	padding:0px;
	text-indent:-1000em;
	vertical-align: top;
	
}
button#btnsearch_fi:hover {
	background-position: 0px -25px;
}


button#btnsearch_en  {	
	height: 25px;
	width: 74px;
	background-image: url(img/search_btn.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border:0pt none;
	cursor:pointer;
	margin: 0px 0px 0px 5px;
	padding:0px;
	text-indent:-1000em;
	vertical-align: top;
	
}
button#btnsearch_en:hover {
	background-position: 0px -25px;
}


/* @end */

/* @group Sub-navigation */

.subnavibg {
	background-image: url(img/subnavi_bg.gif);
	background-repeat: repeat-y;
}
.mainframebg {
	background-image: url(img/mainframe_bg.gif);
	background-repeat: repeat-y;
}
#subnaviframe {
	margin-bottom: 10px;
}
#subnavi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5d2f1a;
	padding: 10px 0px 0px 0px;
}
#subnavi a {
	text-decoration: none;	
	font-family: Georgia, Times New Roman, serif;
	font-weight: bold;
	font-size: 11px;
	line-height: 15px;
	padding-left: 18px;
	padding-top: 6px;
	padding-bottom: 4px;
	display: block;		
}
#subnavi ul li.open a,
#subnavi ul li.selected a {
	color: #5d2f1a !important;
}
#subnavi ul ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #5d2f1a !important;

}

#subnavi ul ul li.selected-3 a {
	color: #5d2f1a !important;
	font-weight: bold;
}
#subnavi a:hover {
	color: #5d2f1a;
	text-decoration: underline;	
}
#subnavi ul {
	margin: 0px;
	padding: 0px;
}
#subnavi ul ul {
	padding: 0px 0px 0px 0px;
}
#subnavi ul li {
	list-style: none;
	background-image: url(img/subnavi_horline.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0px;
}
#subnavi ul li.first {
	background-image: none;
}

#subnavi ul ul li.first {
	background-image: url(img/subnavi_horline.gif);
}

/* Second level */

#subnavi ul ul li {
	line-height: 12px;
	font-size: 11px;
}
#subnavi ul ul li a {
	padding-left: 28px;	
	padding-top: 6px;
	padding-bottom: 4px;
	display: block;	

}

/* @end */

/* @group Editable banners */

#editBanners {
	width: 741px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
}
#editBanners p, #editBanners img {
	padding: 0px;
	margin: 0px;
}
/* @end */

/* @group Main content */

.pixelframe {
	border: 1px solid #e3ddcd;
	background-image: url(img/bg_gradient.jpg);
	background-repeat: no-repeat;
	background-position: bottom;	
}
#editMaintitle {
	width: 698px;
	height: 48px;
	background-image: url(img/titlebar_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;	
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: left;
}

#editTitle {
	width: 698px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: left;
}
#editTitle h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #5d2f1a;
	padding-left: 34px;
	padding-top: 16px;
	padding-bottom: 0px;
	margin: 0px;
}

#editBigTitle {
	width: 698px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: left;
}
#editBigTitle h1 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
	color: #5d2f1a;
	padding-left: 34px;
	padding-top: 16px;
	padding-bottom: 0px;
	margin: 0px;
}
#editContent, #welcome, #thanks {
	width: 622px;
	padding: 14px 40px 20px 36px;
	display: block;
	float: left;
	
}

div.products, #editContent1, #editContent2, 
#editContent3, #editContent4, #editContent5  {
	width: 622px;
	padding: 0px 40px 0px 36px;
	margin: 0px;
	float: left;
	display: block;
	
}
#editContent1 {
	padding: 14px 40px 0px 36px;
}
#editContent {
	padding: 14px 40px 30px 36px;
}

#editContentNarrow {
	width: 360px;
	padding: 10px 0px 30px 36px;
	display: block;
	float: left;
}

#editContent.spices div.hrdouble {
	margin: 0px;
	clear: both;
}
#editContent.spices h2 {
	margin-top: 8px;
	margin-bottom: 8px;
}
#editContent.spices a {
	text-decoration: none;
}
#editContent.spices a:hover {
	text-decoration: underline;
}
#editContent.spices ul {
	margin-top: 10px;
	margin-bottom: 15px;
}
#editContent.spices li {
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 14px;
}
#editContent.spices .columnleft {
	float: left;
	width: 265px;
}
#editContent.spices .columnright {
	float: left;
	width: 265px;
}

#editProductimage {
	float: right;
	width: 276px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}


#editMainimage {
	padding: 11px;
	border-bottom: 1px solid #e3ddcd;	
	display: block;
	float: left;
}
#editMainimagewide {
	border-bottom: 1px solid #e3ddcd;	
}

/* @end */

/* @group Footer */

p.copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #827157;
	margin: 0px;
	padding: 10px 30px 10px 0px;
	text-align: right;
	
}



/* @end */	
	
	
	


/* @group Table styles */

/* @group Table dark */

table.table-dark  {
   border-collapse: separate;
   border-spacing: 1px;
   border: 1px solid #5d3f2d;
   background: #5d3f2d;   
}

table.table-dark tr {
}

table.table-dark td {
   border: 1px solid #5d3f2d;
   background: #fff;
   border-spacing: 0px;
   border-collapse: collapse;
   border: 0px solid #5d3f2d;
   padding: 1px 0px 1px 5px;
}

/* @end */

/* @group Table Light */

table.table-light {
   border-collapse: separate;
   border-spacing: 0px;
   border: 0px solid #5d2f1a;
   border-top: 1px solid #e3ddcd;
   background: #999;   
}

table.table-light tr {
}

table.table-light td {
   background: #fff;
   border-spacing: 0px;
   border-collapse: collapse;
   border: 0px solid transparent;
   border-bottom: 1px solid #e3ddcd;
   padding: 1px 0px 1px 5px;
}

body.contenteditor table.table-light td, body>table.table-light td {
   border-right: dotted 1px #faa;
}

/* @end */

/* @group Table None */

table.table-none  {
   border: 0px solid transparent;
   border-collapse: separate;
   border-spacing: 0px;
}

table.table-none td {
   padding: 0px 0px 0px 5px;
   border-spacing: 0px;
   border-spacing: 1px 1px;
}

body.contenteditor table.table-none, body>table.table-none {       
   border-top: 1px  dotted #faa;
}
/*.contenteditor */
body.contenteditor table.table-none td, body>table.table-none td {
   border-right: 1px  dotted #faa;
   border-bottom: 1px  dotted #faa;
}

/* @end */

/* @group Row styles */

tr.row-bold td {
   font-size: 15px;
}

tr.row-bold td p {
   font-size: 15px;
}

tr.row-dark td {
   background: #5d3f2d;       
   color: #fff;    
}

tr.row-light td {
   background: #f3efe2;    
}

/* @end */

/* @end */

/* @group Link styles */

a.link-big{
     padding-left: 13px;
font: bold 14px/20px Arial, Helvetica, sans-serif;
     background: url(img/link-arrowbig.gif) no-repeat 0px 0px; 
     text-decoration: none;

}
a.link-dark{
     padding-left: 10px;
     background: url(img/link-arrow.gif) no-repeat 0px 1px; 
     text-decoration: none;
}
a.link-away{
     padding-right: 16px;
     background: url(img/link-away.gif) no-repeat top right; 
}

/* @end */




/* @group Frontpage styles */

#frontpage {
	width: 976px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
}

#frontpage #topbar {
	height: 90px;
	background-image: url(img/front_topbarbg.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#frontpage #topbar #toplinks {
	position: absolute;
	right: 99px;
	top: 14px;
	display: block;
	float: left;
	text-align: right;
}

#frontpage #topbar #toplinks p {
	text-align: right;
}

#frontpage #topbar #toplinks a {
	display: block;
	float: left;
	height: 19px;
	color: #15528e;
	border-right: 1px solid #8aa8c6;
	padding: 2px 10px 2px 0px;
}
#frontpage #topbar #toplinks a.last {
	border-right: none;
	padding-right: 10px;
	padding-left: 10px;
}
#frontpage #topbar #inspecta-logo {
	position: absolute;
	right: 16px;
	top: 14px;
	padding: 0px;
	border: none;
}
#frontpage #topbar #inspecta-logo a img {
	border: none;
}

#frontpage #frontnavi {
	position: absolute;
	right: 30px;
	top: 35px;
}

#frontpage #meiralogo {
	position: absolute;
	left: 0px;
	top: 35px;
	float: left;
	margin-top: 0px;
	padding-left: 35px;
}
#frontpage #zanettilogo {
	position: absolute;
	top: 35px;
	left: 160px;
	float: left;
	margin-top: 0px;
}

#frontpage #imagearea {
	background-image: url(img/front_imagearea_bg.gif);
	background-repeat: repeat-y;
	padding-top: 22px;
	padding-left: 16px;
}
#notice {
	background-image: url(img/front_notice_bg.jpg);
	background-repeat: no-repeat;
	width: 942px;
	border: 1px solid #db0000;
	border-bottom: 11px solid #db0000;
	background-color: #eeeeee;
}
#notice p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #5d2f1a;
	padding: 0px;
	padding: 13px 16px 11px 52px;
}
#notice span {
	color: #db0000;
	font-weight: bold;
}
#notice a {
	color: #db0000 !important;
}

#editFrontPageLinks {
	width: 976px;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	float: left;
}
#editFrontPageLinks p, #editFrontPageLinks img {
	padding: 0px;
	margin: 0px;
}


/* @end */



/* @group Ajankohtaista */

#ajankohtaista  {
	width: 622px;
	padding: 0px 40px 0px 36px;
	margin: 0px;
	float: left;
	display: block;
}

#ajankohtaista ul li {	
	margin: 0px;
	padding: 12px 15px 8px 14px;
	background-image: url(img/ajankohtaista_li.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	list-style: none;
}
#ajankohtaista ul li a {
	text-decoration: none;
}
#ajankohtaista ul li a:hover {
	text-decoration: underline;
}
#ajankohtaista ul li.first {	
	padding: 11px 15px 8px 14px;
	background-position: 0px -1px;
}

/* @end */

/* @group Section */

#MainFlashBackground {
	width: 318px;
	height: 271px;
	display: block;
	padding: 30px 40px 0px 340px;	
}
#MainFlashText h1 {
	font-family: Georgia, Times New Roman, serif;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;

}
#MainFlashText h1,#MainFlashText p {
	color: #fff !important;
}

/* @end */

#print_page {
	display: block;
	position: absolute;
	top: 81px;
	left: 884px;
}
#print_page a img {
	border: 0px;
}
#pagefooter {
	position: relative; 
	display: block;	
}
#pnavi {
	position: relative; 
	top: -27px; 
	vertical-align: bottom; 
	display: block; 
	float: left; 
	padding: 0px 0px 0px 0px;
}


#header, #wrap {
	width: 1001px;
}

#contentwrap {
	width: 730px;
}

a img {
	border: 0px;	
}

