/* ========================================================================== */
/* ALL BANNER SIZES                                                           */
/* ========================================================================== */


.banner
{
    background-color:       #dedede;
    -webkit-font-smoothing: antialiased;
}

.products
{
    background-color:       transparent;
}

.item
{
    background-color:       transparent;
}

.item:hover .metadata-c2a, .item.fx-hover .metadata-c2a
{
    background-color:       #f3a000;
}

.metadata-manufacturer
{
    font-family:            Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-stretch:           normal;
    font-size:              14px;
    line-height:            16px;
    color:                  #fff;
    -webkit-font-smoothing: antialiased;
    /*text-transform:         uppercase;*/
    text-align:             left;
     -webkit-animation: fadeInRight 3s ease-in infinite alternate;
    -moz-animation:         fadeInRight 3s ease-in infinite alternate;
    -o-animation:           fadeInRight 3s ease-in infinite alternate;
    animation:              fadeInRight 3s ease-in infinite alternate;

}

.metadata-title
{
    font-family:            Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-stretch:           bold;
    color:                  #fff;
    /*text-transform:         uppercase;*/
    font-size:              18px;
    line-height:            24px;
    text-align:             left;
    -webkit-font-smoothing: antialiased;
   -webkit-animation:          fadeInDown 3s ease-in infinite alternate;
    -moz-animation:         fadeInDown 3s ease-in infinite alternate;
    -o-animation:           fadeInDown 3s ease-in infinite alternate;
    animation:              fadeInDown 3s ease-in infinite alternate;

}


.metadata-text
{
    font-family:            "Century Gothic", "Apple Gothic", sans-serif;
    font-stretch:           normal;
    color:                  #fff;
    -webkit-font-smoothing: antialiased;
    /*text-transform:         uppercase;*/
    font-size:              11px;
    line-height:            8px;
    z-index:                3;
}

.metadata-price-parts
{
    font-family:            "Century Gothic", "Apple Gothic", sans-serif;
    font-stretch:           normal;
    color:                  #fff;
    display:                block;
    background-color:       #e74632;
    width:                  66px;
    height:                 66px;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    border-bottom-right-radius: 33px;
    border-bottom-left-radius: 33px;
    line-height:            70px;
    font-size:              18px;
    -webkit-font-smoothing: antialiased;
}

.metadata-sale-price-parts
{
    font-family:            "Century Gothic", "Apple Gothic", sans-serif;
    font-stretch:           normal;
    color:                  #fff;
    display:                block;
    background-color:       #e74632;
    width:                  66px;
    height:                 66px;
    border-top-left-radius: 33px;
    border-top-right-radius: 33px;
    border-bottom-right-radius: 33px;
    border-bottom-left-radius: 33px;
    line-height:            66px;
    font-size:              18px;
    -webkit-font-smoothing: antialiased;
}

.metadata-old-price-parts
{
    font-family:            "Century Gothic", "Apple Gothic", sans-serif;
    font-stretch:           normal;
    color:                  #fff;
    display:                block;
    line-height:            11px;
    height:                 11px;
    width:                  66px;
    -webkit-font-smoothing: antialiased;
}

.metadata-zero-price
{
    display:                inline-block;
}

.metadata-price-currency-left
{
    display:                none;
}

.metadata-price-currency-right
{
    display:                inline-block;
    top:                    -4px;
    position:               relative;
    font-size:              13px;
}

.metadata-price-integer
{
    display:                inline-block;
}

.metadata-price-integer-digit
{
    display:                inline-block;
}

.metadata-price-integer-separator
{
    display:                inline-block;
}

.metadata-price-separator
{
    display:                inline-block;
}

.metadata-price-decimal
{
    display:                inline-block;
    top:                    -4px;
    position:               relative;
    font-size:              13px;
}

.metadata-price-after
{
    display:                inline-block;
    top:                    -4px;
    position:               relative;
    font-size:              13px;
}

