html {
	width: 100%;
	height: 100%;
	background-color: #31a0b4;
}
body {
	font-family: Arial;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #000;
	background: transparent url(../gfx/bg-body.gif) repeat left top;
}
img {
	margin: 0;
	padding: 0;
}
.img-50 {
	-moz-opacity:.50; 
	filter:alpha(opacity=50); 
	opacity:.50; 
}
iframe {
	border: none;
}
form {
	padding: 0;
	margin: 0;
}
*.clearer{
	clear: both;
	font-size: 12px;
}
*:focus {
	outline:none;
}
a {
	color: #31a0b4;
	text-decoration: none;
}
a:hover {
	color: #000;
}

p {
	margin: 0;
	padding: 0 0 13px 0;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}
h1 {
	font-size: 24px;
	line-height: 20px;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 15px;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h2.ingredienth2:first-letter {
	text-transform:uppercase;
}

ul li {
	text-decoration: none;
	padding: 4px 5px 4px 20px;
	background: transparent url(../gfx/bg-li.gif) no-repeat 0px 8px;
}
div.error-list {
	margin: 6px 0;
	color:#000;
	min-height: 90px;
	padding: 15px 10px 15px 65px;
	/*border:solid 5px #ef0522;*/
	/*background: #FFEFEF url(../gfx/bg-errorlist.gif) no-repeat left top;*/	
}

div.error-list ul {
	list-style: none;
	margin: 15px 0px;
	padding: 0;
}
div.error-list ul li {
	text-decoration: none;
	padding-left: 15px;
	background: transparent url(../gfx/errorlist.gif) no-repeat 0px 10px;
}

img {
	border: 0;
	margin: 0;
}
*.ui-datepicker-trigger {
	vertical-align: middle;
	margin: 0px 0px 2px 3px;
	cursor: pointer;
}
label {
	cursor: pointer;
}
input, textarea, select {
	font-family: Arial;
	border: none;	
	font-size: 11px;
	padding: 3px 2px 2px 2px;
	margin: 0;
	color: #4c4438;
}
select.text680 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left top;
	border: 1px solid #cdcdb5;
	width: 684px;
	height: 24px;
}
input.text50 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 50px;
	height: 22px;
	font-size: 18px;
	color: #4c4c38;
}
input.profiletext150 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 144px;
	height: 15px;
}
input.profiletext240 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 234px;
	height: 15px;
}
textarea.profiletext240 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 404px;
	height: 100px;
}
input.text240 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 234px;
	height: 18px;
}
input.text280 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 278px;
	height: 18px;
}
input.text300 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 284px;
	height: 18px;
}
input.text330 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 328px;
	height: 18px;
}
input.text350 {
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 328px;
	height: 23px;
	font-size: 18px;
	color: #4c4c38;
}
input.text420 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 418px;
	height: 26px;
	font-size: 18px;
	color: #4c4c38;
}
input.text530 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left top;
	border: 1px solid #cdcdb5;
	width: 522px;
	height: 18px;
}
input.text520 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left top;
	border: 1px solid #cdcdb5;
	width: 512px;
	height: 18px;
}
input.text630 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left top;
	border: 1px solid #cdcdb5;
	width: 618px;
	height: 18px;
}
input.text680 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left top;
	border: 1px solid #cdcdb5;
	width: 678px;
	height: 18px;
}
input.text775 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left top;
	border: 1px solid #cdcdb5;
	width: 769px;
	height: 18px;
}
textarea.text240 {
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 234px;
	height: 120px;
	font-size: 11px;
}
textarea.text320 {
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 311px;
	height: 27px;
	font-size: 11px;
	color: #4c4c38;
}
textarea.text350 {
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 346px;
	height: 50px;
	font-size: 12px;
	color: #4c4c38;
}

textarea.text420 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 418px;
	height: 100px;
	font-size: 12px;
	color: #4c4c38;
}
textarea.text630 {
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 618px;
	height: 42px;
}
textarea.text680 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 678px;
	height: 100px;
	font-size: 12px;
	color: #4c4c38;
}
div.text420 {
	background: transparent url(../gfx/bg-textinput.png) repeat-x left bottom;
	border: 1px solid #cdcdb5;
	width: 418px;
	height: 100px;
	font-size: 12px;
	color: #4c4c38;
	overflow: auto;
	line-height: 14px;
	padding: 3px 2px 2px 2px;
}
input.fancy-checkbox, input.save-checkbox {
	display: none;
}
label.fancy-checkbox, label.save-checkbox {
	display: block;
	/*color: #000;*/
	padding-left: 15px;
	background: transparent url(../gfx/icon-uncheck.gif) no-repeat left 8px;
}
	label.checked {
		font-weight: bold;
		background: transparent url(../gfx/icon-check.gif) no-repeat left 8px;
		color:#000000;
	}
	label.fancy-checkbox:hover, label.save-checkbox:hover{
		color: #31a0b4;
	}
	
input.fancy-radiobox, input.save-radiobox,input.ratingsave-radiobox {
	display: none;
}
label.fancy-radiobox, label.save-radiobox,label.ratingsave-radiobox {
	display: block;
	color: #000;
	padding-left: 15px;
	background: transparent url(../gfx/icon-radio-unchecked.gif) no-repeat left 7px;
	line-height:24px;
}
	label.checkedRadio {
		font-weight: bold;
		background: transparent url(../gfx/icon-radio-checked.gif) no-repeat left 7px;
	}
	label.fancy-radiobox:hover, label.save-radiobox:hover{
		color: #31a0b4;
	}
input.submit-ok {
	cursor: pointer;
	width: 51px;
	height: 25px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	background: transparent url(../gfx/bg-submit-ok.png) repeat-x left top;
}
input.submit-ok2 {
	width: 31px;
	height: 30px;
	background: transparent url(../gfx/bg-submit-ok2.gif) repeat-x left top;
}
input.submit {
	cursor: pointer;
	height: 25px;
	padding: 0 20px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #cdcdb5;
	background: transparent url(../gfx/bg-submit-ok2.gif) repeat-x left top;
}
input.yellow-submit-normal {
	background-color: #faf397;
	width: 214px;
	height: 26px;
	text-align: center;
	color: #000;
	font-weight: bold;
}
input.yellow-submit {
	background-color: #faf397;
	width: 414px;
	height: 26px;
	text-align: center;
	color: #000;
	font-weight: bold;
}
input.black-submit {
	background: #4c4c38 url(../gfx/bg-arrow-cancel.gif) no-repeat 9px center;
	width: 182px;
	height: 22px;
	text-align: right;
	padding: 0 9px;
	color: #fff;
	font-weight: bold;
	font-size: 10px;
}
input.search-button {
	height: 22px;
}
div.submit-profile {
	width: 420px;
}
input.submit-profile {
	cursor: pointer;
	width: 418px;
	color: #4c4c38;
	font-weight: bold;
	display: block;
	margin: 1px;
	height: 30px;
	background: #faf397;
	font-size: 12px;
}
div.submit-advsearch {
	width: 600px;
	border: 1px solid #000;	
}
input.submit-advsearch {
	cursor: pointer;
	width: 598px;
	color: #fff;
	font-weight: bold;
	display: block;
	margin: 1px;
	height: 30px;
	background: #4c4c38;
	font-size: 12px;
}
div.submit-advsearch-small {
	border: 1px solid #cdcdb5;
	border-width: 1px 1px 1px 0;
	width: 66px;
}
input.submit-advsearch-small {
	cursor: pointer;
	width: 66px;
	color: #fff;
	font-weight: bold;
	height: 23px;
	background: #4c4c38;
	border: 1px solid #fff;
}
.pf_wrap_class {
	float: left;
	height: 1%;
	overflow: hidden;
}

.pf_ph_cont {
	cursor: pointer;
	margin: auto;
	width: 140px;
	float: left;
	overflow: hidden;
}

.pf_ph_cont strong {
	float: left;
	padding: 0;
	width: 49px;
	height: 10px;
	border: 1px solid #cdcdb5;
	background: #fff;
	font-size: 10px;
	text-align: center;
	color: #cdcdb5;
	padding: 9px 0;
}

.pf_ph_cont strong span {
  
}

.pf_ph {
	background: #fff;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	width: 74px;
	height: 10px;
	border: 1px solid #cdcdb5;
	border-left: none;
	padding: 9px 5px;
	font-size: 11px;
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
}
div.ingredients-add-box .pf_ph_cont strong {
	padding: 9px 5px;
}
div.ingredients-add-box span {
	font-size: 10px;
}
div.ingredients-add-box .pf_ph_cont {
	margin-top: 5px;
	width: 360px;
	height: 35px;
}
div.ingredients-add-box .pf_ph {
	width: 280px;
	font-size: 11px;
	background: #fff url(../gfx/bg-textinput.png) repeat-x left bottom;
}

