/* 
	Copyright (C) 2012-2017 Kodmyran AB
	All Rights Reserved
*/
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

/*
	"Base" elements
*/
html, body {
	border: none;
	height: 100%;
}

body {
	height: 100%;
	padding: 0;
	margin: 0;
	color: #333;
	font: 16px 'Didact Gothic','Open Sans',Arial,Helvetica,sans-serif;
}

img,
object,
video { 
	border: none; 
	height: auto;
	max-width: 100%;
} 

iframe { 
	border: none; 
	max-width: 100%;
}

a {
	text-decoration:none;
	color:#333;
	outline: 0;
}

a:active,
a:hover {
	outline: 0;
}

a:focus {
	outline-offset:2px; 
	text-decoration:underline; 
	outline: thin dotted;
	color: #1a74e9;
}

a:hover {
	text-decoration:none;
	color: #1a74e9;
}

a:active {
	background-color:transparent; 
	outline:none
}

ul {
	list-style-type: none;
	margin:0;
	padding: 0;	
}

ul.checked {
	list-style-type: none !important;
	margin-left: 0 !important;
}

/*
	Form controls
*/
input,
select,
textarea {
	border: 1px solid #ccc;	
	font-family: inherit;
}

input[type=number] {-moz-appearance: textfield;}
::-webkit-inner-spin-button { -webkit-appearance: none;}
::-webkit-outer-spin-button { -webkit-appearance: none;}

input, 
textarea, 
button {
	-webkit-border-radius: 0;
}

input[type=text], textarea {
	transition: all 0.30s ease-in-out;
	outline: none;
	padding: 3px 0 3px 3px;
	margin: 5px 1px 3px 0;
	border: 1px solid #ddd;
}
 
input[type=text]:focus, 
textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	margin: 5px 1px 3px 0;
	border: 1px solid rgba(81, 203, 238, 1);
}

caption {
	text-align: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 3px;
}

label {
	font-size: 0.9em;
	font-weight: 600;
}

form,
fieldset {
	margin:0;
	padding:0;
	border:none;
	clear: both;
}

/*
	Skip link
*/
#skiplinks {
	left: 10px;
	position: absolute;
	top: 6px;
	z-index: 9999;
}

#skiplinks a {
	display: block;
	position: absolute;
	top: -500px;
}

#skiplinks a:focus, 
#skiplinks a:hover, 
#skiplinks a:active {
	background-color: #000;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	left: 0;
	padding: 10px;
	position: absolute;
	top: 0;
	white-space: nowrap;
}

/*
	Print
*/
@media print {
	.noprint {
		display: none;
	}
}
@page {
	margin: 0.5cm;
}

/*
	Styled select
*/
.styled-select {
	overflow: hidden;
	background: #fff;
	border: 1px solid #DDDDDD;
	height: 40px;
	border-radius:2px;
	position: relative;
}

.styled-select select::-ms-expand {
	display: none;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	 filter: alpha(opacity=0);
	 opacity:0;	
}
 
.styled-select select {
	width: 100%;
	height: 100%;
	border: 0;
	line-height: 1.5;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-overflow: '';
	appearance: none;
	background: transparent url("../images/bg-arrows.png") no-repeat scroll right 12px;
	padding: 0 10px;
	padding-right: 35px !important;
}

/*
	Typography
*/
h1, h2, h3, h4 {
	font-family: 'Didact Gothic','Open Sans', sans-serif;
}

h1 {
	font-size: 1.8em;
	 font-weight: 400;
}

h1 .grey {
	font-weight: 300;
}

h2, 
.likeH2 {
	color: #484848;
	display: block;
	font-size: 1.5em;
	margin: 0;
	padding: 0 0 5px;
	font-weight: 400;
}

h1.styled,
h2.styled {
	position: relative;
	font-size: 1.4em;
	font-weight: 600;
	padding: 10px 0;
	text-align: center;
}

h3 {
	margin:0;
	padding:0 0 3px;
	display:block;	
	font-size:1.1em;
	font-weight: 400;
}

p {
	line-height: 1.6em;
}

p a {
	text-decoration: none;
}

/*
	Padding 
*/
.pad {
	padding: 5px;
}

/*
	Support classes
*/
.floatLeft {float:left;}
.floatRight {float:right !important;}
.ib {
	vertical-align: top;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.clear {clear:both;}
.col {float: left;}
.justifyCenter {text-align: center;}
.textSmall {font-size: 84%;}
.textBig {font-size: 130%;}
.textUnderline {text-decoration: underline;}
.textItalic {font-style: italic;}
.textBold {font-weight: 600;}
.textNormal {font-weight: 300;}
.textSmallLight {font-size: 80%;	color: #666;}
.textLightItalic {color: #7c7c7c;font-style: italic;}
.textRight {text-align: right;}
.textCenter {text-align: center;}
.textLeft {text-align: left;}
.dispNone {display: none;}
.no-after:after {display: none;}
.highlight {color: #006a31;}
.highlightedCart {background-color: #42b84b !important; color: #fff !important;}
.grey {color: #6b6b6b;}
.green {color: #009900}
.orange {color: #ea6a00 !important;}
.onlyBig {display: none !important; }
.onlySmall {display: block !important; }
.wSpaceNormal {white-space: normal !important;}
.pad0 {padding:0 !important;}
th { text-align: left; font-weight: 600; }
.close {display: none !important;}
.open {display: block !important;}

#topUsp li,
ul.checked li {
	display: list-item;
	position: relative;
	padding: 2px 0 2px 20px;
}

#topUsp li:before,
ul.checked li:before {
	content: '\f00c';
	font-family: FontAwesome;
	position: absolute;
	left: 5px; 
	top: 3px;
	height: inherit;
	color: #ffd11f;
}	

.flexRow {
	/*
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap; 
	*/
}
.flexRow > [class*='grid-'] {
	/*
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	*/
}

.tableRow {
	display: table;
	height: 100%;
}
.tableRow > [class*='grid-'] {
 	display: table-cell;
	float: none;
	vertical-align: top;
	height: 100%;
}

/*
	Fill boxes
*/
.innerFill {
	height: 100%;
	padding: 5px;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255,.9);
	position: relative;
}

.innerFill h1 {
	padding: 10px 10px;
	text-align: center;
}

.innerFill h2 {
	padding-left: 5px;	
	text-align: center;
}

/*
	Shadow
*/
.bottomShadow {
	border-bottom: 2px solid #ececec;
}

/*
	Error and info boxes
*/
.info,
.error {
	position: relative;
	padding: 20px 10px 20px 50px;
	border: 1px solid #ccc;
	background: #fff;
	margin: 15px 0;
}

.info {
	border: 1px solid #9ac39d;
	background: #e7f6e8;
	color: #02830b;
	border-radius: 2px;
}

.info:before {
	content: '\2713';
	font-size: 32px;
	font-weight: 400;
	left: 10px;
	position: absolute;
	top: 10%;
	color: #02830b;
}

.error {
	border: 1px solid #993333;
	background: #f2e7e7;
	color: #993333;
}

.error:before {
	content: '!';
	font-size: 40px;
	font-weight: 400;
	left: 17px;
	position: absolute;
	top: 7%;
	color: #993333;
}

.observe {
	color: #993333;
	border: 1px dashed #993333;
}

/*
	Navigation related
*/
.nav-wrapper {
	height: 60px;
}

/*
	Menu top
*/
#topMenu {
	height: 100%;
	display: table;
	width: 100%;
}

/*
	Top container when in mobile mode
*/
#menuTop {
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 100;
	background-color: #fff;
	border-bottom: 1px solid #d0d0d0;
	box-shadow: 6px 0 4px 0 #ccc;
}

#menuTop > .container {
	height: 100%;
	position: relative;
}

#menuTop {		
	height: 60px;
	width: 100%;
	z-index: 100;
}

/*
	jsSearchField
*/
#jsSearchField {
	display: block;
	padding: 10px;
	margin-top: 0;
}

#jsSearchField legend {
	display: none;
}

#jsSearchField button span {
	display: none;
}

.search-form .searchContainer {
	position: relative;
}

.search-form button span {
	display: none;
}

.search-form .text {
	height: 37px;
	padding: 5px 50px 5px 10px;
	width: 100%;
	background-color: #fff;
	border: 1px solid #e4e4e4;
}

.search-form .text:focus,
.search-form .icon:hover {
	color: #333;
}

.search-form .text:focus { outline: thin dotted; }
.search-form .text:active { outline: none; }

.search-form .icon {
	background-color: #000;
	height: 37px;
	position: absolute;
	right: 0;
	top: 5px;
	width: 40px;	
	border: 0;
	cursor: pointer;
	color: #fff; 
}

.search-form .icon:focus { background-color: green }

.search-form .icon:hover {
	background-color: #333;
	color: #fff;
}

.search-form .search-form {
	margin: 0 auto;
	max-width: 1180px;
}	

/*
	jsMenuList
*/
#jsMenuList {
	background-color: #f7f7f7;
	box-shadow: 0 7px 5px -5px #d0d0d0;
	color: #fff;
	display: none;
	left: 0;
	max-height: 87%;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 60px;
	width: 100%;
	z-index: 40;
}

#jsMenuList li {
	display: block;
}

#jsMenuList a {
	display: block;
	font-size: .9em;
	height: 100%;	
}

#jsMenuList a:active {
	text-decoration: none !important;
	color: #333333;
}

#jsMenuList a:focus,
#jsMenuList.desktop li.category > a:focus {
	color: #1a74e9;
}

#jsMenuList li.category > a {
	word-wrap: break-word;
	padding: 15px 0 15px 15px;
	position: relative;
	z-index: 1;
	/*background-color: #f7f7f7;*/
	border-bottom: 1px solid #e1e1e1;
}

#jsMenuList li.category i {
	font-weight: 600;
	float: right;
	margin-right: 15px;
	font-size: 1.5em;
	padding: 5px 12px;
	margin-top: -5px;
}

#jsMenuList li.category.changed i {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

#jsMenuList li.category > a:hover {
	background-color: #e8e8e8;
}

#jsMenuList li.child {
	padding: 0;
}

#jsMenuList li.child:hover {
	/*background-color: #e8e8e8;*/
}

#jsMenuList.topLevel > li.changed > a {
	background-color: #ffd11f;
	color: #fff;
}

#jsMenuList .menuImg {
	display: none;
	height: 60px;
	line-height: 0;
	margin-bottom: 0;
	text-align: center;
	background-color: #fff;
}

#jsMenuList .menuImg .menuImgScale {
	height: 50px;
	overflow: hidden;
}
#jsMenuList .menuImg .menuImgScale img {
	max-height: 100%;
	width: auto;
}

#jsMenuList .menuTxt {
	text-align: left;
	text-transform: none;
	word-wrap: break-word;
	padding: 0 3px 0 10px;
	position: relative;
}

#jsMenuList .menuTxt i {
	line-height: 32px; /* Also look at #jsMenuList li .subMenuWrapper a */
	font-size: 1.3em;
}

#jsMenuList .menuTxt a {
	padding-left: 10px;
}

#jsMenuList li .subMenuWrapper {
	display: none;
	border: 0;
	overflow: auto;
	box-shadow: none;
	width: 100%;
	background-color: #fff;
	z-index: 2;
}

#jsMenuList li .subMenuWrapper a {
	color: #000;
	line-height: 32px; /* Also look at #jsMenuList .menuTxt i */
}