.metadata-lowpercent-sale-price
{
    display:                inline-block;
}

.metadata-sale-price-currency-right
{
    display:                inline-block;
    top:                    -4px;
    position:               relative;
    font-size:              13px;
}

.metadata-sale-price-integer
{
    display:                inline-block;
}

.metadata-sale-price-integer-digit
{
    display:                inline-block;
}

.metadata-sale-price-integer-separator
{
    display:                inline-block;
}

.metadata-sale-price-separator
{
    display:                inline-block;
}

.metadata-sale-price-decimal
{
    display:                inline-block;
    top:                    -4px;
    position:               relative;
    font-size:              13px;
}

.metadata-sale-price-after
{
    display:                inline-block;
    top:                    -4px;
    position:               relative;
    font-size:              13px;
}

.metadata-sale-price-currency-left
{
    display:                none;
}

.metadata-c2a
{
    display:                block;
    width:                  133px;
    height:                 24px;
    line-height:            24px;
    font-size:              11px;
    color:                  #fff;
    text-transform:         uppercase;
    letter-spacing:         1px;
    background-color:       #F8AE18;
  -webkit-animation: tada 3s ease-in infinite alternate;
    -moz-animation:         tada 3s ease-in infinite alternate;
    -o-animation:           tada 3s ease-in infinite alternate;
    animation:              tada 3s ease-in infinite alternate;
}

.slug
{
    background-position:    0 0;
    background-image:       none;
    background-color:       #FFF;
    position:               absolute;
    left:                   0;
    top:                    0;
    z-index:                -999;
    opacity:                0;
}

.billboard
{
    background-position:    0 0;
    background-color:       #FFF;
    position:               absolute;
    left:                   0;
    top:                    0;
    z-index:                -1000;
    opacity:                0;
}



/* ========================================================================== */
/* BANNER SIZE 1                                                              */
/* ========================================================================== */


.banner-size-1
{
    width:                  300px;
}

.banner-size-1 .logo
{
    background-image:       url(../images/mobile/logo.png);
    background-repeat:      no-repeat;
    width:                  298px;
    height:                 248px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-1 .products
{
    width:                  298px;
    height:                 248px;
    z-index:                2;
}

.banner-size-1 .item
{
    width:                  298px;
    height:                 248px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;

}

.banner-size-1 .banner-item-image
{
    background-size:        contain;
    width:                  100px;
    height:                 180px;
    left:                   15px;
    top:                    37px;

}

.banner-size-1 .metadata-manufacturer
{
    width:                  153px;
    height:                 32px;
    left:                   130px;
    top:                    90px;
    display:                block;
}

.banner-size-1 .metadata-text
{
    width:                  56px;
    height:                 10px;
    left:                   69px;
    top:                    172px;
    display:                block;
}

.banner-size-1 .metadata-title
{
    width:                  163px;
    height:                 50px;
    left:                   130px;
    top:                    38px;
    display:                block;
}

.banner-size-1 .metadata-price-parts

{
    top:                    161px;
    left:                   62px;
    padding-right:          3px;
}

.banner-size-1 .metadata-sale-price-parts
{
    top:                    161px;
    left:                   62px;
}

.banner-size-1 .metadata-old-price-parts
{
    left:                   64px;
    bottom:                 30px;
    display:                block;
}

.banner-size-1 .metadata-c2a
{
    top:                    144px;
    left:                   130px;
    -webkit-font-smoothing: antialiased;
}

.banner-size-1 .billboard
{
    background-image:       url(../images/mobile/sprite.png);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 3                                                              */
/* ========================================================================== */


.banner-size-3 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_3?[[CB]]);
    background-repeat:      no-repeat;
    width:                  160px;
    left:                   567px;
    top:                    1px;
}

.banner-size-3 .products
{
    width:                  566px;
    background-color:       #eee;
}

