

* {
}

* {
  font-family: Arial, Helvetica, sans-serif;
}

div#DDHolder {
width: 200px;
height: 20px;
}

ul#DropDownNavi {
display: block;
border: 0px;
padding: 0px;
margin: 0px;
overflow: hidden;
width: 230px;
border-bottom: 1px solid #BBD1CE;

position: absolute;
z-index: 99;
background-color: white;

}

div.DDNav2 {padding-top: 26px;}

ul#DropDownNavi li {
background-image: url(/instancedata/prime_product_julkaisu/paulig/pics/DDMenubg.jpg);
}
ul#DropDownNavi li.first a {

}

ul#DropDownNavi li.selected {
font-weight: bold;
}
	
ul#DropDownNavi li {
display: block;
border: 0px;
padding: 0px;
margin: 0px;
list-style-type: none;
padding-left: 5px;
position: relative;
}

ul#DropDownNavi li img.image {
position: absolute;
top: 4px;
margin-left: 4px;
}

ul#DropDownNavi li span {padding-left: 65px;}
ul#DropDownNavi li:first-child span {padding-left: 5px; font-weight: bold;}

ul#DropDownNavi li{
display: block;
border: 0px;
padding: 0px;
margin: 0px;
height: 46px;
line-height: 46px;
padding-left: 5px;
border-left: 1px solid #BBD1CE;
border-bottom: 1px solid #BBD1CE;
border-right: 1px solid #BBD1CE;
cursor: pointer;
}

ul#DropDownNavi li:first-child{
height: 24px;
line-height: 24px;
font-weight: bold !important;
border: 1px solid #BBD1CE;
border-bottom: 1px solid #BBD1CE !important;
}

body {
  margin:0;
  padding: 0;
  border:0;
}

form {
  min-width: 950px;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
  margin:0;
  padding:0;
  border:0;
}

td {
  vertical-align: top;
  padding: 0;
  margin: 0;
}

img {
  border: 0;
}

td, p {
  color: #000000;
  font-size: 12px;
  margin: 0 0 15px 0;
  line-height: 14px;
}

input, textarea {
  color: #000000;
  font-size: 12px;
}

textarea {
  width: 100%;
}

.RecipeSearch, .RecipeResults, .RecipeRecipe {
  color: #000000;
  font-size: 12px;
  margin: 88px 0 15px 0px;
  line-height: 14px;
}

.RecipeResults a {
  font-size: 12px;
  line-height:1;
}

#centercolumn .RecipeResults table td, #centercolumn .RecipeResults table {
  border:0;
  padding-left:0;
} 

.RecipeSearch input, .RecipeResults input, .RecipeRecipe input{
  font-size:12px;
  /* padding:0;
   line-height:1; */
  vertical-align:middle;
}


.RecipeSearch select, .RecipeResults select, .RecipeRecipe select{
  width:192px;
  /* height:17px;
  background: url("/instancedata/prime_product_julkaisu/paulig/pics/select.gif") no-repeat;
  overflow:hidden; */
}


.recipeSearchButton {
  padding: 0px 6px 0px 6px;
  background: #000000;
  color: #ffffff;
  border: 0;
  font-size: 12px;
}

label, option, select {
  color: #000000;
  font-size: 12px;
}

p img {
  vertical-align: bottom;
}

a {
  color: #552409;
}

li {
  color: #000000;
  font-size: 12px;
}

h1 {
  margin: 0;
  font-size: 25px;
  font-weight: normal;

}

h2 {
  margin: 0 0 4px -3px;
  font-size: 16px;
  font-weight: bold;
}

h3 {
  margin: 0 0 4px -3px;
  font-size: 13px;
  font-weight: bold;
}


h1 {
  
}

h2, h3, h4, h5, h6 {
}

hr {
  height: 1px;
  border: 0;
  background: #888888;
}


#logo {

  position: absolute;
  top: 38px;
  left: 59px;
  display: block;
  z-index: 20;

}  

#languages {
  position: absolute;
  width: 274px;
  top: 0;
  left: 626px;
  z-index: 30;
  padding: 14px 0 0 0;
  text-align: right;
}

#languages select {
  font-size: 12px;
}

#navi {
  top: 60px;
  left: 200px;
  width: 700px;
  position: absolute;
  z-index: 40;
  text-align: right;
}

#naviwrapper {
  float: right;
}

#navi1 {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navi1 li {
  float: left;
  display: block;
  
    margin: 0 0 -3px 0;
  
  padding: 0 15px 0 17px;
  background: url("/instancedata/prime_product_julkaisu/paulig/pics/menuseparator.gif") no-repeat left center;
  height: 17px;
}

#navi1 li.firstofline {
  padding: 0 15px 0 0;
  background: transparent;
  clear: both;
}

