.knacss .OptionField,
.knacss .OptionField:active,
.knacss .OptionField:focus,
.knacss .InputField,
.knacss .InputField:active,
.knacss .InputField:focus {
	height:auto;
	padding:0.5em;
}

.table-fixed {
	table-layout:fixed;	
}

.pdf-preview-img {
	border: 1px solid #eee !important;
}

.noBO,
.noBO img	{
	border:0px;
}


/* fix content box for old system */
.box-sizing-content, 
.box-sizing-content * {
	box-sizing : content-box;
}

.knacss a:link,
.knacss a:active,
.knacss a:visited {
	color:#666;	
}

.icomoon-pencil span {/*edit link text = bold */
	font-weight:bold;
}
.icomoon-pencil:before {
	color:#eda757;
}

.btn-primary,
.btn-primary.icomoon-pencil:before,
.btn-call2action.icomoon-pencil:before,
.btn-call2action .icomoon-pencil:before {
	color:#FFF !important;
}

input[type=checkbox]{
	vertical-align:middle;
}

input[type=checkbox],
input[type=radio] {
	border:0;
}

.height-two_line {
	height:2.5em;
	overflow:hidden;
}
.country-small {
	height:.7em!important;
	margin-right:.3em !important;
}

.country-filter-icon {
	background:rgba(0, 0, 0, 0) url("https://static1.mynetfair.com/images/universal.gif") no-repeat scroll -900px -1500px;
	width:25px;
	height:25px;
	line-height:25px;
	float:none;
	text-align:center;
	display:inline-block;
}
.country-filter-icon > img {
	vertical-align:middle;
	margin-right:0!important;
}



.filter-subtitle {
	text-transform:uppercase;
}

.product-type-choice {
	margin:0;
	padding: 7px 10px;
	border-radius: 10px 10px 0 0;
}

.product-type-choice.current {
	background:#eeeeee;
	color: #00AEEF !important; 
	font-weight:bold;
}

.product-type-icon {
	float:none !important;
	padding:0 !important;
	width:30px !important;
	height:25px !important;
}

.tile-filter-selected {
	padding:5px;
	border: 5px solid #eeeeee;
	background-color:#fafafa;
}

.tile-filter-selected .icon_cockpit_offers {
	float:none;
}

.tile-filter-selected .filter-icon {
	width:25px;	
	height:25px;
	margin:0;
	float:none;
	padding:none;
	margin-right:5px;
}
.tile-filter-selected .button_inovation,
.tile-filter-selected .button_price {
background-position: center center;
}

.properties-child {
	margin-left:20px;
	font-style:italic;
}

.filter-properties-children {
	background-color:#FFFFFF;
	visibility: hidden;
	position:absolute;
	display: block;
	border:1px solid #cccccc;
	top:1px;
	left:170px;
	width:198px;
	padding-bottom:9px;
	padding-top:2px;
	z-index: 100;
}

