﻿.RevolvingBannerGroupWrapper{
    background-color:#EEEEEE;
    border:none;
    height:340px;
    width:100%;
    position:relative;
    border-radius:10px;
}
.RevolvingBannerItemWrapper{
    position:relative;
    background-color:white;
    border:none;
    border-radius:10px;
    width:730px;
    height:320px;
    margin:0 auto;
    padding:5px;
    top:5px;
    vertical-align:middle;
}
.RevolvingBannerTextHolder{
    background-color:transparent;
    border:none;
    float:right;
    font-size:x-large;
    padding-top:20px;
    text-align:center;
    vertical-align:middle;
    width:320px;
    position:relative;
    top: 50%;
    right:40px;
    transform: translateY(-50%);
}
.RevolvingBannerProductName a{
    background-color:transparent;
    border:none;
    color:blue;
    text-decoration:none;
    font-weight:900;
}
.RevolvingBannerProductName{
    background-color:transparent;
    border:none;
    color:blue;
    text-decoration:none;
    font-weight:900;
}
.RevolvingBannerSellPrice {
    background-color:transparent;
    display:table;
    margin:10px auto;
    border-top:10px solid;
    border-bottom:10px solid;
    font-weight:900;
}
.RevolvingBannerSellPricePromo {
    background-color:transparent;
    display:table;
    margin:10px auto;
    border-top:5px solid;
    border-bottom:5px solid;
    font-weight:normal;
    font-size:smaller;
    text-decoration:line-through;
}
.RevolvingBannerPromoGroupPrice{
    font-size:smaller;
}
.RevolvingBannerPromoPrice{
    background-color:transparent;
    color:red;
    display:table;
    border-top:10px solid;
    border-bottom:10px solid;
    font-size:larger;
    font-weight:900;
    margin:10px auto;
}
.RevolvingBannerImageHolder{
    background-color:transparent;
    border:none;
    width:320px;
    vertical-align:middle;
    text-align:center;
    position:relative;
    right:-40px;
    top: 50%;
    transform: translateY(-50%);
}
.RevolvingBannerPrevious{
    background-color:transparent;
    background-image:url(Imagens/Previous.png);
    height:330px;
    width:40px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
    border-radius:10px 0px 0px 10px;
}
.RevolvingBannerNext{
    background-color:transparent;
    background-image:url(Imagens/Next.png);
    height:330px;
    width:40px;
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
    border-radius:0px 10px 10px 0px;
}
.RevolvingBannerSelectBanner{
    background-color:#EEEEEE;
    bottom:0px;
    border-radius:10px 10px 0 0;
    cursor:pointer;
    display:table;
    margin:0 auto;
    position:absolute;
    right:50%;
    transform:translateX(50%);
}
.RevolvingBannerSelectBannerSelected{
    background-color:transparent;
    background-image:url("Imagens/azul.png");
    border-radius:5px;
    display:inline-block;
    height:36px;
    width:20px;
    margin:1px;
}
.RevolvingBannerSelectBannerUnSelected{
    background-color:transparent;
    background-image:url("Imagens/preto.png");
    border-radius:5px;
    display:inline-block;
    height:36px;
    width:20px;
    margin:1px;
}