/*
	Copyright (C) 2012-2017 Kodmyran AB
	All Rights Reserved
	
	- Grid system is at the bottom of the file
*/


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

body {
	height: 100%;
	padding: 0;
	margin: 0;
	color: #333;
	font: 16px '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: #7cbf11;
}

a:hover {
	text-decoration:none;
	color: #7cbf11;
}

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: 0px !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 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #ddd;
}
 
input[type=text]:focus, 
textarea:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	margin: 5px 1px 3px 0px;
	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-indent: 0.01px;
	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: '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: 0px 0 5px;	
	font-weight: 400;
}

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

h3 {
	margin:0;
	padding:0px 0 3px 0;
	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-left: 20px;
	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;*/
}

/*
	Ribbons
*/
.ribbon-wrap {
  width: 100%;
  height: 188px;
  position: absolute;
  top: -4px;
  left: 4px;
  overflow: hidden;
}
.ribbon-wrap:before, .ribbon-wrap:after {
  content: ""; 
  position: absolute;
}
.ribbon-wrap:before {
  width: 25px;
  height: 4px;
  right: 100px;
  background: #333;
  border-radius: 8px 8px 0px 0px;
}
.ribbon-wrap:after {
  width: 4px;
  height: 25px;
  right: 0px;
  top: 100px;
  background: #333;
  border-radius: 0px 8px 8px 0px;
}

.ribbon1 {
  width: 200px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  overflow: hidden;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #5f5f5f;
  text-align: center;
  color: #fff;
}

.ribbon3 {
	background: #cac6ba none repeat scroll 0 0;
    color: #595037;
    font-size: 0.75em;
    height: 25px;
    left: 0px;
    line-height: 25px;
    padding-left: 15px;
    position: absolute;
    top: 53%;
    width: 111px;
    z-index: 2;
}

.ribbon3:before, .ribbon3:after {
	content: "";
	position: absolute;
}

.ribbon3:before {
	border-bottom: 6px solid #9e957c;
    border-left: 7px solid transparent;
    height: 0;
    left: 0.1px;
    top: -5.5px;
    width: 0;
}

.ribbon3:after {
	border-bottom: 12px solid transparent;
    border-left: 9px solid #cac6ba;
    border-top: 13px solid transparent;
    height: 0;
    right: -8.5px;
    width: 0;
}

/*
	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 left
*/

/* -- Toggle button when mobile mode */
#menuLeftToggle {
	background-color: #ffd11f;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-weight: 600;
	cursor: pointer;
	display: none;
}

#menuLeftToggle span {
	position: relative;
}

#menuLeftToggle span:after {
	content: '\f107';
	font-family: FontAwesome;
	position: absolute;
	right: -17px;
    top: 2px;
	height: inherit;
}

#menuLeftToggle.active span:after {
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* -- The menu */
#menuLeft  {
	font-size: .8em;
	display: none;
	background-color: #f7f7f7;
    padding: 10px;
}

#menuLeft .backButton {
	color: #555;
    display: block;
    margin-bottom: 2px;
    padding: 3px;
	line-height: 20px;
	background-color: #fff;
	margin-top: -8px;
}

#menuLeft .backButton i {
	margin-right: 5px;
    padding-left: 0;
}

#menuLeft h2 {
	background-color: #000;
    color: #fff;
    font-size: 1em;
    font-weight: 400;
    padding: 10px;
    text-transform: none;
}

#menuLeft h3 {
	font-size: .9em;
	font-weight: 400;
	padding: 10px 0 5px 0;
	color: #000;
}

#menuLeft li {
	display: block;
	position: relative;
	padding:0;
	background-color: #fff;
	border-bottom: 1px solid #e4e4e4;
	overflow: auto;
}

#menuLeft li a {
	display: block;
	padding: 9px 5px;
}

#menuLeft  ul > li.category {
	border-right: 1px solid #dcdcdc;
	border-left: 1px solid #dcdcdc;
}

#menuLeft li.category:hover {
	background-color: #fcfcfc;
}

#menuLeft li.category > a.changed {
	background-color: #f3f3f3;
}

#menuLeft li.child:hover {
	background-color: #fcfcfc;
}

#menuLeft li.child {
	border-bottom: 1px dashed #e4e4e4;
	padding-left: 14px;
}

#menuLeft li.child:last-child {
	border-bottom: 3px solid #e4e4e4;
}

#menuLeft li.active {
	background-color: #f1f1f1;
}

#menuLeft li.hasSub a:after {
	content: '\f0d7';
	font-family: FontAwesome;
	position: absolute;
	right: 5px; 
	top: 12px;
	height: inherit;
	color: #000;
}

#menuLeft li.noSub a:after {
	display: none;
}

#menuLeft li.hasSub a.changed:after {
	content: '\f0d8';
}

#menuLeft .subMenuWrapper {
	display: none;
	position: relative;
}

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

/*
	Top container when in mobile mode
*/
#menuTop, 
#menuTop.fixed {
    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.fixed {
	/* box-shadow: 0 1px 2px rgba(0,0,0,0.2); */
}

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

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

/*
	countrySelect
*/
#countrySelect {
  padding: 10px;
}

#countrySelect img {
	padding: 0 5px;
}

#countrySelect .active img {
  background-color: #a9db67;
  border: 1px solid #75a733;
  border-radius: 3px;
}

#countrySelect ul {
	float: right;
}

#countrySelect ul {
  display: table;
  height: 100%;
}

#countrySelect li {
  display: table-cell !important;
  vertical-align: bottom;
}

#countrySelect li:hover img {
	background-color: #e3f6ca;
    border-radius: 3px;
}

/*
	jsSearchField
*/
#jsSearchField {
	display: block;
	padding: 10px;
}

#jsSearchField legend {
	display: none;
}

#jsSearchField button span {
	display: none;
}

#jsSearchField.fixed {
    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: #b0b0b0;
	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: #7cbf11;
}

#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: 0px;
}

#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: 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: #fcfbe6;
	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;
	line-height: 28px;
}

/*
	Newsletter
*/

#ajaxNL {
	text-align: center;
    width: 100%;
}

#ajaxNL .newsletter-field {
    height: 40px;
    vertical-align: middle;
    /*width: 30%;*/
	padding: 5px;
	border: 0px;
	max-width: 300px;
	
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.nlText {
	text-align: center;
}

.nlText i {
	font-size: 2.5em;
	vertical-align: middle;
	margin-top: -4px;
	margin-right: 10px;
}

.nlText span {
	display: block;
}

.nlText img {
	vertical-align: middle;
	padding-right: 10px;
}

.nlText strong {
	padding-right: 15px;
	font-weight: 600;
	font-size: 1..9em;
}

/*
	Show/Hide in category view
*/
#categorySubCategories h2 {
	display: none;
}

.categoryDescription {
	overflow:hidden;
	position: relative;
	padding: 0px 60px 0px 0px;
}

.fadeout {
	display: none;
	height: 4em;
    left: 0;
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-image: linear-gradient(
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 1) 100%
    );
} 

#cpToggle {
	display: none;
}

