/*
 * Reset CSS
 */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/*
 * Form Tags
 */

fieldset {
	padding:1.4em;
	margin: 0 0 1.5em 0;
	border: 1px solid #ccc;
}

legend {
	font-weight: bold;
	font-size:1.2em;
}                        

input[type=text], input[type=password], input.text, input.title, textarea, select {       
	background-color:#fff; 
	border:1px solid #bbb; 
}

input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {       
	border-color:#666;                 
}

input[type=text], input[type=password], input.text, input.title, textarea, select {
	/*margin:0.5em 0px;*/
	font-family: Tahoma;
	font-size: 11px;
}

input.text, input.title {
	width: 300px; padding:5px;
}

input.title {
	font-size:1.5em;
}

textarea {
	width: 390px; height: 250px; padding:5px;
}

input[type=checkbox], input[type=radio], input.checkbox, input.radio {
	position:relative; top:.25em;
}

form.inline {
	line-height:3;
}

form.inline p {
	margin-bottom:0;
}

/*
 * Search forms. Used inside the search tabs in the indexes as well as 
 * the search results page
 */

.search-drinks input.keyword,
.search-recipes input.keyword {
	width: 510px;
	height: 21px;
	padding: 7px 0px 0px 4px;
}

.search-form input.keyword,
.search-delivery input.keyword,
.search-restaurants input.keyword {
	width: 669px;
	height: 21px;
	padding: 7px 0px 0px 4px;
}

.search-drinks table td,
.search-delivery table td, 
.search-restaurants table td,
.search-recipes table td {
	padding: 0px 5px 5px 0px;
	vertical-align: bottom;
}

body { 
	margin: 0px;
	font-family: Tahoma, FreeSans, sans-serif;
	font-size: 11px;
}

a, a:visited {
	font-family: inherit;
	text-decoration: none;
	color: #373737;
}

a:hover {
	text-decoration: underline;
}

/* 
 * http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack 
 */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/**
 * Containers
 */

/**
 * Main container that sets the outline for the entire site
 */
