.cartbox_ok, .cartbox_error {
  display:none;
  width:100%;
}

.cartbox_popup {
	animation: cf3FadeInOut2 4s;
  	-moz-animation: cf3FadeInOut2 4s;
    -khtml-animation: cf3FadeInOut2 4s;
    -webkit-animation: cf3FadeInOut2 4s;
    -o-animation: cf3FadeInOut2 4s;
  
  position:fixed;
  z-index:100001;
  
  margin:-500px 350px;
  margin-left: -140px;
  margin-top: -40px;

  padding:90px 20px 20px 20px;
  
  width:280px;
  /* mobil nézetben 220px szélességet kell megadni */
    
   left: -50%;
   top: -50%;
  
  background: url(../images/icons/aesthetica/48x48/shopping_cart_accept.png) top 20px center no-repeat white;
  border: 10px solid #133984;
  
  color:#133984;
  
  font-weight:bold;
  text-align:center;
  
  
  -webkit-box-shadow: 0px 0px 200px 20px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 200px 20px rgba(0,0,0,1);
box-shadow: 0px 0px 200px 20px rgba(0,0,0,1);
}

.cartbox_popup a {
  display:block;
}




@keyframes cf3FadeInOut2 {

0% { left: 50%; top: 50%; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -o-opacity:0; opacity:0; }

25% { -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; -o-opacity:1; opacity:1; }
75% { -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; -o-opacity:1; opacity:1; }
  
100% { left: 50%; top: 50%; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -o-opacity:0; opacity:0; }

}


@-webkit-keyframes cf3FadeInOut2 {
0% { left: 50%; top: 50%; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -o-opacity:0; opacity:0; }

25% { -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; -o-opacity:1; opacity:1; }
75% { -moz-opacity:1; -khtml-opacity:1; -webkit-opacity:1; -o-opacity:1; opacity:1; }
  
100% { left: 50%; top: 50%; -moz-opacity:0; -khtml-opacity:0; -webkit-opacity:0; -o-opacity:0; opacity:0; }
}