.banner-size-3 .item
{
    width:                  278px;
    height:                 88px;
    left:                   0px;
    top:                    0px;
    margin-right:           10px;
    margin-bottom:          0px;
    display:                block;
    background-position:    0 -89px;
    background-image:       url(//assets.sociomantic.com/sprites/24801?[[CB]]);
    background-repeat:      no-repeat;
}

.banner-size-3 .item-2
{
    margin-right:           0;
}

.banner-size-3 .banner-item-image
{
    width:                  46px;
    height:                 82px;
    left:                   17px;
    top:                    3px;
}

.banner-size-3 .metadata-manufacturer
{
    width:                  142px;
    height:                 22px;
    left:                   125px;
    top:                    34px;
    display:                block;
    line-height:            11px;
    font-size:              11px;
}

.banner-size-3 .metadata-title
{
    width:                  142px;
    height:                 28px;
    left:                   125px;
    top:                    5px;
    display:                block;
    line-height:            14px;
    font-size:              12px;
}

.banner-size-3 .metadata-text
{
    width:                  50px;
    height:                 9px;
    left:                   55px;
    top:                    37px;
    display:                block;
    font-size:              9px;
    line-height:            9px;
}

.banner-size-3 .metadata-price-parts
{
    width:                  60px;
    height:                 60px;
    line-height:            60px;
    top:                    26px;
    left:                   51px;
}

.banner-size-3 .metadata-sale-price-parts
{
    width:                  60px;
    height:                 60px;
    line-height:            60px;
    top:                    26px;
    left:                   51px;
}

.banner-size-3 .metadata-old-price-parts
{
    width:                  60px;
    left:                   51px;
    bottom:                 11px;
    height:                 10px;
    line-height:            10px;
    font-size:              10px;
}

.banner-size-3 .metadata-c2a
{
    width:                  141px;
    top:                    59px;
    left:                   125px;
}

.banner-size-3 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_3?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 4                                                              */
/* ========================================================================== */


.banner-size-4 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_4?[[CB]]);
    background-repeat:      no-repeat;
    height:                 598px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-4 .products
{
    height:                 598px;
    z-index:                2;
}

.banner-size-4 .item
{
    width:                  158px;
    height:                 598px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;
}

.banner-size-4 .banner-item-image
{
    width:                  122px;
    height:                 220px;
    left:                   18px;
    top:                    292px;
}

.banner-size-4 .metadata-title
{
    width:                  136px;
    height:                 57px;
    left:                   11px;
    top:                    93px;
    display:                block;
    font-size:              17px;
    line-height:            19px;
}

.banner-size-4 .metadata-manufacturer
{
    width:                  136px;
    height:                 32px;
    left:                   11px;
    top:                    151px;
    display:                block;
}

.banner-size-4 .metadata-text
{
    width:                  72px;
    height:                 11px;
    left:                   85px;
    top:                    454px;
    display:                block;
    font-size:              11px;
    line-height:            11px;
}

.banner-size-4 .metadata-price-currency-right
{
    font-size:              14px;
}

.banner-size-4 .metadata-sale-price-currency-right
{
    font-size:              14px;
}

.banner-size-4 .metadata-price-parts
{
    width:                  72px;
    height:                 72px;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    line-height:            72px;
    font-size:              20px;
    top:                    441px;
    left:                   85px;
}

.banner-size-4 .metadata-sale-price-parts
{
    width:                  72px;
    height:                 72px;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    line-height:            72px;
    font-size:              20px;
    top:                    441px;
    left:                   85px;
}

.banner-size-4 .metadata-price-decimal
{
    font-size:              14px;
}

.banner-size-4 .metadata-price-after
{
    font-size:              14px;
}

.banner-size-4 .metadata-sale-price-decimal
{
    font-size:              14px;
}

.banner-size-4 .metadata-sale-price-after
{
    font-size:              14px;
}

.banner-size-4 .metadata-old-price-parts
{
    left:                   85px;
    width:                  72px;
    bottom:                 96px;
    height:                 12px;
    line-height:            12px;
    font-size:              12px;
}

