@charset "utf-8";
html {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 20px;
}
body {
	width: 100%;/*max-width:1200px; */
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0px;
	color: #333;
	background-color: #fff;
}
.error {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 10px 5px;
	color: #000;
	font-weight: 500;
	border: 1px solid red;
	border-radius: 4px;
	background-color: #ffb3b5;
}
.success {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 10px 5px;
	color: #000;
	font-weight: 500;
	border: 1px solid #b2ce96;
	border-radius: 4px;
	background-color: #d9edc2
}
.warning {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-top: 20px;
	padding: 10px 5px;
	color: #000;
	font-weight: 500;
	border: 1px solid #7cacdd;
	border-radius: 4px;
	background-color: #d3e1f0
}
.messageStackError, .messageStackSuccess, .messageStackWarning {
	display: block;
	border: none;
}
.messageStackError > a, .messageStackSuccess > a, .messageStackWarning > a {
	color: #b11a2b;
	font-weight: bold;
	text-decoration: none;
}
.messageStackError > a:hover, .messageStackSuccess:hover > a, .messageStackWarning > a:hover {
	text-decoration: underline;
}
h1 {
	width: 100%;
	margin: 0;
	padding: 6px 0 20px 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 38px;
}
h2 {
	margin: 0;
	padding: 20px 0 20px 0;
	font-size: 18px;
	font-weight: 600;
}
h3 {
	width: 100%;
	display: block;
	margin: 0;
	padding: 20px 0 20px 0;
	font-size: 16px;
	font-weight: 600;
}
header {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	font-weight: 500;
	text-align: center;
	background-color: #e2d2c4;
	background-image: linear-gradient(180deg, #fff 0, #b88a5e 100%);
}
#headerCoockie {
	padding: 15px;
	color: #333;
	text-align: left;
	background-color: #fafafa;
	border-bottom: 1px solid #dfdfdf;
}
#headerCoockie a {
	color: #333;
	font-weight: 700;
	text-decoration: none
}
#headerCoockie a:hover {
	text-decoration: underline
}
#headerCoockie a.underline {
	color: #333;
	font-weight: 400;
	text-decoration: underline
}
#headerCoockie a.underline:hover {
	text-decoration: none
}
#headerError {
	padding: 15px;
	color: #fff;
	text-align: left;
	background-color: #cf2242
}
#headerError a {
	color: #fff;
	font-weight: 600;
	text-decoration: none
}
#headerError a:hover {
	text-decoration: underline
}
#headerInfo {
	padding: 15px;
	color: #fff;
	text-align: left;
	background-color: #139345
}
#headerInfo a {
	color: #fff;
	font-weight: 600;
	text-decoration: none
}
header figure {
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
header figure img {
	width: 101px;
	height: 76px;
	margin: 0;
}
header figcaption {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
header figcaption a {
	color: #1e1d1b;
	font-weight: 500;
	font-size: 14px;
	text-shadow: 1px 1px 2px #3f3e03;
	text-align: center;
	text-decoration: none;
}
span.figcaption {
	display: block;
	padding: 10px 0 0 0;
	color: #1e1d1b;
	font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
	font-weight: 400;
	font-size: 46px;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px #3f3e03;
}
span.up {
	font-size: 26px;
	text-transform: lowercase;
	vertical-align: super;
}
#search {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
#search label {
	display: inline;
}
#search button {
	height: 32px;
	display: inline;
	box-sizing: border-box;
	margin: 0 0 0 -5px;
	color: #333;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #f5f5f5;
	border: 1px solid #c8c8c8;
	border-left: none;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-image: linear-gradient(180deg, rgba(255,255,255,.5) 0, #dfdfdf 100%);
}
#search button:focus {
	height: 32px;
	display: inline;
	box-sizing: border-box;
	margin: 0 0 0 -5px;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #178914;
	border: 1px solid #178914;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-image: linear-gradient(180deg, rgba(255,255,255,.5) 0, #178914 100%)
}
header > ul {
	width: 100%;
	height: 48px;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	text-align: right;
	list-style-type: none;
	background-color: #e2e2e2;
}
header > ul > li {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
	line-height: 48px;
}
header > ul > li.cart {
	height: 48px;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0;
}
header > ul > li.checkout {
	height: 48px;
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0 10px;
	color: #fff;
	background-color: #178914;
	border: 1px solid #178914;
}
header > ul > li > a {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}
header > ul > li > a:hover {
	color: #9f7659
}
header > ul > li.cart > a {
	padding: 0 0 0 30px;
	display: inline-block;
	background: url(images/icons/cd-cart.png) no-repeat 0 center;
	background-overflow: visible;
}
header > ul > li.cart > a:hover {
	padding: 0 0 0 30px;
	display: inline-block;
	background: url(images/icons/cd-cart-hover.png) no-repeat 0 center;
	background-overflow: visible;
}
header > ul > li.checkout > a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0 1px 0 #ccc;
}
header > ul > li > a > span.big {
	font-size: 18px;
}
header > ul > li > a > span.bigger {
	position: relative;
	top: 3px;
	line-height: 20px;
	font-size: 20px;
}
nav#breadcrump {
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	box-sizing: border-box;
}
nav#breadcrump > ol {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0 5px 0;
	display: block;
	box-sizing: border-box;
	clear: right;
	overflow: hidden;
	background-color: #fff;
	text-align: left;
}
nav#breadcrump > ol > li {
	margin: 0;
	padding: 0;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	color: #000;
	list-style-type: none;
}
nav#breadcrump > ol > li > a {
	padding: 0 5px 0 5px;
	display: inline-block;
	box-sizing: border-box;
	color: #000;
	text-decoration: none;
}
nav#breadcrump > ol > li > a:hover {
color:#dd0500;
text-decoration:none
}
.topnav a.active img, .dropdown .dropbtn img {
	width: 16px;
	height: 16px;
}