/****** MAIN HEADER******/
div.header-container {
	width: 100%;
	height: 49px;
	border-bottom: 1px solid #898989;
	background-color: #31a0b4;
	margin-bottom: 10px;
}
	div.main-header {
		margin: auto;
		width: 980px;
	}
		a.logo {
			width: 317px;
			height: 47px;
			margin-top: 1px;
			display: block;
			background: transparent url(../gfx/logo.png) repeat-x left top;
			float: left;
		}
		div.main-header-loginbox {
			line-height: 15px;
			float: right;
			width: 370px;
			height: 31px;
			border: 1px solid #00d8ff;
			margin: 3px 0;
			padding: 5px 10px 5px 6px;
			text-align: right;
			font-size: 11px;
			background-color: #f4ffff;
		}
			div.main-header-loginbox img.avatar {
				vertical-align: middle;
				border: 1px solid #8c8889;
			}
			div.main-header-loginbox img.messages {
				vertical-align: top;
			}
			div.main-header-loginbox a {
				color: #31a0b4;
			}
			div.main-header-loginbox a:hover {
				color: #000;
			}
			div.main-header-loginbox td.loginbox-text {
				line-height: 17px;
			}
			div.main-header-loginbox span {
				font-size: 20px;
				color: #000;
			}			
/******* MAIN CONTAINER ********/
div.main-container {
	clear: both;
	float: left;
	border-bottom: 1px solid #fff;
	width: 100%;
	height: 100%;
}
	div.container {
		clear: both;
		width: 978px;
		margin: auto;
		border: 1px solid #fff;
		background-color: #fff;
	}
		div.main-menu {
			width: 100%;
			height: 64px;
			background: transparent url(../gfx/bg-main-menu.png) repeat-x left top;
		}
			div.main-menu div.menu {
				float: left;
				color: #edde28;
				font-size: 9px;
				font-weight: bold;
				padding: 5px 12px 0 10px;
			}
				div.main-menu div.menu div {
					font-size: 24px;
					font-weight: bold;
					color: #fff;
				}
				
				div.main-menu div.menu a.bigmenuitem {
					font-size: 24px;
					font-weight: bold;
					color: #fff;
				}
				
				div.main-menu div.menu a {
					color: #edde28;
					font-size: 10px;
				}
				div.main-menu div.menu a:hover {
					color: #fff;
				}
				img.menu-separator {
					float: left;
					margin-top: 4px;
				}
			div.main-menu div.main-icons{
				float: right;
				padding: 15px;
			}
				div.main-icons img {
					margin: 0 7px;
				}
				
		div.main-datas {
			font-size: 11px;
			color: #898989;
			margin: 5px;
			width: 964px;
			height: 15px;
			padding: 2px;
			border-bottom: 1px solid #cdcdb5;
		}
			div.main-datas div.current-datas {
				float: left;
			}
			div.main-datas div.reg-links {
				float: right;
			}
			div.main-datas strong {
				color: #31a0b4;
			}
			div.main-datas a {
				font-weight: bold;
			}
			
		div.container div.content {
			float: left;
			padding: 5px;
			width: 968px;
			background-color: #fff;
		}
		
/******* MAIN FOOTER *******/
div.footer-container {
	width: 100%;
	height: 163px;
	border-top: 1px solid #898989;
	background-color: #31a0b4;
	color: #a4a486;
	font-size: 10px;
}
	div.footer-container div.main-footer {
		width: 958px;
		height: 130px;
		margin: 5px auto;
		padding: 20px 11px;
		background-color: #fff;
	}
		img.footer-separator {
			float: left;
			margin: 4px 20px 0 12px;
		}
		div.main-footer strong {
			display: block;
			padding-bottom: 5px;
			font-size: 18px;
		}
		div.main-footer div.footer-box-left {
			float: left;
			width: 300px;
		}
			div.footer-box-left a.icon {
				display: block;
				float: left;
				width: 32px;
				height: 32px;
				margin: 0 2px;
			}
			div.footer-box-left a.facebook {
				background: transparent url(../gfx/icon-facebook-footer2.png) no-repeat left top;
			}
			div.footer-box-left a.twitter {
				background: transparent url(../gfx/icon-twitter-footer2.png) no-repeat left top;
			}
			div.footer-box-left a.netvibes {
				background: transparent url(../gfx/icon-netvibes-footer2.png) no-repeat left top;
			}
			div.footer-box-left a.google {
				background: transparent url(../gfx/icon-google-footer2.png) no-repeat left top;
			}
			div.footer-box-left a.rss {
				background: transparent url(../gfx/icon-rss-footer2.png) no-repeat left top;
			}
			
			div.footer-box-left a.facebook:hover {
				background: transparent url(../gfx/icon-facebook-footer2.png) no-repeat -32px 0px;
			}
			div.footer-box-left a.twitter:hover {
				background: transparent url(../gfx/icon-twitter-footer2.png) no-repeat -32px 0px;
			}
			div.footer-box-left a.netvibes:hover {
				background: transparent url(../gfx/icon-netvibes-footer2.png) no-repeat -32px 0px;
			}
			div.footer-box-left a.google:hover {
				background: transparent url(../gfx/icon-google-footer2.png) no-repeat -32px 0px;
			}
			div.footer-box-left a.rss:hover {
				background: transparent url(../gfx/icon-rss-footer2.png) no-repeat -32px 0px;
			}
		
		div.main-footer div.footer-box-right {
			float: left;
			width: 580px;
		}
		