.container {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
	/**
	 * Main Div elements used throughout the application identifying the general outline of the page
	 */
	
	.container .search, .container .left-column, .container .center-column,
	.container .left-wide-column, .container .search-results, .container .search-results-small, .container .right-column,
	.container .error-page, .container .debug, .container .newsContainer, .container .tagsContainer,
	.container .recipe-oftd, .container .advice-oftd, .container .latest-entries, .container .latest-ratings,
	.container .latest-blog-posts {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		position:relative;
	}
	
	.container .error-page {
		width: 940px;
		margin-top: 10px;
	}
		.container .error-page .theme {
			height: 285px;
			background-image: url('/images/error-image.png');
			background-repeat: no-repeat;
		}
		
			.container .error-page .theme .messages {
				padding: 10px;
			}
		
				.container .error-page .theme .messages h1 {
					color: #c41e27;
					font-size: 18px;
					font-weight: bold;
				}
				
				.container .error-page .theme .messages .explain {
					font-size: 24px;
				}
	
		.container .error-page .footer {
			width: 940px;
			height: 160px;
			background-image: url('/images/error-footer.png');
			background-repeat: no-repeat;
		}
			.container .error-page .footer .messages {
				padding: 10px;
			}
				.container .error-page .footer .messages h1 {
					color: #778b39;
					font-size: 14px;
					font-weight: bold;	
				}
				
				.container .error-page .footer .messages ul {
					padding-left: 20px;
				}
				
					.container .error-page .footer .messages ul li {
						background-image: url('/images/error-li.png');
						background-position: left center;
						background-repeat: no-repeat;
						list-style: none;
						padding: 0px 0px 3px 12px;
					}
	
	.container .debug {
		width: 940px;
		margin-top: 10px;
		overflow: auto;
	}
	
	.container .footer-links {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 460px;
	}

	.container > .search-results-small,
	.container > .search-results {
		width: 700px;
		padding-top: 14px;
		padding-bottom: 10px;
	}
	
	.container > .search-results-small {
		width: 540px;
	}
		.container > .search-results > .header {
			background-image: url('/images/containers/search-results-header.png');
			width: 700px;
			height: 10px;
			display: block;
			float: left;
		}
		
		.container > .search-results-small > .header-breadcrumbs,
		.container > .search-results > .header-breadcrumbs {
			background-image: url('/images/containers/store-header.png');
			background-repeat: no-repeat;
			height: 36px;
			width: 700px;
			display: block;
			float: left;
		}
		
		.container > .search-results-small > .header-breadcrumbs {
			background-image: url('/images/containers/recipe-header.png');
			background-repeat: no-repeat;
			width: 540px;
		}
			
			.container > .search-results-small > .header-breadcrumbs > p.breadcrumbs,
			.container > .search-results > .header-breadcrumbs > p.breadcrumbs {
				padding: 16px 0px 0px 20px;
			}
		
		.container > .search-results-small > .contents, 
		.container > .search-results > .contents {
			background-image: url('/images/containers/search-results-bg.png');
			background-repeat: repeat-y;
			float: left;
			width: 700px;
			display: block;
			min-height: 120px;
		}
		
		.container > .search-results-small > .contents {
			background-image: url('/images/containers/recipe-bg.png');
			background-repeat: repeat-y;
			width: 540px;
		}
		
			.container > .search-results > .contents > form > table {
				width: 680px;
				margin: 0px 10px 0px 10px
			}
			
				.container > .search-results > .contents > form > table td {
					vertical-align: top;
				}
		
			.container > .search-results > .contents input.search-input {
				width: 520px;
				height: 21px;
				padding: 7px 0px 0px 5px;
			}
		
			.container > .search-results-small > .contents > .options,
			.container > .search-results > .contents > .options,
			.container > .search-results-small > .contents > .suggestion,
			.container > .search-results > .contents > .suggestion,
			.container > .search-results-small > .contents > .header,
			.container > .search-results > .contents > .header,
			.container > .search-results-small > .contents > .read-more,
			.container > .search-results > .contents > .read-more,
			.container > .search-results-small > .contents > .stats,
			.container > .search-results > .contents > .stats {
				background-color: #dbe1cc;
				border-bottom: 1px solid #c3c3c3;
				float: left;
				height: 37px;
				margin: 0px 10px 10px 10px;
				width: 680px;
			}
			
			.container > .search-results-small > .contents > .options,
			.container > .search-results-small > .contents > .read-more,
			.container > .search-results-small > .contents > .header {
				width: 514px;
			}
			
			.container > .search-results > .contents > .stats {
				margin: 0px 10px 0px 10px !important;
			}
			
			.container > .search-results-small > .contents > .stats {
				margin: 0px 10px 0px 10px !important;
				width: 514px;
			}
				.container > .search-results-small > .contents > .stats > a.search-expanded,
				.container > .search-results-small > .contents > .stats > a.search-expand,
				.container > .search-results > .contents > .stats > a.search-expanded, 
				.container > .search-results > .contents > .stats > a.search-expand {
					background-image: url('/images/buttons/search-expand.png');
					background-repeat: no-repeat;
					padding-left: 16px;
					height: 12px;
					display: block;
					float: left;
					margin: 13px 0px 0px 10px;
				}
				
				.container > .search-results-small > .contents > .stats > a.search-expanded,
				.container > .search-results > .contents > .stats > a.search-expanded {
					background-position: 0 -12px;	
				}
				
				.container > .search-results-small > .contents > .stats > a.search-expanded:hover, 
				.container > .search-results > .contents > .stats > a.search-expanded:hover {
					background-position: 0 0px;
				}
				
				.container > .search-results-small > .contents > .stats > a.search-expand:hover, 
				.container > .search-results > .contents > .stats > a.search-expand:hover {
					background-position: 0 -12px;
				}
				
				.container > .search-results-small > .contents > .stats > .statistics,
				.container > .search-results > .contents > .stats > .statistics {
					float: right;
					padding: 13px 10px 0px 0px;
				}
			
			.container > .search-results-small > .contents > .options,	
			.container > .search-results > .contents > .options {
				background-color: #fbfafa;
				display: inline;
				height: auto;
			}
			
				.container > .search-results-small > .contents > .options > .header,
				.container > .search-results > .contents > .options > .header {
					background-color: #f6f8f1;
					border-bottom: 1px solid #c3c3c3;
					float: left;
					height: 37px;
					width: 680px;
					margin-bottom: 5px;
				}
				
				.container > .search-results-small > .contents > .options > .header {
					width: 514px;
				}

					.container > .search-results-small > .contents > .options > .header > p,
					.container > .search-results > .contents > .options > .header > p {
						padding: 13px 0px 0px 10px;
						font-weight: bold;
					}
				
				.container > .search-results-small > .contents > .options > span.ordering {
					float: left;
					width: 500px;
					padding: 10px;
					text-align: right;	
				}
				
				.container > .search-results > .contents > .options > span.ordering {
					float: left;
					width: 660px;
					padding: 10px;
					text-align: right;
				}
				
				.container > .search-results-small > .contents > .options > a,
				.container > .search-results > .contents > .options > a {
					background-image: url('/images/bullet.png');
					background-position: 2px;
					background-repeat: no-repeat;		
					float: left;
					width: 200px;
					padding-left: 13px;
					margin: 0px 0px 5px 10px;
				}
			
			.container > .search-results-small > .contents > .header,
			.container > .search-results > .contents > .header {
				background-color: #e5e9db;
				margin: 10px !important;
			}
				
				.container > .search-results-small > .contents > .header > h1,
				.container > .search-results > .contents > .header > h1 {
					padding: 13px 0px 0px 10px;
					font-weight: bold;
				}
			
			.container > .search-results-small > .contents > .read-more,
			.container > .search-results > .contents > .read-more {
				background-color: #f6f8f1;				
			}
				.container > .search-results-small > .contents > .read-more > a,
				.container > .search-results > .contents > .read-more > a {
					float: right;
					padding: 13px 10px 0px 0px;
					background-image: url('/images/bullet.png');
					background-position: right 17px;
					background-repeat: no-repeat;
					margin-right: 10px;
				}
			
			.container > .search-results > .contents > .suggestion {
				background-color: #feece9;
				border: 1px solid #ffcfcf !important;
				height: 37px;
				width: 678px;
				margin: 10px !important;
			}
				
			.container > .search-results-small > .contents > .suggestion {
				width: 514px;
				background-color: #feece9;
				border: 1px solid #ffcfcf !important;
				margin: 10px !important;
			}
				
				.container > .search-results-small > .contents > .suggestion > h1,
				.container > .search-results > .contents > .suggestion > h1 {
					padding: 13px 0px 0px 10px;
				}
		
		.container > .search-results-small > .footer { 
			background-image: url('/images/containers/recipe-footer.png');
			background-repeat: no-repeat;
			height: 7px;
			display: inline;
			float: left;
			width: 540px;
		}
		
		.container > .search-results > .footer {
			background-image: url('/images/containers/search-results-footer.png');
			background-repeat: no-repeat;
			height: 9px;
			display: inline;
			float: left;
			width: 700px;
		}
	
	.container .left-wide-column {
		width: 700px;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.container .center-column {
		width: 540px;
		padding-top: 10px;
	}

	.container .left-column {
		width: 140px;
		padding-top: 10px;
	}

	.container .right-column {
		width: 220px;
		padding-top: 10px;
		margin-right: 0px;
	}

	/**
	 * Theme container. Used in the index page to display the search
	 * fields.
	 */
	.container .search {
		background-image: url('/images/theme-morning.png');
		background-position: bottom;
		background-repeat: no-repeat;
		height: 232px;
		width: 940px;
		display: inline;
		float: left;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	
	#search-illustration {
		position: absolute;
		top: 20px;
		left: 750px;
		z-index: 50;
		width: 133px;
		height: 200px;
		display: block;
	}

	/**
	 * Page header. Composed of two major parts, header-left containing the logo and
	 * header-right containing all the required information
	 */
	.container .header-left {
		display: inline;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		width: 260px;
	}

		.container .header-left .logo {
			height: 140px;
		}

	.container .header-right {
		display: inline;
		float: left;
		width: 660px;
		margin-left: 10px;
		margin-right: 10px;
	}

		.container .header-right .promote {
			text-align: right;
			width: 660px;
			display:inline;
			float: left;
			padding-top: 20px;
		}

		.container .header-right .promote a,
		.container .header-right .promote a:visited {
			color: #ffffff;
			font-weight: bold;
		}

		.container .header-right .promote a:hover {
			text-decoration: underline;	
		}

		.container .header-right .user {
			width: 660px;
			display:inline;
			float: left;
			padding-top: 20px;
		}

		.container .header-right .menu {
			width: 660px;
			display:inline;
			float: left;
			padding-top: 27px;
		}

			.container .header-right .user ul,
			.container .header-right .menu ul {
				list-style:none;
				margin: 0px;
				padding: 0px;
			}

			.container .header-right .user ul li,
			.container .header-right .menu ul li {
				display: inline;
				float: right;
				padding: 2px;
			}

			.container .header-right .menu ul li a,
			.container .header-right .menu ul li a:visited {
				font-family: arial, Helvetica,sans-serif;
				font-size: 14px;
				font-weight: bold;
				color: #606060;
				padding-left: 20px;
			}

			.container .header-right .menu ul li a:hover {
				color: #000000;
			}

			.container .header-right .menu ul li a.enabled,
			.container .header-right .menu ul li a.enabled:visited {
				color: #ff0000;
			}

			.container .header-right .menu ul li a.enabled:hover {
				color: #ff0000;
				text-decoration: underline;
			}


	/**
	 * Div elements inside the pages
	 */
	.container .login, .container .register, .container .terms, .container .contact, .container .profile {
		text-align: center;
		width: 740px;
		display: inline;
		float: left;
		padding: 10px 100px 10px 100px;
	}
		
		.container .login table td {
			vertical-align: top;
		}

	/**
	 * News Div
	 */
	.container .newsContainer, .tagsContainer, .container .search-index { 
		width: 940px; 
		display: inline;
                float: left;
		margin-bottom: 5px;
	}
	
	.container .search-index {
		padding-top: 50px !important;
	}

		.container .tagsContainer .header {
			background-image: url('/images/containers/tags-header.png');
			background-repeat: no-repeat;
			line-height: 52px;
			height: 52px;
			display: block;
		}
		
			.container .tagsContainer .header p {
				padding: 30px 0px 0px 55px;
				font-weight: bold;
			}
		
		.container .search-index .header,
		.container .newsContainer .header {
			background-image: url('/images/containers/rounded-large-header.png');
			background-repeat: no-repeat;
			line-height: 11px;
			display: block;
		}

		.container .search-index .contents,
		.container .newsContainer .contents {
			background-image: url('/images/containers/rounded-large-bg.png');
			background-repeat: repeat-y;
			padding: 10px 20px 18px 20px;
			width: 900px;
		}
		
			.container > .search > .search-index > .contents > form > table {
				width: 680px;
				margin: 0px 10px 0px 10px
			}
			
				.container > .search > .search-index > .contents > form > table td {
					vertical-align: top;
				}
		
			.container > .search > .search-index > .contents input.search-input {
				width: 520px;
				height: 21px;
				padding: 7px 0px 0px 5px;
			}
			
			.container > .search > .search-index > .contents ul.tags {
				margin-top: 5px;
			}
				.container > .search > .search-index > .contents ul.tags > li {
					float: left;
					margin: 3px 3px 0px 0px;
				}
			
				.container > .search > .search-index > .contents ul.tags > li.first {
					background-image: url('/images/tag-icon.png');
					background-repeat: no-repeat;
					height: 14px;
					width: 14px;
				}
		
		.container .newsContainer .contents img#logo {
			float: left;
			margin-right: 14px;
		}
		
		.container .tagsContainer .contents {
			background-image: url('/images/containers/tags-bg.png');
			background-repeat: repeat-y;
			width: 940px;
		}
		
			.container .tagsContainer .contents .tags {
				width: 900px;
				padding: 20px;
				text-align: justify;
			}		

			.container .newsContainer .contents h3 {
				font-size: 20px;
			}
			
			.container .newsContainer p {
				text-align: justify;
				padding-top: 10px;
				height: 22px;
			}

		.container .search-index .footer,
		.container .newsContainer .footer {
			background-image: url('/images/containers/rounded-large-footer.png');
			background-repeat: no-repeat;
			height: 5px;
			display: block;
		}
		
		.container .tagsContainer .footer {
			background-image: url('/images/containers/tags-footer.png');
			background-repeat: no-repeat;
			height: 9px;
			display: block;
		}

	.container .latest-ratings, .container .latest-blog-posts,
	.container .recipe-oftd, .container .advice-oftd {
		width: 460px;
		display: inline;
		float: left;
	}
	
		.container .latest-ratings .header, .container .latest-blog-posts .header,
		.container .recipe-oftd .header, .container .advice-oftd .header {
			background-image: url('/images/containers/460-header.png');
			background-repeat: no-repeat;
			height: 49px;
			line-height: 15px;
			display: block;
		}
			.container .latest-ratings .header p, .container .latest-blog-posts .header p,
			.container .recipe-oftd .header p, .container .advice-oftd .header p {
				padding: 27px 0px 0px 55px;
				font-weight: bold;
			}

		.container .latest-ratings .contents, .container .latest-blog-posts .contents,
		.container .recipe-oftd .contents, .container .advice-oftd .contents {
			background-image: url('/images/containers/460-bg.png');
			background-repeat: repeat-y;
			height: 130px;
			width: 460px;
		}
		
			.container > .latest-blog-posts > .contents > .listing > .item > span {
				width: 340px;
			}

		.container .latest-ratings .contents, .container .latest-blog-posts .contents {
			height: 240px;
		}
		
			.container .recipe-oftd .contents .recipe, .container .advice-oftd .contents .advice {
				/*background-image: url('/images/containers/store-details-bg.png');*/
				background-repeat: repeat-x;
				height: 111px;
				width: 420px;
			}
				.container .recipe-oftd .contents .recipe div, .container .advice-oftd .contents .advice div {
					padding: 10px 10px 0px 10px;
				}
				
					.container .recipe-oftd .contents .recipe div img#logo, .container .advice-oftd .contents .advice div img#logo {
						margin-right: 14px;
						display: inline;
						float: left;
					}

					.container .recipe-oftd .contents .recipe div span.spancontainer,  .container .advice-oftd .contents .advice div span.spancontainer {
						float: left;
						display: inline;
						width: 300px;
					}

						.container .recipe-oftd .contents .recipe div span h3, .container .advice-oftd .contents .advice div span h3 {
							font-weight: bold;
						}
						
						.container .recipe-oftd .contents .recipe div span p, .container .advice-oftd .contents .advice div span p {
							text-indent: 15px;
						}

		.container .latest-ratings .footer, .container .latest-blog-posts .footer,
		.container .recipe-oftd .footer, .container .advice-oftd .footer {
			background-image: url('/images/containers/460-footer.png');
			background-repeat: no-repeat;
			height: 31px;
			display: block;
		}

	.container .latest-entries, .container .forms {
		width: 940px;
		display: inline;
		float: left;
	}
	
	.container .forms {
		margin-top: 10px;
	}
	
		.container .latest-entries .header,
		.container .forms .header {
			background-image: url('/images/containers/940-header.png');
			background-repeat: no-repeat;
			height: 54px;
			display: block;				
		}
		
		.container .forms .header {
			background-image: url('/images/containers/forms-header.png');
			height: 48px;
		}
		
			.container .latest-entries .header p {
				padding: 30px 0px 0px 55px;
				font-weight: bold;
			}
			
			.container .forms .header p {
				padding: 19px 0px 0px 18px;
				color: #778b39;
				font-size: 18px;
			}

		.container .latest-entries .contents {
			background-image: url('/images/containers/940-bg.png');
			background-repeat: repeat-y;
			padding: 10px;
			height: 270px;
		}
			.container .latest-entries .contents .column {
				width: 230px;
				float: left;
				display: inline;								
			}
		
		.container .forms .contents {
			background-image: url('/images/containers/forms-bg.png');
			background-repeat: repeat-y;
			padding: 10px;
		}
			.container .forms .contents table {
				margin: 10px;
			}
			
			.container .forms .contents table td {
				height: 30px;
				padding: 0.2em;
				vertical-align:top;
			}
			
				.container .forms .contents table td input {
					height: 21px;
					margin-bottom: 0.2em;
					border: 1px solid #bbbbbb;
					padding: 4px 0px 0px 5px;
				}
				
				.container .forms .contents table td p.formHint {
					font-size: 10px;
				}
			
				.container .forms .contents table td em {
					color: #c41e27;
				}
	
				.container .forms .contents table td img {
					border: 1px solid #bbbbbb;
				}
				
		.container .latest-entries .footer,
		.container .forms .footer {
			background-image: url('/images/containers/940-footer.png');
			background-repeat: no-repeat;
			height: 31px;
			display: block;
		}
		
		.container .forms .footer {
			background-image: url('/images/containers/forms-footer.png');
		}
	
	/**
	 * Latest Items Div
	 */
	.container .latest-small,
	.container .latest {
		display: inline;
		float: left;
		width: 700px;
	}

	.container .latest-small {
		width: 540px;
	}

		.container .latest-small .header, .container .latest .header {
			background-image: url('/images/containers/latest-header.png');
			background-repeat: no-repeat;
			display: block;
			line-height: 33px;
			padding: 17px 0px 0px 60px;
			color: #373737;
			font-family: Tahoma;
			font-size: 12px;
			font-weight: bold;
		}

		.container .latest-small .header {
			background-image: url('/images/containers/latest-small-header.png');
			padding: 15px 0px 0px 50px;
			height: 33px;
		}

		.container .latest-small .contents, .container .latest .contents {
			background-image: url('/images/containers/latest-bg.png');
			background-repeat: repeat-y;
			float: left;
			display: inline;
			width: 700px;
			padding: 5px 0px 5px 5px;
		}

		.container .latest-small .contents {
			background-image: url('/images/containers/latest-small-bg.png');
			width: 540px;
		}

		.container .latest-small .footer, .container .latest .footer {
			background-image: url('/images/containers/latest-footer.png');
			background-repeat: no-repeat;
			height: 31px;
			float: left;
			display: inline;
			width: 700px;
		}

		.container .latest-small .footer {
			background-image: url('/images/containers/latest-small-footer.png');
			width: 540px;
		}


	/**
	 * Suggest Div
	 */
	.container .new, .container .research-banner,
	.container .suggest {
		display: inline;
		float: left;
		width: 220px;
		margin-bottom: 5px;
	}
		.container .research-banner .header,
		.container .new .header,
		.container .suggest .header {
			background-image: url('/images/containers/suggest-header.png');
			background-repeat: no-repeat;
			height: 53px;
			padding-left: 15px;
			float: left;
			display: inline;
			width: 220px;
		}
		
		.container .research-banner .header {
			background-image: url('/images/souvlaki-index/research-header.png');
			height: 55px;
		}

		.container .new .header {
			background-image: url('/images/containers/new-header.png');
			height: 38px;
		}

			.container .suggest .header h1 {
				background-image: url('/images/containers/suggest-title.png');
				display: block;
				width: 109px;
				color: #ffffff;
				font-family: Tahoma, sans-serif;
				font-weight: bold;
				font-size: 11px;
				text-align: center;
				margin-top: 24px;
				margin-left: 80px;
				padding: 6px 0px 6px 0px;
			}
			
				.container .suggest .header h1 a {
					color: #ffffff;
				}

		.container .research-banner .contents,
		.container .new .contents,
		.container .suggest .contents {
			background-image: url('/images/containers/suggest-bg.png');
			background-repeat: repeat-y;
			float: left;
			display: inline;
			width: 220px;
			padding-top: 5px;
		}

		.container .new .contents {
			background-image: url('/images/containers/new-bg.png');
			padding: 10px;
		}
		
			.container .suggest .contents .row0,
			.container .suggest .contents .row1 {
				width: 200px;
			}
		
			.container .research-banner .contents p {
				color: #767676;
				padding-left: 10px;
				text-align: center;
			}

		.container .research-banner .footer,
		.container .new .footer,
		.container .suggest .footer {
			background-image: url('/images/containers/suggest-footer.png');
			background-repeat: no-repeat;
			height: 31px;
			float: left;
			display: inline;
			width: 220px;
		}

		.container .new .footer {
			background-image: url('/images/containers/new-footer.png');
			height: 10px;
			margin-bottom: 10px;
		}