#jsMenuList li .subMenuWrapper li {
	position: relative;
}

#jsMenuList li .subMenuWrapper li.changed {
	/*background-color: #f7f7f7;*/
}

#jsMenuList li .subMenuWrapper li.changed i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);		
}

#jsMenuList .subMenuWrapper .subMenuWrapper {
	background-color: #fff;
}

#jsMenuList .subMenuWrapper .subMenuWrapper li.child {

}

#jsMenuList .level-1 .menuTxt {
	margin-left: 15px;
}

/*
	Wrapper
*/
#wrapper {
	font-size: .9em;
	background: #f7f7f7;
	overflow: auto;
}
#wrapper > .container {
	padding-top: 5px;
}

/*
	Index page
*/
#indexOnSale .innerFill,
#indexTopText .innerFill,
#indexBottomText .innerFill,
#indexTopSellers .innerFill,
#indexLastCreated .innerFill {
	/* override global innerFill */
	background-color: transparent;
	border: none;
	padding: 0;
}

#indexTopText {
	margin-bottom: 20px;
}

#pageIndex {
	padding-top: 5px;
}

#pageIndex .flex-control-nav {
	position: absolute;
	bottom: -2px;
	right: 9px;
	width: auto;
}

#pageIndex .flexslider {
	min-height: auto;
}

#pageIndex .flexslider .slides img {
	width: auto;
	margin: 0 auto;
}

#pageIndex .box1 {
	width: 100%;
	background-color: #e8e8e8;
}

#pageIndex .box2 {
	padding: 10px;
	outline: 1px solid #e8e8e8;
	width: 100%;
	text-align: center;
}

#pageIndex .box2 p{
	line-height: 0;
}

.indexImage img {
	height: auto;
	vertical-align: bottom;
}

.toptext, 
.bottomtext {
	text-align: center;
	word-break: break-word;
}

.toptext p:not(:first-child), 
.bottomtext p:not(:first-child) {
	margin-top: 10px;
}

.toptext h1, 
.bottomtext h1 {
	text-transform: uppercase;
}

.toptext h1 {
	text-align: center;
}

/*
	Header
*/
#header {
	position: relative;
	margin: 0 auto 0;
	color: #333;
}

/*
	Top area (fixed bar wit cart, login etc.)
*/
#topArea {
	display: none;
}

/*
	Top bar, <header> (logo, search, usp ...)
*/
#topBar {
	height: 0;
	display: none;
}

#topBar {
	width: 100%;
	z-index:99999;
	color: #000;
	background-color: #fff;
}

/*
	Menu button
*/
#buttonMenu {
	font-size: 1.7em;
	cursor: pointer;
	color: #000;
	display: table-cell;
	z-index: 5;
	vertical-align: middle;
	min-width: 70px;
	text-align: center;
	width: 15%;	
}

#buttonMenu:focus {
	color: #1a74e9;
	outline: thin dotted;
	outline-offset:-2px;
}

#buttonMenu.active {
	background-color: #fff;
	color: #cc4c3f;
}

#buttonMenu i {
	padding: 0 15px 4px;
	position: relative;
}

#buttonMenu .menuText {
	font-size: .35em;
	font-weight: 700;
	margin-top: -4px;
	text-transform: uppercase;
}

/*
	Logo
*/
#topLogo {
	padding: 0 20px 0 0;
	text-align: center;
}

#topLogo .innerLogo a {
	line-height: 104px;
	height: 104px;
}

#topLogo img {
	height: auto;
	max-height: 95px;
	vertical-align: bottom;
}

#topLogoFixed {
	display: table-cell;
	position: relative;
	vertical-align: middle;
	text-align: center;
}

#topLogoFixed img {	
	height: auto;
	max-height: 50px;
	vertical-align: middle;
}

/*
	Search
*/
#topSearch {
	color: #fff;
	cursor: pointer;
	display: table-cell;
	font-size: 1.4em;
	text-align: center;
	vertical-align: middle;
}

#topSearch i {
	padding: 0 .9em;
}

/*
	Cart
*/
#topCartFiller {
	display: table-cell; 
	width: 15%;
	vertical-align: top;
	text-align: center;
	position: relative;
}

#topCartFiller a {
	color: #000;
	display: block;
	height: 100%;
}

#topCartFiller .icon {
	font-size: 1.7em;
	margin-top: -9px;
}

#topCartFiller .qty {
	background-color: #82b440;
	border-radius: 40px;
	color: #fff;
	font-size: 0.8em;
	font-weight: 600;
	height: 20px;
	right: 8px;
	line-height: 20px;
	padding-right: 1px;
	position: absolute;
	top: 8px;
	min-width: 20px;
	text-shadow: 2px 0 3px rgba(0,0,0,.25);
}

#topCartFiller a:focus i {
	color: #82b440;
	outline: thin dotted;
}

/*
	Search button
*/
#buttonSearch {
	height: 60px;
	vertical-align: middle;
	line-height: 56px;
	color: #000;
}

#buttonSearch i {
	position: relative;
}

#buttonSearch.active {
	background-color: #f7f7f7;
}

/*
	Sitemap
*/
.sitemapLine {
	background:url(../images/line.gif) repeat-y;
}

.sitemapHline {
	background:url(../images/hline.gif) repeat-x;
}

/*
	Top cart
*/
#topLogin {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	vertical-align: middle;
	padding-right: 10px;
}

#topCartContent {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	vertical-align: middle;
	height: 40px;
	line-height: 40px;
}

#topCartContent div {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: top;
}

/*
	Basket items
*/
#basketItems {
	cursor: pointer;
	font-size: .9em;
	padding: 0 15px;
	vertical-align: top;
	margin-right: -4px;
	font-weight: 600;
}

#basketItems i {
	font-size: 1.3em;
	padding-right: 7px;
}

/*
	Button to cashier
*/
#btnToCashier {
	margin-right: -4px;
}

#btnToCashier a {
	color: #fff;
	font-weight: 600;
	font-size: .9em;
	text-transform: uppercase;
	background-color: #82b440;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	display: block;
	position: relative;	
	text-shadow: 2px 0 3px rgba(0,0,0,.25);
}

#btnToCashier a:after {
	right: 100%;
	top: 50%;
	border: 4px solid rgba(130, 180, 64, 0);
	border-right-color: #82b440;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-top: -4px;
}

#btnToCashier a:hover {
	background-color: #7aa93c;
	text-decoration: none;
}

#btnToCashier a:focus {
	background-color: green;
	outline: thin dotted;
}

#btnToCashier a:focus:after {
	border-right-color: green;
}

/*
	Mini cart
*/
#miniCart {
	position: absolute;
	top: 40px;
	right: -4px;
	width: 450px;
	padding: 5px;
	background-color: #fff;
	box-shadow: 0 1px 4px rgba(50, 50, 50, 0.3);
	display: none;
	max-height: 547px;
	overflow-y: auto;
}

#miniCart .cashier-form {
	padding-bottom: 0;
}

#miniCart .cashier-form .cartPlus a, 
#miniCart .cashier-form .cartMinus a {
	height: 17px;
	line-height: 17px;
	width: 17px;
	border-radius: 30px;
	font-size: 11px;
}

#miniCart .cashier-form .cartPlus a:focus, 
#miniCart .cashier-form .cartMinus a:focus {
	background-color: green !important;
	outline: thin dotted !important;
}

#miniCart .cashier-form .cartMinus a {
	margin-right: 15px;
}

#miniCart .cashier-form .cartQty {
	margin: 0 3px;
	text-align: center;
	display: block;
	width: 30px;
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;		
}

#miniCart .cashier-form .name {
	line-height: 16px;
}

#miniCart .cashier-form .cartQtyWrapper {
	margin-top: 0;
}

#miniCart .cashierProducts .vat {
	font-size: .9em;
	padding: 3px 0;
}

#miniCart .cashierProducts .total {
	font-size: .9em;
	font-weight: 400;
	padding: 3px 0;
}

#miniCart .cashierProducts .vat td {
	padding: 0;
}

#miniCart .button-confirm {
	margin: 10px 0 5px 0;
}

.jsShakeArea {
	height: 15px;
}

/*
	Footer
*/
.footerSocial {
	margin: 10px 0;
}

#footer {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.8);
	color: #fff;
	width: 100%;
	font-size: .9em;
}

#footer a {
	color: #ccc;
	padding: 5px 0;
	margin: 5px 0;	
}

#footer a:hover {
	text-decoration: underline;
	color: #1a74e9;
}
#footer a:focus {
	outline-offset:2px; 
	outline: thin dotted;
	color: #1a74e9;
	text-decoration: underline;
}
#footer h4 {
	color: #fff;
	font-size: 1.1em;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 5px;
	padding: 0;
}

#footer ul {
	line-height: 1.4em;	
}

#footer li {
	display: block;
	margin: 10px 0;
}

#footer .footerText {
	padding: 20px 15px 20px 15px;
}

#footerTop {
	background-color: #393939;
	color: #fff;
	padding: 10px 0;
}

#footerTop .col1,
#footerTop .col2 {
	text-align: center;
}

/*
	My-page
*/
.wishlist ul {
	margin: 0;
	padding: 0;
	list-style:none;
}

.wishlist li {
	margin-right:20px;
	float:left;
}

.wishContainer {
	width: 450px;
	float: left;
	border: 1px dashed #ccc;
	min-height: 180px;
	position: relative;
}

.wishContainer .inner {
	margin: 10px;
}

.wishContainer .image {
	float: left;
	width: 100px;
}

.wishContainer .infobox {
	float: left;
	padding-left: 15px;
	width: 250px;
}

.wishContainer .infobox h3 {
	min-height: 40px;
}

.wishContainer .infobox .observe {
	margin-bottom: 10px;
	padding: 5px;
}

.wishContainer .infobox .price {
	padding-left: 0;
	font-size: .9em;
	font-weight: 600;
}

.wishContainer .infobox .actions {
	position: absolute;
	bottom: 10px;
	margin-right: 15px;
}

.wishContainer .infobox .actions input {
	margin-right: 20px;
}

/*
	Breadcrumbs
*/
#breadcrumbs{
	overflow: auto;
	position: relative;
	font-size: .9em;
}

#breadcrumbs .innerFill {
	/* override global innerFill */
	background-color: transparent;
	border: none;
	padding: 0;
}

#jsBreadcrumb li {
	display: inline;
	padding: 5px 0;
}

#jsBreadcrumb li.arrow {
	padding:0 0 0 5px;
	color: #666;
}

#jsBreadcrumb li.arrow:before {
	content:"\f105";
	font-family: FontAwesome;
	padding-right:5px;
}

/*
	StandardPageContainer
*/
.standardPageContainer {
	display: block;
	padding-left: 0;
	margin-bottom: 0;
}

.standardPageContainer ul {
	list-style-type: disc;
	margin-left: 20px;
}

.standardPageContainer li {
	display: list-item;
	position: relative;
	padding: 8px 0 2px 0;
}

