/* Minor reset
*/
html, body, h1, h2, h3, h4, h5
table, thead, tbody, tr, td,
p, img, hr, ol, ul, li, pre, code, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	font-weight: 400;
}

/* Element-level styles
*/
html {
	font-size: .625em;
}
body {
	color: #333;
	background: #e7e7de;
	font: 400 1em/1.6 verdana, tahoma, sans-serif;
}
h2, h3, h4, h5 {
	color: #004c43;
	margin-bottom: .5em;
	font: 2.4em/1.2 'microsoft sans serif', helvetica, sans-serif;
}
h3 {
	font-size: 1.8em;
}
h4, h5 {
	font-size: 1.4em;
	margin-bottom: 0;
}
h5 {
	font-size: 1em;
}
p {
	margin-bottom: 1em;
}
address {
	font-style: normal;
	margin-bottom: 1em;
}
a {
	color: #78b733;
}
	a:hover {
		color: #333;
	}

/* Table styles
*/
table {
	width: 90%;
	font-size: .85em;
	background: #fff;
	margin: .5em auto 1em;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
	table thead {
		font-size: .9em;
		background: #ffc;
		text-align: center;
	}
		thead td {
			font-weight: 800;
		}
	table tr {
	}
		table tr.alt {
			background: #eef7fb;
		}
		table tr:hover {
			cursor: default;
			background: #ffd;
		}
	table td {
		padding: .5em;
		font-size: 1em;
	}
		table td.center {
			text-align: center;
			vertical-align: middle;
		}

/* Form styles
*/
form {
}
	form fieldset {
		margin: 0 0 .25em;
	}
		fieldset legend {
			font-size: .8em;
		}
	form label {
	}
		form label.side {
			width: 6em;
			float: left;
			display: block;
			margin-right: .5em;
		}
	form input.txt,
	form textarea, form input[type=text] {
		width: 14em;
		padding: .2em;
		border: 1px solid #eee;
		border-color: #999 #ccc #ddd #ccc;
		font: 400 1.25em/1.2 'microsoft sans serif', helvetica, sans-serif;
	}
	form textarea {
		width: 15em;
		height: 7em;
		overflow: auto;
	}
		form input.txt.required, form input.txt.invalid,
		form textarea.required, form input[type=text].required {
			background: #ffc;
		}
	form .btns {
		margin-top: .25em;
		text-align: right;
	}
	form input.btn,
	form input[type=button], form input[type=submit] {
		font: 400 1.2em/1.3 'microsoft sans serif', helvetica, sans-serif;
	}

/* General class styles
*/
.hi { color: #000 !important; }
.lo { color: #ccc !important; }
.no { color: inherit !important; }
.left { float: left; margin-right: 1em; }
.right { float: right; margin-left: 1em; }
.center { display: block; margin: 0 auto; }
.intro {
	font-size: 1.25em;
	padding: .75em 0 1em;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
.info {
	font-size: .95em;
	background: #fdd;
	padding: .25em 1em;
	margin: .25em 0 1em;
	border: 1px solid #ee9;
}

/* ID-level styles
*/
a#top {
	top: 0;
	height: 0;
	display: block;
	position: absolute;
}
#wrap {
	width: 82.5em;
	margin: 2em auto;
	overflow: hidden;
	text-align: left;
	background: #fff;
	border: 1px solid #c7c7c7;
}
	#wrap #head {
		z-index: 1;
		position: relative;
	}
		#head h1 {
			float: left;
			width: 153px;
			height: 112px;
			text-indent: -999em;
			margin: 3em 2.5em 1.5em;
		}
			#head h1 a {
				height: 112px;
				display: block;
				background: #eee url('img/logo.png') 50% 50% no-repeat;
			}
				#head h1 a:hover {
				}
			#head h1 em {
			}
			#head h1 small {
			}
		#head ul#menu-pri {
			top: 8.5em;
			right: 1em;
			z-index: 400;
			position: absolute;
			font: 1.8em/1.6 'microsoft sans serif', helvetica, sans-serif;
		}
			ul#menu-pri li {
				float: left;
				padding: 0 .25em;
				position: relative;
				border-right: 2px solid #e4f0d1;
			}
				ul#menu-pri li.last {
					border: 0;
				}
				ul#menu-pri li a {
					color: #004c43;
					font-size: .9em;
					padding: .05em .5em;
					text-decoration: none;
				}
					ul#menu-pri li.mum a {