/**
 * Layout styles
 */

/**
 * Header layout
 */
#layout-header { 
	background-image: url('/images/layout-header.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 142px;
	display: block;
	text-align: center;
}


#loading {
	display:none; 
	width:150px; 
	text-align:center; 
	padding:5px 8px; 
	font-weight:bold; 
	margin-left: 80px; 
	position:relative; 
	top: 2%; 
	right: 2%; 
	font:12px arial; 
	z-index: 999; 
	position: absolute;
	background-color:#fffea1;
	opacity:100;
}

#layout-grass {
	background-image: url('/images/layout-grass.png');
	background-position: bottom;
	background-repeat: repeat-x;
	width: 100%;
	height: 232px;
	display: block;
	text-align: center;
}

	#layout-grass .container .mtabs {
		padding-top: 50px!important;
	}
	
#layout-inner {
	background: #f7f5ee;
	width: 100%;
	text-align: center;
	overflow: auto;
}

#layout-main {
	background: #f7f5ee;
	background-image: url('/images/layout-main-trailing.png');
	background-repeat: repeat-x;
	background-position:bottom;
	width: 100%;
	overflow: auto;
	display: block;
	padding: 6px 0px 6px 0px;
	text-align: center;
}

#layout-latest {
	background: #eeebe0;
	width: 100%;
	display: block;
	/*height: 890px;*/
	height: 750px;
	padding-top: 18px;
	text-align: center;
}

#layout-footer {
	background: #ffffff;
	width: 100%;
	height: 78px;
	display: block;
	padding-top: 18px;
	text-align: center;
}

/**
 * Buttons
 */

/**
 * Button: Vote Now
 */
a#vote-now,
a#vote-now:hover {
	background-image: url('/images/buttons/button-vote.png');
	width: 88px;
	height: 13px;
	text-decoration: none;
	display: block;
	color: #ffffff;
	text-align: center;
	padding: 5px 0px 5px 0px;
}

a#vote-now:hover {
	background-image: url('/images/buttons/button-vote-hover.png');
}

/**
 * Button: Print
 */
a#print,
a#print:hover {
	background-image: url('/images/buttons/button-print.png');
	width: 35px;
	height: 32px;
	text-decoration: none;
	display: block;
}

a#print:hover {
	background-image: url('/images/buttons/button-print-hover.png');
}

/**
 * Button: Add/Remove favorites
 */
a.add-favorite,
a.remove-favorite,
a.add-favorite:hover,
a.remove-favorite:hover,
a.permalink,
a.permalink:hover,
a.externalLink,
a.externalLink:hover {
	background-image: url('/images/buttons/button-favorites.png');
	width: 35px;
	height: 32px;
	text-decoration: none;
	display: block;
}

a.externalLink {
	background-image: url('/images/buttons/button-external-link.png');
}

a.externalLink:hover {
	background-image: url('/images/buttons/button-external-link-hover.png');
}

a.permalink {
	background-image: url('/images/buttons/button-permalink.png');
}

a.permalink:hover {
	background-image: url('/images/buttons/button-permalink-hover.png');
}

a.add-favorite:hover {
	background-image: url('/images/buttons/button-favorites-hover.png');
}

a.remove-favorite {
	background-image: url('/images/buttons/button-remove-favorites.png');
}

a.remove-favorite:hover {
	background-image: url('/images/buttons/button-remove-favorites-hover.png');
}