.banner-size-4 .metadata-c2a
{
    width:                  134px;
    height:                 30px;
    line-height:            30px;
    font-size:              12px;
    top:                    193px;
    left:                   12px;
}

.banner-size-4 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_4?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 5                                                              */
/* ========================================================================== */


.banner-size-5 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_5?[[CB]]);
    background-repeat:      no-repeat;
    height:                 78px;
    left:                   1px;
    top:                    521px;
}

.banner-size-5 .products
{
    height:                 520px;
    background-color:       #eee;
}

.banner-size-5 .item
{
    width:                  278px;
    height:                 220px;
    left:                   10px;
    top:                    30px;
    display:                block;
    margin-bottom:          20px;
    background-position:    0 -89px;
    background-image:       url(//assets.sociomantic.com/sprites/24801?[[CB]]);
    background-repeat:      no-repeat;
}

.banner-size-5 .item-2
{
    margin-bottom:          40px;
}

.banner-size-5 .banner-item-image
{
    width:                  100px;
    height:                 180px;
    left:                   13px;
    top:                    20px;
}

.banner-size-5 .metadata-manufacturer
{
    width:                  140px;
    height:                 32px;
    left:                   125px;
    top:                    87px;
    display:                block;
}

.banner-size-5 .metadata-text
{
    width:                  56px;
    height:                 10px;
    left:                   75px;
    top:                    157px;
    display:                block;
}

.banner-size-5 .metadata-title
{
    width:                  140px;
    height:                 54px;
    left:                   125px;
    top:                    31px;
    display:                block;
    line-height:            18px;
    font-size:              16px;
}

.banner-size-5 .metadata-price-parts
{
    top:                    144px;
    left:                   70px;
}

.banner-size-5 .metadata-sale-price-parts
{
    top:                    144px;
    left:                   70px;
}

.banner-size-5 .metadata-old-price-parts
{
    left:                   70px;
    bottom:                 21px;
}

.banner-size-5 .metadata-c2a
{
    left:                   125px;
    top:                    125px;
}

.banner-size-5 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_5?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 8                                                              */
/* ========================================================================== */


.banner-size-8 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_8?[[CB]]);
    background-repeat:      no-repeat;
    height:                 248px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-8 .products
{
    height:                 248px;
    z-index:                2;
}

.banner-size-8 .item
{
    width:                  248px;
    height:                 248px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;
}

.banner-size-8 .banner-item-image
{
    width:                  100px;
    height:                 180px;
    left:                   11px;
    top:                    33px;
}

.banner-size-8 .metadata-manufacturer
{
    width:                  109px;
    height:                 26px;
    left:                   121px;
    top:                    104px;
    display:                block;
    line-height:            13px;
    font-size:              12px;
}

.banner-size-8 .metadata-title
{
    width:                  109px;
    height:                 68px;
    left:                   121px;
    top:                    35px;
    display:                block;
    font-size:              16px;
    line-height:            17px;
}

.banner-size-8 .metadata-text
{
    width:                  56px;
    height:                 9px;
    left:                   71px;
    top:                    170px;
    display:                block;
    font-size:              9px;
    line-height:            9px;
}

.banner-size-8 .metadata-price-parts
{
    top:                    156px;
    left:                   66px;
}

.banner-size-8 .metadata-sale-price-parts
{
    top:                    156px;
    left:                   66px;
}

.banner-size-8 .metadata-old-price-parts
{
    left:                   66px;
    bottom:                 37px;
}

.banner-size-8 .metadata-c2a
{
    width:                  110px;
    height:                 26px;
    line-height:            26px;
    font-size:              10px;
    left:                   121px;
    top:                    134px;
    letter-spacing:         0;
}



/* ========================================================================== */
/* BANNER SIZE 10                                                             */
/* ========================================================================== */


.banner-size-10
{
    width:                  335px;
}