/*						background: transparent url('img/bg-menuMum.png') 50% 75% no-repeat;
*/					}
						ul#menu-pri li.mum a:hover {
						}
					ul#menu-pri li a:hover {
						color: #9fc86f;
					}
					ul#menu-pri li.here a {
						color: #9fc86f;
					}
				ul#menu-pri li ul {
					width: 8em;
					z-index: 50;
					left: -999em;
					position: absolute;
					margin: 20px 0 0 -1.75em;
					border-left: 1px solid #ccc;
					border-right: 1px solid #ccc;
					background: #fff url('img/bg-menuPriSec.png') top repeat-x;
				}
					ul#menu-pri li#menu-pri-3 ul {
						z-index: 500;
						margin-left: -.45em;
					}
					ul#menu-pri li:hover ul,
					ul#menu-pri li.sfHover ul {
						left: auto;
					}
						ul#menu-pri li ul li {
							border: 0;
							margin: 0;
							padding: 0;
							float: none;
							font-size: .8em;
							text-align: center;
						}
							ul#menu-pri li.sfHover ul li {
								visibility: inherit;
							}
							ul#menu-pri li ul li a,
							ul#menu-pri li.mum ul li a,
							ul#menu-pri li.here ul li a {
								padding: .3em;
								color: #004c43;
								display: block;
								background-image: none;
								border-bottom: 1px solid #ccc;
							}
								ul#menu-pri li ul li a:hover,
								ul#menu-pri li.here ul li a:hover {
									text-decoration: underline;
								}
								ul#menu-pri li.here ul li.here a {
									color: #fff;
									background: #9fc86f;
									border-bottom-color: #9fc86f;
								}
		#head img#headers-overlay {
			left: 0;
			top: 20em;
			z-index: 40;
			width: 825px;
			height: 40px;
			position: absolute;
		}
		#head #headers {
			z-index: 1;
			clear: both;
			height: 180px;
			line-height: 0;
			overflow: hidden;
			background: #fff;
			position: relative;
			text-align: center;
		}
			#headers ul#h-extra {
				left: 0;
				width: 825px;
				height: 180px;
				overflow: hidden;
				position: absolute;
			}
				ul#h-extra li.left, 
				ul#h-extra li.right {
					width: 275px;
					text-align: center;
					border-right: 1px solid #fff;
				}
				ul#h-extra li.right {
					border-right: 0;
					border-left: 1px solid #fff;
				}
	#wrap #main {
		clear: both;
		overflow: hidden;
		font-size: 1.1em;
		background: #fff url('img/bg-main.png') right repeat-y;
	}
		#main ul, #main ol {
			margin: 1em 2em;
		}
		#main li {
			list-style: disc;
			margin-bottom: .75em;
		}
			#main ol li {
				list-style: decimal;
			}
			#main ul.ticks {
				margin-left: 0;
			}
				#main ul.ticks li {
					list-style: none;
					padding-left: 2em;
					background: transparent url('img/tick.png') left 30% no-repeat;
				}
			#main ul.juices {
				margin: 0 0 1em;
				overflow: hidden;
			}
				#main ul.juices li {
					width: 100%;
/*					float: left;*/
					font-size: 1.2em;
					list-style: none;
					text-align: center;
					margin-bottom: .25em;
				}
