html {
	height: 100%;
}

body {
	height: 100%;
	padding: 0;
	margin: 0px;
	background-color: #b1c33b;
	background-image: url(../images/bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	_background-attachment: scroll;
	_background-repeat: repeat-y;
}

img, table, tr, td, form, input, select, option {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	color: #6d6335;
	line-height: 36px;
	font-weight: normal;
	border-bottom: 1px solid #c4b9a2;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

h1.frontLowerHeading {
	padding-left: 5px;
	font-size: 24px;
}

h1.noUnderline {
	margin-bottom: 0px;
	border-bottom: none;
}

h1.noUnderlineSmallBottomMargin {
	margin-bottom: -15px;
	border-bottom: none;
}

h1.secondRow {
	margin-top: -10px;
}

h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #6d6335;
	line-height: 36px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h2.secondRow {
	margin-top: -10px;
}

h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #6d6335;
	line-height: 28px;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

h3.secondRow {
	margin-top: -10px;
}

h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	color: #6d6335;
	line-height: 29px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: -8px;
}

h5 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #6d6335;
	line-height: 24px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-bottom: 8px;
}

p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6335;
	line-height: 18px;
	margin: 0px;
	padding: 0px;
}

.smaller {
	font-size: 9px;
	line-height: 16px;
}

ul, ol {
	margin: 6px 0px 0px 8px;
	padding: 6px 0px 0px 8px;
}

.textfield {
	width: 100%;
	height: 20px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6335;
	line-height: 18px;
	padding-left: 5px;
	margin-bottom: 2px;
	border: 1px solid #e5e5e5;
}

.textarea {
	width: 100%;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #6d6335;
	line-height: 18px;
	padding: 4px 5px 6px 5px;
	border: 1px solid #fcf8e4;
}

.check {
	vertical-align: middle;
}

a:link {
	color: #6d6335;
	text-decoration: underline;
	outline: none;
	margin: 0px;
	padding: 0px;
}

a:active {
	color: #6d6335;
	text-decoration: underline;
	outline: none;
	margin: 0px;
	padding: 0px;
}

a:visited {
	color: #6d6335;
	text-decoration: underline;
	outline: none;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #6d6335;
	text-decoration: none;
	outline: none;
	margin: 0px;
	padding: 0px;
}


/* Highslide thumbnail effects */

#hsContainer {
	margin: -65px 0 0 0;
	border: 1px solid transparent;
	_border: none;
	text-align: center;	
}

a.hsthumb img {
	padding: 11px 11px 11px 11px;
	background: url(../images/thumbnail_bg.png) no-repeat;
	_background: none;
}

a.hsthumb1 img {
	padding: 11px 5px 11px 11px;
	background: url(../images/thumbnail_bg.png) no-repeat;
	_background: none;
}

a.hsthumb2 img {
	padding: 11px 11px 11px 11px;
	background: url(../images/thumbnail_bg.png) no-repeat;
	_background: none;
}

/* General */

#site-wrapper {
 width: 832px;
 margin: 0 auto;
}

#site {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	float: left;
	_float: none;
	
	background: url(../images/content_bg_repeat.png) repeat-y 0 0;
	/*
	background-image: url(../images/content_bg_repeat.png);
	background-repeat: repeat-y;
	background-position: center;
	*/
}

/*
body #site {
	width: 832px;
	height: 1300px;	
	margin: 0 auto;
	background-image: url(../images/content_bg_repeat.png);
	background-repeat: repeat-y;
	background-position: center;
}

body.front #site {height: 950px;}
*/

.headerBg {
	width: 100%;
	height: 157px;
	float: left;
	background-color: #6a7843;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.contentTopBg {
	
	
	width: 832px;
	height: 65px;
	margin-top: 92px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/content_top_bg.jpg);
	background-repeat: no-repeat;
	
	
	/*
	width: 100%;
	height: 65px;
	margin-top: 92px;
	background-image: url(../images/content_top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	*/
	
}