/******* HOME ********/
div.home-content-left {
	float: left;
	width: 612px;
	margin-right: 6px;
}
	div.home-content-left div.main-news{
		height: 300px;
		width: 100%;
		margin-bottom: 6px;
	}
		div.main-news div.main-pics {
			float: left;
			width: 403px;
			height: 294px;
			border: 3px solid #4c4c38;
		}
			div.main-pics img {
				border: 8px solid #cdcdb5;
				display: none;
			}
			div.main-pics img#main-news-img1 {
				display: block;
			}
		div.main-news div.main-news-list {
			float: left;
			width: 203px;
		}
			div.main-news-list div.main-news-tab{
				margin-left: 3px;
				border: 2px solid #ebebde;
				padding: 10px 6px;
				height: 74px;
				width: 184px;
			}
			div.main-news-list div.main-news-tab:hover{
				cursor: pointer;
				margin: 0;
				border: none;
				padding: 12px 6px 12px 11px;
				height: 74px;
				width: 186px;
				background-color: #4c4c38;
				color: #fff;
			}
			div.main-news-list div.acttab{
				margin: 0;
				border: none;
				padding: 12px 6px 12px 11px;
				height: 74px;
				width: 186px;
				background-color: #4c4c38;
				color: #fff;
			}
				div.main-news-tab div {
					font-size: 18px;
					padding-bottom: 5px;
				}
	
	div.home-search-box{
		margin-bottom: 10px;
		border: 1px solid #31a0b4;
		background-color: #4c4c38;
		color: #cdcdb5;
		font-size: 11px;
	}
		div.home-search-box div.simple-search {
			width: 582px;
			padding: 10px 21px 0 7px;
		}
		div.simple-search-small {
			width: 350px !important;
		}
			div.simple-search table {
				margin-bottom: 5px;
			}
			div.simple-search table strong {
				display: block;
				padding-bottom: 5px;
				font-size: 18px;
				color: #fff;
			}
			div.simple-search table table{
				color: #fff;
			}
			
		div.home-search-box div.more-search-options {
			line-height: 28px;
			height: 28px;
			border-top: 1px solid #31a0b4;
			font-weight: bold;
			background-color: #0a7689;
		}
			div.more-search-options a.more {
				padding-left: 30px;
				background: #0a7689 url(../gfx/bg-arrow.gif) no-repeat 10px;
				color: #edde28;
			}
			div.more-search-options a.advsearch {
				float: right;
				color: #edde28;
				padding: 0 10px 0 25px;
				background: #0a7689 url(../gfx/bg-arrow-advsearch.gif) no-repeat 10px;
			}
			div.more-search-options a.more-toggle {
				background: #0a7689 url(../gfx/bg-arrow-advsearch.gif) no-repeat 10px;
			}
	
	div.home-mai-menu {
		position: relative;
		width: 610px;
		min-height: 333px;
		background: #fff;
		font-size: 11px;
		border: 1px solid #cdcdb5;
		margin-bottom: 10px;
	}
		div.mai-menu-text {
			position: absolute;
			top: 255px;
			left: 20px;
			width: 165px;
			text-indent: 25px;
			line-height: 14px;
		}
		div.home-mai-menu div.mai-menu {
			position: absolute;
			top: -1px;
			left: -1px;
			width: 612px;
			min-height: 333px;
			background: transparent url(../gfx/bg-home-mai-menu.jpg) no-repeat top left;			
		}
			div.mai-menu div.food-box {
				width: 413px;
				float: right;
				padding-top: 19px;
			}
				div.mai-menu div.food-box div.food{
					float: left;
					width: 137px;
					height: 155px;
					text-align: center;
				}
					div.food img {
						padding: 1px;
						background-color: #fff;
						border: 1px solid #898989;
						margin-bottom: 5px;
					}
					
				div.mai-menu div.food-separator {
					float: left;
					width: 1px;
					height: 100px;
					background-color: #cdcdb5;
				}
				
	div.home-to-read {
		float: left;
		width: 300px;
		margin-right: 12px;
	}
		table.to-read-pager {
			background-color: #f7f7f2;
			padding: 2px 3px;
			height: 16px;
			font-size: 10px;
			font-weight: bold;
			margin-bottom: 5px;
		}
		div.to-read {
			padding-left: 9px;
			background: transparent url(../gfx/bg-toread.gif) no-repeat left 5px;
			
		}
			table.to-read {
				margin-top: 5px;
			}
			table.to-read td {
				padding: 3px 0;
			}
			div.to-read a {
				font-size: 10px;
				font-weight: bold;
			}
			div.to-read a.title {
				font-size: 18px;
				font-weight: normal;
			}
			
			div.block-white-subtitle {
				background: transparent url(../gfx/bg-commercial-title.gif) repeat-x left 7px;
				font-size: 10px;
				color: #898989;
				line-height: 14px;
			}
			div.block-white-subtitle span{
				background-color: #fff;
				padding-right: 5px;
			}
		
		div.offered-blogs {
			line-height: 15px;
			height: 63px;
			border: 1px solid #cdcdb5;
			padding: 3px 10px 2px 68px;
			background: #efefe7 url(../gfx/bg-offer-blogs.gif) no-repeat left top;
			font-size: 11px;
		}
			div.offered-blogs div {
				color: #31a0b4;
			}

	div.home-to-talk {
		float: left;
		width: 300px;
	}
	div.home-to-talk img{
		float: left;
		margin-bottom: 10px;
	}
	div.home-to-talk div.home-bubble {
		float: left;
		width: 246px;
		margin-left: 4px;
		margin-bottom: 10px;
		background: transparent url(../gfx/bg-home-bubble.gif) repeat-y left top;
	}
		div.home-bubble div.home-bubble-top {
			width: 226px;
			padding: 3px 5px 3px 15px;
			font-size: 11px;
			background: transparent url(../gfx/bg-home-bubble-top.gif) no-repeat left top;
		}
		div.home-bubble div.home-bubble-bottom {
			width: 246px;
			height: 4px;
			background: transparent url(../gfx/bg-home-bubble-bottom.gif) no-repeat left top;
		}
			div.block-right-subtitle {
				background: transparent url(../gfx/bg-commercial-title.gif) repeat-x left 7px;
				font-size: 10px;
				color: #898989;
				text-align: right;
				margin-top: 3px;
			}
			div.block-right-subtitle span{
				background-color: #fff;
				padding-left: 5px;
			}
		
	
	div.home-left-tab-box {
		position: relative;
		width: 278px;
		height: 61px;
		border: 1px solid #cdcdb5;
		background-color: #efefe7;
		padding: 12px 10px;
		margin-bottom: 6px;
	}
		div.block-subtitle {
			background: transparent url(../gfx/bg-subtitle.gif) repeat-x left 7px;
			font-size: 11px;
		}
		div.block-subtitle span{
			background-color: #EFEFE7;
			padding-right: 5px;
		}

	div.home-main-tab-box {
		position: relative;
		width: 590px;
		height: 61px;
		border: 1px solid #cdcdb5;
		background-color: #efefe7;
		padding: 12px 10px;
		margin-bottom: 6px;
	}
		div.home-main-tab-box img.logo {
			position: absolute;
			top: 12px;
			left: 97px;
		}
		div.home-main-tab-box div.home-bestof-text {
			position: absolute;
			right: 10px;
			top: -1px;
			font-size: 10px;
			height: 43px;
			width: 172px;
			padding: 55px 70px 0 0;
			background: transparent url(../gfx/logo-serpenyo.png) no-repeat right top;
		}
		div.tab-box {
			position: absolute;
			left: 3px;
			bottom: -1px;
			height: 30px;
		}
			div.tab-box a.tab {
				color: #000;
				display: block;
				font-weight: bold;
				margin: 0 3px;
				line-height: 28px;
				padding: 0 17px;
				float: left;
				height: 28px;
				border: 1px solid #cdcdb5;
				background: transparent url(../gfx/bg-tab.png) repeat-x left top;
			}
			div.tab-box a.act {
				border-bottom: none;
				height: 29px;
				background: transparent url(../gfx/bg-tab-act.png) repeat-x left top;
			}
			div.tab-box a.tab:hover {
				color: #31a0b4;
				border-bottom: none;
				height: 29px;
				background: transparent url(../gfx/bg-tab-act.png) repeat-x left top;
			}
			div.tab-box a.more-btn {
				display: block;
				float: left;
				margin: 2px 0 0 10px;
				width: 66px;
				height: 21px;
				padding-right: 10px;
				line-height: 21px;
				font-size: 11px;
				color: #000;
				text-align: center;
				background: transparent url(../gfx/bg-more-btn.png) no-repeat left top;
			}
			
	div.home-offer-box {
		float: left;
		width: 240px;
		min-height: 218px;
		background-color: #4c4c38;
	}
	div.home-offer-box img {
		padding: 5px;
	}
	div.home-offer-box div.offer-title {
		padding: 2px 7px;
		color: #fff;
		line-height: 14px;
	}
		div.home-offer-box div.offer-title span {
			font-size: 18px;
		}
		div.home-offer-box div.offer-title a {
			color: #ffffff;	
		}
	div.home-offer-box div.offer-links {
		margin: 5px 0;
		padding: 0 10px;
		font-size: 11px;
		background-color: #efefe7;
		height: 60px;
	}
	div.home-offer-box a.offer-links {
		display: block;
		padding: 3px 0 2px 7px;
		background: transparent url(../gfx/bg-arrow2.gif) no-repeat 0 7px;
	}
	div.home-offer-box a.offer-more {
		text-align: right;
		font-size: 10px;
		color: #fff;
		display: block;
		padding: 0 7px;
		font-weight:bold;
	}
		
div.home-content-right {
	float: left;
	width: 350px;
}
	div.home-right-tab-box {
		position: relative;
		width: 328px;
		height: 61px;
		border: 1px solid #cdcdb5;
		background-color: #efefe7;
		padding: 12px 10px;
		margin-bottom: 6px;
	}

	
	div.latest-recipes-box {
		font-size: 9px;
		float: left;
		width: 100px;
		padding: 6px 6px 3px 6px;
		border: 1px solid #cdcdb5;
		text-align: center;
		margin-bottom: 6px;
		color: #cdcdb5;
	}
		div.latest-recipes-box div.rank{
			width: 100px;
			height: 25px;
			line-height: 25px;
			color: #edde28;
			background-color: #4c4c38;
			text-align: center;
			font-weight: bold;
			margin-bottom: 6px;
		}
		div.latest-recipes-box img {
			padding: 1px;
			border: 1px solid #4c4c38;
		}
		div.latest-recipes-box div.latest-recipe-title {
			padding-top: 3px;
			min-height: 43px;
			border-bottom: 1px solid #cdcdb5;
			text-align: center;
			margin-bottom: 3px;
		}
	
		div.latest-recipe-title a {
			font-weight:bold;
			font-size:11px;
		}
	
	div.add-new-box {
		width: 348px;
		height: 28px;
		margin-bottom: 20px;
		border: 1px solid #cdcdb5;
	}
	
	div.add-new-box a {
		color: #4c4c38;
		font-weight: bold;
		display: block;
		margin: 1px;
		height: 16px;
		border: 5px solid #faf397;
		background: #faf397 url(../gfx/icon-add-recipe.png) no-repeat right top;
	}
	div.add-new-box a:hover {
		color: #31a0b4;
	}

	img.home-right-cooks {
		float: left;
		margin-bottom: 6px;
	}
	
	div.simple-search-box {
		border: 1px solid #cdcdb5;
		background-color: #efefe7;
		padding: 3px;
		font-size: 11px;
		margin-bottom: 6px;
	}
		div.simple-search-box table {
			margin-bottom: 3px;
		}
	
	div.home-commercial {
		border: 1px solid #cdcdb5;
		padding: 6px;
		margin-bottom: 10px;
	}
		div.commercial-title {
			color: #a4a486;
			text-align: center;
			background: transparent url(../gfx/bg-commercial-title.gif) repeat-x left 5px;
			font-size: 9px;
		}
		div.commercial-title span{
			background-color: #fff;
			padding: 0 5px;
		}
		div.home-commercial div.banner {
			padding-top: 10px;
		}
		