/*					#main ul.juices li#kiwi-gold {
						width: 100%;
						font-size: 2em;
					}*/
					#main ul.juices li a {
						display: block;
						background: #eee;
						list-style: none;
						padding: .5em .25em;
						text-decoration: none;
					}
						#main ul.juices li a:hover {
							color: #fff;
							background: #78b733;
						}
		#main #page {
			float: left;
			width: 450px;
			position: relative;
			padding: 40px 50px 20px;
		}
			#page .cols {
				overflow: hidden;
			}
				.cols .col-1,
				.cols .col-2 {
					float: left;
					width: 215px;
				}
				.cols .col-1 {
					margin-right: 20px;
				}
			#page #foot {
				clear: both;
			}
				#foot ul.menu {
					margin: 2em 0 0;
					padding-top: 2em;
					border-top: 2px solid #d7d7d7;
				}
					#foot ul.menu li {
						float: left;
						line-height: 1;
						font-size: 10px;
						list-style: none;
						padding: 0 .5em .25em;
						text-transform: lowercase;
						border-left: 1px solid #aaa;
					}
						#foot ul.menu li a {
							color: #666;
						}
							#foot ul.menu li a:hover {
								color: #000;
							}						
						#foot ul.menu li.first,
						#foot ul.menu li.last {
							border: none;
						}
						#foot ul.menu li.last {
							float: right;
						}
		#main #side {
			float: right;
			width: 225px;
			color: #004c43;
			padding: 20px 25px;
			position: relative;
			background: #9fc86f;
		}
			#side a {
				color: #004c43;
			}
				#side a:hover {
					text-decoration: none;
				}
			#side img.thumb,
			#side img.center,
			#side .managepicture img {
				display: block;
				padding: 5px 5px 10px;
				background: #fff url('img/bg-side-img.center.png') 50% bottom no-repeat;
			}
			#side ul.thumbs,
			#side ul.thumbs li {
				margin: 0 !important;
			}
			#side ul.menu {
				margin: 0;
				overflow: hidden;
			}
				#side ul.menu li {
					float: left;
					line-height: 1;
					font-size: .8em;
					list-style: none;
					padding: 0 .75em .25em 0;
				}
					#side ul.menu li a,
					#foot ul.menu li a {
						color: #666;
						text-decoration: none;
					}
						#side ul.menu li a:hover,
						#foot ul.menu li a:hover {
							color: #000;
						}
			#side .s-block {
				margin-bottom: 1.5em;
			}
			#side #s-search {
				padding-bottom: 1.5em;
				border-bottom: 2px solid #dfedc9;
			}
				#s-search label {
					display: none;
				}
				#s-search input.txt {
					border: 0;
					width: 11em;
					color: #78b733;
					padding: .35em .15em .3em 30px;
					background: #fff url('img/bg-side-search.png') 5px 50% no-repeat;
				}
				#s-search input.btn {
					border: 0;
					right: 25px;
					color: #21725c;
					padding: .25em;
					font-size: 1.2em;
					position: absolute;
					background: #c0db9b;
					text-transform: lowercase;
	 			}
				#s-search #search-terms {
					color: #333;
					background: #fff;
					padding: .5em 1em;
					margin: 1em 0 .5em;
					border: 3px double #8cb162;
				}
					#s-search #search-terms a {
						color: #333;
						display: block;
						font-size: .8em;
						margin-top: .5em;
						text-align: right;
					}
			#side #s-clean {
			}
				#s-clean h4 {
					margin-top: .25em;
					text-align: center;
				}
			#side #s-news {
				margin: 1em 0;
			}
				#s-news .n-item {
					margin-bottom: 1.25em;
					padding-bottom: 1.5em;
					border-bottom: 2px solid #dfedc9;
				}
					#s-news .n-item h3 {
						font-size: 1.6em;
						margin-bottom: .25em;
						text-transform: lowercase;
					}
					#s-news .n-item a.i-feat {}
						#s-news .n-item a.i-feat {
							display: block;
							text-align: right;
						}
							#s-news .n-item a.i-feat span {
								width: 225px;
								height: 145px;
								display: block;
								background: transparent url('img/bg-side-a-span.png') 50% 50% no-repeat;
							}
							#s-news .n-item a.i-feat span img {
								margin: 10px 15px 0 0;
							}
			#side .ft {
				margin: 1em 0;
			}
			#side .ft a.block {
				display: block;
				cursor: pointer;
				text-decoration: none;
			}
			#side ul.thumbs {
			}
				#side ul.thumbs p.descr {
					text-align: center;
				}

/* Section-specific styles
*/

body.wine {}
	body.wine h2,
	body.wine h3,
	body.wine h4,
	body.wine h5 {
		color: #891617;
	}
	body.wine a {
		color: #c57767;
	}

	body.wine #head .nav {
		margin: .5em 1em;
		position: absolute;
	}
		body.wine #head .nav a {
			color: #999;
		}
			body.wine #head .nav a:hover {
				color: #333;
			}
	body.wine #head h1 {
		width: 220px;
		height: 45px;
		margin: 97px 50px 60px;
	}
		body.wine #head h1 a {
			height: 45px;
			background-image: url('img/wine.logo.png');
		}
			body.wine #head ul#menu-pri {
			}
				body.wine #head ul#menu-pri li {
					border-right-color: #dcccc9;
				}
					body.wine ul#menu-pri li a {
						color: #891617;
					}
/*						body.wine ul#menu-pri li.mum a {
							background-image: url('img/bg-wine.menuMum.png');
						}
*/						body.wine ul#menu-pri li a:hover,
						body.wine ul#menu-pri li.here a {
							color: #c57767;
						}
								body.wine ul#menu-pri li ul li a,
								body.wine ul#menu-pri li.mum ul li a,
								body.wine ul#menu-pri li.here ul li a {
									color: #891617;
									background-image: none;
								}
									body.wine ul#menu-pri li.here ul li.here a {
										color: #fff;
										background: #c57767;
										border-bottom-color: #c57767;
									}
	body.wine #wrap #main {
		background-image: url('img/bg-wine.main.png');
	}
		body.wine #main #side {
			background: #c57767;
		}
			body.wine #side #s-search,
			body.wine #side #s-news .n-item {
				border-color: #dcada3;
			}
				body.wine #side #s-search input.btn {
					color: #891617;
					background: #dcada3;
				}

	body.lite #wrap {
		width: 50em;
	}
		body.lite #head {
			text-align: center;
		}
			body.lite #head h1 {
				float: none;
				margin: 1em auto 0;
			}
				body.lite #wrap #main {
					background: none;
				}
					body.lite #wrap #main #page {
						float: none;
						width: auto;
						padding: 40px 40px 20px;
					}
						body.lite #main #page ul.menu {
							margin-bottom: 4em;
						}
		body.lite .recipe {
			margin: 1em 0;
			padding-bottom: 1em;
			border-bottom: 1px solid #ccc;
		}
			.recipe img.prod {
				display: block;
				margin: 1em auto;
			}
			.recipe h3 {
				margin: 0.75em 0;
				font-size: 1.6em;
			}
			.recipe p.center {
				text-align: center;
			}
	