.banner-size-10 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_10?[[CB]]);
    background-repeat:      no-repeat;
    width:                  333px;
    height:                 278px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-10 .products
{
    width:                  333px;
    height:                 278px;
    z-index:                2;
}

.banner-size-10 .item
{
    width:                  333px;
    height:                 278px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;
}

.banner-size-10 .banner-item-image
{
    width:                  112px;
    height:                 200px;
    left:                   18px;
    top:                    41px;
}

.banner-size-10 .metadata-manufacturer
{
    width:                  169px;
    height:                 36px;
    left:                   145px;
    top:                    111px;
    display:                block;
    line-height:            18px;
    font-size:              16px;
}

.banner-size-10 .metadata-title
{
    width:                  169px;
    height:                 66px;
    left:                   145px;
    top:                    44px;
    display:                block;
    line-height:            22px;
    font-size:              20px;
}

.banner-size-10 .metadata-text
{
    width:                  62px;
    height:                 12px;
    left:                   86px;
    top:                    192px;
    display:                block;
    line-height:            12px;
    font-size:              12px;
}

.banner-size-10 .metadata-sale-price-parts
{
    width:                  72px;
    height:                 72px;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    line-height:            72px;
    font-size:              20px;
    top:                    178px;
    left:                   81px;
}

.banner-size-10 .metadata-price-parts
{
    width:                  72px;
    height:                 72px;
    border-top-left-radius: 36px;
    border-top-right-radius: 36px;
    border-bottom-left-radius: 36px;
    border-bottom-right-radius: 36px;
    line-height:            72px;
    font-size:              20px;
    top:                    178px;
    left:                   81px;
}

.banner-size-10 .metadata-price-currency-right
{
    font-size:              14px;
}

.banner-size-10 .metadata-price-decimal
{
    font-size:              14px;
}

.banner-size-10 .metadata-price-after
{
    font-size:              14px;
}

.banner-size-10 .metadata-sale-price-currency-right
{
    font-size:              14px;
}

.banner-size-10 .metadata-sale-price-decimal
{
    font-size:              14px;
}

.banner-size-10 .metadata-sale-price-after
{
    font-size:              14px;
}

.banner-size-10 .metadata-old-price-parts
{
    width:                  72px;
    left:                   81px;
    bottom:                 40px;
    height:                 12px;
    line-height:            12px;
    font-size:              12px;
}

.banner-size-10 .metadata-c2a
{
    width:                  147px;
    height:                 28px;
    font-size:              13px;
    line-height:            28px;
    left:                   145px;
    top:                    156px;
}

.banner-size-10 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_10?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 13                                                             */
/* ========================================================================== */


.banner-size-13 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_13?[[CB]]);
    background-repeat:      no-repeat;
    width:                  466px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-13 .products
{
    width:                  380px;
    z-index:                2;
}

.banner-size-13 .item
{
    width:                  380px;
    height:                 58px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;
}

.banner-size-13 .banner-item-image
{
    width:                  30px;
    height:                 56px;
    left:                   12px;
    top:                    1px;
}

.banner-size-13 .metadata-manufacturer
{
    width:                  230px;
    height:                 11px;
    left:                   97px;
    top:                    38px;
    display:                block;
    line-height:            11px;
    font-size:              11px;
}

.banner-size-13 .metadata-title
{
    width:                  230px;
    height:                 26px;
    left:                   97px;
    top:                    9px;
    display:                block;
    line-height:            13px;
    font-size:              13px;
}

.banner-size-13 .metadata-text
{
    width:                  50px;
    height:                 8px;
    left:                   38px;
    top:                    12px;
    display:                block;
    font-size:              8px;
    line-height:            8px;
}

.banner-size-13 .metadata-price-parts
{
    width:                  54px;
    height:                 54px;
    line-height:            54px;
    font-size:              16px;
    top:                    2px;
    left:                   36px;
}

.banner-size-13 .metadata-sale-price-parts
{
    width:                  54px;
    height:                 54px;
    line-height:            54px;
    font-size:              16px;
    top:                    2px;
    left:                   36px;
}