/******* COMMON, PROFILE *******/
div.common-left {
	float: left;
	width: 186px;
}
	div.blog-recipes {
		font-size: 9px;
		width: 100px;
		padding: 6px 6px 3px 6px;
		border: 1px solid #cdcdb5;
		text-align: center;
		margin-bottom: 6px;
		color: #cdcdb5;
	}
		div.blog-recipes img {
			padding: 1px;
			border: 1px solid #4c4c38;
		}
		div.blog-recipes div.blog-recipe-title {
			border-bottom: 1px solid #cdcdb5;
			text-align: center;
			margin-bottom: 3px;
		}
	div.profile-recipes {
		margin-bottom: 18px;
	}
	div.profile-friends {
		font-size: 9px;
		float: left;
		width: 102px;
		padding: 6px 6px 3px 6px;
		text-align: center;
		margin-bottom: 6px;
		color: #31a0b4 !important;
		font-weight: normal !important;
	}
	div.profile-friends img {
		padding: 1px;
		border: 1px solid #4c4c38;
	}
	
	div.shoppinglist-box {
		margin-top: 2px;
		background: transparent url(../gfx/bg-shoppinglist-top.gif) no-repeat left top;
		width: 100%;
		padding-top: 7px;
	}
		div.shoppinglist {
			border: 4px solid #cdcdb5;
			border-top: none;
			font-size: 10px;
		}
			div.shoppinglist a strong{
				display: block;
				margin: 0 6px;
				padding: 3px 0;
				font-size: 14px;
				color: #000;
				border-bottom: 1px solid #adad96;
			}
			div.shoppinglist span{
				display: block;
				padding: 3px 6px;
				color: #9a9a78;
			}
			
			#shoppingcard-items {
				background:url(/layout/gfx/shoppingcard-items-bg.jpg) no-repeat center top;
			}
			
			div.shoppinglist table {
				border-top: 1px solid #adad96;
				padding: 3px 5px;
			}
			div.shoppinglist a {
				color: #adad96;				
			}
			div.shoppinglist a:hover {
				color: #31a0b4;				
			}
			a.print {
				background: transparent url(../gfx/icon-print.gif) no-repeat left top;
				padding-left: 15px;
			}
			a.delete{
				background: transparent url(../gfx/icon-delete.gif) no-repeat left 5px;
				padding-left: 10px;
			}
			
			div#messagebox div.bubble, #messages-list div.bubble {
				float: left;
				width: 720px;
				margin-left: 4px;
				margin-bottom: 15px;
				background: transparent url(../gfx/bg-addmessage-bubble.gif) repeat-y left top;
			}
				div#messagebox div.bubble-top, #messages-list div.bubble-top {
					width: 695px;
					padding: 5px 10px 3px 15px;
					background: transparent url(../gfx/bg-addmessage-bubble-top.gif) no-repeat left top;
				}
					#messages-list div.bubble-top a.msg-delete {
						display: block;
						float: right;
						font-size: 11px;
						color: red;
					}
					#messages-list div.bubble-top div.msg-sender {
						float: left;
						font-size: 10px;
						font-weight: bold;
					}
					#messages-list div.bubble-top h2 {
						padding-top: 5px;
					}
					#messages-list div.bubble-top div.msg-date {
						padding-top: 3px;
						font-size: 10px;
						color: #adad96;
					}
					#messages-list div.bubble-top div.reply-box {
						margin-top: 5px;
						width: 100%;
						padding-top: 11px;
						background: #efefe7 url(../gfx/bg-comment-top.gif) no-repeat left top;	
					}
						#messages-list div.bubble-top div.reply-box div.reply {
							padding: 5px;
							border: 1px solid #cdcdb5;
							border-top: none;
						}
				div#messagebox div.bubble-bottom, #messages-list div.bubble-bottom {
					width: 720px;
					height: 5px;
					background: transparent url(../gfx/bg-addmessage-bubble-bottom.gif) no-repeat left top;
				}
				
			
			div.send-message-btn{
				width: 414px;
				height: 26px;
				border: 1px solid #cdcdb5;
				background-color: #fff;
				padding: 1px;
			}
			div.send-message-btn-normal{
				width: 214px;
				height: 26px;
				border: 1px solid #cdcdb5;
				background-color: #fff;
				padding: 1px;
			}			
			div.cancel-btn{
				width: 182px;
				height: 22px;
				border: 1px solid #cdcdb5;
				background-color: #fff;
				padding: 1px;
			}
			
	div.mystat-box {
		border: 4px solid #efefe7;
		line-height: 18px;
		color: #9a9a78;
		font-size: 10px;
		padding: 2px 5px;
	}
		div.mytat-box span {
			color: #4c4c38;
		}
			
		
div.common-right {
	position: relative;
	float: left;
	width: 775px;
	margin-left: 7px;
}
div.table-separator {
	clear: both;
	background: transparent url(../gfx/bg-table-separator.png) repeat-x left top;
	height: 15px;
	margin: 1px 0 5px 0;
}
	div.common-left img.profile {
		padding: 1px;
		background-color: #fff;
		border: 1px solid #cdcdb5;
		width: 182px;
		height: 182px;
	}
	div.common-left a.common-left-link {
		font-size: 11px;
		display: block;
		padding: 2px 3px 3px 3px;
		border-bottom: 1px solid #cdcdb5;
	}

	table.profile-header {
		background: transparent url(../gfx/bg-list-item-number.gif) repeat-x left bottom;
	}
	table.profile-header td{
		padding: 0 5px 9px 5px;
	}
		table.profile-header a {
			font-size: 11px;
			padding: 0 5px;
		}
		table.profile-header a.act {
			font-weight: bold;
			color:#000000;
		}
	table.reg-table td {
		padding-top: 5px
	}
	table.profile-table {
		margin-bottom: 9px;
	}
	table.profile-table td{
		line-height: 24px;
	}
	table.profile-table a {
		font-size: 11px;
	}
	div.profile-tab-box {
		position: relative;
		width: 755px;
		height: 29px;
		background: #EFEFE7;
		padding: 0 10px;
		margin-bottom: 15px;
		border-bottom: 1px solid #cdcdb5;
	}
		div.profile-tab-box div.tab-box {
			position: absolute;
			left: 3px;
			bottom: -1px;
			height: 20px;
			font-size: 11px;
		}
			div.profile-tab-box div.tab-box span {
				color: #000;
				font-weight: normal;
				display: block;
				margin: 0 3px;
				line-height: 20px;
				padding: 0 17px;
				float: left;
				height: 18px;
			}
			div.profile-tab-box div.tab-box a.tab {
				color: #000;
				font-weight: normal;
				display: block;
				margin: 0 3px;
				line-height: 20px;
				padding: 0 17px;
				float: left;
				height: 18px;
				border: 1px solid #cdcdb5;
				background: transparent url(../gfx/bg-tab.png) repeat-x left top;
			}
			div.profile-tab-box div.tab-box a.act {
				font-weight: bold;
				border-bottom: none;
				height: 19px;
				background: transparent url(../gfx/bg-tab-act.png) repeat-x left top;
			}
			div.profile-tab-box div.tab-box a.tab:hover {
				border-bottom: none;
				height: 19px;
				background: transparent url(../gfx/bg-tab-act.png) repeat-x left top;
			}
			
	div.common-right-right{
		width: 418px;
		float: left;
		margin-right: 7px;
	}
	div.common-right-left{
		width: 350px;
		float: left;
	}
		div.settings-box {
			border: 4px solid #efefe7;
			width: 326px;
			padding: 3px 6px 3px 10px;
			color: #9a9a78;
			font-size: 11px;
			line-height: 22px;
		}
		div.settings-box span {
			line-height: 14px;
		}
		div.checkbox a {
			display: block;
			color: #000;
			padding-left: 15px;
		}
		div.checkbox a.act {
			font-weight: bold;
			background: transparent url(../gfx/icon-check.gif) no-repeat left 8px;
		}
		div.checkbox a:hover{
			color: #31a0b4;
		}
		