.contentTopWrapper {
	width: 100%;
	float: left;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 3;
	_margin-top: -157px;
}

.contentTop {
	width: 832px;
	margin-left: auto;
	margin-right: auto;
	/* border: 1px dashed yellow; */
}

.header img {
	float: left;	
}

.mainNavi img {
	float: left;
}

.mainNavi span {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	border: none;
	float: left;
	height: 32px;
	text-indent: -9000px;
}

.mainNavi a:hover span {
	background-position: 0px -32px;
}

.mainNavi #mainMenuReseptit {
	background-image: url(../images/navi1.png);
	width: 154px;
}

.mainNavi #mainMenuMaustehylly {
	background-image: url(../images/navi2.png);
	width: 265px;
}

.mainNavi #mainMenuEines {
	background-image: url(../images/navi3.png);
	width: 206px;
}

.mainNavi #mainMenuMeiraattori {
	background-image: url(../images/navi4.png);
	width: 197px;
}

#mainWrapper {
	width: 832px;
	margin-left: auto;
	margin-right: auto;
}

#main {
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
	margin-top: 92px;
	_margin-top: -65px;
	padding-bottom: 120px;
	_padding-bottom: 235px;
}

#footerText {
	width: 100%;
	float: left;
	margin-top: 30px;
	border-top: 1px solid #c4b9a2;
}

#footerText p {
	font-size: 10px;
}

#footerBg {
	width: 100%;
	height: 85px;
	margin-top: -85px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 0;
	background-color: #ffffff;
}

#footer {
	width: 100%;
	height: 235px;
	float: left;
	margin-top: -235px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center;
}

#footerOverlay {
	width: 100%;
	height: 100px;
	margin-top: -100px;
	position: fixed;
	left: 0px;
	bottom: 0px;
	z-index: 3;
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.ie6Hide {
	_display: none;
}

.floatLeft {
	float: left;
}

/* Front page */

.frontTopHilight {
	width: 745px;
	height: 283px;
	background-image: url(../images/front_top_bg.png);
	background-repeat: no-repeat;
}

.frontContentRowShadeFull {
	width: 761px;
	min-height: 155px;
	height: auto !important;
	height: 169px;
	float: left;
	padding-top: 6px;
	margin-left: -9px;
	background-image: url(../images/content_shade.png);
	background-repeat: repeat-x;
}

.frontContentOneColWideRow {
	float: left;
	width: 744px;
	padding: 10px 15px 0px 10px;
	margin-bottom: 15px;
	margin-left: 9px;
	margin-top: 8px;
	background-image: url(../images/content_widerow_pic_bg.png);
	background-repeat: no-repeat;
}

.frontContentColWideBottom {
	margin-left: -11px;
	margin-bottom: -12px;
}

.contentFrontLeftCol {
	float: left;
	margin-top: 28px;
	margin-left: 34px;
	_margin-left: 17px;
}

.contentFrontLeftColShade {
	float: left;
	background-image: url(../images/content_shade_front.png);
	background-repeat: repeat-x;
}

.contentFrontText {
	width: 741px;
	float: left;
	clear: both;
	padding: 8px 11px 11px 11px;
}

.contentFrontBox {
	width: 381px;
	float: left;
	clear: both;
	margin-top: 3px;
	margin-left: -23px;
	_margin-left: -11px;
	_padding-top: 10px;
}

.contentFrontBox img {
	float: left;
}

.contentFrontBoxRight {
	width: 401px;
	float: right;
	clear: both;
	margin-top: -122px;
	margin-left: -23px;
	margin-left: 0px;
	margin-right: -24px;
	_margin-left: -11px;
	_padding-top: 10px;
}

.contentFrontBoxRight .hilightImg {
	float: left;
	margin-left: -20px;
}

.contentFrontBoxRight .topicText {
	float: left;
	margin-left: 0px;
}