/*
	Spot sale
*/
.spotSale:before {
	background-color: transparent !important;
	color: #fff;
	font-size: 1.3em;
	font-weight: 600;
	padding-top: 0;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.spotSale {
	background-color: rgb(204, 51, 51);
	background-color: rgba(204, 51, 51, 1);
	color: #fff;
	font-weight: 600;
	left: 0;
	height: 50px;
	line-height: 50px;
	/*width: 60px;*/
	padding: 0 12px;
	position: absolute;
	text-align: center;
	top: 0;
	z-index: 1;
}

/*
	Product list container (category-view)
*/
.productListContainer [class*='grid-'] {
	position: relative;
}

.productListContainer li {	
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.productListContainer li:hover {}

.productListContainer li .heading {
	padding: 0 5px 10px;
}

.productListContainer li:hover a {}

.productListContainer li .innerContainer {
	background-color: #fff;
	border: 1px solid #efefef;
	border-radius: 2px;
	padding: 5px 5px 7px;
	position: relative;
}

.productListContainer li:hover .innerContainer {
	border-color: gray;
}

.productListContainer li .subscriptionSpot {
	background-color: #333;
	border-radius: 2px;
	bottom: 10px;
	color: #fff;
	font-size: 0.8em;
	left: 50%;
	margin-left: -47px;
	padding: 4px 10px;
	position: absolute;
	line-height: 13px;
}

.productListContainer li .catProdImage {
	height: 215px;
	max-width: 100%;
	position: relative;
}

.productListContainer li .catProdImage img{
	max-height: 215px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.productListContainer li .button-confirm {
	padding: 3px 20px !important;
	width: 99%;
}

.productListContainer li .button-confirm-black {	
	padding: 3px 20px !important;
	width: 99%;	
	font-weight: 600;
}

.productListContainer li .catProdInner .jsChangeAssoc {
	position: relative;
	z-index: 1;
}

.productListContainer li .catProdInner h3 {
	font-size: .95em;
	font-weight: 300;
	height: 100%;
	padding: 0;
	position: absolute;
	text-align: left;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.productListContainer li .catProdInner h3 a {
	display: block;
	height: 86%;
	padding-top: 235px;
}

.productListContainer li .catProdInner h3 a:focus {
	outline: 1px solid gray;
}

.productListContainer li .catProdInner h3 a:focus span {
	outline: thin dotted;
}

.productListContainer li .catProdInner h3 a:active span {
	outline: none;
}

.productListContainer li .catProdInner h3 a span {
	display: block;
	height: 35px; 
	overflow: hidden;
	font-weight: 500;
	text-align: center;
	background-color: #fff;
	
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.productListContainer li .catProdInner .h3spacer {
	height: 45px;
}

.productListContainer li .catProdInner .productPrice {	
	height: 1.5em;
	font-weight: 500;
	font-size: 1.3em;
	text-align: center;
}

.productListContainer li .catProdInner .priceNew,
.productListContainer li .catProdInner .priceOld {
	display: inline-block;
}

.productListContainer li .catProdInner .priceOld {
	margin-right: 10px;
	text-decoration: line-through;
}

.productListContainer li .catProdInner .productPrice .installmentCost {
	font-size: .6em;
	height: 15px;
	font-weight: normal;
	padding-top: 3px;
	color: #666;
	display: none;
}

.productListContainer li .catProdInner .shortText {
	text-align: center;
}

.productListContainer li .catProdInner .productBuy {
	text-align: center;
	margin-top: 0;
}

.productListContainer .productListContainer li .spot {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	height: 25px;
	left: 4px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	top: 4px;
	width: 30px;
	z-index: 1;
}

.productListContainer .flexslider .catProdInner .productPrice {
	font-size: 1.8em;
	margin-bottom: 60px;
}

.productListContainer .flexslider .catProdInner .button-confirm-black {
	background-color: #dcdcdc;
}

/*
	Product page
*/

#productPageUpper {
	background-color:#fff;
}
#productPageUpper .colImage .innerFill {}
#productPageUpper .colInfo .innerFill {
	/*
	background-color: transparent;
	border: none;
	padding: 0;
	*/
}

#prodDesc .colDesc .innerFill {}
#prodDesc .colDesc .innerFill p {
	margin-top: .25em;
	margin-bottom: .45em;
}
#prodDesc .colMisc .innerFill {}

#productPageUpper h2 {
	background-color: transparent;
	border-bottom: 1px solid #e3e3e3;
	font-size: 1.2em;
}

#productPageUpper .colInfo {
	margin-top: -12px;
}

#prodDesc .colDesc,
#prodDesc .colMisc,
#prodLatestReviews,
#prodAssoc,
#prodSimilars,
#prodOthers {
	overflow: auto;
}

.productImageContainer {
	text-align: center;
	position: relative;
	overflow: hidden;
}

.productImageContainer .next,
.productImageContainer .prev {
	cursor: pointer;
	font-size: 50px;
	font-weight: 600;
	position: absolute;
	color: gray;
	top: 35%;
}

.productImageContainer .next {
	right: 0;
}

.productImageContainer .prev {
	left: 0;
}

.productImageContainer .next:hover,
.productImageContainer .prev:hover {
	color: #787878;
}

#slider {
	visibility: hidden;
	overflow: hidden;
}

.productImage {
	background-color: #fff;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
	max-width: 700px;
	margin: 0 auto 0;
	height: 230px;
	line-height: 230px;	
}

.productImage img {
	vertical-align: middle;
	height: auto;
	max-height: 230px;
}

.productImage span {
	width: 59px;
	height: 33px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/bg-spot-rea.png) no-repeat;
	z-index: 100;
}

.productSpecification {
	
}

.productThumbs {
	margin-bottom: 10px;
	margin-top: 7px;
	width: 100%;
}

.productThumbs ul {
	list-style:none; 
	margin:0;
	padding: 0;
}

.productThumbs li {
	float: left;
	line-height: 65px;
	width: 20%;
}

.productThumbs li a {
	display: block;
}

.productThumbs li img {	
	margin: 0 auto;
	vertical-align: middle;
}

.productThumbs li .innerContainer {
	background-color: #fff;
	border: 1px solid #dfdfdf;	
	margin-right: 5px;
	margin-top: 5px;
	padding: 5px;
}

.productInfo {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.productInfo .rating {
	cursor: pointer;
}

.productInfo p {
	padding: 8px 0;
}

.productInfo .selProdAssoc {
	width: 100%;
}

.productInfo h1 {
	padding-top: 0;
	text-align: center;
	padding-bottom: 0;
	font-size: 1.3em;
	padding-left: 0;
}

.productInfo .subscriptSpot {
	margin-top: 10px;
	font-size: .8em;
	text-align: center;	
}
.productInfo .subscriptSpot span {
	background-color: #333; 
	padding: 4px 10px; 
	color: #fff; 
	border-radius: 2px; 
}

#productManufacturer {
	color: #b4b4b4;
	text-align: center;
	padding: 5px 0;
}

/*
	Product list container SMALL item
*/
#cashierProducts {
	display: none;
}

/*
	Normal product
*/
.productInfo .shortDesc {
	text-align: center;
	display: none;
}

.productInfo .innerBox {
	position: relative;
}

.productInfo .innerBox ul {
	line-height: 1.4em;	
}

.productInfo .innerBox:after {
	clear:both;
	content:"";
	display:block;
}

.productInfo .assoc {}

.productInfo select {}

.productInfo .prices {
	font-weight:600;
	font-size: 1.7em;
	position: relative;
	text-align: center;
}

.productInfo .priceOld {
	font-size: .5em;
}

.productInfo .stockStatus {
	font-size: .9em;
	margin-top: -12px;
	text-align: center;
}

.productInfo .stockStatus .delDays {

}

.productInfo .bracketPrices {
	background-color: #efefef;
	clear: both;
	padding: 7px;
	position: relative;
	margin-bottom: 10px;
}

.productInfo .bracketPrices .col1 {
	width: 25%;
}

.productInfo .bracketPrices:after {
	top: 100%;
	left: 20px;
	border: 10px solid rgba(247, 247, 247, 0);
	border-top-color: #efefef;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-left: -10px;
}

.productInfo .innerBox .installment {
	margin-top: 8px;
	font-size: 13px;	
	font-weight: normal;
}

.productInfo .innerBox .productOptions {
	margin-top: 20px;
	padding-top: 4px;
	border-top: 1px dashed #ccc;
}

.productInfo .innerBox .productBuy {

}

.productInfo .innerBox .notifyme {
	padding-top: 11px !important;
}

.productInfo .innerBox .productBuy input {
	border: 1px solid #ccc;
	border-radius: 2px;
	line-height: 45px;
	height: 47px;
	text-align: center;
	font-weight: 600;
}

#prodExtra {
	margin-top: 10px;
	margin-bottom: 3px;
}

#productInfoConditions {
	color: #333;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 400;
	font-size: .9em;
}

#productInfoConditions i { 
	color: #82b440;
	font-weight: 300;
	font-size: 1.3em;
	margin-right: 5px;
}

#productInfoConditions div {
	display: block;
	padding: 3px 0;
	margin-right: 5px;
}

.productInfoDescription {
	background-color: transparent;
}

.productInfoDescription ul {
	list-style-type: disc;
	margin: 10px 0 0 15px;
}

.productInfoDescription li {
	padding: 5px 0;
}

/*
	Product description area
*/
#prodDesc {
	background-color: #f8f8f8;
	margin-top: 0;
}

#prodDesc .colDesc h2,
#prodDesc .colDesc h3 {
	border: none;
	background-color: transparent;
}

#prodDesc h3 {
	font-weight: 500;
}

#tellAFriend {
	margin-top: 10px;
}

/*
	Productpage: "Misc"
*/
.colMisc h2 {
	font-size: 1.25em;
	font-weight: 400;
	margin-top: 10px;
}

.colMisc h2:first-of-type {
	margin-top: 0;
}

.innerFill header h2 {
	background-color: transparent;
	border-bottom: 1px solid #e3e3e3;
}

#prodAssoc .innerFill,
#prodOthers .innerFill,
#prodSimilars .innerFill{
	background-color: transparent;
	border: none;
	padding: 0;	
}

#prodAssoc h2,
#prodOthers h2,
#prodSimilars h2 {
	border: none;
}


#prodFunctions {
	bottom: 10px;
	position: absolute;
	right: 0;
	text-align: right;
}

#divTellAFriend { 
	background-color: #f7f7f7;
}

#subscriptionText {}
#productEmail {}
#wishList {}

/*
	Reviews
*/
.reviewGroup {
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
	/* the hidden clearer */
}
.reviewGroup * {
	font-size: 1.7rem;
}
.reviewGroup > input {
	display: none;
}
.reviewGroup > input + label {
	/* only enough room for the star */
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	
	overflow: hidden;
	text-indent: 9999px;
	width: .9em;
	white-space: nowrap;
	cursor: pointer;
}
.reviewGroup > input + label:before {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	text-indent: -9999px;
	content: "\2606";
	color: #888;
}
.reviewGroup > input:checked ~ label:before, 
.reviewGroup > input + label:hover ~ label:before, 
.reviewGroup > input + label:hover:before {
	content: "\2605";
	color: #f9d100;
}
.reviewGroup > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}
.reviewGroup > .star-cb-clear + label:before {
	width: .5em;
}
.reviewGroup:hover > input + label:before {
	content: "\2606";
	color: #888;
	text-shadow: none;
}
.reviewGroup:hover > input + label:hover ~ label:before, .reviewGroup:hover > input + label:hover:before {
	content: "\2605";
	color: #f9d100;
}

/*
	Rating
*/
.rating li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	position: relative;
	width: .9em;
	color: #ccc;
	font-size: 1.6em;
	line-height: .9em;
	vertical-align: bottom;
}
.rating.grade-1 li:nth-child(-n+1){
	color: #f9d100;
	text-shadow: 1px 0 goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);
}