.banner-size-13 .metadata-price-currency-right
{
    font-size:              12px;
}

.banner-size-13 .metadata-price-decimal
{
    font-size:              12px;
}

.banner-size-13 .metadata-price-after
{
    font-size:              12px;
}

.banner-size-13 .metadata-sale-price-currency-right
{
    font-size:              12px;
}

.banner-size-13 .metadata-sale-price-decimal
{
    font-size:              12px;
}

.banner-size-13 .metadata-sale-price-after
{
    font-size:              12px;
}

.banner-size-13 .metadata-old-price-parts
{
    width:                  54px;
    left:                   36px;
    bottom:                 10px;
    height:                 9px;
    line-height:            9px;
    font-size:              9px;
}

.banner-size-13 .metadata-c2a
{
    width:                  22px;
    height:                 22px;
    font-size:              0;
    line-height:            8888px;
    top:                    18px;
    right:                  22px;
}

.banner-size-13 .metadata-c2a:before
{
    position:               absolute;
    content:                ">>";
    width:                  100%;
    height:                 100%;
    line-height:            22px;
    font-size:              10px;
    color:                  #fff;
    top:                    0;
    left:                   0;
}

.banner-size-13 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_13?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 18                                                             */
/* ========================================================================== */


.banner-size-18 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_18?[[CB]]);
    background-repeat:      no-repeat;
    height:                 598px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-18 .products
{
    height:                 598px;
    z-index:                2;
}

.banner-size-18 .item
{
    width:                  118px;
    height:                 598px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;
}

.banner-size-18 .banner-item-image
{
    width:                  96px;
    height:                 200px;
    left:                   11px;
    top:                    318px;
}

.banner-size-18 .metadata-manufacturer
{
    width:                  106px;
    height:                 28px;
    left:                   6px;
    top:                    166px;
    display:                block;
    line-height:            14px;
    font-size:              12px;
}

.banner-size-18 .metadata-title
{
    width:                  106px;
    height:                 72px;
    left:                   6px;
    top:                    93px;
    display:                block;
    line-height:            18px;
    font-size:              16px;
}

.banner-size-18 .metadata-text
{
    width:                  52px;
    height:                 10px;
    left:                   57px;
    top:                    484px;
    display:                block;
}

.banner-size-18 .metadata-price-parts
{
    top:                    471px;
    left:                   50px;
}

.banner-size-18 .metadata-sale-price-parts
{
    top:                    471px;
    left:                   50px;
}

.banner-size-18 .metadata-old-price-parts
{
    left:                   50px;
    bottom:                 72px;
}

.banner-size-18 .metadata-c2a
{
    width:                  106px;
    height:                 28px;
    line-height:            28px;
    font-size:              10px;
    letter-spacing:         0;
    top:                    199px;
    left:                   6px;
}

.banner-size-18 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_18?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 60                                                             */
/* ========================================================================== */


.banner-size-60 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_60?[[CB]]);
    background-repeat:      no-repeat;
    width:                  318px;
    left:                   1px;
    top:                    1px;
    z-index:                1;
}

.banner-size-60 .products
{
    width:                  248px;
    z-index:                2;
}

.banner-size-60 .item
{
    width:                  248px;
    height:                 48px;
    left:                   0px;
    top:                    0px;
    margin-bottom:          0px;
    display:                block;
}

.banner-size-60 .banner-item-image
{
    width:                  26px;
    height:                 46px;
    left:                   11px;
    top:                    1px;
}

.banner-size-60 .metadata-manufacturer
{
    width:                  140px;
    height:                 20px;
    left:                   86px;
    top:                    27px;
    display:                block;
    line-height:            10px;
    font-size:              10px;
}

.banner-size-60 .metadata-title
{
    width:                  140px;
    height:                 24px;
    left:                   86px;
    top:                    2px;
    display:                block;
    line-height:            12px;
    font-size:              12px;
}