#cpToggle button {
	background-color: #1a74e9;
    border-radius: 50px;
    bottom: 5px;
    cursor: pointer;
    display: none;
    font-size: 23px;
    height: 45px;
    line-height: 35px;
    padding: 5px;
    position: absolute;
    right: 5px;
    text-align: center;
    text-transform: uppercase;
    width: 45px;
	color: #fff;
    display: block;
	border: none;
}

#cpToggle button:hover{
	background-color: #20659f
}

#cpToggle:hover button,
#cpToggle:hover button:focus {
	outline: 0;
}

.collapsed {
	max-height:80px;
}

.expand {
	max-height: none;
}

/*
	VAT-area
*/
#vatContainer .vatInner {
	width: 150px;
	text-align: left;
	margin: 10px auto 0;	
}

.vatInner .vatText {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	vertical-align: top;
	font-size: .9em;
	line-height: 30px;
	width: 55%;
	/*background-color: #f7f7f7;*/
	color: #333 !important;
    padding-left: 6px;
	position: relative;
}
.vatInner .vatSwitch {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	vertical-align: top;
	width: 40%;
}

/*
	On/off switch
*/
.onoffswitch {
	position: relative; 
	width: 99%;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	margin-bottom: 5px;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block; 
	overflow: hidden; 
	cursor: pointer;
}

.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; 
	float: left; 
	width: 50%; 
	height: 30px; 
	padding: 0; 
	line-height: 30px;
	font-size: 12px; 
	color: white; 
	font-family: Trebuchet, Arial, sans-serif; 
	font-weight: 400;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "P\c5";
	background-color: #1a74e9;
    border-radius: 5px;
	color: #fff;
	padding-left: 7px;
}

.onoffswitch-inner:after {
	content: "AV";
	padding-right: 10px;
	background-color: #EEEEEE; color: #999999;
	text-align: right;
}

.onoffswitch-switch {
	display: block; width: 18px; margin: 6px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 33px;
	border-radius: 2px;
	transition: all 0.3s ease-in 0s; 
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px; 
}

/*
	Styled radio button or checkbox
*/
/*
input.styledChk {
    display:none;
}

input.styledChk + label {
	font-weight: normal;
	font-size: 1em;
	cursor: pointer;
	margin-right: 10px;
}

input.styledChk + label span {
    display:inline-block;
    width:19px;
    height:19px;
    margin:-1px -1px 0 0;
    vertical-align:middle;
    cursor:pointer;
	font-weight: normal;
}
input.styledChk + label span:after {
	content:"\f10c";
	font-family: FontAwesome;	
	color: #a3a3a3;
}

input.styledChk:checked + label span {
}

input.styledChk:checked + label span:after {
	font-family: FontAwesome;
	content:"\f00c";
	color: green;
}
*/

/*
	Wrapper
*/
#wrapper {
	font-size: .9em;	
	background-color: #fff;
	/*
	background: #f7f7f7;
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(77%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(237,237,237,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(237,237,237,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(237,237,237,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 77%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
	*/
	overflow: auto;
	
	min-height: 40%;
}
#wrapper > .container {
	padding-top: 5px;
}

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

#indexTopText {
	/*margin-bottom: 20px;*/
	
}

#indexTopSellersFromCategories .catLink {
	font-size: .9em;
	margin-top: -6px;
	margin-bottom: 5px;
}

#indexTopSellersFromCategories .catLink a {
    background-color: #7cbf11;
    border-radius: 10px;
    padding: 2px 9px;
	color: #fff;
}

#indexTopSellersFromCategories .catLink a:hover {
	background-color: #20659f;
}

#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: 0px 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;
}

#uspIndex {

}

#uspIndex [class*='grid-']  {
	margin-bottom: 5px;
}

#uspIndex [class*='grid-']:first-child,
#uspIndex [class*='grid-']:nth-child(2) {
    /*border-bottom: 1px solid #eaeaea;*/
    /*padding-bottom: 14px;*/
}

#uspIndex [class*='grid-']:nth-child(2){
    border-right: 0px;
}

#uspIndex [class*='grid-']:last-of-type {
	border-right: 0;
}	

#uspIndex .uspPlate {
	text-align: center;
	min-height: auto;
}

#uspIndex .uspPlate i {
	font-size: 4em;
}

#uspIndex .uspPlate p {
	margin: 0;
	padding: 0;
	line-height: 0;
}

#uspIndex .uspPlate img {
    width: 100%;
    height: auto;
}


#indexImagesFromCategories .catItem:hover .innerFill {
	outline: 1px solid gray; 
}

#indexImagesFromCategories a {
	display: block;
	height: 100%;
}

#indexImagesFromCategories a:focus h2 {
	color: #7cbf11;
	outline: thin dotted;
}

#indexImagesFromCategories .image {
	height: 125px;
	margin-bottom: 10px;
}

#indexImagesFromCategories h2 {
    border: medium none;
    font-size: 1.1em;
    font-weight: 500;
    height: 60px;
    overflow: hidden;
    text-align: center;
}

.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: 0px 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,
#topBar.fixed {
	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%;
    background-color: transparent;
    border: 0;
    padding-top: 10px;
    padding-bottom: 9px;
}

#buttonMenu:focus {
	color: #7cbf11;
	outline: thin dotted;
	outline-offset:-2px;
}

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

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

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

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

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

#topLogo img {
	height: auto;
	max-height: 90px;
	vertical-align: middle;
}

#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 0px 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);
	background-repeat:repeat-y;
}

.sitemapHline {
	background:url(../images/hline.gif); 
	background-repeat: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: 1..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: 1..9em;
	text-transform: uppercase;
	background-color: #82b440;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	display: block;
	position: relative;	
	text-shadow: 2px 0px 3px rgba(0,0,0,.25);
}

#btnToCashier a:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(130, 180, 64, 0);
	border-right-color: #82b440;
	border-width: 4px;
	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: 0px 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
*/
#footerNewsletter {
	background-color: #404040;
}

#footerToTop {
    font-size: 1.2em;
    text-align: center;
    text-transform: uppercase;
	background-color: #565656;
}

#footerToTop a {
	cursor: pointer;
    display: block;
    margin-bottom: 15px;
    margin-top: 10px;
	color: #fff;
}

#footerToTop a:hover {
	color: #7cbf11;
}

.footerSocial {
	margin: 10px 0;
}

#footerLogos {
	background-color: #434343;
}
#footerLogos [class*='grid-'] {
	text-align: center;
}

#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; 
	text-decoration:none; 
	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;
	text-align: center;
}

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

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

/*
	My-page
*/
.wishlist ul {
	margin:0px;
	padding:0px;
	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: 1..9em;
	font-weight: 600;
}

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

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

/*
	Breadcrumbs
*/
#mBreadcrumb {
	font-size: .8em;
	background-color: #f7f7f7;
}

#mBreadcrumb h2 {
	font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 0;
    padding: 10px 0;
    text-align: center;	
	background-color: transparent;
    border-bottom: 1px solid #e3e3e3;
}

#breadcrumbs{  
    overflow: auto;
    position: relative;
	font-size: .9em;
	display: none;
}

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

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

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

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

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

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

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

/*
	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: 0px;
	height: 50px;
    line-height: 50px;	
	/*width: 60px;*/
	padding: 0 12px;	
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1;
}