a.greenbutton {
	-x-system-font:none;
	background: transparent url('/images/buttons/gr-button-right.png') no-repeat scroll right top;
	color: #FFFFFF;
	display: block;
	float: left;
	height: 24px;
	line-height:normal;
	margin-right: 10px;
	padding-right: 8px;
	text-decoration: none;
	font-weight: bold;
}

a.greenbutton:visited {
	color: #ffffff;
}

a.greenbutton span {
	background:transparent url('/images/buttons/gr-button-left.png') no-repeat scroll 0 0;
	display:block;
	line-height: 13px;
	padding: 5px 0px 5px 8px;
	text-align: center;
}

a.greenbutton div.text {
	background:transparent url('/images/buttons/gr-button-left.png') no-repeat scroll 0 0;
	display:block;
	line-height: 13px;
	padding:5px 0px 5px 8px;
}

a.greenbutton span:hover {
	text-decoration: underline;
}

/**
 * Button: Logo
 */
a#logo {
	background-image: url('/images/logo.png');
	width: 184px; 
	height: 140px;
	text-decoration: none;
	display: block;
}

/**
 * Button: Login
 */
a#login,
a#login:hover {
	background-image: url('/images/buttons/login.png');
	width: 67px;
	height: 23px;
	text-decoration: none;
	display: block;
}

a#login:hover {
	background-position: 0 -23px;
}

/**
 * Button: Register
 */
a#register-button,
a#register-button:hover {
	background-image: url('/images/buttons/register.png');
	width: 154px;
	height: 23px;
	text-decoration: none;
	display: block;	
}

a#register-button:hover {
	background-position: 0 -23px;
}

/**
 * Button: I am hungry
 */
a#iamhungry,
a#iamhungry:hover {
	background-image: url('/images/buttons/iamhungry.png');
	width: 130px;
	height: 29px;
	text-decoration: none;
	display: block;
}

a#iamhungry:hover {
	background-image: url('/images/buttons/iamhungry-hover.png');
}

/**
 * Button: I am thirsty
 */
#iamthursty,
#iamthursty:hover {
	background-image: url('/images/buttons/iamthursty.png');
	width: 130px;
	height: 29px;
	text-decoration: none;
	display: block;
}

#iamthursty:hover {
	background-image: url('/images/buttons/iamthursty-hover.png');
}

/**
 * Button: Learn more
 */
a#learnmore,
a#learnmore:hover {
	background-image: url('/images/buttons/learn-more.png');
	width: 169px;
	height: 33px;
	text-decoration: none;
	display: block;
}

a#learnmore:hover {
	background-image: url('/images/buttons/learn-more-hover.png');
}

/**
 * Button: I want to drink
 */
a#iwanttodrink,
a#iwanttodrink:hover {
	background-image: url('/images/buttons/iwanttodrink.png');
	width: 122px;
	height: 23px;
	text-decoration: none;
	display: block;
}

a#iwanttodrink:hover {
	background-image: url('/images/buttons/iwanttodrink-hover.png');
}

/**
 * Button: Search
 */
a#search-button,
a#search-button:hover {
	background-image: url('/images/buttons/search-button.png');
	width: 143px;
	height: 29px;
	text-decoration: none;
	display: block;	
}

a#search-button:hover {
	background-position: 0 -29px;
}

/**
 * CSS Tabs
 */
.mtabs { 
	/*padding-top: 74px;*/
}

	.mtabs ul#tabs {
		margin: 0px;
		padding: 0px;
		display: block;
		padding-bottom: 34px;
	}

	.mtabs ul#tabs li {
		float:left;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}

		.mtabs ul#tabs li a,
		.mtabs ul#tabs li a:hover,
		.mtabs ul#tabs li a.selected {
			background-image: url('/images/tab-bb.png');
			background-repeat: repeat-x;
			width: 150px;
			display: block;
			margin-left: 1px;
			padding: 11px 10px 11px 0px;
			font-size: 12px;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
			text-decoration: none;
		}

		.mtabs ul#tabs li a.first {
			background-image: url('/images/tab-first.png');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #FFFFFF;
			color: #778b39;
			display: block;
			margin-left: 0px;
		}

		.mtabs ul#tabs li a:hover {
			background-image: url('/images/tab-bb-hover.png');
		}

 
		.mtabs ul#tabs li a.selected {
			background-image: none;
			background-color: #ffffff;
			color: #778b39;
		}

		.mtabs ul#tabs li a.first:hover {
			background-image: url('/images/tab-first.png');
			background-position: left top;
			background-repeat: repeat-y;
			color: #778b39;
			text-decoration: none;
		}

		.mtabs ul#tabs li a.selected:hover {
			background-image: none;
			color: #778b39;
			text-decoration: none;
		}

	.mtabs .contents-small, .mtabs .contents, .mtabs .contents-wide {
		background-image: url('/images/tabs-contents-bg.png');
		background-repeat: repeat-y;
		width: 700px;
		display: inline;
		float: left;
		text-align: left;
		padding: 10px;
	}

	.mtabs .contents-small {
		background-image: url('/images/tabs-contents-bg-small.png');
		width: 520px;
	}
	
	.mtabs .contents-wide {
		background-image: url('/images/tabs-contents-bg-wide.png');
		width: 940px;
	}

	.mtabs .footer-small, .mtabs .footer, .mtabs .footer-wide {
		background-image: url('/images/tabs-contents-footer.png');
		background-repeat: no-repeat;
		width: 700px;
		height: 9px;
		display: inline;
		float: left;
		margin-bottom: 10px;
	}

	.mtabs .footer-small {
		background-image: url('/images/tabs-contents-footer-small.png');
		width: 540px;
	}
	
	.mtabs .footer-wide {
		background-image: url('/images/tabs-contents-footer-wide.png');
		width: 940px;
	}

/**
 * Rating Dialog

.rating-dialog .header {
	background-image: url('/images/dialog-header.png');
	background-repeat: no-repeat;
	width: 314px;
	line-height: 36px;
	display: block;
	padding: 4px 0px 0px 20px;
	
}

.rating-dialog .contents {
	background-image: url('/images/dialog-bg.png');
	background-repeat: repeat-y;
	padding: 5px 0px 15px 20px;
}

.rating-dialog .footer {
	background-image: url('/images/dialog-footer.png');
	background-repeat: no-repeat;
	width: 314px;
	height: 40px;
	display: block;
}
	.rating-dialog .footer ul {
		float: right;
		margin: 5px 10px 0px 0px;
	}
	
	.rating-dialog .footer ul li {
		float: right;
	}
*/
.popup table td.tlc, .popup table td.trc, .popup table td.blc, .popup table td.brc  {
	width: 6px;
	height: 6px;
	background-image: url('/images/popup-shadow-tlc.png');
	background-repeat: no-repeat;
}

.popup table td.trc {
	background-image: url('/images/popup-shadow-trc.png');
}

.popup table td.blc {
	background-image: url('/images/popup-shadow-blc.png');
}

.popup table td.brc {
	background-image: url('/images/popup-shadow-brc.png');
}

.popup table td.shadow-row {
	height: 6px;
	background-image: url('/images/popup-shadow-bg.png');
	background-repeat: repeat-x;
}

.popup table td.shadow-column {
	width: 6px;
	background-image: url('/images/popup-shadow-bg.png');
	background-repeat: repeat-y;
	height: 100%;
}

.popup table td.header {
	background-color: #e5e8db;
	line-height: 36px;
	padding-left: 10px;
	font-weight: bold;
	color: #373737;
}

.popup table td.contents {
	padding: 5px;
	background-color: #fafeed;
}

.popup table td.footer {
	background-color: #ffffff;
	line-height: 36px;
	padding: 5px;
}


/**
 * Tag Cloud
 */
#tag-cloud {

}

#small-tag-cloud {
	text-align: center;
	font-family: arial, Helvetica,sans-serif;
}
	
	#small-tag-cloud span,
	#tag-cloud span {
		font-weight: bold;
		padding: 5px 10px 5px 0px;
	}

	#tag-cloud span a:hover {
		text-decoration: underline;
	}

/*
color:#D6D6D6;
}
.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-4, .container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-5, .container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-6 {
color:#B8B8B8;
}
.container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-7, .container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-8, .container > .rightcolumn > .widget_tag_cloud > div > .contents > .tag-link-9 {
color:#A0A0A0;
*/
	#tag-cloud span a.w0 {
		font-size: 12px;
		color: #cccccc;
	}

	#tag-cloud span a.w1 {
		font-size: 13px;
		color: #D6D6D6;
	}

	#tag-cloud span a.w2 {
		font-size: 14px;
		color: #B8B8B8;
	}

	#tag-cloud span a.w3 {
		font-size: 15px;
		color: #A0A0A0;
	}

	#tag-cloud span a.w4 {
		font-size: 16px;
		color: #888888;
	}
	
	#small-tag-cloud span a.s0 {
		font-size: 11px;
		color: #cccccc;
	}

	#small-tag-cloud span a.s1 {
		font-size: 12px;
		color: #b8b8b8;
	}

	#small-tag-cloud span a.s2 {
		font-size: 13px;
		color: #999999;
	}

	#small-tag-cloud span a.s3 {
		font-size: 14px;
		color: #888888;
	}

	#small-tag-cloud span a.s4 {
		font-size: 16px;
		color: #888888;
	}

