@import url( ./styles.css );
#packaging_info{
	width:775px;
}
#packaging_info li {
	float: left;
	margin:4px 0px 0px 0px;
	
}
.title {
	font-weight: bold;
	display: block;
	color:#336666;
	background-color:#ECF3F5;
	font-weight: bold;
	font-size:10px;
	padding: 2px 2px 2px 5px;
	margin: 2px 0px 0px 0px;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	width:361px;
}
#blurb {
	margin: 0px;
	padding:0px;
	width: 763px;
	/*float: left;*/
	text-align: justify;
	height: 100px;
	line-height:12px;
}
#content{
	/*border:1px solid #000000;*/
}
html>body #blurb {
	margin: 0px;
	padding:5px 0px 5px 0px;
	height: 96px;
}

#blurb p {
	margin: 0px 0px 3px 0px;
}
.packaging_content li{
	display: block;
	padding:2px 0px 0px 15px;
	width:260px;
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 6px;
}
#packaging-wrapper {
	margin: 0px 0px 0px 0px;
	width: 382px;
	height: 250px;
	padding:4px 0px 0px 0px;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	background-color: #FFFFFF;
}
html>body #packaging-wrapper {
	margin: 0px 0px 0px 0px;
}
.spacer{
	width:7px;
	/*border:1px solid #000000;*/
}
#packaging-wrapper ul{
	padding:0px;
	margin:0px;
}
#packaging-wrapper li{
	margin:5px 0px 0px 3px;
}
html>body #packaging-wrapper li{
	margin:5px 5px 0px 5px;
}
#packaging-wrapper .packaging_header{
	width: 359px;
	margin: 2px 0px 0px 3px;
	padding: 2px 0px 2px 8px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}
html>body #packaging-wrapper .packaging_header{
	margin: 0px 0px 0px 5px;
}
.packaging_content {
	padding: 5px;
	margin: 5px 0px 0px 5px;
	color:#898888;
	background-color:#ECF3F5;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	width:357px;
	font-size:10px;
	height:160px;
}
html>body .packaging_content {
	height:155px;
}
.packaging_content p{
	margin:0px 0px 4px 0px;
	line-height:12px;
}
.text_spacer {
	padding:3px;
}
.packaging_links {
	padding: 0px;
	margin: 20px 0px 0px 5px;
	color:#898888;
	width: 369px;
	font-size:10px;
	font-weight:bold;
}
html>body .packaging_links {
	margin: 5px 0px 0px 5px;
}
.packaging_links p{
	margin:0px 0px 4px 0px;
	padding:0px;
}
.packaging_links a, .packaging_links a:visited{
	height:5px;
	display:block;
	margin:0px;
	padding:3px 3px 3px 15px;
	background-color:#FFFFFF;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 7px 7px;
	color:#0D9E9E;
}
html>body .packaging_links a, .packaging_links a:visited{
	height:14px;
	background-position: 7px 7px;
}
.packaging_links a:hover{
	display:block;
	margin:0px;
	padding:3px 3px 3px 15px;
	background-color:#FFFFFF;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 7px 8px;
}
html>body .packaging_links a:hover{
	background-position: 7px 7px;
}
.arrow{
	margin: -167px 4px 0px 0px;
	float: right;
}
html>body .arrow{
	margin: -187px 7px 0px 0px;
	float: right;
}
/*PACKAGING IMAGE*/
#package_image {
	margin: 5px 0px 0px 0px;
	padding:0px;
	width: 345px;
	
	text-align: justify;
}

html>body #package_image {
	margin: 5px 0px 0px 0px;
	padding-top:0px;
}
/**/
/*
#link_ad a{
	color:#FFFFFF;
	display:block;
}
#link_ad {
	margin: 23px 0px 0px 0px;
	padding:5px 7px 5px 5px;
	width: 352px;
	height:13px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	color:#FFFFFF;
	text-align: right;
	float:left;
}

html>body #link_ad {
	margin: 3px 0px 0px 0px;
	padding-top:6px;
	width: 353px;
}

#link_ad p {
	margin: 0 0 6px 0;
}
#link_typ a{
	color:#FFFFFF;
	display:block;
}
#link_typ {
	margin: 23px 0px 0px 9px;
	padding:5px 7px 5px 5px;
	width: 386px;
	height:13px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	color:#FFFFFF;
	text-align: right;
	float:left;
}

html>body #link_typ {
	margin: 3px 0px 0px 5px;
	padding-top:6px;
}

#link_typ p {
	margin: 0 0 6px 0;
}*/
/*ADVANTAGE TABLE*/
#table-wrapper {
	margin: 0px;
	width: 775px;
}
html>body #table-wrapper {
	margin: 0px 0px 0px 0px;
}
#table-wrapper .table_header{
	width: 115px;
	padding: 1px 5px 1px 5px;
	margin: 1px 0px 0px 0px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}