.spotPopular {
    color: #333;
    font-size: 0.9em;
	text-transform: uppercase;
    font-weight: 600;
    right: 12px;
    line-height: 38px;
    position: absolute;
    text-align: center;
    top: 0px;
    z-index: 1;	
	
	display: none;
}

.spotPopular i {
	font-size: 1.6em;
	padding-right: 6px;
	vertical-align: middle;
	margin-top: -5px;
}

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

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

.productListContainer li:hover {
	/*
	-webkit-transform: translateY(-1px);
	transform: translateY(-1px);
	*/
}

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

.productListContainer li:hover a {
	/*color: #4faab2;*/
}

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

.productListContainer li.bigProduct {
	float: left;
}

.productListContainer li.bigProduct .innerContainer {
	height: 340px;
}

.productListContainer li .innerContainer {
    box-shadow: 1px 1px 3px rgba(55, 55, 55, 0.0);
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	transform:translateY(-2px);	
}

.productListContainer li:hover {
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	transform:translateY(-2px);
}

.productListContainer li:hover .innerContainer {
	box-shadow: 0px 0px 10px rgba(55, 55, 55, 0.1);
	
}

.productListContainer li.bigProduct .catProdImage {
	height: 200px;
}

.productListContainer li.bigProduct .catProdImage img {
	max-height: 190px;
}

.productListContainer li.bigProduct .catProdInner h3 a {
	padding-top: 211px;
}

.productListContainer li.bigProduct .catProdInner h3 a span {
	height: 60px;
	line-height: 27px;
}

.productListContainer li.bigProduct .catProdInner .rating {
	bottom: 35%;
}

.productListContainer ul [class~='bigProduct']:nth-child(even) {
	float: right;
}

.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;
	background-color: #fff;
}

.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: 50%;	
}

.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: 100%;*/
    height: 86%;
	padding-top: 235px;
}

.productListContainer li .catProdInner h3.linkSpec {
	height: auto;
}


.productListContainer li .catProdInner h3 .linkLike {
    display: block;
    /*height: 100%;*/
	padding-top: 235px;	
	text-align: center;
	font-weight: 500;
}

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

.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: transparent;
	
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

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

.productListContainer li .catProdInner .rating {
	bottom: 33.5%;
    font-size: 0.8em;
    height: 20px;
    left: 50%;
    margin-left: -32px;
    position: absolute;
	
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.productListContainer li .catProdInner .rating li:hover {
	transform: none;
}

.productListContainer li .catProdInner .rating li {
	font-size: 1.3em;
}

.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: 0px;
}

.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;
}

/*
	Flexslider with category products
*/
.productListContainer .flexslider {
	margin: 0;
	border: 1px;
	overflow: hidden;
}

.productListContainer .flexslider .slides img {
	width: auto;
}

.productListContainer .flexslider .flex-control-nav {
	display: none;
}

.productListContainer .flexslider li .innerContainer {
	position: relative;
	background-color: #fff;
	border: 1px dashed #e4e4e4;
	height: 378px;
}

.productListContainer .flexslider .slides > li {
	height: 360px;
}


.productListContainer .flexslider li .catProdInner .rating {
	bottom: 70%;
    left: 57%;
}

.productListContainer .flexslider .catProdImage {
	float: left;
	width: 50%;
	height: 372px;
	background-color: #fff;
}
	
.productListContainer .flexslider .catProdInner {
	float: left;
	width: 49%;
	padding-left: 12px;
}	

.productListContainer .flexslider .catProdInner h3 {
	position: relative;
}

.productListContainer .flexslider .catProdInner h3 a {
	padding-top: 10px;
	font-size: 1.4em;
}

.productListContainer .flexslider .catProdInner h3 a span {
	line-height: 1.2em;	
	height: auto;
	text-align: left;
	height: 65px;
}

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

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

.productListContainerCard .foldOut {
	margin-top: 10px;
	border-top: 1px dotted #ccc;
	margin-bottom: 10px;
	padding: 4px;
	background-color: #e7e7e7;
	position: relative;
	text-align: left;
}

.productListContainerCard .foldOut:after { top: -2px; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(248, 248, 248, 0); border-top-color: #f8f8f8; border-width: 10px; margin-left: -10px; }

.productListContainerCard .quant {
	border-radius: 8px;
	text-align: center;
	height: 24px;
}

/*
	Product page
*/
#prodLatestReviews .productReview {
	border-bottom: 1px dotted #cccccc;
    padding: 4px 0;
	margin-bottom: 10px;
}

#prodLatestReviews .productReview .revDate {
	color: #484848;
    font-size: 0.8em;
}

#prodLatestReviews .productReview .revAuthor {
	font-size: 0.8em;
}

#prodLatestReviews .productReview .revText {
	padding: 3px 0;
}

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

#prodDesc .colDesc .innerFill {}
#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: 0px;
}

.productImageContainer .prev {
	left: 0px;
}

.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: 0px 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: 0px;
	left: 0px;
	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;
}


#cashierProducts .productListContainerSmall .listProduct {
	width: 100%;
	display: block;
}

#cashierProducts .productListContainerSmall .priceOld {
	display: none;
}

.productListContainerSmall [class*='grid-'] {
	position: relative;
}

.productListContainerSmall .listProduct {
	width: 100%;
	display: block;
}

.productListContainerSmall li .innerContainer {
	position: relative;
	border: 1px solid #f5f5f5;
	padding: 5px;
	background-color: #fff;
}

.productListContainerSmall li .innerContainer:after {
  content: "";
  display: table;
  clear: both;
}					

.productListContainerSmall li:hover .innerContainer {
	border: 1px solid #e9e9e9;
}

.productListContainerSmall .ribbon-wrap {
	display: none;
}

.productListContainerSmall li .catProdImage {
	height: 100px;
	width: 19%;
	position: relative;
	float: left;
}

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

.productListContainerSmall li .catProdImage .spotSale {
	font-size: 0.7em;
    height: 52px;
    line-height: 52px;
    width: 52px;
}

.productListContainerSmall li .button-confirm {
	padding: 8px 5px !important;
	width: 85%;
}

.productListContainerSmall li .button-confirm-black {	
	padding: 8px 5px !important;
	width: 85%;
	font-weight: 500;
}

.productListContainerSmall li .catProdInner {
	float: right;
	width: 80%;
	padding-left: 15px;
}

.productListContainerSmall li .cpCatProductRowL {
	display: none;
}

.productListContainerSmall li .catProdInner h3 {
	font-weight: 300;
	height: 60px;
	padding: 0;
	padding-right: 10px;
	font-weight: 600;
}

.productListContainerSmall li .catProdInner h3 a {
	display: block;
	height: 100%;
	padding-top: 5px;
}

.productListContainerSmall li .catProdInner h3 a span {
	display: block;
	font-weight: 500;
	font-size: 0.9em;
	height: 102px;
	left: 0;
	overflow: hidden;
	padding-left: 22%;
	position: absolute;
	top: 5px;
	text-transform: uppercase;
}

.productListContainerSmall li .catProdInner .h3spacer {
	display: none;
}

.productListContainerSmall li .catProdInner .rating {
	display: none;
}

.productListContainerSmall li .catProdInner .rating li {
	font-size: 1.3em;
}

.productListContainerSmall li .catProdInner .productPrice {	
	float: left;
	font-size: 1.3em;
	font-weight: 400;
	height: 40px;
	min-height: 40px;
	text-align: left;
	width: 50%;
}

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

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