/**
 * Rating Stars
 */
.unit-rating {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 17px;
	position: relative;
	background: url('/images/starrating.png') top left repeat-x;	
	float: right;	
	display: block;
	width: 85px;
}

	.unit-rating li {
		text-indent: -90000px;
		padding: 0px;
		margin: 0px;
		float: left;
	}
	
		.unit-rating li a {
			outline: none;
			display: block;
			width: 17px;
			height: 17px;
			text-decoration: none;
			text-indent: -9000px;
			z-index: 20;
			position: absolute;
			padding: 0px;
		}
	
		.unit-rating li a:hover{
			background: url('/images/starrating.png') left center;
			z-index: 2;
			left: 0px;
		}

		.unit-rating li.current-rating {
			background: url('/images/starrating.png') left bottom;
			position: center;
			height: 16px;
			display: block;
			text-indent: -9000px;
			z-index: 1;
		}


	.unit-rating a.r1-unit { 
		left: 0px;
	}

	.unit-rating a.r1-unit:hover {
		width:17px;
	}

	.unit-rating a.r2-unit {
		left:17px;
	}

	.unit-rating a.r2-unit:hover { 
		width: 34px;
	}

	.unit-rating a.r3-unit {
		left: 34px;
	}

	.unit-rating a.r3-unit:hover {
		width: 51px;
	}

	.unit-rating a.r4-unit {
		left: 51px;
	}
	
	.unit-rating a.r4-unit:hover {
		width: 68px;
	}

	.unit-rating a.r5-unit {
		left: 85px;
	}
	
	.unit-rating a.r5-unit:hover {
		width: 102px;
	}

/**
 * Unit Rating: Voted
 */
.voted {
	color: #999; 
	text-align: right;
	margin-left: 5px;
	padding-right: 3px;
	float: right;
	width: 85px;
	font-size: 10px;
	display: block;
}

/**
 * Password strength
 */
.strength0 { 
	border: 1px solid #dddddd;
	position: relative;
	height: 10px;
	width:250px;
	color: #cccccc;
	background:#dddddd;
}

.strength1 {
	border: 1px solid #dddddd;
	position: relative;
	height: 10px;
	width:50px;
	color: #aa0033;
	background:#aa0033;
}

.strength2 {
	border: 1px solid #dddddd;
	position: relative;
	height: 10px;
	width:100px;
	color: #f5ac00;
	background:#f5ac00;
}

.strength3 {
	border: 1px solid #dddddd;
	position: relative;
	height: 10px;
	width:150px; 
	color: #6699cc;
	background:#6699cc;
}

.strength4 {
	border: 1px solid #dddddd;
	position: relative;
	height: 10px;
	width:200px;
	color: #008000;
	background:#008000;
}

.strength5 {
	border: 1px solid #dddddd;
	position: relative;
	height: 10px;
	width:250px;
	color: #676767;
	background:#676767;
}

.textcolor0 {
	color: #cccccc;
}

.textcolor1 {
	color: #aa0033;
}

.textcolor2 {
	color: #f5ac00;
}

.textcolor3 {
	color: #6699cc;
}

.textcolor4 {
	color: #008000;
}
	
.textcolor5 {
	color: #676767;
}

/**
 * Register Block
 */
#register {
	padding-left: 30px;
}

	#register-block {
		background:#ECFDFE none repeat scroll 0 0;
		border-bottom:1px solid #E6E6E6;
		border-left:1px solid #E6E6E6;
		border-top:1px solid #E6E6E6;
		color:#4F4F4F;
		float:left;
		font-family:Tahoma;
		font-size:11px;
		margin-top:3px;
		padding: 12px 4px 13px 4px;
	}

		#register-block b {
			font-size:14px;
		}

		#register-block a,
		#register-block a:visited,
		#register-block a:hover {
			color:#0084E0;
			text-decoration:underline;
		}

	#register-button-block {
		float:left;
	}

	#register-button-block a {
			background-image:url(/images/buttons/register-button.gif);
		background-repeat:no-repeat;
		display:block;
		height:44px;
		text-decoration:none;
		width:123px;
	}

/**
 * Map Container
 */
#map {
	float: left;
	display: inline;
	width: 670px;
	height: 320px;
	margin: 15px 0px 0px 15px;
}

/**
 * jGrowl - Used for all sort of notifications
 */
div.jGrowl {
	padding: 10px;
	z-index: 9999;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: absolute;
}

	div.ie6.top-right {
		right: 	auto;
		bottom:	auto;
		left: 	expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	  	top: 	expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}

	div.ie6.top-left {
		left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}

	div.ie6.bottom-right {
		left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top:  expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}

	div.ie6.bottom-left {
		left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	}

	div.ie6.center {
		left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
		top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
		width: 100%;
	}

/** Normal Style Positions **/
body > div.jGrowl {
	position: fixed;
}

	body > div.jGrowl.top-left {
		left: 10px;
		top: 0px;
	}

	body > div.jGrowl.top-right {
		right: 0px;
		top: 0px;
	}

	body > div.jGrowl.bottom-left {
		left: 0px;
		bottom: 0px;
	}

	body > div.jGrowl.bottom-right {
		right: 0px;
		bottom: 0px;
	}

	body > div.jGrowl.center {
		top: 0px;
		width: 50%;
		left: 25%;
	}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: #000;
	color: 	#fff;
	opacity: .85;
	filter: alpha(opacity = 85);
	zoom: 1;
	width: 235px;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: bold;
	font-size: 10px;
}

div.jGrowl div.jGrowl-notification div.close {
	float: right;
	font-weight: bold;
	font-size: 12px;
	cursor:	pointer;
}

div.jGrowl div.jGrowl-closer {
	height: 15px;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/**
 * Modal Windows
 */

.jqmWindow {
	display: none;    
	position: absolute;
	top: 17%;
	left: 50%;    
	margin-left: -300px;
	width: 600px;    
	background-color: #FFFFFF;
	color: #333;
	border: 1px solid black;
	padding: 12px;	
}

.jqmWindow-clean {
	display: none;    
	position: fixed;
	top: 17%;
	left: 50%;    
	margin-left: -300px;
	padding: 12px;
}

.jqmCloseContainer {
	display: inline;
	float:left;
	border-top: 1px solid black;
	width: 100%;
	background-color: #FFFFFF;
}


#jqmContent {
	width:100%;
	height: 410px;
	display: inline;
	float: left;
}

.jqmOverlay {
	background-color: #000;
	+position:absolute !important;
}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


/**
 * Select drop-down replacemenets
 */

:focus {
	outline:none;
}

.js ul.newList {
	left:-9999px;
}

/**
 * User Menu - Select Replacement
 */
.user .newListSelected {
	background: #FFF url(/images/usermenu-dropdown.png) no-repeat scroll 147px;
	border: 1px solid #A5ACB2;
	color: #606060;
	height: 23px;
	padding: 0px;
	width: 173px;
}

	.user .newListSelected div {
		display: block;
		padding: 5px 21px 2px 8px;
		text-align: left !important;
		width: 149px;
		height: 23px;
	}

.user ul.newList {
	list-style: none;
	color: #606060;
	width: 172px;
	background: #fff;
	border: 1px solid #c3c3c3;
	top: 23px;
	left: 0;
	height: auto;
	overflow: auto;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
}

	.user ul.newList li {
		padding: 4px 0px 4px 5px!important;
		text-align: left!important;
		clear: right;
		width: 165px;
	}

.user .hiLite {
	background: #316ac5!important;
	color: #fff!important;
}

.user .newListHover {
	background: #ccc!important;
	color: #000!important;
	cursor: default;
}

.user .newListSelHover {
	cursor: pointer;
}

	.user .newListSelHover, .user .newListSelFocus {
		background-position: auto;
	}

.user .newListSelHover div, .user .newListSelFocus div {
	font-weight:bold;
}

/**
 * Generic select replacement
 */
.selectContainer .newListSelected {
	background: #FFF url(/images/icons/icon-drop-down.png) no-repeat scroll 163px;
	border: 1px solid #A5ACB2;
	color: #606060;
	height: 23px;
	padding: 0px;
	width: 190px;
	margin-top: 5px;
}

	.selectContainer .newListSelected div {
		display: block;
		padding: 5px 21px 2px 8px;
		text-align: left !important;
		width: 179px;
		height: 23px;
	}

.selectContainer ul.newList {
	list-style: none;
	color: #606060;
	width: 189px;
	background: #fff;
	border: 1px solid #c3c3c3;
	top: 23px;
	left: 0;
	height: auto;
	overflow-y: auto;
	overflow: -moz-scrollbars-vertical;
	overflow-x: hidden;
	text-align: left!important;
	position: absolute;
	z-index: 9999;
	height: 170px;
}

	.selectContainer ul.newList li {
		padding: 4px 5px 4px 5px!important;
		text-align: left!important;
		clear: right;
		width: 175px;
		margin: 0px;
	}

.selectContainer .hiLite {
	background: #316ac5!important;
	color: #fff!important;
}

.selectContainer .newListHover {
	background: #ccc!important;
	color: #000!important;
	cursor: default;
}

.selectContainer .newListSelHover {
	cursor: pointer;
}

	.selectContainer .newListSelHover, .user .newListSelFocus {
		background-position: auto;
	}

.selectContainer .newListSelHover div, .user .newListSelFocus div {
	font-weight:bold;
}