.rating.grade-2 li:nth-child(-n+2){
	color: #f9d100;
	text-shadow: 1px 0 goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);
}

.rating.grade-3 li:nth-child(-n+3){
	color: #f9d100;
	text-shadow: 1px 0 goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);
}

.rating.grade-4 li:nth-child(-n+4){
	color: #f9d100;
	text-shadow: 1px 0 goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);
}

.rating.grade-5 li:nth-child(-n+5){
	color: #f9d100;
	text-shadow: 1px 0 goldenrod, 2px 1px #B57340, .9em .9em .2em rgba(0,0,0,.5);
}

/*
	Swipe/Slider
*/
.swipe-wrap {
	overflow: hidden;
	position: relative;
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.swipe .nav {
	position: absolute;
	width: 80px;
	height: 38px;
	z-index: 10;
	text-align: center;
	line-height: 40px;
	color: #fff;
	top: 45%;
	cursor: pointer;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}
.swipe .nav.next {
	right: 0;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}
.swipe .nav.prev {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

#sliderPosNav ul {
	list-style:none; 
	margin:0;
	padding: 0;
}

#sliderPosNav li {
	padding-left: 0 !important;
}

#sliderPosNav li.active {

}

#sliderPosNav.thumbs li a:hover {
	border-color: #dddddd;
}


#sliderPosNav.thumbs li {
	text-align: center; 
	height: 47px; 
	margin-bottom: 3px;	
}

#sliderPosNav.thumbs li a {
	display: table; 
	width: 100%; 
	height: 100%; 
	border: 1px solid #f5f5f5;
	background-color: #fff;
}
#sliderPosNav.thumbs li img {
	max-height: 40px;
	width: auto;
	vertical-align: middle;
}

#sliderPosNav.thumbs li a div {
	display: table-cell;
	vertical-align: middle;
}

.instock i{
	color: #82b440;
	line-height: 19px;
}

.orderitem i{
	color:#ff9900;
	line-height: 19px;
}

.unavailable i {
	color:#ff0000;
	line-height: 19px;
}

.priceRegular {
	color: #000;	
}

.priceNew {
	color: rgb(204, 51, 51);
	color: rgba(204, 51, 51, 1);
	display: block;
}

.priceOld {
	color: #666;
	display: block;
	font-weight:normal;
	font-size: 0.7em;
	margin-top: 5px;
}

.pricePercentage {
	background-color: #c10000;
	color: #fff;
	display: inline;
	font-size: 14px;
	padding: 6px;
	font-weight: normal;
	position: relative;
}
.pricePercentage:after { 
	bottom: 99%; 
	left: 50%; 
	border: 10px solid rgba(193, 0, 0, 0);
	border-bottom-color: #c10000;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-left: -10px;
}

/*
	Category page
*/
#categoryHeader .innerFill {}
#categorySlider .innerFill {}
#categoryDescription .innerFill {}
#categoryTopSellers .innerFill {}

#categoryPage .flexslider {
	min-height: auto;
}

/*
	categories
*/
.categories {
	
}

/*
	Paging
*/
.paging-sort {
	padding: 4px !important;
	margin-left: -5px;
}

.paging-sort .onlyBig {
	padding-top: 6px;
}

.paging-sort label {
	margin-right: 10px;
}

.paging-sort input[type="radio"] {
	margin-top: -1px;
	vertical-align: middle;
}

.pagination {
	text-align: center;
	padding: 5px 0;
}

#paging-count {
	font-size: .8em;
	text-align: center;
	color:#777;
}

#paging-count .innerFill{
	background-color: transparent;
	border: none;
	padding: 0;	
}

#paging {}
#paging .innerFill {}

#paging select {
	height: 40px;
	padding: 0 10px;
	width: 100%;
}

#paging:after {
	content:'';
	display:block;
	clear: both;
	}

#paging .paging-list {
	text-align: center;
	padding-right: 0;
	justify-content: center;
	line-height: 300%;
}	

#paging .paging-list li {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-left: .7em;
	border-radius: 2px;
}

#paging .paging-list li:first-child {
	margin-left: 0;
}

#paging .paging-list li a i {
	vertical-align: middle;
}

#paging .paging-list li.active span {
	display: block;
	background-color: #ccc;
	border-radius: 40px;
	color: #fff;
	height: 35px;
	line-height: 35px;
	text-align: center;
	transition: all 400ms ease 0s;
	width: 35px;
}

/*
	Filter
*/
#attributes .innerFill {}

#attributes {
	position: relative;
	display: block;
	overflow: auto;
}

#attributes .col .filterSign {
	
}

.resetFilter {
	margin-left: 20px;
	display: inline;
}

/*
	Contact/FAQ-page
*/
#contactForm label {
	font-weight: normal;
}

/*
	Tab set / "Accordion"
*/

#aTabs {

}

ul.tabs {
	/*display: none;*/
	background-color: #f5f5f5;
	overflow: auto;
}

ul.tabs li {
	color: #333;
	cursor: pointer;
	float: left;
	margin: 0;
	overflow: hidden;
	padding: 10px 19px;
	position: relative;
	background-color: #f2f2f2;
	text-transform: uppercase;
	/*font-size: .9em;*/
}

ul.tabs li i {
	color: #626262;
	display: block;
	font-size: 1.5em;
	padding-bottom: 5px;
	text-align: center;
}

ul.tabs li:hover,
ul.tabs li:hover i {
	background-color: #e8e8e8;
	color: #333;
}

ul.tabs li.active,
ul.tabs li.active:hover,
ul.tabs li.active:hover i {
	background-color: #1a74e9;
}

ul.tabs li.active i,
ul.tabs li.active a {
	color: #fff;
}

ul.tabs a:focus {
	outline: none;
	background-color: #1a74e9; 
}

.tab_container {
	border: 1px solid #e5e5e5;
	clear: both;
	float: left;
	overflow: auto;
	width: 100%;
}

.tab_container h2 {
	margin-top: 5px;
}

.tab_content {
	padding: 8px;
	position: relative;
	background-color: #fff;
	border-bottom: 1px dotted #b2b2b2;
}

.tab_content label {
	height: 30px;
	line-height: 26px;
	vertical-align: middle;
}

ul.tabs li.active:after {
	bottom: 0;
	left: 50%;
	border: 7px solid rgba(246, 246, 246, 0);
	border-bottom-color: #f6f6f6;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	margin-left: -10px;
}


.tab_drawer_heading { display: none; }

@media screen and (max-width: 720px) {
	
	.tabs {
		display: none;
	}
	.tab_drawer_heading {
		-moz-user-select: none;
		background-color: #fff;
		border-bottom: 1px solid #e5e5e5;
		color: #333;
		cursor: pointer;
		display: block;
		height: 46px;
		line-height: 45px;
		padding: 0 10px;
		position: relative;
		text-transform: uppercase;
	}
	
	.tab_drawer_heading:after {
		content: "\f107";
		font-family: FontAwesome;
		font-weight: 600;
		position: absolute;
		right: 11px;
		color: #818181;
		font-size: 1.4em;
	}
	
	.tab_drawer_heading.d_active {
		border-bottom: 0 none;
	}	
	
	.tab_drawer_heading.d_active:after {
		content: "\f106";
		color: #333;
	}
	
	.tab_drawer_heading:hover:after {
		color: #82b440;
	}
	
	
	.tab_drawer_heading:hover,
	.tab_drawer_heading:hover i {
		color: #333;
		background-color: #f4f4f4;
	}
	
	.tab_drawer_heading i {
		color: #626262;
		text-align: center;
		width: 20px;
		margin-right: 7px;
	}
	
	.d_active,
	.d_active i,
	.d_active:hover,
	.d_active:hover i 	{
		/*background-color: #4f4f4f;*/
		color: #333;
	}

	.tab_container {
		clear: both;
		float: left;
		overflow: auto;
		width: 100%;
	}	
	
	.tab_content {
		border-top: none;
	}	
	
	.tab_content:after {
		bottom: 100%;
		left: 50%;
		border: 7px solid rgba(246, 246, 246, 0);
		border-bottom-color: #f6f6f6;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		margin-left: -10px;
	}
}

/*
	Form row
*/
#qcashierAddressPane .formRow {
	padding: 5px 0 10px;
}

#qcDeliveryOther {
	float: left;
}

#qcDeliveryAddressBox {
	padding: 10px;
	background-color: #fbfbfb;
	border-radius: 2px;
}

.formRow {
	display: block;
	margin: 0;
}
.formRow:after {
	content:'';
	display:block;
	clear: both;
}

.formRow label {
	display: block;
	margin: 3px 0;
}

.formRow input[type="text"],
.formRow input[type="password"],
textarea {
	padding: 10px 3px;
}

.formRow select {
	background-color:#fff;
}

.formRow .left {
	float: left;
}

.formRow .right {
	float: left;
}

.checkoutToggle, .jsToggleComment, .jsToggleCoupon {
	cursor: pointer;
	display: block;
	padding: 4px 0;
}

.checkoutToggled, .jsToggleCommentContent, .jsToggleCouponContent{
	display:none;
	margin-top:15px;
	width:100%;
}

.isLoggedInBox{
	margin-bottom:25px;
}

.defaultMargin {
	margin:0 8px;
}
.CheckoutLoginButton{
	cursor: pointer;
	padding: 5px 30px;
	margin-top:5px;
}

.checkoutCoupon, .checkoutComment{
	margin:15px 0;
	background-color: #f6f6f6;
	padding:15px;
}

#coupon {
	height: 30px;
	border-radius: 2px;
	padding: 2px 4px;
}

#qcPno {

}

.firstLetterUppercase:first-letter {
	text-transform: uppercase;
}

#qcFetchAddr {
	padding: 11px 0 !important;
}

#cashierPage h1 {
	text-align: center;
}

.cashierProducts .greyColor, 
.cashierProducts .greyColor .name {
	color: #777777;
	font-weight: normal;
}

.cashierProducts .total {
	padding: 10px 0;
	font-size: 18px;
	font-weight: 600;
	background-color: #f4f4f4;
	border-bottom: 0;
}

.cashierProducts .discount {
	padding: 10px 0;
	font-size: 15px;
	background-color: #f4f4f4;
}
.cashierProducts .vat {
	padding: 10px 0;
	font-size: 15px;
	background-color: #fbfbfb;
}

.cashierProducts tr.discount:hover,
.cashierProducts tr.total:hover,
.cashierProducts tr.vat:hover {
	background-color: #f4f4f4;
}


.cashier-form {
	display: block;
	overflow:hidden;
}

.cashier-form table {
	clear:both;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	text-align: left;
}

.cashier-form .col10 {
	width: 29%;
}

.cashier-form .col20 {
	width: 48%;
}

.cashier-form .col30 {
	width: 22%;
	text-align: right;
}

.cashier-form table td {
	white-space: normal;
	text-overflow: ellipsis;
}

.cashier-form .tableInfo {

}

.cashier-form .tableInfo .subscriptSpot {
	background-color: #333; 
	padding: 4px 10px; 
	color: #fff; 
	border-radius: 2px; 
	font-size: .8em;
}

.cashier-form .tableTotal {
	font-weight: 600;
	text-align: right;
	vertical-align: bottom;
}

.cashier-form .tableImage {
	line-height: 1.3em;
	text-align: center;
	vertical-align: middle;
}

.cashier-form .tableImage img {
	max-width: 100%;
}

