body { font-size: 16px }
a { outline: none; }
.pad-top { padding-top: 25px; }
.contents.top {margin-bottom: 40px;}
.hero span.new { font-weight: bold; }
.hero .offer {color: #333;}
.hero .offer h1 { font-size: 30px; }
.hero .offer h2 { font-size: 21px; font-weight: 400; margin-top: 10px }
.hero .offer p { font-size: 16px; padding-bottom: 0; }
.hero .offer a { color: #fff; }
.pricing { text-align: center; }
.hero .offer .list-price { font-size: 120%; padding: 0; margin: 0; }
.hero .offer .list-price span { text-decoration: line-through; }
.hero .offer .main-price { font-size: 280%; padding: 0; margin: 0; }
.blk-blue { background-color: #eef2fd; padding: 20px 40px 20px 20px; margin: 20px 0; }
.offer .buttons { padding-top: 10px; }
.hero .offer .box-shot { text-align: center; }
.hero .offer .box-shot img {text-align: center; }
.hero .offer .btn { border-radius: 0; text-transform: uppercase; }
.hero .offer .btn-primary { background: #009cff; padding: 10px 50px 10px 50px; font-size: 100%; margin-bottom: 0px; }
.hero .offer .btn-primary:hover { background: #28acff;  }
.pricebrick .guarantee-badge { position: inherit;}
.variant #offer { margin-top: 20px; padding-bottom: 20px; text-align: left; color: #fff; background: rgba(0,0,0,0.8); min-height: 390px; }
.variant #offer .pricing { text-align: left; }
#offer p.msg { font-size: 16px; }
#offer p { font-size: 12px; }
#offer .primary-button { font-size: 16px; margin-bottom: 0; }
.pricing .lto-promo { width: 100%; }

.amnesty.pricing  .lto-promo{ width: auto; margin-top: 5px; }
.amnesty.pricing  .lto-promo p{ font-size: 16px !important; }

.pricing .pricing-save { font-size: 200% !important; background: #f26522; text-transform: uppercase; padding: 5px 15px !important; }
.paymentIcons img { width: auto !important; margin-right: 0.25em; }
.secure-purchase { margin-top: 20px; }
.secure-purchase img { vertical-align: baseline; margin-right: 2px; }
img.true-size { width: auto !important; }
.promo {padding: 0 6px 2px 6px;background: #CC397F;margin-left: 4px;color: #fff;}
.additional-info a { font-size: 12px; color: #fff; }
.prod-intro h4{margin-top: 30px}
#must-haves { margin-bottom: 20px; }
#must-haves ul { padding: 0; padding-left: 15px; margin: 10px 0 35px; font-size: 16px}
#must-haves ul li { letter-spacing: 0; list-style: none; }
#must-haves ul li:before { font-family: "Glyphicons Halflings"; content: "\e258"; font-size: 65%; margin-right: 6px; margin-left: -17px; color: grey }
#must-haves ul.light-bullets li:before { color: #c8c8c8 }
#must-haves span.new { display: inline; color: #fff; }
.amnesty-program p{margin-top: 5px}
.amnesty-program h4{margin-top: 25px;}
.hero .offer p#vatLabel { color: #fff; font-size: 12px; }
.summary, .features { background: #fff; }
.overview-features { padding-top: 25px; padding-bottom: 25px; }
.features img { width: 100%; }
.features .feature { padding-bottom: 25px; }
.footer { background: rgba(0,0,0,1); padding-top: 10px; padding-bottom: 10px; height: 100%; }
.label { border-radius: 0; font-size: 120%; position: absolute; font-weight: normal; padding: 10px 20px 10px 20px; }
.feature h3 {margin-top: 20px; margin-bottom: 10px;}
.artist-name {position: absolute;bottom: 20px;left: 90px;}

.icon-bar ul { padding: 20px 0 20px 0!important; margin: 0!important; line-height: 1; }
.icon-bar li { display: inline-block; padding: 0 !important; margin: 0 !important; }
.icon-bar li.prod-compare { list-style: none; }
.icon-bar li a span { padding-left: 60px; padding-top: 15px; padding-bottom: 15px; padding-right: 20px; display: block; }
.icon-bar li:hover a span { background: rgba(255,255,255,0.2); }
.icon-bar li.sys-reqs a { background: url(/static/vsp/images/icon-doc.png) no-repeat; background-position: 20px 5px; display: block; float: left; }
.icon-bar li.reviewers-guide a { background: url(/static/vsp/images/icon-book.png) no-repeat; background-position: 20px 5px; display: block; float: left; }
span.italic { font-style: italic; }
.modal-body li {font-size: 14px;}
@media (min-width: 768px) {
    .hero{color: #333;background-color: #f2f2f2; position: relative;}
    .lto-badge {
        min-height: 50px;
    }
}
@media (max-width: 767px) {
    .box-shot{margin-top: 0}
    .responsive .box-shot img {width: 150px;}
    .artist-name{display: none}
    .variant #offer { margin: 15px 0 30px; padding: 55px 15px 20px; }
}