.listing {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0px 10px 0px 13px;
}
	.listing .listing-tiny {
		width: 435px;
	}
	
	.listing .listing-small {
		width: 515px;
	}
	
	.listing .listing-normal {
		/* width: 675px; */
		padding: 0px 10px 0px 10px;
		width: 655px;
	}
	
	.listing .listing-large {
		width: 677px;
	}

	.listing > .item {
		float: left;
		display: inline;
		height: 46px;
		margin-top: 5px;
	}
	
		.listing > .item > a > #logo {
			margin-right: 14px;
			display: inline;
			float: left;
		}
		
		.listing > .item > span {
			float: left;
			display: inline;
			width: 450px;
		}
		
		.listing-tiny > .item > span {
			width: 200px;
		}
		
		.listing-small > .item > span {
			width: 330px;
		}
			.listing > .item > span > h3 {
				padding-top: 5px;
				font-weight: bold;
				margin-bottom: 6px;
			}

			.listing > .item > span > h3 > a,
			.listing > .item > span > h3 > a:visited {
				color: #000000;
			}
	
			.listing > .item > span > ul > li {
				float: left;
				margin-right: 10px;
			}

			.listing > .item > span > ul > li#map-info {
				background-image: url(/images/icons/icon-map.png);
				background-repeat: no-repeat;
				padding: 2px 0px 0px 24px;
				height: 16px;
			}

			.listing > .item > span > ul > li#map-info a {
				color: #657e1d; 
			}
			
			.listing > .item > span > ul > li#phones-info {
				background-image: url(/images/icons/icon-phone.png);
				background-repeat: no-repeat;
				padding: 2px 0px 0px 24px;
				height: 16px;
			}

		.listing > .item > span#right {
			float: right;
			display: inline;
			width: 120px;
		        margin: 2px;
		}
		
		.listing > .no-results {
			padding: 10px;
			text-align: center;
		}
	
	/**
	 * Paging Elements CSS 
	 */
       .listing > .paging {
	       float: left;
	       display: inline;
	       overflow: hidden;
	       margin-top: 7px;
       }
		.listing > .paging > table {
			float: right
		}
       
			.listing > .paging > table td {
			       vertical-align: bottom;
			       padding-right: 5px;
			}
	       
		       .listing > .paging > table td a#previous,
		       .listing > .paging > table td a#previous:hover {
			       background-image: url('/images/buttons/previous.png');
			       width: 19px;
			       height: 17px;
			       text-decoration: none;
			       display: block;	
		       }
	       
		       .listing > .paging > table td a#next {
			       background-image: url('/images/buttons/next.png');
			       width: 19px;
			       height: 17px;
			       text-decoration: none;
			       display: block;
		       }
		       
		       .listing > .paging > table td a#next:hover,
		       .listing > .paging > table td a#previous:hover {
			       background-position: 0 -17px;
		       }
	       
		       .listing > .paging > table td input {
			       margin: 0;
			       padding: 0;
			       line-height: 12px;
			       height: 15px;
			       width: 40px;
			       margin: 0px;
			       text-align: center;
		       }


/*************************************************************
 * Container for search forms
 *************************************************************/

.search-container {
	padding: 5px 0px 30px 12px;
}

/**
 * Containers for all major parts of the internal pages.
 * .city is used to display the stores of a city (Delivery/Restaurants)
 * .store is used to display a store
 * .recipe is used to display a recipe/drink
 * .recipes is used to display a listing of recipes/drinks
 */
.city, .store, .recipe, .recipes,
.advice, .advices, .newsitem, .news {
	display: inline;
	float: left;
	width: 700px;
	padding-bottom: 10px;
}

.recipe, .recipes {
	width: 540px;
}

	.city > .header, .store > .header,
	.advice > .header, .advices > .header,
	.newsitem > .header, .news > .header {
		background-image: url('/images/containers/store-header.png');
		background-repeat: no-repeat;
		height: 36px;
	}

		.city > .header > p.breadcrumbs, .store > .header > p.breadcrumbs, .recipe > .header > p.breadcrumbs,
		.recipes > .header > p.breadcrumbs, .advice > .header > p.breadcrumbs, .advices > .header > p.breadcrumbs,
		.newsitem > .header > p.breadcrumbs, .news > .header > p.breadcrumbs {
			padding: 16px 0px 0px 20px;
		}

	.city > .footer, .store > .footer, .advice > .footer, .advices > .footer, .newsitem > .footer, .news > .footer  {
		background-image: url('/images/containers/store-footer.png');
		background-repeat: no-repeat;
		height: 5px;
		display: inline;
		float: left;
		width: 700px;
	}

	.recipe > .header, .recipes > .header {
		background-image: url('/images/containers/recipe-header.png');
		background-repeat: no-repeat;
		height: 36px;
	}

	.recipe > .footer, .recipes > .footer { 
		background-image: url('/images/containers/recipe-footer.png');
		background-repeat: no-repeat;
		height: 7px;
		display: inline;
		float: left;
		width: 540px;
	}

	.city > .contents, .store > .contents, .advice > .contents, .advices > .contents, .newsitem > .contents, .news > .contents {
		background-image: url('/images/containers/store-bg.png');
		background-repeat: repeat-y;
		display: inline;
		width: 700px;
		float: left;
	}

	.newsitem > .contents > .news-body {
		padding: 10px 0px 10px 20px;
	}

	.recipe > .contents, .recipes > .contents {
		background-image: url('/images/containers/recipe-bg.png');
		background-repeat: repeat-y;
		display: inline;
		width: 540px;
		float: left;
	}

		/**
		 * Subcategories listing in the recipes page
		 */
		.recipes > .contents > .subcategories > .header {
		        background-image: url('/images/containers/subcategories-header.png');
		        background-repeat: repeat-y;
		        display: block;
		        width: 516px;
		        height: 51px;
		        margin: 10px 0px 0px 11px;
		}

			.recipes > .contents > .subcategories > .header > h3 {
			        float: left;
			        display: inline;
			        width: 288px;
			        padding: 28px 0px 0px 60px;
			}

			.recipes > .contents > .subcategories > .header > a {
				float: left;
				display: inline;
				width: 133px;
				padding: 28px 0px 0px 10px;
			}

		.recipes > .contents > .subcategories > .contents {
			width: 466px;
			padding: 10px 25px 10px 25px;    
		}

			.recipes > .contents > .subcategories > .contents > a,
			.recipes > .contents > .subcategories > .contents > a:visited {
				color: #999999;
				font-size: 12px;
				margin-right: 15px;
				line-height: 1.2em;
			}

			.recipes > .contents > .subcategories > .contents > a:hover {
				text-decoration: underline;
			}

		.store > .contents > .details, .recipe > .contents > .details {
			background-image: url('/images/containers/store-details-bg.png');
			background-repeat: repeat-x;
			height: 111px;
			margin: 10px 10px 10px 10px;
		}

		.recipe > .contents > .details  {
			width: 516px;
		}

			.store .contents .details a, .recipe .contents .details a, .store .contents .details a:visited, .recipe .contents .details a:visited {
				color: #657e1d;	
			}

			.store .contents .details a:hover, .recipe .contents .details a:hover {
				text-decoration: underline;
			}
			
				.store .contents .details #logo, .recipe .contents .details #logo {
					margin: 10px 14px 10px 10px;
					display: inline;
					float: left;					
				}

				.store .contents .details span {
					float: left;
					display: inline;
					width: 400px;
					padding: 10px 0px 0px 10px;
				}
	
				.recipe .contents .details span {
					float: left;
					display: inline;
					width: 280px;
					padding: 10px 0px 0px 10px;
				}

				.store .contents .details span h3, .recipe .contents .details span h3 {
					font-weight: bold;
				}

				/**
				 * @todo - Remove these two and used the ones above
				 */
				.store .contents .details span ul li#map-info {
					margin-bottom: 10px;
					background-image: url('/images/icons/icon-map.png');
					background-repeat: no-repeat;
					padding: 2px 0px 0px 24px;
					height: 16px;
				}

				.store .contents .details span ul li#phones-info {
					margin-bottom: 10px;
					background-image: url('/images/icons/icon-phone.png');
					background-repeat: no-repeat;
					padding: 2px 0px 0px 24px;
					height: 16px;
					font-weight: bold;
				}

				.store .contents .details span#right, .recipe .contents .details span#right {
					float: right;
					display: inline;
					width: 100px;
					padding-right: 5px;
				}

				.store .contents .details span#right #vote, .recipe .contents .details span#right #vote {
					float: right;
				}

				.store .contents .details span#right #vote li, .recipe .contents .details span#right #vote li {
					padding-top: 5px;
					text-align: right;
				}
			
			.store .contents .description, .recipe .contents .description {
				display: inline;
				float: left;
				padding: 0px 0px 30px 10px;
				width: 690px;
			}
	
			.advice .contents .description {
				display: inline;
				float: left;
				padding: 15px 0px 30px 13px;
				width: 350px;
			}
				.advice .contents .description p {
					text-align: justify;
					line-height: 1.2em;
				}
			
			.advice .contents .images {
				display: inline;
				float: left;
				padding: 15px 0px 30px 13px;
			}

			.recipe > .contents > .description {
				width: 530px;
				font-size: 11px;
			}
			
			.recipe .contents .nutricious {
				width: 520px;
				display: inline;
				float: left;
				padding: 0px 0px 30px 10px;
			}
				.store .contents .description p, .recipe .contents .description p {
					padding: 0px 10px 20px 5px;
				        text-align: justify;
					line-height: 18px;
				}

				.store .contents .description ul li, .recipe .contents .description ul li {
					float:left;
					margin-left: 5px;
				}

				.recipe > .contents > .description > .ingredients {
					float: left;
					width: 182px;
					display: inline;
					position: relative;
					margin-bottom: 20px;
				}

					.recipe > .contents > .description > .ingredients > table {
						border: 1px solid #d6d6d6;
						width: 100%;
					}
					
					.recipe > .contents > .nutricious > table {
						border: 1px solid #d6d6d6;
					}

					.recipe > .contents > .description > .ingredients > table th,
					.recipe > .contents > .nutricious > table th {
						background-color: #e5e8db;
						color: #000000;
						font-weight: bold;
						border-bottom: 1px solid #d6d6d6;
						padding: 5px;
					}

					.recipe > .contents > .description > .ingredients > table td,
					.recipe > .contents > .nutricious > table td {
						background-color: #fafeed;
						padding: 4px 10px 4px 10px;
						line-height: 1.2em;
					}

				.recipe > .contents > .description > .instructions {
					float: left;
					width: 334px;
					display: inline;
					position: relative;
					margin-bottom: 20px;
				}
				
					.recipe > .contents > .description > .instructions > h3 {
						font-weight: bold;
						font-size: 1em;
					}

			/**
			 * Internal tabs - Used for comments/menu
			 * Maybe can be used for images
			 */
			.store .contents #tabs, .recipe .contents #tabs, .advice .contents #tabs, .newsitem .contents #tabs {
				float: left;
				width: 100%;
				display: inline;
			}

				.store .contents #tabs ul#tab, .recipe .contents #tabs ul#tab, .advice .contents #tabs ul#tab, .newsitem .contents #tabs ul#tab {
					border-bottom: 1px solid #c2c2c2;
					font-family: inherit;
					font-size: 11px;
					font-size-adjust: none;
					font-stretch: normal;
					font-style: normal;
					font-variant: normal;
					font-weight: bold;
					list-style-type: none;
					padding: 3px 0px 4px 10px;
					text-align: left;
					-x-system-font: none;
				}
		
				/*
				 * @todo - Fix this
				 For IE
				.store .contents #tabs ul#tab {
					padding: 3px 0px 5px 10px;
				}
				*/

					.store .contents #tabs ul#tab li, .recipe .contents #tabs ul#tab li, .advice .contents #tabs ul#tab li, .newsitem .contents #tabs ul#tab li {
						display:inline;
						background-color:#FFFFFF;
					}

						.store .contents #tabs ul#tab li a, .recipe .contents #tabs ul#tab li a, .advice .contents #tabs ul#tab li a, .newsitem .contents #tabs ul#tab li a {
							background-color:#FFFFFF;
							color:#010101;
							padding: 3px 3px 2px 3px;
							position:relative;
						}

						.store .contents #tabs ul#tab li a, .recipe .contents #tabs ul#tab li a, .advice .contents #tabs ul#tab li a
						.store .contents #tabs ul#tab li a:visited, .recipe .contents #tabs ul#tab li a:visited, .advice .contents #tabs ul#tab li a:visited,
						.newsitem .contents #tabs ul#tab li a, .newsitem .contents #tabs ul#tab li a:visited  {
							border-style: solid solid none solid;
							border-color: #c2c2c2 #c2c2c2 #c2c2c2 #c2c2c2 ;
							border-width:1px 1px 0px 1px;
							color:#010101;
							margin-right:0;
							padding: 3px;
							border-bottom-width: 0px;
							text-decoration:none;
						}
	
						.store .contents #tabs ul#tab li a.selected, .recipe .contents #tabs ul#tab li a.selected, .advice .contents #tabs ul#tab li a.selected, .newsitem .contents #tabs ul#tab li a.selected {
							background-color: #f8f8f8;
						}

					.store .contents #tabs ul#tab a:hover, .recipe .contents #tabs ul#tab a:hover, .advice .contents #tabs ul#tab a:hover, .newsitem .contents #tabs ul#tab a:hover {
						background: #fafeed none repeat scroll 0 0;
					}

				.store .contents #tabs .content, .recipe .contents #tabs .content, .advice .contents #tabs .content, .newsitem .contents #tabs .content {
					background-image: url('/images/tabs-bg.png');
					background-repeat: repeat-y;
					display: inline;
					float: left;
					margin-top: 0px;
				}

				.recipe .contents #tabs .content {
					background-image: url('/images/tabs-small-bg.png');
					width: 540px;
				}