.cashierAdress input:not([type="checkbox"]),
.loginForm input:not([type="checkbox"]) {
	width: 100%;
}

.cashier-form .cartQtyWrapper {
	margin: 0 auto;
	overflow: auto;
	float: left;
	margin-right: 30px;
}

.cashier-form .cartQty {
	border-radius: 2px;
	margin: 0 2px;
	text-align: center;
	width: 20px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.cashier-form .cartMinus {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.cashier-form .cartPlus {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.cashier-form .cartPlus a:focus {
	background-color: green !important;
	outline: thin dotted !important;
}

.cashier-form .cartMinus a:focus {
	background-color: red !important;
	outline: thin dotted !important;
}

.cashier-form .cartRemove:focus {
	outline: thin dotted !important;
}

.cashier-form .name {
	font-size: 1em;
	font-weight: 600;
	padding-bottom: 15px;
}

.cashier-form .quantity {
	margin: 2px 28px 2px 0;
	font-size: .9em;
	float: left;
	width: 100%;
}

.cashier-form .price {
	font-weight: 600;
	margin: 0 5px 0 0;
	float: left;
	line-height: 23px;
	width: 65px;
}

.cashier-form .priceTotal {
	font-weight: 600;
	padding-bottom: 5px;
}

.cashier-form .cartRemove {
	text-align: center;
	float: left;
	padding-top: 2px;
}

.cashier-form .cartPlus a, 
.cashier-form .cartMinus a {
	color: #fff;
	display: block;
	font-size: 8px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	width: 20px;
	background-color: #9f2c2c;
	margin-bottom: 3px;
	border-radius: 40px;
}

.cashier-form .cartPlus a {
	background-color: #82b440;
}

.cashier-form .cartPlus a:focus, 
.cashier-form .cartMinus a:focus {
	color: #fff !important;
}

.cashier-form .cartPlus a:hover, 
.cashier-form .cartMinus a:hover {
	opacity: .7;
}

.cashier-form table td a {
	display: block;
}

.cashier-form table th {
	font-size:15px;
	line-height:15px;
	float: none;
}

.cashier-form table tr {
	transition: all 600ms ease 0s;
}

.cashier-form table tr:hover {
	background-color: #fbfbfb;
	
}
.cashier-form table tr:hover th {
	background-color: #fcfcfc;
}

.cashier-form .even { 
	background-color:#fff;	
}

.cashier-form .odd { 
	background-color:#fff;
}

.count input {
	border-radius: 2px;
	text-align: center;
	padding: 2px;
}

.cashier-form table .tdPrice {
	padding-left: 25px !important;
}

.cashierType h2 i,
.cashierAdress h2 i,
.cashierContact h2 i, 
.cashierDelivery h2 i,
.cashierPay h2 i, 
.cashierProducts h2 i,
.cashierBonus h2 i,
.cashierSale h2 i,
.cashierComment h2 i,
.cashierGiftWrap h2 i {
	color: #fff;
	background-color: #0097cf;
	width: 30px;
	height: 30px;
	border-radius: 60px;
	line-height: 30px;
	text-align: center;
	font-size: .75em;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: bottom;
	font-style: normal;
	font-weight: 600;
	display: none;
}

.cashierDelivery ul,
.cashierPay ul {
	list-style: outside none none;
	margin: 0;
	overflow: auto;
	padding: 0;
}
.cashierDelivery li,
.cashierPay li {
	position: relative;
}

.cashierDelivery li .inner,
.cashierPay li .inner {
	background-color: gray;
	color: #fff;
}

.cashierDelivery li .inner,
.cashierPay li .inner {
	line-height: 40px;
	min-height: 40px
}

.cashierDelivery li:hover .inner,
.cashierPay li:hover .inner{
	outline: 2px solid #82b440;
}

.cashierDelivery li label:before,
.cashierPay li label:before {
	font-family: FontAwesome;
	content: '\f00c';
	color: #ccc;
	font-size: .9em;
	font-weight: normal;
	border-radius: 7px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	text-align: center;
	width: 25px;
	top: 50%;
	margin-top: -12px;	
	left: 18px;
}

.cashierPay li label:before {
	/*top: 40%;*/
}

.cashierDelivery li .labelColumn label:before,
.cashierPay li .labelColumn label:before {
	content: none;
}

.cashierDelivery li .inner input[type="radio"],
.cashierPay li .inner input[type="radio"] {
	position: absolute;
	opacity: 0;
}

.cashierDelivery li .inner input[type="radio"]:focus + label,
.cashierPay li .inner input[type="radio"]:focus + label {
	outline: 2px solid #82b440;
}

.cashierDelivery li.active,
.cashierPay li.active {
	border: 0;
}

.cashierDelivery li.active .inner,
.cashierPay li.active .inner {
	background-color: #82b440;
	outline: thin dotted;
}

.cashierDelivery li.active label ,
.cashierPay li.active label {
	color: #fff;
}

.cashierDelivery li.active label:before,
.cashierPay li.active label:before {
	color: #82b440;
	background-color: #fff;
	border-radius: 40px;
}

.cashierDelivery li span,
.cashierPay li span {
	position: relative;
}

.cashierDelivery li img,
.cashierPay li img {
	max-height: 55px;
}

.cashierDelivery li label,
.cashierPay li label{
	cursor: pointer;
	display: block;
}

.cashierDelivery li label span,
.cashierPay li label span {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.cashierDelivery li.active label span,
.cashierPay li.active label span {

}

.cashierDelivery li .labelImage,
.cashierPay li .labelImage {
	width: 100%;
	text-align: center;
	height: 60px;
	line-height: 60px;
	padding-top: 5px;
}

.cashierDelivery li .labelText,
.cashierPay li .labelText {
	width: 100%;
	text-align: center;
}

.qccashier-pay-info {
	padding: 10px;
	position: relative;
	background-color: #ccf3fb;
}

.qccashier-pay-info label {
	color: #333 !important;
}

.cashierDelivery li.active .qccashier-pay-info:after,
.cashierPay li.active .qccashier-pay-info:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: rgba(250, 250, 250, 0) rgba(250, 250, 250, 0) #f5f5f5;
	border-image: none;
	border-style: solid;
	border-width: 9px;
	content: " ";
	height: 0;
	left: 20px;
	margin-left: -15px;
	pointer-events: none;
	position: absolute;
	top: -17px;
	width: 0;
}

.cashierComment textarea {
	width:925px;
	height:80px;
}

.cashier-form th, 
.cashier-form td {
	padding: 0.4em;
	vertical-align: top;
}

.cashier-form th {
	color: #848484;
	font-size: 0.8em !important;
}

.cashier-form tr {
	border-bottom: 1px dotted #dddddd;
}

.cashier-form tr:hover {
	background:#fcfcfc;
}

.cashier-form tr:hover th {
	background:#fff !important;
}

.cashier-form a {
	
}

.conditions {
	font-size: 0.8em;
}

.minus {
	float: left;
	margin-top: 3px;
}

.plus {
	float: left;
	margin-top: 3px;
}

.plus a, .minus a {
	border-radius: 22px;
	color: #000;
	display: block;
	font-size: 8px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	text-decoration: none;
	width: 16px;
	background-color: #333333;
}

.plus a:focus, .minus a:focus {
	color: #fff !important;
}

.plus a:hover, .minus a:hover {
	opacity: .7;
}

.qccashier-bonus {

}

.qcBonusLevels {
}

.qcBonusLevels ul {

}

.qcBonusLevels li {
}

.qcBonusLevels li:hover {
	background: #fff;
}

.qcBonusProduct {
	border-bottom: 1px dotted #e3e3e3;
}

.qcBonusProduct .f1 {
}

.qcBonusProduct .f1 img {
	display:block;
	margin:auto;
}

.qcBonusProduct .f2 {
}

.qcBonusProduct .f3 {
}

.qcBonusProduct .f3 select {
}

.qcBonusProduct .f4 {
	font-weight:600;
}

.qcBonusProduct .f5 {
}

.qcCartTbl .plus, .qcCartTbl .minus {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

#qcGiftWrapSelection {
	margin-top:10px;
}

#qcGiftWrapSelection ul {
	list-style: none;
	padding:0;
	margin:0;
	overflow:auto;
	height:auto;
}

#qcGiftWrapSelection li {
	margin:5px;
	display:block;
	float:left;
	height:140px;
	width:120px;
	padding:1px;
	border:1px solid #cccccc;
	background:#ffffff;
	cursor: pointer;
	position: relative;
}

#qcGiftWrapSelection li:hover {
	border: 1px solid #b2e5b2;
}

#qcGiftWrapSelection img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#qcGiftWrapSelection li.active {
	border:1px solid #009900;
}

#qcGiftWrapSelection li.active:before {
	content: '\2713 ';
	padding-right: 5px;
	position: absolute;
	bottom: 2px;
	left: 10px;
	font-size: 120%;
	color: #009900;
	font-weight: 600;
}

#qcGiftWrapSelection li strong {
	display:block;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	text-align:center;
	clear:both;
	font-size:12px;
	height:14px;
	overflow:hidden;
}

#qcGiftWrapSelection li i {
	display:block;
	margin-left:3px;
	margin-right:3px;
	margin-top:3px;
	text-align:center;
	clear:both;
	font-style: normal;
}

/*
	Popup - Notify
*/
#notifyPopup {
	display: none;
	position:fixed;
	background-color: #ffffff;
	padding:10px;
	top: 33%;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	min-height: 10em;
	width: 40%;
	max-width: 600px;
	min-width: 300px;
	max-height: 50%;
	overflow-y: auto;
	overflow-x: hidden;	
}

#notifyPopupPane {
	margin:15px;
	padding-bottom: 8px;
}

#notifyPopupPane em {
	font-weight:600;
	font-style:normal;
	display:block;
	text-transform: uppercase;
}

#notifyPopupPane p {
	margin-top:10px;
}

#notifyPopupPane #notifyEmail {
	display: block;
	height: 38px;
	margin: auto;
	width: 100%;
	padding: 5px;
	margin-top: 5px;
}

#notifyPopupPane #notifyPopupPaneButtonBar {
	margin:auto;
	margin-top:20px;
	text-align: center;
}

#notifyPopupPane #notifyPopupPaneButtonBar input {
	margin-left:3px;
	margin-right:3px;
}

#notifyPopupPane #notifyPopupOk {
	padding: 0 20px;
}

/*
	transparencyLayer
*/
#transparencyLayer {
	width: 100%;
	height: 100%;	
	position:fixed;	
	z-index: 4000;
	background-color: rgba(0,0,0, .6);
	display: none;
	top: 0;
}

/*
	ajaxPopupWindow
*/
#ajaxPopupWindow {
	display: none;
	position:fixed;
	background-color: #ffffff;
	padding:10px;
	top: 33%;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	min-height: 10em;
	width: 40%;
	max-width: 600px;
	min-width: 300px;
	max-height: 50%;
	overflow-y: auto;
	overflow-x: hidden;
}

#ajaxPopupClose {	
	background-color: #fff;
	height: 30px;
	line-height: 30px;
	position: absolute;
	right: 2px;
	text-align: center;
	top: 2px;
	width: 30px;
	z-index: 10000;
	cursor: pointer;
}
#ajaxPopupClose:hover:after,
#ajaxPopupClose:focus:after{
	color: #000;
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
	-moz-transform: rotate(90deg); /* Firefox */
	-ms-transform: rotate(90deg); /* IE 9 */
	-o-transform: rotate(90deg); /* Opera */
	transform: rotate(90deg);
	}