.banner-size-60 .metadata-text
{
    width:                  40px;
    height:                 8px;
    left:                   34px;
    top:                    13px;
    display:                block;
    font-size:              8px;
    line-height:            8px;
}

.banner-size-60 .metadata-price-parts
{
    width:                  45px;
    height:                 45px;
    line-height:            55px;
    font-size:              13px;
    top:                    2px;
    left:                   32px;
}

.banner-size-60 .metadata-sale-price-parts
{
    width:                  45px;
    height:                 45px;
    line-height:            55px;
    font-size:              13px;
    top:                    2px;
    left:                   32px;
}

.banner-size-60 .metadata-price-currency-right
{
    font-size:              10px;
    top:                    -3px;
}

.banner-size-60 .metadata-price-decimal
{
    font-size:              10px;
    top:                    -3px;
}

.banner-size-60 .metadata-price-after
{
    font-size:              10px;
    top:                    -3px;
}

.banner-size-60 .metadata-sale-price-currency-right
{
    font-size:              10px;
    top:                    -3px;
}

.banner-size-60 .metadata-sale-price-decimal
{
    font-size:              10px;
    top:                    -3px;
}

.banner-size-60 .metadata-sale-price-after
{
    font-size:              10px;
    top:                    -3px;
}

.banner-size-60 .metadata-old-price-parts
{
    width:                  45px;
    left:                   32px;
    bottom:                 8px;
    display:                none;
}

.banner-size-60 .metadata-c2a
{
    width:                  16px;
    height:                 16px;
    font-size:              0;
    line-height:            8888px;
    top:                    16px;
    right:                  4px;
}

.banner-size-60 .metadata-c2a:before
{
    position:               absolute;
    content:                ">>";
    width:                  100%;
    height:                 16px;
    line-height:            16px;
    font-size:              8px;
    color:                  #fff;
    top:                    0;
    left:                   0;
}

.banner-size-60 .metadata-c2a:after
{
    position:               absolute;
    content:                "";
}

.banner-size-60 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_60?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* BANNER SIZE 84                                                             */
/* ========================================================================== */