@media only screen and (min-width:800px) {
#search input[type=text] {
	height: 32px;
	width: 300px;
	box-sizing: border-box;
	margin: 0;
	padding-left: 10px;
	color: #000;
	letter-spacing: 1px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#search input[type=text]:focus {
	background-color: #96db9b;
	border: 2px solid #29803e;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.topnav {
	width: calc(20% - 10px);
	max-width: 240px;
	margin: 6px 5px 0 5px;
	box-sizing: border-box;
	overflow: hidden;
}
.topnav a.active {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0 0 20px 0;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	background-color: #155C93;
	border-radius: 6px;
}
.topnav .icon {
	display: none;
}
.topnav > div.dropdown {
	border: 1px solid #eee;
	border-radius: 6px;
	margin: 0 0 20px 0;
}
.topnav > div.dropdown > button.dropbtn {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	color: #333;
	font-weight: 700;
	font-size: 16px;
	line-height: 26px;
	text-align: left;
	text-decoration: none;
	background-color: #f5f5f5;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: none;
	cursor: text;
}
.topnav > div.dropdown > button.dropbtn img {
	display: none;
}
.dropdown .dropbtn a {
	color: #333;
	text-decoration: none;
}
.dropdown .dropbtn a:hover {
	color: #dd0500;
	text-decoration: none;
}
.topnav > div.dropdown > div.dropdown-content > a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	padding: 2px 0 5px 10px;
	color: #333;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	text-decoration: none;
	border: 1px dotted #fff;
}
.topnav > div.dropdown > div.dropdown-content > a:hover {
	background-color: #eee;
	border: 1px dotted #333;
}
main {
	width: calc(80% - 10px);
	max-width: 960px;
	margin: 0 5px 0 5px;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
aside {
	width: 100%;
	max-width: 1200px;
	margin: 0 5px 0 5px;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
}

@media only screen and (max-width:799px) {
span.figcaption {
	display: block;
	padding: 10px 0 0 0;
	color: #1e1d1b;
	font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
	font-weight: 400;
	font-size: 46px;
	line-height: 40px;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px #3f3e03;
}
span.com {
	font-size: 26px;
	text-transform: lowercase;
}
#search input[type=text] {
	height: 32px;
	width: 200px;
	box-sizing: border-box;
	margin: 0;
	padding-left: 10px;
	color: #000;
	letter-spacing: 1px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#search input[type=text]:focus {
	background-color: #96db9b;
	border: 2px solid #29803e;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.headLink {
	font-stretch: condensed;
	letter-spacing: -1px;
}
nav#breadcrump > ol > {
	display: none;
}
.topnav {
	width: calc(100% + 20px);
	margin: 0 0 0 -20px;
	position: relative;
	top: 0px;
	right: -10px;
	background-color: #966b4b;
	overflow: visible;
}
.topnav a {
	display: block;
	padding: 10px 15px;
	float: left;
	color: #f2f2f2;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}
.active {
	background-color: #155C93;
	color: white;
}
.topnav .icon {
	display: none;
}
.dropdown {
	float: left;
	overflow: hidden;
}
.dropdown .dropbtn {
	margin: 0;
	padding: 10px 15px;
	font-size: 16px;
	color: white;
	background-color: inherit;
	font-family: inherit;
	border: none;
	outline: none;
}
.dropdown .dropbtn a {
	display: block;
	padding: 1px 15px 1px 0;
	float: left;
	color: #f2f2f2;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
}
.dropdown .dropbtn span.button-text {
	display: none;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	float: none;
	color: black;
	padding: 10px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
	background-color: #555;
	color: white;
}
.dropdown-content a:hover {
	background-color: #ddd;
	color: black;
}
.dropdown:hover .dropdown-content {
	display: block;
}
main, aside {
	width: calc(100% - 10px);
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0 5px;
}
}