#navi1 li.last {
  padding: 0 0 0 15px;
}

#navi1 ul {
  position: absolute;
  top: 68px;
  left: -184px;
  z-index: 50;
  text-align: left;
}

#navi1 ul ul {
  position: absolute;
  top: 70px;
  
  left: 40px; /* 285px */
    
  width: 650px;
  margin-left: 0;
  z-index: 55;
  text-align: left;
}

#navi1 li li {
  padding: 0 10px 0 12px;
}

#navi1 li li.firstofline {
  padding: 0 10px 0 0;
  margin-left: 0;
}





#leftcolumn h1, #centercolumn h1, #rightcolumn h1{

  margin: -69px 0 20px 0px;
  
  margin: expression('-63px 0 23px 0px');
  
}

#leftcolumn, #centercolumn, #rightcolumn {

}

/* FreeSet fonts */
#frontpagehilight h1{
  font-family: FreeSet-Light;
	font-weight: normal; 
	font-style: normal; 
  color:#552409;
  font-size:26px;
}
.xmldoc h1{
  font-family: FreeSet-Light;
	font-weight: normal; 
	font-style: normal; 
  font-size:36px;
  line-height:48px;
  letter-spacing:2px;
  color:#343235;
  width:599px;  
}
.xmldoc h2{
  font-family: FreeSet-Light;
	font-weight: normal; 
	font-style: normal; 
  font-size:19px;
  color:#552409;
  margin:0 0 10px 5px;
}
.xmldoc h3{
  font-family: FreeSet-Light;
	font-weight: normal; 
	font-style: normal; 
  font-size:16px;
  color:#552409;
  margin-bottom:10px; 
}
#naviwrapper ul li a{
  font-family: FreeSet-DemiBold;
	font-weight: normal; 
	font-style: normal; 
  text-transform:uppercase;
  text-decoration:none;  
  color:#343235;
  letter-spacing:3px;
  
}
#naviwrapper ul li a.sel{color:#552409;}
#navi1 li a{font-size:11px;}
#navi2 li a{font-size:10px;}

.blackbackground #leftcolumn,
.blackbackground #centercolumn,
.blackbackground #rightcolumn{
  margin-top:250px;
}

.blackbackground #naviwrapper ul li a{color:#c7b474;}
.blackbackground #naviwrapper ul li a.sel{color:#c7b474;}

.blackbackground .xmldoc h1,
.blackbackground .xmldoc h2,
.blackbackground .xmldoc h3,
.blackbackground .xmldoc p
{color:#c7b474;}

.blackbackground #leftcolumn .xmldoc h1,
.blackbackground #centercolumn .xmldoc h1,
.blackbackground #rightcolumn .xmldoc h1 {
  margin-top:0;
  text-align:center;
  width:300px;
  position:relative;
  overflow:visible;
  font-weight:bold;
  font-size:25px;
  line-height:27px;
}
.blackbackground .xmldoc h2,
.blackbackground .xmldoc h3 {
  margin-left:0;
  padding-left:0;
}


.blackbackground a {color:#c7b474;}

.blackbackground input,
.blackbackground textare,
.blackbackground select,
.blackbackground option{
  color:#ffffff;
  background-color:#000000;
}

.blackbackground input.searchfield{border:1px solid #ffffff;}
.blackbackground input.searchbutton{
  color:#000000;
  background-color:#ffffff;
}

.blackbackground .boxtop{
  width:300px;
  height:6px;
  background-image:url(/instancedata/prime_product_julkaisu/paulig/pics/brownbox_top.png);
  margin-left:45px;
}

.blackbackground .boxbottom{
  width:300px;
  height:6px;
  background-image:url(/instancedata/prime_product_julkaisu/paulig/pics/brownbox_bottom.png);
  margin-bottom:20px;
  margin-left:45px;
}

.blackbackground .xmldocument3 .xmldoc{
  padding: 10px;
  width:280px;
  background-color:#af9261;
  color:#000000;
  margin-left:45px;
}
.blackbackground .xmldocument3 .xmldoc h2{color:#000000;}

.blackbackground .xmldocument3 .xmldoc ul{
  padding-left:20px;
  
  margin-bottom:10px;
}
.blackbackground .xmldocument3 .xmldoc a{
  color:#ffffff;
}

.blackbackground .centerbottomcolumn{
  float:left;
  clear:both;
  margin-left:340px;
  width:572px;
  text-align:center;
}

/* FreeSet fonts ends */




#leftcolumn h1.channeltitle, #centercolumn h1.channeltitle, #rightcolumn h1.channeltitle {
  margin: 0;
}

body.withlevelthree #leftcolumn h1, body.withlevelthree #centercolumn h1, body.withlevelthree #rightcolumn h1{
  margin: 0px 0 3px -8px;
}

#leftcolumn {
  margin: 303px 0 0 56px;
  float: left;
  width: 274px;
}
  

