.newsCellContainer {
  padding-bottom: 30px;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: top;
  justify-content: center;
}

.newsCell {
  float: none;
  margin-bottom: 20px;
  width: 31.33%;
  margin-left: 1%;
  margin-right: 1%;

  background: #fff;
  border:1px solid #dfe3e7;
  box-shadow: 5px 5px 10px rgba(100,100,100,0.03);
}

.img-hover-zoom {
  background:#ffffff;
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}
.img-hover-zoom img{background:#ffffff;width:100%;height:auto;}
.img-hover-zoom img {
  display:block;
  transition: transform .9s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.12);
}

.newsCellInfo{
  padding:15px;
  background:#fff;
}
  .newsCellInfo h4{
    font-size:21px;
    font-weight: bold;
  }
  .newsCellInfo h4 a{text-decoration: none;}

.articleDateText{
  color:#9f9f9f;
  padding-bottom: 20px;
}

.formField{
  border:1px dotted;
  padding:5px;
  background-color:#f4f2f2;
  margin-bottom:10px;

}
.formField INPUT,.formField SELECT,.formField TEXTAREA{

}
.formFieldLabel{
  float:left;
  width:40%;
  font-weight:bold;
}
.formFieldItem{
  float:left;
	width:60%;
  line-height:25px;
}
.formFieldItem LABEL{
  font-size:12px;
  line-height:29px;
  height:12px;
}


.formButton,
form input[type="submit"].formButton{
  display:inline-block;
  padding:15px 30px;

  background: #dfdfdf;
  color: #363636;
  border:1px solid #c0c0c0;
  text-decoration:none;
	font-weight:bold;
	text-transform: none;
  font-size:13px;
	cursor: pointer;
}
	form input[type="submit"].formButton:hover{
	 background:#363636;
	 color:#ffffff;
	}

.formSelect{
  border:1px solid #c0c0c0;
	width:100%;
	background:#dfdfdf;
	border:0px;
	padding:10px 15px;
	margin:0px;
	margin-bottom:1px;
	line-height:44px;
	color:#363636;
}


.formFieldItem input[type="text"].formInput,
.formFieldItem input[type="password"].formInput,
.formFieldItem textarea.formInput{
  border:1px solid #c0c0c0;
	font-size:12px;
  margin-bottom:10px;
	width:100%;
}

.editArticleThumb{
  float:left;
  border:1px solid #313131;
  padding:10px;
  margin:5px;
  text-align:center;

}

.rightAlign{
  text-align:right;
}

.smallText{
  font-family:arial;
  font-size:10px;
  font-weight:normal;
}
.noteBox{
  border:1px solid #626262;
  padding:5px;
  font-family:arial;
  font-size:12px;
  margin-top:5px;
  margin-bottom:5px;
}
.messageBox{
  background-color:#dfdfdf;
  border:2px solid #626262;
  padding:25px;
  font-family:arial;
  font-size:12px;
  margin-top:5px;
  margin-bottom:5px;
  box-shadow: 10px 10px 15px rgba(0,0,0,0.15);
}
.articleList{
  margin-bottom:10px;
  background-color:#ffffff;
}
  .articleListHover{
    background-color:#f4f2f2;
    margin-bottom:10px;
  }

.dataTable TH{
  background-color:#343434;
  text-align:left;
	color:#ffffff;
	font-family:arial;

  padding:5px;
}
  .dataTable TD{
    padding:10px 15px;
  }
	.tableRowEven{
    background-color:#edebeb;
  }
	.tableRowOdd{
    background-color:#ffffff;
  }
  .tableRowHover{
    background-color:#c1c1c1;
  }

.dataTable tr th:first-child, .articleDataTable tr td:first-child {
    border-left: 1px solid #dedede;
}
.dataTable tr th, .articleDataTable tr td {
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
}
.tableLabelWidth{
	width:150px;
}
.articleButton{
  padding-left:10px;
  padding-right:10px;
  color:#ffffff;
  text-transform:uppercase;
  background-color:#2d2e2e;
  border:1px solid #8d8d8d;
  font-weight:bold;
  font-size:10px;
  line-height:25px;
  height:25px;
}
.articleSearch{
  padding:15px;
  border:1px solid #3a6f8f;
  margin-bottom:10px;
  text-align:right;
}
  .quicksearch_select{
    width:200px;
    line-height:24px;
    border:1px solid #8d8d8d;
    margin-bottom:5px;
  }
.summaryItemContent{
  margin-bottom:10px;

}
.summaryItemContent h4 a{text-decoration:none;}

