/* !General */
body {
    background: #ebebeb;
    color: #333;
    font: 13px/18px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
del { text-decoration: line-through; }

/* !Links */
a, a img, a.image img {
    border: none;
    font-weight: bold;
    text-decoration: none;
}

a:link { color: #900; }
a:visited { color: #900; }
a:hover { color: #c30; }

/* !Container */
.container {
    margin: 0 auto;
    width: 960px;
}

/* !Header */
#header {
    background: #000;
    height: 95px;
    margin-bottom: 20px;
}

#header #logo {
    float: left;
    height: 43px;
    margin-top: 34px;
    width: 256px;
}

/* !Content */
#main .container {
    background: #fff url(/_img/landing/upgrade25/save-percent.jpg) no-repeat;
    background-position: 725px -10px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    margin-bottom: 20px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    min-height: 800px;
}

.content-inner {
    margin: 0 auto;
    padding-top: 35px;
    width: 900px;
}

.content-inner h1 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 30px;
    text-align: left;
}

.content-inner h2.tagline {
    font-size: 32px;
    font-weight: bold;
}

.content-inner h2.upgrade-head {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.top-wrap { margin-bottom: 30px; }

.top-wrap .video {
    float: left;
    margin-right: 40px;
    width: 640px;
}

.top-wrap .headline {
    float: left;
    padding-top: 90px;
    width: 220px;
}

.pricing {
    margin: 0 auto 40px auto;
    text-align: center;
    width: 880px;
}

.pricing td {
    font-size: 12px;
    padding: 0 10px;
    vertical-align: middle;
}

.pricing td p { margin-bottom: 2px; }

.pricing .reg-price {
    font-size: 20px;
    font-weight: bold;
    text-decoration: line-through;
}

.pricing .sale-price {
    color: #f30;
    font-size: 20px;
    font-weight: bold;
}

.pricing .savings {
    color: #f90;
    font-size: 20px;
    font-weight: bold;
}

.pricing .coupon { font-size: 16px; }

.mid-wrap {
    margin: 0 auto 20px auto;
    width: 880px;
}

.mid-wrap .content {
    float: left;
    margin-right: 60px;
    width: 600px;
}

.mid-wrap .content ul {
    list-style-image: url(/_img/emails/upgrade25/grey_bullet.png);
    list-style-type: none;
    margin-bottom: 20px;
    margin-left: 16px;
}

.mid-wrap .content ul li { margin-bottom: 10px; }

.mid-wrap .content p {
    line-height: 20px;
    margin-bottom: 20px;
}

.mid-wrap .compatibility {
    float: left;
    width: 220px;
}

.mid-wrap .compatibility .compat-pop {
    margin-left: 132px;
    margin-top: -20px;
}

.bot-wrap {
    margin: 0 auto 40px auto;
    width: 880px;
}

.bot-wrap h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.best-value {
    border-right: 1px solid #ccc;
    float: left;
    margin-right: 20px;
    padding-right: 5px;
    width: 440px;
}

.best-value .prod-box {
    float: left;
    margin-right: 20px;
    width: 78px;
}

.best-value .value-text {
    float: left;
    width: 332px;
}

.best-value .value-text p { margin-bottom: 10px; }

.commit-text {
    float: left;
    width: 326px;
}

.commit-text li { margin-bottom: 2px; }

.commit-img {
    float: left;
    width: 84px;
}

/* !Footer */
#footer {
    background: #000;
    font-family: Helvetica, Arial, sans-serif;
    min-height: 225px;
}

#footer .container {
    padding-bottom: 40px;
    padding-top: 20px;
}

#footer .footerLeft {
    float: left;
    width: 480px;
}

#footer .footerLeft h2 {
    color: #ccc;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 5px;
}

#footer .footerLeft p {
    color: #666;
    font-size: 12px;
}

#footer .footerLeft p.phone { margin-bottom: 20px; }

#footer .footerLeft .copyright {
    color: #333;
    font-size: 11px;
}

#footer .footerRight {
    float: left;
    font-size: 12px;
    width: 480px;
}

#footer .footerRight ul { text-align: right; }
#footer .footerRight ul li { margin-bottom: 5px; }
#footer .footerRight a { color: #ccc; }
#footer .footerRight a:hover { color: #c30; }

/* !Compatibility pop-up */
#compat h2 {
    font-size: 24px;
    margin-bottom: 10px;
    padding-top: 10px;
    text-align: center;
}

#compat p {
    margin-bottom: 20px;
    text-align: center;
}

#compat p.works-with {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#compat ul {
    margin-bottom: 20px;
    text-align: center;
}

#compat li { margin-bottom: 5px; }

/* !Fancybox overrides */
#fancybox-outer { background: #fff !important; }

/* !Miscellaneous */
.ten { font-size: 10px; }
.eleven { font-size: 11px; }
.twelve { font-size: 12px; }
.image { border: none !important; }
.divider { margin-bottom: 20px; }

/* !Clearfix */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */