.search:hover { cursor: pointer; background-color: #f3f1f1; font-weight: bold; }
.search {  z-index: 999; background-color: #fff; padding:8px; font-size:15px; text-transform: capitalize; } 
#display {margin-top:12px;position: absolute;width: 400px;z-index: 99;} 		
#display a { color:#333; } 		
#cart_button{	margin-top:20px;	margin-left:80px;	cursor:pointer;	float:right;}
#cart_button img{	width:40px;	height:40px;}
#cart_button input[type="button"]{	background:none;	border:none;	background-color:red;	border-radius:100%;	height:30px;	width:30px;	margin-top:0px;	color:white;	font-size:17px;	cursor:pointer;	position:relative;	top:-4px;	right:18px;}
#mycart{	display:none;	background:white;	border:2px solid #dadada;	position:absolute; right:0px; top:70px;	z-index:1;}
#mycart .cart_items{	border-bottom:1px dashed silver;	padding-left:10px;}
#mycart .cart_items img{	width:70px;	height:50px;	float:left;}
#mycart .cart_items p{	margin:0px;	font-size:12px;	color:#333333;}
.items {	background-color:white;	height:370px; width:220px;	box-shadow:0px 0px 10px 0px #A4A4A4;	box-sizing:border-box;	float:left;	margin-right:30px; margin-top:20px;	position:relative;	transition: all .2s ease-out;}
.items:hover {    transform: scale(1.05);}
.items:hover input[type="submit"]{ cursor: pointer;	display:block;}
.items img{ max-height:240px; width:100%;}
.items p{	color: #333333;	font-size:13px;}

.items_s {	height:370px; width:100%;	box-shadow:0px 0px 10px 0px #A4A4A4;	box-sizing:border-box;	float:left;	margin-right:20px; margin-top:20px;	position:relative;	transition: all .2s ease-out;}
.items_s:hover {    transform: scale(1.05);}
.items_s:hover input[type="submit"]{ cursor: pointer;	display:block;}
.items_s img{ max-height:240px; width:100%;}
.items_s p{	color: #333333;	font-size:13px;}

.items_l {	height:100px; width:100%;	box-shadow:0px 0px 10px 0px #A4A4A4;	box-sizing:border-box;	float:left;	margin-right:20px; margin-top:20px;	position:relative;	transition: all .2s ease-out;}
.items_l:hover {    transform: scale(1.05);}
.items_l:hover input[type="submit"]{ cursor: pointer;	display:block;}
.items_l img{ max-height:80px; width:100%;}
.items_l p{	color: #333333;	font-size:13px;}

.cap_status{color:#fff; font-size:20px; float:right; margin-right:30px;  }
th, td { height:20px; font-size:12px; padding:10px;}
.btnAddAction { margin:5px; margin-top:15px; }
.lazyload {        opacity: 0;    }
img {}

.ribbon {  position: absolute;  right: -5px; top: -5px;  z-index: 1;  overflow: hidden;  width: 75px; height: 75px;  text-align: right;}
  .ribbon span {  font-size: 10px;  font-weight: bold;  color: #FFF;  text-transform: uppercase;  text-align: center;  line-height: 20px;  transform: rotate(45deg);  -webkit-transform: rotate(45deg);  width: 100px;  display: block;  background: #79A70A;  background: linear-gradient(#F70505 0%, #8F0808 100%);  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);  position: absolute;  top: 19px; right: -21px;}
  .ribbon span::before {  content: "";  position: absolute; left: 0px; top: 100%;  z-index: -1;  border-left: 3px solid #8F0808;  border-right: 3px solid transparent;  border-bottom: 3px solid transparent;  border-top: 3px solid #8F0808;}
.ribbon span::after {  content: "";  position: absolute; right: 0px; top: 100%;  z-index: -1;  border-left: 3px solid transparent;  border-right: 3px solid #8F0808;  border-bottom: 3px solid transparent;  border-top: 3px solid #8F0808;}

.ribbons {  position: absolute;  left: -5px; top: -5px;  z-index: 1;  overflow: hidden;  width: 75px; height: 75px;  text-align: right;}
  .ribbons span {  font-size: 10px;  font-weight: bold;  color: #FFF;  text-transform: uppercase;  text-align: center;  line-height: 20px;  transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  width: 100px;  display: block;  background: #79A70A;  background: linear-gradient(#F70505 0%, #8F0808 100%);  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);  position: absolute;  top: 19px; left: -21px;}
  .ribbons span::before {  content: "";  position: absolute; left: 0px; top: 100%;  z-index: -1;  border-left: 3px solid #8F0808;  border-right: 3px solid transparent;  border-bottom: 3px solid transparent;  border-top: 3px solid #8F0808;}
.ribbons span::after {  content: "";  position: absolute; right: 0px; top: 100%;  z-index: -1;  border-left: 3px solid transparent;  border-right: 3px solid #8F0808;  border-bottom: 3px solid transparent;  border-top: 3px solid #8F0808;}


.vc { margin: 0;  position: absolute;  top: 50%;  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
#shopping-cart {
	margin:- 40px;
}

#product-grid {
	margin: 40px;
}

#shopping-cart table {
	width: 100%;
	background-color: #F0F0F0;
}

#shopping-cart table td {
	background-color: #FFFFFF;
}

.txt-heading {
	color: #211a1a;
	border-bottom: 1px solid #E0E0E0;
	overflow: auto;
}

#btnEmpty {
	background-color: #ffffff;
	border: #d00000 1px solid;
	padding: 5px 10px;
	color: #d00000;
	float: right;
	text-decoration: none;
	border-radius: 3px;
	margin: 10px 0px;
}

.btnAddAction {
    padding: 5px 10px;
    background-color: #efefef;
    border: #E0E0E0 1px solid;
    color: #211a1a;
    float: right;
    text-decoration: none;
    border-radius: 3px;
    cursor: pointer;
}

#product-grid .txt-heading {
	margin-bottom: 18px;
}

.product-item {
	float: left;
	background: #ffffff;
	margin: 30px 30px 0px 0px;
	border: #E0E0E0 1px solid;
}

.product-image {
	height: 155px;
	width: 250px;
	background-color: #FFF;
}

.clear-float {
	clear: both;
}

.demo-input-box {
	border-radius: 2px;
	border: #CCC 1px solid;
	padding: 2px 1px;
}

.tbl-cart {
	font-size: 0.9em;
}

.tbl-cart th {
	font-weight: normal;
}

.product-title {
	margin-bottom: 20px;
}

.product-price {
	float:left;
}

.cart-action {
	float: right;
}

.product-quantity {
    padding: 5px 10px;
    border-radius: 3px;
    border: #E0E0E0 1px solid;
}

.product-tile-footer {
    padding: 15px 15px 0px 15px;
    overflow: auto;
}

.cart-item-image {
	width: 30px;
    height: 30px;
    border-radius: 50%;
    border: #E0E0E0 1px solid;
    padding: 5px;
    vertical-align: middle;
    margin-right: 15px;
}
.no-records {
	text-align: center;
	clear: both;
	margin: 38px 0px;
}

.mart {	padding:10px;	height:320px; width:100%; font-size: 14px;	box-shadow:0px 0px 10px 0px #A4A4A4;	box-sizing:border-box;	float:left;	margin-right:20px; margin-top:20px;	position:relative;	transition: all .2s ease-out;}
.mart:hover {    transform: scale(1.05);}
.mart:hover input[type="submit"]{ cursor: pointer;	display:block;}
.mart img{ max-height:150px; width:100%;}
.mart p{	color: #333333;	font-size:13px;}
.mart input[type="submit"]{	 background-color: green; color:#fff; border: 1px;}
.xcdfv { height:150px; text-align: center !important; width: 100%; }
.fwdmdd { float:right; width: 75%; }
@media only screen and (max-width: 700px) {
 .mart { padding:10px;	height:170px; width:100%; font-size: 16px; box-shadow:0px 0px 10px 0px #A4A4A4;	box-sizing:border-box;	float:left;	margin-right:20px; margin-top:20px;	position:relative;	transition: all .2s ease-out;}
.mart:hover {    transform: scale(1.05);}
.mart:hover input[type="submit"]{ cursor: pointer;	display:block;}
.mart img{ max-height:100px; width:100%;}
.mart p{	color: #333333;	font-size:13px;}
.xcdfv { padding-top:20px; margin-right: 10px; height:150px; text-align: center !important; width: 100px; float: left }
.mobpad { padding: 0px 10px; }
.fwdmdd { float:right; width: 50%; }
}