#ajaxPopupClose:after {
	color: #767676;
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 1.2em;
	height: 100%;
	left: 0;
	line-height: 30px;
	position: absolute;
	top: -1px;
	transition: all 200ms ease 0s;
	width: 100%;
	cursor: pointer;
}

.ajaxPopupHeader {
	font-size: .9em;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 5px;
	text-align: center;
	text-transform: uppercase;
}

.ajaxPopupContent {
	padding:5px;
}

/*
	ajaxPopupWindow
*/
#ajaxPopupNotify {
	display: none;
	position:fixed;
	background-color: #ffffff;
	padding:10px;
	top: 33%;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	min-height: 10em;
	width: 40%;
	max-width: 600px;
	min-width: 300px;
	max-height: 50%;
	overflow-y: auto;
	overflow-x: hidden;
}

.ajaxPopupContent p:first-child {
	padding:0;
	margin:0;	
}

/*
	Ajax loader
*/
#ajaxLoader {
	display: none;
	z-index:9000;
	background-color: #7aa93c;
	width:200px;
	height:200px;
	border-radius: 400px;
	text-align:center;
	position:fixed;
	top: 33%;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
}

#ajaxLoader .spinner-loader {
	margin-top: 75px;
}

#ajaxLoader:before {
	color: #fff;
	content: "BEARBETAR ...";
	font-size: 16px;
	font-weight: 600;
	left: 44px;
	position: absolute;
	top: 95px;
}

#dynamicFilterDiv .instantReload{
	background-color: lightblue;
}

#dynamicFilterDiv span.filter{
	background-color: lightyellow;
	padding: 10px;
	margin: 3px
}

#dynamicFilterDiv span.filter:after{
	content: "X";
	color: white;
	background-color: red;
	padding: 3px;
	margin-left: 3px;
	border-radius: 3px;
	cursor: pointer;
}

@-moz-keyframes spinner-loader {
	0% {
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-webkit-keyframes spinner-loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner-loader {
	0% {
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
/* :not(:required) hides this rule from IE9 and below */
.spinner-loader:not(:required) {
	-moz-animation: spinner-loader 1600ms infinite linear;
	-webkit-animation: spinner-loader 1600ms infinite linear;
	animation: spinner-loader 1600ms infinite linear;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	/*
	-moz-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) .9em .9em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -.9em .9em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -.9em -.9em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) .9em -.9em 0 0;
	-webkit-box-shadow: rgba(0, 0, 51, 0.3) 1.5em 0 0 0, rgba(0, 0, 51, 0.3) .9em .9em 0 0, rgba(0, 0, 51, 0.3) 0 1.5em 0 0, rgba(0, 0, 51, 0.3) -.9em .9em 0 0, rgba(0, 0, 51, 0.3) -1.5em 0 0 0, rgba(0, 0, 51, 0.3) -.9em -.9em 0 0, rgba(0, 0, 51, 0.3) 0 -1.5em 0 0, rgba(0, 0, 51, 0.3) .9em -.9em 0 0;
	*/
	box-shadow: rgba(255, 255, 255, 0.3) 1.5em 0 0 0, rgba(255, 255, 255, 0.3) .9em .9em 0 0, rgba(255, 255, 255, 0.3) 0 1.5em 0 0, rgba(255, 255, 255, 0.3) -.9em .9em 0 0, rgba(255, 255, 255, 0.3) -1.5em 0 0 0, rgba(255, 255, 255, 0.3) -.9em -.9em 0 0, rgba(255, 255, 255, 0.3) 0 -1.5em 0 0, rgba(255, 255, 255, 0.3) .9em -.9em 0 0;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	font-size: 10px;
	width: .9em;
	height: .9em;
	margin: 1.5em;
	overflow: hidden;
	text-indent: 100%;
}

#loaderContainer {
	height: 42px;
	width: 40px;
	/*display: none;*/
	position: absolute;
	top: -7px;
	left: 11px;
	background-color: #fff;
	z-index: 2000;
}

.loader,
.loader:before,
.loader:after {
	background: #000;
	-webkit-animation: load1 1s infinite ease-in-out;
	animation: load1 1s infinite ease-in-out;
	width: .8em;
	height: 4em;
}
.loader:before,
.loader:after {
	position: absolute;
	top: 0;
	content: '';
}
.loader:before {
	left: -1.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.loader {
	text-indent: -9999em;
	margin: 20px auto 26px 22px;
	position: relative;
	font-size: 5px;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
.loader:after {
	left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0 #ffffff;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #ffffff;
		height: 5em;
	}
}
@keyframes load1 {
	0%,
	80%,
	100% {
		box-shadow: 0 0 #ffffff;
		height: 4em;
	}
	40% {
		box-shadow: 0 -2em #ffffff;
		height: 5em;
	}
}

.p3selectbox {

}

#ajaxLoaderSmall {
	left: -32px;
	padding-left: 10px;
	padding-top: 1px;
	position: absolute;
	top: 12px;
}

#jsCashierForm {
	font-weight: 700;
	height: 70px;
	padding: 20px !important;
	background-color: #ff9900;
	box-shadow: 0 2px 0 #e1810d;
	margin: 20px 0 25px;
	font-size: 1.8em;
}

/*
	Widths em
*/
.w1em {width:.9em;} .w2em {width:2em;} .w3em {width:3em;} .w4em {width:4em;}
.w5em {width:5em;} .w6em {width:6em;} .w7em {width:7em;} .w8em {width:8em;}
.w9em {width:9em;} .w10em {width:10em;} .w11em {width:1.9em;} .w12em {width:12em;}
.w13em {width:13em;} .w14em {width:14em;} .w15em {width:15em;} .w16em {width:16em;}
.w17em {width:17em;} .w18em {width:18em;} .w19em {width:19em;} .w20em {width:20em;}
.w21em {width:2.9em;} .w22em {width:22em;} .w23em {width:23em;} .w24em {width:24em;}
.w25em {width:25em;} .w30em {width:30em;} .w35em {width:35em;} .w40em {width:40em;}

/*
	Widths %
*/
.w1p {width:1%;} .w2p {width:2%;} .w3p {width:3%;} .w4p {width:4%;} .w5p {width:5%;} .w6p {width:6%;} .w7p {width:7%;}
.w8p {width:8%;} .w9p {width:9%;} .w10p {width:10%;} .w11p {width:11%;} .w12p {width:12%;} .w13p {width:13%;} .w14p {width:14%;}
.w15p {width:15%;} .w16p {width:16%;} .w17p {width:17%;} .w18p {width:18%;} .w19p {width:19%;} .w20p {width:20%;} .w21p {width:21%;}
.w22p {width:22%;} .w23p {width:23%;} .w24p {width:24%;} .w25p {width:25%;} .w26p {width:26%;} .w27p {width:27%;} .w28p {width:28%;}
.w29p {width:29%;} .w30p {width:30%;} .w31p {width:31%;} .w32p {width:32%;} .w33p {width:33%;} .w34p {width:34%;} .w35p {width:35%;}
.w36p {width:36%;} .w37p {width:37%;} .w38p {width:38%;} .w39p {width:39%;} .w40p {width:40%;} .w41p {width:41%;} .w42p {width:42%;}
.w43p {width:43%;} .w44p {width:44%;} .w45p {width:45%;} .w46p {width:46%;} .w47p {width:47%;} .w48p {width:48%;} .w49p {width:49%;}
.w50p {width:50%;} .w51p {width:51%;} .w52p {width:52%;} .w53p {width:53%;} .w54p {width:54%;} .w55p {width:55%;} .w56p {width:56%;}
.w57p {width:57%;} .w58p {width:58%;} .w59p {width:59%;} .w60p {width:60%;} .w61p {width:61%;} .w62p {width:62%;} .w63p {width:63%;}
.w64p {width:64%;} .w65p {width:65%;} .w66p {width:66%;} .w67p {width:67%;} .w68p {width:68%;} .w69p {width:69%;} .w70p {width:70%;}
.w71p {width:71%;} .w72p {width:72%;} .w73p {width:73%;} .w74p {width:74%;} .w75p {width:75%;} .w76p {width:76%;} .w77p {width:77%;}
.w78p {width:78%;} .w79p {width:79%;} .w80p {width:80%;} .w81p {width:81%;} .w82p {width:82%;} .w83p {width:83%;} .w84p {width:84%;}
.w85p {width:85%;} .w86p {width:86%;} .w87p {width:87%;} .w88p {width:88%;} .w89p {width:89%;} .w90p {width:90%;} .w91p {width:91%;}
.w92p {width:92%;} .w93p {width:93%;} .w94p {width:94%;} .w95p {width:95%;} .w96p {width:96%;} .w97p {width:97%;} .w98p {width:98%;}
.w99p {width:99%;} .w100p {width:100%;}

/* 
	.button
	Buttons: Same style for input, button and link
*/
.button {
	background-color: #eee;
	background-repeat: repeat-x;
	background-size: 100% auto;
	border-color: #C8C8C8 #C8C8C8 #BBBBBB;
	border-style: solid;
	border-width: 1px;
	color: #fff !important;
	cursor: pointer;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	line-height: 24px;
	padding: 6px 10px !important;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	border: 0;
	font-size: .9em;
	-webkit-appearance: none;
	font-family: 'Didact Gothic','Open Sans',Arial,Helvetica,sans-serif;
	outline:none;
	position: relative;
	border-radius: 2px;
	z-index: 2;
	transition: all 200ms ease 0s;
	text-shadow: 2px 0 3px rgba(0,0,0,.25);
}

.button:focus {
	outline: thin dotted;
}

.button:active {
	outline: none;
	-moz-user-select: none;
	
	transform: translateY(2px);
}

.button.bigBuy {
	padding: 10px 20px !important;
	font-weight: 600;
	font-size: 1.1em;
	width: 100%;
	height: 45px;
	position: relative;
	overflow: hidden;
}

.button.button-confirm.jsAddOk:after {
	background-color: #82b440;
	box-shadow: 0 2px 0 #6f9a37;
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 1.5em;
	height: 100%;
	left: 0;
	line-height: 32px;
	position: absolute;
	top: 0;
	transition: all 200ms ease 0s;
	width: 100%;
	border-radius: 2px;	
}

.button.button-confirm.bigBuy.jsAddOk:after {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 1.5em;
	height: 105%;
	left: 0;
	line-height: 53px;
	position: absolute;
	top: -4px;
	transition: all 200ms ease 0s;
	width: 100%;
	background-size: 100% auto;
	border-color: #165b16 #165b16 #165b16;
	color: #fff !important;
	font-weight: 600;
	background-color: #82b440;
	box-shadow: 0 2px 0 #6f9a37;
}

.button.button-confirm.jsAddFail:after {
	background-color: #cc4c3f;
	color: #fff;
	box-shadow: 0 2px 0 #92342a;
	content: "\f00d";
	font-family: FontAwesome;
	font-size: 1.5em;
	height: 100%;
	left: 0;
	line-height: 37px;
	position: absolute;
	top: 0;
	transition: all 200ms ease 0s;
	width: 100%;
	border-radius: 2px;
}

.button.button-confirm.bigBuy.jsAddFail:after {
	line-height: 48px;
}

.button.big {
	padding: 15px 20px !important;
	font-weight: 600;
	font-size: 1.3em;
}

.button.toCashier {
	background-color: #42b84b;
}
.button.toCashier:hover {
	background-color: #39a642;
}

.button:focus::-moz-focus-inner,
.button:active::-moz-focus-inner {
	border-color: #000;
}

.button:hover, 
.button:focus {
	background-color: #333333;
	color: #ffffff !important;
	background-position: 0 -15px;
	outline-offset: -6px;
	text-decoration: none;
	transition: background-position 0.1s linear 0s;
}
.button.button-disabled, 
.button:disabled {
	border-color: #E1E1E1;
	background: none repeat scroll 0 center transparent;
	box-shadow: none;
	cursor: default;
	font-style: italic;
	text-shadow: none;
}

a.button {
	padding-bottom: 6px !important;
	padding-top: 6px !important;
}

input.button-confirm, 
button.button-confirm, 
a.button-confirm {
	background-size: 100% auto;
	border-color: #165b16 #165b16 #165b16;
	color: #fff !important;
	font-weight: 600;
	background-color: #82b440;
	box-shadow: 0 2px 0 #6f9a37;
	font-size: 1em;
}
input.button-confirm:hover, 
input.button-confirm:focus, 
button.button-confirm:hover, 
button.button-confirm:focus, 
a.button-confirm:hover, 
a.button-confirm:focus {
	background-color: #7aa93c;
}
input.button-confirm:focus::-moz-focus-inner,
input.button-confirm:active::-moz-focus-inner,
button.button-confirm:focus::-moz-focus-inner,
button.button-confirm:active::-moz-focus-inner,
a.button-confirm:focus::-moz-focus-inner,
a.button-confirm:active::-moz-focus-inner{
	border-color: white;
}
input.button-confirm.button-disabled, 
input.button-confirm:disabled, 
button.button-confirm.button-disabled, 
button.button-confirm:disabled, 
a.button-confirm.button-disabled, 
a.button-confirm:disabled {
	background-color: #f1630e;
	border-color: #165b16;
}

input.button-confirm-black, 
button.button-confirm-black, 
a.button-confirm-black{
	background-size: 100% auto;
	font-weight: 600;
	background-color: gray;
	box-shadow: 0 2px 0 #545454;
	font-size: 1em;	
}
a.button-confirm-black{
	/*font-size: .85em;*/
}

@-moz-document url-prefix() {
	.productListContainer li .button-confirm-black {
		padding-bottom: 4px !important;
		padding-top: 4px !important;
	}
	.productListContainer li a.button-confirm {
		padding-bottom: 4px !important;
		padding-top: 4px !important;
	}	
}

input.button-confirm-black:hover, 
input.button-confirm-black:focus, 
button.button-confirm-black:hover, 
button.button-confirm-black:focus, 
a.button-confirm-black:hover, 
a.button-confirm-black:focus {
	background-color: #787878;
}
input.button-confirm-black:focus::-moz-focus-inner,
input.button-confirm-black:active::-moz-focus-inner,
button.button-confirm-black:focus::-moz-focus-inner,
button.button-confirm-black:active::-moz-focus-inner,
a.button-confirm-black:focus::-moz-focus-inner,
a.button-confirm-black:active::-moz-focus-inner{
	border-color: white;
}
input.button-confirm-black.button-disabled, 
input.button-confirm-black:disabled, 
button.button-confirm-black.button-disabled, 
button.button-confirm-black:disabled, 
a.button-confirm-black.button-disabled, 
a.button-confirm-black:disabled {
	background-color: #f1630e;
	border-color: #000;
}


/*
	Medium button
*/
.mediumButton {
	background-color: #1a74e9;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	font-size: 0.9em;
	font-weight: 600;
	padding: 8px;
	transition: all 400ms ease 0s;
	display: inline-block;
}

.mediumButton:hover,
.mediumButton:focus {
	color: #fff;
	background-color: #20659f;
}

.mediumButton.dark {
	background-color: #636363;
}
.mediumButton.dark:hover,
.mediumButton.dark:focus {
	color: #fff;
	background-color: #333;
}

/*
	Small button
*/
.smallButton {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	margin-left: 3px;
}

.smallButton a span {
	display: none;
}

.smallButton a {
	background-color: #1a74e9;
	border-radius: 40px;
	color: #fff;
	display: block;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	transition: all 400ms ease 0s;
}

.smallButton a:hover,
.smallButton a:focus {
	color: #fff;
	background-color: #20659f;
}

.smallButton a.wishList:hover {
	color: red;
}

.blurred {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

/*
	Search suggest
*/
div.suggest {
	font-size:12px;
	padding:6px;
	border-top:1px solid #e4e4e4;
	background: #fff;
	margin:0;
	clear:both;
	height:auto;
	overflow:auto;
}

div.suggest:first-child {
	border-top: 0;
}

div.suggest:last-child {
	border-bottom:none;
}

div.suggest em {
	float: right;
	font-size: 12px;
}

div.suggest div.image {
	display:block;
	padding-right:4px;
	width:10%;
	float:left;
	text-align:center;
}

div.suggest div.data {
	display:block;
	margin-right:4px;
	width:85%;
	float:left;
}

div.suggest div.data a {
	display: block;
}

div.suggest:hover {
	background-color: #ecfdff;
	border-top: 1px solid #cee7ea;
}

p.empty {
	margin:0;
	padding:3px;
	background: rgba( 233,241,17,0.87 );
}

.typeahead,
.tt-query,
.tt-hint {
	width: 396px;
	height: 30px;
	padding: 8px 12px;
	line-height: 30px;
	border: 2px solid #ccc;
	border-radius: 2px;
	outline: none;
}

.tt-hint {
	display: none;
}

.typeahead {
	background-color: #fff;
}

.typeahead:focus {
	border: 2px solid #20659f;
}

.tt-menu {
	/*width:229px !important;*/
	width: 100%;
	border:1px solid #cccccc;
	text-align: left;
}

p.fullsearch {
	background:#fff;
	padding:5px;
	margin:0;
	font-size: 12px;
}

p.suggestHead {
	background:#ffd11f;
	color: #fff;
	padding:5px;
	margin:0;
	font-size: 12px;
	font-weight:300;
	text-align:left;
}

.suggest.tt-suggestion.tt-selectable > a {
	display: block;
	width: 100%;
}

.suggest.tt-suggestion.tt-selectable > a:focus,
.suggest.tt-suggestion.tt-selectable > a:hover{
	background: yellow;
}

/* 
	Target: 480-
*/ 
@media only screen and (max-width : 480px) {
	input,
	select,
	textarea {
		border: 1px solid #ccc;	
		font-family: inherit;
		font-size: 16px;
	}
}

/* 
	Target: 600-
*/ 
@media only screen and (max-width : 600px) {
	
}

/* 
	Target: 940-
*/ 
@media only screen and (max-width : 940px) {
		
	#jsMenuList.desktop li.category {
		font-size: 90%;
	}
	#jsMenuList.desktop li.category > a {
		padding-left: 4px !important;
		padding-right: 4px !important;
	}
	
	#jsMenuList.desktop li.category i {
		padding-left: 2px;
		padding-right: 5px;
	}
}