.filter-properties-menu {
	position:relative;
	background: url(https://static2.mynetfair.com/images/icons/arrow_right_grey2.gif) 150px 0;
	background-repeat:no-repeat;
}

.filter-properties-menu:hover .filter-properties-children ,
.filter-properties-menu:focus .filter-properties-children {
	visibility:visible;
}

.filter-properties-menu:hover .filter-properties-parent.checkboxEmpty {
	background-position: 7px -109px;
}
.filter-properties-menu:hover .filter-properties-parent.checkboxFull {
	background-position: 7px -333px;
}

.filter-list a.filter-properties-parent {
	clear:both;
	display:block;
	text-decoration:underline;
}

.btn-filter-modal {
	background: rgba(0, 0, 0, 0) url("https://static2.mynetfair.com/images/icons/arrow_down_grey.gif") no-repeat scroll 0 center;
	font-size: 0.86em;
	min-height: 14px;
	padding-left: 17px;
}

.google_advert_filter_bottom {
	padding:30px 10px 10px 10px;
}

/*** GENERAL PLACEMENT RULES ***/
.tac ,
.center {
	text-align:center;
}
.underline {
	text-decoration:underline !important;
}


.knacss .col.align-middle,
.align-middle {
	vertical-align:middle !important;
}
.align-top {
	vertical-align:top !important;
}
.align-bottom {
	vertical-align:bottom !important;
}

a.noULHover:hover > .underline-hover,
.underline-hover:hover {
	text-decoration:underline !important;
}

.truncate { /* need a fixed width to work   */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-only {/* in grid where the vertalign is made with line height for image*/
 line-height:1.2;
 word-wrap:break-word;	
}
.basic-modal-content {
	overflow:auto;
	width:680px;
}

ol.grid,
ul.grid {
	list-style-type : none;
	padding-left:0;
}

.card-has-footer-fix {
	position:relative;
	padding-bottom:2em;
}

.card-footer-fix-left,
.card-footer-fix-right,
.card-footer-fix {
	position:absolute;
	bottom:.5em;
	right:.5em;
}

.card-footer-fix,
.card-footer-fix-right {
	right:0;
	padding-right:.5em;
	left: auto;
}

.card-footer-fix-left {
	left: 0 ;
	padding-left:.5em;
	right: auto;
}

.card-editable.is-active .card-footer-fix {
    top: 20px;
}

/* resize video */

.video-thumb > iframe {
	max-width: 100%;
 	height: auto;
}

/** == product box == **/

.fluid-float-company-box {/* placement different if there is a company box or not, only relevant when logged in as the trouble are when form is open. */
	margin-right:200px;padding-right:1em;
}

.mod > .product-info .fluid-float-company-box {margin-right:0; padding-right:1em;}

.display-mode.current { font-weight:bold;}

.box-section-middle {
	color:#666;
}
.box-section-right h4 {
	margin-bottom:0;
}

.box-title {
	margin-top:0;
	margin-bottom:0;
	padding-right:5px;
}
.box-title h3 {
	/*text-transform:uppercase;*/
}

/* fix autogrid4 with not the good amount of elelement : text align justify put the element far away */
/* can't use .grid > .grid4 as it messe a LOT  with the hover thing ( width not matching etc )*/
.result-listing.gallery {
	text-align:left;	
}

.gallery .is-complete {
	display:block;
	width:auto;
}

.box-brand-title {
	vertical-align:middle;
}

.link-to-detail {
   	margin:30px auto 0;
    text-align: center;
    display: block;
}

.hide-factice-background {
	background: #FFF;
}

.background-alternate {
	background :#fafafa;
}
.gallery > .background-alternate {/* no background for the gallerythumb box */
	background :transparent;
}

.product-properties-line-btn .btn{
	margin-top:.5em;
}

/** product box open **/

.edit-mode [id|=product-info-partial] > div {
	padding:.5em 0;
}
.label-like + .mod {
    padding-left: 1em;
    margin-top:0;/* case we got some p*/
}

.content-detail + .content-detail {
	margin-top:1em;
}

.product-property-table {
	border-collapse:separate;
	border-spacing : 0 .5em;
}

.product-property-table tr {
	background: #f2f2f2;
}	

.product-property-table td > ul {/* properties hide too much entries */
	
	height:8em;
	overflow:auto;
}

.show-product-mnf-id {
	position:absolute;
	top:.7em;
	width:170px;
}

/**== search results == (list / gallery ) **/
.result-listing {
	margin-top:1em;
	padding-right:10px;
	position:relative;
}
.result-listing > div {
	position:relative;
	border-bottom: 1px solid #CCCCCC;
}
.result-listing .is-complete {
	min-height:250px;
}

.show-on-hover,
.list .hidden-list-mode,
.gallery .hidden-gallery-mode,
.list .animate-hover:hover .hidden-list-mode.show-on-hover,/* element stay hidden even on hover*/
.gallery .animate-hover:hover .hidden-gallery-mode.show-on-hover, /* element stay hidden even on hover*/
.show-on-hover-gallery {
	display:none;
}
	
.gallery .is-thumb .box-section-left {
	float:none;
}

.gallery .is-thumb .box-image {
	margin-left:7px;
}

.gallery .is-thumb .colonne-factice-left,
.gallery .is-thumb .colonne-factice-right {
	background:transparent none;
}

.gallery .is-thumb .box-title  {
	height:2.8em;
	line-height:1.2em;
	overflow:hidden;
}

.gallery .is-thumb .box-title-link {
	line-height:1.2;
}

.list > .is-thumb {
	padding: 25px 10px 0 0; 
}

.result-listing.gallery .is-thumb {
	width: 23.6%;
	display: inline-block;
    text-align: left;
    vertical-align: top;
}

.gallery > div {
	border-bottom:0;
	margin-bottom: 1em;
}
	
	

.hn-subtitle,
.content-detail > h4:first-child {
	border-bottom: 1px solid #bbb;
	color: #666;
	margin-bottom: 0.4em;
	padding: 0.4em .5em 0.2em 0.5em;
}

.subtitle-colored {
	border-color: #00aeef;
	color:#00aeef;
}

.loading_spinner::before {
    background: rgba(0, 0, 0, 0) url("https://static3.mynetfair.com/images/ec_load.gif") no-repeat scroll 0 0;
    content: " ";
    display: block;
    float: left;
    height: 20px;
    width: 20px;
}


/** == components ==  **/

/*qqupload CSS , taken from https://static1.mynetfair.com/script/live/upload/ */
/* Have ideas for improving this CSS for the general community? Submit your changes at: https://github.com/Valums-File-Uploader/file-uploader */

.has-uploader {
	background: none repeat scroll 0 0 #f3f9fc;
    border: 0.13em dashed #bbb;
}	
.qq-uploader {
	position: relative;
	width: 100%;
}
.qq-upload-button {
    display:inline-block;
    border: none ;
    padding: .5em 2em;
    background-color: #828a91;
    color: #FFFFFF; 
    cursor: pointer; 
    font-weight: normal; 
}

.qq-upload-button-hover {
	background: #CC0000;
}
.qq-upload-button-focus {
	outline: 1px dotted #000000;
}
.qq-upload-drop-area, .qq-upload-extra-drop-area {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: 30px;
	z-index: 2;
	text-align: center;
}
.qq-upload-drop-area span {
	display: none;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -8px;
	font-size: 16px;
}
.qq-upload-extra-drop-area {
	position: relative;
	margin-top: 50px;
	font-size: 16px;
	padding-top: 30px;
	height: 20px;
	min-height: 40px;
}
.qq-upload-list {
	margin: 0;
	padding: 0 !important;
	list-style: none;
}
.qq-upload-list li {
	background: url("https://static1.mynetfair.com/images/ec_load.gif") no-repeat left 50% ;
	text-align:left;
	padding: 10px 20px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
	margin-right: 1em;
}
.qq-upload-file {}


/*
.qq-upload-spinner {
	display: inline-block;
	background: url("loading.gif");
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
}*/
.qq-upload-size, .qq-upload-cancel {
	font-weight: normal;
}
.qq-upload-failed-text {
	display: none;
}
.qq-upload-fail .qq-upload-failed-text {
	display: inline;
}
.qq-upload-list li.qq-upload-success {
	background:none transparent;
	color: green;
}
.qq-upload-list li.qq-upload-fail {
	background:none #D60000;
	color: #FFFFFF;
}
/*
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}*/

/* qqupload end */


.tile {
	background:#FFF;
	border:1px solid #bbb;
}

.image-thumb {
	height:150px;
	width:150px !important;
	vertical-align:middle !important;/* TODO remove important when .knacss condition is out on knacss */
}

.uploaded-picture-gallery {
	padding:.3em;
	height:120px;
	width:120px;
	vertical-align:middle !important;
	margin: 0 .5em;
	
}
.uploaded-picture-gallery > img {
	max-height:100%;
}


/* tab nab like */
 .filter-category > a,
 .nav-tab > a {
 	border-bottom:1px solid #ddd;
 	padding:0.86em;
 	text-decoration:none; 
 	color:#666;
 	display:block;
 	font-size: .9em;
 	
}
  .filter-category > a:hover,
  .nav-tab > a:hover {
  	color:#333;
  	background:lightgoldenrodyellow;
  }
  .filter-category > a:hover {
  	text-decoration:none;
  }
  
  .filter-category > a.current,
  .nav-tab > a.current {
    background: none repeat scroll 0 0 lightgoldenrodyellow;
    color: #00aeef;
    font-weight: bold;
}
 
.mnf-menu > a {
	border:1px solid #BBB;
	background: linear-gradient(to bottom, #fafafa 0px, #e5e5e5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	text-transform:uppercase;
}

.mnf-menu-horizontal > a + a {
	border-left:0;
}
.mnf-menu-vertical > a + a {
	border-top:0;
}

.mnf-menu > a:hover,
.mnf-menu > a.current {
	background: linear-gradient(to bottom, #00d1fe 0px, #00aeef 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-color:#00AEEF;
	color:#FFF!important;
}
 


/** == GRIDS == **/

.multiline > *,
.multiline-t > * {
	margin-top:.5em;
}
.multiline-xt > * {
	margin-top:.25em;
}
.multiline-s > * {
	margin-top:1em;
}
.multiline-m > * {
	margin-top:2em;
}
.multiline-l > * {
	margin-top:4em;
}

.multiline.multiline-horizontal 	> *:first-child,
.multiline-xt.multiline-horizontal > *:first-child,
.multiline-t.multiline-horizontal 	> *:first-child, 
.multiline-s.multiline-horizontal 	> *:first-child ,
.multiline-m.multiline-horizontal 	> *:first-child ,
.multiline-l.multiline-horizontal 	> *:first-child {
	margin-top:0;
}

.grid li:first-child,
.grid li.reset {
	clear:left;
	margin-left:0;
}

.tile-light,
.grid-light > * {
	background-color:#ffffff;
	border:1px solid #eeeeee; 
}
.grid-light > *:hover {
	border-color:#00AEEF;
}

.grid-bottom-light > *,
.bordered-bottom-light {
	border-bottom:1px solid #eeeeee;
}

.grid-bottom > *,
.bordered-bottom {
	border-bottom:1px solid #bbb;
}

.grid-standout li,
.card-standout {
	background-color:#CCEFFC;
}



.height-mini,
.rectangle-mini > *,
.rectangle-mini-standalones > * {	
	height:60px;
	overflow:hidden;
}

.height-medium,
.rectangle-medium > *,
.rectangle-medium-standalone {
	height:150px;
	overflow:hidden;
}

.square-80 > * {
	width:80px;
	height:80px;
	line-height:80px;
	text-align:center;
	float:left;
	margin:.5em;
}

.square-80 > *.text-cell {
	width:auto;
}

.square-mini > *,
.square-mini-standalone {
	width:120px;
	height:120px;
	line-height:120px;
}

.square-80 li > a,
.square-mini li > a {
	display:block;
}

.grid.center-text li {
	width:112px;/* the other block width = 120 + 1 px border  to align them , we can  add two pixel per block*/
	height:20px;
	line-height:20px;
	
	padding:5px;
	text-align:center;
}

.grid.center-text li a {
	line-height:1.2;
}

.show-first > * {
	display:none;
}
.show-first > :first-child{
	display:block;
} 

.bg-w180p {
	background-image : url('https://static1.mynetfair.com/images/mnf/layout/factice-grey-180p.png');
}

.colonne-factice-left ,
.colonne-factice-right {
	background-repeat: repeat-y;
	position:relative; /* needed to position the details button on the bottom */
}

.colonne-factice-left {
	background-position : left 0;
}
.colonne-factice-right {
	background-position : right 0;
}

/** == ICONS == **/

.color-grey-light.icomoon::before {
	color:#777 !important;
}

.icomoon.color-grey-dark::before {
	color:#333 !important;
}

.sprite-general,
.sprite-icon {
   float:none;
   width:25px;
   height:25px;
   padding-top:0;
   margin-right:5px;
   display:inline-block;
   vertical-align:middle;
}

.sprite-icon.notepadFalse,
.sprite-icon.notepadTrue {
	width:25px;
	border:0;
}

.sprite-general,
.contactMailIcon,
.icon-recipe {
	background : url("https://static1.mynetfair.com/images/universal.gif") no-repeat scroll rgba(0, 0, 0, 0);
}

.gallery .notepadTrue,
.gallery .notepadFalse,
.gallery .notepadTrue:hover,
.gallery .notepadFalse:hover {
	margin-right:0;
	background: url("https://static3.mynetfair.com/images/filter/checkboxes.gif") no-repeat;
    height: 20px;
    width: 20px;
    margin-right: 0;
    padding-top: 0;
}

.gallery .notepadTrue,
.gallery .notepadFalse:hover {
	background-position: center -221px;
}
.gallery .notepadFalse,
.gallery .notepadTrue:hover {
	background-position: center 3px;
}

.icon-contact {
    background-position : -550px -1550px;
}
.icon-recipe {
	background-position: -750px -2100px;
}
.contactMailIcon {
  background-position: -550px -1550px;
  padding-left:27px;
  padding-top:4px;
  padding-bottom:7px;
  margin-left:8px;
}

.icon-display-gallery {
	 background-position: -450px -600px;
}

.current .icon-display-gallery,
.icon-display-gallery.current {
	background-position: -300px -600px;
}
.icon-display-list {
	 background-position: 0 -600px;
}
.current .icon-display-list,
.icon-display-list.current {
	background-position:-150px -600px;
}

/** == LINK ** ==**/
.icomoon.icomoon-alone::before {
	margin-right:0;
}

a.icomoon,a.icomoon:hover{
	text-decoration:none;
}
a.icomoon:hover span {
	text-decoration:underline;
}

/** == BUTTONS == **/

.knacss button[type="button"] {
	border: 0;
	cursor:pointer;
}

.btn,
.btn:link,
.btn:active {
	color:#666;
}
.btn:visited , .btn:hover {
	color: #00aeef;
	text-decoration:underline;
}

.noULHover:hover{
	text-decoration:none !important;
}

.btn,
.btn-secondary,
.btn-primary {
	text-decoration:none;
	background-color:#f1f1f1;
	padding: .5em 1em;
}

.btn-primary {
	background: none repeat scroll 0 0 #eda757;
	box-shadow: 0 0 5px #d87c13 inset;
	color: #fff;
	font-variant: small-caps;
	font-weight: bold;
}

.btn-secondary {
	background-color:#828a91;
	color:#FFF !important;
}

input[type="reset"],
.btn-cancel {
    background: transparent;
    border: 0;
    color: #00aeef;
    padding: 0.5em;
    cursor:pointer;
}

input[type=reset]:hover,
.btn-cancel:hover {
	border:1px solid #00aeef !important;
}

.btn-delete {
	border:0;
	background: coral;
	color:#FFF;
	cursor:pointer;
}
.btn-delete:hover{
	background:tomato;
	color:#FFF;
}



.btn-submit,
input.btn-submit,
input.btn-submit:hover,
button.btn-submit:hover /* gix hover color for button, we would have to delete input. in the line above but don't know how it's used.*/
{
	background: #00aeef;
	border:1px solid #00AEEF !important;
	color:#FFF;
}

.btn-submit.btn-disabled {
    background: #eee;
    color: #999 !important;
    border: 1px solid #ddd !important;
}


button[type="submit"] {
	cursor:pointer;
}

input.btn-submit:hover {
	color: #FFF;
	background:#00d1fe;
}


.btn-primary,
.btn-primary:link,
.btn-primary:active {
	color:#FFF;
}

.btn-primary:visited {
	color:#FFF;
}

.btn-primary:hover{
	background: none repeat scroll 0 0 #d87c13;
	box-shadow: 0 0 5px #eda757 inset;
	color:#FFF;
}

.block-active {
	padding:1em;
	background-color: #f2fef8;
    border-color:#7ec4a1;
}


.block-success,
.block-error,
.block-warning {
	padding:1em;
}

.block-success,
.btn-success {
	background-color: #CCFCCC;
    border-color:#1E9E1E;
}
.block-error,
.btn-error {
	background-color: #FFC3C3;
    border-color:#FF2C2C !important;
}

.block-warning,
.btn-warning {
	background-color: #FFF999;
    border-color:#FFB327;
}

.icomoon.btn:visited,
.icomoon.btn:hover {
	text-decoration:none;
}

.btn-call2action {
	text-transform:lowercase;
	background: #e67e22 ; /*linear-gradient(to bottom, #FFA84C 0px, #FF7B0D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	border-radius: 3px 3px 0 0;
	color: #FFFFFF !important;
	font-variant: small-caps;
	font-weight: bold;
	padding: .45em 2.5em;
	text-decoration: none;
}

.btn-toggle-content {
	background-position: 5px 50%;
	background-repeat:no-repeat;
	padding-left : 25px; /* covers the width of the image */
}

.btn-toggle-content.toggle-state-open {
	background-image: url(https://static1.mynetfair.com/images/mnf/layout/icons/plus_white_square.gif);
}
.btn-toggle-content.toggle-state-close {
	background-image: url(https://static1.mynetfair.com/images/mnf/layout/icons/minus_white_square.gif);
}

.toggle-state-open > .text-toggle-content-toggled,
.toggle-state-close > .text-toggle-content-default {
	display:none;
}
 
	
/** == TABLE == style taken from knacss common stylings **/
.alternate {
  border: 0 !important;
}

.alternate tbody {
  border: 1px solid #ccc;
}

.alternate tbody tr {
  border-bottom: 1px solid #ccc;
}

.alternate thead tr > * + * {
  border-left: 0;
}

.alternate tbody tr > * + * {
  border-left: 1px solid #ccc;
}

.alternate-vert {
  border: 0; 
  border-right: 1px solid #ccc;
}

.alternate-vert tr > :first-child {
  border-bottom: 0;
}

.alternate-vert tr > * + * {
  border-top: 1px solid #ccc;
}

.striped tbody tr:nth-child(odd) {
  background: #eee;
  background: rgba(0, 0, 0, 0.05);
}

.striped-blue tbody tr:nth-child(odd) {
  background: #d7effb;
}

.striped-blue > thead {
	border-bottom: 2px solid #666;
	background-color:#d7effb;
}

.striped-vert tr > :first-child {
  background: #eee;
  background: rgba(0, 0, 0, 0.05);
}


/* Product Properties FORM */
.td_property_value > p {width:auto !important;}
.knacss .product-property-table {
	width:100%;
	table-layout:fixed;
}
.knacss .product-property-table tbody tr:hover > td:first-child {
	font-weight:bold;
}


/* fix hidden toggle rows */
.knacss .product-property-table tbody tr {
	display:table-row;
}

.knacss .td_property_value label {
	display:block;
}

.td_property_value > p {border: 1px solid #999; overflow: auto; height: 60px; width:295px; background-color:#FFFFFF; margin:0px;}



ul.sortable-list > * {cursor:move;}

.image-grid img {
	max-height:100%;
}

.tile-highlight {
	border: 3px solid rgb(235, 105, 9); border-radius: 10px;
}

/* FIX COMPANY EDIT CSS IN HTML */
/* is used in registration / company types modals cannot be moved to company css. */
.company_edit-toggle-content {
	padding-left:30px;
	background:url(https://www.mynetfair.com/_files/templates/clients/mynetfair/images/new/landingpages/registrierung/pfeil_open_14x14.gif) no-repeat transparent;
}
.company_edit-toggle-content.hidden {
	background:url(https://www.mynetfair.com/_files/templates/clients/mynetfair/images/new/landingpages/registrierung/pfeil_close_14x14.gif) no-repeat  transparent;
}

.company_edit-toggle-content.hidden ~ .toggled-item {
	display:none;
}

/** Icons **/
span.count-bubble {
    display: inline-block;
    float:right;
    margin: 0 0 0 .5em;
    /* background: #FFF; */
    padding: .2em;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 20px;
    text-align: center;
    min-width: 3em;
    border-width: 0 3px 0px 3px;
    font-size: .86em;
}