#leftcolumn.wide {
  width: 560px;
}

#centercolumn {
  margin: 303px 0 0 12px;
  float: left;
  width: 274px;
  
}

#centercolumn .utz_text p, #centercolumn .utz_text h2 {
  padding-left:4px;
}

#rightcolumn {
  margin: 303px 0 0 12px;
  float: left;
  width: 274px;
}

#rightcolumn.wide {
  width: 560px;
}

#rightcolumn p {
  color: #000000;
}



#brownbox {
background-image: url(/instancedata/prime_product_julkaisu/paulig/pics/kuluttajapalvelu.png);
width: 275px;
height: 241px;
color: white;
}
#brownbox .inner {
background-image: url(/instancedata/prime_product_julkaisu/paulig/pics/kuluttajapalvelu.png);
width: 251px;
height: 218px;
overflow: hidden;
padding-left: 14px;
padding-top: 14px;
}
#brownbox ul.link-list a {
color: white;
}

#brownbox ul.link-list {
display: block;
padding:0px;
margin: 0px;
margin-bottom: 20px;
}

#brownbox pre {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#help-box { 
background-image: url(/instancedata/prime_product_julkaisu/paulig/pics/info-laatikko.png);
background-repeat: no-repeat;
width: 277px;
/*height: 352px;*/
overflow: hidden;
}
#help-box .inner {
margin-left: 34px;
margin-top: 8px;
margin-right: 25px;
}

#help-box h4 {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #50280a;
	padding-bottom: 10px;
}
#help-box p {
font-size: 11px;

}

#rightslot h1.channeltitle {display: block;}

#brownbox ul.link-list li{
display: block;
padding:0px;
margin: 0px;
list-style-type: none;
}

#formbody table {
border: 0px;
border-spacing: 0px;
border: 0px !important;
}

#formbody table td{
border: 0px;
border-spacing: 0px;
border: 0px !important;
}

#formbody textarea {
height: 110px !important;
}

#formbody br, #kuluttajapalvelu br {

}

div.brownbox{
background-color: #e8dfd0;
float: right;
margin-left: 40px;
margin-bottom: 40px;
padding: 8px;
width: 235px;
font-size: 11px;
line-height: 20px;
}

div.brownbox p {
display: block;
margin: 0px;
padding:0px;
font-size: 11px;
}

div.brownbox img {
display: inline;

margin-bottom: -3px;

}

.ui-autocomplete { position: absolute; cursor: default; border: 0px; background-color: white;}	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */


#rightslot h1.channeltitle {

}

#formbody .ui-widget {border: 0px; margin-left: 30px;}
#formbody .ui-widget input {width: 290px !important; height: 21px; margin-bottom: 90px;
 border: 1px solid #BBD1CE; line-height: 21px; padding-left: 5px; font-weight: bold;
}

#formbody .productpic {margin-top: 30px; height: 113px; display: block; position: absolute; left: 60px; margin-top: -80px;}

#formbody ul.ui-autocomplete {
margin: 0px; padding: 0px;
display: block;
background-color: white;
border: 1px solid #a19d9d;
}

#formbody li.ui-menu-item {
margin: 0px; padding: 0px;
list-style-type: none;
display: block;
background-color: white;
border-bottom: 1px solid #a19d9d;
padding: 5px;
color: black;
}

#formbody input.pf_button {
background-image: url(/instancedata/prime_product_julkaisu/paulig/pics/sendbutton_bg.png);
display: block;
color: white;
border: 0px;
width: 102px;
height: 22px;
text-align: center;
line-height: 22px;
font-weight: bold;
text-transform: uppercase;
}

#rightslot div.channelitem h2 a {
	display: block;
	background-image: url(/instancedata/prime_product_julkaisu/paulig/pics/brownarrow.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
}

#brownbox ul.link-list a, #brownbox ul.link-list li {
color: white;
font-weight: bold;
font-size: 11px;
line-height: 16px;
}

#brownbox .contactdetail,#brownbox .contactdetail a  {
font-size: 11px;
color: white;
}

body.frontpage #leftcolumn {
  top: 144px;
  left: 56px;
  z-index: 60;
}

body.frontpage #centercolumn {
  top: 144px;
  left: 342px;
  z-index: 70;
}

body.frontpage #rightcolumn {
  top: 144px;
  left: 626px;
  z-index: 80;
}

body.frontpage #leftcolumn, body.frontpage #centercolumn, body.frontpage #rightcolumn {
  position: absolute;
  margin: 0;
  float: none;
  width: 274px;
}