.banner-size-84 .logo
{
    background-image:       url(//assets.sociomantic.com/logo/24801_84?[[CB]]);
    background-repeat:      no-repeat;
    width:                  104px;
    left:                   865px;
    top:                    1px;
}

.banner-size-84 .products
{
    width:                  864px;
    background-color:       #eee;
}

.banner-size-84 .item
{
    width:                  278px;
    height:                 220px;
    left:                   10px;
    top:                    14px;
    margin-right:           5px;
    margin-bottom:          14px;
    display:                block;
    background-position:    0 -89px;
    background-image:       url(//assets.sociomantic.com/sprites/24801?[[CB]]);
    background-repeat:      no-repeat;
}

.banner-size-84 .banner-item-image
{
    width:                  100px;
    height:                 180px;
    left:                   12px;
    top:                    20px;
}

.banner-size-84 .metadata-manufacturer
{
    width:                  140px;
    height:                 32px;
    left:                   125px;
    top:                    87px;
    display:                block;
}

.banner-size-84 .metadata-title
{
    width:                  140px;
    height:                 54px;
    left:                   125px;
    top:                    31px;
    display:                block;
    line-height:            18px;
    font-size:              16px;
}

.banner-size-84 .metadata-text
{
    width:                  56px;
    height:                 10px;
    left:                   75px;
    top:                    156px;
    display:                block;
}

.banner-size-84 .metadata-price-parts
{
    top:                    144px;
    left:                   70px;
}

.banner-size-84 .metadata-sale-price-parts
{
    top:                    144px;
    left:                   70px;
}

.banner-size-84 .metadata-old-price-parts
{
    left:                   70px;
    bottom:                 21px;
}

.banner-size-84 .metadata-c2a
{
    left:                   125px;
    top:                    125px;
}

.banner-size-84 .billboard
{
    background-image:       url(//assets.sociomantic.com/billboard/24801_84?[[CB]]);
    background-repeat:      no-repeat;
    display:                block;
    width:                  100%;
    height:                 100%;
}



/* ========================================================================== */
/* ANIMATION DEFINITIONS                                                      */
/* ========================================================================== */


@keyframes fadeInDown {
0% {
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

 10%{
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

20% {
    opacity:                1;
    transform:              none;
}

  100% {
    opacity:                1;
    transform:              none;
}

}

@-webkit-keyframes fadeInDown {
0% {
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

 10%{
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

20% {
    opacity:                1;
    transform:              none;
}

  100% {
    opacity:                1;
    transform:              none;
}

}

@-o-keyframes fadeInDown {
0% {
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

 10%{
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

20% {
    opacity:                1;
    transform:              none;
}

  100% {
    opacity:                1;
    transform:              none;
}

}

@-moz-keyframes fadeInDown {
0% {
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

 10%{
    opacity:                0;
    transform:              translate3d(0, -100%, 0);
}

20% {
    opacity:                1;
    transform:              none;
}

  100% {
    opacity:                1;
    transform:              none;
}

}

@keyframes fadeInRight {
0% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}


  20% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}

    30% {
    opacity:                1;
    transform:           none;
}

100& {
    opacity:                1;
    transform:              none;
}

}

@-webkit-keyframes fadeInRight {
0% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}


  20% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}

    30% {
    opacity:                1;
    transform:           none;
}

100& {
    opacity:                1;
    transform:              none;
}

}

@-moz-keyframes fadeInRight {
0% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}


  20% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}

    30% {
    opacity:                1;
    transform:           none;
}

100& {
    opacity:                1;
    transform:              none;
}

}

@-o-keyframes fadeInRight {
0% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}


  20% {
    opacity:                0;
    transform:              translate3d(100%, 0, 0);
}

    30% {
    opacity:                1;
    transform:           none;
}

100& {
    opacity:                1;
    transform:              none;
}

}

}

@keyframes tada {
0% {
    transform:              scale3d(1, 1, 1);
}

  49% {
    transform:              scale3d(1, 1, 1);
}

50%, 55% {
    transform:              scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

56%, 61%, 66%, 72% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

58%, 63%, 68% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

73% {
    transform:              scale3d(1, 1, 1);
}


100% {
    transform:              scale3d(1, 1, 1);
}

}

@-webkit-keyframes tada {
0% {
    transform:              scale3d(1, 1, 1);
}

  49% {
    transform:              scale3d(1, 1, 1);
}

50%, 55% {
    transform:              scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

56%, 61%, 66%, 72% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

58%, 63%, 68% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

73% {
    transform:              scale3d(1, 1, 1);
}


100% {
    transform:              scale3d(1, 1, 1);
}

}

@-moz-keyframes tada {
0% {
    transform:              scale3d(1, 1, 1);
}

  49% {
    transform:              scale3d(1, 1, 1);
}

50%, 55% {
    transform:              scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

56%, 61%, 66%, 72% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

58%, 63%, 68% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

73% {
    transform:              scale3d(1, 1, 1);
}


100% {
    transform:              scale3d(1, 1, 1);
}

}

@-o-keyframes tada {
0% {
    transform:              scale3d(1, 1, 1);
}

  49% {
    transform:              scale3d(1, 1, 1);
}

50%, 55% {
    transform:              scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}

56%, 61%, 66%, 72% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}

58%, 63%, 68% {
    transform:              scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}

73% {
    transform:              scale3d(1, 1, 1);
}


100% {
    transform:              scale3d(1, 1, 1);
}

}



/* ========================================================================== */
/* CSS FULLY LOADED BEACON USED BY JS TIMEOUT TO DETERMINE WHEN CSS IS LOADED */
/* ========================================================================== */


.css-fully-loaded
{
    font-family:            Loaded;
}