/* 
	Target: 720+
*/
@media (min-width: 720px) {
	
	.onlyBig {display: block !important; }
	.onlySmall {display: none !important; }	
	
	.innerFill h1 {
		/*text-align: left;*/
	}
	
	.innerFill h2 {
		/*text-align: left;*/
	}
	
	.innerFill > h2 {
		background-color: #f0f0f0;
		border-bottom: 1px solid #e5e5e5;
	}	
	
	#jsSearchField {
		padding: 0;
	}	
	
	#jsSearchField {
		margin-top: 40px;
	}	
		
	/*
		Breadcrumb
	*/
	#breadcrumbs {
		display: block;
	}		
	
	/*
		Index
	*/
	#pageIndex .flexslider {
		/*min-height: 350px;*/
		margin-bottom: 0;
	}		
	
	/*
		Category
	*/	
	#categoryPage .flexslider {
		min-height: 150px;
	}		
	
	.productListContainer li .innerContainer {
		height: 360px;
	}
	
	.productListContainer li .catProdInner h3 a span {
		height: 33px;
		padding: 0 5px;
		line-height: 16px;
	}

	/*
		Product page
	*/
	#prodDesc {
		margin-top: 0;
	}
	
	#prodDesc .colDesc,
	#prodDesc .colMisc,
	#prodAssoc,
	#prodSimilars,
	#prodOthers {
		margin-top: 0;
	}	
	
	#productPageUpper .colInfo .innerFill {
		background-color: transparent;
		border: none;
		padding: 0;
	}	
	
	#productPageUpper .colInfo,
	#productPageUpper .colDesc {
		margin-top: 0;
	}	
	
	.productImageContainer {
		margin-top: 0;
	}		
	
	.productImage {
		height: 500px;
		line-height: 500px;
	}		
		
	.productImage img {
		max-height: 500px;
	}	
	
	.productInfo h1 {
		text-align: left;
		font-size: 1.7em;
	}
	.productInfo .prices {	
		text-align: left;
	}
	
	.productInfo .shortDesc {
		text-align: left;
		display: block;
	}
	
	.productInfo .subscriptSpot {
		text-align: left;	
	}	
	
	#productManufacturer {
		text-align: left;
	}
	
	#prodFunctions {
		position: relative;
		bottom: auto;
	}	

	.productInfo .stockStatus {
		font-size: .9em;
		margin-top: 0;
		text-align: left;
	}	

	.expectedInStore {
		font-size: .9em;
	}		
		
	/*
		Misc.
	*/		
	.jsShakeArea {
		height: 0;
	}
	
	#loaderContainer {
		display: none;
	}
	
	/*
		Pagination
	*/
	.pagination {
		text-align: right;
	}	
	
	#paging-count {
		text-align: right;
	}		
	
	.nav-wrapper {
		height: 45px;
	}	
	
	/*
		Top area (fixed)
	*/
	#topArea {
		display: block;
		font-size: .9em;
		position: fixed;
		top: 0;
		width: 100%;
		height: 40px;
		line-height: 30px;
		background-color: rgba(255,255,255,.96);
		z-index:1000;
	}
	
	#topBarLeft, #topBarLeft a {
		color: #797979;
		font-size: .8em;
	}
	
	/*
		Top bar, logo search and cart in full screen
	*/	
	#topBar {		
		height: 110px;
		margin-top: 35px;
		display: block;
	}
	
	#topBarLeft li {
		font-weight: 400;
		margin-right: 15px;
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;		
	}
	
	#topBarLeft em {
		color: #82b440;
	}
	
	#topBarLeft a:hover {
		text-decoration: underline;
	}	
	
	#topBarRight {
		text-align: right;	
		margin-top: -5px;
		position: relative;
		font-size: .9em;
	}
	
	#topUsp {
		padding-top: 19px;
		padding-left: 15px;
		font-size: .9em;
		text-align: center;
	}
	
	ul.checked.green li:before {
		color: #82b440;
	}
	ul.checked.green li {
		padding-left: 25px;
		color: #333;
	}	
	
	#topLogoFixed {
		display: none;
	}
	
	#buttonMenu,
	#topCartFiller {
		display: none;
	}
	
	#topSearch {
		display: none;
	}	
	
	/* 
		Footer 
	*/
	#footerTop .col1 {
		text-align: left;
		justify-content: center;
		line-height: 50px;
	}
	
	#footerTop .col2 {
		text-align: right;
		justify-content: center;
	}

	/*
		Menu top
	*/
	#menuTop {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.9);
		height: 45px;
		border-bottom: 0;
		box-shadow: none;
		
		transition: all 0.25s ease;
	}
	
	#menuTop {
		position: relative;
		border-bottom: 0;
		border-bottom: 1px solid #efefef;	
		background-color: #fff;
	}
		
	/*	
		jsMenuList desktop
	*/

	#jsMenuList {
		box-shadow: none;
	}	
	
	#jsMenuList.desktop {	
		background-color: transparent;
		display: block;
		position: relative;
		top: -1px;
		max-height: none;
		overflow: visible;
		width: 100%;
		max-width: 1180px;
		text-align: center;
	}		

	#jsMenuList.desktop li {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
	}
	
	#jsMenuList.desktop li.category > a {
		padding: 0 12px;
		line-height: 45px;
		border-bottom: 0;
		position: inherit;
		/*font-size: .8em;*/
		color: #555;
		transition: background 0.1s linear;
	}
	
	#jsMenuList.desktop.textSmall li.category > a {
		padding: 0 1px;
	}
	#jsMenuList.desktop.textSmall li.category i {
		padding-left: 3px;
		padding-right: 9px;
	}
	
	#jsMenuList.desktop li.category.hasSub > a {
				padding-right: 0;
	}
	
	#jsMenuList.desktop li.category.changed > a	{
		border-top: 1px solid #e1e8ed;
		border-radius: 2px;
		margin-top: -1px;
		background-color: #fff;
		color: #1a74e9;
		/*box-shadow: 0 1px 0 #fff;*/
	}
	
	#jsMenuList.desktop li.category.initialChanged > a {
		color: #1a74e9;
	}
	
	#jsMenuList.desktop li.category.changed i {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}	
	
	#jsMenuList.desktop li.category.active > a {
		position: relative;
		color: #82b440; /* Also check #jsMenuList.desktop li.category.active > a */
	}

	#jsMenuList.desktop li.category > a:hover {
		/*background-color: #828081*/
	}

	#jsMenuList.desktop li.category i {
		padding-left: 8px;
		font-weight: 600;
		float: none;
		margin-right: 0;
		font-size: 1.2em;
	}	
	
	#jsMenuList.desktop li .subMenuWrapper {
		left: 0;
		max-width: 1180px;
		position: absolute;
		overflow: visible;
	}
	
	#jsMenuList li.desktop .subMenuWrapper [class*='grid-'] {
		width: 100%;
	}	
	
	#jsMenuList li .subMenuWrapper li.changed i {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);		
	}	

	#jsMenuList.desktop li .subMenuInner.level-1 {
		box-shadow: -1px 6px 4px -2px rgba(1, 1, 1, 0.2);	
		height: 100%;
		border-bottom: 1px solid #efefef;
		border-left: 1px solid #efefef;
		border-right: 1px solid #efefef;		
	}

	#jsMenuList.desktop li .subMenuWrapper li a {
		padding: 5px;
	}
	
	/* 
		#jsMenuList li .subMenuWrapper li AND #jsMenuList.desktop .subMenuWrapper .subMenuWrapper
		has to "play together" according to width, and left-position/width!
	*/	
	#jsMenuList.desktop li .subMenuWrapper li {		
		display: block;
		width: 20%;	
		float: left;
		position: inherit;

		-webkit-transition: background 0.2s linear;
		-moz-transition: background 0.2s linear;
		-ms-transition: background 0.2s linear;
		-o-transition: background 0.2s linear;
		transition: background 0.2s linear;
	}
	
	#jsMenuList.desktop li .subMenuWrapper li.hasSub i {
		float: right;
	}
	
	/*
		Level 1
	*/	
	#jsMenuList.desktop li .subMenuWrapper li.level-1 {
		border-bottom: 1px solid #f2f2f2;
		margin-left: 0;
	}	

	#jsMenuList.desktop li .subMenuWrapper .level-1 li:hover,
	#jsMenuList.desktop li .subMenuWrapper .level-1 li.changed {
		/*background-color: gray;*/
	}
	
	#jsMenuList.desktop li .subMenuWrapper .level-1 li:hover > a,
	#jsMenuList.desktop li .subMenuWrapper .level-1 li a:focus{
		color: #1a74e9;
	}
	
	/*
		Level 2
	*/
	#jsMenuList.desktop li .subMenuInner.level-2 {
		overflow: auto;
		height: 100%;
		padding: 5px;
	}	
	
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuImg,
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt	{	
		background-color: #fff;
		display: table-cell;
		vertical-align: middle;
		height: 60px;
		text-align: center;
		-webkit-transition: background 0.1s linear;
		-moz-transition: background 0.1s linear;
		-ms-transition: background 0.1s linear;
		-o-transition: background 0.1s linear;
		transition: background 0.1s linear;
	}
	
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuTxt {
		padding: 0 4px;
		text-align: left;
		font-size: .9em;	
		line-height: normal;
		width: 62%;
		word-break: break-word;
	}	
	
	#jsMenuList.desktop li .subMenuWrapper .level-2 .menuImg {
		padding: 4px;
		width: 55px;
		line-height: 60px;
	}
	
	#jsMenuList.desktop li .subMenuWrapper .level-2 li {
		outline: 1px solid #e7e7e7;
	}
	
	#jsMenuList.desktop li .subMenuWrapper .level-2 li:hover > a {
		outline: 1px solid #ffd11f;
	}
	
	#jsMenuList.desktop li .subMenuWrapper .level-2 li:hover > a .menuTxt {
		color: #1a74e9;
	}
	
	/* 
		#jsMenuList.desktop .subMenuWrapper .subMenuWrapper AND #jsMenuList li .subMenuWrapper li
		has to "play together" according to width, and left-position/width!
	*/		
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper {
		background-color: transparent;
		left: 23%;
		position: absolute;
		top: 0;
		width: 76.999%;
	}	
	
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li {
		float: left;
		background-color: transparent;
		width: 23.9%;
		margin: 3px;
	}
	
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li a { 
		background-color: #fff;
		padding: 0;
	}

	/*
		Top cart
	*/
	.topCartOpen {
		position: relative;
	}		
	
	#cashierProducts .productListContainerSmall .listProduct {
		width: 50%;
		display: block;
	}		
	
	.cashierAdress .inner {
		width: 50%;
	}

	.cashier-form .quantity {
		width: 41%;
	}	
}