.table_header_multi{
	
	padding: 1px 0px 1px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	font-weight: bold;
	font-size:10px;
	color: #FFFFFF;
}
.table_title {
	display: block;
	color:#336666;
	background-color:#ECF3F5;
	font-size:10px;
	padding: 0px 5px 1px 5px;
	margin: 1px 1px 0px 0px;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	width:115px;
}
.table_content {
	padding: 1px 5px 1px 5px;
	margin: 1px 0px 0px 0px;
	color:#898888;
	background-color:#FFFFFF;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	width:115px;
	font-size:10px;
}
.table_content p{
	margin:0px;
}
/*ADVANTAGES*/
#adv-wrapper {
	margin: 0px 0px -20px 0px;
	width: 775px;
}
html>body #adv-wrapper {
	margin: 0px 0px 0px 0px;
}
#adv-wrapper .adv_header{
	width: 765px;
	margin: 0px;
	padding: 3px 0 3px 8px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
}
.adv_title {
	font-weight: bold;
	display: block;
	color:#336666;
	background-color:#ECF3F5;
	font-weight: bold;
	font-size:10px;
	padding: 2px 2px 2px 5px;
	margin: 3px 0px 0px 0px;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	width:766px;
}
.adv_content {
	padding: 3px 5px 3px 15px;
	margin: 0px 0px 0px 0px;
	color:#898888;
	width:607px;
	font-size:10px;
	/*height:39px;*/
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 7px 13px;
	line-height: 16pt;
}
html>body .adv_content {
	/*height:40px;*/
}
.adv_content p{
	
	margin:0px;
	padding:2px 2px 2px 10px;
	/*height:33px;*/
}
.advantages_list{
	height:318px;
	padding:10px 0px 0px 0px;
}
html>body .adv_content p{
	/*height:34px;*/
}
/***********/
/*IMAGES*/
#img-wrapper{
	margin: 2px 0px 0px 671px;
	width: 95px;
}
html>body #img-wrapper{
	margin: 2px 0px 0px 671px;
}
.pack_images {
	margin:0px 0px 0px 0px;
	position:absolute;
	top:262px;
	width:95px;
	padding:0px;
	border:4px solid #C3DADA;
}
html>body .pack_images {
	margin:-328px 0px 0px 0px;
	position:static;
	width:95px;
}
.images_li{
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	height:49px;
	width:93px;
	margin: 0px 0px 1px 0px;
	padding:0px;
}
html>body .images_li{
	height: 50px;
	margin: 0px 0px 1px 0px;
}
.pack_images img{
	margin: 0px;
	border:1px solid #FFFFFF;
	padding:0px 0px 0px 0px;
	height:46px;
}
html>body .pack_images img{
	height:48px;
}
/*******/
/*HATZOPOULOS*/
#package_title p{
	width: 765px;
	display:block;
	padding:3px 3px 3px 5px;
	margin:0px 0px 5px 0px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
}
#hatz_wrapper{
	height:223px;
	/*border:1px solid #000000;*/
}
#hatz_content p{
	margin:5px;
	padding:5px 0px 0px 0px;
}
#hatz_content .pack_bold{
	font-weight:bold;
	padding:5px;
}
#hatz_content li{
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 7px 6px;
	padding:2px 0px 3px 25px;
	font-weight:bold;
}
#hatz_content .only_li li{
	background-position: 10px 9px;
	padding:6px 0px 2px 25px;
	font-weight:normal;
}
#hatz_content .spred li{
	background-position: 10px 12px;
	padding:8px 0px 5px 25px;
}
#hatz_content .second_list li{
	background-image:url(../../img/bullet2.gif);
	background-repeat:no-repeat;
	background-position: 30px 6px;
	padding:2px 0px 2px 50px;
	font-weight:normal;
}
.hatz_image{
	position:relative;
	left:0px;
	top:5px;
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	background-color: #ECF3F5;
	padding:3px;
	margin:0px;
	width:500px;
	height:250px;
}
.all_hatz_image{
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	background-color: #ECF3F5;
	padding:3px;
	margin:10px 0px 0px 0px;
	width:363px;
}
.accred_image{
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	background-color: #ECF3F5;
	padding:3px;
	margin:10px 0px 20px 0px;
}
#image_title {
	font-weight:bold;
	padding:2px;
	margin:0px;
}
#image_subtitle{
	padding:0px;
	margin:0px;
}
.nav_images_next{
	position:relative;
	top:3px;
	left:283px;
	width:80px;
}
.nav_images_previous{
	position:relative;
	top:21px;
	left:190px;
	width:80px;
}
.nav_images a, .nav_images a:visited{
	background-color:#FFFFFF;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	color:#0D9E9E;
	width:80px;
	display:block;
	padding:2px;
	text-align:center;
}
.nav_images a:hover{
	border-bottom:1px solid #C3DADA;
	border-right:1px solid #C3DADA;
	border-top:1px solid #79A7B8;
	border-left:1px solid #79A7B8;
	background-color:#ECF3F5;
	display:block;
}
/**************/
#hatz_nav {
	margin: 0px 0px -20px 0px;
	width: 197px;
	float: left;
	padding:0px;
}
html>body #hatz_nav {
	margin: 0px 0px 0px 0px;
}
#hatz_nav .ing_group_header{
	width: 197px;
	margin: 0px;
	padding: 3px 0px 3px 8px;
	background-color: #C3DADA;
	border-bottom: 1px solid #4E8BA1;
	border-right: 1px solid #4E8BA1;
	border-top: 1px solid #C3DADA;
	border-left: 1px solid #C3DADA;
	font-weight: bold;
	font-size:12px;
	color: #FFFFFF;
}
.ing_group_title {
	display: block;
	color:#336666;
	background-color:#ECF3F5;
	font-weight: bold;
	font-size:11px;
	padding: 2px 2px 2px 5px;
	margin: 3px 0px 0px 0px;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	width:197px;
}
.ing_group_title a, .ing_group_title a:visited{
	width:197px;
	color:#336666;
	font-weight:normal;
	display: block;
}
.ing_group_title a:hover{
	width:197px;
	color:#336666;
	font-weight:bold;
	display: block;
}
.nav_current {
	display: block;
	color:#336666;
	background-color:#FFFFFF;
	font-weight: bold;
	font-size:11px;
	padding: 2px 2px 2px 5px;
	margin: 3px 0px 0px 0px;
	border-top:1px solid #C3DADA;
	border-left:1px solid #C3DADA;
	border-bottom:1px solid #79A7B8;
	border-right:1px solid #79A7B8;
	width:197px;
}
/*INGREDIENTS LIST*/
#hatz_content {
	margin: 7px 0px -20px 10px;
	color:#336666;
	background-color:#FFFFFF;
	font-size:10px;
	padding: 1px 2px 1px 15px;
	border-left:1px solid #C3DADA;
	border-top:1px solid #C3DADA;
	border-right:1px solid #79A7B8;
	border-bottom:1px solid #79A7B8;
	padding:0px;
	width: 563px;
	text-align: justify;
	height: 340px;
	line-height:12px;
}
html>body #hatz_content {
	margin: 7px 0px 0px 213px;
	width:560px;
}
#hatz_content p {
	font-weight:bold;
}
.ing_list {
	display: block;
	color:#336666;
	background-color:#FFFFFF;
	font-size:10px;
	padding: 1px 2px 1px 15px;
	margin: 0px 0px 0px 0px;
	border-left:1px solid #C3DADA;
	border-right:1px solid #79A7B8;
	width:357px;
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 6px;
}
.ing_list_foot {
	display: block;
	color:#336666;
	background-color:#FFFFFF;
	font-size:10px;
	padding: 2px 2px 3px 15px;
	margin: 0px 0px 0px 0px;
	border-left:1px solid #C3DADA;
	border-right:1px solid #79A7B8;
	border-bottom:1px solid #79A7B8;
	width:357px;
	background-image:url(../../img/bullet.gif);
	background-repeat:no-repeat;
	background-position: 5px 6px;
}
/*ACCREDIDATION IMAGES*/
#accred_wrap1{
	margin:18px;
	padding:0px;
	float:left;
}
html>body #accred_wrap1{
	margin:25px;
}
#accred_wrap2{
	margin:18px;
	padding:0px;
	float:left;
}
html>body #accred_wrap2{
	margin:25px;
}
#accred_wrap3{
	margin:18px;
	padding:0px;
	float:left;
}
html>body #accred_wrap3{
	margin:25px;
}