/* Import Open Sans font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600);

/* General */
body {padding:0; margin:0;}

/* Banner */
.ad-wrapper {display:block; width:456px; height:388px; padding:5px; border:1px solid #cccccc; font-family:'Open Sans', sans-serif; color:#333333; background-color:#ffffff;}
.ad-wrapper img {border:none;}
.ad-wrapper a, .ad-wrapper a:hover, .ad-wrapper a:visited {color:#333333; text-decoration:none; cursor:pointer; border:none;display:block;}
.ad-wrapper .ad-header {display:block; height:40px; line-height:40px; text-align:center;}
.ad-wrapper .ad-deals {display:block; height:348px;}
.ad-wrapper a:first-child > .ad-link {margin-left:0;}
.ad-wrapper .ad-deals .ad-link {display:block; position:relative; width:149px; height:348px;margin-left:4px; float:left; background-color:#f2f2f2; -webkit-transition:0.3s; transition:0.3s;}
.ad-wrapper .ad-deals .ad-deal {display:block; position:relative; width:149px; height:348px;}
.ad-wrapper .ad-deals .ad-deal .ad-image {display:block; width:auto; height:127px; overflow:hidden; position:relative; background:url(loading.gif) no-repeat center center;}
.ad-wrapper .ad-deals .ad-deal .ad-image img {position:relative; display:block; width:auto; height:127px;left:-20px}
.ad-wrapper .ad-deals .ad-deal .ad-discount {display:block; width:30px; height:19px; background-color:#4bc1de; position:absolute; top:0; right:0; z-index:5; color:#ffffff; font-size:11px; font-weight:600; line-height:19px; text-align:center; word-wrap:normal; opacity:0.95; filter:alpha(opacity=95);}
.ad-wrapper .ad-deals .ad-deal .ad-discount small {vertical-align:top; font-size:7px;}
.ad-wrapper .ad-deals .ad-deal .ad-info {display:block; width:137px; height:128px; padding:17px 5px; overflow:hidden;}
.ad-wrapper .ad-deals .ad-deal .ad-info span {display:block; text-align:center;}
.ad-wrapper .ad-deals .ad-deal .ad-info .ad-price {font-size:18px; line-height:18px; color:#82b548; font-weight:600;}
.ad-wrapper .ad-deals .ad-deal .ad-info .ad-value {font-size:15px; line-height:18px; color:#999999; text-decoration:line-through; margin-bottom:2px;}
.ad-wrapper .ad-deals .ad-deal .ad-info .ad-title {font-size:13px; line-height:16px;}
.ad-wrapper .ad-deals .ad-deal .ad-button img {padding-left:1px; width:auto; height:8px;}
.ad-wrapper .ad-deals .ad-deal .ad-button {display:block; width:79px; height:25px; text-align:center; margin-left:36px; color:#ffffff; text-transform:uppercase; font-size:10px; line-height:25px; position:absolute; bottom:18px; font-weight:600;
background:#8fc84a;
background:-moz-linear-gradient(top, #8fc84a 0%, #5f9335 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc84a), color-stop(100%,#5f9335));
background:-webkit-linear-gradient(top, #8fc84a 0%,#5f9335 100%);
background:-o-linear-gradient(top, #8fc84a 0%,#5f9335 100%);
background:-ms-linear-gradient(top, #8fc84a 0%,#5f9335 100%);
background:linear-gradient(to bottom, #8fc84a 0%,#5f9335 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc84a', endColorstr='#5f9335',GradientType=0);
}
.ad-wrapper .ad-deals .ad-deal .ad-button:hover {
background:#9bcc63;
background:-moz-linear-gradient(top, #9bcc63 0%, #70a944 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#9bcc63), color-stop(100%,#70a944));
background:-webkit-linear-gradient(top, #9bcc63 0%,#70a944 100%);
background:-o-linear-gradient(top, #9bcc63 0%,#70a944 100%);
background:-ms-linear-gradient(top, #9bcc63 0%,#70a944 100%);
background:linear-gradient(to bottom, #9bcc63 0%,#70a944 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9bcc63', endColorstr='#70a944',GradientType=0);
}
.ad-wrapper .ad-deals .ad-deal .ad-button:active {box-shadow:inset 0 0 6px #757575;}

/* Hover */
.ad-wrapper .ad-deals:hover .ad-deal {background-color:#f2f2f2; color:#333333; filter:alpha(opacity=50);}
.ad-wrapper .ad-deals .ad-deal:hover {background-color:#333333; color:#ffffff; filter:alpha(opacity=100);}
.ad-wrapper .ad-deals:hover .ad-link {opacity:0.5; filter:alpha(opacity=50);}
.ad-wrapper .ad-deals .ad-link:hover {opacity:1; filter:alpha(opacity=100); cursor:pointer;}
.ad-wrapper #groupon img:hover {cursor:pointer;}

/* Animations*/
.ad-wrapper .ad-deals .ad-bg1 {-webkit-animation:bg1 5s 6; animation:bg1 5s 6;}
.ad-wrapper .ad-deals .ad-bg2 {-webkit-animation:bg2 5s 6; animation:bg2 5s 6;}
.ad-wrapper .ad-deals .ad-bg3 {-webkit-animation:bg3 5s 6; animation:bg3 5s 6;}
@-webkit-keyframes bg1 {
0% {background-color:#f2f2f2; color:#333333;}
3% {background-color:#333333; color:#ffffff;}
30% {background-color:#333333; color:#ffffff;}
33% {background-color:#f2f2f2; color:#333333;}
100% {background-color:#f2f2f2; color:#333333;}
}
@keyframes bg1 {
0% {background-color:#f2f2f2; color:#333333;}
3% {background-color:#333333; color:#ffffff;}
30% {background-color:#333333; color:#ffffff;}
33% {background-color:#f2f2f2; color:#333333;}
100% {background-color:#f2f2f2; color:#333333;}
}
@-webkit-keyframes bg2 {
0% {background-color:#f2f2f2; color:#333333;}
30% {background-color:#f2f2f2; color:#333333;}
33% {background-color:#333333; color:#ffffff;}
63% {background-color:#333333; color:#ffffff;}
66% {background-color:#f2f2f2; color:#333333;}
100% {background-color:#f2f2f2; color:#333333;}
}
@keyframes bg2 {
0% {background-color:#f2f2f2; color:#333333;}
30% {background-color:#f2f2f2; color:#333333;}
33% {background-color:#333333; color:#ffffff;}
63% {background-color:#333333; color:#ffffff;}
66% {background-color:#f2f2f2; color:#333333;}ad-link
100% {background-color:#f2f2f2; color:#333333;}
}
@-webkit-keyframes bg3 {
0% {background-color:#f2f2f2; color:#333333;}
63% {background-color:#f2f2f2; color:#333333;}
66% {background-color:#333333; color:#ffffff;}
100% {background-color:#333333; color:#ffffff;}
}
@keyframes bg3 {
0% {background-color:#f2f2f2; color:#333333;}
63% {background-color:#f2f2f2; color:#333333;}
66% {background-color:#333333; color:#ffffff;}
100% {background-color:#333333; color:#ffffff;}
}