/**
 * Rows for the displaying of listing of elements
 */
.row0,
.row1,
.row2,
.row3 {
	float: left;
	display: inline;
	background-color: #fbfafa;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	width: 210px;
}

.row2,
.row3 {
	width: 245px;
}

.row1 { 
	background-color: #f5f5f5; 
}

.row0 > a > img,
.row1 > a > img,
.row2 > a > img,
.row3 > a > img {
	float: left;
	width: 47px;
	height: 47px;
	margin-right: 14px;
}

.row0 > span > h2 > a,
.row0 > span > h2 > a:visited,
.row1 > span > h2 > a,
.row1 > span > h2 > a:visited,
.row2 > span > h2 > a,
.row2 > span > h2 > a:visited,
.row3 > span > h2 > a,
.row3 > span > h2 > a:visited {
	font-family: Tahoma;
	font-weight: bold;
	color: #373636;
}

.row0 > span > h2 > a:hover,
.row1 > span > h2 > a:hover,
.row2 > span > h2 > a:hover,
.row3 > span > h2 > a:hover {
	font-weight: bold;
	color: #373636;
	text-decoration: underline;
}

.row0 > span > a,
.row0 > span > a:visited,
.row1 > span > a,
.row1 > span > a:visited,
.row2 > span > a,
.row2 > span > a:visited,
.row3 > span > a,
.row3 > span > a:visited {
	font-family: Tahoma;
	color: #767676;
}

.row0 > span > a:hover,
.row1 > span > a:hover,
.row2 > span > a:hover,
.row3 > span > a:hover {
	color: #767676;
	text-decoration: underline;
}

/**
 * Comments
 */
.comment {
	display: inline;
	float: left;
}

.comment-large {
	width: 700px;
	padding: 10px 10px 20px 30px;	
}

.comment-small {
	width: 510px;
	padding: 10px 15px 20px 15px;
}

	.comment > .author {
		float: left;
		margin-right: 52px;
		width: 80px;
	}

		.comment > .author > .date {
			font-size: 9px;
			color: #aaaaaa;
			float: left;
		}

		.comment > .body {
			min-height: 75px;
			background-color: #ffffff;
			border: 1px solid #d7d9d9;
			float: left;
		}
		
		.comment > .body-small {
			width: 360px;
		}
		
		.comment > .body-large {
			width: 490px;
		}

		.comment > .body > img {
			margin-left: -31px;
			margin-top: 20px;
			float: left;
		}

		.comment > .body > span  {
			float: left;
			padding: 10px;
			text-align: justify;
		}

			.comment > .body-small > span input.element {
				width: 325px;
				height: 21px;
				padding: 10px 4px 0px 4px;
			}

			.comment > .body-large > span input.element {
				width: 462px;
				height: 21px;
				padding: 10px 4px 0px 4px;
			}

			.comment > .body-small > span textarea {
				width: 323px;
				height: 80px;
				margin-top: 3px;
			}

			.comment > .body-large > span textarea {
				width: 460px;
				height: 80px;
				margin-top: 3px;
			}
			
			.comment > .body > span input {
				margin: 0.2em 0px;
			}
			
			.comment > .body a.add-comment {
				-moz-border-radius-topright: 2px;
				-moz-border-radius-bottomright: 2px;
				-moz-border-radius-bottomleft: 2px;
				-moz-border-radius-topleft: 2px;
				background-color: #657e1d;
				display: block;
				height: 43px;
				padding-top: 7px;
				height: 20px;
				width: 110px;
				float: right;
				color: #FFFFFF;
				font-weight: bold;
				text-align: center;
				margin-top: 10px;
			}

.no-comments-large {
	float: left;
	padding: 20px 8px 30px 0px;
        width: 700px;
}

.no-comments-small {
        float: left;
	padding: 20px 8px 30px 0px;
        width: 528px;    
}

/**
 * Menu cart
 */
#cart {
	border: 1px solid #e6e6e6;
	margin: 5px;
	position:relative;
	width:185px;
	float: left;
}

	#cart #cart-table {
		font-size: 10px;
	}

		#cart #cart-table #upper-header {
			background: #99b83e;
			color: #ffffff;
			width: 100%;
			font-weight: bold;
			text-align: left;
			vertical-align: middle;
		}

		#cart #cart-table th {
			background: #dfe7c6;
			height: 30px;
			color: #4f4f4f;
			font-size: 10px;
			padding: 5px 5px 0px 5px;
			text-align: left;
		}

			#cart #cart-table th#priceHeader {
				text-align: right;
				width: 60px;
			}

		#cart #cart-table td {
			text-align: right;
		}

			#cart #cart-table td.cart-product {
				padding: 5px 0px 0px 5px;
				vertical-align: bottom;
			}

			#cart #cart-table td#name {
				text-align: left;
			}
	
			a#remove-from-cart {
				background-image: url("/images/buttons/sm-remove-icon.gif");
				background-repeat: no-repeat;
				width: 12px;
				height: 12px;
				display: block;
				cursor: pointer;
			}

	#cart #total-table th {
		background: #99b83e;
		height: 30px;
		color: #4f4f4f;
		font-size: 10px;
		vertical-align: middle;
		padding-left: 5px;
	}

	#cart #total-table th#total {
		text-align:right;
		padding-right: 5px;
	}