.productListContainerSmall li .catProdInner .productPrice .installmentCost {
	font-family: 'Roboto', sans-serif;
	font-size: .6em;
	height: 15px;
	font-weight: normal;
	padding-top: 3px;
	color: #666;
}

.productListContainerSmall li .catProdInner .productBuy {
	float: right;
	margin-top: -5px;
	min-height: 40px;
	text-align: right;
	width: 50%;
}

/*
	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 {
	/*background: transparent;*/
}

.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: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(247, 247, 247, 0);
	border-top-color: #efefef;
	border-width: 10px;
	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;
}

#jsRatingsBtn {
	text-align: center;
	margin-top: -10px;
}

#jsRatingsBtn ul {
	display: inline;
}

#jsRatingsBtn span {
	font-size: .8em;
	color: #7f7f7f;
	display: none;
}

#prodSimilarsSmall {}


#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: #fff;
	margin-top: 0px;
}

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

#prodDesc h3 {
	font-weight: 500;
}

#tellAFriend {
	margin-top: 10px;
}

/*
	Productpage: Reviews
*/
.productReviewWrite {
	background-color: #f7f7f7;
    margin-top: 5px !important;
}

#divAllReviews {
	
}

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

#footerReviews {
	background-color: transparent;
}

#prodLatestReviews .lRev, 
#footerReviews .lRev {
	text-align: center;	
}

#prodLatestReviews .lRevName,
#footerReviews .lRevName {
	font-weight: 600;
    height: 20px;
    overflow: hidden;
	margin-top: 10px;
}

#prodLatestReviews .lRevGrade,
#footerReviews .lRevGrade {
	font-size: .8em;
}

#prodLatestReviews .lRevText, 
#footerReviews .lRevText {
	font-size: 0.9em;
	line-height: 1.3em;
	position: relative;
	padding: 2px 20px;
}
#prodLatestReviews .lRevText:before, 
#footerReviews .lRevText:before {
    font-family: FontAwesome;
    content: "\f10d";
    left: 4px;
    top: -38px;
    color: rgba(0, 0, 0, 0.1);
    position: absolute;
    font-size: 2em;
}
/*
#prodLatestReviews .lRevText:after {
    font-family: FontAwesome;
    content: "\f10e";
    right: 6px;
    bottom: -22px;
    color: #ededed;
    position: absolute;
    font-size: 1.3em;		
}
*/

#prodLatestReviews .lRevDate, 
#footerReviews .lRevDate {
	display: none;
	font-size: .7em;
	color: #666;
}
#footerReviews .lRevDate {
	display: block;
}

/*
	Productpage: Attributes
*/
#prodAttributes .col1 {
	font-weight: 600;
}

#prodAttributes .col1,
#prodAttributes .col2 {
	font-size: .9em;
}

/*
	Productpage: Related categories
*/
#prodRelCat li {
	margin: 3px 0px 3px 5px;
	padding: 2px;
}

#prodRelCat li a {
	display: block;
}

#prodRelCat li a:hover,
#prodRelCat li a:focus {
	color: #1a74e9;
}

/*
	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: 21px;
    position: absolute;
    right: 0;
    text-align: right;	
}

#divTellAFriend { 
	background-color: #f7f7f7;
}

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

/*
	Show more reviews
*/
#jsShowMoreCat {}
#jsShowMoreCat:hover {}

/*
	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 0px 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 0px 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 0px 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 0px 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 0px 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: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-color: rgba(193, 0, 0, 0); 
	border-bottom-color: #c10000; 
	border-width: 10px; 
	margin-left: -10px; 
}

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

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

/*
	categories
*/
.categories {
	
}

/* Categories - slim (text) */
.categories.slim li{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
}

.categories.slim li a {
    background-color: #7cbf11;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: 500;
    height: 100%;
    padding: 7px;
}

.categories.slim li a:hover,
.categories.slim li a:focus {
	background-color: #679d12;
	color: #fff;
}

.categories.slim li a.active {
	background-color: #183f05;
	color: #fff;
}

.categories.slim li .count {
	background-color: #e3e3e3;
    border-radius: 10px;
    color: #818181;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
    margin-bottom: 7px;
    margin-top: 8px;
    padding: 4px 8px;
    vertical-align: top;
	font-size: 0.7em;
	text-align: center;
}

.categories.slim li .catProdImage {
    height: 65px;
}

/*
	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;
}

#toggleFaq {}

.divQuestions .faqHeader {
    font-size: 0.85em;
}

.divQuestions .faqQuestionFold {
    font-size: 0.88em;
}

.divQuestions li {
	margin-bottom: 4px;
}

#faqWrapper h3 {
	font-weight: normal;
	border-bottom: medium none;
    margin-bottom: 0;
    padding: 0 0 5px;
	margin-left: 13px;	
}
#faqWrapper h3 a {    
    font-weight: normal;
	position: relative;
	display: block;
}

#faqWrapper h3 a:before {
    color: #ffd11f;
	content: "+"; /* \203A */
    font-size: 18px;
    left: -14px;
    position: absolute;
    top: -2px;
	font-weight: 600;
}

.faqQuestionFold {
    background: #f2f2f2 none repeat scroll 0 0;
    margin-bottom: 10px;
    margin-top: 8px;
    padding: 5px 10px;
    position: relative;
}
.faqQuestionFold:after, 
.faqQuestionFold:before { 
	bottom: 100%; 
	left: 5%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	
	position: absolute; 
	pointer-events: none; } 

.faqQuestionFold:after { 
	border-color: rgba(247, 247, 247, 0); 
	border-bottom-color: #f1f1f1; 
	border-width: 10px; 
	margin-left: -10px; 
} 

#faqSubHeader {
    font-weight: 600;
	padding-top: 10px;
}

.toggleFaqDiv {
    margin-top: 5px;
}

/*
	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: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 246, 246, 0);
	border-bottom-color: #f6f6f6;
	border-width: 7px;
	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: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(246, 246, 246, 0);
		border-bottom-color: #f6f6f6;
		border-width: 7px;
		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: 0px;
}
.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: 7px 0 !important;
    margin-top: 5px;
}

#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: 400;
	padding-bottom: 15px;
}

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

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

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

.cashier-form .cartRemove {
	/*display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	text-align: center;*/
    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;
}


#qcTypeChoice {}

#qcTypeChoice ul {
    padding-left: 0;
	display: block;
	margin-top: 0;
}

#qcTypeChoice li a {
	background-color: gray;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;	
    margin-left: 0;
    margin-right: 30px;
    position: relative;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
	font-weight: 600;	
}

#qcTypeChoice li a:hover,
#qcTypeChoice li a:focus {
	outline: 2px solid #82b440;
}

#qcTypeChoice li.active a {
    background-color: #82b440;
    border-color: #ccc;
	border: 0px;
}

#qcTypeChoice li a:after {
    border-radius: 7px;
    color: #ccc;
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
    height: 25px;
    left: 11px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    top: 20%;
    width: 25px;
}

#qcTypeChoice li > a {
    display: block;
    height: 100%;
    width: 100%;
	color: #fff;
}

