
ul.product,
ul.product li{float: left; margin: 0px; padding: 0px; list-style: none; position: relative;}
ul.product{width: 100%; background-color: white;}
ul.product li{width: calc(25% - 30px); border-bottom: #f1eee4 1px solid; margin: 15px;} /* background-color: #f1eee4;*/
ul.product li div{float: left; width: 100%;}
ul.product li div.img{position: relative;}
ul.product li div.info{ height: 115px; overflow: hidden; padding: 0px 5px 0 5px; width: calc(100% - 10px);}
ul.product li div.info div{margin-top: 10px;}
ul.product li div.img a{text-align: center;}
ul.product li a:hover img{opacity: 0.7;}
ul.product li a{float: left; width: 100%; text-decoration: none; color: #343434;}
ul.product li a img{float:left;}
ul.product li h2{float: left; width: 100%; margin: 10px 0 0 0; font-size: 17px; font-weight: normal; max-height: 40px; overflow: hidden; }
ul.product li h2 a:hover{text-decoration: underline;}
ul.product li h2 a{float: none;}
ul.product li code{position: absolute; top: 0px; right: 0px;background-color: rgba(255,255,255,0.5);color: black;font-size: 25px;padding: 7px 10px 7px 10px; display: none;}
ul.product li div.hot{position: absolute; top: -10px; right: -10px; width: auto;}
ul.product li div.hot i.fa-bolt{	color: red; font-size: 35px; animation:ck-ripple 2s linear infinite, heartbeat 2s linear infinite; border-radius: 50%; display: none;}

div.price{ top:0px; position: static;}
div.price span{float: left; margin-right: 10px; font-size: 24px; letter-spacing: -1px;}
div.price span.sale{font-weight: bold; font-size: 160%; margin-top: -4px;}
div.price span.sale em{font-weight: normal; font-style: normal; font-size: 24px;}
div.price span.off i.fa{font-size: 20px; margin-right: 5px;}
div.price span.old{text-decoration: line-through; color: #5b5b5b;}
div.price span.off0{display: none;}

div.price button{float: left; font-size: 18px; cursor: pointer; padding: 5px 25px 5px 25px; border-radius: 4px; font-weight: normal; color:white; text-transform: uppercase; clear: both; margin-top: 10px;}
div.price button{	background-color: #156f50;border: #125f45 1px solid;}
div.price button i.fa{font-size: 20px; color:white;}
div.price button:hover{background-color: #d34836;border-color: #be3c29;}
div.price button ins{display: block;text-decoration: none; margin-top: 8px; font-size: 16px;}
div.price button[name='store']{ cursor: default;}

ul.product div.price span{font-size: 16px; margin-right: 5px;}
ul.product div.price span.sale{font-size: 120%;margin-top: -2px;}
ul.product div.price span.sale em{font-size: 16px;}
ul.product div.price span.off{position: absolute; top: 0px; left: 0px; background-color: white;padding: 3px 6px 3px 6px; background-color: red; color: white;
/*transform: rotate(-45deg);*/
}
ul.product div.price span i.fa{font-size: 16px;}

ul.product li button{position: absolute; bottom: 3px; cursor: pointer;color:white; padding: 7px 10px 7px 10px;font-size: 16px; z-index: 1; border-radius:2px; display: none; /* border: #146f53 1px solid; background-color: rgba(28,151,111,0.9);*/}
ul.product li button{background-color: #156f50;border: #125f45 1px solid;}
ul.product li button[name="cart"]{right: 3px;}
ul.product li button label{cursor: pointer;}
ul.product li button:hover{background-color: #d34836;border-color: #be3c29;}
ul.product li:hover button{display: inline;}


div#dialogAddCart{position:fixed;width: 100%;float: left; background: url(../images/transparent-bg.png); z-index: 2000; top: 0px; left: 0px; height: 100%;}
div#dialogAddCart a.close-top{position: absolute; top: -5px; right: -5px;background-color: white;width: 30px; height: 30px; text-align: center;	border: #00b9f5 4px solid;color: #6c6c6c;}
div#dialogAddCart a.close-top i{font-size: 25px;margin-top:2px;}
div#dialogAddCart a.close-top:hover{background-color: #00b9f5; color:black;}

div#dialogAddCart form{position: absolute;left: 0px;top: 0px; background-color: white ;border: #00b9f5 6px solid;z-index: 1001; width: calc(100% - 12px); max-width:600px;}
div#dialogAddCart form div.box{float: left; width: 100%;position: relative;}
div#dialogAddCart form h3{position: absolute; top:-40px;left:-6px;margin:0px;background-color: #00b9f5;padding: 5px 15px 5px 15px;height: 25px;line-height: 25px;text-transform: uppercase;color: white;font-size:18px;font-weight: normal;}
div#dialogAddCart div.content{float: left;width: calc(100% - 20px);padding: 10px;min-height: 100px; overflow: auto;}
div#dialogAddCart a.img{float: left;width:100px;text-decoration: none;color: black;}
div#dialogAddCart a.img img{width:100%; float:left;}

div#dialogAddCart table{float: left; width: calc(100% - 120px); margin-left: 20px;}
div#dialogAddCart table th{text-align: left;background-color: #f3f3f3;line-height: 35px; font-weight:normal;text-transform: uppercase;text-indent: 5px;}
div#dialogAddCart table a{color: black; font-size:16px; text-decoration: none;padding: 5px 0 5px 0; font-weight: bold;}
div#dialogAddCart table a:hover{color: #00b9f5;}

div#dialogAddCart table span{float: left;width:100%;}
div#dialogAddCart table span label{float: left;border: #cacaca 1px solid; background-color: #f3f3f3;width: 30px;text-align: center;height:30px;line-height: 30px;font-size:25px; cursor: pointer; color:#969696;}
div#dialogAddCart table span input{float:left;border:none; border-top: #cacaca 1px solid;border-bottom: #cacaca 1px solid;width:30px;text-align: center;height: 28px;font-size:15px;}
div#dialogAddCart table span label:hover{background-color: #e2e2e2; border-color: #d5d5d5;}
div#dialogAddCart table span.totalPrice{font-size:15px;font-weight: bold;}

div#dialogAddCart div.content div{float: left;width:100%;margin:30px 0 20px 0;}
div#dialogAddCart div.content div a{font-size:15px;text-decoration: none;color: black;float: right;background-color: #fcd21b;	padding: 5px 10px 5px 10px;}
div#dialogAddCart div.content div a i{font-size:20px;}
div#dialogAddCart div.content div a:hover{background-color: red;color:white;}
div#dialogAddCart div.content div label{float: left; display: none;}

