/* CSS Document */
a, a:hover {
	font-weight:bold;
	text-decoration:none;
	color:#ec1a8b;
}
a:hover {	
	text-decoration:underline;
}
.field a:hover {	
	text-decoration:none;
}
.clear {
	clear:both;
}
ul li {
	list-style-type:none;
	
}

select {
	padding:0px;
	}
option {
	 padding: 5px 5px 5px;
}
#footer nav {	
	margin:0px 0px 9px 0px;	
	float:left;	
}
nav {	
	margin-left:0px;	
	float:left;	
}
nav ul {
    border-radius: 10px;
    list-style: outside none none;
    margin: 0 10px;
    padding: 0 0 0 26px;
    position: relative;
	}
nav ul::after {
    clear: both;
    content: "";
    display: block;
}
	nav ul li {
    float: left;
    padding: 0;
	}
	nav ul li a {
		display: block;
		padding:5px 10px 5px 10px;
		color: #fff;
		height:23px;
		font-size: 14px;
		text-decoration: none;
	}
	nav ul li.active a {
		color: #3d9f31;
	}
	nav ul li.active a:hover, nav ul li:hover.active a:hover, nav ul li:hover.active a {
		color: #fff;
	}
	nav ul li.active  {
		color: #3d9f31;
		background:#FFF;
		border-radius:10px 10px 0px 0px;	
	}
	nav ul li:hover {
	background: #009c4e;
	background: -ms-linear-gradient(top, #009c4e 0%, #53b847 100%);
	background: -moz-linear-gradient(top, #009c4e 0%, #53b847 100%);
	background: -webkit-linear-gradient(top, #009c4e 0%,#53b847 100%);		
	border-radius:10px 10px 0px 0px;	
	color:#FFF;
	text-decoration:none;
	}	
	nav ul li:hover.active {
		background: #009c4e;
		background: -ms-linear-gradient(top, #009c4e 0%, #53b847 100%);
		background: -moz-linear-gradient(top, #009c4e 0%, #53b847 100%);
		background: -webkit-linear-gradient(top, #009c4e 0%,#53b847 100%);
		border-radius:10px 10px 0px 0px;
		text-decoration:none;
	}
	nav ul li a:hover {
		color:#FFF;	
		padding:5px 10px 5px 10px;
		text-decoration:none;
	}
	nav ul li:hover > ul {
		display: block;
		color:#FFF;
	}
	nav ul li ul {
			display: none;
			margin:-1px 0px 0px 0px;
			background: #53b847; 
			border-radius: 0px; 
			padding: 0;
			position: absolute; 
			top: 100%;
			border-radius:0px 10px 10px 10px;
			z-index:30;
		}		
		nav ul li ul li {
			float: none; 
			position: relative;
			background: #53b847;
			padding:0px;			
		}
		nav ul li ul li a, nav ul li ul li a:hover {
			padding:5px 10px 0px 10px;
		}
		nav ul li ul li:hover {
			border-radius:0px;
		}
		nav ul li ul li a:hover {
			background: #009c4e;
		}
		nav ul li ul li.first {
			background: #53b847;
			border: 0 solid #fff;
			border-radius: 0px 10px 0px 0px;	
		}
		nav ul li.active ul li.first a {
			border-radius: 0px 10px 0px 0px;			
			}
		nav ul li ul li.last {
			background: #53b847;
			border: 0 solid #fff;			
			border-radius: 0px 0px 10px 10px;	
		}
		nav ul li.active ul li.last a {
			border-radius: 0px 0px 10px 10px;			
			}
		nav ul li ul li.first:hover, nav ul li ul li:hover.first, nav ul li ul li.first a:hover {		
			border-radius: 0px 10px 0 0;			
		}
		nav ul li ul li.last:hover, nav ul li ul li:hover.last, nav ul li ul li.last a:hover {
			border-radius: 0px 0px 10px 10px;	
		}
		nav ul li ul li.active a, nav ul li.active ul li a, nav ul li.active ul li a:hover {
			background:#53b847;
			color:#FFF; 
			padding:5px 10px 0px 10px;
		}
		nav ul li.active ul li a:hover {
			color:#FFF;
			background: #009c4e;
		}
#footer nav ul {
	padding: 0 0 0 0px;
	margin:0px 10px 0px 0px
}
#footer nav ul li {
    display: inline;
    float: none;
}
#footer nav ul li a {
    color: #fff;
    display: block;
    font-size: 13px;
    height:13px;
    text-decoration: none;
}
#footer nav ul li.active a {
	 color: #FFF;
	 background:none;
	 }
#footer nav ul ul {			
			display:inline;
			position:inherit;
			margin:0px 0px 0px 0px;			
		}
#footer nav ul li ul li {			
			display: block;
   			margin: 0 0 0 10px;	
			background: none;	
		}
