body {
    font-family: Arial, Helvetica, sans-serif;
}

.new_css2 {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

.new_css2 h1 { /** this modify all the h1 into the website! */
    margin: 37px 0 25px 0;
    color: #2daa13;
    font-size: 21px;
    line-height: 21px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.box-long {
    width: 309px;
    height: 411px; /* height is flexable -- use a new class to alter */
    float: left;
    /*margin: 0 0 0 15px;  doesn't work in YOU page */
    background: #fff url(../bwImages/box-long-bg.png) bottom left no-repeat;
    position: relative;  /* giving problems to tooltip */
}

.box-long.wide {
    width: 472px;
    background: #fff url(../bwImages/box-long-wide-bg.png) bottom left no-repeat;
}

.box-long.first {
    margin-left: 0;
}

.box-long h2 {
    width: 309px;
    color: #fff;
    font-size: 18px;
}

.box-long h3 {
    font-size: 15px;
    color: #2DAA13;
    margin: -5px 20px 0 20px;
    line-height: 30px;
}

.box-long p { /* Generic set: problem on rich tooltip */
    margin: 0 20px 12px 20px;
    color: #666;
    font-size: 15px;
    line-height: 20px;
}

.box-long hr {
    height: 0px;
    margin: 17px 15px;
    border: 1px dashed #e9e9e9;
}

.box-long h2.topup {
    width: 233px;
    height: 39px;
    padding: 20px 0 0 76px;
    margin: 0 0 10px 0;
    background: transparent url(../bwImages/box-long-h2-topup.png) top left no-repeat;
}

.box-long h2.buy-coupons {
    width: 233px;
    height: 39px;
    padding: 20px 0 0 76px;
    margin: 0 0 10px 0;
    background: transparent url(../bwImages/box-long-h2-buy-coupons.png) top left no-repeat;
}

.box-long h2.buy-film {
    width: 233px;
    height: 39px;
    padding: 26px 0 0 76px;
    margin: -6px 0 10px 0;
    background: transparent url(../bwImages/box-long-h2-buy-film.png) top left no-repeat;
}

.box-long.wide h2.topup {
    width: 473px;
    background: transparent url(../bwImages/box-long-wide-h2-topup.png) top left no-repeat;
}

.box-long.wide h2.buy-coupons {
    width: 473px;
    background: transparent url(../bwImages/box-long-wide-h2-buy-coupons.png) top left no-repeat;
}

.box-long form {
    margin: 0 20px;
}

.box-long form ul {
    list-style: none;
    padding: 0;
    margin: 0 0 0 -5px;
    line-height: 30px;
}

.box-long form input {
    color: #666;
}

.box-long form label {
    color: #666;
    font-size: 15px;
    margin: 0 0 0 15px;   /* margin for all the labels?? */
}

.box-long form label span {
    font-size: 12px;
}

.box-long form label.currency {
    margin: 0 11px 0 15px;
}

.box-long form button {
    width: 146px;
    height: 38px;
    border: none;
    padding: 0 0 2px 0;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background: #fff url(../bwImages/button.png) no-repeat;
    cursor: pointer;
    cursor: hand;
}

.box-long form button.buy, a.button.buy {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

.box-long form label a {
    color: #666;
}

.box-long form label a:hover {
    text-decoration: none;
}

.box-long img.thumb-film {
    margin: 10px 45px;
}

.button-big {
    display: block;
    width: 195px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    text-decoration: none;             
    font-size: 13px !important;
    color: #ffffff;
    font-weight: bold;
    background: #fff url(../bwImages/button-big.png) no-repeat;
    cursor: pointer;
    cursor: hand;
}

a.button {
    display: block;
    width: 146px;
    height: 38px;
    text-align: center;
    line-height: 37px;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    background: #fff url(../bwImages/button.png) no-repeat;
    cursor: pointer;
    cursor: hand;
}

.bw-dl {
    overflow: hidden;
}

.bw-dl dt {
    float: left;
    clear: left;
    margin: 0 30px 0 0;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding-top: 3px;
}

.bw-dl dd {
    float: left;
    font-size: 16px;
    color: #2DAA13;
    font-weight: bold;
    margin: 0;
}

.bw-dl dd span.details {
    display: block;

    font-size: 12px;
}

.bw-dl dd span.details a {
    color: #666;
}

.bw-dl dd span.details a:hover {
    text-decoration: none;
}

.bw-dl dt.paypal {
    width: 174px;
    height: 37px;
    margin: 0 0 0 0;
    background: #fff url(../bwImages/logo-paypal.png) left center no-repeat;
    text-indent: -9999999px;
}

.bw-dl dt.google-checkout {
    width: 174px;
    height: 37px;
    margin: 0 0 0 0;
    background: #fff url(../bwImages/logo-google-checkout.png) left center no-repeat;
    text-indent: -9999999px;
}

.bw-dl dt.spacer, .bw-dl dd.spacer {
    margin-bottom: 25px;
}

.bw-dl dt.spacer-small, .bw-dl dd.spacer-small {
    margin-bottom: 10px;
}

/* === POP UP ==========*/
.rich-mpnl-content {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.rich-mpnl-header {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    padding: 8px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: normal;
    background-color: #4C4C4C;
    background-image: none;
    border: none;
}

.rich-mpnl-shadow {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.blanket {
    display: none;
    background-color: #111;
    opacity: 0.3;
    filter: alpha(opacity = 30);
    position: absolute;
    z-index: 9999999;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.box-popup-content {
}

.box-popup-content p {
    font-size: 12px;
    line-height: 15px;
}

.box-popup-content p.notice {
    margin-top: 20px;
    margin-bottom: 30px;
}

.box-popup-content h2 {
    font-size: 16px;
    font-weight: bold;
    color: #2DAA13;
    margin: 0 20px 10px 20px;
    line-height: 30px;
}

.box-popup-content p.coupon-details {
    font-size: 15px;
}

.box-popup-content hr.end {
    margin-bottom: 60px;
}

.box-popup-content a.button.close {
    position: absolute;
    bottom: 8px;
    right: 8px;
}

/* patchwork code for profile page - page needs redoing from scratch!! */
dl.fan-of {
    overflow: hidden;
}

dl.fan-of dt {
    float: left;
    clear: left;
    margin: 0 20px 0 10px;
    color: #333;
}

dl.fan-of dd {
    margin: 5px 0;
}

dl.fan-of dd a.remove {
    padding: 3px 15px 3px 0;
    background: transparent url(../bwImages/icon-remove.png) center right no-repeat;
}

dl.fan-of dd a.remove:hover {
    text-decoration: underline;
}

.newComments .box-long {
    float: none;
}