/*
	Target: 1024px+
*/
@media only screen and (min-width: 1024px) {	
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li {
		width: 15.999%;
	}
}	

/*
	Target: 1200px+
*/
@media only screen and (min-width: 1200px) {
	#cashierProducts {
		display: block;
	}	
}

/*
	Print
*/
@media print {
	.noPrint {
		display: none;
	}
	.productListContainer li .catProdInner .productBuy {
		display: none;
	}
}

/*********************************************************************************************
GRID SYSTEM
*********************************************************************************************/

/* BASE */
*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

[class*='grid-'] {
	float: left;
	padding: 5px;
	width:100%;
}

#topBar [class*="grid-"] {
	padding-top: 0;
}

.clear-grid {
	clear:both;
	float:inherit;
}
.container {
	margin:0;
	width: 100%;
}
.container:after, .container:before {
	display: table;
	clear:both;
	content: " ";
}
.nest {
	margin:0 -10px;
	padding:0;
	width:auto;
}

/* Mobile */
.grid-m-12 {width: 100%;}
.grid-m-11 {width: 91.666663%;}
.grid-m-10 {width: 83.33%;}
.grid-m-9  {width: 74.999997%;}
.grid-m-8  {width: 66.66666664%;}
.grid-m-7  {width: 58.333%;}
.grid-m-6  {width: 50%;}
.grid-m-5  {width: 41.6665%;}
.grid-m-4  {width: 33.33%;}
.grid-m-3  {width: 24.99%;}
.grid-m-2  {width: 16.66666%;}
.grid-m-1  {width: 8.33%;}

/* Five columns special */
.grid-m-15 {
	width: 50%;
	float: left;
}


/* 720px+ */
@media (min-width: 720px) {	
	.grid-12 {width: 100%;}
	.grid-11 {width: 91.666663%;}
	.grid-10 {width: 83.33%;}
	.grid-9  {width: 74.999997%;}
	.grid-8  {width: 66.66666664%;}
	.grid-7  {width: 58.333%;}
	.grid-6  {width: 50%;}
	.grid-5  {width: 41.6665%;}
	.grid-4  {width: 33.33%;}
	.grid-3  {width: 24.99%;}
	.grid-2  {width: 16.66666%;}
	.grid-1  {width: 8.33%;}

	.grid-t-12 {width: 100%;}
	.grid-t-11 {width: 91.666663%;}
	.grid-t-10 {width: 83.33%;}
	.grid-t-9  {width: 74.999997%;}
	.grid-t-8  {width: 66.66666664%;}
	.grid-t-7  {width: 58.333%;}
	.grid-t-6  {width: 50%;}
	.grid-t-5  {width: 41.6665%;}
	.grid-t-4  {width: 33.33%;}
	.grid-t-3  {width: 24.99%;}
	.grid-t-2  {width: 16.66666%;}
	.grid-t-1  {width: 8.33%;}
	
	/* Five columns special */
	.grid-t-15 { width: 24.99%; float: left;
	}	
}

/* 1024px+ */
@media only screen and (min-width: 1024px) {
	.grid-tl-12 {width: 100%;}
	.grid-tl-11 {width: 91.666663%;}
	.grid-tl-10 {width: 83.33%;}
	.grid-tl-9  {width: 74.999997%;}
	.grid-tl-8  {width: 66.66666664%;}
	.grid-tl-7  {width: 58.333%;}
	.grid-tl-6  {width: 50%;}
	.grid-tl-5  {width: 41.6665%;}
	.grid-tl-4  {width: 33.33%;}
	.grid-tl-3  {width: 24.99%;}
	.grid-tl-2  {width: 16.66666%;}
	.grid-tl-1  {width: 8.33%;}
	
	/* Five columns special */
	.grid-tl-15 { width: 20%; float: left;}		
}


/* 1200px+ */
@media only screen and (min-width: 1200px) {
	.container {max-width:1180px; margin:0 auto;}
	.container-fluid {max-width:90%; margin:0 5%;}
	.grid-d-12 {width: 100%;}
	.grid-d-11 {width: 91.666663%;}
	.grid-d-10 {width: 83.33%;}
	.grid-d-9  {width: 74.999997%;}
	.grid-d-8  {width: 66.66666664%;}
	.grid-d-7  {width: 58.333%;}
	.grid-d-6  {width: 50%;}
	.grid-d-5  {width: 41.6665%;}
	.grid-d-4  {width: 33.33%;}
	.grid-d-3  {width: 24.99%;}
	.grid-d-2  {width: 16.66666%;}
	.grid-d-1  {width: 8.33%;}
	
	/* Five columns special */
	.grid-d-15 {width: 20%;float: left;}
	.grid-d-40 {width: 40%;float: left;
	}
}

/*
 * Lyson AB - Lee S 2022 
 * Egna stilar
 */

html, body {
	background: #ECE9E6; /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom right, #FFFFFF, #ECE9E6); /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
h1.styled, h2.styled {
	font-family: 'Didact Gothic', sans-serif;
}

#prodSpec ol,
#prodSpec ul {
	column-count: 2;
	column-gap: normal;
}