#qcTypeChoice li.active a:after {
    background-color: #fff;
    border-radius: 40px;
    color: #82b440;
}

.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: 1..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: 0px;
}

.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 {
	height: 30px;
	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: 1..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: transparent;
	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;
	*/
}

.axloader,
.axloader:before,
.axloader:after {
  border-radius: 50%;
}
.axloader {
  color: transparent;
  font-size: 11px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 1em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.axloader:before,
.axloader:after {
  position: absolute;
  content: '';
}
.axloader:before {
  width: 5.2em;
  height: 10.2em;
  background: #639521;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.2em 5.1em;
  transform-origin: 5.2em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.axloader:after {
  width: 5.2em;
  height: 10.2em;
  background: #639521;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 5.1em;
  -webkit-transform-origin: 0px 5.1em;
  transform-origin: 0px 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

#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;
}

.giftText {
	background-color: #ededed; 
	padding: 8px; 
	border-radius: 8px;
	position: relative;
	font-size: 12px;
	text-align: right;
}
.giftText:after { bottom: 100%; right:10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(237, 237, 237, 0); border-bottom-color: #ededed; border-width: 10px; margin-left: -10px; }



.greetingPopup {
    background-color: #7cbf11;
    border: 1px solid #d3d3d3;
    box-shadow: 2px 2px 2px #ccc;
    color: #fff;
    left: -45px;
    padding: 8px;
    position: absolute;
    text-align: center;
    top: -48px;
	border-radius: 8px;
}
.greetingPopup:after { 
	top: 100%; 
	left: 50%; 
	border: solid transparent; 
	content: " "; 
	height: 0; 
	width: 0; 
	position: absolute; 
	pointer-events: none; 
	border-color: rgba(255, 255, 255, 0); 
	border-top-color: #82b440; 
	border-width: 10px; 
	margin-left: -10px; 
}

.gift {
	position: relative;
}

.gift i {
	font-size: 1.5em;
}

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

.giftCashier, 
.giftCashier label,
.labelLike {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: 6px;
}

.giftCashier label i,
.labelLike i {
    font-size: 1.3em;
	color: #82b440;
}
.wrappPrice {
	color: #82b440;
	font-weight: 600;
}


.giftText2 {
	display:none;
}


/*
	Widths em
*/
.w.9em {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;} .w1.9em {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;}
.w2.9em {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;
	text-shadow: none;
	border: 0;
	font-size: 1..9em;
	-webkit-appearance: none;
	font-family: "Open Sans",Arial,Helvetica,sans-serif;
	outline:none;
	position: relative;
	border-radius: 2px;
	z-index: 2;
	transition: all 200ms ease 0s;
	text-shadow: 2px 0px 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 {
    background-color: #EEEEEE;
    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;
}


input.button-confirm-orange, 
button.button-confirm-orange, 
a.button-confirm-orange{
    background-size: 100% auto;
	font-weight: 600;
	background-color: #e58a07;
	box-shadow: 0 2px 0 #e58a07;
	font-size: 1em;	
}

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: #e58a07;
}

input.button-confirm-orange:hover, 
input..button-confirm-orange:focus, 
button..button-confirm-orange:hover, 
button..button-confirm-orange:focus, 
a..button-confirm-orange:hover, 
a..button-confirm-orange:focus {
	background-color: #e58a07;
}
input..button-confirm-orange:focus:-moz-focus-inner, 
input..button-confirm-orange:active:-moz-focus-inner, 
button..button-confirm-orange:focus:-moz-focus-inner, 
button..button-confirm-orange:active:-moz-focus-inner, 
a..button-confirm-orange:focus:-moz-focus-inner, 
a..button-confirm-orange:active:-moz-focus-inner{
    border-color: white;
}
input..button-confirm-orange.button-disabled, 
input..button-confirm-orange:disabled, 
button..button-confirm-orange.button-disabled, 
button..button-confirm-orange:disabled, 
a..button-confirm-orange.button-disabled, 
a..button-confirm-orange: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: #a6c37a ; 
    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: #183f05;
}

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

.grow {  }
/*.grow:hover { transform: scale(1.07); transition: all .2s ease-in-out;}*/
.bigBuy.grow:hover { transform: scale(1.03); }
.blurred {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

.easing {
    transition: all 0.15s ease 0s;
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}
		

/*
	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%;
}		
		

/* 
	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) {
	
}


@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 .searchContainer {
		border-radius: 8px;
		padding: 5px 8px;
		background-color: #fcfbe6;
		border-radius: 7px;
	}	
	
	.search-form .icon {
		top: 10px;
		right: 5px;
	}
	
	#countrySelect {
		padding: 0;
		height: 30px;
	}
	
	/*
	.innerFill h2 {
		padding-top: 0;
	}
	*/	
	
	/*
		Breadcrumb
	*/
	#breadcrumbs {  
		display: block;
	}		
	
	.toptext {
		text-align: left;
	}
	
	/*
		Index
	*/
	#pageIndex .flexslider {
		min-height: 196px;
		margin-bottom: 0;
	}	
	
	#uspIndex .uspPlate {
		min-height: 125px;
	}	
	
	#uspIndex [class*='grid-']:nth-child(2){
		/*border-right: 1px solid #eaeaea;*/
	}
	
	#uspIndex [class*='grid-']:first-child,
	#uspIndex [class*='grid-']:nth-child(2)
	{
		border-bottom: 0;
		padding-bottom: 0;
	}	
	
	/*
		Category
	*/	
	#categoryPage .flexslider {
		min-height: 150px;
	}		
	
	.categories.slim li .count {
		 width: auto;	
		 text-align: left;
	}	
	
	.productListContainer li .innerContainer {
		height: 360px;
	}
	
	.productListContainer.productListContainerCard li .innerContainer {
		height: auto;
		min-height: 360px;	
	}
	
	.productListContainer li .catProdInner h3 a span {
		height: 33px;
		padding: 0 5px;
		line-height: 16px;
	}
	
	.productListContainer li.bigProduct .catProdInner .rating {
		bottom: 21.2%;
		right: 45%;
		width: 100px;
	}
	
	.productListContainer li.bigProduct .innerContainer {
		height: 730px;
	}

	.productListContainer li.bigProduct .catProdImage {
		height: 585px;
	}	

	.productListContainer li.bigProduct .catProdImage img {
		max-height: 500px;
	}	
	
	.productListContainer li.bigProduct .catProdInner h3 a {
		padding-top: 570px;
	}	

	.productListContainer li.bigProduct .catProdInner h3 {
		font-size: 1.5em;
	}
	
	.productListContainer ul [class~='bigProduct']:nth-child(even) {
		float: right;
	}

	/*
		Product page
	*/
	#prodDesc {
		margin-top: 0px;
	}
	
	#prodDesc .colDesc,
	#prodDesc .colMisc,
	#prodLatestReviews,
	#prodAssoc,
	#prodSimilars,
	#prodOthers {
		margin-top: 0px;
	}	
	
	#productPageUpper .colInfo .innerFill {
		background-color: transparent;
		border: none;
		padding: 0;
	}	
	
	#productPageUpper .colInfo,
	#productPageUpper .colDesc {
		margin-top: 0;
	}	
	
	.productImageContainer {
		margin-top: 0px;
	}		
	
	.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: 0px;
		text-align: left;
	}	

	.expectedInStore {
		font-size: .9em;
	}		
		
	#jsRatingsBtn {
		text-align: left;		
	}

	#jsRatingsBtn span {
		display: inline;
	}	

	/*
		Misc.
	*/		
	.jsShakeArea {
		height: 0px;
	}
	
	#vatContainer .vatInner {
		margin: 0;	
	}	
	
	#mSearch {
		display: none;
	}
	
	#loaderContainer {
		display: none;
	}
	
	/*
		Pagination
	*/
	.pagination {
		text-align: right;
	}	
	
	#paging-count {
		text-align: right;
	}		
	
	/*
		Menu left
	*/
	#menuLeftToggle {
		display: none;
	}
	
	#menuLeft {
		display: block;
		padding: 0;	
	}
	
	#wrapper.fixed,
	#menuTop.fixed,
	#topBar.fixed,
	#topArea.fixed{
		padding: 0;
	}

	.nav-wrapper {
		height: 45px;
	}	
	
	/*
		Top area (fixed)
	*/
	#topArea {
		display: block;
		font-size: .9em;
		position: fixed;
		top: 0px;
		width: 100%;
		height: 40px;
		line-height: 30px;
		background-color: rgba(255,255,255,.95);
		z-index:1000;
	}
	
	#topBarLeft, #topBarLeft a {
		color: #797979;
		font-size: .9em;
	}
	
	/*
		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;
	}
	
	#buttonMenu.fixed,
	#topCartFiller.fixed {
		display: table-cell;
	}	
	
	#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, 
	#menuTop.fixed {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.9);
		height: 45px;
		border-bottom: 0px;
		box-shadow: none;
		
		transition: all 0.25s ease;
	}
/*
		grr
	*/
	#menuTop.fixed {	
		background: #a37b43 none repeat scroll 0 0;
		border-bottom: 1px solid #fff;
		box-shadow: 0 0 2px #ccc;
		height: 35px;
		top: 40px;
		left: 0;
		right: 0;
	}
	
	#menuTop.fixed #jsMenuList.desktop li.category > a {
		color: #fff;
		line-height: 35px;
	}
	
	#menuTop.fixed #jsMenuList.desktop li.category.active > a {
		color: #183f05;
	}	
	
	/*	
		grr
	*/
	#menuTop {
		position: relative;
		border-bottom: 0;
		border-bottom: 1px solid #efefef;	
		background-color: #a37b43;
		max-width: 1190px;
		margin: 0px auto;
		border-radius: 10px;
	}
	
	#menuTop.fixed #jsMenuList.desktop li.category > .subMenuWrapper {
		left:0;
		width: 100%;
	}
	
	/*	
		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;
	}		
	
	#menuTop.fixed #jsMenuList {
		border-bottom: 0;
	}

	#menuTop.fixed #jsMenuList.desktop li.category.active > a {
		border: none;
	}

	#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: #fff;
        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: 0px;
	}
	
	#jsMenuList.desktop li.category.changed > a	{
		/*border-top: 1px solid #e1e8ed;*/
		border-radius: 2px;
		/*margin-top: -1px;*/
		background-color: #fff;
		color: #183f05;
		/*box-shadow: 0px 1px 0px #fff;*/
		color: #333 !important;
	}
	
	#jsMenuList.desktop li.category.initialChanged > a {
		color: #183f05;
	}
	
	
	#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: #183f05; /* Also check #menuTop.fixed #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: 0px;
		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: 5px solid #fff;		
	}

	#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: 0px;
	}	

	#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) {	
	.nlText {
		text-align: left;
		line-height: 50px;
	}
	
	.nlText span {
		display: inline;
	}
	
	#jsMenuList.desktop .subMenuWrapper .subMenuWrapper li {
		width: 15.999%;
	}

	.productListContainer li[class~='bigProduct']:nth-child(even) {
		float: right;
	}		
}	

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