@media screen and (max-width:600px) {
span.figcaption {
	display: block;
	padding: 10px 0 0 0;
	color: #1e1d1b;
	font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
	font-weight: 400;
	font-size: 46px;
	line-height: 40px;
	letter-spacing: -0.04em;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 2px 2px 4px #3f3e03;
}
span.com {
	font-size: 26px;
	text-transform: lowercase;
}
#search input[type=text] {
	height: 32px;
	width: 170px;
	box-sizing: border-box;
	margin: 0;
	padding-left: 10px;
	color: #000;
	letter-spacing: 1px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#search input[type=text]:focus {
	background-color: #96db9b;
	border: 2px solid #29803e;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
ul.headLink {
	font-stretch: ultra-condensed;
	letter-spacing: -1px;
}
#breadcrumb ol li {
	margin: 0;
	padding: 0 3px 0 0;
	display: block;
	float: left;
	color: #000;
	list-style-type: none;
	letter-spacing: -1pt;
	word-spacing: -1pt;
}
.topnav a:not(:first-child), .dropdown .dropbtn {
	display: none;
}
.topnav a.icon {
	float: right;
	display: block;
}
.topnav.responsive {
	position: relative;
}
.topnav.responsive .icon {
	position: absolute;
	right: 0;
	top: 0;
}
.topnav.responsive a {
	float: none;
	display: block;
	text-align: left;
}
.topnav.responsive .dropdown {
	float: none;
}
.topnav.responsive .dropdown-content {
	position: relative;
}
.topnav.responsive .dropdown .dropbtn {
	display: block;
	width: 100%;
	text-align: left;
}
.topnav.responsive .dropbtn span.button-text {
	display: inline;
}
#layout form:nth-of-type(1) label, #layout form:nth-of-type(2) label {
	width: 100%;
	display: block;
}
}
footer {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	color: #000;
	border-top: 1px solid #fff;
	background-color: #c9a583;
	border-top: 1px solid #8e653e;
}
footer div {
	width: 33%;
	min-width: 210px;
	line-height: 24px;
}
footer strong {
	margin: 0;
	padding: 0;
	color: #000;
}
footer ul {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
footer ul li {
	display: block;
	margin: 0;
	padding: 0;
	color: #000;
}
footer div, footer strong, footer ul li {
	white-space: nowrap
}
footer a, footer ul li a {
	display: block;
	padding: 0;
	color: #000;
	line-height: 36px;
	text-decoration: none;
}
footer ul li a:hover {
	color: #fff
}
span.country-name, span.region {
	display: block;
}
span.locality::after, span.type::before {
	white-space: pre;
	content: "\A";
}
footer img {
	width: 246px;
	height: 130px
}
div.tel {
	display: inline
}
footer img {
	width: 246px;
	height: 130px;
}
footer p {
	width: 100%;
	display: inline-block;
}
div.right {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
	text-align: right;
}
.buttonSet {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
}
.button {
	display: inline-block;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 8px 20px;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none
}
.blau, .blue {
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #1e7abd;
	background-color: #1f7abe;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.blau:hover, .blue:hover {
	box-sizing: border-box;
	color: #1e7abd;
	border: 1px solid #1e7abd;
	background-color: #fff;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
	cursor: pointer
}
.blau:active, .blue:active {
	box-sizing: border-box;
	color: #1e7abd;
	border: 1px solid #178914;
	background-color: #fff;
	box-shadow: 0 0 0 0 rgba(132,124,124,.73);
	cursor: pointer
}
.buynot {
	box-sizing: border-box;
	color: #fff;
	text-decoration: line-through;
	border: 1px solid #178914;
	background-color: #178914;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.buynot:hover {
	box-sizing: border-box;
	color: #178914;
	text-decoration: line-through;
	border: 1px solid #178914;
	background-color: #fff;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.buynot:active {
	box-sizing: border-box;
	color: #178914;
	text-decoration: line-through;
	border: 1px solid #178914;
	background-color: #fff;
	box-shadow: 0 0 0 0 rgba(132,124,124,.73);
	cursor: pointer
}
.green {
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #178914;
	background-color: #178914;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.green:hover {
	box-sizing: border-box;
	color: #178914;
	border: 1px solid #178914;
	background-color: #fff;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
	cursor: pointer
}
.green:active {
	box-sizing: border-box;
	color: #178914;
	border: 1px solid #178914;
	background-color: #fff;
	box-shadow: 0 0 0 0 rgba(132,124,124,.73);
	cursor: pointer
}
.light {
	box-sizing: border-box;
	color: #333;
	border: 1px solid #c8c8c8;
	background-color: #eae8de;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.light:hover {
	box-sizing: border-box;
	color: #b11a2b;
	border: 1px solid #b11a2b;
	background-color: #fff;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
	cursor: pointer
}
.light:active {
	box-sizing: border-box;
	color: #b11a2b;
	border: 1px solid #b11a2b;
	background-color: #fff;
	box-shadow: 0 0 0 0 rgba(132,124,124,.73);
	cursor: pointer
}
.red {
	box-sizing: border-box;
	color: #fff;
	border: 1px solid #b11a2b;
	background-color: #b11a2b;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.red:hover {
	box-sizing: border-box;
	color: #b11a2b;
	border: 1px solid #b11a2b;
	background-color: #fff;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
	cursor: pointer
}
.red:active {
	box-sizing: border-box;
	color: #b11a2b;
	border: 1px solid #b11a2b;
	background-color: #fff;
	box-shadow: 0 0 0 0 rgba(132,124,124,.73);
	cursor: pointer
}
.yellow {
	box-sizing: border-box;
	color: #000;
	border: 1px solid #e49b2e;
	background-color: #ffcc00;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
}
.yellow:hover {
	box-sizing: border-box;
	color: #000;
	border: 1px solid #e49b2e;
	background-color: #fff;
	box-shadow: 2px 2px 5px -1px rgba(132,124,124,.73);
	cursor: pointer
}
.yellow:active {
	box-sizing: border-box;
	color: #b11a2b;
	border: 1px solid #b11a2b;
	background-color: #fff;
	box-shadow: 0 0 0 0 rgba(132,124,124,.73);
	cursor: pointer
}
main {
	display: block;
	margin-top: 6px;
	padding: 0 15px 10px 15px;
	box-sizing: border-box;
	border: 1px solid #eee;
	border-radius: 6px;
}
main > div.flex {
	width: 100%;
	display: flex;
	align-content: flex-start;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between
}
main > p {
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
	line-height: 28px;
	hyphens: auto;
	text-shadow: 2px 2px 2px rgba(150,150,150,.36);
}
main > p.special > span.special {
	color: #dd0500;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.36);
}
main > div.productImage > picture > p.social > img {
	width: 16px;
	height: 16px;
	border: none;
}
main > div.productImage > picture > img {
	width: 150px;
	height: 325px;
	display: block;
	margin: 20px auto;
	cursor: none
}
main > div.productImage > picture > img:hover {
	cursor: url(/images/lupe.cur), pointer
}
main > div.productImage > picture > img:active {
	transform: scale(2);
	cursor: none
}
main > div.productImage > picture > img, main > div.productImage > span.inStock, main > div.productImage > span.outOfStock, .qrCode, .small, small {
	break-before: left
}
main > div.productImage > span.inStock {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0 0 10px 0;
	color: #0b6521;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(150,150,150,.36);
}
main > div.productImage > span.outOfStock {
	width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0 0 10px 0;
	color: #d00606;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(150,150,150,.36);
}
main > div.productImage > p.social {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0;
	text-align: center
}
main > div.productImage > p.social > a {
	display: inline-block;
	padding: 0 10px;
}
main > div.productImage > p.social > a img {
	width: 16px;
	height: 16px;
	border: none
}
main > div.productImage > p.social > a img:hover {
	cursor: pointer
}
main > div.overview > span.term {
	flex: 0 0 40%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 2px 0;
	box-sizing: border-box;
}
main > div.overview > span.detail {
	flex: 0 0 60%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 0 0;
	box-sizing: border-box;
}
main > div.overview > span.term > img {
	width: 100%;
	max-width: 146px;
	height: auto;
}
main > div.nutritionalValues > span.term {
	flex: 0 0 60%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 6px 6px;
	padding: .4286rem 0 .4286rem .4286rem;
	box-sizing: border-box;
}
main > div.nutritionalValues > span.detail {
	flex: 0 0 40%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 6px 0;
	padding: .4286rem 0 .4286rem 0;
	box-sizing: border-box;
}
main > div.nutritionalValues > span.term:nth-child(odd of .term), main > div.nutritionalValues > span.detail:nth-child(odd of .detail) {
	background-color: #f7f3ef;
}
main > div.nutritionalValues > span.term:last-of-type, main > div.nutritionalValues > span.detail:last-of-type, main > div.overview > span.term:last-of-type, main > div.overview > span.detail:last-of-type {
	margin: 0 0 30px 0;
}
main > div.overview > span.term {
	flex: 0 0 40%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 2px 0;
	box-sizing: border-box;
}
main > div.overview > span.detail {
	flex: 0 0 60%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 0 0;
	box-sizing: border-box;
}
main > div.overview > span.term > picture > img {
	width: 146px;
	height: 25px;
}
main > div.overview:after, main > div.nutritionalValues:after {
	content: "";
	display: table;
	clear: both;
}
main > dl.overview dt:first-of-type {
	flex: 0 0 50%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0;
	box-sizing: border-box;
}
main > dl.price > dt {
	flex: 0 0 50%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 0 10px 0;
	box-sizing: border-box;
	color: rgba(51,51,51,1.00);
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 22px;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.36);
}
main > dl.price > dd {
	flex: 0 0 50%;
	margin-left: auto;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 0 10px 0;
	color: rgba(51,51,51,1.00);
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 28px;
	font-weight: 600;
	text-align: right;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.36);
}
main > dl.price > dd.special {
	flex: 0 0 50%;
	margin-left: auto;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 5px 0 10px 0;
	color: #b30000;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 28px;
	font-weight: 700;
	text-align: right;
	text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.36);
}
main > dl.price > dt > span.cup {
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.00rem;
	font-weight: normal;
	line-height: normal;
}
main > dl.price > dd > span.pangv, main > dl.price > dt > span.pangv {
	color: rgba(40,109,159,1.00);
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 1.00rem;
	font-weight: normal;
	line-height: 24px;
	text-shadow: none;
}
main > dl.price > dd > span.pangv::after {
	content: "\A";
	white-space: pre;
}
main > dl.price > dd:last-of-type {
	flex: 0 0 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
	column-span: all;
	margin: 10px 0 20px 0;
	padding: 5px 10px;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	text-shadow: 2px 2px 2px rgba(150,150,150,.36);
	text-align: left;
	border: 1px solid #b2ce96;
	background-color: #d9edc2;
}
main > dl.price > dd:last-of-type > a {
	color: #333
}
main > dl.price > dd:last-of-type > a:hover {
	color: #dd0500
}
main > dl.price > dd:last-of-type > span.shipping {
	color: #556B2F;
}
main > dl.price > dd:last-of-type > span.promotion-percent {
	color: white;
	font-size: 16px;
	background: #312F2B;
	padding: 5px;
	font-weight: bold;
	line-height: 36px;
}
main > dl.price > dd:last-of-type > span.promotion-price {
	color: #b30000;
	font-size: 16px;
	font-weight: bold;
	line-height: 36px;
}
main > dl.price > dd:last-of-type > span.promotion-text {
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
}
main > div.buy {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	clear: both;
	border: none
}
main > div.buy > p.smallText {
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	font-weight: 500;
	line-height: 18px;
}
main > div.buy > p.smallText > a {
	color: #333;
	text-decoration: underline
}
main > div.buy > p.smallText > a:hover {
	color: #dd0500;
	text-decoration: none
}
main > div.buy > form {
	width: 100%;
	box-sizing: border-box;
	display: block;
	margin: 20px 0;
}
main > div.buy > div.cright, main > div.buy > form > div.cright {
	width: 100%;
	box-sizing: border-box;
	margin: 10px 0 20px 0;
	padding: 0;
	text-align: right
}
main > div.buy > form > div.crightl {
	width: 100%;
	height: 1px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
main > div.buy > div.cright > span.left, main > div.buy > form > div.cright > span.left {
	margin: 0;
	display: inline-block;
	float: left
}
main > div.buy > form > div.cleft {
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
}
main > div.buy > form > div.cright > label {
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
}
main > div.buy > form > div.cright > label > .sel, main > div.buy > form > div.right > label > .sel {
	height: 35px;
	margin: 1px 1px 0 2px;
	line-height: 26px;
}
main > div#tabs {
	width: 100%;
	height: auto;
	display: block;
	box-sizing: border-box;
	clear: both;
	border-bottom: 1px solid #e6e6e6;
}
main > div#tabs > ul.tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}
main > div#tabs > ul.tabs > li {
	display: inline-block;
	padding-right: 20px;
}
main > div#tabs > ul.tabs > li > span.selected {
	display: block;
	margin: 0;
	padding: 15px 0 11px 0;
	color: #dd0500;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.36);
	border-bottom: 4px solid #1c3857;
}
main > div#tabs > ul.tabs > li > a {
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 14px;
	line-height: 46px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 2px;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.36);
	border-bottom: 4px solid transparent;
}
main > div#tabs > ul.tabs > li > a:hover {
	color: #dd0500;
}
main > dl.details {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	margin: 15px 0;
	overflow: visible;
}
main > dl.details > dt {
	flex: 0 0 30%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 6px 6px;
	box-sizing: border-box;
}
main > dl.details > dd {
	flex: 0 0 70%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 6px 0;
	box-sizing: border-box;
}
main > dl.details > dt:nth-of-type(2n+1), main > dl.details > dd:nth-of-type(2n+1) {
	background-color: #f7f3ef;
}
main > p {
	box-sizing: border-box;
	margin: 0;
	padding: 10px 0;
	line-height: 28px;
	hyphens: auto;
	text-shadow: 2px 2px 2px rgba(150,150,150,.36);
}
main > dl.overview dt {
	flex: 0 0 35%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 2px 0;
	box-sizing: border-box;
}
main > dl.overview dd {
	flex: 0 0 65%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 0 0;
	box-sizing: border-box;
}
main > dl.overview dt:first-of-type {
	flex: 0 0 35%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0;
	box-sizing: border-box;
}
main > dl.overview dd:first-of-type {
	flex: 0 0 65%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0;
	box-sizing: border-box;
}
main > dl.overview img {
	width: 146px;
	height: 25px;
}
main > dl.nutritionalValues > dt:nth-of-type(2n+1), main > dl.nutritionalValues > dd:nth-of-type(2n+1) {
	background-color: #f7f3ef;
}
main > dl.nutritionalValues > dt {
	flex: 0 0 60%;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 6px 6px;
	padding: .4286rem 0 .4286rem .4286rem;
	box-sizing: border-box;
}
main > dl.nutritionalValues > dd {
	flex: 0 0 40%;
	margin-left: auto;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 6px 0 6px 0;
	padding: .4286rem 0 .4286rem 0;
	box-sizing: border-box;
}

