/*Only include this to fix issue with using bootstrap*/
#mobileNavMenu {
    width: 200px;
}
nav #ub-small, #userbar-mobile, nav #ub-large {
    width: 170px;
}
/*-----*/

#largeImageView {
    height: 400px;
    margin-top: 20px;
    position: relative;
    width: 100%;
}
#largeImageView > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
div#content {
    background-position: center top;
}
.contentBackground {
    background: #fff none repeat scroll 0 0;
    border: 5px solid #eee;
    border-radius: 10px;
    float: left;
    margin-top: 50px;
    padding: 15px 50px 40px;
    position: relative;
    width: 100%;
}
.contentBackground .btn {
    margin-top: 20px;
}
.contentBackground .leftSection {
    float: left;
    width: 425px;
}
.contentBackground::before, .contentBackground::after {
    background: transparent none repeat scroll 0 0;
    box-shadow: -17px 54px 15px -14px #999999;
    content: " ";
    height: 50px;
    opacity: 0.8;
    position: absolute;
    width: 100%;
    z-index: -1;
    bottom: 72px;
}
.contentBackground::before {
    left: 6px;
    transform: rotate(-7deg);
}
.contentBackground::after {
    right: -19px;
    transform: rotate(7deg);
}
#productInfo {
    text-align: left;
    margin-top: 25px;
}
.contentBackground h1 {
    color: #444;
    font-weight: bold;
    height: auto;
    white-space: normal;
    font-size: 40px;
}
.contentBackground h2 {
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}
#auctionPageDetails p {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}
#auctionPageDetails p.green {
    color: #85d14c;
}
#auctionPageDetails p.red {
    color: #d13424;
}
i#commingSoonBanner {
    background: rgba(0, 0, 0, 0) url("https://cf.redibids.com/img/productComingSoon.png") no-repeat scroll 0 0;
    height: 174px;
    position: absolute;
    right: -11px;
    top: -9px;
    width: 178px;
    z-index: 1;
}