/*
	Print
*/
@media print {
    .divToPrint {
		page-break-after: always;
    }
	.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: 0px;
}

.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;}		
	.grid-tl-60 {width: 60%;float: left;}
}


/*********************************************************************************************

5.  Grid 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;
    }		
}

/**
 * pretty-checkbox.css
 *
 * A pure CSS library to beautify checkbox and radio buttons
 *
 * Source: https://github.com/lokesh-coder/pretty-checkbox
 * Demo: https://lokesh-coder.github.io/pretty-checkbox
 *
 * Copyright (c) 2017 Lokesh rajendran
 */

.pretty *{box-sizing:border-box}.pretty input:not([type=checkbox]):not([type=radio]){display:none}.pretty{position:relative;display:inline-block;margin-right:1em;white-space:nowrap;line-height:1}.pretty input{position:absolute;left:0;top:0;min-width:1em;width:100%;height:100%;z-index:2;opacity:0;margin:0;padding:0;cursor:pointer}.pretty .state label{position:initial;display:inline-block;font-weight:400;margin:0;text-indent:1.7em;min-width:calc(1em + 2px)}.pretty .state label:after,.pretty .state label:before{content:'';width:calc(1em + 5px);height:calc(1em + 5px);display:block;box-sizing:border-box;border-radius:0;border:1px solid #ccc;z-index:0;position:absolute;left:0;top:calc((0% - (100% - 1em)) - 8%);background-color:#fff}.pretty .state label:before{border-color:#7b7b7b}.pretty .state.p-is-hover,.pretty .state.p-is-indeterminate{display:none}@-webkit-keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes zoom{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@keyframes tada{0%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0;-webkit-transform:scale(7);transform:scale(7)}38%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;opacity:1;-webkit-transform:scale(1);transform:scale(1)}55%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.5);transform:scale(1.5)}72%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}81%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.24);transform:scale(1.24)}89%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}95%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:scale(1.04);transform:scale(1.04)}100%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jelly{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}40%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}50%{-webkit-transform:scale3d(.85,1.15,1);transform:scale3d(.85,1.15,1)}65%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}75%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@keyframes rotate{0%{opacity:0;-webkit-transform:translateZ(-200px) rotate(-45deg);transform:translateZ(-200px) rotate(-45deg)}100%{opacity:1;-webkit-transform:translateZ(0) rotate(0);transform:translateZ(0) rotate(0)}}@-webkit-keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #bdc3c7}100%{box-shadow:0 0 0 1.5em rgba(189,195,199,0)}}.pretty.p-default.p-fill .state label:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.pretty.p-default .state label:after{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}.pretty.p-default input:checked~.state label:after{background-color:#bdc3c7!important}.pretty.p-default.p-thick .state label:after,.pretty.p-default.p-thick .state label:before{border-width:calc(1em / 7)}.pretty.p-default.p-thick .state label:after{-webkit-transform:scale(.4)!important;-ms-transform:scale(.4)!important;transform:scale(.4)!important}.pretty.p-icon .state .icon{position:absolute;font-size:.9em;width:calc(1em + 2px);height:calc(1em + 2px);left:1px;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1.1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-icon .state .icon:before{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-icon input:checked~.state .icon{opacity:1}.pretty.p-icon input:checked~.state label:before{border-color:#5a656b}.pretty.p-svg .state .svg{position:absolute;font-size:1em;width:calc(1em + 2px);height:calc(1em + 2px);left:0;z-index:1;text-align:center;line-height:normal;top:calc((0% - (100% - 1em)) - 8%);border:1px solid transparent;opacity:0}.pretty.p-svg .state svg{margin:0;width:100%;height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}.pretty.p-svg input:checked~.state .svg{opacity:1}.pretty.p-image .state img{opacity:0;position:absolute;width:calc(1em + 2px);height:calc(1em + 2px);top:0;top:calc((0% - (100% - 1em)) - 8%);left:0;z-index:0;text-align:center;line-height:normal;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-image input:checked~.state img{opacity:1}.pretty.p-switch input{min-width:2em}.pretty.p-switch .state{position:relative}.pretty.p-switch .state:before{content:'';border:1px solid #bdc3c7;border-radius:60px;width:2em;box-sizing:unset;height:calc(1em + 2px);position:absolute;top:0;top:calc((0% - (100% - 1em)) - 16%);z-index:0;transition:all .5s ease}.pretty.p-switch .state label{text-indent:2.5em}.pretty.p-switch .state label:after,.pretty.p-switch .state label:before{transition:all .5s ease;border-radius:100%;left:0;border-color:transparent;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-switch .state label:after{background-color:#bdc3c7!important}.pretty.p-switch input:checked~.state:before{border-color:#5a656b}.pretty.p-switch input:checked~.state label:before{opacity:0}.pretty.p-switch input:checked~.state label:after{background-color:#5a656b!important;left:1em}.pretty.p-switch.p-fill input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-switch.p-fill input:checked~.state label:before{opacity:0}.pretty.p-switch.p-fill input:checked~.state label:after{background-color:#fff!important;left:1em}.pretty.p-switch.p-slim .state:before{height:.1em;background:#bdc3c7!important;top:calc(50% - .1em)}.pretty.p-switch.p-slim input:checked~.state:before{border-color:#5a656b;background-color:#5a656b!important}.pretty.p-has-hover input:hover~.state:not(.p-is-hover){display:none}.pretty.p-has-hover input:hover~.state.p-is-hover{display:block}.pretty.p-has-hover input:hover~.state.p-is-hover .icon{display:block}.pretty.p-has-focus input:focus~.state label:before{box-shadow:0 0 3px 0 #bdc3c7}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state:not(.p-is-indeterminate){display:none}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate{display:block}.pretty.p-has-indeterminate input[type=checkbox]:indeterminate~.state.p-is-indeterminate .icon{display:block;opacity:1}.pretty.p-toggle .state.p-on{opacity:0;display:none}.pretty.p-toggle .state .icon,.pretty.p-toggle .state .svg,.pretty.p-toggle .state img,.pretty.p-toggle .state.p-off{opacity:1;display:inherit}.pretty.p-toggle .state.p-off .icon{color:#bdc3c7}.pretty.p-toggle input:checked~.state.p-on{opacity:1;display:inherit}.pretty.p-toggle input:checked~.state.p-off{opacity:0;display:none}.pretty.p-plain input:checked~.state label:before,.pretty.p-plain.p-toggle .state label:before{content:none}.pretty.p-plain.p-plain .icon{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.pretty.p-round .state label:after,.pretty.p-round .state label:before{border-radius:100%}.pretty.p-round.p-icon .state .icon{border-radius:100%;overflow:hidden}.pretty.p-round.p-icon .state .icon:before{-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.pretty.p-curve .state label:after,.pretty.p-curve .state label:before{border-radius:20%}.pretty.p-smooth .icon,.pretty.p-smooth .svg,.pretty.p-smooth label:after,.pretty.p-smooth label:before{transition:all .5s ease}.pretty.p-smooth input:checked+.state label:after{transition:all .3s ease}.pretty.p-smooth input:checked+.state .icon,.pretty.p-smooth input:checked+.state .svg,.pretty.p-smooth input:checked+.state img{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-default input:checked+.state label:after{-webkit-animation:zoom .2s ease;animation:zoom .2s ease}.pretty.p-smooth.p-plain input:checked+.state label:before{content:'';-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .5s ease}.pretty.p-tada:not(.p-default) input:checked+.state .icon,.pretty.p-tada:not(.p-default) input:checked+.state .svg,.pretty.p-tada:not(.p-default) input:checked+.state img,.pretty.p-tada:not(.p-default) input:checked+.state label:after,.pretty.p-tada:not(.p-default) input:checked+.state label:before{-webkit-animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;animation:tada .7s cubic-bezier(.25,.46,.45,.94) 1 alternate;opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state .icon,.pretty.p-jelly:not(.p-default) input:checked+.state .svg,.pretty.p-jelly:not(.p-default) input:checked+.state img,.pretty.p-jelly:not(.p-default) input:checked+.state label:after,.pretty.p-jelly:not(.p-default) input:checked+.state label:before{-webkit-animation:jelly .7s cubic-bezier(.25,.46,.45,.94);animation:jelly .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-jelly:not(.p-default) input:checked+.state label:before{border-color:transparent}.pretty.p-rotate:not(.p-default) input:checked~.state .icon,.pretty.p-rotate:not(.p-default) input:checked~.state .svg,.pretty.p-rotate:not(.p-default) input:checked~.state img,.pretty.p-rotate:not(.p-default) input:checked~.state label:after,.pretty.p-rotate:not(.p-default) input:checked~.state label:before{-webkit-animation:rotate .7s cubic-bezier(.25,.46,.45,.94);animation:rotate .7s cubic-bezier(.25,.46,.45,.94);opacity:1}.pretty.p-rotate:not(.p-default) input:checked~.state label:before{border-color:transparent}.pretty.p-pulse:not(.p-switch) input:checked~.state label:before{-webkit-animation:pulse 1s;animation:pulse 1s}.pretty input[disabled]{cursor:not-allowed;display:none}.pretty input[disabled]~*{opacity:.5}.pretty.p-locked input{display:none;cursor:not-allowed}.pretty input:checked~.state.p-primary label:after,.pretty.p-toggle .state.p-primary label:after{background-color:#428bca!important}.pretty input:checked~.state.p-primary .icon,.pretty input:checked~.state.p-primary .svg,.pretty.p-toggle .state.p-primary .icon,.pretty.p-toggle .state.p-primary .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-primary-o label:before,.pretty.p-toggle .state.p-primary-o label:before{border-color:#428bca}.pretty input:checked~.state.p-primary-o label:after,.pretty.p-toggle .state.p-primary-o label:after{background-color:transparent}.pretty input:checked~.state.p-primary-o .icon,.pretty input:checked~.state.p-primary-o .svg,.pretty input:checked~.state.p-primary-o svg,.pretty.p-toggle .state.p-primary-o .icon,.pretty.p-toggle .state.p-primary-o .svg,.pretty.p-toggle .state.p-primary-o svg{color:#428bca;stroke:#428bca}.pretty.p-default:not(.p-fill) input:checked~.state.p-primary-o label:after{background-color:#428bca!important}.pretty.p-switch input:checked~.state.p-primary:before{border-color:#428bca}.pretty.p-switch.p-fill input:checked~.state.p-primary:before{background-color:#428bca!important}.pretty.p-switch.p-slim input:checked~.state.p-primary:before{border-color:#245682;background-color:#245682!important}.pretty input:checked~.state.p-info label:after,.pretty.p-toggle .state.p-info label:after{background-color:#5bc0de!important}.pretty input:checked~.state.p-info .icon,.pretty input:checked~.state.p-info .svg,.pretty.p-toggle .state.p-info .icon,.pretty.p-toggle .state.p-info .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-info-o label:before,.pretty.p-toggle .state.p-info-o label:before{border-color:#5bc0de}.pretty input:checked~.state.p-info-o label:after,.pretty.p-toggle .state.p-info-o label:after{background-color:transparent}.pretty input:checked~.state.p-info-o .icon,.pretty input:checked~.state.p-info-o .svg,.pretty input:checked~.state.p-info-o svg,.pretty.p-toggle .state.p-info-o .icon,.pretty.p-toggle .state.p-info-o .svg,.pretty.p-toggle .state.p-info-o svg{color:#5bc0de;stroke:#5bc0de}.pretty.p-default:not(.p-fill) input:checked~.state.p-info-o label:after{background-color:#5bc0de!important}.pretty.p-switch input:checked~.state.p-info:before{border-color:#5bc0de}.pretty.p-switch.p-fill input:checked~.state.p-info:before{background-color:#5bc0de!important}.pretty.p-switch.p-slim input:checked~.state.p-info:before{border-color:#2390b0;background-color:#2390b0!important}.pretty input:checked~.state.p-success label:after,.pretty.p-toggle .state.p-success label:after{background-color:#5cb85c!important}.pretty input:checked~.state.p-success .icon,.pretty input:checked~.state.p-success .svg,.pretty.p-toggle .state.p-success .icon,.pretty.p-toggle .state.p-success .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-success-o label:before,.pretty.p-toggle .state.p-success-o label:before{border-color:#5cb85c}.pretty input:checked~.state.p-success-o label:after,.pretty.p-toggle .state.p-success-o label:after{background-color:transparent}.pretty input:checked~.state.p-success-o .icon,.pretty input:checked~.state.p-success-o .svg,.pretty input:checked~.state.p-success-o svg,.pretty.p-toggle .state.p-success-o .icon,.pretty.p-toggle .state.p-success-o .svg,.pretty.p-toggle .state.p-success-o svg{color:#5cb85c;stroke:#5cb85c}.pretty.p-default:not(.p-fill) input:checked~.state.p-success-o label:after{background-color:#5cb85c!important}.pretty.p-switch input:checked~.state.p-success:before{border-color:#5cb85c}.pretty.p-switch.p-fill input:checked~.state.p-success:before{background-color:#5cb85c!important}.pretty.p-switch.p-slim input:checked~.state.p-success:before{border-color:#357935;background-color:#357935!important}.pretty input:checked~.state.p-warning label:after,.pretty.p-toggle .state.p-warning label:after{background-color:#81b440!important}.pretty input:checked~.state.p-warning .icon,.pretty input:checked~.state.p-warning .svg,.pretty.p-toggle .state.p-warning .icon,.pretty.p-toggle .state.p-warning .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-warning-o label:before,.pretty.p-toggle .state.p-warning-o label:before{border-color:#81b440}.pretty input:checked~.state.p-warning-o label:after,.pretty.p-toggle .state.p-warning-o label:after{background-color:transparent}.pretty input:checked~.state.p-warning-o .icon,.pretty input:checked~.state.p-warning-o .svg,.pretty input:checked~.state.p-warning-o svg,.pretty.p-toggle .state.p-warning-o .icon,.pretty.p-toggle .state.p-warning-o .svg,.pretty.p-toggle .state.p-warning-o svg{color:#81b440;stroke:#81b440}.pretty.p-default:not(.p-fill) input:checked~.state.p-warning-o label:after{background-color:#81b440!important}.pretty.p-switch input:checked~.state.p-warning:before{border-color:#81b440}.pretty.p-switch.p-fill input:checked~.state.p-warning:before{background-color:#81b440!important}.pretty.p-switch.p-slim input:checked~.state.p-warning:before{border-color:#c77c11;background-color:#c77c11!important}.pretty input:checked~.state.p-danger label:after,.pretty.p-toggle .state.p-danger label:after{background-color:#d9534f!important}.pretty input:checked~.state.p-danger .icon,.pretty input:checked~.state.p-danger .svg,.pretty.p-toggle .state.p-danger .icon,.pretty.p-toggle .state.p-danger .svg{color:#fff;stroke:#fff}.pretty input:checked~.state.p-danger-o label:before,.pretty.p-toggle .state.p-danger-o label:before{border-color:#d9534f}.pretty input:checked~.state.p-danger-o label:after,.pretty.p-toggle .state.p-danger-o label:after{background-color:transparent}.pretty input:checked~.state.p-danger-o .icon,.pretty input:checked~.state.p-danger-o .svg,.pretty input:checked~.state.p-danger-o svg,.pretty.p-toggle .state.p-danger-o .icon,.pretty.p-toggle .state.p-danger-o .svg,.pretty.p-toggle .state.p-danger-o svg{color:#d9534f;stroke:#d9534f}.pretty.p-default:not(.p-fill) input:checked~.state.p-danger-o label:after{background-color:#d9534f!important}.pretty.p-switch input:checked~.state.p-danger:before{border-color:#d9534f}.pretty.p-switch.p-fill input:checked~.state.p-danger:before{background-color:#d9534f!important}.pretty.p-switch.p-slim input:checked~.state.p-danger:before{border-color:#a02622;background-color:#a02622!important}.pretty.p-bigger .icon,.pretty.p-bigger .img,.pretty.p-bigger .svg,.pretty.p-bigger label:after,.pretty.p-bigger label:before{font-size:1.2em!important;top:calc((0% - (100% - 1em)) - 35%)!important}.pretty.p-bigger label{text-indent:1.7em}@media print{.pretty .state .icon,.pretty .state label:after,.pretty .state label:before,.pretty .state:before{color-adjust:exact;-webkit-print-color-adjust:exact;print-color-adjust:exact}}


#mspecContent {}
#mspecContainer { margin-left: -25px; box-shadow: 1px 0px 2px 1px #d3e3bb; background-color: #fff; margin: 12px 0 12px -7px; }
#mspecContainer .mspecOptions { margin: 15px 0; }
#mspecContainer .inner { background-color: #fff; margin: 10px; padding: 0 5px 5px 5px; }
#mspecContainer .inner h3 { border-bottom: 1px dotted #495e2a; margin-bottom: 10px; color: #2c2c2c; font-weight: 600; }
#mspecContainer .mspecAttr { margin-bottom: 10px; padding-bottom: 12px;	padding: 10px; background-color: #f8f8f8; }
#mspecContainer .textInput { background-color: #ffe2e2; }
#mspecContainer .textInput.valid { background-color: #eff9e0; }
#mspecContainer .radiobox { display: block;	margin: 0 0 15px 0; }
#mspecContainer select { transition: all 0.30s ease-in-out; outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #ddd; }
#mspecContainer label { color: #000; }
#mspecContainer .rdoFontFiller { height: 50px; }
#mspecContainer .rdoBox img { position: absolute; top: -40px; left: 0; max-width: 98px;	cursor: pointer; }
#mspecName,#mspecDate{}