/*GENERAL START*/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body { 	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 15px;
	color: #4a4a49;
	background-color: White; }
/*GENERAL END*/

/* ---- button ---- */

.button {
  display: list-item;
  padding: 4px;
  background: transparent;
  border: none;
  /*border-radius: 7px;
  background-image: linear-gradient( to bottom, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2) );*/
  color: white;
  cursor: pointer;
}

.button:hover {
  /*background-color: #D9E0E5;
  text-shadow: 0 1px hsla(0, 0%, 100%, 0.5);*/
  color: #FFFFFF;
  text-decoration:underline;
}

.button:active,
.button.is-checked {
  color: #65EEFA;
  
}

.button.is-checked {
  color: #65EEFA;
}

input.button.green,
button.button.green{
	box-shadow: inset 0px 1px #c8e089;
	border: 1px solid #8fad01;
	background-color: #aac833;
	background-image: -moz-linear-gradient(top, #aac833, #82a201);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aac833), to(#82a201));
	background-image: -webkit-linear-gradient(top, #aac833, #82a201);
	background-image: -o-linear-gradient(top, #aac833, #82a201);
	background-image: linear-gradient(to bottom, #aac833, #82a201);
    
    cursor: pointer;
	color: white;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 9px 14px;
	font-size: 16px;
	font-weight: normal;
}
input.button.green:hover,
button.button.green:hover{
    box-shadow: inset 0px 1px #aac833;
	background-color: #82a201;
	background-image: none;
}
/* ---- button-group ---- */

/*.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}*/

/*.button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; }
.button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; }*/
.button-group .button:last-child { margin-bottom:3px;
}
/*button end*/

/*Container of the elements START*/
.isotope {
  
  /*max-width: 1200px;*/
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/*Container of the elements END*/

/* ---- .element-item ---- */

.element-item {
  position: relative;
  float: left;
  width: 222px;
  height: 280px;
  margin: 5px;
  padding: 10px;
  background: #FFFFFF;
  color: #262524;
  border: 1px solid black; 
  text-align:center;
  vertical-align:middle;
   display: inline-block;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

.helper {
    display:inline-block;
    height: 220px;
    vertical-align: middle;
}

.thumbimg {
    
    vertical-align: middle;

    max-height: 200px;
    max-width: 200px;
}

/*used to set the description*/
/* Thumbnail.css (103, 22) */
.element-item .info {
    position: absolute;
    left: 0px;
    top: 240px;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: normal;
    width: 100%;
    background-color: #F5F5F5;
    height: 38px;
    padding:3px;
    color: #000000;
}
.element-item .AlternativeInfo
{
       position: absolute;
     left: 0px;
    top: 0px;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: normal;
    background-color: transparent;
    height: 19px;
    padding:3px;
    color: #000000;

}
.element-item .price
{
     position: absolute;
     right: 3px;
    top: 175px;
    text-transform: none;
    letter-spacing: 0px;
    font-size: 12px;
    font-weight: normal;
    background-color: transparent;
    height: 19px;
    padding:3px;
    color: #000000;
}


/*new star*/
.NewDesign {
z-index: 10;
position: absolute;
height: 55px;
width:55px;
right: 0px;
top: -12px;

}

/*esko star*/
.ParametricEskoDesign {
z-index: 10;
position: absolute;
height: 32px;
width: 32px;
left: 10px;
bottom: 48px;
}

/*cart imagebutton*/
.CartImageButton {
z-index: 10;
position: absolute;
height: 32px;
width: 32px;
right: 10px;
bottom: 48px;
}
.insertiondate{
    color:transparent!important;
    width: 0px;
right: 0px;

}

.boxstyle {
    color:transparent!important;
    width: 0px;
    height:0px;
    right: 0px;
}