/*****************
 * PROFILE
 *****************/
span.profile-info {
	display: block;
	margin: 10px 0;
	font-size: 11px;
}
div.making-info div.profile-info {
	float: left;
	text-align:center;
	padding: 10px 15px 0 15px;
	height: 32px;
}
div.profile-introduction {
	line-height: 18px;
}
div.profile-introduction h2 {
	padding: 10px 0;
}

	div.profile-recipe-box {
		position: relative;
		width: 398px;
		height: 61px;
		border: 1px solid #cdcdb5;
		background-color: #efefe7;
		padding: 12px 10px;
		margin: 6px 0 0px 0;
	}
	div.profile-recipe-subtitle {
		background: transparent url(../gfx/bg-subtitle.gif) repeat-x left 7px;
		font-size: 11px;
		margin-bottom: 10px;
	}
	div.profile-recipe-subtitle span{
		background-color: #efefe7;
		padding-right: 5px;
	}
	div.profile-recipe {
		margin-top: 15px;
		padding-left: 20px;
	}
div.block-blog-subtitle {
	background: transparent url(../gfx/bg-commercial-title.gif) repeat-x left 12px;
	font-size: 10px;
	color: #898989;
	line-height: 14px;
	margin-top: 20px;
}
div.block-blog-subtitle span{
	background-color: #fff;
	padding-right: 1px;
}
h2.blog {
	color: #31a0b4;
	padding-top: 5px;
}
div.profile-blog {
	font-size: 11px;
	color: #959595;
	padding: 5px 0;
	border-bottom: 1px solid #efefe7;
}
div.profile-blog a {
	font-size: 10px;
}
span.profile-blog-date {
	color: #cdcdb5;
	font-size: 10px;
}

/*****************
 * BLOG
 *****************/
span.blog-related-recipe-title {
	font-size: 11px;
	font-weight: bold;
}
div.blog-related-recipe {
	border: 1px solid #d7d7d7;
	padding: 2px;
	font-size: 11px;
	margin-bottom: 20px;
}
div.related-recipe-data {
	width: 375px;
	float: left;
	padding: 5px;
	line-height: 15px;
}
	div.related-recipe-data img {
		float: left;
		margin-right: 15px;
	}
div.related-recipe-icons {
	border-left: 1px solid #d7d7d7;
	width: 12px;
	float: right;
	padding: 5px 5px 0 5px;
	height: 35px;
}
	div.related-recipe-icons img {
		margin-bottom: 4px;
	}
div.next-post {
	text-align: right;
	font-size: 11px;
	color: #31a0b4;
}
table.blog-post {
	margin-top: 10px;
	line-height: 18px;
	padding: 2px;
}
	table.blog-post img.avatar {
		width: 60px;
		float: left;
		margin-right: 10px;
		border: 2px solid #cdcdb5;
	}
	div.blog-date {
		font-size: 11px;
		float: left;
		border: 2px solid #cdcdb5;
		width: 58px;
		height: 58px;
		text-align: center;
		padding: 1px;
		color: #cdcdb5;
		margin: 0 6px 6px 0;
		line-height: 14px;
	}
		div.blog-date div {
			border-bottom: 1px solid #cdcdb5;
			font-size: 30px;
			line-height: 30px;
		}
	
	div.post-stat {
		clear: both;
		padding: 10px 20px;
		font-size: 10px;
		color: #adad96;
		line-height: 12px;
	}
	div.post-stat div {
		color: #31a0b4;
	}
	div.blog-share {
		float: left;
		margin-bottom: 8px;
		padding: 2px;
	}
		div.blog-share div {
			float: left;
			width: 100px;
		}
		
	div.add-new-post {
		position: absolute;
		top: 4px;
		right: 4px;
		width: 198px;
		height: 18px;
		margin-bottom: 10px;
		border: 1px solid #cdcdb5;
		background-color: #fff;
	}
	
	div.add-new-post a {
		color: #4c4c38;
		font-size: 11px;
		display: block;
		margin: 1px;
		height: 12px;
		border: 2px solid #faf397;
		padding-left: 5px;
		font-weight: bold;
		background: #faf397 url(../gfx/icon-add-recipe-small.png) no-repeat right top;
	}
	div.add-new-post a:hover {
		color: #31a0b4;
	}


/******** REGISTRATION *******/
div.image-spacer-box {
	height: 184px;
	border: 1px solid #cdcdb5;
	margin-bottom: 2px;
}

div.upload-profile-image-box {
	float: left;
	position: relative;
	background-color: #efefe7;
	border: 1px solid #cdcdb5;
	padding: 6px;
	margin-bottom: 10px;
}
	table.upload-profile-image {
		margin-top: 5px;
	}
	div.pickerup {
		position: absolute;
		top: -11px;
		left: 15px;
		background: transparent url(../gfx/bg-pickup.gif) no-repeat left top;
		width: 14px;
		height: 11px;
	}
	
div.profile-image-help {
	font-size: 10px;
	color: #898989;
	padding-top: 10px;
	line-height: 14px;
	background: transparent url(../gfx/bg-arrow-up.gif) no-repeat left top;
}
	
table td.reg-help {
	color: #898989;
	padding: 5px 0 0 40px;
	font-size: 11px;
	line-height: 14px;
	background: transparent url(../gfx/bg-arrow-back.gif) no-repeat 20px 9px;
}

/******* LIST, FORUM *******/
div.list-left {
	float: left;
}
div.list-right {
	float: left;
	margin-left: 6px;
}
	div.cook-list-banner {
		text-align:center;
		width: 610px;
		height: 78px;
		border: 1px solid #efefe7;
		margin-bottom: 10px;
	}
	div.list-main-tab-box {
		position: relative;
		width: 946px;
		height: 49px;
		border: 1px solid #cdcdb5;
		background-color: #efefe7;
		padding: 6px 10px 12px 10px;
		margin-bottom: 1px;
	}
	div.tab-closed {
		padding: 6px 10px;
		height: 22px;
		width: 946px;
	}
		div.list-tab-box {
			position: absolute;
			left: 3px;
			bottom: -1px;
			height: 30px;
		}
			div.list-tab-box a.tab {
				color: #000;
				display: block;
				font-weight: bold;
				margin: 0 3px;
				line-height: 28px;
				padding: 0 10px;
				float: left;
				height: 28px;
				border: 1px solid #cdcdb5;
				background: transparent url(../gfx/bg-tab.png) repeat-x left top;
			}
			div.list-tab-box a.act {
				border-bottom: none;
				height: 29px;
				background: transparent url(../gfx/bg-tab-act.png) repeat-x left top;
			}
			div.list-tab-box a.tab:hover {
				color: #31a0b4;
				border-bottom: none;
				height: 29px;
				background: transparent url(../gfx/bg-tab-act.png) repeat-x left top;
			}
			
	div.list-item-number {
		padding: 7px 0 8px 10px;
		font-size: 11px;
		background: transparent url(../gfx/bg-list-item-number.gif) repeat-x left bottom;
	}
	
	div.recipe-item {
		float: left;
		width: 100px;
		height: 130px;
		text-align: center;
		font-size: 9px;
		margin: 10px 8px 10px 0;
	}
	
	div.recipe-item a {
		font-weight:bold;
		font-size:11px;
	}
	
		div.recipe-item img{
			padding: 1px;
			background-color: #fff;
			border: 1px solid #898989;
			margin-bottom: 3px;
		}
		
		div.list-separator {
			font-size: 11px;
			clear: both;
			padding: 8px 0 8px 10px;
			background: transparent url(../gfx/bg-table-separator.png) repeat-x left top;
		}
	
	div.toggle-box {
		clear: both;
		background: transparent url(../gfx/bg-table-separator.png) repeat-x left top;
		margin-bottom: 6px;
	}
		div.toggle-box a.btn-toggle {
			display: block;
			margin: auto;
			width: 72px;
			height: 14px;
			background: transparent url(../gfx/bg-btn-toggle-closed.png) repeat-x left top;
		}
		div.toggle-box a.btn-toggle-closed {
			display: block;
			margin: auto;
			width: 72px;
			height: 14px;
			background: transparent url(../gfx/bg-btn-toggle.png) repeat-x left top;
		}