#footer  nav ul li ul li a, #footer  nav ul li ul li a:hover {
    padding:5px 10px 5px 10px;
}
#footer nav ul li a:hover {
	color:#53b847;
	background-color: transparent;
}
#boxpage {
	width:900px;
	height:100%;
	margin:0px auto 0px auto;
	display:block;
}
#bgheader {
    display: block;
}
div#tree {
	text-align:center;
	margin:0 auto;
}
div#menu {
	clear:both;	
	margin:0px;
	padding:0px;
}
div.divnav {
	float:left;
}
div.divcontact {
	float:left;
	font-size:13px;
	text-align:left;
	color:#FFF;
	margin:4px 0px 0px 0px;
}
div.add {
float:left;
margin:0px 15px 15px 0px;
}
.fa.fa-check, .fa.fa-check:hover {
	color:#3d9f31;
	font-size:x-large;
	padding-right:7px;
	margin-top:3px;
	float:left;
}
.fa.fa-times {
color:#F00;	
}
.fa.fa-check-square {
color:#3d9f31;	
}
.fa.fa-square {
color:#000;	
}
.fa.fa-truck {
color:#000;
	font-size:12px;
}
.fa.fa-ban {
	font-size:14px;
	color:#3d9f31;
	}
.fa.fa-ban.readonly {
	font-size:14px;
	color:#3d9f31;
}
.fa.fa-exclamation-circle, .fa.fa-exclamation-circle:hover {
	color:#ec1a8b;
	font-size:x-large;
	padding-right:7px;
	margin-top:3px;
	float:left;
}
.fa.fa-twitter, .fa.fa-facebook-square {
	color:#FFF;
	font-size:x-large;
	padding-right:7px;
}
.fa.fa-twitter:hover, .fa.fa-facebook-square:hover {
	color:#d8ecfe;
	font-size:x-large;
	padding-right:0px;
}
.fa.fa-sign-in, .fa.fa-sign-out, .fa.fa-trash  {
	font-size:14px;
	width: 23px;
	line-height: 21px;
}
.fa-question-circle {
	font-size:14px;
}
.fa.fa-user:hover, .fa.fa-list:hover, .fa.fa-sign-out:hover, .fa.fa-sign-in:hover, .fa.fa-user-plus:hover, .fa.fa-trash:hover {
	color:#3d9f31;
}
ul.group li a {
   /*background: #3d9f31 none repeat scroll 0 0;
    border: 1px solid #3d9f31;
    border-radius: 5px 5px 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    min-width: 125px;
    padding: 6px 5px 4px 7px;*/
}
ul.group li a.cmd  {
   background: #FFF none repeat scroll 0 0;
    border: 1px solid #3d9f31;
    border-radius: 5px 5px 0 0;
    color: #3d9f31;
    cursor: pointer;
    font-size: 12px;
    min-width: 130px;
    padding: 5px 5px 3px 7px;
	margin-top:10px;
}
ul.group li a.active, ul.group li a:hover {
/*color:#FFF;
background:#3d9f31;
height:16px;
border: 1px solid #3d9f31;
border-radius: 10px 10px 0px 0px;
*/
}
ul.group li a.cmd .active, ul.group li a:hover.cmd {
color:#FFF;
background:#3d9f31;
height:14px;
border: 1px solid #3d9f31;
border-radius: 5px 5px 0 0;
}
ul.group ul {
clear:both;	
}
ul.group ul li {
width:150px;	
}
ul.group li span.total {
	color:#3d9f31;
	
}
div#content_box ul.group li strong {
font-size:12px;	
float:left;
padding:0px 10px 0px 0px;
display:block;
color:#000000;
}
ul.group li strong img {
	border:2px solid #cce5fc;
	padding:5px 3px 5px 3px;
	border-top:0px solid #FFF;
	cursor:pointer;
}
ul.group li strong img:hover {
	border:2px solid #7bbffc;
	border-top:0px solid #FFF;

}
ul.group li div {
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	font-weight:normal;
}
ul.group li div div {
	padding:0px;
}
ul.group li div h3 {
	font-size:13px;
	font-weight:normal;
	color:#999;
	margin:10px -10px 10px -10px;
	min-height:34px;
	padding:0px 0px 10px 0px;
	border-bottom:1px solid #ebf5ea;
}
ul.group li div h3 span {
	color:#000;	
	font-size:12px;
	clear:left;
}
span.productnumbers {
	color:#000;
	font-size:11px;
	font-weight:bold;
}
span.productnumbers span.label {
	color:#3d9f31; 
}
ul.group li img {
	text-align:center;
	margin:10px 0px 0px 0px;
}
div.nutritioninfo {
	display:none;
}
.nutritionshow, .allergieshow {
	cursor:pointer;
	background: #3d9f31 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    padding: 5px 20px 5px 5px;
	border-radius: 5px 5px 0px 0px;
	display:block;
}
.productpreview {
	min-height:350px;
}
.productimage {
	min-height:270px;
}
ul.group li div.productimage img {
	margin:20px 10px 0px 10px;	
	width:auto;
	height:auto;	
}
ul.group li img.icon {
	
	 margin:10px 0px 0px 0px;
}
ul.group li.active div.productimage {
	/*min-height:351px;	*/
}
ul.group li div.productinfo {
    margin: 0 10px;
    padding: 0 0 10px;
    text-align: left;
	cursor:auto;
	clear:both;
	border-top:0px solid #ebf5ea;
}
ul.group li div.productinfo div div {
 	padding: 10px 0px 0px 0px;
}
ul.group li div.productinfo p {
	display:inline;	
	padding: 0px 0px 0px 0px;
	margin:0px;
}
div.flavour > .SumoSelect > .SlectBox, div.shape > .SumoSelect > .SlectBox {
    background:
    linear-gradient(45deg, transparent 50%, black 50%),
    linear-gradient(135deg, black 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
  calc(100% - 20px) calc(0.4em + 2px), calc(100% - 10px) calc(0.4em + 2px), 100% 0;
  background-size:
   10px 10px, 10px 10px, 3.5em 2.5em;
  background-repeat: no-repeat;
  /* styling and reset */
  font: 300 1em/100% "Helvetica Neue", Arial, sans-serif;
  /* reset */
  border-radius: 0;
  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none;
   width: 143px;
   padding: 4px 8px 0px 0px;
   font-size: 14px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 23px;
   -webkit-appearance: none;
	color:#3d9f31;
	font-weight:bold;
	outline:0px;
	text-align:center;
	float:left;
box-sizing:border-box;
padding-left:6px;
}
select.flavours option, select.shapes option {
	border:0px solid #000;
	text-align:center;
}
select.flavours option selected, select.shapes option selected {
	color:#F3F;
}
div.country > .SumoSelect > .SlectBox {
width:200px;		
}
div.country > .SumoSelect > .optWrapper > .options > li {
	padding:0px 0px 0px 7px;
}
div.country > .SumoSelect > .optWrapper > .options > li label:hover {
	color:#666;
}
div.country > .SumoSelect > .optWrapper > .options > li label {
	min-width:100px;
}
div.country > .SumoSelect > .CaptionCont {
	margin-top:2px;
}
label {
    display: block;
    float: left;
    padding-top:2px;
    width: auto;
	font-size:15px;
	font-weight:bold;
}
label.shape, label.allergies {
	margin:0px 0px 0px 0px;	
}
.field label {
	font-size: 12px;
    font-weight: normal;
    min-width: 160px;
	line-height:26px;
}
.field input {
   font-size: 13px;
    margin: 3px 0;
  	min-width:170px;
}
form.idealforms .btnlink input, .btnlink input {
background: #3d9f31 none repeat scroll 0 0;
    color: #fff;
    font-weight: bold;
    letter-spacing: 1px;
	font-size: 12px;
	padding:5px 7px 5px 7px;
	cursor:pointer;
	border:1px solid #FFF;	
	
}
form.idealforms input[type=submit], form.idealforms input.btnshop, form.idealforms input#btn1co, form.idealforms input#btn2co {	
	background: #3d9f31 none repeat scroll 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
	cursor:pointer;
	padding:.55em;
	border:0px;
}
a.btnlink:hover {
	text-decoration:none;	
}
.btnright {
float:right;	
margin:10px 0px 0px 0px;
}
.btnleft {	
float:left;	
margin:10px 0px 0px 0px;
}
div.shoppingcart .btnright, div.shoppingcart .btnleft {
	margin:0px 0px 0px 0px;
}
ul.filterallergie {
	padding:0px;
	margin:2px 0px 0px 10px;
	float:left;
}
ul.filterallergie li {
	width:23px;
	height:23px;
	float:left;
	padding:0px;
}
ul.filterallergie li.fa-check-square, ul.filterallergie li.fa-square-o {
	color:#3d9f31;
	font-size: large;
	cursor:pointer;
}
.fa-search, .fa-exclamation {
	color:#3d9f31;
	font-size: large;
	cursor:pointer;
}
.fa.fa-search, .fa.fa-exclamation { 
font-size:27px;	
float:left;
width:35px;
text-align:center;
}
.fa.fa-refresh, .fa.fa-refresh fa-spin {
	color:#FFF;
	margin:0px 2px 0px 0px;
}
a.btnreset,a.btnreset:hover {
    background-color: #3d9f31;
    border-radius: 10px;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 1px 5px 1px 8px;
	margin-right:10px;
	text-decoration:none;
	border:2px solid #3d9f31;
	cursor:pointer;
}
a.btnreset:hover {
	text-decoration:none;
	background-color: #FFF;
	color: #3d9f31;
	border:2px solid #3d9f31;
}
ul.filterallergie label {
	display: block;
    float: left;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 10px 0px 0px;
    width: auto;
	color:#3d9f31;
}
input[name=search] {
	margin:0px 0px 0px 10px;
	width:200px;
	border:none;
	border-bottom:1px solid;
	color:#3d9f31;
	float:left;		
}
div#langs {
	padding:10px 0px 0px 0px;
	text-align:right;
}
div#langs img {
	cursor:pointer;	
	border:1px solid #000;
	margin:0px 5px 0px 0px;
}
a.lang img {
	cursor:pointer;	
	border:0px solid #000;
	margin:0px 10px 10px 0px;
}
div#langs img:hover {
	cursor:pointer;	
	border:1px solid #FFF;
	
}
div#langs a {
	margin:0px 0px 0px 0px;
}
div.error {
    margin: 0 0 10px 0px;
    padding: 0;
	line-height:30px;
}
div.cobox {
border:1px solid #ebf5ea;
border-radius:10px;
padding:10px;	
}
span.error {
	color:#3d9f31;
	font-size: 13px;
	font-weight: bold;
    margin: 20px 0 0 0px;
    padding: 0;
}
div.error span {
	color:#3d9f31;
	font-size: 14px;
}
ul.list li b.allergieline {
	float:left;
	border-bottom:1px solid #EAEAEA;
	width:220px;
	margin-bottom:0px;
	padding:5px 0px 0px 0px;
	display:block;
}
b.allergieline b {
	display: block;
    float: left;
	text-align:right
}
b.allergieline b.allergiename,  b.allergiename {
	margin-bottom:2px;
	text-align:left;
	padding:0px 0px 0px 5px;
}
b.allergieline b.allergiename:first,  b.allergiename:first {
	padding:0px 0px 0px 10px;
}
b.allergieline span.fa-toggle-on, b.allergieline span.fa-toggle-off {
	font-size:10px;	
	color:#3d9f31;
	ffont-weight:bold;
}
b.allergieline span.fa-toggle-off {
	color:#AEAEAE;
}
div.loading {
	width:100%;
	text-align:center;	
}
span.fa-shopping-basket {
    color: #CCC;
    display: inline-block;
    font-size: 15px; 
    padding:0px 0px 6px 2px;
	float:right;
}
span.price {
	font-weight:bold;
	color:#3d9f31;
	font-size:13px;
	float:right;
}
div.linkbox {
    background-color:transparent;
    border-top: 2px solid #3d9f31;
    border-radius: 0px;
    display: block;
    margin: 0 0 0 2px;
    padding: 7px;   
    width: 148px;
}
div.shoppingcart span.price {
	font-size:11px;
	display:inline;
	padding:0px;
	width:auto;
	color:#000;
	font-weight:normal;
}
div.shoppingcart div.field input {
	float:left;
	min-width: 114px;
    width: 114px;
}
div.shoppingcart div.field input[name=rememberme],div.field input[name=rememberme] {
	min-width:20px;
	width:20px;
}
div.shoppingcart a, div.shoppingcart a:hover {
	color:#ec1a8b;
	font-size:11px;
	text-decoration:none;
}