@media only screen and (min-width:1201px) {
aside {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 10px 0;
	padding: 0;
}
}

@media only screen and (max-width:1200px) {
aside {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin: 10px;
	padding: 0;
}
}

@media only screen and (min-width:841px) {
main > div.productImage {
	width: 35%;
	display: block;
	float: left;
	text-align: center
}
main > div.productImage > picture > img.percentage {
	width: 120px;
	height: 120px;
	margin: -120px 0 0 calc(50% - 130px);
	position: relative;
	z-index: 20;
	top: 340px;
	left: 10px;
}
main > div.productImage > picture > img.freeGift {
	width: 110px;
	height: 220px;
	margin: -220px 0 0 calc(50% - 130px);
	position: relative;
	z-index: 20;
	top: 40px;
	left: 130px;
}
main > dl.overview, main > dl.nutritionalValues {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: calc(100% - 35%);
	overflow: visible;
	float: right;
}
main > dl.price {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: calc(100% - 35%);
	box-sizing: border-box;
	margin: 20px 0 0 0;
	padding: 0;
	float: right;
	overflow: visible;
	border: none;
}
main > dl.price:after {
	content: "";
	display: table;
	clear: both;
}
aside > ul > li {
	width: 32%;
}
}

@media only screen and (max-width:840px) {
main > div.productImage {
	width: 100%;
	margin: 0 auto
}
main > div.productImage > picture > img.percentage {
	width: 120px;
	height: 120px;
	margin: -120px 0 0 calc(50% - 130px);
	position: relative;
	top: 340px;
	left: 10px;
}
main > div.productImage > picture > img.freeGift {
	width: 110px;
	height: 220px;
	margin: -220px 0 0 calc(50% - 100px);
	position: relative;
	z-index: 20;
	top: 40px;
	left: 130px
}
main > div.productImage > p.social {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 20px auto;
	padding: 0;
	text-align: center
}
main > dl.overview, main > dl.nutritionalValues {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: 100%;
	overflow: visible;
	float: right;
}
main > dl.price {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: 100%;
	box-sizing: border-box;
	margin: 20px 0 0 0;
	padding: 0;
	overflow: visible;
	border: none
}
aside > ul > li {
	width: 49%;
}
}

@media only screen and (max-width:470px) {
aside > ul > li {
	width: 100%;
}
}
aside > ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
	padding: 30px 0 0 0;
	list-style: none;
}
aside > ul > li {
	margin: 6px 0;
	padding: 10px 0;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	position: relative;
	border: 1px solid #eee;
	border-radius: 6px;
}
aside > ul > li:hover {
	margin: 6px 0;
	padding: 10px 0;
	color: #333;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	background-color: #f7f3ef;
	position: relative;
	border: 1px solid #ab5f15;
	border-radius: 6px;
}
aside > ul > li > a {
	color: #333;
	text-decoration: none;
}
aside > ul > li > a > picture > img {
	width: 75px;
	height: 150px;
}
aside > ul > li > dl {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	margin: 5px 0;
	padding: 0 10px;
}
aside > ul > li > dl > dt {
	width: 40%;
	box-sizing: border-box;
	float: left;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
aside > ul > li > dl > dd {
	width: 40%;
	box-sizing: border-box;
	float: right;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	font-weight: 700;
}
div. Values dl {
display:flex;
flex-flow:row;
flex-wrap:wrap;
width:100%;
overflow:visible;
}