#leftbottomcolumn {
  position: absolute;
  top: 511px;
  left: 56px;
  width: 274px;
  z-index: 160;
}
#leftbottomcolumn .fb-like-box{
  margin-left:-20px;
}

#centerbottomcolumn {
  position: absolute;
  top: 511px;
  left: 342px;
  width: 274px;
  z-index: 170;
}

#rightbottomcolumn {
  position: absolute;
  top: 511px;
  left: 626px;
  width: 274px;
  z-index: 180;
}

body.frontpage .channel h1 {
  margin: 0;
}

.channel h2 {
  font-size: 12px;
  margin: 0;
}

.channel p {
  display: none;
}

.channel p.channelcontrols {
  display: block;
}

.channel div p {
  display: block;
}

#frontpagehilight {
  position: absolute;
  top: 447px;
  left: 342px;
  width: 558px;
  z-index: 190;
}


#helpers {
  clear: both;
  padding: 50px 0 10px 55px;
  font-size: 12px;
}

#helpers div {
  width: 845px;
}

body.frontpage #helpers {
  top: 770px;
  left: 0;
  z-index: 90;
  position: absolute;
}

#helpers ul.metalinklist {
  list-style-type: none;
  margin:0;
  padding: 0;
}

#helpers .metalinklist li {
  margin: 0;
  padding: 0;
  display: inline;
}

#helpers .metalinklist li a {
  padding: 0 30px 0 0;
  background: url("/instancedata/prime_product_julkaisu/paulig/pics/helperlinkseparator.gif") no-repeat center right;
}

#helpers .metalinklist li.last a {
  background: transparent;
}

#helpers div div {
  float: right;
  width: auto;
}

.searchfield, .searchtext {
  font-size: 12px;
  padding: 0;
}

.searchbutton {
  background: #000000;
  color: #ffffff;
  border: 0;
  font-size: 12px;
}

#searchoptions p {
  margin: 0;
}

h2#searchresults {
  margin: 20px 0 0 0;
}

#results {
  font-size: 12px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 25px;
}

#leftcolumn table, #centercolumn table, #rightcolumn table {
  border: 1px solid #888888;
}

#leftcolumn table td, #centercolumn table td, #rightcolumn table td {
  padding: 4px;
  border: 1px solid #888888;
}


#leftcolumn table.noborder, #centercolumn table.noborder, #rightcolumn table.noborder {
  border: 0;
}

#leftcolumn table.noborder td, #centercolumn table.noborder td, #rightcolumn table.noborder td {
  padding: 4px 14px 8px 10px;
  border: 0;
}

/* #centercolumn table.noborder td.recipe_textarea { padding-right:50px; width:200px; } */
#centercolumn table.noborder td.recipe_textarea p { width:360px; margin-bottom:8px;}
#centercolumn table.noborder td.recipe_textarea ol { padding-left:60px; }
#centercolumn table.noborder td.recipe_image  img { width:233px; height:300px; }



span.itemdate {
  display: block;
}

h1.channeltitle {
  display: none;
}

#gallery table {
  border: 0;
}

#gallery table td {
  border: 0;
  padding: 0 20px 10px 0;
  text-align: center;
}

#gallery h2 {
  font-weight: normal;
  font-size: 12px;
  margin: 5px 0;
}




#leftcolumn .channelcommentsform table, #centercolumn .channelcommentsform table, #rightcolumn .channelcommentsform table {
  border: 0;
  margin: 20px 0;
}

#leftcolumn .channelcommentsform table td, #centercolumn .channelcommentsform table td, #rightcolumn .channelcommentsform table td {
  border: 0;
  padding: 0 10px 10px 0;
}

.channelcommentsheader {
  margin: 10px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
}

.channelcommentsentry {
  margin: 0 0 20px 0;
  font-size: 12px;
  padding: 0;
}

/*
a.rssfeed img {
  vertical-align:middle;
}

div#addthiscontainer {
  float:right;
}
*/

div#attentionlink {
  padding-top: 1px;
  padding-left: 56px;
  top: 170px;
  left: 0px;
  position: absolute;
  width: 850px;
  background: #df2121;
  font-size: 17px;
  color: white;
  cursor: pointer;
}

body.frontpage div#attentionlink {
  top: 103px;
}

#importantmessage {
    left: 0;
    position: absolute;
    text-align: left;
    top: 100px;
    width: 100%;
	height: 22px;
  line-height: 22px;
    z-index: 41;
	background-color: #df2123;
	color: #ffffff;
	font-size: 17px;
}

#importantmessage span{
  margin-left: .5em;
}

#importantmessage a{
  color: #ffffff;
  text-decoration: none;
}

#importantmessage a:hover{
  text-decoration: underline;
}