.summaryItemContent a{
  color:#c43636;
}
.summaryItemLeft{
  float:left;
  width:100px;
  margin-right:10px;
}
  .summaryItemLeft img{
    border:1px solid #eeeeee;
    padding:2px;
  }
.summaryItemRight{
  float:left;
  width:400px;
}
.summaryThumbContainer{
  float:left;
  width:200px;
  margin-right:10px;
  margin-bottom:10px;

  padding-bottom:12px;
}
.summaryThumb{
  float:right;
  padding:2px;
  border:1px solid #b1201b;
  margin-left:10px;
}
.style_option_admin{
  float:left;
  width:100px;
  height:110px;
  text-align:center;
  padding:10px;
  margin:10px;
  background-color:#ffffff;
  border:1px solid #c1c1c1;
}

.productCell{
  float:left;
  width:24%;
  margin-right:1%;
  margin-bottom:20px;
  min-height:400px;
  text-align:center;

}
.productThumb{
  display: block;
  margin-right: 6%;

  border: 1px solid #afafaf;
  background: #ffffff;
  margin-bottom: 10px;

  height: 250px;
  overflow: hidden;
  position: relative;
}
.productThumb img{
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* ------------------  Basket ------------------ */
.shoppingQuickMenu{
  width:100%;
  text-align:right;
}
.shoppingQuickMenu ul{
  margin:0px;
  float:right;
  list-style:none;
  margin-top:15px;
}
.shoppingQuickMenu li{margin:0px;margin-left:20px;float:left;}

.basketItems{
  background:url(/templates/themes/default/shop/images/icon-cart.png) center left no-repeat;
  padding-left:30px;
}
.basketCheckout{
  border-radius:15px;
  background:#343434;
  color:#fff;
  padding:5px 30px;
}
.pageInner a.basketCheckout{
  color:#fff;
  background:#f9a416;
}
.cartRow{
  clear:both;
  padding-bottom:5px;
  margin-bottom:5px;
  border-bottom:1px solid #dddddd;
}
.cartCol{
  width:19%;
  margin-right:1%;
  float:left;
}
.cartCol .formButton{width:100%;margin-left:0px;}

.cartCol img{
  width:100%;
  height:auto;
}
/* ------------------  /Basket ------------------ */

/* ------------------  Checkout ------------------ */
.checkoutLeft{
  float:left;
  width:50%;

  border:1px solid #dddddd;
}
.checkoutRight{
  float:left;
  width:45%;

  border:1px solid #dddddd;
  margin-left:4%

}
.checkOutInner{
  padding:20px;

}
  .checkBoxSubmit{
    float:right;
    margin-right:10px;
  }
/* ------------------  /Checkout ------------------ */

.shopMessageBox{
  padding:20px;
  margin:20px;
  border:1px solid #c1c1c1;
  background:#eeeeee;
}
.cartPrice{
	float:right;
}
.cartCell{
	margin-left:5%;
	width:90%;
	padding:20px;
	border: 1px solid #dddddd;
}
	.cartCell hr{
		margin:10px 0px;
		height:1px;
		border:none;
		border-top:1px solid #dddddd;
	}


/* ------------------  Product ------------------ */
.productLeft{
  float:left;
  width:38%;
  margin-right:2%;
}
.featureImage{
  display:block;
  border:1px solid #c1c1c1;
  padding:2px;
  margin-bottom:20px;
}
  .featureImage img{
    width:100%;
    height:auto;
  }
.productRight{
  float:left;
  width:60%;
}

.productImageSmall{
  float:left;
  width:25%;
  border:1px solid #c1c1c1;
  padding:2px;
}
  .productImageSmall img{width:100%;height:auto;}
/* ------------------  /Product ------------------ */


/*     TABLET      */
@media all and (max-width:1024px){
  .newsCell,
  .productCell{
    width:48%;
  }
}

/*     TABLET      */
@media all and (max-width:768px){

}
/*     MOBILE      */
@media all and (max-width:500px){

  .newsCell,
  .productCell{
    width:99%;
    min-height:0px;
    height:auto;
  }
  .productLeft{
    float:none;
    width:100%;
    margin-right:0%;
    margin-bottom:15px;
  }
  .productRight{
    float:none;
    width:100%;
  }

	.checkoutLeft,
	.checkoutRight{
		float:none;
		width:100%;
		margin:0px;
		margin-bottom: 15px;
	}
  .shoppingQuickMenu li {margin:0px;margin-right:10px;}

	.tableLabelWidth{
		width:35%;
	}

  .cartCol{
    float:none;
    width:100%;
    margin-right:0%;
    margin-bottom:15px;
  }

}