/******* FORUM **********/
div.topic-bubble {
	float: left;
	width: 545px;
	margin-left: 4px;
	margin-bottom: 15px;
	background: transparent url(../gfx/bg-forumtopic-bubble.gif) repeat-y left top;
}
	div.topic-bubble-top {
		width: 510px;
		padding: 5px 15px 3px 20px;
		font-size: 18px;
		color: #adad96;
		background: transparent url(../gfx/bg-forumtopic-bubble-top.gif) no-repeat left top;
	}

	div.topic-bubble-bottom {
		width: 545px;
		height: 7px;
		background: transparent url(../gfx/bg-forumtopic-bubble-bottom.gif) no-repeat left top;
	}
	div.add-new-forummessage {
		width: 138px;
		height: 18px;
		line-height: 14px;
		margin: 5px 0 10px 0;
		border: 1px solid #cdcdb5;
		background-color: #fff;
	}
	
	div.add-new-forummessage a {
		color: #4c4c38;
		font-size: 11px;
		display: block;
		margin: 1px;
		height: 12px;
		border: 2px solid #faf397;
		padding-left: 5px;
		font-weight: bold;
		background: #faf397 url(../gfx/icon-add-recipe-small.png) no-repeat right top;
	}
	div.add-new-forummessage a:hover {
		color: #31a0b4;
	}
div.topicmsg-bubble {
	float: left;
	width: 471px;
	margin-left: 4px;
	margin-bottom: 15px;
	background: transparent url(../gfx/bg-forummsg-bubble.gif) repeat-y left top;
}
	div.topicmsg-bubble-top {
		width: 446px;
		padding: 5px 10px 3px 15px;
		color: #000;
		background: transparent url(../gfx/bg-forummsg-bubble-top.gif) no-repeat left top;
	}

	div.topicmsg-bubble-bottom {
		width: 446px;
		height: 19px;
		line-height: 19px;
		color: #adad96;
		padding: 0 10px 0 15px;
		font-size: 10px;
		background: transparent url(../gfx/bg-forummsg-bubble-bottom.gif) no-repeat left top;
	}
	div.topicmsg-bubble-top a {
		font-weight: bold;
	}
	
	
		
/******* RECIPE ********/
div.left-large-tab-box {
	position: relative;
	width: 166px;
	height: 43px;
	border-bottom: 1px solid #cdcdb5;
	padding: 12px 10px;
	margin-bottom: 6px;
}
	div.large-tab-box {
		position: absolute;
		left: 3px;
		bottom: -1px;
		height: 56px;
	}
		div.large-tab-box a.tab {
			color: #000;
			display: block;
			margin: 0 3px;
			line-height: 15px;
			padding: 5px 0;
			text-align: center;
			width: 78px;
			float: left;
			height: 44px;
			border: 1px solid #cdcdb5;
			font-size: 11px;
			background: transparent url(../gfx/bg-large-tab.png) repeat-x left top;
		}
		div.large-tab-box a.act {
			border-bottom: none;
			height: 45px;
			background: transparent url(../gfx/bg-large-tab-act.png) repeat-x left top;
		}
		div.large-tab-box a.tab:hover {
			color: #31a0b4;
			border-bottom: none;
			height: 45px;
			background: transparent url(../gfx/bg-large-tab-act.png) repeat-x left top;
		}
		
div.left-link {
	border-bottom: 1px solid #cdcdb5;
	margin-bottom: 1px;
}
	div.left-link a{
		border: 6px solid #fff;	
		font-size: 11px;
		color: #31a0b4;
		display: block;
	}
	div.left-link a:hover {
		color: #000;
	}
	a.left-print {
		background: transparent url(../gfx/icon-print.gif) no-repeat right top;
	}
	a.left-save {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-save.gif) no-repeat right top;
	}
	a.left-view {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-view.gif) no-repeat right top;
	}
	a.left-friends {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-friends.gif) no-repeat right top;
	}
	a.left-recipes {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-recipes.gif) no-repeat right top;
	}
	a.left-favourite {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-favourite.gif) no-repeat right top;
	}
	a.left-message {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-message.gif) no-repeat right top;
	}
	a.left-iwiw {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-iwiw.gif) no-repeat right top;
	}
	a.left-facebook {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-facebook.gif) no-repeat right top;
	}
	a.left-email {
		display: block;
		border: 5px solid #fff;
		background: transparent url(../gfx/icon-email.gif) no-repeat right top;
	}
	span.at300bs {
		display: none;
		background: none;
	}
	
div.left-ranking-box {
	border: 4px solid #efefe7;
	padding: 3px 6px 3px 10px;
	color: #000;
	font-size: 10px;
	line-height: 22px;
}
	div.left-ranking-box a {
		display: block;
		color: #9a9a78;
		padding-left: 15px;
	}
	div.left-ranking-box a.act {
		font-weight: bold;
		color: #000;
		background: transparent url(../gfx/icon-check.gif) no-repeat left 8px;
	}
	div.left-ranking-box a:hover{
		color: #31a0b4;
	}
div.h1-title {
	padding-bottom: 6px;
	border-bottom: 1px solid #cdcdb5;
	margin-bottom: 8px;
}
div.h1-title h1 {
	line-height: 24px;
}
div.cook-simple-datas {
	float: left;
	padding: 5px 11px;
	font-size: 11px;
	line-height: 15px;
}
div.cook-simple-datas span {
	color: #31a0b4;
	font-size: 18px;
}
div.recipe-bubble {
	float: left;
	clear: both;
	margin: 5px 0 10px 4px;
	width: 412px;
	background: transparent url(../gfx/bg-recipe-bubble.gif) repeat-y left top;
}
	div.recipe-bubble div.recipe-bubble-top {
		padding: 6px 10px 0 10px;
		font-size: 11px;
		text-align: center;
		font-size: 18px;
		color: #adad96;
		background: transparent url(../gfx/bg-recipe-bubble-top.gif) no-repeat left top;
	}
	div.recipe-bubble div.recipe-bubble-bottom {
		height: 6px;
		background: transparent url(../gfx/bg-recipe-bubble-bottom.gif) no-repeat left top;
	}
	
div.making-info {
	border: 1px solid #cdcdb5;
	padding: 2px;
	line-height: 14px;
	color: #cdcdb5;
	font-size: 10px;
	margin-bottom: 9px;
}
	div.making-info img {
		float: left;
	}
	div.making-info div.making-items {
		float: left;
		text-align:center;
		padding: 10px 6px 0 6px;
		height: 32px;
	}
	div.making-info div.making-hamm {
		float: right;
		border-left: 1px solid #ccc;
	}
		div.making-hamm div.add-hamm{
			float: left;
			background-color: #faf397;
			color: #000;
			padding: 10px 6px 0 6px;
			height: 32px;
		}
		
		a.add-hamm {
			float:left;
			display:block;
			background-color:#faf397;
			color:#000000;
			padding:10px 6px 0px 6px;
			height:32px;
			width:32px;
		}
		
	div.making-info span{
		font-size: 18px;
	}

ul.ingredients {
	padding: 5px 0;
}
ul.ingredients li.ing-separator {
	padding-left: 10px;
	background: none !important;
	font-weight:bold;
}
ul.ingredients li {
	padding-left: 10px;
	background: transparent url(../gfx/bg-li-recipe.gif) no-repeat 0px 9px;
}
a.add-all-ingredients {
	display: block;
	margin-left: 15px;
	padding-left: 5px;
	width: 235px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #000;
	background: transparent url(../gfx/bg-add-all-ingredients.gif) no-repeat left top;
}
a.add-all-ingredients:hover {
	color: #31a0b4;
}
div.center-view {
	border: 1px solid #cdcdb5;
	padding: 1px;
	color: #fff;
	margin-bottom: 5px;
}
	div.center-view div {
		font-weight: bold;
		padding-left: 10px;
		border: 5px solid #31a0b4;
		border-width: 3px 5px;
		background: #31a0b4 url(../gfx/icon-view2.gif) no-repeat right 2px;
	}

div.step-by-step {
	clear: both;
	float: left;
	margin: 10px 0;
}

div.step-by-step div.order{
	float: left;
	font-size: 10px;
	width: 15px;
	line-height: 12px;
	font-weight: bold;
}
div.step-by-step div.text {
	float: left;
	width: 390px;
}
	div.tip-bubble {
		float: left;
		width: 400px;
		margin: 10px 0 0 0;
		color: #9a9a78;
		background: transparent url(../gfx/bg-tip-bubble.gif) repeat-y left top;
	}
		div.tip-bubble div.tip-bubble-top {
			width: 370px;
			padding: 10px 5px 0 25px;
			font-size: 11px;
			min-height: 25px;
			background: transparent url(../gfx/bg-tip-bubble-top.gif) no-repeat left top;
		}
		div.tip-bubble div.tip-bubble-bottom {
			width: 400px;
			height: 9px;
			background: transparent url(../gfx/bg-tip-bubble-bottom.gif) no-repeat left top;
		}