/* Page-specific styles
*/
body#p-1 {}
	body#p-1 .col-3,
	body#p-1 .col-4 {
		float: left;
		width: 200px;
		margin-top: 1em;
		padding: 5px 10px 0;
		background: #EEF4E3;
	}
	body#p-1 .col-3 {
		clear: left;
		padding-right: 20px;
	}
body#p-27 {}
	body#p-27 h4 {
		clear: right;
	}
		body#p-27 h4 img.right {
			margin-bottom: 1em;
			padding: 5px 5px 10px;
			border: 1px solid #eee;
		}
	body#p-27 #page p {
		margin-right: 120px;
	}
		body#p-27 #page p.intro {
			margin-right: 0;
		}
body#p-28 #cols,
body#p-29 #cols,
body#p-30 #s-clean,
body#p-27 #s-clean {
	display: none;
}


/* Extra stuff
*/
span.s-highlight {
	padding: 0 .25em;
	background: #ffffce;
}
span.s-paging {
	display: block;
	text-align: right;
}
#s-resultListContainer {
	margin: 1em 0;
}
	.s-result {
		padding: .5em 0 .25em;
		border-bottom: 1px solid #ccc;
	}
		a.s-resultLink {
			font-size: 1.2em;
		}
		.s-extract {}

.QE_Link {
	z-index: 800;
	color: #333 !important;
	position: absolute !important;
	font: 10px verdana, tahoma, sans-serif !important;
}
#qe-imgHeader-1 {
	left: 275px;
}
	#page .QE_Link {
		right: 50px;
		margin-top: -1.6em;
	}
		#page .col-1 .QE_Link {
			right: 285px;
		}
		#page #qe-content-2 {
			bottom: 6.5em;
		}
	#side .QE_Link {
		right: 25px;
		margin-top: -1.6em;
	}
	.synchform,
	body#p-6 a#qe-column-1,
	body#p-6 a#qe-column-2,
	body#p-6 a#qe-content-2 {
		display: none !important;
	}



/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	color: #333;
	font: 12px arial, helvetica, sans-serif;
}
#TB_secondLine {
	color:#666;
	font: 10px arial, helvetica, sans-serif;
}
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1000;
	position: fixed;
}
.TB_overlayMacFFBGHack { background: url('img/macFFBgHack.png') repeat; }
.TB_overlayBG {
	opacity: 0.75;
	-moz-opacity: 0.75;
	background-color: #000;
	filter: alpha(opacity=75);
}
* html #TB_overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	top: 50%;
	left: 50%;
	color: #000;
	z-index: 1002;
	display: none;
	position: fixed;
	text-align: left;
	background: #fff;
	border: 4px solid #525252;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display: block;
	margin: 15px 0 0 15px;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#TB_caption{
	float: left;
	height: 25px;
	padding: 7px 30px 10px 25px;
}
#TB_closeWindow{
	float: right;
	height: 25px;
	padding: 11px 25px 10px 0;
}
#TB_closeAjaxWindow{
	float: right;
	text-align: right;
	margin-bottom: 1px;
	padding: 7px 10px 5px 0;
}
#TB_ajaxWindowTitle{
	float: left;
	margin-bottom: 1px;
	padding: 7px 0 5px 10px;
}
#TB_title{
	height: 27px;
	background-color: #e8e8e8;
}
#TB_ajaxContent{
	clear:both;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
	padding:2px 15px 15px 15px;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	top: 50%;
	left: 50%;
	width: 208px;
	height: 13px;
	z-index: 1003;
	display: none;
	position: fixed;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	z-index: 99;
	height: 100%;
	border: none;
	position: fixed;
	-moz-opacity: 0;
	background-color: #fff;
	filter: alpha(opacity=0);
}
* html #TB_HideSelect { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px;
	_margin-bottom: 1px;
}