/**
 * Menu
 */
.menu {
	float: left;
}

	.menu > .category {
		font-family: inherit;
		font-size: 11px;
		width: 685px;
		margin-left: 7px;
	}

	.menu > .category > .title {
		background: #f5f5f5;
		border: 1px solid #e6e6e6;
		height: 42px;
		margin-top: 5px;
		width: 685px;
		float: left;
		display: inline;
	}

		.menu > .category > .title > h3 {
			padding-top: 15px;
			padding-left: 5px;
			float: left;
			display: inline;
			color: #7a9629;
			width: 635px;
		}

		.menu > .category > .title > a {
			float: left;
			display: inline;
			width: 45px;
		}

		.menu > .category > .title > a.arrow-down {
			background-image: url(/images/buttons/arrow-down.png);
			width: 45px;
			height: 42px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}

		.menu > .category > .title > a.arrow-down:hover {
			background-image: url(/images/buttons/arrow-down-hover.png);
			width: 45px;
			height: 42px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}

		.menu > .category > .title > a.arrow-right {
			background-image: url(/images/buttons/arrow-right.png);
			width: 45px;
			height: 42px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}

		.menu > .category > .title > a.arrow-right:hover {
			background-image: url(/images/buttons/arrow-right-hover.png);
			width: 45px;
			height: 42px;
			display: block;
			text-decoration:none;
			cursor: pointer;
		}

	.menu > .category > .items {
		width: 495px;
		float: left;
		display: inline;
		padding-top: 10px;
	}

		.menu > .category > .items > .product {
			width: 495px;
			float: left;
			display: inline;
			min-height: 22px;
		}

		.menu > .category > .items > .product > .name {
			width: 385px;
			float: left;
			display: inline;
			padding: 5px 5px 10px 10px;
		}

		.menu > .category > .items > .product > .price {
			width: 95px;
			float: left;
			display: inline;
			padding: 5px 0px 5px 0px;
		}

			.menu > .category > .items > .product > .price > ul > li {
				float: right;
				padding-left: 5px;
			}

			.menu > .category > .items > .product > .price > ul > li > a#add-to-cart {
				background-image: url("/images/buttons/sm-add-icon.gif");
				background-repeat: no-repeat;
				width: 12px;
				height: 12px;
				display: block;
				cursor: pointer;
			}

.bg0 {
	background-color: #fbfafa;
}

.bg1 {
	background-color: #f5f5f5;
}

.featured {

	background-color: #f5f0b9;
	border: 2px solid #d0c981;

	padding: 10px!important;
/*
	background-color: #d3e7ee;
	border: 1px solid #89b2c1;
*/
/*
	background-color: #ecffbb;
	border: 1px solid #b5d26a;
*/
}

/**
 * Categories container
 * What's in my bar container 
 */
.container .categories,.container .wimb, .container .recipes-menu {
	display: inline;
	float: left;
	width: 140px;
}

	.container .wimb .header {
		background-image: url('/images/containers/wimb-header.png');
		background-repeat: no-repeat;
		height: 49px;
		float: left;
		display: inline;
		width: 140px;
		line-height: 49px;
		margin-top: 10px;
	}

	.container .categories .header,
	.container .recipes-menu .header {
		background-image: url('/images/containers/categories-header.png');
		background-repeat: no-repeat;
		height: 41px;
		float: left;
		display: inline;
		width: 140px;		
	}
	
	.container .recipes-menu .header {
		margin-top:10px;
	}
		.container .recipes-menu .header p, 
		.container .categories .header p {
			padding: 18px 0px 0px 15px;
			font-weight: bold;
		}

	.container .wimb .contents, .container .categories .contents, .container .recipes-menu .contents {
		background-image: url('/images/containers/categories-bg.png');
		background-repeat: repeat-y;
		float: left;
		display: inline;
		width: 120px;
		padding: 5px 10px 5px 10px;
	}

		.container .categories .contents li {
			line-height: 28px;
			width: 120px;
			background-color: #f7f8f5;
			border-bottom: 1px solid #d6d6d6;
		}

			.container .categories .contents li a {
				padding: 8px 0px 0px 15px;
			}

			.container .categories .contents li:hover {
				background-color: #e5e8db;    
			}

			.container .categories .contents li.selected {
				background-color: #657e1d;
				color: #ffffff;
				line-height: 28px;
				height: 28px;
			}
			
			.container .categories .contents li.selected p {
				padding: 8px 0px 0px 15px;
			}

	.container .wimb .footer, .container .categories .footer, .container .recipes-menu .footer {
		background-image: url('/images/containers/categories-footer.png');
		background-repeat: no-repeat;
		height: 7px;
		float: left;
		display: inline;
		width: 140px;
	}

/**
 * Search Criteria div
 */
.search-criteria {
	background: transparent url('/images/containers/search-criteria-right.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 27px;
	margin-right: 6px;
	padding-right: 11px; 
	text-decoration: none;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left: 12px;
}

	.search-criteria span.large {
		background: transparent url('/images/containers/search-criteria-left.png') no-repeat; 
		display: block;
		line-height: 27px;
		padding: 0px 0 5px 12px;
		width: 648px;
	}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}

.jcarousel-clip {
	z-index: 2;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	position: relative;
}

.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.jcarousel-list li,
.jcarousel-item {
	float: left;
	list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 445px;
	height: auto;
	margin-right: 10px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.jcarousel-clip-horizontal {
	width: 900px;
	overflow: hidden;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}

.jcarousel-prev {
	z-index: 3;
	display: none;
}

.notifyForm input {
	width: 200px;
	margin: 0.5em
}

.notifyForm textarea {
	height: 100px;
	width: 200px;
	margin: 0.5em
}

/**
 * Form Notification Messages
 */
.info, .success, .warning, .error, .validation {
	border: 1px solid;
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

	.info .close, .success .close, .warning .close, .error .close, .validation .close {
		float: right;
	}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/images/notices/info.png');
}

.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image:url('/images/notices/success.png');
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/images/notices/warning.png');
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/images/notices/error.png');
}

.debug {
	padding: 10px;
}

.admin-toolbar {
	width: 400px;
	float: left;
	padding: 5px;
	margin-bottom: 10px;
}
	.admin-toolbar ul li {
		list-style: none;
		float: left;
		margin-right: 10px;
	}

.sm-float-right { 
	float: right;
}

.highlight {
	background-color: #FFFF66;
	padding: 2px;
}

.easter-ribbon {
	width: 437px;
	height: 96px;
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 50;
	background-image: url('/images/easter-ribbon.png');
	background-repeat: no-repeat;
}

.souvlaki-index-banner {
	width: 435px;
	height: 92px;
	display: block;
	position: absolute;
	top: 128px;
	left: 10px;
	z-index: 50;
	background-image: url('/images/souvlaki-index/souvlaki-index-banner.png');
	background-repeat: no-repeat;
}

.search-inline-container {
	width: 940px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position:relative;
}

	.search-inline-container .search-inline {
		background-image: url('/images/search-inline-bg.png');
		background-repeat: no-repeat;
		width: 361px;
		height: 49px;
		display: block;
		float: right;
	}
	
	.search-inline-container .search-inline table {
		margin: 10px 0px 0px 10px;
	}
		
		.search-inline-container .search-inline input {
			width: 186px;
			height: 1.5em;
			padding: 6px 0px 4px 4px;
			margin-right: 5px;
		}

.ac_results {
        padding: 0px;
        border: 1px solid #c0bfbf;
        background-color: white;
        overflow: hidden;
        z-index: 99999;
}

.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}

.ac_results li {
        margin: 0px;
        padding: 2px 5px;
        cursor: default;
        display: block;
        /*
        if width will be 100% horizontal scrollbar will apear
        when scroll mode will be used
        */
        /*width: 100%;*/
        font: menu;
        font-size: 12px;
        /*
        it is very important, if line-height not setted or setted
        in relative units scroll will be broken in firefox
        */
        line-height: 16px;
        overflow: hidden;
}

.ac_loading {
        background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
        background-color: #F5F5F5;
}
.ac_even {
        background-color: #FBFAFA;
}

.ac_over {
        background-color: #dbe1cc;
}

/** Social Networks **/

ul.social > li {
	list-style: none;
	float: left;
	margin-right: 5px;
}

a.social-facebook,
a.social-yahoo,
a.social-twitter,
a.social-google,
a.social-msn {
	background-image: url('/images/social/facebook.png');
        width: 35px;
        height: 35px;
        text-decoration: none;
        display: block;
}

a.social-yahoo {
	background-image: url('/images/social/yahoo.png');
}

a.social-twitter {
	background-image: url('/images/social/twitter.png');
}

a.social-google {
	background-image: url('/images/social/google.png');
}

a.social-msn {
	background-image: url('/images/social/msn.png');
}

.fb_iframe_widget {
	margin: 7px;
}