div.recipe-comment-box {
	margin: 0 0 20px 20px;
	width: 398px;
	padding-top: 11px;
	background: transparent url(../gfx/bg-comment-top.gif) no-repeat left top;	
}
	div.recipe-comment-box div.recipe-comment {
		width: 386px;
		padding: 5px;
		border: 1px solid #cdcdb5;
		border-top: none;
	}
div.recipe-comments {
	color: #959595;
}
	div.recipe-comments strong{
		color: #31a0b4;
	}

div.recipe-search-box {
	padding: 6px;
	border: 1px solid #31a0b4;
	background-color: #4c4c38;
	color: #fff;
	font-size: 11px;
	margin-bottom: 12px;
}
div.recipe-search-box strong {
	font-size: 18px;
}
	div.recipe-search-box table {
		margin: 5px 0;
	}
div.right-lightgrey-box {
	float: left;
	width: 338px;
	border: 1px solid #cdcdb5;
	background-color: #efefe7;
	padding: 7px 5px;
	margin-bottom: 6px;
	font-size: 10px;
}
	div.block-lightgrey-subtitle {
		background: transparent url(../gfx/bg-subtitle.gif) repeat-x left 7px;
		font-size: 11px;
		margin-bottom: 10px;
	}
	div.block-lightgrey-subtitle span{
		background-color: #efefe7;
		padding-right: 5px;
	}
div.remember-box {
	float: left;
	width: 326px;
	padding: 6px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	font-size: 11px;
	margin-bottom: 2px;
}
	div.remember-box div.remember-cat-title {
		float: left;
	}
	div.remember-box div.remember-recipe-title {
		float: right;
		padding-right: 10px;
		font-size: 11px;
		background: transparent url(../gfx/bg-arrow2.gif) no-repeat right 5px;
	}
div.right-darkgrey-box {
	float: left;
	width: 338px;
	border: 1px solid #cdcdb5;
	background-color: #cdcdb5;
	padding: 7px 5px;
	margin-bottom: 6px;
	font-size: 10px;
}
div.related-box {
	float: left;
	width: 336px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #4c4c38;
	font-size: 11px;
	margin-bottom: 6px;
}
	div.related-box div.related-title {
		border: 6px solid #4c4c38;
		height:14px;
		background: url(../gfx/bg-related.gif) no-repeat 310px 3px;
	}
	div.related-box div.title-act {
		background: url(../gfx/bg-related-act.gif) no-repeat 310px 3px;
	}
	div.related-box div.related-box-act {
		background-color: #fff;
		padding: 6px;
		color: #000;
	}
	div.block-darkgrey-subtitle {
		background: transparent url(../gfx/bg-subtitle.gif) repeat-x left 7px;
		font-size: 11px;
		margin-bottom: 10px;
	}
	div.block-darkgrey-subtitle span{
		background-color: #cdcdb5;
		padding-right: 5px;
	}

/****************
 * FORUM
 ***************/
table.forum-titles {
	background: transparent url(../gfx/bg-table-separator.png) repeat-x left bottom;
	padding: 0 5px 10px 5px;
}
	table.forum-titles a {
		font-size: 11px;
	}
	
div.forum-description {
	width: 612px;
	font-size: 12px;
	margin-bottom: 5px;
}
div.add-new-box-small {
	width: 138px;
	height: 18px;
	margin-bottom: 10px;
	border: 1px solid #cdcdb5;
}

div.add-new-box-small a {
	color: #4c4c38;
	font-size: 11px;
	display: block;
	margin: 1px;
	height: 12px;
	border: 2px solid #faf397;
	padding-left: 5px;
	background: #faf397 url(../gfx/icon-add-recipe-small.png) no-repeat right top;
}
div.add-new-box-small a:hover {
	color: #31a0b4;
}
div.forum-topic {
	clear: both;
	border: 1px solid #cdcdb5;
	padding: 5px 8px;
	font-size: 10px;
	margin-bottom: 6px;
}
	div.topic-title {
		float: left;
		width: 390px;
	}
		div.topic-title a {
			font-size: 12px;
		}
	div.topic-comment-num {
		float: left;
		width: 85px;
		text-align: right;
	}
	div.topic-latest-comment {
		float: right;
	}
	
/***************
 * LAST VISITS
 **************/
div.lastvisit-desc {
	font-size: 11px;
	margin-bottom: 10px;
}

div.remember-box-large {
	float: left;
	width: 402px;
	padding: 5px 7px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	font-size: 11px;
	margin-bottom: 6px;
}
	div.remember-box-large div.remember-title {
		padding-right: 10px;
		font-size: 11px;
		background: transparent url(../gfx/bg-arrow3.gif) no-repeat right 10px;
	}

/**************
 * ADD RECIPE
 **************/
div.category-radio-box {
	border: 4px solid #efefe7;
	/*width: 400px;*/
	padding: 3px 6px 3px 10px;
	color: #9a9a78;
	font-size: 10px;
	line-height: 14px;
}
	div.category-radio-box table td {
		line-height: 16px;
	}

div.prepare-table {
	border: 1px solid #cdcdb5;
	padding: 2px;
	font-size: 10px;
	width: 418px;
	line-height: 14px;
	margin-bottom: 5px;
}
	div.prepare-table div.prepare-time {
		float: left;
		width: 147px;
		border-right: 1px solid #cdcdb5;
		text-align: center;
		padding-top: 2px;
	}
	div.prepare-table div.cook-time {
		float: left;
		width: 143px;
		border-right: 1px solid #cdcdb5;
		text-align: center;
		padding-top: 2px;
	}
	div.prepare-table div.persons {
		float: left;
		width: 123px;
		text-align: center;
		padding-top: 2px;
	}
div.recipe-add-separator {
	clear: both;
	background: transparent url(../gfx/bg-table-separator.png) repeat-x left top;
	height: 15px;
}
div.ingredients-add-box {
	position: relative;
	width: 390px;
	padding: 5px;
	margin: 10px;
	border: 1px solid #cdcdb5;
	background-color: #efefe7;
}
div.tags-radio-box {
	border: 4px solid #efefe7;
	/*width: 400px;*/
	padding: 3px 6px 3px 10px;
	color: #9a9a78;
	font-size: 10px;
	line-height: 20px;
}
div.block-input-title {
	background: transparent url(../gfx/bg-input-title.gif) repeat-x left 7px;
	line-height: 14px;
}
div.block-input-title span{
	background-color: #fff;
	padding-right: 5px;
}
td.add-tip div.tip-bubble {
	float: left;
	width: 400px;
	margin: 0 0 10px 10px;
	color: #9a9a78;
	background: transparent url(../gfx/bg-tip-bubble.gif) repeat-y left top;
}

td.add-tip div.addtip-bubble {
	float: left;
	width: 340px;
	margin: 5px 0 0 10px;
	color: #9a9a78;
	background: transparent url(../gfx/bg-addtip-bubble.gif) repeat-y left top;
}
	div.addtip-bubble div.addtip-bubble-top {
		width: 319px;
		padding: 4px 5px 0 17px;
		font-size: 11px;
		min-height: 31px;
		background: transparent url(../gfx/bg-addtip-bubble-top.gif) no-repeat left top;
	}
	div.addtip-bubble div.addtip-bubble-bottom {
		width: 400px;
		height: 6px;
		background: transparent url(../gfx/bg-addtip-bubble-bottom.gif) no-repeat left top;
	}
	
/***************
 * RECIPE STEP-BY-STEP
 ***************/
div.main-header-changeview {
	margin-top: 10px;
	line-height: 15px;
	float: right;
	text-align: right;
	width: 184px;
	height: 24px;
	border: 1px solid #cdcdb5;
	font-size: 10px;
	background-color: #000;
}
	div.main-header-changeview a {
		padding-right: 10px;
		font-weight: bold;
		line-height: 22px;
		display: block;
		color: #fff;
		border: 1px solid #fff;
		background: transparent url(../gfx/bg-arrow-back2.gif) no-repeat 8px 8px;
	}