.contentFrontBoxRight img {
	float: right;
}

.contentFrontBoxContent, .contentFrontBoxContentLeft, .contentFrontBoxContentRight {
	width: 376px;
	min-height: 115px;
	height: auto !important;
	height: 115px;
	float: left;
	margin-top: -10px;
	padding-left: 25px;
	background-color: #6a7843;
}


.contentFrontBoxContentLeft {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}

.contentFrontBoxContentRight {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}


.contentFrontBoxContent p, .contentFrontBoxContentLeft p, .contentFrontBoxContentRight p {
	color: #f5e6c3;
}

.contentFrontBoxContent a:link, .contentFrontBoxContent a:active, .contentFrontBoxContent a:visited, .contentFrontBoxContent a:hover, .contentFrontBoxContentLeft a:link, .contentFrontBoxContentLeft a:active, .contentFrontBoxContentLeft a:visited, .contentFrontBoxContentLeft a:hover, .contentFrontBoxContentRight a:link, .contentFrontBoxContentRight a:active, .contentFrontBoxContentRight a:visited, .contentFrontBoxContentRight a:hover {
	color: #fffd4a;
	text-decoration: none;
	padding-right: 18px;
	background-image: url(../images/content_box_arrow.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

.contentFrontBoxContent a:hover, .contentFrontBoxContentLeft a:hover, .contentFrontBoxContentRight a:hover {
	text-decoration: underline;
	padding-right: 22px;
}

.contentFrontRightCol {
	width: 321px;
	float: left;
	margin-top: 28px;
	padding: 8px 11px 11px 41px;
	background-image: url(../images/content_shade_front.png);
	background-repeat: repeat-x;
}

.contentFrontBottomLeftCol {
	width: 364px;
	float: left;
	margin-top: 0px;
	padding: 8px 4px 11px 48px;
}

.contentFrontBottomLeftCol img {
	margin-left: -4px;
	float: left;
}

.contentFrontBottomLeftCol p {
	width: 253px;
	float: right;
}

.contentFrontBottomRightCol {
	width: 377px;
	float: right;
	margin-top: 0px;
	padding: 8px 35px 11px 4px;
}

.contentFrontDropdown {
	width: 295px;
	margin-top: -10px;
	margin-bottom: 5px;
}

.contentFrontDropdownContent {
	width: 290px;
	display: none;
	position: absolute;
	z-index: 10;
	margin-left: 0px;
	_margin-left: -293px;
	margin-top: -6px;
	_margin-top: 26px;
	background-color: #ffffff;
	padding: 0 0 12px 5px;
	background: url(../images/dd_bg.png) no-repeat left bottom;
}



/*
.dropDownLinks {}

.dropDownBottom {
	height: 6px; 
	background-image: url(../images/dropdown_bg.png) bottom;
}
*/


*:first-child+html .contentFrontDropdownContent {
	margin-left: -299px;
	margin-top: 26px;
}


.contentFrontDropdownContent a:link, .contentFrontDropdownContent a:active,.contentFrontDropdownContent a:visited, .contentFrontDropdownContent a:hover {
	display: block;
	line-height: 16px;
	text-decoration: none;
	padding: 2px 3px 2px 3px;
}

.contentFrontDropdownContent a:hover {
	display: block;
	color: #fffd4a;
	line-height: 16px;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	margin: 0 5px 0 0;
	background-color: #6a7843;
}

/* Product & Recipe List Page */

.recipeGroups {
	width: 746px;
	float: left;
	margin-top: -10px;
	margin-bottom: -10px;
	padding-top: 0px;
	padding-left: 32px;
}

.recipeGroups ul {
	width: 776px;
}

.recipeGroups ul li {
	display: inline-block;
	list-style-type: none;
	width: 115px;
	padding-left: 10px;
	padding-bottom: 5px;
	border-left: 1px solid #e5d4b0;
}

.recipeGroups ul .noBorder {
	width: 125px;
	padding-left: 0px;
	border: none;
}

.recipeGroupRecipes {
	float: right;
	min-height: 239px;
	margin-right: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	background-color: #f5e6c3;
	background-image: url(../images/content_recipegroup_recipes_bg.png);
	background-repeat: repeat-x;
}

.recipeGroupRecipes ul {
	width: 200px;
	margin: 0px;
	padding: 0px;
}

.recipeGroupRecipes ul li {
	list-style-type: none;
	width: 200px;
	padding-left: 0px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #d1c6ae;
}

.recipeRecipeTextHolder {
	width: 484px;
	background-color: #ffffff;
	background-image: none;
}

.recipeRecipeText {
	height: auto;
	margin-top: 20px;
	padding: 20px;
}

.recipeRecipeTextNoTop {
	height: auto;
	margin-top: 0px;
	padding: 20px;
	background-color: #ffffff;
	float: left;
}

.recipeRecipeTextLeft {
	float: left;
	width: 200px;
	margin-top: 5px;
	margin-left: 20px;
}

.recipeRecipeTextRight {
	float: right;
	width: 200px;
	margin-right: -4px;
	margin-top: 5px;
}

.recipeRecipeTextBottom {
	float: left;
	background-color: #ffffff;
	padding: 20px;
}

.productListRow1, .productListRow2, .productListRow3 {
	margin-top: 15px;
	float: left;
}

.recipeLinks p {
	line-height: 16px;
	padding-bottom: 5px;
}

.recipeLinks a {
	display: block;
}

.productListDesc {
	width: 290px;
	float: left;
	padding-right: 20px;
}

.productListItem {
	float: left;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

.productListRow1 .productListItem {
	width: 66px;
}

.productListRow2 .productListItem {
	width: 64px;
	_width: 59px;
}

.productListRow3 .productListItem {
	width: 70px;
}

.productListPic {
	height: 169px;
}

.productListName {
	width: 59px;
	margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
}

/* Product & Recipe Page */

.productContent {
	width: 740px;
	float: left;
	padding-top: 37px;
	padding-left: 48px;
}

.productLeftCol {
	width: 170px;
	float: left;
	margin-top: 20px;
	margin-right: 19px;
}

.productLeftCol p {
	line-height: 16px;
	padding-bottom: 5px;
}

.productLeftCol a {
	display: block;
}

.productRightCol {
	width: 540px;
	float: left;
	background-image: url(../images/product_shade.png);
	background-repeat: repeat-x;
	padding-left: 11px;
}

.productInfo {
	width: 325px;
	_width: 310px;
	float: left;
}

.productTitleWrapper {
	width: 325px;
	float: left;
	margin-bottom: 8px;
	border-bottom: 1px solid #c4b9a2;
}

.productTitleWrapper img {
	float: left;
	margin-left: -4px;
}

.productTitle {
	float: left;
	margin-top: 5px;
	margin-left: 5px;
}

.recipeTitle {
	width: 100%;
	float: left;
	margin-top: 15px;
}

.productText {
	width: 100%;
	float: left;
	padding-bottom: 8px;
	margin-bottom: 13px;
	border-bottom: 1px solid #c4b9a2;
}

.recipeArrow {
	float: left;
	margin-left: -20px;
	margin-top: 4px;
}

.productHint {
	width: 100%;
	float: left;
	border-bottom: 1px solid #c4b9a2;
	margin-bottom: 8px;
}

.productLinks {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 15px;
}

.productLinks a:link, .productLinks a:active, .productLinks a:visited, .productLinks a:hover {
	padding-left: 18px;
	background: url(../images/product_arrow.png) no-repeat 0px 0px;
}

.productPic {
	width: 215px;
	float: left;
	text-align: center;
	margin-top: 15px;
}

.productSuffle  {
	float: right;
	margin-top: -75px;
	padding-right: 9px;
}

/* Competition */

.contentCompetitionRowShade1 {
	width: 753px;
	min-height: 155px;
	height: auto !important;
	height: 155px;
	float: left;
	margin-top: 15px;
	margin-left: 34px;
	_margin-left: 17px;
	padding-left: 14px;
	background-image: url(../images/content_shade_competition1.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.contentCompetitionThreeCol1 {
	width: 240px;
	float: left;
	padding-right: 10px;
}

.contentCompetitionThreeCol1 p {
	font-size: 10px;
	line-height: 14px;
}

.contentCompetitionThreeCol1 img {
	float: right;
	margin-left: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
}

.contentCompetitionRowShade2 {
	width: 757px;
	min-height: 169px;
	height: auto !important;
	height: 169px;
	float: left;
	margin-left: 34px;
	_margin-left: 17px;
	padding-left: 10px;
	padding-top: 10px;
	background-image: url(../images/content_shade_competition2.png);
	background-repeat: repeat-x;
}

.contentCompetitionRowShade2 p {
	line-height: 20px;
}

.contentCompetitionThreeCol2 {
	float: left;
	margin-right: 30px;
	_margin-right: 20px;
}

.contentCompetitionSubmit {
	float: left;
	clear: both;
	margin-left: -32px;
	_margin-left: -16px;
}

.contentCompetitionRules {
	float: left;
	clear: both;
	_display: none;
}

#contentCompetitionRules {
	float: left;
	clear: both;
	display: none;
	_display: block;
}

/* Page elements */

.contentRowShadeFull {
	width: 765px;
	min-height: 155px;
	height: auto !important;
	height: 169px;
	float: left;
	padding-top: 8px;
	margin-top: 20px;
	margin-left: 34px;
	_margin-left: 17px;
	background-image: url(../images/content_shade.png);
	background-repeat: repeat-x;
}

.contentText {
	width: 726px;
	float: left;
	padding-top: 37px;
	padding-left: 48px;
}

.contentOneColWideRow {
	float: left;
	width: 744px;
	padding: 10px 15px 0px 10px;
	margin-bottom: 15px;
	margin-left: 9px;
	margin-top: 8px;
	background-image: url(../images/content_widerow_pic_bg.png);
	background-repeat: no-repeat;
}

.contentOneColWideRow .recipeSharingLinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	padding-top: 5px;
	padding-right: 5px;
}

.contentOneColWideRow .recipeSharingLinks a {
	padding-left: 15px;
}

.contentOneColWideRow .recipeSharingLinks img {
	padding-right: 3px;
}

.recipeSharingLinksMultiRow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
}

.recipeSharingLinksMultiRow a {
	padding-left: 0px;
}

.recipeSharingLinksMultiRow img {
	padding-right: 3px;
}

.contentColWideBottom {
	margin-left: -11px;
	margin-bottom: -12px;
}

.contentOneCol {
	float: left;
	padding: 5px 15px 0px 15px;
	margin-bottom: 15px;
}

.contentTwoColRow {
	width: 100%;
	float: left;
}

.contentTwoCol {
	width: 49%;
	float: left;
	margin-top: 15px;
}

.contentTwoColTitle {
	padding-left: 15px;
}

.contentTwoColPic {
	float: left;
	margin-left: 5px;
}

.contentTwoColText {
	width: 210px;
	float: left;
	padding-left: 7px;
}

.contentThreeCol {
	width: 251px;
	float: left;
	padding-left: 4px;
}

.contentThreeColTitle {
	padding-left: 7px;
	overflow: hidden;
}

.contentThreeColPic {
	width: 244px;
	height: 136px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/content_row_pic_bg.png);
	background-repeat: no-repeat;
	background-position: center;
}

.contentThreeColPic img {
	_padding-top: 16px;
}

*:first-child+html .contentThreeColPic img {
	padding-top: 16px;
}

.contentThreeColText {
	padding-left: 7px;
}