div.shoppingcart span.loginLoginButton,div.shoppingcart input.btncheckout {
	min-width:58px;
	margin:-2px 0px;
	padding:1px;
    color: #fff;
    font-weight: bold;
	cursor:pointer;
	float:right;
}
div.shoppingcart input.btncheckout {
	float:right;
	min-width:89px;
}
div.shoppingcart span.ordernumber, span.ordernumber {
	background-color: #fff;
    border: 1px solid #3d9f31;
    border-radius: 7px;
    color: #3d9f31;
    display: inline;
    font-size: 11px;
    font-weight: bold;
    margin:0 0px 0 0px;
    padding: 1px 4px;
}
.field input[type="submit"] {
	min-width:175px;
}
span.fa-shopping-basket:hover {	
	color: #3d9f31;
}
div.shoppingcart ul {
	padding:0px;
}
.productrow {
	font-size:11px;
	padding: 0px;
	width:100%;
}
#order_view .pricerow {
font-size:12px;
border-bottom:1px solid #ebf5ea;
line-height:22px;
}
#sumpricedel, #sumpriceincl, #sumpricetax, #sumpriceexcl {
float:right;
padding-right:0px;	
}
div.shoppingcart ul.products_summary,div.shoppingcart ul.price_summary {
	line-height:18px;
	width:153px;
	margin-top:4px;
	border-top: 1px solid #ebf5ea;
	padding:5px 0px;
	border-bottom: 1px solid #ebf5ea;
	display:inline-block;
	float:left;
}
.removeproduct {
	cursor:pointer;
	color:#ec1a8b;
	font-weight:bold;
}
.basket {
	font-size:11px;
	border-top: 1px solid #ebf5ea;
	  margin-top: 5px;
    padding: 5px 0 0;
}
/*#order_view .icon {
	width:25px;
	height:25px;
}*/
#order_view div.iconbox {
margin:0px 0px 0px 0px;
}
#order_view ul {
padding:0px;
margin:0px;
}
#order_view .productrow {
	font-size:12px;
	width:100%;
	border-bottom: 1px solid #ebf5ea;
	padding:20px 0px 20px 0px;
	float:left;
}
#order_view .productrow span.price {
	width:80px;
	text-align:right;
}
#order_view .pricerow.total {
	color:#3d9f31;
	font-size:14px;
	border-bottom: 1px solid #ebf5ea;
}
#order_view .pricerow {
font-size:12px;
border-bottom:1px solid #ebf5ea;
line-height:22px;
}
#order_view .pricerow.first {
border-top:0px solid #ebf5ea;
}
#order_view .pricerow.last {
border-bottom:0px solid #ebf5ea;
}
#order_view span.taxrow {
float:right;
font-size:10px;
color:#000;
}
#order_view span.taxrow #sumpricetax {
	float:none;	
	padding-right:0px;
}
#order_view #productinfo {
	float:left;
}
#order_view .productimage {
	min-height:auto;
}
#order_view div.productpreview {
	float:left;
	margin:0px 10px 0px 0px;
	min-height:auto;
}
#order_view ul li h3 {
    border-bottom: 0 solid #ebf5ea;
    color: #3d9f31;
    display: inline-block;
    font-size: 14px;
    margin: 0;
    padding: 0 0 10px;
}
div.shopnav {
	background-color: #ebf5ea;
    border-radius: 10px 10px 0 0;
    height: 30px;
    margin: -15px -11px 10px -10px;
    width: auto;
}
div.shopnav ul {
	padding:0px 0px 0px 0px;	
}
div.shopnav ul li {
	height: 22px;
    margin-top: -1px;
	color:#3d9f31;
	font-size:12px;
	padding:9px 9px 0px;
	border-radius:0px 0px 0px 0px;
	font-weight:bold;
	width:30%;
	float:left;
}
div.shopnav ul li.first {
	border-radius:10px 0px 0px 0px;
}
div.shopnav ul li.last {
	border-radius:0px 10px 0px 0px;
	float: right;
}
div.shopnav ul li.active {
	background-color: #3d9f31;
	color:#FFF;
}
div.shopnav ul li.active span.ordernumber {
	border:1px solid #FFF;
	font-size:11px;
}
form.step2co input {
	max-width: 150px;
    min-width: 80px;
}
form.step2co label {
    min-width: 100px;
	max-width:100px;	
}
form.step2co .SlectBox {
	width:120px;
}
div.cobox span.number {
	border-bottom: 1px solid #ebf5ea;
	margin: 0px 0px 0px 0px;
	display: block;
    padding: 13px 0 13px 0px;
	font-weight:bold;
}
table.orderstable {
	width:650px;
	padding:0px;
	margin:0px;
	border-collapse:collapse;
	border:0;
}
.orderstable tr {
	height:25px;
}
.orderstable tr td {
	padding:0px 10px 0px 0px;
	white-space:nowrap;
	font-size:12px;
}
.orderstable tr td.euro {
	padding:0px 0px 0px 12px;
	text-align:right;
}
.orderstable tr td.euro.last {
	padding:0px 5px 0px 0px;
}
.orderstable tr.header {
	background:#3d9f31;
}
.orderstable .header td {
color:#ebf5ea;
font-size: 12px;
font-weight: bold;
height: 30px;
padding:0px;
margin:0px;
}
table.orderstable tr.productrow td:first-child {
	font-size:11px;
}
table.orderstable tr td:first-child {	
padding:0px 0px 0px 5px;
}
table.orderstable tr td:last-child {
padding:0px 5px 0px 0px;
}
table.orderstable tr.header td:last-child {
text-align:right;
}
.orderstable tr.headerrow {
background: #ebf5ea none repeat scroll 0 0;
color: #000;
font-size: 12px;
font-weight: bold;
height: 35px;	
vertical-align:top;
}
.orderstable tr.headerrow td {
padding:8px 10px 4px 0px;
}
.orderstable tr.headerrow td:first-child {
padding:8px 0px 0px 5px;
}
.orderstable tr.orderrow {
cursor:pointer; 
}
.orderstable tr.orderrow td:first-child {
font-weight:bold;	
}
.orderstable tr.orderrow td:last-child {
text-align:right;	
}
.orderstable tr.addressrow {
	vertical-align:top;
	padding-top:20px;	
}
.orderstable tr.addressrow td,.orderstable tr.addressrow td:first-child,.orderstable tr.addressrow td:last-child {
	padding-top:20px;
}
.orderstable tr.addressrow td:last-child {
	text-align:right;	
}
.orderstable tr td span.note {
	font-size:10px;
}
html, body {
    background: #d9ecfd none no-repeat scroll center 0;
    color: #000;
    font: 12px Arial;
    height: 100%;
    margin: 0;
    padding: 0;
	font: 12px Arial;
}
* {
    margin: 0;
    padding: 0;
}
ul {
    margin: 5px 0 0;
    padding: 0 0 0 0px;
}
h1 {
    color: #3d9f31;
    font: normal 26px Arial;
    margin: 10px 0 14px -2px;
    padding:0;
}
#picto a,#picto a:hover {
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}
#page {
	background:transparent;
	height:100%;
	display:block;
	margin:0px auto -115px auto;	
}
#header {
	background:#00449d;
	height:110px;
	margin:0 auto;	
}
.headerbox {
	background:#00449d;
	height:110px;
	max-width: 1243px;
    min-width: 768px;
	margin:0 auto;	
}
.headerbox img.logo {	
	margin:0px 0px 0px 0px;	
	float:left;
}
.footerbox img.logo {	
	margin:-55px 10px 0px 0px;	
	float:left;
}
#user {
	background:#FFF;
	height:40px;
	margin:0 auto;	
}
.userbox {	
	height:40px;
	margin:0px auto;
	max-width: 1243px;
    min-width: 768px;	
	padding:10px 0px 0px 0px;
}
.userbox .fa-facebook-official {
	display: block;
    float: right;
    font-size: 22.5px;
    margin: -2px 5px 0;
	color:#00449d;
}
.userbox .fb-like {
	margin:0px 10px 0px 0px;
	float:right;
}
#filter {
	margin:0 auto;
		
	
}
.filterbox {
	margin:0 auto;
	max-width: 1243px;
    min-width: 768px;	
}
#filter ul {
	margin:0px 0px 0px 0px;
	list-style:inside;
	list-style-type:none;
	display:inline;
	float:left;
}
form.form-filters ul li {
	cursor:pointer;
	color:#00449d;
	font-size:14px;
	font-weight:bold;
	margin-right:10px;
	padding:5px 10px;
	border-radius:10px 10px 0px 0px;
	float:left;
}
form.form-filters ul li.activetab {
	background-color: #fff;
	color:#00449d;
}
form.form-filters ul li.last {
	margin-right:0px;	
}
a.filtergroup {
    background-color: #3d9f31;
    border: 1px solid #f3f3f3;
    color: #FFF;
    font-size: 12px;
	letter-spacing:1px;
    margin:5px 10px;
    padding:1px 5px 5px;
	font-weight:bold;
	display:table;
	text-transform:lowercase;
}
a:hover.filtergroup {
	background-color: #3d9f31;
    text-decoration:none;	
}
a.filtergroup .fa-square-o {	
	color:#FFF;
	padding: 5px 0px 0px 0px;
	font-size:10px;
}
a.filtergroup .fa-check-square {	
	color:#3d9f31;
	padding: 5px 0px 0px 0px;
	font-size:10px;
}
a.filtergroup.active {
	background-color:#3d9f31;	
}
a.filtergroup.active .fa-check-square {
	background-color:#3d9f31;
	color:#FFF;
}
a.filter, a.filtertraces {
    background-color: #fff;
    border: 1px solid #3d9f31;
    color: #3d9f31;
    font-size: 12px;
	letter-spacing:1px; 
    margin:5px 10px;
    padding:1px 5px 5px;
	font-weight:bold;
	display:inline-block;
	text-transform:lowercase;
}
a.filtertraces {
	 border: 1px solid #00449d;
	 background-color:#00449d;
    color: #FFF;
}
a:hover.filter, a:hover.filtertraces {
   	background-color:#ebf5ea;
	text-decoration:none;
}
a:hover.filtertraces {
	background-color:#00449d;
}
a.filter .fa-square-o, a.filtertraces span.fa-square-o {	
	color:#CCC;
	padding: 5px 0px 0px 0px;
	font-size:10px;
}
a.filter .fa-check-square, a.filtertraces .fa-check-square {	
	color:#3d9f31;
	padding: 5px 0px 0px 0px;
	font-size:10px;
}
a.filtertraces .fa-check-square {	
	color:#FFF;
}
a.filter.active {
	background-color:#ebf5ea;
}
a.filtertraces.active {
	background-color:#00449d;
}
a.filter.inactive {
	background-color:#f3f3f3;
	color:#CCC;
	border: 1px solid #f3f3f3;
}
div.fil {
	background-color: #fff;
	padding:5px 0px;
	margin-right: 15px;
}
div#picto {
    margin: -12px auto;
    padding: 0 0px 0px 10px;
    float:left;
}
div#content {
	margin:14px 20px 70px 20px;
	clear:both;
	text-align:left;
	min-height:100px;
	padding:0px 0px 0px 10px;
}
div#content strong {
	color:#3d9f31;
}
.contentbox {	
	margin:0 auto;
	max-width: 1203px;
    min-width: 768px;
	background:#FFF;
	padding:20px;	
}
.contentbox.products {
	background-color:transparent;
	padding:0px 0px 0px 0px;
	max-width: 1243px;
}
.contentbox.webshop {
	background-color:#ee1b24;
	padding:0px;
	max-width: 1243px;
	color:#FFF;
	font-size: 16px;
}
.contentbox.webshop p {
	padding:15px;
	font-weight:bold;
}
ul.group li {
    background: #fff none repeat scroll 0 0;
    border-radius: 10px 10px 0 0;
  	border: 1px solid transparent;
    clear: right;
    cursor: pointer;
    margin: 10px 10px 0 0;
    padding: 0 0 5px;
    text-align: center;
    width: 165px;
	float:left;
	list-style-type:none;
}
ul.group li:hover {
	border: 1px solid #3d9f31;
	border-radius: 10px 10px 0 0;
	text-decoration:none;
}
ul.group li.active {
	border:2px solid #3d9f31;
	width:264px;
}
ul.group li.active div h3 {
	font-size:16px;
}
.nutritions {
	width:100%;
}
#footer {	
	background:#00449d none repeat scroll center bottom;
    width: 100%;
	height:130px;
	bottom: 0;
    color: #d9ecfd;
    overflow: hidden;
    padding: 10px 0 20px;
    vertical-align: bottom;
    width: 100%;
	font-size:10px;
}
.footerbox {	
	margin:0 auto;
	max-width: 1243px;
    min-width: 768px;	
}
#footerbottom {	
	background:#FFF repeat scroll center bottom;
    width: 100%;
	height:20px;
	bottom: 0;
    color: #00449d;
    overflow: hidden;
    padding: 5px 0 0px 0px;
    vertical-align: bottom;
    width: 100%;
	font-size:12px;
	font-weight:bold;
}
.footerbottombox {	
	margin:0 auto;
	max-width: 1243px;
    min-width: 768px;	
}
#footer a,#footer a:hover {
	color:#ed3e94;
	text-decoration:none;
}
#footerbottom a,#footerbottom a:hover {
	color:#00449d;
}
.clear {
	clear:both;	
}
div#menu {
  	float:left;
	clear:none;
    margin: -3px 0px 0px -20px;
    padding: 0;
}
div.loginbox {
    background-color: transparent;
    border-bottom: 0px solid #3d9f31;
    border-radius: 0;
    display: inline-block;
    margin: -7px 0 0 2px;
    padding: 0px;
	float:right;
}
div.shoppingcart {
    background-color: transparent;
    border: 0 solid #3d9f31;
    border-radius: 0;
    display: inline-block;
    margin: -7px 0 0 2px;
    padding: 0px;
	float:right;
}
div.shoppingcart ul.price_summary {
   border-bottom: 0 solid #3d9f31;
    border-top: 0 solid #000;
    clear: none;
    display: inline-block;
    float: left;
    margin-top: 0;
    padding:5px 0 0 10px;
	width:auto;
}
div.shoppingcart span.fa-shopping-basket {
    color: #3d9f31;
    display: inline-block;
    float: left;
    font-size: 24px;
    margin: 1px 0 0 4px;
    padding: 0;
}
div.shoppingcart span#total {
    background-color: #fff;
    border: 1px solid #3d9f31;
    border-radius: 7px;
    color: #3d9f31;
    display: inline-block;
    float: left;
    font-size: 9px;
    font-weight: bold;
    margin: 14px 0 0 -14px;
    padding: 1px 4px;
}
.pricerow.total {
    color: #ec1a8b;
    font-weight: bold;
}
.pricerow {
    font-size: 12px;
    padding: 0;
    width: 100%;
}
.dropdown-menu {
	background-color: #fff;   
    display: table;
    overflow: hidden;
    position: absolute;
	border:1px solid #f3f3f3;
	border-radius:0px 0px 10px 10px;
}
.dropdown-menu a {
	display:block;
	border-top:1px solid #f3f3f3;
	padding:2px 6px 5px 11px;
}
.dropdown-menu a:hover {
text-decoration:none;
}
.boxlogin {
	border-radius: 10px;
    margin: 0px 0;
    padding: 3px;
	cursor:pointer;
}
a.btnreset, a.btnreset:hover, a.btnremove, a.btnremove:hover { 
    background: #FFF none no-repeat scroll center 0;
    border: 1px solid #00449d;
    border-radius: 2px;
    color: #00449d;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin-right: 10px;
    padding: 1px 5px 1px 8px;
    text-decoration: none;
	text-transform:lowercase;
}
ul.group {  
    display: inline-block;
}
div.error {
	background: #FFF none no-repeat scroll center 0;
	display:block;
	padding:10px;	
}
.btn-group {
	margin:0px 0px 0px 0px;
	min-width:90px;
}
.btn-primary {
	display: inline-block;
	padding: 6px 3px 1px 0;
}
a.btn-primary:hover {
	text-decoration:none;
}
.fa.fa-user, .fa.fa-list, .fa.fa-sign-out, .fa.fa-sign-in, .fa.fa-user-plus, .fa.fa-question, .fa-question-circle, .fa.fa-trash {
	color: #3d9f31;
    font-size: 14px;
    line-height: 21px;
    width: 23px;
}
.fa.fa-user-o {
	color: #3d9f31;
    float: left;
    font-size: 28px;
    margin:-6px 0 0;
}
.productlist span.fa.fa-plus, .productlist span.fa.fa-minus-square, .productlist span.fa.fa-minus,
.productrow span.fa.fa-plus, .productrow span.fa.fa-minus-square, .productrow span.fa.fa-minus {
    border: 1px solid #3d9f31;
    border-radius: 7px;
    color: #3d9f31;
    font-size: 13px;
    margin: 0;
    padding: 4px;
	cursor:pointer;
}
.productlist span.fa.fa-plus,.productrow span.fa.fa-plus {
	 color: #FFF;
	 background-color:#3d9f31;
}
input[name=items] {
    border: 1px solid #f3f3f3;
    margin: 0px 5px 0px;
    width:25px;
	text-align:center;
	border-radius: 7px;	
}
div.searchresult ,a.searchlink div.searchresult{
	border:2px solid #FFF;
	border-radius:10px 10px 0 0;
	background-color:#FFF;
	cursor:pointer;
	color:#000;
	margin:0px 0px 10px 0px;
	padding:10px;
}
.searchresult:hover {
	border:2px solid #3d9f31;
	border-radius:10px 10px 0 0;	
	background-color:#FFF;
}
a.searchlink {
color:#000;
font-weight:normal;
background-color:#FFF;
}
a:hover.searchlink {
color:#000;
text-decoration:none;
font-weight:normal;
}
.searchbox {
    top:92px;
    left: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.productpreview span.price {
    clear: left;
    color: #3d9f31;
    display: block;
    float: none;
    margin-top: 5px;
}
.searchbox input[name=search] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box; 
margin:-10px 0 0 20px;	
 height: 36px;
    padding: 5px 10px 0 0;
    width: 100%;
}
.input-wrapper {
    position: absolute;
    right: 30px;
    left: 0px;
    top : 0px;
    bottom: 0px;
	margin:-4px 0 0 103%;
	width:20px;
}
.form-wrapper input {
    height: 100%;
    width: 100%;
    padding: 8px 10px;
    float: left;   
    color: #3d9f31;
    border: 0;
	border-bottom:1px solid #3d9f31;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;      
}
.form-wrapper button {
    position: absolute;
    right: 0px;
    top: 0px;
    overflow: visible;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 37px;
    width: 104px;
    color: #ffffff;
    background: red;
}  
.form-wrapper button::-moz-focus-inner { 
    border: 0;
    padding: 0;
} 
.form-wrapper {
      display: inline-block;
    float: left;
    height: 37px;
    left: 0;
    position: relative;
    top: 0;
    width: 43%;
}
.labeltraces {
background-color: #d9ecfd;
    color: #00449d;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 5px 10px;
    padding: 6px;	
}
.btnon {
    background-color: #FFF;
    border: 1px solid #00449d;
    color: #00449d;
    letter-spacing: 1px;
    padding: 5px;
	min-width:30px;
	display:inline-block;
	text-align:center;
}
.btnon:hover {
	border:1px solid #00449d;
	padding: 5px;
	color: #FFF;
	background-color:#00449d;
}
.btnoff {
	background-color: #FFF;
    border: 1px solid #00449d;
    color: #00449d;
	padding: 5px;
	letter-spacing:1px;	
	min-width:30px;
	display:inline-block;
	text-align:center;
}
.btnoff:hover {
	border:1px solid #f3f3f3;
	padding: 5px;
	color: #CCC;
	background-color:#f3f3f3;
}
a:hover.btnon {
 color: #00449d;
 text-decoration:none;
 letter-spacing:1px;
}
a:hover.btnoff {
color: #CCC;
 text-decoration:none;
}
.btnon.active {
	border:1px solid #00449d;
	padding: 5px;
	color: #FFF;
	background-color:#00449d;
}
.btnon.active:hover {
	border:1px solid #FFF;
	padding: 5px;
	color: #00449d;
	background-color:#FFF;
}
.btnoff.active {
	border:1px solid #00449d;
	padding: 5px;
	color: #FFF;
	background-color:#00449d;
}
.more_info {
  border-bottom: 1px dotted;
  position: relative;
}
.more_info .title {
    position: absolute;
    top: 20px;
    background: silver;
    padding: 4px;
    left: 0;
    white-space: nowrap;
}
form.idealforms #invalid {
    border-radius: 4px;
    color: #000;
    font-size: 15px;
    padding: 10px;
	margin:0px 0px 10px 0px;
	display:inline-block;
}
.errorsucces {
	 background: rgba(0, 0, 0, 0) url("../images/icon/validated.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    margin: 0 10px 0 0;
	padding:2px 0px 0px 24px;
}
ul.group li div.newproduct, ul.group li div.newproductdetails {
  background-color: rgba(0, 0, 0, 0);

background-color: #3d9f31;

border-radius: 10px 10px 0 0;

color: #fff;

font-weight: bold;

height:20px;

margin: -1px 0 0 -11px;

padding: 6px 0 0 10px;

position: absolute;

width: 157px;

text-align: center;
}
ul.group li div.newproductdetails {
	  border-radius: 10px 0 0;
    margin: -1px 0 0 -11px;
    width: 261px;

	text-align:center;
}

ul.group li a.productinfo, ul.group li a:hover.productinfo {
	border:0px;
	background:none;
	text-decoration:none;
	padding:0px;	
}
select#country option {
padding:3px 10px 3px 10px; 	
}
ul.group li.productlist {
	border:1px solid transparent
}
ul.group li.productlist:hover {
	border:1px solid #3d9f31
}
#pdfcontentbox {
	background-color:#3d9f31;
	border:1px solid #FFF;
	color:#FFF;
	margin: 0px 15px 0px 0px;
    padding: 5px 5px 5px;
	letter-spacing:1px;
	float:right;
	cursor:pointer;
	
}
#pdfcontentbox:hover {
	text-decoration:none;
	color:#3d9f31;	
	background-color:#FFF;
}
#pdftpl1 {
	background-color:#FFF;
	border:1px solid #3d9f31;
	color:#3d9f31;
	margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px;
	letter-spacing:1px;
	float:right;
	cursor:pointer;
	display:none;
	
}
#pdftpl1:hover {
	text-decoration:none;
	color:#3d9f31;	
	background-color:#FFF;
}
#pdftpl2 {
	background-color:#FFF;
	border:1px solid #3d9f31;
	color:#3d9f31;
	margin: 0px 0px 0px 0px;
    padding: 5px 5px 5px;
	letter-spacing:1px;
	float:right;
	cursor:pointer;
	display:none;
	
}
#pdftpl2:hover {
	text-decoration:none;
	color:#3d9f31;	
	background-color:#FFF;
}
.producticons {
	margin:0px 0px 0px -4px;
	
}