div.stepbystep-container {
	clear: both;
	width: 970px;
	margin: auto;
	background-color: #fff;
}
	div.stepbystep-title {
		font-size: 24px;
		padding: 5px 10px;
		border-bottom: 1px solid #cdcdb5;
		background-color: #efefe7;
	}
		div.stepbystep-title span {
			color: #31a0b4;
			font-size: 18px;
		}
		
	div.stepbystep-left {
		float: left;
		width: 186px;
		margin: 1px 20px 0 7px;
	}
		table.steptime td {
			font-size: 11px;
			padding: 7px;
		}
		table.steptime td.steptime {
			border-bottom: 1px solid #cdcdb5;
		}
		div.timer-box {
			background: transparent url(../gfx/bg-timer.png) no-repeat left top;
			width: 176px;
			height: 60px;
			font-size: 11px;
			padding: 5px;
			margin-bottom: 5px;
		}
			div.timer-box strong {
				padding: 3px;
			}
			div.timer-box div.timer {
				float: left;
				background: transparent url(../gfx/bg-timer-time.png) no-repeat left top;
				width: 48px;
				height: 34px;
				margin-right: 2px;
				padding: 6px;
				font-size: 10px;
				line-height: 26px;
			}
				div.timer span {
					display: block;
					float: left;
					margin-top: -10px;
				}
				div.timer div.time-number {
					float: left;
					font-size: 30px;
					font-weight: bold;
				}
				div.timer div.time-buttons {
					float: left;
					margin-left: 3px;
				}
					div.time-buttons a.plus {
						width: 11px;
						height: 13px;
						display: block;
						margin-bottom: 1px;
						background: transparent url(../gfx/bg-timer-plus.gif) no-repeat left top;
					}
					div.time-buttons a.minus {
						width: 11px;
						height: 13px;
						display: block;
						background: transparent url(../gfx/bg-timer-minus.gif) no-repeat left top;
					}
					
			div.timer-box a.timer-start {
				display: block;
				float: left;
				cursor: pointer;
				width: 48px;
				height: 42px;
				margin: 2px 0 0 3px;
				background: transparent url(../gfx/bg-timer-start.gif) no-repeat left top;
			}
			
			div.timer-box a.timer-stop {
				display: block;
				float: left;
				cursor: pointer;
				width: 48px;
				height: 42px;
				margin: 2px 0 0 3px;
				background: transparent url(../gfx/bg-timer-stop.gif) no-repeat left top;
			}
			
		div.stepbystep-ingredients {
			padding: 0 5px;
		}

	div.stepbystep-right {
		float: left;
		width: 750px;
		margin-top: 10px;
	}
		div.stepbystep-box {
			width: 750px;
			background:  transparent url(../gfx/bg-stepbystep.gif) repeat-y top left;
			margin-bottom: 20px;
		}
			div.stepbystep-box-top {
				width: 750px;
				background: transparent url(../gfx/bg-stepbystep-top.gif) no-repeat top left;
			}
			div.stepbystep-box-bottom {
				width: 750px;
				height: 12px;
				background: transparent url(../gfx/bg-stepbystep-bottom.gif) no-repeat top left;
			}
		div.step-pager {
			border-bottom: 1px solid #cdcdb5;
		}
			div.step-pager table {
				height: 49px;
				padding: 0 21px;
			}
			div.step-pager td.step-page {
				font-size: 18px;
			}
			a.step-prev {
				float: left;
				display: block;
				width: 20px;
				height: 20px;
				background: transparent url(../gfx/bg-pager-prev.gif) no-repeat left top;
			}
			a.step-next {
				float: left;
				display: block;
				width: 20px;
				height: 20px;
				background: transparent url(../gfx/bg-pager-next.gif) no-repeat left top;
			}
			div.step-perpage {
				float: left;
				font-size: 9px;
				padding: 0 10px;
				width: 165px;
			}
			div.tip-bubble2 {
				float: left;
				width: 400px;
				margin: 10px 0 0 0;
				color: #9a9a78;
				background: transparent url(../gfx/bg-tip-bubble2.gif) repeat-y left top;
			}
				div.tip-bubble2 div.tip-bubble-top2 {
					width: 370px;
					padding: 10px 5px 0 25px;
					font-size: 11px;
					min-height: 25px;
					background: transparent url(../gfx/bg-tip-bubble-top2.gif) no-repeat left top;
				}
				div.tip-bubble2 div.tip-bubble-bottom2 {
					width: 400px;
					height: 9px;
					background: transparent url(../gfx/bg-tip-bubble-bottom2.gif) no-repeat left top;
				}
	
	div.stepbystep-right-left {
		float: left;
		padding: 20px;
	}
		div.stepbystep-right-left img {
			padding: 1px;
			border: 1px solid #cdcdb5;
			background-color: #fff;
		}
	div.stepbystep-right-right {
		padding: 15px 0;
		width: 500px;
		float: left;
		font-size: 36px;
	}
	
/***************
 * KERESŐ
 **************/
div.search-advkeyword {
	padding: 7px;
	background-color: #4c4c38;
	border: 1px solid #31a0b4;
	color: #fff;
	font-size: 11px;
}
div.block-advsearch-title {
	background: transparent url(../gfx/bg-commercial-title.gif) repeat-x left 7px;
	font-size: 18px;
	color: #000;
	line-height: 14px;
	margin: 5px 0 10px 0;
}
div.block-advsearch-title span{
	background-color: #fff;
	padding-right: 5px;
}
div.block-advsearch-subtitle {
	padding-bottom: 5px;
}
/***************
 * 404
 **************/
body.body-404 {
	min-height: 100%;
	
}
table.table-404 {
	width: 100%;
}
div.top-404 {
	margin-top: 40px;
	width: 750px;
	height: 20px;
	background: transparent url(../gfx/bg-404-top.png) no-repeat left top;
}
div.bottom-404 {
	width: 750px;
	height: 20px;
	background: transparent url(../gfx/bg-404-bottom.png) no-repeat left top;
}
div.center-404 {
	position: relative;
	border: 1px solid #cdcdb5;
	width: 478px;
	min-height: 380px;
	padding: 10px 70px 0 200px;
	border-width: 0 1px;
	background-color: #fff;
	text-align: left;
	line-height: 18px;
}
	div.center-404 a.logo-404 {
		position: absolute;
		bottom: -19px;
		left: 20px;
		display: block;
		width: 168px;
		height: 207px;
		background: transparent url(../gfx/bg-404-logo.jpg) no-repeat left top;
	}
	div.center-404 a.logo2-404 {
		position: absolute;
		bottom: 0px;
		left: 200px;
		display: block;
		width: 300px;
		height: 30px;
		background: transparent url(../gfx/bg-404-logo2.jpg) no-repeat left top;
	}
	div.center-404 div.text-404 {
		width: 220px;
		height: 33px;
		padding: 5px 8px;
		margin: 15px 0;
		background: transparent url(../gfx/bg-404-text.gif) no-repeat left top;
	}
	div.center-404 a.link-404 {
		padding: 0 15px;
	}
	
/****************
 * autocomplete
 ****************/
.autocomplete-w1 { 
	background-color: #ffffff;; 
	position:absolute; 
	top:0px; 
	left:0px; 
	margin:8px 0 0 6px; 
	/* IE6 fix: */ _background:none; 
	_margin:0; 
}
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight: bold; color:#3399FF; }




/***************
 * pager
 ***************/

div.pager {
    clear: both;
    padding: 10px 0;
    text-align: left;
}

	div.pager span {
		margin: 0 5px;
		padding: 3px 6px 3px 6px;
		color: #2a3333;
        background-color: #31a0b4;
	}
    div.pager a {
		margin: 0 5px;
		color: #616a6a;
		padding: 3px 6px 3px 6px;
    }
    div.pager a:hover {
        background-color: #31a0b4;
        color: #2a3333;
    }
	a.pager-prev {
		float:left;
		display: block;
		width: 20px;
		height: 20px;
		padding: 0 !important;
		background: transparent url(../gfx/bg-pager-prev.gif) no-repeat left top;
	}
	a.pager-next {
		float:right;
		display: block;
		width: 20px;
		height: 20px;
		padding: 0 !important;
		background: transparent url(../gfx/bg-pager-next.gif) no-repeat left top;
	}
	
div.userlist-more,div.recipelist-more,div.ingredients-more {
	display:none;
}
div.bloglist-more {
	display:none;
}

div.scrolleritem {
	display:none;
}

div.post-body {
	min-height:100px;
	_height:100px;
}

.size_1 {
	font-size:20px;
}

.size_2 {
	font-size:18px;
}

.size_3 {
	font-size:16px;
}

.size_4 {
	font-size:14px;
}

.size_5 {
	font-size:12px;
}

div.preloader {
	position:absolute;
	width:25px;
	height:25px;
	right:20px;
	top:20px;
	background:url(/layout/gfx/ajaxload.gif) no-repeat left top;
	z-index:1000;
	display:none;
}