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

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

/* Banner */
.ad-wrapper {display:block; width:456px; height:48px; 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;}
.ad-wrapper .ad-header {display:block; float:left; width:22px; height:48px; line-height:48px; padding-left:8px;}
.ad-wrapper .ad-deals {display:block; float:left; width:404px; height:48px;}
.ad-wrapper .ad-deals .ad-link {display:block; position:relative; width:200px; height:48px; float:left; margin-left:4px; background-color:#f2f2f2; -webkit-transition:0.3s; transition:0.3s;}
.ad-wrapper .ad-deals .ad-deal {display:block; position:relative; width:200px; height:48px; float:left; margin-left:4px;}
.ad-wrapper .ad-deals .ad-link:first-child, .ad-wrapper .ad-deals .ad-deal:first-child {margin-left:0;}
.ad-wrapper .ad-deals .ad-deal .ad-image {display:block; float:left; width:81px; height:48px; overflow:hidden; position:relative; background:url(../../../../../content-assembly/affiliates/transactional/468x60/loading.gif) no-repeat center center;}
.ad-wrapper .ad-deals .ad-deal .ad-image img {position:relative; display:block; width:auto; height:49px;}
.ad-wrapper .ad-deals .ad-deal .ad-discount {display:block; width:30px; height:19px; background-color:#4bc1de; position:absolute; left:0; bottom: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; float:left; width:107px; height:45px; padding:0 6px; overflow:hidden;}
.ad-wrapper .ad-deals .ad-deal .ad-info .ad-price {font-size:15px; color:#82b548; font-weight:600; margin-right:5px;}
.ad-wrapper .ad-deals .ad-deal .ad-info .ad-value {font-size:13px; color:#999999; text-decoration:line-through;}
.ad-wrapper .ad-deals .ad-deal .ad-info .ad-title {display:block; font-size:11px; line-height:13px; margin-top:-3px;}
.ad-wrapper .ad-deals .ad-deal .ad-button img {width:auto; height:8px;}
.ad-wrapper .ad-button {display:block; float:left; width:18px; height:31px; padding-top:17px; text-align:center; margin-left:4px; color:#ffffff; text-transform:uppercase; font-size:10px; 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-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-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, .ad-wrapper #cta: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;}
@-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;}
100% {background-color:#f2f2f2; color:#333333;}
}